@xwadex/fesd 0.0.14-re.83 → 0.0.14-re.85

package/dist/image-preview-bundle.js

@@ -9,7 +9,7 @@ var h = (n, i, t) => {
 };
 var d = (n, i, t) => (fs(n, i, "access private method"), t);
 import { OverlayScrollbars as Me } from "overlayscrollbars";
-import f from "jquery";
+import v from "jquery";
 import "./vendor-bundle.js";
 import "validator";
 import "flatpickr";
@@ -27,7 +27,7 @@ const Y = {
     videoTarget: "video-template",
     videoTargetRoute: "https://cdn.wdd.idv.tw/fesd/video4_lightbox.html",
     videoVimeoHash: null,
-    videoHighQuality: !1,
+    videoHighQuality: "off",
     videoStartTime: 0
   },
   ATTRS: {
@@ -365,7 +365,7 @@ const Y = {
     return -t * ((n = n / e - 1) * n * n * n - 1) + i;
   }
 }, we = (n, i) => {
-  const { target: t, container: e, spacer: s, speed: o, gap: a, easing: r, direction: l } = n, c = l === "horizontal", u = c ? "scrollLeft" : "scrollTop", p = c ? "left" : "top", m = c ? "width" : "height", g = w(e) ? A(e) : document.scrollingElement, v = g[u], b = w(t) ? A(t).getBoundingClientRect()[p] : 0 - v, y = w(s) ? A(s).getBoundingClientRect()[m] : 0, H = b - a - y, G = 15;
+  const { target: t, container: e, spacer: s, speed: o, gap: a, easing: r, direction: l } = n, c = l === "horizontal", u = c ? "scrollLeft" : "scrollTop", p = c ? "left" : "top", m = c ? "width" : "height", g = w(e) ? A(e) : document.scrollingElement, f = g[u], b = w(t) ? A(t).getBoundingClientRect()[p] : 0 - f, y = w(s) ? A(s).getBoundingClientRect()[m] : 0, H = b - a - y, G = 15;
   let S = 0;
   if (H === 0)
     return;
@@ -376,7 +376,7 @@ const Y = {
   X("beforeScroll");
   const Pe = () => {
     S += G;
-    const R = Ls[r](S, v, H, o);
+    const R = Ls[r](S, f, H, o);
     g[u] = R, S < o && requestAnimationFrame(Pe), S >= o && X("afterScroll");
   };
   requestAnimationFrame(Pe);
@@ -674,13 +674,13 @@ customElements.define("modern-modal", ti);
 const _s = (n, i) => {
   const t = n === window ? n.innerHeight : n.getBoundingClientRect().height, e = n === window ? 0 : n.getBoundingClientRect().top;
   i.forEach((s) => {
-    const { class: o, delay: a, start: r, end: l, repeat: c, instance: u } = s.aost, { top: p, bottom: m } = s.getBoundingClientRect(), g = t * (r / 100), v = t * (l / 100);
-    if (p - e <= g && m - e >= v && s.offsetParent)
+    const { class: o, delay: a, start: r, end: l, repeat: c, instance: u } = s.aost, { top: p, bottom: m } = s.getBoundingClientRect(), g = t * (r / 100), f = t * (l / 100);
+    if (p - e <= g && m - e >= f && s.offsetParent)
       setTimeout(() => {
         s.classList.add(o);
       }, a);
     else {
-      const y = s.classList.contains(o) && c === "down" && p - e >= g || c === "up" && m - e <= v || c === !0;
+      const y = s.classList.contains(o) && c === "down" && p - e >= g || c === "up" && m - e <= f || c === !0;
       setTimeout(() => {
         y && s.classList.remove(o);
       }, a);
@@ -859,18 +859,18 @@ function Ei(n) {
   const i = [];
   n && n.forEach((t) => {
     t instanceof HTMLElement ? i.push(t) : typeof t == "string" && i.push(...document.querySelectorAll(`${t}`));
-  }), f("html").addClass("scrollLock"), vs(i);
+  }), v("html").addClass("scrollLock"), vs(i);
 }
 function Ai(n) {
   const i = [];
   n && n.forEach((t) => {
     t instanceof HTMLElement ? i.push(t) : typeof t == "string" && i.push(...document.querySelectorAll(`${t}`));
-  }), f("html").removeClass("scrollLock"), bs(i);
+  }), v("html").removeClass("scrollLock"), bs(i);
 }
 async function fn(n = 0) {
-  if (f(".loading-wrapper").length)
+  if (v(".loading-wrapper").length)
     return;
-  f("body").append(`
+  v("body").append(`
   <div class="loading-wrapper">
     <div class="icon-box">
       <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><path d="M10 50A40 40 0 0 0 90 50A40 42 0 0 1 10 50" fill="#ffffff" stroke="none">
@@ -880,13 +880,13 @@ async function fn(n = 0) {
       </svg>
     </div>
   </div>
-  `), f(".loading-wrapper").delay(n).fadeIn(300).promise().done(function() {
+  `), v(".loading-wrapper").delay(n).fadeIn(300).promise().done(function() {
     Ei();
   });
 }
 function vn() {
-  f(".loading-wrapper").fadeOut(300).promise().done(function() {
-    f(".loading-wrapper").remove(), Ai();
+  v(".loading-wrapper").fadeOut(300).promise().done(function() {
+    v(".loading-wrapper").remove(), Ai();
   });
 }
 function bn(n, i) {
@@ -899,7 +899,7 @@ function Cs() {
 }
 function yn(n, i = () => {
 }) {
-  f(`[data-tab-content=${n}]`).fadeIn(function() {
+  v(`[data-tab-content=${n}]`).fadeIn(function() {
     typeof i == "function" && i();
   }).siblings("[data-tab-content]").hide(), Cs();
 }
@@ -940,13 +940,13 @@ function En() {
   };
 }
 function An(n, i) {
-  f(n).on("click", function() {
-    f(this).toggleClass(i);
+  v(n).on("click", function() {
+    v(this).toggleClass(i);
   });
 }
 function Ln(n, i) {
-  f(n).on("click", function() {
-    f(n).not(this).removeClass(i), f(this).addClass(i);
+  v(n).on("click", function() {
+    v(n).not(this).removeClass(i), v(this).addClass(i);
   });
 }
 function Hs(n, i = 250) {
@@ -968,12 +968,12 @@ function Sn(n, i = 250) {
   };
 }
 function Dn() {
-  window._g.interval = [], f(".countdown").each((i, t) => {
-    const e = Number(f(t).attr("data-seconds")) + 1;
+  window._g.interval = [], v(".countdown").each((i, t) => {
+    const e = Number(v(t).attr("data-seconds")) + 1;
     let s = Math.floor(e / 60) + ":" + e % 60;
     window._g.interval[i] = setInterval(function() {
       var o = s.split(":"), a = parseInt(o[0], 10), r = parseInt(o[1], 10);
-      --r, a = r < 0 ? --a : a, a = a < 10 ? a = "0" + a : a, a == 0 && r == 0 && clearInterval(window._g.interval[i]), r = r < 0 ? 59 : r, r = r < 10 ? "0" + r : r, f(t).html(a + ":" + r), s = a + ":" + r;
+      --r, a = r < 0 ? --a : a, a = a < 10 ? a = "0" + a : a, a == 0 && r == 0 && clearInterval(window._g.interval[i]), r = r < 0 ? 59 : r, r = r < 10 ? "0" + r : r, v(t).html(a + ":" + r), s = a + ":" + r;
     }, 1e3);
   });
 }
@@ -992,13 +992,13 @@ function kn() {
   n(), window.addEventListener("resize", Hs(n));
 }
 function $n(n, i, t, e, s) {
-  const o = this, r = f(n).html().split("<br>");
+  const o = this, r = v(n).html().split("<br>");
   let l = "", c = 0;
   r.forEach((u, p) => {
-    p !== 0 && (l += "<br>"), u.split("").forEach((g, v) => {
-      i ? (v === 0 && (l += '<span class="letter-wrap" style="display: inline-block">'), g === " " ? l += '</span> <span class="letter-wrap" style="display: inline-block">' : (l += `<span class="letter"${s || t ? ` style="${s ? `transition: ${o.formatFloat(Math.random(), 2) * s}s;` : ""}${t ? t === "random" ? `transition-delay: ${o.formatFloat(Math.random(), 2)}s;` : `transition-delay: ${t + c * e}s;` : ""}"` : ""}>${g}</span>`, c++), v === u.length - 1 && (l += "</span>")) : g === " " ? l += " " : (l += `<span class="letter"${s || t ? ` style="${s ? `transition: ${o.formatFloat(Math.random(), 2) * s}s;` : ""}${t ? t === "random" ? `transition-delay: ${o.formatFloat(Math.random(), 2)}s;` : `transition-delay: ${t + c * e}s;` : ""}"` : ""}>${g}</span>`, c++);
+    p !== 0 && (l += "<br>"), u.split("").forEach((g, f) => {
+      i ? (f === 0 && (l += '<span class="letter-wrap" style="display: inline-block">'), g === " " ? l += '</span> <span class="letter-wrap" style="display: inline-block">' : (l += `<span class="letter"${s || t ? ` style="${s ? `transition: ${o.formatFloat(Math.random(), 2) * s}s;` : ""}${t ? t === "random" ? `transition-delay: ${o.formatFloat(Math.random(), 2)}s;` : `transition-delay: ${t + c * e}s;` : ""}"` : ""}>${g}</span>`, c++), f === u.length - 1 && (l += "</span>")) : g === " " ? l += " " : (l += `<span class="letter"${s || t ? ` style="${s ? `transition: ${o.formatFloat(Math.random(), 2) * s}s;` : ""}${t ? t === "random" ? `transition-delay: ${o.formatFloat(Math.random(), 2)}s;` : `transition-delay: ${t + c * e}s;` : ""}"` : ""}>${g}</span>`, c++);
     });
-  }), f(n).html(l);
+  }), v(n).html(l);
 }
 function xn(n, i) {
   const t = Math.pow(10, i);
@@ -1021,7 +1021,7 @@ function Cn(n) {
 }
 function Hn(n, i) {
   const t = n.$el, e = n.params.grid.rows, s = i || n.params.slidesPerView * e;
-  (n.loopedSlides ? n.slides.length - n.loopedSlides * 2 : n.slides.length) <= s ? (t.addClass("swiper-no-swiping"), f(n.params.navigation.nextEl).hide(), f(n.params.navigation.prevEl).hide(), f(n.params.pagination.el).hide(), n.params.autoplay.enabled = !1, n.autoplay.stop()) : (t.removeClass("swiper-no-swiping"), f(n.params.navigation.nextEl).show(), f(n.params.navigation.prevEl).show(), f(n.params.pagination.el).show(), n.params.autoplay.enabled && n.autoplay.start());
+  (n.loopedSlides ? n.slides.length - n.loopedSlides * 2 : n.slides.length) <= s ? (t.addClass("swiper-no-swiping"), v(n.params.navigation.nextEl).hide(), v(n.params.navigation.prevEl).hide(), v(n.params.pagination.el).hide(), n.params.autoplay.enabled = !1, n.autoplay.stop()) : (t.removeClass("swiper-no-swiping"), v(n.params.navigation.nextEl).show(), v(n.params.navigation.prevEl).show(), v(n.params.pagination.el).show(), n.params.autoplay.enabled && n.autoplay.start());
 }
 function Mn(n) {
   n.el.querySelectorAll("img.detect-shade").forEach((i) => {
@@ -1031,36 +1031,36 @@ function Mn(n) {
   });
 }
 function qn(n) {
-  const i = n.el, t = f(i).find(".swiper-slide-active"), e = f(t).find("video").get(0), s = f(i).find(".swiper-slide video");
-  n.autoplay.stop(), f(e).off("ended"), e ? (s.each((o, a) => {
+  const i = n.el, t = v(i).find(".swiper-slide-active"), e = v(t).find("video").get(0), s = v(i).find(".swiper-slide video");
+  n.autoplay.stop(), v(e).off("ended"), e ? (s.each((o, a) => {
     a.currentTime = 0;
-  }), f(e).on("ended", function() {
+  }), v(e).on("ended", function() {
     n.slideNext();
   }), e.play()) : n.params.autoplay.enabled && n.autoplay.start();
 }
 function In() {
-  f(".number-grow").each(function(n, i) {
-    const t = f(i), o = t.attr("data-num").replace(/(\d)(?=(?:\d{3})+$)/g, "$1,").split(""), a = () => {
+  v(".number-grow").each(function(n, i) {
+    const t = v(i), o = t.attr("data-num").replace(/(\d)(?=(?:\d{3})+$)/g, "$1,").split(""), a = () => {
       let r = "";
       for (var l = 0; l <= 9; l++)
         r += String(l) + "<br>";
       return r;
     };
-    f(o).each(function(r, l) {
+    v(o).each(function(r, l) {
       const c = () => l !== "," ? `<div class="num" data-final-num="${l}"><div><br>${a()}<br>${a()}</div></div>` : `<div class="comma">${l}</div>`;
       t.append(c);
     });
   });
 }
 function On() {
-  f(".letter-grow").each(function(n, i) {
-    const t = f(i), s = t.attr("data-letter").split(""), o = () => {
+  v(".letter-grow").each(function(n, i) {
+    const t = v(i), s = t.attr("data-letter").split(""), o = () => {
       let a = "";
       for (let r = 65; r <= 90; r++)
         a += String.fromCharCode(r) + "<br>";
       return a;
     };
-    f(s).each(function(a, r) {
+    v(s).each(function(a, r) {
       const l = `<div class="letter" data-final-letter="${r}"><div><br>${o()}<br>${o()}</div></div>`;
       t.append(l);
     });
@@ -1121,8 +1121,8 @@ V = new WeakSet(), Se = function() {
       i.classList.add("video4-cover"), s.querySelector("img") || (s.insertAdjacentHTML(E.prepend, '<picture><source srcset="" type="image/webp"><source srcset="" type="image/jpeg"><img src="" alt></picture>'), T("video4", "若啟用 [videoCover] 且選擇 onBox 模式必須於 video-target 內放置 img 結構，若無結構則自動加入圖片結構"));
       const g = s.querySelector("img");
       g.insertAdjacentHTML(E.after, t[o]);
-      const v = (g == null ? void 0 : g.getAttribute("src")) || (g == null ? void 0 : g.getAttribute("data-src"));
-      !v && r == "youtube" ? p ? g.setAttribute("src", `http://img.youtube.com/vi/${a}/maxresdefault.jpg `) : g.setAttribute("src", `https://img.youtube.com/vi/${a}/0.jpg`) : !v && r == "vimeo" ? g.setAttribute("src", `https://vumbnail.com/${a}_large.jpg`) : !v && r == "tiktok" ? fetch(`https://www.tiktok.com/oembed?url=https://www.tiktok.com/@/video/${a}`, { method: "GET", redirect: "follow" }).then((b) => b.json()).then((b) => {
+      const f = (g == null ? void 0 : g.getAttribute("src")) || (g == null ? void 0 : g.getAttribute("data-src"));
+      !f && r == "youtube" ? p == "on" ? g.setAttribute("src", `http://img.youtube.com/vi/${a}/maxresdefault.jpg `) : g.setAttribute("src", `https://img.youtube.com/vi/${a}/0.jpg`) : !f && r == "vimeo" ? g.setAttribute("src", `https://vumbnail.com/${a}_large.jpg`) : !f && r == "tiktok" ? fetch(`https://www.tiktok.com/oembed?url=https://www.tiktok.com/@/video/${a}`, { method: "GET", redirect: "follow" }).then((b) => b.json()).then((b) => {
         const y = b.thumbnail_url;
         g.setAttribute("src", `${y}`);
       }).catch(function(b) {
@@ -1136,13 +1136,13 @@ V = new WeakSet(), Se = function() {
       i.classList.add("video4-cover"), s.querySelector("img") || (s.insertAdjacentHTML(E.prepend, '<picture><source srcset="" type="image/webp"><source srcset="" type="image/jpeg"><img src="" alt></picture>'), T("video", "若啟用 [videoCover] 且選擇 onBox 模式必須於 video-target 內放置 img 結構"));
       const g = s.querySelector("img");
       g.insertAdjacentHTML(E.after, t[o]);
-      const v = (g == null ? void 0 : g.getAttribute("src")) || (g == null ? void 0 : g.getAttribute("data-src"));
-      !v && r == "youtube" ? p ? g.setAttribute("src", `http://img.youtube.com/vi/${a}/maxresdefault.jpg `) : g.setAttribute("src", `https://img.youtube.com/vi/${a}/0.jpg`) : !v && r == "vimeo" ? g.setAttribute("src", `https://vumbnail.com/${a}_large.jpg`) : !v && r == "tiktok" ? fetch(`https://www.tiktok.com/oembed?url=https://www.tiktok.com/@/video/${a}`, { method: "GET", redirect: "follow" }).then((b) => b.json()).then((b) => {
+      const f = (g == null ? void 0 : g.getAttribute("src")) || (g == null ? void 0 : g.getAttribute("data-src"));
+      !f && r == "youtube" ? p == "on" ? g.setAttribute("src", `http://img.youtube.com/vi/${a}/maxresdefault.jpg `) : g.setAttribute("src", `https://img.youtube.com/vi/${a}/0.jpg`) : !f && r == "vimeo" ? g.setAttribute("src", `https://vumbnail.com/${a}_large.jpg`) : !f && r == "tiktok" ? fetch(`https://www.tiktok.com/oembed?url=https://www.tiktok.com/@/video/${a}`, { method: "GET", redirect: "follow" }).then((b) => b.json()).then((b) => {
         const y = b.thumbnail_url;
         g.setAttribute("src", `${y}`);
       }).catch(function(b) {
         console.log("error");
-      }) : v || T("video4", "僅 youtube & vimeo 提供，無圖片時放置預設封面畫面，其他影片平台請自行上傳封面照片"), c == "off" ? m = s : (m = s.querySelector(c) ?? s, s.querySelector(c) || T("video4", `找不到 videoButton 設定的 element -> '${c}', 點擊物件轉移至 '${this.__storage__.el}'`));
+      }) : f || T("video4", "僅 youtube & vimeo 提供，無圖片時放置預設封面畫面，其他影片平台請自行上傳封面照片"), c == "off" ? m = s : (m = s.querySelector(c) ?? s, s.querySelector(c) || T("video4", `找不到 videoButton 設定的 element -> '${c}', 點擊物件轉移至 '${this.__storage__.el}'`));
     } else {
       s.innerHTML = Te(e);
       return;
@@ -1159,14 +1159,21 @@ V = new WeakSet(), Se = function() {
       on: {
         complete(m) {
           if (l == "instagram") {
-            const g = (v) => `${c}`;
-            m.querySelector(".modal-content").insertAdjacentHTML("beforeend", g(t.params)), m.querySelector(".modal-content").setAttribute("video-typeStyle", `${l}`), window.instgrm && window.instgrm.Embeds.process();
+            const g = (f) => `${c}`;
+            if (m.querySelector(".modal-content").insertAdjacentHTML("beforeend", g(t.params)), m.querySelector(".modal-content").setAttribute("video-typeStyle", `${l}`), window.instgrm)
+              window.instgrm.Embeds.process();
+            else {
+              const f = document.createElement("script");
+              f.src = "https://www.instagram.com/embed.js", f.async = !0, document.body.appendChild(f), setTimeout(() => {
+                window.modalScroll.update();
+              }, 10);
+            }
           } else
             m.querySelector(".modal-content").insertAdjacentHTML("beforeend", Te(t.params)), m.querySelector(".modal-content").setAttribute("video-typeStyle", `${l}`);
         },
         open(m) {
           const g = m.querySelectorAll("[data-overlayscrollbars-viewport]");
-          u.update(), window.modalScroll.update(), Ei([...g]);
+          u.update(), Ei([...g]);
         },
         close(m) {
           const g = m.querySelectorAll("[data-overlayscrollbars-viewport]");
@@ -2318,22 +2325,22 @@ It = new WeakSet(), $i = function() {
         const u = this, p = [...e.s.allLi].indexOf(u), m = parseInt(e.getAttribute("d4-default-height"));
         if (u.classList.contains("has-sublayer")) {
           c.stopPropagation();
-          const v = u.querySelector(".sub-dropdown"), b = v.querySelector(".sub-dropdown-list"), y = parseInt(getComputedStyle(b).marginTop) + parseInt(getComputedStyle(b).marginBottom);
-          v.style.cssText = `--height: ${b.offsetHeight + y}px`;
-          const H = parseInt(v.style.cssText.replace("--height:", "").trim()), G = parseInt(getComputedStyle(a).maxHeight), S = () => {
+          const f = u.querySelector(".sub-dropdown"), b = f.querySelector(".sub-dropdown-list"), y = parseInt(getComputedStyle(b).marginTop) + parseInt(getComputedStyle(b).marginBottom);
+          f.style.cssText = `--height: ${b.offsetHeight + y}px`;
+          const H = parseInt(f.style.cssText.replace("--height:", "").trim()), G = parseInt(getComputedStyle(a).maxHeight), S = () => {
             s = m + e.s.subDropdownTotalH, o = s > G ? G : s, e.style.cssText = `--maxHeight: ${o}px;`, e.s.dropdownEl.style.height = `${o}px`;
           };
           u.classList.contains("open") ? (u.classList.remove("open"), e.s.subDropdownTotalH -= H, S()) : (u.classList.add("open"), e.s.subDropdownTotalH += H, S());
           const X = () => {
-            e.__scroller__.update(!0), v.removeEventListener("transitionend", X);
+            e.__scroller__.update(!0), f.removeEventListener("transitionend", X);
           };
-          v.addEventListener("transitionend", X);
+          f.addEventListener("transitionend", X);
         } else
           switch (Os(e), e.s.selectType) {
             case "single":
               if (e.setAttribute("d4-value", u.getAttribute("data-option")), r) {
-                const v = e.s.cityLang, b = l.textContent.trim(), y = document.getElementById(e.getAttribute("dist-select"));
-                y && (y.querySelector(".dropdown-list").textContent = "", x(y, -1), Oe[v][b].forEach((H, G) => {
+                const f = e.s.cityLang, b = l.textContent.trim(), y = document.getElementById(e.getAttribute("dist-select"));
+                y && (y.querySelector(".dropdown-list").textContent = "", x(y, -1), Oe[f][b].forEach((H, G) => {
                   const S = document.createElement("li");
                   S.textContent = H[0], S.setAttribute("data-option", H[0]), y.querySelector(".dropdown-list").append(S);
                 }), e.__events__.selectOption(y));
@@ -2547,22 +2554,22 @@ jt = new WeakSet(), Mi = function() {
         break;
       case "alternate":
         let g = function() {
-          let v = [];
+          let f = [];
           switch (e) {
             case "top":
-              p = Math.abs(t.s.animateEl.scrollHeight - t.clientHeight), m = parseInt(t.s.nowDuration / (p * 2)) * t.s.animateEl.scrollHeight, v = [{ transform: `translate3d(0,${t.clientHeight}px,0)` }, { transform: `translate3d(0,calc(${t.clientHeight}px - 100%),0)` }];
+              p = Math.abs(t.s.animateEl.scrollHeight - t.clientHeight), m = parseInt(t.s.nowDuration / (p * 2)) * t.s.animateEl.scrollHeight, f = [{ transform: `translate3d(0,${t.clientHeight}px,0)` }, { transform: `translate3d(0,calc(${t.clientHeight}px - 100%),0)` }];
               break;
             case "right":
-              p = Math.abs(t.s.animateEl.scrollWidth - t.clientWidth), m = parseInt(t.s.nowDuration / (p * 2)) * t.s.animateEl.scrollWidth, v = [{ transform: "translate3d(-100%,0,0)" }, { transform: "translate3d(0,0,0)" }];
+              p = Math.abs(t.s.animateEl.scrollWidth - t.clientWidth), m = parseInt(t.s.nowDuration / (p * 2)) * t.s.animateEl.scrollWidth, f = [{ transform: "translate3d(-100%,0,0)" }, { transform: "translate3d(0,0,0)" }];
               break;
             case "bottom":
-              p = Math.abs(t.s.animateEl.scrollHeight - t.clientHeight), m = parseInt(o / (p * 2)) * t.s.animateEl.scrollHeight, v = [{ transform: "translate3d(0,-100%,0)" }, { transform: "translate3d(0,0,0)" }];
+              p = Math.abs(t.s.animateEl.scrollHeight - t.clientHeight), m = parseInt(o / (p * 2)) * t.s.animateEl.scrollHeight, f = [{ transform: "translate3d(0,-100%,0)" }, { transform: "translate3d(0,0,0)" }];
               break;
             case "left":
-              p = Math.abs(t.s.animateEl.scrollWidth - t.clientWidth), m = parseInt(o / (p * 2)) * t.s.animateEl.scrollWidth, v = [{ transform: `translate3d(${t.clientWidth}px,0,0)` }, { transform: `translate3d(calc(-100% + ${t.clientWidth}px),0,0)` }];
+              p = Math.abs(t.s.animateEl.scrollWidth - t.clientWidth), m = parseInt(o / (p * 2)) * t.s.animateEl.scrollWidth, f = [{ transform: `translate3d(${t.clientWidth}px,0,0)` }, { transform: `translate3d(calc(-100% + ${t.clientWidth}px),0,0)` }];
               break;
           }
-          return v;
+          return f;
         }, p, m;
         (t.clientHeight > t.s.animateEl.scrollHeight || e === "left" || e === "right") && (t.s.animateEl.style.transform = `${g()[0].transform}`, t.s.animateEl.animate(g(), {
           duration: m,