lf-pagebuilder-vue 0.0.19 → 0.0.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +1 -1
- package/dist/index.js +539 -540
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
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
|
|
2
|
+
import { defineComponent as Z, ref as I, computed as _, openBlock as s, createElementBlock as i, createElementVNode as t, withModifiers as se, withDirectives as U, vModelText as oe, createCommentVNode as j, normalizeClass as K, toDisplayString as w, Fragment as T, renderList as N, vModelSelect as Q, vModelCheckbox as re, onMounted as le, onUnmounted as ye, createTextVNode as D, createBlock as me, unref as H, createVNode as Y, watch as ae, nextTick as Ce, withCtx as be, vShow as $e, reactive as ke } from "vue";
|
|
3
3
|
import { listComponents as Se } from "libreria-astro-lefebvre";
|
|
4
4
|
import { QuillEditor as Pe } from "@vueup/vue-quill";
|
|
5
5
|
import ge from "vuedraggable";
|
|
@@ -31,113 +31,113 @@ const Fe = Z({
|
|
|
31
31
|
"update:parametersPageConfiguration.seo.description"
|
|
32
32
|
],
|
|
33
33
|
setup(e) {
|
|
34
|
-
const o = e.renderApiDomain || "http://localhost:8003", x =
|
|
34
|
+
const o = e.renderApiDomain || "http://localhost:8003", x = I(""), k = I(!1), C = I(!1), y = I(null), d = _({
|
|
35
35
|
get() {
|
|
36
|
-
var
|
|
37
|
-
const B = (
|
|
36
|
+
var $, r;
|
|
37
|
+
const B = ($ = e.globalPageConfiguration) == null ? void 0 : $.find((p) => p.section === e.sectionSelected);
|
|
38
38
|
return ((r = B == null ? void 0 : B.config) == null ? void 0 : r.width) || "";
|
|
39
39
|
},
|
|
40
40
|
set(B) {
|
|
41
41
|
var r;
|
|
42
|
-
const
|
|
43
|
-
|
|
42
|
+
const $ = (r = e.globalPageConfiguration) == null ? void 0 : r.find((p) => p.section === e.sectionSelected);
|
|
43
|
+
$ && ($.config || ($.config = {}), $.config.width = B);
|
|
44
44
|
}
|
|
45
|
-
}),
|
|
45
|
+
}), g = () => {
|
|
46
46
|
const B = {
|
|
47
47
|
pageConfig: e.globalPageConfiguration,
|
|
48
48
|
paramsConfig: e.parametersPageConfiguration
|
|
49
|
-
},
|
|
49
|
+
}, $ = JSON.stringify(B), r = new CustomEvent("lf-pagebuilder:export", {
|
|
50
50
|
detail: { ...B, inputId: e.inputId }
|
|
51
51
|
});
|
|
52
52
|
document.dispatchEvent(r);
|
|
53
|
-
const
|
|
54
|
-
|
|
55
|
-
},
|
|
53
|
+
const p = window.open("", "Preview", "width='100vw',height='100vh'");
|
|
54
|
+
p && (p.document.body.innerText = $, p.document.close());
|
|
55
|
+
}, v = () => {
|
|
56
56
|
const B = {
|
|
57
57
|
pageConfig: e.globalPageConfiguration,
|
|
58
58
|
paramsConfig: e.parametersPageConfiguration
|
|
59
|
-
},
|
|
60
|
-
|
|
59
|
+
}, $ = JSON.stringify(B);
|
|
60
|
+
u($);
|
|
61
61
|
const r = new CustomEvent("lf-pagebuilder:save", {
|
|
62
62
|
detail: { ...B, inputId: e.inputId }
|
|
63
63
|
});
|
|
64
64
|
if (document.dispatchEvent(r), e.inputId) {
|
|
65
|
-
const
|
|
66
|
-
|
|
65
|
+
const p = document.getElementById(e.inputId);
|
|
66
|
+
p && (p.value = $);
|
|
67
67
|
}
|
|
68
|
-
if (
|
|
69
|
-
|
|
68
|
+
if (C.value = !0, setTimeout(() => {
|
|
69
|
+
C.value = !1;
|
|
70
70
|
}, 3e3), e.submitForm && y.value) {
|
|
71
|
-
const
|
|
72
|
-
|
|
71
|
+
const p = y.value.closest("form");
|
|
72
|
+
p && p.submit();
|
|
73
73
|
}
|
|
74
|
-
},
|
|
75
|
-
const
|
|
76
|
-
localStorage.setItem(
|
|
74
|
+
}, u = (B) => {
|
|
75
|
+
const $ = e.inputId ? `pageBuilderConfig_${e.inputId}` : "pageBuilderConfig";
|
|
76
|
+
localStorage.setItem($, B);
|
|
77
77
|
};
|
|
78
78
|
return {
|
|
79
79
|
validateSeo: () => {
|
|
80
80
|
const B = {
|
|
81
81
|
pageConfig: e.globalPageConfiguration,
|
|
82
82
|
paramsConfig: e.parametersPageConfiguration
|
|
83
|
-
},
|
|
83
|
+
}, $ = JSON.stringify(B, null, 2);
|
|
84
84
|
fetch(o + "/api/render-html/", {
|
|
85
85
|
method: "POST",
|
|
86
86
|
headers: {
|
|
87
87
|
"Content-Type": "application/json"
|
|
88
88
|
},
|
|
89
|
-
body:
|
|
89
|
+
body: $
|
|
90
90
|
}).then((r) => r.text()).then((r) => {
|
|
91
|
-
const
|
|
92
|
-
if (!
|
|
91
|
+
const p = window.open("", "Preview", "width='100vw',height='100vh'");
|
|
92
|
+
if (!p) return;
|
|
93
93
|
const V = new DOMParser().parseFromString(r, "text/html"), z = [];
|
|
94
|
-
function
|
|
95
|
-
if (!
|
|
96
|
-
const J =
|
|
94
|
+
function M(S, E = 0) {
|
|
95
|
+
if (!S || S.nodeType !== 1) return;
|
|
96
|
+
const J = S.tagName.toLowerCase();
|
|
97
97
|
["h1", "h2", "h3", "h4", "h5", "h6", "a", "p", "article", "section", "header", "footer"].includes(J) && z.push({
|
|
98
98
|
tag: J,
|
|
99
|
-
text: (
|
|
100
|
-
depth:
|
|
101
|
-
}), Array.from(
|
|
99
|
+
text: (S.textContent || "").trim().slice(0, 80),
|
|
100
|
+
depth: E
|
|
101
|
+
}), Array.from(S.children).forEach((q) => M(q, E + 1));
|
|
102
102
|
}
|
|
103
|
-
|
|
104
|
-
let
|
|
105
|
-
z.forEach((
|
|
106
|
-
|
|
107
|
-
}),
|
|
103
|
+
M(V.body);
|
|
104
|
+
let b = '<h2>Estructura SEO</h2><ul style="font-family:monospace">';
|
|
105
|
+
z.forEach((S) => {
|
|
106
|
+
b += `<li style="margin-left:${S.depth * 20}px"><b>${S.tag}</b>: ${S.text}</li>`;
|
|
107
|
+
}), b += "</ul>", p.document.body.innerHTML = b, p.document.close();
|
|
108
108
|
});
|
|
109
109
|
},
|
|
110
110
|
importConfig: x,
|
|
111
|
-
showAdvancedConfig:
|
|
111
|
+
showAdvancedConfig: k,
|
|
112
112
|
previewFunction: () => {
|
|
113
113
|
const B = {
|
|
114
114
|
pageConfig: e.globalPageConfiguration,
|
|
115
115
|
paramsConfig: e.parametersPageConfiguration
|
|
116
|
-
},
|
|
116
|
+
}, $ = JSON.stringify(B, null, 2);
|
|
117
117
|
fetch(o + "/api/render-html/", {
|
|
118
118
|
method: "POST",
|
|
119
119
|
headers: {
|
|
120
120
|
"Content-Type": "application/json"
|
|
121
121
|
},
|
|
122
|
-
body:
|
|
122
|
+
body: $
|
|
123
123
|
}).then((r) => r.text()).then((r) => {
|
|
124
|
-
const
|
|
125
|
-
|
|
126
|
-
var
|
|
127
|
-
const z =
|
|
128
|
-
V.src ? z.src = V.src : z.textContent = V.textContent, (
|
|
129
|
-
}),
|
|
124
|
+
const p = window.open("", "Preview", "width='100vw',height='100vh'");
|
|
125
|
+
p && (p.document.body.innerHTML = r, p.document.querySelectorAll("script").forEach((V) => {
|
|
126
|
+
var M;
|
|
127
|
+
const z = p.document.createElement("script");
|
|
128
|
+
V.src ? z.src = V.src : z.textContent = V.textContent, (M = V.parentNode) == null || M.replaceChild(z, V);
|
|
129
|
+
}), p.document.close());
|
|
130
130
|
});
|
|
131
131
|
},
|
|
132
132
|
importFunction: () => {
|
|
133
133
|
e.importConfigurationFunction && e.importConfigurationFunction(x.value), x.value = "";
|
|
134
134
|
},
|
|
135
|
-
exportFunction:
|
|
136
|
-
saveButtonAction:
|
|
135
|
+
exportFunction: g,
|
|
136
|
+
saveButtonAction: v,
|
|
137
137
|
loadFromLocalStorage: () => {
|
|
138
|
-
const B = e.inputId ? `pageBuilderConfig_${e.inputId}` : "pageBuilderConfig",
|
|
139
|
-
if (
|
|
140
|
-
const r = JSON.parse(
|
|
138
|
+
const B = e.inputId ? `pageBuilderConfig_${e.inputId}` : "pageBuilderConfig", $ = localStorage.getItem(B);
|
|
139
|
+
if ($ && e.importConfigurationFunction) {
|
|
140
|
+
const r = JSON.parse($);
|
|
141
141
|
e.importConfigurationFunction(r);
|
|
142
142
|
}
|
|
143
143
|
},
|
|
@@ -146,14 +146,14 @@ const Fe = Z({
|
|
|
146
146
|
B && B.classList.toggle("expanded-page-builder");
|
|
147
147
|
},
|
|
148
148
|
sectionWidth: d,
|
|
149
|
-
isSaved:
|
|
149
|
+
isSaved: C,
|
|
150
150
|
componentRoot: y
|
|
151
151
|
};
|
|
152
152
|
}
|
|
153
153
|
}), je = (e, o) => {
|
|
154
154
|
const x = e.__vccOpts || e;
|
|
155
|
-
for (const [
|
|
156
|
-
x[
|
|
155
|
+
for (const [k, C] of o)
|
|
156
|
+
x[k] = C;
|
|
157
157
|
return x;
|
|
158
158
|
}, Ie = { ref: "componentRoot" }, Me = {
|
|
159
159
|
key: 0,
|
|
@@ -162,7 +162,7 @@ const Fe = Z({
|
|
|
162
162
|
key: 1,
|
|
163
163
|
class: "bg-white border border-slate-200 rounded-2xl p-5 mx-3 mb-6 shadow-lg"
|
|
164
164
|
}, Xe = { class: "flex flex-row gap-4 w-full" }, Ze = { class: "border border-slate-200 rounded-xl p-5 w-full bg-gradient-to-br from-slate-50 to-white" }, _e = { class: "flex flex-col gap-3 border-b border-slate-200 pb-4 w-full" }, et = { class: "mb-3" }, tt = { class: "flex items-center gap-3 cursor-pointer group" }, ot = { class: "mb-3" }, nt = { class: "flex items-center gap-3 cursor-pointer group" }, lt = { class: "mb-3" }, at = { class: "mb-3" }, rt = { class: "mb-3" }, st = { class: "border border-slate-200 rounded-xl p-5 w-full bg-gradient-to-br from-slate-50 to-white" }, it = { class: "flex justify-between items-center mb-4" }, dt = { class: "flex flex-col gap-3 border-b border-slate-200 pb-4 w-full" }, ut = { class: "mb-3" }, ct = { class: "mb-3" }, mt = { class: "mb-3" };
|
|
165
|
-
function bt(e, o, x,
|
|
165
|
+
function bt(e, o, x, k, C, y) {
|
|
166
166
|
return s(), i("div", Ie, [
|
|
167
167
|
e.debugMode ? (s(), i("div", Me, [
|
|
168
168
|
t("div", Be, [
|
|
@@ -194,23 +194,23 @@ function bt(e, o, x, S, $, y) {
|
|
|
194
194
|
class: "cursor-pointer bg-white hover:bg-slate-700 hover:text-white border border-slate-200 hover:border-slate-700 rounded-lg px-3 py-1.5 text-sm font-medium transition-all duration-200 shadow-sm hover:shadow-md"
|
|
195
195
|
}, "🚀 Exportar")
|
|
196
196
|
])
|
|
197
|
-
])) :
|
|
197
|
+
])) : j("", !0),
|
|
198
198
|
t("div", Ae, [
|
|
199
199
|
t("div", Ee, [
|
|
200
200
|
t("button", {
|
|
201
201
|
type: "button",
|
|
202
202
|
class: K([[e.isComponentMode ? "bg-gradient-to-r from-slate-600 to-slate-700 border-slate-700 text-white shadow-md" : "bg-white hover:bg-slate-100"], "cursor-pointer border border-slate-200 rounded-lg py-1.5 px-3 text-sm font-medium transition-all duration-200"]),
|
|
203
203
|
onClick: o[4] || (o[4] = (d) => {
|
|
204
|
-
var
|
|
205
|
-
return (
|
|
204
|
+
var g;
|
|
205
|
+
return (g = e.toggleComponentModeFunction) == null ? void 0 : g.call(e);
|
|
206
206
|
})
|
|
207
207
|
}, w(e.isComponentMode ? "⚒️ Modo Configuración" : "👁️ Modo Visual"), 3),
|
|
208
208
|
t("button", {
|
|
209
209
|
type: "button",
|
|
210
210
|
class: K([[e.fullwidthMode ? "bg-white hover:bg-slate-100" : "bg-gradient-to-r from-slate-600 to-slate-700 border-slate-700 text-white shadow-md"], "cursor-pointer border border-slate-200 rounded-lg py-1.5 px-3 text-sm font-medium transition-all duration-200"]),
|
|
211
211
|
onClick: o[5] || (o[5] = (d) => {
|
|
212
|
-
var
|
|
213
|
-
return (
|
|
212
|
+
var g;
|
|
213
|
+
return (g = e.toggleFullwidthMode) == null ? void 0 : g.call(e);
|
|
214
214
|
})
|
|
215
215
|
}, w(e.fullwidthMode ? "⚒️ Comps. Plegados" : "👁️ Comps. Desplegados"), 3)
|
|
216
216
|
]),
|
|
@@ -220,8 +220,8 @@ function bt(e, o, x, S, $, y) {
|
|
|
220
220
|
onChange: o[6] || (o[6] = (d) => e.$emit("update:sectionSelected", d.target.value)),
|
|
221
221
|
class: "bg-white border border-slate-200 rounded-lg px-3 py-1.5 cursor-pointer text-sm focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 transition-colors"
|
|
222
222
|
}, [
|
|
223
|
-
(s(!0), i(
|
|
224
|
-
key:
|
|
223
|
+
(s(!0), i(T, null, N(e.availableSections, (d, g) => (s(), i("option", {
|
|
224
|
+
key: g,
|
|
225
225
|
value: d
|
|
226
226
|
}, w(d), 9, De))), 128))
|
|
227
227
|
], 40, Oe),
|
|
@@ -275,7 +275,7 @@ function bt(e, o, x, S, $, y) {
|
|
|
275
275
|
type: "button",
|
|
276
276
|
onClick: o[11] || (o[11] = (d) => e.loadFromLocalStorage()),
|
|
277
277
|
class: "cursor-pointer bg-white hover:bg-blue-500 hover:text-white hover:border-blue-500 border border-slate-200 rounded-lg px-3 py-1.5 text-sm font-medium transition-all duration-200 shadow-sm hover:shadow-md"
|
|
278
|
-
}, "⤵️ Cargar")) :
|
|
278
|
+
}, "⤵️ Cargar")) : j("", !0),
|
|
279
279
|
t("button", {
|
|
280
280
|
type: "button",
|
|
281
281
|
onClick: o[12] || (o[12] = (d) => e.toggleExpandScreen()),
|
|
@@ -428,7 +428,7 @@ function bt(e, o, x, S, $, y) {
|
|
|
428
428
|
])
|
|
429
429
|
])
|
|
430
430
|
])
|
|
431
|
-
])) :
|
|
431
|
+
])) : j("", !0)
|
|
432
432
|
], 512);
|
|
433
433
|
}
|
|
434
434
|
const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
@@ -455,121 +455,121 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
455
455
|
},
|
|
456
456
|
emits: ["fieldUpdated"],
|
|
457
457
|
setup(e, { emit: o }) {
|
|
458
|
-
const x = e,
|
|
459
|
-
const
|
|
460
|
-
|
|
461
|
-
}, y = (
|
|
458
|
+
const x = e, k = o, C = (g, v) => {
|
|
459
|
+
const u = (x.object.fields || []).find((a) => a.name === g);
|
|
460
|
+
u && (u.example_value = v, k("fieldUpdated", g, v));
|
|
461
|
+
}, y = (g) => {
|
|
462
462
|
var n;
|
|
463
|
-
const
|
|
464
|
-
if (!
|
|
465
|
-
const
|
|
466
|
-
(l) => l.type === "image" &&
|
|
463
|
+
const v = g.target;
|
|
464
|
+
if (!v) return;
|
|
465
|
+
const u = v.id, a = (x.object.fields || []).find(
|
|
466
|
+
(l) => l.type === "image" && u.includes(l.name)
|
|
467
467
|
);
|
|
468
468
|
if (a) {
|
|
469
|
-
const l =
|
|
470
|
-
a.example_value = l,
|
|
469
|
+
const l = v.value || ((n = g.detail) == null ? void 0 : n.value) || "";
|
|
470
|
+
a.example_value = l, k("fieldUpdated", a.name, l), console.log("[FieldsForm] Limbo image selected, field:", a.name, "value:", l);
|
|
471
471
|
}
|
|
472
|
-
}, d = (
|
|
473
|
-
const
|
|
474
|
-
if (!
|
|
475
|
-
const
|
|
476
|
-
(n) => n.type === "image" &&
|
|
472
|
+
}, d = (g) => {
|
|
473
|
+
const v = g.target;
|
|
474
|
+
if (!v || !v.classList.contains("js-limbo")) return;
|
|
475
|
+
const u = v.id, a = (x.object.fields || []).find(
|
|
476
|
+
(n) => n.type === "image" && u.includes(n.name)
|
|
477
477
|
);
|
|
478
|
-
a && (a.example_value =
|
|
478
|
+
a && (a.example_value = v.value, k("fieldUpdated", a.name, v.value), console.log("[FieldsForm] Input change detected, field:", a.name, "value:", v.value));
|
|
479
479
|
};
|
|
480
480
|
return le(() => {
|
|
481
481
|
document.addEventListener("limbo:imageSelected", y), document.addEventListener("limbo:resultReady", y), document.addEventListener("change", d);
|
|
482
482
|
}), ye(() => {
|
|
483
483
|
document.removeEventListener("limbo:imageSelected", y), document.removeEventListener("limbo:resultReady", y), document.removeEventListener("change", d);
|
|
484
|
-
}), (
|
|
485
|
-
e.showForm ? (s(), i("div", ft)) :
|
|
484
|
+
}), (g, v) => (s(), i(T, null, [
|
|
485
|
+
e.showForm ? (s(), i("div", ft)) : j("", !0),
|
|
486
486
|
t("div", {
|
|
487
487
|
class: K(e.showForm ? "relative top-0 w-full text-slate-600 border-1 my-2 px-4 pt-2 pb-3 w-full border-slate-200 bg-slate-50 inline-block rounded-lg flex flex-col z-101" : "hidden")
|
|
488
488
|
}, [
|
|
489
489
|
t("div", pt, [
|
|
490
490
|
t("span", {
|
|
491
|
-
onClick:
|
|
492
|
-
(...
|
|
491
|
+
onClick: v[0] || (v[0] = //@ts-ignore
|
|
492
|
+
(...u) => e.toggleShowForm && e.toggleShowForm(...u)),
|
|
493
493
|
class: "cursor-pointer hover:scale-125 transition-all duration-300"
|
|
494
494
|
}, "❌")
|
|
495
495
|
]),
|
|
496
496
|
t("form", null, [
|
|
497
|
-
(s(!0), i(
|
|
497
|
+
(s(!0), i(T, null, N(e.object.fields, (u, a) => (s(), i("div", {
|
|
498
498
|
key: a,
|
|
499
499
|
class: "mb-4"
|
|
500
500
|
}, [
|
|
501
501
|
t("label", {
|
|
502
|
-
for: `${e.object.id}-${
|
|
502
|
+
for: `${e.object.id}-${u.name}-${a}`,
|
|
503
503
|
class: "block text-sm font-medium mb-1"
|
|
504
504
|
}, [
|
|
505
|
-
D(w(
|
|
506
|
-
|
|
505
|
+
D(w(u.label) + " ", 1),
|
|
506
|
+
u.mandatory ? (s(), i("span", xt, "*")) : j("", !0)
|
|
507
507
|
], 8, vt),
|
|
508
|
-
|
|
508
|
+
u.type === "text" ? (s(), i("input", {
|
|
509
509
|
key: 0,
|
|
510
|
-
id: `${e.object.id}-${
|
|
511
|
-
name: `${e.object.id}-${
|
|
510
|
+
id: `${e.object.id}-${u.name}-${a}`,
|
|
511
|
+
name: `${e.object.id}-${u.name}-${a}`,
|
|
512
512
|
type: "text",
|
|
513
513
|
class: "w-full px-3 py-2 border border-slate-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-400",
|
|
514
|
-
placeholder:
|
|
515
|
-
required:
|
|
516
|
-
value:
|
|
517
|
-
onInput: (n) =>
|
|
518
|
-
}, null, 40, ht)) :
|
|
519
|
-
|
|
514
|
+
placeholder: u.label,
|
|
515
|
+
required: u.mandatory,
|
|
516
|
+
value: u.example_value,
|
|
517
|
+
onInput: (n) => C(u.name, n.target.value)
|
|
518
|
+
}, null, 40, ht)) : j("", !0),
|
|
519
|
+
u.type === "image" ? (s(), i("input", {
|
|
520
520
|
key: 1,
|
|
521
|
-
id: `${e.object.id}-${
|
|
522
|
-
name: `${e.object.id}-${
|
|
523
|
-
"data-mandatoryCrops":
|
|
521
|
+
id: `${e.object.id}-${u.name}-${a}`,
|
|
522
|
+
name: `${e.object.id}-${u.name}-${a}`,
|
|
523
|
+
"data-mandatoryCrops": u.image_cuts ? JSON.stringify(u.image_cuts) : null,
|
|
524
524
|
type: "text",
|
|
525
525
|
class: "js-limbo w-full px-3 py-2 border border-slate-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-400",
|
|
526
|
-
placeholder:
|
|
527
|
-
required:
|
|
528
|
-
value:
|
|
529
|
-
onInput: (n) =>
|
|
530
|
-
}, null, 40, wt)) :
|
|
526
|
+
placeholder: u.label,
|
|
527
|
+
required: u.mandatory,
|
|
528
|
+
value: u.example_value,
|
|
529
|
+
onInput: (n) => C(u.name, n.target.value)
|
|
530
|
+
}, null, 40, wt)) : u.type === "textArea" ? (s(), me(H(Pe), {
|
|
531
531
|
key: 2,
|
|
532
532
|
theme: "snow",
|
|
533
|
-
id: `${e.object.id}-${
|
|
534
|
-
name: `${e.object.id}-${
|
|
533
|
+
id: `${e.object.id}-${u.name}-${a}`,
|
|
534
|
+
name: `${e.object.id}-${u.name}-${a}`,
|
|
535
535
|
rows: "3",
|
|
536
536
|
class: "w-full px-3 py-2 border border-slate-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-400 z-9999",
|
|
537
|
-
placeholder:
|
|
538
|
-
required:
|
|
537
|
+
placeholder: u.label,
|
|
538
|
+
required: u.mandatory,
|
|
539
539
|
"onUpdate:content": (n) => {
|
|
540
|
-
|
|
540
|
+
C(u.name, n);
|
|
541
541
|
},
|
|
542
|
-
content:
|
|
543
|
-
modelValue:
|
|
544
|
-
"onUpdate:modelValue": (n) =>
|
|
542
|
+
content: u.example_value,
|
|
543
|
+
modelValue: u.example_value,
|
|
544
|
+
"onUpdate:modelValue": (n) => u.example_value = n,
|
|
545
545
|
contentType: "html"
|
|
546
|
-
}, null, 8, ["id", "name", "placeholder", "required", "onUpdate:content", "content", "modelValue", "onUpdate:modelValue"])) :
|
|
546
|
+
}, null, 8, ["id", "name", "placeholder", "required", "onUpdate:content", "content", "modelValue", "onUpdate:modelValue"])) : u.type === "select" ? (s(), i("select", {
|
|
547
547
|
key: 3,
|
|
548
|
-
id: `${e.object.id}-${
|
|
549
|
-
name: `${e.object.id}-${
|
|
548
|
+
id: `${e.object.id}-${u.name}-${a}`,
|
|
549
|
+
name: `${e.object.id}-${u.name}-${a}`,
|
|
550
550
|
class: "w-full px-3 py-2 border border-slate-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-400",
|
|
551
|
-
required:
|
|
552
|
-
value:
|
|
553
|
-
onInput: (n) =>
|
|
551
|
+
required: u.mandatory,
|
|
552
|
+
value: u.example_value,
|
|
553
|
+
onInput: (n) => C(u.name, n.target.value)
|
|
554
554
|
}, [
|
|
555
|
-
|
|
555
|
+
v[1] || (v[1] = t("option", {
|
|
556
556
|
disabled: "",
|
|
557
557
|
value: ""
|
|
558
558
|
}, "Seleccione una opción", -1)),
|
|
559
|
-
(s(!0), i(
|
|
559
|
+
(s(!0), i(T, null, N(u.options || [], (n, l) => (s(), i("option", {
|
|
560
560
|
key: l,
|
|
561
561
|
value: n
|
|
562
562
|
}, w(n), 9, Ct))), 128))
|
|
563
|
-
], 40, yt)) :
|
|
563
|
+
], 40, yt)) : u.type === "boolean" ? (s(), i("input", {
|
|
564
564
|
key: 4,
|
|
565
|
-
id: `${e.object.id}-${
|
|
566
|
-
name: `${e.object.id}-${
|
|
565
|
+
id: `${e.object.id}-${u.name}-${a}`,
|
|
566
|
+
name: `${e.object.id}-${u.name}-${a}`,
|
|
567
567
|
type: "checkbox",
|
|
568
568
|
class: "h-4 w-4 text-blue-600 focus:ring-blue-500 border-slate-300 rounded inline-block",
|
|
569
|
-
required:
|
|
570
|
-
checked:
|
|
571
|
-
onChange: (n) =>
|
|
572
|
-
}, null, 40, $t)) :
|
|
569
|
+
required: u.mandatory,
|
|
570
|
+
checked: u.example_value,
|
|
571
|
+
onChange: (n) => C(u.name, n.target.checked)
|
|
572
|
+
}, null, 40, $t)) : j("", !0)
|
|
573
573
|
]))), 128))
|
|
574
574
|
])
|
|
575
575
|
], 2)
|
|
@@ -598,7 +598,7 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
598
598
|
}
|
|
599
599
|
},
|
|
600
600
|
setup(e) {
|
|
601
|
-
const o = e, x =
|
|
601
|
+
const o = e, x = I(!1), k = I(null), C = I({}), y = _(() => {
|
|
602
602
|
const a = o.isProduction;
|
|
603
603
|
return [
|
|
604
604
|
{
|
|
@@ -647,24 +647,24 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
647
647
|
}
|
|
648
648
|
];
|
|
649
649
|
}), d = _(() => {
|
|
650
|
-
if (!
|
|
650
|
+
if (!k.value)
|
|
651
651
|
return [];
|
|
652
|
-
const a = y.value.find((n) => n.id ===
|
|
652
|
+
const a = y.value.find((n) => n.id === k.value);
|
|
653
653
|
return a ? a.filters : [];
|
|
654
|
-
}),
|
|
655
|
-
|
|
656
|
-
},
|
|
657
|
-
|
|
658
|
-
},
|
|
654
|
+
}), g = (a, n) => {
|
|
655
|
+
C.value[a] = n;
|
|
656
|
+
}, v = () => {
|
|
657
|
+
C.value = {};
|
|
658
|
+
}, u = async () => {
|
|
659
659
|
x.value = !0;
|
|
660
|
-
const a = y.value.find((l) => l.id ===
|
|
660
|
+
const a = y.value.find((l) => l.id === k.value);
|
|
661
661
|
if (!a) {
|
|
662
662
|
console.error("Origen no encontrado"), x.value = !1;
|
|
663
663
|
return;
|
|
664
664
|
}
|
|
665
665
|
const n = new URL(a.apiUrl);
|
|
666
|
-
Object.keys(
|
|
667
|
-
|
|
666
|
+
Object.keys(C.value).forEach((l) => {
|
|
667
|
+
C.value[l] && n.searchParams.append(l, C.value[l]);
|
|
668
668
|
});
|
|
669
669
|
try {
|
|
670
670
|
const h = await (await fetch(n.toString(), {
|
|
@@ -672,16 +672,16 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
672
672
|
headers: {
|
|
673
673
|
Accept: "text/xml, application/xml"
|
|
674
674
|
}
|
|
675
|
-
})).text(), B = new DOMParser().parseFromString(h, "text/xml"),
|
|
676
|
-
const
|
|
675
|
+
})).text(), B = new DOMParser().parseFromString(h, "text/xml"), $ = Array.from(B.querySelectorAll("item")).map((r) => {
|
|
676
|
+
const p = {};
|
|
677
677
|
return Array.from(r.children).forEach((G) => {
|
|
678
678
|
G.children.length > 0 ? Array.from(G.children).forEach((V) => {
|
|
679
679
|
const z = `${G.nodeName}_${V.nodeName}`;
|
|
680
|
-
|
|
681
|
-
}) :
|
|
682
|
-
}),
|
|
680
|
+
p[z] = V.textContent || "";
|
|
681
|
+
}) : p[G.nodeName] = G.textContent || "";
|
|
682
|
+
}), p;
|
|
683
683
|
});
|
|
684
|
-
o.onSubmit(
|
|
684
|
+
o.onSubmit($);
|
|
685
685
|
} catch (l) {
|
|
686
686
|
console.error("Error al aplicar filtros:", l), o.onSubmit([]);
|
|
687
687
|
} finally {
|
|
@@ -696,22 +696,22 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
696
696
|
t("div", null, [
|
|
697
697
|
n[1] || (n[1] = t("label", { class: "block text-sm font-semibold text-slate-600 mb-2" }, "Seleccionar origen:", -1)),
|
|
698
698
|
U(t("select", {
|
|
699
|
-
"onUpdate:modelValue": n[0] || (n[0] = (l) =>
|
|
699
|
+
"onUpdate:modelValue": n[0] || (n[0] = (l) => k.value = l),
|
|
700
700
|
class: "w-full px-3 py-2.5 bg-white border border-slate-200 rounded-lg shadow-sm focus:border-emerald-400 focus:ring-2 focus:ring-emerald-500/20 transition-all duration-200 disabled:bg-slate-100 disabled:cursor-not-allowed cursor-pointer",
|
|
701
|
-
onChange:
|
|
701
|
+
onChange: v,
|
|
702
702
|
disabled: x.value
|
|
703
703
|
}, [
|
|
704
|
-
(s(!0), i(
|
|
704
|
+
(s(!0), i(T, null, N(y.value, (l) => (s(), i("option", {
|
|
705
705
|
key: l.id,
|
|
706
706
|
value: l.id
|
|
707
707
|
}, w(l.name), 9, Pt))), 128))
|
|
708
708
|
], 40, St), [
|
|
709
|
-
[Q,
|
|
709
|
+
[Q, k.value]
|
|
710
710
|
])
|
|
711
711
|
]),
|
|
712
712
|
t("div", Ft, [
|
|
713
713
|
d.value.length > 0 ? (s(), i("div", jt, [
|
|
714
|
-
(s(!0), i(
|
|
714
|
+
(s(!0), i(T, null, N(d.value, (l) => (s(), i("div", {
|
|
715
715
|
key: l.id,
|
|
716
716
|
class: "bg-gradient-to-br from-slate-50 to-white p-4 rounded-xl border border-slate-200"
|
|
717
717
|
}, [
|
|
@@ -719,11 +719,11 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
719
719
|
l.type === "select" ? (s(), i("select", {
|
|
720
720
|
key: 0,
|
|
721
721
|
class: "w-full px-3 py-2.5 bg-white border border-slate-200 rounded-lg shadow-sm focus:border-emerald-400 focus:ring-2 focus:ring-emerald-500/20 transition-all duration-200 disabled:bg-slate-100 disabled:cursor-not-allowed cursor-pointer",
|
|
722
|
-
onChange: (h) =>
|
|
722
|
+
onChange: (h) => g(l.id, h.target.value),
|
|
723
723
|
disabled: x.value
|
|
724
724
|
}, [
|
|
725
725
|
n[2] || (n[2] = t("option", { value: "" }, "Seleccionar...", -1)),
|
|
726
|
-
(s(!0), i(
|
|
726
|
+
(s(!0), i(T, null, N(l.options, (h) => (s(), i("option", {
|
|
727
727
|
key: h,
|
|
728
728
|
value: h
|
|
729
729
|
}, w(h), 9, Bt))), 128))
|
|
@@ -731,21 +731,21 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
731
731
|
key: 1,
|
|
732
732
|
type: "date",
|
|
733
733
|
class: "w-full px-3 py-2.5 bg-white border border-slate-200 rounded-lg shadow-sm focus:border-emerald-400 focus:ring-2 focus:ring-emerald-500/20 transition-all duration-200 disabled:bg-slate-100 disabled:cursor-not-allowed",
|
|
734
|
-
onChange: (h) =>
|
|
734
|
+
onChange: (h) => g(l.id, h.target.value),
|
|
735
735
|
disabled: x.value
|
|
736
736
|
}, null, 40, At)) : l.type === "text" ? (s(), i("input", {
|
|
737
737
|
key: 2,
|
|
738
738
|
type: "text",
|
|
739
739
|
class: "w-full px-3 py-2.5 bg-white border border-slate-200 rounded-lg shadow-sm focus:border-emerald-400 focus:ring-2 focus:ring-emerald-500/20 transition-all duration-200 disabled:bg-slate-100 disabled:cursor-not-allowed",
|
|
740
|
-
onInput: (h) =>
|
|
740
|
+
onInput: (h) => g(l.id, h.target.value),
|
|
741
741
|
disabled: x.value,
|
|
742
742
|
placeholder: l.label
|
|
743
|
-
}, null, 40, Et)) :
|
|
743
|
+
}, null, 40, Et)) : j("", !0)
|
|
744
744
|
]))), 128))
|
|
745
|
-
])) :
|
|
745
|
+
])) : j("", !0),
|
|
746
746
|
t("button", {
|
|
747
747
|
type: "button",
|
|
748
|
-
onClick:
|
|
748
|
+
onClick: u,
|
|
749
749
|
class: "cursor-pointer w-full bg-gradient-to-r from-emerald-500 to-teal-500 text-white font-semibold px-4 py-3 rounded-xl shadow-md hover:from-emerald-600 hover:to-teal-600 hover:shadow-lg transform hover:-translate-y-0.5 transition-all duration-200 disabled:from-slate-300 disabled:to-slate-400 disabled:cursor-not-allowed disabled:transform-none disabled:shadow-none flex items-center justify-center gap-2",
|
|
750
750
|
disabled: x.value
|
|
751
751
|
}, [
|
|
@@ -797,52 +797,52 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
797
797
|
}
|
|
798
798
|
},
|
|
799
799
|
setup(e) {
|
|
800
|
-
const o = e, x =
|
|
801
|
-
x.value =
|
|
802
|
-
}, a = (
|
|
803
|
-
|
|
800
|
+
const o = e, x = I(null), k = I(null), C = I(!1), y = I(1), d = I("horizontal"), g = I({}), v = I(null), u = ($) => {
|
|
801
|
+
x.value = $;
|
|
802
|
+
}, a = ($) => {
|
|
803
|
+
k.value = $;
|
|
804
804
|
}, n = () => {
|
|
805
|
-
const
|
|
806
|
-
var
|
|
805
|
+
const $ = o.object.fields.filter((r) => r.mappedTo).map((r) => {
|
|
806
|
+
var p;
|
|
807
807
|
return {
|
|
808
808
|
fieldName: r.name,
|
|
809
809
|
mappedTo: r.mappedTo,
|
|
810
|
-
value: ((
|
|
810
|
+
value: ((p = k.value) == null ? void 0 : p[r.mappedTo]) ?? null
|
|
811
811
|
};
|
|
812
812
|
});
|
|
813
|
-
|
|
814
|
-
...
|
|
815
|
-
dynamicUpdate:
|
|
813
|
+
v.value = {
|
|
814
|
+
...g.value,
|
|
815
|
+
dynamicUpdate: C.value,
|
|
816
816
|
elementCount: y.value,
|
|
817
817
|
orientation: d.value,
|
|
818
|
-
mapping:
|
|
819
|
-
}, o.updateObjectByFeedContent && o.updateObjectByFeedContent(
|
|
820
|
-
}, l = (
|
|
821
|
-
|
|
818
|
+
mapping: $.map(({ fieldName: r, mappedTo: p }) => ({ fieldName: r, mappedTo: p }))
|
|
819
|
+
}, o.updateObjectByFeedContent && o.updateObjectByFeedContent($, v.value), o.toggleFeedSection();
|
|
820
|
+
}, l = ($) => {
|
|
821
|
+
g.value = $;
|
|
822
822
|
}, h = () => {
|
|
823
|
-
var
|
|
824
|
-
(
|
|
823
|
+
var $;
|
|
824
|
+
($ = o.object) != null && $.repeat_data && (v.value = o.object.repeat_data, C.value = o.object.repeat_data.dynamicUpdate || !1, y.value = o.object.repeat_data.elementCount || 1, d.value = o.object.repeat_data.orientation || "horizontal", g.value = {
|
|
825
825
|
name: o.object.repeat_data.name,
|
|
826
826
|
url: o.object.repeat_data.url
|
|
827
827
|
});
|
|
828
828
|
}, L = () => {
|
|
829
|
-
|
|
829
|
+
v.value = null, C.value = !1, y.value = 1, d.value = "horizontal", g.value = {}, o.updateObjectByFeedContent && o.updateObjectByFeedContent([], null);
|
|
830
830
|
}, B = () => {
|
|
831
|
-
var
|
|
832
|
-
|
|
833
|
-
...
|
|
834
|
-
dynamicUpdate:
|
|
831
|
+
var $;
|
|
832
|
+
v.value && (v.value = {
|
|
833
|
+
...v.value,
|
|
834
|
+
dynamicUpdate: C.value,
|
|
835
835
|
elementCount: y.value,
|
|
836
836
|
orientation: d.value
|
|
837
|
-
}, o.updateObjectByFeedContent && o.updateObjectByFeedContent(((
|
|
837
|
+
}, o.updateObjectByFeedContent && o.updateObjectByFeedContent((($ = v.value.mapping) == null ? void 0 : $.map((r) => ({
|
|
838
838
|
fieldName: r.fieldName,
|
|
839
839
|
mappedTo: r.mappedTo,
|
|
840
840
|
value: null
|
|
841
|
-
}))) || [],
|
|
841
|
+
}))) || [], v.value));
|
|
842
842
|
};
|
|
843
843
|
return le(() => {
|
|
844
844
|
h();
|
|
845
|
-
}), (
|
|
845
|
+
}), ($, r) => (s(), i("div", Rt, [
|
|
846
846
|
t("div", Ut, [
|
|
847
847
|
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
848
|
t("span", { class: "text-xl" }, "🍺"),
|
|
@@ -850,7 +850,7 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
850
850
|
], -1)),
|
|
851
851
|
t("button", {
|
|
852
852
|
onClick: r[0] || (r[0] = //@ts-ignore
|
|
853
|
-
(...
|
|
853
|
+
(...p) => e.toggleFeedSection && e.toggleFeedSection(...p)),
|
|
854
854
|
class: "cursor-pointer group w-10 h-10 flex items-center justify-center bg-white hover:bg-red-50 border border-red-200 hover:border-red-400 text-red-400 hover:text-red-600 rounded-full font-semibold shadow-sm hover:shadow-lg transition-all duration-200"
|
|
855
855
|
}, [...r[4] || (r[4] = [
|
|
856
856
|
t("span", { class: "text-lg" }, "✕", -1)
|
|
@@ -859,7 +859,7 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
859
859
|
t("div", zt, [
|
|
860
860
|
t("div", Nt, [
|
|
861
861
|
t("div", Vt, [
|
|
862
|
-
|
|
862
|
+
v.value && v.value.dynamicUpdate ? (s(), i("div", qt, [
|
|
863
863
|
t("div", { class: "flex justify-between items-start" }, [
|
|
864
864
|
r[8] || (r[8] = t("p", { class: "flex items-center gap-2" }, [
|
|
865
865
|
t("span", { class: "text-emerald-500" }, "✓"),
|
|
@@ -886,14 +886,14 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
886
886
|
t("li", Jt, [
|
|
887
887
|
r[9] || (r[9] = t("span", { class: "text-emerald-400" }, "→", -1)),
|
|
888
888
|
r[10] || (r[10] = D(" Conectar con ", -1)),
|
|
889
|
-
t("span", Wt, w(
|
|
889
|
+
t("span", Wt, w(v.value.name), 1)
|
|
890
890
|
]),
|
|
891
891
|
t("li", Ht, [
|
|
892
892
|
r[11] || (r[11] = t("span", { class: "text-emerald-400" }, "→", -1)),
|
|
893
893
|
r[12] || (r[12] = D(" Recuperar ", -1)),
|
|
894
|
-
t("span", Yt, w(
|
|
894
|
+
t("span", Yt, w(v.value.elementCount), 1),
|
|
895
895
|
r[13] || (r[13] = D(" items (", -1)),
|
|
896
|
-
t("span", Kt, w(
|
|
896
|
+
t("span", Kt, w(v.value.orientation), 1),
|
|
897
897
|
r[14] || (r[14] = D(")", -1))
|
|
898
898
|
]),
|
|
899
899
|
t("li", Qt, [
|
|
@@ -901,31 +901,31 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
901
901
|
t("div", null, [
|
|
902
902
|
r[16] || (r[16] = D(" Mapeo: ", -1)),
|
|
903
903
|
t("div", Xt, [
|
|
904
|
-
(s(!0), i(
|
|
904
|
+
(s(!0), i(T, null, N(v.value.mapping, (p, G) => (s(), i("span", {
|
|
905
905
|
key: G,
|
|
906
906
|
class: "inline-flex items-center gap-1 px-2 py-0.5 bg-white rounded-full text-xs border border-slate-200"
|
|
907
907
|
}, [
|
|
908
|
-
t("span", Zt, w(
|
|
908
|
+
t("span", Zt, w(p.fieldName), 1),
|
|
909
909
|
r[15] || (r[15] = t("span", { class: "text-slate-400" }, "←", -1)),
|
|
910
|
-
t("span", _t, w(
|
|
910
|
+
t("span", _t, w(p.mappedTo), 1)
|
|
911
911
|
]))), 128))
|
|
912
912
|
])
|
|
913
913
|
])
|
|
914
914
|
])
|
|
915
915
|
])
|
|
916
|
-
])) :
|
|
916
|
+
])) : j("", !0),
|
|
917
917
|
t("div", eo, [
|
|
918
918
|
t("label", to, [
|
|
919
919
|
U(t("input", {
|
|
920
920
|
type: "checkbox",
|
|
921
|
-
"onUpdate:modelValue": r[1] || (r[1] = (
|
|
921
|
+
"onUpdate:modelValue": r[1] || (r[1] = (p) => C.value = p),
|
|
922
922
|
class: "w-5 h-5 text-emerald-500 border-2 border-slate-300 rounded focus:ring-emerald-500 cursor-pointer"
|
|
923
923
|
}, null, 512), [
|
|
924
|
-
[re,
|
|
924
|
+
[re, C.value]
|
|
925
925
|
]),
|
|
926
926
|
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
927
|
]),
|
|
928
|
-
|
|
928
|
+
C.value ? (s(), i("div", oo, [
|
|
929
929
|
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
930
|
t("div", { class: "flex items-start gap-2" }, [
|
|
931
931
|
t("span", { class: "text-amber-500 mt-0.5" }, "ℹ️"),
|
|
@@ -939,7 +939,7 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
939
939
|
r[19] || (r[19] = t("label", { class: "text-sm font-semibold text-slate-600" }, "Cantidad de elementos:", -1)),
|
|
940
940
|
U(t("input", {
|
|
941
941
|
type: "number",
|
|
942
|
-
"onUpdate:modelValue": r[2] || (r[2] = (
|
|
942
|
+
"onUpdate:modelValue": r[2] || (r[2] = (p) => y.value = p),
|
|
943
943
|
min: "1",
|
|
944
944
|
class: "w-32 px-3 py-2 border border-slate-200 rounded-lg focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 transition-colors"
|
|
945
945
|
}, null, 512), [
|
|
@@ -954,7 +954,7 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
954
954
|
t("div", lo, [
|
|
955
955
|
r[21] || (r[21] = t("label", { class: "text-sm font-semibold text-slate-600" }, "Orientación:", -1)),
|
|
956
956
|
U(t("select", {
|
|
957
|
-
"onUpdate:modelValue": r[3] || (r[3] = (
|
|
957
|
+
"onUpdate:modelValue": r[3] || (r[3] = (p) => d.value = p),
|
|
958
958
|
class: "w-48 px-3 py-2 border border-slate-200 rounded-lg focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 bg-white transition-colors cursor-pointer"
|
|
959
959
|
}, [...r[20] || (r[20] = [
|
|
960
960
|
t("option", {
|
|
@@ -966,7 +966,7 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
966
966
|
[Q, d.value]
|
|
967
967
|
])
|
|
968
968
|
])
|
|
969
|
-
])) :
|
|
969
|
+
])) : j("", !0)
|
|
970
970
|
])
|
|
971
971
|
]),
|
|
972
972
|
t("div", ao, [
|
|
@@ -975,7 +975,7 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
975
975
|
D(" Orígenes y Filtros ")
|
|
976
976
|
], -1)),
|
|
977
977
|
Y(Lt, {
|
|
978
|
-
onSubmit:
|
|
978
|
+
onSubmit: u,
|
|
979
979
|
updateFeedCriteria: l,
|
|
980
980
|
isProduction: e.isProduction
|
|
981
981
|
}, null, 8, ["isProduction"])
|
|
@@ -991,13 +991,13 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
991
991
|
t("p", { class: "text-sm font-medium" }, "No hay contenidos disponibles", -1),
|
|
992
992
|
t("p", { class: "text-xs mt-1 text-slate-300" }, "Selecciona un origen para cargar contenidos", -1)
|
|
993
993
|
])])) : (s(), i("ul", io, [
|
|
994
|
-
(s(!0), i(
|
|
994
|
+
(s(!0), i(T, null, N(x.value, (p, G) => (s(), i("li", {
|
|
995
995
|
key: G,
|
|
996
996
|
class: "p-4 bg-gradient-to-br from-slate-50 to-white rounded-xl shadow-sm hover:shadow-md cursor-pointer hover:scale-[1.01] transition-all duration-200 border border-slate-200 hover:border-emerald-300",
|
|
997
|
-
onClick: (V) => a(
|
|
997
|
+
onClick: (V) => a(p)
|
|
998
998
|
}, [
|
|
999
|
-
t("h4", co, w(
|
|
1000
|
-
t("p", mo, w(
|
|
999
|
+
t("h4", co, w(p.title || p.titulo || "Sin título"), 1),
|
|
1000
|
+
t("p", mo, w(p.description || p.descripcion || p.content || "Sin descripción"), 1)
|
|
1001
1001
|
], 8, uo))), 128))
|
|
1002
1002
|
]))
|
|
1003
1003
|
]),
|
|
@@ -1006,31 +1006,31 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
1006
1006
|
t("span", { class: "text-xl" }, "🔗"),
|
|
1007
1007
|
D(" Relacionar Contenido ")
|
|
1008
1008
|
], -1)),
|
|
1009
|
-
|
|
1010
|
-
(s(!0), i(
|
|
1009
|
+
k.value ? (s(), i("div", fo, [
|
|
1010
|
+
(s(!0), i(T, null, N(e.object.fields, (p, G) => (s(), i("div", {
|
|
1011
1011
|
key: G,
|
|
1012
1012
|
class: "p-4 bg-gradient-to-br from-slate-50 to-white rounded-xl border border-slate-200"
|
|
1013
1013
|
}, [
|
|
1014
1014
|
t("label", po, [
|
|
1015
1015
|
r[27] || (r[27] = t("span", { class: "text-base" }, "⚙️", -1)),
|
|
1016
|
-
D(" " + w(
|
|
1016
|
+
D(" " + w(p.name), 1)
|
|
1017
1017
|
]),
|
|
1018
1018
|
U(t("select", {
|
|
1019
|
-
"onUpdate:modelValue": (V) =>
|
|
1019
|
+
"onUpdate:modelValue": (V) => p.mappedTo = V,
|
|
1020
1020
|
class: "w-full px-3 py-2.5 border border-slate-200 rounded-lg focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 transition-all bg-white cursor-pointer"
|
|
1021
1021
|
}, [
|
|
1022
1022
|
r[28] || (r[28] = t("option", { value: "" }, "-- Seleccionar campo --", -1)),
|
|
1023
|
-
(s(!0), i(
|
|
1023
|
+
(s(!0), i(T, null, N(k.value, (V, z) => (s(), i("option", {
|
|
1024
1024
|
key: z,
|
|
1025
1025
|
value: z
|
|
1026
1026
|
}, w(z), 9, xo))), 128))
|
|
1027
1027
|
], 8, vo), [
|
|
1028
|
-
[Q,
|
|
1028
|
+
[Q, p.mappedTo]
|
|
1029
1029
|
]),
|
|
1030
|
-
|
|
1030
|
+
p.mappedTo ? (s(), i("div", ho, [
|
|
1031
1031
|
r[29] || (r[29] = t("span", { class: "text-xs font-semibold text-emerald-600 uppercase tracking-wide" }, "Vista previa:", -1)),
|
|
1032
|
-
t("p", wo, w(
|
|
1033
|
-
])) :
|
|
1032
|
+
t("p", wo, w(k.value[p.mappedTo]), 1)
|
|
1033
|
+
])) : j("", !0)
|
|
1034
1034
|
]))), 128)),
|
|
1035
1035
|
t("button", {
|
|
1036
1036
|
onClick: n,
|
|
@@ -1101,93 +1101,93 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
1101
1101
|
const o = e, x = {
|
|
1102
1102
|
DEV: "https://led-dev-limbo-dev.eu.els.local",
|
|
1103
1103
|
PROD: "https://limbo.lefebvre.es"
|
|
1104
|
-
},
|
|
1105
|
-
var
|
|
1106
|
-
if (!
|
|
1107
|
-
const
|
|
1104
|
+
}, k = (M) => M ? M.startsWith("/files/") ? (o.isProduction ? x.PROD : x.DEV) + M : M : "", C = (M) => {
|
|
1105
|
+
var S, E;
|
|
1106
|
+
if (!M) return "";
|
|
1107
|
+
const b = M.replace(/"/g, '"').replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/'/g, "'");
|
|
1108
1108
|
try {
|
|
1109
|
-
const J = JSON.parse(
|
|
1110
|
-
return X ?
|
|
1109
|
+
const J = JSON.parse(b), q = (ee) => ee && !ee.startsWith("blob:"), X = (S = J.images) == null ? void 0 : S.find((ee) => q(ee == null ? void 0 : ee.url));
|
|
1110
|
+
return X ? k(X.url) : q((E = J.original) == null ? void 0 : E.url) ? k(J.original.url) : q(J.url) ? k(J.url) : "";
|
|
1111
1111
|
} catch {
|
|
1112
|
-
return
|
|
1112
|
+
return b.startsWith("blob:") ? "" : b.startsWith("/files/") ? k(b) : b.startsWith("http") || b.startsWith("/") ? b : M.startsWith("{") ? "" : M;
|
|
1113
1113
|
}
|
|
1114
|
-
}, y = Math.random().toString(36).substring(2, 15), d =
|
|
1115
|
-
ae(() => o.isComponentMode, (
|
|
1116
|
-
|
|
1114
|
+
}, y = Math.random().toString(36).substring(2, 15), d = I(!1), g = I(!1), v = I(null), u = I(null), a = I(!1), n = I(!1);
|
|
1115
|
+
ae(() => o.isComponentMode, (M) => {
|
|
1116
|
+
M || l();
|
|
1117
1117
|
}), ae(() => o.object, () => {
|
|
1118
1118
|
l();
|
|
1119
|
-
}, { deep: !0 }), ae(a, async (
|
|
1120
|
-
|
|
1119
|
+
}, { deep: !0 }), ae(a, async (M) => {
|
|
1120
|
+
M && (await Ce(), z());
|
|
1121
1121
|
});
|
|
1122
1122
|
const l = () => {
|
|
1123
|
-
|
|
1123
|
+
v.value && clearTimeout(v.value), v.value = setTimeout(() => {
|
|
1124
1124
|
z();
|
|
1125
1125
|
}, 500);
|
|
1126
1126
|
}, h = () => {
|
|
1127
1127
|
if (o.isComponentMode) return;
|
|
1128
|
-
const
|
|
1129
|
-
|
|
1130
|
-
|
|
1128
|
+
const M = new IntersectionObserver((b) => {
|
|
1129
|
+
b.forEach((S) => {
|
|
1130
|
+
S.isIntersecting && !a.value && (a.value = !0, M.disconnect());
|
|
1131
1131
|
});
|
|
1132
1132
|
}, { threshold: 0.1 });
|
|
1133
|
-
|
|
1134
|
-
}, L = (
|
|
1135
|
-
const
|
|
1136
|
-
|
|
1137
|
-
}, B = (
|
|
1138
|
-
|
|
1139
|
-
|
|
1140
|
-
}), o.object.repeat_data =
|
|
1141
|
-
},
|
|
1142
|
-
|
|
1133
|
+
u.value && M.observe(u.value);
|
|
1134
|
+
}, L = (M, b) => {
|
|
1135
|
+
const S = (o.object.fields || []).find((E) => E.name === M);
|
|
1136
|
+
S && (S.example_value = b);
|
|
1137
|
+
}, B = (M, b) => {
|
|
1138
|
+
M.forEach((S) => {
|
|
1139
|
+
S.value !== void 0 && L(S.fieldName, S.value);
|
|
1140
|
+
}), o.object.repeat_data = b;
|
|
1141
|
+
}, $ = () => {
|
|
1142
|
+
g.value = !g.value;
|
|
1143
1143
|
}, r = () => {
|
|
1144
1144
|
n.value = !n.value;
|
|
1145
|
-
},
|
|
1146
|
-
console.log("[InitialComponent] Field updated from FieldsForm:",
|
|
1145
|
+
}, p = (M, b) => {
|
|
1146
|
+
console.log("[InitialComponent] Field updated from FieldsForm:", M, b), l();
|
|
1147
1147
|
}, G = () => {
|
|
1148
|
-
z(!0).then((
|
|
1149
|
-
const
|
|
1150
|
-
if (!
|
|
1148
|
+
z(!0).then((M) => {
|
|
1149
|
+
const b = window.open("", "Preview", "width=1200,height=800");
|
|
1150
|
+
if (!b) {
|
|
1151
1151
|
alert("El navegador bloqueó la ventana emergente. Por favor, permite los popups para este sitio.");
|
|
1152
1152
|
return;
|
|
1153
1153
|
}
|
|
1154
|
-
|
|
1154
|
+
b.document.body.innerHTML = M, b.document.querySelectorAll("script").forEach((E) => {
|
|
1155
1155
|
var q;
|
|
1156
|
-
const J =
|
|
1157
|
-
|
|
1158
|
-
}),
|
|
1156
|
+
const J = b.document.createElement("script");
|
|
1157
|
+
E.src ? J.src = E.src : J.textContent = E.textContent, (q = E.parentNode) == null || q.replaceChild(J, E);
|
|
1158
|
+
}), b.document.close();
|
|
1159
1159
|
});
|
|
1160
|
-
}, V = (
|
|
1161
|
-
const
|
|
1162
|
-
if (
|
|
1163
|
-
const
|
|
1160
|
+
}, V = (M) => {
|
|
1161
|
+
const b = M.fields.map((S) => {
|
|
1162
|
+
if (S.type === "image" && typeof S.example_value == "string") {
|
|
1163
|
+
const E = C(S.example_value);
|
|
1164
1164
|
return {
|
|
1165
|
-
...
|
|
1166
|
-
example_value:
|
|
1165
|
+
...S,
|
|
1166
|
+
example_value: E || S.example_value
|
|
1167
1167
|
};
|
|
1168
1168
|
}
|
|
1169
|
-
return
|
|
1169
|
+
return S;
|
|
1170
1170
|
});
|
|
1171
1171
|
return {
|
|
1172
|
-
...
|
|
1173
|
-
fields:
|
|
1172
|
+
...M,
|
|
1173
|
+
fields: b
|
|
1174
1174
|
};
|
|
1175
|
-
}, z = (
|
|
1175
|
+
}, z = (M = !1) => {
|
|
1176
1176
|
var J;
|
|
1177
1177
|
if (!((J = o.object) != null && J.category) || o.object.category === "Repetidor") {
|
|
1178
1178
|
const q = '<div style="color:white; padding: 1em 2em;background-color:#001978;border-radius:1em;border:4px solid #711978;">Componente que contiene elementos repetidos: TODO: GENERAR PREVIEW DE REPETIDORES</div>';
|
|
1179
|
-
if (
|
|
1179
|
+
if (M)
|
|
1180
1180
|
return Promise.resolve(q);
|
|
1181
1181
|
const X = document.getElementById(y);
|
|
1182
1182
|
return X && (X.innerHTML = q), Promise.resolve("");
|
|
1183
1183
|
}
|
|
1184
|
-
const
|
|
1185
|
-
return fetch(
|
|
1184
|
+
const b = o.renderApiDomain ? o.renderApiDomain + "/api/preview-comp/" : "http://localhost:8003/api/preview-comp/", S = V(o.object), E = JSON.stringify({ obj: S }, null, 2);
|
|
1185
|
+
return fetch(b, {
|
|
1186
1186
|
method: "POST",
|
|
1187
1187
|
headers: { "Content-Type": "application/json" },
|
|
1188
|
-
body:
|
|
1188
|
+
body: E
|
|
1189
1189
|
}).then((q) => q.text()).then((q) => {
|
|
1190
|
-
if (
|
|
1190
|
+
if (M)
|
|
1191
1191
|
return q;
|
|
1192
1192
|
const X = document.getElementById(y);
|
|
1193
1193
|
return X && (X.innerHTML = q), "";
|
|
@@ -1195,24 +1195,24 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
1195
1195
|
};
|
|
1196
1196
|
return le(() => {
|
|
1197
1197
|
h();
|
|
1198
|
-
}), (
|
|
1198
|
+
}), (M, b) => (s(), i("div", null, [
|
|
1199
1199
|
n.value ? (s(), me(yo, {
|
|
1200
1200
|
key: 0,
|
|
1201
1201
|
updateObjectByFeedContent: B,
|
|
1202
1202
|
toggleFeedSection: r,
|
|
1203
1203
|
object: e.object,
|
|
1204
1204
|
isProduction: e.isProduction
|
|
1205
|
-
}, null, 8, ["object", "isProduction"])) :
|
|
1205
|
+
}, null, 8, ["object", "isProduction"])) : j("", !0),
|
|
1206
1206
|
t("div", {
|
|
1207
1207
|
ref_key: "rootElement",
|
|
1208
|
-
ref:
|
|
1208
|
+
ref: u,
|
|
1209
1209
|
class: K(["min-h-[100px] relative group/component hover:shadow-lg hover:shadow-slate-200/50 duration-300 ease-out js-draggable-element text-slate-600 border border-slate-200 hover:border-slate-300 px-5 pt-3 pb-4 w-full bg-white inline-block rounded-xl flex flex-col mb-3 z-0 shadow-sm", { "overflow-hidden": !e.isComponentMode }])
|
|
1210
1210
|
}, [
|
|
1211
|
-
e.isComponentMode ? (s(), i(
|
|
1211
|
+
e.isComponentMode ? (s(), i(T, { key: 0 }, [
|
|
1212
1212
|
t("span", Co, w(e.object.component_name), 1),
|
|
1213
1213
|
t("div", $o, [
|
|
1214
1214
|
t("div", ko, [
|
|
1215
|
-
|
|
1215
|
+
b[10] || (b[10] = t("div", { class: "handle cursor-grab text-slate-400 hover:text-slate-600 text-lg transition-colors" }, [
|
|
1216
1216
|
t("svg", {
|
|
1217
1217
|
class: "w-5 h-5",
|
|
1218
1218
|
fill: "currentColor",
|
|
@@ -1226,23 +1226,23 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
1226
1226
|
e.fullwidthMode ? (s(), i("div", Po, [
|
|
1227
1227
|
t("div", {
|
|
1228
1228
|
class: "bg-gradient-to-r from-emerald-500 to-teal-500 hover:from-emerald-600 hover:to-teal-600 text-white rounded-lg px-4 py-1.5 text-xs font-medium cursor-pointer shadow-sm hover:shadow transition-all duration-200",
|
|
1229
|
-
onClick:
|
|
1230
|
-
var
|
|
1231
|
-
return (
|
|
1229
|
+
onClick: b[0] || (b[0] = (S) => {
|
|
1230
|
+
var E;
|
|
1231
|
+
return (E = e.addComponentToColumn) == null ? void 0 : E.call(e, e.object);
|
|
1232
1232
|
})
|
|
1233
1233
|
}, "Seleccionar")
|
|
1234
|
-
])) :
|
|
1234
|
+
])) : j("", !0),
|
|
1235
1235
|
t("div", Fo, [
|
|
1236
1236
|
t("span", jo, w(e.object.framework), 1),
|
|
1237
|
-
e.insideComponentBox ?
|
|
1237
|
+
e.insideComponentBox ? j("", !0) : (s(), i("div", Io, [
|
|
1238
1238
|
t("div", {
|
|
1239
1239
|
title: "Previsualizar Dummy",
|
|
1240
|
-
onClick:
|
|
1240
|
+
onClick: b[1] || (b[1] = (S) => G()),
|
|
1241
1241
|
class: "p-1.5 rounded-md hover:bg-white hover:shadow-sm cursor-pointer transition-all duration-200 text-base"
|
|
1242
1242
|
}, "🔍"),
|
|
1243
1243
|
t("div", {
|
|
1244
1244
|
title: "Editar configuración",
|
|
1245
|
-
onClick:
|
|
1245
|
+
onClick: b[2] || (b[2] = (S) => g.value = !g.value),
|
|
1246
1246
|
class: "p-1.5 rounded-md hover:bg-white hover:shadow-sm cursor-pointer transition-all duration-200 text-base"
|
|
1247
1247
|
}, "⚙️"),
|
|
1248
1248
|
t("div", {
|
|
@@ -1250,51 +1250,51 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
1250
1250
|
onClick: r,
|
|
1251
1251
|
class: "p-1.5 rounded-md hover:bg-white hover:shadow-sm cursor-pointer transition-all duration-200 text-base flex items-center gap-1"
|
|
1252
1252
|
}, [
|
|
1253
|
-
|
|
1254
|
-
e.object.repeat_data ? (s(), i("span", Mo, w(e.object.repeat_data.elementCount), 1)) :
|
|
1253
|
+
b[11] || (b[11] = D("⚡ ", -1)),
|
|
1254
|
+
e.object.repeat_data ? (s(), i("span", Mo, w(e.object.repeat_data.elementCount), 1)) : j("", !0)
|
|
1255
1255
|
]),
|
|
1256
1256
|
e.cloneComponent ? (s(), i("div", {
|
|
1257
1257
|
key: 0,
|
|
1258
1258
|
title: "Clonar componente",
|
|
1259
|
-
onClick:
|
|
1259
|
+
onClick: b[3] || (b[3] = (S) => e.cloneComponent(e.object, e.section || "")),
|
|
1260
1260
|
class: "p-1.5 rounded-md hover:bg-sky-50 hover:shadow-sm cursor-pointer transition-all duration-200 text-base"
|
|
1261
|
-
}, "📋")) :
|
|
1261
|
+
}, "📋")) : j("", !0),
|
|
1262
1262
|
e.removeComponent ? (s(), i("div", {
|
|
1263
1263
|
key: 1,
|
|
1264
1264
|
title: "Eliminar componente",
|
|
1265
|
-
onClick:
|
|
1265
|
+
onClick: b[4] || (b[4] = (S) => e.removeComponent(e.object, e.section || "")),
|
|
1266
1266
|
class: "p-1.5 rounded-md hover:bg-red-50 hover:shadow-sm cursor-pointer transition-all duration-200 text-base"
|
|
1267
|
-
}, "🗑️")) :
|
|
1267
|
+
}, "🗑️")) : j("", !0)
|
|
1268
1268
|
]))
|
|
1269
1269
|
])
|
|
1270
1270
|
]),
|
|
1271
1271
|
Y(ue, {
|
|
1272
|
-
toggleShowForm:
|
|
1272
|
+
toggleShowForm: $,
|
|
1273
1273
|
object: e.object,
|
|
1274
|
-
showForm:
|
|
1275
|
-
onFieldUpdated:
|
|
1274
|
+
showForm: g.value,
|
|
1275
|
+
onFieldUpdated: p
|
|
1276
1276
|
}, null, 8, ["object", "showForm"]),
|
|
1277
1277
|
t("div", Bo, [
|
|
1278
1278
|
t("span", Ao, w(e.object.name), 1),
|
|
1279
1279
|
t("button", {
|
|
1280
1280
|
type: "button",
|
|
1281
|
-
onClick:
|
|
1281
|
+
onClick: b[5] || (b[5] = (S) => d.value = !d.value),
|
|
1282
1282
|
class: "ms-2 cursor-pointer text-xs text-slate-400 hover:text-slate-600 transition-colors w-5 h-5 rounded-full hover:bg-slate-100 flex items-center justify-center"
|
|
1283
1283
|
}, [
|
|
1284
1284
|
d.value ? (s(), i("span", To, "▲")) : (s(), i("span", Eo, "▼"))
|
|
1285
1285
|
])
|
|
1286
1286
|
]),
|
|
1287
|
-
d.value ? (s(), i("div", Oo, w(e.object.description), 1)) :
|
|
1287
|
+
d.value ? (s(), i("div", Oo, w(e.object.description), 1)) : j("", !0),
|
|
1288
1288
|
t("div", Do, [
|
|
1289
|
-
(s(!0), i(
|
|
1290
|
-
key:
|
|
1289
|
+
(s(!0), i(T, null, N(e.object.tags, (S, E) => (s(), i("span", {
|
|
1290
|
+
key: E,
|
|
1291
1291
|
class: "bg-slate-50 text-slate-500 px-2.5 py-1 rounded-full text-[11px] font-medium border border-slate-100 hover:border-slate-200 hover:bg-slate-100 transition-colors cursor-default"
|
|
1292
|
-
}, w(
|
|
1292
|
+
}, w(S), 1))), 128))
|
|
1293
1293
|
])
|
|
1294
|
-
], 64)) : a.value ? (s(), i(
|
|
1294
|
+
], 64)) : a.value ? (s(), i(T, { key: 1 }, [
|
|
1295
1295
|
t("div", Lo, [
|
|
1296
1296
|
t("div", Ro, [
|
|
1297
|
-
|
|
1297
|
+
b[12] || (b[12] = t("div", { class: "w-5 h-5 rounded-full bg-slate-100 hover:bg-sky-100 border border-slate-200 hover:border-sky-300 flex items-center justify-center cursor-help transition-colors duration-200" }, [
|
|
1298
1298
|
t("svg", {
|
|
1299
1299
|
class: "w-3 h-3 text-slate-400 group-hover/info:text-sky-500",
|
|
1300
1300
|
fill: "currentColor",
|
|
@@ -1310,7 +1310,7 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
1310
1310
|
t("div", Uo, w(e.object.description), 1)
|
|
1311
1311
|
]),
|
|
1312
1312
|
t("div", zo, [
|
|
1313
|
-
e.insideComponentBox && !e.fullwidthMode || !e.insideComponentBox ? (s(), i("div", No, [...
|
|
1313
|
+
e.insideComponentBox && !e.fullwidthMode || !e.insideComponentBox ? (s(), i("div", No, [...b[13] || (b[13] = [
|
|
1314
1314
|
t("div", { class: "flex flex-col items-center" }, [
|
|
1315
1315
|
t("svg", {
|
|
1316
1316
|
class: "w-6 h-6 mb-1 text-slate-400 group-hover/btn:text-white",
|
|
@@ -1321,28 +1321,28 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
1321
1321
|
]),
|
|
1322
1322
|
t("span", { class: "text-xs font-medium" }, "Mover")
|
|
1323
1323
|
], -1)
|
|
1324
|
-
])])) :
|
|
1324
|
+
])])) : j("", !0),
|
|
1325
1325
|
e.insideComponentBox && e.fullwidthMode ? (s(), i("div", Vo, [
|
|
1326
1326
|
t("div", {
|
|
1327
1327
|
title: "Agregar componente a la columna",
|
|
1328
|
-
onClick:
|
|
1329
|
-
var
|
|
1330
|
-
return (
|
|
1328
|
+
onClick: b[6] || (b[6] = (S) => {
|
|
1329
|
+
var E;
|
|
1330
|
+
return (E = e.addComponentToColumn) == null ? void 0 : E.call(e, e.object);
|
|
1331
1331
|
}),
|
|
1332
1332
|
class: "cursor-pointer flex items-center bg-gradient-to-r from-emerald-500 to-teal-500 hover:from-emerald-600 hover:to-teal-600 text-white px-6 py-3 rounded-xl shadow-md hover:shadow-lg transition-all duration-200"
|
|
1333
|
-
}, [...
|
|
1333
|
+
}, [...b[14] || (b[14] = [
|
|
1334
1334
|
t("div", { class: "flex flex-col items-center" }, [
|
|
1335
1335
|
t("span", { class: "text-2xl mb-1" }, "🚀"),
|
|
1336
1336
|
t("span", { class: "text-sm font-medium" }, "Seleccionar")
|
|
1337
1337
|
], -1)
|
|
1338
1338
|
])])
|
|
1339
|
-
])) :
|
|
1340
|
-
e.insideComponentBox ?
|
|
1339
|
+
])) : j("", !0),
|
|
1340
|
+
e.insideComponentBox ? j("", !0) : (s(), i(T, { key: 2 }, [
|
|
1341
1341
|
t("div", {
|
|
1342
1342
|
title: "Configurar componente",
|
|
1343
|
-
onClick:
|
|
1343
|
+
onClick: b[7] || (b[7] = (S) => g.value = !g.value),
|
|
1344
1344
|
class: "cursor-pointer flex items-center bg-white border border-slate-200 px-4 py-2 rounded-xl hover:bg-slate-700 hover:border-slate-700 hover:text-white shadow-sm hover:shadow-md transition-all duration-200 group/btn"
|
|
1345
|
-
}, [...
|
|
1345
|
+
}, [...b[15] || (b[15] = [
|
|
1346
1346
|
t("div", { class: "flex flex-col items-center" }, [
|
|
1347
1347
|
t("span", { class: "text-xl mb-1" }, "⚙️"),
|
|
1348
1348
|
t("span", { class: "text-xs font-medium" }, "Configurar")
|
|
@@ -1354,47 +1354,47 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
1354
1354
|
class: "cursor-pointer flex items-center bg-white border border-slate-200 px-4 py-2 rounded-xl hover:bg-amber-500 hover:border-amber-500 hover:text-white shadow-sm hover:shadow-md transition-all duration-200 group/btn"
|
|
1355
1355
|
}, [
|
|
1356
1356
|
t("div", qo, [
|
|
1357
|
-
|
|
1358
|
-
|
|
1359
|
-
e.object.repeat_data && e.object.repeat_data.dynamicUpdate ? (s(), i("span", Go, "Carga " + w(e.object.repeat_data.elementCount) + " elementos", 1)) :
|
|
1357
|
+
b[16] || (b[16] = t("span", { class: "text-xl mb-1" }, "⚡", -1)),
|
|
1358
|
+
b[17] || (b[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", Go, "Carga " + w(e.object.repeat_data.elementCount) + " elementos", 1)) : j("", !0)
|
|
1360
1360
|
])
|
|
1361
1361
|
]),
|
|
1362
1362
|
e.cloneComponent ? (s(), i("div", {
|
|
1363
1363
|
key: 0,
|
|
1364
1364
|
title: "Clonar componente",
|
|
1365
|
-
onClick:
|
|
1365
|
+
onClick: b[8] || (b[8] = (S) => e.cloneComponent(e.object, e.section || "")),
|
|
1366
1366
|
class: "cursor-pointer flex items-center bg-white border border-slate-200 px-4 py-2 rounded-xl hover:bg-sky-500 hover:border-sky-500 hover:text-white shadow-sm hover:shadow-md transition-all duration-200 group/btn"
|
|
1367
|
-
}, [...
|
|
1367
|
+
}, [...b[18] || (b[18] = [
|
|
1368
1368
|
t("div", { class: "flex flex-col items-center" }, [
|
|
1369
1369
|
t("span", { class: "text-xl mb-1" }, "📋"),
|
|
1370
1370
|
t("span", { class: "text-xs font-medium" }, "Clonar")
|
|
1371
1371
|
], -1)
|
|
1372
|
-
])])) :
|
|
1372
|
+
])])) : j("", !0),
|
|
1373
1373
|
e.removeComponent ? (s(), i("div", {
|
|
1374
1374
|
key: 1,
|
|
1375
1375
|
title: "Eliminar componente",
|
|
1376
|
-
onClick:
|
|
1376
|
+
onClick: b[9] || (b[9] = (S) => e.removeComponent(e.object, e.section || "")),
|
|
1377
1377
|
class: "cursor-pointer flex items-center bg-white border border-slate-200 px-4 py-2 rounded-xl hover:bg-red-500 hover:border-red-500 hover:text-white shadow-sm hover:shadow-md transition-all duration-200 group/btn"
|
|
1378
|
-
}, [...
|
|
1378
|
+
}, [...b[19] || (b[19] = [
|
|
1379
1379
|
t("div", { class: "flex flex-col items-center" }, [
|
|
1380
1380
|
t("span", { class: "text-xl mb-1" }, "🗑️"),
|
|
1381
1381
|
t("span", { class: "text-xs font-medium" }, "Eliminar")
|
|
1382
1382
|
], -1)
|
|
1383
|
-
])])) :
|
|
1383
|
+
])])) : j("", !0)
|
|
1384
1384
|
], 64))
|
|
1385
1385
|
])
|
|
1386
1386
|
]),
|
|
1387
1387
|
Y(ue, {
|
|
1388
|
-
toggleShowForm:
|
|
1388
|
+
toggleShowForm: $,
|
|
1389
1389
|
object: e.object,
|
|
1390
|
-
showForm:
|
|
1391
|
-
onFieldUpdated:
|
|
1390
|
+
showForm: g.value,
|
|
1391
|
+
onFieldUpdated: p
|
|
1392
1392
|
}, null, 8, ["object", "showForm"]),
|
|
1393
1393
|
t("div", {
|
|
1394
1394
|
id: H(y),
|
|
1395
1395
|
class: "w-full h-full flex items-center justify-center"
|
|
1396
1396
|
}, null, 8, Jo)
|
|
1397
|
-
], 64)) :
|
|
1397
|
+
], 64)) : j("", !0)
|
|
1398
1398
|
], 2)
|
|
1399
1399
|
]));
|
|
1400
1400
|
}
|
|
@@ -1455,31 +1455,31 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
1455
1455
|
{ label: "Columna (componentes unos encima de otros)", value: "flex-col" },
|
|
1456
1456
|
{ label: "Fila (componentes unos al lado de otros)", value: "flex-row" }
|
|
1457
1457
|
]
|
|
1458
|
-
},
|
|
1458
|
+
}, k = I(""), C = I(""), y = I(""), d = I(!1), g = _(() => {
|
|
1459
1459
|
var n, l, h, L;
|
|
1460
|
-
const
|
|
1460
|
+
const u = (n = o.globalPageConfiguration) == null ? void 0 : n.find(
|
|
1461
1461
|
(B) => B.section === o.section
|
|
1462
|
-
), a = (L = (h = (l =
|
|
1462
|
+
), a = (L = (h = (l = u == null ? void 0 : u.rows) == null ? void 0 : l[o.rowIndex]) == null ? void 0 : h.columns) == null ? void 0 : L[o.columnIndex];
|
|
1463
1463
|
return (a == null ? void 0 : a.config) || {};
|
|
1464
|
-
}),
|
|
1464
|
+
}), v = (u, a) => {
|
|
1465
1465
|
var L;
|
|
1466
|
-
const n =
|
|
1467
|
-
(L = o.updateColConfig) == null || L.call(o,
|
|
1466
|
+
const n = k.value || x.width[0].value, l = C.value || x.gap[0].value, h = y.value || "";
|
|
1467
|
+
(L = o.updateColConfig) == null || L.call(o, u, a, o.section || "", n, l, h), d.value = !1;
|
|
1468
1468
|
};
|
|
1469
|
-
return (
|
|
1469
|
+
return (u, a) => (s(), i(T, null, [
|
|
1470
1470
|
t("div", Wo, [
|
|
1471
|
-
|
|
1471
|
+
g.value.width !== void 0 ? (s(), i("span", Ho, [
|
|
1472
1472
|
a[12] || (a[12] = D(" Ancho: ", -1)),
|
|
1473
|
-
t("span", Yo, w(
|
|
1474
|
-
])) :
|
|
1475
|
-
|
|
1473
|
+
t("span", Yo, w(g.value.width), 1)
|
|
1474
|
+
])) : j("", !0),
|
|
1475
|
+
g.value.gap !== void 0 ? (s(), i("span", Ko, [
|
|
1476
1476
|
a[13] || (a[13] = D(" Gap: ", -1)),
|
|
1477
|
-
t("span", Qo, w(
|
|
1478
|
-
])) :
|
|
1479
|
-
|
|
1477
|
+
t("span", Qo, w(g.value.gap), 1)
|
|
1478
|
+
])) : j("", !0),
|
|
1479
|
+
g.value.flexDirection !== void 0 ? (s(), i("span", Xo, [
|
|
1480
1480
|
a[14] || (a[14] = D(" Flex: ", -1)),
|
|
1481
|
-
t("span", Zo, w(
|
|
1482
|
-
])) :
|
|
1481
|
+
t("span", Zo, w(g.value.flexDirection), 1)
|
|
1482
|
+
])) : j("", !0)
|
|
1483
1483
|
]),
|
|
1484
1484
|
d.value ? (s(), i("div", _o, [
|
|
1485
1485
|
t("div", en, [
|
|
@@ -1494,17 +1494,17 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
1494
1494
|
class: "block text-sm font-medium text-slate-600 mb-1.5"
|
|
1495
1495
|
}, "Ancho:", 8, on),
|
|
1496
1496
|
U(t("select", {
|
|
1497
|
-
"onUpdate:modelValue": a[0] || (a[0] = (n) =>
|
|
1497
|
+
"onUpdate:modelValue": a[0] || (a[0] = (n) => k.value = n),
|
|
1498
1498
|
id: `colwidth-${e.rowIndex}-${e.columnIndex}`,
|
|
1499
1499
|
class: "block w-full border border-slate-200 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 bg-white hover:border-slate-300 transition-colors"
|
|
1500
1500
|
}, [
|
|
1501
1501
|
a[15] || (a[15] = t("option", { value: "" }, "Selecciona...", -1)),
|
|
1502
|
-
(s(!0), i(
|
|
1502
|
+
(s(!0), i(T, null, N(x.width, (n) => (s(), i("option", {
|
|
1503
1503
|
key: n.value,
|
|
1504
1504
|
value: n.value
|
|
1505
1505
|
}, w(n.label), 9, ln))), 128))
|
|
1506
1506
|
], 8, nn), [
|
|
1507
|
-
[Q,
|
|
1507
|
+
[Q, k.value]
|
|
1508
1508
|
])
|
|
1509
1509
|
]),
|
|
1510
1510
|
t("div", an, [
|
|
@@ -1513,17 +1513,17 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
1513
1513
|
class: "block text-sm font-medium text-slate-600 mb-1.5"
|
|
1514
1514
|
}, "Gap:", 8, rn),
|
|
1515
1515
|
U(t("select", {
|
|
1516
|
-
"onUpdate:modelValue": a[1] || (a[1] = (n) =>
|
|
1516
|
+
"onUpdate:modelValue": a[1] || (a[1] = (n) => C.value = n),
|
|
1517
1517
|
id: `colgap-${e.rowIndex}-${e.columnIndex}`,
|
|
1518
1518
|
class: "block w-full border border-slate-200 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 bg-white hover:border-slate-300 transition-colors"
|
|
1519
1519
|
}, [
|
|
1520
1520
|
a[16] || (a[16] = t("option", { value: "" }, "Selecciona...", -1)),
|
|
1521
|
-
(s(!0), i(
|
|
1521
|
+
(s(!0), i(T, null, N(x.gap, (n) => (s(), i("option", {
|
|
1522
1522
|
key: n.value,
|
|
1523
1523
|
value: n.value
|
|
1524
1524
|
}, w(n.label), 9, dn))), 128))
|
|
1525
1525
|
], 8, sn), [
|
|
1526
|
-
[Q,
|
|
1526
|
+
[Q, C.value]
|
|
1527
1527
|
])
|
|
1528
1528
|
]),
|
|
1529
1529
|
t("div", un, [
|
|
@@ -1537,7 +1537,7 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
1537
1537
|
class: "block w-full border border-slate-200 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 bg-white hover:border-slate-300 transition-colors"
|
|
1538
1538
|
}, [
|
|
1539
1539
|
a[17] || (a[17] = t("option", { value: "" }, "Selecciona...", -1)),
|
|
1540
|
-
(s(!0), i(
|
|
1540
|
+
(s(!0), i(T, null, N(x.flexDirection, (n) => (s(), i("option", {
|
|
1541
1541
|
key: n.value,
|
|
1542
1542
|
value: n.value
|
|
1543
1543
|
}, w(n.label), 9, bn))), 128))
|
|
@@ -1549,12 +1549,12 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
1549
1549
|
type: "button",
|
|
1550
1550
|
class: "bg-gradient-to-r from-emerald-500 to-teal-500 hover:from-emerald-600 hover:to-teal-600 text-white px-5 py-2 rounded-lg font-medium shadow-sm hover:shadow-md transition-all duration-200 cursor-pointer",
|
|
1551
1551
|
onClick: a[3] || (a[3] = (n) => {
|
|
1552
|
-
|
|
1552
|
+
v(e.rowIndex, e.columnIndex), d.value = !1;
|
|
1553
1553
|
})
|
|
1554
1554
|
}, " Guardar ")
|
|
1555
1555
|
], 32)
|
|
1556
1556
|
])
|
|
1557
|
-
])) :
|
|
1557
|
+
])) : j("", !0),
|
|
1558
1558
|
t("div", gn, [
|
|
1559
1559
|
t("div", {
|
|
1560
1560
|
class: K(["flex flex-row", { "justify-between": e.section && e.section !== "Sidebar", "justify-center": e.section === "Sidebar" }])
|
|
@@ -1568,7 +1568,7 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
1568
1568
|
return (l = e.addCol) == null ? void 0 : l.call(e, e.rowIndex, e.columnIndex, e.section, "left");
|
|
1569
1569
|
}),
|
|
1570
1570
|
class: "ms-2 bg-white px-3 py-1 cursor-pointer rounded-t-lg border border-b-0 border-slate-200 hover:bg-emerald-500 hover:border-emerald-500 hover:text-white text-slate-600 transition-all duration-200 shadow-sm hover:shadow-md font-medium"
|
|
1571
|
-
}, "+")) :
|
|
1571
|
+
}, "+")) : j("", !0),
|
|
1572
1572
|
t("div", fn, [
|
|
1573
1573
|
t("button", {
|
|
1574
1574
|
type: "button",
|
|
@@ -1585,7 +1585,7 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
1585
1585
|
return (l = e.moveCol) == null ? void 0 : l.call(e, e.rowIndex, e.columnIndex, e.section, "left");
|
|
1586
1586
|
}),
|
|
1587
1587
|
class: "bg-slate-100 px-2.5 py-1 cursor-pointer rounded-lg transition-all duration-200 text-slate-400 hover:bg-blue-500 hover:text-white"
|
|
1588
|
-
}, "◁")) :
|
|
1588
|
+
}, "◁")) : j("", !0),
|
|
1589
1589
|
e.fullwidthMode ? (s(), i("span", {
|
|
1590
1590
|
key: 1,
|
|
1591
1591
|
title: "Añadir componente",
|
|
@@ -1594,7 +1594,7 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
1594
1594
|
return (l = e.addComponentFunction) == null ? void 0 : l.call(e, e.rowIndex, e.columnIndex, e.section || "");
|
|
1595
1595
|
}),
|
|
1596
1596
|
class: "bg-slate-100 px-2.5 py-1 cursor-pointer rounded-lg transition-all duration-200 text-slate-400 hover:bg-violet-500 hover:text-white"
|
|
1597
|
-
}, " 📦 ")) :
|
|
1597
|
+
}, " 📦 ")) : j("", !0),
|
|
1598
1598
|
e.section && e.section !== "Sidebar" ? (s(), i("span", {
|
|
1599
1599
|
key: 2,
|
|
1600
1600
|
title: "Mover columna a la derecha",
|
|
@@ -1603,7 +1603,7 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
1603
1603
|
return (l = e.moveCol) == null ? void 0 : l.call(e, e.rowIndex, e.columnIndex, e.section, "right");
|
|
1604
1604
|
}),
|
|
1605
1605
|
class: "bg-slate-100 px-2.5 py-1 cursor-pointer rounded-lg transition-all duration-200 text-slate-400 hover:bg-blue-500 hover:text-white"
|
|
1606
|
-
}, "▷ ")) :
|
|
1606
|
+
}, "▷ ")) : j("", !0)
|
|
1607
1607
|
]),
|
|
1608
1608
|
t("button", {
|
|
1609
1609
|
type: "button",
|
|
@@ -1624,7 +1624,7 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
1624
1624
|
return (l = e.addCol) == null ? void 0 : l.call(e, e.rowIndex, e.columnIndex, e.section, "right");
|
|
1625
1625
|
}),
|
|
1626
1626
|
class: "me-2 bg-white px-3 py-1 cursor-pointer rounded-t-lg border border-b-0 border-slate-200 hover:bg-emerald-500 hover:border-emerald-500 hover:text-white text-slate-600 transition-all duration-200 shadow-sm hover:shadow-md font-medium"
|
|
1627
|
-
}, "+")) :
|
|
1627
|
+
}, "+")) : j("", !0)
|
|
1628
1628
|
], 2)
|
|
1629
1629
|
])
|
|
1630
1630
|
], 64));
|
|
@@ -1682,18 +1682,18 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
1682
1682
|
{ label: "3/5", value: "3/5" },
|
|
1683
1683
|
{ label: "4/5", value: "4/5" }
|
|
1684
1684
|
]
|
|
1685
|
-
},
|
|
1685
|
+
}, k = I(""), C = I(""), y = I(""), d = I(!1), g = I(!1), v = _(() => {
|
|
1686
1686
|
var n, l;
|
|
1687
1687
|
const a = (n = o.globalPageConfiguration) == null ? void 0 : n.find(
|
|
1688
1688
|
(h) => h.section === o.section
|
|
1689
1689
|
);
|
|
1690
1690
|
return (l = a == null ? void 0 : a.rows) != null && l[o.rowIndex] ? a.rows[o.rowIndex].config || {} : {};
|
|
1691
|
-
}),
|
|
1691
|
+
}), u = (a) => {
|
|
1692
1692
|
var L;
|
|
1693
|
-
const n =
|
|
1693
|
+
const n = k.value || x.padding[0].value, l = C.value || x.gap[0].value, h = y.value || x.width[0].value;
|
|
1694
1694
|
(L = o.updateRowConfig) == null || L.call(o, a, o.section || "", n, l, h), d.value = !1;
|
|
1695
1695
|
};
|
|
1696
|
-
return (a, n) => (s(), i(
|
|
1696
|
+
return (a, n) => (s(), i(T, null, [
|
|
1697
1697
|
t("div", xn, [
|
|
1698
1698
|
t("div", null, [
|
|
1699
1699
|
t("div", hn, [
|
|
@@ -1702,7 +1702,7 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
1702
1702
|
title: "Agregar fila",
|
|
1703
1703
|
onClick: n[0] || (n[0] = (l) => {
|
|
1704
1704
|
var h;
|
|
1705
|
-
(h = e.addRow) == null || h.call(e, e.rowIndex, e.section || ""),
|
|
1705
|
+
(h = e.addRow) == null || h.call(e, e.rowIndex, e.section || ""), g.value = !1;
|
|
1706
1706
|
}),
|
|
1707
1707
|
class: "cursor-pointer rounded-b-lg border border-t-0 border-slate-200 bg-white hover:bg-emerald-500 hover:border-emerald-500 px-3 py-1 hover:text-white text-slate-600 transition-all duration-200 shadow-sm hover:shadow-md font-medium"
|
|
1708
1708
|
}, "+"),
|
|
@@ -1711,7 +1711,7 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
1711
1711
|
title: "Mover fila hacia arriba",
|
|
1712
1712
|
onClick: n[1] || (n[1] = (l) => {
|
|
1713
1713
|
var h;
|
|
1714
|
-
(h = e.moveRow) == null || h.call(e, e.rowIndex, e.section || "", "up"),
|
|
1714
|
+
(h = e.moveRow) == null || h.call(e, e.rowIndex, e.section || "", "up"), g.value = !1;
|
|
1715
1715
|
}),
|
|
1716
1716
|
class: "cursor-pointer rounded-b-lg border border-t-0 border-slate-200 bg-white hover:bg-blue-500 hover:border-blue-500 px-3 py-1 hover:text-white text-slate-600 transition-all duration-200 shadow-sm hover:shadow-md"
|
|
1717
1717
|
}, "△"),
|
|
@@ -1720,7 +1720,7 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
1720
1720
|
title: "Mover fila hacia abajo",
|
|
1721
1721
|
onClick: n[2] || (n[2] = (l) => {
|
|
1722
1722
|
var h;
|
|
1723
|
-
(h = e.moveRow) == null || h.call(e, e.rowIndex, e.section || "", "down"),
|
|
1723
|
+
(h = e.moveRow) == null || h.call(e, e.rowIndex, e.section || "", "down"), g.value = !1;
|
|
1724
1724
|
}),
|
|
1725
1725
|
class: "cursor-pointer rounded-b-lg border border-t-0 border-slate-200 bg-white hover:bg-blue-500 hover:border-blue-500 px-3 py-1 hover:text-white text-slate-600 transition-all duration-200 shadow-sm hover:shadow-md"
|
|
1726
1726
|
}, "▽")
|
|
@@ -1735,18 +1735,18 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
1735
1735
|
class: K(["cursor-pointer rounded-b-lg border border-t-0 px-3 py-1 transition-all duration-200 shadow-sm hover:shadow-md", d.value ? "bg-amber-100 border-amber-300 text-amber-700" : "bg-white border-slate-200 text-slate-600 hover:bg-amber-500 hover:border-amber-500 hover:text-white"])
|
|
1736
1736
|
}, "⚙️", 2)
|
|
1737
1737
|
]),
|
|
1738
|
-
|
|
1738
|
+
v.value.padding !== void 0 ? (s(), i("span", Cn, [
|
|
1739
1739
|
n[10] || (n[10] = D(" Padding: ", -1)),
|
|
1740
|
-
t("span", $n, w(
|
|
1741
|
-
])) :
|
|
1742
|
-
|
|
1740
|
+
t("span", $n, w(v.value.padding), 1)
|
|
1741
|
+
])) : j("", !0),
|
|
1742
|
+
v.value.gap !== void 0 ? (s(), i("span", kn, [
|
|
1743
1743
|
n[11] || (n[11] = D(" Gap: ", -1)),
|
|
1744
|
-
t("span", Sn, w(
|
|
1745
|
-
])) :
|
|
1746
|
-
|
|
1744
|
+
t("span", Sn, w(v.value.gap), 1)
|
|
1745
|
+
])) : j("", !0),
|
|
1746
|
+
v.value.width !== void 0 ? (s(), i("span", Pn, [
|
|
1747
1747
|
n[12] || (n[12] = D(" Ancho: ", -1)),
|
|
1748
|
-
t("span", Fn, w(
|
|
1749
|
-
])) :
|
|
1748
|
+
t("span", Fn, w(v.value.width), 1)
|
|
1749
|
+
])) : j("", !0)
|
|
1750
1750
|
]),
|
|
1751
1751
|
t("div", null, [
|
|
1752
1752
|
t("div", jn, [
|
|
@@ -1755,7 +1755,7 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
1755
1755
|
title: "Eliminar fila",
|
|
1756
1756
|
onClick: n[4] || (n[4] = (l) => {
|
|
1757
1757
|
var h;
|
|
1758
|
-
(h = e.removeRow) == null || h.call(e, e.rowIndex, e.section || ""),
|
|
1758
|
+
(h = e.removeRow) == null || h.call(e, e.rowIndex, e.section || ""), g.value = !1;
|
|
1759
1759
|
}),
|
|
1760
1760
|
class: "cursor-pointer rounded-b-lg border border-t-0 border-slate-200 bg-white hover:bg-red-500 hover:border-red-500 px-3 py-1 hover:text-white text-slate-600 transition-all duration-200 shadow-sm hover:shadow-md"
|
|
1761
1761
|
}, "🗑️")
|
|
@@ -1775,17 +1775,17 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
1775
1775
|
class: "block text-sm font-medium text-slate-600 mb-1.5"
|
|
1776
1776
|
}, "Padding:", 8, An),
|
|
1777
1777
|
U(t("select", {
|
|
1778
|
-
"onUpdate:modelValue": n[5] || (n[5] = (l) =>
|
|
1778
|
+
"onUpdate:modelValue": n[5] || (n[5] = (l) => k.value = l),
|
|
1779
1779
|
id: `padding-${e.rowIndex}`,
|
|
1780
1780
|
class: "block w-full border border-slate-200 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 bg-slate-50 hover:bg-white transition-colors"
|
|
1781
1781
|
}, [
|
|
1782
1782
|
n[13] || (n[13] = t("option", { value: "" }, "Selecciona...", -1)),
|
|
1783
|
-
(s(!0), i(
|
|
1783
|
+
(s(!0), i(T, null, N(x.padding, (l) => (s(), i("option", {
|
|
1784
1784
|
key: l.value,
|
|
1785
1785
|
value: l.value
|
|
1786
1786
|
}, w(l.label), 9, Tn))), 128))
|
|
1787
1787
|
], 8, En), [
|
|
1788
|
-
[Q,
|
|
1788
|
+
[Q, k.value]
|
|
1789
1789
|
])
|
|
1790
1790
|
]),
|
|
1791
1791
|
t("div", On, [
|
|
@@ -1794,17 +1794,17 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
1794
1794
|
class: "block text-sm font-medium text-slate-600 mb-1.5"
|
|
1795
1795
|
}, "Gap:", 8, Dn),
|
|
1796
1796
|
U(t("select", {
|
|
1797
|
-
"onUpdate:modelValue": n[6] || (n[6] = (l) =>
|
|
1797
|
+
"onUpdate:modelValue": n[6] || (n[6] = (l) => C.value = l),
|
|
1798
1798
|
id: `gap-${e.rowIndex}`,
|
|
1799
1799
|
class: "block w-full border border-slate-200 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 bg-slate-50 hover:bg-white transition-colors"
|
|
1800
1800
|
}, [
|
|
1801
1801
|
n[14] || (n[14] = t("option", { value: "" }, "Selecciona...", -1)),
|
|
1802
|
-
(s(!0), i(
|
|
1802
|
+
(s(!0), i(T, null, N(x.gap, (l) => (s(), i("option", {
|
|
1803
1803
|
key: l.value,
|
|
1804
1804
|
value: l.value
|
|
1805
1805
|
}, w(l.label), 9, Rn))), 128))
|
|
1806
1806
|
], 8, Ln), [
|
|
1807
|
-
[Q,
|
|
1807
|
+
[Q, C.value]
|
|
1808
1808
|
])
|
|
1809
1809
|
]),
|
|
1810
1810
|
t("div", Un, [
|
|
@@ -1818,7 +1818,7 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
1818
1818
|
class: "block w-full border border-slate-200 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 bg-slate-50 hover:bg-white transition-colors"
|
|
1819
1819
|
}, [
|
|
1820
1820
|
n[15] || (n[15] = t("option", { value: "" }, "Selecciona...", -1)),
|
|
1821
|
-
(s(!0), i(
|
|
1821
|
+
(s(!0), i(T, null, N(x.width, (l) => (s(), i("option", {
|
|
1822
1822
|
key: l.value,
|
|
1823
1823
|
value: l.value
|
|
1824
1824
|
}, w(l.label), 9, Vn))), 128))
|
|
@@ -1830,12 +1830,12 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
1830
1830
|
type: "button",
|
|
1831
1831
|
class: "bg-gradient-to-r from-emerald-500 to-teal-500 hover:from-emerald-600 hover:to-teal-600 text-white px-5 py-2 rounded-lg font-medium shadow-sm hover:shadow-md transition-all duration-200 cursor-pointer",
|
|
1832
1832
|
onClick: n[8] || (n[8] = (l) => {
|
|
1833
|
-
|
|
1833
|
+
u(e.rowIndex), g.value = !1;
|
|
1834
1834
|
})
|
|
1835
1835
|
}, " Guardar ")
|
|
1836
1836
|
], 32)
|
|
1837
1837
|
])
|
|
1838
|
-
])) :
|
|
1838
|
+
])) : j("", !0)
|
|
1839
1839
|
], 64));
|
|
1840
1840
|
}
|
|
1841
1841
|
}), Gn = ["id"], Jn = { class: "flex flex-row w-full gap-3 mt-6" }, Wn = ["id"], Hn = /* @__PURE__ */ Z({
|
|
@@ -1863,16 +1863,16 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
1863
1863
|
}
|
|
1864
1864
|
},
|
|
1865
1865
|
setup(e) {
|
|
1866
|
-
const o = e, x =
|
|
1866
|
+
const o = e, x = I(!1), k = _(() => {
|
|
1867
1867
|
var y;
|
|
1868
|
-
const
|
|
1868
|
+
const C = (y = o.globalPageConfiguration) == null ? void 0 : y.find(
|
|
1869
1869
|
(d) => d.section === o.sectionSelected
|
|
1870
1870
|
);
|
|
1871
|
-
return (
|
|
1871
|
+
return (C == null ? void 0 : C.rows) || [];
|
|
1872
1872
|
});
|
|
1873
|
-
return (
|
|
1874
|
-
key: "row-" +
|
|
1875
|
-
id: "row-" + e.sectionSelected + "-" +
|
|
1873
|
+
return (C, y) => (s(!0), i(T, null, N(k.value, (d, g) => (s(), i("div", {
|
|
1874
|
+
key: "row-" + g,
|
|
1875
|
+
id: "row-" + e.sectionSelected + "-" + g,
|
|
1876
1876
|
class: "flex flex-col gap-3 w-full p-5 bg-white border border-slate-200 rounded-2xl js-row relative items-center hover:border-slate-300 hover:shadow-lg transition-all duration-300 css-pb-row group/row"
|
|
1877
1877
|
}, [
|
|
1878
1878
|
Y(qn, {
|
|
@@ -1881,21 +1881,21 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
1881
1881
|
removeRow: e.removeRow,
|
|
1882
1882
|
globalPageConfiguration: e.globalPageConfiguration,
|
|
1883
1883
|
updateRowConfig: e.updateRowConfig,
|
|
1884
|
-
rowIndex:
|
|
1884
|
+
rowIndex: g,
|
|
1885
1885
|
section: e.sectionSelected
|
|
1886
1886
|
}, null, 8, ["moveRow", "addRow", "removeRow", "globalPageConfiguration", "updateRowConfig", "rowIndex", "section"]),
|
|
1887
1887
|
t("div", Jn, [
|
|
1888
|
-
(s(!0), i(
|
|
1888
|
+
(s(!0), i(T, null, N(d.columns, (v, u) => (s(), i("div", {
|
|
1889
1889
|
class: K([
|
|
1890
1890
|
"hover:shadow-md overflow-hidden dragging-zone border relative border-slate-200 shadow-sm w-full p-5 pt-10 min-h-[200px] rounded-xl flex flex-col gap-3 items-center before:content-['Columna'] before:absolute before:text-slate-300 before:text-7xl before:font-bold before:bottom-4 before:left-2 before:-rotate-12 before:opacity-30 before:duration-300 before:transition-opacity group hover:before:opacity-50 transition-all duration-300",
|
|
1891
1891
|
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
1892
|
]),
|
|
1893
|
-
key: "column-" +
|
|
1894
|
-
id: "col-" + e.sectionSelected + "-" +
|
|
1893
|
+
key: "column-" + u,
|
|
1894
|
+
id: "col-" + e.sectionSelected + "-" + g + "-" + u
|
|
1895
1895
|
}, [
|
|
1896
1896
|
Y(H(ge), {
|
|
1897
1897
|
class: "h-full w-full mb-4",
|
|
1898
|
-
list:
|
|
1898
|
+
list: v.components,
|
|
1899
1899
|
group: { name: "draggingGroup", pull: !0, put: !0 },
|
|
1900
1900
|
"item-key": "id",
|
|
1901
1901
|
handle: ".handle",
|
|
@@ -1924,8 +1924,8 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
1924
1924
|
addCol: e.addCol,
|
|
1925
1925
|
removeCol: e.removeCol,
|
|
1926
1926
|
moveCol: e.moveCol,
|
|
1927
|
-
rowIndex:
|
|
1928
|
-
columnIndex:
|
|
1927
|
+
rowIndex: g,
|
|
1928
|
+
columnIndex: u
|
|
1929
1929
|
}, null, 8, ["section", "globalPageConfiguration", "updateColConfig", "addComponentFunction", "fullwidthMode", "addCol", "removeCol", "moveCol", "rowIndex", "columnIndex"])
|
|
1930
1930
|
], 10, Wn))), 128))
|
|
1931
1931
|
])
|
|
@@ -1960,23 +1960,23 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
1960
1960
|
"Formulario",
|
|
1961
1961
|
"Título",
|
|
1962
1962
|
"SEO"
|
|
1963
|
-
],
|
|
1963
|
+
], k = _(() => !o.excludedCategories || o.excludedCategories.length === 0 ? x : x.filter((a) => !o.excludedCategories.includes(a))), C = I(!0), y = I([]), d = I(""), g = _(() => {
|
|
1964
1964
|
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
1965
|
return y.value.length > 0 ? n.filter(
|
|
1966
1966
|
(h) => y.value.includes(h.category) && l(h)
|
|
1967
1967
|
) : n.filter(l);
|
|
1968
|
-
}),
|
|
1968
|
+
}), v = (a) => {
|
|
1969
1969
|
d.value = a.target.value;
|
|
1970
|
-
},
|
|
1970
|
+
}, u = (a) => {
|
|
1971
1971
|
const n = a.target, l = n.value;
|
|
1972
1972
|
n.checked ? y.value.includes(l) || y.value.push(l) : y.value = y.value.filter((h) => h !== l);
|
|
1973
1973
|
};
|
|
1974
|
-
return (a, n) => (s(), i(
|
|
1974
|
+
return (a, n) => (s(), i(T, null, [
|
|
1975
1975
|
n[6] || (n[6] = t("h1", { class: "text-center text-2xl font-semibold mb-4 text-slate-700 tracking-tight" }, "Componentes", -1)),
|
|
1976
1976
|
t("div", Yn, [
|
|
1977
1977
|
t("button", {
|
|
1978
1978
|
type: "button",
|
|
1979
|
-
onClick: n[0] || (n[0] = (l) =>
|
|
1979
|
+
onClick: n[0] || (n[0] = (l) => C.value = !C.value),
|
|
1980
1980
|
class: "mb-3 px-4 py-2 bg-white rounded-lg border border-slate-200 hover:border-slate-300 hover:shadow-sm transition-all duration-200 cursor-pointer text-slate-600 font-medium flex items-center gap-2"
|
|
1981
1981
|
}, [
|
|
1982
1982
|
n[2] || (n[2] = t("svg", {
|
|
@@ -1993,7 +1993,7 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
1993
1993
|
})
|
|
1994
1994
|
], -1)),
|
|
1995
1995
|
n[3] || (n[3] = t("span", null, "Filtros", -1)),
|
|
1996
|
-
t("span", Kn, w(
|
|
1996
|
+
t("span", Kn, w(C.value ? "▲" : "▼"), 1)
|
|
1997
1997
|
]),
|
|
1998
1998
|
t("button", {
|
|
1999
1999
|
type: "button",
|
|
@@ -2005,7 +2005,7 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
2005
2005
|
}, w(e.isComponentMode ? "⚒️ Modo Configuración" : "👁️ Modo Visual"), 3)
|
|
2006
2006
|
]),
|
|
2007
2007
|
U(t("div", Qn, [
|
|
2008
|
-
(s(!0), i(
|
|
2008
|
+
(s(!0), i(T, null, N(k.value, (l) => (s(), i("label", {
|
|
2009
2009
|
key: l,
|
|
2010
2010
|
class: K(["flex items-center gap-2 text-xs bg-slate-50 hover:bg-slate-100 px-3 py-2 rounded-lg cursor-pointer transition-colors duration-200 border border-transparent hover:border-slate-200", { "bg-emerald-50 border-emerald-200 text-emerald-700": y.value.includes(l) }])
|
|
2011
2011
|
}, [
|
|
@@ -2013,13 +2013,13 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
2013
2013
|
type: "checkbox",
|
|
2014
2014
|
value: l,
|
|
2015
2015
|
checked: y.value.includes(l),
|
|
2016
|
-
onInput:
|
|
2016
|
+
onInput: u,
|
|
2017
2017
|
class: "w-4 h-4 rounded border-slate-300 text-emerald-500 focus:ring-emerald-500"
|
|
2018
2018
|
}, null, 40, Xn),
|
|
2019
2019
|
D(" " + w(l), 1)
|
|
2020
2020
|
], 2))), 128))
|
|
2021
2021
|
], 512), [
|
|
2022
|
-
[$e,
|
|
2022
|
+
[$e, C.value]
|
|
2023
2023
|
]),
|
|
2024
2024
|
t("div", Zn, [
|
|
2025
2025
|
t("div", _n, [
|
|
@@ -2037,7 +2037,7 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
2037
2037
|
})
|
|
2038
2038
|
], -1)),
|
|
2039
2039
|
t("input", {
|
|
2040
|
-
onInput:
|
|
2040
|
+
onInput: v,
|
|
2041
2041
|
type: "text",
|
|
2042
2042
|
placeholder: "Buscar componente...",
|
|
2043
2043
|
class: "duration-300 border border-slate-200 bg-white rounded-xl py-3 px-4 pl-11 w-full focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 hover:border-slate-300 shadow-sm"
|
|
@@ -2047,7 +2047,7 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
2047
2047
|
t("div", el, [
|
|
2048
2048
|
Y(H(ge), {
|
|
2049
2049
|
class: "w-full flex flex-col gap-4",
|
|
2050
|
-
list:
|
|
2050
|
+
list: g.value,
|
|
2051
2051
|
group: { name: "draggingGroup", pull: "clone", put: !1 },
|
|
2052
2052
|
itemKey: "name",
|
|
2053
2053
|
clone: (l) => JSON.parse(JSON.stringify(l))
|
|
@@ -2066,7 +2066,7 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
2066
2066
|
]),
|
|
2067
2067
|
_: 1
|
|
2068
2068
|
}, 8, ["list", "clone"]),
|
|
2069
|
-
|
|
2069
|
+
g.value.length === 0 ? (s(), i("div", tl, [...n[5] || (n[5] = [
|
|
2070
2070
|
t("svg", {
|
|
2071
2071
|
class: "w-12 h-12 mx-auto mb-3 opacity-50",
|
|
2072
2072
|
fill: "none",
|
|
@@ -2082,7 +2082,7 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
2082
2082
|
], -1),
|
|
2083
2083
|
t("p", { class: "text-sm font-medium" }, "No se encontraron componentes", -1),
|
|
2084
2084
|
t("p", { class: "text-xs mt-1" }, "Intenta con otros filtros o términos de búsqueda", -1)
|
|
2085
|
-
])])) :
|
|
2085
|
+
])])) : j("", !0)
|
|
2086
2086
|
])
|
|
2087
2087
|
], 64));
|
|
2088
2088
|
}
|
|
@@ -2100,19 +2100,19 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
2100
2100
|
limboToken: {}
|
|
2101
2101
|
},
|
|
2102
2102
|
setup(e) {
|
|
2103
|
-
const o = e, x = o.isProduction ?? !1,
|
|
2103
|
+
const o = e, x = o.isProduction ?? !1, k = o.debugMode ?? !1, C = o.submitForm ?? !1, y = o.inputId ?? null, d = o.limboToken ?? null, g = [
|
|
2104
2104
|
"Repetidor",
|
|
2105
2105
|
// Siempre excluido
|
|
2106
2106
|
...o.excludeComponentTypes ?? []
|
|
2107
|
-
],
|
|
2108
|
-
const
|
|
2109
|
-
if (
|
|
2110
|
-
return
|
|
2111
|
-
const
|
|
2112
|
-
for (const [
|
|
2113
|
-
|
|
2114
|
-
return
|
|
2115
|
-
}),
|
|
2107
|
+
], v = x ? "https://render-api.lefebvre.es" : "https://led-dev-astro-render-api-dev.eu.els.local", u = I(!0), a = I(void 0), n = I([]), l = I({ rowIndex: null, columnIndex: null, section: null }), h = I(!1), L = I(!1), B = _(() => {
|
|
2108
|
+
const f = Se();
|
|
2109
|
+
if (g.length === 0)
|
|
2110
|
+
return f;
|
|
2111
|
+
const c = {};
|
|
2112
|
+
for (const [m, P] of Object.entries(f))
|
|
2113
|
+
g.includes(P.category) || (c[m] = P);
|
|
2114
|
+
return c;
|
|
2115
|
+
}), $ = I({
|
|
2116
2116
|
global: {
|
|
2117
2117
|
sidebarEnabled: !1,
|
|
2118
2118
|
renderAsBodyPart: !1,
|
|
@@ -2146,30 +2146,29 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
2146
2146
|
config: { width: "1/3" },
|
|
2147
2147
|
rows: [{ config: {}, columns: [{ config: {}, components: [] }] }]
|
|
2148
2148
|
}
|
|
2149
|
-
]),
|
|
2149
|
+
]), p = async () => {
|
|
2150
2150
|
if (window.Limbo)
|
|
2151
|
-
return
|
|
2152
|
-
await import("limbo-component/css"),
|
|
2153
|
-
const
|
|
2154
|
-
return
|
|
2151
|
+
return k && console.log("[PageBuilder] Limbo ya está cargado"), window.Limbo;
|
|
2152
|
+
await import("limbo-component/css"), k && console.log("[PageBuilder] Limbo CSS cargado desde paquete npm");
|
|
2153
|
+
const f = await import("limbo-component/umd"), c = f.default ?? f, m = (c.configure ? c : c.default) ?? c;
|
|
2154
|
+
return k && (console.log("[PageBuilder] Limbo module keys:", Object.keys(f)), console.log("[PageBuilder] Limbo resolved type:", typeof m, m != null && m.configure ? "has configure" : "NO configure")), m != null && m.configure ? (window.Limbo = m, k && console.log("[PageBuilder] Limbo JS cargado desde paquete npm"), m) : (console.error("[PageBuilder] Limbo cargado pero no tiene método configure. Module:", f), null);
|
|
2155
2155
|
}, G = async () => {
|
|
2156
2156
|
if (!d) {
|
|
2157
|
-
|
|
2157
|
+
k && console.log("[PageBuilder] limboToken no proporcionado, Limbo no se inicializará");
|
|
2158
2158
|
return;
|
|
2159
2159
|
}
|
|
2160
2160
|
try {
|
|
2161
|
-
const
|
|
2162
|
-
if (!
|
|
2161
|
+
const f = await p();
|
|
2162
|
+
if (!f) {
|
|
2163
2163
|
console.error("[PageBuilder] Limbo no se cargó correctamente");
|
|
2164
2164
|
return;
|
|
2165
2165
|
}
|
|
2166
|
-
|
|
2167
|
-
S && console.log("[PageBuilder] Configurando Limbo con token server-side"), g.configure({
|
|
2166
|
+
k && console.log("[PageBuilder] Configurando Limbo con token server-side"), f.configure({
|
|
2168
2167
|
prod: x,
|
|
2169
|
-
authMode: "
|
|
2170
|
-
|
|
2168
|
+
authMode: "manual",
|
|
2169
|
+
token: d,
|
|
2171
2170
|
modal: { size: "xlarge" }
|
|
2172
|
-
}),
|
|
2171
|
+
}), f.configureAutoInputs({
|
|
2173
2172
|
selector: ".js-limbo",
|
|
2174
2173
|
buttonText: "Seleccionar imagen",
|
|
2175
2174
|
returnType: "json",
|
|
@@ -2177,35 +2176,35 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
2177
2176
|
allowAdditionalCrops: !0,
|
|
2178
2177
|
maxCrops: 10,
|
|
2179
2178
|
localCropsOnly: !1,
|
|
2180
|
-
parseInputConfig: (
|
|
2181
|
-
const
|
|
2182
|
-
if (
|
|
2179
|
+
parseInputConfig: (c) => {
|
|
2180
|
+
const m = {};
|
|
2181
|
+
if (c.dataset.mandatorycrops)
|
|
2183
2182
|
try {
|
|
2184
|
-
|
|
2183
|
+
m.mandatoryCrops = JSON.parse(c.dataset.mandatorycrops);
|
|
2185
2184
|
} catch {
|
|
2186
2185
|
}
|
|
2187
|
-
return
|
|
2186
|
+
return c.dataset.returntype && (m.returnType = c.dataset.returntype), c.dataset.modeui && (m.modeUI = c.dataset.modeui), c.dataset.allowadditionalcrops !== void 0 && (m.allowAdditionalCrops = c.dataset.allowadditionalcrops === "true"), c.dataset.maxcrops && (m.maxCrops = parseInt(c.dataset.maxcrops, 10)), c.dataset.buttontext && (m.buttonText = c.dataset.buttontext), m;
|
|
2188
2187
|
}
|
|
2189
|
-
}),
|
|
2190
|
-
const
|
|
2191
|
-
let
|
|
2192
|
-
return
|
|
2193
|
-
if (
|
|
2188
|
+
}), k && console.log("[PageBuilder] Limbo inicializado correctamente"), window.LimboRescan = (c = ".js-limbo") => {
|
|
2189
|
+
const m = document.querySelectorAll(c);
|
|
2190
|
+
let P = 0;
|
|
2191
|
+
return m.forEach((F) => {
|
|
2192
|
+
if (F.tagName === "INPUT" && !F.dataset.limboProcessed)
|
|
2194
2193
|
try {
|
|
2195
|
-
|
|
2196
|
-
} catch (
|
|
2197
|
-
console.error("[Limbo] Error procesando input:",
|
|
2194
|
+
f.autoInputs._processInput(F), F.dataset.limboProcessed = "true", P++;
|
|
2195
|
+
} catch (A) {
|
|
2196
|
+
console.error("[Limbo] Error procesando input:", A);
|
|
2198
2197
|
}
|
|
2199
|
-
}),
|
|
2198
|
+
}), P;
|
|
2200
2199
|
}, setTimeout(() => {
|
|
2201
|
-
var
|
|
2202
|
-
return (
|
|
2200
|
+
var c;
|
|
2201
|
+
return (c = window.LimboRescan) == null ? void 0 : c.call(window);
|
|
2203
2202
|
}, 1e3), setTimeout(() => {
|
|
2204
|
-
var
|
|
2205
|
-
return (
|
|
2203
|
+
var c;
|
|
2204
|
+
return (c = window.LimboRescan) == null ? void 0 : c.call(window);
|
|
2206
2205
|
}, 2500);
|
|
2207
|
-
} catch (
|
|
2208
|
-
console.error("[PageBuilder] Error inicializando Limbo:",
|
|
2206
|
+
} catch (f) {
|
|
2207
|
+
console.error("[PageBuilder] Error inicializando Limbo:", f);
|
|
2209
2208
|
}
|
|
2210
2209
|
};
|
|
2211
2210
|
le(() => {
|
|
@@ -2213,184 +2212,184 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
2213
2212
|
});
|
|
2214
2213
|
const V = () => {
|
|
2215
2214
|
if (n.value = ["Header", "Footer", "Body", "Sidebar"], a.value = "Body", y) {
|
|
2216
|
-
const
|
|
2217
|
-
if (
|
|
2218
|
-
const
|
|
2219
|
-
if (
|
|
2215
|
+
const f = document.getElementById(y);
|
|
2216
|
+
if (f) {
|
|
2217
|
+
const c = f.value;
|
|
2218
|
+
if (c)
|
|
2220
2219
|
try {
|
|
2221
|
-
const
|
|
2222
|
-
(
|
|
2223
|
-
} catch (
|
|
2224
|
-
console.error("Error parsing input value:",
|
|
2220
|
+
const m = typeof c == "string" ? JSON.parse(c) : c;
|
|
2221
|
+
(m && typeof m == "object" && !Array.isArray(m) ? Object.keys(m).length > 0 : Array.isArray(m) ? m.length > 0 : !1) && de(c);
|
|
2222
|
+
} catch (m) {
|
|
2223
|
+
console.error("Error parsing input value:", m);
|
|
2225
2224
|
}
|
|
2226
2225
|
}
|
|
2227
2226
|
}
|
|
2228
2227
|
}, z = () => {
|
|
2229
2228
|
L.value = !L.value;
|
|
2230
|
-
},
|
|
2231
|
-
|
|
2232
|
-
},
|
|
2233
|
-
var
|
|
2234
|
-
const A = r.find((R) => R.section ===
|
|
2235
|
-
(
|
|
2236
|
-
padding:
|
|
2237
|
-
gap:
|
|
2238
|
-
width:
|
|
2229
|
+
}, M = () => {
|
|
2230
|
+
u.value = !u.value;
|
|
2231
|
+
}, b = (f, c, m, P, F) => {
|
|
2232
|
+
var O;
|
|
2233
|
+
const A = r.find((R) => R.section === c);
|
|
2234
|
+
(O = A == null ? void 0 : A.rows) != null && O[f] && (A.rows[f].config = {
|
|
2235
|
+
padding: m,
|
|
2236
|
+
gap: P,
|
|
2237
|
+
width: F
|
|
2239
2238
|
});
|
|
2240
|
-
},
|
|
2239
|
+
}, S = (f, c, m, P, F, A) => {
|
|
2241
2240
|
var R, W, te;
|
|
2242
|
-
const
|
|
2243
|
-
(te = (W = (R =
|
|
2244
|
-
width:
|
|
2245
|
-
gap:
|
|
2241
|
+
const O = r.find((ne) => ne.section === m);
|
|
2242
|
+
(te = (W = (R = O == null ? void 0 : O.rows) == null ? void 0 : R[f]) == null ? void 0 : W.columns) != null && te[c] && (O.rows[f].columns[c].config = {
|
|
2243
|
+
width: P,
|
|
2244
|
+
gap: F,
|
|
2246
2245
|
flexDirection: A
|
|
2247
2246
|
});
|
|
2248
|
-
},
|
|
2249
|
-
const
|
|
2250
|
-
if (
|
|
2251
|
-
const
|
|
2247
|
+
}, E = async (f, c) => {
|
|
2248
|
+
const m = r.find((P) => P.section === c);
|
|
2249
|
+
if (m) {
|
|
2250
|
+
const P = {
|
|
2252
2251
|
config: {},
|
|
2253
2252
|
columns: [{ config: {}, components: [] }]
|
|
2254
2253
|
};
|
|
2255
|
-
|
|
2254
|
+
f !== null && f >= 0 && f < m.rows.length ? m.rows.splice(f + 1, 0, P) : m.rows.push(P);
|
|
2256
2255
|
}
|
|
2257
|
-
await new Promise((
|
|
2256
|
+
await new Promise((P) => {
|
|
2258
2257
|
setTimeout(() => {
|
|
2259
|
-
const
|
|
2260
|
-
|
|
2261
|
-
|
|
2262
|
-
}, 3e3)) :
|
|
2258
|
+
const F = document.getElementById(`row-${c}-${(f ?? 0) + 1}`);
|
|
2259
|
+
F ? (F.scrollIntoView({ behavior: "smooth", block: "center" }), F.classList.add("selected-delay"), setTimeout(() => {
|
|
2260
|
+
F.classList.remove("selected-delay"), P();
|
|
2261
|
+
}, 3e3)) : P();
|
|
2263
2262
|
}, 0);
|
|
2264
2263
|
});
|
|
2265
|
-
}, J = (
|
|
2266
|
-
const
|
|
2267
|
-
!(
|
|
2268
|
-
}, q = (
|
|
2264
|
+
}, J = (f, c) => {
|
|
2265
|
+
const m = r.find((P) => P.section === c);
|
|
2266
|
+
!(m != null && m.rows) || m.rows.length <= 1 || m.rows.splice(f, 1);
|
|
2267
|
+
}, q = (f, c, m = "down") => {
|
|
2269
2268
|
var R;
|
|
2270
|
-
const
|
|
2271
|
-
if (!((R =
|
|
2269
|
+
const P = r.find((W) => W.section === c);
|
|
2270
|
+
if (!((R = P == null ? void 0 : P.rows) != null && R[f]) || m === "up" && f === 0 || m === "down" && f === P.rows.length - 1)
|
|
2272
2271
|
return;
|
|
2273
|
-
const
|
|
2274
|
-
|
|
2275
|
-
}, X = async (
|
|
2276
|
-
var
|
|
2277
|
-
const
|
|
2278
|
-
(
|
|
2272
|
+
const F = P.rows, A = F.splice(f, 1)[0], O = m === "down" ? f + 1 : f - 1;
|
|
2273
|
+
F.splice(O, 0, A);
|
|
2274
|
+
}, X = async (f, c, m, P = "right") => {
|
|
2275
|
+
var O;
|
|
2276
|
+
const F = P === "left" ? c : c + 1, A = r.find((R) => R.section === m);
|
|
2277
|
+
(O = A == null ? void 0 : A.rows) != null && O[f] && A.rows[f].columns.splice(F, 0, {
|
|
2279
2278
|
config: {},
|
|
2280
2279
|
components: []
|
|
2281
2280
|
}), await new Promise((R) => {
|
|
2282
2281
|
setTimeout(() => {
|
|
2283
|
-
const W = document.getElementById(`col-${
|
|
2282
|
+
const W = document.getElementById(`col-${m}-${f}-${F}`);
|
|
2284
2283
|
W ? (W.scrollIntoView({ behavior: "smooth", block: "center" }), W.classList.add("selected-delay"), setTimeout(() => {
|
|
2285
2284
|
W.classList.remove("selected-delay"), R();
|
|
2286
2285
|
}, 3e3)) : R();
|
|
2287
2286
|
}, 0);
|
|
2288
2287
|
});
|
|
2289
|
-
}, ee = (
|
|
2290
|
-
var A,
|
|
2291
|
-
const
|
|
2292
|
-
!
|
|
2293
|
-
}, pe = (
|
|
2288
|
+
}, ee = (f, c, m) => {
|
|
2289
|
+
var A, O;
|
|
2290
|
+
const P = r.find((R) => R.section === m), F = (O = (A = P == null ? void 0 : P.rows) == null ? void 0 : A[f]) == null ? void 0 : O.columns;
|
|
2291
|
+
!F || F.length <= 1 || F.splice(c, 1);
|
|
2292
|
+
}, pe = (f, c, m, P = "right") => {
|
|
2294
2293
|
var W;
|
|
2295
|
-
const
|
|
2296
|
-
if (!((W =
|
|
2294
|
+
const F = r.find((te) => te.section === m);
|
|
2295
|
+
if (!((W = F == null ? void 0 : F.rows) != null && W[f]) || P === "left" && c === 0 || P === "right" && c === F.rows[f].columns.length - 1)
|
|
2297
2296
|
return;
|
|
2298
|
-
const A =
|
|
2299
|
-
A.splice(R, 0,
|
|
2300
|
-
}, ve = (
|
|
2301
|
-
var
|
|
2302
|
-
const
|
|
2303
|
-
(
|
|
2304
|
-
|
|
2305
|
-
const
|
|
2306
|
-
|
|
2297
|
+
const A = F.rows[f].columns, O = A.splice(c, 1)[0], R = P === "right" ? c + 1 : c - 1;
|
|
2298
|
+
A.splice(R, 0, O);
|
|
2299
|
+
}, ve = (f, c) => {
|
|
2300
|
+
var P;
|
|
2301
|
+
const m = r.find((F) => F.section === c);
|
|
2302
|
+
(P = m == null ? void 0 : m.rows) == null || P.forEach((F) => {
|
|
2303
|
+
F.columns.forEach((A) => {
|
|
2304
|
+
const O = A.components.indexOf(f);
|
|
2305
|
+
O !== -1 && A.components.splice(O, 1);
|
|
2307
2306
|
});
|
|
2308
2307
|
});
|
|
2309
|
-
}, xe = (
|
|
2310
|
-
var
|
|
2311
|
-
const
|
|
2312
|
-
(
|
|
2313
|
-
|
|
2314
|
-
const
|
|
2315
|
-
if (
|
|
2316
|
-
const R = JSON.parse(JSON.stringify(
|
|
2317
|
-
R.id = Math.random().toString(36).substring(2, 15) + Date.now().toString(36), A.components.splice(
|
|
2308
|
+
}, xe = (f, c) => {
|
|
2309
|
+
var P;
|
|
2310
|
+
const m = r.find((F) => F.section === c);
|
|
2311
|
+
(P = m == null ? void 0 : m.rows) == null || P.forEach((F) => {
|
|
2312
|
+
F.columns.forEach((A) => {
|
|
2313
|
+
const O = A.components.indexOf(f);
|
|
2314
|
+
if (O !== -1) {
|
|
2315
|
+
const R = JSON.parse(JSON.stringify(f));
|
|
2316
|
+
R.id = Math.random().toString(36).substring(2, 15) + Date.now().toString(36), A.components.splice(O + 1, 0, R);
|
|
2318
2317
|
}
|
|
2319
2318
|
});
|
|
2320
2319
|
});
|
|
2321
|
-
}, he = (
|
|
2322
|
-
h.value = !0, l.value = { rowIndex:
|
|
2323
|
-
}, ie = (
|
|
2324
|
-
var
|
|
2325
|
-
const { rowIndex:
|
|
2326
|
-
if (
|
|
2327
|
-
const W = JSON.parse(JSON.stringify(
|
|
2320
|
+
}, he = (f, c, m) => {
|
|
2321
|
+
h.value = !0, l.value = { rowIndex: f, columnIndex: c, section: m };
|
|
2322
|
+
}, ie = (f) => {
|
|
2323
|
+
var F, A, O, R;
|
|
2324
|
+
const { rowIndex: c, columnIndex: m, section: P } = l.value;
|
|
2325
|
+
if (c !== null && m !== null) {
|
|
2326
|
+
const W = JSON.parse(JSON.stringify(f));
|
|
2328
2327
|
W.id = Math.random().toString(36).substring(2, 15) + Date.now().toString(36);
|
|
2329
|
-
const te = r.find((we) => we.section ===
|
|
2328
|
+
const te = r.find((we) => we.section === P), ne = (R = (O = (A = (F = te == null ? void 0 : te.rows) == null ? void 0 : F[c]) == null ? void 0 : A.columns) == null ? void 0 : O[m]) == null ? void 0 : R.components;
|
|
2330
2329
|
ne == null || ne.push(W);
|
|
2331
2330
|
}
|
|
2332
2331
|
h.value = !1;
|
|
2333
|
-
}, de = (
|
|
2334
|
-
const
|
|
2335
|
-
r.length = 0, r.push(...
|
|
2332
|
+
}, de = (f) => {
|
|
2333
|
+
const c = typeof f == "string" ? JSON.parse(f) : f;
|
|
2334
|
+
r.length = 0, r.push(...c.pageConfig || []), c.paramsConfig && ($.value = { ...$.value, ...c.paramsConfig });
|
|
2336
2335
|
};
|
|
2337
|
-
return (
|
|
2336
|
+
return (f, c) => (s(), i("div", ol, [
|
|
2338
2337
|
Y(gt, {
|
|
2339
2338
|
sectionSelected: a.value,
|
|
2340
|
-
"onUpdate:sectionSelected":
|
|
2341
|
-
parametersPageConfiguration:
|
|
2342
|
-
"onUpdate:parametersPageConfiguration":
|
|
2339
|
+
"onUpdate:sectionSelected": c[0] || (c[0] = (m) => a.value = m),
|
|
2340
|
+
parametersPageConfiguration: $.value,
|
|
2341
|
+
"onUpdate:parametersPageConfiguration": c[1] || (c[1] = (m) => $.value = m),
|
|
2343
2342
|
globalPageConfiguration: r,
|
|
2344
2343
|
availableSections: n.value,
|
|
2345
2344
|
importConfigurationFunction: de,
|
|
2346
2345
|
isComponentMode: L.value,
|
|
2347
2346
|
toggleComponentModeFunction: z,
|
|
2348
|
-
fullwidthMode:
|
|
2349
|
-
toggleFullwidthMode:
|
|
2350
|
-
renderApiDomain: H(
|
|
2347
|
+
fullwidthMode: u.value,
|
|
2348
|
+
toggleFullwidthMode: M,
|
|
2349
|
+
renderApiDomain: H(v),
|
|
2351
2350
|
inputId: H(y),
|
|
2352
|
-
debugMode: H(
|
|
2353
|
-
submitForm: H(
|
|
2351
|
+
debugMode: H(k),
|
|
2352
|
+
submitForm: H(C)
|
|
2354
2353
|
}, null, 8, ["sectionSelected", "parametersPageConfiguration", "globalPageConfiguration", "availableSections", "isComponentMode", "fullwidthMode", "renderApiDomain", "inputId", "debugMode", "submitForm"]),
|
|
2355
2354
|
t("div", nl, [
|
|
2356
|
-
|
|
2355
|
+
u.value ? (s(), i("div", {
|
|
2357
2356
|
key: 0,
|
|
2358
2357
|
class: K(["w-full overflow-y-auto fixed top-0 left-0 h-full bg-gradient-to-br from-slate-100 via-white to-slate-50 z-9999 px-4 flex justify-start flex flex-col items-center backdrop-blur-sm", h.value ? "" : "hidden"])
|
|
2359
2358
|
}, [
|
|
2360
2359
|
t("div", ll, [
|
|
2361
2360
|
t("div", {
|
|
2362
2361
|
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",
|
|
2363
|
-
onClick:
|
|
2362
|
+
onClick: c[2] || (c[2] = (m) => h.value = !1)
|
|
2364
2363
|
}, "✕")
|
|
2365
2364
|
]),
|
|
2366
2365
|
t("div", al, [
|
|
2367
2366
|
Y(ce, {
|
|
2368
|
-
renderApiDomain: H(
|
|
2367
|
+
renderApiDomain: H(v),
|
|
2369
2368
|
isComponentMode: L.value,
|
|
2370
|
-
fullwidthMode:
|
|
2369
|
+
fullwidthMode: u.value,
|
|
2371
2370
|
columnToInsert: l.value,
|
|
2372
2371
|
addComponentToColumn: ie,
|
|
2373
2372
|
toggleComponentModeFunction: z,
|
|
2374
2373
|
isProduction: H(x),
|
|
2375
2374
|
components: B.value,
|
|
2376
|
-
excludedCategories:
|
|
2375
|
+
excludedCategories: g
|
|
2377
2376
|
}, null, 8, ["renderApiDomain", "isComponentMode", "fullwidthMode", "columnToInsert", "isProduction", "components"])
|
|
2378
2377
|
])
|
|
2379
2378
|
], 2)) : (s(), i("div", rl, [
|
|
2380
2379
|
Y(ce, {
|
|
2381
|
-
renderApiDomain: H(
|
|
2380
|
+
renderApiDomain: H(v),
|
|
2382
2381
|
isComponentMode: L.value,
|
|
2383
|
-
fullwidthMode:
|
|
2382
|
+
fullwidthMode: u.value,
|
|
2384
2383
|
columnToInsert: l.value,
|
|
2385
2384
|
addComponentToColumn: ie,
|
|
2386
2385
|
toggleComponentModeFunction: z,
|
|
2387
2386
|
isProduction: H(x),
|
|
2388
2387
|
components: B.value,
|
|
2389
|
-
excludedCategories:
|
|
2388
|
+
excludedCategories: g
|
|
2390
2389
|
}, null, 8, ["renderApiDomain", "isComponentMode", "fullwidthMode", "columnToInsert", "isProduction", "components"])
|
|
2391
2390
|
])),
|
|
2392
2391
|
t("div", {
|
|
2393
|
-
class: K([
|
|
2392
|
+
class: K([u.value ? "w-full px-4" : "w-3/4 ps-3", "flex flex-col gap-5"])
|
|
2394
2393
|
}, [
|
|
2395
2394
|
Y(Hn, {
|
|
2396
2395
|
globalPageConfiguration: r,
|
|
@@ -2398,17 +2397,17 @@ const gt = /* @__PURE__ */ je(Fe, [["render", bt]]), ft = {
|
|
|
2398
2397
|
removeComponent: ve,
|
|
2399
2398
|
cloneComponent: xe,
|
|
2400
2399
|
addComponentFunction: he,
|
|
2401
|
-
fullwidthMode:
|
|
2400
|
+
fullwidthMode: u.value,
|
|
2402
2401
|
addCol: X,
|
|
2403
|
-
addRow:
|
|
2402
|
+
addRow: E,
|
|
2404
2403
|
removeRow: J,
|
|
2405
2404
|
removeCol: ee,
|
|
2406
2405
|
moveCol: pe,
|
|
2407
|
-
updateRowConfig:
|
|
2408
|
-
updateColConfig:
|
|
2406
|
+
updateRowConfig: b,
|
|
2407
|
+
updateColConfig: S,
|
|
2409
2408
|
moveRow: q,
|
|
2410
2409
|
sectionSelected: a.value,
|
|
2411
|
-
renderApiDomain: H(
|
|
2410
|
+
renderApiDomain: H(v),
|
|
2412
2411
|
isProduction: H(x)
|
|
2413
2412
|
}, null, 8, ["globalPageConfiguration", "isComponentMode", "fullwidthMode", "sectionSelected", "renderApiDomain", "isProduction"])
|
|
2414
2413
|
], 2)
|