comand-component-library 3.3.58 → 3.3.60

package/dist/comand-component-library.js

@@ -1604,13 +1604,18 @@ const jh = /* @__PURE__ */ N(Cs, [["render", ll]]);
 const ol = {
   name: "CmdBackToTopButton",
   data() {
+    var e;
     return {
       windowInnerHeight: window.innerHeight,
-      windowScrollY: window.scrollY,
-      bodyScrollHeight: document.body.scrollHeight
+      windowScrollY: this.getScrollY(),
+      scrollHeight: ((e = document.querySelector(this.scrollContainer)) == null ? void 0 : e.scrollHeight) || 0
     };
   },
   props: {
+    scrollContainer: {
+      type: String,
+      default: "body"
+    },
     iconBackToTop: {
       type: Object,
       default: function() {
@@ -1622,23 +1627,31 @@ const ol = {
       }
     }
   },
-  created() {
-    window.addEventListener("resize", this.onViewportChange), window.addEventListener("scroll", this.onViewportChange);
+  mounted() {
+    var e;
+    window.addEventListener("resize", this.onViewportChange), this.scrollContainer === "body" ? window.addEventListener("scroll", this.onViewportChange) : (e = document.querySelector(this.scrollContainer)) == null || e.addEventListener("scroll", this.onViewportChange);
   },
   unmounted() {
-    window.removeEventListener("resize", this.onViewportChange), window.removeEventListener("scroll", this.onViewportChange);
+    var e;
+    window.removeEventListener("resize", this.onViewportChange), this.scrollContainer === "body" ? window.addEventListener("scroll", this.onViewportChange) : (e = document.querySelector(this.scrollContainer)) == null || e.removeEventListener("scroll", this.onViewportChange);
   },
   computed: {
     show() {
-      return this.windowScrollY > 0 && this.windowInnerHeight < this.bodyScrollHeight;
+      return this.windowScrollY > 0 && this.windowInnerHeight < this.scrollHeight;
     }
   },
   methods: {
+    getScrollY() {
+      var e;
+      return this.scrollContainer === "body" ? window.scrollY : ((e = document.querySelector(this.scrollContainer)) == null ? void 0 : e.scrollTop) || 0;
+    },
     onViewportChange() {
-      this.windowInnerHeight = window.innerHeight, this.windowScrollY = window.scrollY, this.bodyScrollHeight = document.body.scrollHeight;
+      var e;
+      this.windowInnerHeight = window.innerHeight, this.windowScrollY = this.getScrollY(), this.scrollHeight = ((e = document.querySelector(this.scrollContainer)) == null ? void 0 : e.scrollHeight) || 0;
     },
     onBackToTop() {
-      window.scrollTo({ top: 0, left: 0, behavior: "smooth" });
+      var e;
+      this.scrollContainer === "body" ? window.scrollTo({ top: 0, left: 0, behavior: "smooth" }) : (e = document.querySelector(this.scrollContainer)) == null || e.scrollTo({ top: 0, left: 0, behavior: "smooth" });
     }
   }
 }, al = ["title"];
@@ -1942,7 +1955,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 +1966,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
@@ -2204,7 +2217,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;
         }
@@ -2373,8 +2386,8 @@ 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)
+        activeItemIndex: e.index
+      }, null, 8, ["thumbnailScrollerItems", "onClick", "activeItemIndex"])) : m("", !0)
     ], 42, Nl)
   ]);
 }