@bagelink/vue 0.0.400 → 0.0.407

package/dist/index.cjs

@@ -4720,6 +4720,8 @@ class Bagel {
     __publicField(this, "onError");
     __publicField(this, "read_table", null);
     __publicField(this, "auth", new BagelAuth(this));
+    if (!this.host)
+      throw new Error("you probably need to set VITE_BAGEL_BASE_URL in the .env file");
     this.host = host.replace(/\/$/, "");
     axios.defaults.baseURL = this.host;
     this.onError = onError;
@@ -4857,6 +4859,15 @@ const ModalPlugin = {
     const hideModal = (index2) => {
       modalStack.value.splice(index2, 1);
     };
+    const modalConfirm = (options) => new Promise((resolve) => {
+      if (typeof options === "string")
+        options = { title: options, message: "" };
+      modalStack.value.push({
+        modalOptions: { ...options, resolve },
+        modalType: "confirm",
+        componentSlots: {}
+      });
+    });
     const showModal = (modalType, options, slots = {}) => {
       modalStack.value.push({
         modalOptions: options,
@@ -4870,6 +4881,7 @@ const ModalPlugin = {
     app.provide(ModalSymbol, {
       showModal: (options, slots) => showModal("modal", options, slots),
       showModalForm: (options, slots) => showModal("modalForm", options, slots),
+      confirm: (userOptions) => modalConfirm(userOptions),
       hideModal: (index2 = modalStack.value.length - 1) => hideModal(index2)
       // modalOptions,
     });
@@ -4880,7 +4892,9 @@ 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$E, props2, modal.componentSlots);
+          if (modal.modalType === "confirm")
+            return vue.h(_sfc_main$n, props2, {});
+          return vue.h(_sfc_main$F, props2, modal.componentSlots);
         });
       }
     });
@@ -5019,7 +5033,7 @@ const iffer = (field, itemData) => {
   return true;
 };
 const denullify = (itemData, fieldID) => fieldID && itemData ? itemData[fieldID] : null;
-const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
   __name: "MaterialIcon",
   props: {
     icon: {},
@@ -5042,7 +5056,7 @@ const _hoisted_3$l = { class: "nav-links-wrapper" };
 const _hoisted_4$e = { class: "tooltip" };
 const _hoisted_5$b = { class: "bot-buttons-wrapper" };
 const _hoisted_6$7 = { class: "tooltip" };
-const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   __name: "NavBar",
   props: {
     footerLinks: { default: () => [] },
@@ -5066,7 +5080,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
           "aria-label": "Toggle Navigation",
           tabindex: "0"
         }, [
-          vue.createVNode(vue.unref(_sfc_main$H), {
+          vue.createVNode(vue.unref(_sfc_main$I), {
             icon: "chevron_right",
             class: "top-arrow"
           })
@@ -5085,7 +5099,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
                   }
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(_sfc_main$H), {
+                    vue.createVNode(vue.unref(_sfc_main$I), {
                       icon: link.icon
                     }, null, 8, ["icon"]),
                     vue.createElementVNode("div", _hoisted_4$e, vue.toDisplayString(link.label), 1)
@@ -5107,7 +5121,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
                 key: link.label
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(_sfc_main$H), {
+                  vue.createVNode(vue.unref(_sfc_main$I), {
                     icon: link.icon
                   }, null, 8, ["icon"]),
                   vue.createElementVNode("div", _hoisted_6$7, vue.toDisplayString(link.label), 1)
@@ -5129,7 +5143,7 @@ const _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-727b754a"]]);
+const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-727b754a"]]);
 const _hoisted_1$D = {
   key: 0,
   class: "loading"
@@ -5138,7 +5152,7 @@ const _hoisted_2$w = {
   key: 1,
   class: "bgl_btn-flex"
 };
-const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   __name: "Btn",
   props: {
     disabled: { type: Boolean, default: false },
@@ -5226,7 +5240,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
       }, {
         default: vue.withCtx(() => [
           _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$D)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$w, [
-            _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$H), {
+            _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$I), {
               key: 0,
               icon: _ctx.icon
             }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
@@ -5234,7 +5248,7 @@ const _sfc_main$F = /* @__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$H), {
+            props2["icon.end"] ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$I), {
               key: 2,
               icon: props2["icon.end"]
             }, null, 8, ["icon"])) : vue.createCommentVNode("", true)
@@ -5245,10 +5259,10 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-d09a83c5"]]);
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-d09a83c5"]]);
 const _hoisted_1$C = { class: "tool-bar" };
 const _hoisted_2$v = { class: "modal-footer mt-3" };
-const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
   __name: "Modal",
   props: {
     side: { type: Boolean },
@@ -5302,7 +5316,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
         onClick: _cache[1] || (_cache[1] = () => _ctx.dismissable ? closeModal() : ""),
         onKeydown: vue.withKeys(closeModal, ["esc"])
       }, [
-        vue.createVNode(vue.unref(_sfc_main$u), {
+        vue.createVNode(vue.unref(_sfc_main$v), {
           class: "modal",
           onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
           }, ["stop"])),
@@ -5317,7 +5331,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
                 icon: "close",
                 onClick: closeModal
               }, null, 8, ["style"]),
-              _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
+              _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$t), {
                 key: 0,
                 class: "modal-title",
                 tag: "h3",
@@ -5342,7 +5356,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
   __name: "ModalForm",
   props: /* @__PURE__ */ vue.mergeModels({
     side: { type: Boolean },
@@ -5353,7 +5367,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     schema: { type: Function },
     onSubmit: { type: Function },
     onDelete: { type: Function },
-    "onUpdate:isModalVisible": { type: Function },
+    visible: { type: Boolean },
     onError: { type: Function },
     modelValue: {}
   }, {
@@ -5362,10 +5376,11 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     },
     "modelModifiers": {}
   }),
-  emits: ["update:modelValue"],
-  setup(__props, { expose: __expose }) {
+  emits: /* @__PURE__ */ vue.mergeModels(["update:visible"], ["update:modelValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
     const bagel = useBagel();
     const props2 = __props;
+    const emit2 = __emit;
     const modal = vue.ref();
     const computedFormSchema = vue.computed(() => {
       if (typeof props2.schema === "function")
@@ -5402,12 +5417,13 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     }
     __expose({ setFormValues });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$E), {
-        "onOnUpdate:isModalVisible": props2["onUpdate:isModalVisible"],
+      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$F), {
+        "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => emit2("update:visible", $event)),
         side: _ctx.side,
         ref_key: "modal",
         ref: modal,
         width: _ctx.width,
+        visible: _ctx.visible,
         dismissable: _ctx.dismissable,
         title: _ctx.title
       }, vue.createSlots({
@@ -5450,16 +5466,16 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["onOnUpdate:isModalVisible", "side", "width", "dismissable", "title"]);
+      ]), 1032, ["side", "width", "visible", "dismissable", "title"]);
     };
   }
 });
-const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-204f5236"]]);
+const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-04d84995"]]);
 const _hoisted_1$B = { class: "accordion-item" };
 const _hoisted_2$u = ["aria-expanded", "aria-controls"];
 const _hoisted_3$k = { class: "accordion-label" };
 const _hoisted_4$d = ["id", "aria-hidden"];
-const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   __name: "AccordionItem",
   props: {
     label: {},
@@ -5494,7 +5510,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["accordion-icon", { open: vue.unref(open) }])
           }, [
-            vue.createVNode(vue.unref(_sfc_main$H), { icon: "expand_more" })
+            vue.createVNode(vue.unref(_sfc_main$I), { icon: "expand_more" })
           ], 2)
         ], 8, _hoisted_2$u),
         vue.createVNode(vue.Transition, { name: "expand" }, {
@@ -5514,11 +5530,11 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-bf74738b"]]);
+const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-bf74738b"]]);
 const _hoisted_1$A = { class: "list-wrap bgl_card thin grid overflow-hidden h-100 p-0" };
 const _hoisted_2$t = { class: "p-1" };
 const _hoisted_3$j = { class: "list-content auto-flow-rows align-items-start overflow-y h-100" };
-const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   __name: "ListView",
   setup(__props) {
     return (_ctx, _cache) => {
@@ -5535,7 +5551,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$z = { class: "txt16 no-margin ellipsis" };
 const _hoisted_2$s = { class: "txt14 no-margin txt-gray ellipsis" };
-const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   __name: "ListItem",
   props: {
     src: {},
@@ -5576,7 +5592,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$y = { class: "page-top" };
 const _hoisted_2$r = { class: "top-title" };
-const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   __name: "PageTitle",
   props: {
     value: {
@@ -5602,7 +5618,7 @@ const _hoisted_4$c = ["onClick"];
 const _hoisted_5$a = { class: "flex" };
 const _hoisted_6$6 = ["onClick"];
 const _hoisted_7$2 = { key: 1 };
-const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   __name: "TableSchema",
   props: {
     data: {},
@@ -5650,7 +5666,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
                   vue.createElementVNode("div", {
                     class: vue.normalizeClass(["list-arrows", { sorted: vue.unref(sortField) === field.id }])
                   }, [
-                    vue.createVNode(vue.unref(_sfc_main$H), {
+                    vue.createVNode(vue.unref(_sfc_main$I), {
                       class: vue.normalizeClass({ desc: vue.unref(sortDirection) === "DESC" }),
                       icon: "keyboard_arrow_up"
                     }, null, 8, ["class"])
@@ -5696,16 +5712,16 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-10808aad"]]);
-const _sfc_main$x = {};
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-10808aad"]]);
+const _sfc_main$y = {};
 const _hoisted_1$w = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$w, [
     vue.renderSlot(_ctx.$slots, "default")
   ]);
 }
-const TopBar = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$1]]);
-const _sfc_main$w = {};
+const TopBar = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$1]]);
+const _sfc_main$x = {};
 function _sfc_render(_ctx, _cache) {
   const _component_router_view = vue.resolveComponent("router-view");
   return vue.openBlock(), vue.createBlock(_component_router_view, null, {
@@ -5727,7 +5743,7 @@ function _sfc_render(_ctx, _cache) {
     _: 1
   });
 }
-const RouterWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render]]);
+const RouterWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render]]);
 const _hoisted_1$v = {
   key: 0,
   class: "data"
@@ -5740,7 +5756,7 @@ const _hoisted_3$h = { class: "key" };
 const _hoisted_4$b = { key: 1 };
 const _hoisted_5$9 = { class: "key" };
 const _hoisted_6$5 = { class: "vlue" };
-const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
   __name: "DataPreview",
   props: /* @__PURE__ */ vue.mergeModels({
     schema: {},
@@ -5755,7 +5771,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       var _a2;
       return __props.data ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$v, [
-        _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
+        _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$t), {
           key: 0,
           label: _ctx.title
         }, null, 8, ["label"])) : vue.createCommentVNode("", true),
@@ -5789,12 +5805,12 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-bb2526f9"]]);
+const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-bb2526f9"]]);
 const _hoisted_1$u = {
   key: 0,
   class: "card_label"
 };
-const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   __name: "Card",
   props: {
     label: {},
@@ -5824,7 +5840,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$t = ["src", "alt"];
-const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   __name: "Avatar",
   props: {
     fallback: {},
@@ -5850,8 +5866,8 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-c38bc02a"]]);
-const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-c38bc02a"]]);
+const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   __name: "Title",
   props: {
     value: {
@@ -5879,7 +5895,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   __name: "Accordion",
   setup(__props) {
     const state2 = vue.reactive({
@@ -5895,7 +5911,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$s = ["dismissable"];
 const _hoisted_2$o = { class: "m-0" };
-const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
   __name: "Alert",
   props: {
     message: {},
@@ -5915,7 +5931,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["alert", [_ctx.type]]),
         dismissable: _ctx.dismissable
       }, [
-        vue.createVNode(vue.unref(_sfc_main$H), {
+        vue.createVNode(vue.unref(_sfc_main$I), {
           class: "alert_icon",
           icon: _ctx.type,
           size: 2,
@@ -5933,8 +5949,8 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-4017e821"]]);
-const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-4017e821"]]);
+const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   __name: "Badge",
   props: {
     color: {},
@@ -5949,13 +5965,13 @@ const _sfc_main$p = /* @__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$H), {
+        _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$I), {
           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$H), {
+        props2["icon.end"] ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$I), {
           key: 1,
           class: "inline",
           icon: props2["icon.end"]
@@ -5964,10 +5980,10 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-561f7a72"]]);
+const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-561f7a72"]]);
 const _hoisted_1$r = ["src"];
 const _hoisted_2$n = ["src", "autoplay", "muted", "loop", "controls"];
-const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   __name: "BglVideo",
   props: {
     src: {},
@@ -6035,13 +6051,13 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-bbfc4353"]]);
+const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-b1ad7c32"]]);
 const _hoisted_1$q = {
   key: 0,
   class: "blocker"
 };
 const _hoisted_2$m = { class: "Handlers" };
-const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   __name: "Carousel",
   props: {
     autoHeight: {
@@ -6215,7 +6231,48 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-068aa914"]]);
+const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-068aa914"]]);
+const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+  __name: "ModalConfirm",
+  props: {
+    title: {},
+    message: {},
+    resolve: { type: Function }
+  },
+  emits: ["update:visible"],
+  setup(__props, { emit: __emit }) {
+    const props2 = __props;
+    const emit2 = __emit;
+    function select2(val) {
+      props2.resolve(val);
+      emit2("update:visible");
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$F), {
+        width: "380px",
+        dismissable: false,
+        title: _ctx.title
+      }, {
+        footer: vue.withCtx(() => [
+          vue.createVNode(vue.unref(Btn), {
+            onClick: _cache[0] || (_cache[0] = ($event) => select2(true)),
+            color: "primary",
+            value: "Confirm"
+          }),
+          vue.createVNode(vue.unref(Btn), {
+            onClick: _cache[1] || (_cache[1] = ($event) => select2(false)),
+            color: "red",
+            value: "Cancel"
+          })
+        ]),
+        default: vue.withCtx(() => [
+          vue.createTextVNode(vue.toDisplayString(_ctx.message) + " ", 1)
+        ]),
+        _: 1
+      }, 8, ["title"]);
+    };
+  }
+});
 const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   __name: "BglForm",
   props: {
@@ -6299,7 +6356,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
           ref: form,
           onSubmit: vue.withModifiers(runSubmit, ["prevent"])
         }, [
-          _ctx.label ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
+          _ctx.label ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$t), {
             key: 0,
             tag: "h4",
             label: _ctx.label
@@ -15225,6 +15282,8 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     });
     const emit2 = __emit;
     const getLabel = (option2) => {
+      if (!option2)
+        return "";
       if (typeof option2 === "string")
         return option2;
       if (typeof option2 === "number")
@@ -15232,6 +15291,8 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
       return option2.label;
     };
     const getValue = (option2) => {
+      if (!option2)
+        return "";
       if (typeof option2 === "string")
         return option2;
       if (typeof option2 === "number")
@@ -15279,8 +15340,6 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     vue.watch(
       () => props2.modelValue,
       (newVal) => {
-        if (!newVal)
-          return;
         if (!props2.multiselect) {
           const newOption = props2.options.find((o2) => getValue(o2) === newVal) || newVal;
           if (!isSelected(newOption)) {
@@ -15298,7 +15357,6 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     vue.watch(
       () => props2.options,
       () => {
-        const original = JSON.stringify(props2.options.map(getValue));
         [...selectedItems.value].forEach((option2, i2) => {
           const exists = props2.options.find(
             (o2) => getValue(o2) === getValue(option2)
@@ -15308,9 +15366,6 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
           else
             selectedItems.value.splice(i2, 1, exists);
         });
-        const newSelection = JSON.stringify(selectedItems.value.map(getValue));
-        if (original !== newSelection)
-          emitUpdate();
       },
       { deep: true }
     );
@@ -15323,7 +15378,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
         class: "bagel-input selectinput"
       }, {
         popper: vue.withCtx(({ hide: hide2 }) => [
-          vue.createVNode(vue.unref(_sfc_main$u), {
+          vue.createVNode(vue.unref(_sfc_main$v), {
             class: "selectinput-options p-05",
             style: vue.normalizeStyle({ width: _ctx.fullWidth ? "100%" : "auto" })
           }, {
@@ -15344,11 +15399,11 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
                   key: `${option2}${i2}`,
                   onClick: ($event) => select2(option2)
                 }, [
-                  isSelected(option2) ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$H), {
+                  isSelected(option2) ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$I), {
                     key: 0,
                     icon: "check"
                   })) : vue.createCommentVNode("", true),
-                  !isSelected(option2) ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$H), {
+                  !isSelected(option2) ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$I), {
                     key: 1,
                     class: "opacity-3",
                     icon: "fiber_manual_record"
@@ -15372,7 +15427,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
               class: vue.normalizeClass(["selectinput-btn", { isEmpty: selectedItems.value.length === 0 }])
             }, [
               vue.createElementVNode("p", null, vue.toDisplayString(selectedLabel.value), 1),
-              vue.createVNode(vue.unref(_sfc_main$H), vue.normalizeProps(vue.guardReactiveProps({ icon: vue.unref(open) ? "unfold_less" : "unfold_more" })), null, 16)
+              vue.createVNode(vue.unref(_sfc_main$I), vue.normalizeProps(vue.guardReactiveProps({ icon: vue.unref(open) ? "unfold_less" : "unfold_more" })), null, 16)
             ], 42, _hoisted_1$m),
             _ctx.required ? (vue.openBlock(), vue.createElementBlock("input", {
               key: 0,
@@ -15389,7 +15444,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-3e27cf1d"]]);
+const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-fdfda40b"]]);
 /*!
   * vue-draggable-next v2.2.0
   * (c) 2023 Anish George
@@ -18015,7 +18070,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
                       key: row.id
                     }, [
                       vue.createElementVNode("div", _hoisted_5$8, [
-                        vue.createVNode(vue.unref(_sfc_main$H), { icon: "more_vert" })
+                        vue.createVNode(vue.unref(_sfc_main$I), { 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", {
@@ -18032,7 +18087,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
                         ], 2);
                       }), 128)),
                       vue.createElementVNode("div", _hoisted_6$4, [
-                        vue.createVNode(vue.unref(_sfc_main$H), {
+                        vue.createVNode(vue.unref(_sfc_main$I), {
                           icon: "delete",
                           onClick: ($event) => removeRow2(index2)
                         }, null, 8, ["onClick"])
@@ -18202,12 +18257,12 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
           ]),
           _ctx.helptext ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_5$7, vue.toDisplayString(_ctx.helptext), 1)) : vue.createCommentVNode("", true)
         ], 8, _hoisted_2$g),
-        _ctx.iconStart ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$H), {
+        _ctx.iconStart ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$I), {
           key: 0,
           class: "iconStart",
           icon: _ctx.iconStart
         }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
-        _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$H), {
+        _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$I), {
           key: 1,
           icon: _ctx.icon
         }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
@@ -18246,7 +18301,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
           [vue.vModelCheckbox, val.value]
         ]),
         vue.createElementVNode("span", null, [
-          vue.createVNode(vue.unref(_sfc_main$H), { icon: "check" })
+          vue.createVNode(vue.unref(_sfc_main$I), { icon: "check" })
         ])
       ]);
     };
@@ -18638,7 +18693,7 @@ const _sfc_main$a = /* @__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$H), {
+                  vue.createVNode(vue.unref(_sfc_main$I), {
                     class: "success",
                     icon: "check"
                   })
@@ -42242,6 +42297,11 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
         command: () => focus2().setHardBreak().run(),
         icon: "keyboard_return"
       },
+      {
+        name: "Table",
+        command: () => editor.value.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run(),
+        icon: "table_chart"
+      },
       {
         name: "Undo",
         command: () => focus2().undo().run(),
@@ -42259,11 +42319,6 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
           var _a2;
           return !((_a2 = editor.value) == null ? void 0 : _a2.can().chain().focus().redo().run());
         }
-      },
-      {
-        name: "Table",
-        command: () => editor.value.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run(),
-        icon: "table"
       }
     ];
     const emit2 = __emit;
@@ -48738,7 +48793,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     }
     return (_ctx, _cache) => {
       const _directive_tooltip = vue.resolveDirective("tooltip");
-      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$u), {
+      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$v), {
         class: vue.normalizeClass(["flex column gap-05 pt-1 bgl_sidebar", { wideNav: vue.unref(isOpen) }])
       }, {
         default: vue.withCtx(() => [
@@ -48761,7 +48816,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
               class: "nav-button px-075"
             }, {
               default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(_sfc_main$H), {
+                vue.createVNode(vue.unref(_sfc_main$I), {
                   icon: nav2.icon,
                   size: 1.4
                 }, null, 8, ["icon"]),
@@ -48798,7 +48853,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$u), { class: "hide m_grid gap-05 bgl_bottombar px-1 txt14 justify-content-start align-items-center overflow-x" }, {
+      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$v), { class: "hide m_grid gap-05 bgl_bottombar px-1 txt14 justify-content-start align-items-center overflow-x" }, {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "brand", {}, void 0, true),
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.navLinks, (nav2, i2) => {
@@ -48809,7 +48864,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
               class: "m_h-auto"
             }, {
               default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(_sfc_main$H), {
+                vue.createVNode(vue.unref(_sfc_main$I), {
                   icon: nav2.icon,
                   size: 1.4,
                   class: "m-0"
@@ -48913,7 +48968,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
             onClick: ($event) => selectTab(tab),
             key: i2
           }, [
-            typeof tab !== "string" && tab.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$H), {
+            typeof tab !== "string" && tab.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$I), {
               key: 0,
               icon: tab.icon
             }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
@@ -49007,7 +49062,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const TabbedLayout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fd61196d"]]);
-exports.Accordion = _sfc_main$r;
+exports.Accordion = _sfc_main$s;
 exports.AccordionItem = AccordionItem;
 exports.Alert = Alert;
 exports.Avatar = Avatar;
@@ -49019,7 +49074,7 @@ exports.BglForm = _sfc_main$m;
 exports.BglVideo = BglVideo;
 exports.BottomMenu = BottomMenu;
 exports.Btn = Btn;
-exports.Card = _sfc_main$u;
+exports.Card = _sfc_main$v;
 exports.Carousel = Carousel;
 exports.CheckInput = CheckInput;
 exports.Checkbox = Checkbox;
@@ -49029,18 +49084,19 @@ exports.DateInput = _sfc_main$j;
 exports.DatePicker = _sfc_main$c;
 exports.Dropdown = kt$1;
 exports.FileUpload = $el;
-exports.Icon = _sfc_main$H;
+exports.Icon = _sfc_main$I;
 exports.JSONInput = JSONInput;
 exports.Layout = Layout;
 exports.Lineart = _sfc_main$7;
-exports.ListItem = _sfc_main$A;
-exports.ListView = _sfc_main$B;
-exports.MaterialIcon = _sfc_main$H;
-exports.Modal = _sfc_main$E;
+exports.ListItem = _sfc_main$B;
+exports.ListView = _sfc_main$C;
+exports.MaterialIcon = _sfc_main$I;
+exports.Modal = _sfc_main$F;
+exports.ModalConfirm = _sfc_main$n;
 exports.ModalForm = ModalForm;
 exports.ModalPlugin = ModalPlugin;
 exports.NavBar = NavBar;
-exports.PageTitle = _sfc_main$z;
+exports.PageTitle = _sfc_main$A;
 exports.RadioPillsInput = RadioPillsInput;
 exports.RichText = _sfc_main$8;
 exports.RouterWrapper = RouterWrapper;
@@ -49053,7 +49109,7 @@ exports.Tabs = _sfc_main$3;
 exports.TabsBody = _sfc_main$1;
 exports.TabsNav = TabsNav;
 exports.TextInput = TextInput;
-exports.Title = _sfc_main$s;
+exports.Title = _sfc_main$t;
 exports.ToggleInput = ToggleInput;
 exports.TopBar = TopBar;
 exports.bagelFormUtils = bagelFormUtils;