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