lf-pagebuilder-vue 0.0.22 → 0.0.24
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/components/Pagebuilder.vue.d.ts +1 -0
- 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,11 @@
|
|
|
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
|
+
import "limbo-component/css";
|
|
8
|
+
const Me = Z({
|
|
7
9
|
props: {
|
|
8
10
|
isComponentMode: Boolean,
|
|
9
11
|
fullwidthMode: Boolean,
|
|
@@ -31,15 +33,15 @@ const Ie = Z({
|
|
|
31
33
|
"update:parametersPageConfiguration.seo.description"
|
|
32
34
|
],
|
|
33
35
|
setup(e) {
|
|
34
|
-
const o = e.renderApiDomain || "http://localhost:8003", x =
|
|
36
|
+
const o = e.renderApiDomain || "http://localhost:8003", x = j(""), S = j(!1), $ = j(!1), y = j(null), d = _({
|
|
35
37
|
get() {
|
|
36
38
|
var k, r;
|
|
37
|
-
const A = (k = e.globalPageConfiguration) == null ? void 0 : k.find((
|
|
39
|
+
const A = (k = e.globalPageConfiguration) == null ? void 0 : k.find((g) => g.section === e.sectionSelected);
|
|
38
40
|
return ((r = A == null ? void 0 : A.config) == null ? void 0 : r.width) || "";
|
|
39
41
|
},
|
|
40
42
|
set(A) {
|
|
41
43
|
var r;
|
|
42
|
-
const k = (r = e.globalPageConfiguration) == null ? void 0 : r.find((
|
|
44
|
+
const k = (r = e.globalPageConfiguration) == null ? void 0 : r.find((g) => g.section === e.sectionSelected);
|
|
43
45
|
k && (k.config || (k.config = {}), k.config.width = A);
|
|
44
46
|
}
|
|
45
47
|
}), b = () => {
|
|
@@ -50,28 +52,28 @@ const Ie = Z({
|
|
|
50
52
|
detail: { ...A, inputId: e.inputId }
|
|
51
53
|
});
|
|
52
54
|
document.dispatchEvent(r);
|
|
53
|
-
const
|
|
54
|
-
|
|
55
|
-
},
|
|
55
|
+
const g = window.open("", "Preview", "width='100vw',height='100vh'");
|
|
56
|
+
g && (g.document.body.innerText = k, g.document.close());
|
|
57
|
+
}, f = () => {
|
|
56
58
|
const A = {
|
|
57
59
|
pageConfig: e.globalPageConfiguration,
|
|
58
60
|
paramsConfig: e.parametersPageConfiguration
|
|
59
61
|
}, k = JSON.stringify(A);
|
|
60
|
-
|
|
62
|
+
u(k);
|
|
61
63
|
const r = new CustomEvent("lf-pagebuilder:save", {
|
|
62
64
|
detail: { ...A, inputId: e.inputId }
|
|
63
65
|
});
|
|
64
66
|
if (document.dispatchEvent(r), e.inputId) {
|
|
65
|
-
const
|
|
66
|
-
|
|
67
|
+
const g = document.getElementById(e.inputId);
|
|
68
|
+
g && (g.value = k);
|
|
67
69
|
}
|
|
68
70
|
if ($.value = !0, setTimeout(() => {
|
|
69
71
|
$.value = !1;
|
|
70
72
|
}, 3e3), e.submitForm && y.value) {
|
|
71
|
-
const
|
|
72
|
-
|
|
73
|
+
const g = y.value.closest("form");
|
|
74
|
+
g && g.submit();
|
|
73
75
|
}
|
|
74
|
-
},
|
|
76
|
+
}, u = (A) => {
|
|
75
77
|
const k = e.inputId ? `pageBuilderConfig_${e.inputId}` : "pageBuilderConfig";
|
|
76
78
|
localStorage.setItem(k, A);
|
|
77
79
|
};
|
|
@@ -88,23 +90,23 @@ const Ie = Z({
|
|
|
88
90
|
},
|
|
89
91
|
body: k
|
|
90
92
|
}).then((r) => r.text()).then((r) => {
|
|
91
|
-
const
|
|
92
|
-
if (!
|
|
93
|
+
const g = window.open("", "Preview", "width='100vw',height='100vh'");
|
|
94
|
+
if (!g) return;
|
|
93
95
|
const N = new DOMParser().parseFromString(r, "text/html"), V = [];
|
|
94
|
-
function
|
|
96
|
+
function F(P, T = 0) {
|
|
95
97
|
if (!P || P.nodeType !== 1) return;
|
|
96
98
|
const J = P.tagName.toLowerCase();
|
|
97
99
|
["h1", "h2", "h3", "h4", "h5", "h6", "a", "p", "article", "section", "header", "footer"].includes(J) && V.push({
|
|
98
100
|
tag: J,
|
|
99
101
|
text: (P.textContent || "").trim().slice(0, 80),
|
|
100
102
|
depth: T
|
|
101
|
-
}), Array.from(P.children).forEach((q) =>
|
|
103
|
+
}), Array.from(P.children).forEach((q) => F(q, T + 1));
|
|
102
104
|
}
|
|
103
|
-
|
|
105
|
+
F(N.body);
|
|
104
106
|
let m = '<h2>Estructura SEO</h2><ul style="font-family:monospace">';
|
|
105
107
|
V.forEach((P) => {
|
|
106
108
|
m += `<li style="margin-left:${P.depth * 20}px"><b>${P.tag}</b>: ${P.text}</li>`;
|
|
107
|
-
}), m += "</ul>",
|
|
109
|
+
}), m += "</ul>", g.document.body.innerHTML = m, g.document.close();
|
|
108
110
|
});
|
|
109
111
|
},
|
|
110
112
|
importConfig: x,
|
|
@@ -121,19 +123,19 @@ const Ie = Z({
|
|
|
121
123
|
},
|
|
122
124
|
body: k
|
|
123
125
|
}).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
|
-
}),
|
|
126
|
+
const g = window.open("", "Preview", "width='100vw',height='100vh'");
|
|
127
|
+
g && (g.document.body.innerHTML = r, g.document.querySelectorAll("script").forEach((N) => {
|
|
128
|
+
var F;
|
|
129
|
+
const V = g.document.createElement("script");
|
|
130
|
+
N.src ? V.src = N.src : V.textContent = N.textContent, (F = N.parentNode) == null || F.replaceChild(V, N);
|
|
131
|
+
}), g.document.close());
|
|
130
132
|
});
|
|
131
133
|
},
|
|
132
134
|
importFunction: () => {
|
|
133
135
|
e.importConfigurationFunction && e.importConfigurationFunction(x.value), x.value = "";
|
|
134
136
|
},
|
|
135
137
|
exportFunction: b,
|
|
136
|
-
saveButtonAction:
|
|
138
|
+
saveButtonAction: f,
|
|
137
139
|
loadFromLocalStorage: () => {
|
|
138
140
|
const A = e.inputId ? `pageBuilderConfig_${e.inputId}` : "pageBuilderConfig", k = localStorage.getItem(A);
|
|
139
141
|
if (k && e.importConfigurationFunction) {
|
|
@@ -150,25 +152,25 @@ const Ie = Z({
|
|
|
150
152
|
componentRoot: y
|
|
151
153
|
};
|
|
152
154
|
}
|
|
153
|
-
}),
|
|
155
|
+
}), Ae = (e, o) => {
|
|
154
156
|
const x = e.__vccOpts || e;
|
|
155
157
|
for (const [S, $] of o)
|
|
156
158
|
x[S] = $;
|
|
157
159
|
return x;
|
|
158
|
-
},
|
|
160
|
+
}, Be = { ref: "componentRoot" }, Ee = {
|
|
159
161
|
key: 0,
|
|
160
162
|
class: "flex justify-end items-center w-full p-3 gap-3"
|
|
161
|
-
},
|
|
163
|
+
}, 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
164
|
key: 1,
|
|
163
165
|
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",
|
|
166
|
+
}, 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" };
|
|
167
|
+
function pt(e, o, x, S, $, y) {
|
|
168
|
+
return s(), i("div", Be, [
|
|
169
|
+
e.debugMode ? (s(), i("div", Ee, [
|
|
170
|
+
t("div", Te, [
|
|
169
171
|
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
172
|
t("form", {
|
|
171
|
-
onSubmit: o[2] || (o[2] =
|
|
173
|
+
onSubmit: o[2] || (o[2] = de(() => {
|
|
172
174
|
}, ["prevent"])),
|
|
173
175
|
class: "flex gap-2"
|
|
174
176
|
}, [
|
|
@@ -194,8 +196,8 @@ function ft(e, o, x, S, $, y) {
|
|
|
194
196
|
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
197
|
}, "🚀 Exportar")
|
|
196
198
|
])
|
|
197
|
-
])) :
|
|
198
|
-
t("div",
|
|
199
|
+
])) : I("", !0),
|
|
200
|
+
t("div", Le, [
|
|
199
201
|
t("div", Oe, [
|
|
200
202
|
t("button", {
|
|
201
203
|
type: "button",
|
|
@@ -214,17 +216,17 @@ function ft(e, o, x, S, $, y) {
|
|
|
214
216
|
})
|
|
215
217
|
}, w(e.fullwidthMode ? "⚒️ Comps. Plegados" : "👁️ Comps. Desplegados"), 3)
|
|
216
218
|
]),
|
|
217
|
-
t("div",
|
|
219
|
+
t("div", Re, [
|
|
218
220
|
t("select", {
|
|
219
221
|
value: e.sectionSelected,
|
|
220
222
|
onChange: o[6] || (o[6] = (d) => e.$emit("update:sectionSelected", d.target.value)),
|
|
221
223
|
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
224
|
}, [
|
|
223
|
-
(s(!0), i(
|
|
225
|
+
(s(!0), i(L, null, z(e.availableSections, (d, b) => (s(), i("option", {
|
|
224
226
|
key: b,
|
|
225
227
|
value: d
|
|
226
|
-
}, w(d), 9,
|
|
227
|
-
], 40,
|
|
228
|
+
}, w(d), 9, Ue))), 128))
|
|
229
|
+
], 40, De),
|
|
228
230
|
U(t("select", {
|
|
229
231
|
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
232
|
"onUpdate:modelValue": o[7] || (o[7] = (d) => e.sectionWidth = d)
|
|
@@ -233,16 +235,16 @@ function ft(e, o, x, S, $, y) {
|
|
|
233
235
|
disabled: "",
|
|
234
236
|
value: ""
|
|
235
237
|
}, "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",
|
|
238
|
+
t("option", ze, "Sección " + w(e.sectionSelected) + " ocupa todo el ancho de la página", 1),
|
|
239
|
+
t("option", Ne, "Sección " + w(e.sectionSelected) + " ocupa 1/2 del ancho de la página", 1),
|
|
240
|
+
t("option", Ve, "Sección " + w(e.sectionSelected) + " ocupa 1/3 del ancho de la página", 1),
|
|
241
|
+
t("option", qe, "Sección " + w(e.sectionSelected) + " ocupa 2/3 del ancho de la página", 1),
|
|
242
|
+
t("option", Ge, "Sección " + w(e.sectionSelected) + " ocupa 1/4 del ancho de la página", 1),
|
|
243
|
+
t("option", Je, "Sección " + w(e.sectionSelected) + " ocupa 3/4 del ancho de la página", 1),
|
|
244
|
+
t("option", We, "Sección " + w(e.sectionSelected) + " ocupa 1/5 del ancho de la página", 1),
|
|
245
|
+
t("option", He, "Sección " + w(e.sectionSelected) + " ocupa 2/5 del ancho de la página", 1),
|
|
246
|
+
t("option", Ye, "Sección " + w(e.sectionSelected) + " ocupa 3/5 del ancho de la página", 1),
|
|
247
|
+
t("option", Ke, "Sección " + w(e.sectionSelected) + " ocupa 4/5 del ancho de la página", 1)
|
|
246
248
|
], 512), [
|
|
247
249
|
[Q, e.sectionWidth]
|
|
248
250
|
]),
|
|
@@ -255,10 +257,10 @@ function ft(e, o, x, S, $, y) {
|
|
|
255
257
|
onClick: o[8] || (o[8] = (d) => e.showAdvancedConfig = !e.showAdvancedConfig)
|
|
256
258
|
}, [
|
|
257
259
|
o[32] || (o[32] = t("span", null, "⚙️ Página", -1)),
|
|
258
|
-
e.showAdvancedConfig ? (s(), i("span",
|
|
260
|
+
e.showAdvancedConfig ? (s(), i("span", Qe, "▲")) : (s(), i("span", Xe, "▼"))
|
|
259
261
|
], 2)
|
|
260
262
|
]),
|
|
261
|
-
t("div",
|
|
263
|
+
t("div", Ze, [
|
|
262
264
|
t("button", {
|
|
263
265
|
type: "button",
|
|
264
266
|
onClick: o[9] || (o[9] = (d) => e.previewFunction()),
|
|
@@ -275,7 +277,7 @@ function ft(e, o, x, S, $, y) {
|
|
|
275
277
|
type: "button",
|
|
276
278
|
onClick: o[11] || (o[11] = (d) => e.loadFromLocalStorage()),
|
|
277
279
|
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")) :
|
|
280
|
+
}, "⤵️ Cargar")) : I("", !0),
|
|
279
281
|
t("button", {
|
|
280
282
|
type: "button",
|
|
281
283
|
onClick: o[12] || (o[12] = (d) => e.toggleExpandScreen()),
|
|
@@ -284,39 +286,39 @@ function ft(e, o, x, S, $, y) {
|
|
|
284
286
|
}, "◳")
|
|
285
287
|
])
|
|
286
288
|
]),
|
|
287
|
-
e.showAdvancedConfig && e.parametersPageConfiguration ? (s(), i("div",
|
|
288
|
-
t("div",
|
|
289
|
-
t("div",
|
|
289
|
+
e.showAdvancedConfig && e.parametersPageConfiguration ? (s(), i("div", _e, [
|
|
290
|
+
t("div", et, [
|
|
291
|
+
t("div", tt, [
|
|
290
292
|
o[38] || (o[38] = t("h2", { class: "text-lg font-bold mb-4 text-slate-700" }, "Configuración Avanzada", -1)),
|
|
291
293
|
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",
|
|
294
|
+
t("div", ot, [
|
|
295
|
+
t("div", nt, [
|
|
296
|
+
t("label", lt, [
|
|
295
297
|
U(t("input", {
|
|
296
298
|
type: "checkbox",
|
|
297
299
|
"onUpdate:modelValue": o[13] || (o[13] = (d) => e.parametersPageConfiguration.global.sidebarEnabled = d),
|
|
298
300
|
onChange: o[14] || (o[14] = (d) => e.$emit("update:parametersPageConfiguration.global.sidebarEnabled", d.target.value)),
|
|
299
301
|
class: "w-5 h-5 rounded border-slate-300 text-emerald-500 focus:ring-emerald-500 cursor-pointer"
|
|
300
302
|
}, null, 544), [
|
|
301
|
-
[
|
|
303
|
+
[se, e.parametersPageConfiguration.global.sidebarEnabled]
|
|
302
304
|
]),
|
|
303
305
|
o[33] || (o[33] = t("span", { class: "text-slate-600 group-hover:text-slate-800 transition-colors" }, "Sidebar Habilitado", -1))
|
|
304
306
|
])
|
|
305
307
|
]),
|
|
306
|
-
t("div",
|
|
307
|
-
t("label",
|
|
308
|
+
t("div", at, [
|
|
309
|
+
t("label", rt, [
|
|
308
310
|
U(t("input", {
|
|
309
311
|
type: "checkbox",
|
|
310
312
|
"onUpdate:modelValue": o[15] || (o[15] = (d) => e.parametersPageConfiguration.global.renderAsBodyPart = d),
|
|
311
313
|
onChange: o[16] || (o[16] = (d) => e.$emit("update:parametersPageConfiguration.global.renderAsBodyPart", d.target.value)),
|
|
312
314
|
class: "w-5 h-5 rounded border-slate-300 text-emerald-500 focus:ring-emerald-500 cursor-pointer"
|
|
313
315
|
}, null, 544), [
|
|
314
|
-
[
|
|
316
|
+
[se, e.parametersPageConfiguration.global.renderAsBodyPart]
|
|
315
317
|
]),
|
|
316
318
|
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
319
|
])
|
|
318
320
|
]),
|
|
319
|
-
t("div",
|
|
321
|
+
t("div", st, [
|
|
320
322
|
o[35] || (o[35] = t("label", {
|
|
321
323
|
for: "headSlot",
|
|
322
324
|
class: "block text-sm font-medium text-slate-600 mb-2"
|
|
@@ -332,7 +334,7 @@ function ft(e, o, x, S, $, y) {
|
|
|
332
334
|
[oe, e.parametersPageConfiguration.global.headSlot]
|
|
333
335
|
])
|
|
334
336
|
]),
|
|
335
|
-
t("div",
|
|
337
|
+
t("div", it, [
|
|
336
338
|
o[36] || (o[36] = t("label", {
|
|
337
339
|
for: "bodyBeginSlot",
|
|
338
340
|
class: "block text-sm font-medium text-slate-600 mb-2"
|
|
@@ -348,7 +350,7 @@ function ft(e, o, x, S, $, y) {
|
|
|
348
350
|
[oe, e.parametersPageConfiguration.global.bodyBeginSlot]
|
|
349
351
|
])
|
|
350
352
|
]),
|
|
351
|
-
t("div",
|
|
353
|
+
t("div", dt, [
|
|
352
354
|
o[37] || (o[37] = t("label", {
|
|
353
355
|
for: "footerSlot",
|
|
354
356
|
class: "block text-sm font-medium text-slate-600 mb-2"
|
|
@@ -366,8 +368,8 @@ function ft(e, o, x, S, $, y) {
|
|
|
366
368
|
])
|
|
367
369
|
])
|
|
368
370
|
]),
|
|
369
|
-
t("div",
|
|
370
|
-
t("div",
|
|
371
|
+
t("div", ut, [
|
|
372
|
+
t("div", ct, [
|
|
371
373
|
o[40] || (o[40] = t("h2", { class: "text-lg font-bold text-slate-700" }, "Configuración SEO", -1)),
|
|
372
374
|
t("button", {
|
|
373
375
|
type: "button",
|
|
@@ -375,8 +377,8 @@ function ft(e, o, x, S, $, y) {
|
|
|
375
377
|
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
378
|
}, "🦄 Validar SEO")
|
|
377
379
|
]),
|
|
378
|
-
t("div",
|
|
379
|
-
t("div",
|
|
380
|
+
t("div", mt, [
|
|
381
|
+
t("div", bt, [
|
|
380
382
|
o[42] || (o[42] = t("label", {
|
|
381
383
|
for: "robotsIndex",
|
|
382
384
|
class: "block text-sm font-medium text-slate-600 mb-2"
|
|
@@ -393,7 +395,7 @@ function ft(e, o, x, S, $, y) {
|
|
|
393
395
|
[Q, e.parametersPageConfiguration.seo.robots]
|
|
394
396
|
])
|
|
395
397
|
]),
|
|
396
|
-
t("div",
|
|
398
|
+
t("div", gt, [
|
|
397
399
|
o[43] || (o[43] = t("label", {
|
|
398
400
|
for: "pageTitle",
|
|
399
401
|
class: "block text-sm font-medium text-slate-600 mb-2"
|
|
@@ -409,7 +411,7 @@ function ft(e, o, x, S, $, y) {
|
|
|
409
411
|
[oe, e.parametersPageConfiguration.seo.title]
|
|
410
412
|
])
|
|
411
413
|
]),
|
|
412
|
-
t("div",
|
|
414
|
+
t("div", ft, [
|
|
413
415
|
o[44] || (o[44] = t("label", {
|
|
414
416
|
for: "pageDescription",
|
|
415
417
|
class: "block text-sm font-medium text-slate-600 mb-2"
|
|
@@ -428,16 +430,16 @@ function ft(e, o, x, S, $, y) {
|
|
|
428
430
|
])
|
|
429
431
|
])
|
|
430
432
|
])
|
|
431
|
-
])) :
|
|
433
|
+
])) : I("", !0)
|
|
432
434
|
], 512);
|
|
433
435
|
}
|
|
434
|
-
const
|
|
436
|
+
const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
435
437
|
key: 0,
|
|
436
438
|
class: "absolute top-0 left-0 bg-white/90 w-full h-full z-100"
|
|
437
|
-
},
|
|
439
|
+
}, ht = { class: "w-full flex justify-end p-4" }, wt = ["for"], yt = {
|
|
438
440
|
key: 0,
|
|
439
441
|
class: "text-red-500"
|
|
440
|
-
},
|
|
442
|
+
}, 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
443
|
__name: "FieldsForm",
|
|
442
444
|
props: {
|
|
443
445
|
object: {
|
|
@@ -455,133 +457,133 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
455
457
|
},
|
|
456
458
|
emits: ["fieldUpdated"],
|
|
457
459
|
setup(e, { emit: o }) {
|
|
458
|
-
const x = e, S = o, $ = (b,
|
|
459
|
-
const
|
|
460
|
-
|
|
460
|
+
const x = e, S = o, $ = (b, f) => {
|
|
461
|
+
const u = (x.object.fields || []).find((a) => a.name === b);
|
|
462
|
+
u && (u.example_value = f, S("fieldUpdated", b, f));
|
|
461
463
|
}, y = (b) => {
|
|
462
464
|
var n;
|
|
463
|
-
const
|
|
464
|
-
if (!
|
|
465
|
-
const
|
|
466
|
-
(l) => l.type === "image" &&
|
|
465
|
+
const f = b.target;
|
|
466
|
+
if (!f) return;
|
|
467
|
+
const u = f.id, a = (x.object.fields || []).find(
|
|
468
|
+
(l) => l.type === "image" && u.includes(l.name)
|
|
467
469
|
);
|
|
468
470
|
if (a) {
|
|
469
|
-
const l =
|
|
471
|
+
const l = f.value || ((n = b.detail) == null ? void 0 : n.value) || "";
|
|
470
472
|
a.example_value = l, S("fieldUpdated", a.name, l), console.log("[FieldsForm] Limbo image selected, field:", a.name, "value:", l);
|
|
471
473
|
}
|
|
472
474
|
}, d = (b) => {
|
|
473
|
-
const
|
|
474
|
-
if (!
|
|
475
|
-
const
|
|
476
|
-
(n) => n.type === "image" &&
|
|
475
|
+
const f = b.target;
|
|
476
|
+
if (!f || !f.classList.contains("js-limbo")) return;
|
|
477
|
+
const u = f.id, a = (x.object.fields || []).find(
|
|
478
|
+
(n) => n.type === "image" && u.includes(n.name)
|
|
477
479
|
);
|
|
478
|
-
a && (a.example_value =
|
|
480
|
+
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
481
|
};
|
|
480
|
-
return
|
|
482
|
+
return ae(() => {
|
|
481
483
|
document.addEventListener("limbo:imageSelected", y), document.addEventListener("limbo:resultReady", y), document.addEventListener("change", d);
|
|
482
|
-
}),
|
|
484
|
+
}), ke(() => {
|
|
483
485
|
document.removeEventListener("limbo:imageSelected", y), document.removeEventListener("limbo:resultReady", y), document.removeEventListener("change", d);
|
|
484
|
-
}), (b,
|
|
485
|
-
e.showForm ? (s(), i("div",
|
|
486
|
+
}), (b, f) => (s(), i(L, null, [
|
|
487
|
+
e.showForm ? (s(), i("div", xt)) : I("", !0),
|
|
486
488
|
t("div", {
|
|
487
489
|
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
490
|
}, [
|
|
489
|
-
t("div",
|
|
491
|
+
t("div", ht, [
|
|
490
492
|
t("span", {
|
|
491
|
-
onClick:
|
|
492
|
-
(...
|
|
493
|
+
onClick: f[0] || (f[0] = //@ts-ignore
|
|
494
|
+
(...u) => e.toggleShowForm && e.toggleShowForm(...u)),
|
|
493
495
|
class: "cursor-pointer hover:scale-125 transition-all duration-300"
|
|
494
496
|
}, "❌")
|
|
495
497
|
]),
|
|
496
498
|
t("form", null, [
|
|
497
|
-
(s(!0), i(
|
|
499
|
+
(s(!0), i(L, null, z(e.object.fields, (u, a) => (s(), i("div", {
|
|
498
500
|
key: a,
|
|
499
501
|
class: "mb-4"
|
|
500
502
|
}, [
|
|
501
503
|
t("label", {
|
|
502
|
-
for: `${e.object.id}-${
|
|
504
|
+
for: `${e.object.id}-${u.name}-${a}`,
|
|
503
505
|
class: "block text-sm font-medium mb-1"
|
|
504
506
|
}, [
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
], 8,
|
|
508
|
-
|
|
507
|
+
O(w(u.label) + " ", 1),
|
|
508
|
+
u.mandatory ? (s(), i("span", yt, "*")) : I("", !0)
|
|
509
|
+
], 8, wt),
|
|
510
|
+
u.type === "text" ? (s(), i("input", {
|
|
509
511
|
key: 0,
|
|
510
|
-
id: `${e.object.id}-${
|
|
511
|
-
name: `${e.object.id}-${
|
|
512
|
+
id: `${e.object.id}-${u.name}-${a}`,
|
|
513
|
+
name: `${e.object.id}-${u.name}-${a}`,
|
|
512
514
|
type: "text",
|
|
513
515
|
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
|
-
|
|
516
|
+
placeholder: u.label,
|
|
517
|
+
required: u.mandatory,
|
|
518
|
+
value: u.example_value,
|
|
519
|
+
onInput: (n) => $(u.name, n.target.value)
|
|
520
|
+
}, null, 40, Ct)) : I("", !0),
|
|
521
|
+
u.type === "image" ? (s(), i("input", {
|
|
520
522
|
key: 1,
|
|
521
|
-
id: `${e.object.id}-${
|
|
522
|
-
name: `${e.object.id}-${
|
|
523
|
-
"data-mandatoryCrops":
|
|
523
|
+
id: `${e.object.id}-${u.name}-${a}`,
|
|
524
|
+
name: `${e.object.id}-${u.name}-${a}`,
|
|
525
|
+
"data-mandatoryCrops": u.image_cuts ? JSON.stringify(u.image_cuts) : null,
|
|
524
526
|
type: "text",
|
|
525
527
|
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,
|
|
528
|
+
placeholder: u.label,
|
|
529
|
+
required: u.mandatory,
|
|
530
|
+
value: u.example_value,
|
|
531
|
+
onInput: (n) => $(u.name, n.target.value)
|
|
532
|
+
}, null, 40, $t)) : u.type === "textArea" ? (s(), ge(H(Ie), {
|
|
531
533
|
key: 2,
|
|
532
534
|
theme: "snow",
|
|
533
|
-
id: `${e.object.id}-${
|
|
534
|
-
name: `${e.object.id}-${
|
|
535
|
+
id: `${e.object.id}-${u.name}-${a}`,
|
|
536
|
+
name: `${e.object.id}-${u.name}-${a}`,
|
|
535
537
|
rows: "3",
|
|
536
538
|
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:
|
|
539
|
+
placeholder: u.label,
|
|
540
|
+
required: u.mandatory,
|
|
539
541
|
"onUpdate:content": (n) => {
|
|
540
|
-
$(
|
|
542
|
+
$(u.name, n);
|
|
541
543
|
},
|
|
542
|
-
content:
|
|
543
|
-
modelValue:
|
|
544
|
-
"onUpdate:modelValue": (n) =>
|
|
544
|
+
content: u.example_value,
|
|
545
|
+
modelValue: u.example_value,
|
|
546
|
+
"onUpdate:modelValue": (n) => u.example_value = n,
|
|
545
547
|
contentType: "html"
|
|
546
|
-
}, null, 8, ["id", "name", "placeholder", "required", "onUpdate:content", "content", "modelValue", "onUpdate:modelValue"])) :
|
|
548
|
+
}, null, 8, ["id", "name", "placeholder", "required", "onUpdate:content", "content", "modelValue", "onUpdate:modelValue"])) : u.type === "select" ? (s(), i("select", {
|
|
547
549
|
key: 3,
|
|
548
|
-
id: `${e.object.id}-${
|
|
549
|
-
name: `${e.object.id}-${
|
|
550
|
+
id: `${e.object.id}-${u.name}-${a}`,
|
|
551
|
+
name: `${e.object.id}-${u.name}-${a}`,
|
|
550
552
|
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) => $(
|
|
553
|
+
required: u.mandatory,
|
|
554
|
+
value: u.example_value,
|
|
555
|
+
onInput: (n) => $(u.name, n.target.value)
|
|
554
556
|
}, [
|
|
555
|
-
|
|
557
|
+
f[1] || (f[1] = t("option", {
|
|
556
558
|
disabled: "",
|
|
557
559
|
value: ""
|
|
558
560
|
}, "Seleccione una opción", -1)),
|
|
559
|
-
(s(!0), i(
|
|
561
|
+
(s(!0), i(L, null, z(u.options || [], (n, l) => (s(), i("option", {
|
|
560
562
|
key: l,
|
|
561
563
|
value: n
|
|
562
|
-
}, w(n), 9,
|
|
563
|
-
], 40,
|
|
564
|
+
}, w(n), 9, St))), 128))
|
|
565
|
+
], 40, kt)) : u.type === "boolean" ? (s(), i("input", {
|
|
564
566
|
key: 4,
|
|
565
|
-
id: `${e.object.id}-${
|
|
566
|
-
name: `${e.object.id}-${
|
|
567
|
+
id: `${e.object.id}-${u.name}-${a}`,
|
|
568
|
+
name: `${e.object.id}-${u.name}-${a}`,
|
|
567
569
|
type: "checkbox",
|
|
568
570
|
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,
|
|
571
|
+
required: u.mandatory,
|
|
572
|
+
checked: u.example_value,
|
|
573
|
+
onChange: (n) => $(u.name, n.target.checked)
|
|
574
|
+
}, null, 40, Pt)) : I("", !0)
|
|
573
575
|
]))), 128))
|
|
574
576
|
])
|
|
575
577
|
], 2)
|
|
576
578
|
], 64));
|
|
577
579
|
}
|
|
578
|
-
}),
|
|
580
|
+
}), Ft = { class: "space-y-4" }, jt = ["disabled"], It = ["value"], Mt = { class: "space-y-3" }, At = {
|
|
579
581
|
key: 0,
|
|
580
582
|
class: "overflow-y-auto space-y-3"
|
|
581
|
-
},
|
|
583
|
+
}, 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
584
|
key: 0,
|
|
583
585
|
class: "animate-spin"
|
|
584
|
-
},
|
|
586
|
+
}, Ut = { key: 1 }, zt = /* @__PURE__ */ Z({
|
|
585
587
|
__name: "SourceFilter",
|
|
586
588
|
props: {
|
|
587
589
|
onSubmit: {
|
|
@@ -598,7 +600,7 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
598
600
|
}
|
|
599
601
|
},
|
|
600
602
|
setup(e) {
|
|
601
|
-
const o = e, x =
|
|
603
|
+
const o = e, x = j(!1), S = j(null), $ = j({}), y = _(() => {
|
|
602
604
|
const a = o.isProduction;
|
|
603
605
|
return [
|
|
604
606
|
{
|
|
@@ -653,9 +655,9 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
653
655
|
return a ? a.filters : [];
|
|
654
656
|
}), b = (a, n) => {
|
|
655
657
|
$.value[a] = n;
|
|
656
|
-
},
|
|
658
|
+
}, f = () => {
|
|
657
659
|
$.value = {};
|
|
658
|
-
},
|
|
660
|
+
}, u = async () => {
|
|
659
661
|
x.value = !0;
|
|
660
662
|
const a = y.value.find((l) => l.id === S.value);
|
|
661
663
|
if (!a) {
|
|
@@ -673,13 +675,13 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
673
675
|
Accept: "text/xml, application/xml"
|
|
674
676
|
}
|
|
675
677
|
})).text(), A = new DOMParser().parseFromString(h, "text/xml"), k = Array.from(A.querySelectorAll("item")).map((r) => {
|
|
676
|
-
const
|
|
678
|
+
const g = {};
|
|
677
679
|
return Array.from(r.children).forEach((G) => {
|
|
678
680
|
G.children.length > 0 ? Array.from(G.children).forEach((N) => {
|
|
679
681
|
const V = `${G.nodeName}_${N.nodeName}`;
|
|
680
|
-
|
|
681
|
-
}) :
|
|
682
|
-
}),
|
|
682
|
+
g[V] = N.textContent || "";
|
|
683
|
+
}) : g[G.nodeName] = G.textContent || "";
|
|
684
|
+
}), g;
|
|
683
685
|
});
|
|
684
686
|
o.onSubmit(k);
|
|
685
687
|
} catch (l) {
|
|
@@ -692,30 +694,30 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
692
694
|
o.updateFeedCriteria(l), x.value = !1;
|
|
693
695
|
}
|
|
694
696
|
};
|
|
695
|
-
return (a, n) => (s(), i("div",
|
|
697
|
+
return (a, n) => (s(), i("div", Ft, [
|
|
696
698
|
t("div", null, [
|
|
697
699
|
n[1] || (n[1] = t("label", { class: "block text-sm font-semibold text-slate-600 mb-2" }, "Seleccionar origen:", -1)),
|
|
698
700
|
U(t("select", {
|
|
699
701
|
"onUpdate:modelValue": n[0] || (n[0] = (l) => S.value = l),
|
|
700
702
|
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:
|
|
703
|
+
onChange: f,
|
|
702
704
|
disabled: x.value
|
|
703
705
|
}, [
|
|
704
|
-
(s(!0), i(
|
|
706
|
+
(s(!0), i(L, null, z(y.value, (l) => (s(), i("option", {
|
|
705
707
|
key: l.id,
|
|
706
708
|
value: l.id
|
|
707
|
-
}, w(l.name), 9,
|
|
708
|
-
], 40,
|
|
709
|
+
}, w(l.name), 9, It))), 128))
|
|
710
|
+
], 40, jt), [
|
|
709
711
|
[Q, S.value]
|
|
710
712
|
])
|
|
711
713
|
]),
|
|
712
|
-
t("div",
|
|
713
|
-
d.value.length > 0 ? (s(), i("div",
|
|
714
|
-
(s(!0), i(
|
|
714
|
+
t("div", Mt, [
|
|
715
|
+
d.value.length > 0 ? (s(), i("div", At, [
|
|
716
|
+
(s(!0), i(L, null, z(d.value, (l) => (s(), i("div", {
|
|
715
717
|
key: l.id,
|
|
716
718
|
class: "bg-gradient-to-br from-slate-50 to-white p-4 rounded-xl border border-slate-200"
|
|
717
719
|
}, [
|
|
718
|
-
t("label",
|
|
720
|
+
t("label", Bt, w(l.label) + ":", 1),
|
|
719
721
|
l.type === "select" ? (s(), i("select", {
|
|
720
722
|
key: 0,
|
|
721
723
|
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 +725,60 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
723
725
|
disabled: x.value
|
|
724
726
|
}, [
|
|
725
727
|
n[2] || (n[2] = t("option", { value: "" }, "Seleccionar...", -1)),
|
|
726
|
-
(s(!0), i(
|
|
728
|
+
(s(!0), i(L, null, z(l.options, (h) => (s(), i("option", {
|
|
727
729
|
key: h,
|
|
728
730
|
value: h
|
|
729
|
-
}, w(h), 9,
|
|
730
|
-
], 40,
|
|
731
|
+
}, w(h), 9, Tt))), 128))
|
|
732
|
+
], 40, Et)) : l.type === "date" ? (s(), i("input", {
|
|
731
733
|
key: 1,
|
|
732
734
|
type: "date",
|
|
733
735
|
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
736
|
onChange: (h) => b(l.id, h.target.value),
|
|
735
737
|
disabled: x.value
|
|
736
|
-
}, null, 40,
|
|
738
|
+
}, null, 40, Lt)) : l.type === "text" ? (s(), i("input", {
|
|
737
739
|
key: 2,
|
|
738
740
|
type: "text",
|
|
739
741
|
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
742
|
onInput: (h) => b(l.id, h.target.value),
|
|
741
743
|
disabled: x.value,
|
|
742
744
|
placeholder: l.label
|
|
743
|
-
}, null, 40, Ot)) :
|
|
745
|
+
}, null, 40, Ot)) : I("", !0)
|
|
744
746
|
]))), 128))
|
|
745
|
-
])) :
|
|
747
|
+
])) : I("", !0),
|
|
746
748
|
t("button", {
|
|
747
749
|
type: "button",
|
|
748
|
-
onClick:
|
|
750
|
+
onClick: u,
|
|
749
751
|
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
752
|
disabled: x.value
|
|
751
753
|
}, [
|
|
752
|
-
x.value ? (s(), i("span",
|
|
753
|
-
|
|
754
|
-
], 8,
|
|
754
|
+
x.value ? (s(), i("span", Dt, "⏳")) : (s(), i("span", Ut, "🔍")),
|
|
755
|
+
O(" " + w(x.value ? "Conectando con el feed..." : "Aplicar Filtros"), 1)
|
|
756
|
+
], 8, Rt)
|
|
755
757
|
])
|
|
756
758
|
]));
|
|
757
759
|
}
|
|
758
|
-
}),
|
|
760
|
+
}), 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
761
|
key: 0,
|
|
760
762
|
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
|
-
},
|
|
763
|
+
}, 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
764
|
key: 0,
|
|
763
765
|
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
|
-
},
|
|
766
|
+
}, 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
767
|
key: 0,
|
|
766
768
|
class: "flex-1 flex flex-col items-center justify-center text-slate-400"
|
|
767
|
-
},
|
|
769
|
+
}, mo = {
|
|
768
770
|
key: 1,
|
|
769
771
|
class: "space-y-3"
|
|
770
|
-
},
|
|
772
|
+
}, 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
773
|
key: 0,
|
|
772
774
|
class: "flex-1 flex flex-col items-center justify-center text-slate-400"
|
|
773
|
-
},
|
|
775
|
+
}, xo = {
|
|
774
776
|
key: 1,
|
|
775
777
|
class: "space-y-3"
|
|
776
|
-
},
|
|
778
|
+
}, ho = { class: "block text-sm font-bold text-slate-700 mb-2 flex items-center gap-2" }, wo = ["onUpdate:modelValue"], yo = ["value"], Co = {
|
|
777
779
|
key: 0,
|
|
778
780
|
class: "mt-3 p-3 bg-gradient-to-br from-emerald-50 to-teal-50 rounded-lg border border-emerald-200"
|
|
779
|
-
},
|
|
781
|
+
}, $o = { class: "mt-1 text-sm font-medium text-slate-700 break-words" }, ko = /* @__PURE__ */ Z({
|
|
780
782
|
__name: "FeedComponent",
|
|
781
783
|
props: {
|
|
782
784
|
object: {
|
|
@@ -797,73 +799,73 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
797
799
|
}
|
|
798
800
|
},
|
|
799
801
|
setup(e) {
|
|
800
|
-
const o = e, x =
|
|
802
|
+
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
803
|
x.value = k;
|
|
802
804
|
}, a = (k) => {
|
|
803
805
|
S.value = k;
|
|
804
806
|
}, n = () => {
|
|
805
807
|
const k = o.object.fields.filter((r) => r.mappedTo).map((r) => {
|
|
806
|
-
var
|
|
808
|
+
var g;
|
|
807
809
|
return {
|
|
808
810
|
fieldName: r.name,
|
|
809
811
|
mappedTo: r.mappedTo,
|
|
810
|
-
value: ((
|
|
812
|
+
value: ((g = S.value) == null ? void 0 : g[r.mappedTo]) ?? null
|
|
811
813
|
};
|
|
812
814
|
});
|
|
813
|
-
|
|
815
|
+
f.value = {
|
|
814
816
|
...b.value,
|
|
815
817
|
dynamicUpdate: $.value,
|
|
816
818
|
elementCount: y.value,
|
|
817
819
|
orientation: d.value,
|
|
818
|
-
mapping: k.map(({ fieldName: r, mappedTo:
|
|
819
|
-
}, o.updateObjectByFeedContent && o.updateObjectByFeedContent(k,
|
|
820
|
+
mapping: k.map(({ fieldName: r, mappedTo: g }) => ({ fieldName: r, mappedTo: g }))
|
|
821
|
+
}, o.updateObjectByFeedContent && o.updateObjectByFeedContent(k, f.value), o.toggleFeedSection();
|
|
820
822
|
}, l = (k) => {
|
|
821
823
|
b.value = k;
|
|
822
824
|
}, h = () => {
|
|
823
825
|
var k;
|
|
824
|
-
(k = o.object) != null && k.repeat_data && (
|
|
826
|
+
(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
827
|
name: o.object.repeat_data.name,
|
|
826
828
|
url: o.object.repeat_data.url
|
|
827
829
|
});
|
|
828
830
|
}, R = () => {
|
|
829
|
-
|
|
831
|
+
f.value = null, $.value = !1, y.value = 1, d.value = "horizontal", b.value = {}, o.updateObjectByFeedContent && o.updateObjectByFeedContent([], null);
|
|
830
832
|
}, A = () => {
|
|
831
833
|
var k;
|
|
832
|
-
|
|
833
|
-
...
|
|
834
|
+
f.value && (f.value = {
|
|
835
|
+
...f.value,
|
|
834
836
|
dynamicUpdate: $.value,
|
|
835
837
|
elementCount: y.value,
|
|
836
838
|
orientation: d.value
|
|
837
|
-
}, o.updateObjectByFeedContent && o.updateObjectByFeedContent(((k =
|
|
839
|
+
}, o.updateObjectByFeedContent && o.updateObjectByFeedContent(((k = f.value.mapping) == null ? void 0 : k.map((r) => ({
|
|
838
840
|
fieldName: r.fieldName,
|
|
839
841
|
mappedTo: r.mappedTo,
|
|
840
842
|
value: null
|
|
841
|
-
}))) || [],
|
|
843
|
+
}))) || [], f.value));
|
|
842
844
|
};
|
|
843
|
-
return
|
|
845
|
+
return ae(() => {
|
|
844
846
|
h();
|
|
845
|
-
}), (k, r) => (s(), i("div",
|
|
846
|
-
t("div",
|
|
847
|
+
}), (k, r) => (s(), i("div", Nt, [
|
|
848
|
+
t("div", Vt, [
|
|
847
849
|
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
850
|
t("span", { class: "text-xl" }, "🍺"),
|
|
849
|
-
|
|
851
|
+
O(" Configuración de Feed ")
|
|
850
852
|
], -1)),
|
|
851
853
|
t("button", {
|
|
852
854
|
onClick: r[0] || (r[0] = //@ts-ignore
|
|
853
|
-
(...
|
|
855
|
+
(...g) => e.toggleFeedSection && e.toggleFeedSection(...g)),
|
|
854
856
|
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
857
|
}, [...r[4] || (r[4] = [
|
|
856
858
|
t("span", { class: "text-lg" }, "✕", -1)
|
|
857
859
|
])])
|
|
858
860
|
]),
|
|
859
|
-
t("div",
|
|
860
|
-
t("div",
|
|
861
|
-
t("div",
|
|
862
|
-
|
|
861
|
+
t("div", qt, [
|
|
862
|
+
t("div", Gt, [
|
|
863
|
+
t("div", Jt, [
|
|
864
|
+
f.value && f.value.dynamicUpdate ? (s(), i("div", Wt, [
|
|
863
865
|
t("div", { class: "flex justify-between items-start" }, [
|
|
864
866
|
r[8] || (r[8] = t("p", { class: "flex items-center gap-2" }, [
|
|
865
867
|
t("span", { class: "text-emerald-500" }, "✓"),
|
|
866
|
-
|
|
868
|
+
O(" Hay un criterio de feed establecido: ")
|
|
867
869
|
], -1)),
|
|
868
870
|
t("div", { class: "flex items-center gap-2" }, [
|
|
869
871
|
t("button", {
|
|
@@ -871,75 +873,75 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
871
873
|
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
874
|
}, [...r[6] || (r[6] = [
|
|
873
875
|
t("span", null, "💾", -1),
|
|
874
|
-
|
|
876
|
+
O(" Guardar ", -1)
|
|
875
877
|
])]),
|
|
876
878
|
t("button", {
|
|
877
879
|
onClick: R,
|
|
878
880
|
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
881
|
}, [...r[7] || (r[7] = [
|
|
880
882
|
t("span", null, "✕", -1),
|
|
881
|
-
|
|
883
|
+
O(" Borrar ", -1)
|
|
882
884
|
])])
|
|
883
885
|
])
|
|
884
886
|
]),
|
|
885
|
-
t("ul",
|
|
886
|
-
t("li",
|
|
887
|
+
t("ul", Ht, [
|
|
888
|
+
t("li", Yt, [
|
|
887
889
|
r[9] || (r[9] = t("span", { class: "text-emerald-400" }, "→", -1)),
|
|
888
|
-
r[10] || (r[10] =
|
|
889
|
-
t("span",
|
|
890
|
+
r[10] || (r[10] = O(" Conectar con ", -1)),
|
|
891
|
+
t("span", Kt, w(f.value.name), 1)
|
|
890
892
|
]),
|
|
891
|
-
t("li",
|
|
893
|
+
t("li", Qt, [
|
|
892
894
|
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] =
|
|
895
|
+
r[12] || (r[12] = O(" Recuperar ", -1)),
|
|
896
|
+
t("span", Xt, w(f.value.elementCount), 1),
|
|
897
|
+
r[13] || (r[13] = O(" items (", -1)),
|
|
898
|
+
t("span", Zt, w(f.value.orientation), 1),
|
|
899
|
+
r[14] || (r[14] = O(")", -1))
|
|
898
900
|
]),
|
|
899
|
-
t("li",
|
|
901
|
+
t("li", _t, [
|
|
900
902
|
r[17] || (r[17] = t("span", { class: "text-emerald-400" }, "→", -1)),
|
|
901
903
|
t("div", null, [
|
|
902
|
-
r[16] || (r[16] =
|
|
903
|
-
t("div",
|
|
904
|
-
(s(!0), i(
|
|
904
|
+
r[16] || (r[16] = O(" Mapeo: ", -1)),
|
|
905
|
+
t("div", eo, [
|
|
906
|
+
(s(!0), i(L, null, z(f.value.mapping, (g, G) => (s(), i("span", {
|
|
905
907
|
key: G,
|
|
906
908
|
class: "inline-flex items-center gap-1 px-2 py-0.5 bg-white rounded-full text-xs border border-slate-200"
|
|
907
909
|
}, [
|
|
908
|
-
t("span",
|
|
910
|
+
t("span", to, w(g.fieldName), 1),
|
|
909
911
|
r[15] || (r[15] = t("span", { class: "text-slate-400" }, "←", -1)),
|
|
910
|
-
t("span",
|
|
912
|
+
t("span", oo, w(g.mappedTo), 1)
|
|
911
913
|
]))), 128))
|
|
912
914
|
])
|
|
913
915
|
])
|
|
914
916
|
])
|
|
915
917
|
])
|
|
916
|
-
])) :
|
|
917
|
-
t("div",
|
|
918
|
-
t("label",
|
|
918
|
+
])) : I("", !0),
|
|
919
|
+
t("div", no, [
|
|
920
|
+
t("label", lo, [
|
|
919
921
|
U(t("input", {
|
|
920
922
|
type: "checkbox",
|
|
921
|
-
"onUpdate:modelValue": r[1] || (r[1] = (
|
|
923
|
+
"onUpdate:modelValue": r[1] || (r[1] = (g) => $.value = g),
|
|
922
924
|
class: "w-5 h-5 text-emerald-500 border-2 border-slate-300 rounded focus:ring-emerald-500 cursor-pointer"
|
|
923
925
|
}, null, 512), [
|
|
924
|
-
[
|
|
926
|
+
[se, $.value]
|
|
925
927
|
]),
|
|
926
928
|
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
929
|
]),
|
|
928
|
-
$.value ? (s(), i("div",
|
|
930
|
+
$.value ? (s(), i("div", ao, [
|
|
929
931
|
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
932
|
t("div", { class: "flex items-start gap-2" }, [
|
|
931
933
|
t("span", { class: "text-amber-500 mt-0.5" }, "ℹ️"),
|
|
932
934
|
t("p", null, [
|
|
933
935
|
t("strong", null, "Nota:"),
|
|
934
|
-
|
|
936
|
+
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
937
|
])
|
|
936
938
|
])
|
|
937
939
|
], -1)),
|
|
938
|
-
t("div",
|
|
940
|
+
t("div", ro, [
|
|
939
941
|
r[19] || (r[19] = t("label", { class: "text-sm font-semibold text-slate-600" }, "Cantidad de elementos:", -1)),
|
|
940
942
|
U(t("input", {
|
|
941
943
|
type: "number",
|
|
942
|
-
"onUpdate:modelValue": r[2] || (r[2] = (
|
|
944
|
+
"onUpdate:modelValue": r[2] || (r[2] = (g) => y.value = g),
|
|
943
945
|
min: "1",
|
|
944
946
|
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
947
|
}, null, 512), [
|
|
@@ -951,10 +953,10 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
951
953
|
]
|
|
952
954
|
])
|
|
953
955
|
]),
|
|
954
|
-
t("div",
|
|
956
|
+
t("div", so, [
|
|
955
957
|
r[21] || (r[21] = t("label", { class: "text-sm font-semibold text-slate-600" }, "Orientación:", -1)),
|
|
956
958
|
U(t("select", {
|
|
957
|
-
"onUpdate:modelValue": r[3] || (r[3] = (
|
|
959
|
+
"onUpdate:modelValue": r[3] || (r[3] = (g) => d.value = g),
|
|
958
960
|
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
961
|
}, [...r[20] || (r[20] = [
|
|
960
962
|
t("option", {
|
|
@@ -966,71 +968,71 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
966
968
|
[Q, d.value]
|
|
967
969
|
])
|
|
968
970
|
])
|
|
969
|
-
])) :
|
|
971
|
+
])) : I("", !0)
|
|
970
972
|
])
|
|
971
973
|
]),
|
|
972
|
-
t("div",
|
|
974
|
+
t("div", io, [
|
|
973
975
|
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
976
|
t("span", { class: "text-xl" }, "🔍"),
|
|
975
|
-
|
|
977
|
+
O(" Orígenes y Filtros ")
|
|
976
978
|
], -1)),
|
|
977
|
-
Y(
|
|
978
|
-
onSubmit:
|
|
979
|
+
Y(zt, {
|
|
980
|
+
onSubmit: u,
|
|
979
981
|
updateFeedCriteria: l,
|
|
980
982
|
isProduction: e.isProduction
|
|
981
983
|
}, null, 8, ["isProduction"])
|
|
982
984
|
])
|
|
983
985
|
]),
|
|
984
|
-
t("div",
|
|
986
|
+
t("div", uo, [
|
|
985
987
|
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
988
|
t("span", { class: "text-xl" }, "📰"),
|
|
987
|
-
|
|
989
|
+
O(" Contenidos ")
|
|
988
990
|
], -1)),
|
|
989
|
-
!x.value || x.value.length === 0 ? (s(), i("div",
|
|
991
|
+
!x.value || x.value.length === 0 ? (s(), i("div", co, [...r[24] || (r[24] = [
|
|
990
992
|
t("span", { class: "text-5xl mb-3 opacity-50" }, "📭", -1),
|
|
991
993
|
t("p", { class: "text-sm font-medium" }, "No hay contenidos disponibles", -1),
|
|
992
994
|
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(
|
|
995
|
+
])])) : (s(), i("ul", mo, [
|
|
996
|
+
(s(!0), i(L, null, z(x.value, (g, G) => (s(), i("li", {
|
|
995
997
|
key: G,
|
|
996
998
|
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(
|
|
999
|
+
onClick: (N) => a(g)
|
|
998
1000
|
}, [
|
|
999
|
-
t("h4",
|
|
1000
|
-
t("p",
|
|
1001
|
-
], 8,
|
|
1001
|
+
t("h4", go, w(g.title || g.titulo || "Sin título"), 1),
|
|
1002
|
+
t("p", fo, w(g.description || g.descripcion || g.content || "Sin descripción"), 1)
|
|
1003
|
+
], 8, bo))), 128))
|
|
1002
1004
|
]))
|
|
1003
1005
|
]),
|
|
1004
|
-
t("div",
|
|
1006
|
+
t("div", po, [
|
|
1005
1007
|
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
1008
|
t("span", { class: "text-xl" }, "🔗"),
|
|
1007
|
-
|
|
1009
|
+
O(" Relacionar Contenido ")
|
|
1008
1010
|
], -1)),
|
|
1009
|
-
S.value ? (s(), i("div",
|
|
1010
|
-
(s(!0), i(
|
|
1011
|
+
S.value ? (s(), i("div", xo, [
|
|
1012
|
+
(s(!0), i(L, null, z(e.object.fields, (g, G) => (s(), i("div", {
|
|
1011
1013
|
key: G,
|
|
1012
1014
|
class: "p-4 bg-gradient-to-br from-slate-50 to-white rounded-xl border border-slate-200"
|
|
1013
1015
|
}, [
|
|
1014
|
-
t("label",
|
|
1016
|
+
t("label", ho, [
|
|
1015
1017
|
r[27] || (r[27] = t("span", { class: "text-base" }, "⚙️", -1)),
|
|
1016
|
-
|
|
1018
|
+
O(" " + w(g.name), 1)
|
|
1017
1019
|
]),
|
|
1018
1020
|
U(t("select", {
|
|
1019
|
-
"onUpdate:modelValue": (N) =>
|
|
1021
|
+
"onUpdate:modelValue": (N) => g.mappedTo = N,
|
|
1020
1022
|
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
1023
|
}, [
|
|
1022
1024
|
r[28] || (r[28] = t("option", { value: "" }, "-- Seleccionar campo --", -1)),
|
|
1023
|
-
(s(!0), i(
|
|
1025
|
+
(s(!0), i(L, null, z(S.value, (N, V) => (s(), i("option", {
|
|
1024
1026
|
key: V,
|
|
1025
1027
|
value: V
|
|
1026
|
-
}, w(V), 9,
|
|
1027
|
-
], 8,
|
|
1028
|
-
[Q,
|
|
1028
|
+
}, w(V), 9, yo))), 128))
|
|
1029
|
+
], 8, wo), [
|
|
1030
|
+
[Q, g.mappedTo]
|
|
1029
1031
|
]),
|
|
1030
|
-
|
|
1032
|
+
g.mappedTo ? (s(), i("div", Co, [
|
|
1031
1033
|
r[29] || (r[29] = t("span", { class: "text-xs font-semibold text-emerald-600 uppercase tracking-wide" }, "Vista previa:", -1)),
|
|
1032
|
-
t("p",
|
|
1033
|
-
])) :
|
|
1034
|
+
t("p", $o, w(S.value[g.mappedTo]), 1)
|
|
1035
|
+
])) : I("", !0)
|
|
1034
1036
|
]))), 128)),
|
|
1035
1037
|
t("button", {
|
|
1036
1038
|
onClick: n,
|
|
@@ -1039,41 +1041,41 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
1039
1041
|
t("span", { class: "text-lg" }, "✓", -1),
|
|
1040
1042
|
t("span", null, "Alimentar el componente", -1)
|
|
1041
1043
|
])])
|
|
1042
|
-
])) : (s(), i("div",
|
|
1044
|
+
])) : (s(), i("div", vo, [...r[26] || (r[26] = [
|
|
1043
1045
|
t("span", { class: "text-5xl mb-3 opacity-50" }, "👆", -1),
|
|
1044
1046
|
t("p", { class: "text-sm font-medium text-center" }, [
|
|
1045
|
-
|
|
1047
|
+
O("Selecciona un contenido"),
|
|
1046
1048
|
t("br"),
|
|
1047
|
-
|
|
1049
|
+
O("para relacionar")
|
|
1048
1050
|
], -1)
|
|
1049
1051
|
])]))
|
|
1050
1052
|
])
|
|
1051
1053
|
])
|
|
1052
1054
|
]));
|
|
1053
1055
|
}
|
|
1054
|
-
}),
|
|
1056
|
+
}), 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
1057
|
key: 0,
|
|
1056
1058
|
class: "flex-1 flex justify-center"
|
|
1057
|
-
},
|
|
1059
|
+
}, 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
1060
|
key: 0,
|
|
1059
1061
|
class: "flex gap-1 bg-slate-50 rounded-lg p-1"
|
|
1060
|
-
},
|
|
1062
|
+
}, Eo = {
|
|
1061
1063
|
key: 0,
|
|
1062
1064
|
class: "text-[10px] bg-amber-100 text-amber-700 px-1.5 rounded-full font-medium"
|
|
1063
|
-
},
|
|
1065
|
+
}, To = { class: "mt-2 flex items-center" }, Lo = { class: "font-medium text-slate-700" }, Oo = { key: 0 }, Ro = { key: 1 }, Do = {
|
|
1064
1066
|
key: 0,
|
|
1065
1067
|
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
|
-
},
|
|
1068
|
+
}, 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
1069
|
key: 0,
|
|
1068
1070
|
title: "Mover componente",
|
|
1069
1071
|
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
|
-
},
|
|
1072
|
+
}, Jo = {
|
|
1071
1073
|
key: 1,
|
|
1072
1074
|
class: "flex-1 flex justify-center items-center"
|
|
1073
|
-
},
|
|
1075
|
+
}, Wo = { class: "flex flex-col items-center" }, Ho = {
|
|
1074
1076
|
key: 0,
|
|
1075
1077
|
class: "text-[10px] mt-0.5 opacity-70"
|
|
1076
|
-
},
|
|
1078
|
+
}, Yo = ["id"], ve = /* @__PURE__ */ Z({
|
|
1077
1079
|
__name: "InitialComponent",
|
|
1078
1080
|
props: {
|
|
1079
1081
|
object: {
|
|
@@ -1101,64 +1103,64 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
1101
1103
|
const o = e, x = {
|
|
1102
1104
|
DEV: "https://led-dev-limbo-dev.eu.els.local",
|
|
1103
1105
|
PROD: "https://limbo.lefebvre.es"
|
|
1104
|
-
}, S = (
|
|
1106
|
+
}, S = (F) => F ? F.startsWith("/files/") ? (o.isProduction ? x.PROD : x.DEV) + F : F : "", $ = (F) => {
|
|
1105
1107
|
var P, T;
|
|
1106
|
-
if (!
|
|
1107
|
-
const m =
|
|
1108
|
+
if (!F) return "";
|
|
1109
|
+
const m = F.replace(/"/g, '"').replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/'/g, "'");
|
|
1108
1110
|
try {
|
|
1109
1111
|
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
1112
|
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
1113
|
} catch {
|
|
1112
|
-
return m.startsWith("blob:") ? "" : m.startsWith("/files/") ? S(m) : m.startsWith("http") || m.startsWith("/") ? m :
|
|
1114
|
+
return m.startsWith("blob:") ? "" : m.startsWith("/files/") ? S(m) : m.startsWith("http") || m.startsWith("/") ? m : F.startsWith("{") ? "" : F;
|
|
1113
1115
|
}
|
|
1114
|
-
}, y = Math.random().toString(36).substring(2, 15), d =
|
|
1115
|
-
|
|
1116
|
-
|
|
1117
|
-
}),
|
|
1116
|
+
}, 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);
|
|
1117
|
+
re(() => o.isComponentMode, (F) => {
|
|
1118
|
+
F || l();
|
|
1119
|
+
}), re(() => o.object, () => {
|
|
1118
1120
|
l();
|
|
1119
|
-
}, { deep: !0 }),
|
|
1120
|
-
|
|
1121
|
+
}, { deep: !0 }), re(a, async (F) => {
|
|
1122
|
+
F && (await ie(), V());
|
|
1121
1123
|
});
|
|
1122
1124
|
const l = () => {
|
|
1123
|
-
|
|
1125
|
+
f.value && clearTimeout(f.value), f.value = setTimeout(() => {
|
|
1124
1126
|
V();
|
|
1125
1127
|
}, 500);
|
|
1126
1128
|
}, h = () => {
|
|
1127
1129
|
if (o.isComponentMode) return;
|
|
1128
|
-
const
|
|
1130
|
+
const F = new IntersectionObserver((m) => {
|
|
1129
1131
|
m.forEach((P) => {
|
|
1130
|
-
P.isIntersecting && !a.value && (a.value = !0,
|
|
1132
|
+
P.isIntersecting && !a.value && (a.value = !0, F.disconnect());
|
|
1131
1133
|
});
|
|
1132
1134
|
}, { threshold: 0.1 });
|
|
1133
|
-
|
|
1134
|
-
}, R = (
|
|
1135
|
-
const P = (o.object.fields || []).find((T) => T.name ===
|
|
1135
|
+
u.value && F.observe(u.value);
|
|
1136
|
+
}, R = (F, m) => {
|
|
1137
|
+
const P = (o.object.fields || []).find((T) => T.name === F);
|
|
1136
1138
|
P && (P.example_value = m);
|
|
1137
|
-
}, A = (
|
|
1138
|
-
|
|
1139
|
+
}, A = (F, m) => {
|
|
1140
|
+
F.forEach((P) => {
|
|
1139
1141
|
P.value !== void 0 && R(P.fieldName, P.value);
|
|
1140
1142
|
}), o.object.repeat_data = m;
|
|
1141
1143
|
}, k = () => {
|
|
1142
1144
|
b.value = !b.value;
|
|
1143
1145
|
}, r = () => {
|
|
1144
1146
|
n.value = !n.value;
|
|
1145
|
-
},
|
|
1146
|
-
console.log("[InitialComponent] Field updated from FieldsForm:",
|
|
1147
|
+
}, g = (F, m) => {
|
|
1148
|
+
console.log("[InitialComponent] Field updated from FieldsForm:", F, m), l();
|
|
1147
1149
|
}, G = () => {
|
|
1148
|
-
V(!0).then((
|
|
1150
|
+
V(!0).then((F) => {
|
|
1149
1151
|
const m = window.open("", "Preview", "width=1200,height=800");
|
|
1150
1152
|
if (!m) {
|
|
1151
1153
|
alert("El navegador bloqueó la ventana emergente. Por favor, permite los popups para este sitio.");
|
|
1152
1154
|
return;
|
|
1153
1155
|
}
|
|
1154
|
-
m.document.body.innerHTML =
|
|
1156
|
+
m.document.body.innerHTML = F, m.document.querySelectorAll("script").forEach((T) => {
|
|
1155
1157
|
var q;
|
|
1156
1158
|
const J = m.document.createElement("script");
|
|
1157
1159
|
T.src ? J.src = T.src : J.textContent = T.textContent, (q = T.parentNode) == null || q.replaceChild(J, T);
|
|
1158
1160
|
}), m.document.close();
|
|
1159
1161
|
});
|
|
1160
|
-
}, N = (
|
|
1161
|
-
const m =
|
|
1162
|
+
}, N = (F) => {
|
|
1163
|
+
const m = F.fields.map((P) => {
|
|
1162
1164
|
if (P.type === "image" && typeof P.example_value == "string") {
|
|
1163
1165
|
const T = $(P.example_value);
|
|
1164
1166
|
return {
|
|
@@ -1169,14 +1171,14 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
1169
1171
|
return P;
|
|
1170
1172
|
});
|
|
1171
1173
|
return {
|
|
1172
|
-
...
|
|
1174
|
+
...F,
|
|
1173
1175
|
fields: m
|
|
1174
1176
|
};
|
|
1175
|
-
}, V = (
|
|
1177
|
+
}, V = (F = !1) => {
|
|
1176
1178
|
var J;
|
|
1177
1179
|
if (!((J = o.object) != null && J.category) || o.object.category === "Repetidor") {
|
|
1178
1180
|
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 (
|
|
1181
|
+
if (F)
|
|
1180
1182
|
return Promise.resolve(q);
|
|
1181
1183
|
const X = document.getElementById(y);
|
|
1182
1184
|
return X && (X.innerHTML = q), Promise.resolve("");
|
|
@@ -1187,31 +1189,31 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
1187
1189
|
headers: { "Content-Type": "application/json" },
|
|
1188
1190
|
body: T
|
|
1189
1191
|
}).then((q) => q.text()).then((q) => {
|
|
1190
|
-
if (
|
|
1192
|
+
if (F)
|
|
1191
1193
|
return q;
|
|
1192
1194
|
const X = document.getElementById(y);
|
|
1193
1195
|
return X && (X.innerHTML = q), "";
|
|
1194
1196
|
});
|
|
1195
1197
|
};
|
|
1196
|
-
return
|
|
1198
|
+
return ae(() => {
|
|
1197
1199
|
h();
|
|
1198
|
-
}), (
|
|
1199
|
-
n.value ? (s(),
|
|
1200
|
+
}), (F, m) => (s(), i("div", null, [
|
|
1201
|
+
n.value ? (s(), ge(ko, {
|
|
1200
1202
|
key: 0,
|
|
1201
1203
|
updateObjectByFeedContent: A,
|
|
1202
1204
|
toggleFeedSection: r,
|
|
1203
1205
|
object: e.object,
|
|
1204
1206
|
isProduction: e.isProduction
|
|
1205
|
-
}, null, 8, ["object", "isProduction"])) :
|
|
1207
|
+
}, null, 8, ["object", "isProduction"])) : I("", !0),
|
|
1206
1208
|
t("div", {
|
|
1207
1209
|
ref_key: "rootElement",
|
|
1208
|
-
ref:
|
|
1210
|
+
ref: u,
|
|
1209
1211
|
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
1212
|
}, [
|
|
1211
|
-
e.isComponentMode ? (s(), i(
|
|
1212
|
-
t("span",
|
|
1213
|
-
t("div",
|
|
1214
|
-
t("div",
|
|
1213
|
+
e.isComponentMode ? (s(), i(L, { key: 0 }, [
|
|
1214
|
+
t("span", So, w(e.object.component_name), 1),
|
|
1215
|
+
t("div", Po, [
|
|
1216
|
+
t("div", Fo, [
|
|
1215
1217
|
m[10] || (m[10] = t("div", { class: "handle cursor-grab text-slate-400 hover:text-slate-600 text-lg transition-colors" }, [
|
|
1216
1218
|
t("svg", {
|
|
1217
1219
|
class: "w-5 h-5",
|
|
@@ -1221,9 +1223,9 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
1221
1223
|
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
1224
|
])
|
|
1223
1225
|
], -1)),
|
|
1224
|
-
t("span",
|
|
1226
|
+
t("span", jo, w(e.object.category), 1)
|
|
1225
1227
|
]),
|
|
1226
|
-
e.fullwidthMode ? (s(), i("div",
|
|
1228
|
+
e.fullwidthMode ? (s(), i("div", Io, [
|
|
1227
1229
|
t("div", {
|
|
1228
1230
|
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
1231
|
onClick: m[0] || (m[0] = (P) => {
|
|
@@ -1231,10 +1233,10 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
1231
1233
|
return (T = e.addComponentToColumn) == null ? void 0 : T.call(e, e.object);
|
|
1232
1234
|
})
|
|
1233
1235
|
}, "Seleccionar")
|
|
1234
|
-
])) :
|
|
1235
|
-
t("div",
|
|
1236
|
-
t("span",
|
|
1237
|
-
e.insideComponentBox ?
|
|
1236
|
+
])) : I("", !0),
|
|
1237
|
+
t("div", Mo, [
|
|
1238
|
+
t("span", Ao, w(e.object.framework), 1),
|
|
1239
|
+
e.insideComponentBox ? I("", !0) : (s(), i("div", Bo, [
|
|
1238
1240
|
t("div", {
|
|
1239
1241
|
title: "Previsualizar Dummy",
|
|
1240
1242
|
onClick: m[1] || (m[1] = (P) => G()),
|
|
@@ -1250,50 +1252,50 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
1250
1252
|
onClick: r,
|
|
1251
1253
|
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
1254
|
}, [
|
|
1253
|
-
m[11] || (m[11] =
|
|
1254
|
-
e.object.repeat_data ? (s(), i("span",
|
|
1255
|
+
m[11] || (m[11] = O("⚡ ", -1)),
|
|
1256
|
+
e.object.repeat_data ? (s(), i("span", Eo, w(e.object.repeat_data.elementCount), 1)) : I("", !0)
|
|
1255
1257
|
]),
|
|
1256
1258
|
e.cloneComponent ? (s(), i("div", {
|
|
1257
1259
|
key: 0,
|
|
1258
1260
|
title: "Clonar componente",
|
|
1259
1261
|
onClick: m[3] || (m[3] = (P) => e.cloneComponent(e.object, e.section || "")),
|
|
1260
1262
|
class: "p-1.5 rounded-md hover:bg-sky-50 hover:shadow-sm cursor-pointer transition-all duration-200 text-base"
|
|
1261
|
-
}, "📋")) :
|
|
1263
|
+
}, "📋")) : I("", !0),
|
|
1262
1264
|
e.removeComponent ? (s(), i("div", {
|
|
1263
1265
|
key: 1,
|
|
1264
1266
|
title: "Eliminar componente",
|
|
1265
1267
|
onClick: m[4] || (m[4] = (P) => e.removeComponent(e.object, e.section || "")),
|
|
1266
1268
|
class: "p-1.5 rounded-md hover:bg-red-50 hover:shadow-sm cursor-pointer transition-all duration-200 text-base"
|
|
1267
|
-
}, "🗑️")) :
|
|
1269
|
+
}, "🗑️")) : I("", !0)
|
|
1268
1270
|
]))
|
|
1269
1271
|
])
|
|
1270
1272
|
]),
|
|
1271
|
-
Y(
|
|
1273
|
+
Y(me, {
|
|
1272
1274
|
toggleShowForm: k,
|
|
1273
1275
|
object: e.object,
|
|
1274
1276
|
showForm: b.value,
|
|
1275
|
-
onFieldUpdated:
|
|
1277
|
+
onFieldUpdated: g
|
|
1276
1278
|
}, null, 8, ["object", "showForm"]),
|
|
1277
|
-
t("div",
|
|
1278
|
-
t("span",
|
|
1279
|
+
t("div", To, [
|
|
1280
|
+
t("span", Lo, w(e.object.name), 1),
|
|
1279
1281
|
t("button", {
|
|
1280
1282
|
type: "button",
|
|
1281
1283
|
onClick: m[5] || (m[5] = (P) => d.value = !d.value),
|
|
1282
1284
|
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
1285
|
}, [
|
|
1284
|
-
d.value ? (s(), i("span",
|
|
1286
|
+
d.value ? (s(), i("span", Ro, "▲")) : (s(), i("span", Oo, "▼"))
|
|
1285
1287
|
])
|
|
1286
1288
|
]),
|
|
1287
|
-
d.value ? (s(), i("div",
|
|
1288
|
-
t("div",
|
|
1289
|
-
(s(!0), i(
|
|
1289
|
+
d.value ? (s(), i("div", Do, w(e.object.description), 1)) : I("", !0),
|
|
1290
|
+
t("div", Uo, [
|
|
1291
|
+
(s(!0), i(L, null, z(e.object.tags, (P, T) => (s(), i("span", {
|
|
1290
1292
|
key: T,
|
|
1291
1293
|
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
1294
|
}, w(P), 1))), 128))
|
|
1293
1295
|
])
|
|
1294
|
-
], 64)) : a.value ? (s(), i(
|
|
1295
|
-
t("div",
|
|
1296
|
-
t("div",
|
|
1296
|
+
], 64)) : a.value ? (s(), i(L, { key: 1 }, [
|
|
1297
|
+
t("div", zo, [
|
|
1298
|
+
t("div", No, [
|
|
1297
1299
|
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
1300
|
t("svg", {
|
|
1299
1301
|
class: "w-3 h-3 text-slate-400 group-hover/info:text-sky-500",
|
|
@@ -1307,10 +1309,10 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
1307
1309
|
})
|
|
1308
1310
|
])
|
|
1309
1311
|
], -1)),
|
|
1310
|
-
t("div",
|
|
1312
|
+
t("div", Vo, w(e.object.description), 1)
|
|
1311
1313
|
]),
|
|
1312
|
-
t("div",
|
|
1313
|
-
e.insideComponentBox && !e.fullwidthMode || !e.insideComponentBox ? (s(), i("div",
|
|
1314
|
+
t("div", qo, [
|
|
1315
|
+
e.insideComponentBox && !e.fullwidthMode || !e.insideComponentBox ? (s(), i("div", Go, [...m[13] || (m[13] = [
|
|
1314
1316
|
t("div", { class: "flex flex-col items-center" }, [
|
|
1315
1317
|
t("svg", {
|
|
1316
1318
|
class: "w-6 h-6 mb-1 text-slate-400 group-hover/btn:text-white",
|
|
@@ -1321,8 +1323,8 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
1321
1323
|
]),
|
|
1322
1324
|
t("span", { class: "text-xs font-medium" }, "Mover")
|
|
1323
1325
|
], -1)
|
|
1324
|
-
])])) :
|
|
1325
|
-
e.insideComponentBox && e.fullwidthMode ? (s(), i("div",
|
|
1326
|
+
])])) : I("", !0),
|
|
1327
|
+
e.insideComponentBox && e.fullwidthMode ? (s(), i("div", Jo, [
|
|
1326
1328
|
t("div", {
|
|
1327
1329
|
title: "Agregar componente a la columna",
|
|
1328
1330
|
onClick: m[6] || (m[6] = (P) => {
|
|
@@ -1336,8 +1338,8 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
1336
1338
|
t("span", { class: "text-sm font-medium" }, "Seleccionar")
|
|
1337
1339
|
], -1)
|
|
1338
1340
|
])])
|
|
1339
|
-
])) :
|
|
1340
|
-
e.insideComponentBox ?
|
|
1341
|
+
])) : I("", !0),
|
|
1342
|
+
e.insideComponentBox ? I("", !0) : (s(), i(L, { key: 2 }, [
|
|
1341
1343
|
t("div", {
|
|
1342
1344
|
title: "Configurar componente",
|
|
1343
1345
|
onClick: m[7] || (m[7] = (P) => b.value = !b.value),
|
|
@@ -1353,10 +1355,10 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
1353
1355
|
onClick: r,
|
|
1354
1356
|
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
1357
|
}, [
|
|
1356
|
-
t("div",
|
|
1358
|
+
t("div", Wo, [
|
|
1357
1359
|
m[16] || (m[16] = t("span", { class: "text-xl mb-1" }, "⚡", -1)),
|
|
1358
1360
|
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",
|
|
1361
|
+
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
1362
|
])
|
|
1361
1363
|
]),
|
|
1362
1364
|
e.cloneComponent ? (s(), i("div", {
|
|
@@ -1369,7 +1371,7 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
1369
1371
|
t("span", { class: "text-xl mb-1" }, "📋"),
|
|
1370
1372
|
t("span", { class: "text-xs font-medium" }, "Clonar")
|
|
1371
1373
|
], -1)
|
|
1372
|
-
])])) :
|
|
1374
|
+
])])) : I("", !0),
|
|
1373
1375
|
e.removeComponent ? (s(), i("div", {
|
|
1374
1376
|
key: 1,
|
|
1375
1377
|
title: "Eliminar componente",
|
|
@@ -1380,37 +1382,37 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
1380
1382
|
t("span", { class: "text-xl mb-1" }, "🗑️"),
|
|
1381
1383
|
t("span", { class: "text-xs font-medium" }, "Eliminar")
|
|
1382
1384
|
], -1)
|
|
1383
|
-
])])) :
|
|
1385
|
+
])])) : I("", !0)
|
|
1384
1386
|
], 64))
|
|
1385
1387
|
])
|
|
1386
1388
|
]),
|
|
1387
|
-
Y(
|
|
1389
|
+
Y(me, {
|
|
1388
1390
|
toggleShowForm: k,
|
|
1389
1391
|
object: e.object,
|
|
1390
1392
|
showForm: b.value,
|
|
1391
|
-
onFieldUpdated:
|
|
1393
|
+
onFieldUpdated: g
|
|
1392
1394
|
}, null, 8, ["object", "showForm"]),
|
|
1393
1395
|
t("div", {
|
|
1394
1396
|
id: H(y),
|
|
1395
1397
|
class: "w-full h-full flex items-center justify-center"
|
|
1396
|
-
}, null, 8,
|
|
1397
|
-
], 64)) :
|
|
1398
|
+
}, null, 8, Yo)
|
|
1399
|
+
], 64)) : I("", !0)
|
|
1398
1400
|
], 2)
|
|
1399
1401
|
]));
|
|
1400
1402
|
}
|
|
1401
|
-
}),
|
|
1403
|
+
}), Ko = { class: "absolute top-1 left-2 px-2 flex gap-3 items-center" }, Qo = {
|
|
1402
1404
|
key: 0,
|
|
1403
1405
|
class: "text-[10px] font-medium text-slate-400 bg-white/80 backdrop-blur-sm px-2 py-0.5 rounded-full shadow-sm"
|
|
1404
|
-
},
|
|
1406
|
+
}, Xo = { class: "text-slate-600" }, Zo = {
|
|
1405
1407
|
key: 1,
|
|
1406
1408
|
class: "text-[10px] font-medium text-slate-400 bg-white/80 backdrop-blur-sm px-2 py-0.5 rounded-full shadow-sm"
|
|
1407
|
-
},
|
|
1409
|
+
}, _o = { class: "text-slate-600" }, en = {
|
|
1408
1410
|
key: 2,
|
|
1409
1411
|
class: "text-[10px] font-medium text-slate-400 bg-white/80 backdrop-blur-sm px-2 py-0.5 rounded-full shadow-sm"
|
|
1410
|
-
},
|
|
1412
|
+
}, tn = { class: "text-slate-600" }, on = {
|
|
1411
1413
|
key: 0,
|
|
1412
1414
|
class: "my-4 w-full rounded-xl bg-white border border-slate-200 p-4 z-10 hidden group-hover:block shadow-lg"
|
|
1413
|
-
},
|
|
1415
|
+
}, 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
1416
|
__name: "ColConfig",
|
|
1415
1417
|
props: {
|
|
1416
1418
|
globalPageConfiguration: Array,
|
|
@@ -1455,93 +1457,93 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
1455
1457
|
{ label: "Columna (componentes unos encima de otros)", value: "flex-col" },
|
|
1456
1458
|
{ label: "Fila (componentes unos al lado de otros)", value: "flex-row" }
|
|
1457
1459
|
]
|
|
1458
|
-
}, S =
|
|
1460
|
+
}, S = j(""), $ = j(""), y = j(""), d = j(!1), b = _(() => {
|
|
1459
1461
|
var n, l, h, R;
|
|
1460
|
-
const
|
|
1462
|
+
const u = (n = o.globalPageConfiguration) == null ? void 0 : n.find(
|
|
1461
1463
|
(A) => A.section === o.section
|
|
1462
|
-
), a = (R = (h = (l =
|
|
1464
|
+
), 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
1465
|
return (a == null ? void 0 : a.config) || {};
|
|
1464
|
-
}),
|
|
1466
|
+
}), f = (u, a) => {
|
|
1465
1467
|
var R;
|
|
1466
1468
|
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,
|
|
1469
|
+
(R = o.updateColConfig) == null || R.call(o, u, a, o.section || "", n, l, h), d.value = !1;
|
|
1468
1470
|
};
|
|
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
|
-
])) :
|
|
1471
|
+
return (u, a) => (s(), i(L, null, [
|
|
1472
|
+
t("div", Ko, [
|
|
1473
|
+
b.value.width !== void 0 ? (s(), i("span", Qo, [
|
|
1474
|
+
a[12] || (a[12] = O(" Ancho: ", -1)),
|
|
1475
|
+
t("span", Xo, w(b.value.width), 1)
|
|
1476
|
+
])) : I("", !0),
|
|
1477
|
+
b.value.gap !== void 0 ? (s(), i("span", Zo, [
|
|
1478
|
+
a[13] || (a[13] = O(" Gap: ", -1)),
|
|
1479
|
+
t("span", _o, w(b.value.gap), 1)
|
|
1480
|
+
])) : I("", !0),
|
|
1481
|
+
b.value.flexDirection !== void 0 ? (s(), i("span", en, [
|
|
1482
|
+
a[14] || (a[14] = O(" Flex: ", -1)),
|
|
1483
|
+
t("span", tn, w(b.value.flexDirection), 1)
|
|
1484
|
+
])) : I("", !0)
|
|
1483
1485
|
]),
|
|
1484
|
-
d.value ? (s(), i("div",
|
|
1485
|
-
t("div",
|
|
1486
|
+
d.value ? (s(), i("div", on, [
|
|
1487
|
+
t("div", nn, [
|
|
1486
1488
|
t("form", {
|
|
1487
|
-
onSubmit: a[4] || (a[4] =
|
|
1489
|
+
onSubmit: a[4] || (a[4] = de(() => {
|
|
1488
1490
|
}, ["prevent"])),
|
|
1489
1491
|
class: "flex gap-5 w-full justify-center items-end flex-wrap"
|
|
1490
1492
|
}, [
|
|
1491
|
-
t("div",
|
|
1493
|
+
t("div", ln, [
|
|
1492
1494
|
t("label", {
|
|
1493
1495
|
for: `colwidth-${e.rowIndex}-${e.columnIndex}`,
|
|
1494
1496
|
class: "block text-sm font-medium text-slate-600 mb-1.5"
|
|
1495
|
-
}, "Ancho:", 8,
|
|
1497
|
+
}, "Ancho:", 8, an),
|
|
1496
1498
|
U(t("select", {
|
|
1497
1499
|
"onUpdate:modelValue": a[0] || (a[0] = (n) => S.value = n),
|
|
1498
1500
|
id: `colwidth-${e.rowIndex}-${e.columnIndex}`,
|
|
1499
1501
|
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
1502
|
}, [
|
|
1501
1503
|
a[15] || (a[15] = t("option", { value: "" }, "Selecciona...", -1)),
|
|
1502
|
-
(s(!0), i(
|
|
1504
|
+
(s(!0), i(L, null, z(x.width, (n) => (s(), i("option", {
|
|
1503
1505
|
key: n.value,
|
|
1504
1506
|
value: n.value
|
|
1505
|
-
}, w(n.label), 9,
|
|
1506
|
-
], 8,
|
|
1507
|
+
}, w(n.label), 9, sn))), 128))
|
|
1508
|
+
], 8, rn), [
|
|
1507
1509
|
[Q, S.value]
|
|
1508
1510
|
])
|
|
1509
1511
|
]),
|
|
1510
|
-
t("div",
|
|
1512
|
+
t("div", dn, [
|
|
1511
1513
|
t("label", {
|
|
1512
1514
|
for: `colgap-${e.rowIndex}-${e.columnIndex}`,
|
|
1513
1515
|
class: "block text-sm font-medium text-slate-600 mb-1.5"
|
|
1514
|
-
}, "Gap:", 8,
|
|
1516
|
+
}, "Gap:", 8, un),
|
|
1515
1517
|
U(t("select", {
|
|
1516
1518
|
"onUpdate:modelValue": a[1] || (a[1] = (n) => $.value = n),
|
|
1517
1519
|
id: `colgap-${e.rowIndex}-${e.columnIndex}`,
|
|
1518
1520
|
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
1521
|
}, [
|
|
1520
1522
|
a[16] || (a[16] = t("option", { value: "" }, "Selecciona...", -1)),
|
|
1521
|
-
(s(!0), i(
|
|
1523
|
+
(s(!0), i(L, null, z(x.gap, (n) => (s(), i("option", {
|
|
1522
1524
|
key: n.value,
|
|
1523
1525
|
value: n.value
|
|
1524
|
-
}, w(n.label), 9,
|
|
1525
|
-
], 8,
|
|
1526
|
+
}, w(n.label), 9, mn))), 128))
|
|
1527
|
+
], 8, cn), [
|
|
1526
1528
|
[Q, $.value]
|
|
1527
1529
|
])
|
|
1528
1530
|
]),
|
|
1529
|
-
t("div",
|
|
1531
|
+
t("div", bn, [
|
|
1530
1532
|
t("label", {
|
|
1531
1533
|
for: `flexdir-${e.rowIndex}-${e.columnIndex}`,
|
|
1532
1534
|
class: "block text-sm font-medium text-slate-600 mb-1.5"
|
|
1533
|
-
}, "Dirección:", 8,
|
|
1535
|
+
}, "Dirección:", 8, gn),
|
|
1534
1536
|
U(t("select", {
|
|
1535
1537
|
"onUpdate:modelValue": a[2] || (a[2] = (n) => y.value = n),
|
|
1536
1538
|
id: `flexdir-${e.rowIndex}-${e.columnIndex}`,
|
|
1537
1539
|
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
1540
|
}, [
|
|
1539
1541
|
a[17] || (a[17] = t("option", { value: "" }, "Selecciona...", -1)),
|
|
1540
|
-
(s(!0), i(
|
|
1542
|
+
(s(!0), i(L, null, z(x.flexDirection, (n) => (s(), i("option", {
|
|
1541
1543
|
key: n.value,
|
|
1542
1544
|
value: n.value
|
|
1543
|
-
}, w(n.label), 9,
|
|
1544
|
-
], 8,
|
|
1545
|
+
}, w(n.label), 9, pn))), 128))
|
|
1546
|
+
], 8, fn), [
|
|
1545
1547
|
[Q, y.value]
|
|
1546
1548
|
])
|
|
1547
1549
|
]),
|
|
@@ -1549,13 +1551,13 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
1549
1551
|
type: "button",
|
|
1550
1552
|
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
1553
|
onClick: a[3] || (a[3] = (n) => {
|
|
1552
|
-
|
|
1554
|
+
f(e.rowIndex, e.columnIndex), d.value = !1;
|
|
1553
1555
|
})
|
|
1554
1556
|
}, " Guardar ")
|
|
1555
1557
|
], 32)
|
|
1556
1558
|
])
|
|
1557
|
-
])) :
|
|
1558
|
-
t("div",
|
|
1559
|
+
])) : I("", !0),
|
|
1560
|
+
t("div", vn, [
|
|
1559
1561
|
t("div", {
|
|
1560
1562
|
class: K(["flex flex-row", { "justify-between": e.section && e.section !== "Sidebar", "justify-center": e.section === "Sidebar" }])
|
|
1561
1563
|
}, [
|
|
@@ -1568,15 +1570,15 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
1568
1570
|
return (l = e.addCol) == null ? void 0 : l.call(e, e.rowIndex, e.columnIndex, e.section, "left");
|
|
1569
1571
|
}),
|
|
1570
1572
|
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",
|
|
1573
|
+
}, "+")) : I("", !0),
|
|
1574
|
+
t("div", xn, [
|
|
1573
1575
|
t("button", {
|
|
1574
1576
|
type: "button",
|
|
1575
1577
|
title: "Configurar columna",
|
|
1576
1578
|
onClick: a[6] || (a[6] = (n) => d.value = !d.value),
|
|
1577
1579
|
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
1580
|
}, "⚙️", 2),
|
|
1579
|
-
t("div",
|
|
1581
|
+
t("div", hn, [
|
|
1580
1582
|
e.section && e.section !== "Sidebar" ? (s(), i("span", {
|
|
1581
1583
|
key: 0,
|
|
1582
1584
|
title: "Mover columna a la izquierda",
|
|
@@ -1585,7 +1587,7 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
1585
1587
|
return (l = e.moveCol) == null ? void 0 : l.call(e, e.rowIndex, e.columnIndex, e.section, "left");
|
|
1586
1588
|
}),
|
|
1587
1589
|
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
|
-
}, "◁")) :
|
|
1590
|
+
}, "◁")) : I("", !0),
|
|
1589
1591
|
e.fullwidthMode ? (s(), i("span", {
|
|
1590
1592
|
key: 1,
|
|
1591
1593
|
title: "Añadir componente",
|
|
@@ -1594,7 +1596,7 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
1594
1596
|
return (l = e.addComponentFunction) == null ? void 0 : l.call(e, e.rowIndex, e.columnIndex, e.section || "");
|
|
1595
1597
|
}),
|
|
1596
1598
|
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
|
-
}, " 📦 ")) :
|
|
1599
|
+
}, " 📦 ")) : I("", !0),
|
|
1598
1600
|
e.section && e.section !== "Sidebar" ? (s(), i("span", {
|
|
1599
1601
|
key: 2,
|
|
1600
1602
|
title: "Mover columna a la derecha",
|
|
@@ -1603,7 +1605,7 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
1603
1605
|
return (l = e.moveCol) == null ? void 0 : l.call(e, e.rowIndex, e.columnIndex, e.section, "right");
|
|
1604
1606
|
}),
|
|
1605
1607
|
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
|
-
}, "▷ ")) :
|
|
1608
|
+
}, "▷ ")) : I("", !0)
|
|
1607
1609
|
]),
|
|
1608
1610
|
t("button", {
|
|
1609
1611
|
type: "button",
|
|
@@ -1624,24 +1626,24 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
1624
1626
|
return (l = e.addCol) == null ? void 0 : l.call(e, e.rowIndex, e.columnIndex, e.section, "right");
|
|
1625
1627
|
}),
|
|
1626
1628
|
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
|
-
}, "+")) :
|
|
1629
|
+
}, "+")) : I("", !0)
|
|
1628
1630
|
], 2)
|
|
1629
1631
|
])
|
|
1630
1632
|
], 64));
|
|
1631
1633
|
}
|
|
1632
|
-
}),
|
|
1634
|
+
}), 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
1635
|
key: 0,
|
|
1634
1636
|
class: "text-xs font-medium text-slate-400 bg-slate-50 px-2 py-1 rounded-full"
|
|
1635
|
-
},
|
|
1637
|
+
}, Pn = { class: "text-slate-600" }, Fn = {
|
|
1636
1638
|
key: 1,
|
|
1637
1639
|
class: "text-xs font-medium text-slate-400 bg-slate-50 px-2 py-1 rounded-full"
|
|
1638
|
-
},
|
|
1640
|
+
}, jn = { class: "text-slate-600" }, In = {
|
|
1639
1641
|
key: 2,
|
|
1640
1642
|
class: "text-xs font-medium text-slate-400 bg-slate-50 px-2 py-1 rounded-full"
|
|
1641
|
-
},
|
|
1643
|
+
}, Mn = { class: "text-slate-600" }, An = { class: "flex gap-1.5" }, Bn = {
|
|
1642
1644
|
key: 0,
|
|
1643
1645
|
class: "z-1"
|
|
1644
|
-
},
|
|
1646
|
+
}, 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
1647
|
__name: "RowConfig",
|
|
1646
1648
|
props: {
|
|
1647
1649
|
rowIndex: {
|
|
@@ -1682,21 +1684,21 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
1682
1684
|
{ label: "3/5", value: "3/5" },
|
|
1683
1685
|
{ label: "4/5", value: "4/5" }
|
|
1684
1686
|
]
|
|
1685
|
-
}, S =
|
|
1687
|
+
}, S = j(""), $ = j(""), y = j(""), d = j(!1), b = j(!1), f = _(() => {
|
|
1686
1688
|
var n, l;
|
|
1687
1689
|
const a = (n = o.globalPageConfiguration) == null ? void 0 : n.find(
|
|
1688
1690
|
(h) => h.section === o.section
|
|
1689
1691
|
);
|
|
1690
1692
|
return (l = a == null ? void 0 : a.rows) != null && l[o.rowIndex] ? a.rows[o.rowIndex].config || {} : {};
|
|
1691
|
-
}),
|
|
1693
|
+
}), u = (a) => {
|
|
1692
1694
|
var R;
|
|
1693
1695
|
const n = S.value || x.padding[0].value, l = $.value || x.gap[0].value, h = y.value || x.width[0].value;
|
|
1694
1696
|
(R = o.updateRowConfig) == null || R.call(o, a, o.section || "", n, l, h), d.value = !1;
|
|
1695
1697
|
};
|
|
1696
|
-
return (a, n) => (s(), i(
|
|
1697
|
-
t("div",
|
|
1698
|
+
return (a, n) => (s(), i(L, null, [
|
|
1699
|
+
t("div", yn, [
|
|
1698
1700
|
t("div", null, [
|
|
1699
|
-
t("div",
|
|
1701
|
+
t("div", Cn, [
|
|
1700
1702
|
t("button", {
|
|
1701
1703
|
type: "button",
|
|
1702
1704
|
title: "Agregar fila",
|
|
@@ -1726,8 +1728,8 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
1726
1728
|
}, "▽")
|
|
1727
1729
|
])
|
|
1728
1730
|
]),
|
|
1729
|
-
t("div",
|
|
1730
|
-
t("div",
|
|
1731
|
+
t("div", $n, [
|
|
1732
|
+
t("div", kn, [
|
|
1731
1733
|
t("button", {
|
|
1732
1734
|
type: "button",
|
|
1733
1735
|
title: "Configurar la fila",
|
|
@@ -1735,21 +1737,21 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
1735
1737
|
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
1738
|
}, "⚙️", 2)
|
|
1737
1739
|
]),
|
|
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
|
-
])) :
|
|
1740
|
+
f.value.padding !== void 0 ? (s(), i("span", Sn, [
|
|
1741
|
+
n[10] || (n[10] = O(" Padding: ", -1)),
|
|
1742
|
+
t("span", Pn, w(f.value.padding), 1)
|
|
1743
|
+
])) : I("", !0),
|
|
1744
|
+
f.value.gap !== void 0 ? (s(), i("span", Fn, [
|
|
1745
|
+
n[11] || (n[11] = O(" Gap: ", -1)),
|
|
1746
|
+
t("span", jn, w(f.value.gap), 1)
|
|
1747
|
+
])) : I("", !0),
|
|
1748
|
+
f.value.width !== void 0 ? (s(), i("span", In, [
|
|
1749
|
+
n[12] || (n[12] = O(" Ancho: ", -1)),
|
|
1750
|
+
t("span", Mn, w(f.value.width), 1)
|
|
1751
|
+
])) : I("", !0)
|
|
1750
1752
|
]),
|
|
1751
1753
|
t("div", null, [
|
|
1752
|
-
t("div",
|
|
1754
|
+
t("div", An, [
|
|
1753
1755
|
t("button", {
|
|
1754
1756
|
type: "button",
|
|
1755
1757
|
title: "Eliminar fila",
|
|
@@ -1762,67 +1764,67 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
1762
1764
|
])
|
|
1763
1765
|
])
|
|
1764
1766
|
]),
|
|
1765
|
-
d.value ? (s(), i("div",
|
|
1766
|
-
t("div",
|
|
1767
|
+
d.value ? (s(), i("div", Bn, [
|
|
1768
|
+
t("div", En, [
|
|
1767
1769
|
t("form", {
|
|
1768
|
-
onSubmit: n[9] || (n[9] =
|
|
1770
|
+
onSubmit: n[9] || (n[9] = de(() => {
|
|
1769
1771
|
}, ["prevent"])),
|
|
1770
1772
|
class: "flex gap-6 w-full justify-center items-end flex-wrap"
|
|
1771
1773
|
}, [
|
|
1772
|
-
t("div",
|
|
1774
|
+
t("div", Tn, [
|
|
1773
1775
|
t("label", {
|
|
1774
1776
|
for: `padding-${e.rowIndex}`,
|
|
1775
1777
|
class: "block text-sm font-medium text-slate-600 mb-1.5"
|
|
1776
|
-
}, "Padding:", 8,
|
|
1778
|
+
}, "Padding:", 8, Ln),
|
|
1777
1779
|
U(t("select", {
|
|
1778
1780
|
"onUpdate:modelValue": n[5] || (n[5] = (l) => S.value = l),
|
|
1779
1781
|
id: `padding-${e.rowIndex}`,
|
|
1780
1782
|
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
1783
|
}, [
|
|
1782
1784
|
n[13] || (n[13] = t("option", { value: "" }, "Selecciona...", -1)),
|
|
1783
|
-
(s(!0), i(
|
|
1785
|
+
(s(!0), i(L, null, z(x.padding, (l) => (s(), i("option", {
|
|
1784
1786
|
key: l.value,
|
|
1785
1787
|
value: l.value
|
|
1786
|
-
}, w(l.label), 9,
|
|
1788
|
+
}, w(l.label), 9, Rn))), 128))
|
|
1787
1789
|
], 8, On), [
|
|
1788
1790
|
[Q, S.value]
|
|
1789
1791
|
])
|
|
1790
1792
|
]),
|
|
1791
|
-
t("div",
|
|
1793
|
+
t("div", Dn, [
|
|
1792
1794
|
t("label", {
|
|
1793
1795
|
for: `gap-${e.rowIndex}`,
|
|
1794
1796
|
class: "block text-sm font-medium text-slate-600 mb-1.5"
|
|
1795
|
-
}, "Gap:", 8,
|
|
1797
|
+
}, "Gap:", 8, Un),
|
|
1796
1798
|
U(t("select", {
|
|
1797
1799
|
"onUpdate:modelValue": n[6] || (n[6] = (l) => $.value = l),
|
|
1798
1800
|
id: `gap-${e.rowIndex}`,
|
|
1799
1801
|
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
1802
|
}, [
|
|
1801
1803
|
n[14] || (n[14] = t("option", { value: "" }, "Selecciona...", -1)),
|
|
1802
|
-
(s(!0), i(
|
|
1804
|
+
(s(!0), i(L, null, z(x.gap, (l) => (s(), i("option", {
|
|
1803
1805
|
key: l.value,
|
|
1804
1806
|
value: l.value
|
|
1805
|
-
}, w(l.label), 9,
|
|
1806
|
-
], 8,
|
|
1807
|
+
}, w(l.label), 9, Nn))), 128))
|
|
1808
|
+
], 8, zn), [
|
|
1807
1809
|
[Q, $.value]
|
|
1808
1810
|
])
|
|
1809
1811
|
]),
|
|
1810
|
-
t("div",
|
|
1812
|
+
t("div", Vn, [
|
|
1811
1813
|
t("label", {
|
|
1812
1814
|
for: `width-${e.rowIndex}`,
|
|
1813
1815
|
class: "block text-sm font-medium text-slate-600 mb-1.5"
|
|
1814
|
-
}, "Ancho:", 8,
|
|
1816
|
+
}, "Ancho:", 8, qn),
|
|
1815
1817
|
U(t("select", {
|
|
1816
1818
|
"onUpdate:modelValue": n[7] || (n[7] = (l) => y.value = l),
|
|
1817
1819
|
id: `width-${e.rowIndex}`,
|
|
1818
1820
|
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
1821
|
}, [
|
|
1820
1822
|
n[15] || (n[15] = t("option", { value: "" }, "Selecciona...", -1)),
|
|
1821
|
-
(s(!0), i(
|
|
1823
|
+
(s(!0), i(L, null, z(x.width, (l) => (s(), i("option", {
|
|
1822
1824
|
key: l.value,
|
|
1823
1825
|
value: l.value
|
|
1824
|
-
}, w(l.label), 9,
|
|
1825
|
-
], 8,
|
|
1826
|
+
}, w(l.label), 9, Jn))), 128))
|
|
1827
|
+
], 8, Gn), [
|
|
1826
1828
|
[Q, y.value]
|
|
1827
1829
|
])
|
|
1828
1830
|
]),
|
|
@@ -1830,15 +1832,15 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
1830
1832
|
type: "button",
|
|
1831
1833
|
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
1834
|
onClick: n[8] || (n[8] = (l) => {
|
|
1833
|
-
|
|
1835
|
+
u(e.rowIndex), b.value = !1;
|
|
1834
1836
|
})
|
|
1835
1837
|
}, " Guardar ")
|
|
1836
1838
|
], 32)
|
|
1837
1839
|
])
|
|
1838
|
-
])) :
|
|
1840
|
+
])) : I("", !0)
|
|
1839
1841
|
], 64));
|
|
1840
1842
|
}
|
|
1841
|
-
}),
|
|
1843
|
+
}), Hn = ["id"], Yn = { class: "flex flex-row w-full gap-3 mt-6" }, Kn = ["id"], Qn = /* @__PURE__ */ Z({
|
|
1842
1844
|
__name: "BodySection",
|
|
1843
1845
|
props: {
|
|
1844
1846
|
isComponentMode: Boolean,
|
|
@@ -1863,19 +1865,19 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
1863
1865
|
}
|
|
1864
1866
|
},
|
|
1865
1867
|
setup(e) {
|
|
1866
|
-
const o = e, x =
|
|
1868
|
+
const o = e, x = j(!1), S = _(() => {
|
|
1867
1869
|
var y;
|
|
1868
1870
|
const $ = (y = o.globalPageConfiguration) == null ? void 0 : y.find(
|
|
1869
1871
|
(d) => d.section === o.sectionSelected
|
|
1870
1872
|
);
|
|
1871
1873
|
return ($ == null ? void 0 : $.rows) || [];
|
|
1872
1874
|
});
|
|
1873
|
-
return ($, y) => (s(!0), i(
|
|
1875
|
+
return ($, y) => (s(!0), i(L, null, z(S.value, (d, b) => (s(), i("div", {
|
|
1874
1876
|
key: "row-" + b,
|
|
1875
1877
|
id: "row-" + e.sectionSelected + "-" + b,
|
|
1876
1878
|
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
1879
|
}, [
|
|
1878
|
-
Y(
|
|
1880
|
+
Y(Wn, {
|
|
1879
1881
|
moveRow: e.moveRow,
|
|
1880
1882
|
addRow: e.addRow,
|
|
1881
1883
|
removeRow: e.removeRow,
|
|
@@ -1884,26 +1886,26 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
1884
1886
|
rowIndex: b,
|
|
1885
1887
|
section: e.sectionSelected
|
|
1886
1888
|
}, null, 8, ["moveRow", "addRow", "removeRow", "globalPageConfiguration", "updateRowConfig", "rowIndex", "section"]),
|
|
1887
|
-
t("div",
|
|
1888
|
-
(s(!0), i(
|
|
1889
|
+
t("div", Yn, [
|
|
1890
|
+
(s(!0), i(L, null, z(d.columns, (f, u) => (s(), i("div", {
|
|
1889
1891
|
class: K([
|
|
1890
1892
|
"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
1893
|
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
1894
|
]),
|
|
1893
|
-
key: "column-" +
|
|
1894
|
-
id: "col-" + e.sectionSelected + "-" + b + "-" +
|
|
1895
|
+
key: "column-" + u,
|
|
1896
|
+
id: "col-" + e.sectionSelected + "-" + b + "-" + u
|
|
1895
1897
|
}, [
|
|
1896
|
-
Y(H(
|
|
1898
|
+
Y(H(pe), {
|
|
1897
1899
|
class: "h-full w-full mb-4",
|
|
1898
|
-
list:
|
|
1900
|
+
list: f.components,
|
|
1899
1901
|
group: { name: "draggingGroup", pull: !0, put: !0 },
|
|
1900
1902
|
"item-key": "id",
|
|
1901
1903
|
handle: ".handle",
|
|
1902
1904
|
onStart: y[0] || (y[0] = (a) => x.value = !0),
|
|
1903
1905
|
onEnd: y[1] || (y[1] = (a) => x.value = !1)
|
|
1904
1906
|
}, {
|
|
1905
|
-
item:
|
|
1906
|
-
Y(
|
|
1907
|
+
item: fe(({ element: a }) => [
|
|
1908
|
+
Y(ve, {
|
|
1907
1909
|
renderApiDomain: e.renderApiDomain,
|
|
1908
1910
|
object: a,
|
|
1909
1911
|
"is-component-mode": e.isComponentMode,
|
|
@@ -1915,7 +1917,7 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
1915
1917
|
]),
|
|
1916
1918
|
_: 1
|
|
1917
1919
|
}, 8, ["list"]),
|
|
1918
|
-
Y(
|
|
1920
|
+
Y(wn, {
|
|
1919
1921
|
section: e.sectionSelected,
|
|
1920
1922
|
globalPageConfiguration: e.globalPageConfiguration,
|
|
1921
1923
|
updateColConfig: e.updateColConfig,
|
|
@@ -1925,16 +1927,16 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
1925
1927
|
removeCol: e.removeCol,
|
|
1926
1928
|
moveCol: e.moveCol,
|
|
1927
1929
|
rowIndex: b,
|
|
1928
|
-
columnIndex:
|
|
1930
|
+
columnIndex: u
|
|
1929
1931
|
}, null, 8, ["section", "globalPageConfiguration", "updateColConfig", "addComponentFunction", "fullwidthMode", "addCol", "removeCol", "moveCol", "rowIndex", "columnIndex"])
|
|
1930
|
-
], 10,
|
|
1932
|
+
], 10, Kn))), 128))
|
|
1931
1933
|
])
|
|
1932
|
-
], 8,
|
|
1934
|
+
], 8, Hn))), 128));
|
|
1933
1935
|
}
|
|
1934
|
-
}),
|
|
1936
|
+
}), 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
1937
|
key: 0,
|
|
1936
1938
|
class: "text-center py-8 text-slate-400"
|
|
1937
|
-
},
|
|
1939
|
+
}, be = /* @__PURE__ */ Z({
|
|
1938
1940
|
__name: "ComponentsBox",
|
|
1939
1941
|
props: {
|
|
1940
1942
|
isComponentMode: { type: Boolean },
|
|
@@ -1960,20 +1962,20 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
1960
1962
|
"Formulario",
|
|
1961
1963
|
"Título",
|
|
1962
1964
|
"SEO"
|
|
1963
|
-
], S = _(() => !o.excludedCategories || o.excludedCategories.length === 0 ? x : x.filter((a) => !o.excludedCategories.includes(a))), $ =
|
|
1965
|
+
], S = _(() => !o.excludedCategories || o.excludedCategories.length === 0 ? x : x.filter((a) => !o.excludedCategories.includes(a))), $ = j(!0), y = j([]), d = j(""), b = _(() => {
|
|
1964
1966
|
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
1967
|
return y.value.length > 0 ? n.filter(
|
|
1966
1968
|
(h) => y.value.includes(h.category) && l(h)
|
|
1967
1969
|
) : n.filter(l);
|
|
1968
|
-
}),
|
|
1970
|
+
}), f = (a) => {
|
|
1969
1971
|
d.value = a.target.value;
|
|
1970
|
-
},
|
|
1972
|
+
}, u = (a) => {
|
|
1971
1973
|
const n = a.target, l = n.value;
|
|
1972
1974
|
n.checked ? y.value.includes(l) || y.value.push(l) : y.value = y.value.filter((h) => h !== l);
|
|
1973
1975
|
};
|
|
1974
|
-
return (a, n) => (s(), i(
|
|
1976
|
+
return (a, n) => (s(), i(L, null, [
|
|
1975
1977
|
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",
|
|
1978
|
+
t("div", Xn, [
|
|
1977
1979
|
t("button", {
|
|
1978
1980
|
type: "button",
|
|
1979
1981
|
onClick: n[0] || (n[0] = (l) => $.value = !$.value),
|
|
@@ -1993,7 +1995,7 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
1993
1995
|
})
|
|
1994
1996
|
], -1)),
|
|
1995
1997
|
n[3] || (n[3] = t("span", null, "Filtros", -1)),
|
|
1996
|
-
t("span",
|
|
1998
|
+
t("span", Zn, w($.value ? "▲" : "▼"), 1)
|
|
1997
1999
|
]),
|
|
1998
2000
|
t("button", {
|
|
1999
2001
|
type: "button",
|
|
@@ -2004,8 +2006,8 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
2004
2006
|
})
|
|
2005
2007
|
}, w(e.isComponentMode ? "⚒️ Modo Configuración" : "👁️ Modo Visual"), 3)
|
|
2006
2008
|
]),
|
|
2007
|
-
U(t("div",
|
|
2008
|
-
(s(!0), i(
|
|
2009
|
+
U(t("div", _n, [
|
|
2010
|
+
(s(!0), i(L, null, z(S.value, (l) => (s(), i("label", {
|
|
2009
2011
|
key: l,
|
|
2010
2012
|
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
2013
|
}, [
|
|
@@ -2013,16 +2015,16 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
2013
2015
|
type: "checkbox",
|
|
2014
2016
|
value: l,
|
|
2015
2017
|
checked: y.value.includes(l),
|
|
2016
|
-
onInput:
|
|
2018
|
+
onInput: u,
|
|
2017
2019
|
class: "w-4 h-4 rounded border-slate-300 text-emerald-500 focus:ring-emerald-500"
|
|
2018
|
-
}, null, 40,
|
|
2019
|
-
|
|
2020
|
+
}, null, 40, el),
|
|
2021
|
+
O(" " + w(l), 1)
|
|
2020
2022
|
], 2))), 128))
|
|
2021
2023
|
], 512), [
|
|
2022
|
-
[
|
|
2024
|
+
[Se, $.value]
|
|
2023
2025
|
]),
|
|
2024
|
-
t("div",
|
|
2025
|
-
t("div",
|
|
2026
|
+
t("div", tl, [
|
|
2027
|
+
t("div", ol, [
|
|
2026
2028
|
n[4] || (n[4] = t("svg", {
|
|
2027
2029
|
class: "absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-slate-400",
|
|
2028
2030
|
fill: "none",
|
|
@@ -2037,23 +2039,23 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
2037
2039
|
})
|
|
2038
2040
|
], -1)),
|
|
2039
2041
|
t("input", {
|
|
2040
|
-
onInput:
|
|
2042
|
+
onInput: f,
|
|
2041
2043
|
type: "text",
|
|
2042
2044
|
placeholder: "Buscar componente...",
|
|
2043
2045
|
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
2046
|
}, null, 32)
|
|
2045
2047
|
])
|
|
2046
2048
|
]),
|
|
2047
|
-
t("div",
|
|
2048
|
-
Y(H(
|
|
2049
|
+
t("div", nl, [
|
|
2050
|
+
Y(H(pe), {
|
|
2049
2051
|
class: "w-full flex flex-col gap-4",
|
|
2050
2052
|
list: b.value,
|
|
2051
2053
|
group: { name: "draggingGroup", pull: "clone", put: !1 },
|
|
2052
2054
|
itemKey: "name",
|
|
2053
2055
|
clone: (l) => JSON.parse(JSON.stringify(l))
|
|
2054
2056
|
}, {
|
|
2055
|
-
item:
|
|
2056
|
-
Y(
|
|
2057
|
+
item: fe(({ element: l }) => [
|
|
2058
|
+
Y(ve, {
|
|
2057
2059
|
renderApiDomain: e.renderApiDomain,
|
|
2058
2060
|
object: l,
|
|
2059
2061
|
"is-component-mode": e.isComponentMode,
|
|
@@ -2066,7 +2068,7 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
2066
2068
|
]),
|
|
2067
2069
|
_: 1
|
|
2068
2070
|
}, 8, ["list", "clone"]),
|
|
2069
|
-
b.value.length === 0 ? (s(), i("div",
|
|
2071
|
+
b.value.length === 0 ? (s(), i("div", ll, [...n[5] || (n[5] = [
|
|
2070
2072
|
t("svg", {
|
|
2071
2073
|
class: "w-12 h-12 mx-auto mb-3 opacity-50",
|
|
2072
2074
|
fill: "none",
|
|
@@ -2082,14 +2084,14 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
2082
2084
|
], -1),
|
|
2083
2085
|
t("p", { class: "text-sm font-medium" }, "No se encontraron componentes", -1),
|
|
2084
2086
|
t("p", { class: "text-xs mt-1" }, "Intenta con otros filtros o términos de búsqueda", -1)
|
|
2085
|
-
])])) :
|
|
2087
|
+
])])) : I("", !0)
|
|
2086
2088
|
])
|
|
2087
2089
|
], 64));
|
|
2088
2090
|
}
|
|
2089
|
-
}),
|
|
2091
|
+
}), 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
2092
|
key: 1,
|
|
2091
2093
|
class: "w-1/4 px-3 overflow-y-auto h-screen sticky top-0"
|
|
2092
|
-
},
|
|
2094
|
+
}, pl = /* @__PURE__ */ Z({
|
|
2093
2095
|
__name: "Pagebuilder",
|
|
2094
2096
|
props: {
|
|
2095
2097
|
isProduction: { type: Boolean },
|
|
@@ -2104,15 +2106,15 @@ const pt = /* @__PURE__ */ Me(Ie, [["render", ft]]), vt = {
|
|
|
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
|
+
pl as Pagebuilder,
|
|
2479
|
+
Wn as RowConfig,
|
|
2480
|
+
zt as SourceFilter,
|
|
2481
|
+
pl as default
|
|
2442
2482
|
};
|