@bagelink/vue 0.0.287 → 0.0.296

package/dist/index.cjs

@@ -4877,10 +4877,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 vue.h(ModalForm, props2, modal.componentSlots);
-          return vue.h(_sfc_main$y, props2, modal.componentSlots);
+          return vue.h(_sfc_main$A, props2, modal.componentSlots);
         });
       }
     });
@@ -4959,7 +4959,7 @@ const iffer = (field, itemData) => {
 };
 const denullify = (itemData, fieldID) => fieldID && itemData ? itemData[fieldID] : null;
 const _hoisted_1$H = { ref: "el" };
-const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
   __name: "LangText",
   props: {
     input: {}
@@ -17081,7 +17081,7 @@ const marks = {
 };
 const schema = new Schema({ nodes, marks });
 const _hoisted_1$G = ["id"];
-const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
   __name: "RTXEditor",
   props: {
     elementId: { default: Math.random().toString(36).substr(2, 9) },
@@ -17162,17 +17162,18 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   __name: "MaterialIcon",
   props: {
     icon: {},
-    size: {}
+    size: {},
+    color: {}
   },
   setup(__props) {
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
         class: "bgl_icon-font",
-        style: vue.normalizeStyle({ fontSize: `${_ctx.size}rem` })
+        style: vue.normalizeStyle({ fontSize: `${_ctx.size}rem`, color: _ctx.color })
       }, vue.toDisplayString(_ctx.icon), 5);
     };
   }
@@ -17183,7 +17184,7 @@ 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$A = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   __name: "NavBar",
   props: {
     footerLinks: { default: () => [] },
@@ -17207,7 +17208,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
           "aria-label": "Toggle Navigation",
           tabindex: "0"
         }, [
-          vue.createVNode(vue.unref(_sfc_main$B), {
+          vue.createVNode(vue.unref(_sfc_main$D), {
             icon: "chevron_right",
             class: "top-arrow"
           })
@@ -17226,7 +17227,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
                   }
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(_sfc_main$B), {
+                    vue.createVNode(vue.unref(_sfc_main$D), {
                       icon: link.materialIcon
                     }, null, 8, ["icon"]),
                     vue.createElementVNode("div", _hoisted_4$i, vue.toDisplayString(link.label), 1)
@@ -17248,7 +17249,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
                 key: link.label
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(_sfc_main$B), {
+                  vue.createVNode(vue.unref(_sfc_main$D), {
                     icon: link.materialIcon
                   }, null, 8, ["icon"]),
                   vue.createElementVNode("div", _hoisted_6$a, vue.toDisplayString(link.label), 1)
@@ -17270,7 +17271,7 @@ const _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-776ccc02"]]);
+const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-776ccc02"]]);
 const _hoisted_1$E = {
   key: 0,
   class: "loading"
@@ -17279,7 +17280,7 @@ const _hoisted_2$v = {
   key: 1,
   class: "bgl_btn-flex"
 };
-const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   __name: "Btn",
   props: {
     disabled: { type: Boolean, default: false },
@@ -17366,7 +17367,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
       }, {
         default: vue.withCtx(() => [
           _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$E)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$v, [
-            _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$B), {
+            _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$D), {
               key: 0,
               icon: _ctx.icon
             }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
@@ -17374,7 +17375,7 @@ const _sfc_main$z = /* @__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$B), {
+            props2["icon.end"] ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$D), {
               key: 2,
               icon: props2["icon.end"]
             }, null, 8, ["icon"])) : vue.createCommentVNode("", true)
@@ -17385,42 +17386,51 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-7a7625e7"]]);
+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$y = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$A = /* @__PURE__ */ vue.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 = vue.ref(false);
+    let isVisible = vue.ref(false);
+    vue.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());
-    vue.onMounted(() => {
-      setTimeout(() => isActive.value = true, 1);
+    function openModal() {
+      setTimeout(() => isVisible.value = true, 1);
       document.addEventListener("keydown", escapeKeyClose);
-    });
+    }
     vue.onUnmounted(() => {
       document.removeEventListener("keydown", escapeKeyClose);
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["bg-dark", { "is-side": _ctx.side, "is-active": vue.unref(isActive), "bg-lignt": false }]),
+        class: vue.normalizeClass(["bg-dark", { "is-side": _ctx.side, "is-active": vue.unref(isVisible), "bg-lignt": false }]),
         onClick: _cache[1] || (_cache[1] = () => _ctx.dismissable ? closeModal() : ""),
         onKeydown: vue.withKeys(closeModal, ["esc"])
       }, [
-        vue.createVNode(vue.unref(_sfc_main$m), {
+        vue.createVNode(vue.unref(_sfc_main$o), {
           class: "modal",
           onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
           }, ["stop"]))
@@ -17434,7 +17444,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
                 icon: "close",
                 onClick: closeModal
               }, null, 8, ["style"]),
-              _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$k), {
+              _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$m), {
                 key: 0,
                 class: "modal-title",
                 tag: "h3",
@@ -17459,7 +17469,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   __name: "ModalForm",
   props: /* @__PURE__ */ vue.mergeModels({
     side: { type: Boolean },
@@ -17516,7 +17526,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
     }
     __expose({ setFormValues });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$y), {
+      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$A), {
         "onOnUpdate:isModalVisible": props2["onUpdate:isModalVisible"],
         side: _ctx.side,
         ref_key: "modal",
@@ -17567,12 +17577,12 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-dca6fe18"]]);
+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$w = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
   __name: "AccordionItem",
   props: {
     label: {},
@@ -17607,7 +17617,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["accordion-icon", { open: vue.unref(open) }])
           }, [
-            vue.createVNode(vue.unref(_sfc_main$B), { icon: "expand_more" })
+            vue.createVNode(vue.unref(_sfc_main$D), { icon: "expand_more" })
           ], 2)
         ], 8, _hoisted_2$t),
         vue.createVNode(vue.Transition, { name: "expand" }, {
@@ -17627,7 +17637,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-bf74738b"]]);
+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 = {
@@ -17636,7 +17646,7 @@ const _hoisted_3$m = {
 };
 const _hoisted_4$g = ["placeholder"];
 const _hoisted_5$e = { class: "list-content grid auto-flow-rows align-items-start" };
-const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   __name: "ListView",
   props: {
     enableAdd: { type: Boolean },
@@ -17662,7 +17672,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
             }, null, 40, _hoisted_4$g), [
               [vue.vModelText, searchTerm.value]
             ]),
-            vue.createVNode(vue.unref(_sfc_main$B), {
+            vue.createVNode(vue.unref(_sfc_main$D), {
               class: "txtgray",
               icon: "search"
             })
@@ -17682,7 +17692,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$A = { class: "txt16 no-margin ellipsis" };
 const _hoisted_2$r = { class: "txt14 no-margin txtgray ellipsis" };
-const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
   __name: "ListItem",
   props: {
     src: {},
@@ -17724,7 +17734,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.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$t = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   __name: "TabbedLayout",
   props: {
     title: {},
@@ -17786,7 +17796,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TabbedLayout = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-09fce741"]]);
+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" };
@@ -17795,7 +17805,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$s = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   __name: "Comments",
   props: {
     ref_table: {},
@@ -17853,19 +17863,19 @@ const _sfc_main$s = /* @__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$B), {
+                  vue.createVNode(vue.unref(_sfc_main$D), {
                     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$B), {
+                  vue.createVNode(vue.unref(_sfc_main$D), {
                     size: 1.2,
                     class: "delete",
                     icon: "delete",
                     onClick: ($event) => deleteComment(comment.id)
                   }, null, 8, ["onClick"]),
-                  vue.createVNode(vue.unref(_sfc_main$B), {
+                  vue.createVNode(vue.unref(_sfc_main$D), {
                     size: 1.2,
                     class: "save",
                     icon: "save",
@@ -17873,7 +17883,7 @@ const _sfc_main$s = /* @__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$C), {
+              vue.unref(editComment) !== null && ((_c = vue.unref(editComment)) == null ? void 0 : _c.id) === comment.id ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$E), {
                 key: 0,
                 modelValue: vue.unref(editComment).body_html,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(editComment).body_html = $event),
@@ -17887,7 +17897,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
           }), 128))
         ]),
         vue.createElementVNode("div", _hoisted_8$2, [
-          vue.createVNode(vue.unref(_sfc_main$C), {
+          vue.createVNode(vue.unref(_sfc_main$E), {
             class: "comment-input",
             modelValue: vue.unref(bodyHtml),
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(bodyHtml) ? bodyHtml.value = $event : bodyHtml = $event),
@@ -17907,10 +17917,10 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Comments = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-c4b41dc0"]]);
+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$r = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   __name: "PageTitle",
   props: {
     value: {
@@ -17936,7 +17946,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$q = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   __name: "TableSchema",
   props: {
     data: {},
@@ -17984,7 +17994,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
                   vue.createElementVNode("div", {
                     class: vue.normalizeClass(["list-arrows", { sorted: vue.unref(sortField) === field.id }])
                   }, [
-                    vue.createVNode(vue.unref(_sfc_main$B), {
+                    vue.createVNode(vue.unref(_sfc_main$D), {
                       class: vue.normalizeClass({ desc: vue.unref(sortDirection) === "DESC" }),
                       icon: "keyboard_arrow_up"
                     }, null, 8, ["class"])
@@ -18028,16 +18038,16 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-2137a7a8"]]);
-const _sfc_main$p = {};
+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 vue.openBlock(), vue.createElementBlock("div", _hoisted_1$v, [
     vue.renderSlot(_ctx.$slots, "default")
   ]);
 }
-const TopBar = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$1]]);
-const _sfc_main$o = {};
+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 = vue.resolveComponent("router-view");
   return vue.openBlock(), vue.createBlock(_component_router_view, null, {
@@ -18059,7 +18069,7 @@ function _sfc_render(_ctx, _cache) {
     _: 1
   });
 }
-const RouterWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render]]);
+const RouterWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render]]);
 const _hoisted_1$u = {
   key: 0,
   class: "data"
@@ -18072,7 +18082,7 @@ 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$n = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   __name: "DataPreview",
   props: /* @__PURE__ */ vue.mergeModels({
     schema: {},
@@ -18087,7 +18097,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       var _a2;
       return __props.data ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$u, [
-        _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$k), {
+        _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$m), {
           key: 0,
           label: _ctx.title
         }, null, 8, ["label"])) : vue.createCommentVNode("", true),
@@ -18121,8 +18131,8 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-bb2526f9"]]);
-const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-bb2526f9"]]);
+const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   __name: "Card",
   props: {
     thin: { type: Boolean },
@@ -18141,7 +18151,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$t = ["src", "alt"];
-const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
   __name: "Avatar",
   props: {
     fallback: {},
@@ -18167,8 +18177,8 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-b46163a3"]]);
-const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-b46163a3"]]);
+const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   __name: "Title",
   props: {
     value: {
@@ -18196,7 +18206,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   __name: "Accordion",
   setup(__props) {
     const state = vue.reactive({
@@ -18211,7 +18221,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$s = ["onClick"];
-const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
   __name: "ComboBox",
   props: {
     options: {},
@@ -18291,7 +18301,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
         class: "bagel-input combobox"
       }, {
         popper: vue.withCtx(({ hide }) => [
-          vue.createVNode(vue.unref(_sfc_main$m), {
+          vue.createVNode(vue.unref(_sfc_main$o), {
             thin: "",
             class: "combobox-options"
           }, {
@@ -18316,7 +18326,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
                   }
                 }, [
                   vue.createElementVNode("span", null, vue.toDisplayString(label(option2)), 1),
-                  isSelected(option2) ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$B), {
+                  isSelected(option2) ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$D), {
                     key: 0,
                     icon: "check"
                   })) : vue.createCommentVNode("", true)
@@ -18333,7 +18343,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
             onClick: toggle
           }, [
             vue.createTextVNode(vue.toDisplayString(valueToLabel(vue.unref(selectedItem)) || _ctx.placeholder || "Select") + " ", 1),
-            vue.createVNode(vue.unref(_sfc_main$B), vue.normalizeProps(vue.guardReactiveProps({ "icon": vue.unref(open) ? "unfold_less" : "unfold_more" })), null, 16)
+            vue.createVNode(vue.unref(_sfc_main$D), 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,
@@ -18349,7 +18359,66 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ComboBox = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-ceeb5855"]]);
+const ComboBox = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-ceeb5855"]]);
+const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+  __name: "Alert",
+  props: {
+    message: {},
+    type: { default: "info" }
+  },
+  setup(__props) {
+    const color2 = {
+      info: "#739DEF",
+      warning: "#efdb73",
+      error: "#DC3545"
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["alert", [_ctx.type]])
+      }, [
+        vue.createVNode(vue.unref(_sfc_main$D), {
+          class: "alert_icon",
+          icon: _ctx.type,
+          size: 2,
+          color: color2[_ctx.type]
+        }, null, 8, ["icon", "color"]),
+        vue.createTextVNode(" " + vue.toDisplayString(_ctx.message), 1)
+      ], 2);
+    };
+  }
+});
+const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-dfb0f29d"]]);
+const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+  __name: "Badge",
+  props: {
+    color: {},
+    size: {},
+    text: {},
+    icon: {},
+    "icon.end": {}
+  },
+  setup(__props) {
+    const props2 = __props;
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["pill", [_ctx.color]])
+      }, [
+        _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$D), {
+          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$D), {
+          key: 1,
+          class: "inline",
+          icon: props2["icon.end"]
+        }, null, 8, ["icon"])) : vue.createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-64e0d988"]]);
 const _hoisted_1$r = {
   key: 1,
   type: "submit",
@@ -18430,7 +18499,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
         ref: form,
         onSubmit: vue.withModifiers(runSubmit, ["prevent"])
       }, [
-        _ctx.label ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$k), {
+        _ctx.label ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$m), {
           key: 0,
           tag: "h4",
           label: _ctx.label
@@ -31329,7 +31398,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
                       key: row.id
                     }, [
                       vue.createElementVNode("div", _hoisted_5$9, [
-                        vue.createVNode(vue.unref(_sfc_main$B), { icon: "more_vert" })
+                        vue.createVNode(vue.unref(_sfc_main$D), { 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", {
@@ -31346,7 +31415,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
                         ], 2);
                       }), 128)),
                       vue.createElementVNode("div", _hoisted_6$5, [
-                        vue.createVNode(vue.unref(_sfc_main$B), {
+                        vue.createVNode(vue.unref(_sfc_main$D), {
                           icon: "delete",
                           onClick: ($event) => removeRow(index2)
                         }, null, 8, ["onClick"])
@@ -31508,12 +31577,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$B), {
+        _ctx.iconStart ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$D), {
           key: 0,
           class: "iconStart",
           icon: _ctx.iconStart
         }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
-        _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$B), {
+        _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$D), {
           key: 1,
           icon: _ctx.icon
         }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
@@ -31552,7 +31621,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
           [vue.vModelCheckbox, val.value]
         ]),
         vue.createElementVNode("span", null, [
-          vue.createVNode(vue.unref(_sfc_main$B), { icon: "check" })
+          vue.createVNode(vue.unref(_sfc_main$D), { icon: "check" })
         ])
       ]);
     };
@@ -31917,7 +31986,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$B), {
+                  vue.createVNode(vue.unref(_sfc_main$D), {
                     class: "success",
                     icon: "check"
                   })
@@ -38432,7 +38501,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       var _a2, _b, _c, _d, _e2, _f;
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createVNode(vue.unref(_sfc_main$r), null, {
+        vue.createVNode(vue.unref(_sfc_main$t), null, {
           default: vue.withCtx(() => [
             vue.createTextVNode("Whatsapp Template")
           ]),
@@ -38552,15 +38621,17 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-exports.Accordion = _sfc_main$j;
+exports.Accordion = _sfc_main$l;
 exports.AccordionItem = AccordionItem;
+exports.Alert = Alert;
 exports.Avatar = Avatar;
+exports.Badge = Badge;
 exports.BagelForm = _sfc_main$h;
 exports.BagelVue = BagelVue;
 exports.BglField = _sfc_main$g;
 exports.BglForm = _sfc_main$h;
 exports.Btn = Btn;
-exports.Card = _sfc_main$m;
+exports.Card = _sfc_main$o;
 exports.CheckInput = CheckInput;
 exports.Checkbox = Checkbox;
 exports.ColorPicker = _sfc_main$7;
@@ -38570,20 +38641,20 @@ exports.DataPreview = DataPreview;
 exports.DateInput = _sfc_main$e;
 exports.DatePicker = _sfc_main$6;
 exports.FileUpload = FileUpload;
-exports.Icon = _sfc_main$B;
+exports.Icon = _sfc_main$D;
 exports.JSONInput = JSONInput;
-exports.LangText = _sfc_main$D;
+exports.LangText = _sfc_main$F;
 exports.Lineart = _sfc_main$2;
-exports.ListItem = _sfc_main$u;
-exports.ListView = _sfc_main$v;
-exports.MaterialIcon = _sfc_main$B;
-exports.Modal = _sfc_main$y;
+exports.ListItem = _sfc_main$w;
+exports.ListView = _sfc_main$x;
+exports.MaterialIcon = _sfc_main$D;
+exports.Modal = _sfc_main$A;
 exports.ModalForm = ModalForm;
 exports.ModalPlugin = ModalPlugin;
 exports.MsgTemplate = MsgTemplate;
 exports.NavBar = NavBar;
-exports.PageTitle = _sfc_main$r;
-exports.RTXEditor = _sfc_main$C;
+exports.PageTitle = _sfc_main$t;
+exports.RTXEditor = _sfc_main$E;
 exports.RadioPillsInput = RadioPillsInput;
 exports.RichTextEditor = RichTextEditor;
 exports.RouterWrapper = RouterWrapper;
@@ -38593,7 +38664,7 @@ exports.TableField = TableField;
 exports.TableSchema = TableSchema;
 exports.TextInput = TextInput;
 exports.TextVariableExamples = _sfc_main;
-exports.Title = _sfc_main$k;
+exports.Title = _sfc_main$m;
 exports.ToggleInput = ToggleInput;
 exports.TopBar = TopBar;
 exports.bagelInjectionKey = bagelInjectionKey;