@bagelink/vue 0.0.312 → 0.0.316

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$C, props2, modal.componentSlots);
+          return vue.h(_sfc_main$E, props2, modal.componentSlots);
         });
       }
     });
@@ -17066,7 +17066,7 @@ const marks = {
 };
 const schema = new Schema({ nodes, marks });
 const _hoisted_1$J = ["id"];
-const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
   __name: "RTXEditor",
   props: {
     elementId: { default: Math.random().toString(36).substr(2, 9) },
@@ -17147,7 +17147,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   __name: "MaterialIcon",
   props: {
     icon: {},
@@ -17169,7 +17169,7 @@ const _hoisted_3$p = { class: "nav-links-wrapper" };
 const _hoisted_4$h = { class: "tooltip" };
 const _hoisted_5$e = { class: "bot-buttons-wrapper" };
 const _hoisted_6$a = { class: "tooltip" };
-const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   __name: "NavBar",
   props: {
     footerLinks: { default: () => [] },
@@ -17193,7 +17193,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
           "aria-label": "Toggle Navigation",
           tabindex: "0"
         }, [
-          vue.createVNode(vue.unref(_sfc_main$F), {
+          vue.createVNode(vue.unref(_sfc_main$H), {
             icon: "chevron_right",
             class: "top-arrow"
           })
@@ -17212,7 +17212,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
                   }
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(_sfc_main$F), {
+                    vue.createVNode(vue.unref(_sfc_main$H), {
                       icon: link.materialIcon
                     }, null, 8, ["icon"]),
                     vue.createElementVNode("div", _hoisted_4$h, vue.toDisplayString(link.label), 1)
@@ -17234,7 +17234,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
                 key: link.label
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(_sfc_main$F), {
+                  vue.createVNode(vue.unref(_sfc_main$H), {
                     icon: link.materialIcon
                   }, null, 8, ["icon"]),
                   vue.createElementVNode("div", _hoisted_6$a, vue.toDisplayString(link.label), 1)
@@ -17256,7 +17256,7 @@ const _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-1da5b921"]]);
+const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-1da5b921"]]);
 const _hoisted_1$H = {
   key: 0,
   class: "loading"
@@ -17265,7 +17265,7 @@ const _hoisted_2$x = {
   key: 1,
   class: "bgl_btn-flex"
 };
-const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
   __name: "Btn",
   props: {
     disabled: { type: Boolean, default: false },
@@ -17352,7 +17352,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
       }, {
         default: vue.withCtx(() => [
           _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), {
+            _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$H), {
               key: 0,
               icon: _ctx.icon
             }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
@@ -17360,7 +17360,7 @@ const _sfc_main$D = /* @__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$F), {
+            props2["icon.end"] ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$H), {
               key: 2,
               icon: props2["icon.end"]
             }, null, 8, ["icon"])) : vue.createCommentVNode("", true)
@@ -17371,10 +17371,10 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-0c8d9a95"]]);
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__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({
+const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
   __name: "Modal",
   props: {
     side: { type: Boolean },
@@ -17415,7 +17415,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
         onClick: _cache[1] || (_cache[1] = () => _ctx.dismissable ? closeModal() : ""),
         onKeydown: vue.withKeys(closeModal, ["esc"])
       }, [
-        vue.createVNode(vue.unref(_sfc_main$q), {
+        vue.createVNode(vue.unref(_sfc_main$s), {
           class: "modal",
           onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
           }, ["stop"]))
@@ -17429,7 +17429,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
                 icon: "close",
                 onClick: closeModal
               }, null, 8, ["style"]),
-              _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$o), {
+              _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$q), {
                 key: 0,
                 class: "modal-title",
                 tag: "h3",
@@ -17454,7 +17454,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   __name: "ModalForm",
   props: /* @__PURE__ */ vue.mergeModels({
     side: { type: Boolean },
@@ -17511,7 +17511,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     }
     __expose({ setFormValues });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$C), {
+      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$E), {
         "onOnUpdate:isModalVisible": props2["onUpdate:isModalVisible"],
         side: _ctx.side,
         ref_key: "modal",
@@ -17520,7 +17520,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
         title: _ctx.title
       }, vue.createSlots({
         default: vue.withCtx(() => [
-          vue.createVNode(vue.unref(_sfc_main$h), {
+          vue.createVNode(vue.unref(_sfc_main$j), {
             onSubmit: runSubmit,
             ref_key: "form",
             ref: form,
@@ -17562,12 +17562,12 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-7e6899c7"]]);
+const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__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$g = ["id", "aria-hidden"];
-const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   __name: "AccordionItem",
   props: {
     label: {},
@@ -17602,7 +17602,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["accordion-icon", { open: vue.unref(open) }])
           }, [
-            vue.createVNode(vue.unref(_sfc_main$F), { icon: "expand_more" })
+            vue.createVNode(vue.unref(_sfc_main$H), { icon: "expand_more" })
           ], 2)
         ], 8, _hoisted_2$v),
         vue.createVNode(vue.Transition, { name: "expand" }, {
@@ -17622,11 +17622,11 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-bf74738b"]]);
+const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__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({
+const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   __name: "ListView",
   setup(__props) {
     return (_ctx, _cache) => {
@@ -17644,7 +17644,7 @@ const _sfc_main$z = /* @__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({
+const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   __name: "ListItem",
   props: {
     src: {},
@@ -17686,7 +17686,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
 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$x = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   __name: "TabbedLayout",
   props: {
     title: {},
@@ -17748,7 +17748,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TabbedLayout = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-37337215"]]);
+const TabbedLayout = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-37337215"]]);
 const _hoisted_1$B = { class: "comments-wrap" };
 const _hoisted_2$r = { class: "comment-list" };
 const _hoisted_3$l = { class: "comment-top" };
@@ -17757,7 +17757,7 @@ 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$w = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
   __name: "Comments",
   props: {
     ref_table: {},
@@ -17815,19 +17815,19 @@ const _sfc_main$w = /* @__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$F), {
+                  vue.createVNode(vue.unref(_sfc_main$H), {
                     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$F), {
+                  vue.createVNode(vue.unref(_sfc_main$H), {
                     size: 1.2,
                     class: "delete",
                     icon: "delete",
                     onClick: ($event) => deleteComment(comment.id)
                   }, null, 8, ["onClick"]),
-                  vue.createVNode(vue.unref(_sfc_main$F), {
+                  vue.createVNode(vue.unref(_sfc_main$H), {
                     size: 1.2,
                     class: "save",
                     icon: "save",
@@ -17835,7 +17835,7 @@ const _sfc_main$w = /* @__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$G), {
+              vue.unref(editComment) !== null && ((_c = vue.unref(editComment)) == null ? void 0 : _c.id) === comment.id ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$I), {
                 key: 0,
                 modelValue: vue.unref(editComment).body_html,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(editComment).body_html = $event),
@@ -17849,7 +17849,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
           }), 128))
         ]),
         vue.createElementVNode("div", _hoisted_8$2, [
-          vue.createVNode(vue.unref(_sfc_main$G), {
+          vue.createVNode(vue.unref(_sfc_main$I), {
             class: "comment-input",
             modelValue: vue.unref(bodyHtml),
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(bodyHtml) ? bodyHtml.value = $event : bodyHtml = $event),
@@ -17869,10 +17869,10 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Comments = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-c4b41dc0"]]);
+const Comments = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__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({
+const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   __name: "PageTitle",
   props: {
     value: {
@@ -17898,7 +17898,7 @@ 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$u = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
   __name: "TableSchema",
   props: {
     data: {},
@@ -17946,7 +17946,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
                   vue.createElementVNode("div", {
                     class: vue.normalizeClass(["list-arrows", { sorted: vue.unref(sortField) === field.id }])
                   }, [
-                    vue.createVNode(vue.unref(_sfc_main$F), {
+                    vue.createVNode(vue.unref(_sfc_main$H), {
                       class: vue.normalizeClass({ desc: vue.unref(sortDirection) === "DESC" }),
                       icon: "keyboard_arrow_up"
                     }, null, 8, ["class"])
@@ -17975,7 +17975,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
                       row,
                       field
                     }, void 0, true) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$4, [
-                      vue.createVNode(vue.unref(_sfc_main$g), {
+                      vue.createVNode(vue.unref(_sfc_main$i), {
                         field,
                         modelValue: row
                       }, null, 8, ["field", "modelValue"])
@@ -17990,16 +17990,16 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-f3641508"]]);
-const _sfc_main$t = {};
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-f3641508"]]);
+const _sfc_main$v = {};
 const _hoisted_1$y = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$y, [
     vue.renderSlot(_ctx.$slots, "default")
   ]);
 }
-const TopBar = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$1]]);
-const _sfc_main$s = {};
+const TopBar = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["render", _sfc_render$1]]);
+const _sfc_main$u = {};
 function _sfc_render(_ctx, _cache) {
   const _component_router_view = vue.resolveComponent("router-view");
   return vue.openBlock(), vue.createBlock(_component_router_view, null, {
@@ -18021,7 +18021,7 @@ function _sfc_render(_ctx, _cache) {
     _: 1
   });
 }
-const RouterWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render]]);
+const RouterWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render]]);
 const _hoisted_1$x = {
   key: 0,
   class: "data"
@@ -18034,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$r = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   __name: "DataPreview",
   props: /* @__PURE__ */ vue.mergeModels({
     schema: {},
@@ -18049,7 +18049,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       var _a2;
       return __props.data ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$x, [
-        _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$o), {
+        _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$q), {
           key: 0,
           label: _ctx.title
         }, null, 8, ["label"])) : vue.createCommentVNode("", true),
@@ -18059,7 +18059,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
           }, [
             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), {
+              vue.createVNode(vue.unref(_sfc_main$i), {
                 field,
                 modelValue: itemData.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => itemData.value = $event)
@@ -18083,8 +18083,8 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-bb2526f9"]]);
-const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-bb2526f9"]]);
+const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   __name: "Card",
   props: {
     thin: { type: Boolean },
@@ -18112,7 +18112,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$w = ["src", "alt"];
-const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
   __name: "Avatar",
   props: {
     fallback: {},
@@ -18138,8 +18138,8 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-c38bc02a"]]);
-const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-c38bc02a"]]);
+const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   __name: "Title",
   props: {
     value: {
@@ -18167,7 +18167,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   __name: "Accordion",
   setup(__props) {
     const state = vue.reactive({
@@ -18182,7 +18182,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$v = ["onClick"];
-const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   __name: "ComboBox",
   props: {
     options: {},
@@ -18262,7 +18262,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
         class: "bagel-input combobox"
       }, {
         popper: vue.withCtx(({ hide }) => [
-          vue.createVNode(vue.unref(_sfc_main$q), {
+          vue.createVNode(vue.unref(_sfc_main$s), {
             thin: "",
             class: "combobox-options"
           }, {
@@ -18287,7 +18287,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
                   }
                 }, [
                   vue.createElementVNode("span", null, vue.toDisplayString(label(option2)), 1),
-                  isSelected(option2) ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$F), {
+                  isSelected(option2) ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$H), {
                     key: 0,
                     icon: "check"
                   })) : vue.createCommentVNode("", true)
@@ -18304,7 +18304,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
             onClick: toggle
           }, [
             vue.createTextVNode(vue.toDisplayString(valueToLabel(vue.unref(selectedItem)) || _ctx.placeholder || "Select") + " ", 1),
-            vue.createVNode(vue.unref(_sfc_main$F), vue.normalizeProps(vue.guardReactiveProps({ "icon": vue.unref(open) ? "unfold_less" : "unfold_more" })), null, 16)
+            vue.createVNode(vue.unref(_sfc_main$H), 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,
@@ -18320,9 +18320,9 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ComboBox = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-ceeb5855"]]);
+const ComboBox = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-ceeb5855"]]);
 const _hoisted_1$u = ["dismissable"];
-const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
   __name: "Alert",
   props: {
     message: {},
@@ -18342,7 +18342,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["alert", [_ctx.type]]),
         dismissable: _ctx.dismissable
       }, [
-        vue.createVNode(vue.unref(_sfc_main$F), {
+        vue.createVNode(vue.unref(_sfc_main$H), {
           class: "alert_icon",
           icon: _ctx.type,
           size: 2,
@@ -18360,8 +18360,8 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-94bfcb05"]]);
-const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-94bfcb05"]]);
+const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   __name: "Badge",
   props: {
     color: {},
@@ -18376,13 +18376,13 @@ const _sfc_main$k = /* @__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$F), {
+        _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$H), {
           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$F), {
+        props2["icon.end"] ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$H), {
           key: 1,
           class: "inline",
           icon: props2["icon.end"]
@@ -18391,11 +18391,11 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-ad24530a"]]);
+const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__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$j = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   __name: "BglVideo",
   props: {
     src: {},
@@ -18456,13 +18456,13 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-23835d69"]]);
+const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__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({
+const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
   __name: "Carousel",
   props: {
     autoHeight: {
@@ -18627,13 +18627,13 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-dc11f21a"]]);
+const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-dc11f21a"]]);
 const _hoisted_1$r = {
   key: 1,
   type: "submit",
   hidden: ""
 };
-const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
   __name: "BglForm",
   props: {
     label: {},
@@ -18696,7 +18696,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     __expose({ validateForm, deleteItem, isDirty: isDirty.value });
     return (_ctx, _cache) => {
       return _ctx.id ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(_ctx.schema, (field, i2) => {
-        return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$g), {
+        return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$i), {
           key: field.id || `${i2}p`,
           field,
           modelValue: data2.value,
@@ -18708,13 +18708,13 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
         ref: form,
         onSubmit: vue.withModifiers(runSubmit, ["prevent"])
       }, [
-        _ctx.label ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$o), {
+        _ctx.label ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$q), {
           key: 0,
           tag: "h4",
           label: _ctx.label
         }, null, 8, ["label"])) : vue.createCommentVNode("", true),
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.schema, (field, i2) => {
-          return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$g), {
+          return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$i), {
             key: field.id || `${i2}p`,
             field,
             modelValue: data2.value,
@@ -18727,7 +18727,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   __name: "BglField",
   props: {
     field: {},
@@ -18740,7 +18740,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
       if (props2.field.$el === "text")
         return TextInput;
       if (props2.field.$el === "select")
-        return _sfc_main$c;
+        return _sfc_main$e;
       if (props2.field.$el === "toggle")
         return ToggleInput;
       if (props2.field.$el === "check")
@@ -18831,7 +18831,7 @@ const _hoisted_3$h = [
   _hoisted_2$l
 ];
 const _hoisted_4$c = ["required", "id"];
-const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInput",
   props: /* @__PURE__ */ vue.mergeModels({
     label: {},
@@ -18872,7 +18872,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-e8219826"]]);
+const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-e8219826"]]);
 function toDate(argument) {
   const argStr = Object.prototype.toString.call(argument);
   if (argument instanceof Date || typeof argument === "object" && argStr === "[object Date]") {
@@ -27483,7 +27483,7 @@ Object.entries(Mo).forEach(([e, t]) => {
 });
 const _hoisted_1$p = ["title"];
 const _hoisted_2$k = { key: 0 };
-const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
   __name: "DateInput",
   props: {
     label: {},
@@ -27536,7 +27536,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
 const _hoisted_1$o = ["title"];
 const _hoisted_2$j = { key: 0 };
 const _hoisted_3$g = ["value", "placeholder"];
-const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
   __name: "JSONInput",
   props: {
     description: { default: "" },
@@ -27572,7 +27572,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const JSONInput = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-1fc4f739"]]);
+const JSONInput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-1fc4f739"]]);
 function isEmpty(opt) {
   if (opt === 0)
     return false;
@@ -28879,7 +28879,7 @@ function render$e(_ctx, _cache, $props, $setup, $data, $options) {
 script$e.render = render$e;
 const Multiselect = script$e;
 const _hoisted_1$m = ["for"];
-const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
   __name: "SelectInput",
   props: {
     required: { type: Boolean },
@@ -28945,7 +28945,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
 const _hoisted_1$l = ["title"];
 const _hoisted_2$h = { key: 0 };
 const _hoisted_3$e = ["value", "placeholder"];
-const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   __name: "RichTextEditor",
   props: {
     description: { default: "" },
@@ -28981,7 +28981,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const RichTextEditor = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-69a60381"]]);
+const RichTextEditor = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-69a60381"]]);
 /*!
   * vue-draggable-next v2.2.0
   * (c) 2023 Anish George
@@ -31510,7 +31510,7 @@ const _hoisted_3$d = { class: "table-side-scroll" };
 const _hoisted_4$a = { class: "table-header" };
 const _hoisted_5$9 = { class: "table-reorder" };
 const _hoisted_6$5 = { class: "table-action" };
-const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
   __name: "TableField",
   props: {
     description: { default: "" },
@@ -31607,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$F), { icon: "more_vert" })
+                        vue.createVNode(vue.unref(_sfc_main$H), { 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", {
@@ -31624,7 +31624,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
                         ], 2);
                       }), 128)),
                       vue.createElementVNode("div", _hoisted_6$5, [
-                        vue.createVNode(vue.unref(_sfc_main$F), {
+                        vue.createVNode(vue.unref(_sfc_main$H), {
                           icon: "delete",
                           onClick: ($event) => removeRow(index2)
                         }, null, 8, ["onClick"])
@@ -31654,13 +31654,13 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TableField = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-cdacf10e"]]);
+const TableField = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-cdacf10e"]]);
 const _hoisted_1$j = ["title"];
 const _hoisted_2$f = ["for"];
 const _hoisted_3$c = ["title", "autocomplete", "id", "type", "placeholder", "disabled", "required", "pattern"];
 const _hoisted_4$9 = ["title", "id", "type", "rows", "placeholder", "disabled", "required", "pattern"];
 const _hoisted_5$8 = { key: 2 };
-const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   __name: "TextInput",
   props: {
     id: {},
@@ -31786,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$F), {
+        _ctx.iconStart ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$H), {
           key: 0,
           class: "iconStart",
           icon: _ctx.iconStart
         }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
-        _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$F), {
+        _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$H), {
           key: 1,
           icon: _ctx.icon
         }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
@@ -31807,9 +31807,9 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-bdd555bb"]]);
+const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-bdd555bb"]]);
 const _hoisted_1$i = { class: "primary-checkbox" };
-const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   __name: "Checkbox",
   props: {
     "modelValue": {
@@ -31830,16 +31830,16 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
           [vue.vModelCheckbox, val.value]
         ]),
         vue.createElementVNode("span", null, [
-          vue.createVNode(vue.unref(_sfc_main$F), { icon: "check" })
+          vue.createVNode(vue.unref(_sfc_main$H), { icon: "check" })
         ])
       ]);
     };
   }
 });
-const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-e4cbb088"]]);
+const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-e4cbb088"]]);
 const _hoisted_1$h = ["title"];
 const _hoisted_2$e = ["id", "placeholder", "required"];
-const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
   __name: "ColorPicker",
   props: {
     label: {},
@@ -31891,7 +31891,7 @@ const _hoisted_3$b = {
 };
 const _hoisted_4$8 = ["id", "name", "value"];
 const _hoisted_5$7 = ["for"];
-const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
   __name: "DatePicker",
   props: {
     name: {},
@@ -31950,7 +31950,7 @@ const _hoisted_2$c = { class: "pb-025" };
 const _hoisted_3$a = { class: "flex gap-05 flex-wrap" };
 const _hoisted_4$7 = ["id", "name", "value", "checked"];
 const _hoisted_5$6 = ["for"];
-const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
   __name: "RadioPillsInput",
   props: {
     options: {},
@@ -32013,7 +32013,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-e47ae8b5"]]);
+const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-e47ae8b5"]]);
 const _hoisted_1$e = { class: "bagel-input" };
 const _hoisted_2$b = {
   key: 0,
@@ -32035,7 +32035,7 @@ const _hoisted_12 = {
   key: 0,
   class: "progress"
 };
-const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
   __name: "FileUpload",
   props: /* @__PURE__ */ vue.mergeModels({
     label: {},
@@ -32195,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$F), {
+                  vue.createVNode(vue.unref(_sfc_main$H), {
                     class: "success",
                     icon: "check"
                   })
@@ -32208,7 +32208,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const FileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-1be8d7b1"]]);
+const FileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-1be8d7b1"]]);
 const _withScopeId = (n2) => (vue.pushScopeId("data-v-b87221d6"), n2 = n2(), vue.popScopeId(), n2);
 const _hoisted_1$d = ["title"];
 const _hoisted_2$a = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("span", { class: "slider round" }, null, -1));
@@ -32216,7 +32216,7 @@ const _hoisted_3$8 = [
   _hoisted_2$a
 ];
 const _hoisted_4$5 = ["id"];
-const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
   __name: "ToggleInput",
   props: /* @__PURE__ */ vue.mergeModels({
     label: {},
@@ -32252,7 +32252,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ToggleInput = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-b87221d6"]]);
+const ToggleInput = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-b87221d6"]]);
 function _isPlaceholder(a2) {
   return a2 != null && typeof a2 === "object" && a2["@@functional/placeholder"] === true;
 }
@@ -37691,7 +37691,7 @@ var script$2 = vue.defineComponent({
     return { y: y2, canvas, direction };
   }
 });
-const _hoisted_1$2 = {
+const _hoisted_1$2$1 = {
   key: 0,
   class: "layer-marker"
 };
@@ -37704,7 +37704,7 @@ const _hoisted_4$1 = {
 const _hoisted_5$1 = ["x", "y", "fill"];
 const _hoisted_6$1 = ["x1", "y1", "x2", "y2", "stroke", "stroke-opacity", "stroke-width", "stroke-dasharray"];
 function render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  return _ctx.direction === "horizontal" ? (vue.openBlock(), vue.createElementBlock("g", _hoisted_1$2, [
+  return _ctx.direction === "horizontal" ? (vue.openBlock(), vue.createElementBlock("g", _hoisted_1$2$1, [
     vue.createElementVNode("text", {
       x: _ctx.canvas.x + 5,
       y: _ctx.y - 5,
@@ -38324,7 +38324,7 @@ const _hoisted_1$1$1 = {
   class: "treemap",
   style: { display: "flex", position: "relative" }
 };
-const _hoisted_2$1 = ["width", "height", "viewBox"];
+const _hoisted_2$1$1 = ["width", "height", "viewBox"];
 const _hoisted_3$7 = { class: "layer-rectangles" };
 const _hoisted_4$4 = ["transform", "onMouseover"];
 const _hoisted_5$4 = ["width", "height"];
@@ -38384,7 +38384,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
           /* KEYED_FRAGMENT */
         ))
       ])
-    ], 8, _hoisted_2$1)),
+    ], 8, _hoisted_2$1$1)),
     vue.renderSlot(_ctx.$slots, "widgets")
   ]);
 }
@@ -38452,13 +38452,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 }
 script.render = render;
 script.__file = "src/components/HoverBar/index.vue";
-const _hoisted_1$1 = /* @__PURE__ */ vue.createElementVNode("stop", {
+const _hoisted_1$2 = /* @__PURE__ */ vue.createElementVNode("stop", {
   offset: "100%",
   "stop-color": "white",
   "stop-opacity": "0.4"
 }, null, -1);
 const BRAND_COLOR = "var(--bgl-primary)";
-const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   __name: "Lineart",
   props: {
     data: {},
@@ -38587,7 +38587,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
                   "stop-color": BRAND_COLOR,
                   "stop-opacity": "1"
                 }),
-                _hoisted_1$1
+                _hoisted_1$2
               ])
             ])
           ]),
@@ -38603,14 +38603,14 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1 = { class: "main-content" };
-const _hoisted_2 = { class: "view-wrapper bgl_card thin" };
+const _hoisted_1$1 = { class: "main-content" };
+const _hoisted_2$1 = { 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" };
 const _hoisted_6 = { class: "whatsapp-body" };
 const _hoisted_7 = { class: "whatsapp-footer" };
-const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
   __name: "MsgTemplate",
   props: {
     whatsappTemplateSchema: {},
@@ -38709,17 +38709,17 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     vue.onMounted(loadTemplateData);
     return (_ctx, _cache) => {
       var _a2, _b, _c, _d, _e2, _f;
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createVNode(vue.unref(_sfc_main$v), null, {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
+        vue.createVNode(vue.unref(_sfc_main$x), null, {
           default: vue.withCtx(() => [
             vue.createTextVNode("Whatsapp Template")
           ]),
           _: 1
         }),
-        vue.createElementVNode("div", _hoisted_2, [
+        vue.createElementVNode("div", _hoisted_2$1, [
           vue.createElementVNode("div", _hoisted_3, [
             vue.createElementVNode("div", _hoisted_4, [
-              vue.createVNode(vue.unref(_sfc_main$h), {
+              vue.createVNode(vue.unref(_sfc_main$j), {
                 schema: _ctx.whatsappTemplateSchema,
                 modelValue: vue.unref(localWhatsappData),
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(localWhatsappData) ? localWhatsappData.value = $event : localWhatsappData = $event),
@@ -38742,8 +38742,8 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const MsgTemplate = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-208db149"]]);
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+const MsgTemplate = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-208db149"]]);
+const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
   __name: "TextVariableExamples",
   props: {
     context: Object
@@ -38830,51 +38830,151 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-exports.Accordion = _sfc_main$n;
+const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+  __name: "Layout",
+  props: {
+    gap: { default: 1 },
+    h100: { type: Boolean, default: false },
+    columns: { default: () => [] },
+    rows: { default: () => [] }
+  },
+  setup(__props) {
+    const props2 = __props;
+    const style = vue.computed(() => {
+      const obj = { gap: `${props2.gap}rem` };
+      if (props2.columns.length)
+        obj["grid-template-columns"] = props2.columns.join(" ");
+      if (props2.rows.length)
+        obj["grid-template-rows"] = props2.rows.join(" ");
+      return obj;
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["layout", { "layout-h-100": _ctx.h100 }]),
+        style: vue.normalizeStyle(style.value)
+      }, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 6);
+    };
+  }
+});
+const _hoisted_1 = { class: "w-100 px-075" };
+const _hoisted_2 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "SidebarMenu",
+  props: {
+    navLinks: {},
+    expandable: { type: Boolean },
+    open: { type: Boolean }
+  },
+  emits: ["update:open"],
+  setup(__props, { emit: __emit }) {
+    const slots = vue.useSlots();
+    const props2 = __props;
+    let isOpen = vue.ref(props2.open);
+    const emit2 = __emit;
+    function toggleMenu() {
+      isOpen.value = !isOpen.value;
+      emit2("update:open", isOpen.value);
+    }
+    return (_ctx, _cache) => {
+      const _component_Card = vue.resolveComponent("Card");
+      const _directive_tooltip = vue.resolveDirective("tooltip");
+      return vue.openBlock(), vue.createBlock(_component_Card, {
+        class: vue.normalizeClass(["flex column gap-05 pt-1 bgl_sidebar", { "wideNav": vue.unref(isOpen) }])
+      }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.createVNode(vue.unref(Btn), {
+              thin: "",
+              color: "light",
+              class: "toggleNav mb-05",
+              icon: "keyboard_arrow_right",
+              onClick: toggleMenu
+            })
+          ]),
+          vue.createTextVNode(),
+          !vue.unref(isOpen) || !vue.unref(slots)["brand-open"] ? vue.renderSlot(_ctx.$slots, "brand", { key: 0 }, void 0, true) : vue.createCommentVNode("", true),
+          vue.unref(isOpen) ? vue.renderSlot(_ctx.$slots, "brand-open", { key: 1 }, void 0, true) : vue.createCommentVNode("", true),
+          !_ctx.navLinks ? vue.renderSlot(_ctx.$slots, "default", { key: 2 }, void 0, true) : vue.createCommentVNode("", true),
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.navLinks, (nav2, i2) => {
+            return vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(Btn), {
+              key: i2,
+              to: nav2.to,
+              class: "nav-button"
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(_sfc_main$H), {
+                  icon: nav2.icon,
+                  size: 1.4
+                }, null, 8, ["icon"]),
+                _ctx.open ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2, vue.toDisplayString(nav2.label), 1)) : vue.createCommentVNode("", true)
+              ]),
+              _: 2
+            }, 1032, ["to"])), [
+              [
+                _directive_tooltip,
+                { content: nav2.label, disabled: _ctx.open, class: ["nav-tooltip"] },
+                void 0,
+                { right: true }
+              ]
+            ]);
+          }), 128)),
+          vue.renderSlot(_ctx.$slots, "footer", {}, void 0, true)
+        ]),
+        _: 3
+      }, 8, ["class"]);
+    };
+  }
+});
+const SidebarMenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5d66b060"]]);
+exports.Accordion = _sfc_main$p;
 exports.AccordionItem = AccordionItem;
 exports.Alert = Alert;
 exports.Avatar = Avatar;
 exports.Badge = Badge;
-exports.BagelForm = _sfc_main$h;
+exports.BagelForm = _sfc_main$j;
 exports.BagelVue = BagelVue;
-exports.BglField = _sfc_main$g;
-exports.BglForm = _sfc_main$h;
+exports.BglField = _sfc_main$i;
+exports.BglForm = _sfc_main$j;
 exports.BglVideo = BglVideo;
 exports.Btn = Btn;
-exports.Card = _sfc_main$q;
+exports.Card = _sfc_main$s;
 exports.Carousel = Carousel;
 exports.CheckInput = CheckInput;
 exports.Checkbox = Checkbox;
-exports.ColorPicker = _sfc_main$7;
+exports.ColorPicker = _sfc_main$9;
 exports.ComboBox = ComboBox;
 exports.Comments = Comments;
 exports.DataPreview = DataPreview;
-exports.DateInput = _sfc_main$e;
-exports.DatePicker = _sfc_main$6;
+exports.DateInput = _sfc_main$g;
+exports.DatePicker = _sfc_main$8;
 exports.FileUpload = FileUpload;
-exports.Icon = _sfc_main$F;
+exports.Icon = _sfc_main$H;
 exports.JSONInput = JSONInput;
-exports.Lineart = _sfc_main$2;
-exports.ListItem = _sfc_main$y;
-exports.ListView = _sfc_main$z;
-exports.MaterialIcon = _sfc_main$F;
-exports.Modal = _sfc_main$C;
+exports.Layout = _sfc_main$1;
+exports.Lineart = _sfc_main$4;
+exports.ListItem = _sfc_main$A;
+exports.ListView = _sfc_main$B;
+exports.MaterialIcon = _sfc_main$H;
+exports.Modal = _sfc_main$E;
 exports.ModalForm = ModalForm;
 exports.ModalPlugin = ModalPlugin;
 exports.MsgTemplate = MsgTemplate;
 exports.NavBar = NavBar;
-exports.PageTitle = _sfc_main$v;
-exports.RTXEditor = _sfc_main$G;
+exports.PageTitle = _sfc_main$x;
+exports.RTXEditor = _sfc_main$I;
 exports.RadioPillsInput = RadioPillsInput;
 exports.RichTextEditor = RichTextEditor;
 exports.RouterWrapper = RouterWrapper;
-exports.SelectInput = _sfc_main$c;
+exports.SelectInput = _sfc_main$e;
+exports.SidebarMenu = SidebarMenu;
 exports.TabbedLayout = TabbedLayout;
 exports.TableField = TableField;
 exports.TableSchema = TableSchema;
 exports.TextInput = TextInput;
-exports.TextVariableExamples = _sfc_main;
-exports.Title = _sfc_main$o;
+exports.TextVariableExamples = _sfc_main$2;
+exports.Title = _sfc_main$q;
 exports.ToggleInput = ToggleInput;
 exports.TopBar = TopBar;
 exports.bagelInjectionKey = bagelInjectionKey;