@skylivellc/lienzo-editor 0.8.0 → 0.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/{LienzoEditor-CEfqCPdf.js → LienzoEditor-dSKBP4Pb.js} +240 -158
  2. package/dist/LienzoEditor-dSKBP4Pb.js.map +1 -0
  3. package/dist/element.js +1 -1
  4. package/dist/index.js +1 -1
  5. package/dist/standalone/lienzo-editor.js +20 -8
  6. package/dist/standalone/lienzo-editor.js.map +1 -1
  7. package/dist/types/i18n/en.d.ts +11 -0
  8. package/dist/types/state/editor.d.ts +11 -8
  9. package/package.json +2 -2
  10. package/dist/LienzoEditor-CEfqCPdf.js.map +0 -1
package/dist/{LienzoEditor-CEfqCPdf.js → LienzoEditor-dSKBP4Pb.js} RENAMED
@@ -1103,6 +1103,17 @@ var Zt = {
1103
1103
  "section.video": "Video address",
1104
1104
  "section.videoHint": "An https link to an .mp4 or .webm file. It plays muted and on a loop.",
1105
1105
  "section.poster": "Image while the video loads",
1106
+ "section.flow": "Lay it out",
1107
+ "section.flowHint": "On its own, the section places its elements one after another and grows with them.",
1108
+ "section.flow.free": "By hand",
1109
+ "section.flow.column": "One under the other",
1110
+ "section.flow.row": "Side by side",
1111
+ "section.flowGap": "Space between",
1112
+ "section.flowAlign": "Alignment",
1113
+ "section.align.start": "To the start",
1114
+ "section.align.center": "Centred",
1115
+ "section.align.end": "To the end",
1116
+ "section.align.between": "Spread out",
1106
1117
  "section.wide": "Edge to edge",
1107
1118
  "section.wideHint": "The section spans the screen instead of the theme's width.",
1108
1119
  "section.background": "Background",
@@ -1669,6 +1680,17 @@ var Zt = {
1669
1680
  "section.video": "Dirección del video",
1670
1681
  "section.videoHint": "Un enlace https a un archivo .mp4 o .webm. Se reproduce en silencio y en bucle.",
1671
1682
  "section.poster": "Imagen mientras carga el video",
1683
+ "section.flow": "Acomodar",
1684
+ "section.flowHint": "Sola, la sección pone sus elementos uno tras otro y crece con ellos.",
1685
+ "section.flow.free": "A mano",
1686
+ "section.flow.column": "Uno debajo del otro",
1687
+ "section.flow.row": "Uno al lado del otro",
1688
+ "section.flowGap": "Separación",
1689
+ "section.flowAlign": "Alineación",
1690
+ "section.align.start": "Al inicio",
1691
+ "section.align.center": "Centrados",
1692
+ "section.align.end": "Al final",
1693
+ "section.align.between": "Repartidos",
1672
1694
  "section.wide": "De borde a borde",
1673
1695
  "section.wideHint": "La sección ocupa toda la pantalla en vez del ancho del tema.",
1674
1696
  "section.background": "Fondo",
@@ -3666,7 +3688,7 @@ function En(e, t) {
3666
3688
  }
3667
3689
  //#endregion
3668
3690
  //#region ../core/dist/lienzo.css?raw
3669
- var Dn = ".lz-page,.lz-page *{box-sizing:border-box}\nhtml:has(.lz-page){scroll-behavior:smooth}\n@media (prefers-reduced-motion:reduce){html:has(.lz-page){scroll-behavior:auto}}\n.lz-page{margin:0;container:lz/inline-size;background:var(--background);color:var(--text);font-family:var(--font-body)}\n.lz-notice{position:fixed;z-index:99;top:16px;left:50%;transform:translateX(-50%);background:var(--primary);color:var(--background);padding:12px 20px;border-radius:var(--radius);box-shadow:0 12px 32px rgba(15,23,42,.2)}\n.lz-section{position:relative;width:100%;scroll-margin-top:calc(var(--sticky,0) * 1px);background:var(--sbg,transparent)}\n.lz-section[data-fill=linear]{background:linear-gradient(calc(var(--sga,135) * 1deg),var(--sg1),var(--sg2))}\n.lz-section[data-fill=radial]{background:radial-gradient(circle at 50% 50%,var(--sg1),var(--sg2))}\n.lz-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}\n.lz-bg::before{content:'';position:absolute;inset:0;background:var(--background)}\n.lz-parallax{position:absolute;inset:0;clip-path:inset(0)}\n.lz-parallax>.lz-bg{position:fixed}\n.lz-section[data-wide]>.lz-frame{max-width:none}\n.lz-overlay{position:absolute;inset:0;background:rgb(0 0 0 / calc(var(--ov) * 100%))}\n.lz-frame{position:relative;height:calc(var(--fh) * var(--u))}\n.lz-section>.lz-frame{margin:0 auto;max-width:var(--max-width);container-type:inline-size;--u:calc(min(100cqw,var(--ref) * 1px) / var(--ref))}\n.lz-el{position:absolute;margin:0;display:block;overflow-wrap:break-word;left:calc(var(--x) * 1%);top:calc(var(--y) * var(--u));width:calc(var(--w) * 1%);height:calc(var(--h) * var(--u));z-index:var(--z);--_border:calc(var(--bw) * var(--u)) solid var(--bc,var(--text));--_fill:color-mix(in srgb,var(--bg) calc(var(--ba,1) * 100%),transparent);--_rot:rotate(calc(var(--rot) * 1deg));--_blur:blur(calc(var(--blur) * var(--u)));--_p:calc(var(--p) * var(--u));color:var(--c);background:var(--_fill);-webkit-backdrop-filter:var(--_blur);backdrop-filter:var(--_blur);font-family:var(--font-body);font-size:calc(var(--fs) * var(--u));font-weight:var(--fw);line-height:var(--lh);letter-spacing:calc(var(--ls,0) * 1em);border:var(--_border,0);border-radius:calc(var(--r) * var(--u));padding:var(--_p,0);opacity:var(--op);transform:var(--_rot,) var(--_flip,) var(--_anim,)}\n.lz-el[data-font=heading]{font-family:var(--font-heading)}\n.lz-el[data-case=upper]{text-transform:uppercase}\n.lz-el[data-case=lower]{text-transform:lowercase}\n.lz-el[data-case=title]{text-transform:capitalize}\n.lz-el[data-text=outline]{-webkit-text-stroke:calc(1.5 * var(--u)) currentColor;-webkit-text-fill-color:transparent}\n.lz-el[data-text=glow]{text-shadow:0 0 calc(12 * var(--u)) color-mix(in srgb,currentColor 70%,transparent),0 0 calc(44 * var(--u)) color-mix(in srgb,currentColor 45%,transparent)}\n.lz-el[data-auto]{height:auto}\n.lz-el[data-align=left]{text-align:left}\n.lz-el[data-align=center]{text-align:center}\n.lz-el[data-align=right]{text-align:right}\n.lz-el[data-fill=linear]{background:linear-gradient(calc(var(--ga,135) * 1deg),color-mix(in srgb,var(--g1) calc(var(--ba,1) * 100%),transparent),color-mix(in srgb,var(--g2) calc(var(--ba,1) * 100%),transparent))}\n.lz-el[data-fill=radial]{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--g1) calc(var(--ba,1) * 100%),transparent),color-mix(in srgb,var(--g2) calc(var(--ba,1) * 100%),transparent))}\n.lz-el[data-shadow=sm]{box-shadow:0 1px 2px rgba(15,23,42,.08)}\n.lz-el[data-shadow=md]{box-shadow:0 8px 24px rgba(15,23,42,.12)}\n.lz-el[data-shadow=lg]{box-shadow:0 24px 48px rgba(15,23,42,.18)}\n.lz-el[data-shadow=custom]{box-shadow:calc(var(--shx,0) * var(--u)) calc(var(--shy,12) * var(--u)) calc(var(--shb,32) * var(--u)) calc(var(--shs,0) * var(--u)) color-mix(in srgb,var(--shc,var(--secondary)) calc(var(--sha,.2) * 100%),transparent)}\n.lz-el[data-clip]:not([data-overflow]),.lz-el[data-overflow=hidden]{overflow:hidden}\n.lz-el[data-pin]{position:fixed;z-index:calc(var(--z) + 500);left:calc(50% - var(--ref) * var(--u) / 2 + var(--x) * var(--ref) * var(--u) / 100);top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--ref) * var(--u) / 100)}\n.lz-el[data-overflow=scroll-x]{overflow-x:auto;overflow-y:hidden}\n.lz-el[data-overflow=scroll-y]{overflow-y:auto;overflow-x:hidden}\n.lz-el[data-flip-x],.lz-el[data-flip-y]{--_flip:scale(var(--_fx,1),var(--_fy,1))}\n.lz-el[data-flip-x]{--_fx:-1}\n.lz-el[data-flip-y]{--_fy:-1}\n@container lz not (max-width:640px){.lz-el[data-visible=mobile]{display:none}}\n.lz-accent{color:var(--ac)}\n@media (prefers-reduced-motion:no-preference){.lz-el[data-anim]{opacity:0;transition:opacity calc(var(--adur,.7) * 1s) ease calc(var(--ad,0) * 1s),transform calc(var(--adur,.7) * 1s) cubic-bezier(.22,.61,.36,1) calc(var(--ad,0) * 1s)}.lz-el[data-anim=up]{--_anim:translateY(28px)}.lz-el[data-anim=down]{--_anim:translateY(-28px)}.lz-el[data-anim=left]{--_anim:translateX(-32px)}.lz-el[data-anim=right]{--_anim:translateX(32px)}.lz-el[data-anim=zoom]{--_anim:scale(.94)}.lz-el[data-anim=blur]{filter:blur(calc(10 * var(--u)));transition-property:opacity,transform,filter}.lz-el[data-anim=reveal]{clip-path:inset(0 100% 0 0);transition-property:opacity,transform,clip-path}.lz-el[data-anim=blur].is-in{filter:none}.lz-el[data-anim=reveal].is-in{clip-path:inset(0)}.lz-el[data-anim].is-in{opacity:var(--op,1);--_anim:initial}}\n@media (scripting:none){.lz-el[data-anim]{opacity:var(--op,1)!important;--_anim:initial!important}}\n.lz-el[data-hover]{transition:transform .25s ease,box-shadow .25s ease,opacity .25s ease}\n@media (hover:hover){.lz-el[data-hover=lift]:hover{transform:var(--_rot,) var(--_flip,) translateY(calc(-6 * var(--u)));box-shadow:0 18px 40px rgba(15,23,42,.18)}.lz-el[data-hover=grow]:hover{transform:var(--_rot,) var(--_flip,) scale(1.04)}.lz-el[data-hover=fade]:hover{opacity:.82}.lz-el[data-hover=sink]:hover{transform:var(--_rot,) var(--_flip,) translateY(calc(4 * var(--u))) scale(.98)}.lz-el[data-hover=tilt]:hover{transform:var(--_rot,) var(--_flip,) perspective(600px) rotateX(6deg) rotateY(-6deg)}.lz-el[data-hover=glow]:hover{box-shadow:0 0 0 calc(2 * var(--u)) color-mix(in srgb,var(--primary) 55%,transparent),0 18px 44px color-mix(in srgb,var(--primary) 28%,transparent)}}\n@keyframes lz-rise{from{translate:0 7cqh}to{translate:0 -7cqh}}\n@keyframes lz-drift{from{translate:-4cqw 0}to{translate:4cqw 0}}\n@keyframes lz-zoom{from{scale:1}to{scale:1.12}}\n@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.lz-el[data-scroll]{animation:linear both;animation-timeline:view();animation-range:entry 0% exit 100%}.lz-el[data-scroll=rise]{animation-name:lz-rise}.lz-el[data-scroll=drift]{animation-name:lz-drift}.lz-el[data-scroll=zoom]{animation-name:lz-zoom}}}\nimg.lz-el{object-fit:cover}\nimg.lz-el[data-fit=contain]{object-fit:contain}\na.lz-el,button.lz-el{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}\nbutton.lz-el{cursor:pointer;padding:var(--_p,1px 6px)}\n.lz-divider{border:var(--_border,none);border-top:var(--_border,1px solid currentColor)}\n.lz-video iframe{width:100%;height:100%;border:0;border-radius:inherit}\n.lz-el[data-shape=ellipse]{border-radius:50%}\n.lz-el[data-shape=triangle]{clip-path:polygon(50% 0,100% 100%,0 100%)}\n.lz-el[data-shape=blob]{border-radius:42% 58% 63% 37% / 43% 38% 62% 57%}\n.lz-el[data-shape=arch]{border-radius:50% 50% 0 0 / 65% 65% 0 0}\n.lz-el[data-shape=diagonal]{clip-path:polygon(0 0,100% 0,100% 72%,0 100%)}\n.lz-el[data-shape=dots]{background-image:radial-gradient(currentColor calc(1.6 * var(--u)),transparent calc(1.7 * var(--u)));background-size:calc(16 * var(--u)) calc(16 * var(--u))}\n.lz-el[data-shape=grid]{background-image:linear-gradient(currentColor calc(1 * var(--u)),transparent calc(1 * var(--u))),linear-gradient(90deg,currentColor calc(1 * var(--u)),transparent calc(1 * var(--u)));background-size:calc(24 * var(--u)) calc(24 * var(--u))}\n.lz-icon{display:grid;place-items:center}\n.lz-icon svg{width:100%;height:100%}\n.lz-navbar{display:flex;align-items:center;gap:calc(24 * var(--u))}\n.lz-navbar[data-sticky]{position:fixed;left:50%;translate:-50% 0;width:min(100%,var(--max-width));top:0;transition:background .25s ease,box-shadow .25s ease,height .25s ease,backdrop-filter .25s ease}\n.lz-section[data-wide] .lz-navbar[data-sticky]{width:100%}\n.lz-navbar[data-scrolled]{box-shadow:0 8px 24px rgba(15,23,42,.1)}\n.lz-navbar[data-scrolled][data-scroll]{box-shadow:0 10px 30px rgba(15,23,42,.12)}\n.lz-navbar[data-scrolled]:is([data-scroll=solid],[data-scroll=compact]){background:var(--sbgc,var(--bg,var(--background)));color:var(--sfgc,var(--c,var(--text)));-webkit-backdrop-filter:none;backdrop-filter:none}\n.lz-navbar[data-scrolled][data-scroll=compact]{height:calc(var(--h) * .78 * var(--u))}\n.lz-navbar-brand{font-family:var(--font-heading);font-weight:700;font-size:1.15em;white-space:nowrap}\n.lz-navbar[data-template=pill]{border-radius:999px;padding:0 calc(26 * var(--u));background:var(--bg,var(--surface))}\n.lz-navbar[data-template=card]{border-radius:calc(var(--r,14) * var(--u));padding:0 calc(22 * var(--u));background:var(--bg,var(--background));box-shadow:0 10px 30px rgba(15,23,42,.1)}\n.lz-navbar[data-template=underline]{border-bottom:calc(1 * var(--u)) solid color-mix(in srgb,currentColor 18%,transparent)}\n.lz-navbar[data-template=underline] a{padding-bottom:calc(4 * var(--u));border-bottom:calc(2 * var(--u)) solid transparent}\n.lz-navbar[data-template=underline] a:hover{opacity:1;border-bottom-color:currentColor}\n.lz-navbar[data-template=divided] .lz-navbar-links{gap:0}\n.lz-navbar[data-template=divided] .lz-navbar-links a{padding:0 calc(18 * var(--u));border-left:calc(1 * var(--u)) solid color-mix(in srgb,currentColor 20%,transparent)}\n.lz-navbar[data-template=divided] .lz-navbar-links a:first-child{border-left:0}\n.lz-navbar[data-template=floating]{width:calc(100% - calc(48 * var(--u)));margin:calc(14 * var(--u)) auto;border-radius:calc(14 * var(--u));padding:0 calc(24 * var(--u));background:var(--bg,var(--surface));box-shadow:0 14px 38px rgba(15,23,42,.16)}\n.lz-navbar[data-template=boxed] .lz-navbar-links a{padding:calc(8 * var(--u)) calc(14 * var(--u));border:calc(1 * var(--u)) solid color-mix(in srgb,currentColor 22%,transparent);border-radius:calc(6 * var(--u))}\n.lz-navbar[data-template=boxed] .lz-navbar-links a:hover{opacity:1;background:color-mix(in srgb,currentColor 10%,transparent)}\n.lz-navbar[data-template=tracked] .lz-navbar-links{gap:calc(30 * var(--u))}\n.lz-navbar[data-template=tracked] .lz-navbar-links a{text-transform:uppercase;letter-spacing:.14em;font-size:.82em}\n.lz-navbar-links{display:flex;align-items:center;gap:calc(22 * var(--u));margin-left:auto}\n.lz-navbar[data-layout=left] .lz-navbar-links,.lz-navbar[data-layout=center] .lz-navbar-links{margin-left:0}\n.lz-navbar[data-layout=center]{justify-content:center}\n.lz-navbar a{color:inherit;text-decoration:none;white-space:nowrap}\n.lz-navbar a:hover{opacity:.7}\n.lz-navbar-menu{display:none;position:relative;margin-left:auto}\n.lz-navbar-menu summary{list-style:none;cursor:pointer;font-size:1.5em;line-height:1}\n.lz-navbar-menu summary::-webkit-details-marker{display:none}\n.lz-navbar-drop{position:absolute;z-index:60;top:100%;right:0;display:grid;gap:12px;min-width:160px;margin-top:8px;padding:14px 16px;background:var(--surface);color:var(--text);border-radius:var(--radius);box-shadow:0 12px 32px rgba(15,23,42,.18)}\n.lz-field{display:flex;flex-direction:column;gap:4px;justify-content:center;text-align:left}\n.lz-field>span{font-size:.78em;opacity:.75}\n.lz-field>span i{font-style:normal;color:#dc2626;margin-left:2px}\n.lz-field input,.lz-field select,.lz-field textarea{font:inherit;color:inherit;width:100%;flex:1;min-height:0;background:transparent;border:0;padding:0;outline:none;resize:none}\n.lz-choices-list{display:flex;flex-wrap:wrap;gap:10px 18px;overflow:auto}\n.lz-choices-list label{display:inline-flex;align-items:center;gap:8px;cursor:pointer}\n.lz-choices-list input{flex:0 0 auto;width:18px;height:18px;accent-color:var(--primary)}\n.lz-field-check{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px}\n.lz-field-check input{flex:0 0 auto;width:18px;height:18px;accent-color:var(--primary)}\n.lz-field-error{position:absolute;top:100%;left:0;margin-top:2px;font-size:12px;font-style:normal;color:#dc2626}\n.lz-stack-nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:24px 20px 0;background:var(--background)}\n.lz-stack-nav button{font:inherit;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid color-mix(in srgb,var(--muted) 35%,transparent);border-radius:999px;background:transparent;color:var(--muted);transition:background .2s ease,color .2s ease}\n.lz-stack-nav button[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--background)}\n.lz-stack-nav i{font-style:normal;display:grid;place-items:center;width:22px;height:22px;border-radius:999px;background:color-mix(in srgb,currentColor 18%,transparent);font-size:.8em}\n.lz-stack-panel{display:none}\n.lz-stack-panel[data-on]{display:block}\n.lz-modal{border:none;border-radius:var(--radius);padding:0;max-width:calc(100% - 2rem);max-height:calc(100dvh - 3rem);color:var(--text);font-family:var(--font-body);overflow:auto;width:min(calc(var(--dw) * 1px),calc(100vw - 2rem));--u:calc(min(100vw - 2rem,var(--dw) * 1px) / var(--dw));background:var(--dbg,var(--background))}\n.lz-modal[data-size=full]{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;--u:calc(min(100vw,var(--dw) * 1px) / var(--dw))}\n.lz-modal::backdrop{background:rgba(15,23,42,.5)}\n.lz-modal .lz-frame{overflow:hidden}\n.lz-modal-bar{display:flex;align-items:center;gap:calc(12 * var(--u));padding:calc(8 * var(--u)) calc(10 * var(--u)) calc(8 * var(--u)) calc(18 * var(--u))}\n.lz-modal-title{margin:0;font-family:var(--font-heading);font-size:calc(20 * var(--u));font-weight:700}\n.lz-modal-close{margin-left:auto;width:calc(34 * var(--u));height:calc(34 * var(--u));display:grid;place-items:center;font:inherit;font-size:calc(20 * var(--u));line-height:1;color:var(--text);background:var(--surface);border:0;border-radius:999px;cursor:pointer}\n.lz-modal-close:hover{opacity:.8}\n.lz-placeholder{display:grid;place-items:center;padding:8px;border:1px dashed currentColor;font:12px/1.3 system-ui,sans-serif;opacity:.6}\n@container lz (max-width:640px){.lz-section>.lz-frame{--u:calc(min(100cqw,390px) / 390)}.lz-frame{height:calc(var(--fmh) * var(--u))}.lz-frame[data-stack]{height:auto;padding:32px 20px;display:flex;flex-direction:column;gap:20px}.lz-frame:not([data-stack]) .lz-el{position:absolute;left:calc(var(--mx) * 1%);top:calc(var(--my) * var(--u));width:calc(var(--mw) * 1%);height:calc(var(--mh) * var(--u))}.lz-el{font-size:calc(var(--fms,var(--fs)) * var(--u))}.lz-frame:not([data-stack]) .lz-el[data-auto]{height:auto}.lz-frame[data-stack] .lz-el{position:static;width:auto;height:auto;order:var(--ord)}.lz-el[data-visible=desktop]{display:none}.lz-parallax>.lz-bg{position:absolute}.lz-frame:not([data-stack]) .lz-navbar[data-sticky]{position:fixed;left:50%;translate:-50% 0;width:min(100%,var(--max-width))}.lz-navbar-links{display:none}.lz-navbar-menu{display:block}.lz-el{max-width:100%;min-width:0}img.lz-el{height:auto}.lz-icon{width:max-content}.lz-icon svg{width:calc(36 * var(--u));height:calc(36 * var(--u))}}\n", On = "\nhtml,body{margin:0}\nbody{overflow:hidden}\n.lz-el{cursor:default;user-select:none;-webkit-user-select:none}\n.lz-el[contenteditable]{cursor:text;user-select:text;-webkit-user-select:text;outline:none}\n.lz-el iframe,.lz-el input,.lz-el select,.lz-el textarea,.lz-el summary,.lz-el a,.lz-el button{pointer-events:none}\n.lz-navbar[data-sticky]{position:absolute;translate:none;left:calc(var(--x) * 1%);top:calc(var(--y) * var(--u));width:calc(var(--w) * 1%)}\n@container lz (max-width:640px){\n.lz-frame:not([data-stack]) .lz-navbar[data-sticky]{left:calc(var(--mx) * 1%);top:calc(var(--my) * var(--u));width:calc(var(--mw) * 1%)}\n.lz-frame[data-stack] .lz-navbar[data-sticky]{position:static;width:auto}\n}\n.lz-parallax>.lz-bg{position:absolute}\n.lz-stack-nav button{cursor:pointer}\nimg.lz-el[src=\"\"]::before,.lz-video:empty::before{position:absolute;inset:0;display:grid;place-items:center;padding:8px;text-align:center;border:1px dashed #94a3b8;border-radius:inherit;background:#f8fafc;color:#64748b;font:12px/1.3 system-ui,sans-serif}\nimg.lz-el[src=\"\"]::before{content:var(--lze-empty-image)}\n.lz-frame[data-stack] img.lz-el[src=\"\"]{position:relative;min-height:120px}\n.lz-video:empty::before{content:var(--lze-empty-video)}\n.lze-app-placeholder{display:grid;place-items:center;height:100%;padding:8px;text-align:center;border:1px dashed #94a3b8;border-radius:inherit;background:#f8fafc;color:#64748b;font:12px/1.3 system-ui,sans-serif}\n.lze-app-placeholder[data-status=loading]{animation:lze-pulse 1.2s ease-in-out infinite}\n@keyframes lze-pulse{50%{opacity:.55}}\nbody[data-lze-modal] .lz-section,body[data-lze-modal] .lz-stack,body[data-lze-modal] .lz-notice{display:none}\nbody[data-lze-modal] dialog.lz-modal[data-lze-open]{display:block;position:static;margin:16px auto;max-height:none;overflow:visible;box-shadow:0 12px 40px rgba(15,23,42,.18)}\nbody[data-lze-modal] dialog.lz-modal[data-lze-open][data-size=full]{margin:0}\n";
3691
+ var Dn = ".lz-page,.lz-page *{box-sizing:border-box}\nhtml:has(.lz-page){scroll-behavior:smooth}\n@media (prefers-reduced-motion:reduce){html:has(.lz-page){scroll-behavior:auto}}\n.lz-page{margin:0;container:lz/inline-size;background:var(--background);color:var(--text);font-family:var(--font-body)}\n.lz-notice{position:fixed;z-index:99;top:16px;left:50%;transform:translateX(-50%);background:var(--primary);color:var(--background);padding:12px 20px;border-radius:var(--radius);box-shadow:0 12px 32px rgba(15,23,42,.2)}\n.lz-section{position:relative;width:100%;scroll-margin-top:calc(var(--sticky,0) * 1px);background:var(--sbg,transparent)}\n.lz-section[data-fill=linear]{background:linear-gradient(calc(var(--sga,135) * 1deg),var(--sg1),var(--sg2))}\n.lz-section[data-fill=radial]{background:radial-gradient(circle at 50% 50%,var(--sg1),var(--sg2))}\n.lz-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}\n.lz-bg::before{content:'';position:absolute;inset:0;background:var(--background)}\n.lz-parallax{position:absolute;inset:0;clip-path:inset(0)}\n.lz-parallax>.lz-bg{position:fixed}\n.lz-section[data-wide]>.lz-frame{max-width:none}\n.lz-overlay{position:absolute;inset:0;background:rgb(0 0 0 / calc(var(--ov) * 100%))}\n.lz-frame{position:relative;height:calc(var(--fh) * var(--u))}\n.lz-frame[data-flow]{height:auto;min-height:calc(var(--fh) * var(--u));display:flex;gap:calc(var(--fg,24) * var(--u));padding:calc(56 * var(--u)) calc(24 * var(--u));box-sizing:border-box}\n.lz-frame[data-flow=column]{flex-direction:column}\n.lz-frame[data-flow=row]{flex-direction:row;flex-wrap:wrap;align-items:flex-start}\n.lz-frame[data-flow=column][data-flow-align=center]{align-items:center}\n.lz-frame[data-flow=column][data-flow-align=end]{align-items:flex-end}\n.lz-frame[data-flow=column][data-flow-align=between]{justify-content:space-between}\n.lz-frame[data-flow=row][data-flow-align=center]{justify-content:center}\n.lz-frame[data-flow=row][data-flow-align=end]{justify-content:flex-end}\n.lz-frame[data-flow=row][data-flow-align=between]{justify-content:space-between}\n.lz-frame[data-flow] .lz-el{position:static;order:var(--ord);height:auto;max-width:100%}\n.lz-frame[data-flow=column] .lz-el{width:calc(var(--w) * 1%)}\n.lz-frame[data-flow=row] .lz-el{width:calc(var(--w) * 1%);flex:0 1 auto}\n.lz-section>.lz-frame{margin:0 auto;max-width:var(--max-width);container-type:inline-size;--u:calc(min(100cqw,var(--ref) * 1px) / var(--ref))}\n.lz-el{position:absolute;margin:0;display:block;overflow-wrap:break-word;left:calc(var(--x) * 1%);top:calc(var(--y) * var(--u));width:calc(var(--w) * 1%);height:calc(var(--h) * var(--u));z-index:var(--z);--_border:calc(var(--bw) * var(--u)) solid var(--bc,var(--text));--_fill:color-mix(in srgb,var(--bg) calc(var(--ba,1) * 100%),transparent);--_rot:rotate(calc(var(--rot) * 1deg));--_blur:blur(calc(var(--blur) * var(--u)));--_p:calc(var(--p) * var(--u));color:var(--c);background:var(--_fill);-webkit-backdrop-filter:var(--_blur);backdrop-filter:var(--_blur);font-family:var(--font-body);font-size:calc(var(--fs) * var(--u));font-weight:var(--fw);line-height:var(--lh);letter-spacing:calc(var(--ls,0) * 1em);border:var(--_border,0);border-radius:calc(var(--r) * var(--u));padding:var(--_p,0);opacity:var(--op);transform:var(--_rot,) var(--_flip,) var(--_anim,)}\n.lz-el[data-font=heading]{font-family:var(--font-heading)}\n.lz-el[data-case=upper]{text-transform:uppercase}\n.lz-el[data-case=lower]{text-transform:lowercase}\n.lz-el[data-case=title]{text-transform:capitalize}\n.lz-el[data-text=outline]{-webkit-text-stroke:calc(1.5 * var(--u)) currentColor;-webkit-text-fill-color:transparent}\n.lz-el[data-text=glow]{text-shadow:0 0 calc(12 * var(--u)) color-mix(in srgb,currentColor 70%,transparent),0 0 calc(44 * var(--u)) color-mix(in srgb,currentColor 45%,transparent)}\n.lz-el[data-auto]{height:auto}\n.lz-el[data-align=left]{text-align:left}\n.lz-el[data-align=center]{text-align:center}\n.lz-el[data-align=right]{text-align:right}\n.lz-el[data-fill=linear]{background:linear-gradient(calc(var(--ga,135) * 1deg),color-mix(in srgb,var(--g1) calc(var(--ba,1) * 100%),transparent),color-mix(in srgb,var(--g2) calc(var(--ba,1) * 100%),transparent))}\n.lz-el[data-fill=radial]{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--g1) calc(var(--ba,1) * 100%),transparent),color-mix(in srgb,var(--g2) calc(var(--ba,1) * 100%),transparent))}\n.lz-el[data-shadow=sm]{box-shadow:0 1px 2px rgba(15,23,42,.08)}\n.lz-el[data-shadow=md]{box-shadow:0 8px 24px rgba(15,23,42,.12)}\n.lz-el[data-shadow=lg]{box-shadow:0 24px 48px rgba(15,23,42,.18)}\n.lz-el[data-shadow=custom]{box-shadow:calc(var(--shx,0) * var(--u)) calc(var(--shy,12) * var(--u)) calc(var(--shb,32) * var(--u)) calc(var(--shs,0) * var(--u)) color-mix(in srgb,var(--shc,var(--secondary)) calc(var(--sha,.2) * 100%),transparent)}\n.lz-el[data-clip]:not([data-overflow]),.lz-el[data-overflow=hidden]{overflow:hidden}\n.lz-el[data-pin]{position:fixed;z-index:calc(var(--z) + 500);left:calc(50% - var(--ref) * var(--u) / 2 + var(--x) * var(--ref) * var(--u) / 100);top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--ref) * var(--u) / 100)}\n.lz-el[data-overflow=scroll-x]{overflow-x:auto;overflow-y:hidden}\n.lz-el[data-overflow=scroll-y]{overflow-y:auto;overflow-x:hidden}\n.lz-el[data-flip-x],.lz-el[data-flip-y]{--_flip:scale(var(--_fx,1),var(--_fy,1))}\n.lz-el[data-flip-x]{--_fx:-1}\n.lz-el[data-flip-y]{--_fy:-1}\n@container lz not (max-width:640px){.lz-el[data-visible=mobile]{display:none}}\n.lz-accent{color:var(--ac)}\n@media (prefers-reduced-motion:no-preference){.lz-el[data-anim]{opacity:0;transition:opacity calc(var(--adur,.7) * 1s) ease calc(var(--ad,0) * 1s),transform calc(var(--adur,.7) * 1s) cubic-bezier(.22,.61,.36,1) calc(var(--ad,0) * 1s)}.lz-el[data-anim=up]{--_anim:translateY(28px)}.lz-el[data-anim=down]{--_anim:translateY(-28px)}.lz-el[data-anim=left]{--_anim:translateX(-32px)}.lz-el[data-anim=right]{--_anim:translateX(32px)}.lz-el[data-anim=zoom]{--_anim:scale(.94)}.lz-el[data-anim=blur]{filter:blur(calc(10 * var(--u)));transition-property:opacity,transform,filter}.lz-el[data-anim=reveal]{clip-path:inset(0 100% 0 0);transition-property:opacity,transform,clip-path}.lz-el[data-anim=blur].is-in{filter:none}.lz-el[data-anim=reveal].is-in{clip-path:inset(0)}.lz-el[data-anim].is-in{opacity:var(--op,1);--_anim:initial}}\n@media (scripting:none){.lz-el[data-anim]{opacity:var(--op,1)!important;--_anim:initial!important}}\n.lz-el[data-hover]{transition:transform .25s ease,box-shadow .25s ease,opacity .25s ease}\n@media (hover:hover){.lz-el[data-hover=lift]:hover{transform:var(--_rot,) var(--_flip,) translateY(calc(-6 * var(--u)));box-shadow:0 18px 40px rgba(15,23,42,.18)}.lz-el[data-hover=grow]:hover{transform:var(--_rot,) var(--_flip,) scale(1.04)}.lz-el[data-hover=fade]:hover{opacity:.82}.lz-el[data-hover=sink]:hover{transform:var(--_rot,) var(--_flip,) translateY(calc(4 * var(--u))) scale(.98)}.lz-el[data-hover=tilt]:hover{transform:var(--_rot,) var(--_flip,) perspective(600px) rotateX(6deg) rotateY(-6deg)}.lz-el[data-hover=glow]:hover{box-shadow:0 0 0 calc(2 * var(--u)) color-mix(in srgb,var(--primary) 55%,transparent),0 18px 44px color-mix(in srgb,var(--primary) 28%,transparent)}}\n@keyframes lz-rise{from{translate:0 7cqh}to{translate:0 -7cqh}}\n@keyframes lz-drift{from{translate:-4cqw 0}to{translate:4cqw 0}}\n@keyframes lz-zoom{from{scale:1}to{scale:1.12}}\n@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.lz-el[data-scroll]{animation:linear both;animation-timeline:view();animation-range:entry 0% exit 100%}.lz-el[data-scroll=rise]{animation-name:lz-rise}.lz-el[data-scroll=drift]{animation-name:lz-drift}.lz-el[data-scroll=zoom]{animation-name:lz-zoom}}}\nimg.lz-el{object-fit:cover}\nimg.lz-el[data-fit=contain]{object-fit:contain}\na.lz-el,button.lz-el{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}\nbutton.lz-el{cursor:pointer;padding:var(--_p,1px 6px)}\n.lz-divider{border:var(--_border,none);border-top:var(--_border,1px solid currentColor)}\n.lz-video iframe{width:100%;height:100%;border:0;border-radius:inherit}\n.lz-el[data-shape=ellipse]{border-radius:50%}\n.lz-el[data-shape=triangle]{clip-path:polygon(50% 0,100% 100%,0 100%)}\n.lz-el[data-shape=blob]{border-radius:42% 58% 63% 37% / 43% 38% 62% 57%}\n.lz-el[data-shape=arch]{border-radius:50% 50% 0 0 / 65% 65% 0 0}\n.lz-el[data-shape=diagonal]{clip-path:polygon(0 0,100% 0,100% 72%,0 100%)}\n.lz-el[data-shape=dots]{background-image:radial-gradient(currentColor calc(1.6 * var(--u)),transparent calc(1.7 * var(--u)));background-size:calc(16 * var(--u)) calc(16 * var(--u))}\n.lz-el[data-shape=grid]{background-image:linear-gradient(currentColor calc(1 * var(--u)),transparent calc(1 * var(--u))),linear-gradient(90deg,currentColor calc(1 * var(--u)),transparent calc(1 * var(--u)));background-size:calc(24 * var(--u)) calc(24 * var(--u))}\n.lz-icon{display:grid;place-items:center}\n.lz-icon svg{width:100%;height:100%}\n.lz-navbar{display:flex;align-items:center;gap:calc(24 * var(--u))}\n.lz-navbar[data-sticky]{position:fixed;left:50%;translate:-50% 0;width:min(100%,var(--max-width));top:0;transition:background .25s ease,box-shadow .25s ease,height .25s ease,backdrop-filter .25s ease}\n.lz-section[data-wide] .lz-navbar[data-sticky]{width:100%}\n.lz-navbar[data-scrolled]{box-shadow:0 8px 24px rgba(15,23,42,.1)}\n.lz-navbar[data-scrolled][data-scroll]{box-shadow:0 10px 30px rgba(15,23,42,.12)}\n.lz-navbar[data-scrolled]:is([data-scroll=solid],[data-scroll=compact]){background:var(--sbgc,var(--bg,var(--background)));color:var(--sfgc,var(--c,var(--text)));-webkit-backdrop-filter:none;backdrop-filter:none}\n.lz-navbar[data-scrolled][data-scroll=compact]{height:calc(var(--h) * .78 * var(--u))}\n.lz-navbar-brand{font-family:var(--font-heading);font-weight:700;font-size:1.15em;white-space:nowrap}\n.lz-navbar[data-template=pill]{border-radius:999px;padding:0 calc(26 * var(--u));background:var(--bg,var(--surface))}\n.lz-navbar[data-template=card]{border-radius:calc(var(--r,14) * var(--u));padding:0 calc(22 * var(--u));background:var(--bg,var(--background));box-shadow:0 10px 30px rgba(15,23,42,.1)}\n.lz-navbar[data-template=underline]{border-bottom:calc(1 * var(--u)) solid color-mix(in srgb,currentColor 18%,transparent)}\n.lz-navbar[data-template=underline] a{padding-bottom:calc(4 * var(--u));border-bottom:calc(2 * var(--u)) solid transparent}\n.lz-navbar[data-template=underline] a:hover{opacity:1;border-bottom-color:currentColor}\n.lz-navbar[data-template=divided] .lz-navbar-links{gap:0}\n.lz-navbar[data-template=divided] .lz-navbar-links a{padding:0 calc(18 * var(--u));border-left:calc(1 * var(--u)) solid color-mix(in srgb,currentColor 20%,transparent)}\n.lz-navbar[data-template=divided] .lz-navbar-links a:first-child{border-left:0}\n.lz-navbar[data-template=floating]{width:calc(100% - calc(48 * var(--u)));margin:calc(14 * var(--u)) auto;border-radius:calc(14 * var(--u));padding:0 calc(24 * var(--u));background:var(--bg,var(--surface));box-shadow:0 14px 38px rgba(15,23,42,.16)}\n.lz-navbar[data-template=boxed] .lz-navbar-links a{padding:calc(8 * var(--u)) calc(14 * var(--u));border:calc(1 * var(--u)) solid color-mix(in srgb,currentColor 22%,transparent);border-radius:calc(6 * var(--u))}\n.lz-navbar[data-template=boxed] .lz-navbar-links a:hover{opacity:1;background:color-mix(in srgb,currentColor 10%,transparent)}\n.lz-navbar[data-template=tracked] .lz-navbar-links{gap:calc(30 * var(--u))}\n.lz-navbar[data-template=tracked] .lz-navbar-links a{text-transform:uppercase;letter-spacing:.14em;font-size:.82em}\n.lz-navbar-links{display:flex;align-items:center;gap:calc(22 * var(--u));margin-left:auto}\n.lz-navbar[data-layout=left] .lz-navbar-links,.lz-navbar[data-layout=center] .lz-navbar-links{margin-left:0}\n.lz-navbar[data-layout=center]{justify-content:center}\n.lz-navbar a{color:inherit;text-decoration:none;white-space:nowrap}\n.lz-navbar a:hover{opacity:.7}\n.lz-navbar-menu{display:none;position:relative;margin-left:auto}\n.lz-navbar-menu summary{list-style:none;cursor:pointer;font-size:1.5em;line-height:1}\n.lz-navbar-menu summary::-webkit-details-marker{display:none}\n.lz-navbar-drop{position:absolute;z-index:60;top:100%;right:0;display:grid;gap:12px;min-width:160px;margin-top:8px;padding:14px 16px;background:var(--surface);color:var(--text);border-radius:var(--radius);box-shadow:0 12px 32px rgba(15,23,42,.18)}\n.lz-field{display:flex;flex-direction:column;gap:4px;justify-content:center;text-align:left}\n.lz-field>span{font-size:.78em;opacity:.75}\n.lz-field>span i{font-style:normal;color:#dc2626;margin-left:2px}\n.lz-field input,.lz-field select,.lz-field textarea{font:inherit;color:inherit;width:100%;flex:1;min-height:0;background:transparent;border:0;padding:0;outline:none;resize:none}\n.lz-choices-list{display:flex;flex-wrap:wrap;gap:10px 18px;overflow:auto}\n.lz-choices-list label{display:inline-flex;align-items:center;gap:8px;cursor:pointer}\n.lz-choices-list input{flex:0 0 auto;width:18px;height:18px;accent-color:var(--primary)}\n.lz-field-check{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px}\n.lz-field-check input{flex:0 0 auto;width:18px;height:18px;accent-color:var(--primary)}\n.lz-field-error{position:absolute;top:100%;left:0;margin-top:2px;font-size:12px;font-style:normal;color:#dc2626}\n.lz-stack-nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:24px 20px 0;background:var(--background)}\n.lz-stack-nav button{font:inherit;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid color-mix(in srgb,var(--muted) 35%,transparent);border-radius:999px;background:transparent;color:var(--muted);transition:background .2s ease,color .2s ease}\n.lz-stack-nav button[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--background)}\n.lz-stack-nav i{font-style:normal;display:grid;place-items:center;width:22px;height:22px;border-radius:999px;background:color-mix(in srgb,currentColor 18%,transparent);font-size:.8em}\n.lz-stack-panel{display:none}\n.lz-stack-panel[data-on]{display:block}\n.lz-modal{border:none;border-radius:var(--radius);padding:0;max-width:calc(100% - 2rem);max-height:calc(100dvh - 3rem);color:var(--text);font-family:var(--font-body);overflow:auto;width:min(calc(var(--dw) * 1px),calc(100vw - 2rem));--u:calc(min(100vw - 2rem,var(--dw) * 1px) / var(--dw));background:var(--dbg,var(--background))}\n.lz-modal[data-size=full]{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;--u:calc(min(100vw,var(--dw) * 1px) / var(--dw))}\n.lz-modal::backdrop{background:rgba(15,23,42,.5)}\n.lz-modal .lz-frame{overflow:hidden}\n.lz-modal-bar{display:flex;align-items:center;gap:calc(12 * var(--u));padding:calc(8 * var(--u)) calc(10 * var(--u)) calc(8 * var(--u)) calc(18 * var(--u))}\n.lz-modal-title{margin:0;font-family:var(--font-heading);font-size:calc(20 * var(--u));font-weight:700}\n.lz-modal-close{margin-left:auto;width:calc(34 * var(--u));height:calc(34 * var(--u));display:grid;place-items:center;font:inherit;font-size:calc(20 * var(--u));line-height:1;color:var(--text);background:var(--surface);border:0;border-radius:999px;cursor:pointer}\n.lz-modal-close:hover{opacity:.8}\n.lz-placeholder{display:grid;place-items:center;padding:8px;border:1px dashed currentColor;font:12px/1.3 system-ui,sans-serif;opacity:.6}\n@container lz (max-width:640px){.lz-section>.lz-frame{--u:calc(min(100cqw,390px) / 390)}.lz-frame{height:calc(var(--fmh) * var(--u))}.lz-frame[data-stack]{height:auto;padding:32px 20px;display:flex;flex-direction:column;gap:20px}.lz-frame:not([data-stack]) .lz-el{position:absolute;left:calc(var(--mx) * 1%);top:calc(var(--my) * var(--u));width:calc(var(--mw) * 1%);height:calc(var(--mh) * var(--u))}.lz-el{font-size:calc(var(--fms,var(--fs)) * var(--u))}.lz-frame:not([data-stack]) .lz-el[data-auto]{height:auto}.lz-frame[data-stack] .lz-el{position:static;width:auto;height:auto;order:var(--ord)}.lz-el[data-visible=desktop]{display:none}.lz-parallax>.lz-bg{position:absolute}.lz-frame:not([data-stack]) .lz-navbar[data-sticky]{position:fixed;left:50%;translate:-50% 0;width:min(100%,var(--max-width))}.lz-navbar-links{display:none}.lz-navbar-menu{display:block}.lz-el{max-width:100%;min-width:0}img.lz-el{height:auto}.lz-icon{width:max-content}.lz-icon svg{width:calc(36 * var(--u));height:calc(36 * var(--u))}}\n", On = "\nhtml,body{margin:0}\nbody{overflow:hidden}\n.lz-el{cursor:default;user-select:none;-webkit-user-select:none}\n.lz-el[contenteditable]{cursor:text;user-select:text;-webkit-user-select:text;outline:none}\n.lz-el iframe,.lz-el input,.lz-el select,.lz-el textarea,.lz-el summary,.lz-el a,.lz-el button{pointer-events:none}\n.lz-navbar[data-sticky]{position:absolute;translate:none;left:calc(var(--x) * 1%);top:calc(var(--y) * var(--u));width:calc(var(--w) * 1%)}\n@container lz (max-width:640px){\n.lz-frame:not([data-stack]) .lz-navbar[data-sticky]{left:calc(var(--mx) * 1%);top:calc(var(--my) * var(--u));width:calc(var(--mw) * 1%)}\n.lz-frame[data-stack] .lz-navbar[data-sticky]{position:static;width:auto}\n}\n.lz-parallax>.lz-bg{position:absolute}\n.lz-stack-nav button{cursor:pointer}\nimg.lz-el[src=\"\"]::before,.lz-video:empty::before{position:absolute;inset:0;display:grid;place-items:center;padding:8px;text-align:center;border:1px dashed #94a3b8;border-radius:inherit;background:#f8fafc;color:#64748b;font:12px/1.3 system-ui,sans-serif}\nimg.lz-el[src=\"\"]::before{content:var(--lze-empty-image)}\n.lz-frame[data-stack] img.lz-el[src=\"\"]{position:relative;min-height:120px}\n.lz-video:empty::before{content:var(--lze-empty-video)}\n.lze-app-placeholder{display:grid;place-items:center;height:100%;padding:8px;text-align:center;border:1px dashed #94a3b8;border-radius:inherit;background:#f8fafc;color:#64748b;font:12px/1.3 system-ui,sans-serif}\n.lze-app-placeholder[data-status=loading]{animation:lze-pulse 1.2s ease-in-out infinite}\n@keyframes lze-pulse{50%{opacity:.55}}\nbody[data-lze-modal] .lz-section,body[data-lze-modal] .lz-stack,body[data-lze-modal] .lz-notice{display:none}\nbody[data-lze-modal] dialog.lz-modal[data-lze-open]{display:block;position:static;margin:16px auto;max-height:none;overflow:visible;box-shadow:0 12px 40px rgba(15,23,42,.18)}\nbody[data-lze-modal] dialog.lz-modal[data-lze-open][data-size=full]{margin:0}\n";
3670
3692
  //#endregion
3671
3693
  //#region src/canvas/render.ts
3672
3694
  function kn(e) {
@@ -4402,7 +4424,7 @@ var Fn = (e) => e !== null && typeof e.nodeType == "number", In = { class: "lze-
4402
4424
  else return !1;
4403
4425
  return e.preventDefault(), !0;
4404
4426
  }
4405
- let ge = t(() => new Set(c.state.device === "mobile" ? c.canvases.value.filter(ct).map((e) => e.id) : [])), _e = t(() => c.canvases.value.every((e) => e.elements.length === 0)), ve = 0, ye = !1, be = !1;
4427
+ let ge = t(() => new Set(c.canvases.value.filter((e) => "flow" in e && e.flow && e.flow !== "free" || c.state.device === "mobile" && ct(e)).map((e) => e.id))), _e = t(() => c.canvases.value.every((e) => e.elements.length === 0)), ve = 0, ye = !1, be = !1;
4406
4428
  function xe() {
4407
4429
  ve ||= requestAnimationFrame(() => {
4408
4430
  ve = 0, Se();
@@ -8561,61 +8583,80 @@ var va = _a(ma), ya = [...va.keys()], ba = [
8561
8583
  a("p", uc, T(D(l)("multi.hint")), 1)
8562
8584
  ]));
8563
8585
  }
8564
- }), fc = { class: "lze-stack" }, pc = { class: "lze-heading" }, mc = { class: "lze-panel-title" }, hc = { class: "lze-row" }, gc = { class: "lze-field" }, _c = { class: "lze-hint" }, vc = /* @__PURE__ */ c({
8586
+ }), fc = { class: "lze-stack" }, pc = { class: "lze-heading" }, mc = { class: "lze-panel-title" }, hc = { class: "lze-row" }, gc = { class: "lze-field" }, _c = {
8587
+ key: 0,
8588
+ class: "lze-grid-2"
8589
+ }, vc = { class: "lze-hint" }, yc = /* @__PURE__ */ c({
8565
8590
  __name: "SectionPanel",
8566
8591
  props: { section: {} },
8567
- setup(t) {
8568
- let c = t, l = K(), u = l.t, d = {
8592
+ setup(c) {
8593
+ let l = c, u = K(), d = u.t, f = {
8569
8594
  group: O(),
8570
8595
  label: O(),
8571
8596
  anchor: O(),
8572
8597
  background: O(),
8573
- video: O()
8574
- }, f = [
8598
+ video: O(),
8599
+ flow: O()
8600
+ }, p = [
8575
8601
  {
8576
8602
  value: "alone",
8577
- label: u("section.alone")
8603
+ label: d("section.alone")
8578
8604
  },
8579
8605
  {
8580
8606
  value: "tabs",
8581
- label: u("section.tab")
8607
+ label: d("section.tab")
8582
8608
  },
8583
8609
  {
8584
8610
  value: "steps",
8585
- label: u("section.step")
8611
+ label: d("section.step")
8586
8612
  }
8587
- ], p = [
8613
+ ], m = [
8614
+ "free",
8615
+ "column",
8616
+ "row"
8617
+ ].map((e) => ({
8618
+ value: e,
8619
+ label: d(`section.flow.${e}`)
8620
+ })), h = [
8621
+ "start",
8622
+ "center",
8623
+ "end",
8624
+ "between"
8625
+ ].map((e) => ({
8626
+ value: e,
8627
+ label: d(`section.align.${e}`)
8628
+ })), g = t(() => (l.section.flow ?? "free") !== "free"), v = [
8588
8629
  "color",
8589
8630
  "gradient",
8590
8631
  "image",
8591
8632
  "video"
8592
8633
  ].map((e) => ({
8593
8634
  value: e,
8594
- label: u(`fill.${e}`)
8595
- })), m = b(c.section.id), h = b(!1);
8596
- N(() => c.section.id, (e) => m.value = e);
8597
- function g() {
8598
- let e = m.value.trim(), t = e !== c.section.id && B(l.state.draft, e) !== void 0;
8599
- h.value = !/^[a-zA-Z0-9_-]{1,40}$/.test(e) || t, !(h.value || e === c.section.id) && (c.section.id = e, l.selectCanvas(e), l.commit());
8635
+ label: d(`fill.${e}`)
8636
+ })), y = b(l.section.id), x = b(!1);
8637
+ N(() => l.section.id, (e) => y.value = e);
8638
+ function S() {
8639
+ let e = y.value.trim(), t = e !== l.section.id && B(u.state.draft, e) !== void 0;
8640
+ x.value = !/^[a-zA-Z0-9_-]{1,40}$/.test(e) || t, !(x.value || e === l.section.id) && (l.section.id = e, u.selectCanvas(e), u.commit());
8600
8641
  }
8601
- function v(e) {
8602
- let t = c.section.background;
8642
+ function C(e) {
8643
+ let t = l.section.background;
8603
8644
  e && (t.type = e, e === "gradient" && (t.gradient ??= {
8604
8645
  type: "linear",
8605
8646
  from: "primary",
8606
8647
  to: "secondary",
8607
8648
  angle: 135
8608
- }), l.commit());
8649
+ }), u.commit());
8609
8650
  }
8610
- function y(e) {
8611
- c.section.background.image = e ?? null, c.section.background.type !== "video" && (c.section.background.type = e ? "image" : "color");
8651
+ function w(e) {
8652
+ l.section.background.image = e ?? null, l.section.background.type !== "video" && (l.section.background.type = e ? "image" : "color");
8612
8653
  }
8613
- return (c, b) => (_(), i("div", fc, [
8614
- a("div", pc, [a("h2", mc, T(D(u)("section.heading")), 1), D(l).state.draft.sections.length > 1 ? (_(), n(Ir, {
8654
+ return (t, l) => (_(), i("div", fc, [
8655
+ a("div", pc, [a("h2", mc, T(D(d)("section.heading")), 1), D(u).state.draft.sections.length > 1 ? (_(), n(Ir, {
8615
8656
  key: 0,
8616
- label: D(u)("section.delete"),
8657
+ label: D(d)("section.delete"),
8617
8658
  tone: "danger",
8618
- onClick: b[0] ||= (e) => D(l).removeSection(t.section.id)
8659
+ onClick: l[0] ||= (e) => D(u).removeSection(c.section.id)
8619
8660
  }, {
8620
8661
  default: P(() => [s(D(Je), {
8621
8662
  size: 16,
@@ -8624,23 +8665,23 @@ var va = _a(ma), ya = [...va.keys()], ba = [
8624
8665
  _: 1
8625
8666
  }, 8, ["label"])) : r("", !0)]),
8626
8667
  s(J, {
8627
- id: d.group,
8628
- label: D(u)("section.shownAs"),
8629
- hint: D(u)("section.groupHint")
8668
+ id: f.group,
8669
+ label: D(d)("section.shownAs"),
8670
+ hint: D(d)("section.groupHint")
8630
8671
  }, {
8631
8672
  default: P(() => [s(Z, {
8632
- id: d.group,
8633
- "model-value": t.section.group?.type ?? "alone",
8634
- options: f,
8635
- "onUpdate:modelValue": b[1] ||= (e) => D(l).setSectionGroup(t.section, e ?? "alone")
8636
- }, null, 8, ["id", "model-value"]), t.section.group ? (_(), n(Y, {
8673
+ id: f.group,
8674
+ "model-value": c.section.group?.type ?? "alone",
8675
+ options: p,
8676
+ "onUpdate:modelValue": l[1] ||= (e) => D(u).setSectionGroup(c.section, e ?? "alone")
8677
+ }, null, 8, ["id", "model-value"]), c.section.group ? (_(), n(Y, {
8637
8678
  key: 0,
8638
- modelValue: t.section.group.label,
8639
- "onUpdate:modelValue": b[2] ||= (e) => t.section.group.label = e,
8679
+ modelValue: c.section.group.label,
8680
+ "onUpdate:modelValue": l[2] ||= (e) => c.section.group.label = e,
8640
8681
  maxlength: 60,
8641
- placeholder: D(u)("section.groupLabel"),
8642
- label: D(u)("section.groupLabel"),
8643
- onCommit: b[3] ||= (e) => D(l).commit()
8682
+ placeholder: D(d)("section.groupLabel"),
8683
+ label: D(d)("section.groupLabel"),
8684
+ onCommit: l[3] ||= (e) => D(u).commit()
8644
8685
  }, null, 8, [
8645
8686
  "modelValue",
8646
8687
  "placeholder",
@@ -8653,17 +8694,17 @@ var va = _a(ma), ya = [...va.keys()], ba = [
8653
8694
  "hint"
8654
8695
  ]),
8655
8696
  s(J, {
8656
- id: d.anchor,
8657
- label: D(u)("section.anchor"),
8658
- hint: D(u)("section.anchorHint"),
8659
- error: h.value ? D(u)("section.anchorInvalid") : null
8697
+ id: f.anchor,
8698
+ label: D(d)("section.anchor"),
8699
+ hint: D(d)("section.anchorHint"),
8700
+ error: x.value ? D(d)("section.anchorInvalid") : null
8660
8701
  }, {
8661
8702
  default: P(() => [s(Y, {
8662
- id: d.anchor,
8663
- modelValue: m.value,
8664
- "onUpdate:modelValue": b[4] ||= (e) => m.value = e,
8703
+ id: f.anchor,
8704
+ modelValue: y.value,
8705
+ "onUpdate:modelValue": l[4] ||= (e) => y.value = e,
8665
8706
  maxlength: 40,
8666
- onCommit: g
8707
+ onCommit: S
8667
8708
  }, null, 8, ["id", "modelValue"])]),
8668
8709
  _: 1
8669
8710
  }, 8, [
@@ -8672,44 +8713,85 @@ var va = _a(ma), ya = [...va.keys()], ba = [
8672
8713
  "hint",
8673
8714
  "error"
8674
8715
  ]),
8675
- a("div", hc, [s(q, { onClick: b[5] ||= (e) => D(l).fitCanvas(t.section) }, {
8676
- default: P(() => [o(T(D(u)("section.fitHeight")), 1)]),
8716
+ a("div", hc, [s(q, { onClick: l[5] ||= (e) => D(u).fitCanvas(c.section) }, {
8717
+ default: P(() => [o(T(D(d)("section.fitHeight")), 1)]),
8677
8718
  _: 1
8678
- }), s(q, { onClick: b[6] ||= (e) => D(l).generateMobile(t.section) }, {
8679
- default: P(() => [o(T(D(u)("section.generateMobile")), 1)]),
8719
+ }), s(q, { onClick: l[6] ||= (e) => D(u).generateMobile(c.section) }, {
8720
+ default: P(() => [o(T(D(d)("section.generateMobile")), 1)]),
8680
8721
  _: 1
8681
8722
  })]),
8682
8723
  a("div", gc, [s(X, {
8683
- "model-value": t.section.height.desktop,
8684
- label: D(u)("section.heightDesktop"),
8724
+ "model-value": c.section.height.desktop,
8725
+ label: D(d)("section.heightDesktop"),
8685
8726
  min: 80,
8686
8727
  max: 3e3,
8687
- "onUpdate:modelValue": b[7] ||= (e) => t.section.height.desktop = e ?? t.section.height.desktop,
8688
- onCommit: b[8] ||= (e) => D(l).commit()
8728
+ "onUpdate:modelValue": l[7] ||= (e) => c.section.height.desktop = e ?? c.section.height.desktop,
8729
+ onCommit: l[8] ||= (e) => D(u).commit()
8689
8730
  }, null, 8, ["model-value", "label"]), s(X, {
8690
- "model-value": t.section.height.mobile,
8691
- label: D(u)("section.heightMobile"),
8731
+ "model-value": c.section.height.mobile,
8732
+ label: D(d)("section.heightMobile"),
8692
8733
  min: 80,
8693
8734
  max: 4e3,
8694
- "onUpdate:modelValue": b[9] ||= (e) => t.section.height.mobile = e ?? t.section.height.mobile,
8695
- onCommit: b[10] ||= (e) => D(l).commit()
8735
+ "onUpdate:modelValue": l[9] ||= (e) => c.section.height.mobile = e ?? c.section.height.mobile,
8736
+ onCommit: l[10] ||= (e) => D(u).commit()
8696
8737
  }, null, 8, ["model-value", "label"])]),
8738
+ s(J, {
8739
+ id: f.flow,
8740
+ label: D(d)("section.flow"),
8741
+ hint: D(d)("section.flowHint")
8742
+ }, {
8743
+ default: P(() => [s(Z, {
8744
+ id: f.flow,
8745
+ "model-value": c.section.flow ?? "free",
8746
+ options: D(m),
8747
+ "onUpdate:modelValue": l[11] ||= (e) => c.section.flow = e,
8748
+ onCommit: l[12] ||= (e) => D(u).commit()
8749
+ }, null, 8, [
8750
+ "id",
8751
+ "model-value",
8752
+ "options"
8753
+ ])]),
8754
+ _: 1
8755
+ }, 8, [
8756
+ "id",
8757
+ "label",
8758
+ "hint"
8759
+ ]),
8760
+ g.value ? (_(), i("div", _c, [s(X, {
8761
+ "model-value": c.section.flow_gap ?? 24,
8762
+ label: D(d)("section.flowGap"),
8763
+ min: 0,
8764
+ max: 160,
8765
+ suffix: "px",
8766
+ "onUpdate:modelValue": l[13] ||= (e) => c.section.flow_gap = e ?? 24,
8767
+ onCommit: l[14] ||= (e) => D(u).commit()
8768
+ }, null, 8, ["model-value", "label"]), s(Z, {
8769
+ "model-value": c.section.flow_align ?? "start",
8770
+ options: D(h),
8771
+ label: D(d)("section.flowAlign"),
8772
+ "onUpdate:modelValue": l[15] ||= (e) => c.section.flow_align = e,
8773
+ onCommit: l[16] ||= (e) => D(u).commit()
8774
+ }, null, 8, [
8775
+ "model-value",
8776
+ "options",
8777
+ "label"
8778
+ ])])) : r("", !0),
8697
8779
  s(hi, {
8698
- modelValue: t.section.wide,
8699
- "onUpdate:modelValue": b[11] ||= (e) => t.section.wide = e,
8700
- label: D(u)("section.wide"),
8701
- onCommit: b[12] ||= (e) => D(l).commit()
8780
+ modelValue: c.section.wide,
8781
+ "onUpdate:modelValue": l[17] ||= (e) => c.section.wide = e,
8782
+ label: D(d)("section.wide"),
8783
+ onCommit: l[18] ||= (e) => D(u).commit()
8702
8784
  }, null, 8, ["modelValue", "label"]),
8703
- a("p", _c, T(D(u)("section.wideHint")), 1),
8785
+ a("p", vc, T(D(d)("section.wideHint")), 1),
8704
8786
  s(J, {
8705
- id: d.background,
8706
- label: D(u)("section.background")
8787
+ id: f.background,
8788
+ label: D(d)("section.background")
8707
8789
  }, {
8708
8790
  default: P(() => [s(Z, {
8709
- id: d.background,
8710
- "model-value": t.section.background.type,
8711
- options: D(p),
8712
- "onUpdate:modelValue": v
8791
+ id: f.background,
8792
+ "model-value": c.section.background.type,
8793
+ options: D(v),
8794
+ "onUpdate:modelValue": C
8713
8795
  }, null, 8, [
8714
8796
  "id",
8715
8797
  "model-value",
@@ -8717,31 +8799,31 @@ var va = _a(ma), ya = [...va.keys()], ba = [
8717
8799
  ])]),
8718
8800
  _: 1
8719
8801
  }, 8, ["id", "label"]),
8720
- t.section.background.type === "color" ? (_(), n($, {
8721
- key: 0,
8722
- modelValue: t.section.background.color,
8723
- "onUpdate:modelValue": b[13] ||= (e) => t.section.background.color = e,
8724
- label: D(u)("section.color"),
8725
- onCommit: b[14] ||= (e) => D(l).commit()
8726
- }, null, 8, ["modelValue", "label"])) : t.section.background.type === "gradient" ? (_(), n(cs, {
8802
+ c.section.background.type === "color" ? (_(), n($, {
8727
8803
  key: 1,
8728
- modelValue: t.section.background.gradient,
8729
- "onUpdate:modelValue": b[15] ||= (e) => t.section.background.gradient = e,
8730
- onCommit: b[16] ||= (e) => D(l).commit()
8731
- }, null, 8, ["modelValue"])) : (_(), i(e, { key: 2 }, [
8732
- t.section.background.type === "video" ? (_(), n(J, {
8804
+ modelValue: c.section.background.color,
8805
+ "onUpdate:modelValue": l[19] ||= (e) => c.section.background.color = e,
8806
+ label: D(d)("section.color"),
8807
+ onCommit: l[20] ||= (e) => D(u).commit()
8808
+ }, null, 8, ["modelValue", "label"])) : c.section.background.type === "gradient" ? (_(), n(cs, {
8809
+ key: 2,
8810
+ modelValue: c.section.background.gradient,
8811
+ "onUpdate:modelValue": l[21] ||= (e) => c.section.background.gradient = e,
8812
+ onCommit: l[22] ||= (e) => D(u).commit()
8813
+ }, null, 8, ["modelValue"])) : (_(), i(e, { key: 3 }, [
8814
+ c.section.background.type === "video" ? (_(), n(J, {
8733
8815
  key: 0,
8734
- id: d.video,
8735
- label: D(u)("section.video"),
8736
- hint: D(u)("section.videoHint")
8816
+ id: f.video,
8817
+ label: D(d)("section.video"),
8818
+ hint: D(d)("section.videoHint")
8737
8819
  }, {
8738
8820
  default: P(() => [s(Y, {
8739
- id: d.video,
8740
- modelValue: t.section.background.video,
8741
- "onUpdate:modelValue": b[17] ||= (e) => t.section.background.video = e,
8821
+ id: f.video,
8822
+ modelValue: c.section.background.video,
8823
+ "onUpdate:modelValue": l[23] ||= (e) => c.section.background.video = e,
8742
8824
  maxlength: 500,
8743
8825
  placeholder: "https://…/video.mp4",
8744
- onCommit: b[18] ||= (e) => D(l).commit()
8826
+ onCommit: l[24] ||= (e) => D(u).commit()
8745
8827
  }, null, 8, ["id", "modelValue"])]),
8746
8828
  _: 1
8747
8829
  }, 8, [
@@ -8750,31 +8832,31 @@ var va = _a(ma), ya = [...va.keys()], ba = [
8750
8832
  "hint"
8751
8833
  ])) : r("", !0),
8752
8834
  s(ai, {
8753
- "model-value": t.section.background.image,
8754
- label: t.section.background.type === "video" ? D(u)("section.poster") : D(u)("section.image"),
8755
- choose: D(u)("section.chooseImage"),
8756
- "onUpdate:modelValue": y,
8757
- onCommit: b[19] ||= (e) => D(l).commit()
8835
+ "model-value": c.section.background.image,
8836
+ label: c.section.background.type === "video" ? D(d)("section.poster") : D(d)("section.image"),
8837
+ choose: D(d)("section.chooseImage"),
8838
+ "onUpdate:modelValue": w,
8839
+ onCommit: l[25] ||= (e) => D(u).commit()
8758
8840
  }, null, 8, [
8759
8841
  "model-value",
8760
8842
  "label",
8761
8843
  "choose"
8762
8844
  ]),
8763
8845
  s(hi, {
8764
- modelValue: t.section.background.parallax,
8765
- "onUpdate:modelValue": b[20] ||= (e) => t.section.background.parallax = e,
8766
- label: D(u)("section.parallax"),
8767
- onCommit: b[21] ||= (e) => D(l).commit()
8846
+ modelValue: c.section.background.parallax,
8847
+ "onUpdate:modelValue": l[26] ||= (e) => c.section.background.parallax = e,
8848
+ label: D(d)("section.parallax"),
8849
+ onCommit: l[27] ||= (e) => D(u).commit()
8768
8850
  }, null, 8, ["modelValue", "label"]),
8769
8851
  s(Q, {
8770
- modelValue: t.section.background.overlay,
8771
- "onUpdate:modelValue": b[22] ||= (e) => t.section.background.overlay = e,
8772
- label: D(u)("section.overlay"),
8852
+ modelValue: c.section.background.overlay,
8853
+ "onUpdate:modelValue": l[28] ||= (e) => c.section.background.overlay = e,
8854
+ label: D(d)("section.overlay"),
8773
8855
  min: 0,
8774
8856
  max: .8,
8775
8857
  step: .05,
8776
8858
  format: (e) => `${Math.round(e * 100)}%`,
8777
- onCommit: b[23] ||= (e) => D(l).commit()
8859
+ onCommit: l[29] ||= (e) => D(u).commit()
8778
8860
  }, null, 8, [
8779
8861
  "modelValue",
8780
8862
  "label",
@@ -8783,10 +8865,10 @@ var va = _a(ma), ya = [...va.keys()], ba = [
8783
8865
  ], 64))
8784
8866
  ]));
8785
8867
  }
8786
- }), yc = {
8868
+ }), bc = {
8787
8869
  key: 4,
8788
8870
  class: "lze-hint"
8789
- }, bc = /* @__PURE__ */ c({
8871
+ }, xc = /* @__PURE__ */ c({
8790
8872
  __name: "DesignPanel",
8791
8873
  setup(e) {
8792
8874
  let r = K(), a = t(() => {
@@ -8813,18 +8895,18 @@ var va = _a(ma), ya = [...va.keys()], ba = [
8813
8895
  }, null, 8, ["element"])) : a.value.kind === "modal" ? (_(), n(ec, {
8814
8896
  key: a.value.modal.id,
8815
8897
  modal: a.value.modal
8816
- }, null, 8, ["modal"])) : a.value.kind === "section" ? (_(), n(vc, {
8898
+ }, null, 8, ["modal"])) : a.value.kind === "section" ? (_(), n(yc, {
8817
8899
  key: a.value.section.id,
8818
8900
  section: a.value.section
8819
- }, null, 8, ["section"])) : (_(), i("p", yc, T(D(r).t("panel.nothing")), 1));
8901
+ }, null, 8, ["section"])) : (_(), i("p", bc, T(D(r).t("panel.nothing")), 1));
8820
8902
  }
8821
- }), xc = {
8903
+ }), Sc = {
8822
8904
  key: 0,
8823
8905
  class: "lze-stack"
8824
- }, Sc = { class: "lze-slug-static" }, Cc = { class: "lze-slug" }, wc = { class: "lze-row" }, Tc = {
8906
+ }, Cc = { class: "lze-slug-static" }, wc = { class: "lze-slug" }, Tc = { class: "lze-row" }, Ec = {
8825
8907
  key: 2,
8826
8908
  class: "lze-field lze-divided"
8827
- }, Ec = { class: "lze-label" }, Dc = ["onClick"], Oc = { class: "lze-hint" }, kc = { class: "lze-field lze-divided" }, Ac = { class: "lze-label" }, jc = { class: "lze-shortcuts lze-hint" }, Mc = /* @__PURE__ */ c({
8909
+ }, Dc = { class: "lze-label" }, Oc = ["onClick"], kc = { class: "lze-hint" }, Ac = { class: "lze-field lze-divided" }, jc = { class: "lze-label" }, Mc = { class: "lze-shortcuts lze-hint" }, Nc = /* @__PURE__ */ c({
8828
8910
  __name: "PagePanel",
8829
8911
  setup(c) {
8830
8912
  let l = K(), u = l.t, d = {
@@ -8843,7 +8925,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
8843
8925
  function y() {
8844
8926
  f.value && window.confirm(u("page.deleteConfirm", { title: f.value.title })) && l.deletePage();
8845
8927
  }
8846
- return (t, c) => f.value ? (_(), i("div", xc, [
8928
+ return (t, c) => f.value ? (_(), i("div", Sc, [
8847
8929
  s(J, {
8848
8930
  id: d.title,
8849
8931
  label: D(u)("page.title")
@@ -8861,7 +8943,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
8861
8943
  label: D(u)("page.address"),
8862
8944
  hint: D(u)("page.homeHint")
8863
8945
  }, {
8864
- default: P(() => [a("p", Sc, [c[4] ||= a("span", {
8946
+ default: P(() => [a("p", Cc, [c[4] ||= a("span", {
8865
8947
  class: "lze-slug-root",
8866
8948
  "aria-hidden": "true"
8867
8949
  }, "/", -1), o(T(D(u)("page.home")), 1)])]),
@@ -8871,7 +8953,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
8871
8953
  label: D(u)("page.address"),
8872
8954
  error: m.value.map((e) => e.message).join(" ") || null
8873
8955
  }, {
8874
- default: P(() => [a("div", Cc, [c[5] ||= a("span", { "aria-hidden": "true" }, "/", -1), s(Y, {
8956
+ default: P(() => [a("div", wc, [c[5] ||= a("span", { "aria-hidden": "true" }, "/", -1), s(Y, {
8875
8957
  id: d.slug,
8876
8958
  modelValue: p.value,
8877
8959
  "onUpdate:modelValue": c[1] ||= (e) => p.value = e,
@@ -8887,7 +8969,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
8887
8969
  "id",
8888
8970
  "label",
8889
8971
  "error"
8890
- ]), a("div", wc, [s(q, {
8972
+ ]), a("div", Tc, [s(q, {
8891
8973
  disabled: h.value || p.value.trim() === f.value.slug,
8892
8974
  onClick: v
8893
8975
  }, {
@@ -8900,12 +8982,12 @@ var va = _a(ma), ya = [...va.keys()], ba = [
8900
8982
  default: P(() => [o(T(D(u)("page.delete")), 1)]),
8901
8983
  _: 1
8902
8984
  })])], 64)),
8903
- g.value ? (_(), i("div", Tc, [a("span", Ec, T(D(u)("page.templates")), 1), (_(!0), i(e, null, x(D(dn), (e) => (_(), i("button", {
8985
+ g.value ? (_(), i("div", Ec, [a("span", Dc, T(D(u)("page.templates")), 1), (_(!0), i(e, null, x(D(dn), (e) => (_(), i("button", {
8904
8986
  key: e.key,
8905
8987
  type: "button",
8906
8988
  class: "lze-choice",
8907
8989
  onClick: (t) => D(l).applyPageTemplate(e.key)
8908
- }, [a("strong", null, T(D(u)(e.name)), 1), a("span", Oc, T(D(u)(e.note)), 1)], 8, Dc))), 128))])) : r("", !0),
8990
+ }, [a("strong", null, T(D(u)(e.name)), 1), a("span", kc, T(D(u)(e.note)), 1)], 8, Oc))), 128))])) : r("", !0),
8909
8991
  s(J, {
8910
8992
  id: d.seoTitle,
8911
8993
  label: D(u)("page.seoTitle"),
@@ -8936,7 +9018,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
8936
9018
  }, null, 8, ["id", "modelValue"])]),
8937
9019
  _: 1
8938
9020
  }, 8, ["id", "label"]),
8939
- a("div", kc, [a("span", Ac, T(D(u)("page.shortcuts")), 1), a("ul", jc, [
9021
+ a("div", Ac, [a("span", jc, T(D(u)("page.shortcuts")), 1), a("ul", Mc, [
8940
9022
  a("li", null, T(D(u)("page.shortcutUndo")), 1),
8941
9023
  a("li", null, T(D(u)("page.shortcutSave")), 1),
8942
9024
  a("li", null, T(D(u)("page.shortcutCopy")), 1),
@@ -8944,42 +9026,42 @@ var va = _a(ma), ya = [...va.keys()], ba = [
8944
9026
  ])])
8945
9027
  ])) : r("", !0);
8946
9028
  }
8947
- }), Nc = { class: "lze-sidebar lze-right" }, Pc = {
9029
+ }), Pc = { class: "lze-sidebar lze-right" }, Fc = {
8948
9030
  class: "lze-tabs",
8949
9031
  role: "tablist"
8950
- }, Fc = ["aria-selected"], Ic = ["aria-selected"], Lc = {
9032
+ }, Ic = ["aria-selected"], Lc = ["aria-selected"], Rc = {
8951
9033
  class: "lze-scroll lze-pad",
8952
9034
  role: "tabpanel"
8953
- }, Rc = /* @__PURE__ */ c({
9035
+ }, zc = /* @__PURE__ */ c({
8954
9036
  __name: "RightPanel",
8955
9037
  setup(e) {
8956
9038
  let t = K(), r = b("design");
8957
- return (e, o) => (_(), i("aside", Nc, [a("div", Pc, [a("button", {
9039
+ return (e, o) => (_(), i("aside", Pc, [a("div", Fc, [a("button", {
8958
9040
  type: "button",
8959
9041
  role: "tab",
8960
9042
  "aria-selected": r.value === "design",
8961
9043
  onClick: o[0] ||= (e) => r.value = "design"
8962
- }, T(D(t).t("panel.design")), 9, Fc), a("button", {
9044
+ }, T(D(t).t("panel.design")), 9, Ic), a("button", {
8963
9045
  type: "button",
8964
9046
  role: "tab",
8965
9047
  "aria-selected": r.value === "page",
8966
9048
  onClick: o[1] ||= (e) => r.value = "page"
8967
- }, T(D(t).t("panel.page")), 9, Ic)]), a("div", Lc, [r.value === "design" ? (_(), n(bc, { key: 0 })) : (_(), n(Mc, { key: 1 }))])]));
9049
+ }, T(D(t).t("panel.page")), 9, Lc)]), a("div", Rc, [r.value === "design" ? (_(), n(xc, { key: 0 })) : (_(), n(Nc, { key: 1 }))])]));
8968
9050
  }
8969
- }), zc = { class: "lze-toolbar" }, Bc = { class: "lze-toolbar-group" }, Vc = { class: "lze-site-name" }, Hc = ["aria-label", "value"], Uc = ["value"], Wc = ["data-published"], Gc = ["data-tone"], Kc = { class: "lze-toolbar-group" }, qc = ["aria-label"], Jc = [
9051
+ }), Bc = { class: "lze-toolbar" }, Vc = { class: "lze-toolbar-group" }, Hc = { class: "lze-site-name" }, Uc = ["aria-label", "value"], Wc = ["value"], Gc = ["data-published"], Kc = ["data-tone"], qc = { class: "lze-toolbar-group" }, Jc = ["aria-label"], Yc = [
8970
9052
  "title",
8971
9053
  "aria-label",
8972
9054
  "aria-pressed",
8973
9055
  "onClick"
8974
- ], Yc = [
9056
+ ], Xc = [
8975
9057
  "title",
8976
9058
  "aria-label",
8977
9059
  "disabled"
8978
- ], Xc = [
9060
+ ], Zc = [
8979
9061
  "title",
8980
9062
  "aria-label",
8981
9063
  "disabled"
8982
- ], Zc = ["href"], Qc = /* @__PURE__ */ c({
9064
+ ], Qc = ["href"], $c = /* @__PURE__ */ c({
8983
9065
  __name: "Toolbar",
8984
9066
  setup(c) {
8985
9067
  let l = K(), u = l.t, d = t(() => l.state.page), f = new Intl.DateTimeFormat(l.i18n.locale, {
@@ -9032,8 +9114,8 @@ var va = _a(ma), ya = [...va.keys()], ba = [
9032
9114
  let t = e.target;
9033
9115
  await l.openPage(Number(t.value)), t.value = String(l.state.page?.id ?? "");
9034
9116
  }
9035
- return (t, c) => (_(), i("header", zc, [a("div", Bc, [
9036
- a("strong", Vc, T(D(l).state.workspace.site.name), 1),
9117
+ return (t, c) => (_(), i("header", Bc, [a("div", Vc, [
9118
+ a("strong", Hc, T(D(l).state.workspace.site.name), 1),
9037
9119
  d.value ? (_(), i("select", {
9038
9120
  key: 0,
9039
9121
  class: "lze-select lze-page-select",
@@ -9043,7 +9125,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
9043
9125
  }, [(_(!0), i(e, null, x(D(l).state.workspace.pages, (e) => (_(), i("option", {
9044
9126
  key: e.id,
9045
9127
  value: e.id
9046
- }, T(e.title) + T(e.slug ? ` /${e.slug}` : ""), 9, Uc))), 128))], 40, Hc)) : r("", !0),
9128
+ }, T(e.title) + T(e.slug ? ` /${e.slug}` : ""), 9, Wc))), 128))], 40, Uc)) : r("", !0),
9047
9129
  s(q, {
9048
9130
  variant: "ghost",
9049
9131
  title: D(u)("toolbar.newPageHint"),
@@ -9059,13 +9141,13 @@ var va = _a(ma), ya = [...va.keys()], ba = [
9059
9141
  key: 1,
9060
9142
  class: "lze-badge-status",
9061
9143
  "data-published": d.value.publishedAt !== null
9062
- }, T(d.value.publishedAt ? D(u)("status.published") : D(u)("status.unpublished")), 9, Wc)) : r("", !0),
9144
+ }, T(d.value.publishedAt ? D(u)("status.published") : D(u)("status.unpublished")), 9, Gc)) : r("", !0),
9063
9145
  a("span", {
9064
9146
  class: "lze-save-status",
9065
9147
  "data-tone": p.value.tone,
9066
9148
  "data-testid": "save-status",
9067
9149
  "aria-live": "polite"
9068
- }, T(p.value.text), 9, Gc),
9150
+ }, T(p.value.text), 9, Kc),
9069
9151
  p.value.retry ? (_(), n(q, {
9070
9152
  key: 2,
9071
9153
  variant: "ghost",
@@ -9082,7 +9164,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
9082
9164
  default: P(() => [o(T(D(u)("conflict.reload")), 1)]),
9083
9165
  _: 1
9084
9166
  })) : r("", !0)
9085
- ]), a("div", Kc, [
9167
+ ]), a("div", qc, [
9086
9168
  a("div", {
9087
9169
  class: "lze-segmented",
9088
9170
  role: "group",
@@ -9102,7 +9184,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
9102
9184
  key: 1,
9103
9185
  size: 16,
9104
9186
  "aria-hidden": "true"
9105
- }))], 8, Jc)), 64))], 8, qc),
9187
+ }))], 8, Yc)), 64))], 8, Jc),
9106
9188
  a("button", {
9107
9189
  type: "button",
9108
9190
  class: "lze-icon-btn",
@@ -9113,7 +9195,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
9113
9195
  }, [s(D(Xe), {
9114
9196
  size: 16,
9115
9197
  "aria-hidden": "true"
9116
- })], 8, Yc),
9198
+ })], 8, Xc),
9117
9199
  a("button", {
9118
9200
  type: "button",
9119
9201
  class: "lze-icon-btn",
@@ -9124,7 +9206,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
9124
9206
  }, [s(D(Be), {
9125
9207
  size: 16,
9126
9208
  "aria-hidden": "true"
9127
- })], 8, Xc),
9209
+ })], 8, Zc),
9128
9210
  s(q, {
9129
9211
  variant: "ghost",
9130
9212
  title: D(l).state.previewing ? D(u)("toolbar.editHint") : D(u)("toolbar.previewHint"),
@@ -9182,7 +9264,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
9182
9264
  href: m.value,
9183
9265
  target: "_blank",
9184
9266
  rel: "noopener noreferrer"
9185
- }, T(D(u)("toolbar.viewSite")), 9, Zc)) : r("", !0),
9267
+ }, T(D(u)("toolbar.viewSite")), 9, Qc)) : r("", !0),
9186
9268
  s(q, {
9187
9269
  variant: "primary",
9188
9270
  disabled: D(l).state.publishing || !d.value,
@@ -9193,25 +9275,25 @@ var va = _a(ma), ya = [...va.keys()], ba = [
9193
9275
  }, 8, ["disabled"])
9194
9276
  ])]));
9195
9277
  }
9196
- }), $c = [
9278
+ }), el = [
9197
9279
  ".lze-root{--lze-bg:#f3f4f6;--lze-panel:#fff;--lze-fg:#0f172a;--lze-muted:#64748b;--lze-border:#e2e8f0;--lze-hover:#f1f5f9;--lze-active:#e8eefc;--lze-accent:#2563eb;--lze-accent-fg:#fff;--lze-danger:#dc2626;--lze-success:#15803d;--lze-warning:#b45309;--lze-radius:8px;--lze-font:ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif;--lze-select:#2563eb;--lze-guide:#ec4899;all:initial;box-sizing:border-box;background:var(--lze-bg);height:100%;min-height:480px;color:var(--lze-fg);font:13px/1.45 var(--lze-font);-webkit-font-smoothing:antialiased;grid-template-rows:auto minmax(0,1fr);display:grid}.lze-root :where(:not(svg,svg *)){all:revert;box-sizing:border-box}.lze-root :where(){box-sizing:border-box}.lze-root :where(h1,h2,h3,p,figure){margin:0}.lze-root :where(button,input,select,textarea){font:inherit;color:inherit}.lze-root :focus-visible{outline:2px solid var(--lze-accent);outline-offset:1px}.lze-muted,.lze-hint{color:var(--lze-muted)}.lze-hint{font-size:12px}.lze-error{color:var(--lze-danger);font-size:12px}.lze-btn{border-radius:var(--lze-radius);border:1px solid var(--lze-border);background:var(--lze-panel);height:32px;color:var(--lze-fg);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:500;text-decoration:none;display:inline-flex}.lze-btn[data-size=md]{height:36px;padding:0 14px}.lze-btn:hover:not(:disabled){background:var(--lze-hover)}.lze-btn:disabled{opacity:.5;cursor:default}.lze-btn[data-variant=primary]{background:var(--lze-accent);border-color:var(--lze-accent);color:var(--lze-accent-fg)}.lze-btn[data-variant=primary]:hover:not(:disabled){background:color-mix(in srgb, var(--lze-accent) 88%, black)}.lze-btn[data-variant=ghost]{background:0 0;border-color:#0000}.lze-btn[data-variant=danger]{color:var(--lze-danger)}.lze-icon-btn{border-radius:var(--lze-radius);width:32px;height:32px;color:var(--lze-muted);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;place-items:center;padding:0;display:inline-grid}.lze-icon-btn:hover:not(:disabled){background:var(--lze-hover);color:var(--lze-fg)}.lze-icon-btn[aria-pressed=true]{border-color:var(--lze-fg);background:var(--lze-active);color:var(--lze-fg)}.lze-icon-btn[data-tone=danger]{color:var(--lze-danger)}.lze-icon-btn:disabled{opacity:.4;cursor:default}.lze-field{gap:6px;display:grid}.lze-label{color:var(--lze-fg);font-size:12px;font-weight:600}.lze-input,.lze-select{border:1px solid var(--lze-border);background:var(--lze-panel);width:100%;min-height:32px;color:var(--lze-fg);border-radius:6px;padding:6px 8px}.lze-input:focus,.lze-select:focus{border-color:var(--lze-accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--lze-accent) 20%, transparent);outline:none}textarea.lze-input{resize:vertical;line-height:1.4}.lze-select[data-compact=true]{width:auto;min-height:26px;padding:2px 6px;font-size:12px}.lze-number{border:1px solid var(--lze-border);background:var(--lze-panel);border-radius:6px;align-items:center;gap:6px;height:32px;padding:0 8px;display:flex}.lze-number:focus-within{border-color:var(--lze-accent)}.lze-number input{text-align:right;background:0 0;border:0;outline:none;width:100%;min-width:0}.lze-number-label,.lze-number-suffix{color:var(--lze-muted);flex:none;font-size:11px}.lze-toggle{cursor:pointer;align-items:center;gap:8px;display:flex}.lze-toggle input{width:16px;height:16px;accent-color:var(--lze-fg);margin:0}.lze-range{gap:4px;display:grid}.lze-range input{width:100%;accent-color:var(--lze-fg)}.lze-swatches{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.lze-swatch{cursor:pointer;border:1px solid #0f172a1f;border-radius:999px;width:26px;height:26px;padding:0}.lze-swatch[aria-pressed=true]{outline:2px solid var(--lze-fg);outline-offset:2px}.lze-swatch-custom{border:1px solid var(--lze-border);color:var(--lze-muted);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:2px 8px 2px 3px;font-size:12px;display:inline-flex}.lze-swatch-custom[data-active=true]{outline:2px solid var(--lze-fg);outline-offset:2px}.lze-swatch-custom input{cursor:pointer;background:0 0;border:0;border-radius:999px;width:20px;height:20px;padding:0}.lze-panel-section{border-top:1px solid var(--lze-border);padding-top:4px}.lze-panel-section>summary{color:var(--lze-muted);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:8px 0;font-size:12px;font-weight:600;list-style:none;display:flex}.lze-panel-section>summary::-webkit-details-marker{display:none}.lze-panel-section>summary:hover{color:var(--lze-fg)}.lze-panel-section[open]>summary svg{transform:rotate(180deg)}.lze-panel-body{gap:10px;padding:2px 0 12px;display:grid}.lze-dialog{border:1px solid var(--lze-border);background:var(--lze-panel);width:min(520px,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--lze-fg);font:13px/1.45 var(--lze-font);border-radius:12px;padding:0;box-shadow:0 24px 64px #0f172a3d}.lze-dialog[data-size=lg]{width:min(720px,100vw - 32px)}.lze-dialog[data-size=xl]{width:min(880px,100vw - 32px)}.lze-dialog::backdrop{background:#0f172a73}.lze-dialog-body{gap:16px;padding:20px;display:grid}.lze-dialog-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.lze-dialog-head h2{font-size:16px;font-weight:650}.lze-dialog-actions{flex-wrap:wrap;gap:8px;display:flex}.lze-toasts{z-index:2147483000;gap:8px;max-width:min(420px,100vw - 32px);display:grid;position:fixed;bottom:16px;right:16px}.lze-toast{background:var(--lze-fg);color:var(--lze-panel);border-radius:10px;align-items:center;gap:8px;padding:8px 8px 8px 14px;display:flex;box-shadow:0 12px 32px #0f172a3d}.lze-toast[data-tone=error]{background:var(--lze-danger)}.lze-toast span{flex:1}.lze-toast .lze-icon-btn{color:inherit;width:26px;height:26px}.lze-toast .lze-icon-btn:hover{color:inherit;background:#ffffff26}.lze-grid-2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.lze-grid-4{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.lze-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.lze-stack{gap:12px;display:grid}.lze-heading{justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:650;display:flex}.lze-link{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}",
9198
9280
  ".lze-center{text-align:center;color:var(--lze-muted);grid-row:1/-1;place-content:center;justify-items:center;gap:12px;padding:32px;display:grid}.lze-toolbar{border-bottom:1px solid var(--lze-border);background:var(--lze-panel);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.lze-toolbar-group{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.lze-site-name{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:14px;overflow:hidden}.lze-page-select{width:auto;max-width:220px}.lze-badge-status{color:var(--lze-warning);background:#fef3c7;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.lze-badge-status[data-published=true]{color:var(--lze-success);background:#dcfce7}.lze-save-status{color:var(--lze-muted);max-width:360px;font-size:12px}.lze-save-status[data-tone=warning]{color:var(--lze-warning)}.lze-save-status[data-tone=danger]{color:var(--lze-danger)}.lze-segmented{border:1px solid var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-bg);padding:2px;display:inline-flex}.lze-segmented button{width:32px;height:26px;color:var(--lze-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.lze-segmented button[aria-pressed=true]{background:var(--lze-panel);color:var(--lze-fg);box-shadow:0 1px 2px #0f172a14}.lze-body{grid-template-columns:272px minmax(0,1fr) 312px;min-height:0;display:grid}.lze-main{min-width:0;min-height:0;display:grid;position:relative}.lze-sidebar{background:var(--lze-panel);flex-direction:column;min-height:0;display:flex}.lze-left{border-right:1px solid var(--lze-border)}.lze-right{border-left:1px solid var(--lze-border)}.lze-scroll{flex:1;min-height:0;overflow-y:auto}.lze-pad{padding:12px}.lze-left>.lze-scroll.lze-stack{align-content:start;padding:12px}.lze-tabs{border-bottom:1px solid var(--lze-border);gap:4px;padding:8px;display:flex}.lze-tabs button{color:var(--lze-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 4px;font-size:11px;font-weight:600;display:flex}.lze-right .lze-tabs button{flex-direction:row;justify-content:center;font-size:13px}.lze-tabs button:hover{color:var(--lze-fg)}.lze-tabs button[aria-selected=true]{background:var(--lze-hover);color:var(--lze-fg)}.lze-group-title{color:var(--lze-muted);margin-top:4px;font-size:12px;font-weight:600}.lze-palette{grid-template-columns:1fr 1fr;gap:6px;display:grid}.lze-palette-item{border:1px solid var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-panel);min-width:0;color:var(--lze-muted);text-align:left;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:8px 10px;font-size:12px;font-weight:500;display:flex}.lze-palette-item:hover{border-color:var(--lze-fg);color:var(--lze-fg);background:var(--lze-hover)}.lze-palette-item svg{flex:none}.lze-list{gap:6px;display:grid}.lze-list-item{border:1px solid var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-panel);color:var(--lze-muted);text-align:left;cursor:pointer;padding:8px 10px;font-size:12px;font-weight:500}.lze-list-item:hover{border-color:var(--lze-fg);color:var(--lze-fg)}.lze-drag-ghost{z-index:2147483000;pointer-events:none;border:1px solid var(--lze-fg);border-radius:var(--lze-radius);background:var(--lze-panel);padding:6px 10px;font-size:12px;font-weight:600;position:fixed;box-shadow:0 8px 24px #0f172a2e}.lze-layer-group{padding:0 8px 2px}.lze-layer-row{color:var(--lze-muted);border-radius:6px;align-items:center;gap:2px;display:flex}.lze-layer-row:hover{background:var(--lze-hover)}.lze-layer-row[data-selected=true]{background:var(--lze-active);color:var(--lze-fg)}.lze-layer-row .lze-icon-btn{width:24px;height:24px}.lze-layer-name{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:6px 4px;display:flex}.lze-layer-name span:first-of-type{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.lze-layer-actions{opacity:0;display:flex}.lze-layer-row:hover .lze-layer-actions,.lze-layer-row:focus-within .lze-layer-actions{opacity:1}.lze-layer-children{border-left:1px solid var(--lze-border);margin-left:16px;padding-left:4px}.lze-lock-toggle{opacity:0}.lze-lock-toggle[data-locked=true],.lze-layer-row:hover .lze-lock-toggle,.lze-lock-toggle:focus-visible{opacity:1}.lze-card{border:1px solid var(--lze-border);border-radius:var(--lze-radius);gap:8px;padding:8px;display:grid}.lze-card[data-active=true]{border-color:var(--lze-fg);background:var(--lze-hover)}.lze-media-grid{grid-template-columns:1fr 1fr;align-content:start;gap:8px;display:grid}.lze-media-item{border:1px solid var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-bg);cursor:grab;touch-action:none;height:80px;padding:0;overflow:hidden}.lze-media-item:hover{border-color:var(--lze-fg)}.lze-media-item img{object-fit:contain;width:100%;height:100%}@media (width<=1100px){.lze-body{grid-template-columns:232px minmax(0,1fr) 280px}}",
9199
9281
  ".lze-stage{overscroll-behavior:contain;padding:24px;position:relative;overflow:auto}.lze-stage[data-space],.lze-stage[data-space] *{cursor:grab!important}.lze-stage[data-space=panning],.lze-stage[data-space=panning] *{cursor:grabbing!important}.lze-context{z-index:2147483100;border:1px solid var(--lze-border);background:var(--lze-panel);border-radius:10px;min-width:208px;padding:6px;font-size:13px;position:fixed;box-shadow:0 12px 32px #0f172a2e}.lze-context:focus{outline:none}.lze-context>button{width:100%;color:var(--lze-fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:16px;padding:7px 10px;display:flex}.lze-context>button:hover,.lze-context>button:focus-visible{background:var(--lze-hover)}.lze-context .lze-context-danger{color:var(--lze-danger)}.lze-context kbd{color:var(--lze-muted);font:inherit;font-size:11px}.lze-context hr{border:0;border-top:1px solid var(--lze-border);margin:5px 6px}.lze-context-label{color:var(--lze-muted);margin:6px 10px 2px;font-size:11px}.lze-context-row{gap:2px;padding:0 6px 4px;display:flex}.lze-context-row button{width:32px;height:28px;color:var(--lze-fg);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.lze-context-row button:hover{background:var(--lze-hover)}.lze-context-align{width:16px;height:16px;display:block;position:relative}.lze-context-align:before{content:\"\";background:var(--lze-fg);position:absolute}.lze-context-align:after{content:\"\";background:var(--lze-muted);border-radius:1px;position:absolute}.lze-context-align[data-align=left]:before{width:1.5px;top:0;bottom:0;left:0}.lze-context-align[data-align=left]:after{width:11px;height:8px;top:4px;left:3px}.lze-context-align[data-align=hcenter]:before{width:1.5px;top:0;bottom:0;left:7.25px}.lze-context-align[data-align=hcenter]:after{width:11px;height:8px;top:4px;left:2.5px}.lze-context-align[data-align=right]:before{width:1.5px;top:0;bottom:0;right:0}.lze-context-align[data-align=right]:after{width:11px;height:8px;top:4px;right:3px}.lze-context-align[data-align=top]:before{height:1.5px;top:0;left:0;right:0}.lze-context-align[data-align=top]:after{width:8px;height:11px;top:3px;left:4px}.lze-context-align[data-align=vmiddle]:before{height:1.5px;top:7.25px;left:0;right:0}.lze-context-align[data-align=vmiddle]:after{width:8px;height:11px;top:2.5px;left:4px}.lze-context-align[data-align=bottom]:before{height:1.5px;bottom:0;left:0;right:0}.lze-context-align[data-align=bottom]:after{width:8px;height:11px;bottom:3px;left:4px}.lze-zoom{z-index:25;float:right;border:1px solid var(--lze-border);background:var(--lze-panel);border-radius:999px;align-items:center;gap:2px;margin-top:12px;padding:4px;display:inline-flex;position:sticky;bottom:0;box-shadow:0 6px 18px #0f172a1f}.lze-zoom button{color:var(--lze-fg);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:999px}.lze-zoom-btn{width:28px;height:28px;font-size:15px;line-height:1}.lze-zoom-value{font-variant-numeric:tabular-nums;min-width:54px;height:28px;font-size:12px;font-weight:600}.lze-zoom button:hover{background:var(--lze-hover)}.lze-sheet{background:var(--lze-panel);border-radius:10px;margin:0 auto;position:relative;box-shadow:0 1px 3px #0f172a14,0 12px 40px #0f172a14}.lze-sheet[data-device=mobile]{border-radius:18px}.lze-scaler{transform-origin:0 0;position:absolute;top:0;left:0}.lze-frame{background:0 0;border:0;display:block}.lze-preview .lze-sheet{overflow:hidden}.lze-preview .lze-frame{transform-origin:0 0}.lze-empty-hint{text-align:center;max-width:520px;color:var(--lze-muted);margin:16px auto 0}.lze-hint-bubble{z-index:2147483000;background:var(--lze-fg);color:var(--lze-panel);font-variant-numeric:tabular-nums;pointer-events:none;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.lze-render-issue,.lze-modal-banner{border:1px solid var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-panel);justify-content:space-between;align-items:center;gap:8px;max-width:900px;margin:0 auto 12px;padding:8px 12px;display:flex}.lze-render-issue{border-color:var(--lze-danger);color:var(--lze-danger)}.lze-modal-banner{border-color:var(--lze-fg);font-weight:600}.lze-overlay{pointer-events:none;--line:calc(1px * var(--inv));position:absolute;inset:0}.lze-overlay>*{position:absolute}.lze-canvas-outline{outline:calc(2px * var(--inv)) solid var(--lze-select);outline-offset:calc(-2px * var(--inv));box-shadow:inset 0 0 0 calc(4px * var(--inv)) #ffffffb3}.lze-hover{outline:var(--line) solid var(--lze-select)}.lze-selection{outline:calc(2px * var(--inv)) solid var(--lze-select);outline-offset:var(--line);box-shadow:0 0 0 calc(4px * var(--inv)) #ffffffb3}.lze-selection[data-locked=true]{outline-style:dashed}.lze-lock{top:calc(-18px * var(--inv));width:calc(12px * var(--inv));height:calc(12px * var(--inv));color:var(--lze-select);position:absolute;right:0}.lze-handles{pointer-events:none}.lze-handle,.lze-radius,.lze-rotate{pointer-events:auto;touch-action:none;padding:0;position:absolute}.lze-handle{width:calc(11px * var(--inv));height:calc(11px * var(--inv));margin:calc(-5.5px * var(--inv));border:var(--line) solid #fff;background:var(--lze-select);border-radius:999px}.lze-handle[data-handle^=n]{top:0}.lze-handle[data-handle^=s]{top:100%}.lze-handle[data-handle=e],.lze-handle[data-handle=w]{top:50%}.lze-handle[data-handle$=w]{left:0}.lze-handle[data-handle$=e]{left:100%}.lze-handle[data-handle=n],.lze-handle[data-handle=s]{left:50%}.lze-handle[data-handle=nw],.lze-handle[data-handle=se]{cursor:nwse-resize}.lze-handle[data-handle=ne],.lze-handle[data-handle=sw]{cursor:nesw-resize}.lze-handle[data-handle=n],.lze-handle[data-handle=s]{cursor:ns-resize}.lze-handle[data-handle=e],.lze-handle[data-handle=w]{cursor:ew-resize}.lze-radius{top:calc(10px * var(--inv));left:calc(10px * var(--inv));width:calc(14px * var(--inv));height:calc(14px * var(--inv));border:calc(2px * var(--inv)) solid var(--lze-select);cursor:ew-resize;background:#fff;border-radius:999px}.lze-rotate{top:calc(100% + 10px * var(--inv));left:calc(100% + 10px * var(--inv));width:calc(24px * var(--inv));height:calc(24px * var(--inv));border:var(--line) solid var(--lze-select);color:var(--lze-select);cursor:grab;background:#fff;border-radius:999px;place-items:center;display:grid}.lze-rotate svg{width:calc(13px * var(--inv));height:calc(13px * var(--inv))}.lze-guide{background:var(--lze-guide)}.lze-guide[data-axis=x]{width:var(--line)}.lze-guide[data-axis=y]{height:var(--line)}.lze-badge{transform:translateY(-100%) scale(var(--inv));transform-origin:0 100%;background:var(--lze-select);color:#fff;white-space:nowrap;border-radius:4px;margin-top:-4px;padding:2px 6px;font-size:11px;font-weight:600}.lze-section-chip{z-index:5;transform:scale(var(--inv)) translateY(-100%);transform-origin:0 100%;border:1px solid var(--lze-border);background:var(--lze-panel);color:var(--lze-muted);font:600 11px/1.6 var(--lze-font);white-space:nowrap;cursor:pointer;pointer-events:auto;opacity:.5;border-radius:999px;margin-top:-4px;padding:2px 8px;transition:opacity .15s;position:absolute}.lze-section-chip:hover,.lze-section-chip[data-current=true]{opacity:1;color:var(--lze-fg)}.lze-section-chip[data-current=true]{border-color:var(--lze-select);color:var(--lze-select)}.lze-section-empty{z-index:4;transform:scale(var(--inv)) translate(-50%, -50%);transform-origin:0 0;color:var(--lze-muted);font:500 12px/1.4 var(--lze-font);white-space:nowrap;background:#ffffffd1;border-radius:999px;margin:0;padding:6px 14px;position:absolute}.lze-edge{z-index:6;transform:scale(var(--inv)) translate(-50%, -50%);transform-origin:0 0;border:1px solid var(--lze-border);background:var(--lze-surface);pointer-events:auto;opacity:.22;border-radius:999px;gap:4px;padding:3px;transition:opacity .15s;display:flex;position:absolute;box-shadow:0 6px 18px #0f172a24}.lze-edge:hover,.lze-edge:focus-within{opacity:1}.lze-stacked{pointer-events:auto;transform:scale(var(--inv));transform-origin:0 0;border-bottom:1px solid var(--lze-border);max-width:none;color:var(--lze-fg);background:#fffffff2;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:flex;width:auto!important}.lze-element-bar{pointer-events:auto;transform-origin:0 0;transform:scale(var(--inv)) translateY(calc(-100% - 10px));border:1px solid var(--lze-border);background:var(--lze-panel);border-radius:10px;align-items:center;gap:2px;padding:3px;display:flex;box-shadow:0 8px 24px #0f172a24}.lze-element-bar[data-below=true]{transform:scale(var(--inv)) translateY(14px)}.lze-divider{background:var(--lze-border);width:1px;height:20px;margin:0 2px}",
9200
9282
  ".lze-panel-title{font-size:13px;font-weight:650}.lze-grow{flex:1;min-width:0}.lze-nowrap{flex-wrap:nowrap}.lze-divided{border-top:1px solid var(--lze-border);padding-top:12px}.lze-image-preview{border:1px solid var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-bg);overflow:hidden}.lze-image-preview img{object-fit:contain;width:100%;height:96px;display:block}.lze-image-preview[data-thumb=icon]{width:fit-content;padding:6px}.lze-image-preview[data-thumb=icon] img{width:40px;height:40px}.lze-tabs-inline{border-radius:var(--lze-radius);background:var(--lze-bg);gap:4px;padding:3px;display:flex}.lze-tabs-inline button{color:var(--lze-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;padding:5px 8px;font-size:12px;font-weight:500}.lze-tabs-inline button:hover{color:var(--lze-fg)}.lze-tabs-inline button[aria-pressed=true]{background:var(--lze-panel);color:var(--lze-fg);box-shadow:0 1px 2px #0f172a14}.lze-gradient-presets{flex-wrap:wrap;gap:6px;display:flex}.lze-gradient-preset{cursor:pointer;border:1px solid #0f172a1f;border-radius:6px;width:48px;height:28px;padding:0}.lze-gradient-preset:hover{outline:2px solid var(--lze-fg);outline-offset:1px}.lze-link-card{border:1px solid var(--lze-border);border-radius:var(--lze-radius);gap:8px;margin:0;padding:8px;display:grid}.lze-link-card legend{color:var(--lze-muted);padding:0 4px;font-size:11px}.lze-icon-grid{border:1px solid var(--lze-border);border-radius:var(--lze-radius);grid-template-columns:repeat(6,1fr);gap:4px;max-height:192px;padding:6px;display:grid;overflow-y:auto}.lze-icon-grid .lze-hint{text-align:center;grid-column:1/-1;padding:8px 0}.lze-icon-choice{aspect-ratio:1;color:var(--lze-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.lze-icon-choice:hover{background:var(--lze-hover);color:var(--lze-fg)}.lze-icon-choice[aria-pressed=true]{background:var(--lze-active);color:var(--lze-fg)}.lze-slug{color:var(--lze-muted);align-items:center;gap:6px;font-family:ui-monospace,monospace;display:flex}.lze-slug-static{border:1px solid var(--lze-border);color:var(--lze-muted);border-radius:6px;gap:6px;padding:6px 8px;display:flex}.lze-slug-root{font-family:ui-monospace,monospace}.lze-choice{border:1px solid var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-panel);color:inherit;text-align:left;cursor:pointer;gap:2px;padding:8px 10px;display:grid}.lze-choice:hover{border-color:var(--lze-fg);background:var(--lze-hover)}.lze-shortcuts{gap:4px;margin:0;padding-left:16px;display:grid}.lze-rows{gap:8px;margin:0;padding:0;list-style:none;display:grid}.lze-row-item{border:1px solid var(--lze-border);border-radius:var(--lze-radius);justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.lze-palette-choice{border:1px solid var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-panel);color:inherit;cursor:pointer;align-items:center;gap:8px;padding:6px 12px;display:inline-flex}.lze-palette-choice:hover{border-color:var(--lze-fg);background:var(--lze-hover)}.lze-palette-choice .lze-row{gap:3px}.lze-dot{border:1px solid #0f172a1f;border-radius:999px;width:14px;height:14px}.lze-theme-colors{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;display:grid}.lze-theme-color{border:1px solid var(--lze-border);border-radius:var(--lze-radius);align-items:center;gap:8px;padding:6px 10px;display:flex}.lze-theme-color span{flex:1}.lze-theme-color .lze-hex{width:84px;min-height:28px;padding:3px 6px;font-family:ui-monospace,monospace;font-size:12px}.lze-theme-color input[type=color]{border:1px solid var(--lze-border);cursor:pointer;background:0 0;border-radius:6px;width:32px;height:32px;padding:0}.lze-theme-preview{border:1px solid var(--lze-border);gap:10px;padding:20px;display:grid}.lze-theme-preview-heading{font-size:24px;font-weight:700;line-height:1.2}.lze-theme-preview-button{width:fit-content;padding:8px 16px;font-weight:600}.lze-file-input{display:none}.lze-asset-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.lze-upload-tile{border:2px dashed var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-panel);height:128px;color:var(--lze-muted);text-align:center;cursor:pointer;align-content:center;place-items:center;gap:4px;padding:8px;display:grid}.lze-upload-tile:hover:not(:disabled){border-color:var(--lze-fg);color:var(--lze-fg)}.lze-upload-tile:disabled{cursor:progress}.lze-asset{border:1px solid var(--lze-border);border-radius:var(--lze-radius);height:128px;margin:0;position:relative;overflow:hidden}.lze-asset:hover{border-color:var(--lze-fg)}.lze-asset-use{background:var(--lze-bg);width:100%;height:100%;color:inherit;cursor:pointer;border:0;flex-direction:column;padding:0;display:flex}.lze-asset-use img{object-fit:contain;flex:1;width:100%;min-height:0}.lze-asset-use figcaption{background:var(--lze-panel);color:var(--lze-muted);text-align:left;white-space:nowrap;text-overflow:ellipsis;padding:4px 8px;font-size:11px;overflow:hidden}.lze-asset .lze-asset-delete{opacity:0;background:#ffffffeb;width:28px;height:28px;position:absolute;top:6px;right:6px}.lze-asset:hover .lze-asset-delete,.lze-asset .lze-asset-delete:focus-visible{opacity:1}.lze-submission{border-bottom:1px solid var(--lze-border);gap:6px;padding:10px 0;display:grid}.lze-submission dl{grid-template-columns:minmax(96px,max-content) 1fr;gap:4px 12px;margin:0;display:grid}.lze-submission dt{color:var(--lze-muted)}.lze-submission dd{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.lze-choices{gap:6px;display:grid}"
9201
- ].join("\n"), el = /* @__PURE__ */ new WeakMap();
9202
- function tl(e) {
9283
+ ].join("\n"), tl = /* @__PURE__ */ new WeakMap();
9284
+ function nl(e) {
9203
9285
  let t = e.getRootNode();
9204
- if (!(t instanceof Document || t instanceof ShadowRoot) || el.has(t)) return;
9286
+ if (!(t instanceof Document || t instanceof ShadowRoot) || tl.has(t)) return;
9205
9287
  let n = new CSSStyleSheet();
9206
- n.replaceSync($c), el.set(t, n), t.adoptedStyleSheets = [...t.adoptedStyleSheets, n];
9288
+ n.replaceSync(el), tl.set(t, n), t.adoptedStyleSheets = [...t.adoptedStyleSheets, n];
9207
9289
  }
9208
9290
  //#endregion
9209
9291
  //#region src/ui/Toasts.vue?vue&type=script&setup=true&lang.ts
9210
- var nl = { class: "lze-toasts" }, rl = ["data-tone", "role"], il = ["aria-label", "onClick"], al = /* @__PURE__ */ c({
9292
+ var rl = { class: "lze-toasts" }, il = ["data-tone", "role"], al = ["aria-label", "onClick"], ol = /* @__PURE__ */ c({
9211
9293
  __name: "Toasts",
9212
9294
  setup(t) {
9213
9295
  let n = K();
9214
- return (t, r) => (_(), i("div", nl, [(_(!0), i(e, null, x(D(n).state.toasts, (e) => (_(), i("div", {
9296
+ return (t, r) => (_(), i("div", rl, [(_(!0), i(e, null, x(D(n).state.toasts, (e) => (_(), i("div", {
9215
9297
  key: e.id,
9216
9298
  class: "lze-toast",
9217
9299
  "data-tone": e.tone,
@@ -9224,19 +9306,19 @@ var nl = { class: "lze-toasts" }, rl = ["data-tone", "role"], il = ["aria-label"
9224
9306
  }, [s(D($e), {
9225
9307
  size: 14,
9226
9308
  "aria-hidden": "true"
9227
- })], 8, il)], 8, rl))), 128))]));
9309
+ })], 8, al)], 8, il))), 128))]));
9228
9310
  }
9229
- }), ol = ["lang"], sl = {
9311
+ }), sl = ["lang"], cl = {
9230
9312
  key: 0,
9231
9313
  class: "lze-center"
9232
- }, cl = {
9314
+ }, ll = {
9233
9315
  key: 1,
9234
9316
  class: "lze-center",
9235
9317
  role: "alert"
9236
- }, ll = {
9318
+ }, ul = {
9237
9319
  key: 2,
9238
9320
  class: "lze-center"
9239
- }, ul = { class: "lze-body" }, dl = { class: "lze-main" }, fl = /* @__PURE__ */ c({
9321
+ }, dl = { class: "lze-body" }, fl = { class: "lze-main" }, pl = /* @__PURE__ */ c({
9240
9322
  inheritAttrs: !1,
9241
9323
  __name: "LienzoEditor",
9242
9324
  props: {
@@ -9266,7 +9348,7 @@ var nl = { class: "lze-toasts" }, rl = ["data-tone", "role"], il = ["aria-label"
9266
9348
  let e = l.theme.value;
9267
9349
  l.state.load.kind === "ready" && typeof document < "u" && (m ??= document.head.appendChild(Object.assign(document.createElement("link"), { rel: "stylesheet" })), m.href = Vt([e.heading_font, e.body_font]));
9268
9350
  }), g(() => {
9269
- u.value && tl(u.value), window.addEventListener("keydown", p), l.load();
9351
+ u.value && nl(u.value), window.addEventListener("keydown", p), l.load();
9270
9352
  }), h(() => {
9271
9353
  window.removeEventListener("keydown", p), m?.remove(), l.dispose();
9272
9354
  }), (t, r) => (_(), i("div", {
@@ -9275,23 +9357,23 @@ var nl = { class: "lze-toasts" }, rl = ["data-tone", "role"], il = ["aria-label"
9275
9357
  class: "lze-root",
9276
9358
  lang: D(c).locale
9277
9359
  }, [
9278
- D(l).state.load.kind === "loading" ? (_(), i("div", sl, T(D(l).t("load.loading")), 1)) : D(l).state.load.kind === "failed" ? (_(), i("div", cl, [a("p", null, T(D(l).t("load.failed", { message: D(l).state.load.message })), 1), s(q, { onClick: r[0] ||= (e) => D(l).load() }, {
9360
+ D(l).state.load.kind === "loading" ? (_(), i("div", cl, T(D(l).t("load.loading")), 1)) : D(l).state.load.kind === "failed" ? (_(), i("div", ll, [a("p", null, T(D(l).t("load.failed", { message: D(l).state.load.message })), 1), s(q, { onClick: r[0] ||= (e) => D(l).load() }, {
9279
9361
  default: P(() => [o(T(D(l).t("load.retry")), 1)]),
9280
9362
  _: 1
9281
- })])) : D(l).state.load.kind === "empty" ? (_(), i("div", ll, [s(q, {
9363
+ })])) : D(l).state.load.kind === "empty" ? (_(), i("div", ul, [s(q, {
9282
9364
  variant: "primary",
9283
9365
  onClick: r[1] ||= (e) => D(l).state.dialog = "newPage"
9284
9366
  }, {
9285
9367
  default: P(() => [o(T(D(l).t("newPage.title")), 1)]),
9286
9368
  _: 1
9287
- })])) : (_(), i(e, { key: 3 }, [s(Qc), a("div", ul, [
9369
+ })])) : (_(), i(e, { key: 3 }, [s($c), a("div", dl, [
9288
9370
  s(So, { "drop-point": f }),
9289
- a("main", dl, [D(l).state.previewing ? (_(), n(vr, { key: 0 })) : (_(), n(gr, {
9371
+ a("main", fl, [D(l).state.previewing ? (_(), n(vr, { key: 0 })) : (_(), n(gr, {
9290
9372
  key: 1,
9291
9373
  ref_key: "canvas",
9292
9374
  ref: d
9293
9375
  }, null, 512))]),
9294
- s(Rc)
9376
+ s(zc)
9295
9377
  ])], 64)),
9296
9378
  s($r),
9297
9379
  s(pa),
@@ -9300,11 +9382,11 @@ var nl = { class: "lze-toasts" }, rl = ["data-tone", "role"], il = ["aria-label"
9300
9382
  s(Vi),
9301
9383
  s(Pr),
9302
9384
  s(Wr),
9303
- s(al)
9304
- ], 8, ol));
9385
+ s(ol)
9386
+ ], 8, sl));
9305
9387
  }
9306
9388
  });
9307
9389
  //#endregion
9308
- export { Qt as n, Zt as r, fl as t };
9390
+ export { Qt as n, Zt as r, pl as t };
9309
9391
 
9310
- //# sourceMappingURL=LienzoEditor-CEfqCPdf.js.map
9392
+ //# sourceMappingURL=LienzoEditor-dSKBP4Pb.js.map