golden-logic-ui 1.0.496 → 1.0.498

package/dist/golden-logic-ui.js

@@ -1815,6 +1815,7 @@ const Hce = /* @__PURE__ */ zr(wX, [["render", CX]]), _X = {
   },
   data() {
     return {
+      mutationObserver: null,
       elementsToShow: this.elements_to_show_prop,
       dotsNum: 0,
       currentDot: 1,
@@ -1828,13 +1829,27 @@ const Hce = /* @__PURE__ */ zr(wX, [["render", CX]]), _X = {
   },
   mounted() {
     this.$nextTick(() => {
-      this.initSlider(), this.disable_touch || this.movingActions(), window.addEventListener("resize", this.resizeHandler);
+      this.observeSlotChanges(), this.initSlider(), this.disable_touch || this.movingActions(), window.addEventListener("resize", this.resizeHandler);
     });
   },
   beforeDestroy() {
     window.removeEventListener("resize", this.resizeHandler);
   },
+  beforeUnmount() {
+    this.mutationObserver && this.mutationObserver.disconnect();
+  },
   methods: {
+    observeSlotChanges() {
+      const A = this.$refs.slotContainer;
+      A && (this.mutationObserver = new MutationObserver((te) => {
+        te.forEach((G) => {
+          this.initSlider();
+        });
+      }), this.mutationObserver.observe(A, {
+        childList: !0,
+        subtree: !0
+      }));
+    },
     resizeHandler() {
       this.initSlider();
     },
@@ -1863,7 +1878,7 @@ const Hce = /* @__PURE__ */ zr(wX, [["render", CX]]), _X = {
     },
     initSlider() {
       let A = document.getElementById("sliderContainer_" + this.Random_string), te = document.getElementById("mainSliderContainer_" + this.Random_string), G = document.getElementById("slider_" + this.Random_string), Ce = Array.from(G.querySelectorAll("li")).filter((be) => be.parentNode === G), oe = A.clientWidth, U = oe / this.elementsToShow;
-      if (this.elementsToShow > 1 ? document.body.clientWidth < 1e3 ? (this.elementsToShow = 1, U = this.hide_arrow ? te.clientWidth : oe) : document.body.clientWidth < 1500 && (this.elementsToShow = 2) : (this.elementsToShow = 1, U = te.clientWidth), Ce.length > 1) {
+      if (this.elementsToShow > 1 ? document.body.clientWidth < 1e3 ? (this.elementsToShow = 1, U = this.hide_arrow ? te.clientWidth : oe) : document.body.clientWidth < 1500 && (this.elementsToShow = 2) : (this.elementsToShow = 1, U = te.clientWidth, console.log("cardwidth: ", U)), Ce.length > 1) {
         this.dotsNum = this.elementsToShow === 1 ? Ce.length : Ce.length - this.elementsToShow + 1;
         let be = this.elementsToShow === 1 ? U * Ce.length / this.dotsNum : U * (Ce.length - this.elementsToShow) / (this.dotsNum - 1);
         this.dotsNavigation = Array.from({ length: this.dotsNum }, (q, De) => be * De);
@@ -1875,7 +1890,7 @@ const Hce = /* @__PURE__ */ zr(wX, [["render", CX]]), _X = {
       this.direction_property === "rtl" ? te.style.marginRight = -this.dotsNavigation[A - 1] + "px" : te.style.marginLeft = -this.dotsNavigation[A - 1] + "px", this.currentDot = A;
     }
   }
-}, Sm = (A) => (rq("data-v-6f79f1dd"), A = A(), aq(), A), SX = ["id"], kX = {
+}, Sm = (A) => (rq("data-v-6f277a64"), A = A(), aq(), A), SX = ["id"], kX = {
   key: 0,
   class: "items-center hidden w-2/12 xl:flex xxl:flex md:flex sm:flex arrow_button"
 }, TX = { class: "w-full" }, EX = {
@@ -2078,6 +2093,7 @@ function EJ(A, te, G, Ce, oe, U) {
         ])
       ])) : qe("", !0),
       R("div", {
+        ref: "slotContainer",
         class: zt(["overflow-hidden flex flex-col gap-3", U.sliderContainerAction()]),
         id: "sliderContainer_" + oe.Random_string
       }, [
@@ -2177,7 +2193,7 @@ function EJ(A, te, G, Ce, oe, U) {
     ], 10, SX)
   ]);
 }
-const Vce = /* @__PURE__ */ zr(_X, [["render", EJ], ["__scopeId", "data-v-6f79f1dd"]]), AJ = {
+const Vce = /* @__PURE__ */ zr(_X, [["render", EJ], ["__scopeId", "data-v-6f277a64"]]), AJ = {
   props: {
     elements_to_show_prop: {
       type: Number,