@bagelink/vue 0.0.726 → 0.0.732

package/dist/index.cjs

@@ -5147,33 +5147,23 @@ class Bagel {
     return data2;
   }
 }
-const _withScopeId$3 = (n2) => (vue.pushScopeId("data-v-c003c59a"), n2 = n2(), vue.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__ */ vue.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__ */ vue.defineComponent({
   __name: "Lightbox",
   setup(__props, { expose: __expose }) {
@@ -5229,87 +5219,93 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
     }
     __expose({ open, close: close2 });
     return (_ctx, _cache) => {
-      var _a2, _b, _c, _d, _e2, _f, _g, _h, _i, _j;
-      return vue.unref(isOpen) ? (vue.openBlock(), vue.createElementBlock("div", {
-        key: 0,
-        class: "lightbox-overlay",
-        onKeydown: [
-          vue.withKeys(close2, ["esc"]),
-          vue.withKeys(prev, ["left"]),
-          vue.withKeys(next, ["right"])
-        ],
-        onClick: close2
-      }, [
-        vue.createElementVNode("div", {
-          class: "lightbox",
-          onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
-          }, ["stop"]))
-        }, [
-          vue.createVNode(vue.unref(Btn), {
-            flat: "",
-            class: "close-button color-white",
-            icon: "close",
-            onClick: close2
-          }),
-          vue.createElementVNode("div", _hoisted_1$N, [
-            ((_a2 = vue.unref(currentItem)) == null ? void 0 : _a2.type) === "image" ? (vue.openBlock(), vue.createElementBlock("img", {
+      return vue.openBlock(), vue.createBlock(vue.Transition, { name: "fade" }, {
+        default: vue.withCtx(() => {
+          var _a2, _b, _c, _d, _e2, _f, _g, _h, _i, _j;
+          return [
+            vue.unref(isOpen) ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
-              src: (_b = vue.unref(currentItem)) == null ? void 0 : _b.src,
-              alt: "Preview"
-            }, null, 8, _hoisted_2$C)) : ((_c = vue.unref(currentItem)) == null ? void 0 : _c.type) === "video" ? (vue.openBlock(), vue.createElementBlock("video", _hoisted_3$p, [
-              vue.createElementVNode("source", {
-                src: (_d = vue.unref(currentItem)) == null ? void 0 : _d.src,
-                type: "video/mp4"
-              }, null, 8, _hoisted_4$h),
-              _hoisted_5$g
-            ])) : ((_e2 = vue.unref(currentItem)) == null ? void 0 : _e2.type) === "pdf" ? (vue.openBlock(), vue.createElementBlock("embed", {
-              key: 2,
-              src: normalizeURL((_f = vue.unref(currentItem)) == null ? void 0 : _f.src),
-              type: "application/pdf",
-              width: "100%",
-              height: "1080",
-              title: (_g = vue.unref(currentItem)) == null ? void 0 : _g.name
-            }, null, 8, _hoisted_6$b)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$5, [
-              vue.createElementVNode("p", null, "File: " + vue.toDisplayString((_h = vue.unref(currentItem)) == null ? void 0 : _h.name), 1),
-              vue.createElementVNode("p", null, "Type: " + vue.toDisplayString((_i = vue.unref(currentItem)) == null ? void 0 : _i.type), 1),
-              vue.createElementVNode("a", {
-                href: (_j = vue.unref(currentItem)) == null ? void 0 : _j.src,
-                target: "_blank"
-              }, "Open file", 8, _hoisted_8$3)
-            ]))
-          ]),
-          vue.createElementVNode("div", _hoisted_9$3, [
-            vue.createVNode(vue.unref(Btn), {
-              class: "navigation-btn",
-              icon: "arrow_back",
-              onClick: prev
-            }),
-            vue.createVNode(vue.unref(Btn), {
-              class: "navigation-btn",
-              icon: "arrow_forward",
-              onClick: next
-            })
-          ]),
-          vue.unref(group) && vue.unref(group).length > 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$2, [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(group), (item, index2) => {
-              return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index2 }, [
-                item.type === "image" ? (vue.openBlock(), vue.createElementBlock("img", {
-                  key: 0,
-                  class: "thumbnail",
-                  src: item.src,
-                  alt: "",
-                  onClick: ($event) => selectItem(index2)
-                }, null, 8, _hoisted_11$2)) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$Q), {
-                  key: 1,
-                  class: "thumbnail",
-                  icon: "description",
-                  onClick: ($event) => selectItem(index2)
-                }, null, 8, ["onClick"]))
-              ], 64);
-            }), 128))
-          ])) : vue.createCommentVNode("", true)
-        ])
-      ], 32)) : vue.createCommentVNode("", true);
+              class: "bgl-lightbox-overlay fixed w-100 h-100 flex justify-content-center z-999 inset mx-auto",
+              onKeydown: [
+                vue.withKeys(close2, ["esc"]),
+                vue.withKeys(prev, ["left"]),
+                vue.withKeys(next, ["right"])
+              ],
+              onClick: close2
+            }, [
+              vue.createElementVNode("div", {
+                class: "bgl-lightbox relative vw90 txt-center",
+                onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+                }, ["stop"]))
+              }, [
+                vue.createVNode(vue.unref(Btn), {
+                  flat: "",
+                  class: "fixed top-1 end-1 color-white",
+                  icon: "close",
+                  onClick: close2
+                }),
+                vue.createElementVNode("div", _hoisted_1$N, [
+                  ((_a2 = vue.unref(currentItem)) == null ? void 0 : _a2.type) === "image" ? (vue.openBlock(), vue.createElementBlock("img", {
+                    key: 0,
+                    src: (_b = vue.unref(currentItem)) == null ? void 0 : _b.src,
+                    alt: "Preview"
+                  }, null, 8, _hoisted_2$C)) : ((_c = vue.unref(currentItem)) == null ? void 0 : _c.type) === "video" ? (vue.openBlock(), vue.createBlock(vue.unref(BglVideo), {
+                    key: 1,
+                    src: (_d = vue.unref(currentItem)) == null ? void 0 : _d.src,
+                    autoplay: "",
+                    controls: ""
+                  }, null, 8, ["src"])) : ((_e2 = vue.unref(currentItem)) == null ? void 0 : _e2.type) === "pdf" ? (vue.openBlock(), vue.createElementBlock("embed", {
+                    key: 2,
+                    src: normalizeURL((_f = vue.unref(currentItem)) == null ? void 0 : _f.src),
+                    type: "application/pdf",
+                    width: "100%",
+                    height: "1080",
+                    title: (_g = vue.unref(currentItem)) == null ? void 0 : _g.name
+                  }, null, 8, _hoisted_3$q)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$i, [
+                    vue.createElementVNode("p", null, "File: " + vue.toDisplayString((_h = vue.unref(currentItem)) == null ? void 0 : _h.name), 1),
+                    vue.createElementVNode("p", null, "Type: " + vue.toDisplayString((_i = vue.unref(currentItem)) == null ? void 0 : _i.type), 1),
+                    vue.createElementVNode("a", {
+                      href: (_j = vue.unref(currentItem)) == null ? void 0 : _j.src,
+                      target: "_blank"
+                    }, "Open file", 8, _hoisted_5$g)
+                  ]))
+                ]),
+                vue.unref(group) && vue.unref(group).length > 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$b, [
+                  vue.createVNode(vue.unref(Btn), {
+                    class: "navigation-btn oval user-select-none",
+                    icon: "arrow_back",
+                    onClick: prev
+                  }),
+                  vue.createVNode(vue.unref(Btn), {
+                    class: "navigation-btn oval user-select-none",
+                    icon: "arrow_forward",
+                    onClick: next
+                  })
+                ])) : vue.createCommentVNode("", true),
+                vue.unref(group) && vue.unref(group).length > 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$5, [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(group), (item, index2) => {
+                    return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index2 }, [
+                      item.type === "image" ? (vue.openBlock(), vue.createElementBlock("img", {
+                        key: 0,
+                        class: vue.normalizeClass(["thumbnail object-fit-cover hover opacity-5 round flex bg-white justify-content-center align-items-center flex-shrink-0", { active: vue.unref(currentIndex) === index2 }]),
+                        src: item.src,
+                        alt: "",
+                        onClick: ($event) => selectItem(index2)
+                      }, null, 10, _hoisted_8$3)) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$Q), {
+                        key: 1,
+                        class: vue.normalizeClass(["thumbnail object-fit-cover hover opacity-5 round flex bg-white justify-content-center align-items-center flex-shrink-0", { active: vue.unref(currentIndex) === index2 }]),
+                        icon: "description",
+                        onClick: ($event) => selectItem(index2)
+                      }, null, 8, ["class", "onClick"]))
+                    ], 64);
+                  }), 128))
+                ])) : vue.createCommentVNode("", true)
+              ])
+            ], 32)) : vue.createCommentVNode("", true)
+          ];
+        }),
+        _: 1
+      });
     };
   }
 });
@@ -5320,46 +5316,49 @@ 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-c3c26420"]]);
 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] = [];
-      const src = binding.value.src || binding.value || el.getAttribute("src") || "";
-      groups[binding.value.group].push({
-        src,
-        type: binding.value.type || determineFileType(src),
-        name: binding.value.name || ""
-      });
+    el.classList.add("hover");
+    const item = bindingToItem(binding, el);
+    if (item.group) {
+      if (!groups[item.group]) groups[item.group] = [];
+      const currentIndex = groups[item.group].findIndex((i2) => i2.src === item.src);
+      if (currentIndex === -1) groups[item.group].push(item);
     }
     el.addEventListener("click", (e) => {
-      e.stopPropagation();
-      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;
-      open(item, groups[group]);
+      openClickHandler(e, el, binding);
+    });
+  },
+  unmounted(el, binding) {
+    el.removeEventListener("click", (e) => {
+      openClickHandler(e, el, binding);
     });
   }
 };
+function openClickHandler(e, el, binding) {
+  e.stopPropagation();
+  const item = bindingToItem(binding, el);
+  const lightboxInstance = createLightboxInstance();
+  if (!lightboxInstance || !lightboxInstance.open) return;
+  const open = lightboxInstance.open;
+  const group = item && item.group ? groups[item.group] : void 0;
+  open(item, group);
+}
+function bindingToItem(binding, el) {
+  let { group, src, type: type3, name, thumbnail } = binding.value || {};
+  src = src || binding.value || el.getAttribute("src") || "";
+  type3 = type3 || determineFileType(src);
+  return { src, type: type3, name, thumbnail, group };
+}
+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";
 }
@@ -5787,8 +5786,8 @@ const _sfc_main$Q = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
@@ -5823,7 +5822,7 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
         ], 32),
         vue.createElementVNode("div", _hoisted_1$M, [
           vue.createElementVNode("div", _hoisted_2$B, [
-            vue.createElementVNode("div", _hoisted_3$o, [
+            vue.createElementVNode("div", _hoisted_3$p, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.links, (link) => {
                 return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(link.to ? "router-link" : "div"), {
                   key: link.label,
@@ -5838,7 +5837,7 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
                     vue.createVNode(vue.unref(_sfc_main$Q), {
                       icon: link.icon
                     }, null, 8, ["icon"]),
-                    vue.createElementVNode("div", _hoisted_4$g, vue.toDisplayString(link.label), 1)
+                    vue.createElementVNode("div", _hoisted_4$h, vue.toDisplayString(link.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["to", "onClick"]);
@@ -6004,7 +6003,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"
 };
@@ -6097,7 +6096,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
                 })
               ])),
               vue.renderSlot(_ctx.$slots, "default"),
-              vue.unref(slots).footer || ((_a2 = _ctx.actions) == null ? void 0 : _a2.length) ? (vue.openBlock(), vue.createElementBlock("footer", _hoisted_3$n, [
+              vue.unref(slots).footer || ((_a2 = _ctx.actions) == null ? void 0 : _a2.length) ? (vue.openBlock(), vue.createElementBlock("footer", _hoisted_3$o, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.actions, (action, i2) => {
                   return vue.openBlock(), vue.createBlock(vue.unref(Btn), vue.mergeProps({
                     key: i2,
@@ -6232,8 +6231,8 @@ const _sfc_main$M = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   __name: "AccordionItem",
   props: {
@@ -6279,7 +6278,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
           onClick: _cache[0] || (_cache[0] = ($event) => toggle())
         }, [
           vue.renderSlot(_ctx.$slots, "head", {}, () => [
-            vue.createElementVNode("span", _hoisted_3$m, vue.toDisplayString(_ctx.label), 1)
+            vue.createElementVNode("span", _hoisted_3$n, vue.toDisplayString(_ctx.label), 1)
           ], true),
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["accordion-icon", { open: vue.unref(isOpen) }])
@@ -6296,7 +6295,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
               "aria-hidden": vue.unref(isOpen) ? "false" : "true"
             }, [
               vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
-            ], 8, _hoisted_4$f)) : vue.createCommentVNode("", true)
+            ], 8, _hoisted_4$g)) : vue.createCommentVNode("", true)
           ]),
           _: 3
         })
@@ -6308,13 +6307,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 vue.openBlock(), vue.createElementBlock("div", _hoisted_1$I, [
     vue.createElementVNode("div", _hoisted_2$x, [
       vue.renderSlot(_ctx.$slots, "header")
     ]),
-    vue.createElementVNode("div", _hoisted_3$l, [
+    vue.createElementVNode("div", _hoisted_3$m, [
       vue.renderSlot(_ctx.$slots, "default")
     ])
   ]);
@@ -6711,10 +6710,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__ */ vue.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"];
@@ -6860,8 +6859,8 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: "table-list-wrap h-100" }, vue.unref(containerProps), {
         class: { "loading-table": loading.value }
       }), [
-        loading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$F, _hoisted_3$k)) : (vue.openBlock(), vue.createElementBlock("div", vue.normalizeProps(vue.mergeProps({ key: 1 }, vue.unref(wrapperProps))), [
-          vue.createElementVNode("table", _hoisted_4$e, [
+        loading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$F, _hoisted_3$l)) : (vue.openBlock(), vue.createElementBlock("div", vue.normalizeProps(vue.mergeProps({ key: 1 }, vue.unref(wrapperProps))), [
+          vue.createElementVNode("table", _hoisted_4$f, [
             vue.createElementVNode("thead", _hoisted_5$e, [
               vue.unref(isSelectable) ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_6$9, [
                 vue.createElementVNode("input", {
@@ -6982,8 +6981,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,
@@ -7041,8 +7040,8 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
             key: field.id
           }, [
             vue.unref(iffer)(field, itemData.value) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$t, [
-              vue.createElementVNode("div", _hoisted_3$j, [
-                vue.createElementVNode("p", _hoisted_4$d, vue.toDisplayString((field == null ? void 0 : field.label) || vue.unref(keyToLabel)(field.id)), 1)
+              vue.createElementVNode("div", _hoisted_3$k, [
+                vue.createElementVNode("p", _hoisted_4$e, vue.toDisplayString((field == null ? void 0 : field.label) || vue.unref(keyToLabel)(field.id)), 1)
               ]),
               vue.createVNode(vue.unref(_sfc_main$r), {
                 modelValue: itemData.value,
@@ -7280,10 +7279,10 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
       }
     );
     const embedType = vue.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 = vue.computed(() => {
@@ -7291,17 +7290,19 @@ const _sfc_main$x = /* @__PURE__ */ vue.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 vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(["bgl_vid", { vid_empty: !_ctx.src }])
@@ -7312,7 +7313,8 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
           style: vue.normalizeStyle({ aspectRatio: aspectRatio.value }),
           frameborder: "0",
           allowfullscreen: "",
-          title: "Video"
+          title: "Video",
+          allow: "autoplay"
         }, null, 12, _hoisted_1$z)) : _ctx.src ? (vue.openBlock(), vue.createElementBlock("video", {
           key: 1,
           src: _ctx.src,
@@ -7327,7 +7329,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.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"
@@ -7939,7 +7941,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   __name: "CheckInput",
   props: /* @__PURE__ */ vue.mergeModels({
@@ -7979,7 +7981,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
           vue.renderSlot(_ctx.$slots, "label", {}, () => [
             vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
           ], true)
-        ], 8, _hoisted_3$i)
+        ], 8, _hoisted_3$j)
       ], 10, _hoisted_1$u);
     };
   }
@@ -16490,7 +16492,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   __name: "JSONInput",
   props: {
@@ -16522,7 +16524,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
           class: vue.normalizeClass({ "no-edit": !_ctx.editMode }),
           placeholder: _ctx.placeholder,
           onInput: handleInput
-        }, null, 42, _hoisted_3$h)
+        }, null, 42, _hoisted_3$i)
       ], 10, _hoisted_1$s);
     };
   }
@@ -16530,8 +16532,8 @@ const _sfc_main$n = /* @__PURE__ */ vue.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"
 };
@@ -16749,8 +16751,8 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
                   key: 0,
                   icon: _ctx.icon
                 }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
-                !_ctx.hideLabel ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$g, vue.toDisplayString(selectedLabel.value), 1)) : vue.createCommentVNode("", true),
-                _ctx.clearable && selectedItemCount.value > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$c, [
+                !_ctx.hideLabel ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$h, vue.toDisplayString(selectedLabel.value), 1)) : vue.createCommentVNode("", true),
+                _ctx.clearable && selectedItemCount.value > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$d, [
                   vue.createVNode(vue.unref(Btn), {
                     flat: "",
                     thin: "",
@@ -19265,8 +19267,8 @@ const VueDraggableNext = vue.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__ */ vue.defineComponent({
@@ -19337,8 +19339,8 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
         vue.createElementVNode("div", _hoisted_2$k, [
           vue.createElementVNode("label", null, vue.toDisplayString((_a2 = vue.unref(fieldMeta)) == null ? void 0 : _a2.label), 1)
         ]),
-        vue.createElementVNode("div", _hoisted_3$f, [
-          vue.createElementVNode("div", _hoisted_4$b, [
+        vue.createElementVNode("div", _hoisted_3$g, [
+          vue.createElementVNode("div", _hoisted_4$c, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList((_b = vue.unref(entityMeta)) == null ? void 0 : _b.fields, (field) => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 key: `${field.fieldname}header`,
@@ -19416,8 +19418,8 @@ const _sfc_main$l = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   __name: "TextInput",
@@ -19511,7 +19513,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.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)), [
             [
               vue.vModelDynamic,
               vue.unref(inputVal),
@@ -19535,7 +19537,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.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)), [
             [vue.vModelText, vue.unref(inputVal)]
           ]),
           _ctx.helptext ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_5$a, vue.toDisplayString(_ctx.helptext), 1)) : vue.createCommentVNode("", true)
@@ -19628,11 +19630,11 @@ const _sfc_main$i = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   __name: "DatePicker",
@@ -19682,7 +19684,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
             _: 1
           }, 16, ["modelValue", "allowed-dates", "disabled-dates"])
         ]),
-        _ctx.showTimeWrap ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$d, [
+        _ctx.showTimeWrap ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$e, [
           (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", {
@@ -19691,7 +19693,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
                 type: "radio",
                 name: _ctx.label,
                 value: hr2
-              }, null, 8, _hoisted_4$9), [
+              }, null, 8, _hoisted_4$a), [
                 [vue.vModelRadio, selectedHour.value]
               ]),
               vue.createElementVNode("label", {
@@ -19706,8 +19708,8 @@ const _sfc_main$h = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   __name: "RadioPillsInput",
@@ -19752,7 +19754,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$l, [
         vue.createElementVNode("label", _hoisted_2$g, vue.toDisplayString(_ctx.label), 1),
-        vue.createElementVNode("div", _hoisted_3$c, [
+        vue.createElementVNode("div", _hoisted_3$d, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (option2, index2) => {
             return vue.openBlock(), vue.createElementBlock("div", {
               key: index2,
@@ -19765,7 +19767,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
                 value: getValue(option2),
                 checked: vue.unref(selectedValue) === getValue(option2),
                 onChange: handleSelect
-              }, null, 40, _hoisted_4$8),
+              }, null, 40, _hoisted_4$9),
               vue.createElementVNode("label", {
                 for: `${_ctx.id}-${getValue(option2)}`
               }, vue.toDisplayString(getLabel(option2)), 9, _hoisted_5$8)
@@ -19782,8 +19784,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 = {
@@ -19858,6 +19860,19 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
       },
       { immediate: true }
     );
+    vue.watch(() => props2.modelValue, () => {
+      const newModelValue = props2.modelValue || [];
+      const currentValue = [file_bindkeys.value].flat();
+      const newValue = [newModelValue].flat();
+      const isSame = currentValue.every((id) => newValue.includes(id)) && newValue.every((id) => currentValue.includes(id)) && currentValue.length === newValue.length;
+      if (!isSame) {
+        file_bindkeys.value = newModelValue;
+        for (const fle of storageFiles.value) {
+          const index2 = [file_bindkeys.value].flat().findIndex((key) => fle[bindKey2] === key);
+          if (index2 === -1) storageFiles.value.splice(index2, 1);
+        }
+      }
+    });
     function updateModelValue() {
       let idValue;
       if (props2.multiple) {
@@ -19966,14 +19981,14 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
                     class: "multi-preview",
                     src: file.url,
                     alt: ""
-                  }, null, 8, _hoisted_3$b)), [
+                  }, null, 8, _hoisted_3$c)), [
                     [_directive_lightbox]
                   ]) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$Q), {
                     key: 1,
                     icon: "draft",
                     class: "multi-preview"
                   })),
-                  vue.createElementVNode("p", _hoisted_4$7, vue.toDisplayString(file.name), 1),
+                  vue.createElementVNode("p", _hoisted_4$8, vue.toDisplayString(file.name), 1),
                   vue.createVNode(vue.unref(Btn), {
                     thin: "",
                     flat: "",
@@ -20078,14 +20093,14 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const $el = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-d4a17ec6"]]);
+const $el = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-a0ae528d"]]);
 const _withScopeId$1 = (n2) => (vue.pushScopeId("data-v-06b95183"), n2 = n2(), vue.popScopeId(), n2);
 const _hoisted_1$j = ["title"];
 const _hoisted_2$e = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   __name: "ToggleInput",
@@ -20115,13 +20130,13 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
       }, [
         vue.createElementVNode("div", {
           class: vue.normalizeClass(["switch", { checked: checked.value }])
-        }, _hoisted_3$a, 2),
+        }, _hoisted_3$b, 2),
         vue.withDirectives(vue.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), [
           [vue.vModelCheckbox, checked.value]
         ]),
         vue.createElementVNode("label", { for: inputId.value }, [
@@ -46288,8 +46303,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__ */ vue.defineComponent({
@@ -46589,9 +46604,9 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
                           key: 0,
                           country: pb.iso2
                         }, null, 8, ["country"])) : vue.createCommentVNode("", true),
-                        vue.createElementVNode("p", _hoisted_4$5, vue.toDisplayString(pb.name), 1),
+                        vue.createElementVNode("p", _hoisted_4$6, vue.toDisplayString(pb.name), 1),
                         computedDropDownOptions.value.showDialCodeInList ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$5, " +" + vue.toDisplayString(pb.dialCode), 1)) : vue.createCommentVNode("", true)
-                      ], 40, _hoisted_3$9);
+                      ], 40, _hoisted_3$a);
                     }), 128))
                   ], 2)
                 ])
@@ -47389,23 +47404,22 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   emits: ["action"],
   setup(__props, { emit: __emit }) {
     const emit2 = __emit;
-    vue.ref(null);
-    vue.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);
@@ -47424,12 +47438,12 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
               key: action.name,
               thin: "",
               flat: "",
-              class: "rounded",
+              class: vue.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]
             ]) : vue.createCommentVNode("", true),
             action.name === "separator" ? (vue.openBlock(), vue.createElementBlock("span", {
               key: `separator-${index2}`,
@@ -47614,7 +47628,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"
 };
@@ -47653,7 +47669,8 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
       "splitView",
       "youtube",
       "codeView",
-      "clear"
+      "clear",
+      "fullScreen"
     ];
     const config = vue.ref(props2.toolbarConfig || defaultConfig2);
     let contentHtml = vue.ref(props2.modelValue);
@@ -47689,12 +47706,21 @@ const _sfc_main$9 = /* @__PURE__ */ vue.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");
+      }
+    }
     vue.watch(() => props2.modelValue, (newValue) => {
       if (newValue !== contentHtml.value) {
         contentHtml.value = newValue;
@@ -47740,12 +47766,8 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
           config: config.value,
           onAction: handleToolbarAction
         }, null, 8, ["config"]),
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass(["editor-container flex flex-stretch", { "split-view": vue.unref(isSplitView) }])
-        }, [
-          vue.createElementVNode("div", {
-            class: vue.normalizeClass(["content-area rounded p-1 bg-white shadow-light w-100 grid", { "code-view": vue.unref(isCodeView) }])
-          }, [
+        vue.createElementVNode("div", _hoisted_2$b, [
+          vue.createElementVNode("div", _hoisted_3$9, [
             vue.unref(isCodeView) ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("textarea", {
               key: 0,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(contentHtml) ? contentHtml.value = $event : contentHtml = $event),
@@ -47764,14 +47786,14 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
               onInput: updateContent,
               onKeydown: handleKeyDown2
             }, null, 544))
-          ], 2),
-          vue.unref(isSplitView) ? (vue.openBlock(), vue.createElementBlock("code", _hoisted_2$b, vue.toDisplayString(vue.unref(contentHtml)), 1)) : vue.createCommentVNode("", true)
-        ], 2)
+          ]),
+          vue.unref(isSplitView) ? (vue.openBlock(), vue.createElementBlock("code", _hoisted_4$5, vue.toDisplayString(vue.unref(contentHtml)), 1)) : vue.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" };