lf-pagebuilder-vue 0.0.13 → 0.0.15
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 +1 -1
- package/dist/index.d.ts +14 -3
- package/dist/index.js +1084 -987
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
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
|
|
3
|
-
import { listComponents as
|
|
4
|
-
import { QuillEditor as
|
|
2
|
+
import { defineComponent as _, ref as M, computed as ee, openBlock as r, createElementBlock as i, createElementVNode as t, withModifiers as se, withDirectives as R, vModelText as ne, createCommentVNode as I, normalizeClass as Q, toDisplayString as C, Fragment as D, renderList as N, vModelSelect as X, vModelCheckbox as re, onMounted as le, onUnmounted as Ce, createTextVNode as L, createBlock as me, unref as H, createVNode as Y, watch as ae, nextTick as $e, withCtx as be, vShow as ke, reactive as Se } from "vue";
|
|
3
|
+
import { listComponents as Pe } from "libreria-astro-lefebvre";
|
|
4
|
+
import { QuillEditor as Fe } from "@vueup/vue-quill";
|
|
5
5
|
import ge from "vuedraggable";
|
|
6
|
-
const
|
|
6
|
+
const je = _({
|
|
7
7
|
props: {
|
|
8
8
|
isComponentMode: Boolean,
|
|
9
9
|
fullwidthMode: Boolean,
|
|
@@ -31,148 +31,148 @@ const ke = Z({
|
|
|
31
31
|
"update:parametersPageConfiguration.seo.description"
|
|
32
32
|
],
|
|
33
33
|
setup(e) {
|
|
34
|
-
const o = e.renderApiDomain || "http://localhost:8003", v =
|
|
34
|
+
const o = e.renderApiDomain || "http://localhost:8003", v = M(""), S = M(!1), k = M(!1), $ = M(null), d = ee({
|
|
35
35
|
get() {
|
|
36
|
-
var
|
|
37
|
-
const
|
|
38
|
-
return ((
|
|
36
|
+
var P, s;
|
|
37
|
+
const E = (P = e.globalPageConfiguration) == null ? void 0 : P.find((c) => c.section === e.sectionSelected);
|
|
38
|
+
return ((s = E == null ? void 0 : E.config) == null ? void 0 : s.width) || "";
|
|
39
39
|
},
|
|
40
|
-
set(
|
|
41
|
-
var
|
|
42
|
-
const
|
|
43
|
-
|
|
40
|
+
set(E) {
|
|
41
|
+
var s;
|
|
42
|
+
const P = (s = e.globalPageConfiguration) == null ? void 0 : s.find((c) => c.section === e.sectionSelected);
|
|
43
|
+
P && (P.config || (P.config = {}), P.config.width = E);
|
|
44
44
|
}
|
|
45
|
-
}),
|
|
46
|
-
const
|
|
45
|
+
}), g = () => {
|
|
46
|
+
const E = {
|
|
47
47
|
pageConfig: e.globalPageConfiguration,
|
|
48
48
|
paramsConfig: e.parametersPageConfiguration
|
|
49
|
-
},
|
|
50
|
-
detail: { ...
|
|
49
|
+
}, P = JSON.stringify(E), s = new CustomEvent("lf-pagebuilder:export", {
|
|
50
|
+
detail: { ...E, inputId: e.inputId }
|
|
51
51
|
});
|
|
52
|
-
document.dispatchEvent(
|
|
53
|
-
const
|
|
54
|
-
|
|
55
|
-
},
|
|
56
|
-
const
|
|
52
|
+
document.dispatchEvent(s);
|
|
53
|
+
const c = window.open("", "Preview", "width='100vw',height='100vh'");
|
|
54
|
+
c && (c.document.body.innerText = P, c.document.close());
|
|
55
|
+
}, f = () => {
|
|
56
|
+
const E = {
|
|
57
57
|
pageConfig: e.globalPageConfiguration,
|
|
58
58
|
paramsConfig: e.parametersPageConfiguration
|
|
59
|
-
},
|
|
60
|
-
u(
|
|
61
|
-
const
|
|
62
|
-
detail: { ...
|
|
59
|
+
}, P = JSON.stringify(E);
|
|
60
|
+
u(P);
|
|
61
|
+
const s = new CustomEvent("lf-pagebuilder:save", {
|
|
62
|
+
detail: { ...E, inputId: e.inputId }
|
|
63
63
|
});
|
|
64
|
-
if (document.dispatchEvent(
|
|
65
|
-
const
|
|
66
|
-
|
|
64
|
+
if (document.dispatchEvent(s), e.inputId) {
|
|
65
|
+
const c = document.getElementById(e.inputId);
|
|
66
|
+
c && (c.value = P);
|
|
67
67
|
}
|
|
68
|
-
if (
|
|
69
|
-
|
|
70
|
-
}, 3e3), e.submitForm &&
|
|
71
|
-
const
|
|
72
|
-
|
|
68
|
+
if (k.value = !0, setTimeout(() => {
|
|
69
|
+
k.value = !1;
|
|
70
|
+
}, 3e3), e.submitForm && $.value) {
|
|
71
|
+
const c = $.value.closest("form");
|
|
72
|
+
c && c.submit();
|
|
73
73
|
}
|
|
74
|
-
}, u = (
|
|
75
|
-
const
|
|
76
|
-
localStorage.setItem(
|
|
74
|
+
}, u = (E) => {
|
|
75
|
+
const P = e.inputId ? `pageBuilderConfig_${e.inputId}` : "pageBuilderConfig";
|
|
76
|
+
localStorage.setItem(P, E);
|
|
77
77
|
};
|
|
78
78
|
return {
|
|
79
79
|
validateSeo: () => {
|
|
80
|
-
const
|
|
80
|
+
const E = {
|
|
81
81
|
pageConfig: e.globalPageConfiguration,
|
|
82
82
|
paramsConfig: e.parametersPageConfiguration
|
|
83
|
-
},
|
|
83
|
+
}, P = JSON.stringify(E, null, 2);
|
|
84
84
|
fetch(o + "/api/render-html/", {
|
|
85
85
|
method: "POST",
|
|
86
86
|
headers: {
|
|
87
87
|
"Content-Type": "application/json"
|
|
88
88
|
},
|
|
89
|
-
body:
|
|
90
|
-
}).then((
|
|
91
|
-
const
|
|
92
|
-
if (!
|
|
93
|
-
const
|
|
94
|
-
function
|
|
95
|
-
if (!
|
|
96
|
-
const W =
|
|
97
|
-
["h1", "h2", "h3", "h4", "h5", "h6", "a", "p", "article", "section", "header", "footer"].includes(W) &&
|
|
89
|
+
body: P
|
|
90
|
+
}).then((s) => s.text()).then((s) => {
|
|
91
|
+
const c = window.open("", "Preview", "width='100vw',height='100vh'");
|
|
92
|
+
if (!c) return;
|
|
93
|
+
const V = new DOMParser().parseFromString(s, "text/html"), q = [];
|
|
94
|
+
function j(F, O = 0) {
|
|
95
|
+
if (!F || F.nodeType !== 1) return;
|
|
96
|
+
const W = F.tagName.toLowerCase();
|
|
97
|
+
["h1", "h2", "h3", "h4", "h5", "h6", "a", "p", "article", "section", "header", "footer"].includes(W) && q.push({
|
|
98
98
|
tag: W,
|
|
99
|
-
text: (
|
|
100
|
-
depth:
|
|
101
|
-
}), Array.from(
|
|
99
|
+
text: (F.textContent || "").trim().slice(0, 80),
|
|
100
|
+
depth: O
|
|
101
|
+
}), Array.from(F.children).forEach((J) => j(J, O + 1));
|
|
102
102
|
}
|
|
103
|
-
|
|
104
|
-
let
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
}),
|
|
103
|
+
j(V.body);
|
|
104
|
+
let m = '<h2>Estructura SEO</h2><ul style="font-family:monospace">';
|
|
105
|
+
q.forEach((F) => {
|
|
106
|
+
m += `<li style="margin-left:${F.depth * 20}px"><b>${F.tag}</b>: ${F.text}</li>`;
|
|
107
|
+
}), m += "</ul>", c.document.body.innerHTML = m, c.document.close();
|
|
108
108
|
});
|
|
109
109
|
},
|
|
110
110
|
importConfig: v,
|
|
111
|
-
showAdvancedConfig:
|
|
111
|
+
showAdvancedConfig: S,
|
|
112
112
|
previewFunction: () => {
|
|
113
|
-
const
|
|
113
|
+
const E = {
|
|
114
114
|
pageConfig: e.globalPageConfiguration,
|
|
115
115
|
paramsConfig: e.parametersPageConfiguration
|
|
116
|
-
},
|
|
116
|
+
}, P = JSON.stringify(E, null, 2);
|
|
117
117
|
fetch(o + "/api/render-html/", {
|
|
118
118
|
method: "POST",
|
|
119
119
|
headers: {
|
|
120
120
|
"Content-Type": "application/json"
|
|
121
121
|
},
|
|
122
|
-
body:
|
|
123
|
-
}).then((
|
|
124
|
-
const
|
|
125
|
-
|
|
126
|
-
var
|
|
127
|
-
const
|
|
128
|
-
|
|
129
|
-
}),
|
|
122
|
+
body: P
|
|
123
|
+
}).then((s) => s.text()).then((s) => {
|
|
124
|
+
const c = window.open("", "Preview", "width='100vw',height='100vh'");
|
|
125
|
+
c && (c.document.body.innerHTML = s, c.document.querySelectorAll("script").forEach((V) => {
|
|
126
|
+
var j;
|
|
127
|
+
const q = c.document.createElement("script");
|
|
128
|
+
V.src ? q.src = V.src : q.textContent = V.textContent, (j = V.parentNode) == null || j.replaceChild(q, V);
|
|
129
|
+
}), c.document.close());
|
|
130
130
|
});
|
|
131
131
|
},
|
|
132
132
|
importFunction: () => {
|
|
133
133
|
e.importConfigurationFunction && e.importConfigurationFunction(v.value), v.value = "";
|
|
134
134
|
},
|
|
135
|
-
exportFunction:
|
|
136
|
-
saveButtonAction:
|
|
135
|
+
exportFunction: g,
|
|
136
|
+
saveButtonAction: f,
|
|
137
137
|
loadFromLocalStorage: () => {
|
|
138
|
-
const
|
|
139
|
-
if (
|
|
140
|
-
const
|
|
141
|
-
e.importConfigurationFunction(
|
|
138
|
+
const E = e.inputId ? `pageBuilderConfig_${e.inputId}` : "pageBuilderConfig", P = localStorage.getItem(E);
|
|
139
|
+
if (P && e.importConfigurationFunction) {
|
|
140
|
+
const s = JSON.parse(P);
|
|
141
|
+
e.importConfigurationFunction(s);
|
|
142
142
|
}
|
|
143
143
|
},
|
|
144
144
|
toggleExpandScreen: () => {
|
|
145
|
-
const
|
|
146
|
-
|
|
145
|
+
const E = document.querySelector(".lf-page-builder");
|
|
146
|
+
E && E.classList.toggle("expanded-page-builder");
|
|
147
147
|
},
|
|
148
148
|
sectionWidth: d,
|
|
149
|
-
isSaved:
|
|
150
|
-
componentRoot:
|
|
149
|
+
isSaved: k,
|
|
150
|
+
componentRoot: $
|
|
151
151
|
};
|
|
152
152
|
}
|
|
153
|
-
}),
|
|
153
|
+
}), Ie = (e, o) => {
|
|
154
154
|
const v = e.__vccOpts || e;
|
|
155
|
-
for (const [
|
|
156
|
-
v[
|
|
155
|
+
for (const [S, k] of o)
|
|
156
|
+
v[S] = k;
|
|
157
157
|
return v;
|
|
158
|
-
},
|
|
158
|
+
}, Me = { ref: "componentRoot" }, Ae = {
|
|
159
159
|
key: 0,
|
|
160
160
|
class: "flex justify-end items-center w-full p-3 gap-3"
|
|
161
|
-
},
|
|
161
|
+
}, Ee = { 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" }, Be = { 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" }, Te = { class: "flex gap-2" }, Oe = { class: "flex gap-2" }, De = ["value"], Le = ["value"], Re = { value: "full" }, Ue = { value: "1/2" }, ze = { value: "1/3" }, Ne = { value: "2/3" }, Ve = { value: "1/4" }, qe = { value: "3/4" }, Je = { value: "1/5" }, Ge = { value: "2/5" }, We = { value: "3/5" }, He = { value: "4/5" }, Ke = { key: 0 }, Ye = { key: 1 }, Qe = { class: "flex items-center gap-2" }, Xe = {
|
|
162
162
|
key: 1,
|
|
163
163
|
class: "bg-white border border-slate-200 rounded-2xl p-5 mx-3 mb-6 shadow-lg"
|
|
164
|
-
},
|
|
165
|
-
function
|
|
166
|
-
return r(),
|
|
167
|
-
e.debugMode ? (r(),
|
|
168
|
-
t("div",
|
|
164
|
+
}, Ze = { class: "flex flex-row gap-4 w-full" }, _e = { class: "border border-slate-200 rounded-xl p-5 w-full bg-gradient-to-br from-slate-50 to-white" }, et = { class: "flex flex-col gap-3 border-b border-slate-200 pb-4 w-full" }, tt = { class: "mb-3" }, ot = { class: "flex items-center gap-3 cursor-pointer group" }, nt = { class: "mb-3" }, lt = { class: "flex items-center gap-3 cursor-pointer group" }, at = { class: "mb-3" }, rt = { class: "mb-3" }, st = { class: "mb-3" }, it = { class: "border border-slate-200 rounded-xl p-5 w-full bg-gradient-to-br from-slate-50 to-white" }, dt = { class: "flex justify-between items-center mb-4" }, ut = { class: "flex flex-col gap-3 border-b border-slate-200 pb-4 w-full" }, ct = { class: "mb-3" }, mt = { class: "mb-3" }, bt = { class: "mb-3" };
|
|
165
|
+
function gt(e, o, v, S, k, $) {
|
|
166
|
+
return r(), i("div", Me, [
|
|
167
|
+
e.debugMode ? (r(), i("div", Ae, [
|
|
168
|
+
t("div", Ee, [
|
|
169
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)),
|
|
170
170
|
t("form", {
|
|
171
171
|
onSubmit: o[2] || (o[2] = se(() => {
|
|
172
172
|
}, ["prevent"])),
|
|
173
173
|
class: "flex gap-2"
|
|
174
174
|
}, [
|
|
175
|
-
|
|
175
|
+
R(t("input", {
|
|
176
176
|
"onUpdate:modelValue": o[0] || (o[0] = (d) => e.importConfig = d),
|
|
177
177
|
type: "text",
|
|
178
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",
|
|
@@ -180,7 +180,7 @@ function ut(e, o, v, j, $, w) {
|
|
|
180
180
|
id: "",
|
|
181
181
|
placeholder: "Pegar configuración..."
|
|
182
182
|
}, null, 512), [
|
|
183
|
-
[
|
|
183
|
+
[ne, e.importConfig]
|
|
184
184
|
]),
|
|
185
185
|
t("button", {
|
|
186
186
|
type: "button",
|
|
@@ -194,38 +194,38 @@ function ut(e, o, v, j, $, w) {
|
|
|
194
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"
|
|
195
195
|
}, "🚀 Exportar")
|
|
196
196
|
])
|
|
197
|
-
])) :
|
|
198
|
-
t("div",
|
|
199
|
-
t("div",
|
|
197
|
+
])) : I("", !0),
|
|
198
|
+
t("div", Be, [
|
|
199
|
+
t("div", Te, [
|
|
200
200
|
t("button", {
|
|
201
201
|
type: "button",
|
|
202
|
-
class:
|
|
202
|
+
class: Q([[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
203
|
onClick: o[4] || (o[4] = (d) => {
|
|
204
|
-
var
|
|
205
|
-
return (
|
|
204
|
+
var g;
|
|
205
|
+
return (g = e.toggleComponentModeFunction) == null ? void 0 : g.call(e);
|
|
206
206
|
})
|
|
207
|
-
},
|
|
207
|
+
}, C(e.isComponentMode ? "⚒️ Modo Configuración" : "👁️ Modo Visual"), 3),
|
|
208
208
|
t("button", {
|
|
209
209
|
type: "button",
|
|
210
|
-
class:
|
|
210
|
+
class: Q([[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
211
|
onClick: o[5] || (o[5] = (d) => {
|
|
212
|
-
var
|
|
213
|
-
return (
|
|
212
|
+
var g;
|
|
213
|
+
return (g = e.toggleFullwidthMode) == null ? void 0 : g.call(e);
|
|
214
214
|
})
|
|
215
|
-
},
|
|
215
|
+
}, C(e.fullwidthMode ? "⚒️ Comps. Plegados" : "👁️ Comps. Desplegados"), 3)
|
|
216
216
|
]),
|
|
217
|
-
t("div",
|
|
217
|
+
t("div", Oe, [
|
|
218
218
|
t("select", {
|
|
219
219
|
value: e.sectionSelected,
|
|
220
220
|
onChange: o[6] || (o[6] = (d) => e.$emit("update:sectionSelected", d.target.value)),
|
|
221
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"
|
|
222
222
|
}, [
|
|
223
|
-
(r(!0),
|
|
224
|
-
key:
|
|
223
|
+
(r(!0), i(D, null, N(e.availableSections, (d, g) => (r(), i("option", {
|
|
224
|
+
key: g,
|
|
225
225
|
value: d
|
|
226
|
-
},
|
|
227
|
-
], 40,
|
|
228
|
-
|
|
226
|
+
}, C(d), 9, Le))), 128))
|
|
227
|
+
], 40, De),
|
|
228
|
+
R(t("select", {
|
|
229
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",
|
|
230
230
|
"onUpdate:modelValue": o[7] || (o[7] = (d) => e.sectionWidth = d)
|
|
231
231
|
}, [
|
|
@@ -233,32 +233,32 @@ function ut(e, o, v, j, $, w) {
|
|
|
233
233
|
disabled: "",
|
|
234
234
|
value: ""
|
|
235
235
|
}, "Selecciona el ancho de la sección", -1)),
|
|
236
|
-
t("option",
|
|
237
|
-
t("option",
|
|
238
|
-
t("option",
|
|
239
|
-
t("option",
|
|
240
|
-
t("option",
|
|
241
|
-
t("option",
|
|
242
|
-
t("option",
|
|
243
|
-
t("option",
|
|
244
|
-
t("option",
|
|
245
|
-
t("option",
|
|
236
|
+
t("option", Re, "Sección " + C(e.sectionSelected) + " ocupa todo el ancho de la página", 1),
|
|
237
|
+
t("option", Ue, "Sección " + C(e.sectionSelected) + " ocupa 1/2 del ancho de la página", 1),
|
|
238
|
+
t("option", ze, "Sección " + C(e.sectionSelected) + " ocupa 1/3 del ancho de la página", 1),
|
|
239
|
+
t("option", Ne, "Sección " + C(e.sectionSelected) + " ocupa 2/3 del ancho de la página", 1),
|
|
240
|
+
t("option", Ve, "Sección " + C(e.sectionSelected) + " ocupa 1/4 del ancho de la página", 1),
|
|
241
|
+
t("option", qe, "Sección " + C(e.sectionSelected) + " ocupa 3/4 del ancho de la página", 1),
|
|
242
|
+
t("option", Je, "Sección " + C(e.sectionSelected) + " ocupa 1/5 del ancho de la página", 1),
|
|
243
|
+
t("option", Ge, "Sección " + C(e.sectionSelected) + " ocupa 2/5 del ancho de la página", 1),
|
|
244
|
+
t("option", We, "Sección " + C(e.sectionSelected) + " ocupa 3/5 del ancho de la página", 1),
|
|
245
|
+
t("option", He, "Sección " + C(e.sectionSelected) + " ocupa 4/5 del ancho de la página", 1)
|
|
246
246
|
], 512), [
|
|
247
|
-
[
|
|
247
|
+
[X, e.sectionWidth]
|
|
248
248
|
]),
|
|
249
249
|
t("button", {
|
|
250
250
|
type: "button",
|
|
251
|
-
class:
|
|
251
|
+
class: Q([
|
|
252
252
|
"cursor-pointer border rounded-lg py-1.5 px-3 text-sm font-medium transition-all duration-200 flex items-center gap-2",
|
|
253
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"
|
|
254
254
|
]),
|
|
255
255
|
onClick: o[8] || (o[8] = (d) => e.showAdvancedConfig = !e.showAdvancedConfig)
|
|
256
256
|
}, [
|
|
257
257
|
o[32] || (o[32] = t("span", null, "⚙️ Página", -1)),
|
|
258
|
-
e.showAdvancedConfig ? (r(),
|
|
258
|
+
e.showAdvancedConfig ? (r(), i("span", Ke, "▲")) : (r(), i("span", Ye, "▼"))
|
|
259
259
|
], 2)
|
|
260
260
|
]),
|
|
261
|
-
t("div",
|
|
261
|
+
t("div", Qe, [
|
|
262
262
|
t("button", {
|
|
263
263
|
type: "button",
|
|
264
264
|
onClick: o[9] || (o[9] = (d) => e.previewFunction()),
|
|
@@ -269,13 +269,13 @@ function ut(e, o, v, j, $, w) {
|
|
|
269
269
|
onClick: o[10] || (o[10] = (d) => e.saveButtonAction()),
|
|
270
270
|
title: "Guardar configuración en localStorage y disparar evento global",
|
|
271
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"
|
|
272
|
-
},
|
|
273
|
-
e.debugMode ? (r(),
|
|
272
|
+
}, C(e.isSaved ? e.submitForm ? "⏳ Submiteando formulario" : "✅ Se ha guardado correctamente" : "💾 Guardar"), 1),
|
|
273
|
+
e.debugMode ? (r(), i("button", {
|
|
274
274
|
key: 0,
|
|
275
275
|
type: "button",
|
|
276
276
|
onClick: o[11] || (o[11] = (d) => e.loadFromLocalStorage()),
|
|
277
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"
|
|
278
|
-
}, "⤵️ Cargar")) :
|
|
278
|
+
}, "⤵️ Cargar")) : I("", !0),
|
|
279
279
|
t("button", {
|
|
280
280
|
type: "button",
|
|
281
281
|
onClick: o[12] || (o[12] = (d) => e.toggleExpandScreen()),
|
|
@@ -284,15 +284,15 @@ function ut(e, o, v, j, $, w) {
|
|
|
284
284
|
}, "◳")
|
|
285
285
|
])
|
|
286
286
|
]),
|
|
287
|
-
e.showAdvancedConfig && e.parametersPageConfiguration ? (r(),
|
|
288
|
-
t("div",
|
|
289
|
-
t("div",
|
|
287
|
+
e.showAdvancedConfig && e.parametersPageConfiguration ? (r(), i("div", Xe, [
|
|
288
|
+
t("div", Ze, [
|
|
289
|
+
t("div", _e, [
|
|
290
290
|
o[38] || (o[38] = t("h2", { class: "text-lg font-bold mb-4 text-slate-700" }, "Configuración Avanzada", -1)),
|
|
291
291
|
o[39] || (o[39] = t("h3", { class: "font-semibold mb-3 text-slate-600" }, "Configuración Global", -1)),
|
|
292
|
-
t("div",
|
|
293
|
-
t("div",
|
|
294
|
-
t("label",
|
|
295
|
-
|
|
292
|
+
t("div", et, [
|
|
293
|
+
t("div", tt, [
|
|
294
|
+
t("label", ot, [
|
|
295
|
+
R(t("input", {
|
|
296
296
|
type: "checkbox",
|
|
297
297
|
"onUpdate:modelValue": o[13] || (o[13] = (d) => e.parametersPageConfiguration.global.sidebarEnabled = d),
|
|
298
298
|
onChange: o[14] || (o[14] = (d) => e.$emit("update:parametersPageConfiguration.global.sidebarEnabled", d.target.value)),
|
|
@@ -303,9 +303,9 @@ function ut(e, o, v, j, $, w) {
|
|
|
303
303
|
o[33] || (o[33] = t("span", { class: "text-slate-600 group-hover:text-slate-800 transition-colors" }, "Sidebar Habilitado", -1))
|
|
304
304
|
])
|
|
305
305
|
]),
|
|
306
|
-
t("div",
|
|
307
|
-
t("label",
|
|
308
|
-
|
|
306
|
+
t("div", nt, [
|
|
307
|
+
t("label", lt, [
|
|
308
|
+
R(t("input", {
|
|
309
309
|
type: "checkbox",
|
|
310
310
|
"onUpdate:modelValue": o[15] || (o[15] = (d) => e.parametersPageConfiguration.global.renderAsBodyPart = d),
|
|
311
311
|
onChange: o[16] || (o[16] = (d) => e.$emit("update:parametersPageConfiguration.global.renderAsBodyPart", d.target.value)),
|
|
@@ -316,12 +316,12 @@ function ut(e, o, v, j, $, w) {
|
|
|
316
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))
|
|
317
317
|
])
|
|
318
318
|
]),
|
|
319
|
-
t("div",
|
|
319
|
+
t("div", at, [
|
|
320
320
|
o[35] || (o[35] = t("label", {
|
|
321
321
|
for: "headSlot",
|
|
322
322
|
class: "block text-sm font-medium text-slate-600 mb-2"
|
|
323
323
|
}, " Código al final de la sección <head> ", -1)),
|
|
324
|
-
|
|
324
|
+
R(t("textarea", {
|
|
325
325
|
id: "headSlot",
|
|
326
326
|
"onUpdate:modelValue": o[17] || (o[17] = (d) => e.parametersPageConfiguration.global.headSlot = d),
|
|
327
327
|
onInput: o[18] || (o[18] = (d) => e.$emit("update:parametersPageConfiguration.global.headSlot", d.target.value)),
|
|
@@ -329,15 +329,15 @@ function ut(e, o, v, j, $, w) {
|
|
|
329
329
|
placeholder: "Contenido para el head",
|
|
330
330
|
rows: "3"
|
|
331
331
|
}, null, 544), [
|
|
332
|
-
[
|
|
332
|
+
[ne, e.parametersPageConfiguration.global.headSlot]
|
|
333
333
|
])
|
|
334
334
|
]),
|
|
335
|
-
t("div",
|
|
335
|
+
t("div", rt, [
|
|
336
336
|
o[36] || (o[36] = t("label", {
|
|
337
337
|
for: "bodyBeginSlot",
|
|
338
338
|
class: "block text-sm font-medium text-slate-600 mb-2"
|
|
339
339
|
}, " Código al principio de la sección <body> ", -1)),
|
|
340
|
-
|
|
340
|
+
R(t("textarea", {
|
|
341
341
|
id: "bodyBeginSlot",
|
|
342
342
|
"onUpdate:modelValue": o[19] || (o[19] = (d) => e.parametersPageConfiguration.global.bodyBeginSlot = d),
|
|
343
343
|
onInput: o[20] || (o[20] = (d) => e.$emit("update:parametersPageConfiguration.global.bodyBeginSlot", d.target.value)),
|
|
@@ -345,15 +345,15 @@ function ut(e, o, v, j, $, w) {
|
|
|
345
345
|
placeholder: "Contenido para el inicio del body",
|
|
346
346
|
rows: "3"
|
|
347
347
|
}, null, 544), [
|
|
348
|
-
[
|
|
348
|
+
[ne, e.parametersPageConfiguration.global.bodyBeginSlot]
|
|
349
349
|
])
|
|
350
350
|
]),
|
|
351
|
-
t("div",
|
|
351
|
+
t("div", st, [
|
|
352
352
|
o[37] || (o[37] = t("label", {
|
|
353
353
|
for: "footerSlot",
|
|
354
354
|
class: "block text-sm font-medium text-slate-600 mb-2"
|
|
355
355
|
}, " Código al final de la sección <body>, dentro de la etiqueta <footer> ", -1)),
|
|
356
|
-
|
|
356
|
+
R(t("textarea", {
|
|
357
357
|
id: "footerSlot",
|
|
358
358
|
"onUpdate:modelValue": o[21] || (o[21] = (d) => e.parametersPageConfiguration.global.footerSlot = d),
|
|
359
359
|
onInput: o[22] || (o[22] = (d) => e.$emit("update:parametersPageConfiguration.global.footerSlot", d.target.value)),
|
|
@@ -361,13 +361,13 @@ function ut(e, o, v, j, $, w) {
|
|
|
361
361
|
placeholder: "Contenido para el footer",
|
|
362
362
|
rows: "3"
|
|
363
363
|
}, null, 544), [
|
|
364
|
-
[
|
|
364
|
+
[ne, e.parametersPageConfiguration.global.footerSlot]
|
|
365
365
|
])
|
|
366
366
|
])
|
|
367
367
|
])
|
|
368
368
|
]),
|
|
369
|
-
t("div",
|
|
370
|
-
t("div",
|
|
369
|
+
t("div", it, [
|
|
370
|
+
t("div", dt, [
|
|
371
371
|
o[40] || (o[40] = t("h2", { class: "text-lg font-bold text-slate-700" }, "Configuración SEO", -1)),
|
|
372
372
|
t("button", {
|
|
373
373
|
type: "button",
|
|
@@ -375,13 +375,13 @@ function ut(e, o, v, j, $, w) {
|
|
|
375
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"
|
|
376
376
|
}, "🦄 Validar SEO")
|
|
377
377
|
]),
|
|
378
|
-
t("div",
|
|
379
|
-
t("div",
|
|
378
|
+
t("div", ut, [
|
|
379
|
+
t("div", ct, [
|
|
380
380
|
o[42] || (o[42] = t("label", {
|
|
381
381
|
for: "robotsIndex",
|
|
382
382
|
class: "block text-sm font-medium text-slate-600 mb-2"
|
|
383
383
|
}, " Indexación de robots ", -1)),
|
|
384
|
-
|
|
384
|
+
R(t("select", {
|
|
385
385
|
id: "robotsIndex",
|
|
386
386
|
"onUpdate:modelValue": o[24] || (o[24] = (d) => e.parametersPageConfiguration.seo.robots = d),
|
|
387
387
|
onChange: o[25] || (o[25] = (d) => e.$emit("update:parametersPageConfiguration.seo.robots", d.target.value)),
|
|
@@ -390,15 +390,15 @@ function ut(e, o, v, j, $, w) {
|
|
|
390
390
|
t("option", { value: "index, follow" }, "Index Follow", -1),
|
|
391
391
|
t("option", { value: "noindex, nofollow" }, "Noindex Nofollow", -1)
|
|
392
392
|
])], 544), [
|
|
393
|
-
[
|
|
393
|
+
[X, e.parametersPageConfiguration.seo.robots]
|
|
394
394
|
])
|
|
395
395
|
]),
|
|
396
|
-
t("div",
|
|
396
|
+
t("div", mt, [
|
|
397
397
|
o[43] || (o[43] = t("label", {
|
|
398
398
|
for: "pageTitle",
|
|
399
399
|
class: "block text-sm font-medium text-slate-600 mb-2"
|
|
400
400
|
}, " Título de la página ", -1)),
|
|
401
|
-
|
|
401
|
+
R(t("input", {
|
|
402
402
|
id: "pageTitle",
|
|
403
403
|
type: "text",
|
|
404
404
|
"onUpdate:modelValue": o[26] || (o[26] = (d) => e.parametersPageConfiguration.seo.title = d),
|
|
@@ -406,15 +406,15 @@ function ut(e, o, v, j, $, w) {
|
|
|
406
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",
|
|
407
407
|
placeholder: "Ingresa el título de la página"
|
|
408
408
|
}, null, 544), [
|
|
409
|
-
[
|
|
409
|
+
[ne, e.parametersPageConfiguration.seo.title]
|
|
410
410
|
])
|
|
411
411
|
]),
|
|
412
|
-
t("div",
|
|
412
|
+
t("div", bt, [
|
|
413
413
|
o[44] || (o[44] = t("label", {
|
|
414
414
|
for: "pageDescription",
|
|
415
415
|
class: "block text-sm font-medium text-slate-600 mb-2"
|
|
416
416
|
}, " Descripción de la página ", -1)),
|
|
417
|
-
|
|
417
|
+
R(t("textarea", {
|
|
418
418
|
id: "pageDescription",
|
|
419
419
|
"onUpdate:modelValue": o[28] || (o[28] = (d) => e.parametersPageConfiguration.seo.description = d),
|
|
420
420
|
onInput: o[29] || (o[29] = (d) => e.$emit("update:parametersPageConfiguration.seo.description", d.target.value)),
|
|
@@ -422,22 +422,22 @@ function ut(e, o, v, j, $, w) {
|
|
|
422
422
|
placeholder: "Ingresa la descripción de la página",
|
|
423
423
|
rows: "3"
|
|
424
424
|
}, null, 544), [
|
|
425
|
-
[
|
|
425
|
+
[ne, e.parametersPageConfiguration.seo.description]
|
|
426
426
|
])
|
|
427
427
|
])
|
|
428
428
|
])
|
|
429
429
|
])
|
|
430
430
|
])
|
|
431
|
-
])) :
|
|
431
|
+
])) : I("", !0)
|
|
432
432
|
], 512);
|
|
433
433
|
}
|
|
434
|
-
const
|
|
434
|
+
const ft = /* @__PURE__ */ Ie(je, [["render", gt]]), pt = {
|
|
435
435
|
key: 0,
|
|
436
436
|
class: "absolute top-0 left-0 bg-white/90 w-full h-full z-100"
|
|
437
|
-
},
|
|
437
|
+
}, vt = { class: "w-full flex justify-end p-4" }, xt = ["for"], ht = {
|
|
438
438
|
key: 0,
|
|
439
439
|
class: "text-red-500"
|
|
440
|
-
},
|
|
440
|
+
}, wt = ["id", "name", "placeholder", "required", "value", "onInput"], yt = ["id", "name", "data-mandatoryCrops", "placeholder", "required", "value", "onInput"], Ct = ["id", "name", "required", "value", "onInput"], $t = ["value"], kt = ["id", "name", "required", "checked", "onChange"], ue = /* @__PURE__ */ _({
|
|
441
441
|
__name: "FieldsForm",
|
|
442
442
|
props: {
|
|
443
443
|
object: {
|
|
@@ -455,133 +455,133 @@ const ct = /* @__PURE__ */ Se(ke, [["render", ut]]), mt = {
|
|
|
455
455
|
},
|
|
456
456
|
emits: ["fieldUpdated"],
|
|
457
457
|
setup(e, { emit: o }) {
|
|
458
|
-
const v = e,
|
|
459
|
-
const u = (v.object.fields || []).find((
|
|
460
|
-
u && (u.example_value =
|
|
461
|
-
},
|
|
458
|
+
const v = e, S = o, k = (g, f) => {
|
|
459
|
+
const u = (v.object.fields || []).find((l) => l.name === g);
|
|
460
|
+
u && (u.example_value = f, S("fieldUpdated", g, f));
|
|
461
|
+
}, $ = (g) => {
|
|
462
462
|
var n;
|
|
463
|
-
const
|
|
464
|
-
if (!
|
|
465
|
-
const u =
|
|
466
|
-
(
|
|
463
|
+
const f = g.target;
|
|
464
|
+
if (!f) return;
|
|
465
|
+
const u = f.id, l = (v.object.fields || []).find(
|
|
466
|
+
(a) => a.type === "image" && u.includes(a.name)
|
|
467
467
|
);
|
|
468
|
-
if (
|
|
469
|
-
const
|
|
470
|
-
|
|
468
|
+
if (l) {
|
|
469
|
+
const a = f.value || ((n = g.detail) == null ? void 0 : n.value) || "";
|
|
470
|
+
l.example_value = a, S("fieldUpdated", l.name, a), console.log("[FieldsForm] Limbo image selected, field:", l.name, "value:", a);
|
|
471
471
|
}
|
|
472
|
-
}, d = (
|
|
473
|
-
const
|
|
474
|
-
if (!
|
|
475
|
-
const u =
|
|
472
|
+
}, d = (g) => {
|
|
473
|
+
const f = g.target;
|
|
474
|
+
if (!f || !f.classList.contains("js-limbo")) return;
|
|
475
|
+
const u = f.id, l = (v.object.fields || []).find(
|
|
476
476
|
(n) => n.type === "image" && u.includes(n.name)
|
|
477
477
|
);
|
|
478
|
-
|
|
478
|
+
l && (l.example_value = f.value, S("fieldUpdated", l.name, f.value), console.log("[FieldsForm] Input change detected, field:", l.name, "value:", f.value));
|
|
479
479
|
};
|
|
480
480
|
return le(() => {
|
|
481
|
-
document.addEventListener("limbo:imageSelected",
|
|
482
|
-
}),
|
|
483
|
-
document.removeEventListener("limbo:imageSelected",
|
|
484
|
-
}), (
|
|
485
|
-
e.showForm ? (r(),
|
|
481
|
+
document.addEventListener("limbo:imageSelected", $), document.addEventListener("limbo:resultReady", $), document.addEventListener("change", d);
|
|
482
|
+
}), Ce(() => {
|
|
483
|
+
document.removeEventListener("limbo:imageSelected", $), document.removeEventListener("limbo:resultReady", $), document.removeEventListener("change", d);
|
|
484
|
+
}), (g, f) => (r(), i(D, null, [
|
|
485
|
+
e.showForm ? (r(), i("div", pt)) : I("", !0),
|
|
486
486
|
t("div", {
|
|
487
|
-
class:
|
|
487
|
+
class: Q(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")
|
|
488
488
|
}, [
|
|
489
|
-
t("div",
|
|
489
|
+
t("div", vt, [
|
|
490
490
|
t("span", {
|
|
491
|
-
onClick:
|
|
491
|
+
onClick: f[0] || (f[0] = //@ts-ignore
|
|
492
492
|
(...u) => e.toggleShowForm && e.toggleShowForm(...u)),
|
|
493
493
|
class: "cursor-pointer hover:scale-125 transition-all duration-300"
|
|
494
494
|
}, "❌")
|
|
495
495
|
]),
|
|
496
496
|
t("form", null, [
|
|
497
|
-
(r(!0),
|
|
498
|
-
key:
|
|
497
|
+
(r(!0), i(D, null, N(e.object.fields, (u, l) => (r(), i("div", {
|
|
498
|
+
key: l,
|
|
499
499
|
class: "mb-4"
|
|
500
500
|
}, [
|
|
501
501
|
t("label", {
|
|
502
|
-
for: `${e.object.id}-${u.name}-${
|
|
502
|
+
for: `${e.object.id}-${u.name}-${l}`,
|
|
503
503
|
class: "block text-sm font-medium mb-1"
|
|
504
504
|
}, [
|
|
505
|
-
|
|
506
|
-
u.mandatory ? (r(),
|
|
507
|
-
], 8,
|
|
508
|
-
u.type === "text" ? (r(),
|
|
505
|
+
L(C(u.label) + " ", 1),
|
|
506
|
+
u.mandatory ? (r(), i("span", ht, "*")) : I("", !0)
|
|
507
|
+
], 8, xt),
|
|
508
|
+
u.type === "text" ? (r(), i("input", {
|
|
509
509
|
key: 0,
|
|
510
|
-
id: `${e.object.id}-${u.name}-${
|
|
511
|
-
name: `${e.object.id}-${u.name}-${
|
|
510
|
+
id: `${e.object.id}-${u.name}-${l}`,
|
|
511
|
+
name: `${e.object.id}-${u.name}-${l}`,
|
|
512
512
|
type: "text",
|
|
513
513
|
class: "w-full px-3 py-2 border border-slate-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-400",
|
|
514
514
|
placeholder: u.label,
|
|
515
515
|
required: u.mandatory,
|
|
516
516
|
value: u.example_value,
|
|
517
|
-
onInput: (n) =>
|
|
518
|
-
}, null, 40,
|
|
519
|
-
u.type === "image" ? (r(),
|
|
517
|
+
onInput: (n) => k(u.name, n.target.value)
|
|
518
|
+
}, null, 40, wt)) : I("", !0),
|
|
519
|
+
u.type === "image" ? (r(), i("input", {
|
|
520
520
|
key: 1,
|
|
521
|
-
id: `${e.object.id}-${u.name}-${
|
|
522
|
-
name: `${e.object.id}-${u.name}-${
|
|
521
|
+
id: `${e.object.id}-${u.name}-${l}`,
|
|
522
|
+
name: `${e.object.id}-${u.name}-${l}`,
|
|
523
523
|
"data-mandatoryCrops": u.image_cuts ? JSON.stringify(u.image_cuts) : null,
|
|
524
524
|
type: "text",
|
|
525
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",
|
|
526
526
|
placeholder: u.label,
|
|
527
527
|
required: u.mandatory,
|
|
528
528
|
value: u.example_value,
|
|
529
|
-
onInput: (n) =>
|
|
530
|
-
}, null, 40,
|
|
529
|
+
onInput: (n) => k(u.name, n.target.value)
|
|
530
|
+
}, null, 40, yt)) : u.type === "textArea" ? (r(), me(H(Fe), {
|
|
531
531
|
key: 2,
|
|
532
532
|
theme: "snow",
|
|
533
|
-
id: `${e.object.id}-${u.name}-${
|
|
534
|
-
name: `${e.object.id}-${u.name}-${
|
|
533
|
+
id: `${e.object.id}-${u.name}-${l}`,
|
|
534
|
+
name: `${e.object.id}-${u.name}-${l}`,
|
|
535
535
|
rows: "3",
|
|
536
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",
|
|
537
537
|
placeholder: u.label,
|
|
538
538
|
required: u.mandatory,
|
|
539
539
|
"onUpdate:content": (n) => {
|
|
540
|
-
|
|
540
|
+
k(u.name, n);
|
|
541
541
|
},
|
|
542
542
|
content: u.example_value,
|
|
543
543
|
modelValue: u.example_value,
|
|
544
544
|
"onUpdate:modelValue": (n) => u.example_value = n,
|
|
545
545
|
contentType: "html"
|
|
546
|
-
}, null, 8, ["id", "name", "placeholder", "required", "onUpdate:content", "content", "modelValue", "onUpdate:modelValue"])) : u.type === "select" ? (r(),
|
|
546
|
+
}, null, 8, ["id", "name", "placeholder", "required", "onUpdate:content", "content", "modelValue", "onUpdate:modelValue"])) : u.type === "select" ? (r(), i("select", {
|
|
547
547
|
key: 3,
|
|
548
|
-
id: `${e.object.id}-${u.name}-${
|
|
549
|
-
name: `${e.object.id}-${u.name}-${
|
|
548
|
+
id: `${e.object.id}-${u.name}-${l}`,
|
|
549
|
+
name: `${e.object.id}-${u.name}-${l}`,
|
|
550
550
|
class: "w-full px-3 py-2 border border-slate-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-400",
|
|
551
551
|
required: u.mandatory,
|
|
552
552
|
value: u.example_value,
|
|
553
|
-
onInput: (n) =>
|
|
553
|
+
onInput: (n) => k(u.name, n.target.value)
|
|
554
554
|
}, [
|
|
555
|
-
|
|
555
|
+
f[1] || (f[1] = t("option", {
|
|
556
556
|
disabled: "",
|
|
557
557
|
value: ""
|
|
558
558
|
}, "Seleccione una opción", -1)),
|
|
559
|
-
(r(!0),
|
|
560
|
-
key:
|
|
559
|
+
(r(!0), i(D, null, N(u.options || [], (n, a) => (r(), i("option", {
|
|
560
|
+
key: a,
|
|
561
561
|
value: n
|
|
562
|
-
},
|
|
563
|
-
], 40,
|
|
562
|
+
}, C(n), 9, $t))), 128))
|
|
563
|
+
], 40, Ct)) : u.type === "boolean" ? (r(), i("input", {
|
|
564
564
|
key: 4,
|
|
565
|
-
id: `${e.object.id}-${u.name}-${
|
|
566
|
-
name: `${e.object.id}-${u.name}-${
|
|
565
|
+
id: `${e.object.id}-${u.name}-${l}`,
|
|
566
|
+
name: `${e.object.id}-${u.name}-${l}`,
|
|
567
567
|
type: "checkbox",
|
|
568
568
|
class: "h-4 w-4 text-blue-600 focus:ring-blue-500 border-slate-300 rounded inline-block",
|
|
569
569
|
required: u.mandatory,
|
|
570
570
|
checked: u.example_value,
|
|
571
|
-
onChange: (n) =>
|
|
572
|
-
}, null, 40,
|
|
571
|
+
onChange: (n) => k(u.name, n.target.checked)
|
|
572
|
+
}, null, 40, kt)) : I("", !0)
|
|
573
573
|
]))), 128))
|
|
574
574
|
])
|
|
575
575
|
], 2)
|
|
576
576
|
], 64));
|
|
577
577
|
}
|
|
578
|
-
}),
|
|
578
|
+
}), St = { class: "space-y-4" }, Pt = ["disabled"], Ft = ["value"], jt = { class: "space-y-3" }, It = {
|
|
579
579
|
key: 0,
|
|
580
580
|
class: "overflow-y-auto space-y-3"
|
|
581
|
-
},
|
|
581
|
+
}, Mt = { class: "block text-sm font-semibold text-slate-600 mb-2" }, At = ["onChange", "disabled"], Et = ["value"], Bt = ["onChange", "disabled"], Tt = ["onInput", "disabled", "placeholder"], Ot = ["disabled"], Dt = {
|
|
582
582
|
key: 0,
|
|
583
583
|
class: "animate-spin"
|
|
584
|
-
},
|
|
584
|
+
}, Lt = { key: 1 }, Rt = /* @__PURE__ */ _({
|
|
585
585
|
__name: "SourceFilter",
|
|
586
586
|
props: {
|
|
587
587
|
onSubmit: {
|
|
@@ -598,13 +598,13 @@ const ct = /* @__PURE__ */ Se(ke, [["render", ut]]), mt = {
|
|
|
598
598
|
}
|
|
599
599
|
},
|
|
600
600
|
setup(e) {
|
|
601
|
-
const o = e, v =
|
|
602
|
-
const
|
|
601
|
+
const o = e, v = M(!1), S = M(null), k = M({}), $ = ee(() => {
|
|
602
|
+
const l = o.isProduction;
|
|
603
603
|
return [
|
|
604
604
|
{
|
|
605
605
|
id: "origen1",
|
|
606
606
|
name: "El Derecho",
|
|
607
|
-
apiUrl:
|
|
607
|
+
apiUrl: l ? "https://elderecho.com/feed" : "https://led-dev-elderecho-dev.eu.els.local/feed",
|
|
608
608
|
filters: [
|
|
609
609
|
{ id: "title", label: "Título del Post", type: "text" },
|
|
610
610
|
{ id: "category", label: "Slug de la Categoría", type: "text" },
|
|
@@ -618,7 +618,7 @@ const ct = /* @__PURE__ */ Se(ke, [["render", ut]]), mt = {
|
|
|
618
618
|
{
|
|
619
619
|
id: "origen2",
|
|
620
620
|
name: "Formación",
|
|
621
|
-
apiUrl:
|
|
621
|
+
apiUrl: l ? "https://lefebvre.es/formacion/feed" : "http://led-dev-lefebvre-dev.eu.els.local/formacion/feed",
|
|
622
622
|
filters: [
|
|
623
623
|
{ id: "id", label: "ID del curso", type: "text" },
|
|
624
624
|
{ id: "title", label: "Título del Post", type: "text" },
|
|
@@ -630,153 +630,153 @@ const ct = /* @__PURE__ */ Se(ke, [["render", ut]]), mt = {
|
|
|
630
630
|
{
|
|
631
631
|
id: "origen3",
|
|
632
632
|
name: "Derecholocal",
|
|
633
|
-
apiUrl:
|
|
633
|
+
apiUrl: l ? "https://derecholocal.es/feed" : "https://led-dev-derecholocal-dev.eu.els.local/feed",
|
|
634
634
|
filters: []
|
|
635
635
|
},
|
|
636
636
|
{
|
|
637
637
|
id: "origen4",
|
|
638
638
|
name: "EspacioAsesoría",
|
|
639
|
-
apiUrl:
|
|
639
|
+
apiUrl: l ? "https://espacioasesoria.com/feed" : "https://led-dev-espacioasesoria-dev.eu.els.local/feed",
|
|
640
640
|
filters: []
|
|
641
641
|
},
|
|
642
642
|
{
|
|
643
643
|
id: "origen5",
|
|
644
644
|
name: "EspacioPymes",
|
|
645
|
-
apiUrl:
|
|
645
|
+
apiUrl: l ? "https://espaciopymes.com/feed" : "https://led-dev-espaciopymes-dev.eu.els.local/feed",
|
|
646
646
|
filters: []
|
|
647
647
|
}
|
|
648
648
|
];
|
|
649
|
-
}), d =
|
|
650
|
-
if (!
|
|
649
|
+
}), d = ee(() => {
|
|
650
|
+
if (!S.value)
|
|
651
651
|
return [];
|
|
652
|
-
const
|
|
653
|
-
return
|
|
654
|
-
}),
|
|
655
|
-
|
|
656
|
-
},
|
|
657
|
-
|
|
652
|
+
const l = $.value.find((n) => n.id === S.value);
|
|
653
|
+
return l ? l.filters : [];
|
|
654
|
+
}), g = (l, n) => {
|
|
655
|
+
k.value[l] = n;
|
|
656
|
+
}, f = () => {
|
|
657
|
+
k.value = {};
|
|
658
658
|
}, u = async () => {
|
|
659
659
|
v.value = !0;
|
|
660
|
-
const
|
|
661
|
-
if (!
|
|
660
|
+
const l = $.value.find((a) => a.id === S.value);
|
|
661
|
+
if (!l) {
|
|
662
662
|
console.error("Origen no encontrado"), v.value = !1;
|
|
663
663
|
return;
|
|
664
664
|
}
|
|
665
|
-
const n = new URL(
|
|
666
|
-
Object.keys(
|
|
667
|
-
|
|
665
|
+
const n = new URL(l.apiUrl);
|
|
666
|
+
Object.keys(k.value).forEach((a) => {
|
|
667
|
+
k.value[a] && n.searchParams.append(a, k.value[a]);
|
|
668
668
|
});
|
|
669
669
|
try {
|
|
670
|
-
const
|
|
670
|
+
const w = await (await fetch(n.toString(), {
|
|
671
671
|
method: "GET",
|
|
672
672
|
headers: {
|
|
673
673
|
Accept: "text/xml, application/xml"
|
|
674
674
|
}
|
|
675
|
-
})).text(),
|
|
676
|
-
const
|
|
677
|
-
return Array.from(
|
|
678
|
-
G.children.length > 0 ? Array.from(G.children).forEach((
|
|
679
|
-
const
|
|
680
|
-
|
|
681
|
-
}) :
|
|
682
|
-
}),
|
|
675
|
+
})).text(), E = new DOMParser().parseFromString(w, "text/xml"), P = Array.from(E.querySelectorAll("item")).map((s) => {
|
|
676
|
+
const c = {};
|
|
677
|
+
return Array.from(s.children).forEach((G) => {
|
|
678
|
+
G.children.length > 0 ? Array.from(G.children).forEach((V) => {
|
|
679
|
+
const q = `${G.nodeName}_${V.nodeName}`;
|
|
680
|
+
c[q] = V.textContent || "";
|
|
681
|
+
}) : c[G.nodeName] = G.textContent || "";
|
|
682
|
+
}), c;
|
|
683
683
|
});
|
|
684
|
-
o.onSubmit(
|
|
685
|
-
} catch (
|
|
686
|
-
console.error("Error al aplicar filtros:",
|
|
684
|
+
o.onSubmit(P);
|
|
685
|
+
} catch (a) {
|
|
686
|
+
console.error("Error al aplicar filtros:", a), o.onSubmit([]);
|
|
687
687
|
} finally {
|
|
688
|
-
const
|
|
689
|
-
name:
|
|
688
|
+
const a = {
|
|
689
|
+
name: l.name,
|
|
690
690
|
url: n.toString()
|
|
691
691
|
};
|
|
692
|
-
o.updateFeedCriteria(
|
|
692
|
+
o.updateFeedCriteria(a), v.value = !1;
|
|
693
693
|
}
|
|
694
694
|
};
|
|
695
|
-
return (
|
|
695
|
+
return (l, n) => (r(), i("div", St, [
|
|
696
696
|
t("div", null, [
|
|
697
697
|
n[1] || (n[1] = t("label", { class: "block text-sm font-semibold text-slate-600 mb-2" }, "Seleccionar origen:", -1)),
|
|
698
|
-
|
|
699
|
-
"onUpdate:modelValue": n[0] || (n[0] = (
|
|
698
|
+
R(t("select", {
|
|
699
|
+
"onUpdate:modelValue": n[0] || (n[0] = (a) => S.value = a),
|
|
700
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",
|
|
701
|
-
onChange:
|
|
701
|
+
onChange: f,
|
|
702
702
|
disabled: v.value
|
|
703
703
|
}, [
|
|
704
|
-
(r(!0),
|
|
705
|
-
key:
|
|
706
|
-
value:
|
|
707
|
-
},
|
|
708
|
-
], 40,
|
|
709
|
-
[
|
|
704
|
+
(r(!0), i(D, null, N($.value, (a) => (r(), i("option", {
|
|
705
|
+
key: a.id,
|
|
706
|
+
value: a.id
|
|
707
|
+
}, C(a.name), 9, Ft))), 128))
|
|
708
|
+
], 40, Pt), [
|
|
709
|
+
[X, S.value]
|
|
710
710
|
])
|
|
711
711
|
]),
|
|
712
|
-
t("div",
|
|
713
|
-
d.value.length > 0 ? (r(),
|
|
714
|
-
(r(!0),
|
|
715
|
-
key:
|
|
712
|
+
t("div", jt, [
|
|
713
|
+
d.value.length > 0 ? (r(), i("div", It, [
|
|
714
|
+
(r(!0), i(D, null, N(d.value, (a) => (r(), i("div", {
|
|
715
|
+
key: a.id,
|
|
716
716
|
class: "bg-gradient-to-br from-slate-50 to-white p-4 rounded-xl border border-slate-200"
|
|
717
717
|
}, [
|
|
718
|
-
t("label",
|
|
719
|
-
|
|
718
|
+
t("label", Mt, C(a.label) + ":", 1),
|
|
719
|
+
a.type === "select" ? (r(), i("select", {
|
|
720
720
|
key: 0,
|
|
721
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",
|
|
722
|
-
onChange: (
|
|
722
|
+
onChange: (w) => g(a.id, w.target.value),
|
|
723
723
|
disabled: v.value
|
|
724
724
|
}, [
|
|
725
725
|
n[2] || (n[2] = t("option", { value: "" }, "Seleccionar...", -1)),
|
|
726
|
-
(r(!0),
|
|
727
|
-
key:
|
|
728
|
-
value:
|
|
729
|
-
},
|
|
730
|
-
], 40,
|
|
726
|
+
(r(!0), i(D, null, N(a.options, (w) => (r(), i("option", {
|
|
727
|
+
key: w,
|
|
728
|
+
value: w
|
|
729
|
+
}, C(w), 9, Et))), 128))
|
|
730
|
+
], 40, At)) : a.type === "date" ? (r(), i("input", {
|
|
731
731
|
key: 1,
|
|
732
732
|
type: "date",
|
|
733
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",
|
|
734
|
-
onChange: (
|
|
734
|
+
onChange: (w) => g(a.id, w.target.value),
|
|
735
735
|
disabled: v.value
|
|
736
|
-
}, null, 40,
|
|
736
|
+
}, null, 40, Bt)) : a.type === "text" ? (r(), i("input", {
|
|
737
737
|
key: 2,
|
|
738
738
|
type: "text",
|
|
739
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",
|
|
740
|
-
onInput: (
|
|
740
|
+
onInput: (w) => g(a.id, w.target.value),
|
|
741
741
|
disabled: v.value,
|
|
742
|
-
placeholder:
|
|
743
|
-
}, null, 40,
|
|
742
|
+
placeholder: a.label
|
|
743
|
+
}, null, 40, Tt)) : I("", !0)
|
|
744
744
|
]))), 128))
|
|
745
|
-
])) :
|
|
745
|
+
])) : I("", !0),
|
|
746
746
|
t("button", {
|
|
747
747
|
type: "button",
|
|
748
748
|
onClick: u,
|
|
749
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",
|
|
750
750
|
disabled: v.value
|
|
751
751
|
}, [
|
|
752
|
-
v.value ? (r(),
|
|
753
|
-
|
|
754
|
-
], 8,
|
|
752
|
+
v.value ? (r(), i("span", Dt, "⏳")) : (r(), i("span", Lt, "🔍")),
|
|
753
|
+
L(" " + C(v.value ? "Conectando con el feed..." : "Aplicar Filtros"), 1)
|
|
754
|
+
], 8, Ot)
|
|
755
755
|
])
|
|
756
756
|
]));
|
|
757
757
|
}
|
|
758
|
-
}),
|
|
758
|
+
}), Ut = { 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" }, zt = { class: "w-full flex justify-between items-center mb-4" }, Nt = { 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" }, Vt = { class: "flex-1 flex flex-col gap-5" }, qt = { class: "flex flex-col bg-white rounded-2xl shadow-lg border border-slate-200 p-5 overflow-y-auto" }, Jt = {
|
|
759
759
|
key: 0,
|
|
760
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"
|
|
761
|
-
},
|
|
761
|
+
}, Gt = { class: "list-none mt-3 space-y-2 text-slate-600" }, Wt = { class: "flex items-start gap-2" }, Ht = { class: "font-semibold text-slate-700" }, Kt = { class: "flex items-start gap-2" }, Yt = { class: "font-semibold text-slate-700" }, Qt = { class: "font-semibold text-slate-700" }, Xt = { class: "flex items-start gap-2" }, Zt = { class: "flex flex-wrap gap-2 mt-1" }, _t = { class: "font-semibold text-slate-700" }, eo = { class: "text-emerald-600" }, to = { class: "flex flex-col gap-4 w-full" }, oo = { class: "flex items-center gap-3 cursor-pointer group" }, no = {
|
|
762
762
|
key: 0,
|
|
763
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"
|
|
764
|
-
},
|
|
764
|
+
}, lo = { class: "flex flex-col gap-2" }, ao = { class: "flex flex-col gap-2" }, ro = { class: "flex-1 flex flex-col bg-white rounded-2xl shadow-lg border border-slate-200 p-5 overflow-y-auto" }, so = { class: "flex-1 flex flex-col bg-white rounded-2xl shadow-lg border border-slate-200 p-5 overflow-y-auto" }, io = {
|
|
765
765
|
key: 0,
|
|
766
766
|
class: "flex-1 flex flex-col items-center justify-center text-slate-400"
|
|
767
|
-
},
|
|
767
|
+
}, uo = {
|
|
768
768
|
key: 1,
|
|
769
769
|
class: "space-y-3"
|
|
770
|
-
},
|
|
770
|
+
}, co = ["onClick"], mo = { class: "font-bold text-slate-800 mb-2" }, bo = { class: "text-sm text-slate-600 line-clamp-2" }, go = { class: "flex-1 flex flex-col bg-white rounded-2xl shadow-lg border border-slate-200 p-5 overflow-y-auto" }, fo = {
|
|
771
771
|
key: 0,
|
|
772
772
|
class: "flex-1 flex flex-col items-center justify-center text-slate-400"
|
|
773
|
-
},
|
|
773
|
+
}, po = {
|
|
774
774
|
key: 1,
|
|
775
775
|
class: "space-y-3"
|
|
776
|
-
},
|
|
776
|
+
}, vo = { class: "block text-sm font-bold text-slate-700 mb-2 flex items-center gap-2" }, xo = ["onUpdate:modelValue"], ho = ["value"], wo = {
|
|
777
777
|
key: 0,
|
|
778
778
|
class: "mt-3 p-3 bg-gradient-to-br from-emerald-50 to-teal-50 rounded-lg border border-emerald-200"
|
|
779
|
-
},
|
|
779
|
+
}, yo = { class: "mt-1 text-sm font-medium text-slate-700 break-words" }, Co = /* @__PURE__ */ _({
|
|
780
780
|
__name: "FeedComponent",
|
|
781
781
|
props: {
|
|
782
782
|
object: {
|
|
@@ -797,283 +797,283 @@ const ct = /* @__PURE__ */ Se(ke, [["render", ut]]), mt = {
|
|
|
797
797
|
}
|
|
798
798
|
},
|
|
799
799
|
setup(e) {
|
|
800
|
-
const o = e, v =
|
|
801
|
-
v.value =
|
|
802
|
-
},
|
|
803
|
-
|
|
800
|
+
const o = e, v = M(null), S = M(null), k = M(!1), $ = M(1), d = M("horizontal"), g = M({}), f = M(null), u = (P) => {
|
|
801
|
+
v.value = P;
|
|
802
|
+
}, l = (P) => {
|
|
803
|
+
S.value = P;
|
|
804
804
|
}, n = () => {
|
|
805
|
-
const
|
|
806
|
-
var
|
|
805
|
+
const P = o.object.fields.filter((s) => s.mappedTo).map((s) => {
|
|
806
|
+
var c;
|
|
807
807
|
return {
|
|
808
|
-
fieldName:
|
|
809
|
-
mappedTo:
|
|
810
|
-
value: ((
|
|
808
|
+
fieldName: s.name,
|
|
809
|
+
mappedTo: s.mappedTo,
|
|
810
|
+
value: ((c = S.value) == null ? void 0 : c[s.mappedTo]) ?? null
|
|
811
811
|
};
|
|
812
812
|
});
|
|
813
|
-
|
|
814
|
-
...
|
|
815
|
-
dynamicUpdate:
|
|
816
|
-
elementCount:
|
|
813
|
+
f.value = {
|
|
814
|
+
...g.value,
|
|
815
|
+
dynamicUpdate: k.value,
|
|
816
|
+
elementCount: $.value,
|
|
817
817
|
orientation: d.value,
|
|
818
|
-
mapping:
|
|
819
|
-
}, o.updateObjectByFeedContent && o.updateObjectByFeedContent(
|
|
820
|
-
},
|
|
821
|
-
|
|
822
|
-
},
|
|
823
|
-
var
|
|
824
|
-
(
|
|
818
|
+
mapping: P.map(({ fieldName: s, mappedTo: c }) => ({ fieldName: s, mappedTo: c }))
|
|
819
|
+
}, o.updateObjectByFeedContent && o.updateObjectByFeedContent(P, f.value), o.toggleFeedSection();
|
|
820
|
+
}, a = (P) => {
|
|
821
|
+
g.value = P;
|
|
822
|
+
}, w = () => {
|
|
823
|
+
var P;
|
|
824
|
+
(P = o.object) != null && P.repeat_data && (f.value = o.object.repeat_data, k.value = o.object.repeat_data.dynamicUpdate || !1, $.value = o.object.repeat_data.elementCount || 1, d.value = o.object.repeat_data.orientation || "horizontal", g.value = {
|
|
825
825
|
name: o.object.repeat_data.name,
|
|
826
826
|
url: o.object.repeat_data.url
|
|
827
827
|
});
|
|
828
|
-
},
|
|
829
|
-
|
|
830
|
-
},
|
|
831
|
-
var
|
|
832
|
-
|
|
833
|
-
...
|
|
834
|
-
dynamicUpdate:
|
|
835
|
-
elementCount:
|
|
828
|
+
}, U = () => {
|
|
829
|
+
f.value = null, k.value = !1, $.value = 1, d.value = "horizontal", g.value = {}, o.updateObjectByFeedContent && o.updateObjectByFeedContent([], null);
|
|
830
|
+
}, E = () => {
|
|
831
|
+
var P;
|
|
832
|
+
f.value && (f.value = {
|
|
833
|
+
...f.value,
|
|
834
|
+
dynamicUpdate: k.value,
|
|
835
|
+
elementCount: $.value,
|
|
836
836
|
orientation: d.value
|
|
837
|
-
}, o.updateObjectByFeedContent && o.updateObjectByFeedContent(((
|
|
838
|
-
fieldName:
|
|
839
|
-
mappedTo:
|
|
837
|
+
}, o.updateObjectByFeedContent && o.updateObjectByFeedContent(((P = f.value.mapping) == null ? void 0 : P.map((s) => ({
|
|
838
|
+
fieldName: s.fieldName,
|
|
839
|
+
mappedTo: s.mappedTo,
|
|
840
840
|
value: null
|
|
841
|
-
}))) || [],
|
|
841
|
+
}))) || [], f.value));
|
|
842
842
|
};
|
|
843
843
|
return le(() => {
|
|
844
|
-
|
|
845
|
-
}), (
|
|
846
|
-
t("div",
|
|
847
|
-
|
|
844
|
+
w();
|
|
845
|
+
}), (P, s) => (r(), i("div", Ut, [
|
|
846
|
+
t("div", zt, [
|
|
847
|
+
s[5] || (s[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" }, [
|
|
848
848
|
t("span", { class: "text-xl" }, "🍺"),
|
|
849
|
-
|
|
849
|
+
L(" Configuración de Feed ")
|
|
850
850
|
], -1)),
|
|
851
851
|
t("button", {
|
|
852
|
-
onClick:
|
|
853
|
-
(...
|
|
852
|
+
onClick: s[0] || (s[0] = //@ts-ignore
|
|
853
|
+
(...c) => e.toggleFeedSection && e.toggleFeedSection(...c)),
|
|
854
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"
|
|
855
|
-
}, [...
|
|
855
|
+
}, [...s[4] || (s[4] = [
|
|
856
856
|
t("span", { class: "text-lg" }, "✕", -1)
|
|
857
857
|
])])
|
|
858
858
|
]),
|
|
859
|
-
t("div",
|
|
860
|
-
t("div",
|
|
861
|
-
t("div",
|
|
862
|
-
|
|
859
|
+
t("div", Nt, [
|
|
860
|
+
t("div", Vt, [
|
|
861
|
+
t("div", qt, [
|
|
862
|
+
f.value && f.value.dynamicUpdate ? (r(), i("div", Jt, [
|
|
863
863
|
t("div", { class: "flex justify-between items-start" }, [
|
|
864
|
-
|
|
864
|
+
s[8] || (s[8] = t("p", { class: "flex items-center gap-2" }, [
|
|
865
865
|
t("span", { class: "text-emerald-500" }, "✓"),
|
|
866
|
-
|
|
866
|
+
L(" Hay un criterio de feed establecido: ")
|
|
867
867
|
], -1)),
|
|
868
868
|
t("div", { class: "flex items-center gap-2" }, [
|
|
869
869
|
t("button", {
|
|
870
|
-
onClick:
|
|
870
|
+
onClick: E,
|
|
871
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"
|
|
872
|
-
}, [...
|
|
872
|
+
}, [...s[6] || (s[6] = [
|
|
873
873
|
t("span", null, "💾", -1),
|
|
874
|
-
|
|
874
|
+
L(" Guardar ", -1)
|
|
875
875
|
])]),
|
|
876
876
|
t("button", {
|
|
877
|
-
onClick:
|
|
877
|
+
onClick: U,
|
|
878
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"
|
|
879
|
-
}, [...
|
|
879
|
+
}, [...s[7] || (s[7] = [
|
|
880
880
|
t("span", null, "✕", -1),
|
|
881
|
-
|
|
881
|
+
L(" Borrar ", -1)
|
|
882
882
|
])])
|
|
883
883
|
])
|
|
884
884
|
]),
|
|
885
|
-
t("ul",
|
|
886
|
-
t("li",
|
|
887
|
-
|
|
888
|
-
|
|
889
|
-
t("span",
|
|
885
|
+
t("ul", Gt, [
|
|
886
|
+
t("li", Wt, [
|
|
887
|
+
s[9] || (s[9] = t("span", { class: "text-emerald-400" }, "→", -1)),
|
|
888
|
+
s[10] || (s[10] = L(" Conectar con ", -1)),
|
|
889
|
+
t("span", Ht, C(f.value.name), 1)
|
|
890
890
|
]),
|
|
891
|
-
t("li",
|
|
892
|
-
|
|
893
|
-
|
|
894
|
-
t("span",
|
|
895
|
-
|
|
896
|
-
t("span",
|
|
897
|
-
|
|
891
|
+
t("li", Kt, [
|
|
892
|
+
s[11] || (s[11] = t("span", { class: "text-emerald-400" }, "→", -1)),
|
|
893
|
+
s[12] || (s[12] = L(" Recuperar ", -1)),
|
|
894
|
+
t("span", Yt, C(f.value.elementCount), 1),
|
|
895
|
+
s[13] || (s[13] = L(" items (", -1)),
|
|
896
|
+
t("span", Qt, C(f.value.orientation), 1),
|
|
897
|
+
s[14] || (s[14] = L(")", -1))
|
|
898
898
|
]),
|
|
899
|
-
t("li",
|
|
900
|
-
|
|
899
|
+
t("li", Xt, [
|
|
900
|
+
s[17] || (s[17] = t("span", { class: "text-emerald-400" }, "→", -1)),
|
|
901
901
|
t("div", null, [
|
|
902
|
-
|
|
903
|
-
t("div",
|
|
904
|
-
(r(!0),
|
|
902
|
+
s[16] || (s[16] = L(" Mapeo: ", -1)),
|
|
903
|
+
t("div", Zt, [
|
|
904
|
+
(r(!0), i(D, null, N(f.value.mapping, (c, G) => (r(), i("span", {
|
|
905
905
|
key: G,
|
|
906
906
|
class: "inline-flex items-center gap-1 px-2 py-0.5 bg-white rounded-full text-xs border border-slate-200"
|
|
907
907
|
}, [
|
|
908
|
-
t("span",
|
|
909
|
-
|
|
910
|
-
t("span",
|
|
908
|
+
t("span", _t, C(c.fieldName), 1),
|
|
909
|
+
s[15] || (s[15] = t("span", { class: "text-slate-400" }, "←", -1)),
|
|
910
|
+
t("span", eo, C(c.mappedTo), 1)
|
|
911
911
|
]))), 128))
|
|
912
912
|
])
|
|
913
913
|
])
|
|
914
914
|
])
|
|
915
915
|
])
|
|
916
|
-
])) :
|
|
917
|
-
t("div",
|
|
918
|
-
t("label",
|
|
919
|
-
|
|
916
|
+
])) : I("", !0),
|
|
917
|
+
t("div", to, [
|
|
918
|
+
t("label", oo, [
|
|
919
|
+
R(t("input", {
|
|
920
920
|
type: "checkbox",
|
|
921
|
-
"onUpdate:modelValue":
|
|
921
|
+
"onUpdate:modelValue": s[1] || (s[1] = (c) => k.value = c),
|
|
922
922
|
class: "w-5 h-5 text-emerald-500 border-2 border-slate-300 rounded focus:ring-emerald-500 cursor-pointer"
|
|
923
923
|
}, null, 512), [
|
|
924
|
-
[re,
|
|
924
|
+
[re, k.value]
|
|
925
925
|
]),
|
|
926
|
-
|
|
926
|
+
s[18] || (s[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))
|
|
927
927
|
]),
|
|
928
|
-
|
|
929
|
-
|
|
928
|
+
k.value ? (r(), i("div", no, [
|
|
929
|
+
s[22] || (s[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" }, [
|
|
930
930
|
t("div", { class: "flex items-start gap-2" }, [
|
|
931
931
|
t("span", { class: "text-amber-500 mt-0.5" }, "ℹ️"),
|
|
932
932
|
t("p", null, [
|
|
933
933
|
t("strong", null, "Nota:"),
|
|
934
|
-
|
|
934
|
+
L(" Los valores que verás al relacionar campos son solo un ejemplo de referencia. En el momento de renderizar, se mostrarán los datos reales obtenidos del feed según los criterios configurados. ")
|
|
935
935
|
])
|
|
936
936
|
])
|
|
937
937
|
], -1)),
|
|
938
|
-
t("div",
|
|
939
|
-
|
|
940
|
-
|
|
938
|
+
t("div", lo, [
|
|
939
|
+
s[19] || (s[19] = t("label", { class: "text-sm font-semibold text-slate-600" }, "Cantidad de elementos:", -1)),
|
|
940
|
+
R(t("input", {
|
|
941
941
|
type: "number",
|
|
942
|
-
"onUpdate:modelValue":
|
|
942
|
+
"onUpdate:modelValue": s[2] || (s[2] = (c) => $.value = c),
|
|
943
943
|
min: "1",
|
|
944
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"
|
|
945
945
|
}, null, 512), [
|
|
946
946
|
[
|
|
947
|
-
|
|
948
|
-
|
|
947
|
+
ne,
|
|
948
|
+
$.value,
|
|
949
949
|
void 0,
|
|
950
950
|
{ number: !0 }
|
|
951
951
|
]
|
|
952
952
|
])
|
|
953
953
|
]),
|
|
954
|
-
t("div",
|
|
955
|
-
|
|
956
|
-
|
|
957
|
-
"onUpdate:modelValue":
|
|
954
|
+
t("div", ao, [
|
|
955
|
+
s[21] || (s[21] = t("label", { class: "text-sm font-semibold text-slate-600" }, "Orientación:", -1)),
|
|
956
|
+
R(t("select", {
|
|
957
|
+
"onUpdate:modelValue": s[3] || (s[3] = (c) => d.value = c),
|
|
958
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"
|
|
959
|
-
}, [...
|
|
959
|
+
}, [...s[20] || (s[20] = [
|
|
960
960
|
t("option", {
|
|
961
961
|
value: "horizontal",
|
|
962
962
|
selected: ""
|
|
963
963
|
}, "Horizontal", -1),
|
|
964
964
|
t("option", { value: "vertical" }, "Vertical", -1)
|
|
965
965
|
])], 512), [
|
|
966
|
-
[
|
|
966
|
+
[X, d.value]
|
|
967
967
|
])
|
|
968
968
|
])
|
|
969
|
-
])) :
|
|
969
|
+
])) : I("", !0)
|
|
970
970
|
])
|
|
971
971
|
]),
|
|
972
|
-
t("div",
|
|
973
|
-
|
|
972
|
+
t("div", ro, [
|
|
973
|
+
s[23] || (s[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" }, [
|
|
974
974
|
t("span", { class: "text-xl" }, "🔍"),
|
|
975
|
-
|
|
975
|
+
L(" Orígenes y Filtros ")
|
|
976
976
|
], -1)),
|
|
977
|
-
Y(
|
|
977
|
+
Y(Rt, {
|
|
978
978
|
onSubmit: u,
|
|
979
|
-
updateFeedCriteria:
|
|
979
|
+
updateFeedCriteria: a,
|
|
980
980
|
isProduction: e.isProduction
|
|
981
981
|
}, null, 8, ["isProduction"])
|
|
982
982
|
])
|
|
983
983
|
]),
|
|
984
|
-
t("div",
|
|
985
|
-
|
|
984
|
+
t("div", so, [
|
|
985
|
+
s[25] || (s[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" }, [
|
|
986
986
|
t("span", { class: "text-xl" }, "📰"),
|
|
987
|
-
|
|
987
|
+
L(" Contenidos ")
|
|
988
988
|
], -1)),
|
|
989
|
-
!v.value || v.value.length === 0 ? (r(),
|
|
989
|
+
!v.value || v.value.length === 0 ? (r(), i("div", io, [...s[24] || (s[24] = [
|
|
990
990
|
t("span", { class: "text-5xl mb-3 opacity-50" }, "📭", -1),
|
|
991
991
|
t("p", { class: "text-sm font-medium" }, "No hay contenidos disponibles", -1),
|
|
992
992
|
t("p", { class: "text-xs mt-1 text-slate-300" }, "Selecciona un origen para cargar contenidos", -1)
|
|
993
|
-
])])) : (r(),
|
|
994
|
-
(r(!0),
|
|
993
|
+
])])) : (r(), i("ul", uo, [
|
|
994
|
+
(r(!0), i(D, null, N(v.value, (c, G) => (r(), i("li", {
|
|
995
995
|
key: G,
|
|
996
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",
|
|
997
|
-
onClick: (
|
|
997
|
+
onClick: (V) => l(c)
|
|
998
998
|
}, [
|
|
999
|
-
t("h4",
|
|
1000
|
-
t("p",
|
|
1001
|
-
], 8,
|
|
999
|
+
t("h4", mo, C(c.title || c.titulo || "Sin título"), 1),
|
|
1000
|
+
t("p", bo, C(c.description || c.descripcion || c.content || "Sin descripción"), 1)
|
|
1001
|
+
], 8, co))), 128))
|
|
1002
1002
|
]))
|
|
1003
1003
|
]),
|
|
1004
|
-
t("div",
|
|
1005
|
-
|
|
1004
|
+
t("div", go, [
|
|
1005
|
+
s[31] || (s[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" }, [
|
|
1006
1006
|
t("span", { class: "text-xl" }, "🔗"),
|
|
1007
|
-
|
|
1007
|
+
L(" Relacionar Contenido ")
|
|
1008
1008
|
], -1)),
|
|
1009
|
-
|
|
1010
|
-
(r(!0),
|
|
1009
|
+
S.value ? (r(), i("div", po, [
|
|
1010
|
+
(r(!0), i(D, null, N(e.object.fields, (c, G) => (r(), i("div", {
|
|
1011
1011
|
key: G,
|
|
1012
1012
|
class: "p-4 bg-gradient-to-br from-slate-50 to-white rounded-xl border border-slate-200"
|
|
1013
1013
|
}, [
|
|
1014
|
-
t("label",
|
|
1015
|
-
|
|
1016
|
-
|
|
1014
|
+
t("label", vo, [
|
|
1015
|
+
s[27] || (s[27] = t("span", { class: "text-base" }, "⚙️", -1)),
|
|
1016
|
+
L(" " + C(c.name), 1)
|
|
1017
1017
|
]),
|
|
1018
|
-
|
|
1019
|
-
"onUpdate:modelValue": (
|
|
1018
|
+
R(t("select", {
|
|
1019
|
+
"onUpdate:modelValue": (V) => c.mappedTo = V,
|
|
1020
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"
|
|
1021
1021
|
}, [
|
|
1022
|
-
|
|
1023
|
-
(r(!0),
|
|
1024
|
-
key:
|
|
1025
|
-
value:
|
|
1026
|
-
},
|
|
1027
|
-
], 8,
|
|
1028
|
-
[
|
|
1022
|
+
s[28] || (s[28] = t("option", { value: "" }, "-- Seleccionar campo --", -1)),
|
|
1023
|
+
(r(!0), i(D, null, N(S.value, (V, q) => (r(), i("option", {
|
|
1024
|
+
key: q,
|
|
1025
|
+
value: q
|
|
1026
|
+
}, C(q), 9, ho))), 128))
|
|
1027
|
+
], 8, xo), [
|
|
1028
|
+
[X, c.mappedTo]
|
|
1029
1029
|
]),
|
|
1030
|
-
|
|
1031
|
-
|
|
1032
|
-
t("p",
|
|
1033
|
-
])) :
|
|
1030
|
+
c.mappedTo ? (r(), i("div", wo, [
|
|
1031
|
+
s[29] || (s[29] = t("span", { class: "text-xs font-semibold text-emerald-600 uppercase tracking-wide" }, "Vista previa:", -1)),
|
|
1032
|
+
t("p", yo, C(S.value[c.mappedTo]), 1)
|
|
1033
|
+
])) : I("", !0)
|
|
1034
1034
|
]))), 128)),
|
|
1035
1035
|
t("button", {
|
|
1036
1036
|
onClick: n,
|
|
1037
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"
|
|
1038
|
-
}, [...
|
|
1038
|
+
}, [...s[30] || (s[30] = [
|
|
1039
1039
|
t("span", { class: "text-lg" }, "✓", -1),
|
|
1040
1040
|
t("span", null, "Alimentar el componente", -1)
|
|
1041
1041
|
])])
|
|
1042
|
-
])) : (r(),
|
|
1042
|
+
])) : (r(), i("div", fo, [...s[26] || (s[26] = [
|
|
1043
1043
|
t("span", { class: "text-5xl mb-3 opacity-50" }, "👆", -1),
|
|
1044
1044
|
t("p", { class: "text-sm font-medium text-center" }, [
|
|
1045
|
-
|
|
1045
|
+
L("Selecciona un contenido"),
|
|
1046
1046
|
t("br"),
|
|
1047
|
-
|
|
1047
|
+
L("para relacionar")
|
|
1048
1048
|
], -1)
|
|
1049
1049
|
])]))
|
|
1050
1050
|
])
|
|
1051
1051
|
])
|
|
1052
1052
|
]));
|
|
1053
1053
|
}
|
|
1054
|
-
}),
|
|
1054
|
+
}), $o = { 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" }, ko = { class: "w-full text-right flex justify-between items-center mt-1" }, So = { class: "flex gap-3 items-center" }, Po = { 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" }, Fo = {
|
|
1055
1055
|
key: 0,
|
|
1056
1056
|
class: "flex-1 flex justify-center"
|
|
1057
|
-
},
|
|
1057
|
+
}, jo = { class: "flex justify-end items-center gap-3" }, Io = { 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" }, Mo = {
|
|
1058
1058
|
key: 0,
|
|
1059
1059
|
class: "flex gap-1 bg-slate-50 rounded-lg p-1"
|
|
1060
|
-
},
|
|
1060
|
+
}, Ao = {
|
|
1061
1061
|
key: 0,
|
|
1062
1062
|
class: "text-[10px] bg-amber-100 text-amber-700 px-1.5 rounded-full font-medium"
|
|
1063
|
-
},
|
|
1063
|
+
}, Eo = { class: "mt-2 flex items-center" }, Bo = { class: "font-medium text-slate-700" }, To = { key: 0 }, Oo = { key: 1 }, Do = {
|
|
1064
1064
|
key: 0,
|
|
1065
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"
|
|
1066
|
-
},
|
|
1066
|
+
}, Lo = { class: "mt-3 flex gap-1.5 flex-wrap" }, Ro = { 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" }, Uo = { class: "absolute top-2 right-2 group/info z-10" }, zo = { 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" }, No = { class: "flex justify-center h-full items-center p-4 gap-3" }, Vo = {
|
|
1067
1067
|
key: 0,
|
|
1068
1068
|
title: "Mover componente",
|
|
1069
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"
|
|
1070
|
-
},
|
|
1070
|
+
}, qo = {
|
|
1071
1071
|
key: 1,
|
|
1072
1072
|
class: "flex-1 flex justify-center items-center"
|
|
1073
|
-
},
|
|
1073
|
+
}, Jo = { class: "flex flex-col items-center" }, Go = {
|
|
1074
1074
|
key: 0,
|
|
1075
1075
|
class: "text-[10px] mt-0.5 opacity-70"
|
|
1076
|
-
},
|
|
1076
|
+
}, Wo = ["id"], fe = /* @__PURE__ */ _({
|
|
1077
1077
|
__name: "InitialComponent",
|
|
1078
1078
|
props: {
|
|
1079
1079
|
object: {
|
|
@@ -1101,118 +1101,118 @@ const ct = /* @__PURE__ */ Se(ke, [["render", ut]]), mt = {
|
|
|
1101
1101
|
const o = e, v = {
|
|
1102
1102
|
DEV: "https://led-dev-limbo-dev.eu.els.local",
|
|
1103
1103
|
PROD: "https://limbo.lefebvre.es"
|
|
1104
|
-
},
|
|
1105
|
-
var
|
|
1106
|
-
if (!
|
|
1107
|
-
const
|
|
1104
|
+
}, S = (j) => j ? j.startsWith("/files/") ? (o.isProduction ? v.PROD : v.DEV) + j : j : "", k = (j) => {
|
|
1105
|
+
var F, O;
|
|
1106
|
+
if (!j) return "";
|
|
1107
|
+
const m = j.replace(/"/g, '"').replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/'/g, "'");
|
|
1108
1108
|
try {
|
|
1109
|
-
const W = JSON.parse(
|
|
1110
|
-
return
|
|
1109
|
+
const W = JSON.parse(m), J = (te) => te && !te.startsWith("blob:"), Z = (F = W.images) == null ? void 0 : F.find((te) => J(te == null ? void 0 : te.url));
|
|
1110
|
+
return Z ? S(Z.url) : J((O = W.original) == null ? void 0 : O.url) ? S(W.original.url) : J(W.url) ? S(W.url) : "";
|
|
1111
1111
|
} catch {
|
|
1112
|
-
return
|
|
1112
|
+
return m.startsWith("blob:") ? "" : m.startsWith("/files/") ? S(m) : m.startsWith("http") || m.startsWith("/") ? m : j.startsWith("{") ? "" : j;
|
|
1113
1113
|
}
|
|
1114
|
-
},
|
|
1115
|
-
ae(() => o.isComponentMode, (
|
|
1116
|
-
|
|
1114
|
+
}, $ = Math.random().toString(36).substring(2, 15), d = M(!1), g = M(!1), f = M(null), u = M(null), l = M(!1), n = M(!1);
|
|
1115
|
+
ae(() => o.isComponentMode, (j) => {
|
|
1116
|
+
j || a();
|
|
1117
1117
|
}), ae(() => o.object, () => {
|
|
1118
|
-
|
|
1119
|
-
}, { deep: !0 }), ae(
|
|
1120
|
-
|
|
1118
|
+
a();
|
|
1119
|
+
}, { deep: !0 }), ae(l, async (j) => {
|
|
1120
|
+
j && (await $e(), q());
|
|
1121
1121
|
});
|
|
1122
|
-
const
|
|
1123
|
-
|
|
1124
|
-
|
|
1122
|
+
const a = () => {
|
|
1123
|
+
f.value && clearTimeout(f.value), f.value = setTimeout(() => {
|
|
1124
|
+
q();
|
|
1125
1125
|
}, 500);
|
|
1126
|
-
},
|
|
1126
|
+
}, w = () => {
|
|
1127
1127
|
if (o.isComponentMode) return;
|
|
1128
|
-
const
|
|
1129
|
-
|
|
1130
|
-
|
|
1128
|
+
const j = new IntersectionObserver((m) => {
|
|
1129
|
+
m.forEach((F) => {
|
|
1130
|
+
F.isIntersecting && !l.value && (l.value = !0, j.disconnect());
|
|
1131
1131
|
});
|
|
1132
1132
|
}, { threshold: 0.1 });
|
|
1133
|
-
u.value &&
|
|
1134
|
-
},
|
|
1135
|
-
const
|
|
1136
|
-
|
|
1137
|
-
},
|
|
1138
|
-
|
|
1139
|
-
|
|
1140
|
-
}), o.object.repeat_data =
|
|
1141
|
-
},
|
|
1142
|
-
|
|
1143
|
-
},
|
|
1133
|
+
u.value && j.observe(u.value);
|
|
1134
|
+
}, U = (j, m) => {
|
|
1135
|
+
const F = (o.object.fields || []).find((O) => O.name === j);
|
|
1136
|
+
F && (F.example_value = m);
|
|
1137
|
+
}, E = (j, m) => {
|
|
1138
|
+
j.forEach((F) => {
|
|
1139
|
+
F.value !== void 0 && U(F.fieldName, F.value);
|
|
1140
|
+
}), o.object.repeat_data = m;
|
|
1141
|
+
}, P = () => {
|
|
1142
|
+
g.value = !g.value;
|
|
1143
|
+
}, s = () => {
|
|
1144
1144
|
n.value = !n.value;
|
|
1145
|
-
},
|
|
1146
|
-
console.log("[InitialComponent] Field updated from FieldsForm:",
|
|
1145
|
+
}, c = (j, m) => {
|
|
1146
|
+
console.log("[InitialComponent] Field updated from FieldsForm:", j, m), a();
|
|
1147
1147
|
}, G = () => {
|
|
1148
|
-
|
|
1149
|
-
const
|
|
1150
|
-
if (!
|
|
1148
|
+
q(!0).then((j) => {
|
|
1149
|
+
const m = window.open("", "Preview", "width=1200,height=800");
|
|
1150
|
+
if (!m) {
|
|
1151
1151
|
alert("El navegador bloqueó la ventana emergente. Por favor, permite los popups para este sitio.");
|
|
1152
1152
|
return;
|
|
1153
1153
|
}
|
|
1154
|
-
|
|
1155
|
-
var
|
|
1156
|
-
const W =
|
|
1157
|
-
|
|
1158
|
-
}),
|
|
1154
|
+
m.document.body.innerHTML = j, m.document.querySelectorAll("script").forEach((O) => {
|
|
1155
|
+
var J;
|
|
1156
|
+
const W = m.document.createElement("script");
|
|
1157
|
+
O.src ? W.src = O.src : W.textContent = O.textContent, (J = O.parentNode) == null || J.replaceChild(W, O);
|
|
1158
|
+
}), m.document.close();
|
|
1159
1159
|
});
|
|
1160
|
-
},
|
|
1161
|
-
const
|
|
1162
|
-
if (
|
|
1163
|
-
const
|
|
1160
|
+
}, V = (j) => {
|
|
1161
|
+
const m = j.fields.map((F) => {
|
|
1162
|
+
if (F.type === "image" && typeof F.example_value == "string") {
|
|
1163
|
+
const O = k(F.example_value);
|
|
1164
1164
|
return {
|
|
1165
|
-
...
|
|
1166
|
-
example_value:
|
|
1165
|
+
...F,
|
|
1166
|
+
example_value: O || F.example_value
|
|
1167
1167
|
};
|
|
1168
1168
|
}
|
|
1169
|
-
return
|
|
1169
|
+
return F;
|
|
1170
1170
|
});
|
|
1171
1171
|
return {
|
|
1172
|
-
...
|
|
1173
|
-
fields:
|
|
1172
|
+
...j,
|
|
1173
|
+
fields: m
|
|
1174
1174
|
};
|
|
1175
|
-
},
|
|
1175
|
+
}, q = (j = !1) => {
|
|
1176
1176
|
var W;
|
|
1177
1177
|
if (!((W = o.object) != null && W.category) || o.object.category === "Repetidor") {
|
|
1178
|
-
const
|
|
1179
|
-
if (
|
|
1180
|
-
return Promise.resolve(
|
|
1181
|
-
const
|
|
1182
|
-
return
|
|
1178
|
+
const J = '<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 (j)
|
|
1180
|
+
return Promise.resolve(J);
|
|
1181
|
+
const Z = document.getElementById($);
|
|
1182
|
+
return Z && (Z.innerHTML = J), Promise.resolve("");
|
|
1183
1183
|
}
|
|
1184
|
-
const
|
|
1185
|
-
return fetch(
|
|
1184
|
+
const m = o.renderApiDomain ? o.renderApiDomain + "/api/preview-comp/" : "http://localhost:8003/api/preview-comp/", F = V(o.object), O = JSON.stringify({ obj: F }, null, 2);
|
|
1185
|
+
return fetch(m, {
|
|
1186
1186
|
method: "POST",
|
|
1187
1187
|
headers: { "Content-Type": "application/json" },
|
|
1188
|
-
body:
|
|
1189
|
-
}).then((
|
|
1190
|
-
if (
|
|
1191
|
-
return
|
|
1192
|
-
const
|
|
1193
|
-
return
|
|
1188
|
+
body: O
|
|
1189
|
+
}).then((J) => J.text()).then((J) => {
|
|
1190
|
+
if (j)
|
|
1191
|
+
return J;
|
|
1192
|
+
const Z = document.getElementById($);
|
|
1193
|
+
return Z && (Z.innerHTML = J), "";
|
|
1194
1194
|
});
|
|
1195
1195
|
};
|
|
1196
1196
|
return le(() => {
|
|
1197
|
-
|
|
1198
|
-
}), (
|
|
1199
|
-
n.value ? (r(), me(
|
|
1197
|
+
w();
|
|
1198
|
+
}), (j, m) => (r(), i("div", null, [
|
|
1199
|
+
n.value ? (r(), me(Co, {
|
|
1200
1200
|
key: 0,
|
|
1201
|
-
updateObjectByFeedContent:
|
|
1202
|
-
toggleFeedSection:
|
|
1201
|
+
updateObjectByFeedContent: E,
|
|
1202
|
+
toggleFeedSection: s,
|
|
1203
1203
|
object: e.object,
|
|
1204
1204
|
isProduction: e.isProduction
|
|
1205
|
-
}, null, 8, ["object", "isProduction"])) :
|
|
1205
|
+
}, null, 8, ["object", "isProduction"])) : I("", !0),
|
|
1206
1206
|
t("div", {
|
|
1207
1207
|
ref_key: "rootElement",
|
|
1208
1208
|
ref: u,
|
|
1209
|
-
class:
|
|
1209
|
+
class: Q(["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 }])
|
|
1210
1210
|
}, [
|
|
1211
|
-
e.isComponentMode ? (r(),
|
|
1212
|
-
t("span",
|
|
1213
|
-
t("div",
|
|
1214
|
-
t("div",
|
|
1215
|
-
|
|
1211
|
+
e.isComponentMode ? (r(), i(D, { key: 0 }, [
|
|
1212
|
+
t("span", $o, C(e.object.component_name), 1),
|
|
1213
|
+
t("div", ko, [
|
|
1214
|
+
t("div", So, [
|
|
1215
|
+
m[10] || (m[10] = t("div", { class: "handle cursor-grab text-slate-400 hover:text-slate-600 text-lg transition-colors" }, [
|
|
1216
1216
|
t("svg", {
|
|
1217
1217
|
class: "w-5 h-5",
|
|
1218
1218
|
fill: "currentColor",
|
|
@@ -1221,80 +1221,80 @@ const ct = /* @__PURE__ */ Se(ke, [["render", ut]]), mt = {
|
|
|
1221
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" })
|
|
1222
1222
|
])
|
|
1223
1223
|
], -1)),
|
|
1224
|
-
t("span",
|
|
1224
|
+
t("span", Po, C(e.object.category), 1)
|
|
1225
1225
|
]),
|
|
1226
|
-
e.fullwidthMode ? (r(),
|
|
1226
|
+
e.fullwidthMode ? (r(), i("div", Fo, [
|
|
1227
1227
|
t("div", {
|
|
1228
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",
|
|
1229
|
-
onClick:
|
|
1230
|
-
var
|
|
1231
|
-
return (
|
|
1229
|
+
onClick: m[0] || (m[0] = (F) => {
|
|
1230
|
+
var O;
|
|
1231
|
+
return (O = e.addComponentToColumn) == null ? void 0 : O.call(e, e.object);
|
|
1232
1232
|
})
|
|
1233
1233
|
}, "Seleccionar")
|
|
1234
|
-
])) :
|
|
1235
|
-
t("div",
|
|
1236
|
-
t("span",
|
|
1237
|
-
e.insideComponentBox ?
|
|
1234
|
+
])) : I("", !0),
|
|
1235
|
+
t("div", jo, [
|
|
1236
|
+
t("span", Io, C(e.object.framework), 1),
|
|
1237
|
+
e.insideComponentBox ? I("", !0) : (r(), i("div", Mo, [
|
|
1238
1238
|
t("div", {
|
|
1239
1239
|
title: "Previsualizar Dummy",
|
|
1240
|
-
onClick:
|
|
1240
|
+
onClick: m[1] || (m[1] = (F) => G()),
|
|
1241
1241
|
class: "p-1.5 rounded-md hover:bg-white hover:shadow-sm cursor-pointer transition-all duration-200 text-base"
|
|
1242
1242
|
}, "🔍"),
|
|
1243
1243
|
t("div", {
|
|
1244
1244
|
title: "Editar configuración",
|
|
1245
|
-
onClick:
|
|
1245
|
+
onClick: m[2] || (m[2] = (F) => g.value = !g.value),
|
|
1246
1246
|
class: "p-1.5 rounded-md hover:bg-white hover:shadow-sm cursor-pointer transition-all duration-200 text-base"
|
|
1247
1247
|
}, "⚙️"),
|
|
1248
1248
|
t("div", {
|
|
1249
1249
|
title: "Beber de contenido",
|
|
1250
|
-
onClick:
|
|
1250
|
+
onClick: s,
|
|
1251
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"
|
|
1252
1252
|
}, [
|
|
1253
|
-
|
|
1254
|
-
e.object.repeat_data ? (r(),
|
|
1253
|
+
m[11] || (m[11] = L("⚡ ", -1)),
|
|
1254
|
+
e.object.repeat_data ? (r(), i("span", Ao, C(e.object.repeat_data.elementCount), 1)) : I("", !0)
|
|
1255
1255
|
]),
|
|
1256
|
-
e.cloneComponent ? (r(),
|
|
1256
|
+
e.cloneComponent ? (r(), i("div", {
|
|
1257
1257
|
key: 0,
|
|
1258
1258
|
title: "Clonar componente",
|
|
1259
|
-
onClick:
|
|
1259
|
+
onClick: m[3] || (m[3] = (F) => e.cloneComponent(e.object, e.section || "")),
|
|
1260
1260
|
class: "p-1.5 rounded-md hover:bg-sky-50 hover:shadow-sm cursor-pointer transition-all duration-200 text-base"
|
|
1261
|
-
}, "📋")) :
|
|
1262
|
-
e.removeComponent ? (r(),
|
|
1261
|
+
}, "📋")) : I("", !0),
|
|
1262
|
+
e.removeComponent ? (r(), i("div", {
|
|
1263
1263
|
key: 1,
|
|
1264
1264
|
title: "Eliminar componente",
|
|
1265
|
-
onClick:
|
|
1265
|
+
onClick: m[4] || (m[4] = (F) => e.removeComponent(e.object, e.section || "")),
|
|
1266
1266
|
class: "p-1.5 rounded-md hover:bg-red-50 hover:shadow-sm cursor-pointer transition-all duration-200 text-base"
|
|
1267
|
-
}, "🗑️")) :
|
|
1267
|
+
}, "🗑️")) : I("", !0)
|
|
1268
1268
|
]))
|
|
1269
1269
|
])
|
|
1270
1270
|
]),
|
|
1271
1271
|
Y(ue, {
|
|
1272
|
-
toggleShowForm:
|
|
1272
|
+
toggleShowForm: P,
|
|
1273
1273
|
object: e.object,
|
|
1274
|
-
showForm:
|
|
1275
|
-
onFieldUpdated:
|
|
1274
|
+
showForm: g.value,
|
|
1275
|
+
onFieldUpdated: c
|
|
1276
1276
|
}, null, 8, ["object", "showForm"]),
|
|
1277
|
-
t("div",
|
|
1278
|
-
t("span",
|
|
1277
|
+
t("div", Eo, [
|
|
1278
|
+
t("span", Bo, C(e.object.name), 1),
|
|
1279
1279
|
t("button", {
|
|
1280
1280
|
type: "button",
|
|
1281
|
-
onClick:
|
|
1281
|
+
onClick: m[5] || (m[5] = (F) => d.value = !d.value),
|
|
1282
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"
|
|
1283
1283
|
}, [
|
|
1284
|
-
d.value ? (r(),
|
|
1284
|
+
d.value ? (r(), i("span", Oo, "▲")) : (r(), i("span", To, "▼"))
|
|
1285
1285
|
])
|
|
1286
1286
|
]),
|
|
1287
|
-
d.value ? (r(),
|
|
1288
|
-
t("div",
|
|
1289
|
-
(r(!0),
|
|
1290
|
-
key:
|
|
1287
|
+
d.value ? (r(), i("div", Do, C(e.object.description), 1)) : I("", !0),
|
|
1288
|
+
t("div", Lo, [
|
|
1289
|
+
(r(!0), i(D, null, N(e.object.tags, (F, O) => (r(), i("span", {
|
|
1290
|
+
key: O,
|
|
1291
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"
|
|
1292
|
-
},
|
|
1292
|
+
}, C(F), 1))), 128))
|
|
1293
1293
|
])
|
|
1294
|
-
], 64)) :
|
|
1295
|
-
t("div",
|
|
1296
|
-
t("div",
|
|
1297
|
-
|
|
1294
|
+
], 64)) : l.value ? (r(), i(D, { key: 1 }, [
|
|
1295
|
+
t("div", Ro, [
|
|
1296
|
+
t("div", Uo, [
|
|
1297
|
+
m[12] || (m[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" }, [
|
|
1298
1298
|
t("svg", {
|
|
1299
1299
|
class: "w-3 h-3 text-slate-400 group-hover/info:text-sky-500",
|
|
1300
1300
|
fill: "currentColor",
|
|
@@ -1307,10 +1307,10 @@ const ct = /* @__PURE__ */ Se(ke, [["render", ut]]), mt = {
|
|
|
1307
1307
|
})
|
|
1308
1308
|
])
|
|
1309
1309
|
], -1)),
|
|
1310
|
-
t("div",
|
|
1310
|
+
t("div", zo, C(e.object.description), 1)
|
|
1311
1311
|
]),
|
|
1312
|
-
t("div",
|
|
1313
|
-
e.insideComponentBox && !e.fullwidthMode || !e.insideComponentBox ? (r(),
|
|
1312
|
+
t("div", No, [
|
|
1313
|
+
e.insideComponentBox && !e.fullwidthMode || !e.insideComponentBox ? (r(), i("div", Vo, [...m[13] || (m[13] = [
|
|
1314
1314
|
t("div", { class: "flex flex-col items-center" }, [
|
|
1315
1315
|
t("svg", {
|
|
1316
1316
|
class: "w-6 h-6 mb-1 text-slate-400 group-hover/btn:text-white",
|
|
@@ -1321,28 +1321,28 @@ const ct = /* @__PURE__ */ Se(ke, [["render", ut]]), mt = {
|
|
|
1321
1321
|
]),
|
|
1322
1322
|
t("span", { class: "text-xs font-medium" }, "Mover")
|
|
1323
1323
|
], -1)
|
|
1324
|
-
])])) :
|
|
1325
|
-
e.insideComponentBox && e.fullwidthMode ? (r(),
|
|
1324
|
+
])])) : I("", !0),
|
|
1325
|
+
e.insideComponentBox && e.fullwidthMode ? (r(), i("div", qo, [
|
|
1326
1326
|
t("div", {
|
|
1327
1327
|
title: "Agregar componente a la columna",
|
|
1328
|
-
onClick:
|
|
1329
|
-
var
|
|
1330
|
-
return (
|
|
1328
|
+
onClick: m[6] || (m[6] = (F) => {
|
|
1329
|
+
var O;
|
|
1330
|
+
return (O = e.addComponentToColumn) == null ? void 0 : O.call(e, e.object);
|
|
1331
1331
|
}),
|
|
1332
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"
|
|
1333
|
-
}, [...
|
|
1333
|
+
}, [...m[14] || (m[14] = [
|
|
1334
1334
|
t("div", { class: "flex flex-col items-center" }, [
|
|
1335
1335
|
t("span", { class: "text-2xl mb-1" }, "🚀"),
|
|
1336
1336
|
t("span", { class: "text-sm font-medium" }, "Seleccionar")
|
|
1337
1337
|
], -1)
|
|
1338
1338
|
])])
|
|
1339
|
-
])) :
|
|
1340
|
-
e.insideComponentBox ?
|
|
1339
|
+
])) : I("", !0),
|
|
1340
|
+
e.insideComponentBox ? I("", !0) : (r(), i(D, { key: 2 }, [
|
|
1341
1341
|
t("div", {
|
|
1342
1342
|
title: "Configurar componente",
|
|
1343
|
-
onClick:
|
|
1343
|
+
onClick: m[7] || (m[7] = (F) => g.value = !g.value),
|
|
1344
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"
|
|
1345
|
-
}, [...
|
|
1345
|
+
}, [...m[15] || (m[15] = [
|
|
1346
1346
|
t("div", { class: "flex flex-col items-center" }, [
|
|
1347
1347
|
t("span", { class: "text-xl mb-1" }, "⚙️"),
|
|
1348
1348
|
t("span", { class: "text-xs font-medium" }, "Configurar")
|
|
@@ -1350,67 +1350,67 @@ const ct = /* @__PURE__ */ Se(ke, [["render", ut]]), mt = {
|
|
|
1350
1350
|
])]),
|
|
1351
1351
|
t("div", {
|
|
1352
1352
|
title: "Configurar componente",
|
|
1353
|
-
onClick:
|
|
1353
|
+
onClick: s,
|
|
1354
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"
|
|
1355
1355
|
}, [
|
|
1356
|
-
t("div",
|
|
1357
|
-
|
|
1358
|
-
|
|
1359
|
-
e.object.repeat_data && e.object.repeat_data.dynamicUpdate ? (r(),
|
|
1356
|
+
t("div", Jo, [
|
|
1357
|
+
m[16] || (m[16] = t("span", { class: "text-xl mb-1" }, "⚡", -1)),
|
|
1358
|
+
m[17] || (m[17] = t("span", { class: "text-xs font-medium" }, "Beber de contenido", -1)),
|
|
1359
|
+
e.object.repeat_data && e.object.repeat_data.dynamicUpdate ? (r(), i("span", Go, "Carga " + C(e.object.repeat_data.elementCount) + " elementos", 1)) : I("", !0)
|
|
1360
1360
|
])
|
|
1361
1361
|
]),
|
|
1362
|
-
e.cloneComponent ? (r(),
|
|
1362
|
+
e.cloneComponent ? (r(), i("div", {
|
|
1363
1363
|
key: 0,
|
|
1364
1364
|
title: "Clonar componente",
|
|
1365
|
-
onClick:
|
|
1365
|
+
onClick: m[8] || (m[8] = (F) => e.cloneComponent(e.object, e.section || "")),
|
|
1366
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"
|
|
1367
|
-
}, [...
|
|
1367
|
+
}, [...m[18] || (m[18] = [
|
|
1368
1368
|
t("div", { class: "flex flex-col items-center" }, [
|
|
1369
1369
|
t("span", { class: "text-xl mb-1" }, "📋"),
|
|
1370
1370
|
t("span", { class: "text-xs font-medium" }, "Clonar")
|
|
1371
1371
|
], -1)
|
|
1372
|
-
])])) :
|
|
1373
|
-
e.removeComponent ? (r(),
|
|
1372
|
+
])])) : I("", !0),
|
|
1373
|
+
e.removeComponent ? (r(), i("div", {
|
|
1374
1374
|
key: 1,
|
|
1375
1375
|
title: "Eliminar componente",
|
|
1376
|
-
onClick:
|
|
1376
|
+
onClick: m[9] || (m[9] = (F) => e.removeComponent(e.object, e.section || "")),
|
|
1377
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"
|
|
1378
|
-
}, [...
|
|
1378
|
+
}, [...m[19] || (m[19] = [
|
|
1379
1379
|
t("div", { class: "flex flex-col items-center" }, [
|
|
1380
1380
|
t("span", { class: "text-xl mb-1" }, "🗑️"),
|
|
1381
1381
|
t("span", { class: "text-xs font-medium" }, "Eliminar")
|
|
1382
1382
|
], -1)
|
|
1383
|
-
])])) :
|
|
1383
|
+
])])) : I("", !0)
|
|
1384
1384
|
], 64))
|
|
1385
1385
|
])
|
|
1386
1386
|
]),
|
|
1387
1387
|
Y(ue, {
|
|
1388
|
-
toggleShowForm:
|
|
1388
|
+
toggleShowForm: P,
|
|
1389
1389
|
object: e.object,
|
|
1390
|
-
showForm:
|
|
1391
|
-
onFieldUpdated:
|
|
1390
|
+
showForm: g.value,
|
|
1391
|
+
onFieldUpdated: c
|
|
1392
1392
|
}, null, 8, ["object", "showForm"]),
|
|
1393
1393
|
t("div", {
|
|
1394
|
-
id: H(
|
|
1394
|
+
id: H($),
|
|
1395
1395
|
class: "w-full h-full flex items-center justify-center"
|
|
1396
|
-
}, null, 8,
|
|
1397
|
-
], 64)) :
|
|
1396
|
+
}, null, 8, Wo)
|
|
1397
|
+
], 64)) : I("", !0)
|
|
1398
1398
|
], 2)
|
|
1399
1399
|
]));
|
|
1400
1400
|
}
|
|
1401
|
-
}),
|
|
1401
|
+
}), Ho = { class: "absolute top-1 left-2 px-2 flex gap-3 items-center" }, Ko = {
|
|
1402
1402
|
key: 0,
|
|
1403
1403
|
class: "text-[10px] font-medium text-slate-400 bg-white/80 backdrop-blur-sm px-2 py-0.5 rounded-full shadow-sm"
|
|
1404
|
-
},
|
|
1404
|
+
}, Yo = { class: "text-slate-600" }, Qo = {
|
|
1405
1405
|
key: 1,
|
|
1406
1406
|
class: "text-[10px] font-medium text-slate-400 bg-white/80 backdrop-blur-sm px-2 py-0.5 rounded-full shadow-sm"
|
|
1407
|
-
},
|
|
1407
|
+
}, Xo = { class: "text-slate-600" }, Zo = {
|
|
1408
1408
|
key: 2,
|
|
1409
1409
|
class: "text-[10px] font-medium text-slate-400 bg-white/80 backdrop-blur-sm px-2 py-0.5 rounded-full shadow-sm"
|
|
1410
|
-
},
|
|
1410
|
+
}, _o = { class: "text-slate-600" }, en = {
|
|
1411
1411
|
key: 0,
|
|
1412
1412
|
class: "my-4 w-full rounded-xl bg-white border border-slate-200 p-4 z-10 hidden group-hover:block shadow-lg"
|
|
1413
|
-
},
|
|
1413
|
+
}, tn = { class: "p-4 bg-gradient-to-br from-slate-50 to-white rounded-lg w-full" }, on = { class: "flex flex-col" }, nn = ["for"], ln = ["id"], an = ["value"], rn = { class: "flex flex-col" }, sn = ["for"], dn = ["id"], un = ["value"], cn = { class: "flex flex-col" }, mn = ["for"], bn = ["id"], gn = ["value"], fn = { class: "absolute bottom-0 flex flex-col gap-1 w-full opacity-0 transition-all duration-300 group-hover:opacity-100" }, pn = { 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" }, vn = { class: "flex gap-1" }, xn = /* @__PURE__ */ _({
|
|
1414
1414
|
__name: "ColConfig",
|
|
1415
1415
|
props: {
|
|
1416
1416
|
globalPageConfiguration: Array,
|
|
@@ -1455,193 +1455,193 @@ const ct = /* @__PURE__ */ Se(ke, [["render", ut]]), mt = {
|
|
|
1455
1455
|
{ label: "Columna (componentes unos encima de otros)", value: "flex-col" },
|
|
1456
1456
|
{ label: "Fila (componentes unos al lado de otros)", value: "flex-row" }
|
|
1457
1457
|
]
|
|
1458
|
-
},
|
|
1459
|
-
var n,
|
|
1458
|
+
}, S = M(""), k = M(""), $ = M(""), d = M(!1), g = ee(() => {
|
|
1459
|
+
var n, a, w, U;
|
|
1460
1460
|
const u = (n = o.globalPageConfiguration) == null ? void 0 : n.find(
|
|
1461
|
-
(
|
|
1462
|
-
),
|
|
1463
|
-
return (
|
|
1464
|
-
}),
|
|
1465
|
-
var
|
|
1466
|
-
const n =
|
|
1467
|
-
(
|
|
1461
|
+
(E) => E.section === o.section
|
|
1462
|
+
), l = (U = (w = (a = u == null ? void 0 : u.rows) == null ? void 0 : a[o.rowIndex]) == null ? void 0 : w.columns) == null ? void 0 : U[o.columnIndex];
|
|
1463
|
+
return (l == null ? void 0 : l.config) || {};
|
|
1464
|
+
}), f = (u, l) => {
|
|
1465
|
+
var U;
|
|
1466
|
+
const n = S.value || v.width[0].value, a = k.value || v.gap[0].value, w = $.value || "";
|
|
1467
|
+
(U = o.updateColConfig) == null || U.call(o, u, l, o.section || "", n, a, w), d.value = !1;
|
|
1468
1468
|
};
|
|
1469
|
-
return (u,
|
|
1470
|
-
t("div",
|
|
1471
|
-
|
|
1472
|
-
|
|
1473
|
-
t("span",
|
|
1474
|
-
])) :
|
|
1475
|
-
|
|
1476
|
-
|
|
1477
|
-
t("span",
|
|
1478
|
-
])) :
|
|
1479
|
-
|
|
1480
|
-
|
|
1481
|
-
t("span",
|
|
1482
|
-
])) :
|
|
1469
|
+
return (u, l) => (r(), i(D, null, [
|
|
1470
|
+
t("div", Ho, [
|
|
1471
|
+
g.value.width !== void 0 ? (r(), i("span", Ko, [
|
|
1472
|
+
l[12] || (l[12] = L(" Ancho: ", -1)),
|
|
1473
|
+
t("span", Yo, C(g.value.width), 1)
|
|
1474
|
+
])) : I("", !0),
|
|
1475
|
+
g.value.gap !== void 0 ? (r(), i("span", Qo, [
|
|
1476
|
+
l[13] || (l[13] = L(" Gap: ", -1)),
|
|
1477
|
+
t("span", Xo, C(g.value.gap), 1)
|
|
1478
|
+
])) : I("", !0),
|
|
1479
|
+
g.value.flexDirection !== void 0 ? (r(), i("span", Zo, [
|
|
1480
|
+
l[14] || (l[14] = L(" Flex: ", -1)),
|
|
1481
|
+
t("span", _o, C(g.value.flexDirection), 1)
|
|
1482
|
+
])) : I("", !0)
|
|
1483
1483
|
]),
|
|
1484
|
-
d.value ? (r(),
|
|
1485
|
-
t("div",
|
|
1484
|
+
d.value ? (r(), i("div", en, [
|
|
1485
|
+
t("div", tn, [
|
|
1486
1486
|
t("form", {
|
|
1487
|
-
onSubmit:
|
|
1487
|
+
onSubmit: l[4] || (l[4] = se(() => {
|
|
1488
1488
|
}, ["prevent"])),
|
|
1489
1489
|
class: "flex gap-5 w-full justify-center items-end flex-wrap"
|
|
1490
1490
|
}, [
|
|
1491
|
-
t("div",
|
|
1491
|
+
t("div", on, [
|
|
1492
1492
|
t("label", {
|
|
1493
1493
|
for: `colwidth-${e.rowIndex}-${e.columnIndex}`,
|
|
1494
1494
|
class: "block text-sm font-medium text-slate-600 mb-1.5"
|
|
1495
|
-
}, "Ancho:", 8,
|
|
1496
|
-
|
|
1497
|
-
"onUpdate:modelValue":
|
|
1495
|
+
}, "Ancho:", 8, nn),
|
|
1496
|
+
R(t("select", {
|
|
1497
|
+
"onUpdate:modelValue": l[0] || (l[0] = (n) => S.value = n),
|
|
1498
1498
|
id: `colwidth-${e.rowIndex}-${e.columnIndex}`,
|
|
1499
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"
|
|
1500
1500
|
}, [
|
|
1501
|
-
|
|
1502
|
-
(r(!0),
|
|
1501
|
+
l[15] || (l[15] = t("option", { value: "" }, "Selecciona...", -1)),
|
|
1502
|
+
(r(!0), i(D, null, N(v.width, (n) => (r(), i("option", {
|
|
1503
1503
|
key: n.value,
|
|
1504
1504
|
value: n.value
|
|
1505
|
-
},
|
|
1506
|
-
], 8,
|
|
1507
|
-
[
|
|
1505
|
+
}, C(n.label), 9, an))), 128))
|
|
1506
|
+
], 8, ln), [
|
|
1507
|
+
[X, S.value]
|
|
1508
1508
|
])
|
|
1509
1509
|
]),
|
|
1510
|
-
t("div",
|
|
1510
|
+
t("div", rn, [
|
|
1511
1511
|
t("label", {
|
|
1512
1512
|
for: `colgap-${e.rowIndex}-${e.columnIndex}`,
|
|
1513
1513
|
class: "block text-sm font-medium text-slate-600 mb-1.5"
|
|
1514
|
-
}, "Gap:", 8,
|
|
1515
|
-
|
|
1516
|
-
"onUpdate:modelValue":
|
|
1514
|
+
}, "Gap:", 8, sn),
|
|
1515
|
+
R(t("select", {
|
|
1516
|
+
"onUpdate:modelValue": l[1] || (l[1] = (n) => k.value = n),
|
|
1517
1517
|
id: `colgap-${e.rowIndex}-${e.columnIndex}`,
|
|
1518
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"
|
|
1519
1519
|
}, [
|
|
1520
|
-
|
|
1521
|
-
(r(!0),
|
|
1520
|
+
l[16] || (l[16] = t("option", { value: "" }, "Selecciona...", -1)),
|
|
1521
|
+
(r(!0), i(D, null, N(v.gap, (n) => (r(), i("option", {
|
|
1522
1522
|
key: n.value,
|
|
1523
1523
|
value: n.value
|
|
1524
|
-
},
|
|
1525
|
-
], 8,
|
|
1526
|
-
[
|
|
1524
|
+
}, C(n.label), 9, un))), 128))
|
|
1525
|
+
], 8, dn), [
|
|
1526
|
+
[X, k.value]
|
|
1527
1527
|
])
|
|
1528
1528
|
]),
|
|
1529
|
-
t("div",
|
|
1529
|
+
t("div", cn, [
|
|
1530
1530
|
t("label", {
|
|
1531
1531
|
for: `flexdir-${e.rowIndex}-${e.columnIndex}`,
|
|
1532
1532
|
class: "block text-sm font-medium text-slate-600 mb-1.5"
|
|
1533
|
-
}, "Dirección:", 8,
|
|
1534
|
-
|
|
1535
|
-
"onUpdate:modelValue":
|
|
1533
|
+
}, "Dirección:", 8, mn),
|
|
1534
|
+
R(t("select", {
|
|
1535
|
+
"onUpdate:modelValue": l[2] || (l[2] = (n) => $.value = n),
|
|
1536
1536
|
id: `flexdir-${e.rowIndex}-${e.columnIndex}`,
|
|
1537
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"
|
|
1538
1538
|
}, [
|
|
1539
|
-
|
|
1540
|
-
(r(!0),
|
|
1539
|
+
l[17] || (l[17] = t("option", { value: "" }, "Selecciona...", -1)),
|
|
1540
|
+
(r(!0), i(D, null, N(v.flexDirection, (n) => (r(), i("option", {
|
|
1541
1541
|
key: n.value,
|
|
1542
1542
|
value: n.value
|
|
1543
|
-
},
|
|
1544
|
-
], 8,
|
|
1545
|
-
[
|
|
1543
|
+
}, C(n.label), 9, gn))), 128))
|
|
1544
|
+
], 8, bn), [
|
|
1545
|
+
[X, $.value]
|
|
1546
1546
|
])
|
|
1547
1547
|
]),
|
|
1548
1548
|
t("button", {
|
|
1549
1549
|
type: "button",
|
|
1550
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",
|
|
1551
|
-
onClick:
|
|
1552
|
-
|
|
1551
|
+
onClick: l[3] || (l[3] = (n) => {
|
|
1552
|
+
f(e.rowIndex, e.columnIndex), d.value = !1;
|
|
1553
1553
|
})
|
|
1554
1554
|
}, " Guardar ")
|
|
1555
1555
|
], 32)
|
|
1556
1556
|
])
|
|
1557
|
-
])) :
|
|
1558
|
-
t("div",
|
|
1557
|
+
])) : I("", !0),
|
|
1558
|
+
t("div", fn, [
|
|
1559
1559
|
t("div", {
|
|
1560
|
-
class:
|
|
1560
|
+
class: Q(["flex flex-row", { "justify-between": e.section && e.section !== "Sidebar", "justify-center": e.section === "Sidebar" }])
|
|
1561
1561
|
}, [
|
|
1562
|
-
e.section && e.section !== "Sidebar" ? (r(),
|
|
1562
|
+
e.section && e.section !== "Sidebar" ? (r(), i("button", {
|
|
1563
1563
|
key: 0,
|
|
1564
1564
|
type: "button",
|
|
1565
1565
|
title: "Añadir columna a la izquierda",
|
|
1566
|
-
onClick:
|
|
1567
|
-
var
|
|
1568
|
-
return (
|
|
1566
|
+
onClick: l[5] || (l[5] = (n) => {
|
|
1567
|
+
var a;
|
|
1568
|
+
return (a = e.addCol) == null ? void 0 : a.call(e, e.rowIndex, e.columnIndex, e.section, "left");
|
|
1569
1569
|
}),
|
|
1570
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"
|
|
1571
|
-
}, "+")) :
|
|
1572
|
-
t("div",
|
|
1571
|
+
}, "+")) : I("", !0),
|
|
1572
|
+
t("div", pn, [
|
|
1573
1573
|
t("button", {
|
|
1574
1574
|
type: "button",
|
|
1575
1575
|
title: "Configurar columna",
|
|
1576
|
-
onClick:
|
|
1577
|
-
class:
|
|
1576
|
+
onClick: l[6] || (l[6] = (n) => d.value = !d.value),
|
|
1577
|
+
class: Q(["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"])
|
|
1578
1578
|
}, "⚙️", 2),
|
|
1579
|
-
t("div",
|
|
1580
|
-
e.section && e.section !== "Sidebar" ? (r(),
|
|
1579
|
+
t("div", vn, [
|
|
1580
|
+
e.section && e.section !== "Sidebar" ? (r(), i("span", {
|
|
1581
1581
|
key: 0,
|
|
1582
1582
|
title: "Mover columna a la izquierda",
|
|
1583
|
-
onClick:
|
|
1584
|
-
var
|
|
1585
|
-
return (
|
|
1583
|
+
onClick: l[7] || (l[7] = (n) => {
|
|
1584
|
+
var a;
|
|
1585
|
+
return (a = e.moveCol) == null ? void 0 : a.call(e, e.rowIndex, e.columnIndex, e.section, "left");
|
|
1586
1586
|
}),
|
|
1587
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"
|
|
1588
|
-
}, "◁")) :
|
|
1589
|
-
e.fullwidthMode ? (r(),
|
|
1588
|
+
}, "◁")) : I("", !0),
|
|
1589
|
+
e.fullwidthMode ? (r(), i("span", {
|
|
1590
1590
|
key: 1,
|
|
1591
1591
|
title: "Añadir componente",
|
|
1592
|
-
onClick:
|
|
1593
|
-
var
|
|
1594
|
-
return (
|
|
1592
|
+
onClick: l[8] || (l[8] = (n) => {
|
|
1593
|
+
var a;
|
|
1594
|
+
return (a = e.addComponentFunction) == null ? void 0 : a.call(e, e.rowIndex, e.columnIndex, e.section || "");
|
|
1595
1595
|
}),
|
|
1596
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"
|
|
1597
|
-
}, " 📦 ")) :
|
|
1598
|
-
e.section && e.section !== "Sidebar" ? (r(),
|
|
1597
|
+
}, " 📦 ")) : I("", !0),
|
|
1598
|
+
e.section && e.section !== "Sidebar" ? (r(), i("span", {
|
|
1599
1599
|
key: 2,
|
|
1600
1600
|
title: "Mover columna a la derecha",
|
|
1601
|
-
onClick:
|
|
1602
|
-
var
|
|
1603
|
-
return (
|
|
1601
|
+
onClick: l[9] || (l[9] = (n) => {
|
|
1602
|
+
var a;
|
|
1603
|
+
return (a = e.moveCol) == null ? void 0 : a.call(e, e.rowIndex, e.columnIndex, e.section, "right");
|
|
1604
1604
|
}),
|
|
1605
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"
|
|
1606
|
-
}, "▷ ")) :
|
|
1606
|
+
}, "▷ ")) : I("", !0)
|
|
1607
1607
|
]),
|
|
1608
1608
|
t("button", {
|
|
1609
1609
|
type: "button",
|
|
1610
1610
|
title: "Eliminar columna",
|
|
1611
|
-
onClick:
|
|
1612
|
-
var
|
|
1613
|
-
return (
|
|
1611
|
+
onClick: l[10] || (l[10] = (n) => {
|
|
1612
|
+
var a;
|
|
1613
|
+
return (a = e.removeCol) == null ? void 0 : a.call(e, e.rowIndex, e.columnIndex, e.section || "");
|
|
1614
1614
|
}),
|
|
1615
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"
|
|
1616
1616
|
}, "🗑️")
|
|
1617
1617
|
]),
|
|
1618
|
-
e.section && e.section !== "Sidebar" ? (r(),
|
|
1618
|
+
e.section && e.section !== "Sidebar" ? (r(), i("button", {
|
|
1619
1619
|
key: 1,
|
|
1620
1620
|
type: "button",
|
|
1621
1621
|
title: "Añadir columna a la derecha",
|
|
1622
|
-
onClick:
|
|
1623
|
-
var
|
|
1624
|
-
return (
|
|
1622
|
+
onClick: l[11] || (l[11] = (n) => {
|
|
1623
|
+
var a;
|
|
1624
|
+
return (a = e.addCol) == null ? void 0 : a.call(e, e.rowIndex, e.columnIndex, e.section, "right");
|
|
1625
1625
|
}),
|
|
1626
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"
|
|
1627
|
-
}, "+")) :
|
|
1627
|
+
}, "+")) : I("", !0)
|
|
1628
1628
|
], 2)
|
|
1629
1629
|
])
|
|
1630
1630
|
], 64));
|
|
1631
1631
|
}
|
|
1632
|
-
}),
|
|
1632
|
+
}), hn = { class: "absolute -top-1 px-2 gap-4 w-full justify-between hidden group-hover/row:flex css-pb-row-config" }, wn = { class: "flex gap-1.5" }, yn = { class: "flex gap-4 items-center" }, Cn = { class: "inline-block" }, $n = {
|
|
1633
1633
|
key: 0,
|
|
1634
1634
|
class: "text-xs font-medium text-slate-400 bg-slate-50 px-2 py-1 rounded-full"
|
|
1635
|
-
},
|
|
1635
|
+
}, kn = { class: "text-slate-600" }, Sn = {
|
|
1636
1636
|
key: 1,
|
|
1637
1637
|
class: "text-xs font-medium text-slate-400 bg-slate-50 px-2 py-1 rounded-full"
|
|
1638
|
-
},
|
|
1638
|
+
}, Pn = { class: "text-slate-600" }, Fn = {
|
|
1639
1639
|
key: 2,
|
|
1640
1640
|
class: "text-xs font-medium text-slate-400 bg-slate-50 px-2 py-1 rounded-full"
|
|
1641
|
-
},
|
|
1641
|
+
}, jn = { class: "text-slate-600" }, In = { class: "flex gap-1.5" }, Mn = {
|
|
1642
1642
|
key: 0,
|
|
1643
1643
|
class: "z-1"
|
|
1644
|
-
},
|
|
1644
|
+
}, An = { class: "p-5 bg-white rounded-xl shadow-lg border border-slate-100 w-full mt-8" }, En = { class: "flex flex-col" }, Bn = ["for"], Tn = ["id"], On = ["value"], Dn = { class: "flex flex-col" }, Ln = ["for"], Rn = ["id"], Un = ["value"], zn = { class: "flex flex-col" }, Nn = ["for"], Vn = ["id"], qn = ["value"], Jn = /* @__PURE__ */ _({
|
|
1645
1645
|
__name: "RowConfig",
|
|
1646
1646
|
props: {
|
|
1647
1647
|
rowIndex: {
|
|
@@ -1682,163 +1682,163 @@ const ct = /* @__PURE__ */ Se(ke, [["render", ut]]), mt = {
|
|
|
1682
1682
|
{ label: "3/5", value: "3/5" },
|
|
1683
1683
|
{ label: "4/5", value: "4/5" }
|
|
1684
1684
|
]
|
|
1685
|
-
},
|
|
1686
|
-
var n,
|
|
1687
|
-
const
|
|
1688
|
-
(
|
|
1685
|
+
}, S = M(""), k = M(""), $ = M(""), d = M(!1), g = M(!1), f = ee(() => {
|
|
1686
|
+
var n, a;
|
|
1687
|
+
const l = (n = o.globalPageConfiguration) == null ? void 0 : n.find(
|
|
1688
|
+
(w) => w.section === o.section
|
|
1689
1689
|
);
|
|
1690
|
-
return (
|
|
1691
|
-
}), u = (
|
|
1692
|
-
var
|
|
1693
|
-
const n =
|
|
1694
|
-
(
|
|
1690
|
+
return (a = l == null ? void 0 : l.rows) != null && a[o.rowIndex] ? l.rows[o.rowIndex].config || {} : {};
|
|
1691
|
+
}), u = (l) => {
|
|
1692
|
+
var U;
|
|
1693
|
+
const n = S.value || v.padding[0].value, a = k.value || v.gap[0].value, w = $.value || v.width[0].value;
|
|
1694
|
+
(U = o.updateRowConfig) == null || U.call(o, l, o.section || "", n, a, w), d.value = !1;
|
|
1695
1695
|
};
|
|
1696
|
-
return (
|
|
1697
|
-
t("div",
|
|
1696
|
+
return (l, n) => (r(), i(D, null, [
|
|
1697
|
+
t("div", hn, [
|
|
1698
1698
|
t("div", null, [
|
|
1699
|
-
t("div",
|
|
1699
|
+
t("div", wn, [
|
|
1700
1700
|
t("button", {
|
|
1701
1701
|
type: "button",
|
|
1702
1702
|
title: "Agregar fila",
|
|
1703
|
-
onClick: n[0] || (n[0] = (
|
|
1704
|
-
var
|
|
1705
|
-
(
|
|
1703
|
+
onClick: n[0] || (n[0] = (a) => {
|
|
1704
|
+
var w;
|
|
1705
|
+
(w = e.addRow) == null || w.call(e, e.rowIndex, e.section || ""), g.value = !1;
|
|
1706
1706
|
}),
|
|
1707
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"
|
|
1708
1708
|
}, "+"),
|
|
1709
1709
|
t("button", {
|
|
1710
1710
|
type: "button",
|
|
1711
1711
|
title: "Mover fila hacia arriba",
|
|
1712
|
-
onClick: n[1] || (n[1] = (
|
|
1713
|
-
var
|
|
1714
|
-
(
|
|
1712
|
+
onClick: n[1] || (n[1] = (a) => {
|
|
1713
|
+
var w;
|
|
1714
|
+
(w = e.moveRow) == null || w.call(e, e.rowIndex, e.section || "", "up"), g.value = !1;
|
|
1715
1715
|
}),
|
|
1716
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"
|
|
1717
1717
|
}, "△"),
|
|
1718
1718
|
t("button", {
|
|
1719
1719
|
type: "button",
|
|
1720
1720
|
title: "Mover fila hacia abajo",
|
|
1721
|
-
onClick: n[2] || (n[2] = (
|
|
1722
|
-
var
|
|
1723
|
-
(
|
|
1721
|
+
onClick: n[2] || (n[2] = (a) => {
|
|
1722
|
+
var w;
|
|
1723
|
+
(w = e.moveRow) == null || w.call(e, e.rowIndex, e.section || "", "down"), g.value = !1;
|
|
1724
1724
|
}),
|
|
1725
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"
|
|
1726
1726
|
}, "▽")
|
|
1727
1727
|
])
|
|
1728
1728
|
]),
|
|
1729
|
-
t("div",
|
|
1730
|
-
t("div",
|
|
1729
|
+
t("div", yn, [
|
|
1730
|
+
t("div", Cn, [
|
|
1731
1731
|
t("button", {
|
|
1732
1732
|
type: "button",
|
|
1733
1733
|
title: "Configurar la fila",
|
|
1734
|
-
onClick: n[3] || (n[3] = (
|
|
1735
|
-
class:
|
|
1734
|
+
onClick: n[3] || (n[3] = (a) => d.value = !d.value),
|
|
1735
|
+
class: Q(["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"])
|
|
1736
1736
|
}, "⚙️", 2)
|
|
1737
1737
|
]),
|
|
1738
|
-
|
|
1739
|
-
n[10] || (n[10] =
|
|
1740
|
-
t("span",
|
|
1741
|
-
])) :
|
|
1742
|
-
|
|
1743
|
-
n[11] || (n[11] =
|
|
1744
|
-
t("span",
|
|
1745
|
-
])) :
|
|
1746
|
-
|
|
1747
|
-
n[12] || (n[12] =
|
|
1748
|
-
t("span",
|
|
1749
|
-
])) :
|
|
1738
|
+
f.value.padding !== void 0 ? (r(), i("span", $n, [
|
|
1739
|
+
n[10] || (n[10] = L(" Padding: ", -1)),
|
|
1740
|
+
t("span", kn, C(f.value.padding), 1)
|
|
1741
|
+
])) : I("", !0),
|
|
1742
|
+
f.value.gap !== void 0 ? (r(), i("span", Sn, [
|
|
1743
|
+
n[11] || (n[11] = L(" Gap: ", -1)),
|
|
1744
|
+
t("span", Pn, C(f.value.gap), 1)
|
|
1745
|
+
])) : I("", !0),
|
|
1746
|
+
f.value.width !== void 0 ? (r(), i("span", Fn, [
|
|
1747
|
+
n[12] || (n[12] = L(" Ancho: ", -1)),
|
|
1748
|
+
t("span", jn, C(f.value.width), 1)
|
|
1749
|
+
])) : I("", !0)
|
|
1750
1750
|
]),
|
|
1751
1751
|
t("div", null, [
|
|
1752
|
-
t("div",
|
|
1752
|
+
t("div", In, [
|
|
1753
1753
|
t("button", {
|
|
1754
1754
|
type: "button",
|
|
1755
1755
|
title: "Eliminar fila",
|
|
1756
|
-
onClick: n[4] || (n[4] = (
|
|
1757
|
-
var
|
|
1758
|
-
(
|
|
1756
|
+
onClick: n[4] || (n[4] = (a) => {
|
|
1757
|
+
var w;
|
|
1758
|
+
(w = e.removeRow) == null || w.call(e, e.rowIndex, e.section || ""), g.value = !1;
|
|
1759
1759
|
}),
|
|
1760
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"
|
|
1761
1761
|
}, "🗑️")
|
|
1762
1762
|
])
|
|
1763
1763
|
])
|
|
1764
1764
|
]),
|
|
1765
|
-
d.value ? (r(),
|
|
1766
|
-
t("div",
|
|
1765
|
+
d.value ? (r(), i("div", Mn, [
|
|
1766
|
+
t("div", An, [
|
|
1767
1767
|
t("form", {
|
|
1768
1768
|
onSubmit: n[9] || (n[9] = se(() => {
|
|
1769
1769
|
}, ["prevent"])),
|
|
1770
1770
|
class: "flex gap-6 w-full justify-center items-end flex-wrap"
|
|
1771
1771
|
}, [
|
|
1772
|
-
t("div",
|
|
1772
|
+
t("div", En, [
|
|
1773
1773
|
t("label", {
|
|
1774
1774
|
for: `padding-${e.rowIndex}`,
|
|
1775
1775
|
class: "block text-sm font-medium text-slate-600 mb-1.5"
|
|
1776
|
-
}, "Padding:", 8,
|
|
1777
|
-
|
|
1778
|
-
"onUpdate:modelValue": n[5] || (n[5] = (
|
|
1776
|
+
}, "Padding:", 8, Bn),
|
|
1777
|
+
R(t("select", {
|
|
1778
|
+
"onUpdate:modelValue": n[5] || (n[5] = (a) => S.value = a),
|
|
1779
1779
|
id: `padding-${e.rowIndex}`,
|
|
1780
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"
|
|
1781
1781
|
}, [
|
|
1782
1782
|
n[13] || (n[13] = t("option", { value: "" }, "Selecciona...", -1)),
|
|
1783
|
-
(r(!0),
|
|
1784
|
-
key:
|
|
1785
|
-
value:
|
|
1786
|
-
},
|
|
1787
|
-
], 8,
|
|
1788
|
-
[
|
|
1783
|
+
(r(!0), i(D, null, N(v.padding, (a) => (r(), i("option", {
|
|
1784
|
+
key: a.value,
|
|
1785
|
+
value: a.value
|
|
1786
|
+
}, C(a.label), 9, On))), 128))
|
|
1787
|
+
], 8, Tn), [
|
|
1788
|
+
[X, S.value]
|
|
1789
1789
|
])
|
|
1790
1790
|
]),
|
|
1791
|
-
t("div",
|
|
1791
|
+
t("div", Dn, [
|
|
1792
1792
|
t("label", {
|
|
1793
1793
|
for: `gap-${e.rowIndex}`,
|
|
1794
1794
|
class: "block text-sm font-medium text-slate-600 mb-1.5"
|
|
1795
|
-
}, "Gap:", 8,
|
|
1796
|
-
|
|
1797
|
-
"onUpdate:modelValue": n[6] || (n[6] = (
|
|
1795
|
+
}, "Gap:", 8, Ln),
|
|
1796
|
+
R(t("select", {
|
|
1797
|
+
"onUpdate:modelValue": n[6] || (n[6] = (a) => k.value = a),
|
|
1798
1798
|
id: `gap-${e.rowIndex}`,
|
|
1799
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"
|
|
1800
1800
|
}, [
|
|
1801
1801
|
n[14] || (n[14] = t("option", { value: "" }, "Selecciona...", -1)),
|
|
1802
|
-
(r(!0),
|
|
1803
|
-
key:
|
|
1804
|
-
value:
|
|
1805
|
-
},
|
|
1806
|
-
], 8,
|
|
1807
|
-
[
|
|
1802
|
+
(r(!0), i(D, null, N(v.gap, (a) => (r(), i("option", {
|
|
1803
|
+
key: a.value,
|
|
1804
|
+
value: a.value
|
|
1805
|
+
}, C(a.label), 9, Un))), 128))
|
|
1806
|
+
], 8, Rn), [
|
|
1807
|
+
[X, k.value]
|
|
1808
1808
|
])
|
|
1809
1809
|
]),
|
|
1810
|
-
t("div",
|
|
1810
|
+
t("div", zn, [
|
|
1811
1811
|
t("label", {
|
|
1812
1812
|
for: `width-${e.rowIndex}`,
|
|
1813
1813
|
class: "block text-sm font-medium text-slate-600 mb-1.5"
|
|
1814
|
-
}, "Ancho:", 8,
|
|
1815
|
-
|
|
1816
|
-
"onUpdate:modelValue": n[7] || (n[7] = (
|
|
1814
|
+
}, "Ancho:", 8, Nn),
|
|
1815
|
+
R(t("select", {
|
|
1816
|
+
"onUpdate:modelValue": n[7] || (n[7] = (a) => $.value = a),
|
|
1817
1817
|
id: `width-${e.rowIndex}`,
|
|
1818
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"
|
|
1819
1819
|
}, [
|
|
1820
1820
|
n[15] || (n[15] = t("option", { value: "" }, "Selecciona...", -1)),
|
|
1821
|
-
(r(!0),
|
|
1822
|
-
key:
|
|
1823
|
-
value:
|
|
1824
|
-
},
|
|
1825
|
-
], 8,
|
|
1826
|
-
[
|
|
1821
|
+
(r(!0), i(D, null, N(v.width, (a) => (r(), i("option", {
|
|
1822
|
+
key: a.value,
|
|
1823
|
+
value: a.value
|
|
1824
|
+
}, C(a.label), 9, qn))), 128))
|
|
1825
|
+
], 8, Vn), [
|
|
1826
|
+
[X, $.value]
|
|
1827
1827
|
])
|
|
1828
1828
|
]),
|
|
1829
1829
|
t("button", {
|
|
1830
1830
|
type: "button",
|
|
1831
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",
|
|
1832
|
-
onClick: n[8] || (n[8] = (
|
|
1833
|
-
u(e.rowIndex),
|
|
1832
|
+
onClick: n[8] || (n[8] = (a) => {
|
|
1833
|
+
u(e.rowIndex), g.value = !1;
|
|
1834
1834
|
})
|
|
1835
1835
|
}, " Guardar ")
|
|
1836
1836
|
], 32)
|
|
1837
1837
|
])
|
|
1838
|
-
])) :
|
|
1838
|
+
])) : I("", !0)
|
|
1839
1839
|
], 64));
|
|
1840
1840
|
}
|
|
1841
|
-
}),
|
|
1841
|
+
}), Gn = ["id"], Wn = { class: "flex flex-row w-full gap-3 mt-6" }, Hn = ["id"], Kn = /* @__PURE__ */ _({
|
|
1842
1842
|
__name: "BodySection",
|
|
1843
1843
|
props: {
|
|
1844
1844
|
isComponentMode: Boolean,
|
|
@@ -1863,49 +1863,49 @@ const ct = /* @__PURE__ */ Se(ke, [["render", ut]]), mt = {
|
|
|
1863
1863
|
}
|
|
1864
1864
|
},
|
|
1865
1865
|
setup(e) {
|
|
1866
|
-
const o = e, v =
|
|
1867
|
-
var
|
|
1868
|
-
const
|
|
1866
|
+
const o = e, v = M(!1), S = ee(() => {
|
|
1867
|
+
var $;
|
|
1868
|
+
const k = ($ = o.globalPageConfiguration) == null ? void 0 : $.find(
|
|
1869
1869
|
(d) => d.section === o.sectionSelected
|
|
1870
1870
|
);
|
|
1871
|
-
return (
|
|
1871
|
+
return (k == null ? void 0 : k.rows) || [];
|
|
1872
1872
|
});
|
|
1873
|
-
return (
|
|
1874
|
-
key: "row-" +
|
|
1875
|
-
id: "row-" + e.sectionSelected + "-" +
|
|
1873
|
+
return (k, $) => (r(!0), i(D, null, N(S.value, (d, g) => (r(), i("div", {
|
|
1874
|
+
key: "row-" + g,
|
|
1875
|
+
id: "row-" + e.sectionSelected + "-" + g,
|
|
1876
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"
|
|
1877
1877
|
}, [
|
|
1878
|
-
Y(
|
|
1878
|
+
Y(Jn, {
|
|
1879
1879
|
moveRow: e.moveRow,
|
|
1880
1880
|
addRow: e.addRow,
|
|
1881
1881
|
removeRow: e.removeRow,
|
|
1882
1882
|
globalPageConfiguration: e.globalPageConfiguration,
|
|
1883
1883
|
updateRowConfig: e.updateRowConfig,
|
|
1884
|
-
rowIndex:
|
|
1884
|
+
rowIndex: g,
|
|
1885
1885
|
section: e.sectionSelected
|
|
1886
1886
|
}, null, 8, ["moveRow", "addRow", "removeRow", "globalPageConfiguration", "updateRowConfig", "rowIndex", "section"]),
|
|
1887
|
-
t("div",
|
|
1888
|
-
(r(!0),
|
|
1889
|
-
class:
|
|
1887
|
+
t("div", Wn, [
|
|
1888
|
+
(r(!0), i(D, null, N(d.columns, (f, u) => (r(), i("div", {
|
|
1889
|
+
class: Q([
|
|
1890
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",
|
|
1891
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"
|
|
1892
1892
|
]),
|
|
1893
1893
|
key: "column-" + u,
|
|
1894
|
-
id: "col-" + e.sectionSelected + "-" +
|
|
1894
|
+
id: "col-" + e.sectionSelected + "-" + g + "-" + u
|
|
1895
1895
|
}, [
|
|
1896
1896
|
Y(H(ge), {
|
|
1897
1897
|
class: "h-full w-full mb-4",
|
|
1898
|
-
list:
|
|
1898
|
+
list: f.components,
|
|
1899
1899
|
group: { name: "draggingGroup", pull: !0, put: !0 },
|
|
1900
1900
|
"item-key": "id",
|
|
1901
1901
|
handle: ".handle",
|
|
1902
|
-
onStart:
|
|
1903
|
-
onEnd:
|
|
1902
|
+
onStart: $[0] || ($[0] = (l) => v.value = !0),
|
|
1903
|
+
onEnd: $[1] || ($[1] = (l) => v.value = !1)
|
|
1904
1904
|
}, {
|
|
1905
|
-
item: be(({ element:
|
|
1905
|
+
item: be(({ element: l }) => [
|
|
1906
1906
|
Y(fe, {
|
|
1907
1907
|
renderApiDomain: e.renderApiDomain,
|
|
1908
|
-
object:
|
|
1908
|
+
object: l,
|
|
1909
1909
|
"is-component-mode": e.isComponentMode,
|
|
1910
1910
|
removeComponent: e.removeComponent,
|
|
1911
1911
|
cloneComponent: e.cloneComponent,
|
|
@@ -1915,7 +1915,7 @@ const ct = /* @__PURE__ */ Se(ke, [["render", ut]]), mt = {
|
|
|
1915
1915
|
]),
|
|
1916
1916
|
_: 1
|
|
1917
1917
|
}, 8, ["list"]),
|
|
1918
|
-
Y(
|
|
1918
|
+
Y(xn, {
|
|
1919
1919
|
section: e.sectionSelected,
|
|
1920
1920
|
globalPageConfiguration: e.globalPageConfiguration,
|
|
1921
1921
|
updateColConfig: e.updateColConfig,
|
|
@@ -1924,17 +1924,17 @@ const ct = /* @__PURE__ */ Se(ke, [["render", ut]]), mt = {
|
|
|
1924
1924
|
addCol: e.addCol,
|
|
1925
1925
|
removeCol: e.removeCol,
|
|
1926
1926
|
moveCol: e.moveCol,
|
|
1927
|
-
rowIndex:
|
|
1927
|
+
rowIndex: g,
|
|
1928
1928
|
columnIndex: u
|
|
1929
1929
|
}, null, 8, ["section", "globalPageConfiguration", "updateColConfig", "addComponentFunction", "fullwidthMode", "addCol", "removeCol", "moveCol", "rowIndex", "columnIndex"])
|
|
1930
|
-
], 10,
|
|
1930
|
+
], 10, Hn))), 128))
|
|
1931
1931
|
])
|
|
1932
|
-
], 8,
|
|
1932
|
+
], 8, Gn))), 128));
|
|
1933
1933
|
}
|
|
1934
|
-
}),
|
|
1934
|
+
}), Yn = { class: "flex justify-between items-center mb-4" }, Qn = { class: "text-xs" }, Xn = { class: "flex flex-wrap gap-2 mb-4 bg-white border border-slate-200 p-4 rounded-xl shadow-sm" }, Zn = ["value", "checked"], _n = { class: "my-3" }, el = { class: "relative" }, tl = { 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" }, ol = {
|
|
1935
1935
|
key: 0,
|
|
1936
1936
|
class: "text-center py-8 text-slate-400"
|
|
1937
|
-
}, ce = /* @__PURE__ */
|
|
1937
|
+
}, ce = /* @__PURE__ */ _({
|
|
1938
1938
|
__name: "ComponentsBox",
|
|
1939
1939
|
props: {
|
|
1940
1940
|
isComponentMode: { type: Boolean },
|
|
@@ -1960,23 +1960,23 @@ const ct = /* @__PURE__ */ Se(ke, [["render", ut]]), mt = {
|
|
|
1960
1960
|
"Formulario",
|
|
1961
1961
|
"Título",
|
|
1962
1962
|
"SEO"
|
|
1963
|
-
],
|
|
1964
|
-
const
|
|
1965
|
-
return
|
|
1966
|
-
(
|
|
1967
|
-
) : n.filter(
|
|
1968
|
-
}),
|
|
1969
|
-
d.value =
|
|
1970
|
-
}, u = (
|
|
1971
|
-
const n =
|
|
1972
|
-
n.checked ?
|
|
1963
|
+
], S = ee(() => !o.excludedCategories || o.excludedCategories.length === 0 ? v : v.filter((l) => !o.excludedCategories.includes(l))), k = M(!0), $ = M([]), d = M(""), g = ee(() => {
|
|
1964
|
+
const l = d.value.toLowerCase(), n = Object.values(o.components), a = (w) => (w.name.toLowerCase() + w.description.toLowerCase() + w.tags.join(" ").toLowerCase()).includes(l);
|
|
1965
|
+
return $.value.length > 0 ? n.filter(
|
|
1966
|
+
(w) => $.value.includes(w.category) && a(w)
|
|
1967
|
+
) : n.filter(a);
|
|
1968
|
+
}), f = (l) => {
|
|
1969
|
+
d.value = l.target.value;
|
|
1970
|
+
}, u = (l) => {
|
|
1971
|
+
const n = l.target, a = n.value;
|
|
1972
|
+
n.checked ? $.value.includes(a) || $.value.push(a) : $.value = $.value.filter((w) => w !== a);
|
|
1973
1973
|
};
|
|
1974
|
-
return (
|
|
1974
|
+
return (l, n) => (r(), i(D, null, [
|
|
1975
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",
|
|
1976
|
+
t("div", Yn, [
|
|
1977
1977
|
t("button", {
|
|
1978
1978
|
type: "button",
|
|
1979
|
-
onClick: n[0] || (n[0] = (
|
|
1979
|
+
onClick: n[0] || (n[0] = (a) => k.value = !k.value),
|
|
1980
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"
|
|
1981
1981
|
}, [
|
|
1982
1982
|
n[2] || (n[2] = t("svg", {
|
|
@@ -1993,36 +1993,36 @@ const ct = /* @__PURE__ */ Se(ke, [["render", ut]]), mt = {
|
|
|
1993
1993
|
})
|
|
1994
1994
|
], -1)),
|
|
1995
1995
|
n[3] || (n[3] = t("span", null, "Filtros", -1)),
|
|
1996
|
-
t("span",
|
|
1996
|
+
t("span", Qn, C(k.value ? "▲" : "▼"), 1)
|
|
1997
1997
|
]),
|
|
1998
1998
|
t("button", {
|
|
1999
1999
|
type: "button",
|
|
2000
|
-
class:
|
|
2001
|
-
onClick: n[1] || (n[1] = (
|
|
2002
|
-
var
|
|
2003
|
-
return (
|
|
2000
|
+
class: Q([[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] = (a) => {
|
|
2002
|
+
var w;
|
|
2003
|
+
return (w = e.toggleComponentModeFunction) == null ? void 0 : w.call(e);
|
|
2004
2004
|
})
|
|
2005
|
-
},
|
|
2005
|
+
}, C(e.isComponentMode ? "⚒️ Modo Configuración" : "👁️ Modo Visual"), 3)
|
|
2006
2006
|
]),
|
|
2007
|
-
|
|
2008
|
-
(r(!0),
|
|
2009
|
-
key:
|
|
2010
|
-
class:
|
|
2007
|
+
R(t("div", Xn, [
|
|
2008
|
+
(r(!0), i(D, null, N(S.value, (a) => (r(), i("label", {
|
|
2009
|
+
key: a,
|
|
2010
|
+
class: Q(["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": $.value.includes(a) }])
|
|
2011
2011
|
}, [
|
|
2012
2012
|
t("input", {
|
|
2013
2013
|
type: "checkbox",
|
|
2014
|
-
value:
|
|
2015
|
-
checked:
|
|
2014
|
+
value: a,
|
|
2015
|
+
checked: $.value.includes(a),
|
|
2016
2016
|
onInput: u,
|
|
2017
2017
|
class: "w-4 h-4 rounded border-slate-300 text-emerald-500 focus:ring-emerald-500"
|
|
2018
|
-
}, null, 40,
|
|
2019
|
-
|
|
2018
|
+
}, null, 40, Zn),
|
|
2019
|
+
L(" " + C(a), 1)
|
|
2020
2020
|
], 2))), 128))
|
|
2021
2021
|
], 512), [
|
|
2022
|
-
[
|
|
2022
|
+
[ke, k.value]
|
|
2023
2023
|
]),
|
|
2024
|
-
t("div",
|
|
2025
|
-
t("div",
|
|
2024
|
+
t("div", _n, [
|
|
2025
|
+
t("div", el, [
|
|
2026
2026
|
n[4] || (n[4] = t("svg", {
|
|
2027
2027
|
class: "absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-slate-400",
|
|
2028
2028
|
fill: "none",
|
|
@@ -2037,25 +2037,25 @@ const ct = /* @__PURE__ */ Se(ke, [["render", ut]]), mt = {
|
|
|
2037
2037
|
})
|
|
2038
2038
|
], -1)),
|
|
2039
2039
|
t("input", {
|
|
2040
|
-
onInput:
|
|
2040
|
+
onInput: f,
|
|
2041
2041
|
type: "text",
|
|
2042
2042
|
placeholder: "Buscar componente...",
|
|
2043
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"
|
|
2044
2044
|
}, null, 32)
|
|
2045
2045
|
])
|
|
2046
2046
|
]),
|
|
2047
|
-
t("div",
|
|
2047
|
+
t("div", tl, [
|
|
2048
2048
|
Y(H(ge), {
|
|
2049
2049
|
class: "w-full flex flex-col gap-4",
|
|
2050
|
-
list:
|
|
2050
|
+
list: g.value,
|
|
2051
2051
|
group: { name: "draggingGroup", pull: "clone", put: !1 },
|
|
2052
2052
|
itemKey: "name",
|
|
2053
|
-
clone: (
|
|
2053
|
+
clone: (a) => JSON.parse(JSON.stringify(a))
|
|
2054
2054
|
}, {
|
|
2055
|
-
item: be(({ element:
|
|
2055
|
+
item: be(({ element: a }) => [
|
|
2056
2056
|
Y(fe, {
|
|
2057
2057
|
renderApiDomain: e.renderApiDomain,
|
|
2058
|
-
object:
|
|
2058
|
+
object: a,
|
|
2059
2059
|
"is-component-mode": e.isComponentMode,
|
|
2060
2060
|
fullwidthMode: e.fullwidthMode,
|
|
2061
2061
|
columnToInsert: e.columnToInsert,
|
|
@@ -2066,7 +2066,7 @@ const ct = /* @__PURE__ */ Se(ke, [["render", ut]]), mt = {
|
|
|
2066
2066
|
]),
|
|
2067
2067
|
_: 1
|
|
2068
2068
|
}, 8, ["list", "clone"]),
|
|
2069
|
-
|
|
2069
|
+
g.value.length === 0 ? (r(), i("div", ol, [...n[5] || (n[5] = [
|
|
2070
2070
|
t("svg", {
|
|
2071
2071
|
class: "w-12 h-12 mx-auto mb-3 opacity-50",
|
|
2072
2072
|
fill: "none",
|
|
@@ -2082,36 +2082,38 @@ const ct = /* @__PURE__ */ Se(ke, [["render", ut]]), mt = {
|
|
|
2082
2082
|
], -1),
|
|
2083
2083
|
t("p", { class: "text-sm font-medium" }, "No se encontraron componentes", -1),
|
|
2084
2084
|
t("p", { class: "text-xs mt-1" }, "Intenta con otros filtros o términos de búsqueda", -1)
|
|
2085
|
-
])])) :
|
|
2085
|
+
])])) : I("", !0)
|
|
2086
2086
|
])
|
|
2087
2087
|
], 64));
|
|
2088
2088
|
}
|
|
2089
|
-
}),
|
|
2089
|
+
}), nl = { 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" }, ll = { class: "relative flex flex-row flex-wrap" }, al = { class: "w-full flex justify-end py-4 pe-4" }, rl = { class: "w-3/4" }, sl = {
|
|
2090
2090
|
key: 1,
|
|
2091
2091
|
class: "w-1/4 px-3 overflow-y-auto h-screen sticky top-0"
|
|
2092
|
-
}, il = /* @__PURE__ */
|
|
2092
|
+
}, il = "https://unpkg.com/limbo-component@latest/dist", bl = /* @__PURE__ */ _({
|
|
2093
2093
|
__name: "Pagebuilder",
|
|
2094
2094
|
props: {
|
|
2095
2095
|
isProduction: { type: Boolean },
|
|
2096
2096
|
debugMode: { type: Boolean },
|
|
2097
2097
|
submitForm: { type: Boolean },
|
|
2098
2098
|
inputId: {},
|
|
2099
|
-
excludeComponentTypes: {}
|
|
2099
|
+
excludeComponentTypes: {},
|
|
2100
|
+
limboPublicKey: {},
|
|
2101
|
+
limboTokenEndpoint: {}
|
|
2100
2102
|
},
|
|
2101
2103
|
setup(e) {
|
|
2102
|
-
const o = e, v = o.isProduction ?? !1,
|
|
2104
|
+
const o = e, v = o.isProduction ?? !1, S = o.debugMode ?? !1, k = o.submitForm ?? !1, $ = o.inputId ?? null, d = o.limboPublicKey ?? null, g = o.limboTokenEndpoint ?? "/api/limbo-token", f = [
|
|
2103
2105
|
"Repetidor",
|
|
2104
2106
|
// Siempre excluido
|
|
2105
2107
|
...o.excludeComponentTypes ?? []
|
|
2106
|
-
],
|
|
2107
|
-
const
|
|
2108
|
-
if (
|
|
2109
|
-
return
|
|
2110
|
-
const
|
|
2111
|
-
for (const [
|
|
2112
|
-
|
|
2113
|
-
return
|
|
2114
|
-
}),
|
|
2108
|
+
], u = v ? "https://render-api.lefebvre.es" : "https://led-dev-astro-render-api-dev.eu.els.local", l = M(!0), n = M(void 0), a = M([]), w = M({ rowIndex: null, columnIndex: null, section: null }), U = M(!1), E = M(!1), P = ee(() => {
|
|
2109
|
+
const p = Pe();
|
|
2110
|
+
if (f.length === 0)
|
|
2111
|
+
return p;
|
|
2112
|
+
const x = {};
|
|
2113
|
+
for (const [b, h] of Object.entries(p))
|
|
2114
|
+
f.includes(h.category) || (x[b] = h);
|
|
2115
|
+
return x;
|
|
2116
|
+
}), s = M({
|
|
2115
2117
|
global: {
|
|
2116
2118
|
sidebarEnabled: !1,
|
|
2117
2119
|
renderAsBodyPart: !1,
|
|
@@ -2124,7 +2126,7 @@ const ct = /* @__PURE__ */ Se(ke, [["render", ut]]), mt = {
|
|
|
2124
2126
|
description: "",
|
|
2125
2127
|
robots: "index, follow"
|
|
2126
2128
|
}
|
|
2127
|
-
}),
|
|
2129
|
+
}), c = Se([
|
|
2128
2130
|
{
|
|
2129
2131
|
section: "Header",
|
|
2130
2132
|
config: { width: "full" },
|
|
@@ -2145,208 +2147,303 @@ const ct = /* @__PURE__ */ Se(ke, [["render", ut]]), mt = {
|
|
|
2145
2147
|
config: { width: "1/3" },
|
|
2146
2148
|
rows: [{ config: {}, columns: [{ config: {}, components: [] }] }]
|
|
2147
2149
|
}
|
|
2148
|
-
])
|
|
2150
|
+
]), G = () => new Promise((p, x) => {
|
|
2151
|
+
if (window.Limbo) {
|
|
2152
|
+
S && console.log("[PageBuilder] Limbo ya está cargado"), p();
|
|
2153
|
+
return;
|
|
2154
|
+
}
|
|
2155
|
+
const b = il;
|
|
2156
|
+
if (!document.querySelector('link[href*="limbo.css"]')) {
|
|
2157
|
+
const h = document.createElement("link");
|
|
2158
|
+
h.rel = "stylesheet", h.href = `${b}/limbo.css`, document.head.appendChild(h), S && console.log("[PageBuilder] Limbo CSS cargado:", h.href);
|
|
2159
|
+
}
|
|
2160
|
+
if (document.querySelector('script[src*="limbo.min.js"]'))
|
|
2161
|
+
p();
|
|
2162
|
+
else {
|
|
2163
|
+
const h = document.createElement("script");
|
|
2164
|
+
h.src = `${b}/limbo.min.js`, h.onload = () => {
|
|
2165
|
+
S && console.log("[PageBuilder] Limbo JS cargado"), p();
|
|
2166
|
+
}, h.onerror = () => x(new Error("Error cargando Limbo JS")), document.head.appendChild(h);
|
|
2167
|
+
}
|
|
2168
|
+
}), V = async () => {
|
|
2169
|
+
if (!d) {
|
|
2170
|
+
S && console.log("[PageBuilder] limboPublicKey no proporcionada, Limbo no se inicializará");
|
|
2171
|
+
return;
|
|
2172
|
+
}
|
|
2173
|
+
try {
|
|
2174
|
+
await G();
|
|
2175
|
+
let p = 0;
|
|
2176
|
+
const x = 20;
|
|
2177
|
+
for (; !window.Limbo && p < x; )
|
|
2178
|
+
await new Promise((y) => setTimeout(y, 100)), p++;
|
|
2179
|
+
const b = window.Limbo;
|
|
2180
|
+
if (!b) {
|
|
2181
|
+
console.error("[PageBuilder] Limbo no se cargó correctamente después de", x, "intentos");
|
|
2182
|
+
return;
|
|
2183
|
+
}
|
|
2184
|
+
let h = null, A = null;
|
|
2185
|
+
const T = async () => {
|
|
2186
|
+
if (h && A && Date.now() < A)
|
|
2187
|
+
return h;
|
|
2188
|
+
S && console.log("[PageBuilder] Solicitando token via proxy:", g);
|
|
2189
|
+
const y = await fetch(g, {
|
|
2190
|
+
method: "POST",
|
|
2191
|
+
headers: { "Content-Type": "application/json" },
|
|
2192
|
+
body: JSON.stringify({ public_key: d })
|
|
2193
|
+
});
|
|
2194
|
+
if (!y.ok) {
|
|
2195
|
+
const z = await y.json().catch(() => ({}));
|
|
2196
|
+
throw new Error(`Error obteniendo token: ${y.status} - ${z.error || ""}`);
|
|
2197
|
+
}
|
|
2198
|
+
const B = await y.json();
|
|
2199
|
+
return h = B.token, A = Date.now() + (B.expires_in || 3600) * 1e3 - 3e4, S && console.log("[PageBuilder] Token de Limbo obtenido correctamente"), h;
|
|
2200
|
+
};
|
|
2201
|
+
b.configure({
|
|
2202
|
+
prod: v,
|
|
2203
|
+
publicKey: d,
|
|
2204
|
+
authMode: "jwt",
|
|
2205
|
+
tokenProvider: T,
|
|
2206
|
+
modal: { size: "xlarge" }
|
|
2207
|
+
}), b.configureAutoInputs({
|
|
2208
|
+
selector: ".js-limbo",
|
|
2209
|
+
buttonText: "Seleccionar imagen",
|
|
2210
|
+
returnType: "json",
|
|
2211
|
+
modeUI: "full",
|
|
2212
|
+
allowAdditionalCrops: !0,
|
|
2213
|
+
maxCrops: 10,
|
|
2214
|
+
localCropsOnly: !1,
|
|
2215
|
+
parseInputConfig: (y) => {
|
|
2216
|
+
const B = {};
|
|
2217
|
+
if (y.dataset.mandatorycrops)
|
|
2218
|
+
try {
|
|
2219
|
+
B.mandatoryCrops = JSON.parse(y.dataset.mandatorycrops);
|
|
2220
|
+
} catch {
|
|
2221
|
+
}
|
|
2222
|
+
return y.dataset.returntype && (B.returnType = y.dataset.returntype), y.dataset.modeui && (B.modeUI = y.dataset.modeui), y.dataset.allowadditionalcrops !== void 0 && (B.allowAdditionalCrops = y.dataset.allowadditionalcrops === "true"), y.dataset.maxcrops && (B.maxCrops = parseInt(y.dataset.maxcrops, 10)), y.dataset.buttontext && (B.buttonText = y.dataset.buttontext), B;
|
|
2223
|
+
}
|
|
2224
|
+
}), S && console.log("[PageBuilder] Limbo inicializado correctamente"), window.LimboRescan = (y = ".js-limbo") => {
|
|
2225
|
+
const B = document.querySelectorAll(y);
|
|
2226
|
+
let z = 0;
|
|
2227
|
+
return B.forEach((K) => {
|
|
2228
|
+
if (K.tagName === "INPUT" && !K.dataset.limboProcessed)
|
|
2229
|
+
try {
|
|
2230
|
+
b.autoInputs._processInput(K), K.dataset.limboProcessed = "true", z++;
|
|
2231
|
+
} catch (oe) {
|
|
2232
|
+
console.error("[Limbo] Error procesando input:", oe);
|
|
2233
|
+
}
|
|
2234
|
+
}), z;
|
|
2235
|
+
}, setTimeout(() => {
|
|
2236
|
+
var y;
|
|
2237
|
+
return (y = window.LimboRescan) == null ? void 0 : y.call(window);
|
|
2238
|
+
}, 1e3), setTimeout(() => {
|
|
2239
|
+
var y;
|
|
2240
|
+
return (y = window.LimboRescan) == null ? void 0 : y.call(window);
|
|
2241
|
+
}, 2500);
|
|
2242
|
+
} catch (p) {
|
|
2243
|
+
console.error("[PageBuilder] Error inicializando Limbo:", p);
|
|
2244
|
+
}
|
|
2245
|
+
};
|
|
2149
2246
|
le(() => {
|
|
2150
|
-
|
|
2247
|
+
q(), d && V();
|
|
2151
2248
|
});
|
|
2152
|
-
const
|
|
2153
|
-
if (a.value = ["Header", "Footer", "Body", "Sidebar"],
|
|
2154
|
-
const
|
|
2155
|
-
if (
|
|
2156
|
-
const
|
|
2157
|
-
if (
|
|
2249
|
+
const q = () => {
|
|
2250
|
+
if (a.value = ["Header", "Footer", "Body", "Sidebar"], n.value = "Body", $) {
|
|
2251
|
+
const p = document.getElementById($);
|
|
2252
|
+
if (p) {
|
|
2253
|
+
const x = p.value;
|
|
2254
|
+
if (x)
|
|
2158
2255
|
try {
|
|
2159
|
-
const
|
|
2160
|
-
(
|
|
2161
|
-
} catch (
|
|
2162
|
-
console.error("Error parsing input value:",
|
|
2256
|
+
const b = typeof x == "string" ? JSON.parse(x) : x;
|
|
2257
|
+
(b && typeof b == "object" && !Array.isArray(b) ? Object.keys(b).length > 0 : Array.isArray(b) ? b.length > 0 : !1) && de(x);
|
|
2258
|
+
} catch (b) {
|
|
2259
|
+
console.error("Error parsing input value:", b);
|
|
2163
2260
|
}
|
|
2164
2261
|
}
|
|
2165
2262
|
}
|
|
2166
|
-
},
|
|
2167
|
-
|
|
2168
|
-
},
|
|
2169
|
-
|
|
2170
|
-
},
|
|
2171
|
-
var
|
|
2172
|
-
const
|
|
2173
|
-
(
|
|
2174
|
-
padding:
|
|
2175
|
-
gap:
|
|
2263
|
+
}, j = () => {
|
|
2264
|
+
E.value = !E.value;
|
|
2265
|
+
}, m = () => {
|
|
2266
|
+
l.value = !l.value;
|
|
2267
|
+
}, F = (p, x, b, h, A) => {
|
|
2268
|
+
var y;
|
|
2269
|
+
const T = c.find((B) => B.section === x);
|
|
2270
|
+
(y = T == null ? void 0 : T.rows) != null && y[p] && (T.rows[p].config = {
|
|
2271
|
+
padding: b,
|
|
2272
|
+
gap: h,
|
|
2176
2273
|
width: A
|
|
2177
2274
|
});
|
|
2178
|
-
},
|
|
2179
|
-
var
|
|
2180
|
-
const
|
|
2181
|
-
(
|
|
2182
|
-
width:
|
|
2275
|
+
}, O = (p, x, b, h, A, T) => {
|
|
2276
|
+
var B, z, K;
|
|
2277
|
+
const y = c.find((oe) => oe.section === b);
|
|
2278
|
+
(K = (z = (B = y == null ? void 0 : y.rows) == null ? void 0 : B[p]) == null ? void 0 : z.columns) != null && K[x] && (y.rows[p].columns[x].config = {
|
|
2279
|
+
width: h,
|
|
2183
2280
|
gap: A,
|
|
2184
|
-
flexDirection:
|
|
2281
|
+
flexDirection: T
|
|
2185
2282
|
});
|
|
2186
|
-
},
|
|
2187
|
-
const
|
|
2188
|
-
if (
|
|
2189
|
-
const
|
|
2283
|
+
}, W = async (p, x) => {
|
|
2284
|
+
const b = c.find((h) => h.section === x);
|
|
2285
|
+
if (b) {
|
|
2286
|
+
const h = {
|
|
2190
2287
|
config: {},
|
|
2191
2288
|
columns: [{ config: {}, components: [] }]
|
|
2192
2289
|
};
|
|
2193
|
-
|
|
2290
|
+
p !== null && p >= 0 && p < b.rows.length ? b.rows.splice(p + 1, 0, h) : b.rows.push(h);
|
|
2194
2291
|
}
|
|
2195
|
-
await new Promise((
|
|
2292
|
+
await new Promise((h) => {
|
|
2196
2293
|
setTimeout(() => {
|
|
2197
|
-
const A = document.getElementById(`row-${
|
|
2294
|
+
const A = document.getElementById(`row-${x}-${(p ?? 0) + 1}`);
|
|
2198
2295
|
A ? (A.scrollIntoView({ behavior: "smooth", block: "center" }), A.classList.add("selected-delay"), setTimeout(() => {
|
|
2199
|
-
A.classList.remove("selected-delay"),
|
|
2200
|
-
}, 3e3)) :
|
|
2296
|
+
A.classList.remove("selected-delay"), h();
|
|
2297
|
+
}, 3e3)) : h();
|
|
2201
2298
|
}, 0);
|
|
2202
2299
|
});
|
|
2203
|
-
},
|
|
2204
|
-
const
|
|
2205
|
-
!(
|
|
2206
|
-
},
|
|
2207
|
-
var
|
|
2208
|
-
const
|
|
2209
|
-
if (!((
|
|
2300
|
+
}, J = (p, x) => {
|
|
2301
|
+
const b = c.find((h) => h.section === x);
|
|
2302
|
+
!(b != null && b.rows) || b.rows.length <= 1 || b.rows.splice(p, 1);
|
|
2303
|
+
}, Z = (p, x, b = "down") => {
|
|
2304
|
+
var B;
|
|
2305
|
+
const h = c.find((z) => z.section === x);
|
|
2306
|
+
if (!((B = h == null ? void 0 : h.rows) != null && B[p]) || b === "up" && p === 0 || b === "down" && p === h.rows.length - 1)
|
|
2210
2307
|
return;
|
|
2211
|
-
const A =
|
|
2212
|
-
A.splice(
|
|
2213
|
-
},
|
|
2214
|
-
var
|
|
2215
|
-
const A =
|
|
2216
|
-
(
|
|
2308
|
+
const A = h.rows, T = A.splice(p, 1)[0], y = b === "down" ? p + 1 : p - 1;
|
|
2309
|
+
A.splice(y, 0, T);
|
|
2310
|
+
}, te = async (p, x, b, h = "right") => {
|
|
2311
|
+
var y;
|
|
2312
|
+
const A = h === "left" ? x : x + 1, T = c.find((B) => B.section === b);
|
|
2313
|
+
(y = T == null ? void 0 : T.rows) != null && y[p] && T.rows[p].columns.splice(A, 0, {
|
|
2217
2314
|
config: {},
|
|
2218
2315
|
components: []
|
|
2219
|
-
}), await new Promise((
|
|
2316
|
+
}), await new Promise((B) => {
|
|
2220
2317
|
setTimeout(() => {
|
|
2221
|
-
const
|
|
2222
|
-
|
|
2223
|
-
|
|
2224
|
-
}, 3e3)) :
|
|
2318
|
+
const z = document.getElementById(`col-${b}-${p}-${A}`);
|
|
2319
|
+
z ? (z.scrollIntoView({ behavior: "smooth", block: "center" }), z.classList.add("selected-delay"), setTimeout(() => {
|
|
2320
|
+
z.classList.remove("selected-delay"), B();
|
|
2321
|
+
}, 3e3)) : B();
|
|
2225
2322
|
}, 0);
|
|
2226
2323
|
});
|
|
2227
|
-
},
|
|
2228
|
-
var
|
|
2229
|
-
const
|
|
2230
|
-
!A || A.length <= 1 || A.splice(
|
|
2231
|
-
},
|
|
2232
|
-
var
|
|
2233
|
-
const A =
|
|
2234
|
-
if (!((
|
|
2324
|
+
}, pe = (p, x, b) => {
|
|
2325
|
+
var T, y;
|
|
2326
|
+
const h = c.find((B) => B.section === b), A = (y = (T = h == null ? void 0 : h.rows) == null ? void 0 : T[p]) == null ? void 0 : y.columns;
|
|
2327
|
+
!A || A.length <= 1 || A.splice(x, 1);
|
|
2328
|
+
}, ve = (p, x, b, h = "right") => {
|
|
2329
|
+
var z;
|
|
2330
|
+
const A = c.find((K) => K.section === b);
|
|
2331
|
+
if (!((z = A == null ? void 0 : A.rows) != null && z[p]) || h === "left" && x === 0 || h === "right" && x === A.rows[p].columns.length - 1)
|
|
2235
2332
|
return;
|
|
2236
|
-
const
|
|
2237
|
-
|
|
2238
|
-
},
|
|
2239
|
-
var
|
|
2240
|
-
const
|
|
2241
|
-
(
|
|
2242
|
-
A.columns.forEach((
|
|
2243
|
-
const
|
|
2244
|
-
|
|
2333
|
+
const T = A.rows[p].columns, y = T.splice(x, 1)[0], B = h === "right" ? x + 1 : x - 1;
|
|
2334
|
+
T.splice(B, 0, y);
|
|
2335
|
+
}, xe = (p, x) => {
|
|
2336
|
+
var h;
|
|
2337
|
+
const b = c.find((A) => A.section === x);
|
|
2338
|
+
(h = b == null ? void 0 : b.rows) == null || h.forEach((A) => {
|
|
2339
|
+
A.columns.forEach((T) => {
|
|
2340
|
+
const y = T.components.indexOf(p);
|
|
2341
|
+
y !== -1 && T.components.splice(y, 1);
|
|
2245
2342
|
});
|
|
2246
2343
|
});
|
|
2247
|
-
},
|
|
2248
|
-
var
|
|
2249
|
-
const
|
|
2250
|
-
(
|
|
2251
|
-
A.columns.forEach((
|
|
2252
|
-
const
|
|
2253
|
-
if (
|
|
2254
|
-
const
|
|
2255
|
-
|
|
2344
|
+
}, he = (p, x) => {
|
|
2345
|
+
var h;
|
|
2346
|
+
const b = c.find((A) => A.section === x);
|
|
2347
|
+
(h = b == null ? void 0 : b.rows) == null || h.forEach((A) => {
|
|
2348
|
+
A.columns.forEach((T) => {
|
|
2349
|
+
const y = T.components.indexOf(p);
|
|
2350
|
+
if (y !== -1) {
|
|
2351
|
+
const B = JSON.parse(JSON.stringify(p));
|
|
2352
|
+
B.id = Math.random().toString(36).substring(2, 15) + Date.now().toString(36), T.components.splice(y + 1, 0, B);
|
|
2256
2353
|
}
|
|
2257
2354
|
});
|
|
2258
2355
|
});
|
|
2259
|
-
},
|
|
2260
|
-
|
|
2261
|
-
}, ie = (
|
|
2262
|
-
var A,
|
|
2263
|
-
const { rowIndex:
|
|
2264
|
-
if (
|
|
2265
|
-
const
|
|
2266
|
-
|
|
2267
|
-
const
|
|
2268
|
-
|
|
2356
|
+
}, we = (p, x, b) => {
|
|
2357
|
+
U.value = !0, w.value = { rowIndex: p, columnIndex: x, section: b };
|
|
2358
|
+
}, ie = (p) => {
|
|
2359
|
+
var A, T, y, B;
|
|
2360
|
+
const { rowIndex: x, columnIndex: b, section: h } = w.value;
|
|
2361
|
+
if (x !== null && b !== null) {
|
|
2362
|
+
const z = JSON.parse(JSON.stringify(p));
|
|
2363
|
+
z.id = Math.random().toString(36).substring(2, 15) + Date.now().toString(36);
|
|
2364
|
+
const K = c.find((ye) => ye.section === h), oe = (B = (y = (T = (A = K == null ? void 0 : K.rows) == null ? void 0 : A[x]) == null ? void 0 : T.columns) == null ? void 0 : y[b]) == null ? void 0 : B.components;
|
|
2365
|
+
oe == null || oe.push(z);
|
|
2269
2366
|
}
|
|
2270
|
-
|
|
2271
|
-
}, de = (
|
|
2272
|
-
const
|
|
2273
|
-
|
|
2367
|
+
U.value = !1;
|
|
2368
|
+
}, de = (p) => {
|
|
2369
|
+
const x = typeof p == "string" ? JSON.parse(p) : p;
|
|
2370
|
+
c.length = 0, c.push(...x.pageConfig || []), x.paramsConfig && (s.value = { ...s.value, ...x.paramsConfig });
|
|
2274
2371
|
};
|
|
2275
|
-
return (
|
|
2276
|
-
Y(
|
|
2277
|
-
sectionSelected:
|
|
2278
|
-
"onUpdate:sectionSelected":
|
|
2279
|
-
parametersPageConfiguration:
|
|
2280
|
-
"onUpdate:parametersPageConfiguration":
|
|
2281
|
-
globalPageConfiguration:
|
|
2372
|
+
return (p, x) => (r(), i("div", nl, [
|
|
2373
|
+
Y(ft, {
|
|
2374
|
+
sectionSelected: n.value,
|
|
2375
|
+
"onUpdate:sectionSelected": x[0] || (x[0] = (b) => n.value = b),
|
|
2376
|
+
parametersPageConfiguration: s.value,
|
|
2377
|
+
"onUpdate:parametersPageConfiguration": x[1] || (x[1] = (b) => s.value = b),
|
|
2378
|
+
globalPageConfiguration: c,
|
|
2282
2379
|
availableSections: a.value,
|
|
2283
2380
|
importConfigurationFunction: de,
|
|
2284
|
-
isComponentMode:
|
|
2285
|
-
toggleComponentModeFunction:
|
|
2286
|
-
fullwidthMode:
|
|
2287
|
-
toggleFullwidthMode:
|
|
2288
|
-
renderApiDomain: H(
|
|
2289
|
-
inputId: H(
|
|
2290
|
-
debugMode: H(
|
|
2291
|
-
submitForm: H(
|
|
2381
|
+
isComponentMode: E.value,
|
|
2382
|
+
toggleComponentModeFunction: j,
|
|
2383
|
+
fullwidthMode: l.value,
|
|
2384
|
+
toggleFullwidthMode: m,
|
|
2385
|
+
renderApiDomain: H(u),
|
|
2386
|
+
inputId: H($),
|
|
2387
|
+
debugMode: H(S),
|
|
2388
|
+
submitForm: H(k)
|
|
2292
2389
|
}, null, 8, ["sectionSelected", "parametersPageConfiguration", "globalPageConfiguration", "availableSections", "isComponentMode", "fullwidthMode", "renderApiDomain", "inputId", "debugMode", "submitForm"]),
|
|
2293
|
-
t("div",
|
|
2294
|
-
|
|
2390
|
+
t("div", ll, [
|
|
2391
|
+
l.value ? (r(), i("div", {
|
|
2295
2392
|
key: 0,
|
|
2296
|
-
class:
|
|
2393
|
+
class: Q(["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", U.value ? "" : "hidden"])
|
|
2297
2394
|
}, [
|
|
2298
|
-
t("div",
|
|
2395
|
+
t("div", al, [
|
|
2299
2396
|
t("div", {
|
|
2300
2397
|
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",
|
|
2301
|
-
onClick:
|
|
2398
|
+
onClick: x[2] || (x[2] = (b) => U.value = !1)
|
|
2302
2399
|
}, "✕")
|
|
2303
2400
|
]),
|
|
2304
|
-
t("div",
|
|
2401
|
+
t("div", rl, [
|
|
2305
2402
|
Y(ce, {
|
|
2306
|
-
renderApiDomain: H(
|
|
2307
|
-
isComponentMode:
|
|
2308
|
-
fullwidthMode:
|
|
2309
|
-
columnToInsert:
|
|
2403
|
+
renderApiDomain: H(u),
|
|
2404
|
+
isComponentMode: E.value,
|
|
2405
|
+
fullwidthMode: l.value,
|
|
2406
|
+
columnToInsert: w.value,
|
|
2310
2407
|
addComponentToColumn: ie,
|
|
2311
|
-
toggleComponentModeFunction:
|
|
2408
|
+
toggleComponentModeFunction: j,
|
|
2312
2409
|
isProduction: H(v),
|
|
2313
|
-
components:
|
|
2314
|
-
excludedCategories:
|
|
2410
|
+
components: P.value,
|
|
2411
|
+
excludedCategories: f
|
|
2315
2412
|
}, null, 8, ["renderApiDomain", "isComponentMode", "fullwidthMode", "columnToInsert", "isProduction", "components"])
|
|
2316
2413
|
])
|
|
2317
|
-
], 2)) : (r(),
|
|
2414
|
+
], 2)) : (r(), i("div", sl, [
|
|
2318
2415
|
Y(ce, {
|
|
2319
|
-
renderApiDomain: H(
|
|
2320
|
-
isComponentMode:
|
|
2321
|
-
fullwidthMode:
|
|
2322
|
-
columnToInsert:
|
|
2416
|
+
renderApiDomain: H(u),
|
|
2417
|
+
isComponentMode: E.value,
|
|
2418
|
+
fullwidthMode: l.value,
|
|
2419
|
+
columnToInsert: w.value,
|
|
2323
2420
|
addComponentToColumn: ie,
|
|
2324
|
-
toggleComponentModeFunction:
|
|
2421
|
+
toggleComponentModeFunction: j,
|
|
2325
2422
|
isProduction: H(v),
|
|
2326
|
-
components:
|
|
2327
|
-
excludedCategories:
|
|
2423
|
+
components: P.value,
|
|
2424
|
+
excludedCategories: f
|
|
2328
2425
|
}, null, 8, ["renderApiDomain", "isComponentMode", "fullwidthMode", "columnToInsert", "isProduction", "components"])
|
|
2329
2426
|
])),
|
|
2330
2427
|
t("div", {
|
|
2331
|
-
class:
|
|
2428
|
+
class: Q([l.value ? "w-full px-4" : "w-3/4 ps-3", "flex flex-col gap-5"])
|
|
2332
2429
|
}, [
|
|
2333
|
-
Y(
|
|
2334
|
-
globalPageConfiguration:
|
|
2335
|
-
isComponentMode:
|
|
2336
|
-
removeComponent:
|
|
2337
|
-
cloneComponent:
|
|
2338
|
-
addComponentFunction:
|
|
2339
|
-
fullwidthMode:
|
|
2340
|
-
addCol:
|
|
2341
|
-
addRow:
|
|
2342
|
-
removeRow:
|
|
2343
|
-
removeCol:
|
|
2344
|
-
moveCol:
|
|
2345
|
-
updateRowConfig:
|
|
2346
|
-
updateColConfig:
|
|
2347
|
-
moveRow:
|
|
2348
|
-
sectionSelected:
|
|
2349
|
-
renderApiDomain: H(
|
|
2430
|
+
Y(Kn, {
|
|
2431
|
+
globalPageConfiguration: c,
|
|
2432
|
+
isComponentMode: E.value,
|
|
2433
|
+
removeComponent: xe,
|
|
2434
|
+
cloneComponent: he,
|
|
2435
|
+
addComponentFunction: we,
|
|
2436
|
+
fullwidthMode: l.value,
|
|
2437
|
+
addCol: te,
|
|
2438
|
+
addRow: W,
|
|
2439
|
+
removeRow: J,
|
|
2440
|
+
removeCol: pe,
|
|
2441
|
+
moveCol: ve,
|
|
2442
|
+
updateRowConfig: F,
|
|
2443
|
+
updateColConfig: O,
|
|
2444
|
+
moveRow: Z,
|
|
2445
|
+
sectionSelected: n.value,
|
|
2446
|
+
renderApiDomain: H(u),
|
|
2350
2447
|
isProduction: H(v)
|
|
2351
2448
|
}, null, 8, ["globalPageConfiguration", "isComponentMode", "fullwidthMode", "sectionSelected", "renderApiDomain", "isProduction"])
|
|
2352
2449
|
], 2)
|
|
@@ -2355,15 +2452,15 @@ const ct = /* @__PURE__ */ Se(ke, [["render", ut]]), mt = {
|
|
|
2355
2452
|
}
|
|
2356
2453
|
});
|
|
2357
2454
|
export {
|
|
2358
|
-
|
|
2359
|
-
|
|
2455
|
+
Kn as BodySection,
|
|
2456
|
+
xn as ColConfig,
|
|
2360
2457
|
ce as ComponentsBox,
|
|
2361
|
-
|
|
2458
|
+
Co as FeedComponent,
|
|
2362
2459
|
ue as FieldsForm,
|
|
2363
|
-
|
|
2460
|
+
ft as GlobalConfig,
|
|
2364
2461
|
fe as InitialComponent,
|
|
2365
|
-
|
|
2366
|
-
|
|
2367
|
-
|
|
2368
|
-
|
|
2462
|
+
bl as Pagebuilder,
|
|
2463
|
+
Jn as RowConfig,
|
|
2464
|
+
Rt as SourceFilter,
|
|
2465
|
+
bl as default
|
|
2369
2466
|
};
|