comand-component-library 3.3.57 → 3.3.59

package/dist/comand-component-library.js

@@ -1942,7 +1942,7 @@ const Il = {
       this.allowOpenFancyBox && Mt({ fancyBoxGallery: this.items, defaultGalleryIndex: e }), this.emitCurrentItemId(e);
     },
     emitCurrentItemId(e) {
-      this.$emit("click", this.items[e].id);
+      this.$emit("click", this.items[e].image.id);
     },
     executeLink(e, i) {
       this.executeOnClick === "emit" ? (i.preventDefault(), this.emitCurrentItemId(e)) : this.executeOnClick === "fancybox" && (i.preventDefault(), this.showFancyBox(e));
@@ -1953,7 +1953,7 @@ const Il = {
       handler() {
         this.items = this.thumbnailScrollerItems.map((e) => {
           let i;
-          return this.contentType === "image" ? (i = { image: { ...e.image }, figcaption: { ...e.figcaption } }, i.image.src = i.image.srcImageSmall) : i = { ...e }, i;
+          return this.contentType === "image" ? (i = { image: { ...e.image }, figcaption: { ...e.figcaption } }, i.image.srcImageSmall && (i.image.src = i.image.srcImageSmall)) : i = { ...e }, i;
         });
       },
       immediate: !0
@@ -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();
     },
@@ -2200,7 +2204,7 @@ const Mt = (e) => {
     },
     showItem(e) {
       for (let i = 0; i < this.fancyBoxGallery.length; i++)
-        if (this.fancyBoxGallery[i].id === e) {
+        if (this.fancyBoxGallery[i].image.id === e) {
           this.index = i;
           break;
         }
@@ -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, {
@@ -2368,9 +2373,9 @@ function Wl(e, i, t, a, n, s) {
         thumbnailScrollerItems: [...e.fancyBoxGallery],
         allowOpenFancyBox: !1,
         onClick: e.showItem,
-        imgIndex: e.index
-      }, null, 8, ["thumbnailScrollerItems", "onClick", "imgIndex"])) : m("", !0)
-    ], 10, Nl)
+        activeItemIndex: e.index
+      }, null, 8, ["thumbnailScrollerItems", "onClick", "activeItemIndex"])) : m("", !0)
+    ], 42, Nl)
   ]);
 }
 const Ah = /* @__PURE__ */ N(Dl, [["render", Wl]]);