comand-component-library 3.3.57 → 3.3.58

package/dist/comand-component-library.js

@@ -2154,7 +2154,7 @@ const Mt = (e) => {
     }
   },
   created() {
-    this.allowEscapeKey && (this.$_FancyBox_escapeKeyHandler = (e) => (e.key === "Escape" || e.key === "Esc") && this.close(), document.querySelector("body").addEventListener("keyup", this.$_FancyBox_escapeKeyHandler)), this.$_FancyBox_scrollHandler = () => {
+    this.$_FancyBox_scrollHandler = () => {
       window.scrollTo(0, this.$_FancyBox_verticalScrollPosition);
     }, this.$watch(
       () => [
@@ -2169,9 +2169,6 @@ const Mt = (e) => {
   mounted() {
     this.showFancyBox && this.showDialog();
   },
-  beforeUnmount() {
-    this.allowEscapeKey && document.querySelector("body").removeEventListener("keyup", this.$_FancyBox_escapeKeyHandler);
-  },
   computed: {
     largeGalleryImage() {
       const e = { ...this.fancyBoxGallery[this.index].image };
@@ -2184,6 +2181,13 @@ const Mt = (e) => {
     }
   },
   methods: {
+    onDialogCancel(e) {
+      if (!this.allowEscapeKey) {
+        e.preventDefault();
+        return;
+      }
+      this.close();
+    },
     showDialog() {
       document.querySelector("body").classList.add("avoid-scrolling"), this.$refs.dialog.showModal(), this.$refs["close-dialog"].focus();
     },
@@ -2209,7 +2213,7 @@ const Mt = (e) => {
       this.index < this.fancyBoxGallery.length - 1 ? this.index++ : this.index = 0;
     },
     close() {
-      this.$options.el ? (this.$destroy(), this.$el.remove()) : (this.showFancyBox = !1, this.$emit("update:show", !1)), document.querySelector("body").classList.remove("avoid-scrolling");
+      this.showFancyBox = !1, this.$emit("update:show", !1), document.querySelector("body").classList.remove("avoid-scrolling");
     },
     cancel() {
       this.$emit("cancel", !0), this.close();
@@ -2259,7 +2263,8 @@ function Wl(e, i, t, a, n, s) {
     h("dialog", {
       ref: "dialog",
       class: _(["cmd-fancybox", { "show-overlay": e.showOverlay, image: e.fancyBoxImageUrl || e.fancyBoxGallery, "image-gallery": e.fancyBoxGallery }]),
-      "aria-label": e.ariaLabelText
+      "aria-label": e.ariaLabelText,
+      onCancel: i[5] || (i[5] = (...ce) => e.onDialogCancel && e.onDialogCancel(...ce))
     }, [
       h("header", jl, [
         (p = e.cmdHeadline) != null && p.show ? (l(), C(u, {
@@ -2370,7 +2375,7 @@ function Wl(e, i, t, a, n, s) {
         onClick: e.showItem,
         imgIndex: e.index
       }, null, 8, ["thumbnailScrollerItems", "onClick", "imgIndex"])) : m("", !0)
-    ], 10, Nl)
+    ], 42, Nl)
   ]);
 }
 const Ah = /* @__PURE__ */ N(Dl, [["render", Wl]]);