@xwadex/fesd 0.0.66 → 0.0.68

package/dist/image-preview-bundle.js

@@ -17,7 +17,7 @@ import "validator";
 import "flatpickr";
 import hi from "vanilla-lazyload";
 import { lock as Ws, unlock as Gs } from "tua-body-scroll-lock";
-const He = {
+const Ie = {
   SETTINGS: {
     videoId: null,
     videoType: null,
@@ -336,13 +336,13 @@ const He = {
   ripple4: vi,
   share4: Rs,
   tab4: gi,
-  video4: He
+  video4: Ie
 }, Symbol.toStringTag, { value: "Module" })), S = {
   before: "beforebegin",
   after: "afterend",
   append: "beforeend",
   prepend: "afterbegin"
-}, ft = (n) => typeof n == "string" && n !== "", Ie = (n) => n instanceof HTMLElement, vt = (n) => n instanceof NodeList, A = (n) => _(n) !== null, G = (n) => typeof n == "function", _ = (n) => Ie(n) ? n : document.querySelector(n), D = (n) => vt(n) ? n : document.querySelectorAll(n), Us = () => Math.random().toString(36).substr(2, 9), Ys = (n) => {
+}, ft = (n) => typeof n == "string" && n !== "", Me = (n) => n instanceof HTMLElement, vt = (n) => n instanceof NodeList, A = (n) => _(n) !== null, G = (n) => typeof n == "function", _ = (n) => Me(n) ? n : document.querySelector(n), D = (n) => vt(n) ? n : document.querySelectorAll(n), Us = () => Math.random().toString(36).substr(2, 9), Ys = (n) => {
   const i = document.createElement("div");
   return i.innerHTML = n, i.childNodes;
 }, Fs = (n) => {
@@ -397,14 +397,14 @@ const He = {
   easeOutQuart(n, i, t, e) {
     return -t * ((n = n / e - 1) * n * n * n - 1) + i;
   }
-}, Me = (n, i) => {
+}, qe = (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", 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 L = (k) => {
-    const F = _(t);
-    i && i.emit(k, F), !i && n.on && G(n.on[k]) && n.on[k](F);
+    const J = _(t);
+    i && i.emit(k, J), !i && n.on && G(n.on[k]) && n.on[k](J);
   };
   L("beforeScroll");
   const O = () => {
@@ -414,16 +414,16 @@ const He = {
   };
   requestAnimationFrame(O);
 };
-var tt, qe, St, yi, Lt, wi;
+var et, Oe, Lt, yi, _t, wi;
 class bi {
   constructor(i, t = {}) {
-    p(this, tt);
-    p(this, St);
+    p(this, et);
     p(this, Lt);
+    p(this, _t);
     this.__storage__ = {
       el: i,
       options: t
-    }, this.active = "data-anchor-active", d(this, tt, qe).call(this);
+    }, this.active = "data-anchor-active", d(this, et, Oe).call(this);
   }
   destroy() {
     const { elements: i } = this;
@@ -433,12 +433,12 @@ class bi {
   }
   update() {
     var i;
-    return d(i = this.destroy(), tt, qe).call(i), this.emit("afterUpdate"), this;
+    return d(i = this.destroy(), et, Oe).call(i), this.emit("afterUpdate"), this;
   }
   static run(i) {
     const { SETTINGS: t } = wt, e = Object.assign({}, t, i);
     setTimeout(() => {
-      Me(e);
+      qe(e);
     }, e.delay);
   }
   static url(i) {
@@ -447,11 +447,11 @@ class bi {
       return;
     const r = Object.assign({}, t, i, { target: a });
     setTimeout(() => {
-      Me(r);
+      qe(r);
     }, r.delay);
   }
 }
-tt = new WeakSet(), qe = function() {
+et = new WeakSet(), Oe = function() {
   const { el: i, options: t } = this.__storage__;
   if (!ft(i) || !A(i))
     return;
@@ -459,13 +459,13 @@ tt = new WeakSet(), qe = function() {
   if (this.elements = t.state == "not active" ? D(i + `:not([${this.active}])`) : D(i), this.elements = 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, St, yi).call(this);
-}, St = new WeakSet(), yi = function() {
+  d(this, Lt, yi).call(this);
+}, Lt = new WeakSet(), yi = function() {
   const { elements: i, options: t } = this;
   i.forEach((e) => {
-    e.anchor = {}, e.anchor.instance = this, e.anchor.eventHandler = d(this, Lt, wi), e.anchor.defaultOptions = t, e.anchor.methods = {}, e.anchor.methods.destroy = this.destroy, e.anchor.methods.update = this.update, e.addEventListener("click", e.anchor.eventHandler), e.setAttribute(this.active, "");
+    e.anchor = {}, e.anchor.instance = this, e.anchor.eventHandler = d(this, _t, wi), e.anchor.defaultOptions = t, e.anchor.methods = {}, e.anchor.methods.destroy = this.destroy, e.anchor.methods.update = this.update, e.addEventListener("click", e.anchor.eventHandler), e.setAttribute(this.active, "");
   }), this.emit("afterInit");
-}, Lt = new WeakSet(), wi = function() {
+}, _t = new WeakSet(), wi = function() {
   const { defaultOptions: i, eventHandler: t, instance: e } = this.anchor, s = {
     target: this.getAttribute("data-anchor-target") || i.target,
     container: this.getAttribute("data-anchor-container") || i.container,
@@ -479,7 +479,7 @@ tt = new WeakSet(), qe = function() {
   this.removeEventListener("click", t), setTimeout(() => {
     this.addEventListener("click", t);
   }, s.speed), setTimeout(() => {
-    Me(s, e);
+    qe(s, e);
   }, s.delay);
 };
 Object.assign(bi.prototype, z);
@@ -492,15 +492,15 @@ const { MODALS: P } = window, Zs = (n) => {
     s.append(o);
   }), e.children[0];
 };
-var _t, Ei, Dt, Ai, kt, Si, xt, Li, $t, _i;
+var Dt, Ei, kt, Ai, xt, Si, $t, Li, Ct, _i;
 class Ti extends HTMLElement {
   constructor() {
     super();
-    p(this, _t);
     p(this, Dt);
     p(this, kt);
     p(this, xt);
     p(this, $t);
+    p(this, Ct);
     this.initialize = !1;
   }
   static get observedAttributes() {
@@ -509,12 +509,12 @@ class Ti extends HTMLElement {
   attributeChangedCallback(t, e, s) {
     switch (t) {
       case ":state":
-        d(this, $t, _i).call(this, s);
+        d(this, Ct, _i).call(this, s);
         break;
     }
   }
   connectedCallback() {
-    this.initialize || (this.initialize = !0, d(this, _t, Ei).call(this));
+    this.initialize || (this.initialize = !0, d(this, Dt, Ei).call(this));
   }
   open() {
     return this.setAttribute(":state", "open"), this;
@@ -526,22 +526,22 @@ class Ti extends HTMLElement {
     return this.setAttribute(":state", "destroy"), this;
   }
 }
-_t = new WeakSet(), Ei = function() {
+Dt = new WeakSet(), Ei = function() {
   const { ATTRS: t } = j;
   this.__events__ = {}, this.getAttribute(":state") || this.setAttribute(":state", "close");
   const e = this.getAttribute(t.id) || Us();
-  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, Dt, Ai).call(this);
-}, Dt = new WeakSet(), Ai = function() {
-  this.childDom = this.childNodes, this.template = Zs(this), this.innerHTML = "", this.append(this.template), d(this, kt, Si).call(this);
-}, kt = new WeakSet(), Si = 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, kt, Ai).call(this);
+}, kt = new WeakSet(), Ai = function() {
+  this.childDom = this.childNodes, this.template = Zs(this), this.innerHTML = "", this.append(this.template), d(this, xt, Si).call(this);
+}, xt = new WeakSet(), Si = function() {
   const t = this.querySelector(".modal-scroller");
   this.__scroller__ = Ve(t, {
     overflowBehavior: {
       x: "hidden"
     },
     autoUpdate: !0
-  }), window.modalScroll = this.__scroller__, d(this, xt, Li).call(this);
-}, xt = new WeakSet(), Li = function() {
+  }), window.modalScroll = this.__scroller__, d(this, $t, Li).call(this);
+}, $t = new WeakSet(), Li = function() {
   var a, r, l;
   const t = this, { ATTRS: e } = j, { close: s, destroy: o } = e;
   (a = t.querySelectorAll(`[${s}]`)) == null || a.forEach((c) => {
@@ -557,7 +557,7 @@ _t = new WeakSet(), Ei = function() {
   }), (l = t.querySelector("[stop-propagation]")) == null || l.addEventListener("click", function(c) {
     c.stopPropagation();
   });
-}, $t = new WeakSet(), _i = function(t) {
+}, Ct = new WeakSet(), _i = function(t) {
   const { __scroller__: e } = this;
   if (t === "open") {
     if (this.style.display = "block", e) {
@@ -595,7 +595,7 @@ const { MODALS: ei } = window, bt = {}, Di = (n, i, ...t) => {
   const e = n[i];
   e && G(e) && e.apply(n, t);
 }, ki = (n, ...i) => {
-  n && G(n) && n.apply(V, i);
+  n && G(n) && n.apply(tt, i);
 }, oi = (n, i) => {
   const { target: t } = n, e = ei[t] || _(n.target);
   e && xi(n, i), e || Qs(n, i);
@@ -638,16 +638,16 @@ const { MODALS: ei } = window, bt = {}, Di = (n, i, ...t) => {
     r("error", l), delete bt[t];
   }));
 };
-var et, Oe, Ct, $i, Ht, Ci;
+var it, Pe, Ht, $i, It, Ci;
 const B = class B {
   constructor(i, t = {}) {
-    p(this, et);
-    p(this, Ct);
+    p(this, it);
     p(this, Ht);
+    p(this, It);
     this.__storage__ = {
       el: i,
       options: t
-    }, this.active = "data-modal-active", d(this, et, Oe).call(this);
+    }, this.active = "data-modal-active", d(this, it, Pe).call(this);
   }
   destroy() {
     const { elements: i } = this;
@@ -657,7 +657,7 @@ const B = class B {
   }
   update() {
     var i;
-    return d(i = this.destroy(), et, Oe).call(i), this.emit("update"), this;
+    return d(i = this.destroy(), it, Pe).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(), Oe = function() {
+it = new WeakSet(), Pe = function() {
   const { el: i, options: t } = this.__storage__;
   if (!ft(i) || !A(i))
     return;
@@ -681,13 +681,13 @@ et = new WeakSet(), Oe = 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, Ct, $i).call(this);
-}, Ct = new WeakSet(), $i = function() {
+  d(this, Ht, $i).call(this);
+}, Ht = new WeakSet(), $i = function() {
   const { elements: i, options: t } = this;
   i.forEach((e) => {
-    e.modal = {}, e.modal.instance = this, e.modal.eventHandler = d(this, Ht, Ci), 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, "");
+    e.modal = {}, e.modal.instance = this, e.modal.eventHandler = d(this, It, Ci), 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, "");
   }), this.emit("init");
-}, Ht = new WeakSet(), Ci = function(i) {
+}, It = new WeakSet(), Ci = function(i) {
   const { defaultOptions: t, eventHandler: e, instance: s } = this.modal, o = Fs(this.getAttribute("data-modal-on"));
   o && typeof o != "object" && E("modal4", "data-modal-on must be a json string.");
   const a = {
@@ -702,8 +702,8 @@ et = new WeakSet(), Oe = function() {
     this.addEventListener("click", e);
   }, 200), oi(a, s);
 };
-let V = B;
-Object.assign(V.prototype, z);
+let tt = B;
+Object.assign(tt.prototype, z);
 customElements.define("modern-modal", Ti);
 const Ks = (n, i) => {
   const t = n === window ? n.innerHeight : n.getBoundingClientRect().height, e = n === window ? 0 : n.getBoundingClientRect().top;
@@ -721,15 +721,15 @@ const Ks = (n, i) => {
     }
   });
 }, Vs = (n, i) => n === "up" || n === "down" ? n : n !== null ? n === "true" ? !0 : n === "false" ? !1 : i.repeat : i.repeat;
-var it, Pe, It, Ii;
+var st, Ne, Mt, Ii;
 class Hi {
   constructor(i, t = {}) {
-    p(this, it);
-    p(this, It);
+    p(this, st);
+    p(this, Mt);
     this.__storage__ = {
       el: i,
       options: t
-    }, this.active = "data-aost-active", d(this, it, Pe).call(this);
+    }, this.active = "data-aost-active", d(this, st, Ne).call(this);
   }
   destroy(i) {
     const { elements: t, options: e } = this;
@@ -745,10 +745,10 @@ class Hi {
   }
   update(i) {
     var t;
-    d(t = this.destroy(i), it, Pe).call(t);
+    d(t = this.destroy(i), st, Ne).call(t);
   }
 }
-it = new WeakSet(), Pe = function() {
+st = new WeakSet(), Ne = function() {
   const { el: i, options: t } = this.__storage__;
   if (!ft(i) || !A(i))
     return;
@@ -756,8 +756,8 @@ it = new WeakSet(), Pe = 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, It, Ii).call(this);
-}, It = new WeakSet(), Ii = function() {
+  d(this, Mt, Ii).call(this);
+}, Mt = new WeakSet(), Ii = function() {
   const { elements: i, options: t } = this, { scroller: e } = t, s = e === window || !A(e) ? window : _(e);
   this.eventHandler = () => {
     Ks(s, i);
@@ -769,34 +769,34 @@ it = new WeakSet(), Pe = function() {
 };
 Object.assign(Hi.prototype, z);
 const tn = (n) => {
-  const { TEMPLATE: i } = He, { childDom: t } = n, e = document.createElement("div");
+  const { TEMPLATE: i } = Ie, { childDom: t } = n, e = document.createElement("div");
   e.innerHTML = i();
   const s = e.querySelector(".player-wrapper");
   return [...t].forEach((o) => {
     s.append(o);
   }), e.children[0];
 };
-var Mt, Mi, qt, qi, Ot, Oi, Pt, Pi, Nt, Ni, jt, ji, zt, zi, Bt, Bi, Wt, Wi, Gt, Gi;
+var qt, Mi, Ot, qi, Pt, Oi, Nt, Pi, jt, Ni, zt, ji, Bt, zi, Wt, Bi, Gt, Wi, Rt, Gi;
 class en extends HTMLElement {
   constructor() {
     super();
-    p(this, Mt);
     p(this, qt);
     p(this, Ot);
-    // youtube iframe
     p(this, Pt);
-    // vimeo iframe
+    // youtube iframe
     p(this, Nt);
-    // youku iframe
+    // vimeo iframe
     p(this, jt);
+    // youku iframe
     p(this, zt);
-    // 2025.02.11 新增 ig 
     p(this, Bt);
-    // 2025.02.11 新增 tiktok 
+    // 2025.02.11 新增 ig 
     p(this, Wt);
-    // 2026.01.15 新增 video 
+    // 2025.02.11 新增 tiktok 
     p(this, Gt);
-    d(this, Mt, Mi).call(this);
+    // 2026.01.15 新增 video 
+    p(this, Rt);
+    d(this, qt, Mi).call(this);
   }
   play() {
     const { videoType: t } = this;
@@ -833,16 +833,16 @@ class en extends HTMLElement {
     }
   }
 }
-Mt = new WeakSet(), Mi = function() {
+qt = new WeakSet(), Mi = function() {
   if (!this.getAttribute("video-id")) {
     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, qt, qi).call(this);
-}, qt = new WeakSet(), qi = function() {
-  this.childDom = this.childNodes, this.template = tn(this), this.innerHTML = "", this.append(this.template), d(this, Ot, Oi).call(this);
-}, Ot = new WeakSet(), Oi = function() {
-  const { videoType: t, videoMode: e } = this, { COOKIEDISAGREELAYOUT: s } = He;
+  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, Ot, qi).call(this);
+}, Ot = new WeakSet(), qi = function() {
+  this.childDom = this.childNodes, this.template = tn(this), this.innerHTML = "", this.append(this.template), d(this, Pt, Oi).call(this);
+}, Pt = new WeakSet(), Oi = function() {
+  const { videoType: t, videoMode: e } = this, { COOKIEDISAGREELAYOUT: s } = Ie;
   let o = "";
   function a(r) {
     f(r).addClass("cookie-disagree"), f(".cookie-disagree").append(s);
@@ -851,55 +851,55 @@ Mt = new WeakSet(), Mi = function() {
     case "youtubeAPI":
       break;
     case "youtube":
-      document.body.wd_youtube == !1 ? a("video-player") : o = d(this, Pt, Pi).call(this);
+      document.body.wd_youtube == !1 ? a("video-player") : o = d(this, Nt, Pi).call(this);
       break;
     case "youkuAPI":
       break;
     case "youku":
-      document.body.wd_youku == !1 ? a("video-player") : o = d(this, jt, ji).call(this);
+      document.body.wd_youku == !1 ? a("video-player") : o = d(this, zt, ji).call(this);
       break;
     case "vimeo":
-      document.body.wd_vimeo == !1 ? a("video-player") : o = d(this, Nt, Ni).call(this);
+      document.body.wd_vimeo == !1 ? a("video-player") : o = d(this, jt, Ni).call(this);
       break;
     case "bilibili":
-      document.body.wd_bilibili == !1 ? a("video-player") : o = d(this, zt, zi).call(this);
+      document.body.wd_bilibili == !1 ? a("video-player") : o = d(this, Bt, zi).call(this);
       break;
     case "instagram":
-      document.body.wd_instagram == !1 ? a(".instagram-media") : o = d(this, Bt, Bi).call(this);
+      document.body.wd_instagram == !1 ? a(".instagram-media") : o = d(this, Wt, Bi).call(this);
       break;
     case "tiktok":
-      document.body.wd_tiktok == !1 ? a("video-player") : o = d(this, Wt, Wi).call(this);
+      document.body.wd_tiktok == !1 ? a("video-player") : o = d(this, Gt, Wi).call(this);
       break;
     case "videojs":
       break;
     case "video":
-      o = d(this, Gt, Gi).call(this);
+      o = d(this, Rt, Gi).call(this);
       break;
   }
   this.querySelector(".player-wrapper").insertAdjacentHTML(S.prepend, o);
-}, Pt = new WeakSet(), Pi = function() {
+}, Nt = new WeakSet(), Pi = 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>`;
-}, Nt = new WeakSet(), Ni = function() {
+}, jt = new WeakSet(), Ni = 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>`;
-}, jt = new WeakSet(), ji = function() {
+}, zt = new WeakSet(), ji = function() {
   const { videoId: t, autoplay: e } = this;
   return `<iframe src="https://player.youku.com/embed/${t}?rel=0&${e === "on" ? "autoplay=true" : ""}" allow="${e === "on" ? "autoplay;" : ""} width="100%" height="100%" frameborder=0 "allowfullscreen"></iframe>`;
-}, zt = new WeakSet(), zi = function() {
+}, Bt = new WeakSet(), zi = 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>`;
-}, Bt = new WeakSet(), Bi = function() {
+}, Wt = new WeakSet(), Bi = function() {
   const { videoId: t, autoplay: e } = this;
   return `<iframe class="instagram-media instagram-media-rendered" id="instagram-embed-0" src="https://www.instagram.com/p/${t}/embed/"  width="num-w" height=" num-h" scrolling="auto" frameborder="0" data-instgrm-payload-id="instagram-media-payload-0"></iframe>`;
-}, Wt = new WeakSet(), Wi = function() {
+}, Gt = new WeakSet(), Wi = function() {
   const { videoId: t, autoplay: e } = this;
   return `<iframe name="__tt_embed__v79271677875424740" sandbox="allow-popups allow-popups-to-escape-sandbox allow-scripts allow-top-navigation allow-same-origin" src="https://www.tiktok.com/player/v1/${t}?&${e === "on" ? "autoplay=1" : ""}"></iframe>`;
-}, Gt = new WeakSet(), Gi = function() {
+}, Rt = new WeakSet(), Gi = function() {
   const { videoId: t, autoplay: e } = this;
   return `<video src="${t}" ${e == "on" ? "autoplay" : ""} muted playsinline controls></video>`;
 };
-let Q = 0;
+let K = 0;
 function Ri(n) {
   const i = [];
   return (n || []).forEach((t) => {
@@ -908,12 +908,12 @@ function Ri(n) {
 }
 function Xi(n) {
   const i = Ri(n);
-  Q += 1, Q === 1 && document.documentElement.classList.add("scrollLock"), Ws(i);
+  K += 1, K === 1 && document.documentElement.classList.add("scrollLock"), Ws(i);
 }
 function Ui(n) {
-  Q = Math.max(0, Q - 1);
+  K = Math.max(0, K - 1);
   const i = Ri(n);
-  Gs(i), Q === 0 && document.documentElement.classList.remove("scrollLock");
+  Gs(i), K === 0 && document.documentElement.classList.remove("scrollLock");
 }
 async function zn(n = 0) {
   if (f(".loading-wrapper").length)
@@ -1132,32 +1132,32 @@ function uo(n) {
   return i.innerHTML = n, i.childNodes[0];
 }
 const ai = (n) => n.videoId !== "" || typeof n.videoId < "u", on = (n) => n.$selector.getAttribute("video4-active") === "on", yt = (n) => `<video-player video-id="${n.videoId}" video-type="${n.videoType}" video-startTime="${n.videoStartTime}" video-autoplay="${n.videoAutoplay}"></video-player>`, ri = (n) => (console.log(n.videoId, "params.videoId"), `<blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="${n.videoId}"></blockquote>`);
-var st, je, Rt, Yi, nt, ze, ot, Be, Xt, Fi, at, We, Ut, Ji;
+var nt, ze, Xt, Yi, ot, Be, at, We, Ut, Fi, rt, Ge, Yt, Ji;
 const X = class X {
   //*-* 給Article4用的 **//
   constructor(i, t = {}) {
-    p(this, st);
-    p(this, Rt);
     p(this, nt);
-    p(this, ot);
     p(this, Xt);
+    p(this, ot);
     p(this, at);
     p(this, Ut);
-    if (!ft(i) && !Ie(i) && !vt(i)) {
+    p(this, rt);
+    p(this, Yt);
+    if (!ft(i) && !Me(i) && !vt(i)) {
       ni("video4", `找不到該物件 -> ${i}`);
       return;
     }
     this.__storage__ = {
       el: i,
       options: t
-    }, this.active = "data-video-active", d(this, st, je).call(this);
+    }, this.active = "data-video-active", d(this, nt, ze).call(this);
   }
   update() {
-    d(this, st, je).call(this);
+    d(this, nt, ze).call(this);
   }
 };
-st = new WeakSet(), je = function() {
-  const { el: i, options: t } = this.__storage__, { SETTINGS: e, EVENTS: s, LAYOUT: o } = He;
+nt = new WeakSet(), ze = function() {
+  const { el: i, options: t } = this.__storage__, { SETTINGS: e, EVENTS: s, LAYOUT: o } = Ie;
   if (t.isGlobal && (X.globalOptions = t), this.elements = t.state == "not active" ? D(i + `:not([${this.active}])`) : D(i), this.options = Object.assign(
     {},
     { LAYOUT: o },
@@ -1171,18 +1171,18 @@ st = new WeakSet(), je = function() {
   ), this.__events__ = Object.assign({}, s), this.options.on)
     for (const [a, r] of Object.entries(this.options.on))
       this.__events__[a] = [r];
-  d(this, Rt, Yi).call(this);
-}, Rt = new WeakSet(), Yi = function() {
+  d(this, Xt, Yi).call(this);
+}, Xt = new WeakSet(), Yi = function() {
   const { elements: i, options: t } = this;
   i.forEach((e) => {
-    e.video = {}, e.video.instance = this, e.video.defaultOptions = t, e.video.params = d(this, Ut, Ji).call(this, e), e.video.methods = {}, e.video.methods.update = this.update, e.setAttribute(this.active, ""), ai(e.video.params) && !on(e.video.params) && (e.setAttribute("video4-active", "on"), d(this, Xt, Fi).call(this, e)), ai(e.video.params) || ni("video4", "無法取得影片 ID");
+    e.video = {}, e.video.instance = this, e.video.defaultOptions = t, e.video.params = d(this, Yt, Ji).call(this, e), e.video.methods = {}, e.video.methods.update = this.update, e.setAttribute(this.active, ""), ai(e.video.params) && !on(e.video.params) && (e.setAttribute("video4-active", "on"), d(this, Ut, Fi).call(this, e)), ai(e.video.params) || ni("video4", "無法取得影片 ID");
   }), this.emit("init");
-}, nt = new WeakSet(), ze = function(i) {
+}, ot = new WeakSet(), Be = function(i) {
   const { $selector: t, videoId: e, videoType: s, videoInboxImg: o, videoHighQualityPic: a } = i, r = t == null ? void 0 : t.querySelector("img"), l = (r == null ? void 0 : r.getAttribute("src")) || (r == null ? void 0 : r.getAttribute("data-src"));
   return o ? Promise.resolve(o) : l ? Promise.resolve(l) : s == "youtube" ? a == "on" ? Promise.resolve(`https://img.youtube.com/vi/${e}/maxresdefault.jpg`) : Promise.resolve(`https://img.youtube.com/vi/${e}/0.jpg`) : s == "vimeo" ? Promise.resolve(`https://vumbnail.com/${e}_large.jpg`) : s == "tiktok" ? fetch(`https://www.tiktok.com/oembed?url=https://www.tiktok.com/@/video/${e}`, { method: "GET", redirect: "follow" }).then((c) => c.json()).then((c) => c.thumbnail_url).catch(function() {
     return "";
   }) : Promise.resolve("");
-}, ot = new WeakSet(), Be = function(i, t) {
+}, at = new WeakSet(), We = function(i, t) {
   const { videoType: e, videoId: s } = t;
   if (!(i != null && i.getAttribute("src") || i != null && i.getAttribute("data-src"))) {
     if (e === "video") {
@@ -1195,11 +1195,11 @@ st = new WeakSet(), je = function() {
       };
       return;
     }
-    d(this, nt, ze).call(this, t).then((a) => {
+    d(this, ot, Be).call(this, t).then((a) => {
       a ? i.setAttribute("src", `${a}`) : E("video4", "僅 youtube & vimeo 提供，無圖片時放置預設封面畫面，其他影片平台請自行上傳封面照片");
     });
   }
-}, Xt = new WeakSet(), Fi = function(i) {
+}, Ut = new WeakSet(), Fi = 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: h } = e;
   if (l === "onBox" || l === "inBox") {
     let g = null;
@@ -1207,7 +1207,7 @@ st = new WeakSet(), je = function() {
       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(S.after, w) : E("video4", `找不到對應的 LAYOUT 設定 (No: ${o})，且無預設樣式。`), !v)
-        d(this, ot, Be).call(this, m, e);
+        d(this, at, We).call(this, m, e);
       else if (!v && r == "youtube")
         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")
@@ -1228,7 +1228,7 @@ st = new WeakSet(), je = function() {
           console.log("error");
         }) : E("video4", "僅 youtube & vimeo 提供，無圖片時放置預設封面畫面，其他影片平台請自行上傳封面照片");
     }
-    c == "off" ? g = s : (g = s.querySelector(c) ?? s, s.querySelector(c) || E("video4", `找不到 videoButton 設定的 element -> '${c}' , 點擊物件轉移至 '${this.__storage__.el}'`)), g.video || (g.video = {}, g.video.params = e, g.video.instance = this), g.video.eventHandler = d(this, at, We), g.addEventListener("click", g.video.eventHandler);
+    c == "off" ? g = s : (g = s.querySelector(c) ?? s, s.querySelector(c) || E("video4", `找不到 videoButton 設定的 element -> '${c}' , 點擊物件轉移至 '${this.__storage__.el}'`)), g.video || (g.video = {}, g.video.params = e, g.video.instance = this), g.video.eventHandler = d(this, rt, Ge), g.addEventListener("click", g.video.eventHandler);
   } else if (l === "onPage") {
     let g = null;
     if (u == "on") {
@@ -1241,14 +1241,14 @@ st = new WeakSet(), je = function() {
         m.setAttribute("src", `${b}`);
       }).catch(function(w) {
         console.log("error");
-      }) : v || E("video4", "僅 youtube & vimeo 提供，無圖片時放置預設封面畫面，其他影片平台請自行上傳封面照片") : d(this, ot, Be).call(this, m, e), c == "off" ? g = s : (g = s.querySelector(c) ?? s, s.querySelector(c) || E("video4", `找不到 videoButton 設定的 element -> '${c}', 點擊物件轉移至 '${this.__storage__.el}'`));
+      }) : v || E("video4", "僅 youtube & vimeo 提供，無圖片時放置預設封面畫面，其他影片平台請自行上傳封面照片") : d(this, at, We).call(this, m, e), c == "off" ? g = s : (g = s.querySelector(c) ?? s, s.querySelector(c) || E("video4", `找不到 videoButton 設定的 element -> '${c}', 點擊物件轉移至 '${this.__storage__.el}'`));
     } else {
       s.innerHTML = yt(e);
       return;
     }
-    g.video || (g.video = {}, g.video.params = e), g.video.eventHandler = d(this, at, We), g.addEventListener("click", g.video.eventHandler);
+    g.video || (g.video = {}, g.video.params = e), g.video.eventHandler = d(this, rt, Ge), g.addEventListener("click", g.video.eventHandler);
   }
-}, at = new WeakSet(), We = function(i) {
+}, rt = new WeakSet(), Ge = function(i) {
   const { video: t } = this, e = t.instance, {
     $selector: s,
     videoMode: o,
@@ -1282,8 +1282,8 @@ st = new WeakSet(), je = function() {
           const L = y.querySelectorAll("[data-overlayscrollbars-viewport]");
           if (b.update(), Xi([...L]), u == "instagram") {
             const k = document.querySelector("[video-template] .modal-content");
-            new ResizeObserver((J) => {
-              J[0].contentRect.height > 50 && k.classList.add("active");
+            new ResizeObserver((Z) => {
+              Z[0].contentRect.height > 50 && k.classList.add("active");
             }).observe(k);
           }
           if (o == "inBox")
@@ -1291,8 +1291,8 @@ st = new WeakSet(), je = function() {
               f(".video-content").remove();
             else {
               let k;
-              const F = y.querySelector(".video-content");
-              d(O = e, nt, ze).call(O, t.params).then((J) => {
+              const J = y.querySelector(".video-content");
+              d(O = e, ot, Be).call(O, t.params).then((Z) => {
                 k = `
                     <div
                       class="photo-box"
@@ -1306,16 +1306,16 @@ st = new WeakSet(), je = function() {
                     >
                     <picture>
                       <source
-                        srcset="${J || ""}"
+                        srcset="${Z || ""}"
                         type="image/webp"
                       />
                       <source
-                        srcset="${J || ""}"
+                        srcset="${Z || ""}"
                         type="image/jpeg"
                       />
-                      <img src="${J || ""}" alt="" />
+                      <img src="${Z || ""}" alt="" />
                     </picture>
-                  </div>`, F.insertAdjacentHTML(S.prepend, k);
+                  </div>`, J.insertAdjacentHTML(S.prepend, k);
                 const ii = y.querySelectorAll("[video-target]");
                 ii.length > 0 && new X(ii, {
                   LAYOUT: t.params.LAYOUT,
@@ -1333,7 +1333,7 @@ st = new WeakSet(), je = function() {
         }
       }
     };
-    V.open(C);
+    tt.open(C);
   } else if (o == "onPage")
     if (t.params.videoAutoplay = "on", r == "off") {
       if (s.querySelector("video-player"))
@@ -1344,7 +1344,7 @@ st = new WeakSet(), je = function() {
       (s.querySelector(r) ?? s).insertAdjacentHTML("beforeend", yt(t.params));
       return;
     }
-}, Ut = new WeakSet(), Ji = function(i) {
+}, Yt = new WeakSet(), Ji = function(i) {
   const t = this.options;
   return {
     $selector: i,
@@ -1365,8 +1365,8 @@ st = new WeakSet(), je = function() {
     LAYOUT: t.LAYOUT || []
   };
 }, si(X, "globalOptions", {});
-let Ne = X;
-Object.assign(Ne.prototype, z);
+let je = X;
+Object.assign(je.prototype, z);
 customElements.define("video-player", en);
 const an = {
   "zh-tw": {
@@ -2198,7 +2198,7 @@ const an = {
     ]
   }
 };
-let K;
+let V;
 const rn = (n) => {
   const { TEMPLATE: i } = ti, { childDom: t } = n.s, e = document.createElement("div"), s = n.classList.contains("filter"), o = n.getAttribute("filter-placeholder"), a = n.getAttribute("d4-icon"), r = n.getAttribute("custom-template");
   e.innerHTML = i(
@@ -2274,17 +2274,17 @@ const rn = (n) => {
   }
 }, cn = (n) => {
   const i = n.s.cityLang;
-  f("#newCityData").length > 0 ? f("#newCityData").val() !== "" && (K = JSON.parse(f("#newCityData").val())[0], console.log([0])) : K = an, n.classList.contains("city") && (n.s.dropdownEl.querySelector(".dropdown-list").innerHTML = "", Object.keys(K[i]).forEach((t) => {
+  f("#newCityData").length > 0 ? f("#newCityData").val() !== "" && (V = JSON.parse(f("#newCityData").val())[0], console.log([0])) : V = an, n.classList.contains("city") && (n.s.dropdownEl.querySelector(".dropdown-list").innerHTML = "", Object.keys(V[i]).forEach((t) => {
     const e = document.createElement("li");
     e.textContent = t, e.setAttribute("data-option", t), n.s.dropdownEl.querySelector(".dropdown-list").append(e);
   }), n.s.allLi = n.s.dropdownEl.querySelectorAll(".dropdown-list li"));
 }, dn = (n, i) => {
   const t = n.s.cityLang;
-  K[t][i].forEach((e, s) => {
+  V[t][i].forEach((e, s) => {
     const o = document.createElement("li");
     o.textContent = e[0], o.setAttribute("data-option", e[0]), n.s.dropdownEl.querySelector(".dropdown-list").append(o);
   });
-}, Ge = () => {
+}, Re = () => {
   D('dropdown-el[d4-status="open"]').forEach((i) => {
     i.close();
   });
@@ -2298,18 +2298,18 @@ const rn = (n) => {
 };
 un();
 document.addEventListener("click", function() {
-  Ge();
+  Re();
 });
-var Yt, Qi, Ft, Ki, rt, Re, Jt, Vi, Zt, ts;
+var Ft, Qi, Jt, Ki, U, Tt, Zt, Vi, Qt, ts;
 class Zi extends HTMLElement {
   constructor() {
     super();
-    p(this, Yt);
     p(this, Ft);
-    // -** 獨立 dropdown 出 body 更新
-    p(this, rt);
     p(this, Jt);
+    // -** 獨立 dropdown 出 body 更新
+    p(this, U);
     p(this, Zt);
+    p(this, Qt);
     this.initialize = !1;
   }
   static get observedAttributes() {
@@ -2355,7 +2355,7 @@ class Zi extends HTMLElement {
   }
   connectedCallback() {
     const t = this;
-    t.initialize || t.classList.contains("d4-initialize") || (t.initialize = !0, d(this, Yt, Qi).call(this));
+    t.initialize || t.classList.contains("d4-initialize") || (t.initialize = !0, d(this, Ft, Qi).call(this));
   }
   disconnectedCallback() {
     this.s && this.s.dropdownEl && this.s.dropdownEl.parentNode === document.body && document.body.removeChild(this.s.dropdownEl);
@@ -2363,7 +2363,7 @@ class Zi extends HTMLElement {
   open() {
     const t = this;
     let e;
-    t.getAttribute("d4-portal") == "true" ? (Ge(), t.s.dropdownEl.parentNode !== document.body && document.body.appendChild(t.s.dropdownEl), t.__scroller__ || t.__events__.bindScrollbar(), e = t.s.dropdownEl.querySelector(".dropdown-scroller").clientHeight) : e = t.querySelector(".dropdown-scroller").clientHeight;
+    t.getAttribute("d4-portal") == "true" ? (Re(), t.s.dropdownEl.parentNode !== document.body && document.body.appendChild(t.s.dropdownEl), t.__scroller__ || t.__events__.bindScrollbar(), d(this, U, Tt).call(this), t.s.dropdownEl.offsetHeight, e = t.s.dropdownEl.querySelector(".dropdown-scroller").clientHeight) : e = t.querySelector(".dropdown-scroller").clientHeight;
     const s = t.classList.contains("filter"), o = () => {
       if (t.getAttribute("d4-portal") == "true") {
         if (s)
@@ -2382,10 +2382,10 @@ class Zi extends HTMLElement {
       const c = o() + t.s.subDropdownTotalH;
       return c > r ? r : c;
     };
-    return t.getAttribute("d4-portal") !== "true" && Ge(), 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, Re).call(this), t.s.dropdownEl.offsetHeight, t.s.dropdownEl.style.height = `${l()}px`, t.__events__._scrollUpdate = () => {
+    return t.getAttribute("d4-portal") !== "true" && Re(), 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, U, Tt).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, Re).call(u);
+      c.bottom < 0 || c.top > window.innerHeight ? t.close() : d(u = t, U, Tt).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;
@@ -2408,16 +2408,16 @@ class Zi extends HTMLElement {
     this.__events__.selectOption();
   }
 }
-Yt = new WeakSet(), Qi = function() {
-  this.s = {}, this.__events__ = {}, this.hasAttribute("d4-status") || this.setAttribute("d4-status", "close"), this.hasAttribute("d4-value") || this.setAttribute("d4-value", ""), d(this, Ft, Ki).call(this);
-}, Ft = new WeakSet(), Ki = function() {
-  this.s.childDom = this.childNodes, this.s.template = rn(this), this.innerHTML = "", this.append(this.s.template), this.s.dropdownEl = this.querySelector(".dropdown"), this.getAttribute("d4-portal") === "true" && (this.s.dropdownEl.setAttribute("data-d4-portal", ""), document.body.appendChild(this.s.dropdownEl)), d(this, Jt, Vi).call(this);
-}, rt = new WeakSet(), Re = function() {
+Ft = new WeakSet(), Qi = function() {
+  this.s = {}, this.__events__ = {}, this.hasAttribute("d4-status") || this.setAttribute("d4-status", "close"), this.hasAttribute("d4-value") || this.setAttribute("d4-value", ""), d(this, Jt, Ki).call(this);
+}, Jt = new WeakSet(), Ki = function() {
+  this.s.childDom = this.childNodes, this.s.template = rn(this), this.innerHTML = "", this.append(this.s.template), this.s.dropdownEl = this.querySelector(".dropdown"), this.getAttribute("d4-portal") === "true" && (this.s.dropdownEl.setAttribute("data-d4-portal", ""), document.body.appendChild(this.s.dropdownEl)), d(this, Zt, Vi).call(this);
+}, U = new WeakSet(), Tt = function() {
   const t = this, e = t.getBoundingClientRect(), s = t.s.dropdownEl;
   s.style.position = "fixed", s.style.overflow = "hidden", s.style.left = `${e.left}px`, s.style.width = `${e.width}px`;
   const o = parseInt(s.style.height) || s.scrollHeight;
   window.innerHeight - e.bottom < o && e.top > o ? (s.style.top = "auto", s.style.bottom = `${window.innerHeight - e.top + 5}px`) : (s.style.top = `${e.bottom + 5}px`, s.style.bottom = "auto");
-}, Jt = new WeakSet(), Vi = function() {
+}, Zt = new WeakSet(), Vi = function() {
   var s;
   const t = this;
   t.s.allLi = t.s.dropdownEl.querySelectorAll(".dropdown-list li"), t.s.selectDisplayEl = t.querySelector(".select-display"), t.s.selectType = t.hasAttribute("multiple") ? "multiple" : "single", t.s.cityLang = t.hasAttribute("city-lang") ? t.getAttribute("city-lang") : "zh-tw", cn(t), t.s.subDropdownTotalH = 0;
@@ -2462,8 +2462,8 @@ Yt = new WeakSet(), Qi = function() {
       };
       break;
   }
-  M(t, t.s.value.index), d(s = t, Zt, ts).call(s), t.classList.add("d4-initialize");
-}, Zt = new WeakSet(), ts = function() {
+  M(t, t.s.value.index), d(s = t, Qt, ts).call(s), t.classList.add("d4-initialize");
+}, Qt = new WeakSet(), ts = function() {
   const t = this;
   t.__events__.dropdownToggle = () => {
     t.addEventListener("click", function(e) {
@@ -2538,7 +2538,7 @@ Yt = new WeakSet(), Qi = function() {
             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 = "", M(b, -1), K[v][w].forEach((T, C) => {
+                b && (b.s.dropdownEl.querySelector(".dropdown-list").textContent = "", M(b, -1), V[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));
@@ -2581,7 +2581,7 @@ Yt = new WeakSet(), Qi = function() {
 };
 Object.assign(Zi.prototype, z);
 customElements.define("dropdown-el", Zi);
-function Tt(n) {
+function Et(n) {
   const i = {};
   return [...n.attributes].forEach((t) => {
     if (t.name.includes("duration-")) {
@@ -2591,9 +2591,9 @@ function Tt(n) {
   }), Object.keys(i).length === 0 ? null : i;
 }
 function li(n) {
-  if (Tt(n)) {
+  if (Et(n)) {
     let i;
-    const t = Object.keys(Tt(n)).map((e) => ({
+    const t = Object.keys(Et(n)).map((e) => ({
       value: e,
       point: e
     }));
@@ -2602,7 +2602,7 @@ function li(n) {
       const { point: s, value: o } = t[e];
       window.matchMedia(`(max-width: ${o}px)`).matches && (i = s);
     }
-    return i ? Number(Tt(n)[i]) : n.s.options.duration;
+    return i ? Number(Et(n)[i]) : n.s.options.duration;
   } else
     return n.s.options.duration;
 }
@@ -2679,14 +2679,14 @@ function hn(n) {
     i && clearTimeout(i), i = setTimeout(n, 200, t);
   };
 }
-var Qt, es, Kt, is, Vt, ss, te, ns;
+var Kt, es, Vt, is, te, ss, ee, ns;
 class mn extends HTMLElement {
   constructor() {
     super();
-    p(this, Qt);
     p(this, Kt);
     p(this, Vt);
     p(this, te);
+    p(this, ee);
     this.initialize = !1;
   }
   static get observedAttributes() {
@@ -2695,7 +2695,7 @@ class mn extends HTMLElement {
   attributeChangedCallback(t, e, s) {
   }
   connectedCallback() {
-    this.initialize || (this.initialize = !0, d(this, Qt, es).call(this));
+    this.initialize || (this.initialize = !0, d(this, Kt, es).call(this));
   }
   play() {
     this.s.animation.play(), this.s.animateEl.classList.add("start"), this.s.options.continual && (this.s.cloneAnimation.play(), this.s.cloneAnimateEl.classList.add("start"));
@@ -2704,7 +2704,7 @@ class mn extends HTMLElement {
     this.s.animation.pause(), this.s.options.continual && this.s.cloneAnimation.pause();
   }
 }
-Qt = new WeakSet(), es = function() {
+Kt = new WeakSet(), es = function() {
   const t = {
     direction: this.getAttribute("direction") || I.SETTINGS.direction,
     // up / down / left / right
@@ -2712,7 +2712,7 @@ Qt = new WeakSet(), es = function() {
     // normal / alternate / endStop
     duration: Number(this.getAttribute("duration")) || I.SETTINGS.duration,
     // ms
-    durationBreakpoints: Tt(this) || I.SETTINGS.durationBreakpoints,
+    durationBreakpoints: Et(this) || I.SETTINGS.durationBreakpoints,
     autoplay: this.getAttribute("autoplay") || I.SETTINGS.autoplay,
     // normal / alternate / endStop
     pauseOnMouseenter: this.getAttribute("pauseOnMouseEnter") ? this.getAttribute("pauseOnMouseEnter") === "true" : I.SETTINGS.pauseOnMouseenter,
@@ -2721,8 +2721,8 @@ Qt = new WeakSet(), es = function() {
     // true / false
     gap: Number(this.getAttribute("gap")) || I.SETTINGS.gap
   };
-  this.s = {}, this.s.options = t, this.s.nowDuration = li(this), pn(this), d(this, Kt, is).call(this);
-}, Kt = new WeakSet(), is = function() {
+  this.s = {}, this.s.options = t, this.s.nowDuration = li(this), pn(this), d(this, Vt, is).call(this);
+}, Vt = new WeakSet(), is = function() {
   const { direction: t, continual: e, gap: s } = this.s.options;
   switch (t) {
     case "left":
@@ -2734,8 +2734,8 @@ Qt = new WeakSet(), es = function() {
       e ? this.style.cssText = `height: ${this.s.animateEl.clientHeight}px;--continual-gap: ${s}px;` : this.style.cssText = `min-height: ${this.s.animateEl.clientHeight}px;--continual-gap: ${s}px;`;
       break;
   }
-  d(this, Vt, ss).call(this), d(this, te, ns).call(this), e && this.classList.add("continual"), this.classList.add("m4-initialize");
-}, Vt = new WeakSet(), ss = function() {
+  d(this, te, ss).call(this), d(this, ee, ns).call(this), e && this.classList.add("continual"), this.classList.add("m4-initialize");
+}, te = new WeakSet(), ss = function() {
   const t = this, { direction: e, behavior: s, duration: o, autoplay: a, pauseOnMouseenter: r, continual: l } = t.s.options;
   let c;
   function u() {
@@ -2800,7 +2800,7 @@ Qt = new WeakSet(), es = function() {
   }), t.addEventListener("mouseleave", function() {
     t.s.animation && r && t.s.animation.playState === "paused" && t.play();
   });
-}, te = new WeakSet(), ns = function() {
+}, ee = new WeakSet(), ns = function() {
   const t = this;
   function e() {
     const s = t.s.animation.startTime, o = t.s.cloneAnimation ? t.s.cloneAnimation.startTime : null;
@@ -2838,22 +2838,22 @@ const ci = function(n, i) {
   }
   n.classList.remove(i);
 };
-var ee, os, ie, as, se, rs, lt, Xe, U, Et, ne, ls;
+var ie, os, se, as, ne, rs, lt, Xe, Y, At, oe, ls;
 class di {
   constructor(i) {
     // 初始化
-    p(this, ee);
-    // 左右箭頭事件綁定
     p(this, ie);
-    // 左右拖拉事件綁定
+    // 左右箭頭事件綁定
     p(this, se);
+    // 左右拖拉事件綁定
+    p(this, ne);
     // 卷軸位置判斷
     p(this, lt);
     // 隱藏按鈕判斷
-    p(this, U);
+    p(this, Y);
     // 選項事件綁定
-    p(this, ne);
-    this.$element = i, this.option = i.s.option.drag, this._didInitialScroll = !1, d(this, ee, os).call(this);
+    p(this, oe);
+    this.$element = i, this.option = i.s.option.drag, this._didInitialScroll = !1, d(this, ie, os).call(this);
   }
   // 更新 active 位置
   update(i = !1) {
@@ -2874,7 +2874,7 @@ class di {
     s();
   }
 }
-ee = new WeakSet(), os = function() {
+ie = new WeakSet(), os = function() {
   var s, o, a, r;
   const i = this;
   if (!i.$element)
@@ -2883,10 +2883,10 @@ ee = new WeakSet(), os = function() {
   let t = !1;
   const e = () => {
     t || (requestAnimationFrame(() => {
-      d(this, lt, Xe).call(this), d(this, U, Et).call(this), t = !1;
+      d(this, lt, Xe).call(this), d(this, Y, At).call(this), t = !1;
     }), 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, se, rs).call(s), i.option.navigation && i.$element.s.type !== "collapse" && (i.$container.insertAdjacentHTML(
+  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, ne, rs).call(s), i.option.navigation && i.$element.s.type !== "collapse" && (i.$container.insertAdjacentHTML(
     S.prepend,
     `<div class="navigation">
         <div class="button prev">
@@ -2896,10 +2896,10 @@ ee = new WeakSet(), os = function() {
           <div></div>
         </div>
       </div>`
-  ), i.$button = (o = i.$container) == null ? void 0 : o.querySelectorAll(".button"), d(a = i, ie, as).call(a)), d(r = i, ne, ls).call(r), i.update(!0), requestAnimationFrame(() => {
-    d(this, lt, Xe).call(this), d(this, U, Et).call(this);
+  ), i.$button = (o = i.$container) == null ? void 0 : o.querySelectorAll(".button"), d(a = i, se, as).call(a)), d(r = i, oe, ls).call(r), i.update(!0), requestAnimationFrame(() => {
+    d(this, lt, Xe).call(this), d(this, Y, At).call(this);
   });
-}, ie = new WeakSet(), as = function() {
+}, se = new WeakSet(), as = function() {
   const i = this, { $wrapper: t, $button: e } = i, s = function() {
     const o = this.classList.contains("next"), a = parseInt(t.getBoundingClientRect().width * 0.7);
     t.scrollTo({
@@ -2907,13 +2907,13 @@ ee = new WeakSet(), os = function() {
       behavior: "smooth"
     }), setTimeout(() => {
       var r;
-      d(r = i, U, Et).call(r);
+      d(r = i, Y, At).call(r);
     }, 100);
   };
   e.forEach((o) => {
     o.removeEventListener("click", s), o.addEventListener("click", s);
   });
-}, se = new WeakSet(), rs = function() {
+}, ne = new WeakSet(), rs = function() {
   const { $wrapper: i } = this;
   let t = !1, e = !1, s = 0, o = 0;
   const a = function(h) {
@@ -2946,7 +2946,7 @@ ee = new WeakSet(), os = function() {
 }, lt = new WeakSet(), Xe = function() {
   const { $container: i, $wrapper: t } = this, e = t.scrollWidth - t.clientWidth, s = Math.round(t.scrollLeft);
   e <= 0 || (x(i, "scrollable"), s == 0 ? (x(t, "start"), $(t, "end")) : s + 1 >= e ? ($(t, "start"), x(t, "end")) : (x(t, "center"), $(t, "start"), $(t, "end")));
-}, U = new WeakSet(), Et = function() {
+}, Y = new WeakSet(), At = function() {
   const { $wrapper: i, $button: t, $element: e } = this;
   if (!t)
     return;
@@ -2968,7 +2968,7 @@ ee = new WeakSet(), os = function() {
     }
     $(a, "hide");
   }) : $(t, "hide");
-}, ne = new WeakSet(), ls = function() {
+}, oe = new WeakSet(), ls = function() {
   const { $element: i } = this, t = (s) => {
     if (this.option.selected) {
       const o = s.getAttribute("data-option").trim();
@@ -2982,31 +2982,31 @@ ee = new WeakSet(), os = function() {
     s.removeEventListener("click", e), s.addEventListener("click", e);
   });
 };
-var oe, cs, ae, ds, re, us, le, ps;
+var ae, cs, re, ds, le, us, ce, ps;
 class gn {
   constructor(i) {
     // 初始化
-    p(this, oe);
-    // 隱藏按鈕判斷
     p(this, ae);
-    // 展開箭頭事件綁定
+    // 隱藏按鈕判斷
     p(this, re);
-    // 選項事件綁定
+    // 展開箭頭事件綁定
     p(this, le);
-    this.$element = i, this.option = i.s.option.collapse, d(this, oe, cs).call(this);
+    // 選項事件綁定
+    p(this, ce);
+    this.$element = i, this.option = i.s.option.collapse, d(this, ae, cs).call(this);
   }
 }
-oe = new WeakSet(), cs = function() {
-  this.$element && (this.$container = this.$element.querySelector(".collapse-container"), this.$wrapper = this.$container.querySelector(".wrapper"), d(this, ae, ds).call(this) && d(this, re, us).call(this), d(this, le, ps).call(this));
-}, ae = new WeakSet(), ds = function() {
+ae = new WeakSet(), cs = function() {
+  this.$element && (this.$container = this.$element.querySelector(".collapse-container"), this.$wrapper = this.$container.querySelector(".wrapper"), d(this, re, ds).call(this) && d(this, le, us).call(this), d(this, ce, ps).call(this));
+}, re = new WeakSet(), ds = function() {
   const i = this.$element.querySelector(".drag-container"), t = i.querySelector(".wrapper");
   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);
-}, re = new WeakSet(), us = function() {
+}, le = new WeakSet(), us = function() {
   const { $element: i, $button: t } = this, e = function() {
     i.classList.contains("expand") ? i.classList.remove("expand") : i.classList.add("expand");
   };
   t.removeEventListener("click", e), t.addEventListener("click", e);
-}, le = new WeakSet(), ps = function() {
+}, ce = new WeakSet(), ps = function() {
   const { $element: i } = this, t = (s, o) => {
     if (i != null && i.classList.contains("expand") ? i == null || i.classList.remove("expand") : i == null || i.classList.add("expand"), this.option.selected) {
       const a = s.getAttribute("data-option").trim();
@@ -3024,22 +3024,22 @@ const fn = (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(S.append, e)), i == "collapse" && (s.innerHTML = q.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 = q.TEMPLATE[i](t == null ? void 0 : t.dropdown).trim(), s.querySelector("dropdown-el").insertAdjacentHTML(S.append, e)), s.children;
 };
-var ce, hs, de, ms, ct, Ue, dt, Ye, ue, gs, ut, Fe, Y, At;
+var de, hs, ue, ms, ct, Ue, dt, Ye, pe, gs, ut, Fe, F, St;
 class vn extends HTMLElement {
   constructor() {
     super();
-    p(this, ce);
     p(this, de);
+    p(this, ue);
     // 斷點設定
     p(this, ct);
     // 同步目前選中的項目
     p(this, dt);
     // 下拉選項事件綁定
-    p(this, ue);
+    p(this, pe);
     // 關閉展開中的 collapse
     p(this, ut);
     // check type
-    p(this, Y);
+    p(this, F);
     this.initialize = !1, this.__events__ = {}, this.s = {}, this.s.originalDomString = this.innerHTML.trim().replace(/\n/g, ""), this.previousWidth = window.innerWidth;
   }
   static get observedAttributes() {
@@ -3050,7 +3050,7 @@ class vn extends HTMLElement {
       case "m4-type":
         if (e === null || e === s)
           return;
-        this.s.type = s, d(this, Y, At).call(this);
+        this.s.type = s, d(this, F, St).call(this);
         break;
       case "m4-status":
         if (e === s)
@@ -3060,13 +3060,13 @@ class vn extends HTMLElement {
     }
   }
   connectedCallback() {
-    this.initialize || this.classList.contains("m4-init") || (this.initialize = !0, d(this, ce, hs).call(this));
+    this.initialize || this.classList.contains("m4-init") || (this.initialize = !0, d(this, de, hs).call(this));
   }
   update() {
     d(this, ut, Fe).call(this), d(this, ct, Ue).call(this);
   }
 }
-ce = new WeakSet(), hs = function() {
+de = new WeakSet(), hs = 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"));
   const e = (s) => {
@@ -3077,18 +3077,18 @@ ce = new WeakSet(), hs = function() {
     }
     this.update();
   };
-  window.removeEventListener("resize", ci(e)), window.addEventListener("resize", ci(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, de, ms).call(this);
-}, de = new WeakSet(), ms = function() {
+  window.removeEventListener("resize", ci(e)), window.addEventListener("resize", ci(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, ue, ms).call(this);
+}, ue = new WeakSet(), ms = function() {
   this.classList.add("m4-init"), d(this, ct, Ue).call(this);
 }, ct = new WeakSet(), Ue = function() {
   const t = Object.keys(this.s.option.breakpoint);
   if (!t.length) {
-    d(this, Y, At).call(this);
+    d(this, F, St).call(this);
     return;
   }
   t.map((e) => Number(e)).sort((e, s) => s - e).some((e) => {
     var s, o, a, r;
-    return window.innerWidth >= e && (this.s.type = (s = this.s.option.breakpoint[e]) == null ? void 0 : s.type, this.setAttribute("m4-type", this.s.type), this.s.option.drag = Object.assign({}, this.s.option.drag, (o = this.s.option.breakpoint[e]) == null ? void 0 : o.drag), this.s.option.collapse = Object.assign({}, this.s.option.collapse, (a = this.s.option.breakpoint[e]) == null ? void 0 : a.collapse), this.s.option.dropdown = Object.assign({}, this.s.option.dropdown, (r = this.s.option.breakpoint[e]) == null ? void 0 : r.dropdown)), d(this, Y, At).call(this), window.innerWidth >= e;
+    return window.innerWidth >= e && (this.s.type = (s = this.s.option.breakpoint[e]) == null ? void 0 : s.type, this.setAttribute("m4-type", this.s.type), this.s.option.drag = Object.assign({}, this.s.option.drag, (o = this.s.option.breakpoint[e]) == null ? void 0 : o.drag), this.s.option.collapse = Object.assign({}, this.s.option.collapse, (a = this.s.option.breakpoint[e]) == null ? void 0 : a.collapse), this.s.option.dropdown = Object.assign({}, this.s.option.dropdown, (r = this.s.option.breakpoint[e]) == null ? void 0 : r.dropdown)), d(this, F, St).call(this), window.innerWidth >= e;
   });
 }, dt = new WeakSet(), Ye = function(t = this.getAttribute("m4-status")) {
   var a;
@@ -3102,7 +3102,7 @@ ce = new WeakSet(), hs = function() {
   s(".drag-container .item"), s(".collapse-container .item");
   const o = this.querySelector("dropdown-el");
   o && o.getAttribute("d4-value") !== e && o.setAttribute("d4-value", e), (a = this.drag) == null || a.update();
-}, ue = new WeakSet(), gs = function() {
+}, pe = new WeakSet(), gs = function() {
   var e;
   const t = this.querySelector("dropdown-el");
   !t || typeof t.on != "function" || (this.__events__.dropdownChange = () => {
@@ -3112,7 +3112,7 @@ ce = new WeakSet(), hs = function() {
   }, (e = t.off) == null || e.call(t, "change", this.__events__.dropdownChange), t.on("change", this.__events__.dropdownChange));
 }, ut = new WeakSet(), Fe = function() {
   this.classList.remove("expand");
-}, Y = new WeakSet(), At = function() {
+}, F = new WeakSet(), St = function() {
   const { type: t } = this.s;
   switch (d(this, ut, Fe).call(this), this.innerHTML = "", [...fn(this)].forEach((e) => {
     this.append(e);
@@ -3124,59 +3124,59 @@ ce = new WeakSet(), hs = function() {
       this.drag = new di(this), this.collapse = new gn(this);
       break;
     case "dropdown":
-      d(this, ue, gs).call(this);
+      d(this, pe, gs).call(this);
       break;
   }
   d(this, dt, Ye).call(this);
 };
 customElements.define("multipurpose-nav", vn);
-var pe, vs, he, bs, pt, Je, W, Z, me, ys, ge, ws, fe, Ts, ve, Es, be, As, ye, Ss, we, Ls, Te, _s, Ee, Ds, N, R, Ae, ks, Se, xs, Le, $s, _e, Cs;
+var he, vs, me, bs, pt, Je, W, Q, ge, ys, fe, ws, ve, Ts, be, Es, ye, As, we, Ss, Te, Ls, Ee, _s, Ae, Ds, N, R, Se, ks, Le, xs, _e, $s, De, Cs;
 class fs extends HTMLElement {
   // 定義組件的初始狀態
   constructor(t, e) {
     super();
-    p(this, pe);
     p(this, he);
+    p(this, me);
     // 第一關 判斷數量以及id設定
     p(this, pt);
     // 第二關 id命名提醒
     p(this, W);
-    p(this, me);
     p(this, ge);
     p(this, fe);
+    p(this, ve);
     // 執行函式
     // 移動至指定位置
-    p(this, ve);
-    // 移動
     p(this, be);
-    // 步驟狀態
+    // 移動
     p(this, ye);
-    // next 按鈕狀態
+    // 步驟狀態
     p(this, we);
-    // prev 按鈕狀態
+    // next 按鈕狀態
     p(this, Te);
-    // 頁籤狀態
+    // prev 按鈕狀態
     p(this, Ee);
+    // 頁籤狀態
+    p(this, Ae);
     // 第三關各種元件判斷 及 執行
     p(this, N);
     // 消失動畫
-    p(this, Ae);
-    // 出現動畫
     p(this, Se);
-    // 狀態
+    // 出現動畫
     p(this, Le);
-    // resize
+    // 狀態
     p(this, _e);
+    // resize
+    p(this, De);
   }
   // 當組件的屬性被更改時會被呼叫
   static get observedAttributes() {
     return ["t4-active"];
   }
   attributeChangedCallback(t, e, s) {
-    t === "t4-active" && e !== s && d(this, Le, $s).call(this, s);
+    t === "t4-active" && e !== s && d(this, _e, $s).call(this, s);
   }
   connectedCallback() {
-    this.classList.contains("t4-initialize") || d(this, pe, vs).call(this);
+    this.classList.contains("t4-initialize") || d(this, he, vs).call(this);
   }
   //  ------------- 我是分隔線呦 -------------
   // 頁籤切換
@@ -3190,19 +3190,19 @@ class fs extends HTMLElement {
   setActiveTab(t) {
     const { t: e } = this, s = t === "" ? e.tabPanels[0].getAttribute("t4-id") : t;
     e.activeTab = s, this.setAttribute("t4-active", s);
-    const o = d(this, W, Z).call(this, s);
+    const o = d(this, W, Q).call(this, s);
     e.tabPanels.forEach((a, r) => {
-      r === o ? d(this, Se, xs).call(this, r) : d(this, Ae, ks).call(this, r);
+      r === o ? d(this, Le, xs).call(this, r) : d(this, Se, ks).call(this, r);
     });
   }
   // 外部呼叫方法 $0.goNext()
   goNext() {
-    const t = d(this, W, Z).call(this, this.t.activeTab), e = Math.min(this.t.tabPanels.length - 1, t + 1), s = this.t.tabPanels[e].getAttribute("t4-id");
+    const t = d(this, W, Q).call(this, this.t.activeTab), e = Math.min(this.t.tabPanels.length - 1, t + 1), s = this.t.tabPanels[e].getAttribute("t4-id");
     this.setActiveTab(s);
   }
   // 外部呼叫方法 $0.goPrev()
   goPrev() {
-    const t = d(this, W, Z).call(this, this.t.activeTab), e = Math.max(0, t - 1), s = this.t.tabPanels[e].getAttribute("t4-id");
+    const t = d(this, W, Q).call(this, this.t.activeTab), e = Math.max(0, t - 1), s = this.t.tabPanels[e].getAttribute("t4-id");
     this.setActiveTab(s);
   }
   // 外部呼叫方法 $0.update()
@@ -3210,7 +3210,7 @@ class fs extends HTMLElement {
     this.t.tabs = d(this, pt, Je).call(this), Hs(), console.log("tab update!!!!");
   }
 }
-pe = new WeakSet(), vs = function() {
+he = new WeakSet(), vs = function() {
   const t = this.getAttribute("t4-name"), { SETTINGS: e } = gi;
   document.querySelectorAll(`tab-el[t4-name=${t}]`).length > 1 && console.warn(t, "名字有重複喔！！！"), this.t = {
     tabs: [],
@@ -3230,36 +3230,36 @@ pe = new WeakSet(), vs = function() {
       delay: this.getAttribute("t4-delay") || e.transition.delay
     },
     tabGroup: this.getAttribute("t4-group") || e.tabGroup
-  }, this.__events__ = {}, this.t.tabs = d(this, pt, Je).call(this), this.t.step = document.querySelector(`[t4-control="${this.t.name}"]${this.t.stepOutput}`), d(this, he, bs).call(this);
-}, he = new WeakSet(), bs = function() {
-  if (this.t.activeTab = this.t.defaultPage, this.t.display === "swiper" && d(this, me, ys).call(this), this.t.recordUrl) {
+  }, this.__events__ = {}, this.t.tabs = d(this, pt, Je).call(this), this.t.step = document.querySelector(`[t4-control="${this.t.name}"]${this.t.stepOutput}`), d(this, me, bs).call(this);
+}, me = new WeakSet(), bs = function() {
+  if (this.t.activeTab = this.t.defaultPage, this.t.display === "swiper" && d(this, ge, ys).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, _e, Cs).call(this);
+  this.setActiveTab(this.t.activeTab), this.classList.add("t4-initialize"), d(this, De, Cs).call(this);
 }, pt = new WeakSet(), Je = 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) => {
     s.getAttribute("t4-id") || console.warn(s, "請幫我設定id！！");
   }), e;
-}, W = new WeakSet(), Z = function(t) {
+}, W = new WeakSet(), Q = function(t) {
   const { t: e } = this, s = e.tabPanels.filter((a) => a.getAttribute("t4-id") === t);
   s.length > 1 && console.warn("有兩個相同id設定", s);
   const o = s[0];
   return o ? e.tabPanels.indexOf(o) : (console.warn(`找不到t4-id為${t}的頁籤`), 0);
-}, me = new WeakSet(), ys = function() {
+}, ge = new WeakSet(), ys = 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, ge, ws).call(this);
-}, ge = new WeakSet(), ws = function() {
+  }), this.t.tabPanels = [...e.children], t.appendChild(e), this.innerHTML = "", this.appendChild(t), d(this, fe, ws).call(this);
+}, fe = new WeakSet(), ws = 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;
-}, fe = new WeakSet(), Ts = function(t) {
+}, ve = new WeakSet(), Ts = function(t) {
   const { t: e } = this;
   if (e.recordUrl === "true") {
     const s = new URLSearchParams(document.location.search);
@@ -3267,28 +3267,28 @@ pe = new WeakSet(), vs = function() {
     const o = `${window.location.pathname}?${s.toString()}`;
     history.replaceState({ t4Id: t }, "", o);
   }
-}, ve = new WeakSet(), Es = function() {
+}, be = new WeakSet(), Es = function() {
   const t = parseInt(this.t.gap, 10), e = window.pageYOffset, o = this.getBoundingClientRect().top + e - t;
-  d(this, be, As).call(this, o);
-}, be = new WeakSet(), As = function(t) {
+  d(this, ye, As).call(this, o);
+}, ye = new WeakSet(), As = function(t) {
   window.scrollTo({
     top: t,
     behavior: "smooth"
   });
-}, ye = new WeakSet(), Ss = function(t) {
+}, we = new WeakSet(), Ss = function(t) {
   let e = parseInt(t, 10) + 1;
   this.t.step.textContent = `${e}`, this.t.step.setAttribute("now-page", e);
-}, we = new WeakSet(), Ls = function(t) {
+}, Te = new WeakSet(), Ls = function(t) {
   const e = document.querySelectorAll(`[t4-role="next"][t4-control="${this.t.name}"]`), s = this.t.tabPanels.length === 1, o = t === this.t.tabPanels.length - 1;
   e.forEach((a) => {
     s || o ? a.setAttribute("disabled", "") : a.removeAttribute("disabled");
   });
-}, Te = new WeakSet(), _s = function(t) {
+}, Ee = new WeakSet(), _s = function(t) {
   const e = document.querySelectorAll(`[t4-role="prev"][t4-control="${this.t.name}"]`), s = this.t.tabPanels.length === 1, o = t === 0;
   e.forEach((a) => {
     s || o ? a.setAttribute("disabled", "") : a.removeAttribute("disabled");
   });
-}, Ee = new WeakSet(), Ds = function(t, e) {
+}, Ae = new WeakSet(), Ds = function(t, e) {
   this.t.tabGroup === "true" ? this.t.tabs.forEach((s, o) => {
     o == t ? s.setAttribute("aria-selected", !0) : s.setAttribute("aria-selected", !1);
   }) : this.t.tabs.forEach((s, o) => {
@@ -3297,25 +3297,25 @@ pe = new WeakSet(), vs = function() {
 }, N = new WeakSet(), R = function(t, e, s) {
   switch (t) {
     case "step":
-      Ie(this.t.step) && d(this, ye, Ss).call(this, e);
+      Me(this.t.step) && d(this, we, Ss).call(this, e);
       break;
     case "eventAnchor":
-      this.t.anchor && d(this, ve, Es).call(this);
+      this.t.anchor && d(this, be, Es).call(this);
       break;
     case "tabState":
-      this.t.type == "normal" && d(this, Ee, Ds).call(this, e, s);
+      this.t.type == "normal" && d(this, Ae, Ds).call(this, e, s);
       break;
     case "btnState":
-      d(this, we, Ls).call(this, e), d(this, Te, _s).call(this, e);
+      d(this, Te, Ls).call(this, e), d(this, Ee, _s).call(this, e);
       break;
     case "tabUrl":
-      this.t.recordUrl === "true" && d(this, fe, Ts).call(this, e);
+      this.t.recordUrl === "true" && d(this, ve, Ts).call(this, e);
       break;
     default:
       console.warn("請增加判斷，謝謝");
       break;
   }
-}, Ae = new WeakSet(), ks = function(t) {
+}, Se = new WeakSet(), ks = function(t) {
   const { t: e } = this;
   this.t.transition;
   const s = e.tabPanels[t];
@@ -3332,7 +3332,7 @@ pe = new WeakSet(), vs = function() {
       s.style.display = "none";
       break;
   }
-}, Se = new WeakSet(), xs = function(t) {
+}, Le = new WeakSet(), xs = function(t) {
   const { duration: e, timing: s, delay: o } = this.t.transition, a = this.t.tabPanels[t];
   let r;
   switch (a.classList.add("show"), a.classList.remove("hide"), a.style.transition = `opacity ${e}ms ${s} ${o}ms`, a.style.display = "block", this.t.display) {
@@ -3357,10 +3357,10 @@ pe = new WeakSet(), vs = function() {
       console.warn(this.t.display, "沒有這個效果請自己想辦法!!!!");
       break;
   }
-}, Le = new WeakSet(), $s = function(t) {
-  const e = d(this, W, Z).call(this, t);
+}, _e = new WeakSet(), $s = function(t) {
+  const e = d(this, W, Q).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");
-}, _e = new WeakSet(), Cs = function() {
+}, De = new WeakSet(), Cs = function() {
   const t = this;
   window.addEventListener(
     "resize",
@@ -3415,14 +3415,14 @@ const ui = (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 ht, Ze, De, Is, ke, Ms, mt, Qe;
+var ht, Ze, ke, Is, xe, Ms, mt, Qe;
 class wn {
   constructor(i, t = {}) {
     p(this, ht);
-    p(this, De);
     p(this, ke);
+    p(this, xe);
     p(this, mt);
-    !ft(i) && !Ie(i) && !vt(i) && !A(i) || (this.__storage__ = {
+    !ft(i) && !Me(i) && !vt(i) && !A(i) || (this.__storage__ = {
       el: i,
       options: t
     }, this.active = "data-collapse-active", d(this, ht, Ze).call(this));
@@ -3436,13 +3436,13 @@ ht = new WeakSet(), Ze = 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, De, Is).call(this);
-}, De = new WeakSet(), Is = function() {
+  d(this, ke, Is).call(this);
+}, ke = new WeakSet(), Is = 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, ke, Ms).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, xe, Ms).call(this, e);
   }), this.emit("init");
-}, ke = new WeakSet(), Ms = function(i) {
+}, xe = new WeakSet(), Ms = 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, mt, Qe)), c.addEventListener("click", d(this, mt, Qe)), r) {
     const h = (g) => {
@@ -3470,14 +3470,14 @@ function qs() {
   });
 }
 document.addEventListener("click", qs);
-var gt, Ke, xe, Os, $e, Ps, Ce, Ns;
+var gt, Ke, $e, Os, Ce, Ps, He, Ns;
 class En extends HTMLElement {
   constructor() {
     super();
     p(this, gt);
-    p(this, xe);
     p(this, $e);
     p(this, Ce);
+    p(this, He);
     this.initialize = !1;
   }
   connectedCallback() {
@@ -3503,13 +3503,13 @@ gt = new WeakSet(), Ke = function() {
     hover: this.getAttribute("r4-hover") ? e(this.getAttribute("r4-hover")) : t.hover,
     click: this.getAttribute("r4-hover-click") ? e(this.getAttribute("r4-hover-click")) : t.click
   };
-  this.s.options = s, this.s.options.hover && this.classList.add("hover-btn"), d(this, xe, Os).call(this);
-}, xe = new WeakSet(), Os = function() {
-  d(this, $e, Ps).call(this), d(this, Ce, Ns).call(this), this.classList.add("r4-initialize");
-}, $e = new WeakSet(), Ps = function() {
+  this.s.options = s, this.s.options.hover && this.classList.add("hover-btn"), d(this, $e, Os).call(this);
+}, $e = new WeakSet(), Os = function() {
+  d(this, Ce, Ps).call(this), d(this, He, Ns).call(this), this.classList.add("r4-initialize");
+}, Ce = new WeakSet(), Ps = function() {
   const t = this, e = document.createElement("i");
   e.classList.add("hover-ball"), e.style.transitionDuration = `${t.s.options.speed}ms`, t.appendChild(e);
-}, Ce = new WeakSet(), Ns = function() {
+}, He = new WeakSet(), Ns = function() {
   const t = this.querySelector("i.hover-ball"), e = this;
   e.addEventListener("click", function(a) {
     a.stopPropagation(), e.s.options.click && Tn(a, e);
@@ -3717,7 +3717,7 @@ export {
   Qn as J,
   Kn as K,
   Vn as L,
-  V as M,
+  tt as M,
   to as N,
   eo as O,
   io as P,
@@ -3734,7 +3734,7 @@ export {
   vt as b,
   Us as c,
   Xs as d,
-  He as e,
+  Ie as e,
   S as f,
   D as g,
   jn as h,
@@ -3751,7 +3751,7 @@ export {
   Rs as s,
   Bn as t,
   Wn as u,
-  Ne as v,
+  je as v,
   sn as w,
   Gn as x,
   Rn as y,