@bagelink/vue 0.0.1141 → 0.0.1143

package/dist/index.cjs

@@ -63,7 +63,7 @@ const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$W = ["aria-expanded", "aria-controls"];
 const _hoisted_2$D = { class: "accordion-label" };
-const _hoisted_3$t = ["id", "aria-hidden"];
+const _hoisted_3$u = ["id", "aria-hidden"];
 const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
   __name: "AccordionItem",
   props: {
@@ -148,7 +148,7 @@ const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
               "aria-hidden": vue.unref(isOpen) ? "false" : "true"
             }, [
               vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
-            ], 8, _hoisted_3$t)) : vue.createCommentVNode("", true)
+            ], 8, _hoisted_3$u)) : vue.createCommentVNode("", true)
           ]),
           _: 3
         })
@@ -578,7 +578,7 @@ const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$Q = ["src"];
 const _hoisted_2$B = ["autoplay", "muted", "loop", "controls", "playsinline"];
-const _hoisted_3$s = ["src", "type"];
+const _hoisted_3$t = ["src", "type"];
 const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
   __name: "BglVideo",
   props: {
@@ -670,7 +670,7 @@ const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("source", {
             src: _ctx.src,
             type: `video/${videoFormat.value}`
-          }, null, 8, _hoisted_3$s)
+          }, null, 8, _hoisted_3$t)
         ], 12, _hoisted_2$B)) : vue.createCommentVNode("", true)
       ], 2);
     };
@@ -725,7 +725,7 @@ const _hoisted_2$A = {
   key: 0,
   class: "dots"
 };
-const _hoisted_3$r = ["onClick"];
+const _hoisted_3$s = ["onClick"];
 const _hoisted_4$j = { class: "Handlers" };
 const GAP_PERCENT = 1;
 const VELOCITY_SAMPLE_DURATION = 100;
@@ -1154,7 +1154,7 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
               key: i2,
               class: vue.normalizeClass(["dot", { current: vue.unref(activeSlideIndex) === i2 - 1 }]),
               onClick: ($event) => goToSlide(i2 - 1)
-            }, null, 10, _hoisted_3$r);
+            }, null, 10, _hoisted_3$s);
           }), 128))
         ])) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", _hoisted_4$j, [
@@ -7009,7 +7009,7 @@ const _hoisted_1$1$1 = {
   style: { display: "flex", position: "relative" }
 };
 const _hoisted_2$1$1 = ["width", "height", "viewBox"];
-const _hoisted_3$q = { class: "layer-rectangles" };
+const _hoisted_3$r = { class: "layer-rectangles" };
 const _hoisted_4$i = ["transform", "onMouseover"];
 const _hoisted_5$h = ["width", "height"];
 const _hoisted_6$e = {
@@ -7027,7 +7027,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
       viewBox: `0 0 ${_ctx.size.width} ${_ctx.size.height}`,
       ref: "el"
     }, [
-      vue.createElementVNode("g", _hoisted_3$q, [
+      vue.createElementVNode("g", _hoisted_3$r, [
         (vue.openBlock(true), vue.createElementBlock(
           vue.Fragment,
           null,
@@ -7285,7 +7285,7 @@ const _hoisted_2$y = {
   key: 0,
   class: "data-row m_py-05"
 };
-const _hoisted_3$p = { class: "key" };
+const _hoisted_3$q = { class: "key" };
 const _hoisted_4$h = { class: "m-0" };
 const _hoisted_5$g = { key: 1 };
 const _hoisted_6$d = {
@@ -7344,7 +7344,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
             key: field.id
           }, [
             vue.unref(iffer)(field, itemData.value) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$y, [
-              vue.createElementVNode("div", _hoisted_3$p, [
+              vue.createElementVNode("div", _hoisted_3$q, [
                 vue.createElementVNode("p", _hoisted_4$h, vue.toDisplayString((field == null ? void 0 : field.label) || vue.unref(keyToLabel)(field.id)), 1)
               ]),
               vue.createVNode(vue.unref(_sfc_main$R), {
@@ -8080,7 +8080,7 @@ const _hoisted_1$L = {
   class: "loading-table-wrapper z-99 h-100 w-100 absolute inset"
 };
 const _hoisted_2$x = { class: "infinite-wrapper" };
-const _hoisted_3$o = { class: "row first-row" };
+const _hoisted_3$p = { class: "row first-row" };
 const _hoisted_4$g = { key: 0 };
 const _hoisted_5$f = ["onClick"];
 const _hoisted_6$c = { class: "flex" };
@@ -8200,7 +8200,7 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("div", { class: "loading-table-animation absolute oval" }, null, -1)
         ]))) : (vue.openBlock(), vue.createElementBlock("div", vue.normalizeProps(vue.mergeProps({ key: 1 }, vue.unref(wrapperProps))), [
           vue.createElementVNode("table", _hoisted_2$x, [
-            vue.createElementVNode("thead", _hoisted_3$o, [
+            vue.createElementVNode("thead", _hoisted_3$p, [
               vue.unref(isSelectable) ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_4$g, [
                 vue.createElementVNode("input", {
                   ref_key: "allSelectorEl",
@@ -11070,8 +11070,9 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
         props22.class = typeof field.class === "function" ? field.class(formData.value[field.id], formData.value) : field.class;
       }
       const slots = ((_a2 = field.children) == null ? void 0 : _a2.length) ? {
-        default: () => field.children.map((child) => typeof child === "string" ? child : renderSchemaField(child)).filter(Boolean)
-      } : void 0;
+        default: () => field.children.map((child) => typeof child === "string" ? child : renderSchemaField(child)).filter(Boolean),
+        ...field.slots
+      } : field.slots;
       return vue.h(Component, props22, slots);
     }
     function shouldRenderField(field) {
@@ -11090,9 +11091,9 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
         ref: form,
         onSubmit: vue.withModifiers(handleSubmit, ["prevent"])
       }, [
-        resolvedSchema.value ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(resolvedSchema.value, (field, index2) => {
+        resolvedSchema.value ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(resolvedSchema.value, (field) => {
           return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderSchemaField(field)), {
-            key: field.id || index2
+            key: field.id
           });
         }), 128)) : vue.renderSlot(_ctx.$slots, "default", { key: 1 }),
         vue.renderSlot(_ctx.$slots, "submit", {
@@ -11655,7 +11656,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
 const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-73f1d9ad"]]);
 const _hoisted_1$F = ["title"];
 const _hoisted_2$u = ["id", "value", "required"];
-const _hoisted_3$n = ["for"];
+const _hoisted_3$o = ["for"];
 const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInput",
   props: /* @__PURE__ */ vue.mergeModels({
@@ -11697,7 +11698,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
           vue.renderSlot(_ctx.$slots, "label", {}, () => [
             vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
           ], true)
-        ], 8, _hoisted_3$n)
+        ], 8, _hoisted_3$o)
       ], 10, _hoisted_1$F);
     };
   }
@@ -11708,7 +11709,7 @@ const _hoisted_2$t = {
   key: 0,
   class: "label txt-start"
 };
-const _hoisted_3$m = {
+const _hoisted_3$n = {
   key: 1,
   class: "code-editor-wrap grid rounded p-1 overflow hm-300px ltr txt-start relative h-100p"
 };
@@ -11799,7 +11800,7 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$E, [
         _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$t, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
-        vue.unref(loaded) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$m, [
+        vue.unref(loaded) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$n, [
           vue.createElementVNode("div", {
             class: "relative block h-100",
             style: vue.normalizeStyle({ height: `calc(${vue.unref(elHeight)} - 2rem)` })
@@ -20502,7 +20503,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$B = ["title"];
 const _hoisted_2$q = { key: 0 };
-const _hoisted_3$l = {
+const _hoisted_3$m = {
   key: 0,
   class: "required"
 };
@@ -20709,7 +20710,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
       }, [
         _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$q, [
           vue.createTextVNode(vue.toDisplayString(_ctx.label) + " ", 1),
-          _ctx.required ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$l, "*")) : vue.createCommentVNode("", true)
+          _ctx.required ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$m, "*")) : vue.createCommentVNode("", true)
         ])) : vue.createCommentVNode("", true),
         vue.createVNode(vue.unref(kt$1), {
           shown: vue.unref(isOpen),
@@ -20878,7 +20879,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
 const DatePick = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-8de3f3c6"]]);
 const _hoisted_1$A = { class: "datetime-wrap" };
 const _hoisted_2$p = { class: "date-wrap" };
-const _hoisted_3$k = {
+const _hoisted_3$l = {
   key: 0,
   class: "time-wrap"
 };
@@ -20931,7 +20932,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
             _: 1
           }, 16, ["modelValue", "allowed-dates", "disabled-dates"])
         ]),
-        _ctx.showTimeWrap ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$k, [
+        _ctx.showTimeWrap ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$l, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(hours), (hr2) => {
             return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: hr2 }, [
               vue.withDirectives(vue.createElementVNode("input", {
@@ -20961,7 +20962,7 @@ const _hoisted_2$o = {
   required: "",
   class: "pixel"
 };
-const _hoisted_3$j = { class: "m-05 flex opacity-7 z-99" };
+const _hoisted_3$k = { class: "m-05 flex opacity-7 z-99" };
 const _hoisted_4$c = { class: "ellipsis-1 word-break-all h-20 m-0" };
 const _hoisted_5$b = {
   key: 1,
@@ -21191,7 +21192,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
                 key: file.id,
                 class: "txt-gray txt-12 flex"
               }, [
-                vue.createElementVNode("div", _hoisted_3$j, [
+                vue.createElementVNode("div", _hoisted_3$k, [
                   vue.withDirectives(vue.createVNode(vue.unref(Btn), {
                     color: "gray",
                     thin: "",
@@ -21385,12 +21386,14 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
                       icon: "check"
                     })
                   ], 6),
-                  isImage(fileQ.file.type) ? (vue.openBlock(), vue.createBlock(vue.unref(Image$1), {
+                  isImage(fileQ.file.type) ? vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(Image$1), {
                     key: 0,
                     class: "single-preview",
                     src: fileToUrl(fileQ.file),
                     alt: ""
-                  }, null, 8, ["src"])) : vue.createCommentVNode("", true)
+                  }, null, 8, ["src"])), [
+                    [_directive_lightbox, { src: fileToUrl(fileQ.file), download: true }]
+                  ]) : vue.createCommentVNode("", true)
                 ], 2);
               }), 128))
             ])) : vue.createCommentVNode("", true)
@@ -21411,10 +21414,10 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const FileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-a9ae1c29"]]);
+const FileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-d4fb78ee"]]);
 const _hoisted_1$y = ["title"];
 const _hoisted_2$n = { key: 0 };
-const _hoisted_3$i = ["value", "placeholder"];
+const _hoisted_3$j = ["value", "placeholder"];
 const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   __name: "JSONInput",
   props: {
@@ -21446,7 +21449,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
           class: vue.normalizeClass({ "no-edit": !_ctx.editMode }),
           placeholder: _ctx.placeholder,
           onInput: handleInput
-        }, null, 42, _hoisted_3$i)
+        }, null, 42, _hoisted_3$j)
       ], 10, _hoisted_1$y);
     };
   }
@@ -21454,7 +21457,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
 const JSONInput = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-1cbaeab2"]]);
 const _hoisted_1$x = ["for"];
 const _hoisted_2$m = ["id", "placeholder", "disabled", "required", "readonly", "onKeydown"];
-const _hoisted_3$h = { key: 1 };
+const _hoisted_3$i = { key: 1 };
 const _hoisted_4$b = {
   key: 5,
   class: "flex column spinner"
@@ -21576,7 +21579,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
                 { number: true }
               ]
             ]),
-            _ctx.helptext ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$h, vue.toDisplayString(_ctx.helptext), 1)) : vue.createCommentVNode("", true),
+            _ctx.helptext ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$i, vue.toDisplayString(_ctx.helptext), 1)) : vue.createCommentVNode("", true),
             _ctx.iconStart ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$p), {
               key: 2,
               class: "iconStart",
@@ -21793,7 +21796,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$u = ["for"];
 const _hoisted_2$k = ["id", "name", "value", "required"];
-const _hoisted_3$g = { class: "flex w-100 gap-1 flex-wrap m_gap-05 m_gap-row-025" };
+const _hoisted_3$h = { class: "flex w-100 gap-1 flex-wrap m_gap-05 m_gap-row-025" };
 const _hoisted_4$a = ["src", "alt"];
 const _hoisted_5$a = { class: "" };
 const _hoisted_6$8 = {
@@ -21837,7 +21840,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
             }, null, 8, _hoisted_2$k), [
               [vue.vModelRadio, selectedOption.value]
             ]),
-            vue.createElementVNode("div", _hoisted_3$g, [
+            vue.createElementVNode("div", _hoisted_3$h, [
               opt.imgSrc ? (vue.openBlock(), vue.createElementBlock("img", {
                 key: 0,
                 class: "bg-popup shadow-light py-025 radius-05 m_w40",
@@ -21868,7 +21871,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
 const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-3c77be46"]]);
 const _hoisted_1$t = { class: "bagel-input" };
 const _hoisted_2$j = { class: "pb-025" };
-const _hoisted_3$f = { class: "flex gap-05 flex-wrap" };
+const _hoisted_3$g = { class: "flex gap-05 flex-wrap" };
 const _hoisted_4$9 = ["id", "name", "value", "checked"];
 const _hoisted_5$9 = ["for"];
 const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
@@ -21914,7 +21917,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$t, [
         vue.createElementVNode("label", _hoisted_2$j, vue.toDisplayString(_ctx.label), 1),
-        vue.createElementVNode("div", _hoisted_3$f, [
+        vue.createElementVNode("div", _hoisted_3$g, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (option2, index2) => {
             return vue.openBlock(), vue.createElementBlock("div", {
               key: index2,
@@ -21944,7 +21947,7 @@ const _hoisted_2$i = {
   key: 0,
   class: "label"
 };
-const _hoisted_3$e = { class: "range-slider relative w-100" };
+const _hoisted_3$f = { class: "range-slider relative w-100" };
 const _hoisted_4$8 = ["id", "value", "min", "max", "step", "required", "disabled", "aria-label"];
 const _hoisted_5$8 = ["value", "min", "max", "step", "required", "disabled"];
 const _hoisted_6$7 = { class: "track absolute pointer-events-none overflow-hidden round" };
@@ -22018,7 +22021,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
         dir: vue.unref(rtl) ? "rtl" : "ltr"
       }, [
         vue.unref(label) ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$i, vue.toDisplayString(vue.unref(label)), 1)) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_3$e, [
+        vue.createElementVNode("div", _hoisted_3$f, [
           vue.createElementVNode("input", {
             id: vue.unref(id),
             value: validFrom.value,
@@ -22205,7 +22208,7 @@ const toolbarOptions = [
 ];
 const _hoisted_1$r = { class: "grid grid-wrap p-05" };
 const _hoisted_2$h = ["onMousemove", "onClick"];
-const _hoisted_3$d = { class: "txt-center txt-12 color-gray" };
+const _hoisted_3$e = { class: "txt-center txt-12 color-gray" };
 const fb = 1;
 const base = 5;
 const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
@@ -22255,7 +22258,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
             }), 128))
           ], 32);
         }), 128)),
-        vue.createElementVNode("p", _hoisted_3$d, vue.toDisplayString(hoveredRow.value) + "x" + vue.toDisplayString(hoveredCol.value), 1)
+        vue.createElementVNode("p", _hoisted_3$e, vue.toDisplayString(hoveredRow.value) + "x" + vue.toDisplayString(hoveredCol.value), 1)
       ]);
     };
   }
@@ -23243,8 +23246,9 @@ function useEditorKeyboard(doc, handleToolbarAction) {
     }
   });
 }
-const _hoisted_1$p = { class: "content-area radius-05" };
-const _hoisted_2$g = {
+const _hoisted_1$p = { class: "bagel-input" };
+const _hoisted_2$g = { class: "content-area radius-05" };
+const _hoisted_3$d = {
   key: 1,
   class: "flex"
 };
@@ -23253,7 +23257,8 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   props: {
     modelValue: {},
     toolbarConfig: {},
-    debug: { type: Boolean }
+    debug: { type: Boolean },
+    label: {}
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -23324,82 +23329,85 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       var _a2, _b;
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["rich-text-editor rounded pt-05 px-05 pb-075 mb-05", { "fullscreen-mode": vue.unref(editor).state.isFullscreen }])
-      }, [
-        vue.unref(editor).state.hasInit ? (vue.openBlock(), vue.createBlock(EditorToolbar, {
-          key: 0,
-          config: _ctx.toolbarConfig,
-          selectedStyles: vue.unref(editor).state.selectedStyles,
-          onAction: vue.unref(commands).execute
-        }, null, 8, ["config", "selectedStyles", "onAction"])) : vue.createCommentVNode("", true),
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$p, [
+        vue.createElementVNode("label", null, vue.toDisplayString(_ctx.label), 1),
         vue.createElementVNode("div", {
-          class: vue.normalizeClass(["editor-container", { "split-view": vue.unref(editor).state.isSplitView }])
+          class: vue.normalizeClass(["rich-text-editor rounded pt-05 px-05 pb-075 mb-05", { "fullscreen-mode": vue.unref(editor).state.isFullscreen }])
         }, [
-          vue.createElementVNode("div", _hoisted_1$p, [
-            vue.createElementVNode("iframe", {
-              id: "rich-text-iframe",
-              ref_key: "iframe",
-              ref: iframe,
-              class: "editableContent",
-              title: "Editor",
-              onLoad: initEditor
-            }, null, 544)
-          ]),
-          vue.unref(editor).state.isSplitView ? (vue.openBlock(), vue.createBlock(vue.unref(CodeEditor), {
+          vue.unref(editor).state.hasInit ? (vue.openBlock(), vue.createBlock(EditorToolbar, {
             key: 0,
-            modelValue: vue.unref(editor).state.content,
-            "onUpdate:modelValue": [
-              _cache[0] || (_cache[0] = ($event) => vue.unref(editor).state.content = $event),
-              _cache[1] || (_cache[1] = ($event) => vue.unref(editor).updateContent("html"))
-            ],
-            language: "html"
-          }, null, 8, ["modelValue"])) : vue.createCommentVNode("", true)
-        ], 2),
-        _ctx.debug ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$g, [
-          _cache[6] || (_cache[6] = vue.createElementVNode("p", { class: "text12 txt-gray mb-0 p-0" }, " Debug ", -1)),
-          vue.createVNode(vue.unref(Btn), {
-            thin: "",
-            color: "gray",
-            icon: "delete",
-            onClick: (_a2 = debugMethods.value) == null ? void 0 : _a2.clearSession
-          }, {
-            default: vue.withCtx(() => _cache[3] || (_cache[3] = [
-              vue.createTextVNode(" Clear Session ")
-            ])),
-            _: 1
-          }, 8, ["onClick"]),
-          vue.createVNode(vue.unref(Btn), {
-            thin: "",
-            color: "gray",
-            icon: "download",
-            onClick: (_b = debugMethods.value) == null ? void 0 : _b.downloadSession
-          }, {
-            default: vue.withCtx(() => _cache[4] || (_cache[4] = [
-              vue.createTextVNode(" Download Log ")
-            ])),
-            _: 1
-          }, 8, ["onClick"]),
-          vue.createVNode(vue.unref(Btn), {
-            thin: "",
-            color: "gray",
-            icon: "content_copy",
-            onClick: _cache[2] || (_cache[2] = ($event) => {
-              var _a3;
-              return vue.unref(copyText)(((_a3 = debugMethods.value) == null ? void 0 : _a3.exportDebugWithPrompt()) || "");
+            config: _ctx.toolbarConfig,
+            selectedStyles: vue.unref(editor).state.selectedStyles,
+            onAction: vue.unref(commands).execute
+          }, null, 8, ["config", "selectedStyles", "onAction"])) : vue.createCommentVNode("", true),
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(["editor-container", { "split-view": vue.unref(editor).state.isSplitView }])
+          }, [
+            vue.createElementVNode("div", _hoisted_2$g, [
+              vue.createElementVNode("iframe", {
+                id: "rich-text-iframe",
+                ref_key: "iframe",
+                ref: iframe,
+                class: "editableContent",
+                title: "Editor",
+                onLoad: initEditor
+              }, null, 544)
+            ]),
+            vue.unref(editor).state.isSplitView ? (vue.openBlock(), vue.createBlock(vue.unref(CodeEditor), {
+              key: 0,
+              modelValue: vue.unref(editor).state.content,
+              "onUpdate:modelValue": [
+                _cache[0] || (_cache[0] = ($event) => vue.unref(editor).state.content = $event),
+                _cache[1] || (_cache[1] = ($event) => vue.unref(editor).updateContent("html"))
+              ],
+              language: "html"
+            }, null, 8, ["modelValue"])) : vue.createCommentVNode("", true)
+          ], 2),
+          _ctx.debug ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$d, [
+            _cache[6] || (_cache[6] = vue.createElementVNode("p", { class: "text12 txt-gray mb-0 p-0" }, " Debug ", -1)),
+            vue.createVNode(vue.unref(Btn), {
+              thin: "",
+              color: "gray",
+              icon: "delete",
+              onClick: (_a2 = debugMethods.value) == null ? void 0 : _a2.clearSession
+            }, {
+              default: vue.withCtx(() => _cache[3] || (_cache[3] = [
+                vue.createTextVNode(" Clear Session ")
+              ])),
+              _: 1
+            }, 8, ["onClick"]),
+            vue.createVNode(vue.unref(Btn), {
+              thin: "",
+              color: "gray",
+              icon: "download",
+              onClick: (_b = debugMethods.value) == null ? void 0 : _b.downloadSession
+            }, {
+              default: vue.withCtx(() => _cache[4] || (_cache[4] = [
+                vue.createTextVNode(" Download Log ")
+              ])),
+              _: 1
+            }, 8, ["onClick"]),
+            vue.createVNode(vue.unref(Btn), {
+              thin: "",
+              color: "gray",
+              icon: "content_copy",
+              onClick: _cache[2] || (_cache[2] = ($event) => {
+                var _a3;
+                return vue.unref(copyText)(((_a3 = debugMethods.value) == null ? void 0 : _a3.exportDebugWithPrompt()) || "");
+              })
+            }, {
+              default: vue.withCtx(() => _cache[5] || (_cache[5] = [
+                vue.createTextVNode(" Copy Log ")
+              ])),
+              _: 1
             })
-          }, {
-            default: vue.withCtx(() => _cache[5] || (_cache[5] = [
-              vue.createTextVNode(" Copy Log ")
-            ])),
-            _: 1
-          })
-        ])) : vue.createCommentVNode("", true)
-      ], 2);
+          ])) : vue.createCommentVNode("", true)
+        ], 2)
+      ]);
     };
   }
 });
-const RichText = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-ac0edf00"]]);
+const RichText = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-59d7c73f"]]);
 const _hoisted_1$o = { class: "flex gap-05" };
 const _hoisted_2$f = ["disabled"];
 const _hoisted_3$c = { key: 1 };
@@ -23426,14 +23434,13 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     hideLabel: { type: Boolean },
     defaultValue: {},
     clearable: { type: Boolean },
-    searchPlaceholder: { default: "Search" },
+    searchPlaceholder: {},
     onSearch: {}
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
     const props2 = __props;
     const emit2 = __emit;
-    const searchPlaceholder = vue.computed(() => props2.searchPlaceholder);
     const searchInput = vue.ref();
     let selectedItems = vue.ref([]);
     const selectedItemCount = vue.computed(() => selectedItems.value.length ?? 0);
@@ -23449,6 +23456,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
       }
       return selectedItems.value.map((item) => getLabel(item)).join(", ");
     });
+    const searchPlaceholder = vue.computed(() => props2.searchPlaceholder ?? selectedLabel.value ?? "Search");
     let serverOptions = vue.ref([]);
     let isSearching = vue.ref(false);
     async function runServerSearch() {
@@ -23716,7 +23724,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-e07a7d4e"]]);
+const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-70535216"]]);
 /*!
  * Signature Pad v5.0.4 | https://github.com/szimek/signature_pad
  * (c) 2024 Szymon Nowak | Released under the MIT license
@@ -32457,11 +32465,13 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
                     ])
                   ]),
                   isImage(path_key) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13$1, [
-                    vue.createVNode(vue.unref(Image$1), {
+                    vue.withDirectives(vue.createVNode(vue.unref(Image$1), {
                       class: "single-preview",
                       pathKey: path_key,
                       alt: ""
-                    }, null, 8, ["pathKey"])
+                    }, null, 8, ["pathKey"]), [
+                      [_directive_lightbox, { src: pathToUrl(path_key), download: true }]
+                    ])
                   ])) : vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$p), {
                     key: 1,
                     size: 4,
@@ -32488,12 +32498,14 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
                       icon: "check_circle"
                     })
                   ], 6),
-                  isImage(file.file.type) ? (vue.openBlock(), vue.createBlock(vue.unref(Image$1), {
+                  isImage(file.file.type) ? vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(Image$1), {
                     key: 0,
                     class: "single-preview",
                     src: fileToUrl(file.file),
                     alt: ""
-                  }, null, 8, ["src"])) : vue.createCommentVNode("", true)
+                  }, null, 8, ["src"])), [
+                    [_directive_lightbox, { src: fileToUrl(file.file), download: true }]
+                  ]) : vue.createCommentVNode("", true)
                 ], 2);
               }), 128))
             ])) : vue.createCommentVNode("", true)
@@ -32514,7 +32526,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const UploadInput = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-bd972fe8"]]);
+const UploadInput = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-0d93d910"]]);
 const FONT_AWESOME_ICONS = [
   "trash-can",
   "message",