@xwadex/fesd 0.0.14-re.53 → 0.0.14-re.54

package/dist/image-preview-bundle.js

@@ -9,7 +9,7 @@ var p = (n, i, t) => {
 };
 var d = (n, i, t) => (hs(n, i, "access private method"), t);
 import { OverlayScrollbars as Ce } from "overlayscrollbars";
-import g from "jquery";
+import f from "jquery";
 import "./vendor-bundle.js";
 import "validator";
 import "flatpickr";
@@ -46,7 +46,7 @@ const Y = {
   TEMPLATE() {
     return '<div class="player-container"><div class="player-wrapper"></div></div>';
   }
-}, gs = {
+}, fs = {
   SETTINGS: {
     success: null,
     text: null,
@@ -128,7 +128,7 @@ const Y = {
           </div>
         `;
   }
-}, fs = {
+}, gs = {
   SETTINGS: {
     basic_rwd: 900
   }
@@ -287,14 +287,14 @@ const Y = {
   __proto__: null,
   anchor4: lt,
   aost4: Re,
-  article4: fs,
+  article4: gs,
   collapse4: Ye,
   dropdown4: He,
   marquee4: _,
   modal4: I,
   multipurpose4: $,
   ripple4: Ue,
-  share4: gs,
+  share4: fs,
   tab4: Fe,
   video4: Y
 }, Symbol.toStringTag, { value: "Module" })), w = {
@@ -358,7 +358,7 @@ const Y = {
     return -t * ((n = n / e - 1) * n * n * n - 1) + i;
   }
 }, be = (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", h = c ? "left" : "top", m = c ? "width" : "height", f = b(e) ? T(e) : document.scrollingElement, v = f[u], k = b(t) ? T(t).getBoundingClientRect()[h] : 0 - v, L = b(s) ? T(s).getBoundingClientRect()[m] : 0, C = k - a - L, 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", h = c ? "left" : "top", m = c ? "width" : "height", g = b(e) ? T(e) : document.scrollingElement, v = g[u], k = b(t) ? T(t).getBoundingClientRect()[h] : 0 - v, L = b(s) ? T(s).getBoundingClientRect()[m] : 0, C = k - a - L, G = 15;
   let A = 0;
   if (C === 0)
     return;
@@ -370,7 +370,7 @@ const Y = {
   const Ie = () => {
     A += G;
     const R = ws[r](A, v, C, o);
-    f[u] = R, A < o && requestAnimationFrame(Ie), A >= o && X("afterScroll");
+    g[u] = R, A < o && requestAnimationFrame(Ie), A >= o && X("afterScroll");
   };
   requestAnimationFrame(Ie);
 };
@@ -452,12 +452,12 @@ const { MODALS: H } = window, Ts = (n) => {
     s.append(o);
   }), e.children[0];
 };
-var gt, Ke, ft, ti, vt, ei, bt, ii, yt, si;
+var ft, Ke, gt, ti, vt, ei, bt, ii, yt, si;
 class Ve extends HTMLElement {
   constructor() {
     super();
-    p(this, gt);
     p(this, ft);
+    p(this, gt);
     p(this, vt);
     p(this, bt);
     p(this, yt);
@@ -474,7 +474,7 @@ class Ve extends HTMLElement {
     }
   }
   connectedCallback() {
-    this.initialize || (this.initialize = !0, d(this, gt, Ke).call(this));
+    this.initialize || (this.initialize = !0, d(this, ft, Ke).call(this));
   }
   open() {
     return this.setAttribute(":state", "open"), this;
@@ -486,12 +486,12 @@ class Ve extends HTMLElement {
     return this.setAttribute(":state", "destroy"), this;
   }
 }
-gt = new WeakSet(), Ke = function() {
+ft = new WeakSet(), Ke = function() {
   const { ATTRS: t } = I;
   this.__events__ = {}, this.getAttribute(":state") || this.setAttribute(":state", "close");
   const e = this.getAttribute(t.id) || vs();
-  this.getAttribute(t.id) || (y(`modern-modal needs a ${t.id} attribute with a unique id.`), this.setAttribute(t.id, e)), H[e] && y(`the ${t.id} "${e}" is already be used.`), H[e] = this, d(this, ft, ti).call(this);
-}, ft = new WeakSet(), ti = function() {
+  this.getAttribute(t.id) || (y(`modern-modal needs a ${t.id} attribute with a unique id.`), this.setAttribute(t.id, e)), H[e] && y(`the ${t.id} "${e}" is already be used.`), H[e] = this, d(this, gt, ti).call(this);
+}, gt = new WeakSet(), ti = function() {
   this.childDom = this.childNodes, this.template = Ts(this), this.innerHTML = "", this.append(this.template), d(this, vt, ei).call(this);
 }, vt = new WeakSet(), ei = function() {
   const t = this.querySelector(".modal-scroller");
@@ -667,13 +667,13 @@ customElements.define("modern-modal", Ve);
 const Ls = (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: h, bottom: m } = s.getBoundingClientRect(), f = t * (r / 100), v = t * (l / 100);
-    if (h - e <= f && m - e >= v && s.offsetParent)
+    const { class: o, delay: a, start: r, end: l, repeat: c, instance: u } = s.aost, { top: h, bottom: m } = s.getBoundingClientRect(), g = t * (r / 100), v = t * (l / 100);
+    if (h - e <= g && m - e >= v && s.offsetParent)
       setTimeout(() => {
         s.classList.add(o);
       }, a);
     else {
-      const L = s.classList.contains(o) && c === "down" && h - e >= f || c === "up" && m - e <= v || c === !0;
+      const L = s.classList.contains(o) && c === "down" && h - e >= g || c === "up" && m - e <= v || c === !0;
       setTimeout(() => {
         L && s.classList.remove(o);
       }, a);
@@ -735,7 +735,7 @@ const Ss = (n) => {
     s.append(o);
   }), e.children[0];
 };
-var Lt, ui, At, hi, St, pi, Dt, mi, _t, gi, xt, fi, $t, vi;
+var Lt, ui, At, hi, St, pi, Dt, mi, _t, fi, xt, gi, $t, vi;
 class Ds extends HTMLElement {
   constructor() {
     super();
@@ -806,10 +806,10 @@ Lt = new WeakSet(), ui = function() {
     case "youkuAPI":
       break;
     case "youku":
-      e = d(this, xt, fi).call(this);
+      e = d(this, xt, gi).call(this);
       break;
     case "vimeo":
-      e = d(this, _t, gi).call(this);
+      e = d(this, _t, fi).call(this);
       break;
     case "bilibili":
       e = d(this, $t, vi).call(this);
@@ -819,10 +819,10 @@ Lt = new WeakSet(), ui = function() {
 }, Dt = new WeakSet(), mi = function() {
   const { videoId: t, autoplay: e } = this;
   return `<iframe src="https://www.youtube.com/embed/${t}?rel=0&${e === "on" ? "autoplay=1" : ""}&mute=1&loop=1&enablejsapi=1" frameborder="0" allowfullscreen="0" volumn="0" allow="${e === "on" ? "autoplay;" : ""} encrypted-media; gyroscope; picture-in-picture;"></iframe>`;
-}, _t = new WeakSet(), gi = function() {
+}, _t = new WeakSet(), fi = function() {
   const { videoId: t, autoplay: e, hash: s } = this;
   return `<iframe src="https://player.vimeo.com/video/${t}?h=${s}&${e === "on" ? "autoplay=1" : ""}&loop=1&color=ffffff&title=0&byline=0&portrait=0" frameborder="0" allow="${e === "on" ? "autoplay;" : ""} fullscreen; picture-in-picture" allowfullscreen></iframe><script src="https://player.vimeo.com/api/player.js"><\/script>`;
-}, xt = new WeakSet(), fi = function() {
+}, xt = new WeakSet(), gi = function() {
   const { videoId: t, autoplay: e } = this;
   return `<iframe src="https://player.youku.com/embed/${t}?rel=0&${e === "on" ? "autoplay=1" : ""}" frameborder=0 "allowfullscreen"></iframe>`;
 }, $t = new WeakSet(), vi = function() {
@@ -842,13 +842,13 @@ function yi(n) {
   }), ms(i);
 }
 function un() {
-  g("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"><animateTransform attributeName="transform" type="rotate" dur="1s" repeatCount="indefinite" keyTimes="0;1" values="0 50 51;360 50 51"></animateTransform></path></svg></div></div>'), g(".loading-wrapper").fadeIn(300).promise().done(function() {
+  f("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"><animateTransform attributeName="transform" type="rotate" dur="1s" repeatCount="indefinite" keyTimes="0;1" values="0 50 51;360 50 51"></animateTransform></path></svg></div></div>'), f(".loading-wrapper").fadeIn(300).promise().done(function() {
     bi();
   });
 }
 function hn() {
-  g(".loading-wrapper").fadeOut(300).promise().done(function() {
-    g(".loading-wrapper").remove(), yi();
+  f(".loading-wrapper").fadeOut(300).promise().done(function() {
+    f(".loading-wrapper").remove(), yi();
   });
 }
 function pn(n, i) {
@@ -861,11 +861,11 @@ function _s() {
 }
 function mn(n, i = () => {
 }) {
-  g(`[data-tab-content=${n}]`).fadeIn(function() {
+  f(`[data-tab-content=${n}]`).fadeIn(function() {
     typeof i == "function" && i();
   }).siblings("[data-tab-content]").hide(), _s();
 }
-function gn() {
+function fn() {
   Ce(
     {
       target: document.body,
@@ -890,7 +890,7 @@ function gn() {
     }
   );
 }
-function fn() {
+function gn() {
   window.onpageshow = function(n) {
     n.persisted && window.location.reload();
   };
@@ -902,13 +902,13 @@ function vn() {
   };
 }
 function bn(n, i) {
-  g(n).on("click", function() {
-    g(this).toggleClass(i);
+  f(n).on("click", function() {
+    f(this).toggleClass(i);
   });
 }
 function yn(n, i) {
-  g(n).on("click", function() {
-    g(n).not(this).removeClass(i), g(this).addClass(i);
+  f(n).on("click", function() {
+    f(n).not(this).removeClass(i), f(this).addClass(i);
   });
 }
 function xs(n, i = 250) {
@@ -930,12 +930,12 @@ function wn(n, i = 250) {
   };
 }
 function Tn() {
-  window._g.interval = [], g(".countdown").each((i, t) => {
-    const e = Number(g(t).attr("data-seconds")) + 1;
+  window._g.interval = [], f(".countdown").each((i, t) => {
+    const e = Number(f(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, g(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, f(t).html(a + ":" + r), s = a + ":" + r;
     }, 1e3);
   });
 }
@@ -954,13 +954,13 @@ function Ln() {
   n(), window.addEventListener("resize", xs(n));
 }
 function An(n, i, t, e, s) {
-  const o = this, r = g(n).html().split("<br>");
+  const o = this, r = f(n).html().split("<br>");
   let l = "", c = 0;
   r.forEach((u, h) => {
-    h !== 0 && (l += "<br>"), u.split("").forEach((f, v) => {
-      i ? (v === 0 && (l += '<span class="letter-wrap" style="display: inline-block">'), f === " " ? 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;` : ""}"` : ""}>${f}</span>`, c++), v === u.length - 1 && (l += "</span>")) : f === " " ? 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;` : ""}"` : ""}>${f}</span>`, c++);
+    h !== 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++);
     });
-  }), g(n).html(l);
+  }), f(n).html(l);
 }
 function Sn(n, i) {
   const t = Math.pow(10, i);
@@ -983,7 +983,7 @@ function Dn(n) {
 }
 function _n(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"), g(n.params.navigation.nextEl).hide(), g(n.params.navigation.prevEl).hide(), g(n.params.pagination.el).hide(), n.params.autoplay.enabled = !1, n.autoplay.stop()) : (t.removeClass("swiper-no-swiping"), g(n.params.navigation.nextEl).show(), g(n.params.navigation.prevEl).show(), g(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"), 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());
 }
 function xn(n) {
   n.el.querySelectorAll("img.detect-shade").forEach((i) => {
@@ -993,36 +993,36 @@ function xn(n) {
   });
 }
 function $n(n) {
-  const i = n.el, t = g(i).find(".swiper-slide-active"), e = g(t).find("video").get(0), s = g(i).find(".swiper-slide video");
-  n.autoplay.stop(), g(e).off("ended"), e ? (s.each((o, a) => {
+  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) => {
     a.currentTime = 0;
-  }), g(e).on("ended", function() {
+  }), f(e).on("ended", function() {
     n.slideNext();
   }), e.play()) : n.params.autoplay.enabled && n.autoplay.start();
 }
 function kn() {
-  g(".number-grow").each(function(n, i) {
-    const t = g(i), o = t.attr("data-num").replace(/(\d)(?=(?:\d{3})+$)/g, "$1,").split(""), a = () => {
+  f(".number-grow").each(function(n, i) {
+    const t = f(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;
     };
-    g(o).each(function(r, l) {
+    f(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 Cn() {
-  g(".letter-grow").each(function(n, i) {
-    const t = g(i), s = t.attr("data-letter").split(""), o = () => {
+  f(".letter-grow").each(function(n, i) {
+    const t = f(i), s = t.attr("data-letter").split(""), o = () => {
       let a = "";
       for (let r = 65; r <= 90; r++)
         a += String.fromCharCode(r) + "<br>";
       return a;
     };
-    g(s).each(function(a, r) {
+    f(s).each(function(a, r) {
       const l = `<div class="letter" data-final-letter="${r}"><div><br>${o()}<br>${o()}</div></div>`;
       t.append(l);
     });
@@ -1083,8 +1083,8 @@ V = new WeakSet(), Le = function() {
       i.classList.add("video4-cover"), s.querySelector("img") || (s.insertAdjacentHTML(w.prepend, '<picture><source srcset="" type="image/webp"><source srcset="" type="image/jpeg"><img src="" alt></picture>'), y("video4", "若啟用 [videoCover] 且選擇 onBox 模式必須於 video-target 內放置 img 結構，若無結構則自動加入圖片結構"));
       const m = s.querySelector("img");
       m.insertAdjacentHTML(w.after, t[o]);
-      const f = (m == null ? void 0 : m.getAttribute("src")) || (m == null ? void 0 : m.getAttribute("data-src"));
-      !f && r == "youtube" ? m.setAttribute("src", `https://img.youtube.com/vi/${a}/0.jpg`) : !f && r == "vimeo" ? m.setAttribute("src", `https://vumbnail.com/${a}_large.jpg`) : y("video4", "僅 youtube & vimeo 提供，無圖片時放置預設封面畫面，其他影片平台請自行上傳封面照片");
+      const g = (m == null ? void 0 : m.getAttribute("src")) || (m == null ? void 0 : m.getAttribute("data-src"));
+      !g && r == "youtube" ? m.setAttribute("src", `https://img.youtube.com/vi/${a}/0.jpg`) : !g && r == "vimeo" ? m.setAttribute("src", `https://vumbnail.com/${a}_large.jpg`) : y("video4", "僅 youtube & vimeo 提供，無圖片時放置預設封面畫面，其他影片平台請自行上傳封面照片");
     }
     c == "off" ? h = s : (h = s.querySelector(c) ?? s, s.querySelector(c) || y("video4", `找不到 videoButton 設定的 element -> '${c}' , 點擊物件轉移至 '${this.__storage__.el}'`)), h.video || (h.video = {}, h.video.params = e), h.video.eventHandler = d(this, K, Ae), h.addEventListener("click", h.video.eventHandler);
   } else if (l === "onPage") {
@@ -1093,8 +1093,8 @@ V = new WeakSet(), Le = function() {
       i.classList.add("video4-cover"), s.querySelector("img") || (s.insertAdjacentHTML(w.prepend, '<picture><source srcset="" type="image/webp"><source srcset="" type="image/jpeg"><img src="" alt></picture>'), y("video", "若啟用 [videoCover] 且選擇 onBox 模式必須於 video-target 內放置 img 結構"));
       const m = s.querySelector("img");
       m.insertAdjacentHTML(w.after, t[o]);
-      const f = (m == null ? void 0 : m.getAttribute("src")) || (m == null ? void 0 : m.getAttribute("data-src"));
-      !f && r == "youtube" ? m.setAttribute("src", `https://img.youtube.com/vi/${a}/0.jpg`) : !f && r == "vimeo" ? m.setAttribute("src", `https://vumbnail.com/${a}_large.jpg`) : f || y("video4", "僅 youtube & vimeo 提供，無圖片時放置預設封面畫面，其他影片平台請自行上傳封面照片"), c == "off" ? h = s : (h = s.querySelector(c) ?? s, s.querySelector(c) || y("video4", `找不到 videoButton 設定的 element -> '${c}', 點擊物件轉移至 '${this.__storage__.el}'`));
+      const g = (m == null ? void 0 : m.getAttribute("src")) || (m == null ? void 0 : m.getAttribute("data-src"));
+      !g && r == "youtube" ? m.setAttribute("src", `https://img.youtube.com/vi/${a}/0.jpg`) : !g && r == "vimeo" ? m.setAttribute("src", `https://vumbnail.com/${a}_large.jpg`) : g || y("video4", "僅 youtube & vimeo 提供，無圖片時放置預設封面畫面，其他影片平台請自行上傳封面照片"), c == "off" ? h = s : (h = s.querySelector(c) ?? s, s.querySelector(c) || y("video4", `找不到 videoButton 設定的 element -> '${c}', 點擊物件轉移至 '${this.__storage__.el}'`));
     } else {
       s.innerHTML = ye(e);
       return;
@@ -2254,7 +2254,7 @@ Mt = new WeakSet(), Si = function() {
     const a = e.querySelector(".dropdown-scroller"), r = e.classList.contains("city");
     e.s.allLi = e.querySelectorAll(".dropdown-list li"), e.s.allLi.forEach((l) => {
       l.addEventListener("click", function(c) {
-        var f;
+        var g;
         const u = this, h = [...e.s.allLi].indexOf(u), m = parseInt(e.getAttribute("d4-default-height"));
         if (u.classList.contains("has-sublayer")) {
           c.stopPropagation();
@@ -2278,7 +2278,7 @@ Mt = new WeakSet(), Si = function() {
                   A.textContent = C[0], A.setAttribute("data-option", C[0]), L.querySelector(".dropdown-list").append(A);
                 }), e.__events__.selectOption(L));
               }
-              (f = u.parentNode.closest("li")) != null && f.classList.contains("has-sublayer") && (c.stopPropagation(), e.close());
+              (g = u.parentNode.closest("li")) != null && g.classList.contains("has-sublayer") && (c.stopPropagation(), e.close());
               break;
             case "multiple":
               c.stopPropagation(), u.classList.toggle("active"), x(e, h);
@@ -2486,7 +2486,7 @@ Nt = new WeakSet(), $i = function() {
         }));
         break;
       case "alternate":
-        let f = function() {
+        let g = function() {
           let v = [];
           switch (e) {
             case "top":
@@ -2504,7 +2504,7 @@ Nt = new WeakSet(), $i = function() {
           }
           return v;
         }, h, m;
-        (t.clientHeight > t.s.animateEl.scrollHeight || e === "left" || e === "right") && (t.s.animateEl.style.transform = `${f()[0].transform}`, t.s.animateEl.animate(f(), {
+        (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,
           fill: "forwards"
         }).finished.then(() => {
@@ -2655,9 +2655,9 @@ Wt = new WeakSet(), Mi = function() {
   const c = function(h) {
     if (h.preventDefault(), e = !0, !t)
       return;
-    const f = h.pageX - i.offsetLeft - s;
+    const g = h.pageX - i.offsetLeft - s;
     i.scrollTo({
-      left: o - f
+      left: o - g
     });
   };
   i.removeEventListener("mousemove", c), i.addEventListener("mousemove", c);
@@ -2937,8 +2937,8 @@ Qt = new WeakSet(), Xi = function() {
   }, this.__events__ = {}, this.t.tabs = d(this, it, _e).call(this), this.t.step = document.querySelector(`[t4-control="${this.t.name}"]${this.t.stepOutput}`), d(this, Vt, Ri).call(this);
 }, Vt = new WeakSet(), Ri = function() {
   if (this.t.activeTab = this.t.defaultPage, this.t.display === "swiper" && d(this, Kt, Fi).call(this), this.t.recordUrl) {
-    const e = new URLSearchParams(document.location.search).get(this.t.name), s = document.querySelectorAll(`[t4-name="${this.t.name}"] [t4-id="${e}"]`);
-    console.log(e, s, s.length), e && s.length === 1 ? this.t.activeTab = e : console.warn(`沒有${e}這頁喔！！`);
+    const e = new URLSearchParams(document.location.search).get(this.t.name), s = document.querySelectorAll(`[t4-name="${this.t.name}"] .tab-panel[t4-id="${e}"]`);
+    e && s.length === 1 ? this.t.activeTab = e : console.warn(`沒有${e}這頁喔！！`);
   }
   this.setActiveTab(this.t.activeTab), this.classList.add("t4-initialize"), d(this, ue, ns).call(this);
 }, it = new WeakSet(), _e = function() {
@@ -3174,14 +3174,14 @@ function ls() {
   });
 }
 document.addEventListener("click", ls);
-var ot, ke, me, cs, ge, ds, fe, us;
+var ot, ke, me, cs, fe, ds, ge, us;
 class Fs extends HTMLElement {
   constructor() {
     super();
     p(this, ot);
     p(this, me);
-    p(this, ge);
     p(this, fe);
+    p(this, ge);
     this.initialize = !1;
   }
   connectedCallback() {
@@ -3209,11 +3209,11 @@ ot = new WeakSet(), ke = function() {
   };
   this.s.options = s, this.s.options.hover && this.classList.add("hover-btn"), d(this, me, cs).call(this);
 }, me = new WeakSet(), cs = function() {
-  d(this, ge, ds).call(this), d(this, fe, us).call(this), this.classList.add("r4-initialize");
-}, ge = new WeakSet(), ds = function() {
+  d(this, fe, ds).call(this), d(this, ge, us).call(this), this.classList.add("r4-initialize");
+}, fe = new WeakSet(), ds = function() {
   const t = this, e = document.createElement("i");
   e.classList.add("hover-ball"), e.style.transitionDuration = `${t.s.options.speed}ms`, t.appendChild(e);
-}, fe = new WeakSet(), us = function() {
+}, ge = new WeakSet(), us = function() {
   const t = this.querySelector("i.hover-ball"), e = this;
   e.addEventListener("click", function(a) {
     a.stopPropagation(), e.s.options.click && Rs(a, e);
@@ -3323,8 +3323,8 @@ function Js(n, i, t, e) {
       l < c ? (u = e / l * 100, h = s.height) : l > c ? (u = s.width, h = t * l / 100) : l === c && (u = s.width, h = s.height);
       break;
   }
-  const m = (s.width - u) * 0.5, f = (s.height - h) * 0.5;
-  return o.drawImage(i, m, f, u, h), s;
+  const m = (s.width - u) * 0.5, g = (s.height - h) * 0.5;
+  return o.drawImage(i, m, g, u, h), s;
 }
 function Zs(n, i) {
   return new Promise((t, e) => {
@@ -3436,7 +3436,7 @@ export {
   b as a,
   rt as b,
   vs as c,
-  fs as d,
+  gs as d,
   Y as e,
   w as f,
   E as g,
@@ -3451,13 +3451,13 @@ export {
   bi as p,
   yi as q,
   un as r,
-  gs as s,
+  fs as s,
   hn as t,
   pn as u,
   ks as v,
   _s as w,
   mn as x,
-  gn as y,
-  fn as z
+  fn as y,
+  gn as z
 };
 //# sourceMappingURL=image-preview-bundle.js.map