@skylivellc/lienzo-editor 0.4.0 → 0.6.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-luruvISU.js → LienzoEditor-CM8FH-q3.js} +200 -92
- package/dist/LienzoEditor-CM8FH-q3.js.map +1 -0
- package/dist/element.js +1 -1
- package/dist/index.js +1 -1
- package/dist/standalone/lienzo-editor.js +22 -11
- package/dist/standalone/lienzo-editor.js.map +1 -1
- package/dist/types/i18n/en.d.ts +20 -0
- package/dist/types/state/editor.d.ts +23 -15
- package/dist/types/ui/ImageField.vue.d.ts +1 -1
- package/package.json +2 -2
- package/dist/LienzoEditor-luruvISU.js.map +0 -1
|
@@ -1099,6 +1099,12 @@ var Zt = {
|
|
|
1099
1099
|
"section.generateMobile": "Generate phone layout",
|
|
1100
1100
|
"section.heightDesktop": "Desktop height",
|
|
1101
1101
|
"section.heightMobile": "Phone height",
|
|
1102
|
+
"fill.video": "Video",
|
|
1103
|
+
"section.video": "Video address",
|
|
1104
|
+
"section.videoHint": "An https link to an .mp4 or .webm file. It plays muted and on a loop.",
|
|
1105
|
+
"section.poster": "Image while the video loads",
|
|
1106
|
+
"section.wide": "Edge to edge",
|
|
1107
|
+
"section.wideHint": "The section spans the screen instead of the theme's width.",
|
|
1102
1108
|
"section.background": "Background",
|
|
1103
1109
|
"section.color": "Section color",
|
|
1104
1110
|
"section.image": "Background image",
|
|
@@ -1389,6 +1395,20 @@ var Zt = {
|
|
|
1389
1395
|
"style.anim.zoom": "Zoom in",
|
|
1390
1396
|
"style.delay": "Delay",
|
|
1391
1397
|
"style.duration": "Duration",
|
|
1398
|
+
"style.anim.blur": "Come into focus",
|
|
1399
|
+
"style.anim.reveal": "Wipe across",
|
|
1400
|
+
"style.hover.sink": "Press in",
|
|
1401
|
+
"style.hover.tilt": "Tilt",
|
|
1402
|
+
"style.hover.glow": "Glow",
|
|
1403
|
+
"style.scroll": "With the scroll",
|
|
1404
|
+
"style.scrollHint": "Moves while it crosses the screen, where the browser supports it.",
|
|
1405
|
+
"style.scroll.none": "Still",
|
|
1406
|
+
"style.scroll.rise": "Rise",
|
|
1407
|
+
"style.scroll.drift": "Drift sideways",
|
|
1408
|
+
"style.scroll.zoom": "Zoom in",
|
|
1409
|
+
"el.navbarTemplate.floating": "Floating",
|
|
1410
|
+
"el.navbarTemplate.boxed": "Boxed links",
|
|
1411
|
+
"el.navbarTemplate.tracked": "Spaced out",
|
|
1392
1412
|
"style.hover": "On hover",
|
|
1393
1413
|
"style.hover.none": "Nothing",
|
|
1394
1414
|
"style.hover.lift": "Lift",
|
|
@@ -1629,6 +1649,12 @@ var Zt = {
|
|
|
1629
1649
|
"section.generateMobile": "Generar vista de celular",
|
|
1630
1650
|
"section.heightDesktop": "Alto escritorio",
|
|
1631
1651
|
"section.heightMobile": "Alto celular",
|
|
1652
|
+
"fill.video": "Video",
|
|
1653
|
+
"section.video": "Dirección del video",
|
|
1654
|
+
"section.videoHint": "Un enlace https a un archivo .mp4 o .webm. Se reproduce en silencio y en bucle.",
|
|
1655
|
+
"section.poster": "Imagen mientras carga el video",
|
|
1656
|
+
"section.wide": "De borde a borde",
|
|
1657
|
+
"section.wideHint": "La sección ocupa toda la pantalla en vez del ancho del tema.",
|
|
1632
1658
|
"section.background": "Fondo",
|
|
1633
1659
|
"section.color": "Color de la sección",
|
|
1634
1660
|
"section.image": "Imagen de fondo",
|
|
@@ -1919,6 +1945,20 @@ var Zt = {
|
|
|
1919
1945
|
"style.anim.zoom": "Acercarse",
|
|
1920
1946
|
"style.delay": "Espera",
|
|
1921
1947
|
"style.duration": "Duración",
|
|
1948
|
+
"style.anim.blur": "Enfocarse",
|
|
1949
|
+
"style.anim.reveal": "Barrido",
|
|
1950
|
+
"style.hover.sink": "Hundir",
|
|
1951
|
+
"style.hover.tilt": "Inclinar",
|
|
1952
|
+
"style.hover.glow": "Resplandor",
|
|
1953
|
+
"style.scroll": "Con el scroll",
|
|
1954
|
+
"style.scrollHint": "Se mueve mientras cruza la pantalla, donde el navegador lo permita.",
|
|
1955
|
+
"style.scroll.none": "Quieto",
|
|
1956
|
+
"style.scroll.rise": "Subir",
|
|
1957
|
+
"style.scroll.drift": "Derivar de lado",
|
|
1958
|
+
"style.scroll.zoom": "Acercarse",
|
|
1959
|
+
"el.navbarTemplate.floating": "Flotante",
|
|
1960
|
+
"el.navbarTemplate.boxed": "Enlaces en caja",
|
|
1961
|
+
"el.navbarTemplate.tracked": "Espaciado",
|
|
1922
1962
|
"style.hover": "Al pasar el cursor",
|
|
1923
1963
|
"style.hover.none": "Nada",
|
|
1924
1964
|
"style.hover.lift": "Levantar",
|
|
@@ -3594,7 +3634,7 @@ function En(e, t) {
|
|
|
3594
3634
|
}
|
|
3595
3635
|
//#endregion
|
|
3596
3636
|
//#region ../core/dist/lienzo.css?raw
|
|
3597
|
-
var Dn = ".lz-page,.lz-page *{box-sizing:border-box}\nhtml:has(.lz-page){scroll-behavior:smooth}\n@media (prefers-reduced-motion:reduce){html:has(.lz-page){scroll-behavior:auto}}\n.lz-page{margin:0;container:lz/inline-size;background:var(--background);color:var(--text);font-family:var(--font-body)}\n.lz-notice{position:fixed;z-index:99;top:16px;left:50%;transform:translateX(-50%);background:var(--primary);color:var(--background);padding:12px 20px;border-radius:var(--radius);box-shadow:0 12px 32px rgba(15,23,42,.2)}\n.lz-section{position:relative;width:100%;scroll-margin-top:calc(var(--sticky,0) * 1px);background:var(--sbg,transparent)}\n.lz-section[data-fill=linear]{background:linear-gradient(calc(var(--sga,135) * 1deg),var(--sg1),var(--sg2))}\n.lz-section[data-fill=radial]{background:radial-gradient(circle at 50% 50%,var(--sg1),var(--sg2))}\n.lz-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}\n.lz-bg::before{content:'';position:absolute;inset:0;background:var(--background)}\n.lz-parallax{position:absolute;inset:0;clip-path:inset(0)}\n.lz-parallax>.lz-bg{position:fixed}\n.lz-overlay{position:absolute;inset:0;background:rgb(0 0 0 / calc(var(--ov) * 100%))}\n.lz-frame{position:relative;height:calc(var(--fh) * var(--u))}\n.lz-section>.lz-frame{margin:0 auto;max-width:var(--max-width);container-type:inline-size;--u:calc(min(100cqw,var(--ref) * 1px) / var(--ref))}\n.lz-el{position:absolute;margin:0;display:block;overflow-wrap:break-word;left:calc(var(--x) * 1%);top:calc(var(--y) * var(--u));width:calc(var(--w) * 1%);height:calc(var(--h) * var(--u));z-index:var(--z);--_border:calc(var(--bw) * var(--u)) solid var(--bc,var(--text));--_fill:color-mix(in srgb,var(--bg) calc(var(--ba,1) * 100%),transparent);--_rot:rotate(calc(var(--rot) * 1deg));--_blur:blur(calc(var(--blur) * var(--u)));--_p:calc(var(--p) * var(--u));color:var(--c);background:var(--_fill);-webkit-backdrop-filter:var(--_blur);backdrop-filter:var(--_blur);font-family:var(--font-body);font-size:calc(var(--fs) * var(--u));font-weight:var(--fw);line-height:var(--lh);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-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].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}}\nimg.lz-el{object-fit:cover}\nimg.lz-el[data-fit=contain]{object-fit:contain}\na.lz-el,button.lz-el{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}\nbutton.lz-el{cursor:pointer;padding:var(--_p,1px 6px)}\n.lz-divider{border:var(--_border,none);border-top:var(--_border,1px solid currentColor)}\n.lz-video iframe{width:100%;height:100%;border:0;border-radius:inherit}\n.lz-el[data-shape=ellipse]{border-radius:50%}\n.lz-el[data-shape=triangle]{clip-path:polygon(50% 0,100% 100%,0 100%)}\n.lz-el[data-shape=blob]{border-radius:42% 58% 63% 37% / 43% 38% 62% 57%}\n.lz-el[data-shape=arch]{border-radius:50% 50% 0 0 / 65% 65% 0 0}\n.lz-el[data-shape=diagonal]{clip-path:polygon(0 0,100% 0,100% 72%,0 100%)}\n.lz-el[data-shape=dots]{background-image:radial-gradient(currentColor calc(1.6 * var(--u)),transparent calc(1.7 * var(--u)));background-size:calc(16 * var(--u)) calc(16 * var(--u))}\n.lz-el[data-shape=grid]{background-image:linear-gradient(currentColor calc(1 * var(--u)),transparent calc(1 * var(--u))),linear-gradient(90deg,currentColor calc(1 * var(--u)),transparent calc(1 * var(--u)));background-size:calc(24 * var(--u)) calc(24 * var(--u))}\n.lz-icon{display:grid;place-items:center}\n.lz-icon svg{width:100%;height:100%}\n.lz-navbar{display:flex;align-items:center;gap:calc(24 * var(--u))}\n.lz-navbar[data-sticky]{position:fixed;left:50%;translate:-50% 0;width:min(100%,var(--max-width));top:0;transition:background .25s ease,box-shadow .25s ease,height .25s ease,backdrop-filter .25s ease}\n.lz-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(--bg,var(--background));-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-links{display:flex;align-items:center;gap:calc(22 * var(--u));margin-left:auto}\n.lz-navbar[data-layout=left] .lz-navbar-links,.lz-navbar[data-layout=center] .lz-navbar-links{margin-left:0}\n.lz-navbar[data-layout=center]{justify-content:center}\n.lz-navbar a{color:inherit;text-decoration:none;white-space:nowrap}\n.lz-navbar a:hover{opacity:.7}\n.lz-navbar-menu{display:none;position:relative;margin-left:auto}\n.lz-navbar-menu summary{list-style:none;cursor:pointer;font-size:1.5em;line-height:1}\n.lz-navbar-menu summary::-webkit-details-marker{display:none}\n.lz-navbar-drop{position:absolute;z-index:60;top:100%;right:0;display:grid;gap:12px;min-width:160px;margin-top:8px;padding:14px 16px;background:var(--surface);color:var(--text);border-radius:var(--radius);box-shadow:0 12px 32px rgba(15,23,42,.18)}\n.lz-field{display:flex;flex-direction:column;gap:4px;justify-content:center;text-align:left}\n.lz-field>span{font-size:.78em;opacity:.75}\n.lz-field>span i{font-style:normal;color:#dc2626;margin-left:2px}\n.lz-field input,.lz-field select,.lz-field textarea{font:inherit;color:inherit;width:100%;flex:1;min-height:0;background:transparent;border:0;padding:0;outline:none;resize:none}\n.lz-choices-list{display:flex;flex-wrap:wrap;gap:10px 18px;overflow:auto}\n.lz-choices-list label{display:inline-flex;align-items:center;gap:8px;cursor:pointer}\n.lz-choices-list input{flex:0 0 auto;width:18px;height:18px;accent-color:var(--primary)}\n.lz-field-check{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px}\n.lz-field-check input{flex:0 0 auto;width:18px;height:18px;accent-color:var(--primary)}\n.lz-field-error{position:absolute;top:100%;left:0;margin-top:2px;font-size:12px;font-style:normal;color:#dc2626}\n.lz-stack-nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:24px 20px 0;background:var(--background)}\n.lz-stack-nav button{font:inherit;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid color-mix(in srgb,var(--muted) 35%,transparent);border-radius:999px;background:transparent;color:var(--muted);transition:background .2s ease,color .2s ease}\n.lz-stack-nav button[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--background)}\n.lz-stack-nav i{font-style:normal;display:grid;place-items:center;width:22px;height:22px;border-radius:999px;background:color-mix(in srgb,currentColor 18%,transparent);font-size:.8em}\n.lz-stack-panel{display:none}\n.lz-stack-panel[data-on]{display:block}\n.lz-modal{border:none;border-radius:var(--radius);padding:0;max-width:calc(100% - 2rem);max-height:calc(100dvh - 3rem);color:var(--text);font-family:var(--font-body);overflow:auto;width:min(calc(var(--dw) * 1px),calc(100vw - 2rem));--u:calc(min(100vw - 2rem,var(--dw) * 1px) / var(--dw));background:var(--dbg,var(--background))}\n.lz-modal[data-size=full]{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;--u:calc(min(100vw,var(--dw) * 1px) / var(--dw))}\n.lz-modal::backdrop{background:rgba(15,23,42,.5)}\n.lz-modal .lz-frame{overflow:hidden}\n.lz-modal-bar{display:flex;align-items:center;gap:calc(12 * var(--u));padding:calc(8 * var(--u)) calc(10 * var(--u)) calc(8 * var(--u)) calc(18 * var(--u))}\n.lz-modal-title{margin:0;font-family:var(--font-heading);font-size:calc(20 * var(--u));font-weight:700}\n.lz-modal-close{margin-left:auto;width:calc(34 * var(--u));height:calc(34 * var(--u));display:grid;place-items:center;font:inherit;font-size:calc(20 * var(--u));line-height:1;color:var(--text);background:var(--surface);border:0;border-radius:999px;cursor:pointer}\n.lz-modal-close:hover{opacity:.8}\n.lz-placeholder{display:grid;place-items:center;padding:8px;border:1px dashed currentColor;font:12px/1.3 system-ui,sans-serif;opacity:.6}\n@container lz (max-width:640px){.lz-section>.lz-frame{--u:calc(min(100cqw,390px) / 390)}.lz-frame{height:calc(var(--fmh) * var(--u))}.lz-frame[data-stack]{height:auto;padding:32px 20px;display:flex;flex-direction:column;gap:20px}.lz-frame:not([data-stack]) .lz-el{position:absolute;left:calc(var(--mx) * 1%);top:calc(var(--my) * var(--u));width:calc(var(--mw) * 1%);height:calc(var(--mh) * var(--u))}.lz-frame[data-stack] .lz-el{position:static;width:auto;height:auto;order:var(--ord)}.lz-el[data-visible=desktop]{display:none}.lz-parallax>.lz-bg{position:absolute}.lz-navbar-links{display:none}.lz-navbar-menu{display:block}.lz-el{max-width:100%;min-width:0}img.lz-el{height:auto}.lz-icon{width:max-content}.lz-icon svg{width:calc(36 * var(--u));height:calc(36 * var(--u))}}\n", On = "\nhtml,body{margin:0}\nbody{overflow:hidden}\n.lz-el{cursor:default;user-select:none;-webkit-user-select:none}\n.lz-el[contenteditable]{cursor:text;user-select:text;-webkit-user-select:text;outline:none}\n.lz-el iframe,.lz-el input,.lz-el select,.lz-el textarea,.lz-el summary,.lz-el a,.lz-el button{pointer-events:none}\n.lz-navbar[data-sticky]{position:absolute;translate:none;left:calc(var(--x) * 1%);top:calc(var(--y) * var(--u));width:calc(var(--w) * 1%)}\n@container lz (max-width:640px){\n.lz-frame:not([data-stack]) .lz-navbar[data-sticky]{left:calc(var(--mx) * 1%);top:calc(var(--my) * var(--u));width:calc(var(--mw) * 1%)}\n.lz-frame[data-stack] .lz-navbar[data-sticky]{position:static;width:auto}\n}\n.lz-parallax>.lz-bg{position:absolute}\n.lz-stack-nav button{cursor:pointer}\nimg.lz-el[src=\"\"]::before,.lz-video:empty::before{position:absolute;inset:0;display:grid;place-items:center;padding:8px;text-align:center;border:1px dashed #94a3b8;border-radius:inherit;background:#f8fafc;color:#64748b;font:12px/1.3 system-ui,sans-serif}\nimg.lz-el[src=\"\"]::before{content:var(--lze-empty-image)}\n.lz-frame[data-stack] img.lz-el[src=\"\"]{position:relative;min-height:120px}\n.lz-video:empty::before{content:var(--lze-empty-video)}\n.lze-app-placeholder{display:grid;place-items:center;height:100%;padding:8px;text-align:center;border:1px dashed #94a3b8;border-radius:inherit;background:#f8fafc;color:#64748b;font:12px/1.3 system-ui,sans-serif}\n.lze-app-placeholder[data-status=loading]{animation:lze-pulse 1.2s ease-in-out infinite}\n@keyframes lze-pulse{50%{opacity:.55}}\nbody[data-lze-modal] .lz-section,body[data-lze-modal] .lz-stack,body[data-lze-modal] .lz-notice{display:none}\nbody[data-lze-modal] dialog.lz-modal[data-lze-open]{display:block;position:static;margin:16px auto;max-height:none;overflow:visible;box-shadow:0 12px 40px rgba(15,23,42,.18)}\nbody[data-lze-modal] dialog.lz-modal[data-lze-open][data-size=full]{margin:0}\n";
|
|
3637
|
+
var Dn = ".lz-page,.lz-page *{box-sizing:border-box}\nhtml:has(.lz-page){scroll-behavior:smooth}\n@media (prefers-reduced-motion:reduce){html:has(.lz-page){scroll-behavior:auto}}\n.lz-page{margin:0;container:lz/inline-size;background:var(--background);color:var(--text);font-family:var(--font-body)}\n.lz-notice{position:fixed;z-index:99;top:16px;left:50%;transform:translateX(-50%);background:var(--primary);color:var(--background);padding:12px 20px;border-radius:var(--radius);box-shadow:0 12px 32px rgba(15,23,42,.2)}\n.lz-section{position:relative;width:100%;scroll-margin-top:calc(var(--sticky,0) * 1px);background:var(--sbg,transparent)}\n.lz-section[data-fill=linear]{background:linear-gradient(calc(var(--sga,135) * 1deg),var(--sg1),var(--sg2))}\n.lz-section[data-fill=radial]{background:radial-gradient(circle at 50% 50%,var(--sg1),var(--sg2))}\n.lz-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}\n.lz-bg::before{content:'';position:absolute;inset:0;background:var(--background)}\n.lz-parallax{position:absolute;inset:0;clip-path:inset(0)}\n.lz-parallax>.lz-bg{position:fixed}\n.lz-section[data-wide]>.lz-frame{max-width:none}\n.lz-overlay{position:absolute;inset:0;background:rgb(0 0 0 / calc(var(--ov) * 100%))}\n.lz-frame{position:relative;height:calc(var(--fh) * var(--u))}\n.lz-section>.lz-frame{margin:0 auto;max-width:var(--max-width);container-type:inline-size;--u:calc(min(100cqw,var(--ref) * 1px) / var(--ref))}\n.lz-el{position:absolute;margin:0;display:block;overflow-wrap:break-word;left:calc(var(--x) * 1%);top:calc(var(--y) * var(--u));width:calc(var(--w) * 1%);height:calc(var(--h) * var(--u));z-index:var(--z);--_border:calc(var(--bw) * var(--u)) solid var(--bc,var(--text));--_fill:color-mix(in srgb,var(--bg) calc(var(--ba,1) * 100%),transparent);--_rot:rotate(calc(var(--rot) * 1deg));--_blur:blur(calc(var(--blur) * var(--u)));--_p:calc(var(--p) * var(--u));color:var(--c);background:var(--_fill);-webkit-backdrop-filter:var(--_blur);backdrop-filter:var(--_blur);font-family:var(--font-body);font-size:calc(var(--fs) * var(--u));font-weight:var(--fw);line-height:var(--lh);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-align=left]{text-align:left}\n.lz-el[data-align=center]{text-align:center}\n.lz-el[data-align=right]{text-align:right}\n.lz-el[data-fill=linear]{background:linear-gradient(calc(var(--ga,135) * 1deg),color-mix(in srgb,var(--g1) calc(var(--ba,1) * 100%),transparent),color-mix(in srgb,var(--g2) calc(var(--ba,1) * 100%),transparent))}\n.lz-el[data-fill=radial]{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--g1) calc(var(--ba,1) * 100%),transparent),color-mix(in srgb,var(--g2) calc(var(--ba,1) * 100%),transparent))}\n.lz-el[data-shadow=sm]{box-shadow:0 1px 2px rgba(15,23,42,.08)}\n.lz-el[data-shadow=md]{box-shadow:0 8px 24px rgba(15,23,42,.12)}\n.lz-el[data-shadow=lg]{box-shadow:0 24px 48px rgba(15,23,42,.18)}\n.lz-el[data-shadow=custom]{box-shadow:calc(var(--shx,0) * var(--u)) calc(var(--shy,12) * var(--u)) calc(var(--shb,32) * var(--u)) calc(var(--shs,0) * var(--u)) color-mix(in srgb,var(--shc,var(--secondary)) calc(var(--sha,.2) * 100%),transparent)}\n.lz-el[data-clip]:not([data-overflow]),.lz-el[data-overflow=hidden]{overflow:hidden}\n.lz-el[data-pin]{position:fixed;z-index:calc(var(--z) + 500);left:calc(50% - var(--ref) * var(--u) / 2 + var(--x) * var(--ref) * var(--u) / 100);top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--ref) * var(--u) / 100)}\n.lz-el[data-overflow=scroll-x]{overflow-x:auto;overflow-y:hidden}\n.lz-el[data-overflow=scroll-y]{overflow-y:auto;overflow-x:hidden}\n.lz-el[data-flip-x],.lz-el[data-flip-y]{--_flip:scale(var(--_fx,1),var(--_fy,1))}\n.lz-el[data-flip-x]{--_fx:-1}\n.lz-el[data-flip-y]{--_fy:-1}\n@container lz not (max-width:640px){.lz-el[data-visible=mobile]{display:none}}\n.lz-accent{color:var(--ac)}\n@media (prefers-reduced-motion:no-preference){.lz-el[data-anim]{opacity:0;transition:opacity calc(var(--adur,.7) * 1s) ease calc(var(--ad,0) * 1s),transform calc(var(--adur,.7) * 1s) cubic-bezier(.22,.61,.36,1) calc(var(--ad,0) * 1s)}.lz-el[data-anim=up]{--_anim:translateY(28px)}.lz-el[data-anim=down]{--_anim:translateY(-28px)}.lz-el[data-anim=left]{--_anim:translateX(-32px)}.lz-el[data-anim=right]{--_anim:translateX(32px)}.lz-el[data-anim=zoom]{--_anim:scale(.94)}.lz-el[data-anim=blur]{filter:blur(calc(10 * var(--u)));transition-property:opacity,transform,filter}.lz-el[data-anim=reveal]{clip-path:inset(0 100% 0 0);transition-property:opacity,transform,clip-path}.lz-el[data-anim=blur].is-in{filter:none}.lz-el[data-anim=reveal].is-in{clip-path:inset(0)}.lz-el[data-anim].is-in{opacity:var(--op,1);--_anim:initial}}\n@media (scripting:none){.lz-el[data-anim]{opacity:var(--op,1)!important;--_anim:initial!important}}\n.lz-el[data-hover]{transition:transform .25s ease,box-shadow .25s ease,opacity .25s ease}\n@media (hover:hover){.lz-el[data-hover=lift]:hover{transform:var(--_rot,) var(--_flip,) translateY(calc(-6 * var(--u)));box-shadow:0 18px 40px rgba(15,23,42,.18)}.lz-el[data-hover=grow]:hover{transform:var(--_rot,) var(--_flip,) scale(1.04)}.lz-el[data-hover=fade]:hover{opacity:.82}.lz-el[data-hover=sink]:hover{transform:var(--_rot,) var(--_flip,) translateY(calc(4 * var(--u))) scale(.98)}.lz-el[data-hover=tilt]:hover{transform:var(--_rot,) var(--_flip,) perspective(600px) rotateX(6deg) rotateY(-6deg)}.lz-el[data-hover=glow]:hover{box-shadow:0 0 0 calc(2 * var(--u)) color-mix(in srgb,var(--primary) 55%,transparent),0 18px 44px color-mix(in srgb,var(--primary) 28%,transparent)}}\n@keyframes lz-rise{from{translate:0 7cqh}to{translate:0 -7cqh}}\n@keyframes lz-drift{from{translate:-4cqw 0}to{translate:4cqw 0}}\n@keyframes lz-zoom{from{scale:1}to{scale:1.12}}\n@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.lz-el[data-scroll]{animation:linear both;animation-timeline:view();animation-range:entry 0% exit 100%}.lz-el[data-scroll=rise]{animation-name:lz-rise}.lz-el[data-scroll=drift]{animation-name:lz-drift}.lz-el[data-scroll=zoom]{animation-name:lz-zoom}}}\nimg.lz-el{object-fit:cover}\nimg.lz-el[data-fit=contain]{object-fit:contain}\na.lz-el,button.lz-el{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}\nbutton.lz-el{cursor:pointer;padding:var(--_p,1px 6px)}\n.lz-divider{border:var(--_border,none);border-top:var(--_border,1px solid currentColor)}\n.lz-video iframe{width:100%;height:100%;border:0;border-radius:inherit}\n.lz-el[data-shape=ellipse]{border-radius:50%}\n.lz-el[data-shape=triangle]{clip-path:polygon(50% 0,100% 100%,0 100%)}\n.lz-el[data-shape=blob]{border-radius:42% 58% 63% 37% / 43% 38% 62% 57%}\n.lz-el[data-shape=arch]{border-radius:50% 50% 0 0 / 65% 65% 0 0}\n.lz-el[data-shape=diagonal]{clip-path:polygon(0 0,100% 0,100% 72%,0 100%)}\n.lz-el[data-shape=dots]{background-image:radial-gradient(currentColor calc(1.6 * var(--u)),transparent calc(1.7 * var(--u)));background-size:calc(16 * var(--u)) calc(16 * var(--u))}\n.lz-el[data-shape=grid]{background-image:linear-gradient(currentColor calc(1 * var(--u)),transparent calc(1 * var(--u))),linear-gradient(90deg,currentColor calc(1 * var(--u)),transparent calc(1 * var(--u)));background-size:calc(24 * var(--u)) calc(24 * var(--u))}\n.lz-icon{display:grid;place-items:center}\n.lz-icon svg{width:100%;height:100%}\n.lz-navbar{display:flex;align-items:center;gap:calc(24 * var(--u))}\n.lz-navbar[data-sticky]{position:fixed;left:50%;translate:-50% 0;width:min(100%,var(--max-width));top:0;transition:background .25s ease,box-shadow .25s ease,height .25s ease,backdrop-filter .25s ease}\n.lz-section[data-wide] .lz-navbar[data-sticky]{width:100%}\n.lz-navbar[data-scrolled]{box-shadow:0 8px 24px rgba(15,23,42,.1)}\n.lz-navbar[data-scrolled][data-scroll]{box-shadow:0 10px 30px rgba(15,23,42,.12)}\n.lz-navbar[data-scrolled]:is([data-scroll=solid],[data-scroll=compact]){background:var(--bg,var(--background));-webkit-backdrop-filter:none;backdrop-filter:none}\n.lz-navbar[data-scrolled][data-scroll=compact]{height:calc(var(--h) * .78 * var(--u))}\n.lz-navbar-brand{font-family:var(--font-heading);font-weight:700;font-size:1.15em;white-space:nowrap}\n.lz-navbar[data-template=pill]{border-radius:999px;padding:0 calc(26 * var(--u));background:var(--bg,var(--surface))}\n.lz-navbar[data-template=card]{border-radius:calc(var(--r,14) * var(--u));padding:0 calc(22 * var(--u));background:var(--bg,var(--background));box-shadow:0 10px 30px rgba(15,23,42,.1)}\n.lz-navbar[data-template=underline]{border-bottom:calc(1 * var(--u)) solid color-mix(in srgb,currentColor 18%,transparent)}\n.lz-navbar[data-template=underline] a{padding-bottom:calc(4 * var(--u));border-bottom:calc(2 * var(--u)) solid transparent}\n.lz-navbar[data-template=underline] a:hover{opacity:1;border-bottom-color:currentColor}\n.lz-navbar[data-template=divided] .lz-navbar-links{gap:0}\n.lz-navbar[data-template=divided] .lz-navbar-links a{padding:0 calc(18 * var(--u));border-left:calc(1 * var(--u)) solid color-mix(in srgb,currentColor 20%,transparent)}\n.lz-navbar[data-template=divided] .lz-navbar-links a:first-child{border-left:0}\n.lz-navbar[data-template=floating]{width:calc(100% - calc(48 * var(--u)));margin:calc(14 * var(--u)) auto;border-radius:calc(14 * var(--u));padding:0 calc(24 * var(--u));background:var(--bg,var(--surface));box-shadow:0 14px 38px rgba(15,23,42,.16)}\n.lz-navbar[data-template=boxed] .lz-navbar-links a{padding:calc(8 * var(--u)) calc(14 * var(--u));border:calc(1 * var(--u)) solid color-mix(in srgb,currentColor 22%,transparent);border-radius:calc(6 * var(--u))}\n.lz-navbar[data-template=boxed] .lz-navbar-links a:hover{opacity:1;background:color-mix(in srgb,currentColor 10%,transparent)}\n.lz-navbar[data-template=tracked] .lz-navbar-links{gap:calc(30 * var(--u))}\n.lz-navbar[data-template=tracked] .lz-navbar-links a{text-transform:uppercase;letter-spacing:.14em;font-size:.82em}\n.lz-navbar-links{display:flex;align-items:center;gap:calc(22 * var(--u));margin-left:auto}\n.lz-navbar[data-layout=left] .lz-navbar-links,.lz-navbar[data-layout=center] .lz-navbar-links{margin-left:0}\n.lz-navbar[data-layout=center]{justify-content:center}\n.lz-navbar a{color:inherit;text-decoration:none;white-space:nowrap}\n.lz-navbar a:hover{opacity:.7}\n.lz-navbar-menu{display:none;position:relative;margin-left:auto}\n.lz-navbar-menu summary{list-style:none;cursor:pointer;font-size:1.5em;line-height:1}\n.lz-navbar-menu summary::-webkit-details-marker{display:none}\n.lz-navbar-drop{position:absolute;z-index:60;top:100%;right:0;display:grid;gap:12px;min-width:160px;margin-top:8px;padding:14px 16px;background:var(--surface);color:var(--text);border-radius:var(--radius);box-shadow:0 12px 32px rgba(15,23,42,.18)}\n.lz-field{display:flex;flex-direction:column;gap:4px;justify-content:center;text-align:left}\n.lz-field>span{font-size:.78em;opacity:.75}\n.lz-field>span i{font-style:normal;color:#dc2626;margin-left:2px}\n.lz-field input,.lz-field select,.lz-field textarea{font:inherit;color:inherit;width:100%;flex:1;min-height:0;background:transparent;border:0;padding:0;outline:none;resize:none}\n.lz-choices-list{display:flex;flex-wrap:wrap;gap:10px 18px;overflow:auto}\n.lz-choices-list label{display:inline-flex;align-items:center;gap:8px;cursor:pointer}\n.lz-choices-list input{flex:0 0 auto;width:18px;height:18px;accent-color:var(--primary)}\n.lz-field-check{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px}\n.lz-field-check input{flex:0 0 auto;width:18px;height:18px;accent-color:var(--primary)}\n.lz-field-error{position:absolute;top:100%;left:0;margin-top:2px;font-size:12px;font-style:normal;color:#dc2626}\n.lz-stack-nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:24px 20px 0;background:var(--background)}\n.lz-stack-nav button{font:inherit;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid color-mix(in srgb,var(--muted) 35%,transparent);border-radius:999px;background:transparent;color:var(--muted);transition:background .2s ease,color .2s ease}\n.lz-stack-nav button[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--background)}\n.lz-stack-nav i{font-style:normal;display:grid;place-items:center;width:22px;height:22px;border-radius:999px;background:color-mix(in srgb,currentColor 18%,transparent);font-size:.8em}\n.lz-stack-panel{display:none}\n.lz-stack-panel[data-on]{display:block}\n.lz-modal{border:none;border-radius:var(--radius);padding:0;max-width:calc(100% - 2rem);max-height:calc(100dvh - 3rem);color:var(--text);font-family:var(--font-body);overflow:auto;width:min(calc(var(--dw) * 1px),calc(100vw - 2rem));--u:calc(min(100vw - 2rem,var(--dw) * 1px) / var(--dw));background:var(--dbg,var(--background))}\n.lz-modal[data-size=full]{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;--u:calc(min(100vw,var(--dw) * 1px) / var(--dw))}\n.lz-modal::backdrop{background:rgba(15,23,42,.5)}\n.lz-modal .lz-frame{overflow:hidden}\n.lz-modal-bar{display:flex;align-items:center;gap:calc(12 * var(--u));padding:calc(8 * var(--u)) calc(10 * var(--u)) calc(8 * var(--u)) calc(18 * var(--u))}\n.lz-modal-title{margin:0;font-family:var(--font-heading);font-size:calc(20 * var(--u));font-weight:700}\n.lz-modal-close{margin-left:auto;width:calc(34 * var(--u));height:calc(34 * var(--u));display:grid;place-items:center;font:inherit;font-size:calc(20 * var(--u));line-height:1;color:var(--text);background:var(--surface);border:0;border-radius:999px;cursor:pointer}\n.lz-modal-close:hover{opacity:.8}\n.lz-placeholder{display:grid;place-items:center;padding:8px;border:1px dashed currentColor;font:12px/1.3 system-ui,sans-serif;opacity:.6}\n@container lz (max-width:640px){.lz-section>.lz-frame{--u:calc(min(100cqw,390px) / 390)}.lz-frame{height:calc(var(--fmh) * var(--u))}.lz-frame[data-stack]{height:auto;padding:32px 20px;display:flex;flex-direction:column;gap:20px}.lz-frame:not([data-stack]) .lz-el{position:absolute;left:calc(var(--mx) * 1%);top:calc(var(--my) * var(--u));width:calc(var(--mw) * 1%);height:calc(var(--mh) * var(--u))}.lz-frame[data-stack] .lz-el{position:static;width:auto;height:auto;order:var(--ord)}.lz-el[data-visible=desktop]{display:none}.lz-parallax>.lz-bg{position:absolute}.lz-navbar-links{display:none}.lz-navbar-menu{display:block}.lz-el{max-width:100%;min-width:0}img.lz-el{height:auto}.lz-icon{width:max-content}.lz-icon svg{width:calc(36 * var(--u));height:calc(36 * var(--u))}}\n", On = "\nhtml,body{margin:0}\nbody{overflow:hidden}\n.lz-el{cursor:default;user-select:none;-webkit-user-select:none}\n.lz-el[contenteditable]{cursor:text;user-select:text;-webkit-user-select:text;outline:none}\n.lz-el iframe,.lz-el input,.lz-el select,.lz-el textarea,.lz-el summary,.lz-el a,.lz-el button{pointer-events:none}\n.lz-navbar[data-sticky]{position:absolute;translate:none;left:calc(var(--x) * 1%);top:calc(var(--y) * var(--u));width:calc(var(--w) * 1%)}\n@container lz (max-width:640px){\n.lz-frame:not([data-stack]) .lz-navbar[data-sticky]{left:calc(var(--mx) * 1%);top:calc(var(--my) * var(--u));width:calc(var(--mw) * 1%)}\n.lz-frame[data-stack] .lz-navbar[data-sticky]{position:static;width:auto}\n}\n.lz-parallax>.lz-bg{position:absolute}\n.lz-stack-nav button{cursor:pointer}\nimg.lz-el[src=\"\"]::before,.lz-video:empty::before{position:absolute;inset:0;display:grid;place-items:center;padding:8px;text-align:center;border:1px dashed #94a3b8;border-radius:inherit;background:#f8fafc;color:#64748b;font:12px/1.3 system-ui,sans-serif}\nimg.lz-el[src=\"\"]::before{content:var(--lze-empty-image)}\n.lz-frame[data-stack] img.lz-el[src=\"\"]{position:relative;min-height:120px}\n.lz-video:empty::before{content:var(--lze-empty-video)}\n.lze-app-placeholder{display:grid;place-items:center;height:100%;padding:8px;text-align:center;border:1px dashed #94a3b8;border-radius:inherit;background:#f8fafc;color:#64748b;font:12px/1.3 system-ui,sans-serif}\n.lze-app-placeholder[data-status=loading]{animation:lze-pulse 1.2s ease-in-out infinite}\n@keyframes lze-pulse{50%{opacity:.55}}\nbody[data-lze-modal] .lz-section,body[data-lze-modal] .lz-stack,body[data-lze-modal] .lz-notice{display:none}\nbody[data-lze-modal] dialog.lz-modal[data-lze-open]{display:block;position:static;margin:16px auto;max-height:none;overflow:visible;box-shadow:0 12px 40px rgba(15,23,42,.18)}\nbody[data-lze-modal] dialog.lz-modal[data-lze-open][data-size=full]{margin:0}\n";
|
|
3598
3638
|
//#endregion
|
|
3599
3639
|
//#region src/canvas/render.ts
|
|
3600
3640
|
function kn(e) {
|
|
@@ -7022,7 +7062,10 @@ var va = _a(ma), ya = [...va.keys()], ba = [
|
|
|
7022
7062
|
"pill",
|
|
7023
7063
|
"card",
|
|
7024
7064
|
"underline",
|
|
7025
|
-
"divided"
|
|
7065
|
+
"divided",
|
|
7066
|
+
"floating",
|
|
7067
|
+
"boxed",
|
|
7068
|
+
"tracked"
|
|
7026
7069
|
].map((e) => ({
|
|
7027
7070
|
value: e,
|
|
7028
7071
|
label: u(`el.navbarTemplate.${e}`)
|
|
@@ -7737,7 +7780,8 @@ var va = _a(ma), ya = [...va.keys()], ba = [
|
|
|
7737
7780
|
setup(e) {
|
|
7738
7781
|
let o = e, c = K(), l = c.t, u = {
|
|
7739
7782
|
entrance: O(),
|
|
7740
|
-
hover: O()
|
|
7783
|
+
hover: O(),
|
|
7784
|
+
scroll: O()
|
|
7741
7785
|
}, d = [
|
|
7742
7786
|
"none",
|
|
7743
7787
|
"fade",
|
|
@@ -7745,29 +7789,42 @@ var va = _a(ma), ya = [...va.keys()], ba = [
|
|
|
7745
7789
|
"down",
|
|
7746
7790
|
"left",
|
|
7747
7791
|
"right",
|
|
7748
|
-
"zoom"
|
|
7792
|
+
"zoom",
|
|
7793
|
+
"blur",
|
|
7794
|
+
"reveal"
|
|
7749
7795
|
].map((e) => ({
|
|
7750
7796
|
value: e,
|
|
7751
7797
|
label: l(`style.anim.${e}`)
|
|
7752
7798
|
})), f = [
|
|
7799
|
+
"none",
|
|
7800
|
+
"rise",
|
|
7801
|
+
"drift",
|
|
7802
|
+
"zoom"
|
|
7803
|
+
].map((e) => ({
|
|
7804
|
+
value: e,
|
|
7805
|
+
label: l(`style.scroll.${e}`)
|
|
7806
|
+
})), p = [
|
|
7753
7807
|
"none",
|
|
7754
7808
|
"lift",
|
|
7755
7809
|
"grow",
|
|
7756
|
-
"fade"
|
|
7810
|
+
"fade",
|
|
7811
|
+
"sink",
|
|
7812
|
+
"tilt",
|
|
7813
|
+
"glow"
|
|
7757
7814
|
].map((e) => ({
|
|
7758
7815
|
value: e,
|
|
7759
7816
|
label: l(`style.hover.${e}`)
|
|
7760
|
-
})),
|
|
7817
|
+
})), m = (e) => `${e} s`, h = {
|
|
7761
7818
|
type: "none",
|
|
7762
7819
|
delay: 0,
|
|
7763
7820
|
duration: .7
|
|
7764
|
-
},
|
|
7765
|
-
...
|
|
7821
|
+
}, g = t(() => ({
|
|
7822
|
+
...h,
|
|
7766
7823
|
...o.element.style.animation
|
|
7767
7824
|
}));
|
|
7768
|
-
function
|
|
7825
|
+
function v(e, t) {
|
|
7769
7826
|
o.element.style.animation = {
|
|
7770
|
-
...
|
|
7827
|
+
...g.value,
|
|
7771
7828
|
[e]: t
|
|
7772
7829
|
};
|
|
7773
7830
|
}
|
|
@@ -7782,9 +7839,9 @@ var va = _a(ma), ya = [...va.keys()], ba = [
|
|
|
7782
7839
|
}, {
|
|
7783
7840
|
default: P(() => [s(Z, {
|
|
7784
7841
|
id: u.entrance,
|
|
7785
|
-
"model-value":
|
|
7842
|
+
"model-value": g.value.type,
|
|
7786
7843
|
options: D(d),
|
|
7787
|
-
"onUpdate:modelValue": o[0] ||= (e) =>
|
|
7844
|
+
"onUpdate:modelValue": o[0] ||= (e) => v("type", e),
|
|
7788
7845
|
onCommit: o[1] ||= (e) => D(c).commit()
|
|
7789
7846
|
}, null, 8, [
|
|
7790
7847
|
"id",
|
|
@@ -7793,26 +7850,48 @@ var va = _a(ma), ya = [...va.keys()], ba = [
|
|
|
7793
7850
|
])]),
|
|
7794
7851
|
_: 1
|
|
7795
7852
|
}, 8, ["id", "label"]),
|
|
7796
|
-
|
|
7797
|
-
"model-value":
|
|
7853
|
+
g.value.type === "none" ? r("", !0) : (_(), i("div", gs, [s(Q, {
|
|
7854
|
+
"model-value": g.value.delay,
|
|
7798
7855
|
label: D(l)("style.delay"),
|
|
7799
7856
|
min: 0,
|
|
7800
7857
|
max: 2,
|
|
7801
7858
|
step: .1,
|
|
7802
|
-
format:
|
|
7803
|
-
"onUpdate:modelValue": o[2] ||= (e) =>
|
|
7859
|
+
format: m,
|
|
7860
|
+
"onUpdate:modelValue": o[2] ||= (e) => v("delay", e),
|
|
7804
7861
|
onCommit: o[3] ||= (e) => D(c).commit()
|
|
7805
7862
|
}, null, 8, ["model-value", "label"]), s(Q, {
|
|
7806
|
-
"model-value":
|
|
7863
|
+
"model-value": g.value.duration,
|
|
7807
7864
|
label: D(l)("style.duration"),
|
|
7808
7865
|
min: .2,
|
|
7809
7866
|
max: 2,
|
|
7810
7867
|
step: .1,
|
|
7811
7868
|
fallback: .7,
|
|
7812
|
-
format:
|
|
7813
|
-
"onUpdate:modelValue": o[4] ||= (e) =>
|
|
7869
|
+
format: m,
|
|
7870
|
+
"onUpdate:modelValue": o[4] ||= (e) => v("duration", e),
|
|
7814
7871
|
onCommit: o[5] ||= (e) => D(c).commit()
|
|
7815
7872
|
}, null, 8, ["model-value", "label"])])),
|
|
7873
|
+
s(J, {
|
|
7874
|
+
id: u.scroll,
|
|
7875
|
+
label: D(l)("style.scroll"),
|
|
7876
|
+
hint: D(l)("style.scrollHint")
|
|
7877
|
+
}, {
|
|
7878
|
+
default: P(() => [s(Z, {
|
|
7879
|
+
id: u.scroll,
|
|
7880
|
+
"model-value": e.element.style.scroll ?? "none",
|
|
7881
|
+
options: D(f),
|
|
7882
|
+
"onUpdate:modelValue": o[6] ||= (t) => e.element.style.scroll = t,
|
|
7883
|
+
onCommit: o[7] ||= (e) => D(c).commit()
|
|
7884
|
+
}, null, 8, [
|
|
7885
|
+
"id",
|
|
7886
|
+
"model-value",
|
|
7887
|
+
"options"
|
|
7888
|
+
])]),
|
|
7889
|
+
_: 1
|
|
7890
|
+
}, 8, [
|
|
7891
|
+
"id",
|
|
7892
|
+
"label",
|
|
7893
|
+
"hint"
|
|
7894
|
+
]),
|
|
7816
7895
|
s(J, {
|
|
7817
7896
|
id: u.hover,
|
|
7818
7897
|
label: D(l)("style.hover")
|
|
@@ -7820,9 +7899,9 @@ var va = _a(ma), ya = [...va.keys()], ba = [
|
|
|
7820
7899
|
default: P(() => [s(Z, {
|
|
7821
7900
|
id: u.hover,
|
|
7822
7901
|
"model-value": e.element.style.hover ?? "none",
|
|
7823
|
-
options: D(
|
|
7824
|
-
"onUpdate:modelValue": o[
|
|
7825
|
-
onCommit: o[
|
|
7902
|
+
options: D(p),
|
|
7903
|
+
"onUpdate:modelValue": o[8] ||= (t) => e.element.style.hover = t,
|
|
7904
|
+
onCommit: o[9] ||= (e) => D(c).commit()
|
|
7826
7905
|
}, null, 8, [
|
|
7827
7906
|
"id",
|
|
7828
7907
|
"model-value",
|
|
@@ -8370,7 +8449,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
|
|
|
8370
8449
|
a("p", oc, T(D(l)("multi.hint")), 1)
|
|
8371
8450
|
]));
|
|
8372
8451
|
}
|
|
8373
|
-
}), cc = { class: "lze-stack" }, lc = { class: "lze-heading" }, uc = { class: "lze-panel-title" }, dc = { class: "lze-row" }, fc = { class: "lze-field" }, pc = /* @__PURE__ */ c({
|
|
8452
|
+
}), cc = { class: "lze-stack" }, lc = { class: "lze-heading" }, uc = { class: "lze-panel-title" }, dc = { class: "lze-row" }, fc = { class: "lze-field" }, pc = { class: "lze-hint" }, mc = /* @__PURE__ */ c({
|
|
8374
8453
|
__name: "SectionPanel",
|
|
8375
8454
|
props: { section: {} },
|
|
8376
8455
|
setup(t) {
|
|
@@ -8378,7 +8457,8 @@ var va = _a(ma), ya = [...va.keys()], ba = [
|
|
|
8378
8457
|
group: O(),
|
|
8379
8458
|
label: O(),
|
|
8380
8459
|
anchor: O(),
|
|
8381
|
-
background: O()
|
|
8460
|
+
background: O(),
|
|
8461
|
+
video: O()
|
|
8382
8462
|
}, f = [
|
|
8383
8463
|
{
|
|
8384
8464
|
value: "alone",
|
|
@@ -8395,7 +8475,8 @@ var va = _a(ma), ya = [...va.keys()], ba = [
|
|
|
8395
8475
|
], p = [
|
|
8396
8476
|
"color",
|
|
8397
8477
|
"gradient",
|
|
8398
|
-
"image"
|
|
8478
|
+
"image",
|
|
8479
|
+
"video"
|
|
8399
8480
|
].map((e) => ({
|
|
8400
8481
|
value: e,
|
|
8401
8482
|
label: u(`fill.${e}`)
|
|
@@ -8415,7 +8496,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
|
|
|
8415
8496
|
}), l.commit());
|
|
8416
8497
|
}
|
|
8417
8498
|
function y(e) {
|
|
8418
|
-
c.section.background.image = e ?? null, c.section.background.type = e ? "image" : "color";
|
|
8499
|
+
c.section.background.image = e ?? null, c.section.background.type !== "video" && (c.section.background.type = e ? "image" : "color");
|
|
8419
8500
|
}
|
|
8420
8501
|
return (c, b) => (_(), i("div", cc, [
|
|
8421
8502
|
a("div", lc, [a("h2", uc, T(D(u)("section.heading")), 1), D(l).state.draft.sections.length > 1 ? (_(), n(Ir, {
|
|
@@ -8501,6 +8582,13 @@ var va = _a(ma), ya = [...va.keys()], ba = [
|
|
|
8501
8582
|
"onUpdate:modelValue": b[9] ||= (e) => t.section.height.mobile = e ?? t.section.height.mobile,
|
|
8502
8583
|
onCommit: b[10] ||= (e) => D(l).commit()
|
|
8503
8584
|
}, null, 8, ["model-value", "label"])]),
|
|
8585
|
+
s(hi, {
|
|
8586
|
+
modelValue: t.section.wide,
|
|
8587
|
+
"onUpdate:modelValue": b[11] ||= (e) => t.section.wide = e,
|
|
8588
|
+
label: D(u)("section.wide"),
|
|
8589
|
+
onCommit: b[12] ||= (e) => D(l).commit()
|
|
8590
|
+
}, null, 8, ["modelValue", "label"]),
|
|
8591
|
+
a("p", pc, T(D(u)("section.wideHint")), 1),
|
|
8504
8592
|
s(J, {
|
|
8505
8593
|
id: d.background,
|
|
8506
8594
|
label: D(u)("section.background")
|
|
@@ -8520,21 +8608,41 @@ var va = _a(ma), ya = [...va.keys()], ba = [
|
|
|
8520
8608
|
t.section.background.type === "color" ? (_(), n($, {
|
|
8521
8609
|
key: 0,
|
|
8522
8610
|
modelValue: t.section.background.color,
|
|
8523
|
-
"onUpdate:modelValue": b[
|
|
8611
|
+
"onUpdate:modelValue": b[13] ||= (e) => t.section.background.color = e,
|
|
8524
8612
|
label: D(u)("section.color"),
|
|
8525
|
-
onCommit: b[
|
|
8613
|
+
onCommit: b[14] ||= (e) => D(l).commit()
|
|
8526
8614
|
}, null, 8, ["modelValue", "label"])) : t.section.background.type === "gradient" ? (_(), n(ss, {
|
|
8527
8615
|
key: 1,
|
|
8528
8616
|
modelValue: t.section.background.gradient,
|
|
8529
|
-
"onUpdate:modelValue": b[
|
|
8530
|
-
onCommit: b[
|
|
8617
|
+
"onUpdate:modelValue": b[15] ||= (e) => t.section.background.gradient = e,
|
|
8618
|
+
onCommit: b[16] ||= (e) => D(l).commit()
|
|
8531
8619
|
}, null, 8, ["modelValue"])) : (_(), i(e, { key: 2 }, [
|
|
8620
|
+
t.section.background.type === "video" ? (_(), n(J, {
|
|
8621
|
+
key: 0,
|
|
8622
|
+
id: d.video,
|
|
8623
|
+
label: D(u)("section.video"),
|
|
8624
|
+
hint: D(u)("section.videoHint")
|
|
8625
|
+
}, {
|
|
8626
|
+
default: P(() => [s(Y, {
|
|
8627
|
+
id: d.video,
|
|
8628
|
+
modelValue: t.section.background.video,
|
|
8629
|
+
"onUpdate:modelValue": b[17] ||= (e) => t.section.background.video = e,
|
|
8630
|
+
maxlength: 500,
|
|
8631
|
+
placeholder: "https://…/video.mp4",
|
|
8632
|
+
onCommit: b[18] ||= (e) => D(l).commit()
|
|
8633
|
+
}, null, 8, ["id", "modelValue"])]),
|
|
8634
|
+
_: 1
|
|
8635
|
+
}, 8, [
|
|
8636
|
+
"id",
|
|
8637
|
+
"label",
|
|
8638
|
+
"hint"
|
|
8639
|
+
])) : r("", !0),
|
|
8532
8640
|
s(ai, {
|
|
8533
8641
|
"model-value": t.section.background.image,
|
|
8534
|
-
label: D(u)("section.image"),
|
|
8642
|
+
label: t.section.background.type === "video" ? D(u)("section.poster") : D(u)("section.image"),
|
|
8535
8643
|
choose: D(u)("section.chooseImage"),
|
|
8536
8644
|
"onUpdate:modelValue": y,
|
|
8537
|
-
onCommit: b[
|
|
8645
|
+
onCommit: b[19] ||= (e) => D(l).commit()
|
|
8538
8646
|
}, null, 8, [
|
|
8539
8647
|
"model-value",
|
|
8540
8648
|
"label",
|
|
@@ -8542,19 +8650,19 @@ var va = _a(ma), ya = [...va.keys()], ba = [
|
|
|
8542
8650
|
]),
|
|
8543
8651
|
s(hi, {
|
|
8544
8652
|
modelValue: t.section.background.parallax,
|
|
8545
|
-
"onUpdate:modelValue": b[
|
|
8653
|
+
"onUpdate:modelValue": b[20] ||= (e) => t.section.background.parallax = e,
|
|
8546
8654
|
label: D(u)("section.parallax"),
|
|
8547
|
-
onCommit: b[
|
|
8655
|
+
onCommit: b[21] ||= (e) => D(l).commit()
|
|
8548
8656
|
}, null, 8, ["modelValue", "label"]),
|
|
8549
8657
|
s(Q, {
|
|
8550
8658
|
modelValue: t.section.background.overlay,
|
|
8551
|
-
"onUpdate:modelValue": b[
|
|
8659
|
+
"onUpdate:modelValue": b[22] ||= (e) => t.section.background.overlay = e,
|
|
8552
8660
|
label: D(u)("section.overlay"),
|
|
8553
8661
|
min: 0,
|
|
8554
8662
|
max: .8,
|
|
8555
8663
|
step: .05,
|
|
8556
8664
|
format: (e) => `${Math.round(e * 100)}%`,
|
|
8557
|
-
onCommit: b[
|
|
8665
|
+
onCommit: b[23] ||= (e) => D(l).commit()
|
|
8558
8666
|
}, null, 8, [
|
|
8559
8667
|
"modelValue",
|
|
8560
8668
|
"label",
|
|
@@ -8563,10 +8671,10 @@ var va = _a(ma), ya = [...va.keys()], ba = [
|
|
|
8563
8671
|
], 64))
|
|
8564
8672
|
]));
|
|
8565
8673
|
}
|
|
8566
|
-
}),
|
|
8674
|
+
}), hc = {
|
|
8567
8675
|
key: 4,
|
|
8568
8676
|
class: "lze-hint"
|
|
8569
|
-
},
|
|
8677
|
+
}, gc = /* @__PURE__ */ c({
|
|
8570
8678
|
__name: "DesignPanel",
|
|
8571
8679
|
setup(e) {
|
|
8572
8680
|
let r = K(), a = t(() => {
|
|
@@ -8593,18 +8701,18 @@ var va = _a(ma), ya = [...va.keys()], ba = [
|
|
|
8593
8701
|
}, null, 8, ["element"])) : a.value.kind === "modal" ? (_(), n(Xs, {
|
|
8594
8702
|
key: a.value.modal.id,
|
|
8595
8703
|
modal: a.value.modal
|
|
8596
|
-
}, null, 8, ["modal"])) : a.value.kind === "section" ? (_(), n(
|
|
8704
|
+
}, null, 8, ["modal"])) : a.value.kind === "section" ? (_(), n(mc, {
|
|
8597
8705
|
key: a.value.section.id,
|
|
8598
8706
|
section: a.value.section
|
|
8599
|
-
}, null, 8, ["section"])) : (_(), i("p",
|
|
8707
|
+
}, null, 8, ["section"])) : (_(), i("p", hc, T(D(r).t("panel.nothing")), 1));
|
|
8600
8708
|
}
|
|
8601
|
-
}),
|
|
8709
|
+
}), _c = {
|
|
8602
8710
|
key: 0,
|
|
8603
8711
|
class: "lze-stack"
|
|
8604
|
-
},
|
|
8712
|
+
}, vc = { class: "lze-slug-static" }, yc = { class: "lze-slug" }, bc = { class: "lze-row" }, xc = {
|
|
8605
8713
|
key: 2,
|
|
8606
8714
|
class: "lze-field lze-divided"
|
|
8607
|
-
},
|
|
8715
|
+
}, Sc = { class: "lze-label" }, Cc = ["onClick"], wc = { class: "lze-hint" }, Tc = { class: "lze-field lze-divided" }, Ec = { class: "lze-label" }, Dc = { class: "lze-shortcuts lze-hint" }, Oc = /* @__PURE__ */ c({
|
|
8608
8716
|
__name: "PagePanel",
|
|
8609
8717
|
setup(c) {
|
|
8610
8718
|
let l = K(), u = l.t, d = {
|
|
@@ -8623,7 +8731,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
|
|
|
8623
8731
|
function y() {
|
|
8624
8732
|
f.value && window.confirm(u("page.deleteConfirm", { title: f.value.title })) && l.deletePage();
|
|
8625
8733
|
}
|
|
8626
|
-
return (t, c) => f.value ? (_(), i("div",
|
|
8734
|
+
return (t, c) => f.value ? (_(), i("div", _c, [
|
|
8627
8735
|
s(J, {
|
|
8628
8736
|
id: d.title,
|
|
8629
8737
|
label: D(u)("page.title")
|
|
@@ -8641,7 +8749,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
|
|
|
8641
8749
|
label: D(u)("page.address"),
|
|
8642
8750
|
hint: D(u)("page.homeHint")
|
|
8643
8751
|
}, {
|
|
8644
|
-
default: P(() => [a("p",
|
|
8752
|
+
default: P(() => [a("p", vc, [c[4] ||= a("span", {
|
|
8645
8753
|
class: "lze-slug-root",
|
|
8646
8754
|
"aria-hidden": "true"
|
|
8647
8755
|
}, "/", -1), o(T(D(u)("page.home")), 1)])]),
|
|
@@ -8651,7 +8759,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
|
|
|
8651
8759
|
label: D(u)("page.address"),
|
|
8652
8760
|
error: m.value.map((e) => e.message).join(" ") || null
|
|
8653
8761
|
}, {
|
|
8654
|
-
default: P(() => [a("div",
|
|
8762
|
+
default: P(() => [a("div", yc, [c[5] ||= a("span", { "aria-hidden": "true" }, "/", -1), s(Y, {
|
|
8655
8763
|
id: d.slug,
|
|
8656
8764
|
modelValue: p.value,
|
|
8657
8765
|
"onUpdate:modelValue": c[1] ||= (e) => p.value = e,
|
|
@@ -8667,7 +8775,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
|
|
|
8667
8775
|
"id",
|
|
8668
8776
|
"label",
|
|
8669
8777
|
"error"
|
|
8670
|
-
]), a("div",
|
|
8778
|
+
]), a("div", bc, [s(q, {
|
|
8671
8779
|
disabled: h.value || p.value.trim() === f.value.slug,
|
|
8672
8780
|
onClick: v
|
|
8673
8781
|
}, {
|
|
@@ -8680,12 +8788,12 @@ var va = _a(ma), ya = [...va.keys()], ba = [
|
|
|
8680
8788
|
default: P(() => [o(T(D(u)("page.delete")), 1)]),
|
|
8681
8789
|
_: 1
|
|
8682
8790
|
})])], 64)),
|
|
8683
|
-
g.value ? (_(), i("div",
|
|
8791
|
+
g.value ? (_(), i("div", xc, [a("span", Sc, T(D(u)("page.templates")), 1), (_(!0), i(e, null, x(D(dn), (e) => (_(), i("button", {
|
|
8684
8792
|
key: e.key,
|
|
8685
8793
|
type: "button",
|
|
8686
8794
|
class: "lze-choice",
|
|
8687
8795
|
onClick: (t) => D(l).applyPageTemplate(e.key)
|
|
8688
|
-
}, [a("strong", null, T(D(u)(e.name)), 1), a("span",
|
|
8796
|
+
}, [a("strong", null, T(D(u)(e.name)), 1), a("span", wc, T(D(u)(e.note)), 1)], 8, Cc))), 128))])) : r("", !0),
|
|
8689
8797
|
s(J, {
|
|
8690
8798
|
id: d.seoTitle,
|
|
8691
8799
|
label: D(u)("page.seoTitle"),
|
|
@@ -8716,7 +8824,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
|
|
|
8716
8824
|
}, null, 8, ["id", "modelValue"])]),
|
|
8717
8825
|
_: 1
|
|
8718
8826
|
}, 8, ["id", "label"]),
|
|
8719
|
-
a("div",
|
|
8827
|
+
a("div", Tc, [a("span", Ec, T(D(u)("page.shortcuts")), 1), a("ul", Dc, [
|
|
8720
8828
|
a("li", null, T(D(u)("page.shortcutUndo")), 1),
|
|
8721
8829
|
a("li", null, T(D(u)("page.shortcutSave")), 1),
|
|
8722
8830
|
a("li", null, T(D(u)("page.shortcutCopy")), 1),
|
|
@@ -8724,42 +8832,42 @@ var va = _a(ma), ya = [...va.keys()], ba = [
|
|
|
8724
8832
|
])])
|
|
8725
8833
|
])) : r("", !0);
|
|
8726
8834
|
}
|
|
8727
|
-
}),
|
|
8835
|
+
}), kc = { class: "lze-sidebar lze-right" }, Ac = {
|
|
8728
8836
|
class: "lze-tabs",
|
|
8729
8837
|
role: "tablist"
|
|
8730
|
-
},
|
|
8838
|
+
}, jc = ["aria-selected"], Mc = ["aria-selected"], Nc = {
|
|
8731
8839
|
class: "lze-scroll lze-pad",
|
|
8732
8840
|
role: "tabpanel"
|
|
8733
|
-
},
|
|
8841
|
+
}, Pc = /* @__PURE__ */ c({
|
|
8734
8842
|
__name: "RightPanel",
|
|
8735
8843
|
setup(e) {
|
|
8736
8844
|
let t = K(), r = b("design");
|
|
8737
|
-
return (e, o) => (_(), i("aside",
|
|
8845
|
+
return (e, o) => (_(), i("aside", kc, [a("div", Ac, [a("button", {
|
|
8738
8846
|
type: "button",
|
|
8739
8847
|
role: "tab",
|
|
8740
8848
|
"aria-selected": r.value === "design",
|
|
8741
8849
|
onClick: o[0] ||= (e) => r.value = "design"
|
|
8742
|
-
}, T(D(t).t("panel.design")), 9,
|
|
8850
|
+
}, T(D(t).t("panel.design")), 9, jc), a("button", {
|
|
8743
8851
|
type: "button",
|
|
8744
8852
|
role: "tab",
|
|
8745
8853
|
"aria-selected": r.value === "page",
|
|
8746
8854
|
onClick: o[1] ||= (e) => r.value = "page"
|
|
8747
|
-
}, T(D(t).t("panel.page")), 9,
|
|
8855
|
+
}, T(D(t).t("panel.page")), 9, Mc)]), a("div", Nc, [r.value === "design" ? (_(), n(gc, { key: 0 })) : (_(), n(Oc, { key: 1 }))])]));
|
|
8748
8856
|
}
|
|
8749
|
-
}),
|
|
8857
|
+
}), Fc = { class: "lze-toolbar" }, Ic = { class: "lze-toolbar-group" }, Lc = { class: "lze-site-name" }, Rc = ["aria-label", "value"], zc = ["value"], Bc = ["data-published"], Vc = ["data-tone"], Hc = { class: "lze-toolbar-group" }, Uc = ["aria-label"], Wc = [
|
|
8750
8858
|
"title",
|
|
8751
8859
|
"aria-label",
|
|
8752
8860
|
"aria-pressed",
|
|
8753
8861
|
"onClick"
|
|
8754
|
-
],
|
|
8862
|
+
], Gc = [
|
|
8755
8863
|
"title",
|
|
8756
8864
|
"aria-label",
|
|
8757
8865
|
"disabled"
|
|
8758
|
-
],
|
|
8866
|
+
], Kc = [
|
|
8759
8867
|
"title",
|
|
8760
8868
|
"aria-label",
|
|
8761
8869
|
"disabled"
|
|
8762
|
-
],
|
|
8870
|
+
], qc = ["href"], Jc = /* @__PURE__ */ c({
|
|
8763
8871
|
__name: "Toolbar",
|
|
8764
8872
|
setup(c) {
|
|
8765
8873
|
let l = K(), u = l.t, d = t(() => l.state.page), f = new Intl.DateTimeFormat(l.i18n.locale, {
|
|
@@ -8812,8 +8920,8 @@ var va = _a(ma), ya = [...va.keys()], ba = [
|
|
|
8812
8920
|
let t = e.target;
|
|
8813
8921
|
await l.openPage(Number(t.value)), t.value = String(l.state.page?.id ?? "");
|
|
8814
8922
|
}
|
|
8815
|
-
return (t, c) => (_(), i("header",
|
|
8816
|
-
a("strong",
|
|
8923
|
+
return (t, c) => (_(), i("header", Fc, [a("div", Ic, [
|
|
8924
|
+
a("strong", Lc, T(D(l).state.workspace.site.name), 1),
|
|
8817
8925
|
d.value ? (_(), i("select", {
|
|
8818
8926
|
key: 0,
|
|
8819
8927
|
class: "lze-select lze-page-select",
|
|
@@ -8823,7 +8931,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
|
|
|
8823
8931
|
}, [(_(!0), i(e, null, x(D(l).state.workspace.pages, (e) => (_(), i("option", {
|
|
8824
8932
|
key: e.id,
|
|
8825
8933
|
value: e.id
|
|
8826
|
-
}, T(e.title) + T(e.slug ? ` /${e.slug}` : ""), 9,
|
|
8934
|
+
}, T(e.title) + T(e.slug ? ` /${e.slug}` : ""), 9, zc))), 128))], 40, Rc)) : r("", !0),
|
|
8827
8935
|
s(q, {
|
|
8828
8936
|
variant: "ghost",
|
|
8829
8937
|
title: D(u)("toolbar.newPageHint"),
|
|
@@ -8839,13 +8947,13 @@ var va = _a(ma), ya = [...va.keys()], ba = [
|
|
|
8839
8947
|
key: 1,
|
|
8840
8948
|
class: "lze-badge-status",
|
|
8841
8949
|
"data-published": d.value.publishedAt !== null
|
|
8842
|
-
}, T(d.value.publishedAt ? D(u)("status.published") : D(u)("status.unpublished")), 9,
|
|
8950
|
+
}, T(d.value.publishedAt ? D(u)("status.published") : D(u)("status.unpublished")), 9, Bc)) : r("", !0),
|
|
8843
8951
|
a("span", {
|
|
8844
8952
|
class: "lze-save-status",
|
|
8845
8953
|
"data-tone": p.value.tone,
|
|
8846
8954
|
"data-testid": "save-status",
|
|
8847
8955
|
"aria-live": "polite"
|
|
8848
|
-
}, T(p.value.text), 9,
|
|
8956
|
+
}, T(p.value.text), 9, Vc),
|
|
8849
8957
|
p.value.retry ? (_(), n(q, {
|
|
8850
8958
|
key: 2,
|
|
8851
8959
|
variant: "ghost",
|
|
@@ -8862,7 +8970,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
|
|
|
8862
8970
|
default: P(() => [o(T(D(u)("conflict.reload")), 1)]),
|
|
8863
8971
|
_: 1
|
|
8864
8972
|
})) : r("", !0)
|
|
8865
|
-
]), a("div",
|
|
8973
|
+
]), a("div", Hc, [
|
|
8866
8974
|
a("div", {
|
|
8867
8975
|
class: "lze-segmented",
|
|
8868
8976
|
role: "group",
|
|
@@ -8882,7 +8990,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
|
|
|
8882
8990
|
key: 1,
|
|
8883
8991
|
size: 16,
|
|
8884
8992
|
"aria-hidden": "true"
|
|
8885
|
-
}))], 8,
|
|
8993
|
+
}))], 8, Wc)), 64))], 8, Uc),
|
|
8886
8994
|
a("button", {
|
|
8887
8995
|
type: "button",
|
|
8888
8996
|
class: "lze-icon-btn",
|
|
@@ -8893,7 +9001,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
|
|
|
8893
9001
|
}, [s(D(Xe), {
|
|
8894
9002
|
size: 16,
|
|
8895
9003
|
"aria-hidden": "true"
|
|
8896
|
-
})], 8,
|
|
9004
|
+
})], 8, Gc),
|
|
8897
9005
|
a("button", {
|
|
8898
9006
|
type: "button",
|
|
8899
9007
|
class: "lze-icon-btn",
|
|
@@ -8904,7 +9012,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
|
|
|
8904
9012
|
}, [s(D(Be), {
|
|
8905
9013
|
size: 16,
|
|
8906
9014
|
"aria-hidden": "true"
|
|
8907
|
-
})], 8,
|
|
9015
|
+
})], 8, Kc),
|
|
8908
9016
|
s(q, {
|
|
8909
9017
|
variant: "ghost",
|
|
8910
9018
|
title: D(l).state.previewing ? D(u)("toolbar.editHint") : D(u)("toolbar.previewHint"),
|
|
@@ -8962,7 +9070,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
|
|
|
8962
9070
|
href: m.value,
|
|
8963
9071
|
target: "_blank",
|
|
8964
9072
|
rel: "noopener noreferrer"
|
|
8965
|
-
}, T(D(u)("toolbar.viewSite")), 9,
|
|
9073
|
+
}, T(D(u)("toolbar.viewSite")), 9, qc)) : r("", !0),
|
|
8966
9074
|
s(q, {
|
|
8967
9075
|
variant: "primary",
|
|
8968
9076
|
disabled: D(l).state.publishing || !d.value,
|
|
@@ -8973,25 +9081,25 @@ var va = _a(ma), ya = [...va.keys()], ba = [
|
|
|
8973
9081
|
}, 8, ["disabled"])
|
|
8974
9082
|
])]));
|
|
8975
9083
|
}
|
|
8976
|
-
}),
|
|
9084
|
+
}), Yc = [
|
|
8977
9085
|
".lze-root{--lze-bg:#f3f4f6;--lze-panel:#fff;--lze-fg:#0f172a;--lze-muted:#64748b;--lze-border:#e2e8f0;--lze-hover:#f1f5f9;--lze-active:#e8eefc;--lze-accent:#2563eb;--lze-accent-fg:#fff;--lze-danger:#dc2626;--lze-success:#15803d;--lze-warning:#b45309;--lze-radius:8px;--lze-font:ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif;--lze-select:#2563eb;--lze-guide:#ec4899;all:initial;box-sizing:border-box;background:var(--lze-bg);height:100%;min-height:480px;color:var(--lze-fg);font:13px/1.45 var(--lze-font);-webkit-font-smoothing:antialiased;grid-template-rows:auto minmax(0,1fr);display:grid}.lze-root :where(:not(svg,svg *)){all:revert;box-sizing:border-box}.lze-root :where(){box-sizing:border-box}.lze-root :where(h1,h2,h3,p,figure){margin:0}.lze-root :where(button,input,select,textarea){font:inherit;color:inherit}.lze-root :focus-visible{outline:2px solid var(--lze-accent);outline-offset:1px}.lze-muted,.lze-hint{color:var(--lze-muted)}.lze-hint{font-size:12px}.lze-error{color:var(--lze-danger);font-size:12px}.lze-btn{border-radius:var(--lze-radius);border:1px solid var(--lze-border);background:var(--lze-panel);height:32px;color:var(--lze-fg);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:500;text-decoration:none;display:inline-flex}.lze-btn[data-size=md]{height:36px;padding:0 14px}.lze-btn:hover:not(:disabled){background:var(--lze-hover)}.lze-btn:disabled{opacity:.5;cursor:default}.lze-btn[data-variant=primary]{background:var(--lze-accent);border-color:var(--lze-accent);color:var(--lze-accent-fg)}.lze-btn[data-variant=primary]:hover:not(:disabled){background:color-mix(in srgb, var(--lze-accent) 88%, black)}.lze-btn[data-variant=ghost]{background:0 0;border-color:#0000}.lze-btn[data-variant=danger]{color:var(--lze-danger)}.lze-icon-btn{border-radius:var(--lze-radius);width:32px;height:32px;color:var(--lze-muted);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;place-items:center;padding:0;display:inline-grid}.lze-icon-btn:hover:not(:disabled){background:var(--lze-hover);color:var(--lze-fg)}.lze-icon-btn[aria-pressed=true]{border-color:var(--lze-fg);background:var(--lze-active);color:var(--lze-fg)}.lze-icon-btn[data-tone=danger]{color:var(--lze-danger)}.lze-icon-btn:disabled{opacity:.4;cursor:default}.lze-field{gap:6px;display:grid}.lze-label{color:var(--lze-fg);font-size:12px;font-weight:600}.lze-input,.lze-select{border:1px solid var(--lze-border);background:var(--lze-panel);width:100%;min-height:32px;color:var(--lze-fg);border-radius:6px;padding:6px 8px}.lze-input:focus,.lze-select:focus{border-color:var(--lze-accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--lze-accent) 20%, transparent);outline:none}textarea.lze-input{resize:vertical;line-height:1.4}.lze-select[data-compact=true]{width:auto;min-height:26px;padding:2px 6px;font-size:12px}.lze-number{border:1px solid var(--lze-border);background:var(--lze-panel);border-radius:6px;align-items:center;gap:6px;height:32px;padding:0 8px;display:flex}.lze-number:focus-within{border-color:var(--lze-accent)}.lze-number input{text-align:right;background:0 0;border:0;outline:none;width:100%;min-width:0}.lze-number-label,.lze-number-suffix{color:var(--lze-muted);flex:none;font-size:11px}.lze-toggle{cursor:pointer;align-items:center;gap:8px;display:flex}.lze-toggle input{width:16px;height:16px;accent-color:var(--lze-fg);margin:0}.lze-range{gap:4px;display:grid}.lze-range input{width:100%;accent-color:var(--lze-fg)}.lze-swatches{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.lze-swatch{cursor:pointer;border:1px solid #0f172a1f;border-radius:999px;width:26px;height:26px;padding:0}.lze-swatch[aria-pressed=true]{outline:2px solid var(--lze-fg);outline-offset:2px}.lze-swatch-custom{border:1px solid var(--lze-border);color:var(--lze-muted);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:2px 8px 2px 3px;font-size:12px;display:inline-flex}.lze-swatch-custom[data-active=true]{outline:2px solid var(--lze-fg);outline-offset:2px}.lze-swatch-custom input{cursor:pointer;background:0 0;border:0;border-radius:999px;width:20px;height:20px;padding:0}.lze-panel-section{border-top:1px solid var(--lze-border);padding-top:4px}.lze-panel-section>summary{color:var(--lze-muted);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:8px 0;font-size:12px;font-weight:600;list-style:none;display:flex}.lze-panel-section>summary::-webkit-details-marker{display:none}.lze-panel-section>summary:hover{color:var(--lze-fg)}.lze-panel-section[open]>summary svg{transform:rotate(180deg)}.lze-panel-body{gap:10px;padding:2px 0 12px;display:grid}.lze-dialog{border:1px solid var(--lze-border);background:var(--lze-panel);width:min(520px,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--lze-fg);font:13px/1.45 var(--lze-font);border-radius:12px;padding:0;box-shadow:0 24px 64px #0f172a3d}.lze-dialog[data-size=lg]{width:min(720px,100vw - 32px)}.lze-dialog[data-size=xl]{width:min(880px,100vw - 32px)}.lze-dialog::backdrop{background:#0f172a73}.lze-dialog-body{gap:16px;padding:20px;display:grid}.lze-dialog-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.lze-dialog-head h2{font-size:16px;font-weight:650}.lze-dialog-actions{flex-wrap:wrap;gap:8px;display:flex}.lze-toasts{z-index:2147483000;gap:8px;max-width:min(420px,100vw - 32px);display:grid;position:fixed;bottom:16px;right:16px}.lze-toast{background:var(--lze-fg);color:var(--lze-panel);border-radius:10px;align-items:center;gap:8px;padding:8px 8px 8px 14px;display:flex;box-shadow:0 12px 32px #0f172a3d}.lze-toast[data-tone=error]{background:var(--lze-danger)}.lze-toast span{flex:1}.lze-toast .lze-icon-btn{color:inherit;width:26px;height:26px}.lze-toast .lze-icon-btn:hover{color:inherit;background:#ffffff26}.lze-grid-2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.lze-grid-4{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.lze-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.lze-stack{gap:12px;display:grid}.lze-heading{justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:650;display:flex}.lze-link{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}",
|
|
8978
9086
|
".lze-center{text-align:center;color:var(--lze-muted);grid-row:1/-1;place-content:center;justify-items:center;gap:12px;padding:32px;display:grid}.lze-toolbar{border-bottom:1px solid var(--lze-border);background:var(--lze-panel);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.lze-toolbar-group{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.lze-site-name{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:14px;overflow:hidden}.lze-page-select{width:auto;max-width:220px}.lze-badge-status{color:var(--lze-warning);background:#fef3c7;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.lze-badge-status[data-published=true]{color:var(--lze-success);background:#dcfce7}.lze-save-status{color:var(--lze-muted);max-width:360px;font-size:12px}.lze-save-status[data-tone=warning]{color:var(--lze-warning)}.lze-save-status[data-tone=danger]{color:var(--lze-danger)}.lze-segmented{border:1px solid var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-bg);padding:2px;display:inline-flex}.lze-segmented button{width:32px;height:26px;color:var(--lze-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.lze-segmented button[aria-pressed=true]{background:var(--lze-panel);color:var(--lze-fg);box-shadow:0 1px 2px #0f172a14}.lze-body{grid-template-columns:272px minmax(0,1fr) 312px;min-height:0;display:grid}.lze-main{min-width:0;min-height:0;display:grid;position:relative}.lze-sidebar{background:var(--lze-panel);flex-direction:column;min-height:0;display:flex}.lze-left{border-right:1px solid var(--lze-border)}.lze-right{border-left:1px solid var(--lze-border)}.lze-scroll{flex:1;min-height:0;overflow-y:auto}.lze-pad{padding:12px}.lze-left>.lze-scroll.lze-stack{align-content:start;padding:12px}.lze-tabs{border-bottom:1px solid var(--lze-border);gap:4px;padding:8px;display:flex}.lze-tabs button{color:var(--lze-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 4px;font-size:11px;font-weight:600;display:flex}.lze-right .lze-tabs button{flex-direction:row;justify-content:center;font-size:13px}.lze-tabs button:hover{color:var(--lze-fg)}.lze-tabs button[aria-selected=true]{background:var(--lze-hover);color:var(--lze-fg)}.lze-group-title{color:var(--lze-muted);margin-top:4px;font-size:12px;font-weight:600}.lze-palette{grid-template-columns:1fr 1fr;gap:6px;display:grid}.lze-palette-item{border:1px solid var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-panel);min-width:0;color:var(--lze-muted);text-align:left;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:8px 10px;font-size:12px;font-weight:500;display:flex}.lze-palette-item:hover{border-color:var(--lze-fg);color:var(--lze-fg);background:var(--lze-hover)}.lze-palette-item svg{flex:none}.lze-list{gap:6px;display:grid}.lze-list-item{border:1px solid var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-panel);color:var(--lze-muted);text-align:left;cursor:pointer;padding:8px 10px;font-size:12px;font-weight:500}.lze-list-item:hover{border-color:var(--lze-fg);color:var(--lze-fg)}.lze-drag-ghost{z-index:2147483000;pointer-events:none;border:1px solid var(--lze-fg);border-radius:var(--lze-radius);background:var(--lze-panel);padding:6px 10px;font-size:12px;font-weight:600;position:fixed;box-shadow:0 8px 24px #0f172a2e}.lze-layer-group{padding:0 8px 2px}.lze-layer-row{color:var(--lze-muted);border-radius:6px;align-items:center;gap:2px;display:flex}.lze-layer-row:hover{background:var(--lze-hover)}.lze-layer-row[data-selected=true]{background:var(--lze-active);color:var(--lze-fg)}.lze-layer-row .lze-icon-btn{width:24px;height:24px}.lze-layer-name{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:6px 4px;display:flex}.lze-layer-name span:first-of-type{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.lze-layer-actions{opacity:0;display:flex}.lze-layer-row:hover .lze-layer-actions,.lze-layer-row:focus-within .lze-layer-actions{opacity:1}.lze-layer-children{border-left:1px solid var(--lze-border);margin-left:16px;padding-left:4px}.lze-lock-toggle{opacity:0}.lze-lock-toggle[data-locked=true],.lze-layer-row:hover .lze-lock-toggle,.lze-lock-toggle:focus-visible{opacity:1}.lze-card{border:1px solid var(--lze-border);border-radius:var(--lze-radius);gap:8px;padding:8px;display:grid}.lze-card[data-active=true]{border-color:var(--lze-fg);background:var(--lze-hover)}.lze-media-grid{grid-template-columns:1fr 1fr;align-content:start;gap:8px;display:grid}.lze-media-item{border:1px solid var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-bg);cursor:grab;touch-action:none;height:80px;padding:0;overflow:hidden}.lze-media-item:hover{border-color:var(--lze-fg)}.lze-media-item img{object-fit:contain;width:100%;height:100%}@media (width<=1100px){.lze-body{grid-template-columns:232px minmax(0,1fr) 280px}}",
|
|
8979
9087
|
".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}",
|
|
8980
9088
|
".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}"
|
|
8981
|
-
].join("\n"),
|
|
8982
|
-
function
|
|
9089
|
+
].join("\n"), Xc = /* @__PURE__ */ new WeakMap();
|
|
9090
|
+
function Zc(e) {
|
|
8983
9091
|
let t = e.getRootNode();
|
|
8984
|
-
if (!(t instanceof Document || t instanceof ShadowRoot) ||
|
|
9092
|
+
if (!(t instanceof Document || t instanceof ShadowRoot) || Xc.has(t)) return;
|
|
8985
9093
|
let n = new CSSStyleSheet();
|
|
8986
|
-
n.replaceSync(
|
|
9094
|
+
n.replaceSync(Yc), Xc.set(t, n), t.adoptedStyleSheets = [...t.adoptedStyleSheets, n];
|
|
8987
9095
|
}
|
|
8988
9096
|
//#endregion
|
|
8989
9097
|
//#region src/ui/Toasts.vue?vue&type=script&setup=true&lang.ts
|
|
8990
|
-
var
|
|
9098
|
+
var Qc = { class: "lze-toasts" }, $c = ["data-tone", "role"], el = ["aria-label", "onClick"], tl = /* @__PURE__ */ c({
|
|
8991
9099
|
__name: "Toasts",
|
|
8992
9100
|
setup(t) {
|
|
8993
9101
|
let n = K();
|
|
8994
|
-
return (t, r) => (_(), i("div",
|
|
9102
|
+
return (t, r) => (_(), i("div", Qc, [(_(!0), i(e, null, x(D(n).state.toasts, (e) => (_(), i("div", {
|
|
8995
9103
|
key: e.id,
|
|
8996
9104
|
class: "lze-toast",
|
|
8997
9105
|
"data-tone": e.tone,
|
|
@@ -9004,19 +9112,19 @@ var Zc = { class: "lze-toasts" }, Qc = ["data-tone", "role"], $c = ["aria-label"
|
|
|
9004
9112
|
}, [s(D($e), {
|
|
9005
9113
|
size: 14,
|
|
9006
9114
|
"aria-hidden": "true"
|
|
9007
|
-
})], 8,
|
|
9115
|
+
})], 8, el)], 8, $c))), 128))]));
|
|
9008
9116
|
}
|
|
9009
|
-
}),
|
|
9117
|
+
}), nl = ["lang"], rl = {
|
|
9010
9118
|
key: 0,
|
|
9011
9119
|
class: "lze-center"
|
|
9012
|
-
},
|
|
9120
|
+
}, il = {
|
|
9013
9121
|
key: 1,
|
|
9014
9122
|
class: "lze-center",
|
|
9015
9123
|
role: "alert"
|
|
9016
|
-
},
|
|
9124
|
+
}, al = {
|
|
9017
9125
|
key: 2,
|
|
9018
9126
|
class: "lze-center"
|
|
9019
|
-
},
|
|
9127
|
+
}, ol = { class: "lze-body" }, sl = { class: "lze-main" }, cl = /* @__PURE__ */ c({
|
|
9020
9128
|
inheritAttrs: !1,
|
|
9021
9129
|
__name: "LienzoEditor",
|
|
9022
9130
|
props: {
|
|
@@ -9046,7 +9154,7 @@ var Zc = { class: "lze-toasts" }, Qc = ["data-tone", "role"], $c = ["aria-label"
|
|
|
9046
9154
|
let e = l.theme.value;
|
|
9047
9155
|
l.state.load.kind === "ready" && typeof document < "u" && (m ??= document.head.appendChild(Object.assign(document.createElement("link"), { rel: "stylesheet" })), m.href = Vt([e.heading_font, e.body_font]));
|
|
9048
9156
|
}), g(() => {
|
|
9049
|
-
u.value &&
|
|
9157
|
+
u.value && Zc(u.value), window.addEventListener("keydown", p), l.load();
|
|
9050
9158
|
}), h(() => {
|
|
9051
9159
|
window.removeEventListener("keydown", p), m?.remove(), l.dispose();
|
|
9052
9160
|
}), (t, r) => (_(), i("div", {
|
|
@@ -9055,23 +9163,23 @@ var Zc = { class: "lze-toasts" }, Qc = ["data-tone", "role"], $c = ["aria-label"
|
|
|
9055
9163
|
class: "lze-root",
|
|
9056
9164
|
lang: D(c).locale
|
|
9057
9165
|
}, [
|
|
9058
|
-
D(l).state.load.kind === "loading" ? (_(), i("div",
|
|
9166
|
+
D(l).state.load.kind === "loading" ? (_(), i("div", rl, T(D(l).t("load.loading")), 1)) : D(l).state.load.kind === "failed" ? (_(), i("div", il, [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() }, {
|
|
9059
9167
|
default: P(() => [o(T(D(l).t("load.retry")), 1)]),
|
|
9060
9168
|
_: 1
|
|
9061
|
-
})])) : D(l).state.load.kind === "empty" ? (_(), i("div",
|
|
9169
|
+
})])) : D(l).state.load.kind === "empty" ? (_(), i("div", al, [s(q, {
|
|
9062
9170
|
variant: "primary",
|
|
9063
9171
|
onClick: r[1] ||= (e) => D(l).state.dialog = "newPage"
|
|
9064
9172
|
}, {
|
|
9065
9173
|
default: P(() => [o(T(D(l).t("newPage.title")), 1)]),
|
|
9066
9174
|
_: 1
|
|
9067
|
-
})])) : (_(), i(e, { key: 3 }, [s(
|
|
9175
|
+
})])) : (_(), i(e, { key: 3 }, [s(Jc), a("div", ol, [
|
|
9068
9176
|
s(So, { "drop-point": f }),
|
|
9069
|
-
a("main",
|
|
9177
|
+
a("main", sl, [D(l).state.previewing ? (_(), n(vr, { key: 0 })) : (_(), n(gr, {
|
|
9070
9178
|
key: 1,
|
|
9071
9179
|
ref_key: "canvas",
|
|
9072
9180
|
ref: d
|
|
9073
9181
|
}, null, 512))]),
|
|
9074
|
-
s(
|
|
9182
|
+
s(Pc)
|
|
9075
9183
|
])], 64)),
|
|
9076
9184
|
s($r),
|
|
9077
9185
|
s(pa),
|
|
@@ -9080,11 +9188,11 @@ var Zc = { class: "lze-toasts" }, Qc = ["data-tone", "role"], $c = ["aria-label"
|
|
|
9080
9188
|
s(Vi),
|
|
9081
9189
|
s(Pr),
|
|
9082
9190
|
s(Wr),
|
|
9083
|
-
s(
|
|
9084
|
-
], 8,
|
|
9191
|
+
s(tl)
|
|
9192
|
+
], 8, nl));
|
|
9085
9193
|
}
|
|
9086
9194
|
});
|
|
9087
9195
|
//#endregion
|
|
9088
|
-
export { Qt as n, Zt as r,
|
|
9196
|
+
export { Qt as n, Zt as r, cl as t };
|
|
9089
9197
|
|
|
9090
|
-
//# sourceMappingURL=LienzoEditor-
|
|
9198
|
+
//# sourceMappingURL=LienzoEditor-CM8FH-q3.js.map
|