golden-logic-ui 1.0.497 → 1.0.499

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();
     },
@@ -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-74db30ef"), A = A(), aq(), A), SX = ["id"], kX = {
+}, Sm = (A) => (rq("data-v-7ca2c0d3"), 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 = {
@@ -2082,6 +2097,7 @@ function EJ(A, te, G, Ce, oe, U) {
         id: "sliderContainer_" + oe.Random_string
       }, [
         R("ul", {
+          ref: "slotContainer",
           class: zt(["flex", G.elements_to_show_prop == 1 ? "" : "gap-7"]),
           id: "slider_" + 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-74db30ef"]]), AJ = {
+const Vce = /* @__PURE__ */ zr(_X, [["render", EJ], ["__scopeId", "data-v-7ca2c0d3"]]), AJ = {
   props: {
     elements_to_show_prop: {
       type: Number,