@bagelink/vue 0.0.1141 → 0.0.1143

package/dist/index.mjs

@@ -61,7 +61,7 @@ const _sfc_main$18 = /* @__PURE__ */ 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__ */ defineComponent({
   __name: "AccordionItem",
   props: {
@@ -146,7 +146,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
               "aria-hidden": unref(isOpen) ? "false" : "true"
             }, [
               renderSlot(_ctx.$slots, "default", {}, void 0, true)
-            ], 8, _hoisted_3$t)) : createCommentVNode("", true)
+            ], 8, _hoisted_3$u)) : createCommentVNode("", true)
           ]),
           _: 3
         })
@@ -576,7 +576,7 @@ const _sfc_main$11 = /* @__PURE__ */ 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__ */ defineComponent({
   __name: "BglVideo",
   props: {
@@ -668,7 +668,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
           createElementVNode("source", {
             src: _ctx.src,
             type: `video/${videoFormat.value}`
-          }, null, 8, _hoisted_3$s)
+          }, null, 8, _hoisted_3$t)
         ], 12, _hoisted_2$B)) : createCommentVNode("", true)
       ], 2);
     };
@@ -723,7 +723,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;
@@ -1152,7 +1152,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
               key: i2,
               class: normalizeClass(["dot", { current: unref(activeSlideIndex) === i2 - 1 }]),
               onClick: ($event) => goToSlide(i2 - 1)
-            }, null, 10, _hoisted_3$r);
+            }, null, 10, _hoisted_3$s);
           }), 128))
         ])) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_4$j, [
@@ -7007,7 +7007,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 = {
@@ -7025,7 +7025,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
       viewBox: `0 0 ${_ctx.size.width} ${_ctx.size.height}`,
       ref: "el"
     }, [
-      createElementVNode("g", _hoisted_3$q, [
+      createElementVNode("g", _hoisted_3$r, [
         (openBlock(true), createElementBlock(
           Fragment,
           null,
@@ -7283,7 +7283,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 = {
@@ -7342,7 +7342,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
             key: field.id
           }, [
             unref(iffer)(field, itemData.value) ? (openBlock(), createElementBlock("div", _hoisted_2$y, [
-              createElementVNode("div", _hoisted_3$p, [
+              createElementVNode("div", _hoisted_3$q, [
                 createElementVNode("p", _hoisted_4$h, toDisplayString((field == null ? void 0 : field.label) || unref(keyToLabel)(field.id)), 1)
               ]),
               createVNode(unref(_sfc_main$R), {
@@ -8078,7 +8078,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" };
@@ -8198,7 +8198,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
           createElementVNode("div", { class: "loading-table-animation absolute oval" }, null, -1)
         ]))) : (openBlock(), createElementBlock("div", normalizeProps(mergeProps({ key: 1 }, unref(wrapperProps))), [
           createElementVNode("table", _hoisted_2$x, [
-            createElementVNode("thead", _hoisted_3$o, [
+            createElementVNode("thead", _hoisted_3$p, [
               unref(isSelectable) ? (openBlock(), createElementBlock("th", _hoisted_4$g, [
                 createElementVNode("input", {
                   ref_key: "allSelectorEl",
@@ -11068,8 +11068,9 @@ const _sfc_main$T = /* @__PURE__ */ 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 h$2(Component, props22, slots);
     }
     function shouldRenderField(field) {
@@ -11088,9 +11089,9 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
         ref: form,
         onSubmit: withModifiers(handleSubmit, ["prevent"])
       }, [
-        resolvedSchema.value ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(resolvedSchema.value, (field, index2) => {
+        resolvedSchema.value ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(resolvedSchema.value, (field) => {
           return openBlock(), createBlock(resolveDynamicComponent(renderSchemaField(field)), {
-            key: field.id || index2
+            key: field.id
           });
         }), 128)) : renderSlot(_ctx.$slots, "default", { key: 1 }),
         renderSlot(_ctx.$slots, "submit", {
@@ -11653,7 +11654,7 @@ const _sfc_main$O = /* @__PURE__ */ 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__ */ defineComponent({
   __name: "CheckInput",
   props: /* @__PURE__ */ mergeModels({
@@ -11695,7 +11696,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "label", {}, () => [
             createTextVNode(toDisplayString(_ctx.label), 1)
           ], true)
-        ], 8, _hoisted_3$n)
+        ], 8, _hoisted_3$o)
       ], 10, _hoisted_1$F);
     };
   }
@@ -11706,7 +11707,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"
 };
@@ -11797,7 +11798,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$E, [
         _ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$t, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
-        unref(loaded) ? (openBlock(), createElementBlock("div", _hoisted_3$m, [
+        unref(loaded) ? (openBlock(), createElementBlock("div", _hoisted_3$n, [
           createElementVNode("div", {
             class: "relative block h-100",
             style: normalizeStyle({ height: `calc(${unref(elHeight)} - 2rem)` })
@@ -20500,7 +20501,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$B = ["title"];
 const _hoisted_2$q = { key: 0 };
-const _hoisted_3$l = {
+const _hoisted_3$m = {
   key: 0,
   class: "required"
 };
@@ -20707,7 +20708,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
       }, [
         _ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$q, [
           createTextVNode(toDisplayString(_ctx.label) + " ", 1),
-          _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_3$l, "*")) : createCommentVNode("", true)
+          _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_3$m, "*")) : createCommentVNode("", true)
         ])) : createCommentVNode("", true),
         createVNode(unref(kt$1), {
           shown: unref(isOpen),
@@ -20876,7 +20877,7 @@ const _sfc_main$J = /* @__PURE__ */ 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"
 };
@@ -20929,7 +20930,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
             _: 1
           }, 16, ["modelValue", "allowed-dates", "disabled-dates"])
         ]),
-        _ctx.showTimeWrap ? (openBlock(), createElementBlock("div", _hoisted_3$k, [
+        _ctx.showTimeWrap ? (openBlock(), createElementBlock("div", _hoisted_3$l, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(hours), (hr2) => {
             return openBlock(), createElementBlock(Fragment, { key: hr2 }, [
               withDirectives(createElementVNode("input", {
@@ -20959,7 +20960,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,
@@ -21189,7 +21190,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
                 key: file.id,
                 class: "txt-gray txt-12 flex"
               }, [
-                createElementVNode("div", _hoisted_3$j, [
+                createElementVNode("div", _hoisted_3$k, [
                   withDirectives(createVNode(unref(Btn), {
                     color: "gray",
                     thin: "",
@@ -21383,12 +21384,14 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
                       icon: "check"
                     })
                   ], 6),
-                  isImage(fileQ.file.type) ? (openBlock(), createBlock(unref(Image$1), {
+                  isImage(fileQ.file.type) ? withDirectives((openBlock(), createBlock(unref(Image$1), {
                     key: 0,
                     class: "single-preview",
                     src: fileToUrl(fileQ.file),
                     alt: ""
-                  }, null, 8, ["src"])) : createCommentVNode("", true)
+                  }, null, 8, ["src"])), [
+                    [_directive_lightbox, { src: fileToUrl(fileQ.file), download: true }]
+                  ]) : createCommentVNode("", true)
                 ], 2);
               }), 128))
             ])) : createCommentVNode("", true)
@@ -21409,10 +21412,10 @@ const _sfc_main$H = /* @__PURE__ */ 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__ */ defineComponent({
   __name: "JSONInput",
   props: {
@@ -21444,7 +21447,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
           class: normalizeClass({ "no-edit": !_ctx.editMode }),
           placeholder: _ctx.placeholder,
           onInput: handleInput
-        }, null, 42, _hoisted_3$i)
+        }, null, 42, _hoisted_3$j)
       ], 10, _hoisted_1$y);
     };
   }
@@ -21452,7 +21455,7 @@ const _sfc_main$G = /* @__PURE__ */ 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"
@@ -21574,7 +21577,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
                 { number: true }
               ]
             ]),
-            _ctx.helptext ? (openBlock(), createElementBlock("p", _hoisted_3$h, toDisplayString(_ctx.helptext), 1)) : createCommentVNode("", true),
+            _ctx.helptext ? (openBlock(), createElementBlock("p", _hoisted_3$i, toDisplayString(_ctx.helptext), 1)) : createCommentVNode("", true),
             _ctx.iconStart ? (openBlock(), createBlock(unref(_sfc_main$p), {
               key: 2,
               class: "iconStart",
@@ -21791,7 +21794,7 @@ const _sfc_main$D = /* @__PURE__ */ 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 = {
@@ -21835,7 +21838,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
             }, null, 8, _hoisted_2$k), [
               [vModelRadio, selectedOption.value]
             ]),
-            createElementVNode("div", _hoisted_3$g, [
+            createElementVNode("div", _hoisted_3$h, [
               opt.imgSrc ? (openBlock(), createElementBlock("img", {
                 key: 0,
                 class: "bg-popup shadow-light py-025 radius-05 m_w40",
@@ -21866,7 +21869,7 @@ const _sfc_main$C = /* @__PURE__ */ 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__ */ defineComponent({
@@ -21912,7 +21915,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$t, [
         createElementVNode("label", _hoisted_2$j, toDisplayString(_ctx.label), 1),
-        createElementVNode("div", _hoisted_3$f, [
+        createElementVNode("div", _hoisted_3$g, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (option2, index2) => {
             return openBlock(), createElementBlock("div", {
               key: index2,
@@ -21942,7 +21945,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" };
@@ -22016,7 +22019,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
         dir: unref(rtl) ? "rtl" : "ltr"
       }, [
         unref(label) ? (openBlock(), createElementBlock("label", _hoisted_2$i, toDisplayString(unref(label)), 1)) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_3$e, [
+        createElementVNode("div", _hoisted_3$f, [
           createElementVNode("input", {
             id: unref(id),
             value: validFrom.value,
@@ -22203,7 +22206,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__ */ defineComponent({
@@ -22253,7 +22256,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
             }), 128))
           ], 32);
         }), 128)),
-        createElementVNode("p", _hoisted_3$d, toDisplayString(hoveredRow.value) + "x" + toDisplayString(hoveredCol.value), 1)
+        createElementVNode("p", _hoisted_3$e, toDisplayString(hoveredRow.value) + "x" + toDisplayString(hoveredCol.value), 1)
       ]);
     };
   }
@@ -23241,8 +23244,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"
 };
@@ -23251,7 +23255,8 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: {},
     toolbarConfig: {},
-    debug: { type: Boolean }
+    debug: { type: Boolean },
+    label: {}
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -23322,82 +23327,85 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       var _a2, _b;
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["rich-text-editor rounded pt-05 px-05 pb-075 mb-05", { "fullscreen-mode": unref(editor).state.isFullscreen }])
-      }, [
-        unref(editor).state.hasInit ? (openBlock(), createBlock(EditorToolbar, {
-          key: 0,
-          config: _ctx.toolbarConfig,
-          selectedStyles: unref(editor).state.selectedStyles,
-          onAction: unref(commands).execute
-        }, null, 8, ["config", "selectedStyles", "onAction"])) : createCommentVNode("", true),
+      return openBlock(), createElementBlock("div", _hoisted_1$p, [
+        createElementVNode("label", null, toDisplayString(_ctx.label), 1),
         createElementVNode("div", {
-          class: normalizeClass(["editor-container", { "split-view": unref(editor).state.isSplitView }])
+          class: normalizeClass(["rich-text-editor rounded pt-05 px-05 pb-075 mb-05", { "fullscreen-mode": unref(editor).state.isFullscreen }])
         }, [
-          createElementVNode("div", _hoisted_1$p, [
-            createElementVNode("iframe", {
-              id: "rich-text-iframe",
-              ref_key: "iframe",
-              ref: iframe,
-              class: "editableContent",
-              title: "Editor",
-              onLoad: initEditor
-            }, null, 544)
-          ]),
-          unref(editor).state.isSplitView ? (openBlock(), createBlock(unref(CodeEditor), {
+          unref(editor).state.hasInit ? (openBlock(), createBlock(EditorToolbar, {
             key: 0,
-            modelValue: unref(editor).state.content,
-            "onUpdate:modelValue": [
-              _cache[0] || (_cache[0] = ($event) => unref(editor).state.content = $event),
-              _cache[1] || (_cache[1] = ($event) => unref(editor).updateContent("html"))
-            ],
-            language: "html"
-          }, null, 8, ["modelValue"])) : createCommentVNode("", true)
-        ], 2),
-        _ctx.debug ? (openBlock(), createElementBlock("div", _hoisted_2$g, [
-          _cache[6] || (_cache[6] = createElementVNode("p", { class: "text12 txt-gray mb-0 p-0" }, " Debug ", -1)),
-          createVNode(unref(Btn), {
-            thin: "",
-            color: "gray",
-            icon: "delete",
-            onClick: (_a2 = debugMethods.value) == null ? void 0 : _a2.clearSession
-          }, {
-            default: withCtx(() => _cache[3] || (_cache[3] = [
-              createTextVNode(" Clear Session ")
-            ])),
-            _: 1
-          }, 8, ["onClick"]),
-          createVNode(unref(Btn), {
-            thin: "",
-            color: "gray",
-            icon: "download",
-            onClick: (_b = debugMethods.value) == null ? void 0 : _b.downloadSession
-          }, {
-            default: withCtx(() => _cache[4] || (_cache[4] = [
-              createTextVNode(" Download Log ")
-            ])),
-            _: 1
-          }, 8, ["onClick"]),
-          createVNode(unref(Btn), {
-            thin: "",
-            color: "gray",
-            icon: "content_copy",
-            onClick: _cache[2] || (_cache[2] = ($event) => {
-              var _a3;
-              return unref(copyText)(((_a3 = debugMethods.value) == null ? void 0 : _a3.exportDebugWithPrompt()) || "");
+            config: _ctx.toolbarConfig,
+            selectedStyles: unref(editor).state.selectedStyles,
+            onAction: unref(commands).execute
+          }, null, 8, ["config", "selectedStyles", "onAction"])) : createCommentVNode("", true),
+          createElementVNode("div", {
+            class: normalizeClass(["editor-container", { "split-view": unref(editor).state.isSplitView }])
+          }, [
+            createElementVNode("div", _hoisted_2$g, [
+              createElementVNode("iframe", {
+                id: "rich-text-iframe",
+                ref_key: "iframe",
+                ref: iframe,
+                class: "editableContent",
+                title: "Editor",
+                onLoad: initEditor
+              }, null, 544)
+            ]),
+            unref(editor).state.isSplitView ? (openBlock(), createBlock(unref(CodeEditor), {
+              key: 0,
+              modelValue: unref(editor).state.content,
+              "onUpdate:modelValue": [
+                _cache[0] || (_cache[0] = ($event) => unref(editor).state.content = $event),
+                _cache[1] || (_cache[1] = ($event) => unref(editor).updateContent("html"))
+              ],
+              language: "html"
+            }, null, 8, ["modelValue"])) : createCommentVNode("", true)
+          ], 2),
+          _ctx.debug ? (openBlock(), createElementBlock("div", _hoisted_3$d, [
+            _cache[6] || (_cache[6] = createElementVNode("p", { class: "text12 txt-gray mb-0 p-0" }, " Debug ", -1)),
+            createVNode(unref(Btn), {
+              thin: "",
+              color: "gray",
+              icon: "delete",
+              onClick: (_a2 = debugMethods.value) == null ? void 0 : _a2.clearSession
+            }, {
+              default: withCtx(() => _cache[3] || (_cache[3] = [
+                createTextVNode(" Clear Session ")
+              ])),
+              _: 1
+            }, 8, ["onClick"]),
+            createVNode(unref(Btn), {
+              thin: "",
+              color: "gray",
+              icon: "download",
+              onClick: (_b = debugMethods.value) == null ? void 0 : _b.downloadSession
+            }, {
+              default: withCtx(() => _cache[4] || (_cache[4] = [
+                createTextVNode(" Download Log ")
+              ])),
+              _: 1
+            }, 8, ["onClick"]),
+            createVNode(unref(Btn), {
+              thin: "",
+              color: "gray",
+              icon: "content_copy",
+              onClick: _cache[2] || (_cache[2] = ($event) => {
+                var _a3;
+                return unref(copyText)(((_a3 = debugMethods.value) == null ? void 0 : _a3.exportDebugWithPrompt()) || "");
+              })
+            }, {
+              default: withCtx(() => _cache[5] || (_cache[5] = [
+                createTextVNode(" Copy Log ")
+              ])),
+              _: 1
             })
-          }, {
-            default: withCtx(() => _cache[5] || (_cache[5] = [
-              createTextVNode(" Copy Log ")
-            ])),
-            _: 1
-          })
-        ])) : createCommentVNode("", true)
-      ], 2);
+          ])) : 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 };
@@ -23424,14 +23432,13 @@ const _sfc_main$w = /* @__PURE__ */ 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 = computed(() => props2.searchPlaceholder);
     const searchInput = ref();
     let selectedItems = ref([]);
     const selectedItemCount = computed(() => selectedItems.value.length ?? 0);
@@ -23447,6 +23454,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
       }
       return selectedItems.value.map((item) => getLabel(item)).join(", ");
     });
+    const searchPlaceholder = computed(() => props2.searchPlaceholder ?? selectedLabel.value ?? "Search");
     let serverOptions = ref([]);
     let isSearching = ref(false);
     async function runServerSearch() {
@@ -23714,7 +23722,7 @@ const _sfc_main$w = /* @__PURE__ */ 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
@@ -32455,11 +32463,13 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
                     ])
                   ]),
                   isImage(path_key) ? (openBlock(), createElementBlock("div", _hoisted_13$1, [
-                    createVNode(unref(Image$1), {
+                    withDirectives(createVNode(unref(Image$1), {
                       class: "single-preview",
                       pathKey: path_key,
                       alt: ""
-                    }, null, 8, ["pathKey"])
+                    }, null, 8, ["pathKey"]), [
+                      [_directive_lightbox, { src: pathToUrl(path_key), download: true }]
+                    ])
                   ])) : withDirectives((openBlock(), createBlock(unref(_sfc_main$p), {
                     key: 1,
                     size: 4,
@@ -32486,12 +32496,14 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
                       icon: "check_circle"
                     })
                   ], 6),
-                  isImage(file.file.type) ? (openBlock(), createBlock(unref(Image$1), {
+                  isImage(file.file.type) ? withDirectives((openBlock(), createBlock(unref(Image$1), {
                     key: 0,
                     class: "single-preview",
                     src: fileToUrl(file.file),
                     alt: ""
-                  }, null, 8, ["src"])) : createCommentVNode("", true)
+                  }, null, 8, ["src"])), [
+                    [_directive_lightbox, { src: fileToUrl(file.file), download: true }]
+                  ]) : createCommentVNode("", true)
                 ], 2);
               }), 128))
             ])) : createCommentVNode("", true)
@@ -32512,7 +32524,7 @@ const _sfc_main$q = /* @__PURE__ */ 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",