@xwadex/fesd 0.0.44 → 0.0.45

package/dist/image-preview-bundle.js

@@ -1,6 +1,6 @@
 var Es = Object.defineProperty;
-var Ls = (n, i, t) => i in n ? Es(n, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[i] = t;
-var We = (n, i, t) => (Ls(n, typeof i != "symbol" ? i + "" : i, t), t), As = (n, i, t) => {
+var As = (n, i, t) => i in n ? Es(n, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[i] = t;
+var We = (n, i, t) => (As(n, typeof i != "symbol" ? i + "" : i, t), t), Ls = (n, i, t) => {
   if (!i.has(n))
     throw TypeError("Cannot " + t);
 };
@@ -9,15 +9,15 @@ var h = (n, i, t) => {
     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) => (As(n, i, "access private method"), t);
-import { OverlayScrollbars as Ie } from "overlayscrollbars";
-import g from "jquery";
+var d = (n, i, t) => (Ls(n, i, "access private method"), t);
+import { OverlayScrollbars as Ne } from "overlayscrollbars";
+import f from "jquery";
 import "./vendor-bundle.js";
 import "validator";
 import "flatpickr";
 import Qe from "vanilla-lazyload";
 import { lock as Ss, unlock as Ds } from "tua-body-scroll-lock";
-const Ne = {
+const Pe = {
   SETTINGS: {
     videoId: null,
     videoType: null,
@@ -60,7 +60,7 @@ const Ne = {
     className: null,
     duration: 1500
   }
-}, O = {
+}, P = {
   SETTINGS: {
     target: null,
     route: null,
@@ -110,7 +110,7 @@ const Ne = {
     gap: 30
     // 跑馬燈內容之間的距離 - Number
   }
-}, Pe = {
+}, je = {
   SETTINGS: {
     scrollbar: {
       "scrollbar-track-color": "transparent",
@@ -138,7 +138,7 @@ const Ne = {
       </div>`;
     return t || r;
   }
-}, _s = {
+}, xs = {
   SETTINGS: {
     basic_rwd: 900,
     markdownLink: !1,
@@ -170,7 +170,7 @@ const Ne = {
     enter: null,
     leave: null
   }
-}, ut = {
+}, ht = {
   SETTINGS: {
     target: null,
     container: null,
@@ -300,24 +300,24 @@ const Ne = {
   }
 }, En = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  anchor4: ut,
+  anchor4: ht,
   aost4: Ve,
-  article4: _s,
+  article4: xs,
   collapse4: ti,
-  dropdown4: Pe,
+  dropdown4: je,
   marquee4: $,
-  modal4: O,
+  modal4: P,
   multipurpose4: H,
   ripple4: ei,
   share4: ks,
   tab4: Ke,
-  video4: Ne
-}, Symbol.toStringTag, { value: "Module" })), S = {
+  video4: Pe
+}, Symbol.toStringTag, { value: "Module" })), L = {
   before: "beforebegin",
   after: "afterend",
   append: "beforeend",
   prepend: "afterbegin"
-}, rt = (n) => typeof n == "string" && n !== "", Ee = (n) => n instanceof HTMLElement, lt = (n) => n instanceof NodeList, T = (n) => D(n) !== null, j = (n) => typeof n == "function", D = (n) => Ee(n) ? n : document.querySelector(n), k = (n) => lt(n) ? n : document.querySelectorAll(n), xs = () => Math.random().toString(36).substr(2, 9), $s = (n) => {
+}, lt = (n) => typeof n == "string" && n !== "", Ae = (n) => n instanceof HTMLElement, ct = (n) => n instanceof NodeList, E = (n) => D(n) !== null, W = (n) => typeof n == "function", D = (n) => Ae(n) ? n : document.querySelector(n), k = (n) => ct(n) ? n : document.querySelectorAll(n), _s = () => Math.random().toString(36).substr(2, 9), $s = (n) => {
   const i = document.createElement("div");
   return i.innerHTML = n, i.childNodes;
 }, Cs = (n) => {
@@ -327,13 +327,13 @@ const Ne = {
     return n;
   }
   return JSON.parse(n);
-}, L = (n, i) => {
+}, A = (n, i) => {
   console.warn(`[${n} warn]: ${i}`);
 }, Ge = (n, i) => {
   console.error(`[${n} error]: ${i}`);
-}, I = {
+}, j = {
   on(n, i) {
-    if (!j(i))
+    if (!W(i))
       return this;
     const { __events__: t } = this;
     return n.split(" ").forEach((e) => {
@@ -349,7 +349,7 @@ const Ne = {
     }), this;
   },
   once(n, i) {
-    if (!j(i))
+    if (!W(i))
       return this;
     const t = (...e) => {
       this.off(n, t), i.apply(this, e);
@@ -359,7 +359,7 @@ const Ne = {
   emit(...n) {
     const { __events__: i } = this, t = n[0], e = n.slice(1, n.length);
     return i[t] ? (i[t].forEach((s) => {
-      j(s) && s.apply(this, e);
+      W(s) && s.apply(this, e);
     }), this) : this;
   }
 }, Hs = {
@@ -373,32 +373,32 @@ const Ne = {
     return -t * ((n = n / e - 1) * n * n * n - 1) + i;
   }
 }, Le = (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", f = c ? "width" : "height", m = T(e) ? D(e) : document.scrollingElement, v = m[u], b = T(t) ? D(t).getBoundingClientRect()[p] : 0 - v, y = T(s) ? D(s).getBoundingClientRect()[f] : 0, w = b - a - y, z = 15;
-  let E = 0;
-  if (w === 0)
+  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 = E(e) ? D(e) : document.scrollingElement, v = m[u], y = E(t) ? D(t).getBoundingClientRect()[p] : 0 - v, b = E(s) ? D(s).getBoundingClientRect()[g] : 0, T = y - a - b, M = 15;
+  let w = 0;
+  if (T === 0)
     return;
-  const X = (Y) => {
+  const q = (I) => {
     const Be = D(t);
-    i && i.emit(Y, Be), !i && n.on && j(n.on[Y]) && n.on[Y](Be);
+    i && i.emit(I, Be), !i && n.on && W(n.on[I]) && n.on[I](Be);
   };
-  X("beforeScroll");
-  const ze = () => {
-    E += z;
-    const Y = Hs[r](E, v, w, o);
-    m[u] = Y, E < o && requestAnimationFrame(ze), E >= o && X("afterScroll");
+  q("beforeScroll");
+  const F = () => {
+    w += M;
+    const I = Hs[r](w, v, T, o);
+    m[u] = I, w < o && requestAnimationFrame(F), w >= o && q("afterScroll");
   };
-  requestAnimationFrame(ze);
+  requestAnimationFrame(F);
 };
-var Z, Ae, ft, si, gt, ni;
+var Q, Se, ft, si, vt, ni;
 class ii {
   constructor(i, t = {}) {
-    h(this, Z);
+    h(this, Q);
     h(this, ft);
-    h(this, gt);
+    h(this, vt);
     this.__storage__ = {
       el: i,
       options: t
-    }, this.active = "data-anchor-active", d(this, Z, Ae).call(this);
+    }, this.active = "data-anchor-active", d(this, Q, Se).call(this);
   }
   destroy() {
     const { elements: i } = this;
@@ -408,16 +408,16 @@ class ii {
   }
   update() {
     var i;
-    return d(i = this.destroy(), Z, Ae).call(i), this.emit("afterUpdate"), this;
+    return d(i = this.destroy(), Q, Se).call(i), this.emit("afterUpdate"), this;
   }
   static run(i) {
-    const { SETTINGS: t } = ut, e = Object.assign({}, t, i);
+    const { SETTINGS: t } = ht, e = Object.assign({}, t, i);
     setTimeout(() => {
       Le(e);
     }, e.delay);
   }
   static url(i) {
-    const { SETTINGS: t } = ut, { hashName: e } = i, s = window.location.search || window.location.hash, { searchParams: o } = new URL(window.location), a = document.querySelector(`[data-anchor-id="${e ? o.get(e) : s.split("?").pop()}"]`);
+    const { SETTINGS: t } = ht, { hashName: e } = i, s = window.location.search || window.location.hash, { searchParams: o } = new URL(window.location), a = document.querySelector(`[data-anchor-id="${e ? o.get(e) : s.split("?").pop()}"]`);
     if (!a)
       return;
     const r = Object.assign({}, t, i, { target: a });
@@ -426,11 +426,11 @@ class ii {
     }, r.delay);
   }
 }
-Z = new WeakSet(), Ae = function() {
+Q = new WeakSet(), Se = function() {
   const { el: i, options: t } = this.__storage__;
-  if (!rt(i) || !T(i))
+  if (!lt(i) || !E(i))
     return;
-  const { SETTINGS: e, EVENTS: s } = ut;
+  const { SETTINGS: e, EVENTS: s } = ht;
   if (this.elements = t.state == "not active" ? k(i + `:not([${this.active}])`) : k(i), this.elements = k(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];
@@ -438,9 +438,9 @@ Z = new WeakSet(), Ae = function() {
 }, ft = new WeakSet(), si = function() {
   const { elements: i, options: t } = this;
   i.forEach((e) => {
-    e.anchor = {}, e.anchor.instance = this, e.anchor.eventHandler = d(this, gt, ni), 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, vt, ni), 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");
-}, gt = new WeakSet(), ni = function() {
+}, vt = new WeakSet(), ni = 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,
@@ -457,25 +457,25 @@ Z = new WeakSet(), Ae = function() {
     Le(s, e);
   }, s.delay);
 };
-Object.assign(ii.prototype, I);
+Object.assign(ii.prototype, j);
 window.MODALS || (window.MODALS = {});
-const { MODALS: M } = window, Ms = (n) => {
-  const { TEMPLATE: i } = O, { childDom: t } = n, e = document.createElement("div");
+const { MODALS: O } = window, Ms = (n) => {
+  const { TEMPLATE: i } = P, { childDom: t } = n, e = document.createElement("div");
   e.innerHTML = i(n.getAttribute("data-modal-template-setting"));
   const s = e.querySelector(".modal-content");
   return [...t].forEach((o) => {
     s.append(o);
   }), e.children[0];
 };
-var vt, ai, bt, ri, yt, li, wt, ci, Tt, di;
+var bt, ai, yt, ri, wt, li, Tt, ci, Et, di;
 class oi extends HTMLElement {
   constructor() {
     super();
-    h(this, vt);
     h(this, bt);
     h(this, yt);
     h(this, wt);
     h(this, Tt);
+    h(this, Et);
     this.initialize = !1;
   }
   static get observedAttributes() {
@@ -484,12 +484,12 @@ class oi extends HTMLElement {
   attributeChangedCallback(t, e, s) {
     switch (t) {
       case ":state":
-        d(this, Tt, di).call(this, s);
+        d(this, Et, di).call(this, s);
         break;
     }
   }
   connectedCallback() {
-    this.initialize || (this.initialize = !0, d(this, vt, ai).call(this));
+    this.initialize || (this.initialize = !0, d(this, bt, ai).call(this));
   }
   open() {
     return this.setAttribute(":state", "open"), this;
@@ -501,38 +501,38 @@ class oi extends HTMLElement {
     return this.setAttribute(":state", "destroy"), this;
   }
 }
-vt = new WeakSet(), ai = function() {
-  const { ATTRS: t } = O;
+bt = new WeakSet(), ai = function() {
+  const { ATTRS: t } = P;
   this.__events__ = {}, this.getAttribute(":state") || this.setAttribute(":state", "close");
-  const e = this.getAttribute(t.id) || xs();
-  this.getAttribute(t.id) || (L(`modern-modal needs a ${t.id} attribute with a unique id.`), this.setAttribute(t.id, e)), M[e] && L(`the ${t.id} "${e}" is already be used.`), M[e] = this, d(this, bt, ri).call(this);
-}, bt = new WeakSet(), ri = function() {
-  this.childDom = this.childNodes, this.template = Ms(this), this.innerHTML = "", this.append(this.template), d(this, yt, li).call(this);
-}, yt = new WeakSet(), li = function() {
+  const e = this.getAttribute(t.id) || _s();
+  this.getAttribute(t.id) || (A(`modern-modal needs a ${t.id} attribute with a unique id.`), this.setAttribute(t.id, e)), O[e] && A(`the ${t.id} "${e}" is already be used.`), O[e] = this, d(this, yt, ri).call(this);
+}, yt = new WeakSet(), ri = function() {
+  this.childDom = this.childNodes, this.template = Ms(this), this.innerHTML = "", this.append(this.template), d(this, wt, li).call(this);
+}, wt = new WeakSet(), li = function() {
   const t = this.querySelector(".modal-scroller");
-  this.__scroller__ = Ie(t, {
+  this.__scroller__ = Ne(t, {
     overflowBehavior: {
       x: "hidden"
     },
     autoUpdate: !0
-  }), window.modalScroll = this.__scroller__, d(this, wt, ci).call(this);
-}, wt = new WeakSet(), ci = function() {
+  }), window.modalScroll = this.__scroller__, d(this, Tt, ci).call(this);
+}, Tt = new WeakSet(), ci = function() {
   var a, r, l;
-  const t = this, { ATTRS: e } = O, { close: s, destroy: o } = e;
+  const t = this, { ATTRS: e } = P, { close: s, destroy: o } = e;
   (a = t.querySelectorAll(`[${s}]`)) == null || a.forEach((c) => {
     c.addEventListener("click", function() {
       const u = this.getAttribute(s);
-      (u && M[u] ? M[u] : t).close();
+      (u && O[u] ? O[u] : t).close();
     });
   }), (r = t.querySelectorAll(`[${o}]`)) == null || r.forEach((c) => {
     c.addEventListener("click", function() {
       const u = this.getAttribute(o);
-      (u && M[u] ? M[u] : t).destroy();
+      (u && O[u] ? O[u] : t).destroy();
     });
   }), (l = t.querySelector("[stop-propagation]")) == null || l.addEventListener("click", function(c) {
     c.stopPropagation();
   });
-}, Tt = new WeakSet(), di = function(t) {
+}, Et = new WeakSet(), di = function(t) {
   const { __scroller__: e } = this;
   if (t === "open") {
     if (this.style.display = "block", e) {
@@ -557,25 +557,25 @@ vt = new WeakSet(), ai = function() {
   if (t === "destroy") {
     this.classList.remove("show");
     const s = () => {
-      const { ATTRS: o } = O, a = this.getAttribute(o.id);
-      this.style.removeProperty("display"), this.emit("close"), this.remove(), this.emit("destroy"), M[a] && delete M[a];
+      const { ATTRS: o } = P, a = this.getAttribute(o.id);
+      this.style.removeProperty("display"), this.emit("close"), this.remove(), this.emit("destroy"), O[a] && delete O[a];
     };
     this.addEventListener("transitionend", s);
   }
 };
-Object.assign(oi.prototype, I);
-const { MODALS: je } = window, ct = {}, ui = (n, i, ...t) => {
+Object.assign(oi.prototype, j);
+const { MODALS: ze } = window, dt = {}, ui = (n, i, ...t) => {
   if (!i)
     return;
   const e = n[i];
-  e && j(e) && e.apply(n, t);
+  e && W(e) && e.apply(n, t);
 }, hi = (n, ...i) => {
-  n && j(n) && n.apply(J, i);
+  n && W(n) && n.apply(Z, i);
 }, Re = (n, i) => {
-  const { target: t } = n, e = je[t] || D(n.target);
+  const { target: t } = n, e = ze[t] || D(n.target);
   e && pi(n, i), e || qs(n, i);
 }, pi = (n, i) => {
-  const { target: t, action: e, on: s, e: o } = n, a = je[t] || D(n.target);
+  const { target: t, action: e, on: s, e: o } = n, a = ze[t] || D(n.target);
   switch (["open", "close", "destroy"].forEach((l) => {
     a.once(l, () => {
       i && (i.emit(l, a, o), ui(i, s[l], a, o)), i || hi(s[l], a);
@@ -598,31 +598,31 @@ const { MODALS: je } = window, ct = {}, ui = (n, i, ...t) => {
 }, qs = async (n, i) => {
   const { target: t, route: e, container: s, on: o, e: a } = n;
   if (!e)
-    return L("modal4", "cannot find target or data-modal-route is not defined");
+    return A("modal4", "cannot find target or data-modal-route is not defined");
   const r = (l, ...c) => {
     i && (i.emit(l, ...c), ui(i, o[l], ...c)), i || hi(o[l], ...c);
   };
-  ct[t] || (ct[t] = !0, fetch(e).then((l) => (r("success", a), l.text())).then((l) => {
-    const c = $s(l), u = D(s) || D(O.SETTINGS.container);
-    [...c].forEach((f) => {
-      u.append(f);
+  dt[t] || (dt[t] = !0, fetch(e).then((l) => (r("success", a), l.text())).then((l) => {
+    const c = $s(l), u = D(s) || D(P.SETTINGS.container);
+    [...c].forEach((g) => {
+      u.append(g);
     });
-    const p = je[t] || D(n.target);
-    r("complete", p), pi(n, i), delete ct[t];
+    const p = ze[t] || D(n.target);
+    r("complete", p), pi(n, i), delete dt[t];
   }).catch((l) => {
-    r("error", l), delete ct[t];
+    r("error", l), delete dt[t];
   }));
 };
-var Q, Se, Et, mi, Lt, fi;
-const N = class N {
+var V, De, At, mi, Lt, gi;
+const z = class z {
   constructor(i, t = {}) {
-    h(this, Q);
-    h(this, Et);
+    h(this, V);
+    h(this, At);
     h(this, Lt);
     this.__storage__ = {
       el: i,
       options: t
-    }, this.active = "data-modal-active", d(this, Q, Se).call(this);
+    }, this.active = "data-modal-active", d(this, V, De).call(this);
   }
   destroy() {
     const { elements: i } = this;
@@ -632,39 +632,39 @@ const N = class N {
   }
   update() {
     var i;
-    return d(i = this.destroy(), Q, Se).call(i), this.emit("update"), this;
+    return d(i = this.destroy(), V, De).call(i), this.emit("update"), this;
   }
   /** static method 'open' */
   static open(i) {
-    const { SETTINGS: t } = O, e = Object.assign({}, t, { on: {} }, i);
+    const { SETTINGS: t } = P, e = Object.assign({}, t, { on: {} }, i);
     Re(e);
   }
   /** static method 'defineMethods' */
   static defineMethods(i) {
-    N.prototype.__methods__ || (N.prototype.__methods__ = {});
-    const t = N.prototype.__methods__;
+    z.prototype.__methods__ || (z.prototype.__methods__ = {});
+    const t = z.prototype.__methods__;
     for (const [e, s] of Object.entries(i))
-      j(s) && (t[e] = s);
-    Object.assign(N.prototype, N.prototype.__methods__);
+      W(s) && (t[e] = s);
+    Object.assign(z.prototype, z.prototype.__methods__);
   }
 };
-Q = new WeakSet(), Se = function() {
+V = new WeakSet(), De = function() {
   const { el: i, options: t } = this.__storage__;
-  if (!rt(i) || !T(i))
+  if (!lt(i) || !E(i))
     return;
-  const { SETTINGS: e, EVENTS: s } = O;
+  const { SETTINGS: e, EVENTS: s } = P;
   if (this.elements = t.state == "not active" ? k(i + `:not([${this.active}])`) : k(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, Et, mi).call(this);
-}, Et = new WeakSet(), mi = function() {
+  d(this, At, mi).call(this);
+}, At = new WeakSet(), mi = function() {
   const { elements: i, options: t } = this;
   i.forEach((e) => {
-    e.modal = {}, e.modal.instance = this, e.modal.eventHandler = d(this, Lt, fi), 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, Lt, gi), 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");
-}, Lt = new WeakSet(), fi = function(i) {
+}, Lt = new WeakSet(), gi = function(i) {
   const { defaultOptions: t, eventHandler: e, instance: s } = this.modal, o = Cs(this.getAttribute("data-modal-on"));
-  o && typeof o != "object" && L("modal4", "data-modal-on must be a json string.");
+  o && typeof o != "object" && A("modal4", "data-modal-on must be a json string.");
   const a = {
     target: this.getAttribute("data-modal-target") || t.target,
     action: this.getAttribute("data-modal-action") || t.action,
@@ -677,40 +677,40 @@ Q = new WeakSet(), Se = function() {
     this.addEventListener("click", e);
   }, 200), Re(a, s);
 };
-let J = N;
-Object.assign(J.prototype, I);
+let Z = z;
+Object.assign(Z.prototype, j);
 customElements.define("modern-modal", oi);
-const Os = (n, i) => {
+const Is = (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: f } = s.getBoundingClientRect(), m = t * (r / 100), v = t * (l / 100);
-    if (p - e <= m && f - e >= v && s.offsetParent)
+    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)
       setTimeout(() => {
         s.classList.add(o);
       }, a);
     else {
-      const y = s.classList.contains(o) && c === "down" && p - e >= m || c === "up" && f - e <= v || c === !0;
+      const b = s.classList.contains(o) && c === "down" && p - e >= m || c === "up" && g - e <= v || c === !0;
       setTimeout(() => {
-        y && s.classList.remove(o);
+        b && s.classList.remove(o);
       }, a);
     }
   });
-}, Is = (n, i) => n === "up" || n === "down" ? n : n !== null ? n === "true" ? !0 : n === "false" ? !1 : i.repeat : i.repeat;
-var V, De, At, vi;
-class gi {
+}, Os = (n, i) => n === "up" || n === "down" ? n : n !== null ? n === "true" ? !0 : n === "false" ? !1 : i.repeat : i.repeat;
+var K, ke, St, vi;
+class fi {
   constructor(i, t = {}) {
-    h(this, V);
-    h(this, At);
+    h(this, K);
+    h(this, St);
     this.__storage__ = {
       el: i,
       options: t
-    }, this.active = "data-aost-active", d(this, V, De).call(this);
+    }, this.active = "data-aost-active", d(this, K, ke).call(this);
   }
   destroy(i) {
     const { elements: t, options: e } = this;
     if (!t)
       return this;
-    const { scroller: s } = e, o = s === window || !T(s) ? window : D(s);
+    const { scroller: s } = e, o = s === window || !E(s) ? window : D(s);
     return o.aost && (o.removeEventListener("scroll", o.aost.eventHandler), delete o.aost), t.forEach((a) => {
       if (!a.aost)
         return;
@@ -720,58 +720,58 @@ class gi {
   }
   update(i) {
     var t;
-    d(t = this.destroy(i), V, De).call(t);
+    d(t = this.destroy(i), K, ke).call(t);
   }
 }
-V = new WeakSet(), De = function() {
+K = new WeakSet(), ke = function() {
   const { el: i, options: t } = this.__storage__;
-  if (!rt(i) || !T(i))
+  if (!lt(i) || !E(i))
     return;
   const { SETTINGS: e, EVENTS: s } = Ve;
   if (this.elements = t.state == "not active" ? k(i + `:not([${this.active}])`) : k(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, At, vi).call(this);
-}, At = new WeakSet(), vi = function() {
-  const { elements: i, options: t } = this, { scroller: e } = t, s = e === window || !T(e) ? window : D(e);
+  d(this, St, vi).call(this);
+}, St = new WeakSet(), vi = function() {
+  const { elements: i, options: t } = this, { scroller: e } = t, s = e === window || !E(e) ? window : D(e);
   this.eventHandler = () => {
-    Os(s, i);
+    Is(s, i);
   }, i.forEach((a) => {
-    a.aost = {}, a.aost.class = a.getAttribute("data-aost-class") || t.class, a.aost.delay = parseInt(a.getAttribute("data-aost-delay")) || t.delay, a.aost.start = parseInt(a.getAttribute("data-aost-start")) || t.start, a.aost.end = parseInt(a.getAttribute("data-aost-end")) || t.end, a.aost.repeat = Is(a.getAttribute("data-aost-repeat"), t), a.aost.methods = {}, a.aost.methods.destroy = this.destroy, a.aost.methods.update = this.update, a.aost.instance = this, a.setAttribute(this.active, "");
+    a.aost = {}, a.aost.class = a.getAttribute("data-aost-class") || t.class, a.aost.delay = parseInt(a.getAttribute("data-aost-delay")) || t.delay, a.aost.start = parseInt(a.getAttribute("data-aost-start")) || t.start, a.aost.end = parseInt(a.getAttribute("data-aost-end")) || t.end, a.aost.repeat = Os(a.getAttribute("data-aost-repeat"), t), a.aost.methods = {}, a.aost.methods.destroy = this.destroy, a.aost.methods.update = this.update, a.aost.instance = this, a.setAttribute(this.active, "");
   });
   const { eventHandler: o } = this;
   o(), s.aost = {}, s.aost.eventHandler = o, s.addEventListener("scroll", s.aost.eventHandler, !1);
 };
-Object.assign(gi.prototype, I);
+Object.assign(fi.prototype, j);
 const Ns = (n) => {
-  const { TEMPLATE: i } = Ne, { childDom: t } = n, e = document.createElement("div");
+  const { TEMPLATE: i } = Pe, { 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 St, bi, Dt, yi, kt, wi, _t, Ti, xt, Ei, $t, Li, Ct, Ai, Ht, Si, Mt, Di, qt, ki;
+var Dt, bi, kt, yi, xt, wi, _t, Ti, $t, Ei, Ct, Ai, Ht, Li, Mt, Si, qt, Di, It, ki;
 class Ps extends HTMLElement {
   constructor() {
     super();
-    h(this, St);
     h(this, Dt);
     h(this, kt);
+    h(this, xt);
     // youtube iframe
     h(this, _t);
     // vimeo iframe
-    h(this, xt);
-    // youku iframe
     h(this, $t);
+    // youku iframe
     h(this, Ct);
-    // 2025.02.11 新增 ig 
     h(this, Ht);
-    // 2025.02.11 新增 tiktok 
+    // 2025.02.11 新增 ig 
     h(this, Mt);
-    // 2026.01.15 新增 tiktok 
+    // 2025.02.11 新增 tiktok 
     h(this, qt);
-    d(this, St, bi).call(this);
+    // 2026.01.15 新增 tiktok 
+    h(this, It);
+    d(this, Dt, bi).call(this);
   }
   play() {
     const { videoType: t } = this;
@@ -808,19 +808,21 @@ class Ps extends HTMLElement {
     }
   }
 }
-St = new WeakSet(), bi = function() {
+Dt = new WeakSet(), bi = function() {
   if (!this.getAttribute("video-id")) {
-    L("videoPlayer", "video-render needs a ['video-id'] attribute to creat player.");
+    A("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.autoplay = this.getAttribute("video-autoplay"), this.startTime = this.getAttribute("video-starttime"), d(this, Dt, yi).call(this);
-}, Dt = new WeakSet(), yi = function() {
-  this.childDom = this.childNodes, this.template = Ns(this), this.innerHTML = "", this.append(this.template), d(this, kt, wi).call(this);
-}, kt = new WeakSet(), wi = function() {
-  const { videoType: t } = this;
-  let e = "";
-  function s(o) {
-    g(o).addClass("cookie-disagree"), g(".cookie-disagree").append(`
+  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, kt, yi).call(this);
+}, kt = new WeakSet(), yi = function() {
+  this.childDom = this.childNodes, this.template = Ns(this), this.innerHTML = "", this.append(this.template), d(this, xt, wi).call(this);
+}, xt = new WeakSet(), wi = function() {
+  const { videoType: t, videoMode: e } = this;
+  console.log(e, "...");
+  let s = "";
+  function o(a) {
+    f(a).addClass("cookie-disagree"), f(".cookie-disagree").append(
+      `
           <div class="disagree-inner">
             <div class="icon"> <svg xmlns="http://www.w3.org/2000/svg" width="7" height="25" viewBox="0 0 7 25"
                 fill="none">
@@ -834,79 +836,80 @@ St = new WeakSet(), bi = function() {
               <div class="box"><span>您可前往 </span><span data-cookie-open>Cookie 偏好設定</span><span> 進行修改</span></div>
               <div class="box"><span>Modify your </span><span data-cookie-open>cookie preferences.</span></div>
             </div>
-          </div>`);
+          </div>`
+    );
   }
   switch (t) {
     case "youtubeAPI":
       break;
     case "youtube":
-      document.body.wd_youtube == !1 ? s("video-player") : e = d(this, _t, Ti).call(this);
+      document.body.wd_youtube == !1 ? o("video-player") : s = d(this, _t, Ti).call(this);
       break;
     case "youkuAPI":
       break;
     case "youku":
-      document.body.wd_youku == !1 ? s("video-player") : e = d(this, $t, Li).call(this);
+      document.body.wd_youku == !1 ? o("video-player") : s = d(this, Ct, Ai).call(this);
       break;
     case "vimeo":
-      document.body.wd_vimeo == !1 ? s("video-player") : e = d(this, xt, Ei).call(this);
+      document.body.wd_vimeo == !1 ? o("video-player") : s = d(this, $t, Ei).call(this);
       break;
     case "bilibili":
-      document.body.wd_bilibili == !1 ? s("video-player") : e = d(this, Ct, Ai).call(this);
+      document.body.wd_bilibili == !1 ? o("video-player") : s = d(this, Ht, Li).call(this);
       break;
     case "instagram":
-      document.body.wd_instagram == !1 ? s(".instagram-media") : e = d(this, Ht, Si).call(this);
+      document.body.wd_instagram == !1 ? o(".instagram-media") : s = d(this, Mt, Si).call(this);
       break;
     case "tiktok":
-      document.body.wd_tiktok == !1 ? s("video-player") : e = d(this, Mt, Di).call(this);
+      document.body.wd_tiktok == !1 ? o("video-player") : s = d(this, qt, Di).call(this);
       break;
     case "videojs":
       break;
     case "video":
-      e = d(this, qt, ki).call(this);
+      s = d(this, It, ki).call(this);
       break;
   }
-  this.querySelector(".player-wrapper").insertAdjacentHTML(S.prepend, e);
+  this.querySelector(".player-wrapper").insertAdjacentHTML(L.prepend, s);
 }, _t = new WeakSet(), Ti = 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>`;
-}, xt = new WeakSet(), Ei = function() {
+}, $t = new WeakSet(), Ei = 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>`;
-}, $t = new WeakSet(), Li = function() {
+}, Ct = new WeakSet(), Ai = 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>`;
-}, Ct = new WeakSet(), Ai = function() {
+}, Ht = new WeakSet(), Li = 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>`;
-}, Ht = new WeakSet(), Si = function() {
+}, Mt = new WeakSet(), Si = 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>`;
-}, Mt = new WeakSet(), Di = function() {
+}, qt = new WeakSet(), Di = 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>`;
-}, qt = new WeakSet(), ki = function() {
+}, It = new WeakSet(), ki = function() {
   const { videoId: t, autoplay: e } = this;
   return `<video src="${t}" autoplay muted playsinline controls></video>`;
 };
-const Ln = (n) => new Promise((i) => {
+const An = (n) => new Promise((i) => {
   let t = setTimeout(() => (clearTimeout(t), i()), n);
 });
-function _i(n) {
+function xi(n) {
   const i = [];
   n && n.forEach((t) => {
     t instanceof HTMLElement ? i.push(t) : typeof t == "string" && i.push(...document.querySelectorAll(`${t}`));
-  }), g("html").addClass("scrollLock"), Ss(i);
+  }), f("html").addClass("scrollLock"), Ss(i);
 }
-function xi(n) {
+function _i(n) {
   const i = [];
   n && n.forEach((t) => {
     t instanceof HTMLElement ? i.push(t) : typeof t == "string" && i.push(...document.querySelectorAll(`${t}`));
-  }), g("html").removeClass("scrollLock"), Ds(i);
+  }), f("html").removeClass("scrollLock"), Ds(i);
 }
-async function An(n = 0) {
-  if (g(".loading-wrapper").length)
+async function Ln(n = 0) {
+  if (f(".loading-wrapper").length)
     return;
-  g("body").append(`
+  f("body").append(`
   <div class="loading-wrapper">
     <div class="icon-box">
       <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><path d="M10 50A40 40 0 0 0 90 50A40 42 0 0 1 10 50" fill="#ffffff" stroke="none">
@@ -916,31 +919,31 @@ async function An(n = 0) {
       </svg>
     </div>
   </div>
-  `), g(".loading-wrapper").delay(n).fadeIn(300).promise().done(function() {
-    _i();
+  `), f(".loading-wrapper").delay(n).fadeIn(300).promise().done(function() {
+    xi();
   });
 }
 function Sn() {
-  g(".loading-wrapper").fadeOut(300).promise().done(function() {
-    g(".loading-wrapper").remove(), xi();
+  f(".loading-wrapper").fadeOut(300).promise().done(function() {
+    f(".loading-wrapper").remove(), _i();
   });
 }
 function Dn(n, i) {
   new pn(n, i);
 }
 function js() {
-  const n = document.querySelector("[data-aost]") && new gi("[data-aost]"), i = document.querySelector("[data-anchor-target]") && new ii("[data-anchor-target]"), t = new Qe({ callback_loaded: () => {
+  const n = document.querySelector("[data-aost]") && new fi("[data-aost]"), i = document.querySelector("[data-anchor-target]") && new ii("[data-anchor-target]"), t = new Qe({ callback_loaded: () => {
   } }), e = new an();
   n == null || n.update(), t.update(), e.reValidate(), i == null || i.update();
 }
 function kn(n, i = () => {
 }) {
-  g(`[data-tab-content=${n}]`).fadeIn(function() {
+  f(`[data-tab-content=${n}]`).fadeIn(function() {
     typeof i == "function" && i();
   }).siblings("[data-tab-content]").hide(), js();
 }
-function _n() {
-  Ie(
+function xn() {
+  Ne(
     {
       target: document.body,
       cancel: {
@@ -964,7 +967,7 @@ function _n() {
     }
   );
 }
-function xn() {
+function _n() {
   window.onpageshow = function(n) {
     n.persisted && window.location.reload();
   };
@@ -976,13 +979,13 @@ function $n() {
   };
 }
 function Cn(n, i) {
-  g(n).on("click", function() {
-    g(this).toggleClass(i);
+  f(n).on("click", function() {
+    f(this).toggleClass(i);
   });
 }
 function Hn(n, i) {
-  g(n).on("click", function() {
-    g(n).not(this).removeClass(i), g(this).addClass(i);
+  f(n).on("click", function() {
+    f(n).not(this).removeClass(i), f(this).addClass(i);
   });
 }
 function zs(n, i = 250) {
@@ -1004,23 +1007,23 @@ function Mn(n, i = 250) {
   };
 }
 function qn() {
-  window._g.interval = [], g(".countdown").each((i, t) => {
-    const e = Number(g(t).attr("data-seconds")) + 1;
+  window._g.interval = [], f(".countdown").each((i, t) => {
+    const e = Number(f(t).attr("data-seconds")) + 1;
     let s = Math.floor(e / 60) + ":" + e % 60;
     window._g.interval[i] = setInterval(function() {
       var o = s.split(":"), a = parseInt(o[0], 10), r = parseInt(o[1], 10);
-      --r, a = r < 0 ? --a : a, a = a < 10 ? a = "0" + a : a, a == 0 && r == 0 && clearInterval(window._g.interval[i]), r = r < 0 ? 59 : r, r = r < 10 ? "0" + r : r, g(t).html(a + ":" + r), s = a + ":" + r;
+      --r, a = r < 0 ? --a : a, a = a < 10 ? a = "0" + a : a, a == 0 && r == 0 && clearInterval(window._g.interval[i]), r = r < 0 ? 59 : r, r = r < 10 ? "0" + r : r, f(t).html(a + ":" + r), s = a + ":" + r;
     }, 1e3);
   });
 }
-function On(n = 500) {
+function In(n = 500) {
   return new Promise((i, t) => {
     let e = setTimeout(() => {
       clearTimeout(e), i();
     }, n);
   });
 }
-function In() {
+function On() {
   const n = function() {
     let i = window.innerHeight * 0.01;
     document.documentElement.style.setProperty("--vh", i + "px");
@@ -1028,13 +1031,13 @@ function In() {
   n(), window.addEventListener("resize", zs(n));
 }
 function Nn(n, i, t, e, s) {
-  const o = this, r = g(n).html().split("<br>");
+  const o = this, r = f(n).html().split("<br>");
   let l = "", c = 0;
   r.forEach((u, p) => {
     p !== 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++);
     });
-  }), g(n).html(l);
+  }), f(n).html(l);
 }
 function Pn(n, i) {
   const t = Math.pow(10, i);
@@ -1057,7 +1060,7 @@ function jn(n) {
 }
 function zn(n, i) {
   const t = n.$el, e = n.params.grid.rows, s = i || n.params.slidesPerView * e;
-  (n.loopedSlides ? n.slides.length - n.loopedSlides * 2 : n.slides.length) <= s ? (t.addClass("swiper-no-swiping"), g(n.params.navigation.nextEl).hide(), g(n.params.navigation.prevEl).hide(), g(n.params.pagination.el).hide(), n.params.autoplay.enabled = !1, n.autoplay.stop()) : (t.removeClass("swiper-no-swiping"), g(n.params.navigation.nextEl).show(), g(n.params.navigation.prevEl).show(), g(n.params.pagination.el).show(), n.params.autoplay.enabled && n.autoplay.start());
+  (n.loopedSlides ? n.slides.length - n.loopedSlides * 2 : n.slides.length) <= s ? (t.addClass("swiper-no-swiping"), f(n.params.navigation.nextEl).hide(), f(n.params.navigation.prevEl).hide(), f(n.params.pagination.el).hide(), n.params.autoplay.enabled = !1, n.autoplay.stop()) : (t.removeClass("swiper-no-swiping"), f(n.params.navigation.nextEl).show(), f(n.params.navigation.prevEl).show(), f(n.params.pagination.el).show(), n.params.autoplay.enabled && n.autoplay.start());
 }
 function Bn(n) {
   n.el.querySelectorAll("img.detect-shade").forEach((i) => {
@@ -1067,36 +1070,36 @@ function Bn(n) {
   });
 }
 function Wn(n) {
-  const i = n.el, t = g(i).find(".swiper-slide-active"), e = g(t).find("video").get(0), s = g(i).find(".swiper-slide video");
-  n.autoplay.stop(), g(e).off("ended"), e ? (s.each((o, a) => {
+  const i = n.el, t = f(i).find(".swiper-slide-active"), e = f(t).find("video").get(0), s = f(i).find(".swiper-slide video");
+  n.autoplay.stop(), f(e).off("ended"), e ? (s.each((o, a) => {
     a.currentTime = 0;
-  }), g(e).on("ended", function() {
+  }), f(e).on("ended", function() {
     n.slideNext();
   }), e.play()) : n.params.autoplay.enabled && n.autoplay.start();
 }
 function Gn() {
-  g(".number-grow").each(function(n, i) {
-    const t = g(i), o = t.attr("data-num").replace(/(\d)(?=(?:\d{3})+$)/g, "$1,").split(""), a = () => {
+  f(".number-grow").each(function(n, i) {
+    const t = f(i), o = t.attr("data-num").replace(/(\d)(?=(?:\d{3})+$)/g, "$1,").split(""), a = () => {
       let r = "";
       for (var l = 0; l <= 9; l++)
         r += String(l) + "<br>";
       return r;
     };
-    g(o).each(function(r, l) {
+    f(o).each(function(r, l) {
       const c = () => l !== "," ? `<div class="num" data-final-num="${l}"><div><br>${a()}<br>${a()}</div></div>` : `<div class="comma">${l}</div>`;
       t.append(c);
     });
   });
 }
 function Rn() {
-  g(".letter-grow").each(function(n, i) {
-    const t = g(i), s = t.attr("data-letter").split(""), o = () => {
+  f(".letter-grow").each(function(n, i) {
+    const t = f(i), s = t.attr("data-letter").split(""), o = () => {
       let a = "";
       for (let r = 65; r <= 90; r++)
         a += String.fromCharCode(r) + "<br>";
       return a;
     };
-    g(s).each(function(a, r) {
+    f(s).each(function(a, r) {
       const l = `<div class="letter" data-final-letter="${r}"><div><br>${o()}<br>${o()}</div></div>`;
       t.append(l);
     });
@@ -1116,38 +1119,38 @@ function Fn(n) {
   const i = document.createElement("div");
   return i.innerHTML = n, i.childNodes[0];
 }
-const Xe = (n) => n.videoId !== "" || typeof n.videoId < "u", Bs = (n) => n.$selector.getAttribute("video4-active") === "on", dt = (n) => `<video-player video-id="${n.videoId}" video-type="${n.videoType}" video-startTime="${n.videoStartTime}" video-autoplay="${n.videoAutoplay}"></video-player>`;
-var K, _e, Ot, $i, It, Ci, tt, xe, Nt, Hi;
-const W = class W {
+const Xe = (n) => n.videoId !== "" || typeof n.videoId < "u", Bs = (n) => n.$selector.getAttribute("video4-active") === "on", ut = (n) => `<video-player video-id="${n.videoId}" video-type="${n.videoType}" video-startTime="${n.videoStartTime}" video-autoplay="${n.videoAutoplay}"></video-player>`;
+var tt, _e, Ot, $i, Nt, Ci, et, $e, Pt, Hi;
+const R = class R {
   //*-* 給Article4用的 **//
   constructor(i, t = {}) {
-    h(this, K);
-    h(this, Ot);
-    h(this, It);
     h(this, tt);
+    h(this, Ot);
     h(this, Nt);
-    if (!rt(i) && !Ee(i) && !lt(i)) {
+    h(this, et);
+    h(this, Pt);
+    if (!lt(i) && !Ae(i) && !ct(i)) {
       Ge("video4", `找不到該物件 -> ${i}`);
       return;
     }
     this.__storage__ = {
       el: i,
       options: t
-    }, this.active = "data-video-active", d(this, K, _e).call(this);
+    }, this.active = "data-video-active", d(this, tt, _e).call(this);
   }
   update() {
-    d(this, K, _e).call(this);
+    d(this, tt, _e).call(this);
   }
 };
-K = new WeakSet(), _e = function() {
-  const { el: i, options: t } = this.__storage__, { SETTINGS: e, EVENTS: s, LAYOUT: o } = Ne;
-  if (t.isGlobal && (W.globalOptions = t), this.elements = t.state == "not active" ? k(i + `:not([${this.active}])`) : k(i), this.options = Object.assign(
+tt = new WeakSet(), _e = function() {
+  const { el: i, options: t } = this.__storage__, { SETTINGS: e, EVENTS: s, LAYOUT: o } = Pe;
+  if (t.isGlobal && (R.globalOptions = t), this.elements = t.state == "not active" ? k(i + `:not([${this.active}])`) : k(i), this.options = Object.assign(
     {},
     { LAYOUT: o },
     // 原始 configs 的 LAYOUT
     e,
     // 原始 configs 的 SETTINGS
-    W.globalOptions,
+    R.globalOptions,
     // 全站 A 設定
     t
     // 個別傳入的設定 (優先級最高)
@@ -1158,91 +1161,116 @@ K = new WeakSet(), _e = function() {
 }, Ot = new WeakSet(), $i = 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, Nt, Hi).call(this, e), e.video.methods = {}, e.video.methods.update = this.update, e.setAttribute(this.active, ""), Xe(e.video.params) && !Bs(e.video.params) && (e.setAttribute("video4-active", "on"), d(this, It, Ci).call(this, e)), Xe(e.video.params) || Ge("video4", "無法取得影片 ID");
+    e.video = {}, e.video.instance = this, e.video.defaultOptions = t, e.video.params = d(this, Pt, Hi).call(this, e), e.video.methods = {}, e.video.methods.update = this.update, e.setAttribute(this.active, ""), Xe(e.video.params) && !Bs(e.video.params) && (e.setAttribute("video4-active", "on"), d(this, Nt, Ci).call(this, e)), Xe(e.video.params) || Ge("video4", "無法取得影片 ID");
   }), this.emit("init");
-}, It = new WeakSet(), Ci = function(i) {
+}, Nt = new WeakSet(), Ci = 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;
   if (l === "onBox" || l === "inBox") {
-    let f = null;
+    let g = null;
     if (u === "on") {
-      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>'), L("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")), b = t[o] ? t[o] : t[0] || "";
-      b ? m.insertAdjacentHTML(S.after, b) : L("video4", `找不到對應的 LAYOUT 設定 (No: ${o})，且無預設樣式。`), !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`) : !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((y) => y.json()).then((y) => {
-        const w = y.thumbnail_url;
-        m.setAttribute("src", `${w}`);
-      }).catch(function(y) {
+      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>'), A("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")), y = t[o] ? t[o] : t[0] || "";
+      y ? m.insertAdjacentHTML(L.after, y) : A("video4", `找不到對應的 LAYOUT 設定 (No: ${o})，且無預設樣式。`), !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`) : !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((b) => b.json()).then((b) => {
+        const T = b.thumbnail_url;
+        m.setAttribute("src", `${T}`);
+      }).catch(function(b) {
         console.log("error");
-      }) : L("video4", "僅 youtube & vimeo 提供，無圖片時放置預設封面畫面，其他影片平台請自行上傳封面照片");
+      }) : A("video4", "僅 youtube & vimeo 提供，無圖片時放置預設封面畫面，其他影片平台請自行上傳封面照片");
     }
-    c == "off" ? f = s : (f = s.querySelector(c) ?? s, s.querySelector(c) || L("video4", `找不到 videoButton 設定的 element -> '${c}' , 點擊物件轉移至 '${this.__storage__.el}'`)), f.video || (f.video = {}, f.video.params = e), f.video.eventHandler = d(this, tt, xe), f.addEventListener("click", f.video.eventHandler);
+    c == "off" ? g = s : (g = s.querySelector(c) ?? s, s.querySelector(c) || A("video4", `找不到 videoButton 設定的 element -> '${c}' , 點擊物件轉移至 '${this.__storage__.el}'`)), g.video || (g.video = {}, g.video.params = e), g.video.eventHandler = d(this, et, $e), g.addEventListener("click", g.video.eventHandler);
   } else if (l === "onPage") {
-    let f = null;
+    let g = null;
     if (u == "on") {
-      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>'), L("video", "若啟用 [videoCover] 且選擇 onBox 模式必須於 video-target 內放置 img 結構"));
+      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>'), A("video", "若啟用 [videoCover] 且選擇 onBox 模式必須於 video-target 內放置 img 結構"));
       const m = s.querySelector("img");
-      m.insertAdjacentHTML(S.after, t[o]);
+      m.insertAdjacentHTML(L.after, t[o]);
       const v = (m == null ? void 0 : m.getAttribute("src")) || (m == null ? void 0 : m.getAttribute("data-src"));
-      !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((b) => b.json()).then((b) => {
-        const y = b.thumbnail_url;
-        m.setAttribute("src", `${y}`);
-      }).catch(function(b) {
+      !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((y) => y.json()).then((y) => {
+        const b = y.thumbnail_url;
+        m.setAttribute("src", `${b}`);
+      }).catch(function(y) {
         console.log("error");
-      }) : v || L("video4", "僅 youtube & vimeo 提供，無圖片時放置預設封面畫面，其他影片平台請自行上傳封面照片"), c == "off" ? f = s : (f = s.querySelector(c) ?? s, s.querySelector(c) || L("video4", `找不到 videoButton 設定的 element -> '${c}', 點擊物件轉移至 '${this.__storage__.el}'`));
+      }) : v || A("video4", "僅 youtube & vimeo 提供，無圖片時放置預設封面畫面，其他影片平台請自行上傳封面照片"), c == "off" ? g = s : (g = s.querySelector(c) ?? s, s.querySelector(c) || A("video4", `找不到 videoButton 設定的 element -> '${c}', 點擊物件轉移至 '${this.__storage__.el}'`));
     } else {
-      s.innerHTML = dt(e);
+      s.innerHTML = ut(e);
       return;
     }
-    f.video || (f.video = {}, f.video.params = e), f.video.eventHandler = d(this, tt, xe), f.addEventListener("click", f.video.eventHandler);
+    g.video || (g.video = {}, g.video.params = e), g.video.eventHandler = d(this, et, $e), g.addEventListener("click", g.video.eventHandler);
   }
-}, tt = new WeakSet(), xe = function(i) {
-  const { video: t, emit: e } = this, { $selector: s, videoMode: o, videoTarget: a, videoKeep: r, videoId: l, videoTargetRoute: c, videoType: u, videoIgHtml: p } = t.params, f = new Qe({ callback_loaded: (v) => {
-  } }), m = new URLSearchParams({
+}, et = new WeakSet(), $e = function(i) {
+  const { video: t, emit: e } = this, { $selector: s, videoMode: o, videoTarget: a, videoKeep: r, videoId: l, videoTargetRoute: c, videoType: u, videoIgHtml: p, videoInboxImg: g } = t.params, m = new Qe({ callback_loaded: (y) => {
+  } }), v = new URLSearchParams({
     video_mode: o,
     video_type: u,
     video_id: l
   });
   if (o == "onBox" || o == "inBox") {
-    const v = {
+    const y = {
       target: a,
-      route: c + `?${m.toString()}`,
+      route: c + `?${v.toString()}`,
       on: {
         complete(b) {
-          var y;
-          o == "onBox" && (u == "instagram" ? (b.setAttribute("video-typeStyle", `${u}`), (y = window.instgrm) != null && y.Embeds ? window.instgrm.Embeds.process() : console.log("window.instgrm is undefined")) : (b.querySelector(".modal-content").insertAdjacentHTML("beforeend", dt(t.params)), b.setAttribute("video-typeStyle", `${u}`))), o == "inBox" && b.setAttribute("video-typeStyle", `${u}`);
+          var T;
+          o == "onBox" && (u == "instagram" ? (b.setAttribute("video-typeStyle", `${u}`), (T = window.instgrm) != null && T.Embeds ? window.instgrm.Embeds.process() : console.log("window.instgrm is undefined")) : (b.querySelector(".modal-content").insertAdjacentHTML("beforeend", ut(t.params)), b.setAttribute("video-typeStyle", `${u}`))), o == "inBox" && b.setAttribute("video-typeStyle", `${u}`);
         },
         open(b) {
-          const y = b.querySelectorAll("[data-overlayscrollbars-viewport]");
-          if (f.update(), _i([...y]), o == "onBox" && u == "instagram") {
+          var M;
+          const T = b.querySelectorAll("[data-overlayscrollbars-viewport]");
+          if (m.update(), xi([...T]), o == "onBox" && u == "instagram") {
             const w = document.querySelector("[video-template] .modal-content");
-            new ResizeObserver((E) => {
-              E[0].contentRect.height > 50 && w.classList.add("active");
+            new ResizeObserver((F) => {
+              F[0].contentRect.height > 50 && w.classList.add("active");
             }).observe(w);
           }
           if (o == "inBox") {
-            const w = b.querySelectorAll("[video-target]");
-            w.length > 0 && new W(w, { LAYOUT: t.params.LAYOUT, videoLayoutNo: t.params.videoLayoutNo });
+            const w = g || ((M = s.querySelector("img")) == null ? void 0 : M.src), q = `
+                <div
+                  class="photo-box"
+                  video-target
+                  video-mode="onPage"
+                  video-type="${u}"
+                  video-id="${l}"
+                >
+                <picture>
+                <source
+                  srcset="${w}"
+                  type="image/webp"
+                />
+                <source
+                  srcset="${w}"
+                  type="image/jpeg"
+                />
+                <img src="${w}" alt="" />
+                </picture>
+              </div>`;
+            b.querySelector(".video-content").insertAdjacentHTML(L.prepend, q);
+            const I = b.querySelectorAll("[video-target]");
+            I.length > 0 && new R(I, {
+              LAYOUT: t.params.LAYOUT,
+              videoLayoutNo: t.params.videoLayoutNo
+            });
           }
         },
         close(b) {
-          const y = b.querySelectorAll("[data-overlayscrollbars-viewport]");
-          xi([...y]);
+          const T = b.querySelectorAll("[data-overlayscrollbars-viewport]");
+          _i([...T]);
         },
         destroy(b) {
         }
       }
     };
-    J.open(v);
+    Z.open(y);
   } else if (o == "onPage")
     if (t.params.videoAutoplay = "on", r == "off") {
       if (s.querySelector("video-player"))
         return;
-      s.innerHTML = dt(t.params);
+      s.innerHTML = ut(t.params);
       return;
     } else {
-      (s.querySelector(r) ?? s).insertAdjacentHTML("beforeend", dt(t.params));
+      (s.querySelector(r) ?? s).insertAdjacentHTML("beforeend", ut(t.params));
       return;
     }
-}, Nt = new WeakSet(), Hi = function(i) {
+}, Pt = new WeakSet(), Hi = function(i) {
   const t = this.options;
   return {
     $selector: i,
@@ -1259,11 +1287,12 @@ K = new WeakSet(), _e = function() {
     videoStartTime: i.getAttribute("video-starttime") || t.videoStartTime,
     videoHighQualityPic: i.getAttribute("video-highquality") || t.videoHighQuality,
     videoIgHtml: i.getAttribute("video-ig") || t.videoIgHtml,
+    videoInboxImg: i.getAttribute("video-inbox-img") || t.videoInboxImgHtml,
     LAYOUT: t.LAYOUT || []
   };
-}, We(W, "globalOptions", {});
-let ke = W;
-Object.assign(ke.prototype, I);
+}, We(R, "globalOptions", {});
+let xe = R;
+Object.assign(xe.prototype, j);
 customElements.define("video-player", Ps);
 const Ws = {
   "zh-tw": {
@@ -2095,9 +2124,9 @@ const Ws = {
     ]
   }
 };
-let U;
+let J;
 const Gs = (n) => {
-  const { TEMPLATE: i } = Pe, { 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");
+  const { TEMPLATE: i } = je, { 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(
     s,
     o,
@@ -2115,7 +2144,7 @@ const Gs = (n) => {
   const i = (t = n.getAttribute("control-elements")) == null ? void 0 : t.split(",");
   i && i.forEach((e) => {
     const s = document.querySelector(e);
-    s || L("dropdown", `Can't not find control element(${e})`), s && s.classList.contains("disabled") && (s.classList.remove("disabled"), s.tagName === "DROPDOWN-EL" && s.s.activeLi && C(s, [...s.s.allLi].indexOf(s.s.activeLi)));
+    s || A("dropdown", `Can't not find control element(${e})`), s && s.classList.contains("disabled") && (s.classList.remove("disabled"), s.tagName === "DROPDOWN-EL" && s.s.activeLi && C(s, [...s.s.allLi].indexOf(s.s.activeLi)));
   });
 }, C = (n, i) => {
   const t = n.getAttribute("d4-placeholder"), e = n.querySelectorAll(".dropdown-list li");
@@ -2158,7 +2187,7 @@ const Gs = (n) => {
         const o = n.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(S.append, u);
+          n.s.selectDisplayEl.insertAdjacentHTML(L.append, u);
         })), n.s.activeLi = o, n.s.value = [...o].map((r) => ({
           index: [...e].indexOf(r),
           id: r.getAttribute("data-option"),
@@ -2171,13 +2200,13 @@ const Gs = (n) => {
   }
 }, Xs = (n) => {
   const i = n.s.cityLang;
-  g("#newCityData").length > 0 ? g("#newCityData").val() !== "" && (U = JSON.parse(g("#newCityData").val())[0], console.log([0])) : U = Ws, n.classList.contains("city") && (n.s.dropdownEl.querySelector(".dropdown-list").innerHTML = "", Object.keys(U[i]).forEach((t) => {
+  f("#newCityData").length > 0 ? f("#newCityData").val() !== "" && (J = JSON.parse(f("#newCityData").val())[0], console.log([0])) : J = Ws, n.classList.contains("city") && (n.s.dropdownEl.querySelector(".dropdown-list").innerHTML = "", Object.keys(J[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.querySelectorAll(".dropdown-list li"));
 }, Ys = (n, i) => {
   const t = n.s.cityLang;
-  U[t][i].forEach((e, s) => {
+  J[t][i].forEach((e, s) => {
     const o = document.createElement("li");
     o.textContent = e[0], o.setAttribute("data-option", e[0]), n.querySelector(".dropdown-list").append(o);
   });
@@ -2186,7 +2215,7 @@ const Gs = (n) => {
     i.close();
   });
 }, Fs = () => {
-  const { SETTINGS: n } = Pe;
+  const { SETTINGS: n } = je;
   ((t, e) => {
     Object.keys(e).forEach((s) => {
       t.style.setProperty(`--${s}`, e[s]);
@@ -2197,14 +2226,14 @@ Fs();
 document.addEventListener("click", function() {
   Mi();
 });
-var Pt, Oi, jt, Ii, zt, Ni, Bt, Pi;
+var jt, Ii, zt, Oi, Bt, Ni, Wt, Pi;
 class qi extends HTMLElement {
   constructor() {
     super();
-    h(this, Pt);
     h(this, jt);
     h(this, zt);
     h(this, Bt);
+    h(this, Wt);
     this.initialize = !1;
   }
   static get observedAttributes() {
@@ -2225,13 +2254,13 @@ class qi extends HTMLElement {
           switch (o.hasAttribute("multiple") ? "multiple" : "single") {
             case "single":
               const r = o.querySelector(`.dropdown-list li[data-option="${s}"]`);
-              T(r) ? C(o, [...o.s.allLi].indexOf(r)) : C(o, -1);
+              E(r) ? C(o, [...o.s.allLi].indexOf(r)) : C(o, -1);
               break;
             case "multiple":
               const l = [];
               o.querySelector(".dropdown-list li").classList.remove("active"), s.split(",").forEach((u) => {
                 const p = o.querySelector(`.dropdown-list li[data-option="${u}"]`);
-                T(p) && (p.classList.add("active"), l.push(p));
+                E(p) && (p.classList.add("active"), l.push(p));
               });
               const c = l.map((u) => [...o.s.allLi].indexOf(u));
               C(o, c);
@@ -2250,7 +2279,7 @@ class qi extends HTMLElement {
   }
   connectedCallback() {
     const t = this;
-    t.initialize || t.classList.contains("d4-initialize") || (t.initialize = !0, d(this, Pt, Oi).call(this));
+    t.initialize || t.classList.contains("d4-initialize") || (t.initialize = !0, d(this, jt, Ii).call(this));
   }
   open() {
     const t = this, e = t.querySelector(".dropdown-scroller").clientHeight, s = t.classList.contains("filter"), o = () => s ? t.querySelector(".dropdown-scroller .filter-bar") ? e : t.querySelector(".filter-bar").clientHeight + e : e;
@@ -2276,11 +2305,11 @@ class qi extends HTMLElement {
     this.__events__.selectOption();
   }
 }
-Pt = new WeakSet(), Oi = 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, Ii).call(this);
-}, jt = new WeakSet(), Ii = function() {
-  this.s.childDom = this.childNodes, this.s.template = Gs(this), this.innerHTML = "", this.append(this.s.template), d(this, zt, Ni).call(this);
-}, zt = new WeakSet(), Ni = function() {
+jt = new WeakSet(), Ii = function() {
+  this.s = {}, this.__events__ = {}, this.hasAttribute("d4-status") || this.setAttribute("d4-status", "close"), this.hasAttribute("d4-value") || this.setAttribute("d4-value", ""), d(this, zt, Oi).call(this);
+}, zt = new WeakSet(), Oi = function() {
+  this.s.childDom = this.childNodes, this.s.template = Gs(this), this.innerHTML = "", this.append(this.s.template), d(this, Bt, Ni).call(this);
+}, Bt = new WeakSet(), Ni = function() {
   var s;
   const t = this;
   t.s.allLi = t.querySelectorAll(".dropdown-list li"), t.s.selectDisplayEl = t.querySelector(".select-display"), t.s.dropdownEl = t.querySelector(".dropdown"), t.s.selectType = t.hasAttribute("multiple") ? "multiple" : "single", t.s.cityLang = t.hasAttribute("city-lang") ? t.getAttribute("city-lang") : "zh-tw", Xs(t), t.s.subDropdownTotalH = 0;
@@ -2299,7 +2328,7 @@ Pt = new WeakSet(), Oi = function() {
         }
       } else
         o = t.querySelector(`.dropdown-list li[data-option="${e}"]`);
-      T(o) ? (o.classList.add("active"), t.s.activeLi = o, t.s.value = {
+      E(o) ? (o.classList.add("active"), t.s.activeLi = o, t.s.value = {
         index: [...t.s.allLi].indexOf(o),
         id: e,
         el: o
@@ -2313,7 +2342,7 @@ Pt = new WeakSet(), Oi = function() {
       const a = [];
       e.split(",").forEach((r) => {
         const l = t.querySelector(`.dropdown-list li[data-option="${r}"]`);
-        T(l) && a.push(l);
+        E(l) && a.push(l);
       }), a.length > 0 ? t.s.value = {
         index: a.map((r) => [...t.s.allLi].indexOf(r)),
         id: a.map((r) => r.getAttribute("data-option")),
@@ -2325,8 +2354,8 @@ Pt = new WeakSet(), Oi = function() {
       };
       break;
   }
-  C(t, t.s.value.index), d(s = t, Bt, Pi).call(s), t.classList.add("d4-initialize");
-}, Bt = new WeakSet(), Pi = function() {
+  C(t, t.s.value.index), d(s = t, Wt, Pi).call(s), t.classList.add("d4-initialize");
+}, Wt = new WeakSet(), Pi = function() {
   const t = this;
   t.__events__.dropdownToggle = () => {
     t.addEventListener("click", function(e) {
@@ -2348,10 +2377,10 @@ Pt = new WeakSet(), Oi = function() {
             const r = t.querySelector(".dropdown-scroller"), l = () => {
               if (t.__scroller__) {
                 const { viewport: c } = t.__scroller__.elements();
-                if (T(t.s.activeLi)) {
-                  const u = t.s.activeLi.clientHeight / 2, p = t.s.activeLi.offsetTop, f = p - r.clientHeight / 2 + u > 0 ? p - r.clientHeight / 2 + u : 0;
+                if (E(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;
                   c.scrollTo({
-                    top: f,
+                    top: g,
                     behavior: "smooth"
                   });
                 } else
@@ -2372,7 +2401,7 @@ Pt = new WeakSet(), Oi = function() {
     t.s.dropdownEl.addEventListener("transitionend", e);
   }, t.__events__.bindScrollbar = (e = this) => {
     const s = e.querySelector(".dropdown-scroller");
-    e.__scroller__ = Ie(s, {
+    e.__scroller__ = Ne(s, {
       overflowBehavior: {
         x: "hidden"
       }
@@ -2383,28 +2412,28 @@ Pt = new WeakSet(), Oi = function() {
     e.s.allLi = e.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), f = parseInt(e.getAttribute("d4-default-height"));
+        const u = this, p = [...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"), b = v.querySelector(".sub-dropdown-list"), y = parseInt(getComputedStyle(b).marginTop) + parseInt(getComputedStyle(b).marginBottom);
-          v.style.cssText = `--height: ${b.offsetHeight + y}px`;
-          const w = parseInt(v.style.cssText.replace("--height:", "").trim()), z = parseInt(getComputedStyle(a).maxHeight), E = () => {
-            s = f + e.s.subDropdownTotalH, o = s > z ? z : s, e.style.cssText = `--maxHeight: ${o}px;`, e.s.dropdownEl.style.height = `${o}px`;
+          const v = u.querySelector(".sub-dropdown"), y = v.querySelector(".sub-dropdown-list"), b = parseInt(getComputedStyle(y).marginTop) + parseInt(getComputedStyle(y).marginBottom);
+          v.style.cssText = `--height: ${y.offsetHeight + b}px`;
+          const T = parseInt(v.style.cssText.replace("--height:", "").trim()), M = parseInt(getComputedStyle(a).maxHeight), w = () => {
+            s = g + e.s.subDropdownTotalH, o = s > M ? M : s, e.style.cssText = `--maxHeight: ${o}px;`, e.s.dropdownEl.style.height = `${o}px`;
           };
-          u.classList.contains("open") ? (u.classList.remove("open"), e.s.subDropdownTotalH -= w, E()) : (u.classList.add("open"), e.s.subDropdownTotalH += w, E());
-          const X = () => {
-            e.__scroller__.update(!0), v.removeEventListener("transitionend", X);
+          u.classList.contains("open") ? (u.classList.remove("open"), e.s.subDropdownTotalH -= T, w()) : (u.classList.add("open"), e.s.subDropdownTotalH += T, w());
+          const q = () => {
+            e.__scroller__.update(!0), v.removeEventListener("transitionend", q);
           };
-          v.addEventListener("transitionend", X);
+          v.addEventListener("transitionend", q);
         } else
           switch (Rs(e), e.s.selectType) {
             case "single":
               if (e.setAttribute("d4-value", u.getAttribute("data-option")), r) {
-                const v = e.s.cityLang, b = l.textContent.trim(), y = document.getElementById(e.getAttribute("dist-select"));
-                y && (y.querySelector(".dropdown-list").textContent = "", C(y, -1), U[v][b].forEach((w, z) => {
-                  const E = document.createElement("li");
-                  E.textContent = w[0], E.setAttribute("data-option", w[0]), y.querySelector(".dropdown-list").append(E);
-                }), e.__events__.selectOption(y));
+                const v = e.s.cityLang, y = l.textContent.trim(), b = document.getElementById(e.getAttribute("dist-select"));
+                b && (b.querySelector(".dropdown-list").textContent = "", C(b, -1), J[v][y].forEach((T, M) => {
+                  const w = document.createElement("li");
+                  w.textContent = T[0], w.setAttribute("data-option", T[0]), b.querySelector(".dropdown-list").append(w);
+                }), e.__events__.selectOption(b));
               }
               (m = u.parentNode.closest("li")) != null && m.classList.contains("has-sublayer") && (c.stopPropagation(), e.close());
               break;
@@ -2442,9 +2471,9 @@ Pt = new WeakSet(), Oi = function() {
     });
   }, t.__events__.dropdownToggle(), t.__events__.bindScrollbar(), t.__events__.selectOption(), t.__events__.filterHandler(), t.__events__.removeTag(), t.__events__.transitionend();
 };
-Object.assign(qi.prototype, I);
+Object.assign(qi.prototype, j);
 customElements.define("dropdown-el", qi);
-function ht(n) {
+function pt(n) {
   const i = {};
   return [...n.attributes].forEach((t) => {
     if (t.name.includes("duration-")) {
@@ -2454,9 +2483,9 @@ function ht(n) {
   }), Object.keys(i).length === 0 ? null : i;
 }
 function Ye(n) {
-  if (ht(n)) {
+  if (pt(n)) {
     let i;
-    const t = Object.keys(ht(n)).map((e) => ({
+    const t = Object.keys(pt(n)).map((e) => ({
       value: e,
       point: e
     }));
@@ -2465,7 +2494,7 @@ function Ye(n) {
       const { point: s, value: o } = t[e];
       window.matchMedia(`(max-width: ${o}px)`).matches && (i = s);
     }
-    return i ? Number(ht(n)[i]) : n.s.options.duration;
+    return i ? Number(pt(n)[i]) : n.s.options.duration;
   } else
     return n.s.options.duration;
 }
@@ -2480,7 +2509,7 @@ function Us(n) {
   }
   n.s.animation = null, n.s.animateEl = a, n.textContent = "", o.append(a), n.append(o), a.clientWidth * 2 + e >= n.clientWidth ? i === "normal" && t && o.append(r()) : n.s.options.continual = !1;
 }
-function x(n) {
+function _(n) {
   const { behavior: i, direction: t, continual: e } = n.s.options;
   let s = {};
   switch (i) {
@@ -2542,14 +2571,14 @@ function Js(n) {
     i && clearTimeout(i), i = setTimeout(n, 200, t);
   };
 }
-var Wt, ji, Gt, zi, Rt, Bi, Xt, Wi;
+var Gt, ji, Rt, zi, Xt, Bi, Yt, Wi;
 class Zs extends HTMLElement {
   constructor() {
     super();
-    h(this, Wt);
     h(this, Gt);
     h(this, Rt);
     h(this, Xt);
+    h(this, Yt);
     this.initialize = !1;
   }
   static get observedAttributes() {
@@ -2558,7 +2587,7 @@ class Zs extends HTMLElement {
   attributeChangedCallback(t, e, s) {
   }
   connectedCallback() {
-    this.initialize || (this.initialize = !0, d(this, Wt, ji).call(this));
+    this.initialize || (this.initialize = !0, d(this, Gt, ji).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"));
@@ -2567,7 +2596,7 @@ class Zs extends HTMLElement {
     this.s.animation.pause(), this.s.options.continual && this.s.cloneAnimation.pause();
   }
 }
-Wt = new WeakSet(), ji = function() {
+Gt = new WeakSet(), ji = function() {
   const t = {
     direction: this.getAttribute("direction") || $.SETTINGS.direction,
     // up / down / left / right
@@ -2575,7 +2604,7 @@ Wt = new WeakSet(), ji = function() {
     // normal / alternate / endStop
     duration: Number(this.getAttribute("duration")) || $.SETTINGS.duration,
     // ms
-    durationBreakpoints: ht(this) || $.SETTINGS.durationBreakpoints,
+    durationBreakpoints: pt(this) || $.SETTINGS.durationBreakpoints,
     autoplay: this.getAttribute("autoplay") || $.SETTINGS.autoplay,
     // normal / alternate / endStop
     pauseOnMouseenter: this.getAttribute("pauseOnMouseEnter") ? this.getAttribute("pauseOnMouseEnter") === "true" : $.SETTINGS.pauseOnMouseenter,
@@ -2584,8 +2613,8 @@ Wt = new WeakSet(), ji = function() {
     // true / false
     gap: Number(this.getAttribute("gap")) || $.SETTINGS.gap
   };
-  this.s = {}, this.s.options = t, this.s.nowDuration = Ye(this), Us(this), d(this, Gt, zi).call(this);
-}, Gt = new WeakSet(), zi = function() {
+  this.s = {}, this.s.options = t, this.s.nowDuration = Ye(this), Us(this), d(this, Rt, zi).call(this);
+}, Rt = new WeakSet(), zi = function() {
   const { direction: t, continual: e, gap: s } = this.s.options;
   switch (t) {
     case "left":
@@ -2597,17 +2626,17 @@ Wt = new WeakSet(), ji = 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, Rt, Bi).call(this), d(this, Xt, Wi).call(this), e && this.classList.add("continual"), this.classList.add("m4-initialize");
-}, Rt = new WeakSet(), Bi = function() {
+  d(this, Xt, Bi).call(this), d(this, Yt, Wi).call(this), e && this.classList.add("continual"), this.classList.add("m4-initialize");
+}, Xt = new WeakSet(), Bi = function() {
   const t = this, { direction: e, behavior: s, duration: o, autoplay: a, pauseOnMouseenter: r, continual: l } = t.s.options;
   let c;
   function u() {
     switch (s) {
       case "normal":
-        t.s.animateEl.style.transform = `${x(t).animate1[0].transform}`, t.s.animation = t.s.animateEl.animate(x(t).animate1, {
+        t.s.animateEl.style.transform = `${_(t).animate1[0].transform}`, t.s.animation = t.s.animateEl.animate(_(t).animate1, {
           duration: t.s.nowDuration,
           iterations: 1 / 0
-        }), l && (t.s.cloneAnimateEl.style.transform = `${x(t).animate2[0].transform}`, t.s.cloneAnimation = t.s.cloneAnimateEl.animate(x(t).animate2, {
+        }), l && (t.s.cloneAnimateEl.style.transform = `${_(t).animate2[0].transform}`, t.s.cloneAnimation = t.s.cloneAnimateEl.animate(_(t).animate2, {
           duration: t.s.nowDuration,
           delay: -t.s.nowDuration / 2,
           iterations: 1 / 0
@@ -2618,25 +2647,25 @@ Wt = new WeakSet(), ji = function() {
           let v = [];
           switch (e) {
             case "top":
-              p = Math.abs(t.s.animateEl.scrollHeight - t.clientHeight), f = parseInt(t.s.nowDuration / (p * 2)) * t.s.animateEl.scrollHeight, v = [{ transform: `translate3d(0,${t.clientHeight}px,0)` }, { transform: `translate3d(0,calc(${t.clientHeight}px - 100%),0)` }];
+              p = Math.abs(t.s.animateEl.scrollHeight - t.clientHeight), 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)` }];
               break;
             case "right":
-              p = Math.abs(t.s.animateEl.scrollWidth - t.clientWidth), f = parseInt(t.s.nowDuration / (p * 2)) * t.s.animateEl.scrollWidth, v = [{ transform: "translate3d(-100%,0,0)" }, { transform: "translate3d(0,0,0)" }];
+              p = Math.abs(t.s.animateEl.scrollWidth - t.clientWidth), g = parseInt(t.s.nowDuration / (p * 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), f = parseInt(o / (p * 2)) * t.s.animateEl.scrollHeight, v = [{ transform: "translate3d(0,-100%,0)" }, { transform: "translate3d(0,0,0)" }];
+              p = Math.abs(t.s.animateEl.scrollHeight - t.clientHeight), g = parseInt(o / (p * 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), f = parseInt(o / (p * 2)) * t.s.animateEl.scrollWidth, v = [{ transform: `translate3d(${t.clientWidth}px,0,0)` }, { transform: `translate3d(calc(-100% + ${t.clientWidth}px),0,0)` }];
+              p = Math.abs(t.s.animateEl.scrollWidth - t.clientWidth), 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)` }];
               break;
           }
           return v;
-        }, p, f;
+        }, p, 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: f,
+          duration: g,
           fill: "forwards"
         }).finished.then(() => {
-          t.s.animation = t.s.animateEl.animate(x(t).animate1, {
+          t.s.animation = t.s.animateEl.animate(_(t).animate1, {
             duration: t.s.nowDuration,
             iterations: 1 / 0
           });
@@ -2645,7 +2674,7 @@ Wt = new WeakSet(), ji = function() {
         });
         break;
       case "endStop":
-        t.s.animateEl.style.transform = `${x(t).animate1[0].transform}`, t.s.animation = t.s.animateEl.animate(x(t).animate1, {
+        t.s.animateEl.style.transform = `${_(t).animate1[0].transform}`, t.s.animation = t.s.animateEl.animate(_(t).animate1, {
           duration: t.s.nowDuration,
           fill: "forwards"
         });
@@ -2663,14 +2692,14 @@ Wt = new WeakSet(), ji = function() {
   }), t.addEventListener("mouseleave", function() {
     t.s.animation && r && t.s.animation.playState === "paused" && t.play();
   });
-}, Xt = new WeakSet(), Wi = function() {
+}, Yt = new WeakSet(), Wi = function() {
   const t = this;
   function e() {
     const s = t.s.animation.startTime, o = t.s.cloneAnimation ? t.s.cloneAnimation.startTime : null;
-    t.s.nowDuration = Ye(t), t.s.animation.cancel(), t.s.cloneAnimation && t.s.cloneAnimation.cancel(), t.s.animation = t.s.animateEl.animate(x(t).animate1, {
+    t.s.nowDuration = Ye(t), t.s.animation.cancel(), t.s.cloneAnimation && t.s.cloneAnimation.cancel(), t.s.animation = t.s.animateEl.animate(_(t).animate1, {
       duration: t.s.nowDuration,
       iterations: 1 / 0
-    }), t.s.animation.startTime = s, t.s.cloneAnimation && (t.s.cloneAnimation = t.s.cloneAnimateEl.animate(x(t).animate2, {
+    }), t.s.animation.startTime = s, t.s.cloneAnimation && (t.s.cloneAnimation = t.s.cloneAnimateEl.animate(_(t).animate2, {
       duration: t.s.nowDuration,
       delay: -t.s.nowDuration / 2,
       iterations: 1 / 0
@@ -2684,16 +2713,16 @@ const Fe = function(n, i) {
   return function(e) {
     t && clearTimeout(t), t = setTimeout(n, 200, e);
   };
-}, _ = (n, i) => {
-  if (lt(n)) {
+}, x = (n, i) => {
+  if (ct(n)) {
     n.forEach((t) => {
       t.classList.add(i);
     });
     return;
   }
   n.classList.add(i);
-}, A = (n, i) => {
-  if (lt(n)) {
+}, S = (n, i) => {
+  if (ct(n)) {
     n.forEach((t) => {
       t.classList.remove(i);
     });
@@ -2701,22 +2730,22 @@ const Fe = function(n, i) {
   }
   n.classList.remove(i);
 };
-var Yt, Gi, Ft, Ri, Ut, Xi, et, $e, G, pt, Jt, Yi;
+var Ft, Gi, Ut, Ri, Jt, Xi, it, Ce, X, mt, Zt, Yi;
 class Ue {
   constructor(i) {
     // 初始化
-    h(this, Yt);
-    // 左右箭頭事件綁定
     h(this, Ft);
-    // 左右拖拉事件綁定
+    // 左右箭頭事件綁定
     h(this, Ut);
+    // 左右拖拉事件綁定
+    h(this, Jt);
     // 卷軸位置判斷
-    h(this, et);
+    h(this, it);
     // 隱藏按鈕判斷
-    h(this, G);
+    h(this, X);
     // 選項事件綁定
-    h(this, Jt);
-    this.$element = i, this.option = i.s.option.drag, d(this, Yt, Gi).call(this);
+    h(this, Zt);
+    this.$element = i, this.option = i.s.option.drag, d(this, Ft, Gi).call(this);
   }
   // 更新 active 位置
   update(i) {
@@ -2730,7 +2759,7 @@ class Ue {
     }
   }
 }
-Yt = new WeakSet(), Gi = function() {
+Ft = new WeakSet(), Gi = function() {
   var s, o, a, r;
   const i = this;
   if (!i.$element)
@@ -2739,11 +2768,11 @@ Yt = new WeakSet(), Gi = function() {
   let t = !1;
   const e = () => {
     t || (requestAnimationFrame(() => {
-      d(this, et, $e).call(this), d(this, G, pt).call(this), t = !1;
+      d(this, it, Ce).call(this), d(this, X, mt).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, Ut, Xi).call(s), i.option.navigation && i.$element.s.type !== "collapse" && (i.$container.insertAdjacentHTML(
-    S.prepend,
+  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, Jt, Xi).call(s), i.option.navigation && i.$element.s.type !== "collapse" && (i.$container.insertAdjacentHTML(
+    L.prepend,
     `<div class="navigation">
         <div class="button prev">
           <div></div>
@@ -2752,10 +2781,10 @@ Yt = new WeakSet(), Gi = function() {
           <div></div>
         </div>
       </div>`
-  ), i.$button = (o = i.$container) == null ? void 0 : o.querySelectorAll(".button"), d(a = i, Ft, Ri).call(a)), d(r = i, Jt, Yi).call(r), i.update(), requestAnimationFrame(() => {
-    d(this, et, $e).call(this), d(this, G, pt).call(this);
+  ), i.$button = (o = i.$container) == null ? void 0 : o.querySelectorAll(".button"), d(a = i, Ut, Ri).call(a)), d(r = i, Zt, Yi).call(r), i.update(), requestAnimationFrame(() => {
+    d(this, it, Ce).call(this), d(this, X, mt).call(this);
   });
-}, Ft = new WeakSet(), Ri = function() {
+}, Ut = new WeakSet(), Ri = 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({
@@ -2763,13 +2792,13 @@ Yt = new WeakSet(), Gi = function() {
       behavior: "smooth"
     }), setTimeout(() => {
       var r;
-      d(r = i, G, pt).call(r);
+      d(r = i, X, mt).call(r);
     }, 100);
   };
   e.forEach((o) => {
     o.removeEventListener("click", s), o.addEventListener("click", s);
   });
-}, Ut = new WeakSet(), Xi = function() {
+}, Jt = new WeakSet(), Xi = function() {
   const { $wrapper: i } = this;
   let t = !1, e = !1, s = 0, o = 0;
   const a = function(p) {
@@ -2799,32 +2828,32 @@ Yt = new WeakSet(), Gi = function() {
   i.querySelectorAll("a").forEach((p) => {
     p.removeEventListener("click", u), p.addEventListener("click", u);
   });
-}, et = new WeakSet(), $e = function() {
+}, it = new WeakSet(), Ce = function() {
   const { $container: i, $wrapper: t } = this, e = t.scrollWidth - t.clientWidth, s = Math.round(t.scrollLeft);
-  e <= 0 || (_(i, "scrollable"), s == 0 ? (A(i, "scrollable"), _(t, "start"), A(t, "end")) : s + 1 >= e ? (A(i, "scrollable"), A(t, "start"), _(t, "end")) : (_(t, "center"), A(t, "start"), A(t, "end")));
-}, G = new WeakSet(), pt = function() {
+  e <= 0 || (x(i, "scrollable"), s == 0 ? (S(i, "scrollable"), x(t, "start"), S(t, "end")) : s + 1 >= e ? (S(i, "scrollable"), S(t, "start"), x(t, "end")) : (x(t, "center"), S(t, "start"), S(t, "end")));
+}, X = new WeakSet(), mt = function() {
   const { $wrapper: i, $button: t, $element: e } = this;
   if (!t)
     return;
   const s = i.scrollWidth - i.clientWidth, o = i.scrollLeft;
   if (s <= 0) {
-    _(t, "hide"), A(t, "active"), _(e, "noScrollable");
+    x(t, "hide"), S(t, "active"), x(e, "noScrollable");
     return;
   }
-  s > 0 && (_(t, "active"), A(e, "noScrollable")), o == 0 ? t.forEach((a) => {
+  s > 0 && (x(t, "active"), S(e, "noScrollable")), o == 0 ? t.forEach((a) => {
     if (a.classList.contains("next")) {
-      A(a, "hide");
+      S(a, "hide");
       return;
     }
-    _(a, "hide");
+    x(a, "hide");
   }) : o + 1 >= s ? t.forEach((a) => {
     if (a.classList.contains("next")) {
-      _(a, "hide");
+      x(a, "hide");
       return;
     }
-    A(a, "hide");
-  }) : A(t, "hide");
-}, Jt = new WeakSet(), Yi = function() {
+    S(a, "hide");
+  }) : S(t, "hide");
+}, Zt = new WeakSet(), Yi = function() {
   const { $element: i } = this, t = (s) => {
     if (this.option.selected) {
       const o = s.getAttribute("data-option").trim();
@@ -2838,31 +2867,31 @@ Yt = new WeakSet(), Gi = function() {
     s.removeEventListener("click", e), s.addEventListener("click", e);
   });
 };
-var Zt, Fi, Qt, Ui, Vt, Ji, Kt, Zi;
+var Qt, Fi, Vt, Ui, Kt, Ji, te, Zi;
 class Qs {
   constructor(i) {
     // 初始化
-    h(this, Zt);
-    // 隱藏按鈕判斷
     h(this, Qt);
-    // 展開箭頭事件綁定
+    // 隱藏按鈕判斷
     h(this, Vt);
-    // 選項事件綁定
+    // 展開箭頭事件綁定
     h(this, Kt);
-    this.$element = i, this.option = i.s.option.collapse, d(this, Zt, Fi).call(this);
+    // 選項事件綁定
+    h(this, te);
+    this.$element = i, this.option = i.s.option.collapse, d(this, Qt, Fi).call(this);
   }
 }
-Zt = new WeakSet(), Fi = function() {
-  this.$element && (this.$container = this.$element.querySelector(".collapse-container"), this.$wrapper = this.$container.querySelector(".wrapper"), d(this, Qt, Ui).call(this) && d(this, Vt, Ji).call(this), d(this, Kt, Zi).call(this));
-}, Qt = new WeakSet(), Ui = function() {
+Qt = new WeakSet(), Fi = function() {
+  this.$element && (this.$container = this.$element.querySelector(".collapse-container"), this.$wrapper = this.$container.querySelector(".wrapper"), d(this, Vt, Ui).call(this) && d(this, Kt, Ji).call(this), d(this, te, Zi).call(this));
+}, Vt = new WeakSet(), Ui = 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"), A(this.$element, "noScrollable"), !0) : (_(this.$element, "noScrollable"), !1);
-}, Vt = new WeakSet(), Ji = function() {
+  return t.scrollWidth - t.clientWidth > 0 ? (i.insertAdjacentHTML(L.append, '<div class="open-collapse"></div>'), this.$button = i.querySelector(".open-collapse"), S(this.$element, "noScrollable"), !0) : (x(this.$element, "noScrollable"), !1);
+}, Kt = new WeakSet(), Ji = 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);
-}, Kt = new WeakSet(), Zi = function() {
+}, te = new WeakSet(), Zi = 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();
@@ -2878,18 +2907,18 @@ Zt = new WeakSet(), Fi = function() {
 };
 const Vs = (n) => {
   const { type: i, option: t, originalDomString: e } = n.s, s = document.createElement("div");
-  return i == "drag" && (s.innerHTML = H.TEMPLATE[i]().trim(), s.querySelector(".drag-container .wrapper").insertAdjacentHTML(S.append, e)), i == "collapse" && (s.innerHTML = H.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 = H.TEMPLATE[i](t == null ? void 0 : t.dropdown).trim(), s.querySelector("dropdown-el").insertAdjacentHTML(S.append, e)), s.children;
+  return i == "drag" && (s.innerHTML = H.TEMPLATE[i]().trim(), s.querySelector(".drag-container .wrapper").insertAdjacentHTML(L.append, e)), i == "collapse" && (s.innerHTML = H.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 = H.TEMPLATE[i](t == null ? void 0 : t.dropdown).trim(), s.querySelector("dropdown-el").insertAdjacentHTML(L.append, e)), s.children;
 };
-var te, Qi, ee, Vi, it, Ce, R, mt;
+var ee, Qi, ie, Vi, st, He, Y, gt;
 class Ks extends HTMLElement {
   constructor() {
     super();
-    h(this, te);
     h(this, ee);
+    h(this, ie);
     // 斷點設定
-    h(this, it);
+    h(this, st);
     // check type
-    h(this, R);
+    h(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() {
@@ -2901,7 +2930,7 @@ class Ks extends HTMLElement {
       case "m4-type":
         if (e === null || e === s)
           return;
-        this.s.type = s, d(this, R, mt).call(this);
+        this.s.type = s, d(this, Y, gt).call(this);
         break;
       case "m4-status":
         if (e === s)
@@ -2918,13 +2947,13 @@ class Ks extends HTMLElement {
     }
   }
   connectedCallback() {
-    this.initialize || this.classList.contains("m4-init") || (this.initialize = !0, d(this, te, Qi).call(this));
+    this.initialize || this.classList.contains("m4-init") || (this.initialize = !0, d(this, ee, Qi).call(this));
   }
   update() {
-    d(this, it, Ce).call(this);
+    d(this, st, He).call(this);
   }
 }
-te = new WeakSet(), Qi = function() {
+ee = new WeakSet(), Qi = function() {
   let t = {};
   this.hasAttribute("m4-value") || this.setAttribute("m4-value", ""), this.s.type = this.getAttribute("m4-type") ?? H.SETTINGS.type, this.hasAttribute("m4-option") && (t = this.getAttribute("m4-option") ? JSON.parse(this.getAttribute("m4-option")) : {}, this.removeAttribute("m4-option"));
   const e = (s) => {
@@ -2935,20 +2964,20 @@ te = new WeakSet(), Qi = function() {
     }
     this.update();
   };
-  window.removeEventListener("resize", Fe(e)), window.addEventListener("resize", Fe(e)), this.s.option = {}, this.s.option.drag = Object.assign({}, H.SETTINGS.drag, t == null ? void 0 : t.drag), this.s.option.collapse = Object.assign({}, H.SETTINGS.collapse, t == null ? void 0 : t.collapse), this.s.option.dropdown = Object.assign({}, H.SETTINGS.dropdown, t == null ? void 0 : t.dropdown), this.s.option.breakpoint = Object.assign({}, H.SETTINGS.breakpoint, t == null ? void 0 : t.breakpoint), d(this, ee, Vi).call(this);
-}, ee = new WeakSet(), Vi = function() {
-  this.classList.add("m4-init"), d(this, it, Ce).call(this);
-}, it = new WeakSet(), Ce = function() {
+  window.removeEventListener("resize", Fe(e)), window.addEventListener("resize", Fe(e)), this.s.option = {}, this.s.option.drag = Object.assign({}, H.SETTINGS.drag, t == null ? void 0 : t.drag), this.s.option.collapse = Object.assign({}, H.SETTINGS.collapse, t == null ? void 0 : t.collapse), this.s.option.dropdown = Object.assign({}, H.SETTINGS.dropdown, t == null ? void 0 : t.dropdown), this.s.option.breakpoint = Object.assign({}, H.SETTINGS.breakpoint, t == null ? void 0 : t.breakpoint), d(this, ie, Vi).call(this);
+}, ie = new WeakSet(), Vi = function() {
+  this.classList.add("m4-init"), d(this, st, He).call(this);
+}, st = new WeakSet(), He = function() {
   const t = Object.keys(this.s.option.breakpoint);
   if (!t.length) {
-    d(this, R, mt).call(this);
+    d(this, Y, gt).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, R, mt).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, Y, gt).call(this), window.innerWidth >= e;
   });
-}, R = new WeakSet(), mt = function() {
+}, Y = new WeakSet(), gt = function() {
   var o;
   const { type: t } = this.s;
   this.innerHTML = "", [...Vs(this)].forEach((a) => {
@@ -2966,43 +2995,43 @@ te = new WeakSet(), Qi = function() {
   (o = this.drag) == null || o.update();
 };
 customElements.define("multipurpose-nav", Ks);
-var ie, ts, se, es, st, He, P, F, ne, is, oe, ss, ae, ns, re, os, le, as, ce, rs, de, ls, ue, cs, he, ds, q, B, pe, us, me, hs, fe, ps, ge, ms;
+var se, ts, ne, es, nt, Me, B, U, oe, is, ae, ss, re, ns, le, os, ce, as, de, rs, ue, ls, he, cs, pe, ds, N, G, me, us, ge, hs, fe, ps, ve, ms;
 class Ki extends HTMLElement {
   // 定義組件的初始狀態
   constructor(t, e) {
     super();
-    h(this, ie);
     h(this, se);
+    h(this, ne);
     // 第一關 判斷數量以及id設定
-    h(this, st);
+    h(this, nt);
     // 第二關 id命名提醒
-    h(this, P);
-    h(this, ne);
+    h(this, B);
     h(this, oe);
     h(this, ae);
+    h(this, re);
     // 執行函式
     // 移動至指定位置
-    h(this, re);
-    // 移動
     h(this, le);
-    // 步驟狀態
+    // 移動
     h(this, ce);
-    // next 按鈕狀態
+    // 步驟狀態
     h(this, de);
-    // prev 按鈕狀態
+    // next 按鈕狀態
     h(this, ue);
-    // 頁籤狀態
+    // prev 按鈕狀態
     h(this, he);
+    // 頁籤狀態
+    h(this, pe);
     // 第三關各種元件判斷 及 執行
-    h(this, q);
+    h(this, N);
     // 消失動畫
-    h(this, pe);
-    // 出現動畫
     h(this, me);
+    // 出現動畫
+    h(this, ge);
     // 狀態
     h(this, fe);
     // resize
-    h(this, ge);
+    h(this, ve);
   }
   // 當組件的屬性被更改時會被呼叫
   static get observedAttributes() {
@@ -3012,41 +3041,41 @@ class Ki extends HTMLElement {
     t === "t4-active" && e !== s && d(this, fe, ps).call(this, s);
   }
   connectedCallback() {
-    this.classList.contains("t4-initialize") || d(this, ie, ts).call(this);
+    this.classList.contains("t4-initialize") || d(this, se, ts).call(this);
   }
   //  ------------- 我是分隔線呦 -------------
   // 頁籤切換
   tabClick(t) {
     const { t: e } = this, s = e.tabs.indexOf(t) % e.tabPanels.length, o = e.tabGroup === "true" ? String(s) : t.getAttribute("t4-id");
     this.setActiveTab(o), setTimeout(() => {
-      d(this, q, B).call(this, "eventAnchor");
+      d(this, N, G).call(this, "eventAnchor");
     }, e.transition.duration);
   }
   // 外部呼叫方法 $0.setActiveTab(0)
   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, P, F).call(this, s);
+    const o = d(this, B, U).call(this, s);
     e.tabPanels.forEach((a, r) => {
-      r === o ? d(this, me, hs).call(this, r) : d(this, pe, us).call(this, r);
+      r === o ? d(this, ge, hs).call(this, r) : d(this, me, us).call(this, r);
     });
   }
   // 外部呼叫方法 $0.goNext()
   goNext() {
-    const t = d(this, P, F).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, B, U).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, P, F).call(this, this.t.activeTab), e = Math.max(0, t - 1), s = this.t.tabPanels[e].getAttribute("t4-id");
+    const t = d(this, B, U).call(this, this.t.activeTab), e = Math.max(0, t - 1), s = this.t.tabPanels[e].getAttribute("t4-id");
     this.setActiveTab(s);
   }
   // 外部呼叫方法 $0.update()
   update() {
-    this.t.tabs = d(this, st, He).call(this), fs(), console.log("tab update!!!!");
+    this.t.tabs = d(this, nt, Me).call(this), gs(), console.log("tab update!!!!");
   }
 }
-ie = new WeakSet(), ts = function() {
+se = new WeakSet(), ts = function() {
   const t = this.getAttribute("t4-name"), { SETTINGS: e } = Ke;
   document.querySelectorAll(`tab-el[t4-name=${t}]`).length > 1 && console.warn(t, "名字有重複喔！！！"), this.t = {
     tabs: [],
@@ -3066,36 +3095,36 @@ ie = new WeakSet(), ts = function() {
       delay: this.getAttribute("t4-delay") || e.transition.delay
     },
     tabGroup: this.getAttribute("t4-group") || e.tabGroup
-  }, this.__events__ = {}, this.t.tabs = d(this, st, He).call(this), this.t.step = document.querySelector(`[t4-control="${this.t.name}"]${this.t.stepOutput}`), d(this, se, es).call(this);
-}, se = new WeakSet(), es = function() {
-  if (this.t.activeTab = this.t.defaultPage, this.t.display === "swiper" && d(this, ne, is).call(this), this.t.recordUrl) {
+  }, this.__events__ = {}, this.t.tabs = d(this, nt, Me).call(this), this.t.step = document.querySelector(`[t4-control="${this.t.name}"]${this.t.stepOutput}`), d(this, ne, es).call(this);
+}, ne = new WeakSet(), es = function() {
+  if (this.t.activeTab = this.t.defaultPage, this.t.display === "swiper" && d(this, oe, is).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, ge, ms).call(this);
-}, st = new WeakSet(), He = function() {
+  this.setActiveTab(this.t.activeTab), this.classList.add("t4-initialize"), d(this, ve, ms).call(this);
+}, nt = new WeakSet(), Me = 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;
-}, P = new WeakSet(), F = function(t) {
+}, B = new WeakSet(), U = 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);
-}, ne = new WeakSet(), is = function() {
+}, oe = new WeakSet(), is = 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, oe, ss).call(this);
-}, oe = new WeakSet(), ss = function() {
+  }), this.t.tabPanels = [...e.children], t.appendChild(e), this.innerHTML = "", this.appendChild(t), d(this, ae, ss).call(this);
+}, ae = new WeakSet(), ss = 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;
-}, ae = new WeakSet(), ns = function(t) {
+}, re = new WeakSet(), ns = function(t) {
   const { t: e } = this;
   if (e.recordUrl === "true") {
     const s = new URLSearchParams(document.location.search);
@@ -3103,55 +3132,55 @@ ie = new WeakSet(), ts = function() {
     const o = `${window.location.pathname}?${s.toString()}`;
     history.replaceState({ t4Id: t }, "", o);
   }
-}, re = new WeakSet(), os = function() {
+}, le = new WeakSet(), os = function() {
   const t = parseInt(this.t.gap, 10), e = window.pageYOffset, o = this.getBoundingClientRect().top + e - t;
-  d(this, le, as).call(this, o);
-}, le = new WeakSet(), as = function(t) {
+  d(this, ce, as).call(this, o);
+}, ce = new WeakSet(), as = function(t) {
   window.scrollTo({
     top: t,
     behavior: "smooth"
   });
-}, ce = new WeakSet(), rs = function(t) {
+}, de = new WeakSet(), rs = function(t) {
   let e = parseInt(t, 10) + 1;
   this.t.step.textContent = `${e}`, this.t.step.setAttribute("now-page", e);
-}, de = new WeakSet(), ls = function(t) {
+}, ue = 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");
   });
-}, ue = new WeakSet(), cs = function(t) {
+}, he = new WeakSet(), cs = 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");
   });
-}, he = new WeakSet(), ds = function(t, e) {
+}, pe = 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) => {
     s.getAttribute("t4-id") === e ? s.setAttribute("aria-selected", !0) : s.setAttribute("aria-selected", !1);
   });
-}, q = new WeakSet(), B = function(t, e, s) {
+}, N = new WeakSet(), G = function(t, e, s) {
   switch (t) {
     case "step":
-      Ee(this.t.step) && d(this, ce, rs).call(this, e);
+      Ae(this.t.step) && d(this, de, rs).call(this, e);
       break;
     case "eventAnchor":
-      this.t.anchor && d(this, re, os).call(this);
+      this.t.anchor && d(this, le, os).call(this);
       break;
     case "tabState":
-      this.t.type == "normal" && d(this, he, ds).call(this, e, s);
+      this.t.type == "normal" && d(this, pe, ds).call(this, e, s);
       break;
     case "btnState":
-      d(this, de, ls).call(this, e), d(this, ue, cs).call(this, e);
+      d(this, ue, ls).call(this, e), d(this, he, cs).call(this, e);
       break;
     case "tabUrl":
-      this.t.recordUrl === "true" && d(this, ae, ns).call(this, e);
+      this.t.recordUrl === "true" && d(this, re, ns).call(this, e);
       break;
     default:
       console.warn("請增加判斷，謝謝");
       break;
   }
-}, pe = new WeakSet(), us = function(t) {
+}, me = new WeakSet(), us = function(t) {
   const { t: e } = this;
   this.t.transition;
   const s = e.tabPanels[t];
@@ -3168,7 +3197,7 @@ ie = new WeakSet(), ts = function() {
       s.style.display = "none";
       break;
   }
-}, me = new WeakSet(), hs = function(t) {
+}, ge = new WeakSet(), hs = 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) {
@@ -3194,9 +3223,9 @@ ie = new WeakSet(), ts = function() {
       break;
   }
 }, fe = new WeakSet(), ps = function(t) {
-  const e = d(this, P, F).call(this, t);
-  d(this, q, B).call(this, "step", e), d(this, q, B).call(this, "btnState", e), d(this, q, B).call(this, "tabState", e, t), d(this, q, B).call(this, "tabUrl", t), this.emit("change");
-}, ge = new WeakSet(), ms = function() {
+  const e = d(this, B, U).call(this, t);
+  d(this, N, G).call(this, "step", e), d(this, N, G).call(this, "btnState", e), d(this, N, G).call(this, "tabState", e, t), d(this, N, G).call(this, "tabUrl", t), this.emit("change");
+}, ve = new WeakSet(), ms = function() {
   const t = this;
   window.addEventListener(
     "resize",
@@ -3211,7 +3240,7 @@ function tn(n, i = 1e3) {
     t && clearTimeout(t), t = setTimeout(n, i, e);
   };
 }
-function fs() {
+function gs() {
   const n = document.querySelectorAll("[t4-control]");
   document.addEventListener("click", function(i) {
     let t = !1;
@@ -3241,8 +3270,8 @@ function fs() {
     }
   });
 }
-fs();
-Object.assign(Ki.prototype, I);
+gs();
+Object.assign(Ki.prototype, j);
 customElements.define("tab-el", Ki);
 const Je = (n) => {
   const { defaultOptions: i } = n.collapse, { collapseClass: t, target: e, transition: s } = i, o = n.querySelector(e);
@@ -3251,48 +3280,48 @@ const Je = (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 nt, Me, ve, gs, be, vs, ot, qe;
+var ot, qe, be, fs, ye, vs, at, Ie;
 class sn {
   constructor(i, t = {}) {
-    h(this, nt);
-    h(this, ve);
-    h(this, be);
     h(this, ot);
-    !rt(i) && !Ee(i) && !lt(i) && !T(i) || (this.__storage__ = {
+    h(this, be);
+    h(this, ye);
+    h(this, at);
+    !lt(i) && !Ae(i) && !ct(i) && !E(i) || (this.__storage__ = {
       el: i,
       options: t
-    }, this.active = "data-collapse-active", d(this, nt, Me).call(this));
+    }, this.active = "data-collapse-active", d(this, ot, qe).call(this));
   }
   update() {
-    d(this, nt, Me).call(this);
+    d(this, ot, qe).call(this);
   }
 }
-nt = new WeakSet(), Me = function() {
+ot = new WeakSet(), qe = function() {
   const { el: i, options: t } = this.__storage__, { SETTINGS: e, EVENTS: s } = ti;
   if (this.elements = t.state == "not active" ? k(i + `:not([${this.active}])`) : k(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, ve, gs).call(this);
-}, ve = new WeakSet(), gs = function() {
+  d(this, be, fs).call(this);
+}, be = new WeakSet(), fs = 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, be, vs).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, ye, vs).call(this, e);
   }), this.emit("init");
-}, be = new WeakSet(), vs = function(i) {
+}, ye = new WeakSet(), vs = 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, ot, qe)), c.addEventListener("click", d(this, ot, qe)), r) {
-    const p = (f) => {
-      f.stopPropagation();
+  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, at, Ie)), c.addEventListener("click", d(this, at, Ie)), r) {
+    const p = (g) => {
+      g.stopPropagation();
     };
     u.removeEventListener("click", p), u.addEventListener("click", p);
   }
-}, ot = new WeakSet(), qe = function() {
+}, at = new WeakSet(), Ie = 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) => {
     Je(l);
   }), en(r)) : Je(r), i.emit("afterCollapse");
 };
-Object.assign(sn.prototype, I);
+Object.assign(sn.prototype, j);
 function nn(n, i) {
   const t = i, { color: e, opacity: s, duration: o } = i.s.options;
   let a = document.createElement("span"), r = n.clientX - t.getBoundingClientRect().left, l = n.clientY - t.getBoundingClientRect().top;
@@ -3306,25 +3335,25 @@ function bs() {
   });
 }
 document.addEventListener("click", bs);
-var at, Oe, ye, ys, we, ws, Te, Ts;
+var rt, Oe, we, ys, Te, ws, Ee, Ts;
 class on extends HTMLElement {
   constructor() {
     super();
-    h(this, at);
-    h(this, ye);
+    h(this, rt);
     h(this, we);
     h(this, Te);
+    h(this, Ee);
     this.initialize = !1;
   }
   connectedCallback() {
     const t = this;
-    t.initialize || t.classList.contains("r4-initialize") || (t.initialize = !0, d(this, at, Oe).call(this));
+    t.initialize || t.classList.contains("r4-initialize") || (t.initialize = !0, d(this, rt, Oe).call(this));
   }
   update() {
-    this.classList.remove("r4-initialize"), this.querySelector("i.hover-ball").remove(), d(this, at, Oe).call(this);
+    this.classList.remove("r4-initialize"), this.querySelector("i.hover-ball").remove(), d(this, rt, Oe).call(this);
   }
 }
-at = new WeakSet(), Oe = function() {
+rt = new WeakSet(), Oe = function() {
   const { SETTINGS: t } = ei;
   this.s = {};
   function e(o) {
@@ -3339,13 +3368,13 @@ at = new WeakSet(), Oe = 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, ye, ys).call(this);
-}, ye = new WeakSet(), ys = function() {
-  d(this, we, ws).call(this), d(this, Te, Ts).call(this), this.classList.add("r4-initialize");
-}, we = new WeakSet(), ws = function() {
+  this.s.options = s, this.s.options.hover && this.classList.add("hover-btn"), d(this, we, ys).call(this);
+}, we = new WeakSet(), ys = function() {
+  d(this, Te, ws).call(this), d(this, Ee, Ts).call(this), this.classList.add("r4-initialize");
+}, Te = new WeakSet(), ws = function() {
   const t = this, e = document.createElement("i");
   e.classList.add("hover-ball"), e.style.transitionDuration = `${t.s.options.speed}ms`, t.appendChild(e);
-}, Te = new WeakSet(), Ts = function() {
+}, Ee = new WeakSet(), Ts = function() {
   const t = this.querySelector("i.hover-ball"), e = this;
   e.addEventListener("click", function(a) {
     a.stopPropagation(), e.s.options.click && nn(a, e);
@@ -3455,8 +3484,8 @@ function ln(n, i, t, e) {
       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);
       break;
   }
-  const f = (s.width - u) * 0.5, m = (s.height - p) * 0.5;
-  return o.drawImage(i, f, m, u, p), s;
+  const g = (s.width - u) * 0.5, m = (s.height - p) * 0.5;
+  return o.drawImage(i, g, m, u, p), s;
 }
 function cn(n, i) {
   return new Promise((t, e) => {
@@ -3542,7 +3571,7 @@ class pn {
 }
 export {
   ii as A,
-  xn as B,
+  _n as B,
   sn as C,
   qi as D,
   $n as E,
@@ -3551,9 +3580,9 @@ export {
   Mn as H,
   an as I,
   qn as J,
-  On as K,
-  In as L,
-  J as M,
+  In as K,
+  On as L,
+  Z as M,
   Nn as N,
   Pn as O,
   jn as P,
@@ -3566,31 +3595,31 @@ export {
   Rn as W,
   Xn as X,
   Yn as Y,
-  T as a,
-  lt as b,
-  xs as c,
-  _s as d,
-  Ne as e,
-  S as f,
+  E as a,
+  ct as b,
+  _s as c,
+  xs as d,
+  Pe as e,
+  L as f,
   k as g,
   En as h,
-  rt as i,
-  gi as j,
+  lt as i,
+  fi as j,
   Zs as k,
   Ks as l,
   pn as m,
   zs as n,
   Fn as o,
-  Ln as p,
-  _i as q,
-  xi as r,
+  An as p,
+  xi as q,
+  _i as r,
   ks as s,
-  An as t,
+  Ln as t,
   Sn as u,
-  ke as v,
+  xe as v,
   Dn as w,
   js as x,
   kn as y,
-  _n as z
+  xn as z
 };
 //# sourceMappingURL=image-preview-bundle.js.map