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