@bagelink/vue 0.0.300 → 0.0.304

package/dist/index.cjs

@@ -4880,7 +4880,7 @@ const ModalPlugin = {
           const props2 = { ...modal.modalOptions, visible: true, "onUpdate:visible": () => hideModal(index2) };
           if (modal.modalType === "modalForm")
             return vue.h(ModalForm, props2, modal.componentSlots);
-          return vue.h(_sfc_main$B, props2, modal.componentSlots);
+          return vue.h(_sfc_main$C, props2, modal.componentSlots);
         });
       }
     });
@@ -4958,21 +4958,6 @@ const iffer = (field, itemData) => {
   return true;
 };
 const denullify = (itemData, fieldID) => fieldID && itemData ? itemData[fieldID] : null;
-const _hoisted_1$I = { ref: "el" };
-const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
-  __name: "LangText",
-  props: {
-    input: {}
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-        vue.createElementVNode("span", _hoisted_1$I, null, 512),
-        vue.createTextVNode(" " + vue.toDisplayString(_ctx.input), 1)
-      ], 64);
-    };
-  }
-});
 function OrderedMap(content) {
   this.content = content;
 }
@@ -17080,8 +17065,8 @@ const marks = {
   }
 };
 const schema = new Schema({ nodes, marks });
-const _hoisted_1$H = ["id"];
-const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$J = ["id"];
+const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   __name: "RTXEditor",
   props: {
     elementId: { default: Math.random().toString(36).substr(2, 9) },
@@ -17158,11 +17143,11 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
         onClick: focusEditor,
         id: `canvas-${_ctx.elementId}`,
         onKeydown: _cache[0] || (_cache[0] = vue.withKeys(vue.withModifiers(($event) => _ctx.$emit("keydown.meta.enter"), ["meta"]), ["enter"]))
-      }, null, 40, _hoisted_1$H);
+      }, null, 40, _hoisted_1$J);
     };
   }
 });
-const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
   __name: "MaterialIcon",
   props: {
     icon: {},
@@ -17178,13 +17163,13 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$G = { class: "full-nav" };
-const _hoisted_2$x = { class: "nav-scroll" };
+const _hoisted_1$I = { class: "full-nav" };
+const _hoisted_2$y = { class: "nav-scroll" };
 const _hoisted_3$p = { class: "nav-links-wrapper" };
-const _hoisted_4$i = { class: "tooltip" };
-const _hoisted_5$f = { class: "bot-buttons-wrapper" };
+const _hoisted_4$h = { class: "tooltip" };
+const _hoisted_5$e = { class: "bot-buttons-wrapper" };
 const _hoisted_6$a = { class: "tooltip" };
-const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
   __name: "NavBar",
   props: {
     footerLinks: { default: () => [] },
@@ -17208,13 +17193,13 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
           "aria-label": "Toggle Navigation",
           tabindex: "0"
         }, [
-          vue.createVNode(vue.unref(_sfc_main$E), {
+          vue.createVNode(vue.unref(_sfc_main$F), {
             icon: "chevron_right",
             class: "top-arrow"
           })
         ], 32),
-        vue.createElementVNode("div", _hoisted_1$G, [
-          vue.createElementVNode("div", _hoisted_2$x, [
+        vue.createElementVNode("div", _hoisted_1$I, [
+          vue.createElementVNode("div", _hoisted_2$y, [
             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"), {
@@ -17227,17 +17212,17 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
                   }
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(_sfc_main$E), {
+                    vue.createVNode(vue.unref(_sfc_main$F), {
                       icon: link.materialIcon
                     }, null, 8, ["icon"]),
-                    vue.createElementVNode("div", _hoisted_4$i, vue.toDisplayString(link.label), 1)
+                    vue.createElementVNode("div", _hoisted_4$h, vue.toDisplayString(link.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["to", "onClick"]);
               }), 128))
             ])
           ]),
-          vue.createElementVNode("div", _hoisted_5$f, [
+          vue.createElementVNode("div", _hoisted_5$e, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.footerLinks, (link) => {
               return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(link.to ? "router-link" : "div"), {
                 class: "nav-button",
@@ -17249,7 +17234,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
                 key: link.label
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(_sfc_main$E), {
+                  vue.createVNode(vue.unref(_sfc_main$F), {
                     icon: link.materialIcon
                   }, null, 8, ["icon"]),
                   vue.createElementVNode("div", _hoisted_6$a, vue.toDisplayString(link.label), 1)
@@ -17271,16 +17256,16 @@ const _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-776ccc02"]]);
-const _hoisted_1$F = {
+const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-1da5b921"]]);
+const _hoisted_1$H = {
   key: 0,
   class: "loading"
 };
-const _hoisted_2$w = {
+const _hoisted_2$x = {
   key: 1,
   class: "bgl_btn-flex"
 };
-const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   __name: "Btn",
   props: {
     disabled: { type: Boolean, default: false },
@@ -17302,8 +17287,8 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     vue.useCssVars((_ctx) => ({
-      "76ea4ab4": computedBackgroundColor.value,
-      "e3fe6ee2": cumputedTextColor.value
+      "f1f27722": computedBackgroundColor.value,
+      "b7042aec": cumputedTextColor.value
     }));
     const slots = vue.useSlots();
     const props2 = __props;
@@ -17366,8 +17351,8 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
         })
       }, {
         default: vue.withCtx(() => [
-          _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$F)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$w, [
-            _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$E), {
+          _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$H)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$x, [
+            _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$F), {
               key: 0,
               icon: _ctx.icon
             }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
@@ -17375,7 +17360,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
             !vue.unref(slots)["default"] && _ctx.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
               vue.createTextVNode(vue.toDisplayString(_ctx.value), 1)
             ], 64)) : vue.createCommentVNode("", true),
-            props2["icon.end"] ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$E), {
+            props2["icon.end"] ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$F), {
               key: 2,
               icon: props2["icon.end"]
             }, null, 8, ["icon"])) : vue.createCommentVNode("", true)
@@ -17386,10 +17371,10 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-7a7625e7"]]);
-const _hoisted_1$E = { class: "tool-bar" };
-const _hoisted_2$v = { class: "modal-footer mt-3" };
-const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-0c8d9a95"]]);
+const _hoisted_1$G = { class: "tool-bar" };
+const _hoisted_2$w = { class: "modal-footer mt-3" };
+const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   __name: "Modal",
   props: {
     side: { type: Boolean },
@@ -17419,8 +17404,8 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     const escapeKeyClose = (e) => (props2 == null ? void 0 : props2.dismissable) && useEscape(e, () => closeModal());
     function openModal() {
       setTimeout(() => isVisible.value = true, 1);
-      document.addEventListener("keydown", escapeKeyClose);
     }
+    vue.onMounted(() => document.addEventListener("keydown", escapeKeyClose));
     vue.onUnmounted(() => {
       document.removeEventListener("keydown", escapeKeyClose);
     });
@@ -17430,13 +17415,13 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
         onClick: _cache[1] || (_cache[1] = () => _ctx.dismissable ? closeModal() : ""),
         onKeydown: vue.withKeys(closeModal, ["esc"])
       }, [
-        vue.createVNode(vue.unref(_sfc_main$p), {
+        vue.createVNode(vue.unref(_sfc_main$q), {
           class: "modal",
           onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
           }, ["stop"]))
         }, {
           default: vue.withCtx(() => [
-            vue.createElementVNode("header", _hoisted_1$E, [
+            vue.createElementVNode("header", _hoisted_1$G, [
               vue.renderSlot(_ctx.$slots, "toolbar"),
               vue.createVNode(vue.unref(Btn), {
                 style: vue.normalizeStyle({ float: _ctx.side ? "left" : "right" }),
@@ -17444,7 +17429,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
                 icon: "close",
                 onClick: closeModal
               }, null, 8, ["style"]),
-              _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$n), {
+              _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$o), {
                 key: 0,
                 class: "modal-title",
                 tag: "h3",
@@ -17452,7 +17437,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
               }, null, 8, ["label"])) : vue.createCommentVNode("", true)
             ]),
             vue.renderSlot(_ctx.$slots, "default"),
-            vue.createElementVNode("footer", _hoisted_2$v, [
+            vue.createElementVNode("footer", _hoisted_2$w, [
               (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,
@@ -17469,7 +17454,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   __name: "ModalForm",
   props: /* @__PURE__ */ vue.mergeModels({
     side: { type: Boolean },
@@ -17526,7 +17511,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     }
     __expose({ setFormValues });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$B), {
+      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$C), {
         "onOnUpdate:isModalVisible": props2["onUpdate:isModalVisible"],
         side: _ctx.side,
         ref_key: "modal",
@@ -17577,12 +17562,12 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-dca6fe18"]]);
-const _hoisted_1$D = { class: "accordion-item" };
-const _hoisted_2$u = ["aria-expanded", "aria-controls"];
+const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-7e6899c7"]]);
+const _hoisted_1$F = { class: "accordion-item" };
+const _hoisted_2$v = ["aria-expanded", "aria-controls"];
 const _hoisted_3$o = { class: "accordion-label" };
-const _hoisted_4$h = ["id", "aria-hidden"];
-const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_4$g = ["id", "aria-hidden"];
+const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   __name: "AccordionItem",
   props: {
     label: {},
@@ -17606,7 +17591,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
         accordionState.openItem = null;
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$D, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$F, [
         vue.createElementVNode("button", {
           onClick: _cache[0] || (_cache[0] = ($event) => toggle()),
           "aria-expanded": vue.unref(open) ? "true" : "false",
@@ -17617,9 +17602,9 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["accordion-icon", { open: vue.unref(open) }])
           }, [
-            vue.createVNode(vue.unref(_sfc_main$E), { icon: "expand_more" })
+            vue.createVNode(vue.unref(_sfc_main$F), { icon: "expand_more" })
           ], 2)
-        ], 8, _hoisted_2$u),
+        ], 8, _hoisted_2$v),
         vue.createVNode(vue.Transition, { name: "expand" }, {
           default: vue.withCtx(() => [
             vue.unref(open) ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -17629,7 +17614,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
               "aria-hidden": vue.unref(open) ? "false" : "true"
             }, [
               vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
-            ], 8, _hoisted_4$h)) : vue.createCommentVNode("", true)
+            ], 8, _hoisted_4$g)) : vue.createCommentVNode("", true)
           ]),
           _: 3
         })
@@ -17637,62 +17622,29 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-bf74738b"]]);
-const _hoisted_1$C = { class: "card list-view grid thin" };
-const _hoisted_2$t = { class: "list-header flex gap-3 align-items-top" };
-const _hoisted_3$n = {
-  key: 0,
-  class: "bagel-input search-wrap"
-};
-const _hoisted_4$g = ["placeholder"];
-const _hoisted_5$e = { class: "list-content grid auto-flow-rows align-items-start" };
-const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-bf74738b"]]);
+const _hoisted_1$E = { class: "list-wrap bgl_card thin grid overflow-hidden h-100 p-0" };
+const _hoisted_2$u = { class: "p-1" };
+const _hoisted_3$n = { class: "list-content auto-flow-rows align-items-start overflow-y h-100" };
+const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   __name: "ListView",
-  props: {
-    enableAdd: { type: Boolean },
-    enableSearch: { type: Boolean },
-    searchPlaceholder: {}
-  },
-  emits: ["search", "add", "debounce"],
-  setup(__props, { emit: __emit }) {
-    const emit2 = __emit;
-    const searchTerm = vue.ref("");
-    const search = () => {
-      emit2("search", searchTerm.value);
-      debounce(() => emit2("debounce", searchTerm.value));
-    };
+  setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$C, [
-        vue.createElementVNode("div", _hoisted_2$t, [
-          _ctx.enableSearch ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$n, [
-            vue.withDirectives(vue.createElementVNode("input", {
-              placeholder: _ctx.searchPlaceholder,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchTerm.value = $event),
-              onInput: _cache[1] || (_cache[1] = ($event) => search())
-            }, null, 40, _hoisted_4$g), [
-              [vue.vModelText, searchTerm.value]
-            ]),
-            vue.createVNode(vue.unref(_sfc_main$E), {
-              class: "txtgray",
-              icon: "search"
-            })
-          ])) : vue.createCommentVNode("", true),
-          _ctx.enableAdd ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
-            key: 1,
-            icon: "add",
-            onClick: _cache[2] || (_cache[2] = ($event) => emit2("add"))
-          })) : vue.createCommentVNode("", true)
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$E, [
+        vue.createElementVNode("div", _hoisted_2$u, [
+          vue.renderSlot(_ctx.$slots, "header")
         ]),
-        vue.createElementVNode("div", _hoisted_5$e, [
+        vue.createTextVNode(),
+        vue.createElementVNode("div", _hoisted_3$n, [
           vue.renderSlot(_ctx.$slots, "default")
         ])
       ]);
     };
   }
 });
-const _hoisted_1$B = { class: "txt16 no-margin ellipsis" };
-const _hoisted_2$s = { class: "txt14 no-margin txtgray ellipsis" };
-const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$D = { class: "txt16 no-margin ellipsis" };
+const _hoisted_2$t = { class: "txt14 no-margin txt-gray ellipsis" };
+const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
   __name: "ListItem",
   props: {
     src: {},
@@ -17716,11 +17668,11 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
             size: 40
           }, null, 8, ["name", "src"])) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", null, [
-            vue.createElementVNode("p", _hoisted_1$B, [
+            vue.createElementVNode("p", _hoisted_1$D, [
               vue.createTextVNode(vue.toDisplayString(_ctx.title) + " ", 1),
               vue.renderSlot(_ctx.$slots, "default")
             ]),
-            vue.createElementVNode("p", _hoisted_2$s, [
+            vue.createElementVNode("p", _hoisted_2$t, [
               vue.createTextVNode(vue.toDisplayString(_ctx.subtitle) + " ", 1),
               vue.renderSlot(_ctx.$slots, "subtitle")
             ])
@@ -17731,10 +17683,10 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$A = { class: "card tabs-top" };
-const _hoisted_2$r = { class: "tabs grid auto-flow-columns fit-content" };
+const _hoisted_1$C = { class: "bgl_card tabs-top" };
+const _hoisted_2$s = { class: "tabs grid auto-flow-columns fit-content" };
 const _hoisted_3$m = ["onClick"];
-const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   __name: "TabbedLayout",
   props: {
     title: {},
@@ -17769,9 +17721,9 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(["h-100 grid list-view gap-3", { "side-tabs": _ctx.sideTabs }])
       }, [
-        vue.createElementVNode("div", _hoisted_1$A, [
+        vue.createElementVNode("div", _hoisted_1$C, [
           vue.renderSlot(_ctx.$slots, "top-section", {}, void 0, true),
-          vue.createElementVNode("div", _hoisted_2$r, [
+          vue.createElementVNode("div", _hoisted_2$s, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.tabs, (tab) => {
               var _a2;
               return vue.openBlock(), vue.createElementBlock("div", {
@@ -17796,16 +17748,16 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TabbedLayout = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-09fce741"]]);
-const _hoisted_1$z = { class: "comments-wrap" };
-const _hoisted_2$q = { class: "comment-list" };
+const TabbedLayout = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-a45251cc"]]);
+const _hoisted_1$B = { class: "comments-wrap" };
+const _hoisted_2$r = { class: "comment-list" };
 const _hoisted_3$l = { class: "comment-top" };
 const _hoisted_4$f = { class: "comment-owner" };
 const _hoisted_5$d = { class: "comment-time" };
 const _hoisted_6$9 = { class: "comment-actions" };
 const _hoisted_7$5 = ["innerHTML"];
 const _hoisted_8$2 = { class: "new-comment" };
-const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
   __name: "Comments",
   props: {
     ref_table: {},
@@ -17848,8 +17800,8 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
       void fetchData();
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$z, [
-        vue.createElementVNode("div", _hoisted_2$q, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$B, [
+        vue.createElementVNode("div", _hoisted_2$r, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(comments), (comment) => {
             var _a2, _b, _c;
             return vue.openBlock(), vue.createElementBlock("div", {
@@ -17863,19 +17815,19 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
                 vue.createElementVNode("div", _hoisted_4$f, vue.toDisplayString(comment.sender.first_name) + " " + vue.toDisplayString(comment.sender.last_name), 1),
                 vue.createElementVNode("div", _hoisted_5$d, vue.toDisplayString(comment.updated_at.split("T")[0]), 1),
                 vue.createElementVNode("div", _hoisted_6$9, [
-                  vue.createVNode(vue.unref(_sfc_main$E), {
+                  vue.createVNode(vue.unref(_sfc_main$F), {
                     size: 1,
                     class: "edit",
                     icon: "edit",
                     onClick: ($event) => vue.isRef(editComment) ? editComment.value = comment : editComment = comment
                   }, null, 8, ["onClick"]),
-                  vue.createVNode(vue.unref(_sfc_main$E), {
+                  vue.createVNode(vue.unref(_sfc_main$F), {
                     size: 1.2,
                     class: "delete",
                     icon: "delete",
                     onClick: ($event) => deleteComment(comment.id)
                   }, null, 8, ["onClick"]),
-                  vue.createVNode(vue.unref(_sfc_main$E), {
+                  vue.createVNode(vue.unref(_sfc_main$F), {
                     size: 1.2,
                     class: "save",
                     icon: "save",
@@ -17883,7 +17835,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
                   })
                 ])
               ]),
-              vue.unref(editComment) !== null && ((_c = vue.unref(editComment)) == null ? void 0 : _c.id) === comment.id ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$F), {
+              vue.unref(editComment) !== null && ((_c = vue.unref(editComment)) == null ? void 0 : _c.id) === comment.id ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$G), {
                 key: 0,
                 modelValue: vue.unref(editComment).body_html,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(editComment).body_html = $event),
@@ -17897,7 +17849,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
           }), 128))
         ]),
         vue.createElementVNode("div", _hoisted_8$2, [
-          vue.createVNode(vue.unref(_sfc_main$F), {
+          vue.createVNode(vue.unref(_sfc_main$G), {
             class: "comment-input",
             modelValue: vue.unref(bodyHtml),
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(bodyHtml) ? bodyHtml.value = $event : bodyHtml = $event),
@@ -17917,10 +17869,10 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Comments = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-c4b41dc0"]]);
-const _hoisted_1$y = { class: "page-top" };
-const _hoisted_2$p = { class: "top-title" };
-const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+const Comments = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-c4b41dc0"]]);
+const _hoisted_1$A = { class: "page-top" };
+const _hoisted_2$q = { class: "top-title" };
+const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   __name: "PageTitle",
   props: {
     value: {
@@ -17930,8 +17882,8 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$y, [
-        vue.createElementVNode("h1", _hoisted_2$p, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$A, [
+        vue.createElementVNode("h1", _hoisted_2$q, [
           vue.renderSlot(_ctx.$slots, "default"),
           vue.createTextVNode(" " + vue.toDisplayString(__props.value), 1)
         ])
@@ -17939,14 +17891,14 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$x = { class: "table-list-wrap h-100" };
-const _hoisted_2$o = { class: "infinite-wrapper" };
+const _hoisted_1$z = { class: "table-list-wrap h-100" };
+const _hoisted_2$p = { class: "infinite-wrapper" };
 const _hoisted_3$k = { class: "row first-row" };
 const _hoisted_4$e = ["onClick"];
 const _hoisted_5$c = { class: "flex" };
 const _hoisted_6$8 = ["onClick"];
 const _hoisted_7$4 = { key: 1 };
-const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   __name: "TableSchema",
   props: {
     data: {},
@@ -17980,8 +17932,8 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
       emit2("orderBy", `${fieldname} ${sortDirection.value}`.trim());
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$x, [
-        vue.createElementVNode("table", _hoisted_2$o, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$z, [
+        vue.createElementVNode("table", _hoisted_2$p, [
           vue.createElementVNode("thead", _hoisted_3$k, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(computedSchema.value, (field) => {
               return vue.openBlock(), vue.createElementBlock("th", {
@@ -17990,11 +17942,11 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
                 onClick: ($event) => sort2((field == null ? void 0 : field.id) || "")
               }, [
                 vue.createElementVNode("div", _hoisted_5$c, [
-                  vue.createTextVNode(vue.toDisplayString(field.id) + " ", 1),
+                  vue.createTextVNode(vue.toDisplayString(field.label || vue.unref(keyToLabel)(field.id)) + " ", 1),
                   vue.createElementVNode("div", {
                     class: vue.normalizeClass(["list-arrows", { sorted: vue.unref(sortField) === field.id }])
                   }, [
-                    vue.createVNode(vue.unref(_sfc_main$E), {
+                    vue.createVNode(vue.unref(_sfc_main$F), {
                       class: vue.normalizeClass({ desc: vue.unref(sortDirection) === "DESC" }),
                       icon: "keyboard_arrow_up"
                     }, null, 8, ["class"])
@@ -18038,16 +17990,16 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-2137a7a8"]]);
-const _sfc_main$s = {};
-const _hoisted_1$w = { class: "flex space-between" };
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-f3641508"]]);
+const _sfc_main$t = {};
+const _hoisted_1$y = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$w, [
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$y, [
     vue.renderSlot(_ctx.$slots, "default")
   ]);
 }
-const TopBar = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$1]]);
-const _sfc_main$r = {};
+const TopBar = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$1]]);
+const _sfc_main$s = {};
 function _sfc_render(_ctx, _cache) {
   const _component_router_view = vue.resolveComponent("router-view");
   return vue.openBlock(), vue.createBlock(_component_router_view, null, {
@@ -18069,12 +18021,12 @@ function _sfc_render(_ctx, _cache) {
     _: 1
   });
 }
-const RouterWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render]]);
-const _hoisted_1$v = {
+const RouterWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render]]);
+const _hoisted_1$x = {
   key: 0,
   class: "data"
 };
-const _hoisted_2$n = {
+const _hoisted_2$o = {
   key: 0,
   class: "data-row"
 };
@@ -18082,7 +18034,7 @@ const _hoisted_3$j = { class: "key" };
 const _hoisted_4$d = { key: 1 };
 const _hoisted_5$b = { class: "key" };
 const _hoisted_6$7 = { class: "vlue" };
-const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
   __name: "DataPreview",
   props: /* @__PURE__ */ vue.mergeModels({
     schema: {},
@@ -18096,8 +18048,8 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     const itemData = vue.useModel(__props, "data");
     return (_ctx, _cache) => {
       var _a2;
-      return __props.data ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$v, [
-        _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$n), {
+      return __props.data ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$x, [
+        _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$o), {
           key: 0,
           label: _ctx.title
         }, null, 8, ["label"])) : vue.createCommentVNode("", true),
@@ -18105,7 +18057,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
           return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
             key: field.id
           }, [
-            vue.unref(iffer)(field, itemData.value) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$n, [
+            vue.unref(iffer)(field, itemData.value) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$o, [
               vue.createElementVNode("div", _hoisted_3$j, vue.toDisplayString((field == null ? void 0 : field.label) || vue.unref(keyToLabel)(field.id)), 1),
               vue.createVNode(vue.unref(_sfc_main$g), {
                 field,
@@ -18131,27 +18083,36 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-bb2526f9"]]);
-const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-bb2526f9"]]);
+const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   __name: "Card",
   props: {
     thin: { type: Boolean },
-    border: { type: Boolean },
+    outline: { type: Boolean },
     h100: { type: Boolean },
+    overflowX: { type: Boolean },
+    overflowY: { type: Boolean },
     bg: {}
   },
   setup(__props) {
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["card", { thin: _ctx.thin, border: _ctx.border, "h-100": _ctx.h100, [_ctx.bg || ""]: _ctx.bg }])
+        class: vue.normalizeClass(["bgl_card", {
+          thin: _ctx.thin,
+          border: _ctx.outline,
+          "h-100": _ctx.h100,
+          [_ctx.bg || ""]: _ctx.bg,
+          "overflow-x": _ctx.overflowX,
+          "overflow-y": _ctx.overflowY
+        }])
       }, [
         vue.renderSlot(_ctx.$slots, "default")
       ], 2);
     };
   }
 });
-const _hoisted_1$u = ["src", "alt"];
-const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$w = ["src", "alt"];
+const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   __name: "Avatar",
   props: {
     fallback: {},
@@ -18169,16 +18130,16 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
           key: 0,
           src: _ctx.src,
           alt: _ctx.name
-        }, null, 8, _hoisted_1$u)) : (vue.openBlock(), vue.createElementBlock("p", {
+        }, null, 8, _hoisted_1$w)) : (vue.openBlock(), vue.createElementBlock("p", {
           key: 1,
-          style: vue.normalizeStyle({ "line-height": `${_ctx.size * 0.9}px` })
+          style: vue.normalizeStyle({ "line-height": `${_ctx.size}px`, "font-size": `calc(1.5rem * ${_ctx.size} / 50)` })
         }, vue.toDisplayString(_ctx.fallback || vue.unref(initials)(_ctx.name || "")), 5))
       ], 4);
     };
   }
 });
-const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-b46163a3"]]);
-const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-c38bc02a"]]);
+const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   __name: "Title",
   props: {
     value: {
@@ -18206,7 +18167,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
   __name: "Accordion",
   setup(__props) {
     const state = vue.reactive({
@@ -18220,8 +18181,8 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$t = ["onClick"];
-const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$v = ["onClick"];
+const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   __name: "ComboBox",
   props: {
     options: {},
@@ -18301,7 +18262,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
         class: "bagel-input combobox"
       }, {
         popper: vue.withCtx(({ hide }) => [
-          vue.createVNode(vue.unref(_sfc_main$p), {
+          vue.createVNode(vue.unref(_sfc_main$q), {
             thin: "",
             class: "combobox-options"
           }, {
@@ -18326,11 +18287,11 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
                   }
                 }, [
                   vue.createElementVNode("span", null, vue.toDisplayString(label(option2)), 1),
-                  isSelected(option2) ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$E), {
+                  isSelected(option2) ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$F), {
                     key: 0,
                     icon: "check"
                   })) : vue.createCommentVNode("", true)
-                ], 10, _hoisted_1$t);
+                ], 10, _hoisted_1$v);
               }), 128))
             ]),
             _: 2
@@ -18343,7 +18304,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
             onClick: toggle
           }, [
             vue.createTextVNode(vue.toDisplayString(valueToLabel(vue.unref(selectedItem)) || _ctx.placeholder || "Select") + " ", 1),
-            vue.createVNode(vue.unref(_sfc_main$E), vue.normalizeProps(vue.guardReactiveProps({ "icon": vue.unref(open) ? "unfold_less" : "unfold_more" })), null, 16)
+            vue.createVNode(vue.unref(_sfc_main$F), vue.normalizeProps(vue.guardReactiveProps({ "icon": vue.unref(open) ? "unfold_less" : "unfold_more" })), null, 16)
           ]),
           _ctx.required ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
             key: 0,
@@ -18359,36 +18320,48 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ComboBox = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-ceeb5855"]]);
-const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+const ComboBox = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-ceeb5855"]]);
+const _hoisted_1$u = ["dismissable"];
+const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   __name: "Alert",
   props: {
     message: {},
+    dismissable: { type: Boolean },
     type: { default: "info" }
   },
   setup(__props) {
+    const isDismissed = vue.ref(false);
     const color2 = {
-      info: "#739DEF",
-      warning: "#efdb73",
-      error: "#DC3545"
+      info: "var(--bgl-primary)",
+      warning: "var(--bgl-yellow)",
+      error: "var(--bgl-red)"
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["alert", [_ctx.type]])
+      return !isDismissed.value ? (vue.openBlock(), vue.createElementBlock("div", {
+        key: 0,
+        class: vue.normalizeClass(["alert", [_ctx.type]]),
+        dismissable: _ctx.dismissable
       }, [
-        vue.createVNode(vue.unref(_sfc_main$E), {
+        vue.createVNode(vue.unref(_sfc_main$F), {
           class: "alert_icon",
           icon: _ctx.type,
           size: 2,
           color: color2[_ctx.type]
         }, null, 8, ["icon", "color"]),
-        vue.createTextVNode(" " + vue.toDisplayString(_ctx.message), 1)
-      ], 2);
+        vue.createElementVNode("p", null, vue.toDisplayString(_ctx.message), 1),
+        vue.createVNode(Btn, {
+          onClick: _cache[0] || (_cache[0] = ($event) => isDismissed.value = true),
+          flat: "",
+          thin: "",
+          class: "alert_close",
+          icon: "close"
+        })
+      ], 10, _hoisted_1$u)) : vue.createCommentVNode("", true);
     };
   }
 });
-const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-f5e16fcc"]]);
-const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-94bfcb05"]]);
+const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
   __name: "Badge",
   props: {
     color: {},
@@ -18403,13 +18376,13 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(["pill", [_ctx.color]])
       }, [
-        _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$E), {
+        _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$F), {
           key: 0,
           class: "inline",
           icon: _ctx.icon
         }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
         vue.createTextVNode(" " + vue.toDisplayString(_ctx.text) + " ", 1),
-        props2["icon.end"] ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$E), {
+        props2["icon.end"] ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$F), {
           key: 1,
           class: "inline",
           icon: props2["icon.end"]
@@ -18418,11 +18391,11 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-64e0d988"]]);
-const _hoisted_1$s = { class: "bgl_vid" };
-const _hoisted_2$m = ["src"];
+const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-ad24530a"]]);
+const _hoisted_1$t = { class: "bgl_vid" };
+const _hoisted_2$n = ["src"];
 const _hoisted_3$i = ["src", "autoplay", "muted", "loop", "controls"];
-const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
   __name: "BglVideo",
   props: {
     src: {},
@@ -18461,7 +18434,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     });
     console.log("Video URL:", videoUrl.value);
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$s, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$t, [
         embedType.value ? (vue.openBlock(), vue.createElementBlock("iframe", {
           key: 0,
           src: videoUrl.value,
@@ -18469,20 +18442,192 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
           frameborder: "0",
           allowfullscreen: "",
           title: "Video"
-        }, null, 12, _hoisted_2$m)) : (vue.openBlock(), vue.createElementBlock("video", {
+        }, null, 12, _hoisted_2$n)) : (vue.openBlock(), vue.createElementBlock("video", {
           key: 1,
           src: _ctx.src,
           autoplay: _ctx.autoplay,
           muted: _ctx.mute,
           loop: _ctx.loop,
           style: vue.normalizeStyle({ aspectRatio: aspectRatio.value }),
-          controls: _ctx.controls
+          controls: _ctx.controls,
+          playsinline: ""
         }, null, 12, _hoisted_3$i))
       ]);
     };
   }
 });
-const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-ba12b0ff"]]);
+const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-23835d69"]]);
+const _hoisted_1$s = {
+  key: 0,
+  class: "blocker"
+};
+const _hoisted_2$m = { class: "Handlers" };
+const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+  __name: "Carousel",
+  props: {
+    autoHeight: {
+      type: Boolean,
+      default: false
+    },
+    allowScroll: {
+      type: Boolean,
+      default: true
+    },
+    freeDrag: {
+      type: Boolean,
+      default: true
+    },
+    items: {
+      type: Number,
+      default: 4
+    },
+    index: {
+      type: Number,
+      default: 0
+    }
+  },
+  emits: ["update:index"],
+  setup(__props, { emit: __emit }) {
+    const bglSlider = vue.ref();
+    let activeSlideIndex = vue.ref(0);
+    let isDragging = vue.ref(false);
+    let startX = vue.ref(0);
+    let scrollLeft = vue.ref(0);
+    let isPressed = vue.ref(false);
+    const emit2 = __emit;
+    const props2 = __props;
+    const disableDrag = () => {
+      var _a2, _b;
+      (_a2 = bglSlider.value) == null ? void 0 : _a2.querySelectorAll("img").forEach((e) => e.setAttribute("draggable", "false"));
+      for (const e of ((_b = bglSlider.value) == null ? void 0 : _b.children) || []) {
+        e.setAttribute("draggable", "false");
+        e.addEventListener("click", (e22) => e22.preventDefault());
+      }
+    };
+    let yHeight = vue.ref("auto");
+    const evalHeight = () => {
+      if (!props2.autoHeight || !bglSlider.value)
+        return;
+      const slidChildren = bglSlider.value.children[activeSlideIndex.value].children;
+      const height = Array.from(slidChildren).map((el) => el.clientHeight).reduce((a2, b2) => a2 + b2, 0);
+      yHeight.value = `${height}px`;
+    };
+    const goToSlide = (index2) => {
+      if (!bglSlider.value || index2 < 0 || index2 > bglSlider.value.children.length - 1)
+        return;
+      const slider = bglSlider.value;
+      const scrollX = slider.offsetWidth * index2;
+      slider.scrollTo({ left: scrollX, behavior: "smooth" });
+      activeSlideIndex.value = index2;
+      evalHeight();
+    };
+    vue.watch(() => props2.index, goToSlide);
+    vue.watch(activeSlideIndex.value, (index2) => emit2("update:index", index2));
+    const scrollEnd = () => {
+      const slider = bglSlider.value;
+      if (!slider || props2.items !== 1)
+        return;
+      const nextSlide = Math.round(slider.scrollLeft / slider.offsetWidth);
+      goToSlide(nextSlide);
+    };
+    const stopDragging = (e) => {
+      isPressed.value = false;
+      const slider = bglSlider.value;
+      if (!slider)
+        return;
+      const isDragForward = startX.value > e.pageX + slider.offsetLeft;
+      if (isDragForward)
+        activeSlideIndex.value = Math.ceil(slider.scrollLeft / slider.offsetWidth);
+      else
+        activeSlideIndex.value = Math.floor(slider.scrollLeft / slider.offsetWidth);
+      if (props2.items === 1)
+        goToSlide(activeSlideIndex.value);
+      startX.value = 0;
+      document.removeEventListener("mousemove", move);
+      document.removeEventListener("mouseup", stopDragging);
+      document.removeEventListener("dragend", stopDragging);
+      setTimeout(() => isDragging.value = false, 100);
+    };
+    const move = (e) => {
+      if (!bglSlider.value)
+        return;
+      const x2 = e.pageX - bglSlider.value.offsetLeft;
+      const walk = x2 - startX.value;
+      if (walk > 20 || walk < -20)
+        isDragging.value = true;
+      if (!isDragging.value)
+        return;
+      const scroll = x2 - startX.value;
+      bglSlider.value.scrollLeft = scrollLeft.value - scroll;
+    };
+    const startDragging = (e) => {
+      if (e.button !== 0 || !props2.freeDrag || !bglSlider.value)
+        return;
+      startX.value = e.pageX - bglSlider.value.offsetLeft;
+      scrollLeft.value = bglSlider.value.scrollLeft;
+      isPressed.value = true;
+      document.addEventListener("mousemove", move);
+      document.addEventListener("mouseup", stopDragging);
+      document.addEventListener("dragend", stopDragging);
+    };
+    const next = () => {
+      if (!bglSlider.value)
+        return;
+      const slideCount = bglSlider.value.children.length;
+      const isLastSlide = activeSlideIndex.value >= slideCount - 1;
+      if (isLastSlide)
+        goToSlide(0);
+      else
+        goToSlide(activeSlideIndex.value + 1);
+    };
+    const prev = () => {
+      if (!bglSlider.value)
+        return;
+      const slideCount = bglSlider.value.children.length;
+      if (activeSlideIndex.value === 0)
+        goToSlide(slideCount - 1);
+      else
+        goToSlide(activeSlideIndex.value - 1);
+    };
+    const evalWidth = () => {
+      if (!bglSlider.value)
+        return;
+      goToSlide(activeSlideIndex.value);
+    };
+    vue.onMounted(() => {
+      window.addEventListener("resize", evalWidth);
+      evalHeight();
+      disableDrag();
+    });
+    vue.onUnmounted(() => window.removeEventListener("resize", evalWidth));
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["BglCarousel", { autoHeight: __props.autoHeight }]),
+        style: vue.normalizeStyle({ height: vue.unref(yHeight) })
+      }, [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass([{ dragging: vue.unref(isDragging), clicking: vue.unref(isPressed), [`slides-${__props.items}`]: true, allowScroll: __props.allowScroll }, "bgl-slider"]),
+          onScrollend: scrollEnd,
+          onMousedown: startDragging,
+          ref_key: "bglSlider",
+          ref: bglSlider
+        }, [
+          vue.unref(isDragging) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$s)) : vue.createCommentVNode("", true),
+          vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ], 34),
+        vue.createElementVNode("div", _hoisted_2$m, [
+          vue.createElementVNode("span", { onClick: prev }, [
+            vue.renderSlot(_ctx.$slots, "prev", {}, void 0, true)
+          ]),
+          vue.createElementVNode("span", { onClick: next }, [
+            vue.renderSlot(_ctx.$slots, "next", {}, void 0, true)
+          ])
+        ])
+      ], 6);
+    };
+  }
+});
+const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-dc11f21a"]]);
 const _hoisted_1$r = {
   key: 1,
   type: "submit",
@@ -18563,7 +18708,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
         ref: form,
         onSubmit: vue.withModifiers(runSubmit, ["prevent"])
       }, [
-        _ctx.label ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$n), {
+        _ctx.label ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$o), {
           key: 0,
           tag: "h4",
           label: _ctx.label
@@ -31462,7 +31607,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
                       key: row.id
                     }, [
                       vue.createElementVNode("div", _hoisted_5$9, [
-                        vue.createVNode(vue.unref(_sfc_main$E), { icon: "more_vert" })
+                        vue.createVNode(vue.unref(_sfc_main$F), { icon: "more_vert" })
                       ]),
                       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList((_a3 = vue.unref(entityMeta)) == null ? void 0 : _a3.fields, (field) => {
                         return vue.openBlock(), vue.createElementBlock("div", {
@@ -31479,7 +31624,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
                         ], 2);
                       }), 128)),
                       vue.createElementVNode("div", _hoisted_6$5, [
-                        vue.createVNode(vue.unref(_sfc_main$E), {
+                        vue.createVNode(vue.unref(_sfc_main$F), {
                           icon: "delete",
                           onClick: ($event) => removeRow(index2)
                         }, null, 8, ["onClick"])
@@ -31641,12 +31786,12 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
           ]),
           _ctx.helptext ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_5$8, vue.toDisplayString(_ctx.helptext), 1)) : vue.createCommentVNode("", true)
         ], 8, _hoisted_2$f),
-        _ctx.iconStart ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$E), {
+        _ctx.iconStart ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$F), {
           key: 0,
           class: "iconStart",
           icon: _ctx.iconStart
         }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
-        _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$E), {
+        _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$F), {
           key: 1,
           icon: _ctx.icon
         }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
@@ -31685,7 +31830,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
           [vue.vModelCheckbox, val.value]
         ]),
         vue.createElementVNode("span", null, [
-          vue.createVNode(vue.unref(_sfc_main$E), { icon: "check" })
+          vue.createVNode(vue.unref(_sfc_main$F), { icon: "check" })
         ])
       ]);
     };
@@ -32050,7 +32195,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
                   style: vue.normalizeStyle([`--p:${fileQ.progress}`, { "--b": "2px" }])
                 }, [
                   fileQ.progress < 100 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_12, vue.toDisplayString(`${fileQ.progress.toFixed(0)}`), 1)) : vue.createCommentVNode("", true),
-                  vue.createVNode(vue.unref(_sfc_main$E), {
+                  vue.createVNode(vue.unref(_sfc_main$F), {
                     class: "success",
                     icon: "check"
                   })
@@ -38459,7 +38604,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1 = { class: "main-content" };
-const _hoisted_2 = { class: "view-wrapper card thin" };
+const _hoisted_2 = { class: "view-wrapper bgl_card thin" };
 const _hoisted_3 = { class: "whatsapp-wrap" };
 const _hoisted_4 = { class: "create-template-form" };
 const _hoisted_5 = { class: "whatsapp-msg" };
@@ -38565,7 +38710,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       var _a2, _b, _c, _d, _e2, _f;
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createVNode(vue.unref(_sfc_main$u), null, {
+        vue.createVNode(vue.unref(_sfc_main$v), null, {
           default: vue.withCtx(() => [
             vue.createTextVNode("Whatsapp Template")
           ]),
@@ -38597,7 +38742,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const MsgTemplate = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-d3e2966e"]]);
+const MsgTemplate = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-208db149"]]);
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "TextVariableExamples",
   props: {
@@ -38685,7 +38830,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-exports.Accordion = _sfc_main$m;
+exports.Accordion = _sfc_main$n;
 exports.AccordionItem = AccordionItem;
 exports.Alert = Alert;
 exports.Avatar = Avatar;
@@ -38696,7 +38841,8 @@ exports.BglField = _sfc_main$g;
 exports.BglForm = _sfc_main$h;
 exports.BglVideo = BglVideo;
 exports.Btn = Btn;
-exports.Card = _sfc_main$p;
+exports.Card = _sfc_main$q;
+exports.Carousel = Carousel;
 exports.CheckInput = CheckInput;
 exports.Checkbox = Checkbox;
 exports.ColorPicker = _sfc_main$7;
@@ -38706,20 +38852,19 @@ exports.DataPreview = DataPreview;
 exports.DateInput = _sfc_main$e;
 exports.DatePicker = _sfc_main$6;
 exports.FileUpload = FileUpload;
-exports.Icon = _sfc_main$E;
+exports.Icon = _sfc_main$F;
 exports.JSONInput = JSONInput;
-exports.LangText = _sfc_main$G;
 exports.Lineart = _sfc_main$2;
-exports.ListItem = _sfc_main$x;
-exports.ListView = _sfc_main$y;
-exports.MaterialIcon = _sfc_main$E;
-exports.Modal = _sfc_main$B;
+exports.ListItem = _sfc_main$y;
+exports.ListView = _sfc_main$z;
+exports.MaterialIcon = _sfc_main$F;
+exports.Modal = _sfc_main$C;
 exports.ModalForm = ModalForm;
 exports.ModalPlugin = ModalPlugin;
 exports.MsgTemplate = MsgTemplate;
 exports.NavBar = NavBar;
-exports.PageTitle = _sfc_main$u;
-exports.RTXEditor = _sfc_main$F;
+exports.PageTitle = _sfc_main$v;
+exports.RTXEditor = _sfc_main$G;
 exports.RadioPillsInput = RadioPillsInput;
 exports.RichTextEditor = RichTextEditor;
 exports.RouterWrapper = RouterWrapper;
@@ -38729,7 +38874,7 @@ exports.TableField = TableField;
 exports.TableSchema = TableSchema;
 exports.TextInput = TextInput;
 exports.TextVariableExamples = _sfc_main;
-exports.Title = _sfc_main$n;
+exports.Title = _sfc_main$o;
 exports.ToggleInput = ToggleInput;
 exports.TopBar = TopBar;
 exports.bagelInjectionKey = bagelInjectionKey;