@bagelink/vue 0.0.138 → 0.0.142

package/dist/index.cjs

@@ -2269,6 +2269,9 @@ const useModal = () => {
 const ModalPlugin = {
   install: (app) => {
     const modalStack = vue.ref([]);
+    const hideModal = (index2) => {
+      modalStack.value.splice(index2, 1);
+    };
     const showModal = (isForm, options, slots = {}) => {
       modalStack.value.push({
         modalOptions: options,
@@ -2276,9 +2279,6 @@ const ModalPlugin = {
         componentSlots: slots
       });
     };
-    const hideModal = (index2) => {
-      modalStack.value.splice(index2, 1);
-    };
     app.provide(ModalSymbol, {
       modalForm: (options, slots) => showModal(true, options, slots),
       showModal: (options, slots) => showModal(false, options, slots),
@@ -2288,7 +2288,7 @@ const ModalPlugin = {
     const ModalComponent = vue.defineComponent({
       data() {
         return {
-          modalStack
+          modalStack: modalStack.value
         };
       },
       render() {
@@ -2364,6 +2364,11 @@ const useFormkit = () => {
   return formkit;
 };
 const initials = (...strArr) => strArr.map((str) => str == null ? void 0 : str.charAt(0)).join("");
+function useEscape(event, closeModel) {
+  if (event.key === "Escape") {
+    closeModel();
+  }
+}
 const _hoisted_1$V = { ref: "el" };
 const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
   __name: "LangText",
@@ -14734,11 +14739,6 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
   emits: ["update:isModalVisible"],
   setup(__props, { emit: __emit }) {
     let isActive = vue.ref(false);
-    vue.onMounted(() => {
-      setTimeout(() => {
-        isActive.value = true;
-      }, 1);
-    });
     const emit2 = __emit;
     const closeModal = () => {
       isActive.value = false;
@@ -14746,6 +14746,22 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
         emit2("update:isModalVisible", false);
       }, 200);
     };
+    const escapeKeyClose = (e) => useEscape(e, () => 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) }]),
@@ -15130,11 +15146,6 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
       return props2.schema;
     });
     let isActive = vue.ref(false);
-    vue.onMounted(() => {
-      setTimeout(() => {
-        isActive.value = true;
-      }, 1);
-    });
     const emit2 = __emit;
     const handleEmit = (value) => {
       emit2("update:modelValue", value);
@@ -15159,6 +15170,22 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
       (_b = props2.onDelete) == null ? void 0 : _b.call(props2, (_a = props2.modelValue) == null ? void 0 : _a.id);
       closeModal();
     };
+    const escapeKeyClose = (e) => useEscape(e, () => 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) }]),
@@ -15192,7 +15219,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-665350cb"]]);
+const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-ca1b8501"]]);
 const _hoisted_1$J = {
   key: 0,
   class: "data"
@@ -17050,6 +17077,10 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const bagel = useBagel();
     const props2 = __props;
+    const formPlaceholders = vue.computed(() => {
+      var _a, _b;
+      return (_b = (_a = props2.context) == null ? void 0 : _a.attrs) == null ? void 0 : _b.formPlaceholders;
+    });
     let val = vue.ref([]);
     let deleteCandidate = vue.ref(-1);
     const del2 = (i2) => {
@@ -17092,22 +17123,22 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$C, [
         vue.createElementVNode("div", _hoisted_2$x, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(val), (contact, i2) => {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+            var _a, _b, _c, _d, _e, _f;
             return vue.openBlock(), vue.createElementBlock("div", {
               class: "bglform-contact mb-2",
               key: i2
             }, [
               vue.unref(deleteCandidate) === i2 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$u, [
-                vue.createElementVNode("p", _hoisted_4$g, vue.toDisplayString((_b = (_a = _ctx.context) == null ? void 0 : _a.formPlaceholders) == null ? void 0 : _b.sure), 1),
+                vue.createElementVNode("p", _hoisted_4$g, vue.toDisplayString((_a = formPlaceholders.value) == null ? void 0 : _a.sure), 1),
                 vue.createVNode(vue.unref(Btn), {
                   thin: "",
                   color: "red",
                   onClick: ($event) => deleteContact(contact.id)
                 }, {
                   default: vue.withCtx(() => {
-                    var _a2, _b2;
+                    var _a2;
                     return [
-                      vue.createTextVNode(vue.toDisplayString((_b2 = (_a2 = _ctx.context) == null ? void 0 : _a2.formPlaceholders) == null ? void 0 : _b2.delete), 1)
+                      vue.createTextVNode(vue.toDisplayString((_a2 = formPlaceholders.value) == null ? void 0 : _a2.delete), 1)
                     ];
                   }),
                   _: 2
@@ -17117,9 +17148,9 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
                   onClick: _cache[0] || (_cache[0] = ($event) => vue.isRef(deleteCandidate) ? deleteCandidate.value = -1 : deleteCandidate = -1)
                 }, {
                   default: vue.withCtx(() => {
-                    var _a2, _b2;
+                    var _a2;
                     return [
-                      vue.createTextVNode(vue.toDisplayString((_b2 = (_a2 = _ctx.context) == null ? void 0 : _a2.formPlaceholders) == null ? void 0 : _b2.cancel), 1)
+                      vue.createTextVNode(vue.toDisplayString((_a2 = formPlaceholders.value) == null ? void 0 : _a2.cancel), 1)
                     ];
                   }),
                   _: 1
@@ -17133,22 +17164,22 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
                 class: "bglform-contact-label",
                 "onUpdate:modelValue": ($event) => contact.label = $event,
                 type: "text",
-                placeholder: (_d = (_c = _ctx.context) == null ? void 0 : _c.formPlaceholders) == null ? void 0 : _d.label
+                placeholder: (_b = formPlaceholders.value) == null ? void 0 : _b.label
               }, null, 8, _hoisted_5$e), [
                 [vue.vModelText, contact.label]
               ]),
-              ((_e = _ctx.context) == null ? void 0 : _e.id) === "email" ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
+              ((_c = _ctx.context) == null ? void 0 : _c.id) === "email" ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
                 key: 1,
                 "onUpdate:modelValue": ($event) => contact.email = $event,
-                placeholder: (_g = (_f = _ctx.context) == null ? void 0 : _f.formPlaceholders) == null ? void 0 : _g.email,
+                placeholder: (_d = formPlaceholders.value) == null ? void 0 : _d.email,
                 type: "email"
               }, null, 8, _hoisted_6$b)), [
                 [vue.vModelText, contact.email]
               ]) : vue.createCommentVNode("", true),
-              ((_h = _ctx.context) == null ? void 0 : _h.id) === "phone" ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
+              ((_e = _ctx.context) == null ? void 0 : _e.id) === "phone" ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
                 key: 2,
                 "onUpdate:modelValue": ($event) => contact.phone = $event,
-                placeholder: (_j = (_i = _ctx.context) == null ? void 0 : _i.formPlaceholders) == null ? void 0 : _j.phone,
+                placeholder: (_f = formPlaceholders.value) == null ? void 0 : _f.phone,
                 type: "tel"
               }, null, 8, _hoisted_7$7)), [
                 [vue.vModelText, contact.phone]
@@ -17170,9 +17201,9 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
             onClick: _cache[1] || (_cache[1] = ($event) => vue.unref(val).push({}))
           }, {
             default: vue.withCtx(() => {
-              var _a, _b, _c;
+              var _a, _b;
               return [
-                vue.createTextVNode(vue.toDisplayString((_b = (_a = _ctx.context) == null ? void 0 : _a.formPlaceholders) == null ? void 0 : _b.add) + " " + vue.toDisplayString((_c = _ctx.context) == null ? void 0 : _c.label), 1)
+                vue.createTextVNode(vue.toDisplayString((_a = formPlaceholders.value) == null ? void 0 : _a.add) + " " + vue.toDisplayString((_b = _ctx.context) == null ? void 0 : _b.label), 1)
               ];
             }),
             _: 1
@@ -17182,7 +17213,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ContactArrayFormKit = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-33e63930"]]);
+const ContactArrayFormKit = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-0533667e"]]);
 const _hoisted_1$B = { class: "bagel-input" };
 const _hoisted_2$w = { class: "mt-1" };
 const _hoisted_3$t = {
@@ -17206,6 +17237,10 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const bagel = useBagel();
     const props2 = __props;
+    const formPlaceholders = vue.computed(() => {
+      var _a, _b;
+      return (_b = (_a = props2.context) == null ? void 0 : _a.attrs) == null ? void 0 : _b.formPlaceholders;
+    });
     let val = vue.ref([]);
     const addNew = () => {
       if (!val.value)
@@ -17254,22 +17289,22 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$B, [
         vue.createElementVNode("div", _hoisted_2$w, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(val), (address, i2) => {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+            var _a, _b, _c, _d, _e, _f;
             return vue.openBlock(), vue.createElementBlock("div", {
               class: "bglform-contact mb-3",
               key: i2
             }, [
               vue.unref(deleteCandidate) === i2 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$t, [
-                vue.createElementVNode("p", _hoisted_4$f, vue.toDisplayString((_b = (_a = _ctx.context) == null ? void 0 : _a.formPlaceholders) == null ? void 0 : _b.sure), 1),
+                vue.createElementVNode("p", _hoisted_4$f, vue.toDisplayString((_a = formPlaceholders.value) == null ? void 0 : _a.sure), 1),
                 vue.createVNode(vue.unref(Btn), {
                   thin: "",
                   color: "red",
                   onClick: ($event) => deleteContact(address.id)
                 }, {
                   default: vue.withCtx(() => {
-                    var _a2, _b2;
+                    var _a2;
                     return [
-                      vue.createTextVNode(vue.toDisplayString((_b2 = (_a2 = _ctx.context) == null ? void 0 : _a2.formPlaceholders) == null ? void 0 : _b2.delete), 1)
+                      vue.createTextVNode(vue.toDisplayString((_a2 = formPlaceholders.value) == null ? void 0 : _a2.delete), 1)
                     ];
                   }),
                   _: 2
@@ -17279,9 +17314,9 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
                   onClick: _cache[0] || (_cache[0] = ($event) => vue.isRef(deleteCandidate) ? deleteCandidate.value = -1 : deleteCandidate = -1)
                 }, {
                   default: vue.withCtx(() => {
-                    var _a2, _b2;
+                    var _a2;
                     return [
-                      vue.createTextVNode(vue.toDisplayString((_b2 = (_a2 = _ctx.context) == null ? void 0 : _a2.formPlaceholders) == null ? void 0 : _b2.cancel), 1)
+                      vue.createTextVNode(vue.toDisplayString((_a2 = formPlaceholders.value) == null ? void 0 : _a2.cancel), 1)
                     ];
                   }),
                   _: 1
@@ -17295,14 +17330,14 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
                 class: "bglform-contact-label",
                 "onUpdate:modelValue": ($event) => address.label = $event,
                 type: "text",
-                placeholder: (_d = (_c = _ctx.context) == null ? void 0 : _c.formPlaceholders) == null ? void 0 : _d.label
+                placeholder: (_b = formPlaceholders.value) == null ? void 0 : _b.label
               }, null, 8, _hoisted_5$d), [
                 [vue.vModelText, address.label]
               ]),
               vue.createElementVNode("div", _hoisted_6$a, [
                 vue.withDirectives(vue.createElementVNode("input", {
                   "onUpdate:modelValue": ($event) => address.street = $event,
-                  placeholder: (_f = (_e = _ctx.context) == null ? void 0 : _e.formPlaceholders) == null ? void 0 : _f.street,
+                  placeholder: (_c = formPlaceholders.value) == null ? void 0 : _c.street,
                   type: "text"
                 }, null, 8, _hoisted_7$6), [
                   [vue.vModelText, address.street]
@@ -17310,14 +17345,14 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
                 vue.createElementVNode("div", _hoisted_8$3, [
                   vue.withDirectives(vue.createElementVNode("input", {
                     "onUpdate:modelValue": ($event) => address.city = $event,
-                    placeholder: (_h = (_g = _ctx.context) == null ? void 0 : _g.formPlaceholders) == null ? void 0 : _h.city,
+                    placeholder: (_d = formPlaceholders.value) == null ? void 0 : _d.city,
                     type: "text"
                   }, null, 8, _hoisted_9$3), [
                     [vue.vModelText, address.city]
                   ]),
                   vue.withDirectives(vue.createElementVNode("input", {
                     "onUpdate:modelValue": ($event) => address.postal_code = $event,
-                    placeholder: (_j = (_i = _ctx.context) == null ? void 0 : _i.formPlaceholders) == null ? void 0 : _j.zip,
+                    placeholder: (_e = formPlaceholders.value) == null ? void 0 : _e.zip,
                     type: "text"
                   }, null, 8, _hoisted_10$2), [
                     [vue.vModelText, address.postal_code]
@@ -17325,7 +17360,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
                 ]),
                 vue.withDirectives(vue.createElementVNode("input", {
                   "onUpdate:modelValue": ($event) => address.country = $event,
-                  placeholder: (_l = (_k = _ctx.context) == null ? void 0 : _k.formPlaceholders) == null ? void 0 : _l.country,
+                  placeholder: (_f = formPlaceholders.value) == null ? void 0 : _f.country,
                   type: "text"
                 }, null, 8, _hoisted_11$1), [
                   [vue.vModelText, address.country]
@@ -17349,9 +17384,9 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
             onClick: addNew
           }, {
             default: vue.withCtx(() => {
-              var _a, _b, _c;
+              var _a, _b;
               return [
-                vue.createTextVNode(vue.toDisplayString((_b = (_a = _ctx.context) == null ? void 0 : _a.formPlaceholders) == null ? void 0 : _b.add) + " " + vue.toDisplayString((_c = _ctx.context) == null ? void 0 : _c.label), 1)
+                vue.createTextVNode(vue.toDisplayString((_a = formPlaceholders.value) == null ? void 0 : _a.add) + " " + vue.toDisplayString((_b = _ctx.context) == null ? void 0 : _b.label), 1)
               ];
             }),
             _: 1
@@ -17361,7 +17396,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const AddressArray = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-0b835e6e"]]);
+const AddressArray = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-98a4f943"]]);
 const _hoisted_1$A = { class: "bagel-input" };
 const _hoisted_2$v = { class: "mt-1" };
 const _hoisted_3$s = {
@@ -17390,6 +17425,10 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const bagel = useBagel();
     const props2 = __props;
+    const formPlaceholders = vue.computed(() => {
+      var _a, _b;
+      return (_b = (_a = props2.context) == null ? void 0 : _a.attrs) == null ? void 0 : _b.formPlaceholders;
+    });
     let val = vue.ref([]);
     let deleteCandidate = vue.ref(-1);
     const del2 = (i2) => {
@@ -17432,22 +17471,22 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$A, [
         vue.createElementVNode("div", _hoisted_2$v, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(val), (bank_account, i2) => {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
+            var _a, _b, _c, _d, _e, _f, _g, _h;
             return vue.openBlock(), vue.createElementBlock("div", {
               class: "bglform-contact mb-3",
               key: i2
             }, [
               vue.unref(deleteCandidate) === i2 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$s, [
-                vue.createElementVNode("p", _hoisted_4$e, vue.toDisplayString((_b = (_a = _ctx.context) == null ? void 0 : _a.formPlaceholders) == null ? void 0 : _b.sure), 1),
+                vue.createElementVNode("p", _hoisted_4$e, vue.toDisplayString((_a = formPlaceholders.value) == null ? void 0 : _a.sure), 1),
                 vue.createVNode(vue.unref(Btn), {
                   thin: "",
                   color: "red",
                   onClick: ($event) => deleteContact(bank_account.id)
                 }, {
                   default: vue.withCtx(() => {
-                    var _a2, _b2;
+                    var _a2;
                     return [
-                      vue.createTextVNode(vue.toDisplayString((_b2 = (_a2 = _ctx.context) == null ? void 0 : _a2.formPlaceholders) == null ? void 0 : _b2.delete), 1)
+                      vue.createTextVNode(vue.toDisplayString((_a2 = formPlaceholders.value) == null ? void 0 : _a2.delete), 1)
                     ];
                   }),
                   _: 2
@@ -17457,9 +17496,9 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
                   onClick: _cache[0] || (_cache[0] = ($event) => vue.isRef(deleteCandidate) ? deleteCandidate.value = -1 : deleteCandidate = -1)
                 }, {
                   default: vue.withCtx(() => {
-                    var _a2, _b2;
+                    var _a2;
                     return [
-                      vue.createTextVNode(vue.toDisplayString((_b2 = (_a2 = _ctx.context) == null ? void 0 : _a2.formPlaceholders) == null ? void 0 : _b2.cancel), 1)
+                      vue.createTextVNode(vue.toDisplayString((_a2 = formPlaceholders.value) == null ? void 0 : _a2.cancel), 1)
                     ];
                   }),
                   _: 1
@@ -17473,14 +17512,14 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
                 class: "bglform-contact-label",
                 "onUpdate:modelValue": ($event) => bank_account.label = $event,
                 type: "text",
-                placeholder: (_d = (_c = _ctx.context) == null ? void 0 : _c.formPlaceholders) == null ? void 0 : _d.label
+                placeholder: (_b = formPlaceholders.value) == null ? void 0 : _b.label
               }, null, 8, _hoisted_5$c), [
                 [vue.vModelText, bank_account.label]
               ]),
               vue.createElementVNode("div", _hoisted_6$9, [
                 vue.withDirectives(vue.createElementVNode("input", {
                   "onUpdate:modelValue": ($event) => bank_account.bank_name = $event,
-                  placeholder: (_f = (_e = _ctx.context) == null ? void 0 : _e.formPlaceholders) == null ? void 0 : _f.bankName,
+                  placeholder: (_c = formPlaceholders.value) == null ? void 0 : _c.bankName,
                   type: "text",
                   required: ""
                 }, null, 8, _hoisted_7$5), [
@@ -17489,7 +17528,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
                 vue.createElementVNode("div", _hoisted_8$2, [
                   vue.withDirectives(vue.createElementVNode("input", {
                     "onUpdate:modelValue": ($event) => bank_account.branch = $event,
-                    placeholder: (_h = (_g = _ctx.context) == null ? void 0 : _g.formPlaceholders) == null ? void 0 : _h.bankBranch,
+                    placeholder: (_d = formPlaceholders.value) == null ? void 0 : _d.bankBranch,
                     type: "text",
                     required: ""
                   }, null, 8, _hoisted_9$2), [
@@ -17497,7 +17536,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
                   ]),
                   vue.withDirectives(vue.createElementVNode("input", {
                     "onUpdate:modelValue": ($event) => bank_account.account_number = $event,
-                    placeholder: (_j = (_i = _ctx.context) == null ? void 0 : _i.formPlaceholders) == null ? void 0 : _j.bankAccount,
+                    placeholder: (_e = formPlaceholders.value) == null ? void 0 : _e.bankAccount,
                     type: "text",
                     required: ""
                   }, null, 8, _hoisted_10$1), [
@@ -17507,7 +17546,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
                 vue.createElementVNode("div", _hoisted_11, [
                   vue.withDirectives(vue.createElementVNode("input", {
                     "onUpdate:modelValue": ($event) => bank_account.bank_account_holder = $event,
-                    placeholder: (_l = (_k = _ctx.context) == null ? void 0 : _k.formPlaceholders) == null ? void 0 : _l.bankAccountHolder,
+                    placeholder: (_f = formPlaceholders.value) == null ? void 0 : _f.bankAccountHolder,
                     type: "text",
                     required: ""
                   }, null, 8, _hoisted_12), [
@@ -17515,7 +17554,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
                   ]),
                   vue.withDirectives(vue.createElementVNode("input", {
                     "onUpdate:modelValue": ($event) => bank_account.bank_account_holder_id = $event,
-                    placeholder: (_n = (_m = _ctx.context) == null ? void 0 : _m.formPlaceholders) == null ? void 0 : _n.bankAccountHolderID,
+                    placeholder: (_g = formPlaceholders.value) == null ? void 0 : _g.bankAccountHolderID,
                     type: "text"
                   }, null, 8, _hoisted_13), [
                     [vue.vModelText, bank_account.bank_account_holder_id]
@@ -17536,7 +17575,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
                   ]),
                   vue.withDirectives(vue.createElementVNode("input", {
                     "onUpdate:modelValue": ($event) => bank_account.bank_address = $event,
-                    placeholder: (_p = (_o = _ctx.context) == null ? void 0 : _o.formPlaceholders) == null ? void 0 : _p.bankAddress,
+                    placeholder: (_h = formPlaceholders.value) == null ? void 0 : _h.bankAddress,
                     type: "text"
                   }, null, 8, _hoisted_16), [
                     [vue.vModelText, bank_account.bank_address]
@@ -17561,9 +17600,9 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
             onClick: _cache[1] || (_cache[1] = ($event) => vue.unref(val).push({}))
           }, {
             default: vue.withCtx(() => {
-              var _a, _b, _c;
+              var _a, _b;
               return [
-                vue.createTextVNode(vue.toDisplayString((_b = (_a = _ctx.context) == null ? void 0 : _a.formPlaceholders) == null ? void 0 : _b.add) + " " + vue.toDisplayString((_c = _ctx.context) == null ? void 0 : _c.label), 1)
+                vue.createTextVNode(vue.toDisplayString((_a = formPlaceholders.value) == null ? void 0 : _a.add) + " " + vue.toDisplayString((_b = _ctx.context) == null ? void 0 : _b.label), 1)
               ];
             }),
             _: 1
@@ -17573,7 +17612,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const BankDetailsArray = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-60b0c498"]]);
+const BankDetailsArray = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-0928eb22"]]);
 const _hoisted_1$z = { class: "misc-wrap" };
 const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   __name: "MiscFields",
@@ -28514,5 +28553,6 @@ exports.formatString = formatString;
 exports.initials = initials;
 exports.keyToLabel = keyToLabel;
 exports.useBagel = useBagel;
+exports.useEscape = useEscape;
 exports.useFormkit = useFormkit;
 exports.useModal = useModal;