golden-logic-ui 1.0.429 → 1.0.431

package/dist/golden-logic-ui.js

@@ -1870,30 +1870,33 @@ const _le = /* @__PURE__ */ Kr(yX, [["render", xX]]), CX = {
       this.currentDot > 1 && (this.currentDot--, this.setDot(this.currentDot));
     },
     initSlider() {
-      let D = document.getElementById("sliderContainer_" + this.Random_string), ie = document.getElementById("mainSliderContainer_" + this.Random_string), Q = document.getElementById("slider_" + this.Random_string), ke = Q.querySelectorAll("li"), se = Array.from(ke).filter((ee) => ee.parentNode === Q);
-      console.log("cards length :", se.length);
-      let j = D.clientWidth;
-      console.log("sliderContainer :", D), console.log("sliderContainerWidth :", D.clientWidth), console.log("elementsToShow :", this.elementsToShow);
-      let Ee = j / this.elementsToShow;
-      if (console.log("cardwidth :", Ee), this.elementsToShow > 1 ? document.body.clientWidth < 1e3 ? (this.elementsToShow = 1, Ee = this.hide_arrow ? ie.clientWidth : j) : document.body.clientWidth < 1500 && (this.elementsToShow = 2) : (this.elementsToShow = 1, Ee = this.hide_arrow ? ie.clientWidth : j), se.length > 1) {
-        this.dotsNum = this.elementsToShow == 1 ? se.length : se.length - this.elementsToShow + 1;
-        let ee = this.elementsToShow == 1 ? Ee * se.length / this.dotsNum : Ee * (se.length - this.elementsToShow) / (this.dotsNum - 1);
-        this.dotsNavigation = [];
-        for (let Be = 0; Be < this.dotsNum; Be++)
-          this.dotsNavigation.push(ee * Be);
-      }
-      console.log("slider.style.width :", se.length * Ee), Q.style.width = se.length * Ee + "px", Q.style.transition = "margin", Q.style.transitionDuration = "1s";
-      for (let ee = 0; ee < se.length; ee++) {
-        const Be = se[ee];
-        Be.style.width = Ee + "px", console.log("element.style.width", Ee);
-      }
+      this.$nextTick(() => {
+        console.log("sliderContainer_ref", this.$refs.sliderContainer.clientWidth);
+        let D = document.getElementById("sliderContainer_" + this.Random_string), ie = document.getElementById("mainSliderContainer_" + this.Random_string), Q = document.getElementById("slider_" + this.Random_string), ke = Q.querySelectorAll("li"), se = Array.from(ke).filter((ee) => ee.parentNode === Q);
+        console.log("cards length :", se.length);
+        let j = D.clientWidth;
+        console.log("sliderContainer :", D), console.log("sliderContainerWidth :", D.clientWidth), console.log("elementsToShow :", this.elementsToShow);
+        let Ee = j / this.elementsToShow;
+        if (console.log("cardwidth :", Ee), this.elementsToShow > 1 ? document.body.clientWidth < 1e3 ? (this.elementsToShow = 1, Ee = this.hide_arrow ? ie.clientWidth : j) : document.body.clientWidth < 1500 && (this.elementsToShow = 2) : (this.elementsToShow = 1, Ee = this.hide_arrow ? ie.clientWidth : j), se.length > 1) {
+          this.dotsNum = this.elementsToShow == 1 ? se.length : se.length - this.elementsToShow + 1;
+          let ee = this.elementsToShow == 1 ? Ee * se.length / this.dotsNum : Ee * (se.length - this.elementsToShow) / (this.dotsNum - 1);
+          this.dotsNavigation = [];
+          for (let Be = 0; Be < this.dotsNum; Be++)
+            this.dotsNavigation.push(ee * Be);
+        }
+        console.log("slider.style.width :", se.length * Ee), Q.style.width = se.length * Ee + "px", Q.style.transition = "margin", Q.style.transitionDuration = "1s";
+        for (let ee = 0; ee < se.length; ee++) {
+          const Be = se[ee];
+          Be.style.width = Ee + "px", console.log("element.style.width", Ee);
+        }
+      });
     },
     setDot(D) {
       let ie = document.getElementById("slider_" + this.Random_string);
       this.direction_property == "rtl" ? ie.style.marginRight = -this.dotsNavigation[D - 1] + "px" : ie.style.marginLeft = -this.dotsNavigation[D - 1] + "px", this.currentDot = D;
     }
   }
-}, _m = (D) => (Mq("data-v-8fede4ed"), D = D(), Pq(), D), SX = ["id"], _X = {
+}, _m = (D) => (Mq("data-v-84f7de34"), D = D(), Pq(), D), SX = ["id"], _X = {
   key: 0,
   class: "items-center hidden w-2/12 xl:flex xxl:flex md:flex sm:flex arrow_button"
 }, kX = { class: "w-full" }, TX = {
@@ -2096,6 +2099,7 @@ function TJ(D, ie, Q, ke, se, j) {
         ])
       ])) : at("", !0),
       $("div", {
+        ref: "sliderContainer",
         class: nn(["overflow-hidden flex flex-col gap-3", j.sliderContainerAction()]),
         id: "sliderContainer_" + D.Random_string
       }, [
@@ -2195,7 +2199,7 @@ function TJ(D, ie, Q, ke, se, j) {
     ], 10, SX)
   ]);
 }
-const kle = /* @__PURE__ */ Kr(CX, [["render", TJ], ["__scopeId", "data-v-8fede4ed"]]), EJ = { class: "pointer-events-auto relative flex max-h-[100%] w-full flex-col overflow-hidden text-current shadow-4 outline-none bg-white border rounded-lg border-stroke dark:border-strokedark dark:bg-boxdark" }, AJ = { class: "flex items-center justify-between flex-shrink-0 pt-10 pb-3 pl-3 pr-3 border-b-2 dark:border-gray-600" }, DJ = { class: "text-xl font-medium leading-normal text-surface dark:text-white" }, OJ = /* @__PURE__ */ $("span", { class: "[&>svg]:h-6 [&>svg]:w-6" }, [
+const kle = /* @__PURE__ */ Kr(CX, [["render", TJ], ["__scopeId", "data-v-84f7de34"]]), EJ = { class: "pointer-events-auto relative flex max-h-[100%] w-full flex-col overflow-hidden text-current shadow-4 outline-none bg-white border rounded-lg border-stroke dark:border-strokedark dark:bg-boxdark" }, AJ = { class: "flex items-center justify-between flex-shrink-0 pt-10 pb-3 pl-3 pr-3 border-b-2 dark:border-gray-600" }, DJ = { class: "text-xl font-medium leading-normal text-surface dark:text-white" }, OJ = /* @__PURE__ */ $("span", { class: "[&>svg]:h-6 [&>svg]:w-6" }, [
   /* @__PURE__ */ $("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "currentColor",