@bagelink/vue 0.0.140 → 0.0.145

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

@@ -3,7 +3,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     modelValue?: any;
     schema: FormKitSchemaDefinition;
     onDelete?: ((id: string) => void) | undefined;
-    i18nT: (key: string) => string;
+    i18nT?: ((key: string) => string) | undefined;
 }>, {
     i18nT: (key: string) => string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -13,7 +13,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     modelValue?: any;
     schema: FormKitSchemaDefinition;
     onDelete?: ((id: string) => void) | undefined;
-    i18nT: (key: string) => string;
+    i18nT?: ((key: string) => string) | undefined;
 }>, {
     i18nT: (key: string) => string;
 }>>> & {

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

@@ -1 +1 @@
-{"version":3,"file":"FormSchema.vue.d.ts","sourceRoot":"","sources":["../../src/components/FormSchema.vue"],"names":[],"mappings":"AA0BA;AAGA,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,eAAe,CAAC;;iBA4J/C,GAAG;YACR,uBAAuB;qBAEd,MAAM,KAAK,IAAI;iBAEnB,MAAM,KAAK,MAAM;;;;;;;iBALjB,GAAG;YACR,uBAAuB;qBAEd,MAAM,KAAK,IAAI;iBAEnB,MAAM,KAAK,MAAM;;;;;;;iBAAjB,MAAM,KAAK,MAAM;;AAP/B,wBAcG;AAGH,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,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"FormSchema.vue.d.ts","sourceRoot":"","sources":["../../src/components/FormSchema.vue"],"names":[],"mappings":"AA0BA;AAGA,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,eAAe,CAAC;;iBA4J/C,GAAG;YACR,uBAAuB;qBAEd,MAAM,KAAK,IAAI;mBAElB,MAAM,KAAK,MAAM;;;;;;;iBALlB,GAAG;YACR,uBAAuB;qBAEd,MAAM,KAAK,IAAI;mBAElB,MAAM,KAAK,MAAM;;;;;;;iBAAjB,MAAM,KAAK,MAAM;;AAPhC,wBAcG;AAGH,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,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.vue.d.ts","sourceRoot":"","sources":["../../src/components/Modal.vue"],"names":[],"mappings":"AA+BA;AAGA,OAAO,EAAE,KAAK,UAAU,EAAO,MAAM,eAAe,CAAC;AACrD,OAAO,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;AAwL7B,wBAAwG;AAGxG,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"}
+{"version":3,"file":"Modal.vue.d.ts","sourceRoot":"","sources":["../../src/components/Modal.vue"],"names":[],"mappings":"AA+BA;AAGA,OAAO,EAAE,KAAK,UAAU,EAAkB,MAAM,eAAe,CAAC;AAChE,OAAO,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;AAqM7B,wBAAwG;AAGxG,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/ModalForm.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalForm.vue.d.ts","sourceRoot":"","sources":["../../src/components/ModalForm.vue"],"names":[],"mappings":"AAiCA;AAEA,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAE7D,OAAO,EAAmB,UAAU,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoO7B,wBAAwG;AAGxG,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"}
+{"version":3,"file":"ModalForm.vue.d.ts","sourceRoot":"","sources":["../../src/components/ModalForm.vue"],"names":[],"mappings":"AAiCA;AAEA,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAE7D,OAAO,EACW,UAAU,EAC3B,MAAM,eAAe,CAAC;AACvB,OAAO,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiP7B,wBAAwG;AAGxG,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/formkit/FileUploader.vue.d.ts

@@ -1,14 +1,14 @@
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     context: Record<string, any>;
-    dragDropLabel: string;
-    browseLabel: string;
+    dragDropLabel?: string | undefined;
+    browseLabel?: string | undefined;
 }>, {
     dragDropLabel: string;
     browseLabel: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     context: Record<string, any>;
-    dragDropLabel: string;
-    browseLabel: string;
+    dragDropLabel?: string | undefined;
+    browseLabel?: string | undefined;
 }>, {
     dragDropLabel: string;
     browseLabel: string;

package/dist/components/formkit/FileUploader.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/formkit/FileUploader.vue"],"names":[],"mappings":"AAiFA;;aA2aU,OAAO,MAAM,EAAE,GAAG,CAAC;mBACb,MAAM;iBACR,MAAM;;;;;aAFV,OAAO,MAAM,EAAE,GAAG,CAAC;mBACb,MAAM;iBACR,MAAM;;;;;mBADJ,MAAM;iBACR,MAAM;;AAJpB,wBAUG;AAGH,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,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"FileUploader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/formkit/FileUploader.vue"],"names":[],"mappings":"AAiFA;;aA2aU,OAAO,MAAM,EAAE,GAAG,CAAC;;;;;;;aAAnB,OAAO,MAAM,EAAE,GAAG,CAAC;;;;;;;mBACZ,MAAM;iBACR,MAAM;;AAJrB,wBAUG;AAGH,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,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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"
@@ -28526,5 +28553,6 @@ exports.formatString = formatString;
 exports.initials = initials;
 exports.keyToLabel = keyToLabel;
 exports.useBagel = useBagel;
+exports.useEscape = useEscape;
 exports.useFormkit = useFormkit;
 exports.useModal = useModal;

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,QAAQ,EAAE,KAAK,YAAY,EAAE,iBAAiB,EAAE,QAAQ,GACxD,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACxD,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,QAAQ,EAAE,KAAK,YAAY,EAAE,iBAAiB,EAAE,QAAQ,GACxD,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACxD,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,OAAO,oBAAoB,CAAC"}

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { inject, ref, defineComponent, h, openBlock, createElementBlock, Fragment as Fragment$1, createElementVNode, createTextVNode, toDisplayString, watch, onMounted, withKeys, withModifiers, normalizeStyle, resolveComponent, normalizeClass, renderSlot, renderList, createBlock, withCtx, useSlots, resolveDynamicComponent, unref, createCommentVNode, mergeProps, createVNode, withDirectives, vModelText, isRef, computed, reactive, Transition, useCssVars, pushScopeId, popScopeId, markRaw, vModelCheckbox, onUnmounted, Teleport, vModelDynamic, TransitionGroup, provide } from "vue";
+import { inject, ref, defineComponent, h, openBlock, createElementBlock, Fragment as Fragment$1, createElementVNode, createTextVNode, toDisplayString, watch, onMounted, withKeys, withModifiers, normalizeStyle, resolveComponent, normalizeClass, renderSlot, renderList, createBlock, withCtx, useSlots, resolveDynamicComponent, unref, createCommentVNode, onUnmounted, mergeProps, createVNode, withDirectives, vModelText, isRef, computed, reactive, Transition, useCssVars, pushScopeId, popScopeId, markRaw, vModelCheckbox, Teleport, vModelDynamic, TransitionGroup, provide } from "vue";
 function bind$2(fn, thisArg) {
   return function wrap2() {
     return fn.apply(thisArg, arguments);
@@ -2267,6 +2267,9 @@ const useModal = () => {
 const ModalPlugin = {
   install: (app) => {
     const modalStack = ref([]);
+    const hideModal = (index2) => {
+      modalStack.value.splice(index2, 1);
+    };
     const showModal = (isForm, options, slots = {}) => {
       modalStack.value.push({
         modalOptions: options,
@@ -2274,9 +2277,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),
@@ -2286,7 +2286,7 @@ const ModalPlugin = {
     const ModalComponent = defineComponent({
       data() {
         return {
-          modalStack
+          modalStack: modalStack.value
         };
       },
       render() {
@@ -2362,6 +2362,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__ */ defineComponent({
   __name: "LangText",
@@ -14732,11 +14737,6 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
   emits: ["update:isModalVisible"],
   setup(__props, { emit: __emit }) {
     let isActive = ref(false);
-    onMounted(() => {
-      setTimeout(() => {
-        isActive.value = true;
-      }, 1);
-    });
     const emit2 = __emit;
     const closeModal = () => {
       isActive.value = false;
@@ -14744,6 +14744,22 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
         emit2("update:isModalVisible", false);
       }, 200);
     };
+    const escapeKeyClose = (e) => useEscape(e, () => closeModal());
+    onMounted(() => {
+      setTimeout(() => {
+        isActive.value = true;
+      }, 1);
+      document.addEventListener(
+        "keydown",
+        escapeKeyClose
+      );
+    });
+    onUnmounted(() => {
+      document.removeEventListener(
+        "keydown",
+        escapeKeyClose
+      );
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["bg-dark", { "is-side": _ctx.side, "is-active": unref(isActive) }]),
@@ -15128,11 +15144,6 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
       return props2.schema;
     });
     let isActive = ref(false);
-    onMounted(() => {
-      setTimeout(() => {
-        isActive.value = true;
-      }, 1);
-    });
     const emit2 = __emit;
     const handleEmit = (value) => {
       emit2("update:modelValue", value);
@@ -15157,6 +15168,22 @@ const _sfc_main$D = /* @__PURE__ */ 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());
+    onMounted(() => {
+      setTimeout(() => {
+        isActive.value = true;
+      }, 1);
+      document.addEventListener(
+        "keydown",
+        escapeKeyClose
+      );
+    });
+    onUnmounted(() => {
+      document.removeEventListener(
+        "keydown",
+        escapeKeyClose
+      );
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["bg-dark", { "is-side": _ctx.side, "is-active": unref(isActive) }]),
@@ -15190,7 +15217,7 @@ const _sfc_main$D = /* @__PURE__ */ 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"
@@ -28525,6 +28552,7 @@ export {
   initials,
   keyToLabel,
   useBagel,
+  useEscape,
   useFormkit,
   useModal
 };

package/dist/plugins/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/plugins/modal.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACf,MAAM,KAAK,CAAC;AACb,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,KAAK,CAAC;AAClC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAE7D,UAAU,YAAY;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,UAAU,gBAAiB,SAAQ,YAAY;IAC9C,UAAU,CAAC,EAAE,GAAG,CAAC;IAEjB,qBAAqB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAE3C,QAAQ,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAE7B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,MAAM,EAAE,uBAAuB,CAAC;CAChC;AAED,UAAU,QAAQ;IAEjB,SAAS,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAExE,SAAS,EAAE,CAAC,OAAO,EAAE,gBAAgB,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAE5E,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAEpC;AAED,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,QAAQ,CAAmB,CAAC;AAEnE,eAAO,MAAM,QAAQ,QAAO,QAI3B,CAAC;AAQF,eAAO,MAAM,WAAW,EAAE,MAgDzB,CAAC"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/plugins/modal.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACf,MAAM,KAAK,CAAC;AACb,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,KAAK,CAAC;AAClC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAE7D,UAAU,YAAY;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,UAAU,gBAAiB,SAAQ,YAAY;IAC9C,UAAU,CAAC,EAAE,GAAG,CAAC;IAEjB,qBAAqB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAE3C,QAAQ,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAE7B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,MAAM,EAAE,uBAAuB,CAAC;CAChC;AAED,UAAU,QAAQ;IAEjB,SAAS,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAExE,SAAS,EAAE,CAAC,OAAO,EAAE,gBAAgB,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAE5E,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAEpC;AAED,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,QAAQ,CAAmB,CAAC;AAEnE,eAAO,MAAM,QAAQ,QAAO,QAI3B,CAAC;AAQF,eAAO,MAAM,WAAW,EAAE,MAkDzB,CAAC"}