@skylivellc/lienzo-editor 0.11.1 → 0.12.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.
@@ -1444,6 +1444,12 @@ var nn = {
1444
1444
  "style.border": "Border",
1445
1445
  "style.layer": "Layer",
1446
1446
  "style.borderColor": "Border color",
1447
+ "style.finish": "Finish",
1448
+ "style.finish.flat": "Flat",
1449
+ "style.finish.glass": "Frosted glass",
1450
+ "style.finish.soft": "Soft relief",
1451
+ "style.finish.pressed": "Pressed in",
1452
+ "style.finish.glassHint": "Glass blurs whatever is behind it, so it needs a see-through fill and something under it.",
1447
1453
  "style.shadow": "Shadow",
1448
1454
  "style.shadow.none": "No shadow",
1449
1455
  "style.shadow.sm": "Subtle",
@@ -2063,6 +2069,12 @@ var nn = {
2063
2069
  "style.border": "Borde",
2064
2070
  "style.layer": "Capa",
2065
2071
  "style.borderColor": "Color del borde",
2072
+ "style.finish": "Acabado",
2073
+ "style.finish.flat": "Plano",
2074
+ "style.finish.glass": "Vidrio esmerilado",
2075
+ "style.finish.soft": "Relieve suave",
2076
+ "style.finish.pressed": "Hundido",
2077
+ "style.finish.glassHint": "El vidrio difumina lo que tiene detrás, así que necesita un relleno que deje pasar y algo debajo.",
2066
2078
  "style.shadow": "Sombra",
2067
2079
  "style.shadow.none": "Sin sombra",
2068
2080
  "style.shadow.sm": "Sutil",
@@ -4764,7 +4776,7 @@ function Pn(e, t) {
4764
4776
  }
4765
4777
  //#endregion
4766
4778
  //#region ../core/dist/lienzo.css?raw
4767
- var Fn = ".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}\n.lz-gallery{display:grid;gap:calc(14 * var(--u));width:100%;height:100%;overflow:auto}\n.lz-gallery[data-layout=grid]{grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));align-content:start}\n.lz-gallery[data-cols=\"1\"]{--cols:1}\n.lz-gallery[data-cols=\"2\"]{--cols:2}\n.lz-gallery[data-cols=\"3\"]{--cols:3}\n.lz-gallery[data-cols=\"4\"]{--cols:4}\n.lz-gallery[data-cols=\"5\"]{--cols:5}\n.lz-gallery[data-cols=\"6\"]{--cols:6}\n.lz-slider{position:relative;width:100%;height:100%;overflow:hidden}\n.lz-slider-track{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;border-radius:inherit}\n.lz-slider-track::-webkit-scrollbar{display:none}\n.lz-slide{flex:0 0 100%;width:100%;height:100%;object-fit:var(--_fit,cover);scroll-snap-align:center;border-radius:inherit}\n.lz-slider-arrow{position:absolute;top:50%;translate:0 -50%;display:grid;place-items:center;width:calc(44 * var(--u));height:calc(44 * var(--u));padding:0;border:0;border-radius:999px;background:rgb(255 255 255 / .86);color:#0f172a;cursor:pointer;opacity:0;transition:opacity .2s}\n.lz-slider:hover .lz-slider-arrow,.lz-slider-arrow:focus-visible{opacity:1}\n@media (hover:none){.lz-slider-arrow{opacity:1}}\n.lz-slider-arrow[data-to=previous]{left:calc(12 * var(--u))}\n.lz-slider-arrow[data-to=next]{right:calc(12 * var(--u))}\n.lz-slider-arrow::before{content:\"\";width:35%;height:35%;border-top:2px solid currentColor;border-right:2px solid currentColor}\n.lz-slider-arrow[data-to=previous]::before{rotate:-135deg;margin-left:18%}\n.lz-slider-arrow[data-to=next]::before{rotate:45deg;margin-right:18%}\n.lz-slider-dots{position:absolute;left:50%;translate:-50% 0;bottom:calc(12 * var(--u));display:flex;gap:calc(8 * var(--u))}\n.lz-slider-dots button{width:calc(9 * var(--u));height:calc(9 * var(--u));padding:0;border:0;border-radius:999px;background:rgb(255 255 255 / .55);cursor:pointer}\n.lz-slider-dots button[data-on]{background:#fff}\n.lz-gallery[data-layout=strip]{grid-auto-flow:column;grid-auto-columns:minmax(42%,1fr);grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}\n.lz-gallery[data-layout=strip] .lz-gallery-item{scroll-snap-align:start}\n.lz-gallery-item{width:100%;height:100%;min-height:0;object-fit:cover;border-radius:calc(var(--r) * var(--u))}\n.lz-gallery[data-layout=grid] .lz-gallery-item{aspect-ratio:4 / 3;height:auto}\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=ribbon]{padding:0 calc(26 * var(--u));background:var(--bg,var(--text));color:var(--c,var(--background))}\n.lz-navbar[data-template=outline]{border:calc(1 * var(--u)) solid color-mix(in srgb,currentColor 22%,transparent);border-radius:999px;padding:0 calc(22 * var(--u))}\n.lz-navbar[data-template=minimal] .lz-navbar-brand{font-size:1em;font-weight:600}\n.lz-navbar[data-template=minimal] .lz-navbar-links{gap:calc(16 * var(--u));font-size:.86em}\n.lz-navbar[data-template=stack]{flex-direction:column;justify-content:center;gap:calc(10 * var(--u))}\n.lz-navbar[data-template=stack] .lz-navbar-links{margin:0}\n.lz-navbar[data-template=rail]{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(18 * var(--u));padding:calc(22 * var(--u)) calc(18 * var(--u))}\n.lz-navbar[data-template=rail] .lz-navbar-links{flex-direction:column;align-items:flex-start;gap:calc(14 * var(--u));margin:calc(8 * var(--u)) 0 0}\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[data-layout=right]{justify-content:flex-end}\n.lz-navbar[data-layout=right] .lz-navbar-brand{order:1}\n.lz-navbar[data-sticky][data-at=bottom]{top:auto;bottom:0}\n.lz-navbar[data-scrolled][data-at=bottom]{box-shadow:0 -8px 24px rgba(15,23,42,.1)}\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-frame[data-flow]{height:auto;min-height:calc(var(--fmh) * var(--u));flex-direction:column;padding:32px 20px}.lz-frame[data-flow] .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", In = "\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";
4779
+ var Fn = ".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:is(h1,h2,h3,h4,p){white-space:pre-line}\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-finish=glass]{backdrop-filter:blur(calc(18 * var(--u))) saturate(150%);-webkit-backdrop-filter:blur(calc(18 * var(--u))) saturate(150%);border:calc(1 * var(--u)) solid rgb(255 255 255 / .35);box-shadow:0 calc(14 * var(--u)) calc(40 * var(--u)) rgb(15 23 42 / .14)}\n.lz-el[data-finish=soft]{box-shadow:calc(-8 * var(--u)) calc(-8 * var(--u)) calc(18 * var(--u)) rgb(255 255 255 / .75),calc(10 * var(--u)) calc(12 * var(--u)) calc(26 * var(--u)) rgb(15 23 42 / .13)}\n.lz-el[data-finish=pressed]{box-shadow:inset calc(6 * var(--u)) calc(6 * var(--u)) calc(14 * var(--u)) rgb(15 23 42 / .14),inset calc(-6 * var(--u)) calc(-6 * var(--u)) calc(14 * var(--u)) rgb(255 255 255 / .8)}\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}\n.lz-gallery{display:grid;gap:calc(14 * var(--u));overflow:auto}\n.lz-gallery[data-layout=grid]{grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));align-content:start}\n.lz-gallery[data-cols=\"1\"]{--cols:1}\n.lz-gallery[data-cols=\"2\"]{--cols:2}\n.lz-gallery[data-cols=\"3\"]{--cols:3}\n.lz-gallery[data-cols=\"4\"]{--cols:4}\n.lz-gallery[data-cols=\"5\"]{--cols:5}\n.lz-gallery[data-cols=\"6\"]{--cols:6}\n.lz-slider{position:relative;overflow:hidden}\n.lz-frame[data-flow] .lz-slider{height:calc(380 * var(--u))}\n.lz-slider-track{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;border-radius:inherit}\n.lz-slider-track::-webkit-scrollbar{display:none}\n.lz-slide{flex:0 0 100%;width:100%;height:100%;object-fit:var(--_fit,cover);scroll-snap-align:center;border-radius:inherit}\n.lz-slider-arrow{position:absolute;top:50%;translate:0 -50%;display:grid;place-items:center;width:calc(44 * var(--u));height:calc(44 * var(--u));padding:0;border:0;border-radius:999px;background:rgb(255 255 255 / .86);color:#0f172a;cursor:pointer;opacity:0;transition:opacity .2s}\n.lz-slider:hover .lz-slider-arrow,.lz-slider-arrow:focus-visible{opacity:1}\n@media (hover:none){.lz-slider-arrow{opacity:1}}\n.lz-slider-arrow[data-to=previous]{left:calc(12 * var(--u))}\n.lz-slider-arrow[data-to=next]{right:calc(12 * var(--u))}\n.lz-slider-arrow::before{content:\"\";width:35%;height:35%;border-top:2px solid currentColor;border-right:2px solid currentColor}\n.lz-slider-arrow[data-to=previous]::before{rotate:-135deg;margin-left:18%}\n.lz-slider-arrow[data-to=next]::before{rotate:45deg;margin-right:18%}\n.lz-slider-dots{position:absolute;left:50%;translate:-50% 0;bottom:calc(12 * var(--u));display:flex;gap:calc(8 * var(--u))}\n.lz-slider-dots button{width:calc(9 * var(--u));height:calc(9 * var(--u));padding:0;border:0;border-radius:999px;background:rgb(255 255 255 / .55);cursor:pointer}\n.lz-slider-dots button[data-on]{background:#fff}\n.lz-gallery[data-layout=strip]{grid-auto-flow:column;grid-auto-columns:minmax(42%,1fr);grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}\n.lz-gallery[data-layout=strip] .lz-gallery-item{scroll-snap-align:start}\n.lz-gallery-item{width:100%;height:100%;min-height:0;object-fit:cover;border-radius:calc(var(--r) * var(--u))}\n.lz-gallery[data-layout=grid] .lz-gallery-item{aspect-ratio:4 / 3;height:auto}\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=ribbon]{padding:0 calc(26 * var(--u));background:var(--bg,var(--text));color:var(--c,var(--background))}\n.lz-navbar[data-template=outline]{border:calc(1 * var(--u)) solid color-mix(in srgb,currentColor 22%,transparent);border-radius:999px;padding:0 calc(22 * var(--u))}\n.lz-navbar[data-template=minimal] .lz-navbar-brand{font-size:1em;font-weight:600}\n.lz-navbar[data-template=minimal] .lz-navbar-links{gap:calc(16 * var(--u));font-size:.86em}\n.lz-navbar[data-template=stack]{flex-direction:column;justify-content:center;gap:calc(10 * var(--u))}\n.lz-navbar[data-template=stack] .lz-navbar-links{margin:0}\n.lz-navbar[data-template=rail]{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(18 * var(--u));padding:calc(22 * var(--u)) calc(18 * var(--u))}\n.lz-navbar[data-template=rail] .lz-navbar-links{flex-direction:column;align-items:flex-start;gap:calc(14 * var(--u));margin:calc(8 * var(--u)) 0 0}\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[data-layout=right]{justify-content:flex-end}\n.lz-navbar[data-layout=right] .lz-navbar-brand{order:1}\n.lz-navbar[data-sticky][data-at=bottom]{top:auto;bottom:0}\n.lz-navbar[data-scrolled][data-at=bottom]{box-shadow:0 -8px 24px rgba(15,23,42,.1)}\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-frame[data-flow]{height:auto;min-height:calc(var(--fmh) * var(--u));flex-direction:column;padding:32px 20px}.lz-frame[data-flow] .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", In = "\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";
4768
4780
  //#endregion
4769
4781
  //#region src/canvas/render.ts
4770
4782
  function Ln(e) {
@@ -8955,11 +8967,17 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
8955
8967
  _: 1
8956
8968
  }, 8, ["title"]));
8957
8969
  }
8958
- }), js = { class: "lze-grid-2" }, Ms = { class: "lze-grid-2" }, Ns = /* @__PURE__ */ c({
8970
+ }), js = { class: "lze-grid-2" }, Ms = {
8971
+ key: 1,
8972
+ class: "lze-hint"
8973
+ }, Ns = { class: "lze-grid-2" }, Ps = /* @__PURE__ */ c({
8959
8974
  __name: "FrameStyle",
8960
8975
  props: { element: {} },
8961
8976
  setup(o) {
8962
- let c = o, l = K(), u = l.t, d = O(), f = [
8977
+ let c = o, l = K(), u = l.t, d = {
8978
+ shadow: O(),
8979
+ finish: O()
8980
+ }, f = [
8963
8981
  "none",
8964
8982
  "sm",
8965
8983
  "md",
@@ -8968,20 +8986,32 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
8968
8986
  ].map((e) => ({
8969
8987
  value: e,
8970
8988
  label: u(`style.shadow.${e}`)
8971
- })), p = {
8989
+ })), p = [
8990
+ "flat",
8991
+ "glass",
8992
+ "soft",
8993
+ "pressed"
8994
+ ].map((e) => ({
8995
+ value: e,
8996
+ label: u(`style.finish.${e}`)
8997
+ }));
8998
+ function m(e) {
8999
+ c.element.style.finish = e, e === "glass" && (c.element.style.background_opacity ?? 1) > .8 && (c.element.style.background_opacity = .55), l.commit();
9000
+ }
9001
+ let h = {
8972
9002
  x: 0,
8973
9003
  y: 12,
8974
9004
  blur: 32,
8975
9005
  spread: 0,
8976
9006
  color: "secondary",
8977
9007
  opacity: .2
8978
- }, m = t(() => ({
8979
- ...p,
9008
+ }, g = t(() => ({
9009
+ ...h,
8980
9010
  ...c.element.style.shadow_custom
8981
9011
  }));
8982
- function h(e, t) {
9012
+ function v(e, t) {
8983
9013
  c.element.style.shadow_custom = {
8984
- ...m.value,
9014
+ ...g.value,
8985
9015
  [e]: t
8986
9016
  };
8987
9017
  }
@@ -9032,11 +9062,11 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
9032
9062
  onCommit: c[9] ||= (e) => D(l).commit()
9033
9063
  }, null, 8, ["modelValue", "label"])) : r("", !0),
9034
9064
  s(J, {
9035
- id: D(d),
9065
+ id: d.shadow,
9036
9066
  label: D(u)("style.shadow")
9037
9067
  }, {
9038
9068
  default: N(() => [s(Z, {
9039
- id: D(d),
9069
+ id: d.shadow,
9040
9070
  "model-value": o.element.style.shadow ?? "none",
9041
9071
  options: D(f),
9042
9072
  "onUpdate:modelValue": c[10] ||= (e) => o.element.style.shadow = e,
@@ -9047,7 +9077,24 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
9047
9077
  "options"
9048
9078
  ])]),
9049
9079
  _: 1
9050
- }, 8, ["id", "label"])
9080
+ }, 8, ["id", "label"]),
9081
+ s(J, {
9082
+ id: d.finish,
9083
+ label: D(u)("style.finish")
9084
+ }, {
9085
+ default: N(() => [s(Z, {
9086
+ id: d.finish,
9087
+ "model-value": o.element.style.finish ?? "flat",
9088
+ options: D(p),
9089
+ "onUpdate:modelValue": c[12] ||= (e) => m(e)
9090
+ }, null, 8, [
9091
+ "id",
9092
+ "model-value",
9093
+ "options"
9094
+ ])]),
9095
+ _: 1
9096
+ }, 8, ["id", "label"]),
9097
+ o.element.style.finish === "glass" ? (_(), i("p", Ms, T(D(u)("style.finish.glassHint")), 1)) : r("", !0)
9051
9098
  ]),
9052
9099
  _: 1
9053
9100
  }, 8, ["title"]), o.element.style.shadow === "custom" ? (_(), n(bs, {
@@ -9055,59 +9102,59 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
9055
9102
  title: D(u)("style.customShadow")
9056
9103
  }, {
9057
9104
  default: N(() => [
9058
- a("div", Ms, [
9105
+ a("div", Ns, [
9059
9106
  s(X, {
9060
- "model-value": m.value.x,
9107
+ "model-value": g.value.x,
9061
9108
  label: D(u)("position.x"),
9062
9109
  min: -100,
9063
9110
  max: 100,
9064
9111
  suffix: "px",
9065
- "onUpdate:modelValue": c[12] ||= (e) => h("x", e),
9066
- onCommit: c[13] ||= (e) => D(l).commit()
9112
+ "onUpdate:modelValue": c[13] ||= (e) => v("x", e),
9113
+ onCommit: c[14] ||= (e) => D(l).commit()
9067
9114
  }, null, 8, ["model-value", "label"]),
9068
9115
  s(X, {
9069
- "model-value": m.value.y,
9116
+ "model-value": g.value.y,
9070
9117
  label: D(u)("position.y"),
9071
9118
  min: -100,
9072
9119
  max: 100,
9073
9120
  suffix: "px",
9074
- "onUpdate:modelValue": c[14] ||= (e) => h("y", e),
9075
- onCommit: c[15] ||= (e) => D(l).commit()
9121
+ "onUpdate:modelValue": c[15] ||= (e) => v("y", e),
9122
+ onCommit: c[16] ||= (e) => D(l).commit()
9076
9123
  }, null, 8, ["model-value", "label"]),
9077
9124
  s(X, {
9078
- "model-value": m.value.blur,
9125
+ "model-value": g.value.blur,
9079
9126
  label: D(u)("style.shadowBlur"),
9080
9127
  min: 0,
9081
9128
  max: 200,
9082
9129
  suffix: "px",
9083
- "onUpdate:modelValue": c[16] ||= (e) => h("blur", e),
9084
- onCommit: c[17] ||= (e) => D(l).commit()
9130
+ "onUpdate:modelValue": c[17] ||= (e) => v("blur", e),
9131
+ onCommit: c[18] ||= (e) => D(l).commit()
9085
9132
  }, null, 8, ["model-value", "label"]),
9086
9133
  s(X, {
9087
- "model-value": m.value.spread,
9134
+ "model-value": g.value.spread,
9088
9135
  label: D(u)("style.shadowSpread"),
9089
9136
  min: -50,
9090
9137
  max: 100,
9091
9138
  suffix: "px",
9092
- "onUpdate:modelValue": c[18] ||= (e) => h("spread", e),
9093
- onCommit: c[19] ||= (e) => D(l).commit()
9139
+ "onUpdate:modelValue": c[19] ||= (e) => v("spread", e),
9140
+ onCommit: c[20] ||= (e) => D(l).commit()
9094
9141
  }, null, 8, ["model-value", "label"])
9095
9142
  ]),
9096
9143
  s($, {
9097
- "model-value": m.value.color,
9144
+ "model-value": g.value.color,
9098
9145
  label: D(u)("style.shadowColor"),
9099
- "onUpdate:modelValue": c[20] ||= (e) => h("color", e),
9100
- onCommit: c[21] ||= (e) => D(l).commit()
9146
+ "onUpdate:modelValue": c[21] ||= (e) => v("color", e),
9147
+ onCommit: c[22] ||= (e) => D(l).commit()
9101
9148
  }, null, 8, ["model-value", "label"]),
9102
9149
  s($i, {
9103
- "model-value": m.value.opacity,
9150
+ "model-value": g.value.opacity,
9104
9151
  label: D(u)("style.shadowOpacity"),
9105
9152
  min: 0,
9106
9153
  max: 1,
9107
9154
  step: .05,
9108
9155
  format: (e) => `${Math.round(e * 100)}%`,
9109
- "onUpdate:modelValue": c[22] ||= (e) => h("opacity", e),
9110
- onCommit: c[23] ||= (e) => D(l).commit()
9156
+ "onUpdate:modelValue": c[23] ||= (e) => v("opacity", e),
9157
+ onCommit: c[24] ||= (e) => D(l).commit()
9111
9158
  }, null, 8, [
9112
9159
  "model-value",
9113
9160
  "label",
@@ -9117,10 +9164,10 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
9117
9164
  _: 1
9118
9165
  }, 8, ["title"])) : r("", !0)], 64));
9119
9166
  }
9120
- }), Ps = {
9167
+ }), Fs = {
9121
9168
  key: 0,
9122
9169
  class: "lze-grid-2"
9123
- }, Fs = { class: "lze-hint" }, Is = /* @__PURE__ */ c({
9170
+ }, Is = { class: "lze-hint" }, Ls = /* @__PURE__ */ c({
9124
9171
  __name: "MotionStyle",
9125
9172
  props: { element: {} },
9126
9173
  setup(e) {
@@ -9196,7 +9243,7 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
9196
9243
  ])]),
9197
9244
  _: 1
9198
9245
  }, 8, ["id", "label"]),
9199
- g.value.type === "none" ? r("", !0) : (_(), i("div", Ps, [s($i, {
9246
+ g.value.type === "none" ? r("", !0) : (_(), i("div", Fs, [s($i, {
9200
9247
  "model-value": g.value.delay,
9201
9248
  label: D(l)("style.delay"),
9202
9249
  min: 0,
@@ -9255,12 +9302,12 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
9255
9302
  ])]),
9256
9303
  _: 1
9257
9304
  }, 8, ["id", "label"]),
9258
- a("p", Fs, T(D(l)("style.motionHint")), 1)
9305
+ a("p", Is, T(D(l)("style.motionHint")), 1)
9259
9306
  ]),
9260
9307
  _: 1
9261
9308
  }, 8, ["title"]));
9262
9309
  }
9263
- }), Ls = ["aria-label"], Rs = /* @__PURE__ */ c({
9310
+ }), Rs = ["aria-label"], zs = /* @__PURE__ */ c({
9264
9311
  __name: "AlignButtons",
9265
9312
  setup(t) {
9266
9313
  let r = K(), a = {
@@ -9285,12 +9332,12 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
9285
9332
  "aria-hidden": "true"
9286
9333
  }))]),
9287
9334
  _: 2
9288
- }, 1032, ["label", "onClick"]))), 128))], 8, Ls));
9335
+ }, 1032, ["label", "onClick"]))), 128))], 8, Rs));
9289
9336
  }
9290
- }), zs = { class: "lze-grid-2" }, Bs = { class: "lze-hint" }, Vs = {
9337
+ }), Bs = { class: "lze-grid-2" }, Vs = { class: "lze-hint" }, Hs = {
9291
9338
  key: 0,
9292
9339
  class: "lze-hint"
9293
- }, Hs = /* @__PURE__ */ c({
9340
+ }, Us = /* @__PURE__ */ c({
9294
9341
  __name: "PositionSection",
9295
9342
  props: { element: {} },
9296
9343
  setup(c) {
@@ -9309,8 +9356,8 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
9309
9356
  open: !1
9310
9357
  }, {
9311
9358
  default: N(() => [
9312
- s(Rs),
9313
- a("div", zs, [
9359
+ s(zs),
9360
+ a("div", Bs, [
9314
9361
  s(X, {
9315
9362
  "model-value": p.value.x,
9316
9363
  label: D(d)("position.x"),
@@ -9346,8 +9393,8 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
9346
9393
  label: D(d)("position.pinned"),
9347
9394
  onCommit: l[9] ||= (e) => D(u).commit()
9348
9395
  }, null, 8, ["modelValue", "label"]),
9349
- a("p", Bs, T(D(d)("position.pinnedHint")), 1),
9350
- f.value === "mobile" ? (_(), i("p", Vs, [c.element.layout.mobile ? (_(), i(e, { key: 0 }, [o(T(D(d)("position.own")) + " ", 1), a("button", {
9396
+ a("p", Vs, T(D(d)("position.pinnedHint")), 1),
9397
+ f.value === "mobile" ? (_(), i("p", Hs, [c.element.layout.mobile ? (_(), i(e, { key: 0 }, [o(T(D(d)("position.own")) + " ", 1), a("button", {
9351
9398
  type: "button",
9352
9399
  class: "lze-link",
9353
9400
  onClick: h
@@ -9356,7 +9403,7 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
9356
9403
  _: 1
9357
9404
  }, 8, ["title"]));
9358
9405
  }
9359
- }), Us = ["aria-label"], Ws = ["aria-pressed", "onClick"], Gs = { class: "lze-grid-2" }, Ks = { class: "lze-grid-2" }, qs = { class: "lze-grid-2" }, Js = { class: "lze-row" }, Ys = ["aria-label"], Xs = { class: "lze-hint" }, Zs = /* @__PURE__ */ c({
9406
+ }), Ws = ["aria-label"], Gs = ["aria-pressed", "onClick"], Ks = { class: "lze-grid-2" }, qs = { class: "lze-grid-2" }, Js = { class: "lze-grid-2" }, Ys = { class: "lze-row" }, Xs = ["aria-label"], Zs = { class: "lze-hint" }, Qs = /* @__PURE__ */ c({
9360
9407
  __name: "TextStyle",
9361
9408
  props: { element: {} },
9362
9409
  setup(t) {
@@ -9422,8 +9469,8 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
9422
9469
  type: "button",
9423
9470
  "aria-pressed": (t.element.style.font ?? "body") === e.value,
9424
9471
  onClick: (t) => m("font", e.value)
9425
- }, T(D(c)(e.label)), 9, Ws)), 64))], 8, Us),
9426
- a("div", Gs, [s(X, {
9472
+ }, T(D(c)(e.label)), 9, Gs)), 64))], 8, Ws),
9473
+ a("div", Ks, [s(X, {
9427
9474
  modelValue: t.element.style.size,
9428
9475
  "onUpdate:modelValue": h[0] ||= (e) => t.element.style.size = e,
9429
9476
  label: D(c)("style.size"),
@@ -9444,7 +9491,7 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
9444
9491
  "label",
9445
9492
  "placeholder"
9446
9493
  ])]),
9447
- a("div", Ks, [s(X, {
9494
+ a("div", qs, [s(X, {
9448
9495
  modelValue: t.element.style.size_mobile,
9449
9496
  "onUpdate:modelValue": h[4] ||= (e) => t.element.style.size_mobile = e,
9450
9497
  label: D(c)("style.sizeMobile"),
@@ -9466,7 +9513,7 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
9466
9513
  step: .01,
9467
9514
  onCommit: h[7] ||= (e) => D(o).commit()
9468
9515
  }, null, 8, ["modelValue", "label"])]),
9469
- a("div", qs, [s(Z, {
9516
+ a("div", Js, [s(Z, {
9470
9517
  modelValue: t.element.style.text_case,
9471
9518
  "onUpdate:modelValue": h[8] ||= (e) => t.element.style.text_case = e,
9472
9519
  options: D(f),
@@ -9487,7 +9534,7 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
9487
9534
  "options",
9488
9535
  "label"
9489
9536
  ])]),
9490
- a("div", Js, [a("div", {
9537
+ a("div", Ys, [a("div", {
9491
9538
  class: "lze-row",
9492
9539
  role: "group",
9493
9540
  "aria-label": D(c)("style.align")
@@ -9506,7 +9553,7 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
9506
9553
  "label",
9507
9554
  "active",
9508
9555
  "onClick"
9509
- ])), 64))], 8, Ys), s(X, {
9556
+ ])), 64))], 8, Xs), s(X, {
9510
9557
  modelValue: t.element.style.line_height,
9511
9558
  "onUpdate:modelValue": h[12] ||= (e) => t.element.style.line_height = e,
9512
9559
  class: "lze-grow",
@@ -9522,12 +9569,12 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
9522
9569
  label: D(c)("style.autoHeight"),
9523
9570
  onCommit: h[15] ||= (e) => D(o).commit()
9524
9571
  }, null, 8, ["modelValue", "label"]),
9525
- a("p", Xs, T(D(c)("style.autoHeightHint")), 1)
9572
+ a("p", Zs, T(D(c)("style.autoHeightHint")), 1)
9526
9573
  ]),
9527
9574
  _: 1
9528
9575
  }, 8, ["title"]));
9529
9576
  }
9530
- }), Qs = { class: "lze-row" }, $s = { class: "lze-grid-2" }, ec = { class: "lze-hint" }, tc = /* @__PURE__ */ c({
9577
+ }), $s = { class: "lze-row" }, ec = { class: "lze-grid-2" }, tc = { class: "lze-hint" }, nc = /* @__PURE__ */ c({
9531
9578
  __name: "TransformStyle",
9532
9579
  props: { element: {} },
9533
9580
  setup(e) {
@@ -9558,7 +9605,7 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
9558
9605
  open: !1
9559
9606
  }, {
9560
9607
  default: N(() => [
9561
- a("div", Qs, [
9608
+ a("div", $s, [
9562
9609
  s(X, {
9563
9610
  modelValue: e.element.style.rotate,
9564
9611
  "onUpdate:modelValue": d[0] ||= (t) => e.element.style.rotate = t,
@@ -9602,7 +9649,7 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
9602
9649
  _: 1
9603
9650
  }, 8, ["label", "active"])
9604
9651
  ]),
9605
- a("div", $s, [s(J, {
9652
+ a("div", ec, [s(J, {
9606
9653
  id: o.overflow,
9607
9654
  label: D(i)("style.overflow")
9608
9655
  }, {
@@ -9635,15 +9682,15 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
9635
9682
  ])]),
9636
9683
  _: 1
9637
9684
  }, 8, ["id", "label"])]),
9638
- a("p", ec, T(D(i)("style.transformHint")), 1)
9685
+ a("p", tc, T(D(i)("style.transformHint")), 1)
9639
9686
  ]),
9640
9687
  _: 1
9641
9688
  }, 8, ["title"]));
9642
9689
  }
9643
- }), nc = { class: "lze-stack" }, rc = { class: "lze-heading" }, ic = { class: "lze-panel-title" }, ac = { class: "lze-row lze-nowrap" }, oc = {
9690
+ }), rc = { class: "lze-stack" }, ic = { class: "lze-heading" }, ac = { class: "lze-panel-title" }, oc = { class: "lze-row lze-nowrap" }, sc = {
9644
9691
  key: 0,
9645
9692
  class: "lze-hint"
9646
- }, sc = /* @__PURE__ */ c({
9693
+ }, cc = /* @__PURE__ */ c({
9647
9694
  __name: "ElementPanel",
9648
9695
  props: { element: {} },
9649
9696
  setup(c) {
@@ -9665,10 +9712,10 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
9665
9712
  checkbox: Fo
9666
9713
  }, p = {
9667
9714
  fill: As,
9668
- text: Zs,
9669
- border: Ns,
9670
- effects: tc,
9671
- motion: Is
9715
+ text: Qs,
9716
+ border: Ps,
9717
+ effects: nc,
9718
+ motion: Ls
9672
9719
  }, m = t(() => u.kindOf(l.element)), h = t(() => {
9673
9720
  let e = m.value;
9674
9721
  return e.kind === "core" ? d(e.spec.label) : e.kind === "app" ? u.i18n.localized(e.spec.label) : d("type.unknown");
@@ -9679,7 +9726,7 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
9679
9726
  panel: p[e]
9680
9727
  }));
9681
9728
  });
9682
- return (t, l) => (_(), i("div", nc, [a("div", rc, [a("h2", ic, T(h.value), 1), a("div", ac, [m.value.kind === "opaque" ? r("", !0) : (_(), n(q, {
9729
+ return (t, l) => (_(), i("div", rc, [a("div", ic, [a("h2", ac, T(h.value), 1), a("div", oc, [m.value.kind === "opaque" ? r("", !0) : (_(), n(q, {
9683
9730
  key: 0,
9684
9731
  onClick: l[0] ||= (e) => D(u).duplicateSelected()
9685
9732
  }, {
@@ -9691,7 +9738,7 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
9691
9738
  }, {
9692
9739
  default: N(() => [o(T(D(d)("common.delete")), 1)]),
9693
9740
  _: 1
9694
- })])]), m.value.kind === "opaque" ? (_(), i("p", oc, T(D(d)("el.unknown")), 1)) : (_(), i(e, { key: 1 }, [
9741
+ })])]), m.value.kind === "opaque" ? (_(), i("p", sc, T(D(d)("el.unknown")), 1)) : (_(), i(e, { key: 1 }, [
9695
9742
  m.value.kind === "core" && f[m.value.element.type] ? (_(), n(C(f[m.value.element.type]), {
9696
9743
  key: 0,
9697
9744
  element: m.value.element
@@ -9704,13 +9751,13 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
9704
9751
  key: e.group,
9705
9752
  element: c.element
9706
9753
  }, null, 8, ["element"]))), 128)),
9707
- s(Hs, { element: c.element }, null, 8, ["element"])
9754
+ s(Us, { element: c.element }, null, 8, ["element"])
9708
9755
  ], 64))]));
9709
9756
  }
9710
- }), cc = { class: "lze-stack" }, lc = { class: "lze-panel-title" }, uc = { class: "lze-hint" }, dc = { class: "lze-field" }, fc = { class: "lze-label" }, pc = ["aria-label"], mc = { class: "lze-field" }, hc = {
9757
+ }), lc = { class: "lze-stack" }, uc = { class: "lze-panel-title" }, dc = { class: "lze-hint" }, fc = { class: "lze-field" }, pc = { class: "lze-label" }, mc = ["aria-label"], hc = { class: "lze-field" }, gc = {
9711
9758
  key: 0,
9712
9759
  class: "lze-hint"
9713
- }, gc = { class: "lze-field" }, _c = /* @__PURE__ */ c({
9760
+ }, _c = { class: "lze-field" }, vc = /* @__PURE__ */ c({
9714
9761
  __name: "ModalPanel",
9715
9762
  props: { modal: {} },
9716
9763
  setup(t) {
@@ -9721,8 +9768,8 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
9721
9768
  function p(e) {
9722
9769
  typeof e == "number" && (c.modal.width = e, c.modal.size = "custom");
9723
9770
  }
9724
- return (c, m) => (_(), i("div", cc, [
9725
- a("h2", lc, T(D(u)("modal.heading")), 1),
9771
+ return (c, m) => (_(), i("div", lc, [
9772
+ a("h2", uc, T(D(u)("modal.heading")), 1),
9726
9773
  s(J, {
9727
9774
  id: D(d),
9728
9775
  label: D(u)("modal.title")
@@ -9741,11 +9788,11 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
9741
9788
  label: D(u)("modal.showTitle"),
9742
9789
  onCommit: m[3] ||= (e) => D(l).commit()
9743
9790
  }, null, 8, ["modelValue", "label"]),
9744
- a("p", uc, T(D(u)("modal.showTitleHint")), 1)
9791
+ a("p", dc, T(D(u)("modal.showTitleHint")), 1)
9745
9792
  ]),
9746
9793
  _: 1
9747
9794
  }, 8, ["id", "label"]),
9748
- a("div", dc, [a("span", fc, T(D(u)("modal.size")), 1), a("div", {
9795
+ a("div", fc, [a("span", pc, T(D(u)("modal.size")), 1), a("div", {
9749
9796
  class: "lze-row",
9750
9797
  role: "group",
9751
9798
  "aria-label": D(u)("modal.size")
@@ -9761,8 +9808,8 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
9761
9808
  "variant",
9762
9809
  "aria-pressed",
9763
9810
  "onClick"
9764
- ]))), 128))], 8, pc)]),
9765
- a("div", mc, [s(X, {
9811
+ ]))), 128))], 8, mc)]),
9812
+ a("div", hc, [s(X, {
9766
9813
  "model-value": t.modal.width,
9767
9814
  label: D(u)("modal.width"),
9768
9815
  min: 280,
@@ -9775,12 +9822,12 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
9775
9822
  "model-value",
9776
9823
  "label",
9777
9824
  "disabled"
9778
- ]), t.modal.size === "full" ? (_(), i("p", hc, T(D(u)("modal.fullHint")), 1)) : r("", !0)]),
9825
+ ]), t.modal.size === "full" ? (_(), i("p", gc, T(D(u)("modal.fullHint")), 1)) : r("", !0)]),
9779
9826
  s(q, { onClick: m[5] ||= (e) => D(l).fitCanvas(t.modal) }, {
9780
9827
  default: N(() => [o(T(D(u)("section.fitHeight")), 1)]),
9781
9828
  _: 1
9782
9829
  }),
9783
- a("div", gc, [s(X, {
9830
+ a("div", _c, [s(X, {
9784
9831
  "model-value": t.modal.height.desktop,
9785
9832
  label: D(u)("section.heightDesktop"),
9786
9833
  min: 80,
@@ -9807,15 +9854,15 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
9807
9854
  })
9808
9855
  ]));
9809
9856
  }
9810
- }), vc = { class: "lze-stack" }, yc = { class: "lze-panel-title" }, bc = { class: "lze-field" }, xc = { class: "lze-label" }, Sc = { class: "lze-field" }, Cc = { class: "lze-label" }, wc = { class: "lze-row" }, Tc = { class: "lze-hint" }, Ec = { class: "lze-hint" }, Dc = { class: "lze-hint" }, Oc = /* @__PURE__ */ c({
9857
+ }), yc = { class: "lze-stack" }, bc = { class: "lze-panel-title" }, xc = { class: "lze-field" }, Sc = { class: "lze-label" }, Cc = { class: "lze-field" }, wc = { class: "lze-label" }, Tc = { class: "lze-row" }, Ec = { class: "lze-hint" }, Dc = { class: "lze-hint" }, Oc = { class: "lze-hint" }, kc = /* @__PURE__ */ c({
9811
9858
  __name: "MultiPanel",
9812
9859
  setup(o) {
9813
9860
  let c = K(), l = c.t, u = t(() => c.selectedElements.value.length), d = {
9814
9861
  fill: As,
9815
- text: Zs,
9816
- border: Ns,
9817
- effects: tc,
9818
- motion: Is
9862
+ text: Qs,
9863
+ border: Ps,
9864
+ effects: nc,
9865
+ motion: Ls
9819
9866
  }, f = t(() => {
9820
9867
  let e = c.selectedElements.value.map((e) => {
9821
9868
  let t = c.kindOf(e);
@@ -9826,12 +9873,12 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
9826
9873
  panel: d[e]
9827
9874
  }));
9828
9875
  }), p = t(() => c.sharedTarget());
9829
- return (t, o) => (_(), i("div", vc, [
9830
- a("h2", yc, T(D(l)("multi.count", { n: u.value })), 1),
9831
- a("div", bc, [a("span", xc, T(D(l)("multi.align")), 1), s(Rs)]),
9832
- a("div", Sc, [
9833
- a("span", Cc, T(D(l)("multi.distribute")), 1),
9834
- a("div", wc, [s(Wr, {
9876
+ return (t, o) => (_(), i("div", yc, [
9877
+ a("h2", bc, T(D(l)("multi.count", { n: u.value })), 1),
9878
+ a("div", xc, [a("span", Sc, T(D(l)("multi.align")), 1), s(zs)]),
9879
+ a("div", Cc, [
9880
+ a("span", wc, T(D(l)("multi.distribute")), 1),
9881
+ a("div", Tc, [s(Wr, {
9835
9882
  label: D(l)("multi.distributeX"),
9836
9883
  disabled: u.value < 3,
9837
9884
  onClick: o[0] ||= (e) => D(c).distributeSelected("x")
@@ -9852,20 +9899,20 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
9852
9899
  })]),
9853
9900
  _: 1
9854
9901
  }, 8, ["label", "disabled"])]),
9855
- a("p", Tc, T(D(l)("multi.distributeHint")), 1)
9902
+ a("p", Ec, T(D(l)("multi.distributeHint")), 1)
9856
9903
  ]),
9857
9904
  p.value ? (_(!0), i(e, { key: 0 }, x(f.value, (e) => (_(), n(C(e.panel), {
9858
9905
  key: e.group,
9859
9906
  element: p.value
9860
9907
  }, null, 8, ["element"]))), 128)) : r("", !0),
9861
- a("p", Ec, T(D(l)("multi.menuHint")), 1),
9862
- a("p", Dc, T(D(l)("multi.hint")), 1)
9908
+ a("p", Dc, T(D(l)("multi.menuHint")), 1),
9909
+ a("p", Oc, T(D(l)("multi.hint")), 1)
9863
9910
  ]));
9864
9911
  }
9865
- }), kc = { class: "lze-stack" }, Ac = { class: "lze-heading" }, jc = { class: "lze-panel-title" }, Mc = { class: "lze-row" }, Nc = { class: "lze-field" }, Pc = {
9912
+ }), Ac = { class: "lze-stack" }, jc = { class: "lze-heading" }, Mc = { class: "lze-panel-title" }, Nc = { class: "lze-row" }, Pc = { class: "lze-field" }, Fc = {
9866
9913
  key: 0,
9867
9914
  class: "lze-grid-2"
9868
- }, Fc = { class: "lze-hint" }, Ic = /* @__PURE__ */ c({
9915
+ }, Ic = { class: "lze-hint" }, Lc = /* @__PURE__ */ c({
9869
9916
  __name: "SectionPanel",
9870
9917
  props: { section: {} },
9871
9918
  setup(c) {
@@ -9930,8 +9977,8 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
9930
9977
  function w(e) {
9931
9978
  l.section.background.image = e ?? null, l.section.background.type !== "video" && (l.section.background.type = e ? "image" : "color");
9932
9979
  }
9933
- return (t, l) => (_(), i("div", kc, [
9934
- a("div", Ac, [a("h2", jc, T(D(d)("section.heading")), 1), D(u).state.draft.sections.length > 1 ? (_(), n(Wr, {
9980
+ return (t, l) => (_(), i("div", Ac, [
9981
+ a("div", jc, [a("h2", Mc, T(D(d)("section.heading")), 1), D(u).state.draft.sections.length > 1 ? (_(), n(Wr, {
9935
9982
  key: 0,
9936
9983
  label: D(d)("section.delete"),
9937
9984
  tone: "danger",
@@ -9992,14 +10039,14 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
9992
10039
  "hint",
9993
10040
  "error"
9994
10041
  ]),
9995
- a("div", Mc, [s(q, { onClick: l[5] ||= (e) => D(u).fitCanvas(c.section) }, {
10042
+ a("div", Nc, [s(q, { onClick: l[5] ||= (e) => D(u).fitCanvas(c.section) }, {
9996
10043
  default: N(() => [o(T(D(d)("section.fitHeight")), 1)]),
9997
10044
  _: 1
9998
10045
  }), s(q, { onClick: l[6] ||= (e) => D(u).generateMobile(c.section) }, {
9999
10046
  default: N(() => [o(T(D(d)("section.generateMobile")), 1)]),
10000
10047
  _: 1
10001
10048
  })]),
10002
- a("div", Nc, [s(X, {
10049
+ a("div", Pc, [s(X, {
10003
10050
  "model-value": c.section.height.desktop,
10004
10051
  label: D(d)("section.heightDesktop"),
10005
10052
  min: 80,
@@ -10036,7 +10083,7 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
10036
10083
  "label",
10037
10084
  "hint"
10038
10085
  ]),
10039
- g.value ? (_(), i("div", Pc, [s(X, {
10086
+ g.value ? (_(), i("div", Fc, [s(X, {
10040
10087
  "model-value": c.section.flow_gap ?? 24,
10041
10088
  label: D(d)("section.flowGap"),
10042
10089
  min: 0,
@@ -10061,7 +10108,7 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
10061
10108
  label: D(d)("section.wide"),
10062
10109
  onCommit: l[18] ||= (e) => D(u).commit()
10063
10110
  }, null, 8, ["modelValue", "label"]),
10064
- a("p", Fc, T(D(d)("section.wideHint")), 1),
10111
+ a("p", Ic, T(D(d)("section.wideHint")), 1),
10065
10112
  s(J, {
10066
10113
  id: f.background,
10067
10114
  label: D(d)("section.background")
@@ -10144,10 +10191,10 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
10144
10191
  ], 64))
10145
10192
  ]));
10146
10193
  }
10147
- }), Lc = {
10194
+ }), Rc = {
10148
10195
  key: 4,
10149
10196
  class: "lze-hint"
10150
- }, Rc = /* @__PURE__ */ c({
10197
+ }, zc = /* @__PURE__ */ c({
10151
10198
  __name: "DesignPanel",
10152
10199
  setup(e) {
10153
10200
  let r = K(), a = t(() => {
@@ -10168,24 +10215,24 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
10168
10215
  section: t
10169
10216
  } : { kind: "none" };
10170
10217
  });
10171
- return (e, t) => a.value.kind === "multi" ? (_(), n(Oc, { key: 0 })) : a.value.kind === "element" ? (_(), n(sc, {
10218
+ return (e, t) => a.value.kind === "multi" ? (_(), n(kc, { key: 0 })) : a.value.kind === "element" ? (_(), n(cc, {
10172
10219
  key: a.value.element.id,
10173
10220
  element: a.value.element
10174
- }, null, 8, ["element"])) : a.value.kind === "modal" ? (_(), n(_c, {
10221
+ }, null, 8, ["element"])) : a.value.kind === "modal" ? (_(), n(vc, {
10175
10222
  key: a.value.modal.id,
10176
10223
  modal: a.value.modal
10177
- }, null, 8, ["modal"])) : a.value.kind === "section" ? (_(), n(Ic, {
10224
+ }, null, 8, ["modal"])) : a.value.kind === "section" ? (_(), n(Lc, {
10178
10225
  key: a.value.section.id,
10179
10226
  section: a.value.section
10180
- }, null, 8, ["section"])) : (_(), i("p", Lc, T(D(r).t("panel.nothing")), 1));
10227
+ }, null, 8, ["section"])) : (_(), i("p", Rc, T(D(r).t("panel.nothing")), 1));
10181
10228
  }
10182
- }), zc = {
10229
+ }), Bc = {
10183
10230
  key: 0,
10184
10231
  class: "lze-stack"
10185
- }, Bc = { class: "lze-slug-static" }, Vc = { class: "lze-slug" }, Hc = { class: "lze-row" }, Uc = {
10232
+ }, Vc = { class: "lze-slug-static" }, Hc = { class: "lze-slug" }, Uc = { class: "lze-row" }, Wc = {
10186
10233
  key: 2,
10187
10234
  class: "lze-field lze-divided"
10188
- }, Wc = { class: "lze-label" }, Gc = ["onClick"], Kc = { class: "lze-hint" }, qc = { class: "lze-field lze-divided" }, Jc = { class: "lze-label" }, Yc = { class: "lze-shortcuts lze-hint" }, Xc = /* @__PURE__ */ c({
10235
+ }, Gc = { class: "lze-label" }, Kc = ["onClick"], qc = { class: "lze-hint" }, Jc = { class: "lze-field lze-divided" }, Yc = { class: "lze-label" }, Xc = { class: "lze-shortcuts lze-hint" }, Zc = /* @__PURE__ */ c({
10189
10236
  __name: "PagePanel",
10190
10237
  setup(c) {
10191
10238
  let l = K(), u = l.t, d = {
@@ -10204,7 +10251,7 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
10204
10251
  function y() {
10205
10252
  f.value && window.confirm(u("page.deleteConfirm", { title: f.value.title })) && l.deletePage();
10206
10253
  }
10207
- return (t, c) => f.value ? (_(), i("div", zc, [
10254
+ return (t, c) => f.value ? (_(), i("div", Bc, [
10208
10255
  s(J, {
10209
10256
  id: d.title,
10210
10257
  label: D(u)("page.title")
@@ -10222,7 +10269,7 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
10222
10269
  label: D(u)("page.address"),
10223
10270
  hint: D(u)("page.homeHint")
10224
10271
  }, {
10225
- default: N(() => [a("p", Bc, [c[4] ||= a("span", {
10272
+ default: N(() => [a("p", Vc, [c[4] ||= a("span", {
10226
10273
  class: "lze-slug-root",
10227
10274
  "aria-hidden": "true"
10228
10275
  }, "/", -1), o(T(D(u)("page.home")), 1)])]),
@@ -10232,7 +10279,7 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
10232
10279
  label: D(u)("page.address"),
10233
10280
  error: m.value.map((e) => e.message).join(" ") || null
10234
10281
  }, {
10235
- default: N(() => [a("div", Vc, [c[5] ||= a("span", { "aria-hidden": "true" }, "/", -1), s(Y, {
10282
+ default: N(() => [a("div", Hc, [c[5] ||= a("span", { "aria-hidden": "true" }, "/", -1), s(Y, {
10236
10283
  id: d.slug,
10237
10284
  modelValue: p.value,
10238
10285
  "onUpdate:modelValue": c[1] ||= (e) => p.value = e,
@@ -10248,7 +10295,7 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
10248
10295
  "id",
10249
10296
  "label",
10250
10297
  "error"
10251
- ]), a("div", Hc, [s(q, {
10298
+ ]), a("div", Uc, [s(q, {
10252
10299
  disabled: h.value || p.value.trim() === f.value.slug,
10253
10300
  onClick: v
10254
10301
  }, {
@@ -10261,12 +10308,12 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
10261
10308
  default: N(() => [o(T(D(u)("page.delete")), 1)]),
10262
10309
  _: 1
10263
10310
  })])], 64)),
10264
- g.value ? (_(), i("div", Uc, [a("span", Wc, T(D(u)("page.templates")), 1), (_(!0), i(e, null, x(D(yn), (e) => (_(), i("button", {
10311
+ g.value ? (_(), i("div", Wc, [a("span", Gc, T(D(u)("page.templates")), 1), (_(!0), i(e, null, x(D(yn), (e) => (_(), i("button", {
10265
10312
  key: e.key,
10266
10313
  type: "button",
10267
10314
  class: "lze-choice",
10268
10315
  onClick: (t) => D(l).applyPageTemplate(e.key)
10269
- }, [a("strong", null, T(D(u)(e.name)), 1), a("span", Kc, T(D(u)(e.note)), 1)], 8, Gc))), 128))])) : r("", !0),
10316
+ }, [a("strong", null, T(D(u)(e.name)), 1), a("span", qc, T(D(u)(e.note)), 1)], 8, Kc))), 128))])) : r("", !0),
10270
10317
  s(J, {
10271
10318
  id: d.seoTitle,
10272
10319
  label: D(u)("page.seoTitle"),
@@ -10297,7 +10344,7 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
10297
10344
  }, null, 8, ["id", "modelValue"])]),
10298
10345
  _: 1
10299
10346
  }, 8, ["id", "label"]),
10300
- a("div", qc, [a("span", Jc, T(D(u)("page.shortcuts")), 1), a("ul", Yc, [
10347
+ a("div", Jc, [a("span", Yc, T(D(u)("page.shortcuts")), 1), a("ul", Xc, [
10301
10348
  a("li", null, T(D(u)("page.shortcutUndo")), 1),
10302
10349
  a("li", null, T(D(u)("page.shortcutSave")), 1),
10303
10350
  a("li", null, T(D(u)("page.shortcutCopy")), 1),
@@ -10305,42 +10352,42 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
10305
10352
  ])])
10306
10353
  ])) : r("", !0);
10307
10354
  }
10308
- }), Zc = { class: "lze-sidebar lze-right" }, Qc = {
10355
+ }), Qc = { class: "lze-sidebar lze-right" }, $c = {
10309
10356
  class: "lze-tabs",
10310
10357
  role: "tablist"
10311
- }, $c = ["aria-selected"], el = ["aria-selected"], tl = {
10358
+ }, el = ["aria-selected"], tl = ["aria-selected"], nl = {
10312
10359
  class: "lze-scroll lze-pad",
10313
10360
  role: "tabpanel"
10314
- }, nl = /* @__PURE__ */ c({
10361
+ }, rl = /* @__PURE__ */ c({
10315
10362
  __name: "RightPanel",
10316
10363
  setup(e) {
10317
10364
  let t = K(), r = b("design");
10318
- return (e, o) => (_(), i("aside", Zc, [a("div", Qc, [a("button", {
10365
+ return (e, o) => (_(), i("aside", Qc, [a("div", $c, [a("button", {
10319
10366
  type: "button",
10320
10367
  role: "tab",
10321
10368
  "aria-selected": r.value === "design",
10322
10369
  onClick: o[0] ||= (e) => r.value = "design"
10323
- }, T(D(t).t("panel.design")), 9, $c), a("button", {
10370
+ }, T(D(t).t("panel.design")), 9, el), a("button", {
10324
10371
  type: "button",
10325
10372
  role: "tab",
10326
10373
  "aria-selected": r.value === "page",
10327
10374
  onClick: o[1] ||= (e) => r.value = "page"
10328
- }, T(D(t).t("panel.page")), 9, el)]), a("div", tl, [r.value === "design" ? (_(), n(Rc, { key: 0 })) : (_(), n(Xc, { key: 1 }))])]));
10375
+ }, T(D(t).t("panel.page")), 9, tl)]), a("div", nl, [r.value === "design" ? (_(), n(zc, { key: 0 })) : (_(), n(Zc, { key: 1 }))])]));
10329
10376
  }
10330
- }), rl = { class: "lze-toolbar" }, il = { class: "lze-toolbar-group" }, al = { class: "lze-site-name" }, ol = ["aria-label", "value"], sl = ["value"], cl = ["data-published"], ll = ["data-tone"], ul = { class: "lze-toolbar-group" }, dl = ["aria-label"], fl = [
10377
+ }), il = { class: "lze-toolbar" }, al = { class: "lze-toolbar-group" }, ol = { class: "lze-site-name" }, sl = ["aria-label", "value"], cl = ["value"], ll = ["data-published"], ul = ["data-tone"], dl = { class: "lze-toolbar-group" }, fl = ["aria-label"], pl = [
10331
10378
  "title",
10332
10379
  "aria-label",
10333
10380
  "aria-pressed",
10334
10381
  "onClick"
10335
- ], pl = [
10382
+ ], ml = [
10336
10383
  "title",
10337
10384
  "aria-label",
10338
10385
  "disabled"
10339
- ], ml = [
10386
+ ], hl = [
10340
10387
  "title",
10341
10388
  "aria-label",
10342
10389
  "disabled"
10343
- ], hl = ["href"], gl = /* @__PURE__ */ c({
10390
+ ], gl = ["href"], _l = /* @__PURE__ */ c({
10344
10391
  __name: "Toolbar",
10345
10392
  setup(c) {
10346
10393
  let l = K(), u = l.t, d = t(() => l.state.page), f = new Intl.DateTimeFormat(l.i18n.locale, {
@@ -10393,8 +10440,8 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
10393
10440
  let t = e.target;
10394
10441
  await l.openPage(Number(t.value)), t.value = String(l.state.page?.id ?? "");
10395
10442
  }
10396
- return (t, c) => (_(), i("header", rl, [a("div", il, [
10397
- a("strong", al, T(D(l).state.workspace.site.name), 1),
10443
+ return (t, c) => (_(), i("header", il, [a("div", al, [
10444
+ a("strong", ol, T(D(l).state.workspace.site.name), 1),
10398
10445
  d.value ? (_(), i("select", {
10399
10446
  key: 0,
10400
10447
  class: "lze-select lze-page-select",
@@ -10404,7 +10451,7 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
10404
10451
  }, [(_(!0), i(e, null, x(D(l).state.workspace.pages, (e) => (_(), i("option", {
10405
10452
  key: e.id,
10406
10453
  value: e.id
10407
- }, T(e.title) + T(e.slug ? ` /${e.slug}` : ""), 9, sl))), 128))], 40, ol)) : r("", !0),
10454
+ }, T(e.title) + T(e.slug ? ` /${e.slug}` : ""), 9, cl))), 128))], 40, sl)) : r("", !0),
10408
10455
  s(q, {
10409
10456
  variant: "ghost",
10410
10457
  title: D(u)("toolbar.newPageHint"),
@@ -10420,13 +10467,13 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
10420
10467
  key: 1,
10421
10468
  class: "lze-badge-status",
10422
10469
  "data-published": d.value.publishedAt !== null
10423
- }, T(d.value.publishedAt ? D(u)("status.published") : D(u)("status.unpublished")), 9, cl)) : r("", !0),
10470
+ }, T(d.value.publishedAt ? D(u)("status.published") : D(u)("status.unpublished")), 9, ll)) : r("", !0),
10424
10471
  a("span", {
10425
10472
  class: "lze-save-status",
10426
10473
  "data-tone": p.value.tone,
10427
10474
  "data-testid": "save-status",
10428
10475
  "aria-live": "polite"
10429
- }, T(p.value.text), 9, ll),
10476
+ }, T(p.value.text), 9, ul),
10430
10477
  p.value.retry ? (_(), n(q, {
10431
10478
  key: 2,
10432
10479
  variant: "ghost",
@@ -10443,7 +10490,7 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
10443
10490
  default: N(() => [o(T(D(u)("conflict.reload")), 1)]),
10444
10491
  _: 1
10445
10492
  })) : r("", !0)
10446
- ]), a("div", ul, [
10493
+ ]), a("div", dl, [
10447
10494
  a("div", {
10448
10495
  class: "lze-segmented",
10449
10496
  role: "group",
@@ -10463,7 +10510,7 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
10463
10510
  key: 1,
10464
10511
  size: 16,
10465
10512
  "aria-hidden": "true"
10466
- }))], 8, fl)), 64))], 8, dl),
10513
+ }))], 8, pl)), 64))], 8, fl),
10467
10514
  a("button", {
10468
10515
  type: "button",
10469
10516
  class: "lze-icon-btn",
@@ -10474,7 +10521,7 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
10474
10521
  }, [s(D(tt), {
10475
10522
  size: 16,
10476
10523
  "aria-hidden": "true"
10477
- })], 8, pl),
10524
+ })], 8, ml),
10478
10525
  a("button", {
10479
10526
  type: "button",
10480
10527
  class: "lze-icon-btn",
@@ -10485,7 +10532,7 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
10485
10532
  }, [s(D(Ge), {
10486
10533
  size: 16,
10487
10534
  "aria-hidden": "true"
10488
- })], 8, ml),
10535
+ })], 8, hl),
10489
10536
  s(q, {
10490
10537
  variant: "ghost",
10491
10538
  title: D(l).state.previewing ? D(u)("toolbar.editHint") : D(u)("toolbar.previewHint"),
@@ -10543,7 +10590,7 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
10543
10590
  href: m.value,
10544
10591
  target: "_blank",
10545
10592
  rel: "noopener noreferrer"
10546
- }, T(D(u)("toolbar.viewSite")), 9, hl)) : r("", !0),
10593
+ }, T(D(u)("toolbar.viewSite")), 9, gl)) : r("", !0),
10547
10594
  s(q, {
10548
10595
  variant: "primary",
10549
10596
  disabled: D(l).state.publishing || !d.value,
@@ -10554,25 +10601,25 @@ var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
10554
10601
  }, 8, ["disabled"])
10555
10602
  ])]));
10556
10603
  }
10557
- }), _l = [
10604
+ }), vl = [
10558
10605
  ".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:7px;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:10px;display:grid}.lze-grid-4{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.lze-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lze-stack{gap:16px;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}",
10559
10606
  ".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:clamp(272px,19vw,352px) minmax(0,1fr) clamp(312px,22vw,408px);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:16px}.lze-left>.lze-scroll.lze-stack{align-content:start;padding:16px}.lze-tabs{border-bottom:1px solid var(--lze-border);gap:2px;padding:10px 8px;display:flex}.lze-tabs button{min-width:0;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 2px;font-size:11px;font-weight:600;display:flex}.lze-tabs button span,.lze-tabs button{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.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:repeat(auto-fill,minmax(100px,1fr));gap:8px;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:10px;padding:11px 12px;font-size:13px;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-group-label{letter-spacing:.06em;text-transform:uppercase;color:var(--lze-muted);margin:10px 0 2px;font-size:11px;font-weight:700}.lze-group-label:first-child{margin-top:0}.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:11px 12px;font-size:13px;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:10px;padding:12px;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:96px;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:236px minmax(0,1fr) 292px}}",
10560
10607
  ".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}",
10561
10608
  ".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}"
10562
- ].join("\n"), vl = /* @__PURE__ */ new WeakMap();
10563
- function yl(e) {
10609
+ ].join("\n"), yl = /* @__PURE__ */ new WeakMap();
10610
+ function bl(e) {
10564
10611
  let t = e.getRootNode();
10565
- if (!(t instanceof Document || t instanceof ShadowRoot) || vl.has(t)) return;
10612
+ if (!(t instanceof Document || t instanceof ShadowRoot) || yl.has(t)) return;
10566
10613
  let n = new CSSStyleSheet();
10567
- n.replaceSync(_l), vl.set(t, n), t.adoptedStyleSheets = [...t.adoptedStyleSheets, n];
10614
+ n.replaceSync(vl), yl.set(t, n), t.adoptedStyleSheets = [...t.adoptedStyleSheets, n];
10568
10615
  }
10569
10616
  //#endregion
10570
10617
  //#region src/ui/Toasts.vue?vue&type=script&setup=true&lang.ts
10571
- var bl = { class: "lze-toasts" }, xl = ["data-tone", "role"], Sl = ["aria-label", "onClick"], Cl = /* @__PURE__ */ c({
10618
+ var xl = { class: "lze-toasts" }, Sl = ["data-tone", "role"], Cl = ["aria-label", "onClick"], wl = /* @__PURE__ */ c({
10572
10619
  __name: "Toasts",
10573
10620
  setup(t) {
10574
10621
  let n = K();
10575
- return (t, r) => (_(), i("div", bl, [(_(!0), i(e, null, x(D(n).state.toasts, (e) => (_(), i("div", {
10622
+ return (t, r) => (_(), i("div", xl, [(_(!0), i(e, null, x(D(n).state.toasts, (e) => (_(), i("div", {
10576
10623
  key: e.id,
10577
10624
  class: "lze-toast",
10578
10625
  "data-tone": e.tone,
@@ -10585,19 +10632,19 @@ var bl = { class: "lze-toasts" }, xl = ["data-tone", "role"], Sl = ["aria-label"
10585
10632
  }, [s(D(it), {
10586
10633
  size: 14,
10587
10634
  "aria-hidden": "true"
10588
- })], 8, Sl)], 8, xl))), 128))]));
10635
+ })], 8, Cl)], 8, Sl))), 128))]));
10589
10636
  }
10590
- }), wl = ["lang"], Tl = {
10637
+ }), Tl = ["lang"], El = {
10591
10638
  key: 0,
10592
10639
  class: "lze-center"
10593
- }, El = {
10640
+ }, Dl = {
10594
10641
  key: 1,
10595
10642
  class: "lze-center",
10596
10643
  role: "alert"
10597
- }, Dl = {
10644
+ }, Ol = {
10598
10645
  key: 2,
10599
10646
  class: "lze-center"
10600
- }, Ol = { class: "lze-body" }, kl = { class: "lze-main" }, Al = /* @__PURE__ */ c({
10647
+ }, kl = { class: "lze-body" }, Al = { class: "lze-main" }, jl = /* @__PURE__ */ c({
10601
10648
  inheritAttrs: !1,
10602
10649
  __name: "LienzoEditor",
10603
10650
  props: {
@@ -10627,7 +10674,7 @@ var bl = { class: "lze-toasts" }, xl = ["data-tone", "role"], Sl = ["aria-label"
10627
10674
  let e = l.theme.value;
10628
10675
  l.state.load.kind === "ready" && typeof document < "u" && (m ??= document.head.appendChild(Object.assign(document.createElement("link"), { rel: "stylesheet" })), m.href = Kt([e.heading_font, e.body_font]));
10629
10676
  }), g(() => {
10630
- u.value && yl(u.value), window.addEventListener("keydown", p), l.load();
10677
+ u.value && bl(u.value), window.addEventListener("keydown", p), l.load();
10631
10678
  }), h(() => {
10632
10679
  window.removeEventListener("keydown", p), m?.remove(), l.dispose();
10633
10680
  }), (t, r) => (_(), i("div", {
@@ -10636,23 +10683,23 @@ var bl = { class: "lze-toasts" }, xl = ["data-tone", "role"], Sl = ["aria-label"
10636
10683
  class: "lze-root",
10637
10684
  lang: D(c).locale
10638
10685
  }, [
10639
- D(l).state.load.kind === "loading" ? (_(), i("div", Tl, T(D(l).t("load.loading")), 1)) : D(l).state.load.kind === "failed" ? (_(), i("div", El, [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() }, {
10686
+ D(l).state.load.kind === "loading" ? (_(), i("div", El, T(D(l).t("load.loading")), 1)) : D(l).state.load.kind === "failed" ? (_(), i("div", Dl, [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() }, {
10640
10687
  default: N(() => [o(T(D(l).t("load.retry")), 1)]),
10641
10688
  _: 1
10642
- })])) : D(l).state.load.kind === "empty" ? (_(), i("div", Dl, [s(q, {
10689
+ })])) : D(l).state.load.kind === "empty" ? (_(), i("div", Ol, [s(q, {
10643
10690
  variant: "primary",
10644
10691
  onClick: r[1] ||= (e) => D(l).state.dialog = "newPage"
10645
10692
  }, {
10646
10693
  default: N(() => [o(T(D(l).t("newPage.title")), 1)]),
10647
10694
  _: 1
10648
- })])) : (_(), i(e, { key: 3 }, [s(gl), a("div", Ol, [
10695
+ })])) : (_(), i(e, { key: 3 }, [s(_l), a("div", kl, [
10649
10696
  s(jo, { "drop-point": f }),
10650
- a("main", kl, [D(l).state.previewing ? (_(), n(Er, { key: 0 })) : (_(), n(wr, {
10697
+ a("main", Al, [D(l).state.previewing ? (_(), n(Er, { key: 0 })) : (_(), n(wr, {
10651
10698
  key: 1,
10652
10699
  ref_key: "canvas",
10653
10700
  ref: d
10654
10701
  }, null, 512))]),
10655
- s(nl)
10702
+ s(rl)
10656
10703
  ])], 64)),
10657
10704
  s(si),
10658
10705
  s(xa),
@@ -10661,11 +10708,11 @@ var bl = { class: "lze-toasts" }, xl = ["data-tone", "role"], Sl = ["aria-label"
10661
10708
  s(Ji),
10662
10709
  s(Hr),
10663
10710
  s(Qr),
10664
- s(Cl)
10665
- ], 8, wl));
10711
+ s(wl)
10712
+ ], 8, Tl));
10666
10713
  }
10667
10714
  });
10668
10715
  //#endregion
10669
- export { rn as n, nn as r, Al as t };
10716
+ export { rn as n, nn as r, jl as t };
10670
10717
 
10671
- //# sourceMappingURL=LienzoEditor-C0zkJ5Yw.js.map
10718
+ //# sourceMappingURL=LienzoEditor-CkWN6mXO.js.map