@bagelink/vue 0.0.724 → 0.0.728

package/dist/index.mjs

@@ -1,7 +1,7 @@
 var __defProp2 = Object.defineProperty;
 var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField2 = (obj, key, value) => __defNormalProp2(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { pushScopeId, popScopeId, defineComponent, nextTick, openBlock, createBlock, createElementBlock, normalizeClass, renderSlot, normalizeProps, guardReactiveProps, withScopeId, resolveComponent, normalizeStyle, withKeys, createElementVNode, Fragment as Fragment$1, createCommentVNode, mergeProps, withCtx, createVNode, ref, createApp, h as h$2, toDisplayString, watch, unref, withModifiers, renderList, markRaw, reactive, computed, inject, resolveDynamicComponent, useCssVars, useSlots, createTextVNode, onMounted, onUnmounted, mergeModels, useModel, createSlots, Transition, getCurrentScope, onScopeDispose, getCurrentInstance, shallowRef, withDirectives, isRef, vModelCheckbox, provide, toRef, Teleport, render as render$f, onBeforeUpdate, vShow, TransitionGroup, vModelDynamic, vModelText, vModelRadio, onBeforeUnmount, watchEffect, customRef, resolveDirective } from "vue";
+import { pushScopeId, popScopeId, defineComponent, nextTick, openBlock, createBlock, createElementBlock, normalizeClass, renderSlot, normalizeProps, guardReactiveProps, withScopeId, resolveComponent, normalizeStyle, withKeys, createElementVNode, Fragment as Fragment$1, createCommentVNode, mergeProps, withCtx, createVNode, ref, createApp, h as h$2, toDisplayString, watch, Transition, unref, withModifiers, renderList, markRaw, reactive, computed, inject, resolveDynamicComponent, useCssVars, useSlots, createTextVNode, onMounted, onUnmounted, mergeModels, useModel, createSlots, getCurrentScope, onScopeDispose, getCurrentInstance, shallowRef, withDirectives, isRef, vModelCheckbox, provide, toRef, Teleport, render as render$f, onBeforeUpdate, vShow, TransitionGroup, vModelDynamic, vModelText, vModelRadio, resolveDirective, onBeforeUnmount, watchEffect, customRef } from "vue";
 const sides = ["top", "right", "bottom", "left"];
 const alignments = ["start", "end"];
 const placements$1 = /* @__PURE__ */ sides.reduce((acc, side) => acc.concat(side, side + "-" + alignments[0], side + "-" + alignments[1]), []);
@@ -5145,33 +5145,23 @@ class Bagel {
     return data2;
   }
 }
-const _withScopeId$3 = (n2) => (pushScopeId("data-v-c003c59a"), n2 = n2(), popScopeId(), n2);
-const _hoisted_1$N = { class: "lightbox-item" };
+const _hoisted_1$N = { class: "bgl-lightbox-item" };
 const _hoisted_2$C = ["src"];
-const _hoisted_3$p = {
-  key: 1,
-  controls: "",
-  autoplay: ""
-};
-const _hoisted_4$h = ["src"];
-const _hoisted_5$g = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("track", {
-  kind: "captions",
-  src: "#",
-  srclang: "en",
-  label: "English"
-}, null, -1));
-const _hoisted_6$b = ["src", "title"];
-const _hoisted_7$5 = {
+const _hoisted_3$q = ["src", "title"];
+const _hoisted_4$i = {
   key: 3,
   class: "file-info txt-white"
 };
-const _hoisted_8$3 = ["href"];
-const _hoisted_9$3 = { class: "navigation" };
-const _hoisted_10$2 = {
+const _hoisted_5$g = ["href"];
+const _hoisted_6$b = {
   key: 0,
-  class: "thumbnails"
+  class: "navigation flex space-between w-100 absolute"
+};
+const _hoisted_7$5 = {
+  key: 1,
+  class: "flex justify-content-center mt-2 overflow p-1 fixed bottom start end gap-1 m_justify-content-start"
 };
-const _hoisted_11$2 = ["src", "onClick"];
+const _hoisted_8$3 = ["src", "onClick"];
 const _sfc_main$R = /* @__PURE__ */ defineComponent({
   __name: "Lightbox",
   setup(__props, { expose: __expose }) {
@@ -5227,87 +5217,93 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     }
     __expose({ open, close: close2 });
     return (_ctx, _cache) => {
-      var _a2, _b, _c, _d, _e2, _f, _g, _h, _i, _j;
-      return unref(isOpen) ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: "lightbox-overlay",
-        onKeydown: [
-          withKeys(close2, ["esc"]),
-          withKeys(prev, ["left"]),
-          withKeys(next, ["right"])
-        ],
-        onClick: close2
-      }, [
-        createElementVNode("div", {
-          class: "lightbox",
-          onClick: _cache[0] || (_cache[0] = withModifiers(() => {
-          }, ["stop"]))
-        }, [
-          createVNode(unref(Btn), {
-            flat: "",
-            class: "close-button color-white",
-            icon: "close",
-            onClick: close2
-          }),
-          createElementVNode("div", _hoisted_1$N, [
-            ((_a2 = unref(currentItem)) == null ? void 0 : _a2.type) === "image" ? (openBlock(), createElementBlock("img", {
+      return openBlock(), createBlock(Transition, { name: "fade" }, {
+        default: withCtx(() => {
+          var _a2, _b, _c, _d, _e2, _f, _g, _h, _i, _j;
+          return [
+            unref(isOpen) ? (openBlock(), createElementBlock("div", {
               key: 0,
-              src: (_b = unref(currentItem)) == null ? void 0 : _b.src,
-              alt: "Preview"
-            }, null, 8, _hoisted_2$C)) : ((_c = unref(currentItem)) == null ? void 0 : _c.type) === "video" ? (openBlock(), createElementBlock("video", _hoisted_3$p, [
-              createElementVNode("source", {
-                src: (_d = unref(currentItem)) == null ? void 0 : _d.src,
-                type: "video/mp4"
-              }, null, 8, _hoisted_4$h),
-              _hoisted_5$g
-            ])) : ((_e2 = unref(currentItem)) == null ? void 0 : _e2.type) === "pdf" ? (openBlock(), createElementBlock("embed", {
-              key: 2,
-              src: normalizeURL((_f = unref(currentItem)) == null ? void 0 : _f.src),
-              type: "application/pdf",
-              width: "100%",
-              height: "1080",
-              title: (_g = unref(currentItem)) == null ? void 0 : _g.name
-            }, null, 8, _hoisted_6$b)) : (openBlock(), createElementBlock("div", _hoisted_7$5, [
-              createElementVNode("p", null, "File: " + toDisplayString((_h = unref(currentItem)) == null ? void 0 : _h.name), 1),
-              createElementVNode("p", null, "Type: " + toDisplayString((_i = unref(currentItem)) == null ? void 0 : _i.type), 1),
-              createElementVNode("a", {
-                href: (_j = unref(currentItem)) == null ? void 0 : _j.src,
-                target: "_blank"
-              }, "Open file", 8, _hoisted_8$3)
-            ]))
-          ]),
-          createElementVNode("div", _hoisted_9$3, [
-            createVNode(unref(Btn), {
-              class: "navigation-btn",
-              icon: "arrow_back",
-              onClick: prev
-            }),
-            createVNode(unref(Btn), {
-              class: "navigation-btn",
-              icon: "arrow_forward",
-              onClick: next
-            })
-          ]),
-          unref(group) && unref(group).length > 1 ? (openBlock(), createElementBlock("div", _hoisted_10$2, [
-            (openBlock(true), createElementBlock(Fragment$1, null, renderList(unref(group), (item, index2) => {
-              return openBlock(), createElementBlock(Fragment$1, { key: index2 }, [
-                item.type === "image" ? (openBlock(), createElementBlock("img", {
-                  key: 0,
-                  class: "thumbnail",
-                  src: item.src,
-                  alt: "",
-                  onClick: ($event) => selectItem(index2)
-                }, null, 8, _hoisted_11$2)) : (openBlock(), createBlock(unref(_sfc_main$Q), {
-                  key: 1,
-                  class: "thumbnail",
-                  icon: "description",
-                  onClick: ($event) => selectItem(index2)
-                }, null, 8, ["onClick"]))
-              ], 64);
-            }), 128))
-          ])) : createCommentVNode("", true)
-        ])
-      ], 32)) : createCommentVNode("", true);
+              class: "bgl-lightbox-overlay fixed w-100 h-100 flex justify-content-center z-999 inset mx-auto",
+              onKeydown: [
+                withKeys(close2, ["esc"]),
+                withKeys(prev, ["left"]),
+                withKeys(next, ["right"])
+              ],
+              onClick: close2
+            }, [
+              createElementVNode("div", {
+                class: "bgl-lightbox relative vw90 txt-center",
+                onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                }, ["stop"]))
+              }, [
+                createVNode(unref(Btn), {
+                  flat: "",
+                  class: "fixed top-1 end-1 color-white",
+                  icon: "close",
+                  onClick: close2
+                }),
+                createElementVNode("div", _hoisted_1$N, [
+                  ((_a2 = unref(currentItem)) == null ? void 0 : _a2.type) === "image" ? (openBlock(), createElementBlock("img", {
+                    key: 0,
+                    src: (_b = unref(currentItem)) == null ? void 0 : _b.src,
+                    alt: "Preview"
+                  }, null, 8, _hoisted_2$C)) : ((_c = unref(currentItem)) == null ? void 0 : _c.type) === "video" ? (openBlock(), createBlock(unref(BglVideo), {
+                    key: 1,
+                    src: (_d = unref(currentItem)) == null ? void 0 : _d.src,
+                    autoplay: "",
+                    controls: ""
+                  }, null, 8, ["src"])) : ((_e2 = unref(currentItem)) == null ? void 0 : _e2.type) === "pdf" ? (openBlock(), createElementBlock("embed", {
+                    key: 2,
+                    src: normalizeURL((_f = unref(currentItem)) == null ? void 0 : _f.src),
+                    type: "application/pdf",
+                    width: "100%",
+                    height: "1080",
+                    title: (_g = unref(currentItem)) == null ? void 0 : _g.name
+                  }, null, 8, _hoisted_3$q)) : (openBlock(), createElementBlock("div", _hoisted_4$i, [
+                    createElementVNode("p", null, "File: " + toDisplayString((_h = unref(currentItem)) == null ? void 0 : _h.name), 1),
+                    createElementVNode("p", null, "Type: " + toDisplayString((_i = unref(currentItem)) == null ? void 0 : _i.type), 1),
+                    createElementVNode("a", {
+                      href: (_j = unref(currentItem)) == null ? void 0 : _j.src,
+                      target: "_blank"
+                    }, "Open file", 8, _hoisted_5$g)
+                  ]))
+                ]),
+                unref(group).length ? (openBlock(), createElementBlock("div", _hoisted_6$b, [
+                  createVNode(unref(Btn), {
+                    class: "navigation-btn oval user-select-none",
+                    icon: "arrow_back",
+                    onClick: prev
+                  }),
+                  createVNode(unref(Btn), {
+                    class: "navigation-btn oval user-select-none",
+                    icon: "arrow_forward",
+                    onClick: next
+                  })
+                ])) : createCommentVNode("", true),
+                unref(group) && unref(group).length > 1 ? (openBlock(), createElementBlock("div", _hoisted_7$5, [
+                  (openBlock(true), createElementBlock(Fragment$1, null, renderList(unref(group), (item, index2) => {
+                    return openBlock(), createElementBlock(Fragment$1, { key: index2 }, [
+                      item.type === "image" ? (openBlock(), createElementBlock("img", {
+                        key: 0,
+                        class: normalizeClass(["thumbnail object-fit-cover hover opacity-5 round flex bg-white justify-content-center align-items-center flex-shrink-0", { active: unref(currentIndex) === index2 }]),
+                        src: item.src,
+                        alt: "",
+                        onClick: ($event) => selectItem(index2)
+                      }, null, 10, _hoisted_8$3)) : (openBlock(), createBlock(unref(_sfc_main$Q), {
+                        key: 1,
+                        class: normalizeClass(["thumbnail object-fit-cover hover opacity-5 round flex bg-white justify-content-center align-items-center flex-shrink-0", { active: unref(currentIndex) === index2 }]),
+                        icon: "description",
+                        onClick: ($event) => selectItem(index2)
+                      }, null, 8, ["class", "onClick"]))
+                    ], 64);
+                  }), 128))
+                ])) : createCommentVNode("", true)
+              ])
+            ], 32)) : createCommentVNode("", true)
+          ];
+        }),
+        _: 1
+      });
     };
   }
 });
@@ -5318,44 +5314,37 @@ const _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const Lightbox$1 = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-c003c59a"]]);
+const Lightbox$1 = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-b3a3d091"]]);
 const groups = {};
 const lightboxDirective = {
   mounted(el, binding) {
-    const lightboxInstance = createLightboxInstance();
-    if (!lightboxInstance || !lightboxInstance.open) return;
-    if (binding.value.group) {
-      if (!groups[binding.value.group]) groups[binding.value.group] = [];
-      groups[binding.value.group].push({
-        src: binding.value.src || binding.value,
-        type: binding.value.type || determineFileType(binding.value.src || binding.value),
-        name: binding.value.name || ""
-      });
-    }
-    el.addEventListener("click", () => {
-      const group = binding.value.group || null;
-      const item = {
-        src: binding.value.src || binding.value,
-        type: binding.value.type || determineFileType(binding.value.src || binding.value),
-        name: binding.value.name || "",
-        thumbnail: binding.value.thumbnail || ""
-      };
-      const lightboxInstance2 = createLightboxInstance();
-      if (!lightboxInstance2 || !lightboxInstance2.open) return;
-      if (binding.value.group) {
-        if (!groups[binding.value.group]) groups[binding.value.group] = [];
-        groups[binding.value.group].push(item);
-      }
-      const open = lightboxInstance2.open;
+    el.classList.add("hover");
+    let { group, src, type: type3, name, thumbnail } = binding.value || {};
+    src = src || binding.value || el.getAttribute("src") || "";
+    type3 = type3 || determineFileType(src);
+    const item = { src, type: type3, name, thumbnail };
+    if (group) {
+      if (!groups[group]) groups[group] = [];
+      groups[group].push(item);
+    }
+    el.addEventListener("click", (e) => {
+      e.stopPropagation();
+      const lightboxInstance = createLightboxInstance();
+      if (!lightboxInstance || !lightboxInstance.open) return;
+      const open = lightboxInstance.open;
       open(item, groups[group]);
     });
+  },
+  unmounted(el, binding) {
   }
 };
+const youtubeRegex = /youtube\.com|youtu\.be/;
+const vimeoRegex = /vimeo\.com/;
 function determineFileType(url) {
   var _a2;
   const extension = ((_a2 = url.split(".").pop()) == null ? void 0 : _a2.toLowerCase()) || "";
   if (IMAGE_FORMATS_REGEXP.test(extension)) return "image";
-  if (VIDEO_FORMATS_REGEXP.test(extension)) return "video";
+  if (VIDEO_FORMATS_REGEXP.test(extension) || youtubeRegex.test(url) || vimeoRegex.test(url)) return "video";
   if (["pdf"].includes(extension)) return "pdf";
   return "unknown";
 }
@@ -5783,8 +5772,8 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$M = { class: "full-nav" };
 const _hoisted_2$B = { class: "nav-scroll" };
-const _hoisted_3$o = { class: "nav-links-wrapper" };
-const _hoisted_4$g = { class: "tooltip" };
+const _hoisted_3$p = { class: "nav-links-wrapper" };
+const _hoisted_4$h = { class: "tooltip" };
 const _hoisted_5$f = { class: "bot-buttons-wrapper" };
 const _hoisted_6$a = { class: "tooltip" };
 const _sfc_main$P = /* @__PURE__ */ defineComponent({
@@ -5819,7 +5808,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
         ], 32),
         createElementVNode("div", _hoisted_1$M, [
           createElementVNode("div", _hoisted_2$B, [
-            createElementVNode("div", _hoisted_3$o, [
+            createElementVNode("div", _hoisted_3$p, [
               (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.links, (link) => {
                 return openBlock(), createBlock(resolveDynamicComponent(link.to ? "router-link" : "div"), {
                   key: link.label,
@@ -5834,7 +5823,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
                     createVNode(unref(_sfc_main$Q), {
                       icon: link.icon
                     }, null, 8, ["icon"]),
-                    createElementVNode("div", _hoisted_4$g, toDisplayString(link.label), 1)
+                    createElementVNode("div", _hoisted_4$h, toDisplayString(link.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["to", "onClick"]);
@@ -6000,7 +5989,7 @@ const _hoisted_2$z = {
   key: 1,
   class: "sticky bg-white z-index-999 -mt-1 -ms-1 px-025 h-30px pt-025 modal-no-title"
 };
-const _hoisted_3$n = {
+const _hoisted_3$o = {
   key: 2,
   class: "modal-footer mt-1"
 };
@@ -6093,7 +6082,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
                 })
               ])),
               renderSlot(_ctx.$slots, "default"),
-              unref(slots).footer || ((_a2 = _ctx.actions) == null ? void 0 : _a2.length) ? (openBlock(), createElementBlock("footer", _hoisted_3$n, [
+              unref(slots).footer || ((_a2 = _ctx.actions) == null ? void 0 : _a2.length) ? (openBlock(), createElementBlock("footer", _hoisted_3$o, [
                 (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.actions, (action, i2) => {
                   return openBlock(), createBlock(unref(Btn), mergeProps({
                     key: i2,
@@ -6228,8 +6217,8 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
 const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-083a1b2d"]]);
 const _hoisted_1$J = { class: "accordion-item" };
 const _hoisted_2$y = ["aria-expanded", "aria-controls"];
-const _hoisted_3$m = { class: "accordion-label" };
-const _hoisted_4$f = ["id", "aria-hidden"];
+const _hoisted_3$n = { class: "accordion-label" };
+const _hoisted_4$g = ["id", "aria-hidden"];
 const _sfc_main$L = /* @__PURE__ */ defineComponent({
   __name: "AccordionItem",
   props: {
@@ -6275,7 +6264,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
           onClick: _cache[0] || (_cache[0] = ($event) => toggle())
         }, [
           renderSlot(_ctx.$slots, "head", {}, () => [
-            createElementVNode("span", _hoisted_3$m, toDisplayString(_ctx.label), 1)
+            createElementVNode("span", _hoisted_3$n, toDisplayString(_ctx.label), 1)
           ], true),
           createElementVNode("div", {
             class: normalizeClass(["accordion-icon", { open: unref(isOpen) }])
@@ -6292,7 +6281,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
               "aria-hidden": unref(isOpen) ? "false" : "true"
             }, [
               renderSlot(_ctx.$slots, "default", {}, void 0, true)
-            ], 8, _hoisted_4$f)) : createCommentVNode("", true)
+            ], 8, _hoisted_4$g)) : createCommentVNode("", true)
           ]),
           _: 3
         })
@@ -6304,13 +6293,13 @@ const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "d
 const _sfc_main$K = {};
 const _hoisted_1$I = { class: "list-wrap bgl_card thin grid overflow-hidden h-100 pt-0 pb-05 px-0 m_pb-0" };
 const _hoisted_2$x = { class: "p-1" };
-const _hoisted_3$l = { class: "list-content auto-flow-rows align-items-start overflow-y h-100" };
+const _hoisted_3$m = { class: "list-content auto-flow-rows align-items-start overflow-y h-100" };
 function _sfc_render$2(_ctx, _cache) {
   return openBlock(), createElementBlock("div", _hoisted_1$I, [
     createElementVNode("div", _hoisted_2$x, [
       renderSlot(_ctx.$slots, "header")
     ]),
-    createElementVNode("div", _hoisted_3$l, [
+    createElementVNode("div", _hoisted_3$m, [
       renderSlot(_ctx.$slots, "default")
     ])
   ]);
@@ -6707,10 +6696,10 @@ const _hoisted_1$F = {
   class: "loading-table-wrapper z-99 h-100 w-100 absolute inset"
 };
 const _hoisted_2$u = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("div", { class: "loading-table-animation absolute oval" }, null, -1));
-const _hoisted_3$k = [
+const _hoisted_3$l = [
   _hoisted_2$u
 ];
-const _hoisted_4$e = { class: "infinite-wrapper" };
+const _hoisted_4$f = { class: "infinite-wrapper" };
 const _hoisted_5$e = { class: "row first-row" };
 const _hoisted_6$9 = { key: 0 };
 const _hoisted_7$4 = ["onClick"];
@@ -6856,8 +6845,8 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", mergeProps({ class: "table-list-wrap h-100" }, unref(containerProps), {
         class: { "loading-table": loading.value }
       }), [
-        loading.value ? (openBlock(), createElementBlock("div", _hoisted_1$F, _hoisted_3$k)) : (openBlock(), createElementBlock("div", normalizeProps(mergeProps({ key: 1 }, unref(wrapperProps))), [
-          createElementVNode("table", _hoisted_4$e, [
+        loading.value ? (openBlock(), createElementBlock("div", _hoisted_1$F, _hoisted_3$l)) : (openBlock(), createElementBlock("div", normalizeProps(mergeProps({ key: 1 }, unref(wrapperProps))), [
+          createElementVNode("table", _hoisted_4$f, [
             createElementVNode("thead", _hoisted_5$e, [
               unref(isSelectable) ? (openBlock(), createElementBlock("th", _hoisted_6$9, [
                 createElementVNode("input", {
@@ -6978,8 +6967,8 @@ const _hoisted_2$t = {
   key: 0,
   class: "data-row m_py-05"
 };
-const _hoisted_3$j = { class: "key" };
-const _hoisted_4$d = { class: "m-0" };
+const _hoisted_3$k = { class: "key" };
+const _hoisted_4$e = { class: "m-0" };
 const _hoisted_5$d = { key: 1 };
 const _hoisted_6$8 = {
   key: 0,
@@ -7037,8 +7026,8 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
             key: field.id
           }, [
             unref(iffer)(field, itemData.value) ? (openBlock(), createElementBlock("div", _hoisted_2$t, [
-              createElementVNode("div", _hoisted_3$j, [
-                createElementVNode("p", _hoisted_4$d, toDisplayString((field == null ? void 0 : field.label) || unref(keyToLabel)(field.id)), 1)
+              createElementVNode("div", _hoisted_3$k, [
+                createElementVNode("p", _hoisted_4$e, toDisplayString((field == null ? void 0 : field.label) || unref(keyToLabel)(field.id)), 1)
               ]),
               createVNode(unref(_sfc_main$r), {
                 modelValue: itemData.value,
@@ -7276,10 +7265,10 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       }
     );
     const embedType = computed(() => {
-      const youtubeRegex = /youtube\.com|youtu\.be/;
-      if (youtubeRegex.test(props2.src || "")) return "YouTube";
-      const vimeoRegex = /vimeo\.com/;
-      if (vimeoRegex.test(props2.src || "")) return "Vimeo";
+      const youtubeRegex2 = /youtube\.com|youtu\.be/;
+      if (youtubeRegex2.test(props2.src || "")) return "YouTube";
+      const vimeoRegex2 = /vimeo\.com/;
+      if (vimeoRegex2.test(props2.src || "")) return "Vimeo";
       return null;
     });
     const videoUrl = computed(() => {
@@ -7287,17 +7276,19 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       if (embedType.value) {
         if (embedType.value === "YouTube") {
           const videoId = (_c = (_b = (_a2 = props2.src) == null ? void 0 : _a2.split(/v=|youtu\.be\//)[1]) == null ? void 0 : _b.split("&")) == null ? void 0 : _c[0];
-          return `https://www.youtube.com/embed/${videoId}`;
+          const queryParams = new URLSearchParams({
+            autoplay: props2.autoplay ? "1" : "0"
+          });
+          return `https://www.youtube.com/embed/${videoId}?${queryParams}`;
         }
         if (embedType.value === "Vimeo") {
-          const vimeoRegex = /vimeo\.com\/(?:channels\/(?:\w+\/)?|groups\/([^/]*)\/videos\/|album\/(\d+)\/video\/)?(\d+)(?:$|\/|\?)/;
-          const videoId = (_e2 = (_d = props2.src) == null ? void 0 : _d.match(vimeoRegex)) == null ? void 0 : _e2[3];
+          const vimeoRegex2 = /vimeo\.com\/(?:channels\/(?:\w+\/)?|groups\/([^/]*)\/videos\/|album\/(\d+)\/video\/)?(\d+)(?:$|\/|\?)/;
+          const videoId = (_e2 = (_d = props2.src) == null ? void 0 : _d.match(vimeoRegex2)) == null ? void 0 : _e2[3];
           return `https://player.vimeo.com/video/${videoId}`;
         }
       }
       return props2.src;
     });
-    console.log("Video URL:", videoUrl.value);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["bgl_vid", { vid_empty: !_ctx.src }])
@@ -7308,7 +7299,8 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
           style: normalizeStyle({ aspectRatio: aspectRatio.value }),
           frameborder: "0",
           allowfullscreen: "",
-          title: "Video"
+          title: "Video",
+          allow: "autoplay"
         }, null, 12, _hoisted_1$z)) : _ctx.src ? (openBlock(), createElementBlock("video", {
           key: 1,
           src: _ctx.src,
@@ -7323,7 +7315,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-862e1f20"]]);
+const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-8495afe2"]]);
 const _hoisted_1$y = {
   key: 0,
   class: "blocker"
@@ -7935,7 +7927,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$u = ["title"];
 const _hoisted_2$o = ["id", "required"];
-const _hoisted_3$i = ["for"];
+const _hoisted_3$j = ["for"];
 const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "CheckInput",
   props: /* @__PURE__ */ mergeModels({
@@ -7975,7 +7967,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "label", {}, () => [
             createTextVNode(toDisplayString(_ctx.label), 1)
           ], true)
-        ], 8, _hoisted_3$i)
+        ], 8, _hoisted_3$j)
       ], 10, _hoisted_1$u);
     };
   }
@@ -16486,7 +16478,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$s = ["title"];
 const _hoisted_2$m = { key: 0 };
-const _hoisted_3$h = ["value", "placeholder"];
+const _hoisted_3$i = ["value", "placeholder"];
 const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "JSONInput",
   props: {
@@ -16518,7 +16510,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
           class: normalizeClass({ "no-edit": !_ctx.editMode }),
           placeholder: _ctx.placeholder,
           onInput: handleInput
-        }, null, 42, _hoisted_3$h)
+        }, null, 42, _hoisted_3$i)
       ], 10, _hoisted_1$s);
     };
   }
@@ -16526,8 +16518,8 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
 const JSONInput = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-1cbaeab2"]]);
 const _hoisted_1$r = { class: "flex gap-05" };
 const _hoisted_2$l = ["disabled"];
-const _hoisted_3$g = { key: 1 };
-const _hoisted_4$c = {
+const _hoisted_3$h = { key: 1 };
+const _hoisted_4$d = {
   key: 2,
   class: "ms-auto ps-05 me-05"
 };
@@ -16745,8 +16737,8 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                   key: 0,
                   icon: _ctx.icon
                 }, null, 8, ["icon"])) : createCommentVNode("", true),
-                !_ctx.hideLabel ? (openBlock(), createElementBlock("p", _hoisted_3$g, toDisplayString(selectedLabel.value), 1)) : createCommentVNode("", true),
-                _ctx.clearable && selectedItemCount.value > 0 ? (openBlock(), createElementBlock("div", _hoisted_4$c, [
+                !_ctx.hideLabel ? (openBlock(), createElementBlock("p", _hoisted_3$h, toDisplayString(selectedLabel.value), 1)) : createCommentVNode("", true),
+                _ctx.clearable && selectedItemCount.value > 0 ? (openBlock(), createElementBlock("div", _hoisted_4$d, [
                   createVNode(unref(Btn), {
                     flat: "",
                     thin: "",
@@ -19261,8 +19253,8 @@ const VueDraggableNext = defineComponent({
 });
 const _hoisted_1$q = ["title"];
 const _hoisted_2$k = { class: "bagel-input" };
-const _hoisted_3$f = { class: "table-side-scroll" };
-const _hoisted_4$b = { class: "table-header" };
+const _hoisted_3$g = { class: "table-side-scroll" };
+const _hoisted_4$c = { class: "table-header" };
 const _hoisted_5$b = { class: "table-reorder" };
 const _hoisted_6$6 = { class: "table-action" };
 const _sfc_main$l = /* @__PURE__ */ defineComponent({
@@ -19333,8 +19325,8 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
         createElementVNode("div", _hoisted_2$k, [
           createElementVNode("label", null, toDisplayString((_a2 = unref(fieldMeta)) == null ? void 0 : _a2.label), 1)
         ]),
-        createElementVNode("div", _hoisted_3$f, [
-          createElementVNode("div", _hoisted_4$b, [
+        createElementVNode("div", _hoisted_3$g, [
+          createElementVNode("div", _hoisted_4$c, [
             (openBlock(true), createElementBlock(Fragment$1, null, renderList((_b = unref(entityMeta)) == null ? void 0 : _b.fields, (field) => {
               return openBlock(), createElementBlock("div", {
                 key: `${field.fieldname}header`,
@@ -19412,8 +19404,8 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
 const TableField = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-515f5dc9"]]);
 const _hoisted_1$p = ["title"];
 const _hoisted_2$j = ["for"];
-const _hoisted_3$e = ["id", "title", "autocomplete", "type", "placeholder", "disabled", "required", "pattern"];
-const _hoisted_4$a = ["id", "title", "type", "rows", "placeholder", "disabled", "required", "pattern"];
+const _hoisted_3$f = ["id", "title", "autocomplete", "type", "placeholder", "disabled", "required", "pattern"];
+const _hoisted_4$b = ["id", "title", "type", "rows", "placeholder", "disabled", "required", "pattern"];
 const _hoisted_5$a = { key: 2 };
 const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "TextInput",
@@ -19507,7 +19499,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
             onFocusout: _cache[1] || (_cache[1] = //@ts-ignore
             (...args) => _ctx.onFocusout && _ctx.onFocusout(...args)),
             onInput: updateInputVal
-          }), null, 16, _hoisted_3$e)), [
+          }), null, 16, _hoisted_3$f)), [
             [
               vModelDynamic,
               unref(inputVal),
@@ -19531,7 +19523,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
             onInput: updateInputVal,
             onFocusout: _cache[3] || (_cache[3] = //@ts-ignore
             (...args) => _ctx.onFocusout && _ctx.onFocusout(...args))
-          }), null, 16, _hoisted_4$a)), [
+          }), null, 16, _hoisted_4$b)), [
             [vModelText, unref(inputVal)]
           ]),
           _ctx.helptext ? (openBlock(), createElementBlock("p", _hoisted_5$a, toDisplayString(_ctx.helptext), 1)) : createCommentVNode("", true)
@@ -19624,11 +19616,11 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$m = { class: "datetime-wrap" };
 const _hoisted_2$h = { class: "date-wrap" };
-const _hoisted_3$d = {
+const _hoisted_3$e = {
   key: 0,
   class: "time-wrap"
 };
-const _hoisted_4$9 = ["id", "name", "value"];
+const _hoisted_4$a = ["id", "name", "value"];
 const _hoisted_5$9 = ["for"];
 const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "DatePicker",
@@ -19678,7 +19670,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
             _: 1
           }, 16, ["modelValue", "allowed-dates", "disabled-dates"])
         ]),
-        _ctx.showTimeWrap ? (openBlock(), createElementBlock("div", _hoisted_3$d, [
+        _ctx.showTimeWrap ? (openBlock(), createElementBlock("div", _hoisted_3$e, [
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(unref(hours), (hr2) => {
             return openBlock(), createElementBlock(Fragment$1, { key: hr2 }, [
               withDirectives(createElementVNode("input", {
@@ -19687,7 +19679,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                 type: "radio",
                 name: _ctx.label,
                 value: hr2
-              }, null, 8, _hoisted_4$9), [
+              }, null, 8, _hoisted_4$a), [
                 [vModelRadio, selectedHour.value]
               ]),
               createElementVNode("label", {
@@ -19702,8 +19694,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$l = { class: "bagel-input" };
 const _hoisted_2$g = { class: "pb-025" };
-const _hoisted_3$c = { class: "flex gap-05 flex-wrap" };
-const _hoisted_4$8 = ["id", "name", "value", "checked"];
+const _hoisted_3$d = { class: "flex gap-05 flex-wrap" };
+const _hoisted_4$9 = ["id", "name", "value", "checked"];
 const _hoisted_5$8 = ["for"];
 const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "RadioPillsInput",
@@ -19748,7 +19740,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$l, [
         createElementVNode("label", _hoisted_2$g, toDisplayString(_ctx.label), 1),
-        createElementVNode("div", _hoisted_3$c, [
+        createElementVNode("div", _hoisted_3$d, [
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.options, (option2, index2) => {
             return openBlock(), createElementBlock("div", {
               key: index2,
@@ -19761,7 +19753,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                 value: getValue(option2),
                 checked: unref(selectedValue) === getValue(option2),
                 onChange: handleSelect
-              }, null, 40, _hoisted_4$8),
+              }, null, 40, _hoisted_4$9),
               createElementVNode("label", {
                 for: `${_ctx.id}-${getValue(option2)}`
               }, toDisplayString(getLabel(option2)), 9, _hoisted_5$8)
@@ -19778,8 +19770,8 @@ const _hoisted_2$f = {
   key: 0,
   class: "bgl-multi-preview"
 };
-const _hoisted_3$b = ["src"];
-const _hoisted_4$7 = { class: "m-0" };
+const _hoisted_3$c = ["src"];
+const _hoisted_4$8 = { class: "m-0" };
 const _hoisted_5$7 = ["width", "src"];
 const _hoisted_6$5 = { class: "no-margin multi-preview-txt" };
 const _hoisted_7$2 = {
@@ -19932,6 +19924,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       flushQueue();
     }
     return (_ctx, _cache) => {
+      const _directive_lightbox = resolveDirective("lightbox");
       return openBlock(), createElementBlock("div", _hoisted_1$k, [
         createElementVNode("label", null, toDisplayString(_ctx.label), 1),
         createElementVNode("div", {
@@ -19956,17 +19949,19 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                   key: file.id,
                   class: "multi-image-item-preview"
                 }, [
-                  isImage(file.extension || file.url) ? (openBlock(), createElementBlock("img", {
+                  isImage(file.extension || file.url) ? withDirectives((openBlock(), createElementBlock("img", {
                     key: 0,
                     class: "multi-preview",
                     src: file.url,
                     alt: ""
-                  }, null, 8, _hoisted_3$b)) : (openBlock(), createBlock(unref(_sfc_main$Q), {
+                  }, null, 8, _hoisted_3$c)), [
+                    [_directive_lightbox]
+                  ]) : (openBlock(), createBlock(unref(_sfc_main$Q), {
                     key: 1,
                     icon: "draft",
                     class: "multi-preview"
                   })),
-                  createElementVNode("p", _hoisted_4$7, toDisplayString(file.name), 1),
+                  createElementVNode("p", _hoisted_4$8, toDisplayString(file.name), 1),
                   createVNode(unref(Btn), {
                     thin: "",
                     flat: "",
@@ -20014,12 +20009,14 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                   key: file.id,
                   class: normalizeClass(["single-image-item-preview", { "bgl_fill-image": _ctx.fill }])
                 }, [
-                  isImage(file.extension || file.url) ? (openBlock(), createElementBlock("img", {
+                  isImage(file.extension || file.url) ? withDirectives((openBlock(), createElementBlock("img", {
                     key: 0,
                     class: "single-preview",
                     src: file.url,
                     alt: ""
-                  }, null, 8, _hoisted_9)) : (openBlock(), createBlock(unref(_sfc_main$Q), {
+                  }, null, 8, _hoisted_9)), [
+                    [_directive_lightbox]
+                  ]) : (openBlock(), createBlock(unref(_sfc_main$Q), {
                     key: 1,
                     size: 4,
                     weight: "2",
@@ -20069,14 +20066,14 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const $el = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-5911e10d"]]);
+const $el = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-d4a17ec6"]]);
 const _withScopeId$1 = (n2) => (pushScopeId("data-v-06b95183"), n2 = n2(), popScopeId(), n2);
 const _hoisted_1$j = ["title"];
 const _hoisted_2$e = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("span", { class: "slider round" }, null, -1));
-const _hoisted_3$a = [
+const _hoisted_3$b = [
   _hoisted_2$e
 ];
-const _hoisted_4$6 = ["id", "required"];
+const _hoisted_4$7 = ["id", "required"];
 const _hoisted_5$6 = ["for"];
 const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "ToggleInput",
@@ -20106,13 +20103,13 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       }, [
         createElementVNode("div", {
           class: normalizeClass(["switch", { checked: checked.value }])
-        }, _hoisted_3$a, 2),
+        }, _hoisted_3$b, 2),
         withDirectives(createElementVNode("input", {
           id: inputId.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => checked.value = $event),
           type: "checkbox",
           required: _ctx.required
-        }, null, 8, _hoisted_4$6), [
+        }, null, 8, _hoisted_4$7), [
           [vModelCheckbox, checked.value]
         ]),
         createElementVNode("label", { for: inputId.value }, [
@@ -46279,8 +46276,8 @@ function parsePhoneNumber() {
 }
 const _hoisted_1$h = ["aria-expanded"];
 const _hoisted_2$c = { class: "p-075 tel-countryp-dropdown" };
-const _hoisted_3$9 = ["aria-selected", "onClick", "onMousemove"];
-const _hoisted_4$5 = { class: "tel-country" };
+const _hoisted_3$a = ["aria-selected", "onClick", "onMousemove"];
+const _hoisted_4$6 = { class: "tel-country" };
 const _hoisted_5$5 = { key: 1 };
 const _hoisted_6$4 = ["id", "required", "placeholder", "disabled", "autocomplete", "pattern", "minlength", "maxlength", "name", "readonly", "tabindex", "aria-describedby"];
 const _sfc_main$c = /* @__PURE__ */ defineComponent({
@@ -46580,9 +46577,9 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                           key: 0,
                           country: pb.iso2
                         }, null, 8, ["country"])) : createCommentVNode("", true),
-                        createElementVNode("p", _hoisted_4$5, toDisplayString(pb.name), 1),
+                        createElementVNode("p", _hoisted_4$6, toDisplayString(pb.name), 1),
                         computedDropDownOptions.value.showDialCodeInList ? (openBlock(), createElementBlock("span", _hoisted_5$5, " +" + toDisplayString(pb.dialCode), 1)) : createCommentVNode("", true)
-                      ], 40, _hoisted_3$9);
+                      ], 40, _hoisted_3$a);
                     }), 128))
                   ], 2)
                 ])
@@ -47380,23 +47377,22 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
   emits: ["action"],
   setup(__props, { emit: __emit }) {
     const emit2 = __emit;
-    ref(null);
-    ref(null);
     const toolbarOptions = [
       { name: "separator" },
-      { name: "bold", icon: "format_bold" },
-      { name: "italic", icon: "format_italic" },
-      { name: "underline", icon: "format_underlined" },
+      { name: "bold", label: "Bold", icon: "format_bold" },
+      { name: "italic", label: "Italic", icon: "format_italic" },
+      { name: "underline", label: "Underline", icon: "format_underlined" },
       { name: "separator" },
-      { name: "orderedList", icon: "format_list_numbered" },
-      { name: "unorderedList", icon: "format_list_bulleted" },
+      { name: "orderedList", label: "Ordered List", icon: "format_list_numbered" },
+      { name: "unorderedList", label: "Unordered List", icon: "format_list_bulleted" },
       { name: "separator" },
-      { name: "link", icon: "add_link" },
-      { name: "image", icon: "add_photo_alternate" },
-      { name: "youtube", icon: "youtube_activity" },
+      { name: "link", label: "Link", icon: "add_link" },
+      { name: "image", label: "Image", icon: "add_photo_alternate" },
+      { name: "youtube", label: "YouTube", icon: "youtube_activity" },
       { name: "separator" },
-      { name: "splitView", icon: "code" },
-      { name: "clear", icon: "format_clear" }
+      { name: "splitView", label: "Split View", icon: "code" },
+      { name: "clear", label: "Clear Formatting", icon: "format_clear" },
+      { name: "fullScreen", label: "Full Screen", icon: "fullscreen", class: "ms-auto" }
     ];
     function handleSelectChange(selectedOption) {
       emit2("action", "formatBlock", selectedOption);
@@ -47415,12 +47411,12 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
               key: action.name,
               thin: "",
               flat: "",
-              class: "rounded",
+              class: normalizeClass([action.class, "rounded"]),
               "aria-label": action.name,
               icon: action.icon,
               onClick: ($event) => emit2("action", action.name)
-            }, null, 8, ["aria-label", "icon", "onClick"])), [
-              [_directive_tooltip, action.name]
+            }, null, 8, ["class", "aria-label", "icon", "onClick"])), [
+              [_directive_tooltip, action.label]
             ]) : createCommentVNode("", true),
             action.name === "separator" ? (openBlock(), createElementBlock("span", {
               key: `separator-${index2}`,
@@ -47605,7 +47601,9 @@ function createTable() {
   }
 }
 const _hoisted_1$e = { class: "rich-text-editor round pt-05 px-1 pb-1" };
-const _hoisted_2$b = {
+const _hoisted_2$b = { class: "editor-container flex flex-stretch gap-1 m_column" };
+const _hoisted_3$9 = { class: "content-area rounded p-1 bg-white shadow-light w-100 grid" };
+const _hoisted_4$5 = {
   key: 0,
   class: "preview-area bg-black color-white w-100 rounded p-1"
 };
@@ -47644,7 +47642,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       "splitView",
       "youtube",
       "codeView",
-      "clear"
+      "clear",
+      "fullScreen"
     ];
     const config = ref(props2.toolbarConfig || defaultConfig2);
     let contentHtml = ref(props2.modelValue);
@@ -47680,12 +47679,21 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         case "codeView":
           isCodeView.value = !isCodeView.value;
           break;
+        case "fullScreen":
+          toggleFullScreen();
+          break;
         default:
           applyFormatting(action, value);
           break;
       }
       updateContent();
     }
+    function toggleFullScreen() {
+      const editor = document.querySelector(".rich-text-editor");
+      if (editor) {
+        editor.classList.toggle("fullscreen-mode");
+      }
+    }
     watch(() => props2.modelValue, (newValue) => {
       if (newValue !== contentHtml.value) {
         contentHtml.value = newValue;
@@ -47731,12 +47739,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           config: config.value,
           onAction: handleToolbarAction
         }, null, 8, ["config"]),
-        createElementVNode("div", {
-          class: normalizeClass(["editor-container flex flex-stretch", { "split-view": unref(isSplitView) }])
-        }, [
-          createElementVNode("div", {
-            class: normalizeClass(["content-area rounded p-1 bg-white shadow-light w-100 grid", { "code-view": unref(isCodeView) }])
-          }, [
+        createElementVNode("div", _hoisted_2$b, [
+          createElementVNode("div", _hoisted_3$9, [
             unref(isCodeView) ? withDirectives((openBlock(), createElementBlock("textarea", {
               key: 0,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(contentHtml) ? contentHtml.value = $event : contentHtml = $event),
@@ -47755,14 +47759,14 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
               onInput: updateContent,
               onKeydown: handleKeyDown2
             }, null, 544))
-          ], 2),
-          unref(isSplitView) ? (openBlock(), createElementBlock("code", _hoisted_2$b, toDisplayString(unref(contentHtml)), 1)) : createCommentVNode("", true)
-        ], 2)
+          ]),
+          unref(isSplitView) ? (openBlock(), createElementBlock("code", _hoisted_4$5, toDisplayString(unref(contentHtml)), 1)) : createCommentVNode("", true)
+        ])
       ]);
     };
   }
 });
-const index = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-ee96aa53"]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-c9729efd"]]);
 const _hoisted_1$d = ["for"];
 const _hoisted_2$a = ["id", "name", "value"];
 const _hoisted_3$8 = { class: "flex w-100 gap-1 flex-wrap m_gap-05 m_gap-row-025" };