@skylivellc/lienzo-editor 0.11.2 → 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.
- package/dist/{LienzoEditor-CXhUonso.js → LienzoEditor-CkWN6mXO.js} +200 -153
- package/dist/LienzoEditor-CkWN6mXO.js.map +1 -0
- package/dist/element.js +1 -1
- package/dist/index.js +1 -1
- package/dist/standalone/lienzo-editor.js +11 -7
- package/dist/standalone/lienzo-editor.js.map +1 -1
- package/dist/types/i18n/en.d.ts +6 -0
- package/dist/types/state/editor.d.ts +6 -0
- package/package.json +2 -2
- package/dist/LienzoEditor-CXhUonso.js.map +0 -1
|
@@ -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: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-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 = {
|
|
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 =
|
|
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
|
-
},
|
|
8979
|
-
...
|
|
9008
|
+
}, g = t(() => ({
|
|
9009
|
+
...h,
|
|
8980
9010
|
...c.element.style.shadow_custom
|
|
8981
9011
|
}));
|
|
8982
|
-
function
|
|
9012
|
+
function v(e, t) {
|
|
8983
9013
|
c.element.style.shadow_custom = {
|
|
8984
|
-
...
|
|
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:
|
|
9065
|
+
id: d.shadow,
|
|
9036
9066
|
label: D(u)("style.shadow")
|
|
9037
9067
|
}, {
|
|
9038
9068
|
default: N(() => [s(Z, {
|
|
9039
|
-
id:
|
|
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",
|
|
9105
|
+
a("div", Ns, [
|
|
9059
9106
|
s(X, {
|
|
9060
|
-
"model-value":
|
|
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[
|
|
9066
|
-
onCommit: c[
|
|
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":
|
|
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[
|
|
9075
|
-
onCommit: c[
|
|
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":
|
|
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[
|
|
9084
|
-
onCommit: c[
|
|
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":
|
|
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[
|
|
9093
|
-
onCommit: c[
|
|
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":
|
|
9144
|
+
"model-value": g.value.color,
|
|
9098
9145
|
label: D(u)("style.shadowColor"),
|
|
9099
|
-
"onUpdate:modelValue": c[
|
|
9100
|
-
onCommit: c[
|
|
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":
|
|
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[
|
|
9110
|
-
onCommit: c[
|
|
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
|
-
}),
|
|
9167
|
+
}), Fs = {
|
|
9121
9168
|
key: 0,
|
|
9122
9169
|
class: "lze-grid-2"
|
|
9123
|
-
},
|
|
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",
|
|
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",
|
|
9305
|
+
a("p", Is, T(D(l)("style.motionHint")), 1)
|
|
9259
9306
|
]),
|
|
9260
9307
|
_: 1
|
|
9261
9308
|
}, 8, ["title"]));
|
|
9262
9309
|
}
|
|
9263
|
-
}),
|
|
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,
|
|
9335
|
+
}, 1032, ["label", "onClick"]))), 128))], 8, Rs));
|
|
9289
9336
|
}
|
|
9290
|
-
}),
|
|
9337
|
+
}), Bs = { class: "lze-grid-2" }, Vs = { class: "lze-hint" }, Hs = {
|
|
9291
9338
|
key: 0,
|
|
9292
9339
|
class: "lze-hint"
|
|
9293
|
-
},
|
|
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(
|
|
9313
|
-
a("div",
|
|
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",
|
|
9350
|
-
f.value === "mobile" ? (_(), i("p",
|
|
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
|
-
}),
|
|
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,
|
|
9426
|
-
a("div",
|
|
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",
|
|
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",
|
|
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",
|
|
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,
|
|
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",
|
|
9572
|
+
a("p", Zs, T(D(c)("style.autoHeightHint")), 1)
|
|
9526
9573
|
]),
|
|
9527
9574
|
_: 1
|
|
9528
9575
|
}, 8, ["title"]));
|
|
9529
9576
|
}
|
|
9530
|
-
}),
|
|
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",
|
|
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",
|
|
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",
|
|
9685
|
+
a("p", tc, T(D(i)("style.transformHint")), 1)
|
|
9639
9686
|
]),
|
|
9640
9687
|
_: 1
|
|
9641
9688
|
}, 8, ["title"]));
|
|
9642
9689
|
}
|
|
9643
|
-
}),
|
|
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
|
-
},
|
|
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:
|
|
9669
|
-
border:
|
|
9670
|
-
effects:
|
|
9671
|
-
motion:
|
|
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",
|
|
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",
|
|
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(
|
|
9754
|
+
s(Us, { element: c.element }, null, 8, ["element"])
|
|
9708
9755
|
], 64))]));
|
|
9709
9756
|
}
|
|
9710
|
-
}),
|
|
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
|
-
},
|
|
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",
|
|
9725
|
-
a("h2",
|
|
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",
|
|
9791
|
+
a("p", dc, T(D(u)("modal.showTitleHint")), 1)
|
|
9745
9792
|
]),
|
|
9746
9793
|
_: 1
|
|
9747
9794
|
}, 8, ["id", "label"]),
|
|
9748
|
-
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,
|
|
9765
|
-
a("div",
|
|
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",
|
|
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",
|
|
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
|
-
}),
|
|
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:
|
|
9816
|
-
border:
|
|
9817
|
-
effects:
|
|
9818
|
-
motion:
|
|
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",
|
|
9830
|
-
a("h2",
|
|
9831
|
-
a("div",
|
|
9832
|
-
a("div",
|
|
9833
|
-
a("span",
|
|
9834
|
-
a("div",
|
|
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",
|
|
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",
|
|
9862
|
-
a("p",
|
|
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
|
-
}),
|
|
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
|
-
},
|
|
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",
|
|
9934
|
-
a("div",
|
|
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",
|
|
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",
|
|
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",
|
|
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",
|
|
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
|
-
}),
|
|
10194
|
+
}), Rc = {
|
|
10148
10195
|
key: 4,
|
|
10149
10196
|
class: "lze-hint"
|
|
10150
|
-
},
|
|
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(
|
|
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(
|
|
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(
|
|
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",
|
|
10227
|
+
}, null, 8, ["section"])) : (_(), i("p", Rc, T(D(r).t("panel.nothing")), 1));
|
|
10181
10228
|
}
|
|
10182
|
-
}),
|
|
10229
|
+
}), Bc = {
|
|
10183
10230
|
key: 0,
|
|
10184
10231
|
class: "lze-stack"
|
|
10185
|
-
},
|
|
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
|
-
},
|
|
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",
|
|
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",
|
|
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",
|
|
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",
|
|
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",
|
|
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",
|
|
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",
|
|
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
|
-
}),
|
|
10355
|
+
}), Qc = { class: "lze-sidebar lze-right" }, $c = {
|
|
10309
10356
|
class: "lze-tabs",
|
|
10310
10357
|
role: "tablist"
|
|
10311
|
-
},
|
|
10358
|
+
}, el = ["aria-selected"], tl = ["aria-selected"], nl = {
|
|
10312
10359
|
class: "lze-scroll lze-pad",
|
|
10313
10360
|
role: "tabpanel"
|
|
10314
|
-
},
|
|
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",
|
|
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,
|
|
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,
|
|
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
|
-
}),
|
|
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
|
-
],
|
|
10382
|
+
], ml = [
|
|
10336
10383
|
"title",
|
|
10337
10384
|
"aria-label",
|
|
10338
10385
|
"disabled"
|
|
10339
|
-
],
|
|
10386
|
+
], hl = [
|
|
10340
10387
|
"title",
|
|
10341
10388
|
"aria-label",
|
|
10342
10389
|
"disabled"
|
|
10343
|
-
],
|
|
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",
|
|
10397
|
-
a("strong",
|
|
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,
|
|
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,
|
|
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,
|
|
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",
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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
|
-
}),
|
|
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"),
|
|
10563
|
-
function
|
|
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) ||
|
|
10612
|
+
if (!(t instanceof Document || t instanceof ShadowRoot) || yl.has(t)) return;
|
|
10566
10613
|
let n = new CSSStyleSheet();
|
|
10567
|
-
n.replaceSync(
|
|
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
|
|
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",
|
|
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,
|
|
10635
|
+
})], 8, Cl)], 8, Sl))), 128))]));
|
|
10589
10636
|
}
|
|
10590
|
-
}),
|
|
10637
|
+
}), Tl = ["lang"], El = {
|
|
10591
10638
|
key: 0,
|
|
10592
10639
|
class: "lze-center"
|
|
10593
|
-
},
|
|
10640
|
+
}, Dl = {
|
|
10594
10641
|
key: 1,
|
|
10595
10642
|
class: "lze-center",
|
|
10596
10643
|
role: "alert"
|
|
10597
|
-
},
|
|
10644
|
+
}, Ol = {
|
|
10598
10645
|
key: 2,
|
|
10599
10646
|
class: "lze-center"
|
|
10600
|
-
},
|
|
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 &&
|
|
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",
|
|
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",
|
|
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(
|
|
10695
|
+
})])) : (_(), i(e, { key: 3 }, [s(_l), a("div", kl, [
|
|
10649
10696
|
s(jo, { "drop-point": f }),
|
|
10650
|
-
a("main",
|
|
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(
|
|
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(
|
|
10665
|
-
], 8,
|
|
10711
|
+
s(wl)
|
|
10712
|
+
], 8, Tl));
|
|
10666
10713
|
}
|
|
10667
10714
|
});
|
|
10668
10715
|
//#endregion
|
|
10669
|
-
export { rn as n, nn as r,
|
|
10716
|
+
export { rn as n, nn as r, jl as t };
|
|
10670
10717
|
|
|
10671
|
-
//# sourceMappingURL=LienzoEditor-
|
|
10718
|
+
//# sourceMappingURL=LienzoEditor-CkWN6mXO.js.map
|