lf-pagebuilder-vue 0.0.24 → 0.0.26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Pagebuilder.vue.d.ts +0 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +388 -382
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode(`.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"•"}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"☑"}.ql-editor ul[data-checked=false]>li:before{content:"☐"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px;margin-left:1px;margin-right:1px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover{background-color:#f3f4f6}.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{background-color:#dbeafe;color:#2563eb}.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#2563eb}.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#2563eb}@media (pointer: coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#4b5563}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#4b5563}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#4b5563}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#4b5563;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#4b5563;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#4b5563}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#4b5563;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle;margin-right:1px;margin-left:1px}.ql-snow .ql-picker-label{cursor:pointer;display:flex;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding:5px 8px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#d1d5db;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#d1d5db}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#d1d5db}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:3px}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px;margin:2px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #d1d5db;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#d1d5db}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0px}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #d1d5db;box-shadow:0 0 5px #d1d5db;color:#4b5563;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #d1d5db;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #d1d5db;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0px;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#2563eb}.ql-container.ql-snow{border:1px solid #d1d5db}.css-pb-row:hover .css-pb-row-config{display:flex!important}/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-orange-500:oklch(70.5% .213 47.604);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-700:oklch(55.5% .163 48.998);--color-yellow-50:oklch(98.7% .026 102.212);--color-lime-50:oklch(98.6% .031 120.757);--color-lime-200:oklch(93.8% .127 124.321);--color-lime-400:oklch(84.1% .238 128.85);--color-lime-600:oklch(64.8% .2 131.684);--color-lime-800:oklch(45.3% .124 130.933);--color-green-100:oklch(96.2% .044 156.743);--color-green-300:oklch(87.1% .15 154.449);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-teal-50:oklch(98.4% .014 180.72);--color-teal-500:oklch(70.4% .14 182.503);--color-teal-600:oklch(60% .118 184.704);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-100:oklch(95.1% .026 236.824);--color-sky-300:oklch(82.8% .111 230.318);--color-sky-500:oklch(68.5% .169 237.323);--color-blue-50:oklch(97% .014 254.604);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-violet-50:oklch(96.9% .016 293.756);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-600:oklch(54.1% .281 293.009);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-500:oklch(64.5% .246 16.439);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-300:oklch(87.1% .006 286.286);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-5xl:3rem;--text-5xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-light:300;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0,0,.2,1);--animate-spin:spin 1s linear infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.-top-1{top:calc(var(--spacing)*-1)}.-top-2\\.5{top:calc(var(--spacing)*-2.5)}.top-0{top:calc(var(--spacing)*0)}.top-1{top:calc(var(--spacing)*1)}.top-1\\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.top-6{top:calc(var(--spacing)*6)}.right-0{right:calc(var(--spacing)*0)}.right-2{right:calc(var(--spacing)*2)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.left-2{left:calc(var(--spacing)*2)}.left-3{left:calc(var(--spacing)*3)}.isolate{isolation:isolate}.z-0{z-index:0}.z-1{z-index:1}.z-10{z-index:10}.z-99{z-index:99}.z-100{z-index:100}.z-101{z-index:101}.z-9999{z-index:9999}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-3{margin-inline:calc(var(--spacing)*3)}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing)*2)}.my-3{margin-block:calc(var(--spacing)*3)}.my-4{margin-block:calc(var(--spacing)*4)}.ms-2{margin-inline-start:calc(var(--spacing)*2)}.me-2{margin-inline-end:calc(var(--spacing)*2)}.me-4{margin-inline-end:calc(var(--spacing)*4)}.mt-0\\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-1\\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.ml-8{margin-left:calc(var(--spacing)*8)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-full{height:100%}.h-screen{height:100vh}.min-h-\\[100px\\]{min-height:100px}.min-h-\\[200px\\]{min-height:200px}.min-h-screen{min-height:100vh}.w-1\\/4{width:25%}.w-3{width:calc(var(--spacing)*3)}.w-3\\/4{width:75%}.w-3\\/5{width:60%}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-32{width:calc(var(--spacing)*32)}.w-48{width:calc(var(--spacing)*48)}.w-64{width:calc(var(--spacing)*64)}.w-auto{width:auto}.w-full{width:100%}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-help{cursor:help}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.rounded-b-lg{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.border,.border-1{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-amber-200{border-color:var(--color-amber-200)}.border-amber-300{border-color:var(--color-amber-300)}.border-amber-500{border-color:var(--color-amber-500)}.border-emerald-200{border-color:var(--color-emerald-200)}.border-emerald-300{border-color:var(--color-emerald-300)}.border-emerald-500{border-color:var(--color-emerald-500)}.border-lime-400{border-color:var(--color-lime-400)}.border-lime-600{border-color:var(--color-lime-600)}.border-red-200{border-color:var(--color-red-200)}.border-rose-200{border-color:var(--color-rose-200)}.border-sky-100{border-color:var(--color-sky-100)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-300{border-color:var(--color-slate-300)}.border-slate-700{border-color:var(--color-slate-700)}.border-transparent{border-color:#0000}.border-violet-200{border-color:var(--color-violet-200)}.border-violet-500{border-color:var(--color-violet-500)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-rose-50{background-color:var(--color-rose-50)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-violet-50{background-color:var(--color-violet-50)}.bg-white{background-color:var(--color-white)}.bg-white\\/60{background-color:#fff9}@supports (color:color-mix(in lab,red,red)){.bg-white\\/60{background-color:color-mix(in oklab,var(--color-white)60%,transparent)}}.bg-white\\/80{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.bg-white\\/80{background-color:color-mix(in oklab,var(--color-white)80%,transparent)}}.bg-white\\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.bg-white\\/90{background-color:color-mix(in oklab,var(--color-white)90%,transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-l{--tw-gradient-position:to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-amber-50{--tw-gradient-from:var(--color-amber-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-amber-500{--tw-gradient-from:var(--color-amber-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-emerald-50{--tw-gradient-from:var(--color-emerald-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-emerald-500{--tw-gradient-from:var(--color-emerald-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-lime-50{--tw-gradient-from:var(--color-lime-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-lime-200{--tw-gradient-from:var(--color-lime-200);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-sky-50{--tw-gradient-from:var(--color-sky-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-slate-50{--tw-gradient-from:var(--color-slate-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-slate-100{--tw-gradient-from:var(--color-slate-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-slate-600{--tw-gradient-from:var(--color-slate-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-slate-700{--tw-gradient-from:var(--color-slate-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-violet-500{--tw-gradient-from:var(--color-violet-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-white\\/90{--tw-gradient-from:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.from-white\\/90{--tw-gradient-from:color-mix(in oklab,var(--color-white)90%,transparent)}}.from-white\\/90{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-zinc-100{--tw-gradient-from:var(--color-zinc-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-slate-50\\/95{--tw-gradient-via:#f8fafcf2}@supports (color:color-mix(in lab,red,red)){.via-slate-50\\/95{--tw-gradient-via:color-mix(in oklab,var(--color-slate-50)95%,transparent)}}.via-slate-50\\/95{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-white{--tw-gradient-via:var(--color-white);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-blue-50{--tw-gradient-to:var(--color-blue-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-emerald-100{--tw-gradient-to:var(--color-emerald-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-green-100{--tw-gradient-to:var(--color-green-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-green-300{--tw-gradient-to:var(--color-green-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-orange-500{--tw-gradient-to:var(--color-orange-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-500{--tw-gradient-to:var(--color-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-slate-50{--tw-gradient-to:var(--color-slate-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-slate-100{--tw-gradient-to:var(--color-slate-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-slate-100\\/90{--tw-gradient-to:#f1f5f9e6}@supports (color:color-mix(in lab,red,red)){.to-slate-100\\/90{--tw-gradient-to:color-mix(in oklab,var(--color-slate-100)90%,transparent)}}.to-slate-100\\/90{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-slate-500{--tw-gradient-to:var(--color-slate-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-slate-600{--tw-gradient-to:var(--color-slate-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-slate-700{--tw-gradient-to:var(--color-slate-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-teal-50{--tw-gradient-to:var(--color-teal-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-teal-500{--tw-gradient-to:var(--color-teal-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-white{--tw-gradient-to:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-yellow-50{--tw-gradient-to:var(--color-yellow-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-zinc-300{--tw-gradient-to:var(--color-zinc-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.p-1{padding:calc(var(--spacing)*1)}.p-1\\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.px-1\\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-0\\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-8{padding-block:calc(var(--spacing)*8)}.ps-3{padding-inline-start:calc(var(--spacing)*3)}.pe-4{padding-inline-end:calc(var(--spacing)*4)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-10{padding-top:calc(var(--spacing)*10)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pl-11{padding-left:calc(var(--spacing)*11)}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-words{overflow-wrap:break-word}.text-amber-500{color:var(--color-amber-500)}.text-amber-700{color:var(--color-amber-700)}.text-blue-600{color:var(--color-blue-600)}.text-emerald-400{color:var(--color-emerald-400)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-lime-800{color:var(--color-lime-800)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-rose-500{color:var(--color-rose-500)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-transparent{color:#0000}.text-violet-600{color:var(--color-violet-600)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-emerald-100{--tw-shadow-color:oklch(95% .052 163.051)}@supports (color:color-mix(in lab,red,red)){.shadow-emerald-100{--tw-shadow-color:color-mix(in oklab,var(--color-emerald-100)var(--tw-shadow-alpha),transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-\\[2px\\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.group-hover\\:block:is(:where(.group):hover *){display:block}.group-hover\\:text-slate-800:is(:where(.group):hover *){color:var(--color-slate-800)}.group-hover\\:text-slate-900:is(:where(.group):hover *){color:var(--color-slate-900)}.group-hover\\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\\/btn\\:text-white:is(:where(.group\\/btn):hover *){color:var(--color-white)}.group-hover\\/component\\:opacity-100:is(:where(.group\\/component):hover *){opacity:1}.group-hover\\/info\\:visible:is(:where(.group\\/info):hover *){visibility:visible}.group-hover\\/info\\:text-sky-500:is(:where(.group\\/info):hover *){color:var(--color-sky-500)}.group-hover\\/info\\:opacity-100:is(:where(.group\\/info):hover *){opacity:1}.group-hover\\/row\\:flex:is(:where(.group\\/row):hover *){display:flex}}.before\\:absolute:before{content:var(--tw-content);position:absolute}.before\\:bottom-4:before{content:var(--tw-content);bottom:calc(var(--spacing)*4)}.before\\:left-2:before{content:var(--tw-content);left:calc(var(--spacing)*2)}.before\\:-rotate-12:before{content:var(--tw-content);rotate:-12deg}.before\\:text-7xl:before{content:var(--tw-content);font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.before\\:font-bold:before{content:var(--tw-content);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.before\\:text-slate-300:before{content:var(--tw-content);color:var(--color-slate-300)}.before\\:opacity-30:before{content:var(--tw-content);opacity:.3}.before\\:transition-opacity:before{content:var(--tw-content);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.before\\:duration-300:before{content:var(--tw-content);--tw-duration:.3s;transition-duration:.3s}.before\\:content-\\[\\'Columna\\'\\]:before{--tw-content:"Columna";content:var(--tw-content)}@media (hover:hover){.hover\\:-translate-y-0\\.5:hover{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\\:scale-125:hover{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\\:scale-\\[1\\.01\\]:hover{scale:1.01}.hover\\:border-amber-500:hover{border-color:var(--color-amber-500)}.hover\\:border-blue-500:hover{border-color:var(--color-blue-500)}.hover\\:border-emerald-300:hover{border-color:var(--color-emerald-300)}.hover\\:border-emerald-500:hover{border-color:var(--color-emerald-500)}.hover\\:border-red-300:hover{border-color:var(--color-red-300)}.hover\\:border-red-400:hover{border-color:var(--color-red-400)}.hover\\:border-red-500:hover{border-color:var(--color-red-500)}.hover\\:border-sky-300:hover{border-color:var(--color-sky-300)}.hover\\:border-sky-500:hover{border-color:var(--color-sky-500)}.hover\\:border-slate-200:hover{border-color:var(--color-slate-200)}.hover\\:border-slate-300:hover{border-color:var(--color-slate-300)}.hover\\:border-slate-700:hover{border-color:var(--color-slate-700)}.hover\\:border-violet-500:hover{border-color:var(--color-violet-500)}.hover\\:bg-amber-500:hover{background-color:var(--color-amber-500)}.hover\\:bg-blue-500:hover{background-color:var(--color-blue-500)}.hover\\:bg-emerald-50:hover{background-color:var(--color-emerald-50)}.hover\\:bg-emerald-500:hover{background-color:var(--color-emerald-500)}.hover\\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\\:bg-red-500:hover{background-color:var(--color-red-500)}.hover\\:bg-sky-50:hover{background-color:var(--color-sky-50)}.hover\\:bg-sky-100:hover{background-color:var(--color-sky-100)}.hover\\:bg-sky-500:hover{background-color:var(--color-sky-500)}.hover\\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\\:bg-slate-700:hover{background-color:var(--color-slate-700)}.hover\\:bg-violet-500:hover{background-color:var(--color-violet-500)}.hover\\:bg-white:hover{background-color:var(--color-white)}.hover\\:from-emerald-600:hover{--tw-gradient-from:var(--color-emerald-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\\:from-violet-600:hover{--tw-gradient-from:var(--color-violet-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\\:to-purple-600:hover{--tw-gradient-to:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\\:to-teal-600:hover{--tw-gradient-to:var(--color-teal-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\\:text-emerald-600:hover{color:var(--color-emerald-600)}.hover\\:text-red-500:hover{color:var(--color-red-500)}.hover\\:text-red-600:hover{color:var(--color-red-600)}.hover\\:text-slate-600:hover{color:var(--color-slate-600)}.hover\\:text-white:hover{color:var(--color-white)}.hover\\:shadow:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\\:shadow-slate-200\\/50:hover{--tw-shadow-color:#e2e8f080}@supports (color:color-mix(in lab,red,red)){.hover\\:shadow-slate-200\\/50:hover{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-slate-200)50%,transparent)var(--tw-shadow-alpha),transparent)}}.hover\\:before\\:opacity-50:hover:before{content:var(--tw-content);opacity:.5}}.focus\\:border-emerald-400:focus{border-color:var(--color-emerald-400)}.focus\\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\\:ring-blue-400:focus{--tw-ring-color:var(--color-blue-400)}.focus\\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\\:ring-emerald-500:focus{--tw-ring-color:var(--color-emerald-500)}.focus\\:ring-emerald-500\\/20:focus{--tw-ring-color:#00bb7f33}@supports (color:color-mix(in lab,red,red)){.focus\\:ring-emerald-500\\/20:focus{--tw-ring-color:color-mix(in oklab,var(--color-emerald-500)20%,transparent)}}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\\:transform-none:disabled{transform:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:bg-slate-100:disabled{background-color:var(--color-slate-100)}.disabled\\:from-slate-300:disabled{--tw-gradient-from:var(--color-slate-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.disabled\\:to-slate-400:disabled{--tw-gradient-to:var(--color-slate-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.disabled\\:shadow-none:disabled{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media (min-width:48rem){.md\\:w-2\\/4{width:50%}}@media (min-width:64rem){.lg\\:w-1\\/3{width:33.3333%}.lg\\:w-1\\/4{width:25%}}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}@layer pagebuilder-overrides{[data-group=component]:hover [data-group-hover=component-opacity],[data-group=component]:hover>[data-group-hover=component-opacity],[data-group=component]:hover [data-group-hover=component-opacity].opacity-0{opacity:1!important}[data-group=info]:hover [data-group-hover=info-opacity],[data-group=info]:hover [data-group-hover=info-opacity].opacity-0{opacity:1!important}[data-group=info]:hover [data-group-hover=info-visible],[data-group=info]:hover [data-group-hover=info-visible].invisible,[data-group=info]:hover [data-group-hover=info-visible].opacity-0{visibility:visible!important;opacity:1!important}[data-group=info]:hover [data-group-hover=info-text-sky]{color:#0ea5e9!important}[data-group=btn]:hover [data-group-hover=btn-text-white]{color:#fff!important}[data-group=row]:hover [data-group-hover=row-flex],[data-group=row]:hover [data-group-hover=row-flex].hidden,.css-pb-row:hover .css-pb-row-config,.css-pb-row:hover .css-pb-row-config.hidden{display:flex!important}}.top-2{top:.5rem!important}.right-2{right:.5rem!important}.top-6{top:1.5rem!important}.right-0{right:0!important}.left-0{left:0!important}.left-3{left:.75rem!important}.selected-delay{animation:selectedblink .6s infinite!important;border-color:#10b981!important;box-shadow:0 0 0 3px #10b98133!important}.expanded-page-builder{background:linear-gradient(135deg,#f8fafc,#f1f5f9);top:0;left:0;height:100%;width:100%;position:fixed;z-index:9999;overflow:scroll}@keyframes selectedblink{0%,50%{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}51%,to{background:transparent}}.lf-page-builder{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.z-9999{z-index:9999}.z-99{z-index:99}.z-100{z-index:100}.z-101{z-index:101}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dragging-zone{transition:background-color .3s ease,border-color .3s ease}.component-library{max-height:calc(100vh - 200px);overflow-y:auto}.ql-toolbar{z-index:9999}.ql-container{z-index:9998}.lf-page-builder ::-webkit-scrollbar{width:8px;height:8px}.lf-page-builder ::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.lf-page-builder ::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.lf-page-builder ::-webkit-scrollbar-thumb:hover{background:#94a3b8}.handle{cursor:grab}.handle:active{cursor:grabbing}.lf-page-builder button,.lf-page-builder select,.lf-page-builder input{transition:all .2s ease}.lf-page-builder button:focus,.lf-page-builder select:focus,.lf-page-builder input:focus{outline:none;ring:2px;ring-color:rgba(16,185,129,.2)}`)),document.head.appendChild(t)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
|
|
2
|
-
import { defineComponent as Z, ref as j, computed as _, openBlock as s, createElementBlock as i, createElementVNode as t, withModifiers as
|
|
3
|
-
import { listComponents as
|
|
4
|
-
import { QuillEditor as
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import "limbo-component/css";
|
|
2
|
+
import { defineComponent as Z, ref as j, computed as _, openBlock as s, createElementBlock as i, createElementVNode as t, withModifiers as ie, withDirectives as U, vModelText as oe, createCommentVNode as I, normalizeClass as K, toDisplayString as y, Fragment as L, renderList as z, vModelSelect as Q, vModelCheckbox as re, onMounted as le, onUnmounted as $e, createTextVNode as O, createBlock as be, unref as H, createVNode as Y, watch as ae, nextTick as se, withCtx as ge, vShow as ke, reactive as Se, onUpdated as Pe } from "vue";
|
|
3
|
+
import { listComponents as Fe } from "libreria-astro-lefebvre";
|
|
4
|
+
import { QuillEditor as je } from "@vueup/vue-quill";
|
|
5
|
+
import fe from "vuedraggable";
|
|
6
|
+
import Ie from "limbo-component/min";
|
|
8
7
|
const Me = Z({
|
|
9
8
|
props: {
|
|
10
9
|
isComponentMode: Boolean,
|
|
@@ -33,18 +32,18 @@ const Me = Z({
|
|
|
33
32
|
"update:parametersPageConfiguration.seo.description"
|
|
34
33
|
],
|
|
35
34
|
setup(e) {
|
|
36
|
-
const o = e.renderApiDomain || "http://localhost:8003", x = j(""), S = j(!1), $ = j(!1),
|
|
35
|
+
const o = e.renderApiDomain || "http://localhost:8003", x = j(""), S = j(!1), $ = j(!1), C = j(null), d = _({
|
|
37
36
|
get() {
|
|
38
37
|
var k, r;
|
|
39
|
-
const A = (k = e.globalPageConfiguration) == null ? void 0 : k.find((
|
|
38
|
+
const A = (k = e.globalPageConfiguration) == null ? void 0 : k.find((f) => f.section === e.sectionSelected);
|
|
40
39
|
return ((r = A == null ? void 0 : A.config) == null ? void 0 : r.width) || "";
|
|
41
40
|
},
|
|
42
41
|
set(A) {
|
|
43
42
|
var r;
|
|
44
|
-
const k = (r = e.globalPageConfiguration) == null ? void 0 : r.find((
|
|
43
|
+
const k = (r = e.globalPageConfiguration) == null ? void 0 : r.find((f) => f.section === e.sectionSelected);
|
|
45
44
|
k && (k.config || (k.config = {}), k.config.width = A);
|
|
46
45
|
}
|
|
47
|
-
}),
|
|
46
|
+
}), g = () => {
|
|
48
47
|
const A = {
|
|
49
48
|
pageConfig: e.globalPageConfiguration,
|
|
50
49
|
paramsConfig: e.parametersPageConfiguration
|
|
@@ -52,9 +51,9 @@ const Me = Z({
|
|
|
52
51
|
detail: { ...A, inputId: e.inputId }
|
|
53
52
|
});
|
|
54
53
|
document.dispatchEvent(r);
|
|
55
|
-
const
|
|
56
|
-
|
|
57
|
-
},
|
|
54
|
+
const f = window.open("", "Preview", "width='100vw',height='100vh'");
|
|
55
|
+
f && (f.document.body.innerText = k, f.document.close());
|
|
56
|
+
}, p = () => {
|
|
58
57
|
const A = {
|
|
59
58
|
pageConfig: e.globalPageConfiguration,
|
|
60
59
|
paramsConfig: e.parametersPageConfiguration
|
|
@@ -64,14 +63,14 @@ const Me = Z({
|
|
|
64
63
|
detail: { ...A, inputId: e.inputId }
|
|
65
64
|
});
|
|
66
65
|
if (document.dispatchEvent(r), e.inputId) {
|
|
67
|
-
const
|
|
68
|
-
|
|
66
|
+
const f = document.getElementById(e.inputId);
|
|
67
|
+
f && (f.value = k);
|
|
69
68
|
}
|
|
70
69
|
if ($.value = !0, setTimeout(() => {
|
|
71
70
|
$.value = !1;
|
|
72
|
-
}, 3e3), e.submitForm &&
|
|
73
|
-
const
|
|
74
|
-
|
|
71
|
+
}, 3e3), e.submitForm && C.value) {
|
|
72
|
+
const f = C.value.closest("form");
|
|
73
|
+
f && f.submit();
|
|
75
74
|
}
|
|
76
75
|
}, u = (A) => {
|
|
77
76
|
const k = e.inputId ? `pageBuilderConfig_${e.inputId}` : "pageBuilderConfig";
|
|
@@ -90,8 +89,8 @@ const Me = Z({
|
|
|
90
89
|
},
|
|
91
90
|
body: k
|
|
92
91
|
}).then((r) => r.text()).then((r) => {
|
|
93
|
-
const
|
|
94
|
-
if (!
|
|
92
|
+
const f = window.open("", "Preview", "width='100vw',height='100vh'");
|
|
93
|
+
if (!f) return;
|
|
95
94
|
const N = new DOMParser().parseFromString(r, "text/html"), V = [];
|
|
96
95
|
function F(P, T = 0) {
|
|
97
96
|
if (!P || P.nodeType !== 1) return;
|
|
@@ -106,7 +105,7 @@ const Me = Z({
|
|
|
106
105
|
let m = '<h2>Estructura SEO</h2><ul style="font-family:monospace">';
|
|
107
106
|
V.forEach((P) => {
|
|
108
107
|
m += `<li style="margin-left:${P.depth * 20}px"><b>${P.tag}</b>: ${P.text}</li>`;
|
|
109
|
-
}), m += "</ul>",
|
|
108
|
+
}), m += "</ul>", f.document.body.innerHTML = m, f.document.close();
|
|
110
109
|
});
|
|
111
110
|
},
|
|
112
111
|
importConfig: x,
|
|
@@ -123,19 +122,19 @@ const Me = Z({
|
|
|
123
122
|
},
|
|
124
123
|
body: k
|
|
125
124
|
}).then((r) => r.text()).then((r) => {
|
|
126
|
-
const
|
|
127
|
-
|
|
125
|
+
const f = window.open("", "Preview", "width='100vw',height='100vh'");
|
|
126
|
+
f && (f.document.body.innerHTML = r, f.document.querySelectorAll("script").forEach((N) => {
|
|
128
127
|
var F;
|
|
129
|
-
const V =
|
|
128
|
+
const V = f.document.createElement("script");
|
|
130
129
|
N.src ? V.src = N.src : V.textContent = N.textContent, (F = N.parentNode) == null || F.replaceChild(V, N);
|
|
131
|
-
}),
|
|
130
|
+
}), f.document.close());
|
|
132
131
|
});
|
|
133
132
|
},
|
|
134
133
|
importFunction: () => {
|
|
135
134
|
e.importConfigurationFunction && e.importConfigurationFunction(x.value), x.value = "";
|
|
136
135
|
},
|
|
137
|
-
exportFunction:
|
|
138
|
-
saveButtonAction:
|
|
136
|
+
exportFunction: g,
|
|
137
|
+
saveButtonAction: p,
|
|
139
138
|
loadFromLocalStorage: () => {
|
|
140
139
|
const A = e.inputId ? `pageBuilderConfig_${e.inputId}` : "pageBuilderConfig", k = localStorage.getItem(A);
|
|
141
140
|
if (k && e.importConfigurationFunction) {
|
|
@@ -149,7 +148,7 @@ const Me = Z({
|
|
|
149
148
|
},
|
|
150
149
|
sectionWidth: d,
|
|
151
150
|
isSaved: $,
|
|
152
|
-
componentRoot:
|
|
151
|
+
componentRoot: C
|
|
153
152
|
};
|
|
154
153
|
}
|
|
155
154
|
}), Ae = (e, o) => {
|
|
@@ -164,13 +163,13 @@ const Me = Z({
|
|
|
164
163
|
key: 1,
|
|
165
164
|
class: "bg-white border border-slate-200 rounded-2xl p-5 mx-3 mb-6 shadow-lg"
|
|
166
165
|
}, et = { class: "flex flex-row gap-4 w-full" }, tt = { class: "border border-slate-200 rounded-xl p-5 w-full bg-gradient-to-br from-slate-50 to-white" }, ot = { class: "flex flex-col gap-3 border-b border-slate-200 pb-4 w-full" }, nt = { class: "mb-3" }, lt = { class: "flex items-center gap-3 cursor-pointer group" }, at = { class: "mb-3" }, rt = { class: "flex items-center gap-3 cursor-pointer group" }, st = { class: "mb-3" }, it = { class: "mb-3" }, dt = { class: "mb-3" }, ut = { class: "border border-slate-200 rounded-xl p-5 w-full bg-gradient-to-br from-slate-50 to-white" }, ct = { class: "flex justify-between items-center mb-4" }, mt = { class: "flex flex-col gap-3 border-b border-slate-200 pb-4 w-full" }, bt = { class: "mb-3" }, gt = { class: "mb-3" }, ft = { class: "mb-3" };
|
|
167
|
-
function pt(e, o, x, S, $,
|
|
166
|
+
function pt(e, o, x, S, $, C) {
|
|
168
167
|
return s(), i("div", Be, [
|
|
169
168
|
e.debugMode ? (s(), i("div", Ee, [
|
|
170
169
|
t("div", Te, [
|
|
171
170
|
o[30] || (o[30] = t("span", { class: "bg-gradient-to-r from-lime-200 to-green-300 px-3 py-1 rounded-full border border-lime-600 text-lime-800 text-xs font-medium me-4 italic" }, "MODO DEBUG 🐞", -1)),
|
|
172
171
|
t("form", {
|
|
173
|
-
onSubmit: o[2] || (o[2] =
|
|
172
|
+
onSubmit: o[2] || (o[2] = ie(() => {
|
|
174
173
|
}, ["prevent"])),
|
|
175
174
|
class: "flex gap-2"
|
|
176
175
|
}, [
|
|
@@ -203,18 +202,18 @@ function pt(e, o, x, S, $, y) {
|
|
|
203
202
|
type: "button",
|
|
204
203
|
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"]),
|
|
205
204
|
onClick: o[4] || (o[4] = (d) => {
|
|
206
|
-
var
|
|
207
|
-
return (
|
|
205
|
+
var g;
|
|
206
|
+
return (g = e.toggleComponentModeFunction) == null ? void 0 : g.call(e);
|
|
208
207
|
})
|
|
209
|
-
},
|
|
208
|
+
}, y(e.isComponentMode ? "⚒️ Modo Configuración" : "👁️ Modo Visual"), 3),
|
|
210
209
|
t("button", {
|
|
211
210
|
type: "button",
|
|
212
211
|
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"]),
|
|
213
212
|
onClick: o[5] || (o[5] = (d) => {
|
|
214
|
-
var
|
|
215
|
-
return (
|
|
213
|
+
var g;
|
|
214
|
+
return (g = e.toggleFullwidthMode) == null ? void 0 : g.call(e);
|
|
216
215
|
})
|
|
217
|
-
},
|
|
216
|
+
}, y(e.fullwidthMode ? "⚒️ Comps. Plegados" : "👁️ Comps. Desplegados"), 3)
|
|
218
217
|
]),
|
|
219
218
|
t("div", Re, [
|
|
220
219
|
t("select", {
|
|
@@ -222,10 +221,10 @@ function pt(e, o, x, S, $, y) {
|
|
|
222
221
|
onChange: o[6] || (o[6] = (d) => e.$emit("update:sectionSelected", d.target.value)),
|
|
223
222
|
class: "bg-white border border-slate-200 rounded-lg px-3 py-1.5 cursor-pointer text-sm focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 transition-colors"
|
|
224
223
|
}, [
|
|
225
|
-
(s(!0), i(L, null, z(e.availableSections, (d,
|
|
226
|
-
key:
|
|
224
|
+
(s(!0), i(L, null, z(e.availableSections, (d, g) => (s(), i("option", {
|
|
225
|
+
key: g,
|
|
227
226
|
value: d
|
|
228
|
-
},
|
|
227
|
+
}, y(d), 9, Ue))), 128))
|
|
229
228
|
], 40, De),
|
|
230
229
|
U(t("select", {
|
|
231
230
|
class: "bg-white border border-slate-200 rounded-lg px-3 py-1.5 cursor-pointer text-sm focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 transition-colors",
|
|
@@ -235,16 +234,16 @@ function pt(e, o, x, S, $, y) {
|
|
|
235
234
|
disabled: "",
|
|
236
235
|
value: ""
|
|
237
236
|
}, "Selecciona el ancho de la sección", -1)),
|
|
238
|
-
t("option", ze, "Sección " +
|
|
239
|
-
t("option", Ne, "Sección " +
|
|
240
|
-
t("option", Ve, "Sección " +
|
|
241
|
-
t("option", qe, "Sección " +
|
|
242
|
-
t("option", Ge, "Sección " +
|
|
243
|
-
t("option", Je, "Sección " +
|
|
244
|
-
t("option", We, "Sección " +
|
|
245
|
-
t("option", He, "Sección " +
|
|
246
|
-
t("option", Ye, "Sección " +
|
|
247
|
-
t("option", Ke, "Sección " +
|
|
237
|
+
t("option", ze, "Sección " + y(e.sectionSelected) + " ocupa todo el ancho de la página", 1),
|
|
238
|
+
t("option", Ne, "Sección " + y(e.sectionSelected) + " ocupa 1/2 del ancho de la página", 1),
|
|
239
|
+
t("option", Ve, "Sección " + y(e.sectionSelected) + " ocupa 1/3 del ancho de la página", 1),
|
|
240
|
+
t("option", qe, "Sección " + y(e.sectionSelected) + " ocupa 2/3 del ancho de la página", 1),
|
|
241
|
+
t("option", Ge, "Sección " + y(e.sectionSelected) + " ocupa 1/4 del ancho de la página", 1),
|
|
242
|
+
t("option", Je, "Sección " + y(e.sectionSelected) + " ocupa 3/4 del ancho de la página", 1),
|
|
243
|
+
t("option", We, "Sección " + y(e.sectionSelected) + " ocupa 1/5 del ancho de la página", 1),
|
|
244
|
+
t("option", He, "Sección " + y(e.sectionSelected) + " ocupa 2/5 del ancho de la página", 1),
|
|
245
|
+
t("option", Ye, "Sección " + y(e.sectionSelected) + " ocupa 3/5 del ancho de la página", 1),
|
|
246
|
+
t("option", Ke, "Sección " + y(e.sectionSelected) + " ocupa 4/5 del ancho de la página", 1)
|
|
248
247
|
], 512), [
|
|
249
248
|
[Q, e.sectionWidth]
|
|
250
249
|
]),
|
|
@@ -271,7 +270,7 @@ function pt(e, o, x, S, $, y) {
|
|
|
271
270
|
onClick: o[10] || (o[10] = (d) => e.saveButtonAction()),
|
|
272
271
|
title: "Guardar configuración en localStorage y disparar evento global",
|
|
273
272
|
class: "cursor-pointer bg-gradient-to-r from-emerald-500 to-teal-500 hover:from-emerald-600 hover:to-teal-600 text-white border border-emerald-500 rounded-lg px-3 py-1.5 text-sm font-medium transition-all duration-200 shadow-sm hover:shadow-md"
|
|
274
|
-
},
|
|
273
|
+
}, y(e.isSaved ? e.submitForm ? "⏳ Submiteando formulario" : "✅ Se ha guardado correctamente" : "💾 Guardar"), 1),
|
|
275
274
|
e.debugMode ? (s(), i("button", {
|
|
276
275
|
key: 0,
|
|
277
276
|
type: "button",
|
|
@@ -300,7 +299,7 @@ function pt(e, o, x, S, $, y) {
|
|
|
300
299
|
onChange: o[14] || (o[14] = (d) => e.$emit("update:parametersPageConfiguration.global.sidebarEnabled", d.target.value)),
|
|
301
300
|
class: "w-5 h-5 rounded border-slate-300 text-emerald-500 focus:ring-emerald-500 cursor-pointer"
|
|
302
301
|
}, null, 544), [
|
|
303
|
-
[
|
|
302
|
+
[re, e.parametersPageConfiguration.global.sidebarEnabled]
|
|
304
303
|
]),
|
|
305
304
|
o[33] || (o[33] = t("span", { class: "text-slate-600 group-hover:text-slate-800 transition-colors" }, "Sidebar Habilitado", -1))
|
|
306
305
|
])
|
|
@@ -313,7 +312,7 @@ function pt(e, o, x, S, $, y) {
|
|
|
313
312
|
onChange: o[16] || (o[16] = (d) => e.$emit("update:parametersPageConfiguration.global.renderAsBodyPart", d.target.value)),
|
|
314
313
|
class: "w-5 h-5 rounded border-slate-300 text-emerald-500 focus:ring-emerald-500 cursor-pointer"
|
|
315
314
|
}, null, 544), [
|
|
316
|
-
[
|
|
315
|
+
[re, e.parametersPageConfiguration.global.renderAsBodyPart]
|
|
317
316
|
]),
|
|
318
317
|
o[34] || (o[34] = t("span", { class: "text-slate-600 group-hover:text-slate-800 transition-colors" }, "Renderizar como parte del BODY (Sin etiquetas HTML, HEAD, BODY)", -1))
|
|
319
318
|
])
|
|
@@ -439,7 +438,7 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
439
438
|
}, ht = { class: "w-full flex justify-end p-4" }, wt = ["for"], yt = {
|
|
440
439
|
key: 0,
|
|
441
440
|
class: "text-red-500"
|
|
442
|
-
}, Ct = ["id", "name", "placeholder", "required", "value", "onInput"], $t = ["id", "name", "data-mandatoryCrops", "placeholder", "required", "value", "onInput"], kt = ["id", "name", "required", "value", "onInput"], St = ["value"], Pt = ["id", "name", "required", "checked", "onChange"],
|
|
441
|
+
}, Ct = ["id", "name", "placeholder", "required", "value", "onInput"], $t = ["id", "name", "data-mandatoryCrops", "placeholder", "required", "value", "onInput"], kt = ["id", "name", "required", "value", "onInput"], St = ["value"], Pt = ["id", "name", "required", "checked", "onChange"], ce = /* @__PURE__ */ Z({
|
|
443
442
|
__name: "FieldsForm",
|
|
444
443
|
props: {
|
|
445
444
|
object: {
|
|
@@ -457,40 +456,40 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
457
456
|
},
|
|
458
457
|
emits: ["fieldUpdated"],
|
|
459
458
|
setup(e, { emit: o }) {
|
|
460
|
-
const x = e, S = o, $ = (
|
|
461
|
-
const u = (x.object.fields || []).find((a) => a.name ===
|
|
462
|
-
u && (u.example_value =
|
|
463
|
-
},
|
|
459
|
+
const x = e, S = o, $ = (g, p) => {
|
|
460
|
+
const u = (x.object.fields || []).find((a) => a.name === g);
|
|
461
|
+
u && (u.example_value = p, S("fieldUpdated", g, p));
|
|
462
|
+
}, C = (g) => {
|
|
464
463
|
var n;
|
|
465
|
-
const
|
|
466
|
-
if (!
|
|
467
|
-
const u =
|
|
464
|
+
const p = g.target;
|
|
465
|
+
if (!p) return;
|
|
466
|
+
const u = p.id, a = (x.object.fields || []).find(
|
|
468
467
|
(l) => l.type === "image" && u.includes(l.name)
|
|
469
468
|
);
|
|
470
469
|
if (a) {
|
|
471
|
-
const l =
|
|
470
|
+
const l = p.value || ((n = g.detail) == null ? void 0 : n.value) || "";
|
|
472
471
|
a.example_value = l, S("fieldUpdated", a.name, l), console.log("[FieldsForm] Limbo image selected, field:", a.name, "value:", l);
|
|
473
472
|
}
|
|
474
|
-
}, d = (
|
|
475
|
-
const
|
|
476
|
-
if (!
|
|
477
|
-
const u =
|
|
473
|
+
}, d = (g) => {
|
|
474
|
+
const p = g.target;
|
|
475
|
+
if (!p || !p.classList.contains("js-limbo")) return;
|
|
476
|
+
const u = p.id, a = (x.object.fields || []).find(
|
|
478
477
|
(n) => n.type === "image" && u.includes(n.name)
|
|
479
478
|
);
|
|
480
|
-
a && (a.example_value =
|
|
479
|
+
a && (a.example_value = p.value, S("fieldUpdated", a.name, p.value), console.log("[FieldsForm] Input change detected, field:", a.name, "value:", p.value));
|
|
481
480
|
};
|
|
482
|
-
return
|
|
483
|
-
document.addEventListener("limbo:imageSelected",
|
|
484
|
-
}),
|
|
485
|
-
document.removeEventListener("limbo:imageSelected",
|
|
486
|
-
}), (
|
|
481
|
+
return le(() => {
|
|
482
|
+
document.addEventListener("limbo:imageSelected", C), document.addEventListener("limbo:resultReady", C), document.addEventListener("change", d);
|
|
483
|
+
}), $e(() => {
|
|
484
|
+
document.removeEventListener("limbo:imageSelected", C), document.removeEventListener("limbo:resultReady", C), document.removeEventListener("change", d);
|
|
485
|
+
}), (g, p) => (s(), i(L, null, [
|
|
487
486
|
e.showForm ? (s(), i("div", xt)) : I("", !0),
|
|
488
487
|
t("div", {
|
|
489
488
|
class: K(e.showForm ? "relative top-0 w-full text-slate-600 border-1 my-2 px-4 pt-2 pb-3 w-full border-slate-200 bg-slate-50 inline-block rounded-lg flex flex-col z-101" : "hidden")
|
|
490
489
|
}, [
|
|
491
490
|
t("div", ht, [
|
|
492
491
|
t("span", {
|
|
493
|
-
onClick:
|
|
492
|
+
onClick: p[0] || (p[0] = //@ts-ignore
|
|
494
493
|
(...u) => e.toggleShowForm && e.toggleShowForm(...u)),
|
|
495
494
|
class: "cursor-pointer hover:scale-125 transition-all duration-300"
|
|
496
495
|
}, "❌")
|
|
@@ -504,7 +503,7 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
504
503
|
for: `${e.object.id}-${u.name}-${a}`,
|
|
505
504
|
class: "block text-sm font-medium mb-1"
|
|
506
505
|
}, [
|
|
507
|
-
O(
|
|
506
|
+
O(y(u.label) + " ", 1),
|
|
508
507
|
u.mandatory ? (s(), i("span", yt, "*")) : I("", !0)
|
|
509
508
|
], 8, wt),
|
|
510
509
|
u.type === "text" ? (s(), i("input", {
|
|
@@ -529,7 +528,7 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
529
528
|
required: u.mandatory,
|
|
530
529
|
value: u.example_value,
|
|
531
530
|
onInput: (n) => $(u.name, n.target.value)
|
|
532
|
-
}, null, 40, $t)) : u.type === "textArea" ? (s(),
|
|
531
|
+
}, null, 40, $t)) : u.type === "textArea" ? (s(), be(H(je), {
|
|
533
532
|
key: 2,
|
|
534
533
|
theme: "snow",
|
|
535
534
|
id: `${e.object.id}-${u.name}-${a}`,
|
|
@@ -554,14 +553,14 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
554
553
|
value: u.example_value,
|
|
555
554
|
onInput: (n) => $(u.name, n.target.value)
|
|
556
555
|
}, [
|
|
557
|
-
|
|
556
|
+
p[1] || (p[1] = t("option", {
|
|
558
557
|
disabled: "",
|
|
559
558
|
value: ""
|
|
560
559
|
}, "Seleccione una opción", -1)),
|
|
561
560
|
(s(!0), i(L, null, z(u.options || [], (n, l) => (s(), i("option", {
|
|
562
561
|
key: l,
|
|
563
562
|
value: n
|
|
564
|
-
},
|
|
563
|
+
}, y(n), 9, St))), 128))
|
|
565
564
|
], 40, kt)) : u.type === "boolean" ? (s(), i("input", {
|
|
566
565
|
key: 4,
|
|
567
566
|
id: `${e.object.id}-${u.name}-${a}`,
|
|
@@ -600,7 +599,7 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
600
599
|
}
|
|
601
600
|
},
|
|
602
601
|
setup(e) {
|
|
603
|
-
const o = e, x = j(!1), S = j(null), $ = j({}),
|
|
602
|
+
const o = e, x = j(!1), S = j(null), $ = j({}), C = _(() => {
|
|
604
603
|
const a = o.isProduction;
|
|
605
604
|
return [
|
|
606
605
|
{
|
|
@@ -651,15 +650,15 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
651
650
|
}), d = _(() => {
|
|
652
651
|
if (!S.value)
|
|
653
652
|
return [];
|
|
654
|
-
const a =
|
|
653
|
+
const a = C.value.find((n) => n.id === S.value);
|
|
655
654
|
return a ? a.filters : [];
|
|
656
|
-
}),
|
|
655
|
+
}), g = (a, n) => {
|
|
657
656
|
$.value[a] = n;
|
|
658
|
-
},
|
|
657
|
+
}, p = () => {
|
|
659
658
|
$.value = {};
|
|
660
659
|
}, u = async () => {
|
|
661
660
|
x.value = !0;
|
|
662
|
-
const a =
|
|
661
|
+
const a = C.value.find((l) => l.id === S.value);
|
|
663
662
|
if (!a) {
|
|
664
663
|
console.error("Origen no encontrado"), x.value = !1;
|
|
665
664
|
return;
|
|
@@ -669,19 +668,19 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
669
668
|
$.value[l] && n.searchParams.append(l, $.value[l]);
|
|
670
669
|
});
|
|
671
670
|
try {
|
|
672
|
-
const
|
|
671
|
+
const w = await (await fetch(n.toString(), {
|
|
673
672
|
method: "GET",
|
|
674
673
|
headers: {
|
|
675
674
|
Accept: "text/xml, application/xml"
|
|
676
675
|
}
|
|
677
|
-
})).text(), A = new DOMParser().parseFromString(
|
|
678
|
-
const
|
|
676
|
+
})).text(), A = new DOMParser().parseFromString(w, "text/xml"), k = Array.from(A.querySelectorAll("item")).map((r) => {
|
|
677
|
+
const f = {};
|
|
679
678
|
return Array.from(r.children).forEach((G) => {
|
|
680
679
|
G.children.length > 0 ? Array.from(G.children).forEach((N) => {
|
|
681
680
|
const V = `${G.nodeName}_${N.nodeName}`;
|
|
682
|
-
|
|
683
|
-
}) :
|
|
684
|
-
}),
|
|
681
|
+
f[V] = N.textContent || "";
|
|
682
|
+
}) : f[G.nodeName] = G.textContent || "";
|
|
683
|
+
}), f;
|
|
685
684
|
});
|
|
686
685
|
o.onSubmit(k);
|
|
687
686
|
} catch (l) {
|
|
@@ -700,13 +699,13 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
700
699
|
U(t("select", {
|
|
701
700
|
"onUpdate:modelValue": n[0] || (n[0] = (l) => S.value = l),
|
|
702
701
|
class: "w-full px-3 py-2.5 bg-white border border-slate-200 rounded-lg shadow-sm focus:border-emerald-400 focus:ring-2 focus:ring-emerald-500/20 transition-all duration-200 disabled:bg-slate-100 disabled:cursor-not-allowed cursor-pointer",
|
|
703
|
-
onChange:
|
|
702
|
+
onChange: p,
|
|
704
703
|
disabled: x.value
|
|
705
704
|
}, [
|
|
706
|
-
(s(!0), i(L, null, z(
|
|
705
|
+
(s(!0), i(L, null, z(C.value, (l) => (s(), i("option", {
|
|
707
706
|
key: l.id,
|
|
708
707
|
value: l.id
|
|
709
|
-
},
|
|
708
|
+
}, y(l.name), 9, It))), 128))
|
|
710
709
|
], 40, jt), [
|
|
711
710
|
[Q, S.value]
|
|
712
711
|
])
|
|
@@ -717,29 +716,29 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
717
716
|
key: l.id,
|
|
718
717
|
class: "bg-gradient-to-br from-slate-50 to-white p-4 rounded-xl border border-slate-200"
|
|
719
718
|
}, [
|
|
720
|
-
t("label", Bt,
|
|
719
|
+
t("label", Bt, y(l.label) + ":", 1),
|
|
721
720
|
l.type === "select" ? (s(), i("select", {
|
|
722
721
|
key: 0,
|
|
723
722
|
class: "w-full px-3 py-2.5 bg-white border border-slate-200 rounded-lg shadow-sm focus:border-emerald-400 focus:ring-2 focus:ring-emerald-500/20 transition-all duration-200 disabled:bg-slate-100 disabled:cursor-not-allowed cursor-pointer",
|
|
724
|
-
onChange: (
|
|
723
|
+
onChange: (w) => g(l.id, w.target.value),
|
|
725
724
|
disabled: x.value
|
|
726
725
|
}, [
|
|
727
726
|
n[2] || (n[2] = t("option", { value: "" }, "Seleccionar...", -1)),
|
|
728
|
-
(s(!0), i(L, null, z(l.options, (
|
|
729
|
-
key:
|
|
730
|
-
value:
|
|
731
|
-
}, w
|
|
727
|
+
(s(!0), i(L, null, z(l.options, (w) => (s(), i("option", {
|
|
728
|
+
key: w,
|
|
729
|
+
value: w
|
|
730
|
+
}, y(w), 9, Tt))), 128))
|
|
732
731
|
], 40, Et)) : l.type === "date" ? (s(), i("input", {
|
|
733
732
|
key: 1,
|
|
734
733
|
type: "date",
|
|
735
734
|
class: "w-full px-3 py-2.5 bg-white border border-slate-200 rounded-lg shadow-sm focus:border-emerald-400 focus:ring-2 focus:ring-emerald-500/20 transition-all duration-200 disabled:bg-slate-100 disabled:cursor-not-allowed",
|
|
736
|
-
onChange: (
|
|
735
|
+
onChange: (w) => g(l.id, w.target.value),
|
|
737
736
|
disabled: x.value
|
|
738
737
|
}, null, 40, Lt)) : l.type === "text" ? (s(), i("input", {
|
|
739
738
|
key: 2,
|
|
740
739
|
type: "text",
|
|
741
740
|
class: "w-full px-3 py-2.5 bg-white border border-slate-200 rounded-lg shadow-sm focus:border-emerald-400 focus:ring-2 focus:ring-emerald-500/20 transition-all duration-200 disabled:bg-slate-100 disabled:cursor-not-allowed",
|
|
742
|
-
onInput: (
|
|
741
|
+
onInput: (w) => g(l.id, w.target.value),
|
|
743
742
|
disabled: x.value,
|
|
744
743
|
placeholder: l.label
|
|
745
744
|
}, null, 40, Ot)) : I("", !0)
|
|
@@ -752,7 +751,7 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
752
751
|
disabled: x.value
|
|
753
752
|
}, [
|
|
754
753
|
x.value ? (s(), i("span", Dt, "⏳")) : (s(), i("span", Ut, "🔍")),
|
|
755
|
-
O(" " +
|
|
754
|
+
O(" " + y(x.value ? "Conectando con el feed..." : "Aplicar Filtros"), 1)
|
|
756
755
|
], 8, Rt)
|
|
757
756
|
])
|
|
758
757
|
]));
|
|
@@ -799,51 +798,51 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
799
798
|
}
|
|
800
799
|
},
|
|
801
800
|
setup(e) {
|
|
802
|
-
const o = e, x = j(null), S = j(null), $ = j(!1),
|
|
801
|
+
const o = e, x = j(null), S = j(null), $ = j(!1), C = j(1), d = j("horizontal"), g = j({}), p = j(null), u = (k) => {
|
|
803
802
|
x.value = k;
|
|
804
803
|
}, a = (k) => {
|
|
805
804
|
S.value = k;
|
|
806
805
|
}, n = () => {
|
|
807
806
|
const k = o.object.fields.filter((r) => r.mappedTo).map((r) => {
|
|
808
|
-
var
|
|
807
|
+
var f;
|
|
809
808
|
return {
|
|
810
809
|
fieldName: r.name,
|
|
811
810
|
mappedTo: r.mappedTo,
|
|
812
|
-
value: ((
|
|
811
|
+
value: ((f = S.value) == null ? void 0 : f[r.mappedTo]) ?? null
|
|
813
812
|
};
|
|
814
813
|
});
|
|
815
|
-
|
|
816
|
-
...
|
|
814
|
+
p.value = {
|
|
815
|
+
...g.value,
|
|
817
816
|
dynamicUpdate: $.value,
|
|
818
|
-
elementCount:
|
|
817
|
+
elementCount: C.value,
|
|
819
818
|
orientation: d.value,
|
|
820
|
-
mapping: k.map(({ fieldName: r, mappedTo:
|
|
821
|
-
}, o.updateObjectByFeedContent && o.updateObjectByFeedContent(k,
|
|
819
|
+
mapping: k.map(({ fieldName: r, mappedTo: f }) => ({ fieldName: r, mappedTo: f }))
|
|
820
|
+
}, o.updateObjectByFeedContent && o.updateObjectByFeedContent(k, p.value), o.toggleFeedSection();
|
|
822
821
|
}, l = (k) => {
|
|
823
|
-
|
|
824
|
-
},
|
|
822
|
+
g.value = k;
|
|
823
|
+
}, w = () => {
|
|
825
824
|
var k;
|
|
826
|
-
(k = o.object) != null && k.repeat_data && (
|
|
825
|
+
(k = o.object) != null && k.repeat_data && (p.value = o.object.repeat_data, $.value = o.object.repeat_data.dynamicUpdate || !1, C.value = o.object.repeat_data.elementCount || 1, d.value = o.object.repeat_data.orientation || "horizontal", g.value = {
|
|
827
826
|
name: o.object.repeat_data.name,
|
|
828
827
|
url: o.object.repeat_data.url
|
|
829
828
|
});
|
|
830
829
|
}, R = () => {
|
|
831
|
-
|
|
830
|
+
p.value = null, $.value = !1, C.value = 1, d.value = "horizontal", g.value = {}, o.updateObjectByFeedContent && o.updateObjectByFeedContent([], null);
|
|
832
831
|
}, A = () => {
|
|
833
832
|
var k;
|
|
834
|
-
|
|
835
|
-
...
|
|
833
|
+
p.value && (p.value = {
|
|
834
|
+
...p.value,
|
|
836
835
|
dynamicUpdate: $.value,
|
|
837
|
-
elementCount:
|
|
836
|
+
elementCount: C.value,
|
|
838
837
|
orientation: d.value
|
|
839
|
-
}, o.updateObjectByFeedContent && o.updateObjectByFeedContent(((k =
|
|
838
|
+
}, o.updateObjectByFeedContent && o.updateObjectByFeedContent(((k = p.value.mapping) == null ? void 0 : k.map((r) => ({
|
|
840
839
|
fieldName: r.fieldName,
|
|
841
840
|
mappedTo: r.mappedTo,
|
|
842
841
|
value: null
|
|
843
|
-
}))) || [],
|
|
842
|
+
}))) || [], p.value));
|
|
844
843
|
};
|
|
845
|
-
return
|
|
846
|
-
|
|
844
|
+
return le(() => {
|
|
845
|
+
w();
|
|
847
846
|
}), (k, r) => (s(), i("div", Nt, [
|
|
848
847
|
t("div", Vt, [
|
|
849
848
|
r[5] || (r[5] = t("h2", { class: "text-xl font-bold bg-gradient-to-r from-slate-700 to-slate-500 bg-clip-text text-transparent flex items-center gap-3" }, [
|
|
@@ -852,7 +851,7 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
852
851
|
], -1)),
|
|
853
852
|
t("button", {
|
|
854
853
|
onClick: r[0] || (r[0] = //@ts-ignore
|
|
855
|
-
(...
|
|
854
|
+
(...f) => e.toggleFeedSection && e.toggleFeedSection(...f)),
|
|
856
855
|
class: "cursor-pointer group w-10 h-10 flex items-center justify-center bg-white hover:bg-red-50 border border-red-200 hover:border-red-400 text-red-400 hover:text-red-600 rounded-full font-semibold shadow-sm hover:shadow-lg transition-all duration-200"
|
|
857
856
|
}, [...r[4] || (r[4] = [
|
|
858
857
|
t("span", { class: "text-lg" }, "✕", -1)
|
|
@@ -861,7 +860,7 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
861
860
|
t("div", qt, [
|
|
862
861
|
t("div", Gt, [
|
|
863
862
|
t("div", Jt, [
|
|
864
|
-
|
|
863
|
+
p.value && p.value.dynamicUpdate ? (s(), i("div", Wt, [
|
|
865
864
|
t("div", { class: "flex justify-between items-start" }, [
|
|
866
865
|
r[8] || (r[8] = t("p", { class: "flex items-center gap-2" }, [
|
|
867
866
|
t("span", { class: "text-emerald-500" }, "✓"),
|
|
@@ -888,14 +887,14 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
888
887
|
t("li", Yt, [
|
|
889
888
|
r[9] || (r[9] = t("span", { class: "text-emerald-400" }, "→", -1)),
|
|
890
889
|
r[10] || (r[10] = O(" Conectar con ", -1)),
|
|
891
|
-
t("span", Kt,
|
|
890
|
+
t("span", Kt, y(p.value.name), 1)
|
|
892
891
|
]),
|
|
893
892
|
t("li", Qt, [
|
|
894
893
|
r[11] || (r[11] = t("span", { class: "text-emerald-400" }, "→", -1)),
|
|
895
894
|
r[12] || (r[12] = O(" Recuperar ", -1)),
|
|
896
|
-
t("span", Xt,
|
|
895
|
+
t("span", Xt, y(p.value.elementCount), 1),
|
|
897
896
|
r[13] || (r[13] = O(" items (", -1)),
|
|
898
|
-
t("span", Zt,
|
|
897
|
+
t("span", Zt, y(p.value.orientation), 1),
|
|
899
898
|
r[14] || (r[14] = O(")", -1))
|
|
900
899
|
]),
|
|
901
900
|
t("li", _t, [
|
|
@@ -903,13 +902,13 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
903
902
|
t("div", null, [
|
|
904
903
|
r[16] || (r[16] = O(" Mapeo: ", -1)),
|
|
905
904
|
t("div", eo, [
|
|
906
|
-
(s(!0), i(L, null, z(
|
|
905
|
+
(s(!0), i(L, null, z(p.value.mapping, (f, G) => (s(), i("span", {
|
|
907
906
|
key: G,
|
|
908
907
|
class: "inline-flex items-center gap-1 px-2 py-0.5 bg-white rounded-full text-xs border border-slate-200"
|
|
909
908
|
}, [
|
|
910
|
-
t("span", to,
|
|
909
|
+
t("span", to, y(f.fieldName), 1),
|
|
911
910
|
r[15] || (r[15] = t("span", { class: "text-slate-400" }, "←", -1)),
|
|
912
|
-
t("span", oo,
|
|
911
|
+
t("span", oo, y(f.mappedTo), 1)
|
|
913
912
|
]))), 128))
|
|
914
913
|
])
|
|
915
914
|
])
|
|
@@ -920,10 +919,10 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
920
919
|
t("label", lo, [
|
|
921
920
|
U(t("input", {
|
|
922
921
|
type: "checkbox",
|
|
923
|
-
"onUpdate:modelValue": r[1] || (r[1] = (
|
|
922
|
+
"onUpdate:modelValue": r[1] || (r[1] = (f) => $.value = f),
|
|
924
923
|
class: "w-5 h-5 text-emerald-500 border-2 border-slate-300 rounded focus:ring-emerald-500 cursor-pointer"
|
|
925
924
|
}, null, 512), [
|
|
926
|
-
[
|
|
925
|
+
[re, $.value]
|
|
927
926
|
]),
|
|
928
927
|
r[18] || (r[18] = t("span", { class: "font-medium text-slate-700 group-hover:text-slate-900 transition-colors" }, "Actualizar dinámicamente según criterios del feed", -1))
|
|
929
928
|
]),
|
|
@@ -941,13 +940,13 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
941
940
|
r[19] || (r[19] = t("label", { class: "text-sm font-semibold text-slate-600" }, "Cantidad de elementos:", -1)),
|
|
942
941
|
U(t("input", {
|
|
943
942
|
type: "number",
|
|
944
|
-
"onUpdate:modelValue": r[2] || (r[2] = (
|
|
943
|
+
"onUpdate:modelValue": r[2] || (r[2] = (f) => C.value = f),
|
|
945
944
|
min: "1",
|
|
946
945
|
class: "w-32 px-3 py-2 border border-slate-200 rounded-lg focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 transition-colors"
|
|
947
946
|
}, null, 512), [
|
|
948
947
|
[
|
|
949
948
|
oe,
|
|
950
|
-
|
|
949
|
+
C.value,
|
|
951
950
|
void 0,
|
|
952
951
|
{ number: !0 }
|
|
953
952
|
]
|
|
@@ -956,7 +955,7 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
956
955
|
t("div", so, [
|
|
957
956
|
r[21] || (r[21] = t("label", { class: "text-sm font-semibold text-slate-600" }, "Orientación:", -1)),
|
|
958
957
|
U(t("select", {
|
|
959
|
-
"onUpdate:modelValue": r[3] || (r[3] = (
|
|
958
|
+
"onUpdate:modelValue": r[3] || (r[3] = (f) => d.value = f),
|
|
960
959
|
class: "w-48 px-3 py-2 border border-slate-200 rounded-lg focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 bg-white transition-colors cursor-pointer"
|
|
961
960
|
}, [...r[20] || (r[20] = [
|
|
962
961
|
t("option", {
|
|
@@ -993,13 +992,13 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
993
992
|
t("p", { class: "text-sm font-medium" }, "No hay contenidos disponibles", -1),
|
|
994
993
|
t("p", { class: "text-xs mt-1 text-slate-300" }, "Selecciona un origen para cargar contenidos", -1)
|
|
995
994
|
])])) : (s(), i("ul", mo, [
|
|
996
|
-
(s(!0), i(L, null, z(x.value, (
|
|
995
|
+
(s(!0), i(L, null, z(x.value, (f, G) => (s(), i("li", {
|
|
997
996
|
key: G,
|
|
998
997
|
class: "p-4 bg-gradient-to-br from-slate-50 to-white rounded-xl shadow-sm hover:shadow-md cursor-pointer hover:scale-[1.01] transition-all duration-200 border border-slate-200 hover:border-emerald-300",
|
|
999
|
-
onClick: (N) => a(
|
|
998
|
+
onClick: (N) => a(f)
|
|
1000
999
|
}, [
|
|
1001
|
-
t("h4", go,
|
|
1002
|
-
t("p", fo,
|
|
1000
|
+
t("h4", go, y(f.title || f.titulo || "Sin título"), 1),
|
|
1001
|
+
t("p", fo, y(f.description || f.descripcion || f.content || "Sin descripción"), 1)
|
|
1003
1002
|
], 8, bo))), 128))
|
|
1004
1003
|
]))
|
|
1005
1004
|
]),
|
|
@@ -1009,29 +1008,29 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
1009
1008
|
O(" Relacionar Contenido ")
|
|
1010
1009
|
], -1)),
|
|
1011
1010
|
S.value ? (s(), i("div", xo, [
|
|
1012
|
-
(s(!0), i(L, null, z(e.object.fields, (
|
|
1011
|
+
(s(!0), i(L, null, z(e.object.fields, (f, G) => (s(), i("div", {
|
|
1013
1012
|
key: G,
|
|
1014
1013
|
class: "p-4 bg-gradient-to-br from-slate-50 to-white rounded-xl border border-slate-200"
|
|
1015
1014
|
}, [
|
|
1016
1015
|
t("label", ho, [
|
|
1017
1016
|
r[27] || (r[27] = t("span", { class: "text-base" }, "⚙️", -1)),
|
|
1018
|
-
O(" " +
|
|
1017
|
+
O(" " + y(f.name), 1)
|
|
1019
1018
|
]),
|
|
1020
1019
|
U(t("select", {
|
|
1021
|
-
"onUpdate:modelValue": (N) =>
|
|
1020
|
+
"onUpdate:modelValue": (N) => f.mappedTo = N,
|
|
1022
1021
|
class: "w-full px-3 py-2.5 border border-slate-200 rounded-lg focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 transition-all bg-white cursor-pointer"
|
|
1023
1022
|
}, [
|
|
1024
1023
|
r[28] || (r[28] = t("option", { value: "" }, "-- Seleccionar campo --", -1)),
|
|
1025
1024
|
(s(!0), i(L, null, z(S.value, (N, V) => (s(), i("option", {
|
|
1026
1025
|
key: V,
|
|
1027
1026
|
value: V
|
|
1028
|
-
},
|
|
1027
|
+
}, y(V), 9, yo))), 128))
|
|
1029
1028
|
], 8, wo), [
|
|
1030
|
-
[Q,
|
|
1029
|
+
[Q, f.mappedTo]
|
|
1031
1030
|
]),
|
|
1032
|
-
|
|
1031
|
+
f.mappedTo ? (s(), i("div", Co, [
|
|
1033
1032
|
r[29] || (r[29] = t("span", { class: "text-xs font-semibold text-emerald-600 uppercase tracking-wide" }, "Vista previa:", -1)),
|
|
1034
|
-
t("p", $o,
|
|
1033
|
+
t("p", $o, y(S.value[f.mappedTo]), 1)
|
|
1035
1034
|
])) : I("", !0)
|
|
1036
1035
|
]))), 128)),
|
|
1037
1036
|
t("button", {
|
|
@@ -1075,7 +1074,7 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
1075
1074
|
}, Wo = { class: "flex flex-col items-center" }, Ho = {
|
|
1076
1075
|
key: 0,
|
|
1077
1076
|
class: "text-[10px] mt-0.5 opacity-70"
|
|
1078
|
-
}, Yo = ["id"],
|
|
1077
|
+
}, Yo = ["id"], pe = /* @__PURE__ */ Z({
|
|
1079
1078
|
__name: "InitialComponent",
|
|
1080
1079
|
props: {
|
|
1081
1080
|
object: {
|
|
@@ -1113,19 +1112,19 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
1113
1112
|
} catch {
|
|
1114
1113
|
return m.startsWith("blob:") ? "" : m.startsWith("/files/") ? S(m) : m.startsWith("http") || m.startsWith("/") ? m : F.startsWith("{") ? "" : F;
|
|
1115
1114
|
}
|
|
1116
|
-
},
|
|
1117
|
-
|
|
1115
|
+
}, C = Math.random().toString(36).substring(2, 15), d = j(!1), g = j(!1), p = j(null), u = j(null), a = j(!1), n = j(!1);
|
|
1116
|
+
ae(() => o.isComponentMode, (F) => {
|
|
1118
1117
|
F || l();
|
|
1119
|
-
}),
|
|
1118
|
+
}), ae(() => o.object, () => {
|
|
1120
1119
|
l();
|
|
1121
|
-
}, { deep: !0 }),
|
|
1122
|
-
F && (await
|
|
1120
|
+
}, { deep: !0 }), ae(a, async (F) => {
|
|
1121
|
+
F && (await se(), V());
|
|
1123
1122
|
});
|
|
1124
1123
|
const l = () => {
|
|
1125
|
-
|
|
1124
|
+
p.value && clearTimeout(p.value), p.value = setTimeout(() => {
|
|
1126
1125
|
V();
|
|
1127
1126
|
}, 500);
|
|
1128
|
-
},
|
|
1127
|
+
}, w = () => {
|
|
1129
1128
|
if (o.isComponentMode) return;
|
|
1130
1129
|
const F = new IntersectionObserver((m) => {
|
|
1131
1130
|
m.forEach((P) => {
|
|
@@ -1141,10 +1140,10 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
1141
1140
|
P.value !== void 0 && R(P.fieldName, P.value);
|
|
1142
1141
|
}), o.object.repeat_data = m;
|
|
1143
1142
|
}, k = () => {
|
|
1144
|
-
|
|
1143
|
+
g.value = !g.value;
|
|
1145
1144
|
}, r = () => {
|
|
1146
1145
|
n.value = !n.value;
|
|
1147
|
-
},
|
|
1146
|
+
}, f = (F, m) => {
|
|
1148
1147
|
console.log("[InitialComponent] Field updated from FieldsForm:", F, m), l();
|
|
1149
1148
|
}, G = () => {
|
|
1150
1149
|
V(!0).then((F) => {
|
|
@@ -1180,7 +1179,7 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
1180
1179
|
const q = '<div style="color:white; padding: 1em 2em;background-color:#001978;border-radius:1em;border:4px solid #711978;">Componente que contiene elementos repetidos: TODO: GENERAR PREVIEW DE REPETIDORES</div>';
|
|
1181
1180
|
if (F)
|
|
1182
1181
|
return Promise.resolve(q);
|
|
1183
|
-
const X = document.getElementById(
|
|
1182
|
+
const X = document.getElementById(C);
|
|
1184
1183
|
return X && (X.innerHTML = q), Promise.resolve("");
|
|
1185
1184
|
}
|
|
1186
1185
|
const m = o.renderApiDomain ? o.renderApiDomain + "/api/preview-comp/" : "http://localhost:8003/api/preview-comp/", P = N(o.object), T = JSON.stringify({ obj: P }, null, 2);
|
|
@@ -1191,14 +1190,14 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
1191
1190
|
}).then((q) => q.text()).then((q) => {
|
|
1192
1191
|
if (F)
|
|
1193
1192
|
return q;
|
|
1194
|
-
const X = document.getElementById(
|
|
1193
|
+
const X = document.getElementById(C);
|
|
1195
1194
|
return X && (X.innerHTML = q), "";
|
|
1196
1195
|
});
|
|
1197
1196
|
};
|
|
1198
|
-
return
|
|
1199
|
-
|
|
1197
|
+
return le(() => {
|
|
1198
|
+
w();
|
|
1200
1199
|
}), (F, m) => (s(), i("div", null, [
|
|
1201
|
-
n.value ? (s(),
|
|
1200
|
+
n.value ? (s(), be(ko, {
|
|
1202
1201
|
key: 0,
|
|
1203
1202
|
updateObjectByFeedContent: A,
|
|
1204
1203
|
toggleFeedSection: r,
|
|
@@ -1211,7 +1210,7 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
1211
1210
|
class: K(["min-h-[100px] relative group/component hover:shadow-lg hover:shadow-slate-200/50 duration-300 ease-out js-draggable-element text-slate-600 border border-slate-200 hover:border-slate-300 px-5 pt-3 pb-4 w-full bg-white inline-block rounded-xl flex flex-col mb-3 z-0 shadow-sm", { "overflow-hidden": !e.isComponentMode }])
|
|
1212
1211
|
}, [
|
|
1213
1212
|
e.isComponentMode ? (s(), i(L, { key: 0 }, [
|
|
1214
|
-
t("span", So,
|
|
1213
|
+
t("span", So, y(e.object.component_name), 1),
|
|
1215
1214
|
t("div", Po, [
|
|
1216
1215
|
t("div", Fo, [
|
|
1217
1216
|
m[10] || (m[10] = t("div", { class: "handle cursor-grab text-slate-400 hover:text-slate-600 text-lg transition-colors" }, [
|
|
@@ -1223,7 +1222,7 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
1223
1222
|
t("path", { d: "M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z" })
|
|
1224
1223
|
])
|
|
1225
1224
|
], -1)),
|
|
1226
|
-
t("span", jo,
|
|
1225
|
+
t("span", jo, y(e.object.category), 1)
|
|
1227
1226
|
]),
|
|
1228
1227
|
e.fullwidthMode ? (s(), i("div", Io, [
|
|
1229
1228
|
t("div", {
|
|
@@ -1235,7 +1234,7 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
1235
1234
|
}, "Seleccionar")
|
|
1236
1235
|
])) : I("", !0),
|
|
1237
1236
|
t("div", Mo, [
|
|
1238
|
-
t("span", Ao,
|
|
1237
|
+
t("span", Ao, y(e.object.framework), 1),
|
|
1239
1238
|
e.insideComponentBox ? I("", !0) : (s(), i("div", Bo, [
|
|
1240
1239
|
t("div", {
|
|
1241
1240
|
title: "Previsualizar Dummy",
|
|
@@ -1244,7 +1243,7 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
1244
1243
|
}, "🔍"),
|
|
1245
1244
|
t("div", {
|
|
1246
1245
|
title: "Editar configuración",
|
|
1247
|
-
onClick: m[2] || (m[2] = (P) =>
|
|
1246
|
+
onClick: m[2] || (m[2] = (P) => g.value = !g.value),
|
|
1248
1247
|
class: "p-1.5 rounded-md hover:bg-white hover:shadow-sm cursor-pointer transition-all duration-200 text-base"
|
|
1249
1248
|
}, "⚙️"),
|
|
1250
1249
|
t("div", {
|
|
@@ -1253,7 +1252,7 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
1253
1252
|
class: "p-1.5 rounded-md hover:bg-white hover:shadow-sm cursor-pointer transition-all duration-200 text-base flex items-center gap-1"
|
|
1254
1253
|
}, [
|
|
1255
1254
|
m[11] || (m[11] = O("⚡ ", -1)),
|
|
1256
|
-
e.object.repeat_data ? (s(), i("span", Eo,
|
|
1255
|
+
e.object.repeat_data ? (s(), i("span", Eo, y(e.object.repeat_data.elementCount), 1)) : I("", !0)
|
|
1257
1256
|
]),
|
|
1258
1257
|
e.cloneComponent ? (s(), i("div", {
|
|
1259
1258
|
key: 0,
|
|
@@ -1270,14 +1269,14 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
1270
1269
|
]))
|
|
1271
1270
|
])
|
|
1272
1271
|
]),
|
|
1273
|
-
Y(
|
|
1272
|
+
Y(ce, {
|
|
1274
1273
|
toggleShowForm: k,
|
|
1275
1274
|
object: e.object,
|
|
1276
|
-
showForm:
|
|
1277
|
-
onFieldUpdated:
|
|
1275
|
+
showForm: g.value,
|
|
1276
|
+
onFieldUpdated: f
|
|
1278
1277
|
}, null, 8, ["object", "showForm"]),
|
|
1279
1278
|
t("div", To, [
|
|
1280
|
-
t("span", Lo,
|
|
1279
|
+
t("span", Lo, y(e.object.name), 1),
|
|
1281
1280
|
t("button", {
|
|
1282
1281
|
type: "button",
|
|
1283
1282
|
onClick: m[5] || (m[5] = (P) => d.value = !d.value),
|
|
@@ -1286,12 +1285,12 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
1286
1285
|
d.value ? (s(), i("span", Ro, "▲")) : (s(), i("span", Oo, "▼"))
|
|
1287
1286
|
])
|
|
1288
1287
|
]),
|
|
1289
|
-
d.value ? (s(), i("div", Do,
|
|
1288
|
+
d.value ? (s(), i("div", Do, y(e.object.description), 1)) : I("", !0),
|
|
1290
1289
|
t("div", Uo, [
|
|
1291
1290
|
(s(!0), i(L, null, z(e.object.tags, (P, T) => (s(), i("span", {
|
|
1292
1291
|
key: T,
|
|
1293
1292
|
class: "bg-slate-50 text-slate-500 px-2.5 py-1 rounded-full text-[11px] font-medium border border-slate-100 hover:border-slate-200 hover:bg-slate-100 transition-colors cursor-default"
|
|
1294
|
-
},
|
|
1293
|
+
}, y(P), 1))), 128))
|
|
1295
1294
|
])
|
|
1296
1295
|
], 64)) : a.value ? (s(), i(L, { key: 1 }, [
|
|
1297
1296
|
t("div", zo, [
|
|
@@ -1309,7 +1308,7 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
1309
1308
|
})
|
|
1310
1309
|
])
|
|
1311
1310
|
], -1)),
|
|
1312
|
-
t("div", Vo,
|
|
1311
|
+
t("div", Vo, y(e.object.description), 1)
|
|
1313
1312
|
]),
|
|
1314
1313
|
t("div", qo, [
|
|
1315
1314
|
e.insideComponentBox && !e.fullwidthMode || !e.insideComponentBox ? (s(), i("div", Go, [...m[13] || (m[13] = [
|
|
@@ -1342,7 +1341,7 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
1342
1341
|
e.insideComponentBox ? I("", !0) : (s(), i(L, { key: 2 }, [
|
|
1343
1342
|
t("div", {
|
|
1344
1343
|
title: "Configurar componente",
|
|
1345
|
-
onClick: m[7] || (m[7] = (P) =>
|
|
1344
|
+
onClick: m[7] || (m[7] = (P) => g.value = !g.value),
|
|
1346
1345
|
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"
|
|
1347
1346
|
}, [...m[15] || (m[15] = [
|
|
1348
1347
|
t("div", { class: "flex flex-col items-center" }, [
|
|
@@ -1358,7 +1357,7 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
1358
1357
|
t("div", Wo, [
|
|
1359
1358
|
m[16] || (m[16] = t("span", { class: "text-xl mb-1" }, "⚡", -1)),
|
|
1360
1359
|
m[17] || (m[17] = t("span", { class: "text-xs font-medium" }, "Beber de contenido", -1)),
|
|
1361
|
-
e.object.repeat_data && e.object.repeat_data.dynamicUpdate ? (s(), i("span", Ho, "Carga " +
|
|
1360
|
+
e.object.repeat_data && e.object.repeat_data.dynamicUpdate ? (s(), i("span", Ho, "Carga " + y(e.object.repeat_data.elementCount) + " elementos", 1)) : I("", !0)
|
|
1362
1361
|
])
|
|
1363
1362
|
]),
|
|
1364
1363
|
e.cloneComponent ? (s(), i("div", {
|
|
@@ -1386,14 +1385,14 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
1386
1385
|
], 64))
|
|
1387
1386
|
])
|
|
1388
1387
|
]),
|
|
1389
|
-
Y(
|
|
1388
|
+
Y(ce, {
|
|
1390
1389
|
toggleShowForm: k,
|
|
1391
1390
|
object: e.object,
|
|
1392
|
-
showForm:
|
|
1393
|
-
onFieldUpdated:
|
|
1391
|
+
showForm: g.value,
|
|
1392
|
+
onFieldUpdated: f
|
|
1394
1393
|
}, null, 8, ["object", "showForm"]),
|
|
1395
1394
|
t("div", {
|
|
1396
|
-
id: H(
|
|
1395
|
+
id: H(C),
|
|
1397
1396
|
class: "w-full h-full flex items-center justify-center"
|
|
1398
1397
|
}, null, 8, Yo)
|
|
1399
1398
|
], 64)) : I("", !0)
|
|
@@ -1457,36 +1456,36 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
1457
1456
|
{ label: "Columna (componentes unos encima de otros)", value: "flex-col" },
|
|
1458
1457
|
{ label: "Fila (componentes unos al lado de otros)", value: "flex-row" }
|
|
1459
1458
|
]
|
|
1460
|
-
}, S = j(""), $ = j(""),
|
|
1461
|
-
var n, l,
|
|
1459
|
+
}, S = j(""), $ = j(""), C = j(""), d = j(!1), g = _(() => {
|
|
1460
|
+
var n, l, w, R;
|
|
1462
1461
|
const u = (n = o.globalPageConfiguration) == null ? void 0 : n.find(
|
|
1463
1462
|
(A) => A.section === o.section
|
|
1464
|
-
), a = (R = (
|
|
1463
|
+
), a = (R = (w = (l = u == null ? void 0 : u.rows) == null ? void 0 : l[o.rowIndex]) == null ? void 0 : w.columns) == null ? void 0 : R[o.columnIndex];
|
|
1465
1464
|
return (a == null ? void 0 : a.config) || {};
|
|
1466
|
-
}),
|
|
1465
|
+
}), p = (u, a) => {
|
|
1467
1466
|
var R;
|
|
1468
|
-
const n = S.value || x.width[0].value, l = $.value || x.gap[0].value,
|
|
1469
|
-
(R = o.updateColConfig) == null || R.call(o, u, a, o.section || "", n, l,
|
|
1467
|
+
const n = S.value || x.width[0].value, l = $.value || x.gap[0].value, w = C.value || "";
|
|
1468
|
+
(R = o.updateColConfig) == null || R.call(o, u, a, o.section || "", n, l, w), d.value = !1;
|
|
1470
1469
|
};
|
|
1471
1470
|
return (u, a) => (s(), i(L, null, [
|
|
1472
1471
|
t("div", Ko, [
|
|
1473
|
-
|
|
1472
|
+
g.value.width !== void 0 ? (s(), i("span", Qo, [
|
|
1474
1473
|
a[12] || (a[12] = O(" Ancho: ", -1)),
|
|
1475
|
-
t("span", Xo,
|
|
1474
|
+
t("span", Xo, y(g.value.width), 1)
|
|
1476
1475
|
])) : I("", !0),
|
|
1477
|
-
|
|
1476
|
+
g.value.gap !== void 0 ? (s(), i("span", Zo, [
|
|
1478
1477
|
a[13] || (a[13] = O(" Gap: ", -1)),
|
|
1479
|
-
t("span", _o,
|
|
1478
|
+
t("span", _o, y(g.value.gap), 1)
|
|
1480
1479
|
])) : I("", !0),
|
|
1481
|
-
|
|
1480
|
+
g.value.flexDirection !== void 0 ? (s(), i("span", en, [
|
|
1482
1481
|
a[14] || (a[14] = O(" Flex: ", -1)),
|
|
1483
|
-
t("span", tn,
|
|
1482
|
+
t("span", tn, y(g.value.flexDirection), 1)
|
|
1484
1483
|
])) : I("", !0)
|
|
1485
1484
|
]),
|
|
1486
1485
|
d.value ? (s(), i("div", on, [
|
|
1487
1486
|
t("div", nn, [
|
|
1488
1487
|
t("form", {
|
|
1489
|
-
onSubmit: a[4] || (a[4] =
|
|
1488
|
+
onSubmit: a[4] || (a[4] = ie(() => {
|
|
1490
1489
|
}, ["prevent"])),
|
|
1491
1490
|
class: "flex gap-5 w-full justify-center items-end flex-wrap"
|
|
1492
1491
|
}, [
|
|
@@ -1504,7 +1503,7 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
1504
1503
|
(s(!0), i(L, null, z(x.width, (n) => (s(), i("option", {
|
|
1505
1504
|
key: n.value,
|
|
1506
1505
|
value: n.value
|
|
1507
|
-
},
|
|
1506
|
+
}, y(n.label), 9, sn))), 128))
|
|
1508
1507
|
], 8, rn), [
|
|
1509
1508
|
[Q, S.value]
|
|
1510
1509
|
])
|
|
@@ -1523,7 +1522,7 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
1523
1522
|
(s(!0), i(L, null, z(x.gap, (n) => (s(), i("option", {
|
|
1524
1523
|
key: n.value,
|
|
1525
1524
|
value: n.value
|
|
1526
|
-
},
|
|
1525
|
+
}, y(n.label), 9, mn))), 128))
|
|
1527
1526
|
], 8, cn), [
|
|
1528
1527
|
[Q, $.value]
|
|
1529
1528
|
])
|
|
@@ -1534,7 +1533,7 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
1534
1533
|
class: "block text-sm font-medium text-slate-600 mb-1.5"
|
|
1535
1534
|
}, "Dirección:", 8, gn),
|
|
1536
1535
|
U(t("select", {
|
|
1537
|
-
"onUpdate:modelValue": a[2] || (a[2] = (n) =>
|
|
1536
|
+
"onUpdate:modelValue": a[2] || (a[2] = (n) => C.value = n),
|
|
1538
1537
|
id: `flexdir-${e.rowIndex}-${e.columnIndex}`,
|
|
1539
1538
|
class: "block w-full border border-slate-200 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 bg-white hover:border-slate-300 transition-colors"
|
|
1540
1539
|
}, [
|
|
@@ -1542,16 +1541,16 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
1542
1541
|
(s(!0), i(L, null, z(x.flexDirection, (n) => (s(), i("option", {
|
|
1543
1542
|
key: n.value,
|
|
1544
1543
|
value: n.value
|
|
1545
|
-
},
|
|
1544
|
+
}, y(n.label), 9, pn))), 128))
|
|
1546
1545
|
], 8, fn), [
|
|
1547
|
-
[Q,
|
|
1546
|
+
[Q, C.value]
|
|
1548
1547
|
])
|
|
1549
1548
|
]),
|
|
1550
1549
|
t("button", {
|
|
1551
1550
|
type: "button",
|
|
1552
1551
|
class: "bg-gradient-to-r from-emerald-500 to-teal-500 hover:from-emerald-600 hover:to-teal-600 text-white px-5 py-2 rounded-lg font-medium shadow-sm hover:shadow-md transition-all duration-200 cursor-pointer",
|
|
1553
1552
|
onClick: a[3] || (a[3] = (n) => {
|
|
1554
|
-
|
|
1553
|
+
p(e.rowIndex, e.columnIndex), d.value = !1;
|
|
1555
1554
|
})
|
|
1556
1555
|
}, " Guardar ")
|
|
1557
1556
|
], 32)
|
|
@@ -1684,16 +1683,16 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
1684
1683
|
{ label: "3/5", value: "3/5" },
|
|
1685
1684
|
{ label: "4/5", value: "4/5" }
|
|
1686
1685
|
]
|
|
1687
|
-
}, S = j(""), $ = j(""),
|
|
1686
|
+
}, S = j(""), $ = j(""), C = j(""), d = j(!1), g = j(!1), p = _(() => {
|
|
1688
1687
|
var n, l;
|
|
1689
1688
|
const a = (n = o.globalPageConfiguration) == null ? void 0 : n.find(
|
|
1690
|
-
(
|
|
1689
|
+
(w) => w.section === o.section
|
|
1691
1690
|
);
|
|
1692
1691
|
return (l = a == null ? void 0 : a.rows) != null && l[o.rowIndex] ? a.rows[o.rowIndex].config || {} : {};
|
|
1693
1692
|
}), u = (a) => {
|
|
1694
1693
|
var R;
|
|
1695
|
-
const n = S.value || x.padding[0].value, l = $.value || x.gap[0].value,
|
|
1696
|
-
(R = o.updateRowConfig) == null || R.call(o, a, o.section || "", n, l,
|
|
1694
|
+
const n = S.value || x.padding[0].value, l = $.value || x.gap[0].value, w = C.value || x.width[0].value;
|
|
1695
|
+
(R = o.updateRowConfig) == null || R.call(o, a, o.section || "", n, l, w), d.value = !1;
|
|
1697
1696
|
};
|
|
1698
1697
|
return (a, n) => (s(), i(L, null, [
|
|
1699
1698
|
t("div", yn, [
|
|
@@ -1703,8 +1702,8 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
1703
1702
|
type: "button",
|
|
1704
1703
|
title: "Agregar fila",
|
|
1705
1704
|
onClick: n[0] || (n[0] = (l) => {
|
|
1706
|
-
var
|
|
1707
|
-
(
|
|
1705
|
+
var w;
|
|
1706
|
+
(w = e.addRow) == null || w.call(e, e.rowIndex, e.section || ""), g.value = !1;
|
|
1708
1707
|
}),
|
|
1709
1708
|
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"
|
|
1710
1709
|
}, "+"),
|
|
@@ -1712,8 +1711,8 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
1712
1711
|
type: "button",
|
|
1713
1712
|
title: "Mover fila hacia arriba",
|
|
1714
1713
|
onClick: n[1] || (n[1] = (l) => {
|
|
1715
|
-
var
|
|
1716
|
-
(
|
|
1714
|
+
var w;
|
|
1715
|
+
(w = e.moveRow) == null || w.call(e, e.rowIndex, e.section || "", "up"), g.value = !1;
|
|
1717
1716
|
}),
|
|
1718
1717
|
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"
|
|
1719
1718
|
}, "△"),
|
|
@@ -1721,8 +1720,8 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
1721
1720
|
type: "button",
|
|
1722
1721
|
title: "Mover fila hacia abajo",
|
|
1723
1722
|
onClick: n[2] || (n[2] = (l) => {
|
|
1724
|
-
var
|
|
1725
|
-
(
|
|
1723
|
+
var w;
|
|
1724
|
+
(w = e.moveRow) == null || w.call(e, e.rowIndex, e.section || "", "down"), g.value = !1;
|
|
1726
1725
|
}),
|
|
1727
1726
|
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"
|
|
1728
1727
|
}, "▽")
|
|
@@ -1737,17 +1736,17 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
1737
1736
|
class: K(["cursor-pointer rounded-b-lg border border-t-0 px-3 py-1 transition-all duration-200 shadow-sm hover:shadow-md", d.value ? "bg-amber-100 border-amber-300 text-amber-700" : "bg-white border-slate-200 text-slate-600 hover:bg-amber-500 hover:border-amber-500 hover:text-white"])
|
|
1738
1737
|
}, "⚙️", 2)
|
|
1739
1738
|
]),
|
|
1740
|
-
|
|
1739
|
+
p.value.padding !== void 0 ? (s(), i("span", Sn, [
|
|
1741
1740
|
n[10] || (n[10] = O(" Padding: ", -1)),
|
|
1742
|
-
t("span", Pn,
|
|
1741
|
+
t("span", Pn, y(p.value.padding), 1)
|
|
1743
1742
|
])) : I("", !0),
|
|
1744
|
-
|
|
1743
|
+
p.value.gap !== void 0 ? (s(), i("span", Fn, [
|
|
1745
1744
|
n[11] || (n[11] = O(" Gap: ", -1)),
|
|
1746
|
-
t("span", jn,
|
|
1745
|
+
t("span", jn, y(p.value.gap), 1)
|
|
1747
1746
|
])) : I("", !0),
|
|
1748
|
-
|
|
1747
|
+
p.value.width !== void 0 ? (s(), i("span", In, [
|
|
1749
1748
|
n[12] || (n[12] = O(" Ancho: ", -1)),
|
|
1750
|
-
t("span", Mn,
|
|
1749
|
+
t("span", Mn, y(p.value.width), 1)
|
|
1751
1750
|
])) : I("", !0)
|
|
1752
1751
|
]),
|
|
1753
1752
|
t("div", null, [
|
|
@@ -1756,8 +1755,8 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
1756
1755
|
type: "button",
|
|
1757
1756
|
title: "Eliminar fila",
|
|
1758
1757
|
onClick: n[4] || (n[4] = (l) => {
|
|
1759
|
-
var
|
|
1760
|
-
(
|
|
1758
|
+
var w;
|
|
1759
|
+
(w = e.removeRow) == null || w.call(e, e.rowIndex, e.section || ""), g.value = !1;
|
|
1761
1760
|
}),
|
|
1762
1761
|
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"
|
|
1763
1762
|
}, "🗑️")
|
|
@@ -1767,7 +1766,7 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
1767
1766
|
d.value ? (s(), i("div", Bn, [
|
|
1768
1767
|
t("div", En, [
|
|
1769
1768
|
t("form", {
|
|
1770
|
-
onSubmit: n[9] || (n[9] =
|
|
1769
|
+
onSubmit: n[9] || (n[9] = ie(() => {
|
|
1771
1770
|
}, ["prevent"])),
|
|
1772
1771
|
class: "flex gap-6 w-full justify-center items-end flex-wrap"
|
|
1773
1772
|
}, [
|
|
@@ -1785,7 +1784,7 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
1785
1784
|
(s(!0), i(L, null, z(x.padding, (l) => (s(), i("option", {
|
|
1786
1785
|
key: l.value,
|
|
1787
1786
|
value: l.value
|
|
1788
|
-
},
|
|
1787
|
+
}, y(l.label), 9, Rn))), 128))
|
|
1789
1788
|
], 8, On), [
|
|
1790
1789
|
[Q, S.value]
|
|
1791
1790
|
])
|
|
@@ -1804,7 +1803,7 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
1804
1803
|
(s(!0), i(L, null, z(x.gap, (l) => (s(), i("option", {
|
|
1805
1804
|
key: l.value,
|
|
1806
1805
|
value: l.value
|
|
1807
|
-
},
|
|
1806
|
+
}, y(l.label), 9, Nn))), 128))
|
|
1808
1807
|
], 8, zn), [
|
|
1809
1808
|
[Q, $.value]
|
|
1810
1809
|
])
|
|
@@ -1815,7 +1814,7 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
1815
1814
|
class: "block text-sm font-medium text-slate-600 mb-1.5"
|
|
1816
1815
|
}, "Ancho:", 8, qn),
|
|
1817
1816
|
U(t("select", {
|
|
1818
|
-
"onUpdate:modelValue": n[7] || (n[7] = (l) =>
|
|
1817
|
+
"onUpdate:modelValue": n[7] || (n[7] = (l) => C.value = l),
|
|
1819
1818
|
id: `width-${e.rowIndex}`,
|
|
1820
1819
|
class: "block w-full border border-slate-200 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 bg-slate-50 hover:bg-white transition-colors"
|
|
1821
1820
|
}, [
|
|
@@ -1823,16 +1822,16 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
1823
1822
|
(s(!0), i(L, null, z(x.width, (l) => (s(), i("option", {
|
|
1824
1823
|
key: l.value,
|
|
1825
1824
|
value: l.value
|
|
1826
|
-
},
|
|
1825
|
+
}, y(l.label), 9, Jn))), 128))
|
|
1827
1826
|
], 8, Gn), [
|
|
1828
|
-
[Q,
|
|
1827
|
+
[Q, C.value]
|
|
1829
1828
|
])
|
|
1830
1829
|
]),
|
|
1831
1830
|
t("button", {
|
|
1832
1831
|
type: "button",
|
|
1833
1832
|
class: "bg-gradient-to-r from-emerald-500 to-teal-500 hover:from-emerald-600 hover:to-teal-600 text-white px-5 py-2 rounded-lg font-medium shadow-sm hover:shadow-md transition-all duration-200 cursor-pointer",
|
|
1834
1833
|
onClick: n[8] || (n[8] = (l) => {
|
|
1835
|
-
u(e.rowIndex),
|
|
1834
|
+
u(e.rowIndex), g.value = !1;
|
|
1836
1835
|
})
|
|
1837
1836
|
}, " Guardar ")
|
|
1838
1837
|
], 32)
|
|
@@ -1866,15 +1865,15 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
1866
1865
|
},
|
|
1867
1866
|
setup(e) {
|
|
1868
1867
|
const o = e, x = j(!1), S = _(() => {
|
|
1869
|
-
var
|
|
1870
|
-
const $ = (
|
|
1868
|
+
var C;
|
|
1869
|
+
const $ = (C = o.globalPageConfiguration) == null ? void 0 : C.find(
|
|
1871
1870
|
(d) => d.section === o.sectionSelected
|
|
1872
1871
|
);
|
|
1873
1872
|
return ($ == null ? void 0 : $.rows) || [];
|
|
1874
1873
|
});
|
|
1875
|
-
return ($,
|
|
1876
|
-
key: "row-" +
|
|
1877
|
-
id: "row-" + e.sectionSelected + "-" +
|
|
1874
|
+
return ($, C) => (s(!0), i(L, null, z(S.value, (d, g) => (s(), i("div", {
|
|
1875
|
+
key: "row-" + g,
|
|
1876
|
+
id: "row-" + e.sectionSelected + "-" + g,
|
|
1878
1877
|
class: "flex flex-col gap-3 w-full p-5 bg-white border border-slate-200 rounded-2xl js-row relative items-center hover:border-slate-300 hover:shadow-lg transition-all duration-300 css-pb-row group/row"
|
|
1879
1878
|
}, [
|
|
1880
1879
|
Y(Wn, {
|
|
@@ -1883,29 +1882,29 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
1883
1882
|
removeRow: e.removeRow,
|
|
1884
1883
|
globalPageConfiguration: e.globalPageConfiguration,
|
|
1885
1884
|
updateRowConfig: e.updateRowConfig,
|
|
1886
|
-
rowIndex:
|
|
1885
|
+
rowIndex: g,
|
|
1887
1886
|
section: e.sectionSelected
|
|
1888
1887
|
}, null, 8, ["moveRow", "addRow", "removeRow", "globalPageConfiguration", "updateRowConfig", "rowIndex", "section"]),
|
|
1889
1888
|
t("div", Yn, [
|
|
1890
|
-
(s(!0), i(L, null, z(d.columns, (
|
|
1889
|
+
(s(!0), i(L, null, z(d.columns, (p, u) => (s(), i("div", {
|
|
1891
1890
|
class: K([
|
|
1892
1891
|
"hover:shadow-md overflow-hidden dragging-zone border relative border-slate-200 shadow-sm w-full p-5 pt-10 min-h-[200px] rounded-xl flex flex-col gap-3 items-center before:content-['Columna'] before:absolute before:text-slate-300 before:text-7xl before:font-bold before:bottom-4 before:left-2 before:-rotate-12 before:opacity-30 before:duration-300 before:transition-opacity group hover:before:opacity-50 transition-all duration-300",
|
|
1893
1892
|
x.value ? "bg-gradient-to-b from-emerald-50 to-emerald-100 border-emerald-300 shadow-emerald-100" : "bg-gradient-to-b from-slate-50 to-slate-100"
|
|
1894
1893
|
]),
|
|
1895
1894
|
key: "column-" + u,
|
|
1896
|
-
id: "col-" + e.sectionSelected + "-" +
|
|
1895
|
+
id: "col-" + e.sectionSelected + "-" + g + "-" + u
|
|
1897
1896
|
}, [
|
|
1898
|
-
Y(H(
|
|
1897
|
+
Y(H(fe), {
|
|
1899
1898
|
class: "h-full w-full mb-4",
|
|
1900
|
-
list:
|
|
1899
|
+
list: p.components,
|
|
1901
1900
|
group: { name: "draggingGroup", pull: !0, put: !0 },
|
|
1902
1901
|
"item-key": "id",
|
|
1903
1902
|
handle: ".handle",
|
|
1904
|
-
onStart:
|
|
1905
|
-
onEnd:
|
|
1903
|
+
onStart: C[0] || (C[0] = (a) => x.value = !0),
|
|
1904
|
+
onEnd: C[1] || (C[1] = (a) => x.value = !1)
|
|
1906
1905
|
}, {
|
|
1907
|
-
item:
|
|
1908
|
-
Y(
|
|
1906
|
+
item: ge(({ element: a }) => [
|
|
1907
|
+
Y(pe, {
|
|
1909
1908
|
renderApiDomain: e.renderApiDomain,
|
|
1910
1909
|
object: a,
|
|
1911
1910
|
"is-component-mode": e.isComponentMode,
|
|
@@ -1926,7 +1925,7 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
1926
1925
|
addCol: e.addCol,
|
|
1927
1926
|
removeCol: e.removeCol,
|
|
1928
1927
|
moveCol: e.moveCol,
|
|
1929
|
-
rowIndex:
|
|
1928
|
+
rowIndex: g,
|
|
1930
1929
|
columnIndex: u
|
|
1931
1930
|
}, null, 8, ["section", "globalPageConfiguration", "updateColConfig", "addComponentFunction", "fullwidthMode", "addCol", "removeCol", "moveCol", "rowIndex", "columnIndex"])
|
|
1932
1931
|
], 10, Kn))), 128))
|
|
@@ -1936,7 +1935,7 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
1936
1935
|
}), Xn = { class: "flex justify-between items-center mb-4" }, Zn = { class: "text-xs" }, _n = { class: "flex flex-wrap gap-2 mb-4 bg-white border border-slate-200 p-4 rounded-xl shadow-sm" }, el = ["value", "checked"], tl = { class: "my-3" }, ol = { class: "relative" }, nl = { class: "component-library dragging-zone w-full p-5 min-h-[200px] border border-slate-200 bg-white rounded-xl flex flex-col gap-4 items-center shadow-sm" }, ll = {
|
|
1937
1936
|
key: 0,
|
|
1938
1937
|
class: "text-center py-8 text-slate-400"
|
|
1939
|
-
},
|
|
1938
|
+
}, me = /* @__PURE__ */ Z({
|
|
1940
1939
|
__name: "ComponentsBox",
|
|
1941
1940
|
props: {
|
|
1942
1941
|
isComponentMode: { type: Boolean },
|
|
@@ -1962,16 +1961,16 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
1962
1961
|
"Formulario",
|
|
1963
1962
|
"Título",
|
|
1964
1963
|
"SEO"
|
|
1965
|
-
], S = _(() => !o.excludedCategories || o.excludedCategories.length === 0 ? x : x.filter((a) => !o.excludedCategories.includes(a))), $ = j(!0),
|
|
1966
|
-
const a = d.value.toLowerCase(), n = Object.values(o.components), l = (
|
|
1967
|
-
return
|
|
1968
|
-
(
|
|
1964
|
+
], S = _(() => !o.excludedCategories || o.excludedCategories.length === 0 ? x : x.filter((a) => !o.excludedCategories.includes(a))), $ = j(!0), C = j([]), d = j(""), g = _(() => {
|
|
1965
|
+
const a = d.value.toLowerCase(), n = Object.values(o.components), l = (w) => (w.name.toLowerCase() + w.description.toLowerCase() + w.tags.join(" ").toLowerCase()).includes(a);
|
|
1966
|
+
return C.value.length > 0 ? n.filter(
|
|
1967
|
+
(w) => C.value.includes(w.category) && l(w)
|
|
1969
1968
|
) : n.filter(l);
|
|
1970
|
-
}),
|
|
1969
|
+
}), p = (a) => {
|
|
1971
1970
|
d.value = a.target.value;
|
|
1972
1971
|
}, u = (a) => {
|
|
1973
1972
|
const n = a.target, l = n.value;
|
|
1974
|
-
n.checked ?
|
|
1973
|
+
n.checked ? C.value.includes(l) || C.value.push(l) : C.value = C.value.filter((w) => w !== l);
|
|
1975
1974
|
};
|
|
1976
1975
|
return (a, n) => (s(), i(L, null, [
|
|
1977
1976
|
n[6] || (n[6] = t("h1", { class: "text-center text-2xl font-semibold mb-4 text-slate-700 tracking-tight" }, "Componentes", -1)),
|
|
@@ -1995,33 +1994,33 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
1995
1994
|
})
|
|
1996
1995
|
], -1)),
|
|
1997
1996
|
n[3] || (n[3] = t("span", null, "Filtros", -1)),
|
|
1998
|
-
t("span", Zn,
|
|
1997
|
+
t("span", Zn, y($.value ? "▲" : "▼"), 1)
|
|
1999
1998
|
]),
|
|
2000
1999
|
t("button", {
|
|
2001
2000
|
type: "button",
|
|
2002
2001
|
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"]),
|
|
2003
2002
|
onClick: n[1] || (n[1] = (l) => {
|
|
2004
|
-
var
|
|
2005
|
-
return (
|
|
2003
|
+
var w;
|
|
2004
|
+
return (w = e.toggleComponentModeFunction) == null ? void 0 : w.call(e);
|
|
2006
2005
|
})
|
|
2007
|
-
},
|
|
2006
|
+
}, y(e.isComponentMode ? "⚒️ Modo Configuración" : "👁️ Modo Visual"), 3)
|
|
2008
2007
|
]),
|
|
2009
2008
|
U(t("div", _n, [
|
|
2010
2009
|
(s(!0), i(L, null, z(S.value, (l) => (s(), i("label", {
|
|
2011
2010
|
key: l,
|
|
2012
|
-
class: K(["flex items-center gap-2 text-xs bg-slate-50 hover:bg-slate-100 px-3 py-2 rounded-lg cursor-pointer transition-colors duration-200 border border-transparent hover:border-slate-200", { "bg-emerald-50 border-emerald-200 text-emerald-700":
|
|
2011
|
+
class: K(["flex items-center gap-2 text-xs bg-slate-50 hover:bg-slate-100 px-3 py-2 rounded-lg cursor-pointer transition-colors duration-200 border border-transparent hover:border-slate-200", { "bg-emerald-50 border-emerald-200 text-emerald-700": C.value.includes(l) }])
|
|
2013
2012
|
}, [
|
|
2014
2013
|
t("input", {
|
|
2015
2014
|
type: "checkbox",
|
|
2016
2015
|
value: l,
|
|
2017
|
-
checked:
|
|
2016
|
+
checked: C.value.includes(l),
|
|
2018
2017
|
onInput: u,
|
|
2019
2018
|
class: "w-4 h-4 rounded border-slate-300 text-emerald-500 focus:ring-emerald-500"
|
|
2020
2019
|
}, null, 40, el),
|
|
2021
|
-
O(" " +
|
|
2020
|
+
O(" " + y(l), 1)
|
|
2022
2021
|
], 2))), 128))
|
|
2023
2022
|
], 512), [
|
|
2024
|
-
[
|
|
2023
|
+
[ke, $.value]
|
|
2025
2024
|
]),
|
|
2026
2025
|
t("div", tl, [
|
|
2027
2026
|
t("div", ol, [
|
|
@@ -2039,7 +2038,7 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
2039
2038
|
})
|
|
2040
2039
|
], -1)),
|
|
2041
2040
|
t("input", {
|
|
2042
|
-
onInput:
|
|
2041
|
+
onInput: p,
|
|
2043
2042
|
type: "text",
|
|
2044
2043
|
placeholder: "Buscar componente...",
|
|
2045
2044
|
class: "duration-300 border border-slate-200 bg-white rounded-xl py-3 px-4 pl-11 w-full focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-400 hover:border-slate-300 shadow-sm"
|
|
@@ -2047,15 +2046,15 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
2047
2046
|
])
|
|
2048
2047
|
]),
|
|
2049
2048
|
t("div", nl, [
|
|
2050
|
-
Y(H(
|
|
2049
|
+
Y(H(fe), {
|
|
2051
2050
|
class: "w-full flex flex-col gap-4",
|
|
2052
|
-
list:
|
|
2051
|
+
list: g.value,
|
|
2053
2052
|
group: { name: "draggingGroup", pull: "clone", put: !1 },
|
|
2054
2053
|
itemKey: "name",
|
|
2055
2054
|
clone: (l) => JSON.parse(JSON.stringify(l))
|
|
2056
2055
|
}, {
|
|
2057
|
-
item:
|
|
2058
|
-
Y(
|
|
2056
|
+
item: ge(({ element: l }) => [
|
|
2057
|
+
Y(pe, {
|
|
2059
2058
|
renderApiDomain: e.renderApiDomain,
|
|
2060
2059
|
object: l,
|
|
2061
2060
|
"is-component-mode": e.isComponentMode,
|
|
@@ -2068,7 +2067,7 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
2068
2067
|
]),
|
|
2069
2068
|
_: 1
|
|
2070
2069
|
}, 8, ["list", "clone"]),
|
|
2071
|
-
|
|
2070
|
+
g.value.length === 0 ? (s(), i("div", ll, [...n[5] || (n[5] = [
|
|
2072
2071
|
t("svg", {
|
|
2073
2072
|
class: "w-12 h-12 mx-auto mb-3 opacity-50",
|
|
2074
2073
|
fill: "none",
|
|
@@ -2091,7 +2090,7 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
2091
2090
|
}), al = { class: "flex flex-col w-full transition-all duration-300 lf-page-builder bg-gradient-to-br from-slate-50 to-slate-100 min-h-screen" }, rl = { class: "relative flex flex-row flex-wrap" }, sl = { class: "w-full flex justify-end py-4 pe-4" }, il = { class: "w-3/4" }, dl = {
|
|
2092
2091
|
key: 1,
|
|
2093
2092
|
class: "w-1/4 px-3 overflow-y-auto h-screen sticky top-0"
|
|
2094
|
-
},
|
|
2093
|
+
}, fl = /* @__PURE__ */ Z({
|
|
2095
2094
|
__name: "Pagebuilder",
|
|
2096
2095
|
props: {
|
|
2097
2096
|
isProduction: { type: Boolean },
|
|
@@ -2102,18 +2101,18 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
2102
2101
|
limboToken: {}
|
|
2103
2102
|
},
|
|
2104
2103
|
setup(e) {
|
|
2105
|
-
const o = e, x = o.isProduction ?? !1, S = o.debugMode ?? !1, $ = o.submitForm ?? !1,
|
|
2104
|
+
const o = e, x = o.isProduction ?? !1, S = o.debugMode ?? !1, $ = o.submitForm ?? !1, C = o.inputId ?? null, d = o.limboToken ?? null, g = [
|
|
2106
2105
|
"Repetidor",
|
|
2107
2106
|
// Siempre excluido
|
|
2108
2107
|
...o.excludeComponentTypes ?? []
|
|
2109
|
-
],
|
|
2110
|
-
const
|
|
2111
|
-
if (
|
|
2112
|
-
return
|
|
2113
|
-
const
|
|
2114
|
-
for (const [c,
|
|
2115
|
-
|
|
2116
|
-
return
|
|
2108
|
+
], p = x ? "https://render-api.lefebvre.es" : "https://led-dev-astro-render-api-dev.eu.els.local", u = j(!0), a = j(void 0), n = j([]), l = j({ rowIndex: null, columnIndex: null, section: null }), w = j(!1), R = j(!1), A = _(() => {
|
|
2109
|
+
const v = Fe();
|
|
2110
|
+
if (g.length === 0)
|
|
2111
|
+
return v;
|
|
2112
|
+
const b = {};
|
|
2113
|
+
for (const [c, h] of Object.entries(v))
|
|
2114
|
+
g.includes(h.category) || (b[c] = h);
|
|
2115
|
+
return b;
|
|
2117
2116
|
}), k = j({
|
|
2118
2117
|
global: {
|
|
2119
2118
|
sidebarEnabled: !1,
|
|
@@ -2127,7 +2126,7 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
2127
2126
|
description: "",
|
|
2128
2127
|
robots: "index, follow"
|
|
2129
2128
|
}
|
|
2130
|
-
}), r =
|
|
2129
|
+
}), r = Se([
|
|
2131
2130
|
{
|
|
2132
2131
|
section: "Header",
|
|
2133
2132
|
config: { width: "full" },
|
|
@@ -2148,17 +2147,24 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
2148
2147
|
config: { width: "1/3" },
|
|
2149
2148
|
rows: [{ config: {}, columns: [{ config: {}, components: [] }] }]
|
|
2150
2149
|
}
|
|
2151
|
-
]),
|
|
2150
|
+
]), f = async () => {
|
|
2152
2151
|
if (window.Limbo)
|
|
2153
2152
|
return S && console.log("[PageBuilder] Limbo ya está cargado"), window.Limbo;
|
|
2154
|
-
|
|
2155
|
-
|
|
2153
|
+
if (!document.querySelector("style[data-limbo-css]"))
|
|
2154
|
+
try {
|
|
2155
|
+
const c = await import("limbo-component/dist/limbo.css?raw"), h = document.createElement("style");
|
|
2156
|
+
h.setAttribute("data-limbo-css", "true"), h.textContent = c.default, document.head.appendChild(h), S && console.log("[PageBuilder] Limbo CSS inyectado (raw, sin procesamiento Vite)");
|
|
2157
|
+
} catch (c) {
|
|
2158
|
+
console.error("[PageBuilder] Error cargando CSS de Limbo:", c);
|
|
2159
|
+
}
|
|
2160
|
+
const v = Ie, b = (v.configure ? v : v.default) ?? v;
|
|
2161
|
+
return S && (console.log("[PageBuilder] Limbo module keys:", Object.keys(v)), console.log(
|
|
2156
2162
|
"[PageBuilder] Limbo resolved type:",
|
|
2157
|
-
typeof
|
|
2158
|
-
|
|
2159
|
-
)), window.Limbo =
|
|
2163
|
+
typeof b,
|
|
2164
|
+
b != null && b.configure ? "has configure" : "NO configure"
|
|
2165
|
+
)), window.Limbo = b, S && console.log("[PageBuilder] Limbo JS cargado desde paquete npm"), b;
|
|
2160
2166
|
}, G = async () => {
|
|
2161
|
-
var
|
|
2167
|
+
var v;
|
|
2162
2168
|
if (!d) {
|
|
2163
2169
|
S && console.log(
|
|
2164
2170
|
"[PageBuilder] limboToken no proporcionado, Limbo no se inicializará"
|
|
@@ -2166,17 +2172,17 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
2166
2172
|
return;
|
|
2167
2173
|
}
|
|
2168
2174
|
try {
|
|
2169
|
-
const
|
|
2170
|
-
if (!
|
|
2175
|
+
const b = await f();
|
|
2176
|
+
if (!b) {
|
|
2171
2177
|
console.error("[PageBuilder] Limbo no se cargó correctamente");
|
|
2172
2178
|
return;
|
|
2173
2179
|
}
|
|
2174
|
-
S && console.log("[PageBuilder] Configurando Limbo con token server-side"),
|
|
2180
|
+
S && console.log("[PageBuilder] Configurando Limbo con token server-side"), b.configure({
|
|
2175
2181
|
prod: x,
|
|
2176
2182
|
authMode: "manual",
|
|
2177
2183
|
token: d,
|
|
2178
2184
|
modal: { size: "xlarge" }
|
|
2179
|
-
}),
|
|
2185
|
+
}), b.configureAutoInputs({
|
|
2180
2186
|
selector: ".js-limbo",
|
|
2181
2187
|
buttonText: "Seleccionar imagen",
|
|
2182
2188
|
returnType: "json",
|
|
@@ -2185,26 +2191,26 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
2185
2191
|
maxCrops: 10,
|
|
2186
2192
|
localCropsOnly: !1,
|
|
2187
2193
|
parseInputConfig: (c) => {
|
|
2188
|
-
const
|
|
2194
|
+
const h = {};
|
|
2189
2195
|
if (c.dataset.mandatorycrops)
|
|
2190
2196
|
try {
|
|
2191
|
-
|
|
2197
|
+
h.mandatoryCrops = JSON.parse(c.dataset.mandatorycrops);
|
|
2192
2198
|
} catch {
|
|
2193
2199
|
}
|
|
2194
|
-
return c.dataset.returntype && (
|
|
2200
|
+
return c.dataset.returntype && (h.returnType = c.dataset.returntype), c.dataset.modeui && (h.modeUI = c.dataset.modeui), c.dataset.allowadditionalcrops !== void 0 && (h.allowAdditionalCrops = c.dataset.allowadditionalcrops === "true"), c.dataset.maxcrops && (h.maxCrops = parseInt(c.dataset.maxcrops, 10)), c.dataset.buttontext && (h.buttonText = c.dataset.buttontext), h;
|
|
2195
2201
|
}
|
|
2196
2202
|
}), S && console.log("[PageBuilder] Limbo inicializado correctamente"), window.LimboRescan = (c = ".js-limbo") => {
|
|
2197
|
-
const
|
|
2203
|
+
const h = document.querySelectorAll(c);
|
|
2198
2204
|
let M = 0;
|
|
2199
|
-
return
|
|
2205
|
+
return h.forEach((B) => {
|
|
2200
2206
|
if (B.tagName === "INPUT" && !B.dataset.limboProcessed)
|
|
2201
2207
|
try {
|
|
2202
|
-
|
|
2208
|
+
b.autoInputs._processInput(B), B.dataset.limboProcessed = "true", M++;
|
|
2203
2209
|
} catch (E) {
|
|
2204
2210
|
console.error("[Limbo] Error procesando input:", E);
|
|
2205
2211
|
}
|
|
2206
2212
|
}), M;
|
|
2207
|
-
}, await
|
|
2213
|
+
}, await se(), (v = window.LimboRescan) == null || v.call(window), setTimeout(() => {
|
|
2208
2214
|
var c;
|
|
2209
2215
|
return (c = window.LimboRescan) == null ? void 0 : c.call(window);
|
|
2210
2216
|
}, 500), setTimeout(() => {
|
|
@@ -2214,28 +2220,28 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
2214
2220
|
var c;
|
|
2215
2221
|
return (c = window.LimboRescan) == null ? void 0 : c.call(window);
|
|
2216
2222
|
}, 3e3), N.value = !0;
|
|
2217
|
-
} catch (
|
|
2218
|
-
console.error("[PageBuilder] Error inicializando Limbo:",
|
|
2223
|
+
} catch (b) {
|
|
2224
|
+
console.error("[PageBuilder] Error inicializando Limbo:", b);
|
|
2219
2225
|
}
|
|
2220
2226
|
}, N = j(!1);
|
|
2221
|
-
|
|
2222
|
-
N.value && window.LimboRescan &&
|
|
2227
|
+
Pe(() => {
|
|
2228
|
+
N.value && window.LimboRescan && se(() => {
|
|
2223
2229
|
window.LimboRescan();
|
|
2224
2230
|
});
|
|
2225
|
-
}),
|
|
2231
|
+
}), le(async () => {
|
|
2226
2232
|
V(), d && await G();
|
|
2227
2233
|
});
|
|
2228
2234
|
const V = () => {
|
|
2229
|
-
if (n.value = ["Header", "Footer", "Body", "Sidebar"], a.value = "Body",
|
|
2230
|
-
const
|
|
2231
|
-
|
|
2235
|
+
if (n.value = ["Header", "Footer", "Body", "Sidebar"], a.value = "Body", C) {
|
|
2236
|
+
const v = document.getElementById(
|
|
2237
|
+
C
|
|
2232
2238
|
);
|
|
2233
|
-
if (
|
|
2234
|
-
const
|
|
2235
|
-
if (
|
|
2239
|
+
if (v) {
|
|
2240
|
+
const b = v.value;
|
|
2241
|
+
if (b)
|
|
2236
2242
|
try {
|
|
2237
|
-
const c = typeof
|
|
2238
|
-
(c && typeof c == "object" && !Array.isArray(c) ? Object.keys(c).length > 0 : Array.isArray(c) ? c.length > 0 : !1) &&
|
|
2243
|
+
const c = typeof b == "string" ? JSON.parse(b) : b;
|
|
2244
|
+
(c && typeof c == "object" && !Array.isArray(c) ? Object.keys(c).length > 0 : Array.isArray(c) ? c.length > 0 : !1) && ue(b);
|
|
2239
2245
|
} catch (c) {
|
|
2240
2246
|
console.error("Error parsing input value:", c);
|
|
2241
2247
|
}
|
|
@@ -2245,155 +2251,155 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
2245
2251
|
R.value = !R.value;
|
|
2246
2252
|
}, m = () => {
|
|
2247
2253
|
u.value = !u.value;
|
|
2248
|
-
}, P = (
|
|
2254
|
+
}, P = (v, b, c, h, M) => {
|
|
2249
2255
|
var E;
|
|
2250
2256
|
const B = r.find(
|
|
2251
|
-
(D) => D.section ===
|
|
2257
|
+
(D) => D.section === b
|
|
2252
2258
|
);
|
|
2253
|
-
(E = B == null ? void 0 : B.rows) != null && E[
|
|
2259
|
+
(E = B == null ? void 0 : B.rows) != null && E[v] && (B.rows[v].config = {
|
|
2254
2260
|
padding: c,
|
|
2255
|
-
gap:
|
|
2261
|
+
gap: h,
|
|
2256
2262
|
width: M
|
|
2257
2263
|
});
|
|
2258
|
-
}, T = (
|
|
2264
|
+
}, T = (v, b, c, h, M, B) => {
|
|
2259
2265
|
var D, W, te;
|
|
2260
2266
|
const E = r.find(
|
|
2261
2267
|
(ne) => ne.section === c
|
|
2262
2268
|
);
|
|
2263
|
-
(te = (W = (D = E == null ? void 0 : E.rows) == null ? void 0 : D[
|
|
2264
|
-
width:
|
|
2269
|
+
(te = (W = (D = E == null ? void 0 : E.rows) == null ? void 0 : D[v]) == null ? void 0 : W.columns) != null && te[b] && (E.rows[v].columns[b].config = {
|
|
2270
|
+
width: h,
|
|
2265
2271
|
gap: M,
|
|
2266
2272
|
flexDirection: B
|
|
2267
2273
|
});
|
|
2268
|
-
}, J = async (
|
|
2274
|
+
}, J = async (v, b) => {
|
|
2269
2275
|
const c = r.find(
|
|
2270
|
-
(
|
|
2276
|
+
(h) => h.section === b
|
|
2271
2277
|
);
|
|
2272
2278
|
if (c) {
|
|
2273
|
-
const
|
|
2279
|
+
const h = {
|
|
2274
2280
|
config: {},
|
|
2275
2281
|
columns: [{ config: {}, components: [] }]
|
|
2276
2282
|
};
|
|
2277
|
-
|
|
2283
|
+
v !== null && v >= 0 && v < c.rows.length ? c.rows.splice(v + 1, 0, h) : c.rows.push(h);
|
|
2278
2284
|
}
|
|
2279
|
-
await new Promise((
|
|
2285
|
+
await new Promise((h) => {
|
|
2280
2286
|
setTimeout(() => {
|
|
2281
2287
|
const M = document.getElementById(
|
|
2282
|
-
`row-${
|
|
2288
|
+
`row-${b}-${(v ?? 0) + 1}`
|
|
2283
2289
|
);
|
|
2284
2290
|
M ? (M.scrollIntoView({ behavior: "smooth", block: "center" }), M.classList.add("selected-delay"), setTimeout(() => {
|
|
2285
|
-
M.classList.remove("selected-delay"),
|
|
2286
|
-
}, 3e3)) :
|
|
2291
|
+
M.classList.remove("selected-delay"), h();
|
|
2292
|
+
}, 3e3)) : h();
|
|
2287
2293
|
}, 0);
|
|
2288
2294
|
});
|
|
2289
|
-
}, q = (
|
|
2295
|
+
}, q = (v, b) => {
|
|
2290
2296
|
const c = r.find(
|
|
2291
|
-
(
|
|
2297
|
+
(h) => h.section === b
|
|
2292
2298
|
);
|
|
2293
|
-
!(c != null && c.rows) || c.rows.length <= 1 || c.rows.splice(
|
|
2294
|
-
}, X = (
|
|
2299
|
+
!(c != null && c.rows) || c.rows.length <= 1 || c.rows.splice(v, 1);
|
|
2300
|
+
}, X = (v, b, c = "down") => {
|
|
2295
2301
|
var D;
|
|
2296
|
-
const
|
|
2297
|
-
(W) => W.section ===
|
|
2302
|
+
const h = r.find(
|
|
2303
|
+
(W) => W.section === b
|
|
2298
2304
|
);
|
|
2299
|
-
if (!((D =
|
|
2305
|
+
if (!((D = h == null ? void 0 : h.rows) != null && D[v]) || c === "up" && v === 0 || c === "down" && v === h.rows.length - 1)
|
|
2300
2306
|
return;
|
|
2301
|
-
const M =
|
|
2307
|
+
const M = h.rows, B = M.splice(v, 1)[0], E = c === "down" ? v + 1 : v - 1;
|
|
2302
2308
|
M.splice(E, 0, B);
|
|
2303
|
-
}, ee = async (
|
|
2309
|
+
}, ee = async (v, b, c, h = "right") => {
|
|
2304
2310
|
var E;
|
|
2305
|
-
const M =
|
|
2311
|
+
const M = h === "left" ? b : b + 1, B = r.find(
|
|
2306
2312
|
(D) => D.section === c
|
|
2307
2313
|
);
|
|
2308
|
-
(E = B == null ? void 0 : B.rows) != null && E[
|
|
2314
|
+
(E = B == null ? void 0 : B.rows) != null && E[v] && B.rows[v].columns.splice(M, 0, {
|
|
2309
2315
|
config: {},
|
|
2310
2316
|
components: []
|
|
2311
2317
|
}), await new Promise((D) => {
|
|
2312
2318
|
setTimeout(() => {
|
|
2313
2319
|
const W = document.getElementById(
|
|
2314
|
-
`col-${c}-${
|
|
2320
|
+
`col-${c}-${v}-${M}`
|
|
2315
2321
|
);
|
|
2316
2322
|
W ? (W.scrollIntoView({ behavior: "smooth", block: "center" }), W.classList.add("selected-delay"), setTimeout(() => {
|
|
2317
2323
|
W.classList.remove("selected-delay"), D();
|
|
2318
2324
|
}, 3e3)) : D();
|
|
2319
2325
|
}, 0);
|
|
2320
2326
|
});
|
|
2321
|
-
},
|
|
2327
|
+
}, ve = (v, b, c) => {
|
|
2322
2328
|
var B, E;
|
|
2323
|
-
const
|
|
2329
|
+
const h = r.find(
|
|
2324
2330
|
(D) => D.section === c
|
|
2325
|
-
), M = (E = (B =
|
|
2326
|
-
!M || M.length <= 1 || M.splice(
|
|
2327
|
-
},
|
|
2331
|
+
), M = (E = (B = h == null ? void 0 : h.rows) == null ? void 0 : B[v]) == null ? void 0 : E.columns;
|
|
2332
|
+
!M || M.length <= 1 || M.splice(b, 1);
|
|
2333
|
+
}, xe = (v, b, c, h = "right") => {
|
|
2328
2334
|
var W;
|
|
2329
2335
|
const M = r.find(
|
|
2330
2336
|
(te) => te.section === c
|
|
2331
2337
|
);
|
|
2332
|
-
if (!((W = M == null ? void 0 : M.rows) != null && W[
|
|
2338
|
+
if (!((W = M == null ? void 0 : M.rows) != null && W[v]) || h === "left" && b === 0 || h === "right" && b === M.rows[v].columns.length - 1)
|
|
2333
2339
|
return;
|
|
2334
|
-
const B = M.rows[
|
|
2340
|
+
const B = M.rows[v].columns, E = B.splice(b, 1)[0], D = h === "right" ? b + 1 : b - 1;
|
|
2335
2341
|
B.splice(D, 0, E);
|
|
2336
|
-
},
|
|
2337
|
-
var
|
|
2342
|
+
}, he = (v, b) => {
|
|
2343
|
+
var h;
|
|
2338
2344
|
const c = r.find(
|
|
2339
|
-
(M) => M.section ===
|
|
2345
|
+
(M) => M.section === b
|
|
2340
2346
|
);
|
|
2341
|
-
(
|
|
2347
|
+
(h = c == null ? void 0 : c.rows) == null || h.forEach((M) => {
|
|
2342
2348
|
M.columns.forEach((B) => {
|
|
2343
|
-
const E = B.components.indexOf(
|
|
2349
|
+
const E = B.components.indexOf(v);
|
|
2344
2350
|
E !== -1 && B.components.splice(E, 1);
|
|
2345
2351
|
});
|
|
2346
2352
|
});
|
|
2347
|
-
},
|
|
2348
|
-
var
|
|
2353
|
+
}, we = (v, b) => {
|
|
2354
|
+
var h;
|
|
2349
2355
|
const c = r.find(
|
|
2350
|
-
(M) => M.section ===
|
|
2356
|
+
(M) => M.section === b
|
|
2351
2357
|
);
|
|
2352
|
-
(
|
|
2358
|
+
(h = c == null ? void 0 : c.rows) == null || h.forEach((M) => {
|
|
2353
2359
|
M.columns.forEach((B) => {
|
|
2354
|
-
const E = B.components.indexOf(
|
|
2360
|
+
const E = B.components.indexOf(v);
|
|
2355
2361
|
if (E !== -1) {
|
|
2356
|
-
const D = JSON.parse(JSON.stringify(
|
|
2362
|
+
const D = JSON.parse(JSON.stringify(v));
|
|
2357
2363
|
D.id = Math.random().toString(36).substring(2, 15) + Date.now().toString(36), B.components.splice(E + 1, 0, D);
|
|
2358
2364
|
}
|
|
2359
2365
|
});
|
|
2360
2366
|
});
|
|
2361
|
-
},
|
|
2362
|
-
|
|
2363
|
-
},
|
|
2367
|
+
}, ye = (v, b, c) => {
|
|
2368
|
+
w.value = !0, l.value = { rowIndex: v, columnIndex: b, section: c };
|
|
2369
|
+
}, de = (v) => {
|
|
2364
2370
|
var M, B, E, D;
|
|
2365
|
-
const { rowIndex:
|
|
2366
|
-
if (
|
|
2367
|
-
const W = JSON.parse(JSON.stringify(
|
|
2371
|
+
const { rowIndex: b, columnIndex: c, section: h } = l.value;
|
|
2372
|
+
if (b !== null && c !== null) {
|
|
2373
|
+
const W = JSON.parse(JSON.stringify(v));
|
|
2368
2374
|
W.id = Math.random().toString(36).substring(2, 15) + Date.now().toString(36);
|
|
2369
2375
|
const te = r.find(
|
|
2370
|
-
(
|
|
2371
|
-
), ne = (D = (E = (B = (M = te == null ? void 0 : te.rows) == null ? void 0 : M[
|
|
2376
|
+
(Ce) => Ce.section === h
|
|
2377
|
+
), ne = (D = (E = (B = (M = te == null ? void 0 : te.rows) == null ? void 0 : M[b]) == null ? void 0 : B.columns) == null ? void 0 : E[c]) == null ? void 0 : D.components;
|
|
2372
2378
|
ne == null || ne.push(W);
|
|
2373
2379
|
}
|
|
2374
|
-
|
|
2375
|
-
},
|
|
2376
|
-
const
|
|
2377
|
-
r.length = 0, r.push(...
|
|
2380
|
+
w.value = !1;
|
|
2381
|
+
}, ue = (v) => {
|
|
2382
|
+
const b = typeof v == "string" ? JSON.parse(v) : v;
|
|
2383
|
+
r.length = 0, r.push(...b.pageConfig || []), b.paramsConfig && (k.value = {
|
|
2378
2384
|
...k.value,
|
|
2379
|
-
...
|
|
2385
|
+
...b.paramsConfig
|
|
2380
2386
|
});
|
|
2381
2387
|
};
|
|
2382
|
-
return (
|
|
2388
|
+
return (v, b) => (s(), i("div", al, [
|
|
2383
2389
|
Y(vt, {
|
|
2384
2390
|
sectionSelected: a.value,
|
|
2385
|
-
"onUpdate:sectionSelected":
|
|
2391
|
+
"onUpdate:sectionSelected": b[0] || (b[0] = (c) => a.value = c),
|
|
2386
2392
|
parametersPageConfiguration: k.value,
|
|
2387
|
-
"onUpdate:parametersPageConfiguration":
|
|
2393
|
+
"onUpdate:parametersPageConfiguration": b[1] || (b[1] = (c) => k.value = c),
|
|
2388
2394
|
globalPageConfiguration: r,
|
|
2389
2395
|
availableSections: n.value,
|
|
2390
|
-
importConfigurationFunction:
|
|
2396
|
+
importConfigurationFunction: ue,
|
|
2391
2397
|
isComponentMode: R.value,
|
|
2392
2398
|
toggleComponentModeFunction: F,
|
|
2393
2399
|
fullwidthMode: u.value,
|
|
2394
2400
|
toggleFullwidthMode: m,
|
|
2395
|
-
renderApiDomain: H(
|
|
2396
|
-
inputId: H(
|
|
2401
|
+
renderApiDomain: H(p),
|
|
2402
|
+
inputId: H(C),
|
|
2397
2403
|
debugMode: H(S),
|
|
2398
2404
|
submitForm: H($)
|
|
2399
2405
|
}, null, 8, ["sectionSelected", "parametersPageConfiguration", "globalPageConfiguration", "availableSections", "isComponentMode", "fullwidthMode", "renderApiDomain", "inputId", "debugMode", "submitForm"]),
|
|
@@ -2402,39 +2408,39 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
2402
2408
|
key: 0,
|
|
2403
2409
|
class: K([
|
|
2404
2410
|
"w-full overflow-y-auto fixed top-0 left-0 h-full bg-gradient-to-br from-slate-100 via-white to-slate-50 z-9999 px-4 flex justify-start flex flex-col items-center backdrop-blur-sm",
|
|
2405
|
-
|
|
2411
|
+
w.value ? "" : "hidden"
|
|
2406
2412
|
])
|
|
2407
2413
|
}, [
|
|
2408
2414
|
t("div", sl, [
|
|
2409
2415
|
t("div", {
|
|
2410
2416
|
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",
|
|
2411
|
-
onClick:
|
|
2417
|
+
onClick: b[2] || (b[2] = (c) => w.value = !1)
|
|
2412
2418
|
}, " ✕ ")
|
|
2413
2419
|
]),
|
|
2414
2420
|
t("div", il, [
|
|
2415
|
-
Y(
|
|
2416
|
-
renderApiDomain: H(
|
|
2421
|
+
Y(me, {
|
|
2422
|
+
renderApiDomain: H(p),
|
|
2417
2423
|
isComponentMode: R.value,
|
|
2418
2424
|
fullwidthMode: u.value,
|
|
2419
2425
|
columnToInsert: l.value,
|
|
2420
|
-
addComponentToColumn:
|
|
2426
|
+
addComponentToColumn: de,
|
|
2421
2427
|
toggleComponentModeFunction: F,
|
|
2422
2428
|
isProduction: H(x),
|
|
2423
2429
|
components: A.value,
|
|
2424
|
-
excludedCategories:
|
|
2430
|
+
excludedCategories: g
|
|
2425
2431
|
}, null, 8, ["renderApiDomain", "isComponentMode", "fullwidthMode", "columnToInsert", "isProduction", "components"])
|
|
2426
2432
|
])
|
|
2427
2433
|
], 2)) : (s(), i("div", dl, [
|
|
2428
|
-
Y(
|
|
2429
|
-
renderApiDomain: H(
|
|
2434
|
+
Y(me, {
|
|
2435
|
+
renderApiDomain: H(p),
|
|
2430
2436
|
isComponentMode: R.value,
|
|
2431
2437
|
fullwidthMode: u.value,
|
|
2432
2438
|
columnToInsert: l.value,
|
|
2433
|
-
addComponentToColumn:
|
|
2439
|
+
addComponentToColumn: de,
|
|
2434
2440
|
toggleComponentModeFunction: F,
|
|
2435
2441
|
isProduction: H(x),
|
|
2436
2442
|
components: A.value,
|
|
2437
|
-
excludedCategories:
|
|
2443
|
+
excludedCategories: g
|
|
2438
2444
|
}, null, 8, ["renderApiDomain", "isComponentMode", "fullwidthMode", "columnToInsert", "isProduction", "components"])
|
|
2439
2445
|
])),
|
|
2440
2446
|
t("div", {
|
|
@@ -2446,20 +2452,20 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
2446
2452
|
Y(Qn, {
|
|
2447
2453
|
globalPageConfiguration: r,
|
|
2448
2454
|
isComponentMode: R.value,
|
|
2449
|
-
removeComponent:
|
|
2450
|
-
cloneComponent:
|
|
2451
|
-
addComponentFunction:
|
|
2455
|
+
removeComponent: he,
|
|
2456
|
+
cloneComponent: we,
|
|
2457
|
+
addComponentFunction: ye,
|
|
2452
2458
|
fullwidthMode: u.value,
|
|
2453
2459
|
addCol: ee,
|
|
2454
2460
|
addRow: J,
|
|
2455
2461
|
removeRow: q,
|
|
2456
|
-
removeCol:
|
|
2457
|
-
moveCol:
|
|
2462
|
+
removeCol: ve,
|
|
2463
|
+
moveCol: xe,
|
|
2458
2464
|
updateRowConfig: P,
|
|
2459
2465
|
updateColConfig: T,
|
|
2460
2466
|
moveRow: X,
|
|
2461
2467
|
sectionSelected: a.value,
|
|
2462
|
-
renderApiDomain: H(
|
|
2468
|
+
renderApiDomain: H(p),
|
|
2463
2469
|
isProduction: H(x)
|
|
2464
2470
|
}, null, 8, ["globalPageConfiguration", "isComponentMode", "fullwidthMode", "sectionSelected", "renderApiDomain", "isProduction"])
|
|
2465
2471
|
], 2)
|
|
@@ -2470,13 +2476,13 @@ const vt = /* @__PURE__ */ Ae(Me, [["render", pt]]), xt = {
|
|
|
2470
2476
|
export {
|
|
2471
2477
|
Qn as BodySection,
|
|
2472
2478
|
wn as ColConfig,
|
|
2473
|
-
|
|
2479
|
+
me as ComponentsBox,
|
|
2474
2480
|
ko as FeedComponent,
|
|
2475
|
-
|
|
2481
|
+
ce as FieldsForm,
|
|
2476
2482
|
vt as GlobalConfig,
|
|
2477
|
-
|
|
2478
|
-
|
|
2483
|
+
pe as InitialComponent,
|
|
2484
|
+
fl as Pagebuilder,
|
|
2479
2485
|
Wn as RowConfig,
|
|
2480
2486
|
zt as SourceFilter,
|
|
2481
|
-
|
|
2487
|
+
fl as default
|
|
2482
2488
|
};
|