@bagelink/vue 0.0.284 → 0.0.291

package/dist/index.mjs

@@ -4875,10 +4875,10 @@ const ModalPlugin = {
       data: () => ({ modalStack: modalStack.value }),
       render() {
         return modalStack.value.map((modal, index2) => {
-          const props2 = { ...modal.modalOptions, "onUpdate:isModalVisible": () => hideModal(index2) };
+          const props2 = { ...modal.modalOptions, visible: true, "onUpdate:visible": () => hideModal(index2) };
           if (modal.modalType === "modalForm")
             return h$2(ModalForm, props2, modal.componentSlots);
-          return h$2(_sfc_main$z, props2, modal.componentSlots);
+          return h$2(_sfc_main$A, props2, modal.componentSlots);
         });
       }
     });
@@ -4956,8 +4956,8 @@ const iffer = (field, itemData) => {
   return true;
 };
 const denullify = (itemData, fieldID) => fieldID && itemData ? itemData[fieldID] : null;
-const _hoisted_1$I = { ref: "el" };
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _hoisted_1$H = { ref: "el" };
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "LangText",
   props: {
     input: {}
@@ -4965,7 +4965,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment$1, null, [
-        createElementVNode("span", _hoisted_1$I, null, 512),
+        createElementVNode("span", _hoisted_1$H, null, 512),
         createTextVNode(" " + toDisplayString(_ctx.input), 1)
       ], 64);
     };
@@ -17078,8 +17078,8 @@ const marks = {
   }
 };
 const schema = new Schema({ nodes, marks });
-const _hoisted_1$H = ["id"];
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const _hoisted_1$G = ["id"];
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "RTXEditor",
   props: {
     elementId: { default: Math.random().toString(36).substr(2, 9) },
@@ -17156,32 +17156,33 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
         onClick: focusEditor,
         id: `canvas-${_ctx.elementId}`,
         onKeydown: _cache[0] || (_cache[0] = withKeys(withModifiers(($event) => _ctx.$emit("keydown.meta.enter"), ["meta"]), ["enter"]))
-      }, null, 40, _hoisted_1$H);
+      }, null, 40, _hoisted_1$G);
     };
   }
 });
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "MaterialIcon",
   props: {
     icon: {},
-    size: {}
+    size: {},
+    color: {}
   },
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: "bgl_icon-font",
-        style: normalizeStyle({ fontSize: `${_ctx.size}rem` })
+        style: normalizeStyle({ fontSize: `${_ctx.size}rem`, color: _ctx.color })
       }, toDisplayString(_ctx.icon), 5);
     };
   }
 });
-const _hoisted_1$G = { class: "full-nav" };
-const _hoisted_2$x = { class: "nav-scroll" };
-const _hoisted_3$p = { class: "nav-links-wrapper" };
-const _hoisted_4$j = { class: "tooltip" };
-const _hoisted_5$g = { class: "bot-buttons-wrapper" };
-const _hoisted_6$b = { class: "tooltip" };
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const _hoisted_1$F = { class: "full-nav" };
+const _hoisted_2$w = { class: "nav-scroll" };
+const _hoisted_3$o = { class: "nav-links-wrapper" };
+const _hoisted_4$i = { class: "tooltip" };
+const _hoisted_5$f = { class: "bot-buttons-wrapper" };
+const _hoisted_6$a = { class: "tooltip" };
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "NavBar",
   props: {
     footerLinks: { default: () => [] },
@@ -17205,14 +17206,14 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
           "aria-label": "Toggle Navigation",
           tabindex: "0"
         }, [
-          createVNode(unref(_sfc_main$C), {
+          createVNode(unref(_sfc_main$D), {
             icon: "chevron_right",
             class: "top-arrow"
           })
         ], 32),
-        createElementVNode("div", _hoisted_1$G, [
-          createElementVNode("div", _hoisted_2$x, [
-            createElementVNode("div", _hoisted_3$p, [
+        createElementVNode("div", _hoisted_1$F, [
+          createElementVNode("div", _hoisted_2$w, [
+            createElementVNode("div", _hoisted_3$o, [
               (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.links, (link) => {
                 return openBlock(), createBlock(resolveDynamicComponent(link.to ? "router-link" : "div"), {
                   class: "nav-button",
@@ -17224,17 +17225,17 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
                   }
                 }, {
                   default: withCtx(() => [
-                    createVNode(unref(_sfc_main$C), {
+                    createVNode(unref(_sfc_main$D), {
                       icon: link.materialIcon
                     }, null, 8, ["icon"]),
-                    createElementVNode("div", _hoisted_4$j, toDisplayString(link.label), 1)
+                    createElementVNode("div", _hoisted_4$i, toDisplayString(link.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["to", "onClick"]);
               }), 128))
             ])
           ]),
-          createElementVNode("div", _hoisted_5$g, [
+          createElementVNode("div", _hoisted_5$f, [
             (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.footerLinks, (link) => {
               return openBlock(), createBlock(resolveDynamicComponent(link.to ? "router-link" : "div"), {
                 class: "nav-button",
@@ -17246,10 +17247,10 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
                 key: link.label
               }, {
                 default: withCtx(() => [
-                  createVNode(unref(_sfc_main$C), {
+                  createVNode(unref(_sfc_main$D), {
                     icon: link.materialIcon
                   }, null, 8, ["icon"]),
-                  createElementVNode("div", _hoisted_6$b, toDisplayString(link.label), 1)
+                  createElementVNode("div", _hoisted_6$a, toDisplayString(link.label), 1)
                 ]),
                 _: 2
               }, 1032, ["to", "onClick"]);
@@ -17268,16 +17269,16 @@ const _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-776ccc02"]]);
-const _hoisted_1$F = {
+const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-776ccc02"]]);
+const _hoisted_1$E = {
   key: 0,
   class: "loading"
 };
-const _hoisted_2$w = {
+const _hoisted_2$v = {
   key: 1,
   class: "bgl_btn-flex"
 };
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "Btn",
   props: {
     disabled: { type: Boolean, default: false },
@@ -17363,8 +17364,8 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
         })
       }, {
         default: withCtx(() => [
-          _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1$F)) : (openBlock(), createElementBlock("div", _hoisted_2$w, [
-            _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$C), {
+          _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1$E)) : (openBlock(), createElementBlock("div", _hoisted_2$v, [
+            _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$D), {
               key: 0,
               icon: _ctx.icon
             }, null, 8, ["icon"])) : createCommentVNode("", true),
@@ -17372,7 +17373,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
             !unref(slots)["default"] && _ctx.value ? (openBlock(), createElementBlock(Fragment$1, { key: 1 }, [
               createTextVNode(toDisplayString(_ctx.value), 1)
             ], 64)) : createCommentVNode("", true),
-            props2["icon.end"] ? (openBlock(), createBlock(unref(_sfc_main$C), {
+            props2["icon.end"] ? (openBlock(), createBlock(unref(_sfc_main$D), {
               key: 2,
               icon: props2["icon.end"]
             }, null, 8, ["icon"])) : createCommentVNode("", true)
@@ -17383,48 +17384,57 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-7a7625e7"]]);
-const _hoisted_1$E = { class: "tool-bar" };
-const _hoisted_2$v = { class: "modal-footer mt-3" };
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-7a7625e7"]]);
+const _hoisted_1$D = { class: "tool-bar" };
+const _hoisted_2$u = { class: "modal-footer mt-3" };
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "Modal",
   props: {
     side: { type: Boolean },
     title: {},
     dismissable: { type: Boolean },
-    actions: {}
+    actions: {},
+    visible: { type: Boolean }
   },
-  emits: ["update:isModalVisible"],
+  emits: ["update:visible"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props2 = __props;
-    let isActive = ref(false);
+    let isVisible = ref(false);
+    watch(() => props2.visible, (val) => {
+      if (val === isVisible.value || val === void 0)
+        return;
+      if (val)
+        openModal();
+      else
+        closeModal();
+    }, { immediate: true });
     const emit2 = __emit;
     const closeModal = () => {
-      isActive.value = false;
-      setTimeout(() => emit2("update:isModalVisible", false), 200);
+      isVisible.value = false;
+      setTimeout(() => emit2("update:visible", false), 200);
     };
     __expose({ closeModal });
     const escapeKeyClose = (e) => (props2 == null ? void 0 : props2.dismissable) && useEscape(e, () => closeModal());
-    onMounted(() => {
-      setTimeout(() => isActive.value = true, 1);
+    function openModal() {
+      setTimeout(() => isVisible.value = true, 1);
       document.addEventListener("keydown", escapeKeyClose);
-    });
+    }
     onUnmounted(() => {
       document.removeEventListener("keydown", escapeKeyClose);
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["bg-dark", { "is-side": _ctx.side, "is-active": unref(isActive), "bg-lignt": false }]),
+        class: normalizeClass(["bg-dark", { "is-side": _ctx.side, "is-active": unref(isVisible), "bg-lignt": false }]),
         onClick: _cache[1] || (_cache[1] = () => _ctx.dismissable ? closeModal() : ""),
         onKeydown: withKeys(closeModal, ["esc"])
       }, [
-        createVNode(unref(_sfc_main$n), {
+        createVNode(unref(_sfc_main$o), {
           class: "modal",
           onClick: _cache[0] || (_cache[0] = withModifiers(() => {
           }, ["stop"]))
         }, {
           default: withCtx(() => [
-            createElementVNode("header", _hoisted_1$E, [
+            createElementVNode("header", _hoisted_1$D, [
               renderSlot(_ctx.$slots, "toolbar"),
               createVNode(unref(Btn), {
                 style: normalizeStyle({ float: _ctx.side ? "left" : "right" }),
@@ -17432,7 +17442,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
                 icon: "close",
                 onClick: closeModal
               }, null, 8, ["style"]),
-              _ctx.title ? (openBlock(), createBlock(unref(_sfc_main$l), {
+              _ctx.title ? (openBlock(), createBlock(unref(_sfc_main$m), {
                 key: 0,
                 class: "modal-title",
                 tag: "h3",
@@ -17440,7 +17450,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
               }, null, 8, ["label"])) : createCommentVNode("", true)
             ]),
             renderSlot(_ctx.$slots, "default"),
-            createElementVNode("footer", _hoisted_2$v, [
+            createElementVNode("footer", _hoisted_2$u, [
               (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.actions, (action, i2) => {
                 return openBlock(), createBlock(unref(Btn), mergeProps({
                   key: i2,
@@ -17457,7 +17467,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "ModalForm",
   props: /* @__PURE__ */ mergeModels({
     side: { type: Boolean },
@@ -17514,7 +17524,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     }
     __expose({ setFormValues });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$z), {
+      return openBlock(), createBlock(unref(_sfc_main$A), {
         "onOnUpdate:isModalVisible": props2["onUpdate:isModalVisible"],
         side: _ctx.side,
         ref_key: "modal",
@@ -17565,12 +17575,12 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-dca6fe18"]]);
-const _hoisted_1$D = { class: "accordion-item" };
-const _hoisted_2$u = ["aria-expanded", "aria-controls"];
-const _hoisted_3$o = { class: "accordion-label" };
-const _hoisted_4$i = ["id", "aria-hidden"];
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-dca6fe18"]]);
+const _hoisted_1$C = { class: "accordion-item" };
+const _hoisted_2$t = ["aria-expanded", "aria-controls"];
+const _hoisted_3$n = { class: "accordion-label" };
+const _hoisted_4$h = ["id", "aria-hidden"];
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "AccordionItem",
   props: {
     label: {},
@@ -17581,33 +17591,33 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     let open = ref(false);
     const accordionState = inject("accordionState");
     const id = props2.id || Math.random().toString(36).substring(7);
-    watch(() => accordionState.openItem, (currentOpenId) => {
+    watch(() => accordionState == null ? void 0 : accordionState.openItem, (currentOpenId) => {
       if (currentOpenId !== id) {
         open.value = false;
       }
     }, { immediate: true });
     function toggle() {
       open.value = !open.value;
-      if (open.value)
+      if (open.value && (accordionState == null ? void 0 : accordionState.openItem))
         accordionState.openItem = id;
-      else if (accordionState.openItem === id)
+      else if ((accordionState == null ? void 0 : accordionState.openItem) === id)
         accordionState.openItem = null;
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$D, [
+      return openBlock(), createElementBlock("div", _hoisted_1$C, [
         createElementVNode("button", {
           onClick: _cache[0] || (_cache[0] = ($event) => toggle()),
           "aria-expanded": unref(open) ? "true" : "false",
           class: "accordion-head",
           "aria-controls": `accordion-body-${unref(id)}`
         }, [
-          createElementVNode("span", _hoisted_3$o, toDisplayString(_ctx.label), 1),
+          createElementVNode("span", _hoisted_3$n, toDisplayString(_ctx.label), 1),
           createElementVNode("div", {
             class: normalizeClass(["accordion-icon", { open: unref(open) }])
           }, [
-            createVNode(unref(_sfc_main$C), { icon: "expand_more" })
+            createVNode(unref(_sfc_main$D), { icon: "expand_more" })
           ], 2)
-        ], 8, _hoisted_2$u),
+        ], 8, _hoisted_2$t),
         createVNode(Transition, { name: "expand" }, {
           default: withCtx(() => [
             unref(open) ? (openBlock(), createElementBlock("div", {
@@ -17617,7 +17627,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
               "aria-hidden": unref(open) ? "false" : "true"
             }, [
               renderSlot(_ctx.$slots, "default", {}, void 0, true)
-            ], 8, _hoisted_4$i)) : createCommentVNode("", true)
+            ], 8, _hoisted_4$h)) : createCommentVNode("", true)
           ]),
           _: 3
         })
@@ -17625,16 +17635,16 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-41718a1b"]]);
-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 = {
+const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-bf74738b"]]);
+const _hoisted_1$B = { class: "card list-view grid thin" };
+const _hoisted_2$s = { class: "list-header flex gap-3 align-items-top" };
+const _hoisted_3$m = {
   key: 0,
   class: "bagel-input search-wrap"
 };
-const _hoisted_4$h = ["placeholder"];
-const _hoisted_5$f = { class: "list-content grid auto-flow-rows align-items-start" };
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _hoisted_4$g = ["placeholder"];
+const _hoisted_5$e = { class: "list-content grid auto-flow-rows align-items-start" };
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "ListView",
   props: {
     enableAdd: { type: Boolean },
@@ -17650,17 +17660,17 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
       debounce(() => emit2("debounce", searchTerm.value));
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$C, [
-        createElementVNode("div", _hoisted_2$t, [
-          _ctx.enableSearch ? (openBlock(), createElementBlock("div", _hoisted_3$n, [
+      return openBlock(), createElementBlock("div", _hoisted_1$B, [
+        createElementVNode("div", _hoisted_2$s, [
+          _ctx.enableSearch ? (openBlock(), createElementBlock("div", _hoisted_3$m, [
             withDirectives(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$h), [
+            }, null, 40, _hoisted_4$g), [
               [vModelText, searchTerm.value]
             ]),
-            createVNode(unref(_sfc_main$C), {
+            createVNode(unref(_sfc_main$D), {
               class: "txtgray",
               icon: "search"
             })
@@ -17671,16 +17681,16 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
             onClick: _cache[2] || (_cache[2] = ($event) => emit2("add"))
           })) : createCommentVNode("", true)
         ]),
-        createElementVNode("div", _hoisted_5$f, [
+        createElementVNode("div", _hoisted_5$e, [
           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$v = /* @__PURE__ */ defineComponent({
+const _hoisted_1$A = { class: "txt16 no-margin ellipsis" };
+const _hoisted_2$r = { class: "txt14 no-margin txtgray ellipsis" };
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "ListItem",
   props: {
     src: {},
@@ -17704,11 +17714,11 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
             size: 40
           }, null, 8, ["name", "src"])) : createCommentVNode("", true),
           createElementVNode("div", null, [
-            createElementVNode("p", _hoisted_1$B, [
+            createElementVNode("p", _hoisted_1$A, [
               createTextVNode(toDisplayString(_ctx.title) + " ", 1),
               renderSlot(_ctx.$slots, "default")
             ]),
-            createElementVNode("p", _hoisted_2$s, [
+            createElementVNode("p", _hoisted_2$r, [
               createTextVNode(toDisplayString(_ctx.subtitle) + " ", 1),
               renderSlot(_ctx.$slots, "subtitle")
             ])
@@ -17719,10 +17729,10 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$A = { class: "card tabs-top" };
-const _hoisted_2$r = { class: "tabs grid auto-flow-columns fit-content" };
-const _hoisted_3$m = ["onClick"];
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const _hoisted_1$z = { class: "card tabs-top" };
+const _hoisted_2$q = { class: "tabs grid auto-flow-columns fit-content" };
+const _hoisted_3$l = ["onClick"];
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "TabbedLayout",
   props: {
     title: {},
@@ -17757,9 +17767,9 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["h-100 grid list-view gap-3", { "side-tabs": _ctx.sideTabs }])
       }, [
-        createElementVNode("div", _hoisted_1$A, [
+        createElementVNode("div", _hoisted_1$z, [
           renderSlot(_ctx.$slots, "top-section", {}, void 0, true),
-          createElementVNode("div", _hoisted_2$r, [
+          createElementVNode("div", _hoisted_2$q, [
             (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.tabs, (tab) => {
               var _a2;
               return openBlock(), createElementBlock("div", {
@@ -17768,7 +17778,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
                 }, "tab"]),
                 key: tab,
                 onClick: ($event) => changeTab(tab)
-              }, toDisplayString(tab), 11, _hoisted_3$m);
+              }, toDisplayString(tab), 11, _hoisted_3$l);
             }), 128))
           ])
         ]),
@@ -17784,16 +17794,16 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TabbedLayout = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-09fce741"]]);
-const _hoisted_1$z = { class: "comments-wrap" };
-const _hoisted_2$q = { class: "comment-list" };
-const _hoisted_3$l = { class: "comment-top" };
-const _hoisted_4$g = { class: "comment-owner" };
-const _hoisted_5$e = { class: "comment-time" };
-const _hoisted_6$a = { class: "comment-actions" };
-const _hoisted_7$6 = ["innerHTML"];
-const _hoisted_8$3 = { class: "new-comment" };
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const TabbedLayout = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-09fce741"]]);
+const _hoisted_1$y = { class: "comments-wrap" };
+const _hoisted_2$p = { class: "comment-list" };
+const _hoisted_3$k = { 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$u = /* @__PURE__ */ defineComponent({
   __name: "Comments",
   props: {
     ref_table: {},
@@ -17836,8 +17846,8 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       void fetchData();
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$z, [
-        createElementVNode("div", _hoisted_2$q, [
+      return openBlock(), createElementBlock("div", _hoisted_1$y, [
+        createElementVNode("div", _hoisted_2$p, [
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(unref(comments), (comment) => {
             var _a2, _b, _c;
             return openBlock(), createElementBlock("div", {
@@ -17847,23 +17857,23 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
               }, "comment"]),
               key: comment.id
             }, [
-              createElementVNode("div", _hoisted_3$l, [
-                createElementVNode("div", _hoisted_4$g, toDisplayString(comment.sender.first_name) + " " + toDisplayString(comment.sender.last_name), 1),
-                createElementVNode("div", _hoisted_5$e, toDisplayString(comment.updated_at.split("T")[0]), 1),
-                createElementVNode("div", _hoisted_6$a, [
-                  createVNode(unref(_sfc_main$C), {
+              createElementVNode("div", _hoisted_3$k, [
+                createElementVNode("div", _hoisted_4$f, toDisplayString(comment.sender.first_name) + " " + toDisplayString(comment.sender.last_name), 1),
+                createElementVNode("div", _hoisted_5$d, toDisplayString(comment.updated_at.split("T")[0]), 1),
+                createElementVNode("div", _hoisted_6$9, [
+                  createVNode(unref(_sfc_main$D), {
                     size: 1,
                     class: "edit",
                     icon: "edit",
                     onClick: ($event) => isRef(editComment) ? editComment.value = comment : editComment = comment
                   }, null, 8, ["onClick"]),
-                  createVNode(unref(_sfc_main$C), {
+                  createVNode(unref(_sfc_main$D), {
                     size: 1.2,
                     class: "delete",
                     icon: "delete",
                     onClick: ($event) => deleteComment(comment.id)
                   }, null, 8, ["onClick"]),
-                  createVNode(unref(_sfc_main$C), {
+                  createVNode(unref(_sfc_main$D), {
                     size: 1.2,
                     class: "save",
                     icon: "save",
@@ -17871,7 +17881,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                   })
                 ])
               ]),
-              unref(editComment) !== null && ((_c = unref(editComment)) == null ? void 0 : _c.id) === comment.id ? (openBlock(), createBlock(unref(_sfc_main$D), {
+              unref(editComment) !== null && ((_c = unref(editComment)) == null ? void 0 : _c.id) === comment.id ? (openBlock(), createBlock(unref(_sfc_main$E), {
                 key: 0,
                 modelValue: unref(editComment).body_html,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(editComment).body_html = $event),
@@ -17880,12 +17890,12 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                 key: 1,
                 class: "editor-wrapper",
                 innerHTML: comment.body_html
-              }, null, 8, _hoisted_7$6))
+              }, null, 8, _hoisted_7$5))
             ], 2);
           }), 128))
         ]),
-        createElementVNode("div", _hoisted_8$3, [
-          createVNode(unref(_sfc_main$D), {
+        createElementVNode("div", _hoisted_8$2, [
+          createVNode(unref(_sfc_main$E), {
             class: "comment-input",
             modelValue: unref(bodyHtml),
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(bodyHtml) ? bodyHtml.value = $event : bodyHtml = $event),
@@ -17905,10 +17915,10 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Comments = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-c4b41dc0"]]);
-const _hoisted_1$y = { class: "page-top" };
-const _hoisted_2$p = { class: "top-title" };
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const Comments = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-c4b41dc0"]]);
+const _hoisted_1$x = { class: "page-top" };
+const _hoisted_2$o = { class: "top-title" };
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "PageTitle",
   props: {
     value: {
@@ -17918,8 +17928,8 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$y, [
-        createElementVNode("h1", _hoisted_2$p, [
+      return openBlock(), createElementBlock("div", _hoisted_1$x, [
+        createElementVNode("h1", _hoisted_2$o, [
           renderSlot(_ctx.$slots, "default"),
           createTextVNode(" " + toDisplayString(__props.value), 1)
         ])
@@ -17927,14 +17937,14 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$x = { class: "table-list-wrap h-100" };
-const _hoisted_2$o = { class: "infinite-wrapper" };
-const _hoisted_3$k = { class: "row first-row" };
-const _hoisted_4$f = ["onClick"];
-const _hoisted_5$d = { class: "flex" };
-const _hoisted_6$9 = ["onClick"];
-const _hoisted_7$5 = { key: 1 };
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _hoisted_1$w = { class: "table-list-wrap h-100" };
+const _hoisted_2$n = { class: "infinite-wrapper" };
+const _hoisted_3$j = { 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$s = /* @__PURE__ */ defineComponent({
   __name: "TableSchema",
   props: {
     data: {},
@@ -17968,27 +17978,27 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
       emit2("orderBy", `${fieldname} ${sortDirection.value}`.trim());
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$x, [
-        createElementVNode("table", _hoisted_2$o, [
-          createElementVNode("thead", _hoisted_3$k, [
+      return openBlock(), createElementBlock("div", _hoisted_1$w, [
+        createElementVNode("table", _hoisted_2$n, [
+          createElementVNode("thead", _hoisted_3$j, [
             (openBlock(true), createElementBlock(Fragment$1, null, renderList(computedSchema.value, (field) => {
               return openBlock(), createElementBlock("th", {
                 class: "col",
                 key: field.id,
                 onClick: ($event) => sort2((field == null ? void 0 : field.id) || "")
               }, [
-                createElementVNode("div", _hoisted_5$d, [
+                createElementVNode("div", _hoisted_5$c, [
                   createTextVNode(toDisplayString(field.id) + " ", 1),
                   createElementVNode("div", {
                     class: normalizeClass(["list-arrows", { sorted: unref(sortField) === field.id }])
                   }, [
-                    createVNode(unref(_sfc_main$C), {
+                    createVNode(unref(_sfc_main$D), {
                       class: normalizeClass({ desc: unref(sortDirection) === "DESC" }),
                       icon: "keyboard_arrow_up"
                     }, null, 8, ["class"])
                   ], 2)
                 ])
-              ], 8, _hoisted_4$f);
+              ], 8, _hoisted_4$e);
             }), 128))
           ]),
           createElementVNode("tbody", {
@@ -18010,7 +18020,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
                       key: 0,
                       row,
                       field
-                    }, void 0, true) : (openBlock(), createElementBlock("div", _hoisted_7$5, [
+                    }, void 0, true) : (openBlock(), createElementBlock("div", _hoisted_7$4, [
                       createVNode(unref(_sfc_main$g), {
                         field,
                         modelValue: row
@@ -18018,7 +18028,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
                     ]))
                   ]);
                 }), 128))
-              ], 8, _hoisted_6$9);
+              ], 8, _hoisted_6$8);
             }), 128))
           ], 2)
         ])
@@ -18026,16 +18036,16 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-2137a7a8"]]);
-const _sfc_main$q = {};
-const _hoisted_1$w = { class: "flex space-between" };
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-2137a7a8"]]);
+const _sfc_main$r = {};
+const _hoisted_1$v = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$w, [
+  return openBlock(), createElementBlock("div", _hoisted_1$v, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-const TopBar = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$1]]);
-const _sfc_main$p = {};
+const TopBar = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$1]]);
+const _sfc_main$q = {};
 function _sfc_render(_ctx, _cache) {
   const _component_router_view = resolveComponent("router-view");
   return openBlock(), createBlock(_component_router_view, null, {
@@ -18057,20 +18067,20 @@ function _sfc_render(_ctx, _cache) {
     _: 1
   });
 }
-const RouterWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render]]);
-const _hoisted_1$v = {
+const RouterWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render]]);
+const _hoisted_1$u = {
   key: 0,
   class: "data"
 };
-const _hoisted_2$n = {
+const _hoisted_2$m = {
   key: 0,
   class: "data-row"
 };
-const _hoisted_3$j = { class: "key" };
-const _hoisted_4$e = { key: 1 };
-const _hoisted_5$c = { class: "key" };
-const _hoisted_6$8 = { class: "vlue" };
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _hoisted_3$i = { class: "key" };
+const _hoisted_4$d = { key: 1 };
+const _hoisted_5$b = { class: "key" };
+const _hoisted_6$7 = { class: "vlue" };
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "DataPreview",
   props: /* @__PURE__ */ mergeModels({
     schema: {},
@@ -18084,8 +18094,8 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     const itemData = useModel(__props, "data");
     return (_ctx, _cache) => {
       var _a2;
-      return __props.data ? (openBlock(), createElementBlock("div", _hoisted_1$v, [
-        _ctx.title ? (openBlock(), createBlock(unref(_sfc_main$l), {
+      return __props.data ? (openBlock(), createElementBlock("div", _hoisted_1$u, [
+        _ctx.title ? (openBlock(), createBlock(unref(_sfc_main$m), {
           key: 0,
           label: _ctx.title
         }, null, 8, ["label"])) : createCommentVNode("", true),
@@ -18093,8 +18103,8 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
           return openBlock(), createElementBlock(Fragment$1, {
             key: field.id
           }, [
-            unref(iffer)(field, itemData.value) ? (openBlock(), createElementBlock("div", _hoisted_2$n, [
-              createElementVNode("div", _hoisted_3$j, toDisplayString((field == null ? void 0 : field.label) || unref(keyToLabel)(field.id)), 1),
+            unref(iffer)(field, itemData.value) ? (openBlock(), createElementBlock("div", _hoisted_2$m, [
+              createElementVNode("div", _hoisted_3$i, toDisplayString((field == null ? void 0 : field.label) || unref(keyToLabel)(field.id)), 1),
               createVNode(unref(_sfc_main$g), {
                 field,
                 modelValue: itemData.value,
@@ -18103,14 +18113,14 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
             ])) : createCommentVNode("", true)
           ], 64);
         }), 128)),
-        !((_a2 = _ctx.schema) == null ? void 0 : _a2.length) ? (openBlock(), createElementBlock("div", _hoisted_4$e, [
+        !((_a2 = _ctx.schema) == null ? void 0 : _a2.length) ? (openBlock(), createElementBlock("div", _hoisted_4$d, [
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(Object.entries(itemData.value), ([key, value]) => {
             return openBlock(), createElementBlock("div", {
               class: "data-row",
               key
             }, [
-              createElementVNode("div", _hoisted_5$c, toDisplayString(unref(keyToLabel)(key)), 1),
-              createElementVNode("div", _hoisted_6$8, toDisplayString(value), 1)
+              createElementVNode("div", _hoisted_5$b, toDisplayString(unref(keyToLabel)(key)), 1),
+              createElementVNode("div", _hoisted_6$7, toDisplayString(value), 1)
             ]);
           }), 128))
         ])) : createCommentVNode("", true),
@@ -18119,8 +18129,8 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-bb2526f9"]]);
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-bb2526f9"]]);
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "Card",
   props: {
     thin: { type: Boolean },
@@ -18138,8 +18148,8 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$u = ["src", "alt"];
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _hoisted_1$t = ["src", "alt"];
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "Avatar",
   props: {
     fallback: {},
@@ -18157,7 +18167,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
           key: 0,
           src: _ctx.src,
           alt: _ctx.name
-        }, null, 8, _hoisted_1$u)) : (openBlock(), createElementBlock("p", {
+        }, null, 8, _hoisted_1$t)) : (openBlock(), createElementBlock("p", {
           key: 1,
           style: normalizeStyle({ "line-height": `${_ctx.size * 0.9}px` })
         }, toDisplayString(_ctx.fallback || unref(initials)(_ctx.name || "")), 5))
@@ -18165,8 +18175,8 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-0441b0b8"]]);
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-b46163a3"]]);
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "Title",
   props: {
     value: {
@@ -18194,7 +18204,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "Accordion",
   setup(__props) {
     const state = reactive({
@@ -18208,8 +18218,8 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$t = ["onClick"];
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _hoisted_1$s = ["onClick"];
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "ComboBox",
   props: {
     options: {},
@@ -18289,7 +18299,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
         class: "bagel-input combobox"
       }, {
         popper: withCtx(({ hide }) => [
-          createVNode(unref(_sfc_main$n), {
+          createVNode(unref(_sfc_main$o), {
             thin: "",
             class: "combobox-options"
           }, {
@@ -18314,11 +18324,11 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                   }
                 }, [
                   createElementVNode("span", null, toDisplayString(label(option2)), 1),
-                  isSelected(option2) ? (openBlock(), createBlock(unref(_sfc_main$C), {
+                  isSelected(option2) ? (openBlock(), createBlock(unref(_sfc_main$D), {
                     key: 0,
                     icon: "check"
                   })) : createCommentVNode("", true)
-                ], 10, _hoisted_1$t);
+                ], 10, _hoisted_1$s);
               }), 128))
             ]),
             _: 2
@@ -18331,7 +18341,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
             onClick: toggle
           }, [
             createTextVNode(toDisplayString(valueToLabel(unref(selectedItem)) || _ctx.placeholder || "Select") + " ", 1),
-            createVNode(unref(_sfc_main$C), normalizeProps(guardReactiveProps({ "icon": unref(open) ? "unfold_less" : "unfold_more" })), null, 16)
+            createVNode(unref(_sfc_main$D), normalizeProps(guardReactiveProps({ "icon": unref(open) ? "unfold_less" : "unfold_more" })), null, 16)
           ]),
           _ctx.required ? withDirectives((openBlock(), createElementBlock("input", {
             key: 0,
@@ -18347,126 +18357,66 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ComboBox = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-ceeb5855"]]);
-const _withScopeId$2 = (n2) => (pushScopeId("data-v-fe5af582"), n2 = n2(), popScopeId(), n2);
-const _hoisted_1$s = { class: "bar-chart" };
-const _hoisted_2$m = {
-  key: 0,
-  class: "group-wrap"
-};
-const _hoisted_3$i = { class: "group-title" };
-const _hoisted_4$d = {
-  key: 1,
-  class: "bar-wrap"
-};
-const _hoisted_5$b = { class: "bar-txt" };
-const _hoisted_6$7 = { class: "factor" };
-const _hoisted_7$4 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("div", { class: "red-bar" }, null, -1));
-const _hoisted_8$2 = { class: "bar-lines" };
+const ComboBox = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-ceeb5855"]]);
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
+  __name: "Alert",
+  props: {
+    message: {},
+    type: { default: "info" }
+  },
+  setup(__props) {
+    const color2 = {
+      info: "#739DEF",
+      warning: "#efdb73",
+      error: "#DC3545"
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["alert", [_ctx.type]])
+      }, [
+        createVNode(unref(_sfc_main$D), {
+          class: "alert_icon",
+          icon: _ctx.type,
+          size: 2,
+          color: color2[_ctx.type]
+        }, null, 8, ["icon", "color"]),
+        createTextVNode(" " + toDisplayString(_ctx.message), 1)
+      ], 2);
+    };
+  }
+});
+const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-dfb0f29d"]]);
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
-  __name: "BarChart",
+  __name: "Badge",
   props: {
-    title: {},
-    showMarks: { type: Boolean },
-    flood: {},
-    modelValue: {}
+    color: {},
+    size: {},
+    text: {},
+    icon: {},
+    "icon.end": {}
   },
   setup(__props) {
-    useCssVars((_ctx) => ({
-      "b74eb91e": floodPercent.value
-    }));
     const props2 = __props;
-    const loaded = ref(false);
-    onMounted(() => {
-      setTimeout(() => {
-        loaded.value = true;
-      }, 400);
-    });
-    const dataArray = computed(
-      () => props2.modelValue
-      // const allData = []
-      // for (const item of props.modelValue) {
-      //   if (item.group) {
-      //     let groupIndex = allData.findIndex(d => d.group === item.group)
-      //     if (groupIndex > -1) allData[groupIndex].data?.push(item);
-      //     else allData.push({ group: item.group, data: [item] })
-      //   } else {
-      //     allData.push(item)
-      //   }
-      // }
-      // return allData;
-    );
-    const maxValue = computed(
-      () => Math.ceil(
-        Math.max(
-          ...dataArray.value.map((d2) => d2.value),
-          ...dataArray.value.map((d2) => (d2 == null ? void 0 : d2.compareValue) || 0)
-        )
-      )
-    );
-    const marks2 = computed(() => {
-      const marksArray = [];
-      for (let i2 = 0; i2 <= 5; i2 += 1) {
-        const step = i2 * maxValue.value / 5;
-        marksArray.push(Math.round(step / 10) * 10);
-      }
-      return marksArray;
-    });
-    const percent = (val) => val / maxValue.value * 100;
-    const floodPercent = computed(() => `${props2.flood}%`);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$s, [
-        (openBlock(true), createElementBlock(Fragment$1, null, renderList(dataArray.value, (item, i2) => {
-          return openBlock(), createElementBlock("div", {
-            class: "graph-wrap",
-            key: i2
-          }, [
-            item.group ? (openBlock(), createElementBlock("div", _hoisted_2$m, [
-              createElementVNode("p", _hoisted_3$i, toDisplayString(item.group), 1),
-              (openBlock(true), createElementBlock(Fragment$1, null, renderList((item == null ? void 0 : item.data) || [], (nested, i22) => {
-                return openBlock(), createElementBlock("div", {
-                  key: i22,
-                  class: "bar-wrap"
-                }, [
-                  createElementVNode("div", {
-                    class: "bar",
-                    style: normalizeStyle({ height: loaded.value ? `${percent(nested.value)}%` : "0" })
-                  }, null, 4),
-                  nested.compareValue ? (openBlock(), createElementBlock("div", {
-                    key: 0,
-                    class: "bar compare",
-                    style: normalizeStyle({
-                      height: loaded.value ? `${percent(nested.compareValue)}%` : "0"
-                    })
-                  }, null, 4)) : createCommentVNode("", true)
-                ]);
-              }), 128))
-            ])) : (openBlock(), createElementBlock("div", _hoisted_4$d, [
-              createElementVNode("div", {
-                class: "bar",
-                style: normalizeStyle({ height: loaded.value ? `${percent(item.value)}%` : "0" })
-              }, null, 4),
-              (item == null ? void 0 : item.compareValue) ? (openBlock(), createElementBlock("div", {
-                key: 0,
-                class: "bar compare",
-                style: normalizeStyle({ height: loaded.value ? `${percent(item.compareValue)}%` : "0" })
-              }, null, 4)) : createCommentVNode("", true),
-              createElementVNode("p", _hoisted_5$b, toDisplayString(item.title), 1)
-            ]))
-          ]);
-        }), 128)),
-        createElementVNode("p", _hoisted_6$7, toDisplayString(_ctx.title), 1),
-        _hoisted_7$4,
-        createElementVNode("div", _hoisted_8$2, [
-          (openBlock(true), createElementBlock(Fragment$1, null, renderList(marks2.value, (mark) => {
-            return openBlock(), createElementBlock("p", { key: mark }, toDisplayString(mark.toLocaleString()), 1);
-          }), 128))
-        ])
-      ]);
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["pill", [_ctx.color]])
+      }, [
+        _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$D), {
+          key: 0,
+          class: "inline",
+          icon: _ctx.icon
+        }, null, 8, ["icon"])) : createCommentVNode("", true),
+        createTextVNode(" " + toDisplayString(_ctx.text) + " ", 1),
+        props2["icon.end"] ? (openBlock(), createBlock(unref(_sfc_main$D), {
+          key: 1,
+          class: "inline",
+          icon: props2["icon.end"]
+        }, null, 8, ["icon"])) : createCommentVNode("", true)
+      ], 2);
     };
   }
 });
-const BarChart = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-fe5af582"]]);
+const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-64e0d988"]]);
 const _hoisted_1$r = {
   key: 1,
   type: "submit",
@@ -18547,7 +18497,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
         ref: form,
         onSubmit: withModifiers(runSubmit, ["prevent"])
       }, [
-        _ctx.label ? (openBlock(), createBlock(unref(_sfc_main$l), {
+        _ctx.label ? (openBlock(), createBlock(unref(_sfc_main$m), {
           key: 0,
           tag: "h4",
           label: _ctx.label
@@ -31446,7 +31396,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                       key: row.id
                     }, [
                       createElementVNode("div", _hoisted_5$9, [
-                        createVNode(unref(_sfc_main$C), { icon: "more_vert" })
+                        createVNode(unref(_sfc_main$D), { icon: "more_vert" })
                       ]),
                       (openBlock(true), createElementBlock(Fragment$1, null, renderList((_a3 = unref(entityMeta)) == null ? void 0 : _a3.fields, (field) => {
                         return openBlock(), createElementBlock("div", {
@@ -31463,7 +31413,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                         ], 2);
                       }), 128)),
                       createElementVNode("div", _hoisted_6$5, [
-                        createVNode(unref(_sfc_main$C), {
+                        createVNode(unref(_sfc_main$D), {
                           icon: "delete",
                           onClick: ($event) => removeRow(index2)
                         }, null, 8, ["onClick"])
@@ -31625,12 +31575,12 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           ]),
           _ctx.helptext ? (openBlock(), createElementBlock("p", _hoisted_5$8, toDisplayString(_ctx.helptext), 1)) : createCommentVNode("", true)
         ], 8, _hoisted_2$f),
-        _ctx.iconStart ? (openBlock(), createBlock(unref(_sfc_main$C), {
+        _ctx.iconStart ? (openBlock(), createBlock(unref(_sfc_main$D), {
           key: 0,
           class: "iconStart",
           icon: _ctx.iconStart
         }, null, 8, ["icon"])) : createCommentVNode("", true),
-        _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$C), {
+        _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$D), {
           key: 1,
           icon: _ctx.icon
         }, null, 8, ["icon"])) : createCommentVNode("", true),
@@ -31669,7 +31619,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           [vModelCheckbox, val.value]
         ]),
         createElementVNode("span", null, [
-          createVNode(unref(_sfc_main$C), { icon: "check" })
+          createVNode(unref(_sfc_main$D), { icon: "check" })
         ])
       ]);
     };
@@ -32034,7 +31984,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                   style: normalizeStyle([`--p:${fileQ.progress}`, { "--b": "2px" }])
                 }, [
                   fileQ.progress < 100 ? (openBlock(), createElementBlock("span", _hoisted_12, toDisplayString(`${fileQ.progress.toFixed(0)}`), 1)) : createCommentVNode("", true),
-                  createVNode(unref(_sfc_main$C), {
+                  createVNode(unref(_sfc_main$D), {
                     class: "success",
                     icon: "check"
                   })
@@ -38549,7 +38499,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       var _a2, _b, _c, _d, _e2, _f;
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(unref(_sfc_main$s), null, {
+        createVNode(unref(_sfc_main$t), null, {
           default: withCtx(() => [
             createTextVNode("Whatsapp Template")
           ]),
@@ -38670,16 +38620,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 export {
-  _sfc_main$k as Accordion,
+  _sfc_main$l as Accordion,
   AccordionItem,
+  Alert,
   Avatar,
+  Badge,
   _sfc_main$h as BagelForm,
   BagelVue,
-  BarChart,
   _sfc_main$g as BglField,
   _sfc_main$h as BglForm,
   Btn,
-  _sfc_main$n as Card,
+  _sfc_main$o as Card,
   CheckInput,
   Checkbox,
   _sfc_main$7 as ColorPicker,
@@ -38689,20 +38640,20 @@ export {
   _sfc_main$e as DateInput,
   _sfc_main$6 as DatePicker,
   FileUpload,
-  _sfc_main$C as Icon,
+  _sfc_main$D as Icon,
   JSONInput,
-  _sfc_main$E as LangText,
+  _sfc_main$F as LangText,
   _sfc_main$2 as Lineart,
-  _sfc_main$v as ListItem,
-  _sfc_main$w as ListView,
-  _sfc_main$C as MaterialIcon,
-  _sfc_main$z as Modal,
+  _sfc_main$w as ListItem,
+  _sfc_main$x as ListView,
+  _sfc_main$D as MaterialIcon,
+  _sfc_main$A as Modal,
   ModalForm,
   ModalPlugin,
   MsgTemplate,
   NavBar,
-  _sfc_main$s as PageTitle,
-  _sfc_main$D as RTXEditor,
+  _sfc_main$t as PageTitle,
+  _sfc_main$E as RTXEditor,
   RadioPillsInput,
   RichTextEditor,
   RouterWrapper,
@@ -38712,7 +38663,7 @@ export {
   TableSchema,
   TextInput,
   _sfc_main as TextVariableExamples,
-  _sfc_main$l as Title,
+  _sfc_main$m as Title,
   ToggleInput,
   TopBar,
   bagelInjectionKey,