@bagelink/vue 0.0.206 → 0.0.211

package/dist/components/ModalBglForm.vue.d.ts

@@ -0,0 +1,45 @@
+import { BtnOptions } from '..';
+import { BglFormSchemaT } from 'dist';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    side?: boolean | undefined;
+    title?: string | undefined;
+    dismissable?: boolean | undefined;
+    actions?: BtnOptions[] | undefined;
+    schema: BglFormSchemaT | (() => BglFormSchemaT);
+    modelValue?: Record<string, any> | undefined;
+    onSubmit?: ((formData: any) => Promise<void>) | undefined;
+    onDelete?: ((id: string) => void) | undefined;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:isModalVisible": (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    side?: boolean | undefined;
+    title?: string | undefined;
+    dismissable?: boolean | undefined;
+    actions?: BtnOptions[] | undefined;
+    schema: BglFormSchemaT | (() => BglFormSchemaT);
+    modelValue?: Record<string, any> | undefined;
+    onSubmit?: ((formData: any) => Promise<void>) | undefined;
+    onDelete?: ((id: string) => void) | undefined;
+}>>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:isModalVisible"?: ((...args: any[]) => any) | undefined;
+}, {}, {}>, {
+    toolbar?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=ModalBglForm.vue.d.ts.map

package/dist/components/ModalBglForm.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBglForm.vue.d.ts","sourceRoot":"","sources":["../../src/components/ModalBglForm.vue"],"names":[],"mappings":"AAiCA;AAGA,OAAO,EACD,UAAU,EACf,MAAM,eAAe,CAAC;AACvB,OAAO,qBAAqB,CAAC;AAC7B,OAAO,EAAE,cAAc,EAAE,MAAM,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+OtC,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/components/form/index.d.ts

@@ -2,6 +2,7 @@ export { default as ItemRef } from './ItemRef.vue';
 export { default as MaterialIcon } from './MaterialIcon.vue';
 export { default as PlainInputField } from './PlainInputField.vue';
 export { default as BglForm } from './BglForm.vue';
+export { default as BagelForm } from './BglForm.vue';
 export { default as BglField } from './BglField.vue';
 export * from './inputs';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/form/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,cAAc,UAAU,CAAC"}

package/dist/components/index.d.ts

@@ -4,6 +4,7 @@ export { default as MaterialIcon } from './MaterialIcon.vue';
 export { default as NavBar } from './NavBar.vue';
 export { default as Btn } from './Btn.vue';
 export { default as Modal } from './Modal.vue';
+export { default as ModalBglForm } from './ModalBglForm.vue';
 export { default as DropDown } from './DropDown.vue';
 export { default as ListView } from './ListView.vue';
 export { default as ListItem } from './ListItem.vue';

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAE3D,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAE3D,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC"}

package/dist/index.cjs

@@ -2279,16 +2279,17 @@ const ModalPlugin = {
     const hideModal = (index2) => {
       modalStack.value.splice(index2, 1);
     };
-    const showModal = (isForm, options, slots = {}) => {
+    const showModal = (modalType, options, slots = {}) => {
       modalStack.value.push({
         modalOptions: options,
-        isModalForm: isForm,
+        modalType,
         componentSlots: slots
       });
     };
     app.provide(ModalSymbol, {
-      modalForm: (options, slots) => showModal(true, options, slots),
-      showModal: (options, slots) => showModal(false, options, slots),
+      modalForm: (options, slots) => showModal(1, options, slots),
+      showModal: (options, slots) => showModal(0, options, slots),
+      showModalForm: (options, slots) => showModal(2, options, slots),
       hideModal: (index2 = modalStack.value.length - 1) => hideModal(index2)
       // modalOptions,
     });
@@ -2300,7 +2301,13 @@ const ModalPlugin = {
       },
       render() {
         return modalStack.value.map((modal, index2) => {
-          const renderComponent = modal.isModalForm ? ModalForm : _sfc_main$T;
+          let renderComponent;
+          if (modal.modalType === 1)
+            renderComponent = ModalForm;
+          else if (modal.modalType === 2)
+            renderComponent = ModalBglForm;
+          else
+            renderComponent = _sfc_main$U;
           return vue.h(
             renderComponent,
             {
@@ -2364,8 +2371,8 @@ function bindAttrs(attrs, fieldVal, row) {
   const resolvedAttrs = Object.fromEntries(arr);
   return resolvedAttrs;
 }
-const _hoisted_1$11 = { ref: "el" };
-const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$12 = { ref: "el" };
+const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
   __name: "LangText",
   props: {
     input: {}
@@ -2373,7 +2380,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-        vue.createElementVNode("span", _hoisted_1$11, null, 512),
+        vue.createElementVNode("span", _hoisted_1$12, null, 512),
         vue.createTextVNode(" " + vue.toDisplayString(_ctx.input), 1)
       ], 64);
     };
@@ -14486,8 +14493,8 @@ const marks = {
   }
 };
 const schema = new Schema({ nodes, marks });
-const _hoisted_1$10 = ["id"];
-const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$11 = ["id"];
+const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
   __name: "RTXEditor",
   props: {
     elementId: { default: Math.random().toString(36).substr(2, 9) },
@@ -14564,11 +14571,11 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
         onClick: focusEditor,
         id: `canvas-${_ctx.elementId}`,
         onKeydown: _cache[0] || (_cache[0] = vue.withKeys(vue.withModifiers(($event) => _ctx.$emit("keydown.meta.enter"), ["meta"]), ["enter"]))
-      }, null, 40, _hoisted_1$10);
+      }, null, 40, _hoisted_1$11);
     };
   }
 });
-const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
   __name: "MaterialIcon",
   props: {
     icon: {},
@@ -14583,9 +14590,9 @@ const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$$ = /* @__PURE__ */ vue.createElementVNode("div", { class: "icon-font top-arrow" }, "chevron_right", -1);
-const _hoisted_2$S = [
-  _hoisted_1$$
+const _hoisted_1$10 = /* @__PURE__ */ vue.createElementVNode("div", { class: "icon-font top-arrow" }, "chevron_right", -1);
+const _hoisted_2$T = [
+  _hoisted_1$10
 ];
 const _hoisted_3$K = { class: "full-nav" };
 const _hoisted_4$t = { class: "nav-scroll" };
@@ -14593,7 +14600,7 @@ const _hoisted_5$o = { class: "nav-links-wrapper" };
 const _hoisted_6$i = { class: "icon-font" };
 const _hoisted_7$d = { class: "tooltip" };
 const _hoisted_8$7 = { class: "bot-buttons-wrapper" };
-const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
   __name: "NavBar",
   props: {
     links: {},
@@ -14617,7 +14624,7 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
           role: "button",
           "aria-label": "Toggle Navigation",
           tabindex: "0"
-        }, _hoisted_2$S, 32),
+        }, _hoisted_2$T, 32),
         vue.createElementVNode("div", _hoisted_3$K, [
           vue.createElementVNode("div", _hoisted_4$t, [
             vue.createElementVNode("div", _hoisted_5$o, [
@@ -14644,15 +14651,15 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$_ = {
+const _hoisted_1$$ = {
   key: 0,
   class: "loading"
 };
-const _hoisted_2$R = {
+const _hoisted_2$S = {
   key: 1,
   class: "btn-flex"
 };
-const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
   __name: "Btn",
   props: {
     disabled: { type: Boolean, default: false },
@@ -14732,8 +14739,8 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
         })
       }, {
         default: vue.withCtx(() => [
-          _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$_)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$R, [
-            _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$W), {
+          _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$$)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$S, [
+            _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$X), {
               key: 0,
               icon: _ctx.icon
             }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
@@ -14741,7 +14748,7 @@ const _sfc_main$U = /* @__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$W), {
+            props2["icon.end"] ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$X), {
               key: 2,
               icon: props2["icon.end"]
             }, null, 8, ["icon"])) : vue.createCommentVNode("", true)
@@ -14759,11 +14766,11 @@ const _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-0ca0d3de"]]);
-const _hoisted_1$Z = { class: "tool-bar" };
-const _hoisted_2$Q = { class: "modal-title" };
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__scopeId", "data-v-0ca0d3de"]]);
+const _hoisted_1$_ = { class: "tool-bar" };
+const _hoisted_2$R = { class: "modal-title" };
 const _hoisted_3$J = { class: "modal-footer mt-3" };
-const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
   __name: "Modal",
   props: {
     side: { type: Boolean },
@@ -14809,7 +14816,7 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
           onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
           }, ["stop"]))
         }, [
-          vue.createElementVNode("header", _hoisted_1$Z, [
+          vue.createElementVNode("header", _hoisted_1$_, [
             vue.renderSlot(_ctx.$slots, "toolbar"),
             vue.createVNode(vue.unref(Btn), {
               style: vue.normalizeStyle({ float: _ctx.side ? "left" : "right" }),
@@ -14817,7 +14824,7 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
               icon: "close",
               onClick: closeModal
             }, null, 8, ["style"]),
-            vue.createElementVNode("h3", _hoisted_2$Q, vue.toDisplayString(_ctx.title), 1)
+            vue.createElementVNode("h3", _hoisted_2$R, vue.toDisplayString(_ctx.title), 1)
           ]),
           vue.renderSlot(_ctx.$slots, "default"),
           vue.createElementVNode("footer", _hoisted_3$J, [
@@ -14835,6 +14842,104 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
+const _hoisted_1$Z = { class: "tool-bar" };
+const _hoisted_2$Q = { class: "modal-title" };
+const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
+  __name: "ModalBglForm",
+  props: {
+    side: { type: Boolean },
+    title: {},
+    dismissable: { type: Boolean },
+    actions: {},
+    schema: { type: Function },
+    modelValue: {},
+    onSubmit: { type: Function },
+    onDelete: { type: Function }
+  },
+  emits: ["update:isModalVisible", "update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props2 = __props;
+    const computedFormSchema = vue.computed(() => {
+      if (typeof props2.schema === "function") {
+        return props2.schema();
+      }
+      return props2.schema;
+    });
+    let isActive = vue.ref(false);
+    const emit2 = __emit;
+    const handleEmit = (value) => {
+      emit2("update:modelValue", value);
+    };
+    const closeModal = () => {
+      isActive.value = false;
+      setTimeout(() => {
+        emit2("update:isModalVisible", false);
+      }, 200);
+    };
+    const runSubmit = async (formData) => {
+      var _a2;
+      try {
+        await ((_a2 = props2.onSubmit) == null ? void 0 : _a2.call(props2, formData));
+        closeModal();
+      } catch (err) {
+        console.error(err);
+      }
+    };
+    const runDelete = () => {
+      var _a2, _b;
+      (_b = props2.onDelete) == null ? void 0 : _b.call(props2, (_a2 = props2.modelValue) == null ? void 0 : _a2.id);
+      closeModal();
+    };
+    const escapeKeyClose = (e3) => (props2 == null ? void 0 : props2.dismissable) && useEscape(e3, () => closeModal());
+    vue.onMounted(() => {
+      setTimeout(() => {
+        isActive.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) }]),
+        onClick: _cache[1] || (_cache[1] = () => _ctx.dismissable ? closeModal() : ""),
+        onKeydown: vue.withKeys(closeModal, ["esc"])
+      }, [
+        vue.createElementVNode("div", {
+          class: "card modal",
+          onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+          }, ["stop"]))
+        }, [
+          vue.createElementVNode("header", _hoisted_1$Z, [
+            vue.renderSlot(_ctx.$slots, "toolbar", {}, void 0, true),
+            vue.createVNode(vue.unref(Btn), {
+              style: vue.normalizeStyle({ float: _ctx.side ? "left" : "right" }),
+              flat: "",
+              icon: "close",
+              onClick: closeModal
+            }, null, 8, ["style"]),
+            vue.createElementVNode("h3", _hoisted_2$Q, vue.toDisplayString(_ctx.title), 1)
+          ]),
+          vue.createVNode(vue.unref(_sfc_main$r), {
+            onDelete: _ctx.onDelete ? runDelete : void 0,
+            modelValue: _ctx.modelValue,
+            "onUpdate:modelValue": handleEmit,
+            onSubmit: runSubmit,
+            schema: computedFormSchema.value
+          }, null, 8, ["onDelete", "modelValue", "schema"])
+        ])
+      ], 34);
+    };
+  }
+});
+const ModalBglForm = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-93c9eab1"]]);
 const _hoisted_1$Y = { class: "dropdown-title" };
 const _hoisted_2$P = { class: "dropdown-body" };
 const _hoisted_3$I = ["onClick"];
@@ -14866,7 +14971,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
       }, [
         vue.createElementVNode("div", _hoisted_1$Y, [
           vue.createTextVNode(vue.toDisplayString(vue.unref(selectedOption) || __props.placeholder) + " ", 1),
-          vue.createVNode(vue.unref(_sfc_main$W), { icon: "keyboard_arrow_down" })
+          vue.createVNode(vue.unref(_sfc_main$X), { icon: "keyboard_arrow_down" })
         ]),
         vue.createElementVNode("div", _hoisted_2$P, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.options, (option2, index2) => {
@@ -14914,7 +15019,7 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
             }, null, 40, _hoisted_4$s), [
               [vue.vModelText, searchTerm.value]
             ]),
-            vue.createVNode(vue.unref(_sfc_main$W), {
+            vue.createVNode(vue.unref(_sfc_main$X), {
               class: "txtgray",
               icon: "search"
             })
@@ -15090,19 +15195,19 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
                 vue.createElementVNode("div", _hoisted_4$r, vue.toDisplayString(comment.sender.first_name) + " " + vue.toDisplayString(comment.sender.last_name), 1),
                 vue.createElementVNode("div", _hoisted_5$m, vue.toDisplayString(comment.updated_at.split("T")[0]), 1),
                 vue.createElementVNode("div", _hoisted_6$h, [
-                  vue.createVNode(vue.unref(_sfc_main$W), {
+                  vue.createVNode(vue.unref(_sfc_main$X), {
                     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$W), {
+                  vue.createVNode(vue.unref(_sfc_main$X), {
                     size: 1.2,
                     class: "delete",
                     icon: "delete",
                     onClick: ($event) => deleteComment(comment.id)
                   }, null, 8, ["onClick"]),
-                  vue.createVNode(vue.unref(_sfc_main$W), {
+                  vue.createVNode(vue.unref(_sfc_main$X), {
                     size: 1.2,
                     class: "save",
                     icon: "save",
@@ -15110,7 +15215,7 @@ const _sfc_main$O = /* @__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$X), {
+              vue.unref(editComment) !== null && ((_c = vue.unref(editComment)) == null ? void 0 : _c.id) === comment.id ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$Y), {
                 key: 0,
                 modelValue: vue.unref(editComment).body_html,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(editComment).body_html = $event),
@@ -15124,7 +15229,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
           }), 128))
         ]),
         vue.createElementVNode("div", _hoisted_8$6, [
-          vue.createVNode(vue.unref(_sfc_main$X), {
+          vue.createVNode(vue.unref(_sfc_main$Y), {
             class: "comment-input",
             modelValue: vue.unref(bodyHtml),
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(bodyHtml) ? bodyHtml.value = $event : bodyHtml = $event),
@@ -15404,7 +15509,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
                   vue.createElementVNode("div", {
                     class: vue.normalizeClass(["list-arrows", { sorted: vue.unref(sortField) === field.id }])
                   }, [
-                    vue.createVNode(vue.unref(_sfc_main$W), {
+                    vue.createVNode(vue.unref(_sfc_main$X), {
                       class: vue.normalizeClass({ desc: vue.unref(sortDirection) === "DESC" }),
                       icon: "keyboard_arrow_up"
                     }, null, 8, ["class"])
@@ -15608,7 +15713,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
         ]),
         vue.createElementVNode("div", _hoisted_5$k, [
           ((_a2 = _ctx.person.phone) == null ? void 0 : _a2.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$f, [
-            vue.createVNode(vue.unref(_sfc_main$W), { icon: "phone" }),
+            vue.createVNode(vue.unref(_sfc_main$X), { icon: "phone" }),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.person.phone, (phone) => {
               return vue.openBlock(), vue.createElementBlock("p", {
                 key: phone.id
@@ -15616,7 +15721,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
             }), 128))
           ])) : vue.createCommentVNode("", true),
           ((_b = _ctx.person.email) == null ? void 0 : _b.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$a, [
-            vue.createVNode(vue.unref(_sfc_main$W), { icon: "email" }),
+            vue.createVNode(vue.unref(_sfc_main$X), { icon: "email" }),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.person.email, (email) => {
               return vue.openBlock(), vue.createElementBlock("p", {
                 key: email.id
@@ -15624,7 +15729,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
             }), 128))
           ])) : vue.createCommentVNode("", true),
           _ctx.person.date_of_birth || _ctx.person.gender ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$5, [
-            vue.createVNode(vue.unref(_sfc_main$W), { icon: "badge" }),
+            vue.createVNode(vue.unref(_sfc_main$X), { icon: "badge" }),
             _ctx.person.date_of_birth ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_9$3, vue.toDisplayString(_ctx.person.date_of_birth), 1)) : vue.createCommentVNode("", true),
             _ctx.person.gender ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_10$3, vue.toDisplayString(_ctx.person.gender), 1)) : vue.createCommentVNode("", true)
           ])) : vue.createCommentVNode("", true)
@@ -17128,7 +17233,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
           [vue.vModelCheckbox, vue.unref(val)]
         ]),
         vue.createElementVNode("span", null, [
-          vue.createVNode(vue.unref(_sfc_main$W), { icon: "check" })
+          vue.createVNode(vue.unref(_sfc_main$X), { icon: "check" })
         ])
       ]);
     };
@@ -17986,7 +18091,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
                       style: vue.normalizeStyle([`--p:${item.progress}`, { "--b": "2px" }])
                     }, [
                       item.progress < 100 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$4, vue.toDisplayString(`${item.progress.toFixed(0)}`), 1)) : vue.createCommentVNode("", true),
-                      vue.createVNode(vue.unref(_sfc_main$W), {
+                      vue.createVNode(vue.unref(_sfc_main$X), {
                         class: "success",
                         icon: "check"
                       })
@@ -18093,7 +18198,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
         ]),
         vue.createElementVNode("div", _hoisted_5$d, [
           ((_a2 = person.value.phone) == null ? void 0 : _a2.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$8, [
-            vue.createVNode(vue.unref(_sfc_main$W), { icon: "phone" }),
+            vue.createVNode(vue.unref(_sfc_main$X), { icon: "phone" }),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(person.value.phone, (phone) => {
               return vue.openBlock(), vue.createElementBlock("p", {
                 key: phone.id
@@ -18101,7 +18206,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
             }), 128))
           ])) : vue.createCommentVNode("", true),
           ((_b = person.value.email) == null ? void 0 : _b.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$3, [
-            vue.createVNode(vue.unref(_sfc_main$W), { icon: "email" }),
+            vue.createVNode(vue.unref(_sfc_main$X), { icon: "email" }),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(person.value.email, (email) => {
               return vue.openBlock(), vue.createElementBlock("p", {
                 key: email.id
@@ -18109,7 +18214,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
             }), 128))
           ])) : vue.createCommentVNode("", true),
           person.value.date_of_birth || person.value.gender ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
-            vue.createVNode(vue.unref(_sfc_main$W), { icon: "badge" }),
+            vue.createVNode(vue.unref(_sfc_main$X), { icon: "badge" }),
             person.value.date_of_birth ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_9, vue.toDisplayString(person.value.date_of_birth), 1)) : vue.createCommentVNode("", true),
             person.value.gender ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_10, vue.toDisplayString(person.value.gender), 1)) : vue.createCommentVNode("", true)
           ])) : vue.createCommentVNode("", true)
@@ -18251,7 +18356,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
         }, {
           default: vue.withCtx(() => [
             vue.createTextVNode(vue.toDisplayString(content.value) + " ", 1),
-            vue.createVNode(vue.unref(_sfc_main$W), { icon: "arrow_forward" })
+            vue.createVNode(vue.unref(_sfc_main$X), { icon: "arrow_forward" })
           ]),
           _: 1
         })) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$D, vue.toDisplayString(content.value), 1))
@@ -18314,7 +18419,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
         vue.createElementVNode("label", {
           for: vue.unref(formatString)(_ctx.name, "pascal")
         }, [
-          vue.createVNode(_sfc_main$Y, {
+          vue.createVNode(_sfc_main$Z, {
             input: vue.unref(formatString)(_ctx.name, "titleCase")
           }, null, 8, ["input"])
         ], 8, _hoisted_2$y),
@@ -18355,7 +18460,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
           onInput: handleInput
         }, null, 40, _hoisted_6$7)) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", null, [
-          vue.createVNode(_sfc_main$Y, { input: _ctx.errorMessage }, null, 8, ["input"])
+          vue.createVNode(_sfc_main$Z, { input: _ctx.errorMessage }, null, 8, ["input"])
         ])
       ]);
     };
@@ -19205,7 +19310,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
             [vue.vModelDynamic, inputVal.value]
           ])
         ], 8, _hoisted_2$n),
-        vue.createVNode(vue.unref(_sfc_main$W), {
+        vue.createVNode(vue.unref(_sfc_main$X), {
           onClick: showPassword,
           icon: vue.unref(seePassword) ? "visibility" : "visibility_off"
         }, null, 8, ["icon"])
@@ -19354,7 +19459,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
           for: "label",
           class: vue.normalizeClass({ active: showList.value })
         }, [
-          vue.createVNode(vue.unref(_sfc_main$Y), { input: _ctx.label }, null, 8, ["input"])
+          vue.createVNode(vue.unref(_sfc_main$Z), { input: _ctx.label }, null, 8, ["input"])
         ], 2)) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", {
           class: vue.normalizeClass(["custom-select", { "open-select": showList.value && _ctx.editMode }]),
@@ -19366,7 +19471,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
             class: vue.normalizeClass(["input", { active: showList.value }]),
             name: "select-input"
           }, [
-            vue.createVNode(vue.unref(_sfc_main$Y), { input: displayValue.value }, null, 8, ["input"])
+            vue.createVNode(vue.unref(_sfc_main$Z), { input: displayValue.value }, null, 8, ["input"])
           ], 2),
           (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "#app" }, [
             vue.createElementVNode("div", {
@@ -19379,7 +19484,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
                   key: option2.value,
                   onClick: ($event) => handleSelect(option2)
                 }, [
-                  vue.createVNode(vue.unref(_sfc_main$Y), {
+                  vue.createVNode(vue.unref(_sfc_main$Z), {
                     input: option2.label
                   }, null, 8, ["input"])
                 ], 8, _hoisted_2$l);
@@ -22264,12 +22369,12 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
             [vue.vModelText, vue.unref(inputVal)]
           ])
         ], 8, _hoisted_2$h),
-        _ctx.iconStart ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$W), {
+        _ctx.iconStart ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$X), {
           key: 0,
           class: "iconStart",
           icon: _ctx.iconStart
         }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
-        _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$W), {
+        _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$X), {
           key: 1,
           icon: _ctx.icon
         }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
@@ -22319,7 +22424,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
         title: _ctx.description
       }, [
         _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$g, [
-          vue.createVNode(vue.unref(_sfc_main$Y), { input: _ctx.label }, null, 8, ["input"])
+          vue.createVNode(vue.unref(_sfc_main$Z), { input: _ctx.label }, null, 8, ["input"])
         ])) : vue.createCommentVNode("", true),
         _ctx.showCharacterLimit ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$e, vue.toDisplayString((_a2 = _ctx.modelValue) == null ? void 0 : _a2.length) + " " + vue.toDisplayString(((_b = _ctx.nativeInputAttrs) == null ? void 0 : _b.maxlength) ? `/${_ctx.nativeInputAttrs.maxlength}` : ""), 1)) : vue.createCommentVNode("", true),
         vue.createElementVNode("textarea", vue.mergeProps({
@@ -38653,6 +38758,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
 });
 const MsgTemplate = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7031e613"]]);
 exports.AddressInput = AddressInput;
+exports.BagelForm = _sfc_main$r;
 exports.BagelVue = BagelVue;
 exports.BankDetailsInput = BankDetailsInput;
 exports.BarChart = BarChart;
@@ -38682,18 +38788,19 @@ exports.FormSchema = _sfc_main$L;
 exports.IntInput = _sfc_main$j;
 exports.ItemRef = _sfc_main$u;
 exports.JSONInput = JSONInput;
-exports.LangText = _sfc_main$Y;
+exports.LangText = _sfc_main$Z;
 exports.Lineart = _sfc_main$1;
 exports.LinkField = LinkField;
 exports.ListItem = _sfc_main$Q;
 exports.ListView = _sfc_main$R;
-exports.MaterialIcon = _sfc_main$W;
+exports.MaterialIcon = _sfc_main$X;
 exports.MiscFieldsInput = MiscFieldsInput;
-exports.Modal = _sfc_main$T;
+exports.Modal = _sfc_main$U;
+exports.ModalBglForm = ModalBglForm;
 exports.ModalForm = ModalForm;
 exports.ModalPlugin = ModalPlugin;
 exports.MsgTemplate = MsgTemplate;
-exports.NavBar = _sfc_main$V;
+exports.NavBar = _sfc_main$W;
 exports.PageTitle = _sfc_main$N;
 exports.Password = Password;
 exports.PasswordInput = PasswordInput;
@@ -38701,7 +38808,7 @@ exports.PersonPreview = _sfc_main$G;
 exports.PersonPreviewInput = PersonPreviewInput;
 exports.PlainInputField = _sfc_main$s;
 exports.PlainText = PlainText;
-exports.RTXEditor = _sfc_main$X;
+exports.RTXEditor = _sfc_main$Y;
 exports.RadioPillsInput = RadioPillsInput;
 exports.ReadOnlyInput = ReadOnlyInput;
 exports.RichTextEditor = RichTextEditor;