lf-pagebuilder-vue 0.0.10 → 0.0.12
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/index.cjs +2 -1
- package/dist/index.d.ts +6 -2
- package/dist/index.js +1093 -1037
- package/package.json +11 -6
- package/dist/styles.css +0 -1
package/dist/index.js
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import { defineComponent as W, ref as k, computed as Y, createElementBlock as d, openBlock as s, createCommentVNode as $, createElementVNode as t, withModifiers as le, withDirectives as R, vModelText as Q, normalizeClass as G, toDisplayString as x, Fragment as B, renderList as z, vModelSelect as H, vModelCheckbox as ne, createBlock as ue, createTextVNode as D, unref as q, onMounted as ae, createVNode as L, watch as oe, nextTick as xe, withCtx as ce, vShow as he, reactive as we } from "vue";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode(`.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"•"}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"☑"}.ql-editor ul[data-checked=false]>li:before{content:"☐"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px;margin-left:1px;margin-right:1px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover{background-color:#f3f4f6}.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{background-color:#dbeafe;color:#2563eb}.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#2563eb}.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#2563eb}@media (pointer: coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#4b5563}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#4b5563}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#4b5563}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#4b5563;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#4b5563;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#4b5563}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#4b5563;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle;margin-right:1px;margin-left:1px}.ql-snow .ql-picker-label{cursor:pointer;display:flex;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding:5px 8px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#d1d5db;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#d1d5db}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#d1d5db}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:3px}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px;margin:2px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #d1d5db;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#d1d5db}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0px}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #d1d5db;box-shadow:0 0 5px #d1d5db;color:#4b5563;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #d1d5db;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #d1d5db;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0px;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#2563eb}.ql-container.ql-snow{border:1px solid #d1d5db}.css-pb-row:hover .css-pb-row-config{display:flex!important}/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-orange-500:oklch(70.5% .213 47.604);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-700:oklch(55.5% .163 48.998);--color-yellow-50:oklch(98.7% .026 102.212);--color-lime-50:oklch(98.6% .031 120.757);--color-lime-200:oklch(93.8% .127 124.321);--color-lime-400:oklch(84.1% .238 128.85);--color-lime-600:oklch(64.8% .2 131.684);--color-lime-800:oklch(45.3% .124 130.933);--color-green-100:oklch(96.2% .044 156.743);--color-green-300:oklch(87.1% .15 154.449);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-teal-50:oklch(98.4% .014 180.72);--color-teal-500:oklch(70.4% .14 182.503);--color-teal-600:oklch(60% .118 184.704);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-100:oklch(95.1% .026 236.824);--color-sky-300:oklch(82.8% .111 230.318);--color-sky-500:oklch(68.5% .169 237.323);--color-blue-50:oklch(97% .014 254.604);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-violet-50:oklch(96.9% .016 293.756);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-600:oklch(54.1% .281 293.009);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-500:oklch(64.5% .246 16.439);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-300:oklch(87.1% .006 286.286);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-5xl:3rem;--text-5xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-light:300;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0,0,.2,1);--animate-spin:spin 1s linear infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.-top-1{top:calc(var(--spacing)*-1)}.-top-2\\.5{top:calc(var(--spacing)*-2.5)}.top-0{top:calc(var(--spacing)*0)}.top-1{top:calc(var(--spacing)*1)}.top-1\\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.top-6{top:calc(var(--spacing)*6)}.right-0{right:calc(var(--spacing)*0)}.right-2{right:calc(var(--spacing)*2)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.left-2{left:calc(var(--spacing)*2)}.left-3{left:calc(var(--spacing)*3)}.isolate{isolation:isolate}.z-0{z-index:0}.z-1{z-index:1}.z-10{z-index:10}.z-99{z-index:99}.z-100{z-index:100}.z-101{z-index:101}.z-9999{z-index:9999}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-3{margin-inline:calc(var(--spacing)*3)}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing)*2)}.my-3{margin-block:calc(var(--spacing)*3)}.my-4{margin-block:calc(var(--spacing)*4)}.ms-2{margin-inline-start:calc(var(--spacing)*2)}.me-2{margin-inline-end:calc(var(--spacing)*2)}.me-4{margin-inline-end:calc(var(--spacing)*4)}.mt-0\\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-1\\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.ml-8{margin-left:calc(var(--spacing)*8)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-full{height:100%}.h-screen{height:100vh}.min-h-\\[100px\\]{min-height:100px}.min-h-\\[200px\\]{min-height:200px}.min-h-screen{min-height:100vh}.w-1\\/4{width:25%}.w-3{width:calc(var(--spacing)*3)}.w-3\\/4{width:75%}.w-3\\/5{width:60%}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-32{width:calc(var(--spacing)*32)}.w-48{width:calc(var(--spacing)*48)}.w-64{width:calc(var(--spacing)*64)}.w-auto{width:auto}.w-full{width:100%}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-help{cursor:help}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.rounded-b-lg{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.border,.border-1{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-amber-200{border-color:var(--color-amber-200)}.border-amber-300{border-color:var(--color-amber-300)}.border-amber-500{border-color:var(--color-amber-500)}.border-emerald-200{border-color:var(--color-emerald-200)}.border-emerald-300{border-color:var(--color-emerald-300)}.border-emerald-500{border-color:var(--color-emerald-500)}.border-lime-400{border-color:var(--color-lime-400)}.border-lime-600{border-color:var(--color-lime-600)}.border-red-200{border-color:var(--color-red-200)}.border-rose-200{border-color:var(--color-rose-200)}.border-sky-100{border-color:var(--color-sky-100)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-300{border-color:var(--color-slate-300)}.border-slate-700{border-color:var(--color-slate-700)}.border-transparent{border-color:#0000}.border-violet-200{border-color:var(--color-violet-200)}.border-violet-500{border-color:var(--color-violet-500)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-rose-50{background-color:var(--color-rose-50)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-violet-50{background-color:var(--color-violet-50)}.bg-white{background-color:var(--color-white)}.bg-white\\/60{background-color:#fff9}@supports (color:color-mix(in lab,red,red)){.bg-white\\/60{background-color:color-mix(in oklab,var(--color-white)60%,transparent)}}.bg-white\\/80{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.bg-white\\/80{background-color:color-mix(in oklab,var(--color-white)80%,transparent)}}.bg-white\\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.bg-white\\/90{background-color:color-mix(in oklab,var(--color-white)90%,transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-l{--tw-gradient-position:to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-amber-50{--tw-gradient-from:var(--color-amber-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-amber-500{--tw-gradient-from:var(--color-amber-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-emerald-50{--tw-gradient-from:var(--color-emerald-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-emerald-500{--tw-gradient-from:var(--color-emerald-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-lime-50{--tw-gradient-from:var(--color-lime-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-lime-200{--tw-gradient-from:var(--color-lime-200);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-sky-50{--tw-gradient-from:var(--color-sky-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-slate-50{--tw-gradient-from:var(--color-slate-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-slate-100{--tw-gradient-from:var(--color-slate-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-slate-600{--tw-gradient-from:var(--color-slate-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-slate-700{--tw-gradient-from:var(--color-slate-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-violet-500{--tw-gradient-from:var(--color-violet-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-white\\/90{--tw-gradient-from:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.from-white\\/90{--tw-gradient-from:color-mix(in oklab,var(--color-white)90%,transparent)}}.from-white\\/90{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-zinc-100{--tw-gradient-from:var(--color-zinc-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-slate-50\\/95{--tw-gradient-via:#f8fafcf2}@supports (color:color-mix(in lab,red,red)){.via-slate-50\\/95{--tw-gradient-via:color-mix(in oklab,var(--color-slate-50)95%,transparent)}}.via-slate-50\\/95{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-white{--tw-gradient-via:var(--color-white);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-blue-50{--tw-gradient-to:var(--color-blue-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-emerald-100{--tw-gradient-to:var(--color-emerald-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-green-100{--tw-gradient-to:var(--color-green-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-green-300{--tw-gradient-to:var(--color-green-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-orange-500{--tw-gradient-to:var(--color-orange-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-500{--tw-gradient-to:var(--color-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-slate-50{--tw-gradient-to:var(--color-slate-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-slate-100{--tw-gradient-to:var(--color-slate-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-slate-100\\/90{--tw-gradient-to:#f1f5f9e6}@supports (color:color-mix(in lab,red,red)){.to-slate-100\\/90{--tw-gradient-to:color-mix(in oklab,var(--color-slate-100)90%,transparent)}}.to-slate-100\\/90{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-slate-500{--tw-gradient-to:var(--color-slate-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-slate-600{--tw-gradient-to:var(--color-slate-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-slate-700{--tw-gradient-to:var(--color-slate-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-teal-50{--tw-gradient-to:var(--color-teal-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-teal-500{--tw-gradient-to:var(--color-teal-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-white{--tw-gradient-to:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-yellow-50{--tw-gradient-to:var(--color-yellow-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-zinc-300{--tw-gradient-to:var(--color-zinc-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.p-1{padding:calc(var(--spacing)*1)}.p-1\\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.px-1\\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-0\\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-8{padding-block:calc(var(--spacing)*8)}.ps-3{padding-inline-start:calc(var(--spacing)*3)}.pe-4{padding-inline-end:calc(var(--spacing)*4)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-10{padding-top:calc(var(--spacing)*10)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pl-11{padding-left:calc(var(--spacing)*11)}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-words{overflow-wrap:break-word}.text-amber-500{color:var(--color-amber-500)}.text-amber-700{color:var(--color-amber-700)}.text-blue-600{color:var(--color-blue-600)}.text-emerald-400{color:var(--color-emerald-400)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-lime-800{color:var(--color-lime-800)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-rose-500{color:var(--color-rose-500)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-transparent{color:#0000}.text-violet-600{color:var(--color-violet-600)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-emerald-100{--tw-shadow-color:oklch(95% .052 163.051)}@supports (color:color-mix(in lab,red,red)){.shadow-emerald-100{--tw-shadow-color:color-mix(in oklab,var(--color-emerald-100)var(--tw-shadow-alpha),transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-\\[2px\\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.group-hover\\:block:is(:where(.group):hover *){display:block}.group-hover\\:text-slate-800:is(:where(.group):hover *){color:var(--color-slate-800)}.group-hover\\:text-slate-900:is(:where(.group):hover *){color:var(--color-slate-900)}.group-hover\\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\\/btn\\:text-white:is(:where(.group\\/btn):hover *){color:var(--color-white)}.group-hover\\/component\\:opacity-100:is(:where(.group\\/component):hover *){opacity:1}.group-hover\\/info\\:visible:is(:where(.group\\/info):hover *){visibility:visible}.group-hover\\/info\\:text-sky-500:is(:where(.group\\/info):hover *){color:var(--color-sky-500)}.group-hover\\/info\\:opacity-100:is(:where(.group\\/info):hover *){opacity:1}.group-hover\\/row\\:flex:is(:where(.group\\/row):hover *){display:flex}}.before\\:absolute:before{content:var(--tw-content);position:absolute}.before\\:bottom-4:before{content:var(--tw-content);bottom:calc(var(--spacing)*4)}.before\\:left-2:before{content:var(--tw-content);left:calc(var(--spacing)*2)}.before\\:-rotate-12:before{content:var(--tw-content);rotate:-12deg}.before\\:text-7xl:before{content:var(--tw-content);font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.before\\:font-bold:before{content:var(--tw-content);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.before\\:text-slate-300:before{content:var(--tw-content);color:var(--color-slate-300)}.before\\:opacity-30:before{content:var(--tw-content);opacity:.3}.before\\:transition-opacity:before{content:var(--tw-content);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.before\\:duration-300:before{content:var(--tw-content);--tw-duration:.3s;transition-duration:.3s}.before\\:content-\\[\\'Columna\\'\\]:before{--tw-content:"Columna";content:var(--tw-content)}@media (hover:hover){.hover\\:-translate-y-0\\.5:hover{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\\:scale-125:hover{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\\:scale-\\[1\\.01\\]:hover{scale:1.01}.hover\\:border-amber-500:hover{border-color:var(--color-amber-500)}.hover\\:border-blue-500:hover{border-color:var(--color-blue-500)}.hover\\:border-emerald-300:hover{border-color:var(--color-emerald-300)}.hover\\:border-emerald-500:hover{border-color:var(--color-emerald-500)}.hover\\:border-red-300:hover{border-color:var(--color-red-300)}.hover\\:border-red-400:hover{border-color:var(--color-red-400)}.hover\\:border-red-500:hover{border-color:var(--color-red-500)}.hover\\:border-sky-300:hover{border-color:var(--color-sky-300)}.hover\\:border-sky-500:hover{border-color:var(--color-sky-500)}.hover\\:border-slate-200:hover{border-color:var(--color-slate-200)}.hover\\:border-slate-300:hover{border-color:var(--color-slate-300)}.hover\\:border-slate-700:hover{border-color:var(--color-slate-700)}.hover\\:border-violet-500:hover{border-color:var(--color-violet-500)}.hover\\:bg-amber-500:hover{background-color:var(--color-amber-500)}.hover\\:bg-blue-500:hover{background-color:var(--color-blue-500)}.hover\\:bg-emerald-50:hover{background-color:var(--color-emerald-50)}.hover\\:bg-emerald-500:hover{background-color:var(--color-emerald-500)}.hover\\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\\:bg-red-500:hover{background-color:var(--color-red-500)}.hover\\:bg-sky-50:hover{background-color:var(--color-sky-50)}.hover\\:bg-sky-100:hover{background-color:var(--color-sky-100)}.hover\\:bg-sky-500:hover{background-color:var(--color-sky-500)}.hover\\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\\:bg-slate-700:hover{background-color:var(--color-slate-700)}.hover\\:bg-violet-500:hover{background-color:var(--color-violet-500)}.hover\\:bg-white:hover{background-color:var(--color-white)}.hover\\:from-emerald-600:hover{--tw-gradient-from:var(--color-emerald-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\\:from-violet-600:hover{--tw-gradient-from:var(--color-violet-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\\:to-purple-600:hover{--tw-gradient-to:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\\:to-teal-600:hover{--tw-gradient-to:var(--color-teal-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\\:text-emerald-600:hover{color:var(--color-emerald-600)}.hover\\:text-red-500:hover{color:var(--color-red-500)}.hover\\:text-red-600:hover{color:var(--color-red-600)}.hover\\:text-slate-600:hover{color:var(--color-slate-600)}.hover\\:text-white:hover{color:var(--color-white)}.hover\\:shadow:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\\:shadow-slate-200\\/50:hover{--tw-shadow-color:#e2e8f080}@supports (color:color-mix(in lab,red,red)){.hover\\:shadow-slate-200\\/50:hover{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-slate-200)50%,transparent)var(--tw-shadow-alpha),transparent)}}.hover\\:before\\:opacity-50:hover:before{content:var(--tw-content);opacity:.5}}.focus\\:border-emerald-400:focus{border-color:var(--color-emerald-400)}.focus\\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\\:ring-blue-400:focus{--tw-ring-color:var(--color-blue-400)}.focus\\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\\:ring-emerald-500:focus{--tw-ring-color:var(--color-emerald-500)}.focus\\:ring-emerald-500\\/20:focus{--tw-ring-color:#00bb7f33}@supports (color:color-mix(in lab,red,red)){.focus\\:ring-emerald-500\\/20:focus{--tw-ring-color:color-mix(in oklab,var(--color-emerald-500)20%,transparent)}}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\\:transform-none:disabled{transform:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:bg-slate-100:disabled{background-color:var(--color-slate-100)}.disabled\\:from-slate-300:disabled{--tw-gradient-from:var(--color-slate-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.disabled\\:to-slate-400:disabled{--tw-gradient-to:var(--color-slate-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.disabled\\:shadow-none:disabled{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media (min-width:48rem){.md\\:w-2\\/4{width:50%}}@media (min-width:64rem){.lg\\:w-1\\/3{width:33.3333%}.lg\\:w-1\\/4{width:25%}}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}@layer pagebuilder-overrides{[data-group=component]:hover [data-group-hover=component-opacity],[data-group=component]:hover>[data-group-hover=component-opacity],[data-group=component]:hover [data-group-hover=component-opacity].opacity-0{opacity:1!important}[data-group=info]:hover [data-group-hover=info-opacity],[data-group=info]:hover [data-group-hover=info-opacity].opacity-0{opacity:1!important}[data-group=info]:hover [data-group-hover=info-visible],[data-group=info]:hover [data-group-hover=info-visible].invisible,[data-group=info]:hover [data-group-hover=info-visible].opacity-0{visibility:visible!important;opacity:1!important}[data-group=info]:hover [data-group-hover=info-text-sky]{color:#0ea5e9!important}[data-group=btn]:hover [data-group-hover=btn-text-white]{color:#fff!important}[data-group=row]:hover [data-group-hover=row-flex],[data-group=row]:hover [data-group-hover=row-flex].hidden,.css-pb-row:hover .css-pb-row-config,.css-pb-row:hover .css-pb-row-config.hidden{display:flex!important}}.top-2{top:.5rem!important}.right-2{right:.5rem!important}.top-6{top:1.5rem!important}.right-0{right:0!important}.left-0{left:0!important}.left-3{left:.75rem!important}.selected-delay{animation:selectedblink .6s infinite!important;border-color:#10b981!important;box-shadow:0 0 0 3px #10b98133!important}.expanded-page-builder{background:linear-gradient(135deg,#f8fafc,#f1f5f9);top:0;left:0;height:100%;width:100%;position:fixed;z-index:9999;overflow:scroll}@keyframes selectedblink{0%,50%{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}51%,to{background:transparent}}.lf-page-builder{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.z-9999{z-index:9999}.z-99{z-index:99}.z-100{z-index:100}.z-101{z-index:101}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dragging-zone{transition:background-color .3s ease,border-color .3s ease}.component-library{max-height:calc(100vh - 200px);overflow-y:auto}.ql-toolbar{z-index:9999}.ql-container{z-index:9998}.lf-page-builder ::-webkit-scrollbar{width:8px;height:8px}.lf-page-builder ::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.lf-page-builder ::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.lf-page-builder ::-webkit-scrollbar-thumb:hover{background:#94a3b8}.handle{cursor:grab}.handle:active{cursor:grabbing}.lf-page-builder button,.lf-page-builder select,.lf-page-builder input{transition:all .2s ease}.lf-page-builder button:focus,.lf-page-builder select:focus,.lf-page-builder input:focus{outline:none;ring:2px;ring-color:rgba(16,185,129,.2)}`)),document.head.appendChild(t)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
|
|
2
|
+
import { defineComponent as Z, ref as P, computed as _, openBlock as r, createElementBlock as s, createElementVNode as t, withModifiers as se, withDirectives as U, vModelText as oe, createCommentVNode as F, normalizeClass as K, toDisplayString as h, Fragment as T, renderList as V, vModelSelect as Q, vModelCheckbox as re, onMounted as le, onUnmounted as xe, createTextVNode as D, createBlock as me, unref as H, createVNode as Y, watch as ae, nextTick as he, withCtx as be, vShow as we, reactive as ye } from "vue";
|
|
3
|
+
import { listComponents as Ce } from "libreria-astro-lefebvre";
|
|
4
|
+
import { QuillEditor as $e } from "@vueup/vue-quill";
|
|
5
|
+
import ge from "vuedraggable";
|
|
6
|
+
const ke = Z({
|
|
6
7
|
props: {
|
|
7
8
|
isComponentMode: Boolean,
|
|
8
9
|
fullwidthMode: Boolean,
|
|
@@ -30,413 +31,413 @@ const $e = W({
|
|
|
30
31
|
"update:parametersPageConfiguration.seo.description"
|
|
31
32
|
],
|
|
32
33
|
setup(e) {
|
|
33
|
-
const o = e.renderApiDomain || "http://localhost:8003",
|
|
34
|
+
const o = e.renderApiDomain || "http://localhost:8003", v = P(""), j = P(!1), $ = P(!1), w = P(null), d = _({
|
|
34
35
|
get() {
|
|
35
|
-
var
|
|
36
|
-
const
|
|
37
|
-
return ((
|
|
36
|
+
var f, i;
|
|
37
|
+
const M = (f = e.globalPageConfiguration) == null ? void 0 : f.find((g) => g.section === e.sectionSelected);
|
|
38
|
+
return ((i = M == null ? void 0 : M.config) == null ? void 0 : i.width) || "";
|
|
38
39
|
},
|
|
39
|
-
set(
|
|
40
|
-
var
|
|
41
|
-
const
|
|
42
|
-
|
|
40
|
+
set(M) {
|
|
41
|
+
var i;
|
|
42
|
+
const f = (i = e.globalPageConfiguration) == null ? void 0 : i.find((g) => g.section === e.sectionSelected);
|
|
43
|
+
f && (f.config || (f.config = {}), f.config.width = M);
|
|
43
44
|
}
|
|
44
|
-
}),
|
|
45
|
-
const
|
|
45
|
+
}), b = () => {
|
|
46
|
+
const M = {
|
|
46
47
|
pageConfig: e.globalPageConfiguration,
|
|
47
48
|
paramsConfig: e.parametersPageConfiguration
|
|
48
|
-
},
|
|
49
|
-
detail: { ...
|
|
49
|
+
}, f = JSON.stringify(M), i = new CustomEvent("lf-pagebuilder:export", {
|
|
50
|
+
detail: { ...M, inputId: e.inputId }
|
|
50
51
|
});
|
|
51
|
-
document.dispatchEvent(
|
|
52
|
-
const
|
|
53
|
-
|
|
54
|
-
},
|
|
55
|
-
const
|
|
52
|
+
document.dispatchEvent(i);
|
|
53
|
+
const g = window.open("", "Preview", "width='100vw',height='100vh'");
|
|
54
|
+
g && (g.document.body.innerText = f, g.document.close());
|
|
55
|
+
}, m = () => {
|
|
56
|
+
const M = {
|
|
56
57
|
pageConfig: e.globalPageConfiguration,
|
|
57
58
|
paramsConfig: e.parametersPageConfiguration
|
|
58
|
-
},
|
|
59
|
-
|
|
60
|
-
const
|
|
61
|
-
detail: { ...
|
|
59
|
+
}, f = JSON.stringify(M);
|
|
60
|
+
u(f);
|
|
61
|
+
const i = new CustomEvent("lf-pagebuilder:save", {
|
|
62
|
+
detail: { ...M, inputId: e.inputId }
|
|
62
63
|
});
|
|
63
|
-
if (document.dispatchEvent(
|
|
64
|
-
const
|
|
65
|
-
|
|
64
|
+
if (document.dispatchEvent(i), e.inputId) {
|
|
65
|
+
const g = document.getElementById(e.inputId);
|
|
66
|
+
g && (g.value = f);
|
|
66
67
|
}
|
|
67
|
-
if (
|
|
68
|
-
|
|
69
|
-
}, 3e3), e.submitForm &&
|
|
70
|
-
const
|
|
71
|
-
|
|
68
|
+
if ($.value = !0, setTimeout(() => {
|
|
69
|
+
$.value = !1;
|
|
70
|
+
}, 3e3), e.submitForm && w.value) {
|
|
71
|
+
const g = w.value.closest("form");
|
|
72
|
+
g && g.submit();
|
|
72
73
|
}
|
|
73
|
-
},
|
|
74
|
-
const
|
|
75
|
-
localStorage.setItem(
|
|
74
|
+
}, u = (M) => {
|
|
75
|
+
const f = e.inputId ? `pageBuilderConfig_${e.inputId}` : "pageBuilderConfig";
|
|
76
|
+
localStorage.setItem(f, M);
|
|
76
77
|
};
|
|
77
78
|
return {
|
|
78
79
|
validateSeo: () => {
|
|
79
|
-
const
|
|
80
|
+
const M = {
|
|
80
81
|
pageConfig: e.globalPageConfiguration,
|
|
81
82
|
paramsConfig: e.parametersPageConfiguration
|
|
82
|
-
},
|
|
83
|
+
}, f = JSON.stringify(M, null, 2);
|
|
83
84
|
fetch(o + "/api/render-html/", {
|
|
84
85
|
method: "POST",
|
|
85
86
|
headers: {
|
|
86
87
|
"Content-Type": "application/json"
|
|
87
88
|
},
|
|
88
|
-
body:
|
|
89
|
-
}).then((
|
|
90
|
-
const
|
|
91
|
-
if (!
|
|
92
|
-
const
|
|
93
|
-
function
|
|
94
|
-
if (!
|
|
95
|
-
const
|
|
96
|
-
["h1", "h2", "h3", "h4", "h5", "h6", "a", "p", "article", "section", "header", "footer"].includes(
|
|
97
|
-
tag:
|
|
98
|
-
text: (
|
|
99
|
-
depth:
|
|
100
|
-
}), Array.from(
|
|
89
|
+
body: f
|
|
90
|
+
}).then((i) => i.text()).then((i) => {
|
|
91
|
+
const g = window.open("", "Preview", "width='100vw',height='100vh'");
|
|
92
|
+
if (!g) return;
|
|
93
|
+
const N = new DOMParser().parseFromString(i, "text/html"), L = [];
|
|
94
|
+
function I(k, E = 0) {
|
|
95
|
+
if (!k || k.nodeType !== 1) return;
|
|
96
|
+
const W = k.tagName.toLowerCase();
|
|
97
|
+
["h1", "h2", "h3", "h4", "h5", "h6", "a", "p", "article", "section", "header", "footer"].includes(W) && L.push({
|
|
98
|
+
tag: W,
|
|
99
|
+
text: (k.textContent || "").trim().slice(0, 80),
|
|
100
|
+
depth: E
|
|
101
|
+
}), Array.from(k.children).forEach((q) => I(q, E + 1));
|
|
101
102
|
}
|
|
102
|
-
N
|
|
103
|
-
let
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
}),
|
|
103
|
+
I(N.body);
|
|
104
|
+
let c = '<h2>Estructura SEO</h2><ul style="font-family:monospace">';
|
|
105
|
+
L.forEach((k) => {
|
|
106
|
+
c += `<li style="margin-left:${k.depth * 20}px"><b>${k.tag}</b>: ${k.text}</li>`;
|
|
107
|
+
}), c += "</ul>", g.document.body.innerHTML = c, g.document.close();
|
|
107
108
|
});
|
|
108
109
|
},
|
|
109
|
-
importConfig:
|
|
110
|
-
showAdvancedConfig:
|
|
110
|
+
importConfig: v,
|
|
111
|
+
showAdvancedConfig: j,
|
|
111
112
|
previewFunction: () => {
|
|
112
|
-
const
|
|
113
|
+
const M = {
|
|
113
114
|
pageConfig: e.globalPageConfiguration,
|
|
114
115
|
paramsConfig: e.parametersPageConfiguration
|
|
115
|
-
},
|
|
116
|
+
}, f = JSON.stringify(M, null, 2);
|
|
116
117
|
fetch(o + "/api/render-html/", {
|
|
117
118
|
method: "POST",
|
|
118
119
|
headers: {
|
|
119
120
|
"Content-Type": "application/json"
|
|
120
121
|
},
|
|
121
|
-
body:
|
|
122
|
-
}).then((
|
|
123
|
-
const
|
|
124
|
-
|
|
125
|
-
var
|
|
126
|
-
const
|
|
127
|
-
|
|
128
|
-
}),
|
|
122
|
+
body: f
|
|
123
|
+
}).then((i) => i.text()).then((i) => {
|
|
124
|
+
const g = window.open("", "Preview", "width='100vw',height='100vh'");
|
|
125
|
+
g && (g.document.body.innerHTML = i, g.document.querySelectorAll("script").forEach((N) => {
|
|
126
|
+
var I;
|
|
127
|
+
const L = g.document.createElement("script");
|
|
128
|
+
N.src ? L.src = N.src : L.textContent = N.textContent, (I = N.parentNode) == null || I.replaceChild(L, N);
|
|
129
|
+
}), g.document.close());
|
|
129
130
|
});
|
|
130
131
|
},
|
|
131
132
|
importFunction: () => {
|
|
132
|
-
e.importConfigurationFunction && e.importConfigurationFunction(
|
|
133
|
+
e.importConfigurationFunction && e.importConfigurationFunction(v.value), v.value = "";
|
|
133
134
|
},
|
|
134
|
-
exportFunction:
|
|
135
|
-
saveButtonAction:
|
|
135
|
+
exportFunction: b,
|
|
136
|
+
saveButtonAction: m,
|
|
136
137
|
loadFromLocalStorage: () => {
|
|
137
|
-
const
|
|
138
|
-
if (
|
|
139
|
-
const
|
|
140
|
-
e.importConfigurationFunction(
|
|
138
|
+
const M = e.inputId ? `pageBuilderConfig_${e.inputId}` : "pageBuilderConfig", f = localStorage.getItem(M);
|
|
139
|
+
if (f && e.importConfigurationFunction) {
|
|
140
|
+
const i = JSON.parse(f);
|
|
141
|
+
e.importConfigurationFunction(i);
|
|
141
142
|
}
|
|
142
143
|
},
|
|
143
144
|
toggleExpandScreen: () => {
|
|
144
|
-
const
|
|
145
|
-
|
|
145
|
+
const M = document.querySelector(".lf-page-builder");
|
|
146
|
+
M && M.classList.toggle("expanded-page-builder");
|
|
146
147
|
},
|
|
147
|
-
sectionWidth:
|
|
148
|
-
isSaved:
|
|
149
|
-
componentRoot:
|
|
148
|
+
sectionWidth: d,
|
|
149
|
+
isSaved: $,
|
|
150
|
+
componentRoot: w
|
|
150
151
|
};
|
|
151
152
|
}
|
|
152
|
-
}),
|
|
153
|
-
const
|
|
154
|
-
for (const [
|
|
155
|
-
|
|
156
|
-
return
|
|
157
|
-
},
|
|
153
|
+
}), Se = (e, o) => {
|
|
154
|
+
const v = e.__vccOpts || e;
|
|
155
|
+
for (const [j, $] of o)
|
|
156
|
+
v[j] = $;
|
|
157
|
+
return v;
|
|
158
|
+
}, Fe = { ref: "componentRoot" }, Pe = {
|
|
158
159
|
key: 0,
|
|
159
160
|
class: "flex justify-end items-center w-full p-3 gap-3"
|
|
160
|
-
},
|
|
161
|
+
}, je = { class: "flex justify-end items-center p-2 gap-3 bg-gradient-to-l from-lime-50 to-green-100 border border-lime-400 rounded-lg w-auto" }, Ie = { class: "flex justify-between gap-3 px-5 py-3 bg-white mx-3 rounded-xl border border-slate-200 mb-6 sticky top-2 z-9999 shadow-lg backdrop-blur-sm" }, Me = { class: "flex gap-2" }, Ae = { class: "flex gap-2" }, Be = ["value"], Ee = ["value"], Te = { value: "full" }, Oe = { value: "1/2" }, De = { value: "1/3" }, Re = { value: "2/3" }, Ue = { value: "1/4" }, Ve = { value: "3/4" }, ze = { value: "1/5" }, Ne = { value: "2/5" }, Le = { value: "3/5" }, qe = { value: "4/5" }, Ge = { key: 0 }, We = { key: 1 }, Je = { class: "flex items-center gap-2" }, He = {
|
|
161
162
|
key: 1,
|
|
162
163
|
class: "bg-white border border-slate-200 rounded-2xl p-5 mx-3 mb-6 shadow-lg"
|
|
163
|
-
},
|
|
164
|
-
function
|
|
165
|
-
return
|
|
166
|
-
e.debugMode ? (
|
|
167
|
-
t("div",
|
|
164
|
+
}, Ye = { class: "flex flex-row gap-4 w-full" }, Ke = { class: "border border-slate-200 rounded-xl p-5 w-full bg-gradient-to-br from-slate-50 to-white" }, Qe = { class: "flex flex-col gap-3 border-b border-slate-200 pb-4 w-full" }, Xe = { class: "mb-3" }, Ze = { class: "flex items-center gap-3 cursor-pointer group" }, _e = { class: "mb-3" }, et = { class: "flex items-center gap-3 cursor-pointer group" }, tt = { class: "mb-3" }, ot = { class: "mb-3" }, nt = { class: "mb-3" }, lt = { class: "border border-slate-200 rounded-xl p-5 w-full bg-gradient-to-br from-slate-50 to-white" }, at = { class: "flex justify-between items-center mb-4" }, rt = { class: "flex flex-col gap-3 border-b border-slate-200 pb-4 w-full" }, st = { class: "mb-3" }, it = { class: "mb-3" }, dt = { class: "mb-3" };
|
|
165
|
+
function ut(e, o, v, j, $, w) {
|
|
166
|
+
return r(), s("div", Fe, [
|
|
167
|
+
e.debugMode ? (r(), s("div", Pe, [
|
|
168
|
+
t("div", je, [
|
|
168
169
|
o[30] || (o[30] = t("span", { class: "bg-gradient-to-r from-lime-200 to-green-300 px-3 py-1 rounded-full border border-lime-600 text-lime-800 text-xs font-medium me-4 italic" }, "MODO DEBUG 🐞", -1)),
|
|
169
170
|
t("form", {
|
|
170
|
-
onSubmit: o[2] || (o[2] =
|
|
171
|
+
onSubmit: o[2] || (o[2] = se(() => {
|
|
171
172
|
}, ["prevent"])),
|
|
172
173
|
class: "flex gap-2"
|
|
173
174
|
}, [
|
|
174
|
-
|
|
175
|
-
"onUpdate:modelValue": o[0] || (o[0] = (
|
|
175
|
+
U(t("input", {
|
|
176
|
+
"onUpdate:modelValue": o[0] || (o[0] = (d) => e.importConfig = d),
|
|
176
177
|
type: "text",
|
|
177
178
|
class: "bg-white border border-slate-200 rounded-lg px-3 py-1.5 text-sm focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400",
|
|
178
179
|
name: "",
|
|
179
180
|
id: "",
|
|
180
181
|
placeholder: "Pegar configuración..."
|
|
181
182
|
}, null, 512), [
|
|
182
|
-
[
|
|
183
|
+
[oe, e.importConfig]
|
|
183
184
|
]),
|
|
184
185
|
t("button", {
|
|
185
186
|
type: "button",
|
|
186
|
-
onClick: o[1] || (o[1] = (
|
|
187
|
+
onClick: o[1] || (o[1] = (d) => e.importFunction()),
|
|
187
188
|
class: "cursor-pointer bg-white hover:bg-slate-700 hover:text-white border border-slate-200 hover:border-slate-700 rounded-lg px-3 py-1.5 text-sm font-medium transition-all duration-200 shadow-sm hover:shadow-md"
|
|
188
189
|
}, "🏯 Importar")
|
|
189
190
|
], 32),
|
|
190
191
|
t("button", {
|
|
191
192
|
type: "button",
|
|
192
|
-
onClick: o[3] || (o[3] = (
|
|
193
|
+
onClick: o[3] || (o[3] = (d) => e.exportFunction()),
|
|
193
194
|
class: "cursor-pointer bg-white hover:bg-slate-700 hover:text-white border border-slate-200 hover:border-slate-700 rounded-lg px-3 py-1.5 text-sm font-medium transition-all duration-200 shadow-sm hover:shadow-md"
|
|
194
195
|
}, "🚀 Exportar")
|
|
195
196
|
])
|
|
196
|
-
])) :
|
|
197
|
-
t("div",
|
|
197
|
+
])) : F("", !0),
|
|
198
|
+
t("div", Ie, [
|
|
198
199
|
t("div", Me, [
|
|
199
200
|
t("button", {
|
|
200
201
|
type: "button",
|
|
201
|
-
class:
|
|
202
|
-
onClick: o[4] || (o[4] = (
|
|
203
|
-
var
|
|
204
|
-
return (
|
|
202
|
+
class: K([[e.isComponentMode ? "bg-gradient-to-r from-slate-600 to-slate-700 border-slate-700 text-white shadow-md" : "bg-white hover:bg-slate-100"], "cursor-pointer border border-slate-200 rounded-lg py-1.5 px-3 text-sm font-medium transition-all duration-200"]),
|
|
203
|
+
onClick: o[4] || (o[4] = (d) => {
|
|
204
|
+
var b;
|
|
205
|
+
return (b = e.toggleComponentModeFunction) == null ? void 0 : b.call(e);
|
|
205
206
|
})
|
|
206
|
-
},
|
|
207
|
+
}, h(e.isComponentMode ? "⚒️ Modo Configuración" : "👁️ Modo Visual"), 3),
|
|
207
208
|
t("button", {
|
|
208
209
|
type: "button",
|
|
209
|
-
class:
|
|
210
|
-
onClick: o[5] || (o[5] = (
|
|
211
|
-
var
|
|
212
|
-
return (
|
|
210
|
+
class: K([[e.fullwidthMode ? "bg-white hover:bg-slate-100" : "bg-gradient-to-r from-slate-600 to-slate-700 border-slate-700 text-white shadow-md"], "cursor-pointer border border-slate-200 rounded-lg py-1.5 px-3 text-sm font-medium transition-all duration-200"]),
|
|
211
|
+
onClick: o[5] || (o[5] = (d) => {
|
|
212
|
+
var b;
|
|
213
|
+
return (b = e.toggleFullwidthMode) == null ? void 0 : b.call(e);
|
|
213
214
|
})
|
|
214
|
-
},
|
|
215
|
+
}, h(e.fullwidthMode ? "⚒️ Comps. Plegados" : "👁️ Comps. Desplegados"), 3)
|
|
215
216
|
]),
|
|
216
|
-
t("div",
|
|
217
|
+
t("div", Ae, [
|
|
217
218
|
t("select", {
|
|
218
219
|
value: e.sectionSelected,
|
|
219
|
-
onChange: o[6] || (o[6] = (
|
|
220
|
+
onChange: o[6] || (o[6] = (d) => e.$emit("update:sectionSelected", d.target.value)),
|
|
220
221
|
class: "bg-white border border-slate-200 rounded-lg px-3 py-1.5 cursor-pointer text-sm focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 transition-colors"
|
|
221
222
|
}, [
|
|
222
|
-
(
|
|
223
|
-
key:
|
|
224
|
-
value:
|
|
225
|
-
},
|
|
226
|
-
], 40,
|
|
227
|
-
|
|
223
|
+
(r(!0), s(T, null, V(e.availableSections, (d, b) => (r(), s("option", {
|
|
224
|
+
key: b,
|
|
225
|
+
value: d
|
|
226
|
+
}, h(d), 9, Ee))), 128))
|
|
227
|
+
], 40, Be),
|
|
228
|
+
U(t("select", {
|
|
228
229
|
class: "bg-white border border-slate-200 rounded-lg px-3 py-1.5 cursor-pointer text-sm focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 transition-colors",
|
|
229
|
-
"onUpdate:modelValue": o[7] || (o[7] = (
|
|
230
|
+
"onUpdate:modelValue": o[7] || (o[7] = (d) => e.sectionWidth = d)
|
|
230
231
|
}, [
|
|
231
232
|
o[31] || (o[31] = t("option", {
|
|
232
233
|
disabled: "",
|
|
233
234
|
value: ""
|
|
234
235
|
}, "Selecciona el ancho de la sección", -1)),
|
|
235
|
-
t("option",
|
|
236
|
-
t("option",
|
|
237
|
-
t("option", De, "Sección " +
|
|
238
|
-
t("option",
|
|
239
|
-
t("option",
|
|
240
|
-
t("option", Ve, "Sección " +
|
|
241
|
-
t("option", ze, "Sección " +
|
|
242
|
-
t("option", Ne, "Sección " +
|
|
243
|
-
t("option",
|
|
244
|
-
t("option", qe, "Sección " +
|
|
236
|
+
t("option", Te, "Sección " + h(e.sectionSelected) + " ocupa todo el ancho de la página", 1),
|
|
237
|
+
t("option", Oe, "Sección " + h(e.sectionSelected) + " ocupa 1/2 del ancho de la página", 1),
|
|
238
|
+
t("option", De, "Sección " + h(e.sectionSelected) + " ocupa 1/3 del ancho de la página", 1),
|
|
239
|
+
t("option", Re, "Sección " + h(e.sectionSelected) + " ocupa 2/3 del ancho de la página", 1),
|
|
240
|
+
t("option", Ue, "Sección " + h(e.sectionSelected) + " ocupa 1/4 del ancho de la página", 1),
|
|
241
|
+
t("option", Ve, "Sección " + h(e.sectionSelected) + " ocupa 3/4 del ancho de la página", 1),
|
|
242
|
+
t("option", ze, "Sección " + h(e.sectionSelected) + " ocupa 1/5 del ancho de la página", 1),
|
|
243
|
+
t("option", Ne, "Sección " + h(e.sectionSelected) + " ocupa 2/5 del ancho de la página", 1),
|
|
244
|
+
t("option", Le, "Sección " + h(e.sectionSelected) + " ocupa 3/5 del ancho de la página", 1),
|
|
245
|
+
t("option", qe, "Sección " + h(e.sectionSelected) + " ocupa 4/5 del ancho de la página", 1)
|
|
245
246
|
], 512), [
|
|
246
|
-
[
|
|
247
|
+
[Q, e.sectionWidth]
|
|
247
248
|
]),
|
|
248
249
|
t("button", {
|
|
249
250
|
type: "button",
|
|
250
|
-
class:
|
|
251
|
+
class: K([
|
|
251
252
|
"cursor-pointer border rounded-lg py-1.5 px-3 text-sm font-medium transition-all duration-200 flex items-center gap-2",
|
|
252
253
|
e.showAdvancedConfig ? "bg-gradient-to-r from-amber-500 to-orange-500 border-amber-500 text-white shadow-md" : "bg-white border-slate-200 hover:bg-slate-100"
|
|
253
254
|
]),
|
|
254
|
-
onClick: o[8] || (o[8] = (
|
|
255
|
+
onClick: o[8] || (o[8] = (d) => e.showAdvancedConfig = !e.showAdvancedConfig)
|
|
255
256
|
}, [
|
|
256
257
|
o[32] || (o[32] = t("span", null, "⚙️ Página", -1)),
|
|
257
|
-
e.showAdvancedConfig ? (
|
|
258
|
+
e.showAdvancedConfig ? (r(), s("span", Ge, "▲")) : (r(), s("span", We, "▼"))
|
|
258
259
|
], 2)
|
|
259
260
|
]),
|
|
260
261
|
t("div", Je, [
|
|
261
262
|
t("button", {
|
|
262
263
|
type: "button",
|
|
263
|
-
onClick: o[9] || (o[9] = (
|
|
264
|
+
onClick: o[9] || (o[9] = (d) => e.previewFunction()),
|
|
264
265
|
class: "cursor-pointer bg-white hover:bg-violet-500 hover:text-white hover:border-violet-500 border border-slate-200 rounded-lg px-3 py-1.5 text-sm font-medium transition-all duration-200 shadow-sm hover:shadow-md"
|
|
265
266
|
}, "🔎 Preview"),
|
|
266
267
|
t("button", {
|
|
267
268
|
type: "button",
|
|
268
|
-
onClick: o[10] || (o[10] = (
|
|
269
|
+
onClick: o[10] || (o[10] = (d) => e.saveButtonAction()),
|
|
269
270
|
title: "Guardar configuración en localStorage y disparar evento global",
|
|
270
271
|
class: "cursor-pointer bg-gradient-to-r from-emerald-500 to-teal-500 hover:from-emerald-600 hover:to-teal-600 text-white border border-emerald-500 rounded-lg px-3 py-1.5 text-sm font-medium transition-all duration-200 shadow-sm hover:shadow-md"
|
|
271
|
-
},
|
|
272
|
-
e.debugMode ? (
|
|
272
|
+
}, h(e.isSaved ? e.submitForm ? "⏳ Submiteando formulario" : "✅ Se ha guardado correctamente" : "💾 Guardar"), 1),
|
|
273
|
+
e.debugMode ? (r(), s("button", {
|
|
273
274
|
key: 0,
|
|
274
275
|
type: "button",
|
|
275
|
-
onClick: o[11] || (o[11] = (
|
|
276
|
+
onClick: o[11] || (o[11] = (d) => e.loadFromLocalStorage()),
|
|
276
277
|
class: "cursor-pointer bg-white hover:bg-blue-500 hover:text-white hover:border-blue-500 border border-slate-200 rounded-lg px-3 py-1.5 text-sm font-medium transition-all duration-200 shadow-sm hover:shadow-md"
|
|
277
|
-
}, "⤵️ Cargar")) :
|
|
278
|
+
}, "⤵️ Cargar")) : F("", !0),
|
|
278
279
|
t("button", {
|
|
279
280
|
type: "button",
|
|
280
|
-
onClick: o[12] || (o[12] = (
|
|
281
|
+
onClick: o[12] || (o[12] = (d) => e.toggleExpandScreen()),
|
|
281
282
|
title: "Expandir / Contraer Pagebuilder",
|
|
282
283
|
class: "cursor-pointer bg-white hover:bg-slate-700 hover:text-white hover:border-slate-700 border border-slate-200 rounded-lg px-3 py-1.5 text-xl transition-all duration-200 shadow-sm hover:shadow-md ms-2"
|
|
283
284
|
}, "◳")
|
|
284
285
|
])
|
|
285
286
|
]),
|
|
286
|
-
e.showAdvancedConfig && e.parametersPageConfiguration ? (
|
|
287
|
-
t("div",
|
|
288
|
-
t("div",
|
|
287
|
+
e.showAdvancedConfig && e.parametersPageConfiguration ? (r(), s("div", He, [
|
|
288
|
+
t("div", Ye, [
|
|
289
|
+
t("div", Ke, [
|
|
289
290
|
o[38] || (o[38] = t("h2", { class: "text-lg font-bold mb-4 text-slate-700" }, "Configuración Avanzada", -1)),
|
|
290
291
|
o[39] || (o[39] = t("h3", { class: "font-semibold mb-3 text-slate-600" }, "Configuración Global", -1)),
|
|
291
|
-
t("div",
|
|
292
|
-
t("div",
|
|
293
|
-
t("label",
|
|
294
|
-
|
|
292
|
+
t("div", Qe, [
|
|
293
|
+
t("div", Xe, [
|
|
294
|
+
t("label", Ze, [
|
|
295
|
+
U(t("input", {
|
|
295
296
|
type: "checkbox",
|
|
296
|
-
"onUpdate:modelValue": o[13] || (o[13] = (
|
|
297
|
-
onChange: o[14] || (o[14] = (
|
|
297
|
+
"onUpdate:modelValue": o[13] || (o[13] = (d) => e.parametersPageConfiguration.global.sidebarEnabled = d),
|
|
298
|
+
onChange: o[14] || (o[14] = (d) => e.$emit("update:parametersPageConfiguration.global.sidebarEnabled", d.target.value)),
|
|
298
299
|
class: "w-5 h-5 rounded border-slate-300 text-emerald-500 focus:ring-emerald-500 cursor-pointer"
|
|
299
300
|
}, null, 544), [
|
|
300
|
-
[
|
|
301
|
+
[re, e.parametersPageConfiguration.global.sidebarEnabled]
|
|
301
302
|
]),
|
|
302
303
|
o[33] || (o[33] = t("span", { class: "text-slate-600 group-hover:text-slate-800 transition-colors" }, "Sidebar Habilitado", -1))
|
|
303
304
|
])
|
|
304
305
|
]),
|
|
305
|
-
t("div",
|
|
306
|
-
t("label",
|
|
307
|
-
|
|
306
|
+
t("div", _e, [
|
|
307
|
+
t("label", et, [
|
|
308
|
+
U(t("input", {
|
|
308
309
|
type: "checkbox",
|
|
309
|
-
"onUpdate:modelValue": o[15] || (o[15] = (
|
|
310
|
-
onChange: o[16] || (o[16] = (
|
|
310
|
+
"onUpdate:modelValue": o[15] || (o[15] = (d) => e.parametersPageConfiguration.global.renderAsBodyPart = d),
|
|
311
|
+
onChange: o[16] || (o[16] = (d) => e.$emit("update:parametersPageConfiguration.global.renderAsBodyPart", d.target.value)),
|
|
311
312
|
class: "w-5 h-5 rounded border-slate-300 text-emerald-500 focus:ring-emerald-500 cursor-pointer"
|
|
312
313
|
}, null, 544), [
|
|
313
|
-
[
|
|
314
|
+
[re, e.parametersPageConfiguration.global.renderAsBodyPart]
|
|
314
315
|
]),
|
|
315
316
|
o[34] || (o[34] = t("span", { class: "text-slate-600 group-hover:text-slate-800 transition-colors" }, "Renderizar como parte del BODY (Sin etiquetas HTML, HEAD, BODY)", -1))
|
|
316
317
|
])
|
|
317
318
|
]),
|
|
318
|
-
t("div",
|
|
319
|
+
t("div", tt, [
|
|
319
320
|
o[35] || (o[35] = t("label", {
|
|
320
321
|
for: "headSlot",
|
|
321
322
|
class: "block text-sm font-medium text-slate-600 mb-2"
|
|
322
323
|
}, " Código al final de la sección <head> ", -1)),
|
|
323
|
-
|
|
324
|
+
U(t("textarea", {
|
|
324
325
|
id: "headSlot",
|
|
325
|
-
"onUpdate:modelValue": o[17] || (o[17] = (
|
|
326
|
-
onInput: o[18] || (o[18] = (
|
|
326
|
+
"onUpdate:modelValue": o[17] || (o[17] = (d) => e.parametersPageConfiguration.global.headSlot = d),
|
|
327
|
+
onInput: o[18] || (o[18] = (d) => e.$emit("update:parametersPageConfiguration.global.headSlot", d.target.value)),
|
|
327
328
|
class: "w-full px-4 py-3 border border-slate-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 bg-white text-sm font-mono transition-colors",
|
|
328
329
|
placeholder: "Contenido para el head",
|
|
329
330
|
rows: "3"
|
|
330
331
|
}, null, 544), [
|
|
331
|
-
[
|
|
332
|
+
[oe, e.parametersPageConfiguration.global.headSlot]
|
|
332
333
|
])
|
|
333
334
|
]),
|
|
334
|
-
t("div",
|
|
335
|
+
t("div", ot, [
|
|
335
336
|
o[36] || (o[36] = t("label", {
|
|
336
337
|
for: "bodyBeginSlot",
|
|
337
338
|
class: "block text-sm font-medium text-slate-600 mb-2"
|
|
338
339
|
}, " Código al principio de la sección <body> ", -1)),
|
|
339
|
-
|
|
340
|
+
U(t("textarea", {
|
|
340
341
|
id: "bodyBeginSlot",
|
|
341
|
-
"onUpdate:modelValue": o[19] || (o[19] = (
|
|
342
|
-
onInput: o[20] || (o[20] = (
|
|
342
|
+
"onUpdate:modelValue": o[19] || (o[19] = (d) => e.parametersPageConfiguration.global.bodyBeginSlot = d),
|
|
343
|
+
onInput: o[20] || (o[20] = (d) => e.$emit("update:parametersPageConfiguration.global.bodyBeginSlot", d.target.value)),
|
|
343
344
|
class: "w-full px-4 py-3 border border-slate-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 bg-white text-sm font-mono transition-colors",
|
|
344
345
|
placeholder: "Contenido para el inicio del body",
|
|
345
346
|
rows: "3"
|
|
346
347
|
}, null, 544), [
|
|
347
|
-
[
|
|
348
|
+
[oe, e.parametersPageConfiguration.global.bodyBeginSlot]
|
|
348
349
|
])
|
|
349
350
|
]),
|
|
350
|
-
t("div",
|
|
351
|
+
t("div", nt, [
|
|
351
352
|
o[37] || (o[37] = t("label", {
|
|
352
353
|
for: "footerSlot",
|
|
353
354
|
class: "block text-sm font-medium text-slate-600 mb-2"
|
|
354
355
|
}, " Código al final de la sección <body>, dentro de la etiqueta <footer> ", -1)),
|
|
355
|
-
|
|
356
|
+
U(t("textarea", {
|
|
356
357
|
id: "footerSlot",
|
|
357
|
-
"onUpdate:modelValue": o[21] || (o[21] = (
|
|
358
|
-
onInput: o[22] || (o[22] = (
|
|
358
|
+
"onUpdate:modelValue": o[21] || (o[21] = (d) => e.parametersPageConfiguration.global.footerSlot = d),
|
|
359
|
+
onInput: o[22] || (o[22] = (d) => e.$emit("update:parametersPageConfiguration.global.footerSlot", d.target.value)),
|
|
359
360
|
class: "w-full px-4 py-3 border border-slate-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 bg-white text-sm font-mono transition-colors",
|
|
360
361
|
placeholder: "Contenido para el footer",
|
|
361
362
|
rows: "3"
|
|
362
363
|
}, null, 544), [
|
|
363
|
-
[
|
|
364
|
+
[oe, e.parametersPageConfiguration.global.footerSlot]
|
|
364
365
|
])
|
|
365
366
|
])
|
|
366
367
|
])
|
|
367
368
|
]),
|
|
368
|
-
t("div",
|
|
369
|
-
t("div",
|
|
369
|
+
t("div", lt, [
|
|
370
|
+
t("div", at, [
|
|
370
371
|
o[40] || (o[40] = t("h2", { class: "text-lg font-bold text-slate-700" }, "Configuración SEO", -1)),
|
|
371
372
|
t("button", {
|
|
372
373
|
type: "button",
|
|
373
|
-
onClick: o[23] || (o[23] = (
|
|
374
|
+
onClick: o[23] || (o[23] = (d) => e.validateSeo()),
|
|
374
375
|
class: "cursor-pointer bg-gradient-to-r from-violet-500 to-purple-500 hover:from-violet-600 hover:to-purple-600 text-white border border-violet-500 rounded-lg px-4 py-1.5 text-sm font-medium transition-all duration-200 shadow-sm hover:shadow-md"
|
|
375
376
|
}, "🦄 Validar SEO")
|
|
376
377
|
]),
|
|
377
|
-
t("div",
|
|
378
|
-
t("div",
|
|
378
|
+
t("div", rt, [
|
|
379
|
+
t("div", st, [
|
|
379
380
|
o[42] || (o[42] = t("label", {
|
|
380
381
|
for: "robotsIndex",
|
|
381
382
|
class: "block text-sm font-medium text-slate-600 mb-2"
|
|
382
383
|
}, " Indexación de robots ", -1)),
|
|
383
|
-
|
|
384
|
+
U(t("select", {
|
|
384
385
|
id: "robotsIndex",
|
|
385
|
-
"onUpdate:modelValue": o[24] || (o[24] = (
|
|
386
|
-
onChange: o[25] || (o[25] = (
|
|
386
|
+
"onUpdate:modelValue": o[24] || (o[24] = (d) => e.parametersPageConfiguration.seo.robots = d),
|
|
387
|
+
onChange: o[25] || (o[25] = (d) => e.$emit("update:parametersPageConfiguration.seo.robots", d.target.value)),
|
|
387
388
|
class: "w-full px-4 py-2.5 border border-slate-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 bg-white text-sm transition-colors cursor-pointer"
|
|
388
389
|
}, [...o[41] || (o[41] = [
|
|
389
390
|
t("option", { value: "index, follow" }, "Index Follow", -1),
|
|
390
391
|
t("option", { value: "noindex, nofollow" }, "Noindex Nofollow", -1)
|
|
391
392
|
])], 544), [
|
|
392
|
-
[
|
|
393
|
+
[Q, e.parametersPageConfiguration.seo.robots]
|
|
393
394
|
])
|
|
394
395
|
]),
|
|
395
|
-
t("div",
|
|
396
|
+
t("div", it, [
|
|
396
397
|
o[43] || (o[43] = t("label", {
|
|
397
398
|
for: "pageTitle",
|
|
398
399
|
class: "block text-sm font-medium text-slate-600 mb-2"
|
|
399
400
|
}, " Título de la página ", -1)),
|
|
400
|
-
|
|
401
|
+
U(t("input", {
|
|
401
402
|
id: "pageTitle",
|
|
402
403
|
type: "text",
|
|
403
|
-
"onUpdate:modelValue": o[26] || (o[26] = (
|
|
404
|
-
onInput: o[27] || (o[27] = (
|
|
404
|
+
"onUpdate:modelValue": o[26] || (o[26] = (d) => e.parametersPageConfiguration.seo.title = d),
|
|
405
|
+
onInput: o[27] || (o[27] = (d) => e.$emit("update:parametersPageConfiguration.seo.title", d.target.value)),
|
|
405
406
|
class: "w-full px-4 py-2.5 border border-slate-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 bg-white text-sm transition-colors",
|
|
406
407
|
placeholder: "Ingresa el título de la página"
|
|
407
408
|
}, null, 544), [
|
|
408
|
-
[
|
|
409
|
+
[oe, e.parametersPageConfiguration.seo.title]
|
|
409
410
|
])
|
|
410
411
|
]),
|
|
411
|
-
t("div",
|
|
412
|
+
t("div", dt, [
|
|
412
413
|
o[44] || (o[44] = t("label", {
|
|
413
414
|
for: "pageDescription",
|
|
414
415
|
class: "block text-sm font-medium text-slate-600 mb-2"
|
|
415
416
|
}, " Descripción de la página ", -1)),
|
|
416
|
-
|
|
417
|
+
U(t("textarea", {
|
|
417
418
|
id: "pageDescription",
|
|
418
|
-
"onUpdate:modelValue": o[28] || (o[28] = (
|
|
419
|
-
onInput: o[29] || (o[29] = (
|
|
419
|
+
"onUpdate:modelValue": o[28] || (o[28] = (d) => e.parametersPageConfiguration.seo.description = d),
|
|
420
|
+
onInput: o[29] || (o[29] = (d) => e.$emit("update:parametersPageConfiguration.seo.description", d.target.value)),
|
|
420
421
|
class: "w-full px-4 py-3 border border-slate-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 bg-white text-sm transition-colors",
|
|
421
422
|
placeholder: "Ingresa la descripción de la página",
|
|
422
423
|
rows: "3"
|
|
423
424
|
}, null, 544), [
|
|
424
|
-
[
|
|
425
|
+
[oe, e.parametersPageConfiguration.seo.description]
|
|
425
426
|
])
|
|
426
427
|
])
|
|
427
428
|
])
|
|
428
429
|
])
|
|
429
430
|
])
|
|
430
|
-
])) :
|
|
431
|
+
])) : F("", !0)
|
|
431
432
|
], 512);
|
|
432
433
|
}
|
|
433
|
-
const
|
|
434
|
+
const ct = /* @__PURE__ */ Se(ke, [["render", ut]]), mt = {
|
|
434
435
|
key: 0,
|
|
435
436
|
class: "absolute top-0 left-0 bg-white/90 w-full h-full z-100"
|
|
436
|
-
},
|
|
437
|
+
}, bt = { class: "w-full flex justify-end p-4" }, gt = ["for"], ft = {
|
|
437
438
|
key: 0,
|
|
438
439
|
class: "text-red-500"
|
|
439
|
-
},
|
|
440
|
+
}, pt = ["id", "name", "placeholder", "required", "value", "onInput"], vt = ["id", "name", "data-mandatoryCrops", "placeholder", "required", "value", "onInput"], xt = ["id", "name", "required", "value", "onInput"], ht = ["value"], wt = ["id", "name", "required", "checked", "onChange"], ue = /* @__PURE__ */ Z({
|
|
440
441
|
__name: "FieldsForm",
|
|
441
442
|
props: {
|
|
442
443
|
object: {
|
|
@@ -452,112 +453,135 @@ const ut = /* @__PURE__ */ ke($e, [["render", dt]]), ct = {
|
|
|
452
453
|
default: !1
|
|
453
454
|
}
|
|
454
455
|
},
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
u
|
|
456
|
+
emits: ["fieldUpdated"],
|
|
457
|
+
setup(e, { emit: o }) {
|
|
458
|
+
const v = e, j = o, $ = (b, m) => {
|
|
459
|
+
const u = (v.object.fields || []).find((a) => a.name === b);
|
|
460
|
+
u && (u.example_value = m, j("fieldUpdated", b, m));
|
|
461
|
+
}, w = (b) => {
|
|
462
|
+
var n;
|
|
463
|
+
const m = b.target;
|
|
464
|
+
if (!m) return;
|
|
465
|
+
const u = m.id, a = (v.object.fields || []).find(
|
|
466
|
+
(l) => l.type === "image" && u.includes(l.name)
|
|
467
|
+
);
|
|
468
|
+
if (a) {
|
|
469
|
+
const l = m.value || ((n = b.detail) == null ? void 0 : n.value) || "";
|
|
470
|
+
a.example_value = l, j("fieldUpdated", a.name, l), console.log("[FieldsForm] Limbo image selected, field:", a.name, "value:", l);
|
|
471
|
+
}
|
|
472
|
+
}, d = (b) => {
|
|
473
|
+
const m = b.target;
|
|
474
|
+
if (!m || !m.classList.contains("js-limbo")) return;
|
|
475
|
+
const u = m.id, a = (v.object.fields || []).find(
|
|
476
|
+
(n) => n.type === "image" && u.includes(n.name)
|
|
477
|
+
);
|
|
478
|
+
a && (a.example_value = m.value, j("fieldUpdated", a.name, m.value), console.log("[FieldsForm] Input change detected, field:", a.name, "value:", m.value));
|
|
459
479
|
};
|
|
460
|
-
return (
|
|
461
|
-
|
|
480
|
+
return le(() => {
|
|
481
|
+
document.addEventListener("limbo:imageSelected", w), document.addEventListener("limbo:resultReady", w), document.addEventListener("change", d);
|
|
482
|
+
}), xe(() => {
|
|
483
|
+
document.removeEventListener("limbo:imageSelected", w), document.removeEventListener("limbo:resultReady", w), document.removeEventListener("change", d);
|
|
484
|
+
}), (b, m) => (r(), s(T, null, [
|
|
485
|
+
e.showForm ? (r(), s("div", mt)) : F("", !0),
|
|
462
486
|
t("div", {
|
|
463
|
-
class:
|
|
487
|
+
class: K(e.showForm ? "relative top-0 w-full text-slate-600 border-1 my-2 px-4 pt-2 pb-3 w-full border-slate-200 bg-slate-50 inline-block rounded-lg flex flex-col z-101" : "hidden")
|
|
464
488
|
}, [
|
|
465
|
-
t("div",
|
|
489
|
+
t("div", bt, [
|
|
466
490
|
t("span", {
|
|
467
|
-
onClick:
|
|
491
|
+
onClick: m[0] || (m[0] = //@ts-ignore
|
|
468
492
|
(...u) => e.toggleShowForm && e.toggleShowForm(...u)),
|
|
469
493
|
class: "cursor-pointer hover:scale-125 transition-all duration-300"
|
|
470
494
|
}, "❌")
|
|
471
495
|
]),
|
|
472
496
|
t("form", null, [
|
|
473
|
-
(
|
|
474
|
-
key:
|
|
497
|
+
(r(!0), s(T, null, V(e.object.fields, (u, a) => (r(), s("div", {
|
|
498
|
+
key: a,
|
|
475
499
|
class: "mb-4"
|
|
476
500
|
}, [
|
|
477
501
|
t("label", {
|
|
478
|
-
for: `${e.object.id}-${u.name}-${
|
|
502
|
+
for: `${e.object.id}-${u.name}-${a}`,
|
|
479
503
|
class: "block text-sm font-medium mb-1"
|
|
480
504
|
}, [
|
|
481
|
-
D(
|
|
482
|
-
u.mandatory ? (
|
|
483
|
-
], 8,
|
|
484
|
-
u.type === "text" ? (
|
|
505
|
+
D(h(u.label) + " ", 1),
|
|
506
|
+
u.mandatory ? (r(), s("span", ft, "*")) : F("", !0)
|
|
507
|
+
], 8, gt),
|
|
508
|
+
u.type === "text" ? (r(), s("input", {
|
|
485
509
|
key: 0,
|
|
486
|
-
id: `${e.object.id}-${u.name}-${
|
|
487
|
-
name: `${e.object.id}-${u.name}-${
|
|
510
|
+
id: `${e.object.id}-${u.name}-${a}`,
|
|
511
|
+
name: `${e.object.id}-${u.name}-${a}`,
|
|
488
512
|
type: "text",
|
|
489
513
|
class: "w-full px-3 py-2 border border-slate-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-400",
|
|
490
514
|
placeholder: u.label,
|
|
491
515
|
required: u.mandatory,
|
|
492
516
|
value: u.example_value,
|
|
493
|
-
onInput: (
|
|
494
|
-
}, null, 40,
|
|
495
|
-
u.type === "image" ? (
|
|
517
|
+
onInput: (n) => $(u.name, n.target.value)
|
|
518
|
+
}, null, 40, pt)) : F("", !0),
|
|
519
|
+
u.type === "image" ? (r(), s("input", {
|
|
496
520
|
key: 1,
|
|
497
|
-
id: `${e.object.id}-${u.name}-${
|
|
498
|
-
name: `${e.object.id}-${u.name}-${
|
|
521
|
+
id: `${e.object.id}-${u.name}-${a}`,
|
|
522
|
+
name: `${e.object.id}-${u.name}-${a}`,
|
|
499
523
|
"data-mandatoryCrops": u.image_cuts ? JSON.stringify(u.image_cuts) : null,
|
|
500
524
|
type: "text",
|
|
501
525
|
class: "js-limbo w-full px-3 py-2 border border-slate-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-400",
|
|
502
526
|
placeholder: u.label,
|
|
503
527
|
required: u.mandatory,
|
|
504
528
|
value: u.example_value,
|
|
505
|
-
onInput: (
|
|
506
|
-
}, null, 40,
|
|
529
|
+
onInput: (n) => $(u.name, n.target.value)
|
|
530
|
+
}, null, 40, vt)) : u.type === "textArea" ? (r(), me(H($e), {
|
|
507
531
|
key: 2,
|
|
508
532
|
theme: "snow",
|
|
509
|
-
id: `${e.object.id}-${u.name}-${
|
|
510
|
-
name: `${e.object.id}-${u.name}-${
|
|
533
|
+
id: `${e.object.id}-${u.name}-${a}`,
|
|
534
|
+
name: `${e.object.id}-${u.name}-${a}`,
|
|
511
535
|
rows: "3",
|
|
512
536
|
class: "w-full px-3 py-2 border border-slate-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-400 z-9999",
|
|
513
537
|
placeholder: u.label,
|
|
514
538
|
required: u.mandatory,
|
|
515
|
-
"onUpdate:content": (
|
|
516
|
-
|
|
539
|
+
"onUpdate:content": (n) => {
|
|
540
|
+
$(u.name, n);
|
|
517
541
|
},
|
|
518
542
|
content: u.example_value,
|
|
519
543
|
modelValue: u.example_value,
|
|
520
|
-
"onUpdate:modelValue": (
|
|
544
|
+
"onUpdate:modelValue": (n) => u.example_value = n,
|
|
521
545
|
contentType: "html"
|
|
522
|
-
}, null, 8, ["id", "name", "placeholder", "required", "onUpdate:content", "content", "modelValue", "onUpdate:modelValue"])) : u.type === "select" ? (
|
|
546
|
+
}, null, 8, ["id", "name", "placeholder", "required", "onUpdate:content", "content", "modelValue", "onUpdate:modelValue"])) : u.type === "select" ? (r(), s("select", {
|
|
523
547
|
key: 3,
|
|
524
|
-
id: `${e.object.id}-${u.name}-${
|
|
525
|
-
name: `${e.object.id}-${u.name}-${
|
|
548
|
+
id: `${e.object.id}-${u.name}-${a}`,
|
|
549
|
+
name: `${e.object.id}-${u.name}-${a}`,
|
|
526
550
|
class: "w-full px-3 py-2 border border-slate-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-400",
|
|
527
551
|
required: u.mandatory,
|
|
528
552
|
value: u.example_value,
|
|
529
|
-
onInput: (
|
|
553
|
+
onInput: (n) => $(u.name, n.target.value)
|
|
530
554
|
}, [
|
|
531
|
-
|
|
555
|
+
m[1] || (m[1] = t("option", {
|
|
532
556
|
disabled: "",
|
|
533
557
|
value: ""
|
|
534
558
|
}, "Seleccione una opción", -1)),
|
|
535
|
-
(
|
|
536
|
-
key:
|
|
537
|
-
value:
|
|
538
|
-
},
|
|
539
|
-
], 40,
|
|
559
|
+
(r(!0), s(T, null, V(u.options || [], (n, l) => (r(), s("option", {
|
|
560
|
+
key: l,
|
|
561
|
+
value: n
|
|
562
|
+
}, h(n), 9, ht))), 128))
|
|
563
|
+
], 40, xt)) : u.type === "boolean" ? (r(), s("input", {
|
|
540
564
|
key: 4,
|
|
541
|
-
id: `${e.object.id}-${u.name}-${
|
|
542
|
-
name: `${e.object.id}-${u.name}-${
|
|
565
|
+
id: `${e.object.id}-${u.name}-${a}`,
|
|
566
|
+
name: `${e.object.id}-${u.name}-${a}`,
|
|
543
567
|
type: "checkbox",
|
|
544
568
|
class: "h-4 w-4 text-blue-600 focus:ring-blue-500 border-slate-300 rounded inline-block",
|
|
545
569
|
required: u.mandatory,
|
|
546
570
|
checked: u.example_value,
|
|
547
|
-
onChange: (
|
|
548
|
-
}, null, 40,
|
|
571
|
+
onChange: (n) => $(u.name, n.target.checked)
|
|
572
|
+
}, null, 40, wt)) : F("", !0)
|
|
549
573
|
]))), 128))
|
|
550
574
|
])
|
|
551
575
|
], 2)
|
|
552
576
|
], 64));
|
|
553
577
|
}
|
|
554
|
-
}),
|
|
578
|
+
}), yt = { class: "space-y-4" }, Ct = ["disabled"], $t = ["value"], kt = { class: "space-y-3" }, St = {
|
|
555
579
|
key: 0,
|
|
556
580
|
class: "overflow-y-auto space-y-3"
|
|
557
|
-
},
|
|
581
|
+
}, Ft = { class: "block text-sm font-semibold text-slate-600 mb-2" }, Pt = ["onChange", "disabled"], jt = ["value"], It = ["onChange", "disabled"], Mt = ["onInput", "disabled", "placeholder"], At = ["disabled"], Bt = {
|
|
558
582
|
key: 0,
|
|
559
583
|
class: "animate-spin"
|
|
560
|
-
},
|
|
584
|
+
}, Et = { key: 1 }, Tt = /* @__PURE__ */ Z({
|
|
561
585
|
__name: "SourceFilter",
|
|
562
586
|
props: {
|
|
563
587
|
onSubmit: {
|
|
@@ -574,13 +598,13 @@ const ut = /* @__PURE__ */ ke($e, [["render", dt]]), ct = {
|
|
|
574
598
|
}
|
|
575
599
|
},
|
|
576
600
|
setup(e) {
|
|
577
|
-
const o = e,
|
|
578
|
-
const
|
|
601
|
+
const o = e, v = P(!1), j = P(null), $ = P({}), w = _(() => {
|
|
602
|
+
const a = o.isProduction;
|
|
579
603
|
return [
|
|
580
604
|
{
|
|
581
605
|
id: "origen1",
|
|
582
606
|
name: "El Derecho",
|
|
583
|
-
apiUrl:
|
|
607
|
+
apiUrl: a ? "https://elderecho.com/feed" : "https://led-dev-elderecho-dev.eu.els.local/feed",
|
|
584
608
|
filters: [
|
|
585
609
|
{ id: "title", label: "Título del Post", type: "text" },
|
|
586
610
|
{ id: "category", label: "Slug de la Categoría", type: "text" },
|
|
@@ -594,7 +618,7 @@ const ut = /* @__PURE__ */ ke($e, [["render", dt]]), ct = {
|
|
|
594
618
|
{
|
|
595
619
|
id: "origen2",
|
|
596
620
|
name: "Formación",
|
|
597
|
-
apiUrl:
|
|
621
|
+
apiUrl: a ? "https://lefebvre.es/formacion/feed" : "http://led-dev-lefebvre-dev.eu.els.local/formacion/feed",
|
|
598
622
|
filters: [
|
|
599
623
|
{ id: "id", label: "ID del curso", type: "text" },
|
|
600
624
|
{ id: "title", label: "Título del Post", type: "text" },
|
|
@@ -606,153 +630,153 @@ const ut = /* @__PURE__ */ ke($e, [["render", dt]]), ct = {
|
|
|
606
630
|
{
|
|
607
631
|
id: "origen3",
|
|
608
632
|
name: "Derecholocal",
|
|
609
|
-
apiUrl:
|
|
633
|
+
apiUrl: a ? "https://derecholocal.es/feed" : "https://led-dev-derecholocal-dev.eu.els.local/feed",
|
|
610
634
|
filters: []
|
|
611
635
|
},
|
|
612
636
|
{
|
|
613
637
|
id: "origen4",
|
|
614
638
|
name: "EspacioAsesoría",
|
|
615
|
-
apiUrl:
|
|
639
|
+
apiUrl: a ? "https://espacioasesoria.com/feed" : "https://led-dev-espacioasesoria-dev.eu.els.local/feed",
|
|
616
640
|
filters: []
|
|
617
641
|
},
|
|
618
642
|
{
|
|
619
643
|
id: "origen5",
|
|
620
644
|
name: "EspacioPymes",
|
|
621
|
-
apiUrl:
|
|
645
|
+
apiUrl: a ? "https://espaciopymes.com/feed" : "https://led-dev-espaciopymes-dev.eu.els.local/feed",
|
|
622
646
|
filters: []
|
|
623
647
|
}
|
|
624
648
|
];
|
|
625
|
-
}),
|
|
626
|
-
if (!
|
|
649
|
+
}), d = _(() => {
|
|
650
|
+
if (!j.value)
|
|
627
651
|
return [];
|
|
628
|
-
const
|
|
629
|
-
return
|
|
630
|
-
}),
|
|
631
|
-
|
|
632
|
-
},
|
|
633
|
-
|
|
634
|
-
},
|
|
635
|
-
|
|
636
|
-
const
|
|
637
|
-
if (!
|
|
638
|
-
console.error("Origen no encontrado"),
|
|
652
|
+
const a = w.value.find((n) => n.id === j.value);
|
|
653
|
+
return a ? a.filters : [];
|
|
654
|
+
}), b = (a, n) => {
|
|
655
|
+
$.value[a] = n;
|
|
656
|
+
}, m = () => {
|
|
657
|
+
$.value = {};
|
|
658
|
+
}, u = async () => {
|
|
659
|
+
v.value = !0;
|
|
660
|
+
const a = w.value.find((l) => l.id === j.value);
|
|
661
|
+
if (!a) {
|
|
662
|
+
console.error("Origen no encontrado"), v.value = !1;
|
|
639
663
|
return;
|
|
640
664
|
}
|
|
641
|
-
const
|
|
642
|
-
Object.keys(
|
|
643
|
-
|
|
665
|
+
const n = new URL(a.apiUrl);
|
|
666
|
+
Object.keys($.value).forEach((l) => {
|
|
667
|
+
$.value[l] && n.searchParams.append(l, $.value[l]);
|
|
644
668
|
});
|
|
645
669
|
try {
|
|
646
|
-
const
|
|
670
|
+
const p = await (await fetch(n.toString(), {
|
|
647
671
|
method: "GET",
|
|
648
672
|
headers: {
|
|
649
673
|
Accept: "text/xml, application/xml"
|
|
650
674
|
}
|
|
651
|
-
})).text(),
|
|
652
|
-
const
|
|
653
|
-
return Array.from(
|
|
654
|
-
|
|
655
|
-
const
|
|
656
|
-
|
|
657
|
-
}) :
|
|
658
|
-
}),
|
|
675
|
+
})).text(), M = new DOMParser().parseFromString(p, "text/xml"), f = Array.from(M.querySelectorAll("item")).map((i) => {
|
|
676
|
+
const g = {};
|
|
677
|
+
return Array.from(i.children).forEach((G) => {
|
|
678
|
+
G.children.length > 0 ? Array.from(G.children).forEach((N) => {
|
|
679
|
+
const L = `${G.nodeName}_${N.nodeName}`;
|
|
680
|
+
g[L] = N.textContent || "";
|
|
681
|
+
}) : g[G.nodeName] = G.textContent || "";
|
|
682
|
+
}), g;
|
|
659
683
|
});
|
|
660
|
-
o.onSubmit(
|
|
661
|
-
} catch (
|
|
662
|
-
console.error("Error al aplicar filtros:",
|
|
684
|
+
o.onSubmit(f);
|
|
685
|
+
} catch (l) {
|
|
686
|
+
console.error("Error al aplicar filtros:", l), o.onSubmit([]);
|
|
663
687
|
} finally {
|
|
664
|
-
const
|
|
665
|
-
name:
|
|
666
|
-
url:
|
|
688
|
+
const l = {
|
|
689
|
+
name: a.name,
|
|
690
|
+
url: n.toString()
|
|
667
691
|
};
|
|
668
|
-
o.updateFeedCriteria(
|
|
692
|
+
o.updateFeedCriteria(l), v.value = !1;
|
|
669
693
|
}
|
|
670
694
|
};
|
|
671
|
-
return (
|
|
695
|
+
return (a, n) => (r(), s("div", yt, [
|
|
672
696
|
t("div", null, [
|
|
673
|
-
|
|
674
|
-
|
|
675
|
-
"onUpdate:modelValue":
|
|
697
|
+
n[1] || (n[1] = t("label", { class: "block text-sm font-semibold text-slate-600 mb-2" }, "Seleccionar origen:", -1)),
|
|
698
|
+
U(t("select", {
|
|
699
|
+
"onUpdate:modelValue": n[0] || (n[0] = (l) => j.value = l),
|
|
676
700
|
class: "w-full px-3 py-2.5 bg-white border border-slate-200 rounded-lg shadow-sm focus:border-emerald-400 focus:ring-2 focus:ring-emerald-500/20 transition-all duration-200 disabled:bg-slate-100 disabled:cursor-not-allowed cursor-pointer",
|
|
677
|
-
onChange:
|
|
678
|
-
disabled:
|
|
701
|
+
onChange: m,
|
|
702
|
+
disabled: v.value
|
|
679
703
|
}, [
|
|
680
|
-
(
|
|
681
|
-
key:
|
|
682
|
-
value:
|
|
683
|
-
},
|
|
684
|
-
], 40,
|
|
685
|
-
[
|
|
704
|
+
(r(!0), s(T, null, V(w.value, (l) => (r(), s("option", {
|
|
705
|
+
key: l.id,
|
|
706
|
+
value: l.id
|
|
707
|
+
}, h(l.name), 9, $t))), 128))
|
|
708
|
+
], 40, Ct), [
|
|
709
|
+
[Q, j.value]
|
|
686
710
|
])
|
|
687
711
|
]),
|
|
688
|
-
t("div",
|
|
689
|
-
|
|
690
|
-
(
|
|
691
|
-
key:
|
|
712
|
+
t("div", kt, [
|
|
713
|
+
d.value.length > 0 ? (r(), s("div", St, [
|
|
714
|
+
(r(!0), s(T, null, V(d.value, (l) => (r(), s("div", {
|
|
715
|
+
key: l.id,
|
|
692
716
|
class: "bg-gradient-to-br from-slate-50 to-white p-4 rounded-xl border border-slate-200"
|
|
693
717
|
}, [
|
|
694
|
-
t("label",
|
|
695
|
-
|
|
718
|
+
t("label", Ft, h(l.label) + ":", 1),
|
|
719
|
+
l.type === "select" ? (r(), s("select", {
|
|
696
720
|
key: 0,
|
|
697
721
|
class: "w-full px-3 py-2.5 bg-white border border-slate-200 rounded-lg shadow-sm focus:border-emerald-400 focus:ring-2 focus:ring-emerald-500/20 transition-all duration-200 disabled:bg-slate-100 disabled:cursor-not-allowed cursor-pointer",
|
|
698
|
-
onChange: (
|
|
699
|
-
disabled:
|
|
722
|
+
onChange: (p) => b(l.id, p.target.value),
|
|
723
|
+
disabled: v.value
|
|
700
724
|
}, [
|
|
701
|
-
|
|
702
|
-
(
|
|
703
|
-
key:
|
|
704
|
-
value:
|
|
705
|
-
},
|
|
706
|
-
], 40,
|
|
725
|
+
n[2] || (n[2] = t("option", { value: "" }, "Seleccionar...", -1)),
|
|
726
|
+
(r(!0), s(T, null, V(l.options, (p) => (r(), s("option", {
|
|
727
|
+
key: p,
|
|
728
|
+
value: p
|
|
729
|
+
}, h(p), 9, jt))), 128))
|
|
730
|
+
], 40, Pt)) : l.type === "date" ? (r(), s("input", {
|
|
707
731
|
key: 1,
|
|
708
732
|
type: "date",
|
|
709
733
|
class: "w-full px-3 py-2.5 bg-white border border-slate-200 rounded-lg shadow-sm focus:border-emerald-400 focus:ring-2 focus:ring-emerald-500/20 transition-all duration-200 disabled:bg-slate-100 disabled:cursor-not-allowed",
|
|
710
|
-
onChange: (
|
|
711
|
-
disabled:
|
|
712
|
-
}, null, 40,
|
|
734
|
+
onChange: (p) => b(l.id, p.target.value),
|
|
735
|
+
disabled: v.value
|
|
736
|
+
}, null, 40, It)) : l.type === "text" ? (r(), s("input", {
|
|
713
737
|
key: 2,
|
|
714
738
|
type: "text",
|
|
715
739
|
class: "w-full px-3 py-2.5 bg-white border border-slate-200 rounded-lg shadow-sm focus:border-emerald-400 focus:ring-2 focus:ring-emerald-500/20 transition-all duration-200 disabled:bg-slate-100 disabled:cursor-not-allowed",
|
|
716
|
-
onInput: (
|
|
717
|
-
disabled:
|
|
718
|
-
placeholder:
|
|
719
|
-
}, null, 40, Mt)) :
|
|
740
|
+
onInput: (p) => b(l.id, p.target.value),
|
|
741
|
+
disabled: v.value,
|
|
742
|
+
placeholder: l.label
|
|
743
|
+
}, null, 40, Mt)) : F("", !0)
|
|
720
744
|
]))), 128))
|
|
721
|
-
])) :
|
|
745
|
+
])) : F("", !0),
|
|
722
746
|
t("button", {
|
|
723
747
|
type: "button",
|
|
724
|
-
onClick:
|
|
748
|
+
onClick: u,
|
|
725
749
|
class: "cursor-pointer w-full bg-gradient-to-r from-emerald-500 to-teal-500 text-white font-semibold px-4 py-3 rounded-xl shadow-md hover:from-emerald-600 hover:to-teal-600 hover:shadow-lg transform hover:-translate-y-0.5 transition-all duration-200 disabled:from-slate-300 disabled:to-slate-400 disabled:cursor-not-allowed disabled:transform-none disabled:shadow-none flex items-center justify-center gap-2",
|
|
726
|
-
disabled:
|
|
750
|
+
disabled: v.value
|
|
727
751
|
}, [
|
|
728
|
-
|
|
729
|
-
D(" " +
|
|
730
|
-
], 8,
|
|
752
|
+
v.value ? (r(), s("span", Bt, "⏳")) : (r(), s("span", Et, "🔍")),
|
|
753
|
+
D(" " + h(v.value ? "Conectando con el feed..." : "Aplicar Filtros"), 1)
|
|
754
|
+
], 8, At)
|
|
731
755
|
])
|
|
732
756
|
]));
|
|
733
757
|
}
|
|
734
|
-
}),
|
|
758
|
+
}), Ot = { class: "fixed top-0 left-0 w-full h-full bg-gradient-to-br from-slate-50 via-white to-slate-100 flex flex-col z-9999 p-6" }, Dt = { class: "w-full flex justify-between items-center mb-4" }, Rt = { class: "w-full flex-1 bg-white/60 rounded-2xl flex gap-5 p-5 overflow-hidden backdrop-blur-sm border border-slate-200 shadow-inner" }, Ut = { class: "flex-1 flex flex-col gap-5" }, Vt = { class: "flex flex-col bg-white rounded-2xl shadow-lg border border-slate-200 p-5 overflow-y-auto" }, zt = {
|
|
735
759
|
key: 0,
|
|
736
760
|
class: "mb-4 p-4 bg-gradient-to-br from-emerald-50 to-teal-50 rounded-xl border border-emerald-200 w-full flex-shrink-0 text-sm font-medium text-emerald-700"
|
|
737
|
-
}, Nt = { class: "list-none mt-3 space-y-2 text-slate-600" },
|
|
761
|
+
}, Nt = { class: "list-none mt-3 space-y-2 text-slate-600" }, Lt = { class: "flex items-start gap-2" }, qt = { class: "font-semibold text-slate-700" }, Gt = { class: "flex items-start gap-2" }, Wt = { class: "font-semibold text-slate-700" }, Jt = { class: "font-semibold text-slate-700" }, Ht = { class: "flex items-start gap-2" }, Yt = { class: "flex flex-wrap gap-2 mt-1" }, Kt = { class: "font-semibold text-slate-700" }, Qt = { class: "text-emerald-600" }, Xt = { class: "flex flex-col gap-4 w-full" }, Zt = { class: "flex items-center gap-3 cursor-pointer group" }, _t = {
|
|
738
762
|
key: 0,
|
|
739
763
|
class: "flex flex-col gap-4 ml-8 p-4 bg-gradient-to-br from-slate-50 to-white rounded-xl border border-slate-200"
|
|
740
|
-
},
|
|
764
|
+
}, eo = { class: "flex flex-col gap-2" }, to = { class: "flex flex-col gap-2" }, oo = { class: "flex-1 flex flex-col bg-white rounded-2xl shadow-lg border border-slate-200 p-5 overflow-y-auto" }, no = { class: "flex-1 flex flex-col bg-white rounded-2xl shadow-lg border border-slate-200 p-5 overflow-y-auto" }, lo = {
|
|
741
765
|
key: 0,
|
|
742
766
|
class: "flex-1 flex flex-col items-center justify-center text-slate-400"
|
|
743
|
-
},
|
|
767
|
+
}, ao = {
|
|
744
768
|
key: 1,
|
|
745
769
|
class: "space-y-3"
|
|
746
|
-
},
|
|
770
|
+
}, ro = ["onClick"], so = { class: "font-bold text-slate-800 mb-2" }, io = { class: "text-sm text-slate-600 line-clamp-2" }, uo = { class: "flex-1 flex flex-col bg-white rounded-2xl shadow-lg border border-slate-200 p-5 overflow-y-auto" }, co = {
|
|
747
771
|
key: 0,
|
|
748
772
|
class: "flex-1 flex flex-col items-center justify-center text-slate-400"
|
|
749
|
-
},
|
|
773
|
+
}, mo = {
|
|
750
774
|
key: 1,
|
|
751
775
|
class: "space-y-3"
|
|
752
|
-
},
|
|
776
|
+
}, bo = { class: "block text-sm font-bold text-slate-700 mb-2 flex items-center gap-2" }, go = ["onUpdate:modelValue"], fo = ["value"], po = {
|
|
753
777
|
key: 0,
|
|
754
778
|
class: "mt-3 p-3 bg-gradient-to-br from-emerald-50 to-teal-50 rounded-lg border border-emerald-200"
|
|
755
|
-
},
|
|
779
|
+
}, vo = { class: "mt-1 text-sm font-medium text-slate-700 break-words" }, xo = /* @__PURE__ */ Z({
|
|
756
780
|
__name: "FeedComponent",
|
|
757
781
|
props: {
|
|
758
782
|
object: {
|
|
@@ -773,136 +797,136 @@ const ut = /* @__PURE__ */ ke($e, [["render", dt]]), ct = {
|
|
|
773
797
|
}
|
|
774
798
|
},
|
|
775
799
|
setup(e) {
|
|
776
|
-
const o = e,
|
|
777
|
-
|
|
778
|
-
},
|
|
779
|
-
|
|
780
|
-
},
|
|
781
|
-
const
|
|
782
|
-
var
|
|
800
|
+
const o = e, v = P(null), j = P(null), $ = P(!1), w = P(1), d = P("horizontal"), b = P({}), m = P(null), u = (f) => {
|
|
801
|
+
v.value = f;
|
|
802
|
+
}, a = (f) => {
|
|
803
|
+
j.value = f;
|
|
804
|
+
}, n = () => {
|
|
805
|
+
const f = o.object.fields.filter((i) => i.mappedTo).map((i) => {
|
|
806
|
+
var g;
|
|
783
807
|
return {
|
|
784
|
-
fieldName:
|
|
785
|
-
mappedTo:
|
|
786
|
-
value: ((
|
|
808
|
+
fieldName: i.name,
|
|
809
|
+
mappedTo: i.mappedTo,
|
|
810
|
+
value: ((g = j.value) == null ? void 0 : g[i.mappedTo]) ?? null
|
|
787
811
|
};
|
|
788
812
|
});
|
|
789
|
-
|
|
790
|
-
...
|
|
791
|
-
dynamicUpdate:
|
|
792
|
-
elementCount:
|
|
793
|
-
orientation:
|
|
794
|
-
mapping:
|
|
795
|
-
}, o.updateObjectByFeedContent && o.updateObjectByFeedContent(
|
|
796
|
-
},
|
|
797
|
-
|
|
798
|
-
},
|
|
799
|
-
var
|
|
800
|
-
(
|
|
813
|
+
m.value = {
|
|
814
|
+
...b.value,
|
|
815
|
+
dynamicUpdate: $.value,
|
|
816
|
+
elementCount: w.value,
|
|
817
|
+
orientation: d.value,
|
|
818
|
+
mapping: f.map(({ fieldName: i, mappedTo: g }) => ({ fieldName: i, mappedTo: g }))
|
|
819
|
+
}, o.updateObjectByFeedContent && o.updateObjectByFeedContent(f, m.value), o.toggleFeedSection();
|
|
820
|
+
}, l = (f) => {
|
|
821
|
+
b.value = f;
|
|
822
|
+
}, p = () => {
|
|
823
|
+
var f;
|
|
824
|
+
(f = o.object) != null && f.repeat_data && (m.value = o.object.repeat_data, $.value = o.object.repeat_data.dynamicUpdate || !1, w.value = o.object.repeat_data.elementCount || 1, d.value = o.object.repeat_data.orientation || "horizontal", b.value = {
|
|
801
825
|
name: o.object.repeat_data.name,
|
|
802
826
|
url: o.object.repeat_data.url
|
|
803
827
|
});
|
|
804
|
-
},
|
|
805
|
-
|
|
806
|
-
},
|
|
807
|
-
var
|
|
808
|
-
|
|
809
|
-
...
|
|
810
|
-
dynamicUpdate:
|
|
811
|
-
elementCount:
|
|
812
|
-
orientation:
|
|
813
|
-
}, o.updateObjectByFeedContent && o.updateObjectByFeedContent(((
|
|
814
|
-
fieldName:
|
|
815
|
-
mappedTo:
|
|
828
|
+
}, z = () => {
|
|
829
|
+
m.value = null, $.value = !1, w.value = 1, d.value = "horizontal", b.value = {}, o.updateObjectByFeedContent && o.updateObjectByFeedContent([], null);
|
|
830
|
+
}, M = () => {
|
|
831
|
+
var f;
|
|
832
|
+
m.value && (m.value = {
|
|
833
|
+
...m.value,
|
|
834
|
+
dynamicUpdate: $.value,
|
|
835
|
+
elementCount: w.value,
|
|
836
|
+
orientation: d.value
|
|
837
|
+
}, o.updateObjectByFeedContent && o.updateObjectByFeedContent(((f = m.value.mapping) == null ? void 0 : f.map((i) => ({
|
|
838
|
+
fieldName: i.fieldName,
|
|
839
|
+
mappedTo: i.mappedTo,
|
|
816
840
|
value: null
|
|
817
|
-
}))) || [],
|
|
841
|
+
}))) || [], m.value));
|
|
818
842
|
};
|
|
819
|
-
return
|
|
820
|
-
|
|
821
|
-
}), (
|
|
843
|
+
return le(() => {
|
|
844
|
+
p();
|
|
845
|
+
}), (f, i) => (r(), s("div", Ot, [
|
|
822
846
|
t("div", Dt, [
|
|
823
|
-
|
|
847
|
+
i[5] || (i[5] = t("h2", { class: "text-xl font-bold bg-gradient-to-r from-slate-700 to-slate-500 bg-clip-text text-transparent flex items-center gap-3" }, [
|
|
824
848
|
t("span", { class: "text-xl" }, "🍺"),
|
|
825
849
|
D(" Configuración de Feed ")
|
|
826
850
|
], -1)),
|
|
827
851
|
t("button", {
|
|
828
|
-
onClick:
|
|
829
|
-
(...
|
|
852
|
+
onClick: i[0] || (i[0] = //@ts-ignore
|
|
853
|
+
(...g) => e.toggleFeedSection && e.toggleFeedSection(...g)),
|
|
830
854
|
class: "cursor-pointer group w-10 h-10 flex items-center justify-center bg-white hover:bg-red-50 border border-red-200 hover:border-red-400 text-red-400 hover:text-red-600 rounded-full font-semibold shadow-sm hover:shadow-lg transition-all duration-200"
|
|
831
|
-
}, [...
|
|
855
|
+
}, [...i[4] || (i[4] = [
|
|
832
856
|
t("span", { class: "text-lg" }, "✕", -1)
|
|
833
857
|
])])
|
|
834
858
|
]),
|
|
835
|
-
t("div",
|
|
836
|
-
t("div",
|
|
859
|
+
t("div", Rt, [
|
|
860
|
+
t("div", Ut, [
|
|
837
861
|
t("div", Vt, [
|
|
838
|
-
|
|
862
|
+
m.value && m.value.dynamicUpdate ? (r(), s("div", zt, [
|
|
839
863
|
t("div", { class: "flex justify-between items-start" }, [
|
|
840
|
-
|
|
864
|
+
i[8] || (i[8] = t("p", { class: "flex items-center gap-2" }, [
|
|
841
865
|
t("span", { class: "text-emerald-500" }, "✓"),
|
|
842
866
|
D(" Hay un criterio de feed establecido: ")
|
|
843
867
|
], -1)),
|
|
844
868
|
t("div", { class: "flex items-center gap-2" }, [
|
|
845
869
|
t("button", {
|
|
846
|
-
onClick:
|
|
870
|
+
onClick: M,
|
|
847
871
|
class: "cursor-pointer px-3 py-1.5 bg-white hover:bg-emerald-50 text-emerald-500 hover:text-emerald-600 border border-emerald-200 hover:border-emerald-300 rounded-lg text-xs font-semibold transition-all duration-200 flex items-center gap-1 shadow-sm"
|
|
848
|
-
}, [...
|
|
872
|
+
}, [...i[6] || (i[6] = [
|
|
849
873
|
t("span", null, "💾", -1),
|
|
850
874
|
D(" Guardar ", -1)
|
|
851
875
|
])]),
|
|
852
876
|
t("button", {
|
|
853
|
-
onClick:
|
|
877
|
+
onClick: z,
|
|
854
878
|
class: "cursor-pointer px-3 py-1.5 bg-white hover:bg-red-50 text-red-500 hover:text-red-600 border border-red-200 hover:border-red-300 rounded-lg text-xs font-semibold transition-all duration-200 flex items-center gap-1 shadow-sm"
|
|
855
|
-
}, [...
|
|
879
|
+
}, [...i[7] || (i[7] = [
|
|
856
880
|
t("span", null, "✕", -1),
|
|
857
881
|
D(" Borrar ", -1)
|
|
858
882
|
])])
|
|
859
883
|
])
|
|
860
884
|
]),
|
|
861
885
|
t("ul", Nt, [
|
|
862
|
-
t("li", Ut, [
|
|
863
|
-
n[9] || (n[9] = t("span", { class: "text-emerald-400" }, "→", -1)),
|
|
864
|
-
n[10] || (n[10] = D(" Conectar con ", -1)),
|
|
865
|
-
t("span", qt, x(y.value.name), 1)
|
|
866
|
-
]),
|
|
867
886
|
t("li", Lt, [
|
|
868
|
-
|
|
869
|
-
|
|
870
|
-
t("span",
|
|
871
|
-
|
|
872
|
-
|
|
873
|
-
|
|
887
|
+
i[9] || (i[9] = t("span", { class: "text-emerald-400" }, "→", -1)),
|
|
888
|
+
i[10] || (i[10] = D(" Conectar con ", -1)),
|
|
889
|
+
t("span", qt, h(m.value.name), 1)
|
|
890
|
+
]),
|
|
891
|
+
t("li", Gt, [
|
|
892
|
+
i[11] || (i[11] = t("span", { class: "text-emerald-400" }, "→", -1)),
|
|
893
|
+
i[12] || (i[12] = D(" Recuperar ", -1)),
|
|
894
|
+
t("span", Wt, h(m.value.elementCount), 1),
|
|
895
|
+
i[13] || (i[13] = D(" items (", -1)),
|
|
896
|
+
t("span", Jt, h(m.value.orientation), 1),
|
|
897
|
+
i[14] || (i[14] = D(")", -1))
|
|
874
898
|
]),
|
|
875
899
|
t("li", Ht, [
|
|
876
|
-
|
|
900
|
+
i[17] || (i[17] = t("span", { class: "text-emerald-400" }, "→", -1)),
|
|
877
901
|
t("div", null, [
|
|
878
|
-
|
|
879
|
-
t("div",
|
|
880
|
-
(
|
|
881
|
-
key:
|
|
902
|
+
i[16] || (i[16] = D(" Mapeo: ", -1)),
|
|
903
|
+
t("div", Yt, [
|
|
904
|
+
(r(!0), s(T, null, V(m.value.mapping, (g, G) => (r(), s("span", {
|
|
905
|
+
key: G,
|
|
882
906
|
class: "inline-flex items-center gap-1 px-2 py-0.5 bg-white rounded-full text-xs border border-slate-200"
|
|
883
907
|
}, [
|
|
884
|
-
t("span",
|
|
885
|
-
|
|
886
|
-
t("span",
|
|
908
|
+
t("span", Kt, h(g.fieldName), 1),
|
|
909
|
+
i[15] || (i[15] = t("span", { class: "text-slate-400" }, "←", -1)),
|
|
910
|
+
t("span", Qt, h(g.mappedTo), 1)
|
|
887
911
|
]))), 128))
|
|
888
912
|
])
|
|
889
913
|
])
|
|
890
914
|
])
|
|
891
915
|
])
|
|
892
|
-
])) :
|
|
893
|
-
t("div",
|
|
894
|
-
t("label",
|
|
895
|
-
|
|
916
|
+
])) : F("", !0),
|
|
917
|
+
t("div", Xt, [
|
|
918
|
+
t("label", Zt, [
|
|
919
|
+
U(t("input", {
|
|
896
920
|
type: "checkbox",
|
|
897
|
-
"onUpdate:modelValue":
|
|
921
|
+
"onUpdate:modelValue": i[1] || (i[1] = (g) => $.value = g),
|
|
898
922
|
class: "w-5 h-5 text-emerald-500 border-2 border-slate-300 rounded focus:ring-emerald-500 cursor-pointer"
|
|
899
923
|
}, null, 512), [
|
|
900
|
-
[
|
|
924
|
+
[re, $.value]
|
|
901
925
|
]),
|
|
902
|
-
|
|
926
|
+
i[18] || (i[18] = t("span", { class: "font-medium text-slate-700 group-hover:text-slate-900 transition-colors" }, "Actualizar dinámicamente según criterios del feed", -1))
|
|
903
927
|
]),
|
|
904
|
-
|
|
905
|
-
|
|
928
|
+
$.value ? (r(), s("div", _t, [
|
|
929
|
+
i[22] || (i[22] = t("div", { class: "p-3 bg-gradient-to-r from-amber-50 to-yellow-50 rounded-lg border border-amber-200 text-sm text-amber-700" }, [
|
|
906
930
|
t("div", { class: "flex items-start gap-2" }, [
|
|
907
931
|
t("span", { class: "text-amber-500 mt-0.5" }, "ℹ️"),
|
|
908
932
|
t("p", null, [
|
|
@@ -911,111 +935,111 @@ const ut = /* @__PURE__ */ ke($e, [["render", dt]]), ct = {
|
|
|
911
935
|
])
|
|
912
936
|
])
|
|
913
937
|
], -1)),
|
|
914
|
-
t("div",
|
|
915
|
-
|
|
916
|
-
|
|
938
|
+
t("div", eo, [
|
|
939
|
+
i[19] || (i[19] = t("label", { class: "text-sm font-semibold text-slate-600" }, "Cantidad de elementos:", -1)),
|
|
940
|
+
U(t("input", {
|
|
917
941
|
type: "number",
|
|
918
|
-
"onUpdate:modelValue":
|
|
942
|
+
"onUpdate:modelValue": i[2] || (i[2] = (g) => w.value = g),
|
|
919
943
|
min: "1",
|
|
920
944
|
class: "w-32 px-3 py-2 border border-slate-200 rounded-lg focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 transition-colors"
|
|
921
945
|
}, null, 512), [
|
|
922
946
|
[
|
|
923
|
-
|
|
924
|
-
|
|
947
|
+
oe,
|
|
948
|
+
w.value,
|
|
925
949
|
void 0,
|
|
926
950
|
{ number: !0 }
|
|
927
951
|
]
|
|
928
952
|
])
|
|
929
953
|
]),
|
|
930
|
-
t("div",
|
|
931
|
-
|
|
932
|
-
|
|
933
|
-
"onUpdate:modelValue":
|
|
954
|
+
t("div", to, [
|
|
955
|
+
i[21] || (i[21] = t("label", { class: "text-sm font-semibold text-slate-600" }, "Orientación:", -1)),
|
|
956
|
+
U(t("select", {
|
|
957
|
+
"onUpdate:modelValue": i[3] || (i[3] = (g) => d.value = g),
|
|
934
958
|
class: "w-48 px-3 py-2 border border-slate-200 rounded-lg focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 bg-white transition-colors cursor-pointer"
|
|
935
|
-
}, [...
|
|
959
|
+
}, [...i[20] || (i[20] = [
|
|
936
960
|
t("option", {
|
|
937
961
|
value: "horizontal",
|
|
938
962
|
selected: ""
|
|
939
963
|
}, "Horizontal", -1),
|
|
940
964
|
t("option", { value: "vertical" }, "Vertical", -1)
|
|
941
965
|
])], 512), [
|
|
942
|
-
[
|
|
966
|
+
[Q, d.value]
|
|
943
967
|
])
|
|
944
968
|
])
|
|
945
|
-
])) :
|
|
969
|
+
])) : F("", !0)
|
|
946
970
|
])
|
|
947
971
|
]),
|
|
948
|
-
t("div",
|
|
949
|
-
|
|
972
|
+
t("div", oo, [
|
|
973
|
+
i[23] || (i[23] = t("h3", { class: "text-lg font-bold mb-5 text-slate-700 pb-2 flex items-center gap-2 border-b border-slate-100" }, [
|
|
950
974
|
t("span", { class: "text-xl" }, "🔍"),
|
|
951
975
|
D(" Orígenes y Filtros ")
|
|
952
976
|
], -1)),
|
|
953
|
-
|
|
954
|
-
onSubmit:
|
|
955
|
-
updateFeedCriteria:
|
|
977
|
+
Y(Tt, {
|
|
978
|
+
onSubmit: u,
|
|
979
|
+
updateFeedCriteria: l,
|
|
956
980
|
isProduction: e.isProduction
|
|
957
981
|
}, null, 8, ["isProduction"])
|
|
958
982
|
])
|
|
959
983
|
]),
|
|
960
|
-
t("div",
|
|
961
|
-
|
|
984
|
+
t("div", no, [
|
|
985
|
+
i[25] || (i[25] = t("h3", { class: "text-lg font-bold mb-5 text-slate-700 pb-2 flex items-center gap-2 border-b border-slate-100" }, [
|
|
962
986
|
t("span", { class: "text-xl" }, "📰"),
|
|
963
987
|
D(" Contenidos ")
|
|
964
988
|
], -1)),
|
|
965
|
-
!
|
|
989
|
+
!v.value || v.value.length === 0 ? (r(), s("div", lo, [...i[24] || (i[24] = [
|
|
966
990
|
t("span", { class: "text-5xl mb-3 opacity-50" }, "📭", -1),
|
|
967
991
|
t("p", { class: "text-sm font-medium" }, "No hay contenidos disponibles", -1),
|
|
968
992
|
t("p", { class: "text-xs mt-1 text-slate-300" }, "Selecciona un origen para cargar contenidos", -1)
|
|
969
|
-
])])) : (
|
|
970
|
-
(
|
|
971
|
-
key:
|
|
993
|
+
])])) : (r(), s("ul", ao, [
|
|
994
|
+
(r(!0), s(T, null, V(v.value, (g, G) => (r(), s("li", {
|
|
995
|
+
key: G,
|
|
972
996
|
class: "p-4 bg-gradient-to-br from-slate-50 to-white rounded-xl shadow-sm hover:shadow-md cursor-pointer hover:scale-[1.01] transition-all duration-200 border border-slate-200 hover:border-emerald-300",
|
|
973
|
-
onClick: (
|
|
997
|
+
onClick: (N) => a(g)
|
|
974
998
|
}, [
|
|
975
|
-
t("h4",
|
|
976
|
-
t("p",
|
|
977
|
-
], 8,
|
|
999
|
+
t("h4", so, h(g.title || g.titulo || "Sin título"), 1),
|
|
1000
|
+
t("p", io, h(g.description || g.descripcion || g.content || "Sin descripción"), 1)
|
|
1001
|
+
], 8, ro))), 128))
|
|
978
1002
|
]))
|
|
979
1003
|
]),
|
|
980
|
-
t("div",
|
|
981
|
-
|
|
1004
|
+
t("div", uo, [
|
|
1005
|
+
i[31] || (i[31] = t("h3", { class: "text-lg font-bold mb-5 text-slate-700 pb-2 flex items-center gap-2 border-b border-slate-100" }, [
|
|
982
1006
|
t("span", { class: "text-xl" }, "🔗"),
|
|
983
1007
|
D(" Relacionar Contenido ")
|
|
984
1008
|
], -1)),
|
|
985
|
-
|
|
986
|
-
(
|
|
987
|
-
key:
|
|
1009
|
+
j.value ? (r(), s("div", mo, [
|
|
1010
|
+
(r(!0), s(T, null, V(e.object.fields, (g, G) => (r(), s("div", {
|
|
1011
|
+
key: G,
|
|
988
1012
|
class: "p-4 bg-gradient-to-br from-slate-50 to-white rounded-xl border border-slate-200"
|
|
989
1013
|
}, [
|
|
990
|
-
t("label",
|
|
991
|
-
|
|
992
|
-
D(" " +
|
|
1014
|
+
t("label", bo, [
|
|
1015
|
+
i[27] || (i[27] = t("span", { class: "text-base" }, "⚙️", -1)),
|
|
1016
|
+
D(" " + h(g.name), 1)
|
|
993
1017
|
]),
|
|
994
|
-
|
|
995
|
-
"onUpdate:modelValue": (
|
|
1018
|
+
U(t("select", {
|
|
1019
|
+
"onUpdate:modelValue": (N) => g.mappedTo = N,
|
|
996
1020
|
class: "w-full px-3 py-2.5 border border-slate-200 rounded-lg focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 transition-all bg-white cursor-pointer"
|
|
997
1021
|
}, [
|
|
998
|
-
|
|
999
|
-
(
|
|
1000
|
-
key:
|
|
1001
|
-
value:
|
|
1002
|
-
},
|
|
1003
|
-
], 8,
|
|
1004
|
-
[
|
|
1022
|
+
i[28] || (i[28] = t("option", { value: "" }, "-- Seleccionar campo --", -1)),
|
|
1023
|
+
(r(!0), s(T, null, V(j.value, (N, L) => (r(), s("option", {
|
|
1024
|
+
key: L,
|
|
1025
|
+
value: L
|
|
1026
|
+
}, h(L), 9, fo))), 128))
|
|
1027
|
+
], 8, go), [
|
|
1028
|
+
[Q, g.mappedTo]
|
|
1005
1029
|
]),
|
|
1006
|
-
|
|
1007
|
-
|
|
1008
|
-
t("p",
|
|
1009
|
-
])) :
|
|
1030
|
+
g.mappedTo ? (r(), s("div", po, [
|
|
1031
|
+
i[29] || (i[29] = t("span", { class: "text-xs font-semibold text-emerald-600 uppercase tracking-wide" }, "Vista previa:", -1)),
|
|
1032
|
+
t("p", vo, h(j.value[g.mappedTo]), 1)
|
|
1033
|
+
])) : F("", !0)
|
|
1010
1034
|
]))), 128)),
|
|
1011
1035
|
t("button", {
|
|
1012
|
-
onClick:
|
|
1036
|
+
onClick: n,
|
|
1013
1037
|
class: "cursor-pointer w-full mt-4 px-5 py-3 bg-gradient-to-r from-emerald-500 to-teal-500 hover:from-emerald-600 hover:to-teal-600 text-white font-semibold rounded-xl shadow-md hover:shadow-lg transition-all duration-200 transform hover:scale-[1.01] flex items-center justify-center gap-2"
|
|
1014
|
-
}, [...
|
|
1038
|
+
}, [...i[30] || (i[30] = [
|
|
1015
1039
|
t("span", { class: "text-lg" }, "✓", -1),
|
|
1016
1040
|
t("span", null, "Alimentar el componente", -1)
|
|
1017
1041
|
])])
|
|
1018
|
-
])) : (
|
|
1042
|
+
])) : (r(), s("div", co, [...i[26] || (i[26] = [
|
|
1019
1043
|
t("span", { class: "text-5xl mb-3 opacity-50" }, "👆", -1),
|
|
1020
1044
|
t("p", { class: "text-sm font-medium text-center" }, [
|
|
1021
1045
|
D("Selecciona un contenido"),
|
|
@@ -1027,19 +1051,19 @@ const ut = /* @__PURE__ */ ke($e, [["render", dt]]), ct = {
|
|
|
1027
1051
|
])
|
|
1028
1052
|
]));
|
|
1029
1053
|
}
|
|
1030
|
-
}),
|
|
1054
|
+
}), ho = { class: "absolute -top-2.5 left-3 text-[11px] font-medium tracking-wide bg-gradient-to-r from-slate-700 to-slate-600 text-white px-3 py-0.5 rounded-full shadow-sm" }, wo = { class: "w-full text-right flex justify-between items-center mt-1" }, yo = { class: "flex gap-3 items-center" }, Co = { class: "bg-rose-50 border border-rose-200 text-rose-500 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wider rounded-md" }, $o = {
|
|
1031
1055
|
key: 0,
|
|
1032
1056
|
class: "flex-1 flex justify-center"
|
|
1033
|
-
},
|
|
1057
|
+
}, ko = { class: "flex justify-end items-center gap-3" }, So = { class: "bg-violet-50 border border-violet-200 text-violet-600 rounded-md px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wider" }, Fo = {
|
|
1034
1058
|
key: 0,
|
|
1035
1059
|
class: "flex gap-1 bg-slate-50 rounded-lg p-1"
|
|
1036
|
-
},
|
|
1060
|
+
}, Po = {
|
|
1037
1061
|
key: 0,
|
|
1038
1062
|
class: "text-[10px] bg-amber-100 text-amber-700 px-1.5 rounded-full font-medium"
|
|
1039
|
-
},
|
|
1063
|
+
}, jo = { class: "mt-2 flex items-center" }, Io = { class: "font-medium text-slate-700" }, Mo = { key: 0 }, Ao = { key: 1 }, Bo = {
|
|
1040
1064
|
key: 0,
|
|
1041
1065
|
class: "mt-3 p-3 bg-gradient-to-r from-sky-50 to-blue-50 rounded-lg text-sm text-slate-600 border border-sky-100"
|
|
1042
|
-
},
|
|
1066
|
+
}, Eo = { class: "mt-3 flex gap-1.5 flex-wrap" }, To = { class: "absolute top-0 left-0 w-full h-full opacity-0 group-hover/component:opacity-100 bg-gradient-to-br from-white/90 via-slate-50/95 to-slate-100/90 backdrop-blur-[2px] z-99 transition-all duration-300 rounded-xl" }, Oo = { class: "absolute top-2 right-2 group/info z-10" }, Do = { class: "absolute top-6 right-0 w-64 p-3 bg-white rounded-lg shadow-lg border border-slate-200 opacity-0 invisible group-hover/info:opacity-100 group-hover/info:visible transition-all duration-200 text-xs text-slate-600 leading-relaxed" }, Ro = { class: "flex justify-center h-full items-center p-4 gap-3" }, Uo = {
|
|
1043
1067
|
key: 0,
|
|
1044
1068
|
title: "Mover componente",
|
|
1045
1069
|
class: "handle cursor-grab flex items-center bg-white border border-slate-200 px-4 py-2 rounded-xl hover:bg-slate-700 hover:border-slate-700 hover:text-white shadow-sm hover:shadow-md transition-all duration-200 group/btn"
|
|
@@ -1049,7 +1073,7 @@ const ut = /* @__PURE__ */ ke($e, [["render", dt]]), ct = {
|
|
|
1049
1073
|
}, zo = { class: "flex flex-col items-center" }, No = {
|
|
1050
1074
|
key: 0,
|
|
1051
1075
|
class: "text-[10px] mt-0.5 opacity-70"
|
|
1052
|
-
},
|
|
1076
|
+
}, Lo = ["id"], fe = /* @__PURE__ */ Z({
|
|
1053
1077
|
__name: "InitialComponent",
|
|
1054
1078
|
props: {
|
|
1055
1079
|
object: {
|
|
@@ -1074,91 +1098,121 @@ const ut = /* @__PURE__ */ ke($e, [["render", dt]]), ct = {
|
|
|
1074
1098
|
}
|
|
1075
1099
|
},
|
|
1076
1100
|
setup(e) {
|
|
1077
|
-
const o = e,
|
|
1078
|
-
|
|
1079
|
-
|
|
1080
|
-
}
|
|
1081
|
-
|
|
1082
|
-
|
|
1083
|
-
|
|
1101
|
+
const o = e, v = {
|
|
1102
|
+
DEV: "https://led-dev-limbo-dev.eu.els.local",
|
|
1103
|
+
PROD: "https://limbo.lefebvre.es"
|
|
1104
|
+
}, j = (I) => I ? I.startsWith("/files/") ? (o.isProduction ? v.PROD : v.DEV) + I : I : "", $ = (I) => {
|
|
1105
|
+
var k, E;
|
|
1106
|
+
if (!I) return "";
|
|
1107
|
+
const c = I.replace(/"/g, '"').replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/'/g, "'");
|
|
1108
|
+
try {
|
|
1109
|
+
const W = JSON.parse(c), q = (ee) => ee && !ee.startsWith("blob:"), X = (k = W.images) == null ? void 0 : k.find((ee) => q(ee == null ? void 0 : ee.url));
|
|
1110
|
+
return X ? j(X.url) : q((E = W.original) == null ? void 0 : E.url) ? j(W.original.url) : q(W.url) ? j(W.url) : "";
|
|
1111
|
+
} catch {
|
|
1112
|
+
return c.startsWith("blob:") ? "" : c.startsWith("/files/") ? j(c) : c.startsWith("http") || c.startsWith("/") ? c : I.startsWith("{") ? "" : I;
|
|
1113
|
+
}
|
|
1114
|
+
}, w = Math.random().toString(36).substring(2, 15), d = P(!1), b = P(!1), m = P(null), u = P(null), a = P(!1), n = P(!1);
|
|
1115
|
+
ae(() => o.isComponentMode, (I) => {
|
|
1116
|
+
I || l();
|
|
1117
|
+
}), ae(() => o.object, () => {
|
|
1118
|
+
l();
|
|
1119
|
+
}, { deep: !0 }), ae(a, async (I) => {
|
|
1120
|
+
I && (await he(), L());
|
|
1084
1121
|
});
|
|
1085
|
-
const
|
|
1086
|
-
|
|
1087
|
-
|
|
1122
|
+
const l = () => {
|
|
1123
|
+
m.value && clearTimeout(m.value), m.value = setTimeout(() => {
|
|
1124
|
+
L();
|
|
1088
1125
|
}, 500);
|
|
1089
|
-
},
|
|
1126
|
+
}, p = () => {
|
|
1090
1127
|
if (o.isComponentMode) return;
|
|
1091
|
-
const
|
|
1092
|
-
|
|
1093
|
-
|
|
1128
|
+
const I = new IntersectionObserver((c) => {
|
|
1129
|
+
c.forEach((k) => {
|
|
1130
|
+
k.isIntersecting && !a.value && (a.value = !0, I.disconnect());
|
|
1094
1131
|
});
|
|
1095
1132
|
}, { threshold: 0.1 });
|
|
1096
|
-
|
|
1097
|
-
},
|
|
1098
|
-
const
|
|
1099
|
-
|
|
1100
|
-
},
|
|
1101
|
-
|
|
1102
|
-
|
|
1103
|
-
}), o.object.repeat_data =
|
|
1133
|
+
u.value && I.observe(u.value);
|
|
1134
|
+
}, z = (I, c) => {
|
|
1135
|
+
const k = (o.object.fields || []).find((E) => E.name === I);
|
|
1136
|
+
k && (k.example_value = c);
|
|
1137
|
+
}, M = (I, c) => {
|
|
1138
|
+
I.forEach((k) => {
|
|
1139
|
+
k.value !== void 0 && z(k.fieldName, k.value);
|
|
1140
|
+
}), o.object.repeat_data = c;
|
|
1104
1141
|
}, f = () => {
|
|
1105
|
-
|
|
1106
|
-
},
|
|
1107
|
-
|
|
1108
|
-
},
|
|
1109
|
-
|
|
1110
|
-
|
|
1111
|
-
|
|
1142
|
+
b.value = !b.value;
|
|
1143
|
+
}, i = () => {
|
|
1144
|
+
n.value = !n.value;
|
|
1145
|
+
}, g = (I, c) => {
|
|
1146
|
+
console.log("[InitialComponent] Field updated from FieldsForm:", I, c), l();
|
|
1147
|
+
}, G = () => {
|
|
1148
|
+
L(!0).then((I) => {
|
|
1149
|
+
const c = window.open("", "Preview", "width=1200,height=800");
|
|
1150
|
+
if (!c) {
|
|
1112
1151
|
alert("El navegador bloqueó la ventana emergente. Por favor, permite los popups para este sitio.");
|
|
1113
1152
|
return;
|
|
1114
1153
|
}
|
|
1115
|
-
|
|
1116
|
-
var
|
|
1117
|
-
const
|
|
1118
|
-
|
|
1119
|
-
}),
|
|
1154
|
+
c.document.body.innerHTML = I, c.document.querySelectorAll("script").forEach((E) => {
|
|
1155
|
+
var q;
|
|
1156
|
+
const W = c.document.createElement("script");
|
|
1157
|
+
E.src ? W.src = E.src : W.textContent = E.textContent, (q = E.parentNode) == null || q.replaceChild(W, E);
|
|
1158
|
+
}), c.document.close();
|
|
1120
1159
|
});
|
|
1121
|
-
},
|
|
1122
|
-
|
|
1123
|
-
|
|
1124
|
-
|
|
1125
|
-
|
|
1126
|
-
|
|
1127
|
-
|
|
1128
|
-
|
|
1160
|
+
}, N = (I) => {
|
|
1161
|
+
const c = I.fields.map((k) => {
|
|
1162
|
+
if (k.type === "image" && typeof k.example_value == "string") {
|
|
1163
|
+
const E = $(k.example_value);
|
|
1164
|
+
return {
|
|
1165
|
+
...k,
|
|
1166
|
+
example_value: E || k.example_value
|
|
1167
|
+
};
|
|
1168
|
+
}
|
|
1169
|
+
return k;
|
|
1170
|
+
});
|
|
1171
|
+
return {
|
|
1172
|
+
...I,
|
|
1173
|
+
fields: c
|
|
1174
|
+
};
|
|
1175
|
+
}, L = (I = !1) => {
|
|
1176
|
+
var W;
|
|
1177
|
+
if (!((W = o.object) != null && W.category) || o.object.category === "Repetidor") {
|
|
1178
|
+
const q = '<div style="color:white; padding: 1em 2em;background-color:#001978;border-radius:1em;border:4px solid #711978;">Componente que contiene elementos repetidos: TODO: GENERAR PREVIEW DE REPETIDORES</div>';
|
|
1179
|
+
if (I)
|
|
1180
|
+
return Promise.resolve(q);
|
|
1181
|
+
const X = document.getElementById(w);
|
|
1182
|
+
return X && (X.innerHTML = q), Promise.resolve("");
|
|
1129
1183
|
}
|
|
1130
|
-
const
|
|
1131
|
-
return fetch(
|
|
1184
|
+
const c = o.renderApiDomain ? o.renderApiDomain + "/api/preview-comp/" : "http://localhost:8003/api/preview-comp/", k = N(o.object), E = JSON.stringify({ obj: k }, null, 2);
|
|
1185
|
+
return fetch(c, {
|
|
1132
1186
|
method: "POST",
|
|
1133
1187
|
headers: { "Content-Type": "application/json" },
|
|
1134
|
-
body:
|
|
1135
|
-
}).then((
|
|
1136
|
-
if (
|
|
1137
|
-
return
|
|
1138
|
-
const
|
|
1139
|
-
return
|
|
1188
|
+
body: E
|
|
1189
|
+
}).then((q) => q.text()).then((q) => {
|
|
1190
|
+
if (I)
|
|
1191
|
+
return q;
|
|
1192
|
+
const X = document.getElementById(w);
|
|
1193
|
+
return X && (X.innerHTML = q), "";
|
|
1140
1194
|
});
|
|
1141
1195
|
};
|
|
1142
|
-
return
|
|
1143
|
-
|
|
1144
|
-
}), (
|
|
1145
|
-
|
|
1196
|
+
return le(() => {
|
|
1197
|
+
p();
|
|
1198
|
+
}), (I, c) => (r(), s("div", null, [
|
|
1199
|
+
n.value ? (r(), me(xo, {
|
|
1146
1200
|
key: 0,
|
|
1147
|
-
updateObjectByFeedContent:
|
|
1148
|
-
toggleFeedSection:
|
|
1201
|
+
updateObjectByFeedContent: M,
|
|
1202
|
+
toggleFeedSection: i,
|
|
1149
1203
|
object: e.object,
|
|
1150
1204
|
isProduction: e.isProduction
|
|
1151
|
-
}, null, 8, ["object", "isProduction"])) :
|
|
1205
|
+
}, null, 8, ["object", "isProduction"])) : F("", !0),
|
|
1152
1206
|
t("div", {
|
|
1153
1207
|
ref_key: "rootElement",
|
|
1154
|
-
ref:
|
|
1155
|
-
class:
|
|
1208
|
+
ref: u,
|
|
1209
|
+
class: K(["min-h-[100px] relative group/component hover:shadow-lg hover:shadow-slate-200/50 duration-300 ease-out js-draggable-element text-slate-600 border border-slate-200 hover:border-slate-300 px-5 pt-3 pb-4 w-full bg-white inline-block rounded-xl flex flex-col mb-3 z-0 shadow-sm", { "overflow-hidden": !e.isComponentMode }])
|
|
1156
1210
|
}, [
|
|
1157
|
-
e.isComponentMode ? (
|
|
1158
|
-
t("span",
|
|
1159
|
-
t("div",
|
|
1160
|
-
t("div",
|
|
1161
|
-
|
|
1211
|
+
e.isComponentMode ? (r(), s(T, { key: 0 }, [
|
|
1212
|
+
t("span", ho, h(e.object.component_name), 1),
|
|
1213
|
+
t("div", wo, [
|
|
1214
|
+
t("div", yo, [
|
|
1215
|
+
c[10] || (c[10] = t("div", { class: "handle cursor-grab text-slate-400 hover:text-slate-600 text-lg transition-colors" }, [
|
|
1162
1216
|
t("svg", {
|
|
1163
1217
|
class: "w-5 h-5",
|
|
1164
1218
|
fill: "currentColor",
|
|
@@ -1167,79 +1221,80 @@ const ut = /* @__PURE__ */ ke($e, [["render", dt]]), ct = {
|
|
|
1167
1221
|
t("path", { d: "M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z" })
|
|
1168
1222
|
])
|
|
1169
1223
|
], -1)),
|
|
1170
|
-
t("span",
|
|
1224
|
+
t("span", Co, h(e.object.category), 1)
|
|
1171
1225
|
]),
|
|
1172
|
-
e.fullwidthMode ? (
|
|
1226
|
+
e.fullwidthMode ? (r(), s("div", $o, [
|
|
1173
1227
|
t("div", {
|
|
1174
1228
|
class: "bg-gradient-to-r from-emerald-500 to-teal-500 hover:from-emerald-600 hover:to-teal-600 text-white rounded-lg px-4 py-1.5 text-xs font-medium cursor-pointer shadow-sm hover:shadow transition-all duration-200",
|
|
1175
|
-
onClick:
|
|
1176
|
-
var
|
|
1177
|
-
return (
|
|
1229
|
+
onClick: c[0] || (c[0] = (k) => {
|
|
1230
|
+
var E;
|
|
1231
|
+
return (E = e.addComponentToColumn) == null ? void 0 : E.call(e, e.object);
|
|
1178
1232
|
})
|
|
1179
1233
|
}, "Seleccionar")
|
|
1180
|
-
])) :
|
|
1181
|
-
t("div",
|
|
1182
|
-
t("span",
|
|
1183
|
-
e.insideComponentBox ?
|
|
1234
|
+
])) : F("", !0),
|
|
1235
|
+
t("div", ko, [
|
|
1236
|
+
t("span", So, h(e.object.framework), 1),
|
|
1237
|
+
e.insideComponentBox ? F("", !0) : (r(), s("div", Fo, [
|
|
1184
1238
|
t("div", {
|
|
1185
1239
|
title: "Previsualizar Dummy",
|
|
1186
|
-
onClick:
|
|
1240
|
+
onClick: c[1] || (c[1] = (k) => G()),
|
|
1187
1241
|
class: "p-1.5 rounded-md hover:bg-white hover:shadow-sm cursor-pointer transition-all duration-200 text-base"
|
|
1188
1242
|
}, "🔍"),
|
|
1189
1243
|
t("div", {
|
|
1190
1244
|
title: "Editar configuración",
|
|
1191
|
-
onClick:
|
|
1245
|
+
onClick: c[2] || (c[2] = (k) => b.value = !b.value),
|
|
1192
1246
|
class: "p-1.5 rounded-md hover:bg-white hover:shadow-sm cursor-pointer transition-all duration-200 text-base"
|
|
1193
1247
|
}, "⚙️"),
|
|
1194
1248
|
t("div", {
|
|
1195
1249
|
title: "Beber de contenido",
|
|
1196
|
-
onClick:
|
|
1250
|
+
onClick: i,
|
|
1197
1251
|
class: "p-1.5 rounded-md hover:bg-white hover:shadow-sm cursor-pointer transition-all duration-200 text-base flex items-center gap-1"
|
|
1198
1252
|
}, [
|
|
1199
|
-
|
|
1200
|
-
e.object.repeat_data ? (
|
|
1253
|
+
c[11] || (c[11] = D("⚡ ", -1)),
|
|
1254
|
+
e.object.repeat_data ? (r(), s("span", Po, h(e.object.repeat_data.elementCount), 1)) : F("", !0)
|
|
1201
1255
|
]),
|
|
1202
|
-
e.cloneComponent ? (
|
|
1256
|
+
e.cloneComponent ? (r(), s("div", {
|
|
1203
1257
|
key: 0,
|
|
1204
1258
|
title: "Clonar componente",
|
|
1205
|
-
onClick:
|
|
1259
|
+
onClick: c[3] || (c[3] = (k) => e.cloneComponent(e.object, e.section || "")),
|
|
1206
1260
|
class: "p-1.5 rounded-md hover:bg-sky-50 hover:shadow-sm cursor-pointer transition-all duration-200 text-base"
|
|
1207
|
-
}, "📋")) :
|
|
1208
|
-
e.removeComponent ? (
|
|
1261
|
+
}, "📋")) : F("", !0),
|
|
1262
|
+
e.removeComponent ? (r(), s("div", {
|
|
1209
1263
|
key: 1,
|
|
1210
1264
|
title: "Eliminar componente",
|
|
1211
|
-
onClick:
|
|
1265
|
+
onClick: c[4] || (c[4] = (k) => e.removeComponent(e.object, e.section || "")),
|
|
1212
1266
|
class: "p-1.5 rounded-md hover:bg-red-50 hover:shadow-sm cursor-pointer transition-all duration-200 text-base"
|
|
1213
|
-
}, "🗑️")) :
|
|
1267
|
+
}, "🗑️")) : F("", !0)
|
|
1214
1268
|
]))
|
|
1215
1269
|
])
|
|
1216
1270
|
]),
|
|
1217
|
-
|
|
1271
|
+
Y(ue, {
|
|
1218
1272
|
toggleShowForm: f,
|
|
1219
1273
|
object: e.object,
|
|
1220
|
-
showForm:
|
|
1274
|
+
showForm: b.value,
|
|
1275
|
+
onFieldUpdated: g
|
|
1221
1276
|
}, null, 8, ["object", "showForm"]),
|
|
1222
|
-
t("div",
|
|
1223
|
-
t("span",
|
|
1277
|
+
t("div", jo, [
|
|
1278
|
+
t("span", Io, h(e.object.name), 1),
|
|
1224
1279
|
t("button", {
|
|
1225
1280
|
type: "button",
|
|
1226
|
-
onClick:
|
|
1281
|
+
onClick: c[5] || (c[5] = (k) => d.value = !d.value),
|
|
1227
1282
|
class: "ms-2 cursor-pointer text-xs text-slate-400 hover:text-slate-600 transition-colors w-5 h-5 rounded-full hover:bg-slate-100 flex items-center justify-center"
|
|
1228
1283
|
}, [
|
|
1229
|
-
|
|
1284
|
+
d.value ? (r(), s("span", Ao, "▲")) : (r(), s("span", Mo, "▼"))
|
|
1230
1285
|
])
|
|
1231
1286
|
]),
|
|
1232
|
-
|
|
1233
|
-
t("div",
|
|
1234
|
-
(
|
|
1235
|
-
key:
|
|
1287
|
+
d.value ? (r(), s("div", Bo, h(e.object.description), 1)) : F("", !0),
|
|
1288
|
+
t("div", Eo, [
|
|
1289
|
+
(r(!0), s(T, null, V(e.object.tags, (k, E) => (r(), s("span", {
|
|
1290
|
+
key: E,
|
|
1236
1291
|
class: "bg-slate-50 text-slate-500 px-2.5 py-1 rounded-full text-[11px] font-medium border border-slate-100 hover:border-slate-200 hover:bg-slate-100 transition-colors cursor-default"
|
|
1237
|
-
},
|
|
1292
|
+
}, h(k), 1))), 128))
|
|
1238
1293
|
])
|
|
1239
|
-
], 64)) :
|
|
1240
|
-
t("div",
|
|
1241
|
-
t("div",
|
|
1242
|
-
|
|
1294
|
+
], 64)) : a.value ? (r(), s(T, { key: 1 }, [
|
|
1295
|
+
t("div", To, [
|
|
1296
|
+
t("div", Oo, [
|
|
1297
|
+
c[12] || (c[12] = t("div", { class: "w-5 h-5 rounded-full bg-slate-100 hover:bg-sky-100 border border-slate-200 hover:border-sky-300 flex items-center justify-center cursor-help transition-colors duration-200" }, [
|
|
1243
1298
|
t("svg", {
|
|
1244
1299
|
class: "w-3 h-3 text-slate-400 group-hover/info:text-sky-500",
|
|
1245
1300
|
fill: "currentColor",
|
|
@@ -1252,10 +1307,10 @@ const ut = /* @__PURE__ */ ke($e, [["render", dt]]), ct = {
|
|
|
1252
1307
|
})
|
|
1253
1308
|
])
|
|
1254
1309
|
], -1)),
|
|
1255
|
-
t("div", Do,
|
|
1310
|
+
t("div", Do, h(e.object.description), 1)
|
|
1256
1311
|
]),
|
|
1257
|
-
t("div",
|
|
1258
|
-
e.insideComponentBox && !e.fullwidthMode || !e.insideComponentBox ? (
|
|
1312
|
+
t("div", Ro, [
|
|
1313
|
+
e.insideComponentBox && !e.fullwidthMode || !e.insideComponentBox ? (r(), s("div", Uo, [...c[13] || (c[13] = [
|
|
1259
1314
|
t("div", { class: "flex flex-col items-center" }, [
|
|
1260
1315
|
t("svg", {
|
|
1261
1316
|
class: "w-6 h-6 mb-1 text-slate-400 group-hover/btn:text-white",
|
|
@@ -1266,28 +1321,28 @@ const ut = /* @__PURE__ */ ke($e, [["render", dt]]), ct = {
|
|
|
1266
1321
|
]),
|
|
1267
1322
|
t("span", { class: "text-xs font-medium" }, "Mover")
|
|
1268
1323
|
], -1)
|
|
1269
|
-
])])) :
|
|
1270
|
-
e.insideComponentBox && e.fullwidthMode ? (
|
|
1324
|
+
])])) : F("", !0),
|
|
1325
|
+
e.insideComponentBox && e.fullwidthMode ? (r(), s("div", Vo, [
|
|
1271
1326
|
t("div", {
|
|
1272
1327
|
title: "Agregar componente a la columna",
|
|
1273
|
-
onClick:
|
|
1274
|
-
var
|
|
1275
|
-
return (
|
|
1328
|
+
onClick: c[6] || (c[6] = (k) => {
|
|
1329
|
+
var E;
|
|
1330
|
+
return (E = e.addComponentToColumn) == null ? void 0 : E.call(e, e.object);
|
|
1276
1331
|
}),
|
|
1277
1332
|
class: "cursor-pointer flex items-center bg-gradient-to-r from-emerald-500 to-teal-500 hover:from-emerald-600 hover:to-teal-600 text-white px-6 py-3 rounded-xl shadow-md hover:shadow-lg transition-all duration-200"
|
|
1278
|
-
}, [...
|
|
1333
|
+
}, [...c[14] || (c[14] = [
|
|
1279
1334
|
t("div", { class: "flex flex-col items-center" }, [
|
|
1280
1335
|
t("span", { class: "text-2xl mb-1" }, "🚀"),
|
|
1281
1336
|
t("span", { class: "text-sm font-medium" }, "Seleccionar")
|
|
1282
1337
|
], -1)
|
|
1283
1338
|
])])
|
|
1284
|
-
])) :
|
|
1285
|
-
e.insideComponentBox ?
|
|
1339
|
+
])) : F("", !0),
|
|
1340
|
+
e.insideComponentBox ? F("", !0) : (r(), s(T, { key: 2 }, [
|
|
1286
1341
|
t("div", {
|
|
1287
1342
|
title: "Configurar componente",
|
|
1288
|
-
onClick:
|
|
1343
|
+
onClick: c[7] || (c[7] = (k) => b.value = !b.value),
|
|
1289
1344
|
class: "cursor-pointer flex items-center bg-white border border-slate-200 px-4 py-2 rounded-xl hover:bg-slate-700 hover:border-slate-700 hover:text-white shadow-sm hover:shadow-md transition-all duration-200 group/btn"
|
|
1290
|
-
}, [...
|
|
1345
|
+
}, [...c[15] || (c[15] = [
|
|
1291
1346
|
t("div", { class: "flex flex-col items-center" }, [
|
|
1292
1347
|
t("span", { class: "text-xl mb-1" }, "⚙️"),
|
|
1293
1348
|
t("span", { class: "text-xs font-medium" }, "Configurar")
|
|
@@ -1295,66 +1350,67 @@ const ut = /* @__PURE__ */ ke($e, [["render", dt]]), ct = {
|
|
|
1295
1350
|
])]),
|
|
1296
1351
|
t("div", {
|
|
1297
1352
|
title: "Configurar componente",
|
|
1298
|
-
onClick:
|
|
1353
|
+
onClick: i,
|
|
1299
1354
|
class: "cursor-pointer flex items-center bg-white border border-slate-200 px-4 py-2 rounded-xl hover:bg-amber-500 hover:border-amber-500 hover:text-white shadow-sm hover:shadow-md transition-all duration-200 group/btn"
|
|
1300
1355
|
}, [
|
|
1301
1356
|
t("div", zo, [
|
|
1302
|
-
|
|
1303
|
-
|
|
1304
|
-
e.object.repeat_data && e.object.repeat_data.dynamicUpdate ? (
|
|
1357
|
+
c[16] || (c[16] = t("span", { class: "text-xl mb-1" }, "⚡", -1)),
|
|
1358
|
+
c[17] || (c[17] = t("span", { class: "text-xs font-medium" }, "Beber de contenido", -1)),
|
|
1359
|
+
e.object.repeat_data && e.object.repeat_data.dynamicUpdate ? (r(), s("span", No, "Carga " + h(e.object.repeat_data.elementCount) + " elementos", 1)) : F("", !0)
|
|
1305
1360
|
])
|
|
1306
1361
|
]),
|
|
1307
|
-
e.cloneComponent ? (
|
|
1362
|
+
e.cloneComponent ? (r(), s("div", {
|
|
1308
1363
|
key: 0,
|
|
1309
1364
|
title: "Clonar componente",
|
|
1310
|
-
onClick:
|
|
1365
|
+
onClick: c[8] || (c[8] = (k) => e.cloneComponent(e.object, e.section || "")),
|
|
1311
1366
|
class: "cursor-pointer flex items-center bg-white border border-slate-200 px-4 py-2 rounded-xl hover:bg-sky-500 hover:border-sky-500 hover:text-white shadow-sm hover:shadow-md transition-all duration-200 group/btn"
|
|
1312
|
-
}, [...
|
|
1367
|
+
}, [...c[18] || (c[18] = [
|
|
1313
1368
|
t("div", { class: "flex flex-col items-center" }, [
|
|
1314
1369
|
t("span", { class: "text-xl mb-1" }, "📋"),
|
|
1315
1370
|
t("span", { class: "text-xs font-medium" }, "Clonar")
|
|
1316
1371
|
], -1)
|
|
1317
|
-
])])) :
|
|
1318
|
-
e.removeComponent ? (
|
|
1372
|
+
])])) : F("", !0),
|
|
1373
|
+
e.removeComponent ? (r(), s("div", {
|
|
1319
1374
|
key: 1,
|
|
1320
1375
|
title: "Eliminar componente",
|
|
1321
|
-
onClick:
|
|
1376
|
+
onClick: c[9] || (c[9] = (k) => e.removeComponent(e.object, e.section || "")),
|
|
1322
1377
|
class: "cursor-pointer flex items-center bg-white border border-slate-200 px-4 py-2 rounded-xl hover:bg-red-500 hover:border-red-500 hover:text-white shadow-sm hover:shadow-md transition-all duration-200 group/btn"
|
|
1323
|
-
}, [...
|
|
1378
|
+
}, [...c[19] || (c[19] = [
|
|
1324
1379
|
t("div", { class: "flex flex-col items-center" }, [
|
|
1325
1380
|
t("span", { class: "text-xl mb-1" }, "🗑️"),
|
|
1326
1381
|
t("span", { class: "text-xs font-medium" }, "Eliminar")
|
|
1327
1382
|
], -1)
|
|
1328
|
-
])])) :
|
|
1383
|
+
])])) : F("", !0)
|
|
1329
1384
|
], 64))
|
|
1330
1385
|
])
|
|
1331
1386
|
]),
|
|
1332
|
-
|
|
1387
|
+
Y(ue, {
|
|
1333
1388
|
toggleShowForm: f,
|
|
1334
1389
|
object: e.object,
|
|
1335
|
-
showForm:
|
|
1390
|
+
showForm: b.value,
|
|
1391
|
+
onFieldUpdated: g
|
|
1336
1392
|
}, null, 8, ["object", "showForm"]),
|
|
1337
1393
|
t("div", {
|
|
1338
|
-
id:
|
|
1394
|
+
id: H(w),
|
|
1339
1395
|
class: "w-full h-full flex items-center justify-center"
|
|
1340
|
-
}, null, 8,
|
|
1341
|
-
], 64)) :
|
|
1396
|
+
}, null, 8, Lo)
|
|
1397
|
+
], 64)) : F("", !0)
|
|
1342
1398
|
], 2)
|
|
1343
1399
|
]));
|
|
1344
1400
|
}
|
|
1345
|
-
}), qo = { class: "absolute top-1 left-2 px-2 flex gap-3 items-center" },
|
|
1401
|
+
}), qo = { class: "absolute top-1 left-2 px-2 flex gap-3 items-center" }, Go = {
|
|
1346
1402
|
key: 0,
|
|
1347
1403
|
class: "text-[10px] font-medium text-slate-400 bg-white/80 backdrop-blur-sm px-2 py-0.5 rounded-full shadow-sm"
|
|
1348
|
-
},
|
|
1404
|
+
}, Wo = { class: "text-slate-600" }, Jo = {
|
|
1349
1405
|
key: 1,
|
|
1350
1406
|
class: "text-[10px] font-medium text-slate-400 bg-white/80 backdrop-blur-sm px-2 py-0.5 rounded-full shadow-sm"
|
|
1351
|
-
}, Ho = { class: "text-slate-600" },
|
|
1407
|
+
}, Ho = { class: "text-slate-600" }, Yo = {
|
|
1352
1408
|
key: 2,
|
|
1353
1409
|
class: "text-[10px] font-medium text-slate-400 bg-white/80 backdrop-blur-sm px-2 py-0.5 rounded-full shadow-sm"
|
|
1354
|
-
},
|
|
1410
|
+
}, Ko = { class: "text-slate-600" }, Qo = {
|
|
1355
1411
|
key: 0,
|
|
1356
1412
|
class: "my-4 w-full rounded-xl bg-white border border-slate-200 p-4 z-10 hidden group-hover:block shadow-lg"
|
|
1357
|
-
},
|
|
1413
|
+
}, Xo = { class: "p-4 bg-gradient-to-br from-slate-50 to-white rounded-lg w-full" }, Zo = { class: "flex flex-col" }, _o = ["for"], en = ["id"], tn = ["value"], on = { class: "flex flex-col" }, nn = ["for"], ln = ["id"], an = ["value"], rn = { class: "flex flex-col" }, sn = ["for"], dn = ["id"], un = ["value"], cn = { class: "absolute bottom-0 flex flex-col gap-1 w-full opacity-0 transition-all duration-300 group-hover:opacity-100" }, mn = { class: "flex justify-between gap-2 bg-white/90 backdrop-blur-sm rounded-t-xl px-3 py-1.5 shadow-sm border border-b-0 border-slate-200" }, bn = { class: "flex gap-1" }, gn = /* @__PURE__ */ Z({
|
|
1358
1414
|
__name: "ColConfig",
|
|
1359
1415
|
props: {
|
|
1360
1416
|
globalPageConfiguration: Array,
|
|
@@ -1375,7 +1431,7 @@ const ut = /* @__PURE__ */ ke($e, [["render", dt]]), ct = {
|
|
|
1375
1431
|
section: String
|
|
1376
1432
|
},
|
|
1377
1433
|
setup(e) {
|
|
1378
|
-
const o = e,
|
|
1434
|
+
const o = e, v = {
|
|
1379
1435
|
width: [
|
|
1380
1436
|
{ label: "Ancho completo", value: "full" },
|
|
1381
1437
|
{ label: "1/2", value: "1/2" },
|
|
@@ -1399,193 +1455,193 @@ const ut = /* @__PURE__ */ ke($e, [["render", dt]]), ct = {
|
|
|
1399
1455
|
{ label: "Columna (componentes unos encima de otros)", value: "flex-col" },
|
|
1400
1456
|
{ label: "Fila (componentes unos al lado de otros)", value: "flex-row" }
|
|
1401
1457
|
]
|
|
1402
|
-
},
|
|
1403
|
-
var
|
|
1404
|
-
const
|
|
1405
|
-
(
|
|
1406
|
-
),
|
|
1407
|
-
return (
|
|
1408
|
-
}),
|
|
1409
|
-
var
|
|
1410
|
-
const
|
|
1411
|
-
(
|
|
1458
|
+
}, j = P(""), $ = P(""), w = P(""), d = P(!1), b = _(() => {
|
|
1459
|
+
var n, l, p, z;
|
|
1460
|
+
const u = (n = o.globalPageConfiguration) == null ? void 0 : n.find(
|
|
1461
|
+
(M) => M.section === o.section
|
|
1462
|
+
), a = (z = (p = (l = u == null ? void 0 : u.rows) == null ? void 0 : l[o.rowIndex]) == null ? void 0 : p.columns) == null ? void 0 : z[o.columnIndex];
|
|
1463
|
+
return (a == null ? void 0 : a.config) || {};
|
|
1464
|
+
}), m = (u, a) => {
|
|
1465
|
+
var z;
|
|
1466
|
+
const n = j.value || v.width[0].value, l = $.value || v.gap[0].value, p = w.value || "";
|
|
1467
|
+
(z = o.updateColConfig) == null || z.call(o, u, a, o.section || "", n, l, p), d.value = !1;
|
|
1412
1468
|
};
|
|
1413
|
-
return (
|
|
1469
|
+
return (u, a) => (r(), s(T, null, [
|
|
1414
1470
|
t("div", qo, [
|
|
1415
|
-
|
|
1416
|
-
|
|
1417
|
-
t("span",
|
|
1418
|
-
])) :
|
|
1419
|
-
|
|
1420
|
-
|
|
1421
|
-
t("span", Ho,
|
|
1422
|
-
])) :
|
|
1423
|
-
|
|
1424
|
-
|
|
1425
|
-
t("span",
|
|
1426
|
-
])) :
|
|
1471
|
+
b.value.width !== void 0 ? (r(), s("span", Go, [
|
|
1472
|
+
a[12] || (a[12] = D(" Ancho: ", -1)),
|
|
1473
|
+
t("span", Wo, h(b.value.width), 1)
|
|
1474
|
+
])) : F("", !0),
|
|
1475
|
+
b.value.gap !== void 0 ? (r(), s("span", Jo, [
|
|
1476
|
+
a[13] || (a[13] = D(" Gap: ", -1)),
|
|
1477
|
+
t("span", Ho, h(b.value.gap), 1)
|
|
1478
|
+
])) : F("", !0),
|
|
1479
|
+
b.value.flexDirection !== void 0 ? (r(), s("span", Yo, [
|
|
1480
|
+
a[14] || (a[14] = D(" Flex: ", -1)),
|
|
1481
|
+
t("span", Ko, h(b.value.flexDirection), 1)
|
|
1482
|
+
])) : F("", !0)
|
|
1427
1483
|
]),
|
|
1428
|
-
|
|
1429
|
-
t("div",
|
|
1484
|
+
d.value ? (r(), s("div", Qo, [
|
|
1485
|
+
t("div", Xo, [
|
|
1430
1486
|
t("form", {
|
|
1431
|
-
onSubmit:
|
|
1487
|
+
onSubmit: a[4] || (a[4] = se(() => {
|
|
1432
1488
|
}, ["prevent"])),
|
|
1433
1489
|
class: "flex gap-5 w-full justify-center items-end flex-wrap"
|
|
1434
1490
|
}, [
|
|
1435
|
-
t("div",
|
|
1491
|
+
t("div", Zo, [
|
|
1436
1492
|
t("label", {
|
|
1437
1493
|
for: `colwidth-${e.rowIndex}-${e.columnIndex}`,
|
|
1438
1494
|
class: "block text-sm font-medium text-slate-600 mb-1.5"
|
|
1439
|
-
}, "Ancho:", 8,
|
|
1440
|
-
|
|
1441
|
-
"onUpdate:modelValue":
|
|
1495
|
+
}, "Ancho:", 8, _o),
|
|
1496
|
+
U(t("select", {
|
|
1497
|
+
"onUpdate:modelValue": a[0] || (a[0] = (n) => j.value = n),
|
|
1442
1498
|
id: `colwidth-${e.rowIndex}-${e.columnIndex}`,
|
|
1443
1499
|
class: "block w-full border border-slate-200 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 bg-white hover:border-slate-300 transition-colors"
|
|
1444
1500
|
}, [
|
|
1445
|
-
|
|
1446
|
-
(
|
|
1447
|
-
key:
|
|
1448
|
-
value:
|
|
1449
|
-
},
|
|
1450
|
-
], 8,
|
|
1451
|
-
[
|
|
1501
|
+
a[15] || (a[15] = t("option", { value: "" }, "Selecciona...", -1)),
|
|
1502
|
+
(r(!0), s(T, null, V(v.width, (n) => (r(), s("option", {
|
|
1503
|
+
key: n.value,
|
|
1504
|
+
value: n.value
|
|
1505
|
+
}, h(n.label), 9, tn))), 128))
|
|
1506
|
+
], 8, en), [
|
|
1507
|
+
[Q, j.value]
|
|
1452
1508
|
])
|
|
1453
1509
|
]),
|
|
1454
|
-
t("div",
|
|
1510
|
+
t("div", on, [
|
|
1455
1511
|
t("label", {
|
|
1456
1512
|
for: `colgap-${e.rowIndex}-${e.columnIndex}`,
|
|
1457
1513
|
class: "block text-sm font-medium text-slate-600 mb-1.5"
|
|
1458
|
-
}, "Gap:", 8,
|
|
1459
|
-
|
|
1460
|
-
"onUpdate:modelValue":
|
|
1514
|
+
}, "Gap:", 8, nn),
|
|
1515
|
+
U(t("select", {
|
|
1516
|
+
"onUpdate:modelValue": a[1] || (a[1] = (n) => $.value = n),
|
|
1461
1517
|
id: `colgap-${e.rowIndex}-${e.columnIndex}`,
|
|
1462
1518
|
class: "block w-full border border-slate-200 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 bg-white hover:border-slate-300 transition-colors"
|
|
1463
1519
|
}, [
|
|
1464
|
-
|
|
1465
|
-
(
|
|
1466
|
-
key:
|
|
1467
|
-
value:
|
|
1468
|
-
},
|
|
1469
|
-
], 8,
|
|
1470
|
-
[
|
|
1520
|
+
a[16] || (a[16] = t("option", { value: "" }, "Selecciona...", -1)),
|
|
1521
|
+
(r(!0), s(T, null, V(v.gap, (n) => (r(), s("option", {
|
|
1522
|
+
key: n.value,
|
|
1523
|
+
value: n.value
|
|
1524
|
+
}, h(n.label), 9, an))), 128))
|
|
1525
|
+
], 8, ln), [
|
|
1526
|
+
[Q, $.value]
|
|
1471
1527
|
])
|
|
1472
1528
|
]),
|
|
1473
|
-
t("div",
|
|
1529
|
+
t("div", rn, [
|
|
1474
1530
|
t("label", {
|
|
1475
1531
|
for: `flexdir-${e.rowIndex}-${e.columnIndex}`,
|
|
1476
1532
|
class: "block text-sm font-medium text-slate-600 mb-1.5"
|
|
1477
|
-
}, "Dirección:", 8,
|
|
1478
|
-
|
|
1479
|
-
"onUpdate:modelValue":
|
|
1533
|
+
}, "Dirección:", 8, sn),
|
|
1534
|
+
U(t("select", {
|
|
1535
|
+
"onUpdate:modelValue": a[2] || (a[2] = (n) => w.value = n),
|
|
1480
1536
|
id: `flexdir-${e.rowIndex}-${e.columnIndex}`,
|
|
1481
1537
|
class: "block w-full border border-slate-200 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 bg-white hover:border-slate-300 transition-colors"
|
|
1482
1538
|
}, [
|
|
1483
|
-
|
|
1484
|
-
(
|
|
1485
|
-
key:
|
|
1486
|
-
value:
|
|
1487
|
-
},
|
|
1488
|
-
], 8,
|
|
1489
|
-
[
|
|
1539
|
+
a[17] || (a[17] = t("option", { value: "" }, "Selecciona...", -1)),
|
|
1540
|
+
(r(!0), s(T, null, V(v.flexDirection, (n) => (r(), s("option", {
|
|
1541
|
+
key: n.value,
|
|
1542
|
+
value: n.value
|
|
1543
|
+
}, h(n.label), 9, un))), 128))
|
|
1544
|
+
], 8, dn), [
|
|
1545
|
+
[Q, w.value]
|
|
1490
1546
|
])
|
|
1491
1547
|
]),
|
|
1492
1548
|
t("button", {
|
|
1493
1549
|
type: "button",
|
|
1494
1550
|
class: "bg-gradient-to-r from-emerald-500 to-teal-500 hover:from-emerald-600 hover:to-teal-600 text-white px-5 py-2 rounded-lg font-medium shadow-sm hover:shadow-md transition-all duration-200 cursor-pointer",
|
|
1495
|
-
onClick:
|
|
1496
|
-
|
|
1551
|
+
onClick: a[3] || (a[3] = (n) => {
|
|
1552
|
+
m(e.rowIndex, e.columnIndex), d.value = !1;
|
|
1497
1553
|
})
|
|
1498
1554
|
}, " Guardar ")
|
|
1499
1555
|
], 32)
|
|
1500
1556
|
])
|
|
1501
|
-
])) :
|
|
1502
|
-
t("div",
|
|
1557
|
+
])) : F("", !0),
|
|
1558
|
+
t("div", cn, [
|
|
1503
1559
|
t("div", {
|
|
1504
|
-
class:
|
|
1560
|
+
class: K(["flex flex-row", { "justify-between": e.section && e.section !== "Sidebar", "justify-center": e.section === "Sidebar" }])
|
|
1505
1561
|
}, [
|
|
1506
|
-
e.section && e.section !== "Sidebar" ? (
|
|
1562
|
+
e.section && e.section !== "Sidebar" ? (r(), s("button", {
|
|
1507
1563
|
key: 0,
|
|
1508
1564
|
type: "button",
|
|
1509
1565
|
title: "Añadir columna a la izquierda",
|
|
1510
|
-
onClick:
|
|
1511
|
-
var
|
|
1512
|
-
return (
|
|
1566
|
+
onClick: a[5] || (a[5] = (n) => {
|
|
1567
|
+
var l;
|
|
1568
|
+
return (l = e.addCol) == null ? void 0 : l.call(e, e.rowIndex, e.columnIndex, e.section, "left");
|
|
1513
1569
|
}),
|
|
1514
1570
|
class: "ms-2 bg-white px-3 py-1 cursor-pointer rounded-t-lg border border-b-0 border-slate-200 hover:bg-emerald-500 hover:border-emerald-500 hover:text-white text-slate-600 transition-all duration-200 shadow-sm hover:shadow-md font-medium"
|
|
1515
|
-
}, "+")) :
|
|
1516
|
-
t("div",
|
|
1571
|
+
}, "+")) : F("", !0),
|
|
1572
|
+
t("div", mn, [
|
|
1517
1573
|
t("button", {
|
|
1518
1574
|
type: "button",
|
|
1519
1575
|
title: "Configurar columna",
|
|
1520
|
-
onClick:
|
|
1521
|
-
class:
|
|
1576
|
+
onClick: a[6] || (a[6] = (n) => d.value = !d.value),
|
|
1577
|
+
class: K(["px-2.5 py-1 rounded-lg cursor-pointer transition-all duration-200", d.value ? "bg-amber-100 text-amber-700 shadow-sm" : "bg-slate-100 text-slate-600 hover:bg-amber-500 hover:text-white"])
|
|
1522
1578
|
}, "⚙️", 2),
|
|
1523
|
-
t("div",
|
|
1524
|
-
e.section && e.section !== "Sidebar" ? (
|
|
1579
|
+
t("div", bn, [
|
|
1580
|
+
e.section && e.section !== "Sidebar" ? (r(), s("span", {
|
|
1525
1581
|
key: 0,
|
|
1526
1582
|
title: "Mover columna a la izquierda",
|
|
1527
|
-
onClick:
|
|
1528
|
-
var
|
|
1529
|
-
return (
|
|
1583
|
+
onClick: a[7] || (a[7] = (n) => {
|
|
1584
|
+
var l;
|
|
1585
|
+
return (l = e.moveCol) == null ? void 0 : l.call(e, e.rowIndex, e.columnIndex, e.section, "left");
|
|
1530
1586
|
}),
|
|
1531
1587
|
class: "bg-slate-100 px-2.5 py-1 cursor-pointer rounded-lg transition-all duration-200 text-slate-400 hover:bg-blue-500 hover:text-white"
|
|
1532
|
-
}, "◁")) :
|
|
1533
|
-
e.fullwidthMode ? (
|
|
1588
|
+
}, "◁")) : F("", !0),
|
|
1589
|
+
e.fullwidthMode ? (r(), s("span", {
|
|
1534
1590
|
key: 1,
|
|
1535
1591
|
title: "Añadir componente",
|
|
1536
|
-
onClick:
|
|
1537
|
-
var
|
|
1538
|
-
return (
|
|
1592
|
+
onClick: a[8] || (a[8] = (n) => {
|
|
1593
|
+
var l;
|
|
1594
|
+
return (l = e.addComponentFunction) == null ? void 0 : l.call(e, e.rowIndex, e.columnIndex, e.section || "");
|
|
1539
1595
|
}),
|
|
1540
1596
|
class: "bg-slate-100 px-2.5 py-1 cursor-pointer rounded-lg transition-all duration-200 text-slate-400 hover:bg-violet-500 hover:text-white"
|
|
1541
|
-
}, " 📦 ")) :
|
|
1542
|
-
e.section && e.section !== "Sidebar" ? (
|
|
1597
|
+
}, " 📦 ")) : F("", !0),
|
|
1598
|
+
e.section && e.section !== "Sidebar" ? (r(), s("span", {
|
|
1543
1599
|
key: 2,
|
|
1544
1600
|
title: "Mover columna a la derecha",
|
|
1545
|
-
onClick:
|
|
1546
|
-
var
|
|
1547
|
-
return (
|
|
1601
|
+
onClick: a[9] || (a[9] = (n) => {
|
|
1602
|
+
var l;
|
|
1603
|
+
return (l = e.moveCol) == null ? void 0 : l.call(e, e.rowIndex, e.columnIndex, e.section, "right");
|
|
1548
1604
|
}),
|
|
1549
1605
|
class: "bg-slate-100 px-2.5 py-1 cursor-pointer rounded-lg transition-all duration-200 text-slate-400 hover:bg-blue-500 hover:text-white"
|
|
1550
|
-
}, "▷ ")) :
|
|
1606
|
+
}, "▷ ")) : F("", !0)
|
|
1551
1607
|
]),
|
|
1552
1608
|
t("button", {
|
|
1553
1609
|
type: "button",
|
|
1554
1610
|
title: "Eliminar columna",
|
|
1555
|
-
onClick:
|
|
1556
|
-
var
|
|
1557
|
-
return (
|
|
1611
|
+
onClick: a[10] || (a[10] = (n) => {
|
|
1612
|
+
var l;
|
|
1613
|
+
return (l = e.removeCol) == null ? void 0 : l.call(e, e.rowIndex, e.columnIndex, e.section || "");
|
|
1558
1614
|
}),
|
|
1559
1615
|
class: "bg-slate-100 px-2.5 py-1 rounded-lg cursor-pointer transition-all duration-200 text-slate-600 hover:bg-red-500 hover:text-white"
|
|
1560
1616
|
}, "🗑️")
|
|
1561
1617
|
]),
|
|
1562
|
-
e.section && e.section !== "Sidebar" ? (
|
|
1618
|
+
e.section && e.section !== "Sidebar" ? (r(), s("button", {
|
|
1563
1619
|
key: 1,
|
|
1564
1620
|
type: "button",
|
|
1565
1621
|
title: "Añadir columna a la derecha",
|
|
1566
|
-
onClick:
|
|
1567
|
-
var
|
|
1568
|
-
return (
|
|
1622
|
+
onClick: a[11] || (a[11] = (n) => {
|
|
1623
|
+
var l;
|
|
1624
|
+
return (l = e.addCol) == null ? void 0 : l.call(e, e.rowIndex, e.columnIndex, e.section, "right");
|
|
1569
1625
|
}),
|
|
1570
1626
|
class: "me-2 bg-white px-3 py-1 cursor-pointer rounded-t-lg border border-b-0 border-slate-200 hover:bg-emerald-500 hover:border-emerald-500 hover:text-white text-slate-600 transition-all duration-200 shadow-sm hover:shadow-md font-medium"
|
|
1571
|
-
}, "+")) :
|
|
1627
|
+
}, "+")) : F("", !0)
|
|
1572
1628
|
], 2)
|
|
1573
1629
|
])
|
|
1574
1630
|
], 64));
|
|
1575
1631
|
}
|
|
1576
|
-
}),
|
|
1632
|
+
}), fn = { class: "absolute -top-1 px-2 gap-4 w-full justify-between hidden group-hover/row:flex css-pb-row-config" }, pn = { class: "flex gap-1.5" }, vn = { class: "flex gap-4 items-center" }, xn = { class: "inline-block" }, hn = {
|
|
1577
1633
|
key: 0,
|
|
1578
1634
|
class: "text-xs font-medium text-slate-400 bg-slate-50 px-2 py-1 rounded-full"
|
|
1579
|
-
},
|
|
1635
|
+
}, wn = { class: "text-slate-600" }, yn = {
|
|
1580
1636
|
key: 1,
|
|
1581
1637
|
class: "text-xs font-medium text-slate-400 bg-slate-50 px-2 py-1 rounded-full"
|
|
1582
|
-
},
|
|
1638
|
+
}, Cn = { class: "text-slate-600" }, $n = {
|
|
1583
1639
|
key: 2,
|
|
1584
1640
|
class: "text-xs font-medium text-slate-400 bg-slate-50 px-2 py-1 rounded-full"
|
|
1585
|
-
},
|
|
1641
|
+
}, kn = { class: "text-slate-600" }, Sn = { class: "flex gap-1.5" }, Fn = {
|
|
1586
1642
|
key: 0,
|
|
1587
1643
|
class: "z-1"
|
|
1588
|
-
},
|
|
1644
|
+
}, Pn = { class: "p-5 bg-white rounded-xl shadow-lg border border-slate-100 w-full mt-8" }, jn = { class: "flex flex-col" }, In = ["for"], Mn = ["id"], An = ["value"], Bn = { class: "flex flex-col" }, En = ["for"], Tn = ["id"], On = ["value"], Dn = { class: "flex flex-col" }, Rn = ["for"], Un = ["id"], Vn = ["value"], zn = /* @__PURE__ */ Z({
|
|
1589
1645
|
__name: "RowConfig",
|
|
1590
1646
|
props: {
|
|
1591
1647
|
rowIndex: {
|
|
@@ -1600,7 +1656,7 @@ const ut = /* @__PURE__ */ ke($e, [["render", dt]]), ct = {
|
|
|
1600
1656
|
moveRow: Function
|
|
1601
1657
|
},
|
|
1602
1658
|
setup(e) {
|
|
1603
|
-
const o = e,
|
|
1659
|
+
const o = e, v = {
|
|
1604
1660
|
padding: [
|
|
1605
1661
|
{ label: "Ninguno", value: "0" },
|
|
1606
1662
|
{ label: "Leve", value: "4" },
|
|
@@ -1626,163 +1682,163 @@ const ut = /* @__PURE__ */ ke($e, [["render", dt]]), ct = {
|
|
|
1626
1682
|
{ label: "3/5", value: "3/5" },
|
|
1627
1683
|
{ label: "4/5", value: "4/5" }
|
|
1628
1684
|
]
|
|
1629
|
-
},
|
|
1630
|
-
var
|
|
1631
|
-
const
|
|
1632
|
-
(
|
|
1685
|
+
}, j = P(""), $ = P(""), w = P(""), d = P(!1), b = P(!1), m = _(() => {
|
|
1686
|
+
var n, l;
|
|
1687
|
+
const a = (n = o.globalPageConfiguration) == null ? void 0 : n.find(
|
|
1688
|
+
(p) => p.section === o.section
|
|
1633
1689
|
);
|
|
1634
|
-
return (
|
|
1635
|
-
}),
|
|
1636
|
-
var
|
|
1637
|
-
const
|
|
1638
|
-
(
|
|
1690
|
+
return (l = a == null ? void 0 : a.rows) != null && l[o.rowIndex] ? a.rows[o.rowIndex].config || {} : {};
|
|
1691
|
+
}), u = (a) => {
|
|
1692
|
+
var z;
|
|
1693
|
+
const n = j.value || v.padding[0].value, l = $.value || v.gap[0].value, p = w.value || v.width[0].value;
|
|
1694
|
+
(z = o.updateRowConfig) == null || z.call(o, a, o.section || "", n, l, p), d.value = !1;
|
|
1639
1695
|
};
|
|
1640
|
-
return (
|
|
1641
|
-
t("div",
|
|
1696
|
+
return (a, n) => (r(), s(T, null, [
|
|
1697
|
+
t("div", fn, [
|
|
1642
1698
|
t("div", null, [
|
|
1643
|
-
t("div",
|
|
1699
|
+
t("div", pn, [
|
|
1644
1700
|
t("button", {
|
|
1645
1701
|
type: "button",
|
|
1646
1702
|
title: "Agregar fila",
|
|
1647
|
-
onClick:
|
|
1648
|
-
var
|
|
1649
|
-
(
|
|
1703
|
+
onClick: n[0] || (n[0] = (l) => {
|
|
1704
|
+
var p;
|
|
1705
|
+
(p = e.addRow) == null || p.call(e, e.rowIndex, e.section || ""), b.value = !1;
|
|
1650
1706
|
}),
|
|
1651
1707
|
class: "cursor-pointer rounded-b-lg border border-t-0 border-slate-200 bg-white hover:bg-emerald-500 hover:border-emerald-500 px-3 py-1 hover:text-white text-slate-600 transition-all duration-200 shadow-sm hover:shadow-md font-medium"
|
|
1652
1708
|
}, "+"),
|
|
1653
1709
|
t("button", {
|
|
1654
1710
|
type: "button",
|
|
1655
1711
|
title: "Mover fila hacia arriba",
|
|
1656
|
-
onClick:
|
|
1657
|
-
var
|
|
1658
|
-
(
|
|
1712
|
+
onClick: n[1] || (n[1] = (l) => {
|
|
1713
|
+
var p;
|
|
1714
|
+
(p = e.moveRow) == null || p.call(e, e.rowIndex, e.section || "", "up"), b.value = !1;
|
|
1659
1715
|
}),
|
|
1660
1716
|
class: "cursor-pointer rounded-b-lg border border-t-0 border-slate-200 bg-white hover:bg-blue-500 hover:border-blue-500 px-3 py-1 hover:text-white text-slate-600 transition-all duration-200 shadow-sm hover:shadow-md"
|
|
1661
1717
|
}, "△"),
|
|
1662
1718
|
t("button", {
|
|
1663
1719
|
type: "button",
|
|
1664
1720
|
title: "Mover fila hacia abajo",
|
|
1665
|
-
onClick:
|
|
1666
|
-
var
|
|
1667
|
-
(
|
|
1721
|
+
onClick: n[2] || (n[2] = (l) => {
|
|
1722
|
+
var p;
|
|
1723
|
+
(p = e.moveRow) == null || p.call(e, e.rowIndex, e.section || "", "down"), b.value = !1;
|
|
1668
1724
|
}),
|
|
1669
1725
|
class: "cursor-pointer rounded-b-lg border border-t-0 border-slate-200 bg-white hover:bg-blue-500 hover:border-blue-500 px-3 py-1 hover:text-white text-slate-600 transition-all duration-200 shadow-sm hover:shadow-md"
|
|
1670
1726
|
}, "▽")
|
|
1671
1727
|
])
|
|
1672
1728
|
]),
|
|
1673
|
-
t("div",
|
|
1674
|
-
t("div",
|
|
1729
|
+
t("div", vn, [
|
|
1730
|
+
t("div", xn, [
|
|
1675
1731
|
t("button", {
|
|
1676
1732
|
type: "button",
|
|
1677
1733
|
title: "Configurar la fila",
|
|
1678
|
-
onClick:
|
|
1679
|
-
class:
|
|
1734
|
+
onClick: n[3] || (n[3] = (l) => d.value = !d.value),
|
|
1735
|
+
class: K(["cursor-pointer rounded-b-lg border border-t-0 px-3 py-1 transition-all duration-200 shadow-sm hover:shadow-md", d.value ? "bg-amber-100 border-amber-300 text-amber-700" : "bg-white border-slate-200 text-slate-600 hover:bg-amber-500 hover:border-amber-500 hover:text-white"])
|
|
1680
1736
|
}, "⚙️", 2)
|
|
1681
1737
|
]),
|
|
1682
|
-
|
|
1683
|
-
|
|
1684
|
-
t("span",
|
|
1685
|
-
])) :
|
|
1686
|
-
|
|
1687
|
-
|
|
1688
|
-
t("span",
|
|
1689
|
-
])) :
|
|
1690
|
-
|
|
1691
|
-
|
|
1692
|
-
t("span",
|
|
1693
|
-
])) :
|
|
1738
|
+
m.value.padding !== void 0 ? (r(), s("span", hn, [
|
|
1739
|
+
n[10] || (n[10] = D(" Padding: ", -1)),
|
|
1740
|
+
t("span", wn, h(m.value.padding), 1)
|
|
1741
|
+
])) : F("", !0),
|
|
1742
|
+
m.value.gap !== void 0 ? (r(), s("span", yn, [
|
|
1743
|
+
n[11] || (n[11] = D(" Gap: ", -1)),
|
|
1744
|
+
t("span", Cn, h(m.value.gap), 1)
|
|
1745
|
+
])) : F("", !0),
|
|
1746
|
+
m.value.width !== void 0 ? (r(), s("span", $n, [
|
|
1747
|
+
n[12] || (n[12] = D(" Ancho: ", -1)),
|
|
1748
|
+
t("span", kn, h(m.value.width), 1)
|
|
1749
|
+
])) : F("", !0)
|
|
1694
1750
|
]),
|
|
1695
1751
|
t("div", null, [
|
|
1696
|
-
t("div",
|
|
1752
|
+
t("div", Sn, [
|
|
1697
1753
|
t("button", {
|
|
1698
1754
|
type: "button",
|
|
1699
1755
|
title: "Eliminar fila",
|
|
1700
|
-
onClick:
|
|
1701
|
-
var
|
|
1702
|
-
(
|
|
1756
|
+
onClick: n[4] || (n[4] = (l) => {
|
|
1757
|
+
var p;
|
|
1758
|
+
(p = e.removeRow) == null || p.call(e, e.rowIndex, e.section || ""), b.value = !1;
|
|
1703
1759
|
}),
|
|
1704
1760
|
class: "cursor-pointer rounded-b-lg border border-t-0 border-slate-200 bg-white hover:bg-red-500 hover:border-red-500 px-3 py-1 hover:text-white text-slate-600 transition-all duration-200 shadow-sm hover:shadow-md"
|
|
1705
1761
|
}, "🗑️")
|
|
1706
1762
|
])
|
|
1707
1763
|
])
|
|
1708
1764
|
]),
|
|
1709
|
-
|
|
1710
|
-
t("div",
|
|
1765
|
+
d.value ? (r(), s("div", Fn, [
|
|
1766
|
+
t("div", Pn, [
|
|
1711
1767
|
t("form", {
|
|
1712
|
-
onSubmit:
|
|
1768
|
+
onSubmit: n[9] || (n[9] = se(() => {
|
|
1713
1769
|
}, ["prevent"])),
|
|
1714
1770
|
class: "flex gap-6 w-full justify-center items-end flex-wrap"
|
|
1715
1771
|
}, [
|
|
1716
|
-
t("div",
|
|
1772
|
+
t("div", jn, [
|
|
1717
1773
|
t("label", {
|
|
1718
1774
|
for: `padding-${e.rowIndex}`,
|
|
1719
1775
|
class: "block text-sm font-medium text-slate-600 mb-1.5"
|
|
1720
|
-
}, "Padding:", 8,
|
|
1721
|
-
|
|
1722
|
-
"onUpdate:modelValue":
|
|
1776
|
+
}, "Padding:", 8, In),
|
|
1777
|
+
U(t("select", {
|
|
1778
|
+
"onUpdate:modelValue": n[5] || (n[5] = (l) => j.value = l),
|
|
1723
1779
|
id: `padding-${e.rowIndex}`,
|
|
1724
1780
|
class: "block w-full border border-slate-200 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 bg-slate-50 hover:bg-white transition-colors"
|
|
1725
1781
|
}, [
|
|
1726
|
-
|
|
1727
|
-
(
|
|
1728
|
-
key:
|
|
1729
|
-
value:
|
|
1730
|
-
},
|
|
1782
|
+
n[13] || (n[13] = t("option", { value: "" }, "Selecciona...", -1)),
|
|
1783
|
+
(r(!0), s(T, null, V(v.padding, (l) => (r(), s("option", {
|
|
1784
|
+
key: l.value,
|
|
1785
|
+
value: l.value
|
|
1786
|
+
}, h(l.label), 9, An))), 128))
|
|
1731
1787
|
], 8, Mn), [
|
|
1732
|
-
[
|
|
1788
|
+
[Q, j.value]
|
|
1733
1789
|
])
|
|
1734
1790
|
]),
|
|
1735
|
-
t("div",
|
|
1791
|
+
t("div", Bn, [
|
|
1736
1792
|
t("label", {
|
|
1737
1793
|
for: `gap-${e.rowIndex}`,
|
|
1738
1794
|
class: "block text-sm font-medium text-slate-600 mb-1.5"
|
|
1739
|
-
}, "Gap:", 8,
|
|
1740
|
-
|
|
1741
|
-
"onUpdate:modelValue":
|
|
1795
|
+
}, "Gap:", 8, En),
|
|
1796
|
+
U(t("select", {
|
|
1797
|
+
"onUpdate:modelValue": n[6] || (n[6] = (l) => $.value = l),
|
|
1742
1798
|
id: `gap-${e.rowIndex}`,
|
|
1743
1799
|
class: "block w-full border border-slate-200 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 bg-slate-50 hover:bg-white transition-colors"
|
|
1744
1800
|
}, [
|
|
1745
|
-
|
|
1746
|
-
(
|
|
1747
|
-
key:
|
|
1748
|
-
value:
|
|
1749
|
-
},
|
|
1750
|
-
], 8,
|
|
1751
|
-
[
|
|
1801
|
+
n[14] || (n[14] = t("option", { value: "" }, "Selecciona...", -1)),
|
|
1802
|
+
(r(!0), s(T, null, V(v.gap, (l) => (r(), s("option", {
|
|
1803
|
+
key: l.value,
|
|
1804
|
+
value: l.value
|
|
1805
|
+
}, h(l.label), 9, On))), 128))
|
|
1806
|
+
], 8, Tn), [
|
|
1807
|
+
[Q, $.value]
|
|
1752
1808
|
])
|
|
1753
1809
|
]),
|
|
1754
1810
|
t("div", Dn, [
|
|
1755
1811
|
t("label", {
|
|
1756
1812
|
for: `width-${e.rowIndex}`,
|
|
1757
1813
|
class: "block text-sm font-medium text-slate-600 mb-1.5"
|
|
1758
|
-
}, "Ancho:", 8,
|
|
1759
|
-
|
|
1760
|
-
"onUpdate:modelValue":
|
|
1814
|
+
}, "Ancho:", 8, Rn),
|
|
1815
|
+
U(t("select", {
|
|
1816
|
+
"onUpdate:modelValue": n[7] || (n[7] = (l) => w.value = l),
|
|
1761
1817
|
id: `width-${e.rowIndex}`,
|
|
1762
1818
|
class: "block w-full border border-slate-200 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 bg-slate-50 hover:bg-white transition-colors"
|
|
1763
1819
|
}, [
|
|
1764
|
-
|
|
1765
|
-
(
|
|
1766
|
-
key:
|
|
1767
|
-
value:
|
|
1768
|
-
},
|
|
1769
|
-
], 8,
|
|
1770
|
-
[
|
|
1820
|
+
n[15] || (n[15] = t("option", { value: "" }, "Selecciona...", -1)),
|
|
1821
|
+
(r(!0), s(T, null, V(v.width, (l) => (r(), s("option", {
|
|
1822
|
+
key: l.value,
|
|
1823
|
+
value: l.value
|
|
1824
|
+
}, h(l.label), 9, Vn))), 128))
|
|
1825
|
+
], 8, Un), [
|
|
1826
|
+
[Q, w.value]
|
|
1771
1827
|
])
|
|
1772
1828
|
]),
|
|
1773
1829
|
t("button", {
|
|
1774
1830
|
type: "button",
|
|
1775
1831
|
class: "bg-gradient-to-r from-emerald-500 to-teal-500 hover:from-emerald-600 hover:to-teal-600 text-white px-5 py-2 rounded-lg font-medium shadow-sm hover:shadow-md transition-all duration-200 cursor-pointer",
|
|
1776
|
-
onClick:
|
|
1777
|
-
|
|
1832
|
+
onClick: n[8] || (n[8] = (l) => {
|
|
1833
|
+
u(e.rowIndex), b.value = !1;
|
|
1778
1834
|
})
|
|
1779
1835
|
}, " Guardar ")
|
|
1780
1836
|
], 32)
|
|
1781
1837
|
])
|
|
1782
|
-
])) :
|
|
1838
|
+
])) : F("", !0)
|
|
1783
1839
|
], 64));
|
|
1784
1840
|
}
|
|
1785
|
-
}), Nn = ["id"],
|
|
1841
|
+
}), Nn = ["id"], Ln = { class: "flex flex-row w-full gap-3 mt-6" }, qn = ["id"], Gn = /* @__PURE__ */ Z({
|
|
1786
1842
|
__name: "BodySection",
|
|
1787
1843
|
props: {
|
|
1788
1844
|
isComponentMode: Boolean,
|
|
@@ -1807,49 +1863,49 @@ const ut = /* @__PURE__ */ ke($e, [["render", dt]]), ct = {
|
|
|
1807
1863
|
}
|
|
1808
1864
|
},
|
|
1809
1865
|
setup(e) {
|
|
1810
|
-
const o = e,
|
|
1811
|
-
var
|
|
1812
|
-
const
|
|
1813
|
-
(
|
|
1866
|
+
const o = e, v = P(!1), j = _(() => {
|
|
1867
|
+
var w;
|
|
1868
|
+
const $ = (w = o.globalPageConfiguration) == null ? void 0 : w.find(
|
|
1869
|
+
(d) => d.section === o.sectionSelected
|
|
1814
1870
|
);
|
|
1815
|
-
return (
|
|
1871
|
+
return ($ == null ? void 0 : $.rows) || [];
|
|
1816
1872
|
});
|
|
1817
|
-
return (
|
|
1818
|
-
key: "row-" +
|
|
1819
|
-
id: "row-" + e.sectionSelected + "-" +
|
|
1873
|
+
return ($, w) => (r(!0), s(T, null, V(j.value, (d, b) => (r(), s("div", {
|
|
1874
|
+
key: "row-" + b,
|
|
1875
|
+
id: "row-" + e.sectionSelected + "-" + b,
|
|
1820
1876
|
class: "flex flex-col gap-3 w-full p-5 bg-white border border-slate-200 rounded-2xl js-row relative items-center hover:border-slate-300 hover:shadow-lg transition-all duration-300 css-pb-row group/row"
|
|
1821
1877
|
}, [
|
|
1822
|
-
|
|
1878
|
+
Y(zn, {
|
|
1823
1879
|
moveRow: e.moveRow,
|
|
1824
1880
|
addRow: e.addRow,
|
|
1825
1881
|
removeRow: e.removeRow,
|
|
1826
1882
|
globalPageConfiguration: e.globalPageConfiguration,
|
|
1827
1883
|
updateRowConfig: e.updateRowConfig,
|
|
1828
|
-
rowIndex:
|
|
1884
|
+
rowIndex: b,
|
|
1829
1885
|
section: e.sectionSelected
|
|
1830
1886
|
}, null, 8, ["moveRow", "addRow", "removeRow", "globalPageConfiguration", "updateRowConfig", "rowIndex", "section"]),
|
|
1831
|
-
t("div",
|
|
1832
|
-
(
|
|
1833
|
-
class:
|
|
1887
|
+
t("div", Ln, [
|
|
1888
|
+
(r(!0), s(T, null, V(d.columns, (m, u) => (r(), s("div", {
|
|
1889
|
+
class: K([
|
|
1834
1890
|
"hover:shadow-md overflow-hidden dragging-zone border relative border-slate-200 shadow-sm w-full p-5 pt-10 min-h-[200px] rounded-xl flex flex-col gap-3 items-center before:content-['Columna'] before:absolute before:text-slate-300 before:text-7xl before:font-bold before:bottom-4 before:left-2 before:-rotate-12 before:opacity-30 before:duration-300 before:transition-opacity group hover:before:opacity-50 transition-all duration-300",
|
|
1835
|
-
|
|
1891
|
+
v.value ? "bg-gradient-to-b from-emerald-50 to-emerald-100 border-emerald-300 shadow-emerald-100" : "bg-gradient-to-b from-slate-50 to-slate-100"
|
|
1836
1892
|
]),
|
|
1837
|
-
key: "column-" +
|
|
1838
|
-
id: "col-" + e.sectionSelected + "-" +
|
|
1893
|
+
key: "column-" + u,
|
|
1894
|
+
id: "col-" + e.sectionSelected + "-" + b + "-" + u
|
|
1839
1895
|
}, [
|
|
1840
|
-
|
|
1896
|
+
Y(H(ge), {
|
|
1841
1897
|
class: "h-full w-full mb-4",
|
|
1842
|
-
list:
|
|
1898
|
+
list: m.components,
|
|
1843
1899
|
group: { name: "draggingGroup", pull: !0, put: !0 },
|
|
1844
1900
|
"item-key": "id",
|
|
1845
1901
|
handle: ".handle",
|
|
1846
|
-
onStart:
|
|
1847
|
-
onEnd:
|
|
1902
|
+
onStart: w[0] || (w[0] = (a) => v.value = !0),
|
|
1903
|
+
onEnd: w[1] || (w[1] = (a) => v.value = !1)
|
|
1848
1904
|
}, {
|
|
1849
|
-
item:
|
|
1850
|
-
|
|
1905
|
+
item: be(({ element: a }) => [
|
|
1906
|
+
Y(fe, {
|
|
1851
1907
|
renderApiDomain: e.renderApiDomain,
|
|
1852
|
-
object:
|
|
1908
|
+
object: a,
|
|
1853
1909
|
"is-component-mode": e.isComponentMode,
|
|
1854
1910
|
removeComponent: e.removeComponent,
|
|
1855
1911
|
cloneComponent: e.cloneComponent,
|
|
@@ -1859,7 +1915,7 @@ const ut = /* @__PURE__ */ ke($e, [["render", dt]]), ct = {
|
|
|
1859
1915
|
]),
|
|
1860
1916
|
_: 1
|
|
1861
1917
|
}, 8, ["list"]),
|
|
1862
|
-
|
|
1918
|
+
Y(gn, {
|
|
1863
1919
|
section: e.sectionSelected,
|
|
1864
1920
|
globalPageConfiguration: e.globalPageConfiguration,
|
|
1865
1921
|
updateColConfig: e.updateColConfig,
|
|
@@ -1868,17 +1924,17 @@ const ut = /* @__PURE__ */ ke($e, [["render", dt]]), ct = {
|
|
|
1868
1924
|
addCol: e.addCol,
|
|
1869
1925
|
removeCol: e.removeCol,
|
|
1870
1926
|
moveCol: e.moveCol,
|
|
1871
|
-
rowIndex:
|
|
1872
|
-
columnIndex:
|
|
1927
|
+
rowIndex: b,
|
|
1928
|
+
columnIndex: u
|
|
1873
1929
|
}, null, 8, ["section", "globalPageConfiguration", "updateColConfig", "addComponentFunction", "fullwidthMode", "addCol", "removeCol", "moveCol", "rowIndex", "columnIndex"])
|
|
1874
1930
|
], 10, qn))), 128))
|
|
1875
1931
|
])
|
|
1876
1932
|
], 8, Nn))), 128));
|
|
1877
1933
|
}
|
|
1878
|
-
}),
|
|
1934
|
+
}), Wn = { class: "flex justify-between items-center mb-4" }, Jn = { class: "text-xs" }, Hn = { class: "flex flex-wrap gap-2 mb-4 bg-white border border-slate-200 p-4 rounded-xl shadow-sm" }, Yn = ["value", "checked"], Kn = { class: "my-3" }, Qn = { class: "relative" }, Xn = { class: "component-library dragging-zone w-full p-5 min-h-[200px] border border-slate-200 bg-white rounded-xl flex flex-col gap-4 items-center shadow-sm" }, Zn = {
|
|
1879
1935
|
key: 0,
|
|
1880
1936
|
class: "text-center py-8 text-slate-400"
|
|
1881
|
-
},
|
|
1937
|
+
}, ce = /* @__PURE__ */ Z({
|
|
1882
1938
|
__name: "ComponentsBox",
|
|
1883
1939
|
props: {
|
|
1884
1940
|
isComponentMode: { type: Boolean },
|
|
@@ -1892,7 +1948,7 @@ const ut = /* @__PURE__ */ ke($e, [["render", dt]]), ct = {
|
|
|
1892
1948
|
excludedCategories: {}
|
|
1893
1949
|
},
|
|
1894
1950
|
setup(e) {
|
|
1895
|
-
const o = e,
|
|
1951
|
+
const o = e, v = [
|
|
1896
1952
|
"Call to Action",
|
|
1897
1953
|
"Contenido",
|
|
1898
1954
|
"Separador",
|
|
@@ -1904,26 +1960,26 @@ const ut = /* @__PURE__ */ ke($e, [["render", dt]]), ct = {
|
|
|
1904
1960
|
"Formulario",
|
|
1905
1961
|
"Título",
|
|
1906
1962
|
"SEO"
|
|
1907
|
-
],
|
|
1908
|
-
const
|
|
1909
|
-
return
|
|
1910
|
-
(
|
|
1911
|
-
) :
|
|
1912
|
-
}),
|
|
1913
|
-
|
|
1914
|
-
},
|
|
1915
|
-
const
|
|
1916
|
-
|
|
1963
|
+
], j = _(() => !o.excludedCategories || o.excludedCategories.length === 0 ? v : v.filter((a) => !o.excludedCategories.includes(a))), $ = P(!0), w = P([]), d = P(""), b = _(() => {
|
|
1964
|
+
const a = d.value.toLowerCase(), n = Object.values(o.components), l = (p) => (p.name.toLowerCase() + p.description.toLowerCase() + p.tags.join(" ").toLowerCase()).includes(a);
|
|
1965
|
+
return w.value.length > 0 ? n.filter(
|
|
1966
|
+
(p) => w.value.includes(p.category) && l(p)
|
|
1967
|
+
) : n.filter(l);
|
|
1968
|
+
}), m = (a) => {
|
|
1969
|
+
d.value = a.target.value;
|
|
1970
|
+
}, u = (a) => {
|
|
1971
|
+
const n = a.target, l = n.value;
|
|
1972
|
+
n.checked ? w.value.includes(l) || w.value.push(l) : w.value = w.value.filter((p) => p !== l);
|
|
1917
1973
|
};
|
|
1918
|
-
return (
|
|
1919
|
-
|
|
1920
|
-
t("div",
|
|
1974
|
+
return (a, n) => (r(), s(T, null, [
|
|
1975
|
+
n[6] || (n[6] = t("h1", { class: "text-center text-2xl font-semibold mb-4 text-slate-700 tracking-tight" }, "Componentes", -1)),
|
|
1976
|
+
t("div", Wn, [
|
|
1921
1977
|
t("button", {
|
|
1922
1978
|
type: "button",
|
|
1923
|
-
onClick:
|
|
1979
|
+
onClick: n[0] || (n[0] = (l) => $.value = !$.value),
|
|
1924
1980
|
class: "mb-3 px-4 py-2 bg-white rounded-lg border border-slate-200 hover:border-slate-300 hover:shadow-sm transition-all duration-200 cursor-pointer text-slate-600 font-medium flex items-center gap-2"
|
|
1925
1981
|
}, [
|
|
1926
|
-
|
|
1982
|
+
n[2] || (n[2] = t("svg", {
|
|
1927
1983
|
class: "w-4 h-4",
|
|
1928
1984
|
fill: "none",
|
|
1929
1985
|
stroke: "currentColor",
|
|
@@ -1936,38 +1992,38 @@ const ut = /* @__PURE__ */ ke($e, [["render", dt]]), ct = {
|
|
|
1936
1992
|
d: "M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z"
|
|
1937
1993
|
})
|
|
1938
1994
|
], -1)),
|
|
1939
|
-
|
|
1940
|
-
t("span", Jn,
|
|
1995
|
+
n[3] || (n[3] = t("span", null, "Filtros", -1)),
|
|
1996
|
+
t("span", Jn, h($.value ? "▲" : "▼"), 1)
|
|
1941
1997
|
]),
|
|
1942
1998
|
t("button", {
|
|
1943
1999
|
type: "button",
|
|
1944
|
-
class:
|
|
1945
|
-
onClick:
|
|
1946
|
-
var
|
|
1947
|
-
return (
|
|
2000
|
+
class: K([[e.isComponentMode ? "bg-gradient-to-r from-slate-600 to-slate-700 border-slate-700 text-white shadow-md" : "bg-white hover:bg-slate-100"], "cursor-pointer border border-slate-200 rounded-lg py-1.5 px-3 text-sm font-medium transition-all duration-200"]),
|
|
2001
|
+
onClick: n[1] || (n[1] = (l) => {
|
|
2002
|
+
var p;
|
|
2003
|
+
return (p = e.toggleComponentModeFunction) == null ? void 0 : p.call(e);
|
|
1948
2004
|
})
|
|
1949
|
-
},
|
|
2005
|
+
}, h(e.isComponentMode ? "⚒️ Modo Configuración" : "👁️ Modo Visual"), 3)
|
|
1950
2006
|
]),
|
|
1951
|
-
|
|
1952
|
-
(
|
|
1953
|
-
key:
|
|
1954
|
-
class:
|
|
2007
|
+
U(t("div", Hn, [
|
|
2008
|
+
(r(!0), s(T, null, V(j.value, (l) => (r(), s("label", {
|
|
2009
|
+
key: l,
|
|
2010
|
+
class: K(["flex items-center gap-2 text-xs bg-slate-50 hover:bg-slate-100 px-3 py-2 rounded-lg cursor-pointer transition-colors duration-200 border border-transparent hover:border-slate-200", { "bg-emerald-50 border-emerald-200 text-emerald-700": w.value.includes(l) }])
|
|
1955
2011
|
}, [
|
|
1956
2012
|
t("input", {
|
|
1957
2013
|
type: "checkbox",
|
|
1958
|
-
value:
|
|
1959
|
-
checked:
|
|
1960
|
-
onInput:
|
|
2014
|
+
value: l,
|
|
2015
|
+
checked: w.value.includes(l),
|
|
2016
|
+
onInput: u,
|
|
1961
2017
|
class: "w-4 h-4 rounded border-slate-300 text-emerald-500 focus:ring-emerald-500"
|
|
1962
|
-
}, null, 40,
|
|
1963
|
-
D(" " +
|
|
2018
|
+
}, null, 40, Yn),
|
|
2019
|
+
D(" " + h(l), 1)
|
|
1964
2020
|
], 2))), 128))
|
|
1965
2021
|
], 512), [
|
|
1966
|
-
[
|
|
2022
|
+
[we, $.value]
|
|
1967
2023
|
]),
|
|
1968
|
-
t("div",
|
|
1969
|
-
t("div",
|
|
1970
|
-
|
|
2024
|
+
t("div", Kn, [
|
|
2025
|
+
t("div", Qn, [
|
|
2026
|
+
n[4] || (n[4] = t("svg", {
|
|
1971
2027
|
class: "absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-slate-400",
|
|
1972
2028
|
fill: "none",
|
|
1973
2029
|
stroke: "currentColor",
|
|
@@ -1981,25 +2037,25 @@ const ut = /* @__PURE__ */ ke($e, [["render", dt]]), ct = {
|
|
|
1981
2037
|
})
|
|
1982
2038
|
], -1)),
|
|
1983
2039
|
t("input", {
|
|
1984
|
-
onInput:
|
|
2040
|
+
onInput: m,
|
|
1985
2041
|
type: "text",
|
|
1986
2042
|
placeholder: "Buscar componente...",
|
|
1987
2043
|
class: "duration-300 border border-slate-200 bg-white rounded-xl py-3 px-4 pl-11 w-full focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 hover:border-slate-300 shadow-sm"
|
|
1988
2044
|
}, null, 32)
|
|
1989
2045
|
])
|
|
1990
2046
|
]),
|
|
1991
|
-
t("div",
|
|
1992
|
-
|
|
2047
|
+
t("div", Xn, [
|
|
2048
|
+
Y(H(ge), {
|
|
1993
2049
|
class: "w-full flex flex-col gap-4",
|
|
1994
|
-
list:
|
|
2050
|
+
list: b.value,
|
|
1995
2051
|
group: { name: "draggingGroup", pull: "clone", put: !1 },
|
|
1996
2052
|
itemKey: "name",
|
|
1997
|
-
clone: (
|
|
2053
|
+
clone: (l) => JSON.parse(JSON.stringify(l))
|
|
1998
2054
|
}, {
|
|
1999
|
-
item:
|
|
2000
|
-
|
|
2055
|
+
item: be(({ element: l }) => [
|
|
2056
|
+
Y(fe, {
|
|
2001
2057
|
renderApiDomain: e.renderApiDomain,
|
|
2002
|
-
object:
|
|
2058
|
+
object: l,
|
|
2003
2059
|
"is-component-mode": e.isComponentMode,
|
|
2004
2060
|
fullwidthMode: e.fullwidthMode,
|
|
2005
2061
|
columnToInsert: e.columnToInsert,
|
|
@@ -2010,7 +2066,7 @@ const ut = /* @__PURE__ */ ke($e, [["render", dt]]), ct = {
|
|
|
2010
2066
|
]),
|
|
2011
2067
|
_: 1
|
|
2012
2068
|
}, 8, ["list", "clone"]),
|
|
2013
|
-
|
|
2069
|
+
b.value.length === 0 ? (r(), s("div", Zn, [...n[5] || (n[5] = [
|
|
2014
2070
|
t("svg", {
|
|
2015
2071
|
class: "w-12 h-12 mx-auto mb-3 opacity-50",
|
|
2016
2072
|
fill: "none",
|
|
@@ -2026,14 +2082,14 @@ const ut = /* @__PURE__ */ ke($e, [["render", dt]]), ct = {
|
|
|
2026
2082
|
], -1),
|
|
2027
2083
|
t("p", { class: "text-sm font-medium" }, "No se encontraron componentes", -1),
|
|
2028
2084
|
t("p", { class: "text-xs mt-1" }, "Intenta con otros filtros o términos de búsqueda", -1)
|
|
2029
|
-
])])) :
|
|
2085
|
+
])])) : F("", !0)
|
|
2030
2086
|
])
|
|
2031
2087
|
], 64));
|
|
2032
2088
|
}
|
|
2033
|
-
}),
|
|
2089
|
+
}), _n = { class: "flex flex-col w-full transition-all duration-300 lf-page-builder bg-gradient-to-br from-slate-50 to-slate-100 min-h-screen" }, el = { class: "relative flex flex-row flex-wrap" }, tl = { class: "w-full flex justify-end py-4 pe-4" }, ol = { class: "w-3/4" }, nl = {
|
|
2034
2090
|
key: 1,
|
|
2035
2091
|
class: "w-1/4 px-3 overflow-y-auto h-screen sticky top-0"
|
|
2036
|
-
},
|
|
2092
|
+
}, il = /* @__PURE__ */ Z({
|
|
2037
2093
|
__name: "Pagebuilder",
|
|
2038
2094
|
props: {
|
|
2039
2095
|
isProduction: { type: Boolean },
|
|
@@ -2043,19 +2099,19 @@ const ut = /* @__PURE__ */ ke($e, [["render", dt]]), ct = {
|
|
|
2043
2099
|
excludeComponentTypes: {}
|
|
2044
2100
|
},
|
|
2045
2101
|
setup(e) {
|
|
2046
|
-
const o = e,
|
|
2102
|
+
const o = e, v = o.isProduction ?? !1, j = o.debugMode ?? !1, $ = o.submitForm ?? !1, w = o.inputId ?? null, d = [
|
|
2047
2103
|
"Repetidor",
|
|
2048
2104
|
// Siempre excluido
|
|
2049
2105
|
...o.excludeComponentTypes ?? []
|
|
2050
|
-
],
|
|
2051
|
-
const
|
|
2052
|
-
if (
|
|
2053
|
-
return
|
|
2054
|
-
const
|
|
2055
|
-
for (const [
|
|
2056
|
-
|
|
2057
|
-
return
|
|
2058
|
-
}),
|
|
2106
|
+
], b = v ? "https://render-api.lefebvre.es" : "https://led-dev-astro-render-api-dev.eu.els.local", m = P(!0), u = P(void 0), a = P([]), n = P({ rowIndex: null, columnIndex: null, section: null }), l = P(!1), p = P(!1), z = _(() => {
|
|
2107
|
+
const C = Ce();
|
|
2108
|
+
if (d.length === 0)
|
|
2109
|
+
return C;
|
|
2110
|
+
const y = {};
|
|
2111
|
+
for (const [x, S] of Object.entries(C))
|
|
2112
|
+
d.includes(S.category) || (y[x] = S);
|
|
2113
|
+
return y;
|
|
2114
|
+
}), M = P({
|
|
2059
2115
|
global: {
|
|
2060
2116
|
sidebarEnabled: !1,
|
|
2061
2117
|
renderAsBodyPart: !1,
|
|
@@ -2068,7 +2124,7 @@ const ut = /* @__PURE__ */ ke($e, [["render", dt]]), ct = {
|
|
|
2068
2124
|
description: "",
|
|
2069
2125
|
robots: "index, follow"
|
|
2070
2126
|
}
|
|
2071
|
-
}),
|
|
2127
|
+
}), f = ye([
|
|
2072
2128
|
{
|
|
2073
2129
|
section: "Header",
|
|
2074
2130
|
config: { width: "full" },
|
|
@@ -2090,208 +2146,208 @@ const ut = /* @__PURE__ */ ke($e, [["render", dt]]), ct = {
|
|
|
2090
2146
|
rows: [{ config: {}, columns: [{ config: {}, components: [] }] }]
|
|
2091
2147
|
}
|
|
2092
2148
|
]);
|
|
2093
|
-
|
|
2094
|
-
|
|
2149
|
+
le(() => {
|
|
2150
|
+
i();
|
|
2095
2151
|
});
|
|
2096
|
-
const
|
|
2097
|
-
if (
|
|
2098
|
-
const
|
|
2099
|
-
if (
|
|
2100
|
-
const
|
|
2101
|
-
if (
|
|
2152
|
+
const i = () => {
|
|
2153
|
+
if (a.value = ["Header", "Footer", "Body", "Sidebar"], u.value = "Body", w) {
|
|
2154
|
+
const C = document.getElementById(w);
|
|
2155
|
+
if (C) {
|
|
2156
|
+
const y = C.value;
|
|
2157
|
+
if (y)
|
|
2102
2158
|
try {
|
|
2103
|
-
const
|
|
2104
|
-
(
|
|
2105
|
-
} catch (
|
|
2106
|
-
console.error("Error parsing input value:",
|
|
2159
|
+
const x = typeof y == "string" ? JSON.parse(y) : y;
|
|
2160
|
+
(x && typeof x == "object" && !Array.isArray(x) ? Object.keys(x).length > 0 : Array.isArray(x) ? x.length > 0 : !1) && de(y);
|
|
2161
|
+
} catch (x) {
|
|
2162
|
+
console.error("Error parsing input value:", x);
|
|
2107
2163
|
}
|
|
2108
2164
|
}
|
|
2109
2165
|
}
|
|
2110
|
-
},
|
|
2111
|
-
|
|
2112
|
-
},
|
|
2113
|
-
|
|
2114
|
-
},
|
|
2115
|
-
var
|
|
2116
|
-
const
|
|
2117
|
-
(
|
|
2118
|
-
padding:
|
|
2119
|
-
gap:
|
|
2120
|
-
width:
|
|
2166
|
+
}, g = () => {
|
|
2167
|
+
p.value = !p.value;
|
|
2168
|
+
}, G = () => {
|
|
2169
|
+
m.value = !m.value;
|
|
2170
|
+
}, N = (C, y, x, S, A) => {
|
|
2171
|
+
var O;
|
|
2172
|
+
const B = f.find((R) => R.section === y);
|
|
2173
|
+
(O = B == null ? void 0 : B.rows) != null && O[C] && (B.rows[C].config = {
|
|
2174
|
+
padding: x,
|
|
2175
|
+
gap: S,
|
|
2176
|
+
width: A
|
|
2121
2177
|
});
|
|
2122
|
-
},
|
|
2123
|
-
var
|
|
2124
|
-
const
|
|
2125
|
-
(
|
|
2126
|
-
width:
|
|
2127
|
-
gap:
|
|
2128
|
-
flexDirection:
|
|
2178
|
+
}, L = (C, y, x, S, A, B) => {
|
|
2179
|
+
var R, J, te;
|
|
2180
|
+
const O = f.find((ne) => ne.section === x);
|
|
2181
|
+
(te = (J = (R = O == null ? void 0 : O.rows) == null ? void 0 : R[C]) == null ? void 0 : J.columns) != null && te[y] && (O.rows[C].columns[y].config = {
|
|
2182
|
+
width: S,
|
|
2183
|
+
gap: A,
|
|
2184
|
+
flexDirection: B
|
|
2129
2185
|
});
|
|
2130
|
-
},
|
|
2131
|
-
const
|
|
2132
|
-
if (
|
|
2133
|
-
const
|
|
2186
|
+
}, I = async (C, y) => {
|
|
2187
|
+
const x = f.find((S) => S.section === y);
|
|
2188
|
+
if (x) {
|
|
2189
|
+
const S = {
|
|
2134
2190
|
config: {},
|
|
2135
2191
|
columns: [{ config: {}, components: [] }]
|
|
2136
2192
|
};
|
|
2137
|
-
|
|
2193
|
+
C !== null && C >= 0 && C < x.rows.length ? x.rows.splice(C + 1, 0, S) : x.rows.push(S);
|
|
2138
2194
|
}
|
|
2139
|
-
await new Promise((
|
|
2195
|
+
await new Promise((S) => {
|
|
2140
2196
|
setTimeout(() => {
|
|
2141
|
-
const
|
|
2142
|
-
|
|
2143
|
-
|
|
2144
|
-
}, 3e3)) :
|
|
2197
|
+
const A = document.getElementById(`row-${y}-${(C ?? 0) + 1}`);
|
|
2198
|
+
A ? (A.scrollIntoView({ behavior: "smooth", block: "center" }), A.classList.add("selected-delay"), setTimeout(() => {
|
|
2199
|
+
A.classList.remove("selected-delay"), S();
|
|
2200
|
+
}, 3e3)) : S();
|
|
2145
2201
|
}, 0);
|
|
2146
2202
|
});
|
|
2147
|
-
},
|
|
2148
|
-
const
|
|
2149
|
-
!(
|
|
2150
|
-
},
|
|
2151
|
-
var
|
|
2152
|
-
const
|
|
2153
|
-
if (!((
|
|
2203
|
+
}, c = (C, y) => {
|
|
2204
|
+
const x = f.find((S) => S.section === y);
|
|
2205
|
+
!(x != null && x.rows) || x.rows.length <= 1 || x.rows.splice(C, 1);
|
|
2206
|
+
}, k = (C, y, x = "down") => {
|
|
2207
|
+
var R;
|
|
2208
|
+
const S = f.find((J) => J.section === y);
|
|
2209
|
+
if (!((R = S == null ? void 0 : S.rows) != null && R[C]) || x === "up" && C === 0 || x === "down" && C === S.rows.length - 1)
|
|
2154
2210
|
return;
|
|
2155
|
-
const
|
|
2156
|
-
|
|
2157
|
-
},
|
|
2158
|
-
var
|
|
2159
|
-
const
|
|
2160
|
-
(
|
|
2211
|
+
const A = S.rows, B = A.splice(C, 1)[0], O = x === "down" ? C + 1 : C - 1;
|
|
2212
|
+
A.splice(O, 0, B);
|
|
2213
|
+
}, E = async (C, y, x, S = "right") => {
|
|
2214
|
+
var O;
|
|
2215
|
+
const A = S === "left" ? y : y + 1, B = f.find((R) => R.section === x);
|
|
2216
|
+
(O = B == null ? void 0 : B.rows) != null && O[C] && B.rows[C].columns.splice(A, 0, {
|
|
2161
2217
|
config: {},
|
|
2162
2218
|
components: []
|
|
2163
|
-
}), await new Promise((
|
|
2219
|
+
}), await new Promise((R) => {
|
|
2164
2220
|
setTimeout(() => {
|
|
2165
|
-
const
|
|
2166
|
-
|
|
2167
|
-
|
|
2168
|
-
}, 3e3)) :
|
|
2221
|
+
const J = document.getElementById(`col-${x}-${C}-${A}`);
|
|
2222
|
+
J ? (J.scrollIntoView({ behavior: "smooth", block: "center" }), J.classList.add("selected-delay"), setTimeout(() => {
|
|
2223
|
+
J.classList.remove("selected-delay"), R();
|
|
2224
|
+
}, 3e3)) : R();
|
|
2169
2225
|
}, 0);
|
|
2170
2226
|
});
|
|
2171
|
-
},
|
|
2172
|
-
var
|
|
2173
|
-
const
|
|
2174
|
-
!
|
|
2175
|
-
},
|
|
2176
|
-
var
|
|
2177
|
-
const
|
|
2178
|
-
if (!((
|
|
2227
|
+
}, W = (C, y, x) => {
|
|
2228
|
+
var B, O;
|
|
2229
|
+
const S = f.find((R) => R.section === x), A = (O = (B = S == null ? void 0 : S.rows) == null ? void 0 : B[C]) == null ? void 0 : O.columns;
|
|
2230
|
+
!A || A.length <= 1 || A.splice(y, 1);
|
|
2231
|
+
}, q = (C, y, x, S = "right") => {
|
|
2232
|
+
var J;
|
|
2233
|
+
const A = f.find((te) => te.section === x);
|
|
2234
|
+
if (!((J = A == null ? void 0 : A.rows) != null && J[C]) || S === "left" && y === 0 || S === "right" && y === A.rows[C].columns.length - 1)
|
|
2179
2235
|
return;
|
|
2180
|
-
const
|
|
2181
|
-
|
|
2182
|
-
},
|
|
2183
|
-
var
|
|
2184
|
-
const
|
|
2185
|
-
(
|
|
2186
|
-
|
|
2187
|
-
const
|
|
2188
|
-
|
|
2236
|
+
const B = A.rows[C].columns, O = B.splice(y, 1)[0], R = S === "right" ? y + 1 : y - 1;
|
|
2237
|
+
B.splice(R, 0, O);
|
|
2238
|
+
}, X = (C, y) => {
|
|
2239
|
+
var S;
|
|
2240
|
+
const x = f.find((A) => A.section === y);
|
|
2241
|
+
(S = x == null ? void 0 : x.rows) == null || S.forEach((A) => {
|
|
2242
|
+
A.columns.forEach((B) => {
|
|
2243
|
+
const O = B.components.indexOf(C);
|
|
2244
|
+
O !== -1 && B.components.splice(O, 1);
|
|
2189
2245
|
});
|
|
2190
2246
|
});
|
|
2191
|
-
},
|
|
2192
|
-
var
|
|
2193
|
-
const
|
|
2194
|
-
(
|
|
2195
|
-
|
|
2196
|
-
const
|
|
2197
|
-
if (
|
|
2198
|
-
const
|
|
2199
|
-
|
|
2247
|
+
}, ee = (C, y) => {
|
|
2248
|
+
var S;
|
|
2249
|
+
const x = f.find((A) => A.section === y);
|
|
2250
|
+
(S = x == null ? void 0 : x.rows) == null || S.forEach((A) => {
|
|
2251
|
+
A.columns.forEach((B) => {
|
|
2252
|
+
const O = B.components.indexOf(C);
|
|
2253
|
+
if (O !== -1) {
|
|
2254
|
+
const R = JSON.parse(JSON.stringify(C));
|
|
2255
|
+
R.id = Math.random().toString(36).substring(2, 15) + Date.now().toString(36), B.components.splice(O + 1, 0, R);
|
|
2200
2256
|
}
|
|
2201
2257
|
});
|
|
2202
2258
|
});
|
|
2203
|
-
}, pe = (
|
|
2204
|
-
|
|
2205
|
-
},
|
|
2206
|
-
var
|
|
2207
|
-
const { rowIndex:
|
|
2208
|
-
if (
|
|
2209
|
-
const
|
|
2210
|
-
|
|
2211
|
-
const
|
|
2212
|
-
|
|
2259
|
+
}, pe = (C, y, x) => {
|
|
2260
|
+
l.value = !0, n.value = { rowIndex: C, columnIndex: y, section: x };
|
|
2261
|
+
}, ie = (C) => {
|
|
2262
|
+
var A, B, O, R;
|
|
2263
|
+
const { rowIndex: y, columnIndex: x, section: S } = n.value;
|
|
2264
|
+
if (y !== null && x !== null) {
|
|
2265
|
+
const J = JSON.parse(JSON.stringify(C));
|
|
2266
|
+
J.id = Math.random().toString(36).substring(2, 15) + Date.now().toString(36);
|
|
2267
|
+
const te = f.find((ve) => ve.section === S), ne = (R = (O = (B = (A = te == null ? void 0 : te.rows) == null ? void 0 : A[y]) == null ? void 0 : B.columns) == null ? void 0 : O[x]) == null ? void 0 : R.components;
|
|
2268
|
+
ne == null || ne.push(J);
|
|
2213
2269
|
}
|
|
2214
|
-
|
|
2215
|
-
},
|
|
2216
|
-
const
|
|
2217
|
-
|
|
2270
|
+
l.value = !1;
|
|
2271
|
+
}, de = (C) => {
|
|
2272
|
+
const y = typeof C == "string" ? JSON.parse(C) : C;
|
|
2273
|
+
f.length = 0, f.push(...y.pageConfig || []), y.paramsConfig && (M.value = { ...M.value, ...y.paramsConfig });
|
|
2218
2274
|
};
|
|
2219
|
-
return (
|
|
2220
|
-
|
|
2221
|
-
sectionSelected:
|
|
2222
|
-
"onUpdate:sectionSelected":
|
|
2223
|
-
parametersPageConfiguration:
|
|
2224
|
-
"onUpdate:parametersPageConfiguration":
|
|
2225
|
-
globalPageConfiguration:
|
|
2226
|
-
availableSections:
|
|
2227
|
-
importConfigurationFunction:
|
|
2228
|
-
isComponentMode:
|
|
2229
|
-
toggleComponentModeFunction:
|
|
2230
|
-
fullwidthMode:
|
|
2231
|
-
toggleFullwidthMode:
|
|
2232
|
-
renderApiDomain:
|
|
2233
|
-
inputId:
|
|
2234
|
-
debugMode:
|
|
2235
|
-
submitForm:
|
|
2275
|
+
return (C, y) => (r(), s("div", _n, [
|
|
2276
|
+
Y(ct, {
|
|
2277
|
+
sectionSelected: u.value,
|
|
2278
|
+
"onUpdate:sectionSelected": y[0] || (y[0] = (x) => u.value = x),
|
|
2279
|
+
parametersPageConfiguration: M.value,
|
|
2280
|
+
"onUpdate:parametersPageConfiguration": y[1] || (y[1] = (x) => M.value = x),
|
|
2281
|
+
globalPageConfiguration: f,
|
|
2282
|
+
availableSections: a.value,
|
|
2283
|
+
importConfigurationFunction: de,
|
|
2284
|
+
isComponentMode: p.value,
|
|
2285
|
+
toggleComponentModeFunction: g,
|
|
2286
|
+
fullwidthMode: m.value,
|
|
2287
|
+
toggleFullwidthMode: G,
|
|
2288
|
+
renderApiDomain: H(b),
|
|
2289
|
+
inputId: H(w),
|
|
2290
|
+
debugMode: H(j),
|
|
2291
|
+
submitForm: H($)
|
|
2236
2292
|
}, null, 8, ["sectionSelected", "parametersPageConfiguration", "globalPageConfiguration", "availableSections", "isComponentMode", "fullwidthMode", "renderApiDomain", "inputId", "debugMode", "submitForm"]),
|
|
2237
|
-
t("div",
|
|
2238
|
-
|
|
2293
|
+
t("div", el, [
|
|
2294
|
+
m.value ? (r(), s("div", {
|
|
2239
2295
|
key: 0,
|
|
2240
|
-
class:
|
|
2296
|
+
class: K(["w-full overflow-y-auto fixed top-0 left-0 h-full bg-gradient-to-br from-slate-100 via-white to-slate-50 z-9999 px-4 flex justify-start flex flex-col items-center backdrop-blur-sm", l.value ? "" : "hidden"])
|
|
2241
2297
|
}, [
|
|
2242
|
-
t("div",
|
|
2298
|
+
t("div", tl, [
|
|
2243
2299
|
t("div", {
|
|
2244
2300
|
class: "cursor-pointer w-10 h-10 flex items-center justify-center rounded-full bg-white shadow-md hover:shadow-lg hover:bg-red-50 text-slate-400 hover:text-red-500 transition-all duration-200 text-xl font-light",
|
|
2245
|
-
onClick:
|
|
2301
|
+
onClick: y[2] || (y[2] = (x) => l.value = !1)
|
|
2246
2302
|
}, "✕")
|
|
2247
2303
|
]),
|
|
2248
|
-
t("div",
|
|
2249
|
-
|
|
2250
|
-
renderApiDomain:
|
|
2251
|
-
isComponentMode:
|
|
2252
|
-
fullwidthMode:
|
|
2253
|
-
columnToInsert:
|
|
2254
|
-
addComponentToColumn:
|
|
2255
|
-
toggleComponentModeFunction:
|
|
2256
|
-
isProduction:
|
|
2257
|
-
components:
|
|
2258
|
-
excludedCategories:
|
|
2304
|
+
t("div", ol, [
|
|
2305
|
+
Y(ce, {
|
|
2306
|
+
renderApiDomain: H(b),
|
|
2307
|
+
isComponentMode: p.value,
|
|
2308
|
+
fullwidthMode: m.value,
|
|
2309
|
+
columnToInsert: n.value,
|
|
2310
|
+
addComponentToColumn: ie,
|
|
2311
|
+
toggleComponentModeFunction: g,
|
|
2312
|
+
isProduction: H(v),
|
|
2313
|
+
components: z.value,
|
|
2314
|
+
excludedCategories: d
|
|
2259
2315
|
}, null, 8, ["renderApiDomain", "isComponentMode", "fullwidthMode", "columnToInsert", "isProduction", "components"])
|
|
2260
2316
|
])
|
|
2261
|
-
], 2)) : (
|
|
2262
|
-
|
|
2263
|
-
renderApiDomain:
|
|
2264
|
-
isComponentMode:
|
|
2265
|
-
fullwidthMode:
|
|
2266
|
-
columnToInsert:
|
|
2267
|
-
addComponentToColumn:
|
|
2268
|
-
toggleComponentModeFunction:
|
|
2269
|
-
isProduction:
|
|
2270
|
-
components:
|
|
2271
|
-
excludedCategories:
|
|
2317
|
+
], 2)) : (r(), s("div", nl, [
|
|
2318
|
+
Y(ce, {
|
|
2319
|
+
renderApiDomain: H(b),
|
|
2320
|
+
isComponentMode: p.value,
|
|
2321
|
+
fullwidthMode: m.value,
|
|
2322
|
+
columnToInsert: n.value,
|
|
2323
|
+
addComponentToColumn: ie,
|
|
2324
|
+
toggleComponentModeFunction: g,
|
|
2325
|
+
isProduction: H(v),
|
|
2326
|
+
components: z.value,
|
|
2327
|
+
excludedCategories: d
|
|
2272
2328
|
}, null, 8, ["renderApiDomain", "isComponentMode", "fullwidthMode", "columnToInsert", "isProduction", "components"])
|
|
2273
2329
|
])),
|
|
2274
2330
|
t("div", {
|
|
2275
|
-
class:
|
|
2331
|
+
class: K([m.value ? "w-full px-4" : "w-3/4 ps-3", "flex flex-col gap-5"])
|
|
2276
2332
|
}, [
|
|
2277
|
-
|
|
2278
|
-
globalPageConfiguration:
|
|
2279
|
-
isComponentMode:
|
|
2280
|
-
removeComponent:
|
|
2281
|
-
cloneComponent:
|
|
2333
|
+
Y(Gn, {
|
|
2334
|
+
globalPageConfiguration: f,
|
|
2335
|
+
isComponentMode: p.value,
|
|
2336
|
+
removeComponent: X,
|
|
2337
|
+
cloneComponent: ee,
|
|
2282
2338
|
addComponentFunction: pe,
|
|
2283
|
-
fullwidthMode:
|
|
2284
|
-
addCol:
|
|
2285
|
-
addRow:
|
|
2286
|
-
removeRow:
|
|
2287
|
-
removeCol:
|
|
2288
|
-
moveCol:
|
|
2289
|
-
updateRowConfig:
|
|
2290
|
-
updateColConfig:
|
|
2291
|
-
moveRow:
|
|
2292
|
-
sectionSelected:
|
|
2293
|
-
renderApiDomain:
|
|
2294
|
-
isProduction:
|
|
2339
|
+
fullwidthMode: m.value,
|
|
2340
|
+
addCol: E,
|
|
2341
|
+
addRow: I,
|
|
2342
|
+
removeRow: c,
|
|
2343
|
+
removeCol: W,
|
|
2344
|
+
moveCol: q,
|
|
2345
|
+
updateRowConfig: N,
|
|
2346
|
+
updateColConfig: L,
|
|
2347
|
+
moveRow: k,
|
|
2348
|
+
sectionSelected: u.value,
|
|
2349
|
+
renderApiDomain: H(b),
|
|
2350
|
+
isProduction: H(v)
|
|
2295
2351
|
}, null, 8, ["globalPageConfiguration", "isComponentMode", "fullwidthMode", "sectionSelected", "renderApiDomain", "isProduction"])
|
|
2296
2352
|
], 2)
|
|
2297
2353
|
])
|
|
@@ -2299,15 +2355,15 @@ const ut = /* @__PURE__ */ ke($e, [["render", dt]]), ct = {
|
|
|
2299
2355
|
}
|
|
2300
2356
|
});
|
|
2301
2357
|
export {
|
|
2302
|
-
|
|
2303
|
-
|
|
2304
|
-
|
|
2305
|
-
|
|
2306
|
-
|
|
2307
|
-
|
|
2308
|
-
|
|
2309
|
-
|
|
2358
|
+
Gn as BodySection,
|
|
2359
|
+
gn as ColConfig,
|
|
2360
|
+
ce as ComponentsBox,
|
|
2361
|
+
xo as FeedComponent,
|
|
2362
|
+
ue as FieldsForm,
|
|
2363
|
+
ct as GlobalConfig,
|
|
2364
|
+
fe as InitialComponent,
|
|
2365
|
+
il as Pagebuilder,
|
|
2310
2366
|
zn as RowConfig,
|
|
2311
|
-
|
|
2312
|
-
|
|
2367
|
+
Tt as SourceFilter,
|
|
2368
|
+
il as default
|
|
2313
2369
|
};
|