@xwadex/fesd 0.0.61 → 0.0.63

package/dist/image-preview-bundle.js

@@ -1,15 +1,15 @@
-var Ms = Object.defineProperty;
-var Is = (n, i, t) => i in n ? Ms(n, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[i] = t;
-var Ke = (n, i, t) => (Is(n, typeof i != "symbol" ? i + "" : i, t), t), qs = (n, i, t) => {
+var Is = Object.defineProperty;
+var qs = (n, i, t) => i in n ? Is(n, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[i] = t;
+var Ke = (n, i, t) => (qs(n, typeof i != "symbol" ? i + "" : i, t), t), Ms = (n, i, t) => {
   if (!i.has(n))
     throw TypeError("Cannot " + t);
 };
-var h = (n, i, t) => {
+var p = (n, i, t) => {
   if (i.has(n))
     throw TypeError("Cannot add the same private member more than once");
   i instanceof WeakSet ? i.add(n) : i.set(n, t);
 };
-var d = (n, i, t) => (qs(n, i, "access private method"), t);
+var d = (n, i, t) => (Ms(n, i, "access private method"), t);
 import f from "jquery";
 import { OverlayScrollbars as Fe } from "overlayscrollbars";
 import "./vendor-bundle.js";
@@ -116,7 +116,7 @@ const xe = {
         </div>
         `;
   }
-}, M = {
+}, I = {
   SETTINGS: {
     direction: "left",
     // 方向 - top || right || bottom || left
@@ -213,7 +213,7 @@ const xe = {
     beforeScroll: null,
     afterScroll: null
   }
-}, q = {
+}, M = {
   SETTINGS: {
     type: "drag",
     drag: {
@@ -308,7 +308,7 @@ const xe = {
     update: null,
     afterUpdate: null
   }
-}, hi = {
+}, pi = {
   SETTINGS: {
     // 是否要加 hover 效果?
     hover: !0,
@@ -323,21 +323,21 @@ const xe = {
     // hover 毫秒 ?
     speed: 600
   }
-}, Mn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, In = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   anchor4: bt,
   aost4: ci,
   article4: js,
   collapse4: ui,
   dropdown4: Je,
-  marquee4: M,
+  marquee4: I,
   modal4: j,
-  multipurpose4: q,
-  ripple4: hi,
+  multipurpose4: M,
+  ripple4: pi,
   share4: Ns,
   tab4: di,
   video4: xe
-}, Symbol.toStringTag, { value: "Module" })), L = {
+}, Symbol.toStringTag, { value: "Module" })), S = {
   before: "beforebegin",
   after: "afterend",
   append: "beforeend",
@@ -398,28 +398,28 @@ const xe = {
     return -t * ((n = n / e - 1) * n * n * n - 1) + i;
   }
 }, Ce = (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", g = c ? "width" : "height", m = A(e) ? _(e) : document.scrollingElement, v = m[u], w = A(t) ? _(t).getBoundingClientRect()[p] : 0 - v, b = A(s) ? _(s).getBoundingClientRect()[g] : 0, T = w - a - b, C = 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", g = c ? "width" : "height", m = A(e) ? _(e) : document.scrollingElement, v = m[u], w = A(t) ? _(t).getBoundingClientRect()[h] : 0 - v, b = A(s) ? _(s).getBoundingClientRect()[g] : 0, T = w - a - b, C = 15;
   let y = 0;
   if (T === 0)
     return;
-  const S = (k) => {
+  const L = (k) => {
     const F = _(t);
     i && i.emit(k, F), !i && n.on && G(n.on[k]) && n.on[k](F);
   };
-  S("beforeScroll");
+  L("beforeScroll");
   const O = () => {
     y += C;
     const k = Gs[r](y, v, T, o);
-    m[u] = k, y < o && requestAnimationFrame(O), y >= o && S("afterScroll");
+    m[u] = k, y < o && requestAnimationFrame(O), y >= o && L("afterScroll");
   };
   requestAnimationFrame(O);
 };
 var tt, He, Et, mi, At, gi;
-class pi {
+class hi {
   constructor(i, t = {}) {
-    h(this, tt);
-    h(this, Et);
-    h(this, At);
+    p(this, tt);
+    p(this, Et);
+    p(this, At);
     this.__storage__ = {
       el: i,
       options: t
@@ -482,7 +482,7 @@ tt = new WeakSet(), He = function() {
     Ce(s, e);
   }, s.delay);
 };
-Object.assign(pi.prototype, z);
+Object.assign(hi.prototype, z);
 window.MODALS || (window.MODALS = {});
 const { MODALS: P } = window, Rs = (n) => {
   const { TEMPLATE: i } = j, { childDom: t } = n, e = document.createElement("div");
@@ -492,15 +492,15 @@ const { MODALS: P } = window, Rs = (n) => {
     s.append(o);
   }), e.children[0];
 };
-var Lt, vi, St, bi, _t, yi, Dt, wi, kt, Ti;
+var St, vi, Lt, bi, _t, yi, Dt, wi, kt, Ti;
 class fi extends HTMLElement {
   constructor() {
     super();
-    h(this, Lt);
-    h(this, St);
-    h(this, _t);
-    h(this, Dt);
-    h(this, kt);
+    p(this, St);
+    p(this, Lt);
+    p(this, _t);
+    p(this, Dt);
+    p(this, kt);
     this.initialize = !1;
   }
   static get observedAttributes() {
@@ -514,7 +514,7 @@ class fi extends HTMLElement {
     }
   }
   connectedCallback() {
-    this.initialize || (this.initialize = !0, d(this, Lt, vi).call(this));
+    this.initialize || (this.initialize = !0, d(this, St, vi).call(this));
   }
   open() {
     return this.setAttribute(":state", "open"), this;
@@ -526,12 +526,12 @@ class fi extends HTMLElement {
     return this.setAttribute(":state", "destroy"), this;
   }
 }
-Lt = new WeakSet(), vi = function() {
+St = new WeakSet(), vi = function() {
   const { ATTRS: t } = j;
   this.__events__ = {}, this.getAttribute(":state") || this.setAttribute(":state", "close");
   const e = this.getAttribute(t.id) || zs();
-  this.getAttribute(t.id) || (E(`modern-modal needs a ${t.id} attribute with a unique id.`), this.setAttribute(t.id, e)), P[e] && E(`the ${t.id} "${e}" is already be used.`), P[e] = this, d(this, St, bi).call(this);
-}, St = new WeakSet(), bi = function() {
+  this.getAttribute(t.id) || (E(`modern-modal needs a ${t.id} attribute with a unique id.`), this.setAttribute(t.id, e)), P[e] && E(`the ${t.id} "${e}" is already be used.`), P[e] = this, d(this, Lt, bi).call(this);
+}, Lt = new WeakSet(), bi = function() {
   this.childDom = this.childNodes, this.template = Rs(this), this.innerHTML = "", this.append(this.template), d(this, _t, yi).call(this);
 }, _t = new WeakSet(), yi = function() {
   const t = this.querySelector(".modal-scroller");
@@ -598,8 +598,8 @@ const { MODALS: Ze } = window, ft = {}, Ei = (n, i, ...t) => {
   n && G(n) && n.apply(V, i);
 }, ti = (n, i) => {
   const { target: t } = n, e = Ze[t] || _(n.target);
-  e && Li(n, i), e || Xs(n, i);
-}, Li = (n, i) => {
+  e && Si(n, i), e || Xs(n, i);
+}, Si = (n, i) => {
   const { target: t, action: e, on: s, e: o } = n, a = Ze[t] || _(n.target);
   switch (["open", "close", "destroy"].forEach((l) => {
     a.once(l, () => {
@@ -632,22 +632,22 @@ const { MODALS: Ze } = window, ft = {}, Ei = (n, i, ...t) => {
     [...c].forEach((g) => {
       u.append(g);
     });
-    const p = Ze[t] || _(n.target);
-    r("complete", p), Li(n, i), delete ft[t];
+    const h = Ze[t] || _(n.target);
+    r("complete", h), Si(n, i), delete ft[t];
   }).catch((l) => {
     r("error", l), delete ft[t];
   }));
 };
-var et, Me, xt, Si, $t, _i;
+var et, Ie, xt, Li, $t, _i;
 const B = class B {
   constructor(i, t = {}) {
-    h(this, et);
-    h(this, xt);
-    h(this, $t);
+    p(this, et);
+    p(this, xt);
+    p(this, $t);
     this.__storage__ = {
       el: i,
       options: t
-    }, this.active = "data-modal-active", d(this, et, Me).call(this);
+    }, this.active = "data-modal-active", d(this, et, Ie).call(this);
   }
   destroy() {
     const { elements: i } = this;
@@ -657,7 +657,7 @@ const B = class B {
   }
   update() {
     var i;
-    return d(i = this.destroy(), et, Me).call(i), this.emit("update"), this;
+    return d(i = this.destroy(), et, Ie).call(i), this.emit("update"), this;
   }
   /** static method 'open' */
   static open(i) {
@@ -673,7 +673,7 @@ const B = class B {
     Object.assign(B.prototype, B.prototype.__methods__);
   }
 };
-et = new WeakSet(), Me = function() {
+et = new WeakSet(), Ie = function() {
   const { el: i, options: t } = this.__storage__;
   if (!mt(i) || !A(i))
     return;
@@ -681,8 +681,8 @@ et = new WeakSet(), Me = function() {
   if (this.elements = t.state == "not active" ? D(i + `:not([${this.active}])`) : D(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
     for (const [o, a] of Object.entries(this.options.on))
       this.__events__[o] = [a];
-  d(this, xt, Si).call(this);
-}, xt = new WeakSet(), Si = function() {
+  d(this, xt, Li).call(this);
+}, xt = new WeakSet(), Li = function() {
   const { elements: i, options: t } = this;
   i.forEach((e) => {
     e.modal = {}, e.modal.instance = this, e.modal.eventHandler = d(this, $t, _i), e.modal.defaultOptions = t, e.modal.methods = {}, e.modal.methods.destroy = this.destroy, e.modal.methods.update = this.update, e.addEventListener("click", e.modal.eventHandler), e.setAttribute(this.active, "");
@@ -708,28 +708,28 @@ customElements.define("modern-modal", fi);
 const Us = (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: g } = s.getBoundingClientRect(), m = t * (r / 100), v = t * (l / 100);
-    if (p - e <= m && g - e >= v && s.offsetParent)
+    const { class: o, delay: a, start: r, end: l, repeat: c, instance: u } = s.aost, { top: h, bottom: g } = s.getBoundingClientRect(), m = t * (r / 100), v = t * (l / 100);
+    if (h - e <= m && g - e >= v && s.offsetParent)
       setTimeout(() => {
         s.classList.add(o);
       }, a);
     else {
-      const b = s.classList.contains(o) && c === "down" && p - e >= m || c === "up" && g - e <= v || c === !0;
+      const b = s.classList.contains(o) && c === "down" && h - e >= m || c === "up" && g - e <= v || c === !0;
       setTimeout(() => {
         b && s.classList.remove(o);
       }, a);
     }
   });
 }, Ys = (n, i) => n === "up" || n === "down" ? n : n !== null ? n === "true" ? !0 : n === "false" ? !1 : i.repeat : i.repeat;
-var it, Ie, Ct, ki;
+var it, qe, Ct, ki;
 class Di {
   constructor(i, t = {}) {
-    h(this, it);
-    h(this, Ct);
+    p(this, it);
+    p(this, Ct);
     this.__storage__ = {
       el: i,
       options: t
-    }, this.active = "data-aost-active", d(this, it, Ie).call(this);
+    }, this.active = "data-aost-active", d(this, it, qe).call(this);
   }
   destroy(i) {
     const { elements: t, options: e } = this;
@@ -745,10 +745,10 @@ class Di {
   }
   update(i) {
     var t;
-    d(t = this.destroy(i), it, Ie).call(t);
+    d(t = this.destroy(i), it, qe).call(t);
   }
 }
-it = new WeakSet(), Ie = function() {
+it = new WeakSet(), qe = function() {
   const { el: i, options: t } = this.__storage__;
   if (!mt(i) || !A(i))
     return;
@@ -776,26 +776,26 @@ const Fs = (n) => {
     s.append(o);
   }), e.children[0];
 };
-var Ht, xi, Mt, $i, It, Ci, qt, Hi, Ot, Mi, Pt, Ii, Nt, qi, jt, Oi, zt, Pi, Bt, Ni;
+var Ht, xi, It, $i, qt, Ci, Mt, Hi, Ot, Ii, Pt, qi, Nt, Mi, jt, Oi, zt, Pi, Bt, Ni;
 class Js extends HTMLElement {
   constructor() {
     super();
-    h(this, Ht);
-    h(this, Mt);
-    h(this, It);
+    p(this, Ht);
+    p(this, It);
+    p(this, qt);
     // youtube iframe
-    h(this, qt);
+    p(this, Mt);
     // vimeo iframe
-    h(this, Ot);
+    p(this, Ot);
     // youku iframe
-    h(this, Pt);
-    h(this, Nt);
+    p(this, Pt);
+    p(this, Nt);
     // 2025.02.11 新增 ig 
-    h(this, jt);
+    p(this, jt);
     // 2025.02.11 新增 tiktok 
-    h(this, zt);
+    p(this, zt);
     // 2026.01.15 新增 video 
-    h(this, Bt);
+    p(this, Bt);
     d(this, Ht, xi).call(this);
   }
   play() {
@@ -838,10 +838,10 @@ Ht = new WeakSet(), xi = function() {
     E("videoPlayer", "video-render needs a ['video-id'] attribute to creat player.");
     return;
   }
-  this.videoId = this.getAttribute("video-id"), this.videoType = this.getAttribute("video-type"), this.videoMode = this.getAttribute("video-mode"), this.autoplay = this.getAttribute("video-autoplay"), this.startTime = this.getAttribute("video-starttime"), this.videoInboxImg = this.getAttribute("video-inbox-img"), d(this, Mt, $i).call(this);
-}, Mt = new WeakSet(), $i = function() {
-  this.childDom = this.childNodes, this.template = Fs(this), this.innerHTML = "", this.append(this.template), d(this, It, Ci).call(this);
-}, It = new WeakSet(), Ci = function() {
+  this.videoId = this.getAttribute("video-id"), this.videoType = this.getAttribute("video-type"), this.videoMode = this.getAttribute("video-mode"), this.autoplay = this.getAttribute("video-autoplay"), this.startTime = this.getAttribute("video-starttime"), this.videoInboxImg = this.getAttribute("video-inbox-img"), d(this, It, $i).call(this);
+}, It = new WeakSet(), $i = function() {
+  this.childDom = this.childNodes, this.template = Fs(this), this.innerHTML = "", this.append(this.template), d(this, qt, Ci).call(this);
+}, qt = new WeakSet(), Ci = function() {
   const { videoType: t, videoMode: e } = this, { COOKIEDISAGREELAYOUT: s } = xe;
   let o = "";
   function a(r) {
@@ -851,18 +851,18 @@ Ht = new WeakSet(), xi = function() {
     case "youtubeAPI":
       break;
     case "youtube":
-      document.body.wd_youtube == !1 ? a("video-player") : o = d(this, qt, Hi).call(this);
+      document.body.wd_youtube == !1 ? a("video-player") : o = d(this, Mt, Hi).call(this);
       break;
     case "youkuAPI":
       break;
     case "youku":
-      document.body.wd_youku == !1 ? a("video-player") : o = d(this, Pt, Ii).call(this);
+      document.body.wd_youku == !1 ? a("video-player") : o = d(this, Pt, qi).call(this);
       break;
     case "vimeo":
-      document.body.wd_vimeo == !1 ? a("video-player") : o = d(this, Ot, Mi).call(this);
+      document.body.wd_vimeo == !1 ? a("video-player") : o = d(this, Ot, Ii).call(this);
       break;
     case "bilibili":
-      document.body.wd_bilibili == !1 ? a("video-player") : o = d(this, Nt, qi).call(this);
+      document.body.wd_bilibili == !1 ? a("video-player") : o = d(this, Nt, Mi).call(this);
       break;
     case "instagram":
       document.body.wd_instagram == !1 ? a(".instagram-media") : o = d(this, jt, Oi).call(this);
@@ -876,17 +876,17 @@ Ht = new WeakSet(), xi = function() {
       o = d(this, Bt, Ni).call(this);
       break;
   }
-  this.querySelector(".player-wrapper").insertAdjacentHTML(L.prepend, o);
-}, qt = new WeakSet(), Hi = function() {
+  this.querySelector(".player-wrapper").insertAdjacentHTML(S.prepend, o);
+}, Mt = new WeakSet(), Hi = function() {
   const { videoId: t, autoplay: e, startTime: s } = this;
   return `<iframe src="https://www.youtube.com/embed/${t}?rel=0&${e === "on" ? "autoplay=1" : ""}&start=${s}&mute=1&loop=1&enablejsapi=1" frameborder="0" allowfullscreen="0" volumn="0" allow="${e === "on" ? "autoplay;" : ""} encrypted-media; gyroscope; picture-in-picture;"></iframe>`;
-}, Ot = new WeakSet(), Mi = function() {
+}, Ot = new WeakSet(), Ii = 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>`;
-}, Pt = new WeakSet(), Ii = function() {
+}, Pt = new WeakSet(), qi = 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>`;
-}, Nt = new WeakSet(), qi = function() {
+}, Nt = new WeakSet(), Mi = function() {
   const { videoId: t, autoplay: e } = this;
   return `<iframe src="//player.bilibili.com/player.html?bvid=${t}&page=1&as_wide=1&high_quality=1&danmaku=0" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>`;
 }, jt = new WeakSet(), Oi = function() {
@@ -908,15 +908,14 @@ function ji(n) {
 }
 function zi(n) {
   const i = ji(n);
-  Q += 1, Q === 1 && (document.documentElement.classList.add("scrollLock"), Os(i));
+  Q += 1, Q === 1 && document.documentElement.classList.add("scrollLock"), Os(i);
 }
 function Bi(n) {
-  if (Q = Math.max(0, Q - 1), Q === 0) {
-    const i = ji(n);
-    Ps(i), document.documentElement.classList.remove("scrollLock");
-  }
+  Q = Math.max(0, Q - 1);
+  const i = ji(n);
+  Ps(i), Q === 0 && document.documentElement.classList.remove("scrollLock");
 }
-async function In(n = 0) {
+async function qn(n = 0) {
   if (f(".loading-wrapper").length)
     return;
   f("body").append(`
@@ -933,16 +932,16 @@ async function In(n = 0) {
     zi();
   });
 }
-function qn() {
+function Mn() {
   f(".loading-wrapper").fadeOut(300).promise().done(function() {
     f(".loading-wrapper").remove(), Bi();
   });
 }
 function On(n, i) {
-  new Ln(n, i);
+  new Sn(n, i);
 }
 function Zs() {
-  const n = document.querySelector("[data-aost]") && new Di("[data-aost]"), i = document.querySelector("[data-anchor-target]") && new pi("[data-anchor-target]"), t = new li({ callback_loaded: () => {
+  const n = document.querySelector("[data-aost]") && new Di("[data-aost]"), i = document.querySelector("[data-anchor-target]") && new hi("[data-anchor-target]"), t = new li({ callback_loaded: () => {
   } }), e = new vn();
   n == null || n.update(), t.update(), e.reValidate(), i == null || i.update();
 }
@@ -1046,8 +1045,8 @@ function Yn() {
 function Fn(n, i, t, e, s) {
   const o = this, r = f(n).html().split("<br>");
   let l = "", c = 0;
-  r.forEach((u, p) => {
-    p !== 0 && (l += "<br>"), u.split("").forEach((m, v) => {
+  r.forEach((u, h) => {
+    h !== 0 && (l += "<br>"), u.split("").forEach((m, v) => {
       i ? (v === 0 && (l += '<span class="letter-wrap" style="display: inline-block">'), m === " " ? 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;` : ""}"` : ""}>${m}</span>`, c++), v === u.length - 1 && (l += "</span>")) : m === " " ? 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;` : ""}"` : ""}>${m}</span>`, c++);
     });
   }), f(n).html(l);
@@ -1137,13 +1136,13 @@ var st, Oe, Wt, Wi, nt, Pe, ot, Ne, Gt, Gi, at, je, Rt, Ri;
 const X = class X {
   //*-* 給Article4用的 **//
   constructor(i, t = {}) {
-    h(this, st);
-    h(this, Wt);
-    h(this, nt);
-    h(this, ot);
-    h(this, Gt);
-    h(this, at);
-    h(this, Rt);
+    p(this, st);
+    p(this, Wt);
+    p(this, nt);
+    p(this, ot);
+    p(this, Gt);
+    p(this, at);
+    p(this, Rt);
     if (!mt(i) && !$e(i) && !gt(i)) {
       Ve("video4", `找不到該物件 -> ${i}`);
       return;
@@ -1201,16 +1200,16 @@ st = new WeakSet(), Oe = function() {
     });
   }
 }, Gt = new WeakSet(), Gi = function(i) {
-  const { LAYOUT: t } = this.options, e = i.video.params, { $selector: s, videoLayoutNo: o, videoId: a, videoType: r, videoMode: l, videoButton: c, videoCover: u, videoHighQualityPic: p } = e;
+  const { LAYOUT: t } = this.options, e = i.video.params, { $selector: s, videoLayoutNo: o, videoId: a, videoType: r, videoMode: l, videoButton: c, videoCover: u, videoHighQualityPic: h } = e;
   if (l === "onBox" || l === "inBox") {
     let g = null;
     if (u === "on") {
-      i.classList.add("video4-cover"), s.querySelector("img") || (s.insertAdjacentHTML(L.prepend, '<picture><source srcset="" type="image/webp"><source srcset="" type="image/jpeg"><img src="" alt></picture>'), E("video4", "若啟用 [videoCover] 且選擇 onBox 模式必須於 video-target 內放置 img 結構，若無結構則自動加入圖片結構"));
+      i.classList.add("video4-cover"), s.querySelector("img") || (s.insertAdjacentHTML(S.prepend, '<picture><source srcset="" type="image/webp"><source srcset="" type="image/jpeg"><img src="" alt></picture>'), E("video4", "若啟用 [videoCover] 且選擇 onBox 模式必須於 video-target 內放置 img 結構，若無結構則自動加入圖片結構"));
       const m = s.querySelector("img"), v = (m == null ? void 0 : m.getAttribute("src")) || (m == null ? void 0 : m.getAttribute("data-src")), w = t[o] ? t[o] : t[0] || "";
-      if (w ? m.insertAdjacentHTML(L.after, w) : E("video4", `找不到對應的 LAYOUT 設定 (No: ${o})，且無預設樣式。`), !v)
+      if (w ? m.insertAdjacentHTML(S.after, w) : E("video4", `找不到對應的 LAYOUT 設定 (No: ${o})，且無預設樣式。`), !v)
         d(this, ot, Ne).call(this, m, e);
       else if (!v && r == "youtube")
-        p == "on" ? m.setAttribute("src", `https://img.youtube.com/vi/${a}/maxresdefault.jpg `) : m.setAttribute("src", `https://img.youtube.com/vi/${a}/0.jpg`);
+        h == "on" ? m.setAttribute("src", `https://img.youtube.com/vi/${a}/maxresdefault.jpg `) : m.setAttribute("src", `https://img.youtube.com/vi/${a}/0.jpg`);
       else if (!v && r == "vimeo")
         m.setAttribute("src", `https://vumbnail.com/${a}_large.jpg`);
       else if (!v && r === "video") {
@@ -1233,11 +1232,11 @@ st = new WeakSet(), Oe = function() {
   } else if (l === "onPage") {
     let g = null;
     if (u == "on") {
-      i.classList.add("video4-cover"), s.querySelector("img") || (s.insertAdjacentHTML(L.prepend, '<picture><source srcset="" type="image/webp"><source srcset="" type="image/jpeg"><img src="" alt></picture>'), E("video", "若啟用 [videoCover] 且選擇 onBox 模式必須於 video-target 內放置 img 結構"));
+      i.classList.add("video4-cover"), s.querySelector("img") || (s.insertAdjacentHTML(S.prepend, '<picture><source srcset="" type="image/webp"><source srcset="" type="image/jpeg"><img src="" alt></picture>'), E("video", "若啟用 [videoCover] 且選擇 onBox 模式必須於 video-target 內放置 img 結構"));
       const m = s.querySelector("img");
-      m.insertAdjacentHTML(L.after, t[o]);
+      m.insertAdjacentHTML(S.after, t[o]);
       const v = (m == null ? void 0 : m.getAttribute("src")) || (m == null ? void 0 : m.getAttribute("data-src"));
-      v ? !v && r == "youtube" ? p == "on" ? m.setAttribute("src", `http://img.youtube.com/vi/${a}/maxresdefault.jpg `) : m.setAttribute("src", `https://img.youtube.com/vi/${a}/0.jpg`) : !v && r == "vimeo" ? m.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((w) => w.json()).then((w) => {
+      v ? !v && r == "youtube" ? h == "on" ? m.setAttribute("src", `http://img.youtube.com/vi/${a}/maxresdefault.jpg `) : m.setAttribute("src", `https://img.youtube.com/vi/${a}/0.jpg`) : !v && r == "vimeo" ? m.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((w) => w.json()).then((w) => {
         const b = w.thumbnail_url;
         m.setAttribute("src", `${b}`);
       }).catch(function(w) {
@@ -1258,7 +1257,7 @@ st = new WeakSet(), Oe = function() {
     videoId: l,
     videoTargetRoute: c,
     videoType: u,
-    videoIgHtml: p,
+    videoIgHtml: h,
     videoInboxImg: g,
     videoButton: m,
     videoLayoutNo: v,
@@ -1275,13 +1274,13 @@ st = new WeakSet(), Oe = function() {
       route: c + `?${T.toString()}`,
       on: {
         complete(y) {
-          var S, O;
-          o == "onBox" && (u == "instagram" ? (y.setAttribute("video-typeStyle", `${u}`), (S = window.instgrm) != null && S.Embeds ? (y.querySelector(".modal-content").insertAdjacentHTML("beforeend", ii(t.params)), window.instgrm.Embeds.process()) : console.log("window.instgrm is undefined")) : (y.querySelector(".modal-content").insertAdjacentHTML("beforeend", vt(t.params)), y.setAttribute("video-typeStyle", `${u}`))), o == "inBox" && (y.setAttribute("video-typeStyle", `${u}`), u == "instagram" && ((O = window.instgrm) != null && O.Embeds ? (y.querySelector(".modal-content").insertAdjacentHTML("beforeend", ii(t.params)), window.instgrm.Embeds.process()) : console.log("window.instgrm is undefined")));
+          var L, O;
+          o == "onBox" && (u == "instagram" ? (y.setAttribute("video-typeStyle", `${u}`), (L = window.instgrm) != null && L.Embeds ? (y.querySelector(".modal-content").insertAdjacentHTML("beforeend", ii(t.params)), window.instgrm.Embeds.process()) : console.log("window.instgrm is undefined")) : (y.querySelector(".modal-content").insertAdjacentHTML("beforeend", vt(t.params)), y.setAttribute("video-typeStyle", `${u}`))), o == "inBox" && (y.setAttribute("video-typeStyle", `${u}`), u == "instagram" && ((O = window.instgrm) != null && O.Embeds ? (y.querySelector(".modal-content").insertAdjacentHTML("beforeend", ii(t.params)), window.instgrm.Embeds.process()) : console.log("window.instgrm is undefined")));
         },
         open(y) {
           var O;
-          const S = y.querySelectorAll("[data-overlayscrollbars-viewport]");
-          if (b.update(), zi([...S]), u == "instagram") {
+          const L = y.querySelectorAll("[data-overlayscrollbars-viewport]");
+          if (b.update(), zi([...L]), u == "instagram") {
             const k = document.querySelector("[video-template] .modal-content");
             new ResizeObserver((J) => {
               J[0].contentRect.height > 50 && k.classList.add("active");
@@ -1316,7 +1315,7 @@ st = new WeakSet(), Oe = function() {
                       />
                       <img src="${J || ""}" alt="" />
                     </picture>
-                  </div>`, F.insertAdjacentHTML(L.prepend, k);
+                  </div>`, F.insertAdjacentHTML(S.prepend, k);
                 const Qe = y.querySelectorAll("[video-target]");
                 Qe.length > 0 && new X(Qe, {
                   LAYOUT: t.params.LAYOUT,
@@ -1327,8 +1326,8 @@ st = new WeakSet(), Oe = function() {
           e == null || e.emit("openModal");
         },
         close(y) {
-          const S = y.querySelectorAll("[data-overlayscrollbars-viewport]");
-          Bi([...S]), e == null || e.emit("closeModal");
+          const L = y.querySelectorAll("[data-overlayscrollbars-viewport]");
+          Bi([...L]), e == null || e.emit("closeModal");
         },
         destroy(y) {
         }
@@ -1366,8 +1365,8 @@ st = new WeakSet(), Oe = function() {
     LAYOUT: t.LAYOUT || []
   };
 }, Ke(X, "globalOptions", {});
-let qe = X;
-Object.assign(qe.prototype, z);
+let Me = X;
+Object.assign(Me.prototype, z);
 customElements.define("video-player", Js);
 const Vs = {
   "zh-tw": {
@@ -2210,8 +2209,8 @@ const tn = (n) => {
   );
   const l = e.querySelector(".dropdown-list");
   return [...t].forEach((c) => {
-    c.tagName === "LI" && (c.classList.contains("has-sublayer") ? [...c.querySelectorAll("li")].forEach((p) => {
-      (!p.hasAttribute("data-option") || p.getAttribute("data-option").trim() === "") && p.setAttribute("data-option", p.textContent.trim());
+    c.tagName === "LI" && (c.classList.contains("has-sublayer") ? [...c.querySelectorAll("li")].forEach((h) => {
+      (!h.hasAttribute("data-option") || h.getAttribute("data-option").trim() === "") && h.setAttribute("data-option", h.textContent.trim());
     }) : (!c.hasAttribute("data-option") || c.getAttribute("data-option").trim() === "") && c.setAttribute("data-option", c.textContent.trim())), l.append(c);
   }), e.children[0];
 }, en = (n) => {
@@ -2219,9 +2218,9 @@ const tn = (n) => {
   const i = (t = n.getAttribute("control-elements")) == null ? void 0 : t.split(",");
   i && i.forEach((e) => {
     const s = document.querySelector(e);
-    s || E("dropdown", `Can't not find control element(${e})`), s && s.classList.contains("disabled") && (s.classList.remove("disabled"), s.tagName === "DROPDOWN-EL" && s.s.activeLi && I(s, [...s.s.allLi].indexOf(s.s.activeLi)));
+    s || E("dropdown", `Can't not find control element(${e})`), s && s.classList.contains("disabled") && (s.classList.remove("disabled"), s.tagName === "DROPDOWN-EL" && s.s.activeLi && q(s, [...s.s.allLi].indexOf(s.s.activeLi)));
   });
-}, I = (n, i) => {
+}, q = (n, i) => {
   const t = n.getAttribute("d4-placeholder"), e = n.s.dropdownEl.querySelectorAll(".dropdown-list li");
   if (i < 0 || i.length === 0) {
     switch (e.forEach((s) => {
@@ -2262,7 +2261,7 @@ const tn = (n) => {
         const o = n.s.dropdownEl.querySelectorAll(".dropdown-list li.active");
         o.length <= 0 ? n.s.selectDisplayEl.textContent = t.trim() : (n.s.selectDisplayEl.textContent = "", o.forEach((r) => {
           const l = r.getAttribute("data-option"), c = r.textContent.trim(), u = `<div class="option-btn" data-option="${l}"><div class="text">${c}</div><div class="remove-icon"></div></div>`;
-          n.s.selectDisplayEl.insertAdjacentHTML(L.append, u);
+          n.s.selectDisplayEl.insertAdjacentHTML(S.append, u);
         })), n.s.activeLi = o, n.s.value = [...o].map((r) => ({
           index: [...e].indexOf(r),
           id: r.getAttribute("data-option"),
@@ -2305,12 +2304,12 @@ var Xt, Ui, Ut, Yi, rt, Be, Yt, Fi, Ft, Ji;
 class Xi extends HTMLElement {
   constructor() {
     super();
-    h(this, Xt);
-    h(this, Ut);
+    p(this, Xt);
+    p(this, Ut);
     // -** 獨立 dropdown 出 body 更新
-    h(this, rt);
-    h(this, Yt);
-    h(this, Ft);
+    p(this, rt);
+    p(this, Yt);
+    p(this, Ft);
     this.initialize = !1;
   }
   static get observedAttributes() {
@@ -2331,26 +2330,26 @@ class Xi extends HTMLElement {
           switch (o.hasAttribute("multiple") ? "multiple" : "single") {
             case "single":
               const r = o.s.dropdownEl.querySelector(`.dropdown-list li[data-option="${s}"]`);
-              A(r) ? I(o, [...o.s.allLi].indexOf(r)) : I(o, -1);
+              A(r) ? q(o, [...o.s.allLi].indexOf(r)) : q(o, -1);
               break;
             case "multiple":
               const l = [];
               o.s.dropdownEl.querySelector(".dropdown-list li").classList.remove("active"), s.split(",").forEach((u) => {
-                const p = o.s.dropdownEl.querySelector(`.dropdown-list li[data-option="${u}"]`);
-                A(p) && (p.classList.add("active"), l.push(p));
+                const h = o.s.dropdownEl.querySelector(`.dropdown-list li[data-option="${u}"]`);
+                A(h) && (h.classList.add("active"), l.push(h));
               });
               const c = l.map((u) => [...o.s.allLi].indexOf(u));
-              I(o, c);
+              q(o, c);
               break;
           }
         else
-          I(o, -1);
+          q(o, -1);
         o.emit("change");
         break;
       case "d4-placeholder":
         if (e === null)
           return;
-        e !== s && o.s.value.index < 0 && I(o, o.s.value.index);
+        e !== s && o.s.value.index < 0 && q(o, o.s.value.index);
         break;
     }
   }
@@ -2373,12 +2372,22 @@ class Xi extends HTMLElement {
         return t.querySelector(".dropdown-scroller .filter-bar") ? e : t.querySelector(".filter-bar").clientHeight + e;
       return e;
     };
-    return t.getAttribute("d4-portal") !== "true" && ze(), t.setAttribute("d4-status", "open"), t.setAttribute("d4-default-height", o()), t.getAttribute("d4-portal") == "true" ? (t.s.dropdownEl.style.setProperty("--maxHeight", `${o()}px`), t.s.dropdownEl.style.zIndex = "9999", d(this, rt, Be).call(this), t.s.dropdownEl.offsetHeight, t.s.dropdownEl.style.height = `${o()}px`, t.__events__._scrollUpdate = () => {
-      var r;
-      const a = t.getBoundingClientRect();
-      a.bottom < 0 || a.top > window.innerHeight ? t.close() : d(r = t, rt, Be).call(r);
-    }, window.addEventListener("scroll", t.__events__._scrollUpdate, { passive: !0, capture: !0 }), window.addEventListener("resize", t.__events__._scrollUpdate, { passive: !0 })) : (t.style.cssText = `--maxHeight: ${o()}px;`, t.s.dropdownEl.style.cssText = `
-        height: ${o()}px;
+    t.s.subDropdownTotalH = 0;
+    const a = t.getAttribute("d4-portal") == "true" ? t.s.dropdownEl.querySelector(".dropdown-scroller") : t.querySelector(".dropdown-scroller"), r = parseInt(getComputedStyle(a).maxHeight);
+    t.s.dropdownEl.querySelectorAll('.has-sublayer[data-open="true"]').forEach((c) => {
+      const u = c.querySelector(".sub-dropdown"), h = u.querySelector(".sub-dropdown-list"), g = parseInt(getComputedStyle(h).marginTop) + parseInt(getComputedStyle(h).marginBottom);
+      u.style.cssText = `--height: ${h.offsetHeight + g}px`, t.s.subDropdownTotalH += parseInt(u.style.cssText.replace("--height:", "").trim()), c.classList.add("open");
+    });
+    const l = () => {
+      const c = o() + t.s.subDropdownTotalH;
+      return c > r ? r : c;
+    };
+    return t.getAttribute("d4-portal") !== "true" && ze(), t.setAttribute("d4-status", "open"), t.setAttribute("d4-default-height", o()), t.getAttribute("d4-portal") == "true" ? (t.s.dropdownEl.style.setProperty("--maxHeight", `${l()}px`), t.s.dropdownEl.style.zIndex = "9999", d(this, rt, Be).call(this), t.s.dropdownEl.offsetHeight, t.s.dropdownEl.style.height = `${l()}px`, t.__events__._scrollUpdate = () => {
+      var u;
+      const c = t.getBoundingClientRect();
+      c.bottom < 0 || c.top > window.innerHeight ? t.close() : d(u = t, rt, Be).call(u);
+    }, window.addEventListener("scroll", t.__events__._scrollUpdate, { passive: !0, capture: !0 }), window.addEventListener("resize", t.__events__._scrollUpdate, { passive: !0 })) : (t.style.cssText = `--maxHeight: ${l()}px;`, t.s.dropdownEl.style.cssText = `
+        height: ${l()}px;
         z-index: 2;
       `), this;
   }
@@ -2453,7 +2462,7 @@ Xt = new WeakSet(), Ui = function() {
       };
       break;
   }
-  I(t, t.s.value.index), d(s = t, Ft, Ji).call(s), t.classList.add("d4-initialize");
+  q(t, t.s.value.index), d(s = t, Ft, Ji).call(s), t.classList.add("d4-initialize");
 }, Ft = new WeakSet(), Ji = function() {
   const t = this;
   t.__events__.dropdownToggle = () => {
@@ -2477,7 +2486,7 @@ Xt = new WeakSet(), Ui = function() {
               if (t.__scroller__) {
                 const { viewport: c } = t.__scroller__.elements();
                 if (A(t.s.activeLi)) {
-                  const u = t.s.activeLi.clientHeight / 2, p = t.s.activeLi.offsetTop, g = p - r.clientHeight / 2 + u > 0 ? p - r.clientHeight / 2 + u : 0;
+                  const u = t.s.activeLi.clientHeight / 2, h = t.s.activeLi.offsetTop, g = h - r.clientHeight / 2 + u > 0 ? h - r.clientHeight / 2 + u : 0;
                   c.scrollTo({
                     top: g,
                     behavior: "smooth"
@@ -2489,7 +2498,7 @@ Xt = new WeakSet(), Ui = function() {
                   });
               }
             };
-            a && (t.s.dropdownEl.querySelector(".filter-bar input").disabled = !1, t.s.dropdownEl.querySelector(".filter-bar input").focus()), t.s.selectType === "single" && l();
+            t.s.subDropdownTotalH > 0 && t.__scroller__ && t.__scroller__.update(!0), a && (t.s.dropdownEl.querySelector(".filter-bar input").disabled = !1, t.s.dropdownEl.querySelector(".filter-bar input").focus()), t.s.selectType === "single" && l();
             break;
           case "close":
             t.getAttribute("d4-portal") == "true" ? (t.__scroller__ && t.__scroller__.update(!0), t.s.dropdownEl.style.height = "", t.s.dropdownEl.style.zIndex = "", a && (t.s.dropdownEl.querySelector(".filter-bar input").disabled = !0), t.s.dropdownEl.parentNode === document.body && document.body.removeChild(t.s.dropdownEl)) : (t.__scroller__.update(!0), t.s.dropdownEl.removeAttribute("style"), a && (t.querySelector(".filter-bar input").disabled = !0));
@@ -2511,7 +2520,7 @@ Xt = new WeakSet(), Ui = function() {
     e.s.allLi = e.s.dropdownEl.querySelectorAll(".dropdown-list li"), e.s.allLi.forEach((l) => {
       l.addEventListener("click", function(c) {
         var m;
-        const u = this, p = [...e.s.allLi].indexOf(u), g = parseInt(e.getAttribute("d4-default-height"));
+        const u = this, h = [...e.s.allLi].indexOf(u), g = parseInt(e.getAttribute("d4-default-height"));
         if (u.classList.contains("has-sublayer")) {
           c.stopPropagation();
           const v = u.querySelector(".sub-dropdown"), w = v.querySelector(".sub-dropdown-list"), b = parseInt(getComputedStyle(w).marginTop) + parseInt(getComputedStyle(w).marginBottom);
@@ -2520,16 +2529,16 @@ Xt = new WeakSet(), Ui = function() {
             s = g + e.s.subDropdownTotalH, o = s > C ? C : s, e.getAttribute("d4-portal") == "true" ? e.s.dropdownEl.style.setProperty("--maxHeight", `${o}px`) : e.style.cssText = `--maxHeight: ${o}px;`, e.s.dropdownEl.style.height = `${o}px`;
           };
           u.classList.contains("open") ? (u.classList.remove("open"), e.s.subDropdownTotalH -= T, y()) : (u.classList.add("open"), e.s.subDropdownTotalH += T, y());
-          const S = () => {
-            e.__scroller__.update(!0), v.removeEventListener("transitionend", S);
+          const L = () => {
+            e.__scroller__.update(!0), v.removeEventListener("transitionend", L);
           };
-          v.addEventListener("transitionend", S);
+          v.addEventListener("transitionend", L);
         } else
           switch (en(e), e.s.selectType) {
             case "single":
               if (e.setAttribute("d4-value", u.getAttribute("data-option")), r) {
                 const v = e.s.cityLang, w = l.textContent.trim(), b = document.getElementById(e.getAttribute("dist-select"));
-                b && (b.s.dropdownEl.querySelector(".dropdown-list").textContent = "", I(b, -1), K[v][w].forEach((T, C) => {
+                b && (b.s.dropdownEl.querySelector(".dropdown-list").textContent = "", q(b, -1), K[v][w].forEach((T, C) => {
                   const y = document.createElement("li");
                   y.textContent = T[0], y.setAttribute("data-option", T[0]), e.getAttribute("d4-portal") == "true" ? b.s.dropdownEl.querySelector(".dropdown-list").append(y) : b.querySelector(".dropdown-list").append(y);
                 }), e.__events__.selectOption(b));
@@ -2537,7 +2546,7 @@ Xt = new WeakSet(), Ui = function() {
               (e.getAttribute("d4-portal") == "true" || (m = u.parentNode.closest("li")) != null && m.classList.contains("has-sublayer")) && (c.stopPropagation(), e.close());
               break;
             case "multiple":
-              c.stopPropagation(), u.classList.toggle("active"), I(e, p);
+              c.stopPropagation(), u.classList.toggle("active"), q(e, h);
               break;
           }
       });
@@ -2674,10 +2683,10 @@ var Jt, Zi, Zt, Qi, Qt, Ki, Kt, Vi;
 class ln extends HTMLElement {
   constructor() {
     super();
-    h(this, Jt);
-    h(this, Zt);
-    h(this, Qt);
-    h(this, Kt);
+    p(this, Jt);
+    p(this, Zt);
+    p(this, Qt);
+    p(this, Kt);
     this.initialize = !1;
   }
   static get observedAttributes() {
@@ -2697,20 +2706,20 @@ class ln extends HTMLElement {
 }
 Jt = new WeakSet(), Zi = function() {
   const t = {
-    direction: this.getAttribute("direction") || M.SETTINGS.direction,
+    direction: this.getAttribute("direction") || I.SETTINGS.direction,
     // up / down / left / right
-    behavior: this.getAttribute("behavior") || M.SETTINGS.behavior,
+    behavior: this.getAttribute("behavior") || I.SETTINGS.behavior,
     // normal / alternate / endStop
-    duration: Number(this.getAttribute("duration")) || M.SETTINGS.duration,
+    duration: Number(this.getAttribute("duration")) || I.SETTINGS.duration,
     // ms
-    durationBreakpoints: yt(this) || M.SETTINGS.durationBreakpoints,
-    autoplay: this.getAttribute("autoplay") || M.SETTINGS.autoplay,
+    durationBreakpoints: yt(this) || I.SETTINGS.durationBreakpoints,
+    autoplay: this.getAttribute("autoplay") || I.SETTINGS.autoplay,
     // normal / alternate / endStop
-    pauseOnMouseenter: this.getAttribute("pauseOnMouseEnter") ? this.getAttribute("pauseOnMouseEnter") === "true" : M.SETTINGS.pauseOnMouseenter,
+    pauseOnMouseenter: this.getAttribute("pauseOnMouseEnter") ? this.getAttribute("pauseOnMouseEnter") === "true" : I.SETTINGS.pauseOnMouseenter,
     // true / false
-    continual: this.getAttribute("continual") ? this.getAttribute("continual") === "true" : M.SETTINGS.continual,
+    continual: this.getAttribute("continual") ? this.getAttribute("continual") === "true" : I.SETTINGS.continual,
     // true / false
-    gap: Number(this.getAttribute("gap")) || M.SETTINGS.gap
+    gap: Number(this.getAttribute("gap")) || I.SETTINGS.gap
   };
   this.s = {}, this.s.options = t, this.s.nowDuration = si(this), an(this), d(this, Zt, Qi).call(this);
 }, Zt = new WeakSet(), Qi = function() {
@@ -2746,20 +2755,20 @@ Jt = new WeakSet(), Zi = function() {
           let v = [];
           switch (e) {
             case "top":
-              p = Math.abs(t.s.animateEl.scrollHeight - t.clientHeight), g = 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)` }];
+              h = Math.abs(t.s.animateEl.scrollHeight - t.clientHeight), g = parseInt(t.s.nowDuration / (h * 2)) * t.s.animateEl.scrollHeight, v = [{ 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), g = parseInt(t.s.nowDuration / (p * 2)) * t.s.animateEl.scrollWidth, v = [{ transform: "translate3d(-100%,0,0)" }, { transform: "translate3d(0,0,0)" }];
+              h = Math.abs(t.s.animateEl.scrollWidth - t.clientWidth), g = parseInt(t.s.nowDuration / (h * 2)) * t.s.animateEl.scrollWidth, v = [{ transform: "translate3d(-100%,0,0)" }, { transform: "translate3d(0,0,0)" }];
               break;
             case "bottom":
-              p = Math.abs(t.s.animateEl.scrollHeight - t.clientHeight), g = parseInt(o / (p * 2)) * t.s.animateEl.scrollHeight, v = [{ transform: "translate3d(0,-100%,0)" }, { transform: "translate3d(0,0,0)" }];
+              h = Math.abs(t.s.animateEl.scrollHeight - t.clientHeight), g = parseInt(o / (h * 2)) * t.s.animateEl.scrollHeight, v = [{ transform: "translate3d(0,-100%,0)" }, { transform: "translate3d(0,0,0)" }];
               break;
             case "left":
-              p = Math.abs(t.s.animateEl.scrollWidth - t.clientWidth), g = 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)` }];
+              h = Math.abs(t.s.animateEl.scrollWidth - t.clientWidth), g = parseInt(o / (h * 2)) * t.s.animateEl.scrollWidth, v = [{ transform: `translate3d(${t.clientWidth}px,0,0)` }, { transform: `translate3d(calc(-100% + ${t.clientWidth}px),0,0)` }];
               break;
           }
           return v;
-        }, p, g;
+        }, h, g;
         (t.clientHeight > t.s.animateEl.scrollHeight || e === "left" || e === "right") && (t.s.animateEl.style.transform = `${m()[0].transform}`, t.s.animateEl.animate(m(), {
           duration: g,
           fill: "forwards"
@@ -2833,17 +2842,17 @@ var Vt, ts, te, es, ee, is, lt, We, U, wt, ie, ss;
 class oi {
   constructor(i) {
     // 初始化
-    h(this, Vt);
+    p(this, Vt);
     // 左右箭頭事件綁定
-    h(this, te);
+    p(this, te);
     // 左右拖拉事件綁定
-    h(this, ee);
+    p(this, ee);
     // 卷軸位置判斷
-    h(this, lt);
+    p(this, lt);
     // 隱藏按鈕判斷
-    h(this, U);
+    p(this, U);
     // 選項事件綁定
-    h(this, ie);
+    p(this, ie);
     this.$element = i, this.option = i.s.option.drag, this._didInitialScroll = !1, d(this, Vt, ts).call(this);
   }
   // 更新 active 位置
@@ -2878,7 +2887,7 @@ Vt = new WeakSet(), ts = function() {
     }), t = !0);
   };
   i.$wrapper.removeEventListener("scroll", e), i.$wrapper.addEventListener("scroll", e), window.removeEventListener("resize", e), window.addEventListener("resize", e), (i.option.draggable || i.$element.s.type == "collapse") && d(s = i, ee, is).call(s), i.option.navigation && i.$element.s.type !== "collapse" && (i.$container.insertAdjacentHTML(
-    L.prepend,
+    S.prepend,
     `<div class="navigation">
         <div class="button prev">
           <div></div>
@@ -2907,32 +2916,32 @@ Vt = new WeakSet(), ts = function() {
 }, ee = new WeakSet(), is = function() {
   const { $wrapper: i } = this;
   let t = !1, e = !1, s = 0, o = 0;
-  const a = function(p) {
-    p.preventDefault(), e = !1, t = !0, s = p.pageX - i.offsetLeft, o = i.scrollLeft;
+  const a = function(h) {
+    h.preventDefault(), e = !1, t = !0, s = h.pageX - i.offsetLeft, o = i.scrollLeft;
   };
   i.removeEventListener("mousedown", a), i.addEventListener("mousedown", a);
   const r = function() {
     e = !1, t = !1;
   };
   i.removeEventListener("mouseleave", r), i.addEventListener("mouseleave", r);
-  const l = function(p) {
-    p.preventDefault(), t = !1;
+  const l = function(h) {
+    h.preventDefault(), t = !1;
   };
   i.removeEventListener("mouseup", l), i.addEventListener("mouseup", l);
-  const c = function(p) {
-    if (p.preventDefault(), e = !0, !t)
+  const c = function(h) {
+    if (h.preventDefault(), e = !0, !t)
       return;
-    const m = p.pageX - i.offsetLeft - s;
+    const m = h.pageX - i.offsetLeft - s;
     i.scrollTo({
       left: o - m
     });
   };
   i.removeEventListener("mousemove", c), i.addEventListener("mousemove", c);
-  const u = function(p) {
-    e && (p.preventDefault(), p.stopPropagation());
+  const u = function(h) {
+    e && (h.preventDefault(), h.stopPropagation());
   };
-  i.querySelectorAll("a").forEach((p) => {
-    p.removeEventListener("click", u), p.addEventListener("click", u);
+  i.querySelectorAll("a").forEach((h) => {
+    h.removeEventListener("click", u), h.addEventListener("click", u);
   });
 }, lt = new WeakSet(), We = function() {
   const { $container: i, $wrapper: t } = this, e = t.scrollWidth - t.clientWidth, s = Math.round(t.scrollLeft);
@@ -2977,13 +2986,13 @@ var se, ns, ne, os, oe, as, ae, rs;
 class cn {
   constructor(i) {
     // 初始化
-    h(this, se);
+    p(this, se);
     // 隱藏按鈕判斷
-    h(this, ne);
+    p(this, ne);
     // 展開箭頭事件綁定
-    h(this, oe);
+    p(this, oe);
     // 選項事件綁定
-    h(this, ae);
+    p(this, ae);
     this.$element = i, this.option = i.s.option.collapse, d(this, se, ns).call(this);
   }
 }
@@ -2991,7 +3000,7 @@ se = new WeakSet(), ns = function() {
   this.$element && (this.$container = this.$element.querySelector(".collapse-container"), this.$wrapper = this.$container.querySelector(".wrapper"), d(this, ne, os).call(this) && d(this, oe, as).call(this), d(this, ae, rs).call(this));
 }, ne = new WeakSet(), os = function() {
   const i = this.$element.querySelector(".drag-container"), t = i.querySelector(".wrapper");
-  return t.scrollWidth - t.clientWidth > 0 ? (i.insertAdjacentHTML(L.append, '<div class="open-collapse"></div>'), this.$button = i.querySelector(".open-collapse"), $(this.$element, "noScrollable"), !0) : (x(this.$element, "noScrollable"), !1);
+  return t.scrollWidth - t.clientWidth > 0 ? (i.insertAdjacentHTML(S.append, '<div class="open-collapse"></div>'), this.$button = i.querySelector(".open-collapse"), $(this.$element, "noScrollable"), !0) : (x(this.$element, "noScrollable"), !1);
 }, oe = new WeakSet(), as = function() {
   const { $element: i, $button: t } = this, e = function() {
     i.classList.contains("expand") ? i.classList.remove("expand") : i.classList.add("expand");
@@ -3013,18 +3022,18 @@ se = new WeakSet(), ns = function() {
 };
 const dn = (n) => {
   const { type: i, option: t, originalDomString: e } = n.s, s = document.createElement("div");
-  return i == "drag" && (s.innerHTML = q.TEMPLATE[i]().trim(), s.querySelector(".drag-container .wrapper").insertAdjacentHTML(L.append, e)), i == "collapse" && (s.innerHTML = q.TEMPLATE[i](t == null ? void 0 : t.collapse).trim(), s.querySelector(".drag-container .wrapper").insertAdjacentHTML(L.append, e), s.querySelector(".collapse-container .wrapper").insertAdjacentHTML(L.append, e)), i == "dropdown" && (s.innerHTML = q.TEMPLATE[i](t == null ? void 0 : t.dropdown).trim(), s.querySelector("dropdown-el").insertAdjacentHTML(L.append, e)), s.children;
+  return i == "drag" && (s.innerHTML = M.TEMPLATE[i]().trim(), s.querySelector(".drag-container .wrapper").insertAdjacentHTML(S.append, e)), i == "collapse" && (s.innerHTML = M.TEMPLATE[i](t == null ? void 0 : t.collapse).trim(), s.querySelector(".drag-container .wrapper").insertAdjacentHTML(S.append, e), s.querySelector(".collapse-container .wrapper").insertAdjacentHTML(S.append, e)), i == "dropdown" && (s.innerHTML = M.TEMPLATE[i](t == null ? void 0 : t.dropdown).trim(), s.querySelector("dropdown-el").insertAdjacentHTML(S.append, e)), s.children;
 };
 var re, ls, le, cs, ct, Ge, Y, Tt;
 class un extends HTMLElement {
   constructor() {
     super();
-    h(this, re);
-    h(this, le);
+    p(this, re);
+    p(this, le);
     // 斷點設定
-    h(this, ct);
+    p(this, ct);
     // check type
-    h(this, Y);
+    p(this, Y);
     this.initialize = !1, this.__events__ = {}, this.s = {}, this.s.originalDomString = this.innerHTML.trim().replace(/\n/g, ""), this.previousWidth = window.innerWidth;
   }
   static get observedAttributes() {
@@ -3061,7 +3070,7 @@ class un extends HTMLElement {
 }
 re = new WeakSet(), ls = function() {
   let t = {};
-  this.hasAttribute("m4-value") || this.setAttribute("m4-value", ""), this.s.type = this.getAttribute("m4-type") ?? q.SETTINGS.type, this.hasAttribute("m4-option") && (t = this.getAttribute("m4-option") ? JSON.parse(this.getAttribute("m4-option")) : {}, this.removeAttribute("m4-option"));
+  this.hasAttribute("m4-value") || this.setAttribute("m4-value", ""), this.s.type = this.getAttribute("m4-type") ?? M.SETTINGS.type, this.hasAttribute("m4-option") && (t = this.getAttribute("m4-option") ? JSON.parse(this.getAttribute("m4-option")) : {}, this.removeAttribute("m4-option"));
   const e = (s) => {
     if (s.type === "resize") {
       if (window.innerWidth === this.previousWidth)
@@ -3070,7 +3079,7 @@ re = new WeakSet(), ls = function() {
     }
     this.update();
   };
-  window.removeEventListener("resize", ni(e)), window.addEventListener("resize", ni(e)), this.s.option = {}, this.s.option.drag = Object.assign({}, q.SETTINGS.drag, t == null ? void 0 : t.drag), this.s.option.collapse = Object.assign({}, q.SETTINGS.collapse, t == null ? void 0 : t.collapse), this.s.option.dropdown = Object.assign({}, q.SETTINGS.dropdown, t == null ? void 0 : t.dropdown), this.s.option.breakpoint = Object.assign({}, q.SETTINGS.breakpoint, t == null ? void 0 : t.breakpoint), d(this, le, cs).call(this);
+  window.removeEventListener("resize", ni(e)), window.addEventListener("resize", ni(e)), this.s.option = {}, this.s.option.drag = Object.assign({}, M.SETTINGS.drag, t == null ? void 0 : t.drag), this.s.option.collapse = Object.assign({}, M.SETTINGS.collapse, t == null ? void 0 : t.collapse), this.s.option.dropdown = Object.assign({}, M.SETTINGS.dropdown, t == null ? void 0 : t.dropdown), this.s.option.breakpoint = Object.assign({}, M.SETTINGS.breakpoint, t == null ? void 0 : t.breakpoint), d(this, le, cs).call(this);
 }, le = new WeakSet(), cs = function() {
   this.classList.add("m4-init"), d(this, ct, Ge).call(this);
 }, ct = new WeakSet(), Ge = function() {
@@ -3101,50 +3110,50 @@ re = new WeakSet(), ls = function() {
   (o = this.drag) == null || o.update();
 };
 customElements.define("multipurpose-nav", un);
-var ce, us, de, hs, dt, Re, W, Z, ue, ps, he, ms, pe, gs, me, fs, ge, vs, fe, bs, ve, ys, be, ws, ye, Ts, N, R, we, Es, Te, As, Ee, Ls, Ae, Ss;
+var ce, us, de, ps, dt, Re, W, Z, ue, hs, pe, ms, he, gs, me, fs, ge, vs, fe, bs, ve, ys, be, ws, ye, Ts, N, R, we, Es, Te, As, Ee, Ss, Ae, Ls;
 class ds extends HTMLElement {
   // 定義組件的初始狀態
   constructor(t, e) {
     super();
-    h(this, ce);
-    h(this, de);
+    p(this, ce);
+    p(this, de);
     // 第一關 判斷數量以及id設定
-    h(this, dt);
+    p(this, dt);
     // 第二關 id命名提醒
-    h(this, W);
-    h(this, ue);
-    h(this, he);
-    h(this, pe);
+    p(this, W);
+    p(this, ue);
+    p(this, pe);
+    p(this, he);
     // 執行函式
     // 移動至指定位置
-    h(this, me);
+    p(this, me);
     // 移動
-    h(this, ge);
+    p(this, ge);
     // 步驟狀態
-    h(this, fe);
+    p(this, fe);
     // next 按鈕狀態
-    h(this, ve);
+    p(this, ve);
     // prev 按鈕狀態
-    h(this, be);
+    p(this, be);
     // 頁籤狀態
-    h(this, ye);
+    p(this, ye);
     // 第三關各種元件判斷 及 執行
-    h(this, N);
+    p(this, N);
     // 消失動畫
-    h(this, we);
+    p(this, we);
     // 出現動畫
-    h(this, Te);
+    p(this, Te);
     // 狀態
-    h(this, Ee);
+    p(this, Ee);
     // resize
-    h(this, Ae);
+    p(this, Ae);
   }
   // 當組件的屬性被更改時會被呼叫
   static get observedAttributes() {
     return ["t4-active"];
   }
   attributeChangedCallback(t, e, s) {
-    t === "t4-active" && e !== s && d(this, Ee, Ls).call(this, s);
+    t === "t4-active" && e !== s && d(this, Ee, Ss).call(this, s);
   }
   connectedCallback() {
     this.classList.contains("t4-initialize") || d(this, ce, us).call(this);
@@ -3201,13 +3210,13 @@ ce = new WeakSet(), us = function() {
       delay: this.getAttribute("t4-delay") || e.transition.delay
     },
     tabGroup: this.getAttribute("t4-group") || e.tabGroup
-  }, this.__events__ = {}, this.t.tabs = d(this, dt, Re).call(this), this.t.step = document.querySelector(`[t4-control="${this.t.name}"]${this.t.stepOutput}`), d(this, de, hs).call(this);
-}, de = new WeakSet(), hs = function() {
-  if (this.t.activeTab = this.t.defaultPage, this.t.display === "swiper" && d(this, ue, ps).call(this), this.t.recordUrl) {
+  }, this.__events__ = {}, this.t.tabs = d(this, dt, Re).call(this), this.t.step = document.querySelector(`[t4-control="${this.t.name}"]${this.t.stepOutput}`), d(this, de, ps).call(this);
+}, de = new WeakSet(), ps = function() {
+  if (this.t.activeTab = this.t.defaultPage, this.t.display === "swiper" && d(this, ue, hs).call(this), this.t.recordUrl) {
     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, Ae, Ss).call(this);
+  this.setActiveTab(this.t.activeTab), this.classList.add("t4-initialize"), d(this, Ae, Ls).call(this);
 }, dt = new WeakSet(), Re = function() {
   const { t } = this, e = Array.from(document.querySelectorAll(`[t4-control="${t.name}"][t4-role="tab"]`));
   return t.type === "normal" && t.tabGroup === "true" && t.tabPanels.length !== e.length && console.warn("按鈕與內容數量不同喔", t.tabPanels.length, e.length), t.tabGroup === "true" ? t.tabPanels.forEach((s, o) => s.setAttribute("t4-id", o)) : t.tabPanels.forEach((s) => {
@@ -3218,19 +3227,19 @@ ce = new WeakSet(), us = function() {
   s.length > 1 && console.warn("有兩個相同id設定", s);
   const o = s[0];
   return o ? e.tabPanels.indexOf(o) : (console.warn(`找不到t4-id為${t}的頁籤`), 0);
-}, ue = new WeakSet(), ps = function() {
+}, ue = new WeakSet(), hs = function() {
   const t = document.createElement("div");
   t.classList.add("swiper-container");
   const e = document.createElement("div");
   e.classList.add("swiper-wrapper"), this.t.tabPanels.forEach((s) => {
     e.appendChild(s.cloneNode(!0));
-  }), this.t.tabPanels = [...e.children], t.appendChild(e), this.innerHTML = "", this.appendChild(t), d(this, he, ms).call(this);
-}, he = new WeakSet(), ms = function() {
+  }), this.t.tabPanels = [...e.children], t.appendChild(e), this.innerHTML = "", this.appendChild(t), d(this, pe, ms).call(this);
+}, pe = new WeakSet(), ms = function() {
   const t = this.querySelector(".swiper-container"), e = this.querySelector(".swiper-wrapper"), s = this.t.tabPanels;
   t.style.overflow = "hidden", e.style.display = "flex";
   const o = s.length * 100 + "%";
   e.style.width = o;
-}, pe = new WeakSet(), gs = function(t) {
+}, he = new WeakSet(), gs = function(t) {
   const { t: e } = this;
   if (e.recordUrl === "true") {
     const s = new URLSearchParams(document.location.search);
@@ -3280,7 +3289,7 @@ ce = new WeakSet(), us = function() {
       d(this, ve, ys).call(this, e), d(this, be, ws).call(this, e);
       break;
     case "tabUrl":
-      this.t.recordUrl === "true" && d(this, pe, gs).call(this, e);
+      this.t.recordUrl === "true" && d(this, he, gs).call(this, e);
       break;
     default:
       console.warn("請增加判斷，謝謝");
@@ -3321,26 +3330,26 @@ ce = new WeakSet(), us = function() {
       break;
     case "swiper":
       a.style.opacity = "1";
-      const c = this.querySelector(".swiper-wrapper"), u = this.t.tabPanels[0].offsetWidth, p = -t * u;
-      c.style.transition = `transform ${e}ms ${s} ${o}ms`, c.style.transform = `translateX(${p}px)`;
+      const c = this.querySelector(".swiper-wrapper"), u = this.t.tabPanels[0].offsetWidth, h = -t * u;
+      c.style.transition = `transform ${e}ms ${s} ${o}ms`, c.style.transform = `translateX(${h}px)`;
       break;
     default:
       console.warn(this.t.display, "沒有這個效果請自己想辦法!!!!");
       break;
   }
-}, Ee = new WeakSet(), Ls = function(t) {
+}, Ee = new WeakSet(), Ss = function(t) {
   const e = d(this, W, Z).call(this, t);
   d(this, N, R).call(this, "step", e), d(this, N, R).call(this, "btnState", e), d(this, N, R).call(this, "tabState", e, t), d(this, N, R).call(this, "tabUrl", t), this.emit("change");
-}, Ae = new WeakSet(), Ss = function() {
+}, Ae = new WeakSet(), Ls = function() {
   const t = this;
   window.addEventListener(
     "resize",
-    hn(() => {
+    pn(() => {
       t.update();
     }, 1e3)
   );
 };
-function hn(n, i = 1e3) {
+function pn(n, i = 1e3) {
   let t;
   return function(e) {
     t && clearTimeout(t), t = setTimeout(n, i, e);
@@ -3382,17 +3391,17 @@ customElements.define("tab-el", ds);
 const ai = (n) => {
   const { defaultOptions: i } = n.collapse, { collapseClass: t, target: e, transition: s } = i, o = n.querySelector(e);
   n.classList.add(t), o.style.height = 0, o.style["transition-property"] = s.property, o.style["transition-duration"] = s.duration, o.style["transition-timing-function"] = s.function, o.style["transition-delay"] = s.delay, o.style.overflow = "hidden";
-}, pn = (n) => {
+}, hn = (n) => {
   const { defaultOptions: i } = n.collapse, { collapseClass: t, target: e, transition: s } = i, o = n.querySelector(e), a = o.children[0].offsetHeight;
   n.collapse.height = a, n.classList.remove(t), o.style.display = "block", o.style.height = `${a}px`, o.style["transition-property"] = s.property, o.style["transition-duration"] = s.duration, o.style["transition-timing-function"] = s.function, o.style["transition-delay"] = s.delay, o.style.overflow = "hidden";
 };
-var ut, Xe, Le, Ds, Se, ks, ht, Ue;
+var ut, Xe, Se, Ds, Le, ks, pt, Ue;
 class mn {
   constructor(i, t = {}) {
-    h(this, ut);
-    h(this, Le);
-    h(this, Se);
-    h(this, ht);
+    p(this, ut);
+    p(this, Se);
+    p(this, Le);
+    p(this, pt);
     !mt(i) && !$e(i) && !gt(i) && !A(i) || (this.__storage__ = {
       el: i,
       options: t
@@ -3407,25 +3416,25 @@ ut = new WeakSet(), Xe = function() {
   if (this.elements = t.state == "not active" ? D(i + `:not([${this.active}])`) : D(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
     for (const [o, a] of Object.entries(this.options.on))
       this.__events__[o] = [a];
-  d(this, Le, Ds).call(this);
-}, Le = new WeakSet(), Ds = function() {
+  d(this, Se, Ds).call(this);
+}, Se = new WeakSet(), Ds = function() {
   const { elements: i, options: t } = this;
   i.forEach((e) => {
-    e.collapse = {}, e.collapse.instance = this, e.collapse.defaultOptions = t, e.collapse.methods = {}, e.collapse.methods.update = this.update, e.setAttribute(this.active, ""), d(this, Se, ks).call(this, e);
+    e.collapse = {}, e.collapse.instance = this, e.collapse.defaultOptions = t, e.collapse.methods = {}, e.collapse.methods.update = this.update, e.setAttribute(this.active, ""), d(this, Le, ks).call(this, e);
   }), this.emit("init");
-}, Se = new WeakSet(), ks = function(i) {
+}, Le = new WeakSet(), ks = function(i) {
   const { options: t } = this, { collapseClass: e, block: s, target: o, defaultOpen: a, targetStopPropagation: r, defaultActiveMark: l } = t, c = i, u = c.querySelector(o);
-  if (c.collapse.height = u.children[0].offsetHeight, a ? (u.style.height = `${u.children[0].offsetHeight}px`, c.classList.remove(e)) : !c.classList.contains(l) && !c.hasAttribute(l) ? (c.classList.add(e), u.style.height = "0px", u.style.overflow = "hidden") : (u.style.height = `${u.children[0].offsetHeight}px`, c.classList.remove(e)), c.removeEventListener("click", d(this, ht, Ue)), c.addEventListener("click", d(this, ht, Ue)), r) {
-    const p = (g) => {
+  if (c.collapse.height = u.children[0].offsetHeight, a ? (u.style.height = `${u.children[0].offsetHeight}px`, c.classList.remove(e)) : !c.classList.contains(l) && !c.hasAttribute(l) ? (c.classList.add(e), u.style.height = "0px", u.style.overflow = "hidden") : (u.style.height = `${u.children[0].offsetHeight}px`, c.classList.remove(e)), c.removeEventListener("click", d(this, pt, Ue)), c.addEventListener("click", d(this, pt, Ue)), r) {
+    const h = (g) => {
       g.stopPropagation();
     };
-    u.removeEventListener("click", p), u.addEventListener("click", p);
+    u.removeEventListener("click", h), u.addEventListener("click", h);
   }
-}, ht = new WeakSet(), Ue = function() {
+}, pt = new WeakSet(), Ue = function() {
   const { instance: i, defaultOptions: t } = this.collapse, { collapseClass: e, block: s, target: o, single: a } = t, r = this;
   r.classList.contains(e) ? (a && r.parentNode.querySelectorAll(`.${r.classList[0]}`).forEach((l) => {
     ai(l);
-  }), pn(r)) : ai(r), i.emit("afterCollapse");
+  }), hn(r)) : ai(r), i.emit("afterCollapse");
 };
 Object.assign(mn.prototype, z);
 function gn(n, i) {
@@ -3441,26 +3450,26 @@ function xs() {
   });
 }
 document.addEventListener("click", xs);
-var pt, Ye, _e, $s, De, Cs, ke, Hs;
+var ht, Ye, _e, $s, De, Cs, ke, Hs;
 class fn extends HTMLElement {
   constructor() {
     super();
-    h(this, pt);
-    h(this, _e);
-    h(this, De);
-    h(this, ke);
+    p(this, ht);
+    p(this, _e);
+    p(this, De);
+    p(this, ke);
     this.initialize = !1;
   }
   connectedCallback() {
     const t = this;
-    t.initialize || t.classList.contains("r4-initialize") || (t.initialize = !0, d(this, pt, Ye).call(this));
+    t.initialize || t.classList.contains("r4-initialize") || (t.initialize = !0, d(this, ht, Ye).call(this));
   }
   update() {
-    this.classList.remove("r4-initialize"), this.querySelector("i.hover-ball").remove(), d(this, pt, Ye).call(this);
+    this.classList.remove("r4-initialize"), this.querySelector("i.hover-ball").remove(), d(this, ht, Ye).call(this);
   }
 }
-pt = new WeakSet(), Ye = function() {
-  const { SETTINGS: t } = hi;
+ht = new WeakSet(), Ye = function() {
+  const { SETTINGS: t } = pi;
   this.s = {};
   function e(o) {
     let a = !!o;
@@ -3488,8 +3497,8 @@ pt = new WeakSet(), Ye = function() {
   let s = "ontouchstart" in document.documentElement ? "touchstart" : "mouseenter", o = "ontouchend" in document.documentElement ? "touchend" : "mouseleave";
   e.addEventListener(s, function(a) {
     if (s === "touchstart" && xs(), e.s.options.hover) {
-      const r = Math.round(s === "mouseenter" ? a.clientX - e.getBoundingClientRect().left : a.changedTouches[0].clientX - e.getBoundingClientRect().x), l = Math.round(s === "mouseenter" ? a.clientY - e.getBoundingClientRect().top : a.changedTouches[0].clientY - e.getBoundingClientRect().y), { offsetWidth: c, offsetHeight: u } = e, p = Math.max(c, u);
-      t.style.width = p * 2 + "px", t.style.height = p * 2 + "px", t.style.left = r + "px", t.style.top = l + "px", e.classList.add("entered");
+      const r = Math.round(s === "mouseenter" ? a.clientX - e.getBoundingClientRect().left : a.changedTouches[0].clientX - e.getBoundingClientRect().x), l = Math.round(s === "mouseenter" ? a.clientY - e.getBoundingClientRect().top : a.changedTouches[0].clientY - e.getBoundingClientRect().y), { offsetWidth: c, offsetHeight: u } = e, h = Math.max(c, u);
+      t.style.width = h * 2 + "px", t.style.height = h * 2 + "px", t.style.left = r + "px", t.style.top = l + "px", e.classList.add("entered");
     }
   }), e.addEventListener(o, function(a) {
     if (o !== "touchend" && e.s.options.hover) {
@@ -3505,13 +3514,13 @@ class vn {
   }
   init() {
     const i = document.querySelectorAll("*:not([video-id]) > img"), t = (o, a) => {
-      const r = document.createElement("div"), l = document.createElement("span"), c = document.createElement("span"), u = Math.sqrt(o ** 2 + a ** 2), p = Math.asin(a / u) * 180 / Math.PI;
+      const r = document.createElement("div"), l = document.createElement("span"), c = document.createElement("span"), u = Math.sqrt(o ** 2 + a ** 2), h = Math.asin(a / u) * 180 / Math.PI;
       return r.className = "no-image", l.className = "slash1", l.style.cssText = `
           width: ${u}px;
-          transform: rotate(${p}deg);
+          transform: rotate(${h}deg);
         `, c.className = "slash2", c.style.cssText = `
           width: ${u}px;
-          transform: rotate(${-p}deg);
+          transform: rotate(${-h}deg);
         `, r.appendChild(l), r.appendChild(c), r;
     }, e = document.querySelectorAll(".error-image");
     for (let o = 0; o < e.length; o++)
@@ -3564,9 +3573,9 @@ function bn(n, i, t, e) {
     const l = t.name.substring(t.name.lastIndexOf(".")).replace("."), c = t.name.replace(`.${l}`, "");
     e.originalCanvas.toBlob(
       function(u) {
-        const p = new File([u], `${c}`, { type: t.type });
+        const h = new File([u], `${c}`, { type: t.type });
         uploadImage[`${a}`][r] = {
-          file: p,
+          file: h,
           info: e
         }, s.on.changeAfter && typeof s.on.changeAfter == "function" && s.on.changeAfter(n, e);
       },
@@ -3581,17 +3590,17 @@ function bn(n, i, t, e) {
 }
 function yn(n, i, t, e) {
   const s = document.createElement("canvas"), o = s.getContext("2d"), a = i.width, l = i.height / a * 100, c = e / t * 100;
-  let u = 0, p = 0;
+  let u = 0, h = 0;
   switch (s.width = t, s.height = e, n.previewSize) {
     case "contain":
-      l < c ? (u = s.width, p = t * l / 100) : l > c ? (u = e / l * 100, p = s.height) : (u = s.width, p = s.height);
+      l < c ? (u = s.width, h = t * l / 100) : l > c ? (u = e / l * 100, h = s.height) : (u = s.width, h = s.height);
       break;
     case "cover":
-      l < c ? (u = e / l * 100, p = s.height) : l > c ? (u = s.width, p = t * l / 100) : l === c && (u = s.width, p = s.height);
+      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 g = (s.width - u) * 0.5, m = (s.height - p) * 0.5;
-  return o.drawImage(i, g, m, u, p), s;
+  const g = (s.width - u) * 0.5, m = (s.height - h) * 0.5;
+  return o.drawImage(i, g, m, u, h), s;
 }
 function wn(n, i) {
   return new Promise((t, e) => {
@@ -3637,7 +3646,7 @@ function An(n, i, t) {
       });
   }, o.readAsDataURL(e);
 }
-class Ln {
+class Sn {
   constructor(i, t) {
     const e = this;
     e.el = i, e.params = {
@@ -3676,7 +3685,7 @@ class Ln {
   }
 }
 export {
-  pi as A,
+  hi as A,
   zn as B,
   mn as C,
   Xi as D,
@@ -3706,23 +3715,23 @@ export {
   zs as c,
   js as d,
   xe as e,
-  L as f,
+  S as f,
   D as g,
-  Mn as h,
+  In as h,
   mt as i,
   Di as j,
   ln as k,
   un as l,
-  Ln as m,
+  Sn as m,
   Qs as n,
   no as o,
   zi as p,
   Bi as q,
-  In as r,
+  qn as r,
   Ns as s,
-  qn as t,
+  Mn as t,
   On as u,
-  qe as v,
+  Me as v,
   Zs as w,
   Pn as x,
   Nn as y,