golden-logic-ui 1.2.365 → 1.2.367

package/dist/components/GeneralComponents/GlMultiItemSlide.vue.js

@@ -1,4 +1,4 @@
-import { createElementBlock as r, openBlock as s, createElementVNode as o, normalizeClass as h, createCommentVNode as u, renderSlot as v, withModifiers as w, Fragment as m, renderList as c } from "vue";
+import { createElementBlock as r, openBlock as i, createElementVNode as o, normalizeClass as h, createCommentVNode as a, renderSlot as v, withModifiers as w, Fragment as m, renderList as c } from "vue";
 /* empty css                      */
 import y from "../../_virtual/_plugin-vue_export-helper.js";
 const g = {
@@ -57,12 +57,12 @@ const g = {
   },
   methods: {
     observeSlotChanges() {
-      const i = this.$refs.slotContainer;
-      i && (this.mutationObserver = new MutationObserver((t) => {
+      const s = this.$refs.slotContainer;
+      s && (this.mutationObserver = new MutationObserver((t) => {
         t.forEach((e) => {
           this.initSlider();
         });
-      }), this.mutationObserver.observe(i, {
+      }), this.mutationObserver.observe(s, {
         childList: !0,
         subtree: !0
       }));
@@ -71,18 +71,18 @@ const g = {
       this.initSlider();
     },
     sliderIndicatorsAction() {
-      let i = "";
-      return this.direction_property === "rtl" && (i += " space-x-reverse "), this.slider_arrows_indicators_position === "arrows_indicators_inside_slider" && (i += " slider_indicators "), i;
+      let s = "";
+      return this.direction_property === "rtl" && (s += " space-x-reverse "), this.slider_arrows_indicators_position === "arrows_indicators_inside_slider" && (s += " slider_indicators "), s;
     },
     sliderContainerAction() {
-      let i = "";
-      return !this.hide_arrow && this.slider_arrows_indicators_position === "arrows_outside_slider" ? i += " w-12/12 xl:w-8/12 xxl:w-8/12 md:w-8/12 sm:w-8/12" : this.slider_arrows_indicators_position !== "arrows_outside_slider" && (i += " w-12/12 "), i;
+      let s = "";
+      return !this.hide_arrow && this.slider_arrows_indicators_position === "arrows_outside_slider" ? s += " w-12/12 xl:w-8/12 xxl:w-8/12 md:w-8/12 sm:w-8/12" : this.slider_arrows_indicators_position !== "arrows_outside_slider" && (s += " w-12/12 "), s;
     },
-    generateRandomString(i) {
+    generateRandomString(s) {
       let t = "";
-      const e = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789", a = e.length;
-      for (let l = 0; l < i; l++)
-        t += e.charAt(Math.floor(Math.random() * a));
+      const e = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789", u = e.length;
+      for (let n = 0; n < s; n++)
+        t += e.charAt(Math.floor(Math.random() * u));
       return t;
     },
     movingActions() {
@@ -108,17 +108,22 @@ const g = {
       this.auto_play && this.startAutoPlay();
     },
     initSlider() {
-      let i = document.getElementById("sliderContainer_" + this.Random_string), t = document.getElementById("mainSliderContainer_" + this.Random_string), e = document.getElementById("slider_" + this.Random_string), a = Array.from(e.querySelectorAll("li")).filter((n) => n.parentNode === e), l = i.clientWidth, d = l / this.elementsToShow;
-      if (this.elementsToShow > 1 ? document.body.clientWidth < 1e3 ? (this.elementsToShow = 1, d = this.hide_arrow ? t.clientWidth : l) : document.body.clientWidth < 1500 && (this.elementsToShow = 2) : (this.elementsToShow = 1, d = this.hide_arrow ? t.clientWidth : l), a.length > 1) {
-        this.dotsNum = this.elementsToShow === 1 ? a.length : a.length - this.elementsToShow + 1;
-        let n = this.elementsToShow === 1 ? d * a.length / this.dotsNum : d * (a.length - this.elementsToShow) / (this.dotsNum - 1);
-        this.dotsNavigation = Array.from({ length: this.dotsNum }, (_, f) => n * f);
+      let s = document.getElementById("sliderContainer_" + this.Random_string), t = document.getElementById("mainSliderContainer_" + this.Random_string), e = document.getElementById("slider_" + this.Random_string), u = Array.from(e.querySelectorAll("li")).filter((l) => l.parentNode === e), n = s.clientWidth, d = n / this.elementsToShow;
+      if (this.elementsToShow > 1 ? document.body.clientWidth < 1e3 ? (this.elementsToShow = 1, d = this.hide_arrow ? t.clientWidth : n) : document.body.clientWidth < 1500 && (this.elementsToShow = 2) : (this.elementsToShow = 1, d = this.hide_arrow ? t.clientWidth : n), u.length > 1) {
+        this.dotsNum = this.elementsToShow === 1 ? u.length : u.length - this.elementsToShow + 1;
+        let l = this.elementsToShow === 1 ? d * u.length / this.dotsNum : d * (u.length - this.elementsToShow) / (this.dotsNum - 1);
+        this.dotsNavigation = Array.from({ length: this.dotsNum }, (_, f) => l * f);
       }
-      e.style.width = `${a.length * d}px`, a.forEach((n) => n.style.width = `${d}px`);
+      e.style.width = `${u.length * d}px`, e.style.transition = "transform 700ms ease-in-out", u.forEach((l) => l.style.width = `${d}px`), this.applyOffset();
     },
-    setDot(i) {
-      let t = document.getElementById("slider_" + this.Random_string);
-      this.direction_property === "rtl" ? t.style.marginRight = -this.dotsNavigation[i - 1] + "px" : t.style.marginLeft = -this.dotsNavigation[i - 1] + "px", this.currentDot = i, this.auto_play && this.startAutoPlay();
+    setDot(s) {
+      this.currentDot = s, this.applyOffset(), this.auto_play && this.startAutoPlay();
+    },
+    applyOffset() {
+      let s = document.getElementById("slider_" + this.Random_string);
+      if (!s) return;
+      const t = window.getComputedStyle(s).direction === "rtl", e = this.dotsNavigation[this.currentDot - 1] || 0;
+      s.style.transform = `translateX(${t ? e : -e}px)`, s.style.marginLeft = "", s.style.marginRight = "";
     }
   }
 }, p = ["id"], k = {
@@ -172,10 +177,10 @@ const g = {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "2"
-}, P = ["onClick"], I = {
+}, P = ["onClick"], R = {
   key: 1,
   class: "flex justify-between pl-5 pr-5"
-}, R = ["onClick"], E = { class: "flex" }, H = { class: "flex items-center" }, O = { class: "w-full" }, z = {
+}, I = ["onClick"], E = { class: "flex" }, O = { class: "flex items-center" }, H = { class: "w-full" }, z = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   class: "w-6 h-6",
@@ -191,7 +196,7 @@ const g = {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "2"
-}, W = { class: "flex items-center" }, V = { class: "w-full" }, X = {
+}, W = { class: "flex items-center" }, X = { class: "w-full" }, V = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   class: "w-6 h-6",
@@ -227,201 +232,201 @@ const g = {
   stroke: "currentColor",
   "stroke-width": "2"
 };
-function J(i, t, e, a, l, d) {
-  return s(), r("div", null, [
+function J(s, t, e, u, n, d) {
+  return i(), r("div", null, [
     o("div", {
       class: h(["", !e.hide_arrow && e.slider_arrows_indicators_position == "arrows_outside_slider" ? "flex" : "relative block"]),
-      id: "mainSliderContainer_" + l.Random_string
+      id: "mainSliderContainer_" + n.Random_string
     }, [
-      l.dotsNum > 1 && !e.hide_arrow && e.slider_arrows_indicators_position == "arrows_outside_slider" ? (s(), r("div", k, [
+      n.dotsNum > 1 && !e.hide_arrow && e.slider_arrows_indicators_position == "arrows_outside_slider" ? (i(), r("div", k, [
         o("div", x, [
           o("button", {
             class: "p-3 mr-5 rounded-full shadow-lg arrow_button_styles",
-            onClick: t[0] || (t[0] = (n) => d.prev())
+            onClick: t[0] || (t[0] = (l) => d.prev())
           }, [
-            e.direction_property == "ltr" ? (s(), r("svg", b, t[6] || (t[6] = [
+            e.direction_property == "ltr" ? (i(), r("svg", b, t[6] || (t[6] = [
               o("path", {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 d: "M11 17l-5-5m0 0l5-5m-5 5h12"
               }, null, -1)
-            ]))) : u("", !0),
-            e.direction_property == "rtl" ? (s(), r("svg", C, t[7] || (t[7] = [
+            ]))) : a("", !0),
+            e.direction_property == "rtl" ? (i(), r("svg", C, t[7] || (t[7] = [
               o("path", {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 d: "M13 7l5 5m0 0l-5 5m5-5H6"
               }, null, -1)
-            ]))) : u("", !0)
+            ]))) : a("", !0)
           ])
         ])
-      ])) : u("", !0),
+      ])) : a("", !0),
       o("div", {
         ref: "slotContainer",
         class: h(["overflow-hidden flex flex-col gap-3", d.sliderContainerAction()]),
-        id: "sliderContainer_" + l.Random_string
+        id: "sliderContainer_" + n.Random_string
       }, [
         o("ul", {
           class: h(["flex duration-700 ease-in-out", e.elements_to_show_prop == 1 || this.elementsToShow == 1 ? "" : "gap-7"]),
-          id: "slider_" + l.Random_string
+          id: "slider_" + n.Random_string
         }, [
-          l.dotsNum > 1 && !e.hide_arrow && e.slider_arrows_indicators_position == "arrows_indicators_inside_slider" ? (s(), r("div", {
+          n.dotsNum > 1 && !e.hide_arrow && e.slider_arrows_indicators_position == "arrows_indicators_inside_slider" ? (i(), r("div", {
             key: 0,
             class: h(["items-center justify-center hidden arrow_button xl:flex xxl:flex md:flex sm:flex", e.direction_property == "rtl" ? "arrow_button_next" : "arrow_button_prev"])
           }, [
             o("div", A, [
               o("button", {
                 class: "p-3 rounded-full shadow-lg arrow_button_styles",
-                onClick: t[1] || (t[1] = w((n) => d.prev(), ["stop"]))
+                onClick: t[1] || (t[1] = w((l) => d.prev(), ["stop"]))
               }, [
-                e.direction_property == "ltr" ? (s(), r("svg", B, t[8] || (t[8] = [
+                e.direction_property == "ltr" ? (i(), r("svg", B, t[8] || (t[8] = [
                   o("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     d: "M11 17l-5-5m0 0l5-5m-5 5h12"
                   }, null, -1)
-                ]))) : u("", !0),
-                e.direction_property == "rtl" ? (s(), r("svg", D, t[9] || (t[9] = [
+                ]))) : a("", !0),
+                e.direction_property == "rtl" ? (i(), r("svg", D, t[9] || (t[9] = [
                   o("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     d: "M13 7l5 5m0 0l-5 5m5-5H6"
                   }, null, -1)
-                ]))) : u("", !0)
+                ]))) : a("", !0)
               ])
             ])
-          ], 2)) : u("", !0),
-          v(i.$slots, "default", {}, void 0, !0),
-          l.dotsNum > 1 && !e.hide_arrow && e.slider_arrows_indicators_position == "arrows_indicators_inside_slider" ? (s(), r("div", {
+          ], 2)) : a("", !0),
+          v(s.$slots, "default", {}, void 0, !0),
+          n.dotsNum > 1 && !e.hide_arrow && e.slider_arrows_indicators_position == "arrows_indicators_inside_slider" ? (i(), r("div", {
             key: 1,
             class: h(["items-center justify-center hidden xl:flex xxl:flex md:flex sm:flex arrow_button", e.direction_property == "rtl" ? "arrow_button_prev" : "arrow_button_next"])
           }, [
             o("div", M, [
               o("button", {
                 class: "p-3 rounded-full shadow-lg arrow_button_styles",
-                onClick: t[2] || (t[2] = w((n) => d.next(), ["stop"]))
+                onClick: t[2] || (t[2] = w((l) => d.next(), ["stop"]))
               }, [
-                e.direction_property == "ltr" ? (s(), r("svg", j, t[10] || (t[10] = [
+                e.direction_property == "ltr" ? (i(), r("svg", j, t[10] || (t[10] = [
                   o("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     d: "M13 7l5 5m0 0l-5 5m5-5H6"
                   }, null, -1)
-                ]))) : u("", !0),
-                e.direction_property == "rtl" ? (s(), r("svg", T, t[11] || (t[11] = [
+                ]))) : a("", !0),
+                e.direction_property == "rtl" ? (i(), r("svg", T, t[11] || (t[11] = [
                   o("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     d: "M11 17l-5-5m0 0l5-5m-5 5h12"
                   }, null, -1)
-                ]))) : u("", !0)
+                ]))) : a("", !0)
               ])
             ])
-          ], 2)) : u("", !0)
+          ], 2)) : a("", !0)
         ], 10, N),
-        l.dotsNum > 1 && e.slider_arrows_indicators_position != "arrows_indicators_below_slider" ? (s(), r("div", {
+        n.dotsNum > 1 && e.slider_arrows_indicators_position != "arrows_indicators_below_slider" ? (i(), r("div", {
           key: 0,
           class: h(["flex justify-center mb-1 space-x-1", d.sliderIndicatorsAction()])
         }, [
-          (s(!0), r(m, null, c(l.dotsNum, (n) => (s(), r("button", {
+          (i(!0), r(m, null, c(n.dotsNum, (l) => (i(), r("button", {
             role: "button",
-            class: h(["gl-dot", { active: l.currentDot == n }]),
-            key: n,
-            onClick: (_) => d.setDot(n)
+            class: h(["gl-dot", { active: n.currentDot == l }]),
+            key: l,
+            onClick: (_) => d.setDot(l)
           }, t[12] || (t[12] = [
             o("span", null, null, -1)
           ]), 10, P))), 128))
-        ], 2)) : u("", !0),
-        l.dotsNum > 1 && e.slider_arrows_indicators_position == "arrows_indicators_below_slider" ? (s(), r("div", I, [
+        ], 2)) : a("", !0),
+        n.dotsNum > 1 && e.slider_arrows_indicators_position == "arrows_indicators_below_slider" ? (i(), r("div", R, [
           o("div", {
             class: h(["flex justify-center mb-1 space-x-1", d.sliderIndicatorsAction()])
           }, [
-            (s(!0), r(m, null, c(l.dotsNum, (n) => (s(), r("button", {
+            (i(!0), r(m, null, c(n.dotsNum, (l) => (i(), r("button", {
               role: "button",
-              class: h(["gl-dot", { active: l.currentDot == n }]),
-              key: n,
-              onClick: (_) => d.setDot(n)
+              class: h(["gl-dot", { active: n.currentDot == l }]),
+              key: l,
+              onClick: (_) => d.setDot(l)
             }, t[13] || (t[13] = [
               o("span", null, null, -1)
-            ]), 10, R))), 128))
+            ]), 10, I))), 128))
           ], 2),
           o("div", E, [
-            o("div", H, [
-              o("div", O, [
+            o("div", O, [
+              o("div", H, [
                 o("button", {
                   class: h(["p-3 rounded-full arrow_button_styles", e.direction_property == "rtl" ? "ml-3" : "mr-3"]),
-                  onClick: t[3] || (t[3] = (n) => d.prev())
+                  onClick: t[3] || (t[3] = (l) => d.prev())
                 }, [
-                  e.direction_property == "ltr" ? (s(), r("svg", z, t[14] || (t[14] = [
+                  e.direction_property == "ltr" ? (i(), r("svg", z, t[14] || (t[14] = [
                     o("path", {
                       "stroke-linecap": "round",
                       "stroke-linejoin": "round",
                       d: "M11 17l-5-5m0 0l5-5m-5 5h12"
                     }, null, -1)
-                  ]))) : u("", !0),
-                  e.direction_property == "rtl" ? (s(), r("svg", L, t[15] || (t[15] = [
+                  ]))) : a("", !0),
+                  e.direction_property == "rtl" ? (i(), r("svg", L, t[15] || (t[15] = [
                     o("path", {
                       "stroke-linecap": "round",
                       "stroke-linejoin": "round",
                       d: "M13 7l5 5m0 0l-5 5m5-5H6"
                     }, null, -1)
-                  ]))) : u("", !0)
+                  ]))) : a("", !0)
                 ], 2)
               ])
             ]),
             o("div", W, [
-              o("div", V, [
+              o("div", X, [
                 o("button", {
                   class: "p-3 rounded-full arrow_button_styles",
-                  onClick: t[4] || (t[4] = (n) => d.next())
+                  onClick: t[4] || (t[4] = (l) => d.next())
                 }, [
-                  e.direction_property == "ltr" ? (s(), r("svg", X, t[16] || (t[16] = [
+                  e.direction_property == "ltr" ? (i(), r("svg", V, t[16] || (t[16] = [
                     o("path", {
                       "stroke-linecap": "round",
                       "stroke-linejoin": "round",
                       d: "M13 7l5 5m0 0l-5 5m5-5H6"
                     }, null, -1)
-                  ]))) : u("", !0),
-                  e.direction_property == "rtl" ? (s(), r("svg", q, t[17] || (t[17] = [
+                  ]))) : a("", !0),
+                  e.direction_property == "rtl" ? (i(), r("svg", q, t[17] || (t[17] = [
                     o("path", {
                       "stroke-linecap": "round",
                       "stroke-linejoin": "round",
                       d: "M11 17l-5-5m0 0l5-5m-5 5h12"
                     }, null, -1)
-                  ]))) : u("", !0)
+                  ]))) : a("", !0)
                 ])
               ])
             ])
           ])
-        ])) : u("", !0)
+        ])) : a("", !0)
       ], 10, S),
-      l.dotsNum > 1 && !e.hide_arrow && e.slider_arrows_indicators_position == "arrows_outside_slider" ? (s(), r("div", F, [
+      n.dotsNum > 1 && !e.hide_arrow && e.slider_arrows_indicators_position == "arrows_outside_slider" ? (i(), r("div", F, [
         o("div", G, [
           o("button", {
             class: "p-3 ml-5 rounded-full shadow-lg arrow_button_styles",
-            onClick: t[5] || (t[5] = (n) => d.next())
+            onClick: t[5] || (t[5] = (l) => d.next())
           }, [
-            e.direction_property == "ltr" ? (s(), r("svg", U, t[18] || (t[18] = [
+            e.direction_property == "ltr" ? (i(), r("svg", U, t[18] || (t[18] = [
               o("path", {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 d: "M13 7l5 5m0 0l-5 5m5-5H6"
               }, null, -1)
-            ]))) : u("", !0),
-            e.direction_property == "rtl" ? (s(), r("svg", Y, t[19] || (t[19] = [
+            ]))) : a("", !0),
+            e.direction_property == "rtl" ? (i(), r("svg", Y, t[19] || (t[19] = [
               o("path", {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 d: "M11 17l-5-5m0 0l5-5m-5 5h12"
               }, null, -1)
-            ]))) : u("", !0)
+            ]))) : a("", !0)
           ])
         ])
-      ])) : u("", !0)
+      ])) : a("", !0)
     ], 10, p)
   ]);
 }
-const $ = /* @__PURE__ */ y(g, [["render", J], ["__scopeId", "data-v-d8444fcc"]]);
+const $ = /* @__PURE__ */ y(g, [["render", J], ["__scopeId", "data-v-e5180c8a"]]);
 export {
   $ as default
 };