comand-component-library 3.3.59 → 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"];