@xwadex/fesd 0.0.67 → 0.0.69

package/dist/image-preview-bundle.js

@@ -1,23 +1,11 @@
-var js = Object.defineProperty;
-var zs = (n, i, t) => i in n ? js(n, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[i] = t;
-var si = (n, i, t) => (zs(n, typeof i != "symbol" ? i + "" : i, t), t), Bs = (n, i, t) => {
-  if (!i.has(n))
-    throw TypeError("Cannot " + t);
-};
-var p = (n, i, t) => {
-  if (i.has(n))
-    throw TypeError("Cannot add the same private member more than once");
-  i instanceof WeakSet ? i.add(n) : i.set(n, t);
-};
-var d = (n, i, t) => (Bs(n, i, "access private method"), t);
-import f from "jquery";
-import { OverlayScrollbars as Ve } from "overlayscrollbars";
+import m from "jquery";
+import { OverlayScrollbars as tt } from "overlayscrollbars";
 import "./vendor-bundle.js";
 import "validator";
 import "flatpickr";
-import hi from "vanilla-lazyload";
-import { lock as Ws, unlock as Gs } from "tua-body-scroll-lock";
-const He = {
+import ht from "vanilla-lazyload";
+import { unlock as Ct, lock as Ht } from "tua-body-scroll-lock";
+const Z = {
   SETTINGS: {
     videoId: null,
     videoType: null,
@@ -78,14 +66,14 @@ const He = {
   TEMPLATE() {
     return '<div class="player-container"><div class="player-wrapper"></div></div>';
   }
-}, Rs = {
+}, It = {
   SETTINGS: {
     success: null,
     text: null,
     className: null,
     duration: 1500
   }
-}, j = {
+}, P = {
   SETTINGS: {
     target: null,
     route: null,
@@ -107,16 +95,16 @@ const He = {
     destroy: null,
     update: null
   },
-  TEMPLATE(n) {
+  TEMPLATE(s) {
     return `
         <div class="modal-scroller">
-          <div class="modal-wrapper" ${n === "destroy" ? "data-modal-destroy" : "data-modal-close"}>
+          <div class="modal-wrapper" ${s === "destroy" ? "data-modal-destroy" : "data-modal-close"}>
             <div class="modal-content" stop-propagation>
           </div>
         </div>
         `;
   }
-}, I = {
+}, $ = {
   SETTINGS: {
     direction: "left",
     // 方向 - top || right || bottom || left
@@ -135,7 +123,7 @@ const He = {
     gap: 30
     // 跑馬燈內容之間的距離 - Number
   }
-}, ti = {
+}, et = {
   SETTINGS: {
     scrollbar: {
       "scrollbar-track-color": "transparent",
@@ -144,26 +132,26 @@ const He = {
       "scrollbar-radius": "10px"
     }
   },
-  TEMPLATE(n, i, t, e) {
+  TEMPLATE(s, t, e, i) {
     const o = `
-    <i class="${e || "dropdown-icon"}"></i>
+    <i class="${i || "dropdown-icon"}"></i>
     `, a = `
     <div class="filter-bar">
-    <input class="filter-input" type="text" placeholder="${i}" disabled>
+    <input class="filter-input" type="text" placeholder="${t}" disabled>
     </div>
     `, r = `<div class="select-wrapper">
         <div class="select-display"></div>
         ${o}
         <div class="dropdown">
-          ${n ? a : ""}
+          ${s ? a : ""}
           <div class="dropdown-scroller">
             <ul class="dropdown-list"></ul>
           </div>
         </div>
       </div>`;
-    return t || r;
+    return e || r;
   }
-}, Xs = {
+}, qt = {
   SETTINGS: {
     basic_rwd: 900,
     markdownLink: !1,
@@ -172,7 +160,7 @@ const He = {
     navigation: !1,
     scrollStep: !1
   }
-}, mi = {
+}, mt = {
   SETTINGS: {
     scroller: window,
     class: "aost-show",
@@ -195,7 +183,7 @@ const He = {
     enter: null,
     leave: null
   }
-}, wt = {
+}, F = {
   SETTINGS: {
     target: null,
     container: null,
@@ -213,7 +201,7 @@ const He = {
     beforeScroll: null,
     afterScroll: null
   }
-}, q = {
+}, x = {
   SETTINGS: {
     type: "drag",
     drag: {
@@ -240,22 +228,22 @@ const He = {
             </ul>
           </div>`;
     },
-    collapse(n) {
+    collapse(s) {
       return `<div class="drag-container">
             <ul class="wrapper">
             </ul>
-            <div class="collapse-placeholder">${n.placeholder}</div>
+            <div class="collapse-placeholder">${s.placeholder}</div>
           </div>
           <div class="collapse-container">
             <ul class="wrapper">
             </ul>
           </div>`;
     },
-    dropdown(n) {
-      return `<dropdown-el${n.placeholder ? ` d4-placeholder="${n.placeholder}"` : ""}${n.value ? ` d4-value="${n.value}"` : ""}></dropdown-el>`;
+    dropdown(s) {
+      return `<dropdown-el${s.placeholder ? ` d4-placeholder="${s.placeholder}"` : ""}${s.value ? ` d4-value="${s.value}"` : ""}></dropdown-el>`;
     }
   }
-}, gi = {
+}, gt = {
   SETTINGS: {
     // 樣式 normal / process
     type: "normal",
@@ -275,7 +263,7 @@ const He = {
     // 步驟狀態綁定
     stepOutput: ".step-show"
   }
-}, fi = {
+}, ft = {
   SETTINGS: {
     collapseClass: "collapse",
     block: "[collapse-block]",
@@ -308,7 +296,7 @@ const He = {
     update: null,
     afterUpdate: null
   }
-}, vi = {
+}, vt = {
   SETTINGS: {
     // 是否要加 hover 效果?
     hover: !0,
@@ -323,198 +311,242 @@ const He = {
     // hover 毫秒 ?
     speed: 600
   }
-}, jn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, _e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  anchor4: wt,
-  aost4: mi,
-  article4: Xs,
-  collapse4: fi,
-  dropdown4: ti,
-  marquee4: I,
-  modal4: j,
-  multipurpose4: q,
-  ripple4: vi,
-  share4: Rs,
-  tab4: gi,
-  video4: He
-}, Symbol.toStringTag, { value: "Module" })), S = {
-  before: "beforebegin",
+  anchor4: F,
+  aost4: mt,
+  article4: qt,
+  collapse4: ft,
+  dropdown4: et,
+  marquee4: $,
+  modal4: P,
+  multipurpose4: x,
+  ripple4: vt,
+  share4: It,
+  tab4: gt,
+  video4: Z
+}, Symbol.toStringTag, { value: "Module" })), E = {
   after: "afterend",
   append: "beforeend",
   prepend: "afterbegin"
-}, ft = (n) => typeof n == "string" && n !== "", Ie = (n) => n instanceof HTMLElement, vt = (n) => n instanceof NodeList, A = (n) => _(n) !== null, G = (n) => typeof n == "function", _ = (n) => Ie(n) ? n : document.querySelector(n), D = (n) => vt(n) ? n : document.querySelectorAll(n), Us = () => Math.random().toString(36).substr(2, 9), Ys = (n) => {
-  const i = document.createElement("div");
-  return i.innerHTML = n, i.childNodes;
-}, Fs = (n) => {
+}, R = (s) => typeof s == "string" && s !== "", Q = (s) => s instanceof HTMLElement, X = (s) => s instanceof NodeList, T = (s) => A(s) !== null, j = (s) => typeof s == "function", A = (s) => Q(s) ? s : document.querySelector(s), S = (s) => X(s) ? s : document.querySelectorAll(s), Mt = () => Math.random().toString(36).substr(2, 9), Ot = (s) => {
+  const t = document.createElement("div");
+  return t.innerHTML = s, t.childNodes;
+}, Pt = (s) => {
   try {
-    JSON.parse(n);
+    JSON.parse(s);
   } catch {
-    return n;
-  }
-  return JSON.parse(n);
-}, E = (n, i) => {
-  console.warn(`[${n} warn]: ${i}`);
-}, ni = (n, i) => {
-  console.error(`[${n} error]: ${i}`);
-}, z = {
-  on(n, i) {
-    if (!G(i))
-      return this;
-    const { __events__: t } = this;
-    return n.split(" ").forEach((e) => {
-      t[e] || (t[e] = []), t[e].push(i);
+    return s;
+  }
+  return JSON.parse(s);
+}, w = (s, t) => {
+  console.warn(`[${s} warn]: ${t}`);
+}, nt = (s, t) => {
+  console.error(`[${s} error]: ${t}`);
+}, N = {
+  on(s, t) {
+    if (!j(t)) return this;
+    const { __events__: e } = this;
+    return s.split(" ").forEach((i) => {
+      e[i] || (e[i] = []), e[i].push(t);
     }), this;
   },
-  off(n, i) {
-    const { __events__: t } = this;
-    return n.split(" ").forEach((e) => {
-      typeof i > "u" ? t[e] = [] : t[e] && t[e].forEach((s, o) => {
-        s === i && t[e].splice(o, 1);
+  off(s, t) {
+    const { __events__: e } = this;
+    return s.split(" ").forEach((i) => {
+      typeof t > "u" ? e[i] = [] : e[i] && e[i].forEach((n, o) => {
+        n === t && e[i].splice(o, 1);
       });
     }), this;
   },
-  once(n, i) {
-    if (!G(i))
-      return this;
-    const t = (...e) => {
-      this.off(n, t), i.apply(this, e);
+  once(s, t) {
+    if (!j(t)) return this;
+    const e = (...i) => {
+      this.off(s, e), t.apply(this, i);
     };
-    return this.on(n, t);
+    return this.on(s, e);
   },
-  emit(...n) {
-    const { __events__: i } = this, t = n[0], e = n.slice(1, n.length);
-    return i[t] ? (i[t].forEach((s) => {
-      G(s) && s.apply(this, e);
+  emit(...s) {
+    const { __events__: t } = this, e = s[0], i = s.slice(1, s.length);
+    return t[e] ? (t[e].forEach((n) => {
+      j(n) && n.apply(this, i);
     }), this) : this;
   }
-}, Js = {
-  easeInOutCirc(n, i, t, e) {
-    return (n /= e / 2) < 1 ? -t / 2 * (Math.sqrt(1 - n * n) - 1) + i : t / 2 * (Math.sqrt(1 - (n -= 2) * n) + 1) + i;
+}, Nt = {
+  easeInOutCirc(s, t, e, i) {
+    return (s /= i / 2) < 1 ? -e / 2 * (Math.sqrt(1 - s * s) - 1) + t : e / 2 * (Math.sqrt(1 - (s -= 2) * s) + 1) + t;
   },
-  easeInQuart(n, i, t, e) {
-    return t * (n /= e) * n * n * n + i;
+  easeInQuart(s, t, e, i) {
+    return e * (s /= i) * s * s * s + t;
   },
-  easeOutQuart(n, i, t, e) {
-    return -t * ((n = n / e - 1) * n * n * n - 1) + i;
+  easeOutQuart(s, t, e, i) {
+    return -e * ((s = s / i - 1) * s * s * s - 1) + t;
   }
-}, Me = (n, i) => {
-  const { target: t, container: e, spacer: s, speed: o, gap: a, easing: r, direction: l } = n, c = l === "horizontal", u = c ? "scrollLeft" : "scrollTop", h = c ? "left" : "top", g = c ? "width" : "height", m = A(e) ? _(e) : document.scrollingElement, v = m[u], w = A(t) ? _(t).getBoundingClientRect()[h] : 0 - v, b = A(s) ? _(s).getBoundingClientRect()[g] : 0, T = w - a - b, C = 15;
+}, K = (s, t) => {
+  const { target: e, container: i, spacer: n, speed: o, gap: a, easing: r, direction: l } = s, c = l === "horizontal", d = c ? "scrollLeft" : "scrollTop", u = c ? "left" : "top", h = c ? "width" : "height", p = T(i) ? A(i) : document.scrollingElement, g = p[d], b = T(e) ? A(e).getBoundingClientRect()[u] : 0 - g, f = T(n) ? A(n).getBoundingClientRect()[h] : 0, v = b - a - f, H = 15;
   let y = 0;
-  if (T === 0)
-    return;
-  const L = (x) => {
-    const F = _(t);
-    i && i.emit(x, F), !i && n.on && G(n.on[x]) && n.on[x](F);
+  if (v === 0) return;
+  const z = (q) => {
+    const M = A(e);
+    t && t.emit(q, M), !t && s.on && j(s.on[q]) && s.on[q](M);
   };
-  L("beforeScroll");
-  const O = () => {
-    y += C;
-    const x = Js[r](y, v, T, o);
-    m[u] = x, y < o && requestAnimationFrame(O), y >= o && L("afterScroll");
+  z("beforeScroll");
+  const I = () => {
+    y += H;
+    const q = Nt[r](y, g, v, o);
+    p[d] = q, y < o && requestAnimationFrame(I), y >= o && z("afterScroll");
   };
-  requestAnimationFrame(O);
+  requestAnimationFrame(I);
 };
-var tt, qe, St, yi, Lt, wi;
-class bi {
-  constructor(i, t = {}) {
-    p(this, tt);
-    p(this, St);
-    p(this, Lt);
+class bt {
+  constructor(t, e = {}) {
     this.__storage__ = {
-      el: i,
-      options: t
-    }, this.active = "data-anchor-active", d(this, tt, qe).call(this);
+      el: t,
+      options: e
+    }, this.active = "data-anchor-active", this.#t();
+  }
+  #t() {
+    const { el: t, options: e } = this.__storage__;
+    if (!R(t) || !T(t)) return;
+    const { SETTINGS: i, EVENTS: n } = F;
+    if (this.elements = e.state == "not active" ? S(t + `:not([${this.active}])`) : S(t), this.elements = S(t), this.options = Object.assign({}, i, e), this.__events__ = Object.assign({}, n), this.options.on)
+      for (const [o, a] of Object.entries(this.options.on))
+        this.__events__[o] = [a];
+    this.#s();
+  }
+  #s() {
+    const { elements: t, options: e } = this;
+    t.forEach((i) => {
+      i.anchor = {}, i.anchor.instance = this, i.anchor.eventHandler = this.#e, i.anchor.defaultOptions = e, i.anchor.methods = {}, i.anchor.methods.destroy = this.destroy, i.anchor.methods.update = this.update, i.addEventListener("click", i.anchor.eventHandler), i.setAttribute(this.active, "");
+    }), this.emit("afterInit");
+  }
+  #e() {
+    const { defaultOptions: t, eventHandler: e, instance: i } = this.anchor, n = {
+      target: this.getAttribute("data-anchor-target") || t.target,
+      container: this.getAttribute("data-anchor-container") || t.container,
+      spacer: this.getAttribute("data-anchor-spacer") || t.spacer,
+      gap: parseInt(this.getAttribute("data-anchor-gap") || t.gap),
+      speed: parseInt(this.getAttribute("data-anchor-speed")) || t.speed,
+      delay: parseInt(this.getAttribute("data-anchor-delay")) || t.delay,
+      easing: this.getAttribute("data-anchor-easing") || t.easing,
+      direction: this.getAttribute("data-anchor-direction") || t.direction
+    };
+    this.removeEventListener("click", e), setTimeout(() => {
+      this.addEventListener("click", e);
+    }, n.speed), setTimeout(() => {
+      K(n, i);
+    }, n.delay);
   }
   destroy() {
-    const { elements: i } = this;
-    return this.emit("beforeDestroy"), i.forEach((t) => {
-      t.anchor && (t.removeEventListener("click", t.anchor.eventHandler), delete t.anchor);
+    const { elements: t } = this;
+    return this.emit("beforeDestroy"), t.forEach((e) => {
+      e.anchor && (e.removeEventListener("click", e.anchor.eventHandler), delete e.anchor);
     }), this;
   }
   update() {
-    var i;
-    return d(i = this.destroy(), tt, qe).call(i), this.emit("afterUpdate"), this;
+    return this.destroy().#t(), this.emit("afterUpdate"), this;
   }
-  static run(i) {
-    const { SETTINGS: t } = wt, e = Object.assign({}, t, i);
+  static run(t) {
+    const { SETTINGS: e } = F, i = Object.assign({}, e, t);
     setTimeout(() => {
-      Me(e);
-    }, e.delay);
+      K(i);
+    }, i.delay);
   }
-  static url(i) {
-    const { SETTINGS: t } = wt, { 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 });
+  static url(t) {
+    const { SETTINGS: e } = F, { hashName: i } = t, n = window.location.search || window.location.hash, { searchParams: o } = new URL(window.location), a = document.querySelector(`[data-anchor-id="${i ? o.get(i) : n.split("?").pop()}"]`);
+    if (!a) return;
+    const r = Object.assign({}, e, t, { target: a });
     setTimeout(() => {
-      Me(r);
+      K(r);
     }, r.delay);
   }
 }
-tt = new WeakSet(), qe = function() {
-  const { el: i, options: t } = this.__storage__;
-  if (!ft(i) || !A(i))
-    return;
-  const { SETTINGS: e, EVENTS: s } = wt;
-  if (this.elements = t.state == "not active" ? D(i + `:not([${this.active}])`) : D(i), this.elements = D(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
-    for (const [o, a] of Object.entries(this.options.on))
-      this.__events__[o] = [a];
-  d(this, St, yi).call(this);
-}, St = new WeakSet(), yi = function() {
-  const { elements: i, options: t } = this;
-  i.forEach((e) => {
-    e.anchor = {}, e.anchor.instance = this, e.anchor.eventHandler = d(this, Lt, wi), e.anchor.defaultOptions = t, e.anchor.methods = {}, e.anchor.methods.destroy = this.destroy, e.anchor.methods.update = this.update, e.addEventListener("click", e.anchor.eventHandler), e.setAttribute(this.active, "");
-  }), this.emit("afterInit");
-}, Lt = new WeakSet(), wi = function() {
-  const { defaultOptions: i, eventHandler: t, instance: e } = this.anchor, s = {
-    target: this.getAttribute("data-anchor-target") || i.target,
-    container: this.getAttribute("data-anchor-container") || i.container,
-    spacer: this.getAttribute("data-anchor-spacer") || i.spacer,
-    gap: parseInt(this.getAttribute("data-anchor-gap") || i.gap),
-    speed: parseInt(this.getAttribute("data-anchor-speed")) || i.speed,
-    delay: parseInt(this.getAttribute("data-anchor-delay")) || i.delay,
-    easing: this.getAttribute("data-anchor-easing") || i.easing,
-    direction: this.getAttribute("data-anchor-direction") || i.direction
-  };
-  this.removeEventListener("click", t), setTimeout(() => {
-    this.addEventListener("click", t);
-  }, s.speed), setTimeout(() => {
-    Me(s, e);
-  }, s.delay);
-};
-Object.assign(bi.prototype, z);
+Object.assign(bt.prototype, N);
 window.MODALS || (window.MODALS = {});
-const { MODALS: P } = window, Zs = (n) => {
-  const { TEMPLATE: i } = j, { 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];
+const { MODALS: O } = window, jt = (s) => {
+  const { TEMPLATE: t } = P, { childDom: e } = s, i = document.createElement("div");
+  i.innerHTML = t(s.getAttribute("data-modal-template-setting"));
+  const n = i.querySelector(".modal-content");
+  return [...e].forEach((o) => {
+    n.append(o);
+  }), i.children[0];
 };
-var _t, Ei, Dt, Ai, xt, Si, kt, Li, $t, _i;
-class Ti extends HTMLElement {
+class yt extends HTMLElement {
   constructor() {
-    super();
-    p(this, _t);
-    p(this, Dt);
-    p(this, xt);
-    p(this, kt);
-    p(this, $t);
-    this.initialize = !1;
+    super(), this.initialize = !1;
   }
   static get observedAttributes() {
     return [":state"];
   }
-  attributeChangedCallback(t, e, s) {
-    switch (t) {
-      case ":state":
-        d(this, $t, _i).call(this, s);
-        break;
-    }
+  attributeChangedCallback(t, e, i) {
+    t === ":state" && this.#n(i);
   }
   connectedCallback() {
-    this.initialize || (this.initialize = !0, d(this, _t, Ei).call(this));
+    this.initialize || (this.initialize = !0, this.#t());
+  }
+  #t() {
+    const { ATTRS: t } = P;
+    this.__events__ = {}, this.getAttribute(":state") || this.setAttribute(":state", "close");
+    const e = this.getAttribute(t.id) || Mt();
+    this.getAttribute(t.id) || (w(`modern-modal needs a ${t.id} attribute with a unique id.`), this.setAttribute(t.id, e)), O[e] && w(`the ${t.id} "${e}" is already be used.`), O[e] = this, this.#s();
+  }
+  #s() {
+    this.childDom = this.childNodes, this.template = jt(this), this.innerHTML = "", this.append(this.template), this.#e();
+  }
+  #e() {
+    const t = this.querySelector(".modal-scroller");
+    this.__scroller__ = tt(t, {
+      overflowBehavior: {
+        x: "hidden"
+      },
+      autoUpdate: !0
+    }), window.modalScroll = this.__scroller__, this.#i();
+  }
+  #i() {
+    const t = this, { ATTRS: e } = P, { close: i, destroy: n } = e;
+    t.querySelectorAll(`[${i}]`)?.forEach((o) => {
+      o.addEventListener("click", function() {
+        const a = this.getAttribute(i);
+        (a && O[a] ? O[a] : t).close();
+      });
+    }), t.querySelectorAll(`[${n}]`)?.forEach((o) => {
+      o.addEventListener("click", function() {
+        const a = this.getAttribute(n);
+        (a && O[a] ? O[a] : t).destroy();
+      });
+    }), t.querySelector("[stop-propagation]")?.addEventListener("click", function(o) {
+      o.stopPropagation();
+    });
+  }
+  #n(t) {
+    const { __scroller__: e } = this;
+    if (t === "open") {
+      if (this.style.display = "block", e) {
+        const { viewport: i } = e.elements();
+        i.scrollTo({
+          top: 0
+        });
+      }
+      setTimeout(() => {
+        this.classList.add("show"), this.emit("open");
+      }, 100);
+    }
+    if (t === "close") {
+      if (!this.classList.contains("show")) return;
+      this.classList.remove("show");
+      const i = () => {
+        this.style.removeProperty("display"), this.emit("close"), this.removeEventListener("transitionend", i);
+      };
+      this.addEventListener("transitionend", i);
+    }
+    if (t === "destroy") {
+      this.classList.remove("show");
+      const i = () => {
+        const { ATTRS: n } = P, o = this.getAttribute(n.id);
+        this.style.removeProperty("display"), this.emit("close"), this.remove(), this.emit("destroy"), O[o] && delete O[o];
+      };
+      this.addEventListener("transitionend", i);
+    }
   }
   open() {
     return this.setAttribute(":state", "open"), this;
@@ -526,86 +558,23 @@ class Ti extends HTMLElement {
     return this.setAttribute(":state", "destroy"), this;
   }
 }
-_t = new WeakSet(), Ei = function() {
-  const { ATTRS: t } = j;
-  this.__events__ = {}, this.getAttribute(":state") || this.setAttribute(":state", "close");
-  const e = this.getAttribute(t.id) || Us();
-  this.getAttribute(t.id) || (E(`modern-modal needs a ${t.id} attribute with a unique id.`), this.setAttribute(t.id, e)), P[e] && E(`the ${t.id} "${e}" is already be used.`), P[e] = this, d(this, Dt, Ai).call(this);
-}, Dt = new WeakSet(), Ai = function() {
-  this.childDom = this.childNodes, this.template = Zs(this), this.innerHTML = "", this.append(this.template), d(this, xt, Si).call(this);
-}, xt = new WeakSet(), Si = function() {
-  const t = this.querySelector(".modal-scroller");
-  this.__scroller__ = Ve(t, {
-    overflowBehavior: {
-      x: "hidden"
-    },
-    autoUpdate: !0
-  }), window.modalScroll = this.__scroller__, d(this, kt, Li).call(this);
-}, kt = new WeakSet(), Li = function() {
-  var a, r, l;
-  const t = this, { ATTRS: e } = j, { close: s, destroy: o } = e;
-  (a = t.querySelectorAll(`[${s}]`)) == null || a.forEach((c) => {
-    c.addEventListener("click", function() {
-      const u = this.getAttribute(s);
-      (u && P[u] ? P[u] : t).close();
-    });
-  }), (r = t.querySelectorAll(`[${o}]`)) == null || r.forEach((c) => {
-    c.addEventListener("click", function() {
-      const u = this.getAttribute(o);
-      (u && P[u] ? P[u] : t).destroy();
-    });
-  }), (l = t.querySelector("[stop-propagation]")) == null || l.addEventListener("click", function(c) {
-    c.stopPropagation();
-  });
-}, $t = new WeakSet(), _i = function(t) {
-  const { __scroller__: e } = this;
-  if (t === "open") {
-    if (this.style.display = "block", e) {
-      const { viewport: s } = e.elements();
-      s.scrollTo({
-        top: 0
-      });
-    }
-    setTimeout(() => {
-      this.classList.add("show"), this.emit("open");
-    }, 100);
-  }
-  if (t === "close") {
-    if (!this.classList.contains("show"))
-      return;
-    this.classList.remove("show");
-    const s = () => {
-      this.style.removeProperty("display"), this.emit("close"), this.removeEventListener("transitionend", s);
-    };
-    this.addEventListener("transitionend", s);
-  }
-  if (t === "destroy") {
-    this.classList.remove("show");
-    const s = () => {
-      const { ATTRS: o } = j, a = this.getAttribute(o.id);
-      this.style.removeProperty("display"), this.emit("close"), this.remove(), this.emit("destroy"), P[a] && delete P[a];
-    };
-    this.addEventListener("transitionend", s);
-  }
-};
-Object.assign(Ti.prototype, z);
-const { MODALS: ei } = window, bt = {}, Di = (n, i, ...t) => {
-  if (!i)
-    return;
-  const e = n[i];
-  e && G(e) && e.apply(n, t);
-}, xi = (n, ...i) => {
-  n && G(n) && n.apply(V, i);
-}, oi = (n, i) => {
-  const { target: t } = n, e = ei[t] || _(n.target);
-  e && ki(n, i), e || Qs(n, i);
-}, ki = (n, i) => {
-  const { target: t, action: e, on: s, e: o } = n, a = ei[t] || _(n.target);
+Object.assign(yt.prototype, N);
+const { MODALS: it } = window, U = {}, wt = (s, t, ...e) => {
+  if (!t) return;
+  const i = s[t];
+  i && j(i) && i.apply(s, e);
+}, Tt = (s, ...t) => {
+  s && j(s) && s.apply(C, t);
+}, ot = (s, t) => {
+  const { target: e } = s, i = it[e] || A(s.target);
+  i && Et(s, t), i || zt(s, t);
+}, Et = (s, t) => {
+  const { target: e, action: i, on: n, e: o } = s, a = it[e] || A(s.target);
   switch (["open", "close", "destroy"].forEach((l) => {
     a.once(l, () => {
-      i && (i.emit(l, a, o), Di(i, s[l], a, o)), i || xi(s[l], a);
+      t && (t.emit(l, a, o), wt(t, n[l], a, o)), t || Tt(n[l], a);
     });
-  }), e) {
+  }), i) {
     case "open":
       a.open();
       break;
@@ -620,183 +589,234 @@ const { MODALS: ei } = window, bt = {}, Di = (n, i, ...t) => {
       l === "close" && a.open(), l === "open" && a.close();
       break;
   }
-}, Qs = async (n, i) => {
-  const { target: t, route: e, container: s, on: o, e: a } = n;
-  if (!e)
-    return E("modal4", "cannot find target or data-modal-route is not defined");
+}, zt = async (s, t) => {
+  const { target: e, route: i, container: n, on: o, e: a } = s;
+  if (!i) return w("modal4", "cannot find target or data-modal-route is not defined");
   const r = (l, ...c) => {
-    i && (i.emit(l, ...c), Di(i, o[l], ...c)), i || xi(o[l], ...c);
+    t && (t.emit(l, ...c), wt(t, o[l], ...c)), t || Tt(o[l], ...c);
   };
-  bt[t] || (bt[t] = !0, fetch(e).then((l) => (r("success", a), l.text())).then((l) => {
-    const c = Ys(l), u = _(s) || _(j.SETTINGS.container);
-    [...c].forEach((g) => {
-      u.append(g);
+  U[e] || (U[e] = !0, fetch(i).then((l) => (r("success", a), l.text())).then((l) => {
+    const c = Ot(l), d = A(n) || A(P.SETTINGS.container);
+    [...c].forEach((h) => {
+      d.append(h);
     });
-    const h = ei[t] || _(n.target);
-    r("complete", h), ki(n, i), delete bt[t];
+    const u = it[e] || A(s.target);
+    r("complete", u), Et(s, t), delete U[e];
   }).catch((l) => {
-    r("error", l), delete bt[t];
+    r("error", l), delete U[e];
   }));
 };
-var et, Oe, Ct, $i, Ht, Ci;
-const B = class B {
-  constructor(i, t = {}) {
-    p(this, et);
-    p(this, Ct);
-    p(this, Ht);
+class C {
+  constructor(t, e = {}) {
     this.__storage__ = {
-      el: i,
-      options: t
-    }, this.active = "data-modal-active", d(this, et, Oe).call(this);
+      el: t,
+      options: e
+    }, this.active = "data-modal-active", this.#t();
+  }
+  #t() {
+    const { el: t, options: e } = this.__storage__;
+    if (!R(t) || !T(t)) return;
+    const { SETTINGS: i, EVENTS: n } = P;
+    if (this.elements = e.state == "not active" ? S(t + `:not([${this.active}])`) : S(t), this.options = Object.assign({}, i, e), this.__events__ = Object.assign({}, n), this.options.on)
+      for (const [o, a] of Object.entries(this.options.on))
+        this.__events__[o] = [a];
+    this.#s();
+  }
+  #s() {
+    const { elements: t, options: e } = this;
+    t.forEach((i) => {
+      i.modal = {}, i.modal.instance = this, i.modal.eventHandler = this.#e, i.modal.defaultOptions = e, i.modal.methods = {}, i.modal.methods.destroy = this.destroy, i.modal.methods.update = this.update, i.addEventListener("click", i.modal.eventHandler), i.setAttribute(this.active, "");
+    }), this.emit("init");
+  }
+  #e(t) {
+    const { defaultOptions: e, eventHandler: i, instance: n } = this.modal, o = Pt(this.getAttribute("data-modal-on"));
+    o && typeof o != "object" && w("modal4", "data-modal-on must be a json string.");
+    const a = {
+      target: this.getAttribute("data-modal-target") || e.target,
+      action: this.getAttribute("data-modal-action") || e.action,
+      route: this.getAttribute("data-modal-route") || e.route,
+      container: this.getAttribute("data-modal-container") || e.container,
+      on: o && typeof o == "object" ? o : {},
+      e: t
+    };
+    this.removeEventListener("click", i), setTimeout(() => {
+      this.addEventListener("click", i);
+    }, 200), ot(a, n);
   }
   destroy() {
-    const { elements: i } = this;
-    return i.forEach((t) => {
-      t.modal && (t.removeEventListener("click", t.modal.eventHandler), delete t.modal);
+    const { elements: t } = this;
+    return t.forEach((e) => {
+      e.modal && (e.removeEventListener("click", e.modal.eventHandler), delete e.modal);
     }), this;
   }
   update() {
-    var i;
-    return d(i = this.destroy(), et, Oe).call(i), this.emit("update"), this;
+    return this.destroy().#t(), this.emit("update"), this;
   }
   /** static method 'open' */
-  static open(i) {
-    const { SETTINGS: t } = j, e = Object.assign({}, t, { on: {} }, i);
-    oi(e);
+  static open(t) {
+    const { SETTINGS: e } = P, i = Object.assign({}, e, { on: {} }, t);
+    ot(i);
   }
   /** static method 'defineMethods' */
-  static defineMethods(i) {
-    B.prototype.__methods__ || (B.prototype.__methods__ = {});
-    const t = B.prototype.__methods__;
-    for (const [e, s] of Object.entries(i))
-      G(s) && (t[e] = s);
-    Object.assign(B.prototype, B.prototype.__methods__);
+  static defineMethods(t) {
+    C.prototype.__methods__ || (C.prototype.__methods__ = {});
+    const e = C.prototype.__methods__;
+    for (const [i, n] of Object.entries(t))
+      j(n) && (e[i] = n);
+    Object.assign(C.prototype, C.prototype.__methods__);
   }
-};
-et = new WeakSet(), Oe = function() {
-  const { el: i, options: t } = this.__storage__;
-  if (!ft(i) || !A(i))
-    return;
-  const { SETTINGS: e, EVENTS: s } = j;
-  if (this.elements = t.state == "not active" ? D(i + `:not([${this.active}])`) : D(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
-    for (const [o, a] of Object.entries(this.options.on))
-      this.__events__[o] = [a];
-  d(this, Ct, $i).call(this);
-}, Ct = new WeakSet(), $i = function() {
-  const { elements: i, options: t } = this;
-  i.forEach((e) => {
-    e.modal = {}, e.modal.instance = this, e.modal.eventHandler = d(this, Ht, Ci), e.modal.defaultOptions = t, e.modal.methods = {}, e.modal.methods.destroy = this.destroy, e.modal.methods.update = this.update, e.addEventListener("click", e.modal.eventHandler), e.setAttribute(this.active, "");
-  }), this.emit("init");
-}, Ht = new WeakSet(), Ci = function(i) {
-  const { defaultOptions: t, eventHandler: e, instance: s } = this.modal, o = Fs(this.getAttribute("data-modal-on"));
-  o && typeof o != "object" && E("modal4", "data-modal-on must be a json string.");
-  const a = {
-    target: this.getAttribute("data-modal-target") || t.target,
-    action: this.getAttribute("data-modal-action") || t.action,
-    route: this.getAttribute("data-modal-route") || t.route,
-    container: this.getAttribute("data-modal-container") || t.container,
-    on: o && typeof o == "object" ? o : {},
-    e: i
-  };
-  this.removeEventListener("click", e), setTimeout(() => {
-    this.addEventListener("click", e);
-  }, 200), oi(a, s);
-};
-let V = B;
-Object.assign(V.prototype, z);
-customElements.define("modern-modal", Ti);
-const Ks = (n, i) => {
-  const t = n === window ? n.innerHeight : n.getBoundingClientRect().height, e = n === window ? 0 : n.getBoundingClientRect().top;
-  i.forEach((s) => {
-    const { class: o, delay: a, start: r, end: l, repeat: c, instance: u } = s.aost, { top: h, bottom: g } = s.getBoundingClientRect(), m = t * (r / 100), v = t * (l / 100);
-    if (h - e <= m && g - e >= v && s.offsetParent)
+}
+Object.assign(C.prototype, N);
+customElements.define("modern-modal", yt);
+const Bt = (s, t) => {
+  const e = s === window ? s.innerHeight : s.getBoundingClientRect().height, i = s === window ? 0 : s.getBoundingClientRect().top;
+  t.forEach((n) => {
+    const { class: o, delay: a, start: r, end: l, repeat: c, instance: d } = n.aost, { top: u, bottom: h } = n.getBoundingClientRect(), p = e * (r / 100), g = e * (l / 100);
+    if (u - i <= p && h - i >= g && n.offsetParent)
       setTimeout(() => {
-        s.classList.add(o);
+        n.classList.add(o);
       }, a);
     else {
-      const b = s.classList.contains(o) && c === "down" && h - e >= m || c === "up" && g - e <= v || c === !0;
+      const f = n.classList.contains(o) && c === "down" && u - i >= p || c === "up" && h - i <= g || c === !0;
       setTimeout(() => {
-        b && s.classList.remove(o);
+        f && n.classList.remove(o);
       }, a);
     }
   });
-}, Vs = (n, i) => n === "up" || n === "down" ? n : n !== null ? n === "true" ? !0 : n === "false" ? !1 : i.repeat : i.repeat;
-var it, Pe, It, Ii;
-class Hi {
-  constructor(i, t = {}) {
-    p(this, it);
-    p(this, It);
+}, Wt = (s, t) => s === "up" || s === "down" ? s : s !== null ? s === "true" ? !0 : s === "false" ? !1 : t.repeat : t.repeat;
+class At {
+  constructor(t, e = {}) {
     this.__storage__ = {
-      el: i,
-      options: t
-    }, this.active = "data-aost-active", d(this, it, Pe).call(this);
-  }
-  destroy(i) {
-    const { elements: t, options: e } = this;
-    if (!t)
-      return this;
-    const { scroller: s } = e, o = s === window || !A(s) ? window : _(s);
-    return o.aost && (o.removeEventListener("scroll", o.aost.eventHandler), delete o.aost), t.forEach((a) => {
-      if (!a.aost)
-        return;
+      el: t,
+      options: e
+    }, this.active = "data-aost-active", this.#t();
+  }
+  #t() {
+    const { el: t, options: e } = this.__storage__;
+    if (!R(t) || !T(t)) return;
+    const { SETTINGS: i, EVENTS: n } = mt;
+    if (this.elements = e.state == "not active" ? S(t + `:not([${this.active}])`) : S(t), this.options = Object.assign({}, i, e), this.__events__ = Object.assign({}, n), this.options.on)
+      for (const [o, a] of Object.entries(this.options.on))
+        this.__events__[o] = [a];
+    this.#s();
+  }
+  #s() {
+    const { elements: t, options: e } = this, { scroller: i } = e, n = i === window || !T(i) ? window : A(i);
+    this.eventHandler = () => {
+      Bt(n, t);
+    }, t.forEach((a) => {
+      a.aost = {}, a.aost.class = a.getAttribute("data-aost-class") || e.class, a.aost.delay = parseInt(a.getAttribute("data-aost-delay")) || e.delay, a.aost.start = parseInt(a.getAttribute("data-aost-start")) || e.start, a.aost.end = parseInt(a.getAttribute("data-aost-end")) || e.end, a.aost.repeat = Wt(a.getAttribute("data-aost-repeat"), e), 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(), n.aost = {}, n.aost.eventHandler = o, n.addEventListener("scroll", n.aost.eventHandler, !1);
+  }
+  destroy(t) {
+    const { elements: e, options: i } = this;
+    if (!e) return this;
+    const { scroller: n } = i, o = n === window || !T(n) ? window : A(n);
+    return o.aost && (o.removeEventListener("scroll", o.aost.eventHandler), delete o.aost), e.forEach((a) => {
+      if (!a.aost) return;
       const { class: r } = a.aost;
-      i && a.classList.remove(r), delete a.aost;
+      t && a.classList.remove(r), delete a.aost;
     }), this;
   }
-  update(i) {
-    var t;
-    d(t = this.destroy(i), it, Pe).call(t);
+  update(t) {
+    this.destroy(t).#t();
   }
 }
-it = new WeakSet(), Pe = function() {
-  const { el: i, options: t } = this.__storage__;
-  if (!ft(i) || !A(i))
-    return;
-  const { SETTINGS: e, EVENTS: s } = mi;
-  if (this.elements = t.state == "not active" ? D(i + `:not([${this.active}])`) : D(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
-    for (const [o, a] of Object.entries(this.options.on))
-      this.__events__[o] = [a];
-  d(this, It, Ii).call(this);
-}, It = new WeakSet(), Ii = function() {
-  const { elements: i, options: t } = this, { scroller: e } = t, s = e === window || !A(e) ? window : _(e);
-  this.eventHandler = () => {
-    Ks(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 = Vs(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(Hi.prototype, z);
-const tn = (n) => {
-  const { TEMPLATE: i } = He, { 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];
+Object.assign(At.prototype, N);
+const Gt = (s) => {
+  const { TEMPLATE: t } = Z, { childDom: e } = s, i = document.createElement("div");
+  i.innerHTML = t();
+  const n = i.querySelector(".player-wrapper");
+  return [...e].forEach((o) => {
+    n.append(o);
+  }), i.children[0];
 };
-var Mt, Mi, qt, qi, Ot, Oi, Pt, Pi, Nt, Ni, jt, ji, zt, zi, Bt, Bi, Wt, Wi, Gt, Gi;
-class en extends HTMLElement {
+class Rt extends HTMLElement {
   constructor() {
-    super();
-    p(this, Mt);
-    p(this, qt);
-    p(this, Ot);
-    // youtube iframe
-    p(this, Pt);
-    // vimeo iframe
-    p(this, Nt);
-    // youku iframe
-    p(this, jt);
-    p(this, zt);
-    // 2025.02.11 新增 ig 
-    p(this, Bt);
-    // 2025.02.11 新增 tiktok 
-    p(this, Wt);
-    // 2026.01.15 新增 video 
-    p(this, Gt);
-    d(this, Mt, Mi).call(this);
+    super(), this.#t();
+  }
+  #t() {
+    if (!this.getAttribute("video-id")) {
+      w("videoPlayer", "video-render needs a ['video-id'] attribute to creat player.");
+      return;
+    }
+    this.videoId = this.getAttribute("video-id"), this.videoType = this.getAttribute("video-type"), this.videoMode = this.getAttribute("video-mode"), this.autoplay = this.getAttribute("video-autoplay"), this.startTime = this.getAttribute("video-starttime"), this.videoInboxImg = this.getAttribute("video-inbox-img"), this.#s();
+  }
+  #s() {
+    this.childDom = this.childNodes, this.template = Gt(this), this.innerHTML = "", this.append(this.template), this.#e();
+  }
+  #e() {
+    const { videoType: t, videoMode: e } = this, { COOKIEDISAGREELAYOUT: i } = Z;
+    let n = "";
+    function o(a) {
+      m(a).addClass("cookie-disagree"), m(".cookie-disagree").append(i);
+    }
+    switch (t) {
+      case "youtubeAPI":
+        break;
+      case "youtube":
+        document.body.wd_youtube == !1 ? o("video-player") : n = this.#i();
+        break;
+      case "youkuAPI":
+        break;
+      case "youku":
+        document.body.wd_youku == !1 ? o("video-player") : n = this.#o();
+        break;
+      case "vimeo":
+        document.body.wd_vimeo == !1 ? o("video-player") : n = this.#n();
+        break;
+      case "bilibili":
+        document.body.wd_bilibili == !1 ? o("video-player") : n = this.#a();
+        break;
+      case "instagram":
+        document.body.wd_instagram == !1 ? o(".instagram-media") : n = this.#l();
+        break;
+      case "tiktok":
+        document.body.wd_tiktok == !1 ? o("video-player") : n = this.#c();
+        break;
+      case "videojs":
+        break;
+      case "video":
+        n = this.#d();
+        break;
+    }
+    this.querySelector(".player-wrapper").insertAdjacentHTML(E.prepend, n);
+  }
+  // youtube iframe
+  #i() {
+    const { videoId: t, autoplay: e, startTime: i } = this;
+    return `<iframe src="https://www.youtube.com/embed/${t}?rel=0&${e === "on" ? "autoplay=1" : ""}&start=${i}&mute=1&loop=1&enablejsapi=1" frameborder="0" allowfullscreen="0" volumn="0" allow="${e === "on" ? "autoplay;" : ""} encrypted-media; gyroscope; picture-in-picture;"></iframe>`;
+  }
+  // vimeo iframe
+  #n() {
+    const { videoId: t, autoplay: e, hash: i } = this;
+    return `<iframe src="https://player.vimeo.com/video/${t}?h=${i}&${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>`;
+  }
+  // youku iframe
+  #o() {
+    const { videoId: t, autoplay: e } = this;
+    return `<iframe src="https://player.youku.com/embed/${t}?rel=0&${e === "on" ? "autoplay=true" : ""}" allow="${e === "on" ? "autoplay;" : ""} width="100%" height="100%" frameborder=0 "allowfullscreen"></iframe>`;
+  }
+  #a() {
+    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>`;
+  }
+  // 2025.02.11 新增 ig 
+  #l() {
+    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>`;
+  }
+  // 2025.02.11 新增 tiktok 
+  #c() {
+    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>`;
+  }
+  // 2026.01.15 新增 video 
+  #d() {
+    const { videoId: t, autoplay: e } = this;
+    return `<video src="${t}" ${e == "on" ? "autoplay" : ""} muted playsinline controls></video>`;
   }
   play() {
     const { videoType: t } = this;
@@ -833,92 +853,25 @@ class en extends HTMLElement {
     }
   }
 }
-Mt = new WeakSet(), Mi = function() {
-  if (!this.getAttribute("video-id")) {
-    E("videoPlayer", "video-render needs a ['video-id'] attribute to creat player.");
-    return;
-  }
-  this.videoId = this.getAttribute("video-id"), this.videoType = this.getAttribute("video-type"), this.videoMode = this.getAttribute("video-mode"), this.autoplay = this.getAttribute("video-autoplay"), this.startTime = this.getAttribute("video-starttime"), this.videoInboxImg = this.getAttribute("video-inbox-img"), d(this, qt, qi).call(this);
-}, qt = new WeakSet(), qi = function() {
-  this.childDom = this.childNodes, this.template = tn(this), this.innerHTML = "", this.append(this.template), d(this, Ot, Oi).call(this);
-}, Ot = new WeakSet(), Oi = function() {
-  const { videoType: t, videoMode: e } = this, { COOKIEDISAGREELAYOUT: s } = He;
-  let o = "";
-  function a(r) {
-    f(r).addClass("cookie-disagree"), f(".cookie-disagree").append(s);
-  }
-  switch (t) {
-    case "youtubeAPI":
-      break;
-    case "youtube":
-      document.body.wd_youtube == !1 ? a("video-player") : o = d(this, Pt, Pi).call(this);
-      break;
-    case "youkuAPI":
-      break;
-    case "youku":
-      document.body.wd_youku == !1 ? a("video-player") : o = d(this, jt, ji).call(this);
-      break;
-    case "vimeo":
-      document.body.wd_vimeo == !1 ? a("video-player") : o = d(this, Nt, Ni).call(this);
-      break;
-    case "bilibili":
-      document.body.wd_bilibili == !1 ? a("video-player") : o = d(this, zt, zi).call(this);
-      break;
-    case "instagram":
-      document.body.wd_instagram == !1 ? a(".instagram-media") : o = d(this, Bt, Bi).call(this);
-      break;
-    case "tiktok":
-      document.body.wd_tiktok == !1 ? a("video-player") : o = d(this, Wt, Wi).call(this);
-      break;
-    case "videojs":
-      break;
-    case "video":
-      o = d(this, Gt, Gi).call(this);
-      break;
-  }
-  this.querySelector(".player-wrapper").insertAdjacentHTML(S.prepend, o);
-}, Pt = new WeakSet(), Pi = function() {
-  const { videoId: t, autoplay: e, startTime: s } = this;
-  return `<iframe src="https://www.youtube.com/embed/${t}?rel=0&${e === "on" ? "autoplay=1" : ""}&start=${s}&mute=1&loop=1&enablejsapi=1" frameborder="0" allowfullscreen="0" volumn="0" allow="${e === "on" ? "autoplay;" : ""} encrypted-media; gyroscope; picture-in-picture;"></iframe>`;
-}, Nt = new WeakSet(), Ni = function() {
-  const { videoId: t, autoplay: e, hash: s } = this;
-  return `<iframe src="https://player.vimeo.com/video/${t}?h=${s}&${e === "on" ? "autoplay=1" : ""}&loop=1&color=ffffff&title=0&byline=0&portrait=0" frameborder="0" allow="${e === "on" ? "autoplay;" : ""} fullscreen; picture-in-picture" allowfullscreen></iframe><script src="https://player.vimeo.com/api/player.js"><\/script>`;
-}, jt = new WeakSet(), ji = function() {
-  const { videoId: t, autoplay: e } = this;
-  return `<iframe src="https://player.youku.com/embed/${t}?rel=0&${e === "on" ? "autoplay=true" : ""}" allow="${e === "on" ? "autoplay;" : ""} width="100%" height="100%" frameborder=0 "allowfullscreen"></iframe>`;
-}, zt = new WeakSet(), zi = function() {
-  const { videoId: t, autoplay: e } = this;
-  return `<iframe src="//player.bilibili.com/player.html?bvid=${t}&page=1&as_wide=1&high_quality=1&danmaku=0" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>`;
-}, Bt = new WeakSet(), Bi = function() {
-  const { videoId: t, autoplay: e } = this;
-  return `<iframe class="instagram-media instagram-media-rendered" id="instagram-embed-0" src="https://www.instagram.com/p/${t}/embed/"  width="num-w" height=" num-h" scrolling="auto" frameborder="0" data-instgrm-payload-id="instagram-media-payload-0"></iframe>`;
-}, Wt = new WeakSet(), Wi = function() {
-  const { videoId: t, autoplay: e } = this;
-  return `<iframe name="__tt_embed__v79271677875424740" sandbox="allow-popups allow-popups-to-escape-sandbox allow-scripts allow-top-navigation allow-same-origin" src="https://www.tiktok.com/player/v1/${t}?&${e === "on" ? "autoplay=1" : ""}"></iframe>`;
-}, Gt = new WeakSet(), Gi = function() {
-  const { videoId: t, autoplay: e } = this;
-  return `<video src="${t}" ${e == "on" ? "autoplay" : ""} muted playsinline controls></video>`;
-};
-let Q = 0;
-function Ri(n) {
-  const i = [];
-  return (n || []).forEach((t) => {
-    t instanceof HTMLElement ? i.push(t) : typeof t == "string" && i.push(...document.querySelectorAll(t));
-  }), i;
+let B = 0;
+function St(s) {
+  const t = [];
+  return (s || []).forEach((e) => {
+    e instanceof HTMLElement ? t.push(e) : typeof e == "string" && t.push(...document.querySelectorAll(e));
+  }), t;
 }
-function Xi(n) {
-  const i = Ri(n);
-  Q += 1, Q === 1 && document.documentElement.classList.add("scrollLock"), Ws(i);
+function Lt(s) {
+  const t = St(s);
+  B += 1, B === 1 && document.documentElement.classList.add("scrollLock"), Ht(t);
 }
-function Ui(n) {
-  Q = Math.max(0, Q - 1);
-  const i = Ri(n);
-  Gs(i), Q === 0 && document.documentElement.classList.remove("scrollLock");
+function _t(s) {
+  B = Math.max(0, B - 1);
+  const t = St(s);
+  Ct(t), B === 0 && document.documentElement.classList.remove("scrollLock");
 }
-async function zn(n = 0) {
-  if (f(".loading-wrapper").length)
-    return;
-  f("body").append(`
+async function De(s = 0) {
+  if (m(".loading-wrapper").length) return;
+  m("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">
@@ -928,31 +881,31 @@ async function zn(n = 0) {
       </svg>
     </div>
   </div>
-  `), f(".loading-wrapper").delay(n).fadeIn(300).promise().done(function() {
-    Xi();
+  `), m(".loading-wrapper").delay(s).fadeIn(300).promise().done(function() {
+    Lt();
   });
 }
-function Bn() {
-  f(".loading-wrapper").fadeOut(300).promise().done(function() {
-    f(".loading-wrapper").remove(), Ui();
+function $e() {
+  m(".loading-wrapper").fadeOut(300).promise().done(function() {
+    m(".loading-wrapper").remove(), _t();
   });
 }
-function Wn(n, i) {
-  new $n(n, i);
+function ke(s, t) {
+  new be(s, t);
 }
-function sn() {
-  const n = document.querySelector("[data-aost]") && new Hi("[data-aost]"), i = document.querySelector("[data-anchor-target]") && new bi("[data-anchor-target]"), t = new hi({ callback_loaded: () => {
-  } }), e = new An();
-  n == null || n.update(), t.update(), e.reValidate(), i == null || i.update();
+function Xt() {
+  const s = document.querySelector("[data-aost]") && new At("[data-aost]"), t = document.querySelector("[data-anchor-target]") && new bt("[data-anchor-target]"), e = new ht({ callback_loaded: () => {
+  } }), i = new ue();
+  s?.update(), e.update(), i.reValidate(), t?.update();
 }
-function Gn(n, i = () => {
+function xe(s, t = () => {
 }) {
-  f(`[data-tab-content=${n}]`).fadeIn(function() {
-    typeof i == "function" && i();
-  }).siblings("[data-tab-content]").hide(), sn();
+  m(`[data-tab-content=${s}]`).fadeIn(function() {
+    typeof t == "function" && t();
+  }).siblings("[data-tab-content]").hide(), Xt();
 }
-function Rn() {
-  Ve(
+function Ce() {
+  tt(
     {
       target: document.body,
       cancel: {
@@ -976,399 +929,394 @@ function Rn() {
     }
   );
 }
-function Xn() {
-  window.onpageshow = function(n) {
-    n.persisted && window.location.reload();
+function He() {
+  window.onpageshow = function(s) {
+    s.persisted && window.location.reload();
   };
 }
-function Un() {
-  const n = navigator.userAgent;
+function Ie() {
+  const s = navigator.userAgent;
   return {
-    BigSurUP: /Mac OS X 10.15/.test(n) || /Mac OS X 10_15_7/.test(n) || /Mac OS X 10_15_8/.test(n) || /Mac OS X 10_15_9/.test(n) || /Mac OS X 11_/.test(n) || /Mac OS X 12_/.test(n)
+    BigSurUP: /Mac OS X 10.15/.test(s) || /Mac OS X 10_15_7/.test(s) || /Mac OS X 10_15_8/.test(s) || /Mac OS X 10_15_9/.test(s) || /Mac OS X 11_/.test(s) || /Mac OS X 12_/.test(s)
   };
 }
-function Yn(n, i) {
-  f(n).on("click", function() {
-    f(this).toggleClass(i);
+function qe(s, t) {
+  m(s).on("click", function() {
+    m(this).toggleClass(t);
   });
 }
-function Fn(n, i) {
-  f(n).on("click", function() {
-    f(n).not(this).removeClass(i), f(this).addClass(i);
+function Me(s, t) {
+  m(s).on("click", function() {
+    m(s).not(this).removeClass(t), m(this).addClass(t);
   });
 }
-const Jn = (n) => new Promise((i) => {
-  let t = setTimeout(() => (clearTimeout(t), i()), n);
+const Oe = (s) => new Promise((t) => {
+  let e = setTimeout(() => (clearTimeout(e), t()), s);
 });
-function nn(n, i = 250) {
-  let t = null;
-  return function(...e) {
-    let s = this;
-    clearTimeout(t), t = setTimeout(() => {
-      n.apply(s, e);
-    }, i);
+function Ut(s, t = 250) {
+  let e = null;
+  return function(...i) {
+    let n = this;
+    clearTimeout(e), e = setTimeout(() => {
+      s.apply(n, i);
+    }, t);
   };
 }
-function Zn(n, i = 250) {
-  let t, e;
+function Pe(s, t = 250) {
+  let e, i;
   return function() {
-    const s = this, o = arguments, a = +/* @__PURE__ */ new Date();
-    t && a < t + i ? (clearTimeout(e), e = setTimeout(function() {
-      t = a, n.apply(s, o);
-    }, i)) : (t = a, n.apply(s, o));
+    const n = this, o = arguments, a = +/* @__PURE__ */ new Date();
+    e && a < e + t ? (clearTimeout(i), i = setTimeout(function() {
+      e = a, s.apply(n, o);
+    }, t)) : (e = a, s.apply(n, o));
   };
 }
-function Qn() {
-  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, f(t).html(a + ":" + r), s = a + ":" + r;
+function Ne() {
+  window._g.interval = [], m(".countdown").each((t, e) => {
+    const i = Number(m(e).attr("data-seconds")) + 1;
+    let n = Math.floor(i / 60) + ":" + i % 60;
+    window._g.interval[t] = setInterval(function() {
+      var o = n.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[t]), r = r < 0 ? 59 : r, r = r < 10 ? "0" + r : r, m(e).html(a + ":" + r), n = a + ":" + r;
     }, 1e3);
   });
 }
-function Kn(n = 500) {
-  return new Promise((i, t) => {
-    let e = setTimeout(() => {
-      clearTimeout(e), i();
-    }, n);
+function je(s = 500) {
+  return new Promise((t, e) => {
+    let i = setTimeout(() => {
+      clearTimeout(i), t();
+    }, s);
   });
 }
-function Vn() {
-  const n = function() {
-    let i = window.innerHeight * 0.01;
-    document.documentElement.style.setProperty("--vh", i + "px");
+function ze() {
+  const s = function() {
+    let t = window.innerHeight * 0.01;
+    document.documentElement.style.setProperty("--vh", t + "px");
   };
-  n(), window.addEventListener("resize", nn(n));
+  s(), window.addEventListener("resize", Ut(s));
 }
-function to(n, i, t, e, s) {
-  const o = this, r = f(n).html().split("<br>");
+function Be(s, t, e, i, n) {
+  const o = this, r = m(s).html().split("<br>");
   let l = "", c = 0;
-  r.forEach((u, h) => {
-    h !== 0 && (l += "<br>"), u.split("").forEach((m, v) => {
-      i ? (v === 0 && (l += '<span class="letter-wrap" style="display: inline-block">'), m === " " ? l += '</span> <span class="letter-wrap" style="display: inline-block">' : (l += `<span class="letter"${s || t ? ` style="${s ? `transition: ${o.formatFloat(Math.random(), 2) * s}s;` : ""}${t ? t === "random" ? `transition-delay: ${o.formatFloat(Math.random(), 2)}s;` : `transition-delay: ${t + c * e}s;` : ""}"` : ""}>${m}</span>`, c++), v === u.length - 1 && (l += "</span>")) : m === " " ? l += " " : (l += `<span class="letter"${s || t ? ` style="${s ? `transition: ${o.formatFloat(Math.random(), 2) * s}s;` : ""}${t ? t === "random" ? `transition-delay: ${o.formatFloat(Math.random(), 2)}s;` : `transition-delay: ${t + c * e}s;` : ""}"` : ""}>${m}</span>`, c++);
+  r.forEach((d, u) => {
+    u !== 0 && (l += "<br>"), d.split("").forEach((p, g) => {
+      t ? (g === 0 && (l += '<span class="letter-wrap" style="display: inline-block">'), p === " " ? l += '</span> <span class="letter-wrap" style="display: inline-block">' : (l += `<span class="letter"${n || e ? ` style="${n ? `transition: ${o.formatFloat(Math.random(), 2) * n}s;` : ""}${e ? e === "random" ? `transition-delay: ${o.formatFloat(Math.random(), 2)}s;` : `transition-delay: ${e + c * i}s;` : ""}"` : ""}>${p}</span>`, c++), g === d.length - 1 && (l += "</span>")) : p === " " ? l += " " : (l += `<span class="letter"${n || e ? ` style="${n ? `transition: ${o.formatFloat(Math.random(), 2) * n}s;` : ""}${e ? e === "random" ? `transition-delay: ${o.formatFloat(Math.random(), 2)}s;` : `transition-delay: ${e + c * i}s;` : ""}"` : ""}>${p}</span>`, c++);
     });
-  }), f(n).html(l);
+  }), m(s).html(l);
 }
-function eo(n, i) {
-  const t = Math.pow(10, i);
-  return Math.round(n * t) / t;
+function We(s, t) {
+  const e = Math.pow(10, t);
+  return Math.round(s * e) / e;
 }
-function io(n) {
-  let i = n.activeIndex, t = n.slides.length;
-  if (n.params.loop)
-    switch (n.activeIndex) {
+function Ge(s) {
+  let t = s.activeIndex, e = s.slides.length;
+  if (s.params.loop)
+    switch (s.activeIndex) {
       case 0:
-        i = t - 3;
+        t = e - 3;
         break;
-      case t - 1:
-        i = 0;
+      case e - 1:
+        t = 0;
         break;
       default:
-        --i;
+        --t;
     }
-  return i;
+  return t;
 }
-function so(n, i) {
-  const t = n.$el, e = n.params.grid.rows, s = i || n.params.slidesPerView * e;
-  (n.loopedSlides ? n.slides.length - n.loopedSlides * 2 : n.slides.length) <= s ? (t.addClass("swiper-no-swiping"), f(n.params.navigation.nextEl).hide(), f(n.params.navigation.prevEl).hide(), f(n.params.pagination.el).hide(), n.params.autoplay.enabled = !1, n.autoplay.stop()) : (t.removeClass("swiper-no-swiping"), f(n.params.navigation.nextEl).show(), f(n.params.navigation.prevEl).show(), f(n.params.pagination.el).show(), n.params.autoplay.enabled && n.autoplay.start());
+function Re(s, t) {
+  const e = s.$el, i = s.params.grid.rows, n = t || s.params.slidesPerView * i;
+  (s.loopedSlides ? s.slides.length - s.loopedSlides * 2 : s.slides.length) <= n ? (e.addClass("swiper-no-swiping"), m(s.params.navigation.nextEl).hide(), m(s.params.navigation.prevEl).hide(), m(s.params.pagination.el).hide(), s.params.autoplay.enabled = !1, s.autoplay.stop()) : (e.removeClass("swiper-no-swiping"), m(s.params.navigation.nextEl).show(), m(s.params.navigation.prevEl).show(), m(s.params.pagination.el).show(), s.params.autoplay.enabled && s.autoplay.start());
 }
-function no(n) {
-  n.el.querySelectorAll("img.detect-shade").forEach((i) => {
-    i.addEventListener("load", function() {
-      detectShade(i);
+function Xe(s) {
+  s.el.querySelectorAll("img.detect-shade").forEach((t) => {
+    t.addEventListener("load", function() {
+      detectShade(t);
     });
   });
 }
-function oo(n) {
-  const i = n.el, t = f(i).find(".swiper-slide-active"), e = f(t).find("video").get(0), s = f(i).find(".swiper-slide video");
-  n.autoplay.stop(), f(e).off("ended"), e ? (s.each((o, a) => {
+function Ue(s) {
+  const t = s.el, e = m(t).find(".swiper-slide-active"), i = m(e).find("video").get(0), n = m(t).find(".swiper-slide video");
+  s.autoplay.stop(), m(i).off("ended"), i ? (n.each((o, a) => {
     a.currentTime = 0;
-  }), f(e).on("ended", function() {
-    n.slideNext();
-  }), e.play()) : n.params.autoplay.enabled && n.autoplay.start();
+  }), m(i).on("ended", function() {
+    s.slideNext();
+  }), i.play()) : s.params.autoplay.enabled && s.autoplay.start();
 }
-function ao() {
-  f(".number-grow").each(function(n, i) {
-    const t = f(i), o = t.attr("data-num").replace(/(\d)(?=(?:\d{3})+$)/g, "$1,").split(""), a = () => {
+function Ye() {
+  m(".number-grow").each(function(s, t) {
+    const e = m(t), o = e.attr("data-num").replace(/(\d)(?=(?:\d{3})+$)/g, "$1,").split(""), a = () => {
       let r = "";
       for (var l = 0; l <= 9; l++)
         r += String(l) + "<br>";
       return r;
     };
-    f(o).each(function(r, l) {
+    m(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);
+      e.append(c);
     });
   });
 }
-function ro() {
-  f(".letter-grow").each(function(n, i) {
-    const t = f(i), s = t.attr("data-letter").split(""), o = () => {
+function Fe() {
+  m(".letter-grow").each(function(s, t) {
+    const e = m(t), n = e.attr("data-letter").split(""), o = () => {
       let a = "";
       for (let r = 65; r <= 90; r++)
         a += String.fromCharCode(r) + "<br>";
       return a;
     };
-    f(s).each(function(a, r) {
+    m(n).each(function(a, r) {
       const l = `<div class="letter" data-final-letter="${r}"><div><br>${o()}<br>${o()}</div></div>`;
-      t.append(l);
+      e.append(l);
     });
   });
 }
-function lo(n) {
-  const i = getComputedStyle(n).transform;
-  let t = i.match(/^matrix3d\((.+)\)$/);
-  return t ? parseFloat(t[1].split(", ")[12]) : (t = i.match(/^matrix\((.+)\)$/), t ? parseFloat(t[1].split(", ")[4]) : 0);
+function Je(s) {
+  const t = getComputedStyle(s).transform;
+  let e = t.match(/^matrix3d\((.+)\)$/);
+  return e ? parseFloat(e[1].split(", ")[12]) : (e = t.match(/^matrix\((.+)\)$/), e ? parseFloat(e[1].split(", ")[4]) : 0);
 }
-function co(n) {
-  const i = getComputedStyle(n).transform;
-  let t = i.match(/^matrix3d\((.+)\)$/);
-  return t ? parseFloat(t[1].split(", ")[13]) : (t = i.match(/^matrix\((.+)\)$/), t ? parseFloat(t[1].split(", ")[5]) : 0);
+function Ze(s) {
+  const t = getComputedStyle(s).transform;
+  let e = t.match(/^matrix3d\((.+)\)$/);
+  return e ? parseFloat(e[1].split(", ")[13]) : (e = t.match(/^matrix\((.+)\)$/), e ? parseFloat(e[1].split(", ")[5]) : 0);
 }
-function uo(n) {
-  const i = document.createElement("div");
-  return i.innerHTML = n, i.childNodes[0];
+function Qe(s) {
+  const t = document.createElement("div");
+  return t.innerHTML = s, t.childNodes[0];
 }
-const ai = (n) => n.videoId !== "" || typeof n.videoId < "u", on = (n) => n.$selector.getAttribute("video4-active") === "on", yt = (n) => `<video-player video-id="${n.videoId}" video-type="${n.videoType}" video-startTime="${n.videoStartTime}" video-autoplay="${n.videoAutoplay}"></video-player>`, ri = (n) => (console.log(n.videoId, "params.videoId"), `<blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="${n.videoId}"></blockquote>`);
-var st, je, Rt, Yi, nt, ze, ot, Be, Xt, Fi, at, We, Ut, Ji;
-const X = class X {
+const at = (s) => s.videoId !== "" || typeof s.videoId < "u", Yt = (s) => s.$selector.getAttribute("video4-active") === "on", Y = (s) => `<video-player video-id="${s.videoId}" video-type="${s.videoType}" video-startTime="${s.videoStartTime}" video-autoplay="${s.videoAutoplay}"></video-player>`, rt = (s) => (console.log(s.videoId, "params.videoId"), `<blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="${s.videoId}"></blockquote>`);
+class W {
+  static globalOptions = {};
   //*-* 給Article4用的 **//
-  constructor(i, t = {}) {
-    p(this, st);
-    p(this, Rt);
-    p(this, nt);
-    p(this, ot);
-    p(this, Xt);
-    p(this, at);
-    p(this, Ut);
-    if (!ft(i) && !Ie(i) && !vt(i)) {
-      ni("video4", `找不到該物件 -> ${i}`);
+  constructor(t, e = {}) {
+    if (!R(t) && !Q(t) && !X(t)) {
+      nt("video4", `找不到該物件 -> ${t}`);
       return;
     }
     this.__storage__ = {
-      el: i,
-      options: t
-    }, this.active = "data-video-active", d(this, st, je).call(this);
-  }
-  update() {
-    d(this, st, je).call(this);
-  }
-};
-st = new WeakSet(), je = function() {
-  const { el: i, options: t } = this.__storage__, { SETTINGS: e, EVENTS: s, LAYOUT: o } = He;
-  if (t.isGlobal && (X.globalOptions = t), this.elements = t.state == "not active" ? D(i + `:not([${this.active}])`) : D(i), this.options = Object.assign(
-    {},
-    { LAYOUT: o },
-    // 原始 configs 的 LAYOUT
-    e,
-    // 原始 configs 的 SETTINGS
-    X.globalOptions,
-    // 全站 A 設定
-    t
-    // 個別傳入的設定 (優先級最高)
-  ), this.__events__ = Object.assign({}, s), this.options.on)
-    for (const [a, r] of Object.entries(this.options.on))
-      this.__events__[a] = [r];
-  d(this, Rt, Yi).call(this);
-}, Rt = new WeakSet(), Yi = function() {
-  const { elements: i, options: t } = this;
-  i.forEach((e) => {
-    e.video = {}, e.video.instance = this, e.video.defaultOptions = t, e.video.params = d(this, Ut, Ji).call(this, e), e.video.methods = {}, e.video.methods.update = this.update, e.setAttribute(this.active, ""), ai(e.video.params) && !on(e.video.params) && (e.setAttribute("video4-active", "on"), d(this, Xt, Fi).call(this, e)), ai(e.video.params) || ni("video4", "無法取得影片 ID");
-  }), this.emit("init");
-}, nt = new WeakSet(), ze = function(i) {
-  const { $selector: t, videoId: e, videoType: s, videoInboxImg: o, videoHighQualityPic: a } = i, r = t == null ? void 0 : t.querySelector("img"), l = (r == null ? void 0 : r.getAttribute("src")) || (r == null ? void 0 : r.getAttribute("data-src"));
-  return o ? Promise.resolve(o) : l ? Promise.resolve(l) : s == "youtube" ? a == "on" ? Promise.resolve(`https://img.youtube.com/vi/${e}/maxresdefault.jpg`) : Promise.resolve(`https://img.youtube.com/vi/${e}/0.jpg`) : s == "vimeo" ? Promise.resolve(`https://vumbnail.com/${e}_large.jpg`) : s == "tiktok" ? fetch(`https://www.tiktok.com/oembed?url=https://www.tiktok.com/@/video/${e}`, { method: "GET", redirect: "follow" }).then((c) => c.json()).then((c) => c.thumbnail_url).catch(function() {
-    return "";
-  }) : Promise.resolve("");
-}, ot = new WeakSet(), Be = function(i, t) {
-  const { videoType: e, videoId: s } = t;
-  if (!(i != null && i.getAttribute("src") || i != null && i.getAttribute("data-src"))) {
-    if (e === "video") {
-      const a = document.createElement("video");
-      a.src = s, a.preload = "metadata", a.muted = !0, a.playsInline = !0, a.crossOrigin = "anonymous", a.onloadeddata = () => {
-        a.currentTime = 0.5;
-      }, a.onseeked = () => {
-        const r = document.createElement("canvas");
-        r.width = a.videoWidth, r.height = a.videoHeight, r.getContext("2d").drawImage(a, 0, 0), i.src = r.toDataURL("image/jpeg", 0.85);
-      };
-      return;
+      el: t,
+      options: e
+    }, this.active = "data-video-active", this.#t();
+  }
+  #t() {
+    const { el: t, options: e } = this.__storage__, { SETTINGS: i, EVENTS: n, LAYOUT: o } = Z;
+    if (e.isGlobal && (W.globalOptions = e), this.elements = e.state == "not active" ? S(t + `:not([${this.active}])`) : S(t), this.options = Object.assign(
+      {},
+      { LAYOUT: o },
+      // 原始 configs 的 LAYOUT
+      i,
+      // 原始 configs 的 SETTINGS
+      W.globalOptions,
+      // 全站 A 設定
+      e
+      // 個別傳入的設定 (優先級最高)
+    ), this.__events__ = Object.assign({}, n), this.options.on)
+      for (const [a, r] of Object.entries(this.options.on))
+        this.__events__[a] = [r];
+    this.#s();
+  }
+  #s() {
+    const { elements: t, options: e } = this;
+    t.forEach((i) => {
+      i.video = {}, i.video.instance = this, i.video.defaultOptions = e, i.video.params = this.#a(i), i.video.methods = {}, i.video.methods.update = this.update, i.setAttribute(this.active, ""), at(i.video.params) && !Yt(i.video.params) && (i.setAttribute("video4-active", "on"), this.#n(i)), at(i.video.params) || nt("video4", "無法取得影片 ID");
+    }), this.emit("init");
+  }
+  #e(t) {
+    const { $selector: e, videoId: i, videoType: n, videoInboxImg: o, videoHighQualityPic: a } = t, r = e?.querySelector("img"), l = r?.getAttribute("src") || r?.getAttribute("data-src");
+    return o ? Promise.resolve(o) : l ? Promise.resolve(l) : n == "youtube" ? a == "on" ? Promise.resolve(`https://img.youtube.com/vi/${i}/maxresdefault.jpg`) : Promise.resolve(`https://img.youtube.com/vi/${i}/0.jpg`) : n == "vimeo" ? Promise.resolve(`https://vumbnail.com/${i}_large.jpg`) : n == "tiktok" ? fetch(`https://www.tiktok.com/oembed?url=https://www.tiktok.com/@/video/${i}`, { method: "GET", redirect: "follow" }).then((c) => c.json()).then((c) => c.thumbnail_url).catch(function() {
+      return "";
+    }) : Promise.resolve("");
+  }
+  #i(t, e) {
+    const { videoType: i, videoId: n } = e;
+    if (!(t?.getAttribute("src") || t?.getAttribute("data-src"))) {
+      if (i === "video") {
+        const a = document.createElement("video");
+        a.src = n, a.preload = "metadata", a.muted = !0, a.playsInline = !0, a.crossOrigin = "anonymous", a.onloadeddata = () => {
+          a.currentTime = 0.5;
+        }, a.onseeked = () => {
+          const r = document.createElement("canvas");
+          r.width = a.videoWidth, r.height = a.videoHeight, r.getContext("2d").drawImage(a, 0, 0), t.src = r.toDataURL("image/jpeg", 0.85);
+        };
+        return;
+      }
+      this.#e(e).then((a) => {
+        a ? t.setAttribute("src", `${a}`) : w("video4", "僅 youtube & vimeo 提供，無圖片時放置預設封面畫面，其他影片平台請自行上傳封面照片");
+      });
     }
-    d(this, nt, ze).call(this, t).then((a) => {
-      a ? i.setAttribute("src", `${a}`) : E("video4", "僅 youtube & vimeo 提供，無圖片時放置預設封面畫面，其他影片平台請自行上傳封面照片");
-    });
   }
-}, Xt = new WeakSet(), Fi = function(i) {
-  const { LAYOUT: t } = this.options, e = i.video.params, { $selector: s, videoLayoutNo: o, videoId: a, videoType: r, videoMode: l, videoButton: c, videoCover: u, videoHighQualityPic: h } = e;
-  if (l === "onBox" || l === "inBox") {
-    let g = null;
-    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>'), E("video4", "若啟用 [videoCover] 且選擇 onBox 模式必須於 video-target 內放置 img 結構，若無結構則自動加入圖片結構"));
-      const m = s.querySelector("img"), v = (m == null ? void 0 : m.getAttribute("src")) || (m == null ? void 0 : m.getAttribute("data-src")), w = t[o] ? t[o] : t[0] || "";
-      if (w ? m.insertAdjacentHTML(S.after, w) : E("video4", `找不到對應的 LAYOUT 設定 (No: ${o})，且無預設樣式。`), !v)
-        d(this, ot, Be).call(this, m, e);
-      else if (!v && r == "youtube")
-        h == "on" ? m.setAttribute("src", `https://img.youtube.com/vi/${a}/maxresdefault.jpg `) : m.setAttribute("src", `https://img.youtube.com/vi/${a}/0.jpg`);
-      else if (!v && r == "vimeo")
-        m.setAttribute("src", `https://vumbnail.com/${a}_large.jpg`);
-      else if (!v && r === "video") {
-        const b = document.createElement("video");
-        b.src = a, b.preload = "metadata", b.muted = !0, b.playsInline = !0, b.crossOrigin = "anonymous", b.onloadeddata = () => {
-          b.currentTime = 0.5;
-        }, b.onseeked = () => {
-          const T = document.createElement("canvas");
-          T.width = b.videoWidth, T.height = b.videoHeight, T.getContext("2d").drawImage(b, 0, 0), m.src = T.toDataURL("image/jpeg", 0.85);
-        };
-      } else
-        !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}`);
+  #n(t) {
+    const { LAYOUT: e } = this.options, i = t.video.params, { $selector: n, videoLayoutNo: o, videoId: a, videoType: r, videoMode: l, videoButton: c, videoCover: d, videoHighQualityPic: u } = i;
+    if (l === "onBox" || l === "inBox") {
+      let h = null;
+      if (d === "on") {
+        t.classList.add("video4-cover"), n.querySelector("img") || (n.insertAdjacentHTML(E.prepend, '<picture><source srcset="" type="image/webp"><source srcset="" type="image/jpeg"><img src="" alt></picture>'), w("video4", "若啟用 [videoCover] 且選擇 onBox 模式必須於 video-target 內放置 img 結構，若無結構則自動加入圖片結構"));
+        const p = n.querySelector("img"), g = p?.getAttribute("src") || p?.getAttribute("data-src"), b = e[o] ? e[o] : e[0] || "";
+        if (b ? p.insertAdjacentHTML(E.after, b) : w("video4", `找不到對應的 LAYOUT 設定 (No: ${o})，且無預設樣式。`), !g)
+          this.#i(p, i);
+        else if (!g && r == "youtube")
+          u == "on" ? p.setAttribute("src", `https://img.youtube.com/vi/${a}/maxresdefault.jpg `) : p.setAttribute("src", `https://img.youtube.com/vi/${a}/0.jpg`);
+        else if (!g && r == "vimeo")
+          p.setAttribute("src", `https://vumbnail.com/${a}_large.jpg`);
+        else if (!g && r === "video") {
+          const f = document.createElement("video");
+          f.src = a, f.preload = "metadata", f.muted = !0, f.playsInline = !0, f.crossOrigin = "anonymous", f.onloadeddata = () => {
+            f.currentTime = 0.5;
+          }, f.onseeked = () => {
+            const v = document.createElement("canvas");
+            v.width = f.videoWidth, v.height = f.videoHeight, v.getContext("2d").drawImage(f, 0, 0), p.src = v.toDataURL("image/jpeg", 0.85);
+          };
+        } else !g && r == "tiktok" ? fetch(`https://www.tiktok.com/oembed?url=https://www.tiktok.com/@/video/${a}`, { method: "GET", redirect: "follow" }).then((f) => f.json()).then((f) => {
+          const v = f.thumbnail_url;
+          p.setAttribute("src", `${v}`);
+        }).catch(function(f) {
+          console.log("error");
+        }) : w("video4", "僅 youtube & vimeo 提供，無圖片時放置預設封面畫面，其他影片平台請自行上傳封面照片");
+      }
+      c == "off" ? h = n : (h = n.querySelector(c) ?? n, n.querySelector(c) || w("video4", `找不到 videoButton 設定的 element -> '${c}' , 點擊物件轉移至 '${this.__storage__.el}'`)), h.video || (h.video = {}, h.video.params = i, h.video.instance = this), h.video.eventHandler = this.#o, h.addEventListener("click", h.video.eventHandler);
+    } else if (l === "onPage") {
+      let h = null;
+      if (d == "on") {
+        t.classList.add("video4-cover"), n.querySelector("img") || (n.insertAdjacentHTML(E.prepend, '<picture><source srcset="" type="image/webp"><source srcset="" type="image/jpeg"><img src="" alt></picture>'), w("video", "若啟用 [videoCover] 且選擇 onBox 模式必須於 video-target 內放置 img 結構"));
+        const p = n.querySelector("img");
+        p.insertAdjacentHTML(E.after, e[o]);
+        const g = p?.getAttribute("src") || p?.getAttribute("data-src");
+        g ? !g && r == "youtube" ? u == "on" ? p.setAttribute("src", `http://img.youtube.com/vi/${a}/maxresdefault.jpg `) : p.setAttribute("src", `https://img.youtube.com/vi/${a}/0.jpg`) : !g && r == "vimeo" ? p.setAttribute("src", `https://vumbnail.com/${a}_large.jpg`) : !g && r == "tiktok" ? fetch(`https://www.tiktok.com/oembed?url=https://www.tiktok.com/@/video/${a}`, { method: "GET", redirect: "follow" }).then((b) => b.json()).then((b) => {
+          const f = b.thumbnail_url;
+          p.setAttribute("src", `${f}`);
         }).catch(function(b) {
           console.log("error");
-        }) : E("video4", "僅 youtube & vimeo 提供，無圖片時放置預設封面畫面，其他影片平台請自行上傳封面照片");
-    }
-    c == "off" ? g = s : (g = s.querySelector(c) ?? s, s.querySelector(c) || E("video4", `找不到 videoButton 設定的 element -> '${c}' , 點擊物件轉移至 '${this.__storage__.el}'`)), g.video || (g.video = {}, g.video.params = e, g.video.instance = this), g.video.eventHandler = d(this, at, We), g.addEventListener("click", g.video.eventHandler);
-  } else if (l === "onPage") {
-    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>'), E("video", "若啟用 [videoCover] 且選擇 onBox 模式必須於 video-target 內放置 img 結構"));
-      const m = s.querySelector("img");
-      m.insertAdjacentHTML(S.after, t[o]);
-      const v = (m == null ? void 0 : m.getAttribute("src")) || (m == null ? void 0 : m.getAttribute("data-src"));
-      v ? !v && r == "youtube" ? h == "on" ? m.setAttribute("src", `http://img.youtube.com/vi/${a}/maxresdefault.jpg `) : m.setAttribute("src", `https://img.youtube.com/vi/${a}/0.jpg`) : !v && r == "vimeo" ? m.setAttribute("src", `https://vumbnail.com/${a}_large.jpg`) : !v && r == "tiktok" ? fetch(`https://www.tiktok.com/oembed?url=https://www.tiktok.com/@/video/${a}`, { method: "GET", redirect: "follow" }).then((w) => w.json()).then((w) => {
-        const b = w.thumbnail_url;
-        m.setAttribute("src", `${b}`);
-      }).catch(function(w) {
-        console.log("error");
-      }) : v || E("video4", "僅 youtube & vimeo 提供，無圖片時放置預設封面畫面，其他影片平台請自行上傳封面照片") : d(this, ot, Be).call(this, m, e), c == "off" ? g = s : (g = s.querySelector(c) ?? s, s.querySelector(c) || E("video4", `找不到 videoButton 設定的 element -> '${c}', 點擊物件轉移至 '${this.__storage__.el}'`));
-    } else {
-      s.innerHTML = yt(e);
-      return;
+        }) : g || w("video4", "僅 youtube & vimeo 提供，無圖片時放置預設封面畫面，其他影片平台請自行上傳封面照片") : this.#i(p, i), c == "off" ? h = n : (h = n.querySelector(c) ?? n, n.querySelector(c) || w("video4", `找不到 videoButton 設定的 element -> '${c}', 點擊物件轉移至 '${this.__storage__.el}'`));
+      } else {
+        n.innerHTML = Y(i);
+        return;
+      }
+      h.video || (h.video = {}, h.video.params = i), h.video.eventHandler = this.#o, h.addEventListener("click", h.video.eventHandler);
     }
-    g.video || (g.video = {}, g.video.params = e), g.video.eventHandler = d(this, at, We), g.addEventListener("click", g.video.eventHandler);
-  }
-}, at = new WeakSet(), We = function(i) {
-  const { video: t } = this, e = t.instance, {
-    $selector: s,
-    videoMode: o,
-    videoTarget: a,
-    videoKeep: r,
-    videoId: l,
-    videoTargetRoute: c,
-    videoType: u,
-    videoIgHtml: h,
-    videoInboxImg: g,
-    videoButton: m,
-    videoLayoutNo: v,
-    videoStartTime: w
-  } = t.params, b = new hi({ callback_loaded: (C) => {
-  } }), T = new URLSearchParams({
-    video_mode: o,
-    video_type: u,
-    video_id: l
-  });
-  if (o == "onBox" || o == "inBox") {
-    const C = {
-      target: a,
-      route: c + `?${T.toString()}`,
-      on: {
-        complete(y) {
-          var L, O;
-          o == "onBox" && (u == "instagram" ? (y.setAttribute("video-typeStyle", `${u}`), (L = window.instgrm) != null && L.Embeds ? (y.querySelector(".modal-content").insertAdjacentHTML("beforeend", ri(t.params)), window.instgrm.Embeds.process()) : console.log("window.instgrm is undefined")) : (y.querySelector(".modal-content").insertAdjacentHTML("beforeend", yt(t.params)), y.setAttribute("video-typeStyle", `${u}`))), o == "inBox" && (y.setAttribute("video-typeStyle", `${u}`), u == "instagram" && ((O = window.instgrm) != null && O.Embeds ? (y.querySelector(".modal-content").insertAdjacentHTML("beforeend", ri(t.params)), window.instgrm.Embeds.process()) : console.log("window.instgrm is undefined")));
-        },
-        open(y) {
-          var O;
-          const L = y.querySelectorAll("[data-overlayscrollbars-viewport]");
-          if (b.update(), Xi([...L]), u == "instagram") {
-            const x = document.querySelector("[video-template] .modal-content");
-            new ResizeObserver((J) => {
-              J[0].contentRect.height > 50 && x.classList.add("active");
-            }).observe(x);
-          }
-          if (o == "inBox")
-            if (u == "instagram")
-              f(".video-content").remove();
-            else {
-              let x;
-              const F = y.querySelector(".video-content");
-              d(O = e, nt, ze).call(O, t.params).then((J) => {
-                x = `
+  }
+  #o(t) {
+    const { video: e } = this, i = e.instance, {
+      $selector: n,
+      videoMode: o,
+      videoTarget: a,
+      videoKeep: r,
+      videoId: l,
+      videoTargetRoute: c,
+      videoType: d,
+      videoIgHtml: u,
+      videoInboxImg: h,
+      videoButton: p,
+      videoLayoutNo: g,
+      videoStartTime: b
+    } = e.params, f = new ht({ callback_loaded: (H) => {
+    } }), v = new URLSearchParams({
+      video_mode: o,
+      video_type: d,
+      video_id: l
+    });
+    if (o == "onBox" || o == "inBox") {
+      const H = {
+        target: a,
+        route: c + `?${v.toString()}`,
+        on: {
+          complete(y) {
+            o == "onBox" && (d == "instagram" ? (y.setAttribute("video-typeStyle", `${d}`), window.instgrm?.Embeds ? (y.querySelector(".modal-content").insertAdjacentHTML("beforeend", rt(e.params)), window.instgrm.Embeds.process()) : console.log("window.instgrm is undefined")) : (y.querySelector(".modal-content").insertAdjacentHTML("beforeend", Y(e.params)), y.setAttribute("video-typeStyle", `${d}`))), o == "inBox" && (y.setAttribute("video-typeStyle", `${d}`), d == "instagram" && (window.instgrm?.Embeds ? (y.querySelector(".modal-content").insertAdjacentHTML("beforeend", rt(e.params)), window.instgrm.Embeds.process()) : console.log("window.instgrm is undefined")));
+          },
+          open(y) {
+            const z = y.querySelectorAll("[data-overlayscrollbars-viewport]");
+            if (f.update(), Lt([...z]), d == "instagram") {
+              const I = document.querySelector("[video-template] .modal-content");
+              new ResizeObserver((M) => {
+                M[0].contentRect.height > 50 && I.classList.add("active");
+              }).observe(I);
+            }
+            if (o == "inBox")
+              if (d == "instagram")
+                m(".video-content").remove();
+              else {
+                let I;
+                const q = y.querySelector(".video-content");
+                i.#e(e.params).then((M) => {
+                  I = `
                     <div
                       class="photo-box"
                       video-target
                       video-mode="onPage"
-                      video-type="${u}"
+                      video-type="${d}"
                       video-id="${l}"
-                      video-button="${m}"
-                      video-layout-no="${v}"
-                      video-starttime="${w}"
+                      video-button="${p}"
+                      video-layout-no="${g}"
+                      video-starttime="${b}"
                     >
                     <picture>
                       <source
-                        srcset="${J || ""}"
+                        srcset="${M || ""}"
                         type="image/webp"
                       />
                       <source
-                        srcset="${J || ""}"
+                        srcset="${M || ""}"
                         type="image/jpeg"
                       />
-                      <img src="${J || ""}" alt="" />
+                      <img src="${M || ""}" alt="" />
                     </picture>
-                  </div>`, F.insertAdjacentHTML(S.prepend, x);
-                const ii = y.querySelectorAll("[video-target]");
-                ii.length > 0 && new X(ii, {
-                  LAYOUT: t.params.LAYOUT,
-                  videoLayoutNo: t.params.videoLayoutNo
+                  </div>`, q.insertAdjacentHTML(E.prepend, I);
+                  const st = y.querySelectorAll("[video-target]");
+                  st.length > 0 && new W(st, {
+                    LAYOUT: e.params.LAYOUT,
+                    videoLayoutNo: e.params.videoLayoutNo
+                  });
                 });
-              });
-            }
-          e == null || e.emit("openModal");
-        },
-        close(y) {
-          const L = y.querySelectorAll("[data-overlayscrollbars-viewport]");
-          Ui([...L]), e == null || e.emit("closeModal");
-        },
-        destroy(y) {
+              }
+            i?.emit("openModal");
+          },
+          close(y) {
+            const z = y.querySelectorAll("[data-overlayscrollbars-viewport]");
+            _t([...z]), i?.emit("closeModal");
+          },
+          destroy(y) {
+          }
         }
+      };
+      C.open(H);
+    } else if (o == "onPage")
+      if (e.params.videoAutoplay = "on", r == "off") {
+        if (n.querySelector("video-player"))
+          return;
+        n.innerHTML = Y(e.params);
+        return;
+      } else {
+        (n.querySelector(r) ?? n).insertAdjacentHTML("beforeend", Y(e.params));
+        return;
       }
+  }
+  #a(t) {
+    const e = this.options;
+    return {
+      $selector: t,
+      videoId: t.getAttribute("video-id"),
+      videoType: t.getAttribute("video-type"),
+      videoAutoplay: t.getAttribute("video-autoplay") || e.videoAutoplay,
+      videoMode: t.getAttribute("video-mode") || e.videoMode,
+      videoButton: t.getAttribute("video-button") || e.videoButton,
+      videoKeep: t.getAttribute("video-keep") || e.videoKeep,
+      videoCover: t.getAttribute("video-cover") || e.videoCover,
+      videoLayoutNo: t.getAttribute("video-layout-no") || e.videoLayoutNo,
+      videoTarget: t.getAttribute("video-target") || e.videoTarget,
+      videoTargetRoute: t.getAttribute("video-target-route") || e.videoTargetRoute,
+      videoStartTime: t.getAttribute("video-starttime") || e.videoStartTime,
+      videoHighQualityPic: t.getAttribute("video-highquality") || e.videoHighQuality,
+      videoIgHtml: t.getAttribute("video-ig") || e.videoIgHtml,
+      videoInboxImg: t.getAttribute("video-inbox-img") || e.videoInboxImgHtml,
+      LAYOUT: e.LAYOUT || []
     };
-    V.open(C);
-  } else if (o == "onPage")
-    if (t.params.videoAutoplay = "on", r == "off") {
-      if (s.querySelector("video-player"))
-        return;
-      s.innerHTML = yt(t.params);
-      return;
-    } else {
-      (s.querySelector(r) ?? s).insertAdjacentHTML("beforeend", yt(t.params));
-      return;
-    }
-}, Ut = new WeakSet(), Ji = function(i) {
-  const t = this.options;
-  return {
-    $selector: i,
-    videoId: i.getAttribute("video-id"),
-    videoType: i.getAttribute("video-type"),
-    videoAutoplay: i.getAttribute("video-autoplay") || t.videoAutoplay,
-    videoMode: i.getAttribute("video-mode") || t.videoMode,
-    videoButton: i.getAttribute("video-button") || t.videoButton,
-    videoKeep: i.getAttribute("video-keep") || t.videoKeep,
-    videoCover: i.getAttribute("video-cover") || t.videoCover,
-    videoLayoutNo: i.getAttribute("video-layout-no") || t.videoLayoutNo,
-    videoTarget: i.getAttribute("video-target") || t.videoTarget,
-    videoTargetRoute: i.getAttribute("video-target-route") || t.videoTargetRoute,
-    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 || []
-  };
-}, si(X, "globalOptions", {});
-let Ne = X;
-Object.assign(Ne.prototype, z);
-customElements.define("video-player", en);
-const an = {
+  }
+  update() {
+    this.#t();
+  }
+}
+Object.assign(W.prototype, N);
+customElements.define("video-player", Rt);
+const Ft = {
   "zh-tw": {
     臺北市: [
       ["中正區", "100"],
@@ -2198,213 +2146,370 @@ const an = {
     ]
   }
 };
-let K;
-const rn = (n) => {
-  const { TEMPLATE: i } = ti, { childDom: t } = n.s, e = document.createElement("div"), s = n.classList.contains("filter"), o = n.getAttribute("filter-placeholder"), a = n.getAttribute("d4-icon"), r = n.getAttribute("custom-template");
-  e.innerHTML = i(
-    s,
+let G;
+const Jt = (s) => {
+  const { TEMPLATE: t } = et, { childDom: e } = s.s, i = document.createElement("div"), n = s.classList.contains("filter"), o = s.getAttribute("filter-placeholder"), a = s.getAttribute("d4-icon"), r = s.getAttribute("custom-template");
+  i.innerHTML = t(
+    n,
     o,
     r,
     a
   );
-  const l = e.querySelector(".dropdown-list");
-  return [...t].forEach((c) => {
-    c.tagName === "LI" && (c.classList.contains("has-sublayer") ? [...c.querySelectorAll("li")].forEach((h) => {
-      (!h.hasAttribute("data-option") || h.getAttribute("data-option").trim() === "") && h.setAttribute("data-option", h.textContent.trim());
+  const l = i.querySelector(".dropdown-list");
+  return [...e].forEach((c) => {
+    c.tagName === "LI" && (c.classList.contains("has-sublayer") ? [...c.querySelectorAll("li")].forEach((u) => {
+      (!u.hasAttribute("data-option") || u.getAttribute("data-option").trim() === "") && u.setAttribute("data-option", u.textContent.trim());
     }) : (!c.hasAttribute("data-option") || c.getAttribute("data-option").trim() === "") && c.setAttribute("data-option", c.textContent.trim())), l.append(c);
-  }), e.children[0];
-}, ln = (n) => {
-  var t;
-  const i = (t = n.getAttribute("control-elements")) == null ? void 0 : t.split(",");
-  i && i.forEach((e) => {
-    const s = document.querySelector(e);
-    s || E("dropdown", `Can't not find control element(${e})`), s && s.classList.contains("disabled") && (s.classList.remove("disabled"), s.tagName === "DROPDOWN-EL" && s.s.activeLi && M(s, [...s.s.allLi].indexOf(s.s.activeLi)));
+  }), i.children[0];
+}, Zt = (s) => {
+  const t = s.getAttribute("control-elements")?.split(",");
+  t && t.forEach((e) => {
+    const i = document.querySelector(e);
+    i || w("dropdown", `Can't not find control element(${e})`), i && i.classList.contains("disabled") && (i.classList.remove("disabled"), i.tagName === "DROPDOWN-EL" && i.s.activeLi && k(i, [...i.s.allLi].indexOf(i.s.activeLi)));
   });
-}, M = (n, i) => {
-  const t = n.getAttribute("d4-placeholder"), e = n.s.dropdownEl.querySelectorAll(".dropdown-list li");
-  if (i < 0 || i.length === 0) {
-    switch (e.forEach((s) => {
-      s.classList.remove("active");
-    }), n.s.activeLi = void 0, n.s.selectType) {
+}, k = (s, t) => {
+  const e = s.getAttribute("d4-placeholder"), i = s.s.dropdownEl.querySelectorAll(".dropdown-list li");
+  if (t < 0 || t.length === 0) {
+    switch (i.forEach((n) => {
+      n.classList.remove("active");
+    }), s.s.activeLi = void 0, s.s.selectType) {
       case "single":
-        n.s.value = {
+        s.s.value = {
           index: -1,
           id: void 0,
           el: void 0
         };
         break;
       case "multiple":
-        n.s.value = [];
+        s.s.value = [];
         break;
     }
-    n.s.selectDisplayEl.textContent = t.trim(), n.setAttribute("d4-value", "");
+    s.s.selectDisplayEl.textContent = e.trim(), s.setAttribute("d4-value", "");
   } else {
-    if (n.classList.contains("disabled")) {
-      n.s.selectDisplayEl.textContent = t.trim();
+    if (s.classList.contains("disabled")) {
+      s.s.selectDisplayEl.textContent = e.trim();
       return;
     }
-    switch (n.s.selectType) {
+    switch (s.s.selectType) {
       case "single":
-        const s = e[i].textContent.trim();
-        n.s.allLi.forEach((r) => {
+        const n = i[t].textContent.trim();
+        s.s.allLi.forEach((r) => {
           r.classList.remove("active");
-        }), e[i].classList.add("active"), n.s.selectDisplayEl.textContent = s, n.s.activeLi = e[i], n.s.value = {
-          index: i,
-          id: e[i].getAttribute("data-option"),
-          el: e[i]
+        }), i[t].classList.add("active"), s.s.selectDisplayEl.textContent = n, s.s.activeLi = i[t], s.s.value = {
+          index: t,
+          id: i[t].getAttribute("data-option"),
+          el: i[t]
         };
         break;
       case "multiple":
-        Array.isArray(i) && n.s.allLi.forEach((r) => {
-          i.indexOf([...n.s.allLi].indexOf(r)) >= 0 ? r.classList.add("active") : r.classList.remove("active");
+        Array.isArray(t) && s.s.allLi.forEach((r) => {
+          t.indexOf([...s.s.allLi].indexOf(r)) >= 0 ? r.classList.add("active") : r.classList.remove("active");
         });
-        const o = n.s.dropdownEl.querySelectorAll(".dropdown-list li.active");
-        o.length <= 0 ? n.s.selectDisplayEl.textContent = t.trim() : (n.s.selectDisplayEl.textContent = "", o.forEach((r) => {
-          const l = r.getAttribute("data-option"), c = r.textContent.trim(), u = `<div class="option-btn" data-option="${l}"><div class="text">${c}</div><div class="remove-icon"></div></div>`;
-          n.s.selectDisplayEl.insertAdjacentHTML(S.append, u);
-        })), n.s.activeLi = o, n.s.value = [...o].map((r) => ({
-          index: [...e].indexOf(r),
+        const o = s.s.dropdownEl.querySelectorAll(".dropdown-list li.active");
+        o.length <= 0 ? s.s.selectDisplayEl.textContent = e.trim() : (s.s.selectDisplayEl.textContent = "", o.forEach((r) => {
+          const l = r.getAttribute("data-option"), c = r.textContent.trim(), d = `<div class="option-btn" data-option="${l}"><div class="text">${c}</div><div class="remove-icon"></div></div>`;
+          s.s.selectDisplayEl.insertAdjacentHTML(E.append, d);
+        })), s.s.activeLi = o, s.s.value = [...o].map((r) => ({
+          index: [...i].indexOf(r),
           id: r.getAttribute("data-option"),
           el: r
         }));
         const a = [...o].map((r) => r.getAttribute("data-option"));
-        n.setAttribute("d4-value", a.join());
+        s.setAttribute("d4-value", a.join());
         break;
     }
   }
-}, cn = (n) => {
-  const i = n.s.cityLang;
-  f("#newCityData").length > 0 ? f("#newCityData").val() !== "" && (K = JSON.parse(f("#newCityData").val())[0], console.log([0])) : K = an, n.classList.contains("city") && (n.s.dropdownEl.querySelector(".dropdown-list").innerHTML = "", Object.keys(K[i]).forEach((t) => {
-    const e = document.createElement("li");
-    e.textContent = t, e.setAttribute("data-option", t), n.s.dropdownEl.querySelector(".dropdown-list").append(e);
-  }), n.s.allLi = n.s.dropdownEl.querySelectorAll(".dropdown-list li"));
-}, dn = (n, i) => {
-  const t = n.s.cityLang;
-  K[t][i].forEach((e, s) => {
+}, Qt = (s) => {
+  const t = s.s.cityLang;
+  m("#newCityData").length > 0 ? m("#newCityData").val() !== "" && (G = JSON.parse(m("#newCityData").val())[0], console.log([0])) : G = Ft, s.classList.contains("city") && (s.s.dropdownEl.querySelector(".dropdown-list").innerHTML = "", Object.keys(G[t]).forEach((e) => {
+    const i = document.createElement("li");
+    i.textContent = e, i.setAttribute("data-option", e), s.s.dropdownEl.querySelector(".dropdown-list").append(i);
+  }), s.s.allLi = s.s.dropdownEl.querySelectorAll(".dropdown-list li"));
+}, Kt = (s, t) => {
+  const e = s.s.cityLang;
+  G[e][t].forEach((i, n) => {
     const o = document.createElement("li");
-    o.textContent = e[0], o.setAttribute("data-option", e[0]), n.s.dropdownEl.querySelector(".dropdown-list").append(o);
+    o.textContent = i[0], o.setAttribute("data-option", i[0]), s.s.dropdownEl.querySelector(".dropdown-list").append(o);
   });
-}, Ge = () => {
-  D('dropdown-el[d4-status="open"]').forEach((i) => {
-    i.close();
+}, V = () => {
+  S('dropdown-el[d4-status="open"]').forEach((t) => {
+    t.close();
   });
-}, un = () => {
-  const { SETTINGS: n } = ti;
-  ((t, e) => {
-    Object.keys(e).forEach((s) => {
-      t.style.setProperty(`--${s}`, e[s]);
+}, Vt = () => {
+  const { SETTINGS: s } = et;
+  ((e, i) => {
+    Object.keys(i).forEach((n) => {
+      e.style.setProperty(`--${n}`, i[n]);
     });
-  })(document.documentElement, n.scrollbar);
+  })(document.documentElement, s.scrollbar);
 };
-un();
+Vt();
 document.addEventListener("click", function() {
-  Ge();
+  V();
 });
-var Yt, Qi, Ft, Ki, rt, Re, Jt, Vi, Zt, ts;
-class Zi extends HTMLElement {
+class Dt extends HTMLElement {
   constructor() {
-    super();
-    p(this, Yt);
-    p(this, Ft);
-    // -** 獨立 dropdown 出 body 更新
-    p(this, rt);
-    p(this, Jt);
-    p(this, Zt);
-    this.initialize = !1;
+    super(), this.initialize = !1;
   }
   static get observedAttributes() {
     return ["d4-status", "d4-placeholder", "d4-value"];
   }
-  attributeChangedCallback(t, e, s) {
-    const o = this;
+  attributeChangedCallback(t, e, i) {
+    const n = this;
     switch (t) {
       case "d4-status":
-        if (e === null || e === s)
-          return;
-        (s === "open" || s === "close") && o.emit(s);
+        if (e === null || e === i) return;
+        (i === "open" || i === "close") && n.emit(i);
         break;
       case "d4-value":
-        if (e === null || e === s)
-          return;
-        if (s !== "")
-          switch (o.hasAttribute("multiple") ? "multiple" : "single") {
+        if (e === null || e === i) return;
+        if (i !== "")
+          switch (n.hasAttribute("multiple") ? "multiple" : "single") {
             case "single":
-              const r = o.s.dropdownEl.querySelector(`.dropdown-list li[data-option="${s}"]`);
-              A(r) ? M(o, [...o.s.allLi].indexOf(r)) : M(o, -1);
+              const a = n.s.dropdownEl.querySelector(`.dropdown-list li[data-option="${i}"]`);
+              T(a) ? k(n, [...n.s.allLi].indexOf(a)) : k(n, -1);
               break;
             case "multiple":
-              const l = [];
-              o.s.dropdownEl.querySelector(".dropdown-list li").classList.remove("active"), s.split(",").forEach((u) => {
-                const h = o.s.dropdownEl.querySelector(`.dropdown-list li[data-option="${u}"]`);
-                A(h) && (h.classList.add("active"), l.push(h));
+              const r = [];
+              n.s.dropdownEl.querySelector(".dropdown-list li").classList.remove("active"), i.split(",").forEach((c) => {
+                const d = n.s.dropdownEl.querySelector(`.dropdown-list li[data-option="${c}"]`);
+                T(d) && (d.classList.add("active"), r.push(d));
               });
-              const c = l.map((u) => [...o.s.allLi].indexOf(u));
-              M(o, c);
+              const l = r.map((c) => [...n.s.allLi].indexOf(c));
+              k(n, l);
               break;
           }
         else
-          M(o, -1);
-        o.emit("change");
+          k(n, -1);
+        n.emit("change");
         break;
       case "d4-placeholder":
-        if (e === null)
-          return;
-        e !== s && o.s.value.index < 0 && M(o, o.s.value.index);
+        if (e === null) return;
+        e !== i && n.s.value.index < 0 && k(n, n.s.value.index);
         break;
     }
   }
   connectedCallback() {
     const t = this;
-    t.initialize || t.classList.contains("d4-initialize") || (t.initialize = !0, d(this, Yt, Qi).call(this));
+    t.initialize || t.classList.contains("d4-initialize") || (t.initialize = !0, this.#t());
   }
   disconnectedCallback() {
     this.s && this.s.dropdownEl && this.s.dropdownEl.parentNode === document.body && document.body.removeChild(this.s.dropdownEl);
   }
+  #t() {
+    this.s = {}, this.__events__ = {}, this.hasAttribute("d4-status") || this.setAttribute("d4-status", "close"), this.hasAttribute("d4-value") || this.setAttribute("d4-value", ""), this.#s();
+  }
+  #s() {
+    this.s.childDom = this.childNodes, this.s.template = Jt(this), this.innerHTML = "", this.append(this.s.template), this.s.dropdownEl = this.querySelector(".dropdown"), this.getAttribute("d4-portal") === "true" && (this.s.dropdownEl.setAttribute("data-d4-portal", ""), document.body.appendChild(this.s.dropdownEl)), this.#i();
+  }
+  // -** 獨立 dropdown 出 body 更新
+  #e() {
+    const t = this, e = t.getBoundingClientRect(), i = t.s.dropdownEl;
+    i.style.position = "fixed", i.style.overflow = "hidden", i.style.left = `${e.left}px`, i.style.width = `${e.width}px`;
+    const n = parseInt(i.style.height) || i.scrollHeight;
+    window.innerHeight - e.bottom < n && e.top > n ? (i.style.top = "auto", i.style.bottom = `${window.innerHeight - e.top + 5}px`) : (i.style.top = `${e.bottom + 5}px`, i.style.bottom = "auto");
+  }
+  #i() {
+    const t = this;
+    t.s.allLi = t.s.dropdownEl.querySelectorAll(".dropdown-list li"), t.s.selectDisplayEl = t.querySelector(".select-display"), t.s.selectType = t.hasAttribute("multiple") ? "multiple" : "single", t.s.cityLang = t.hasAttribute("city-lang") ? t.getAttribute("city-lang") : "zh-tw", Qt(t), t.s.subDropdownTotalH = 0;
+    const e = t.getAttribute("d4-value");
+    switch (t.s.selectType) {
+      case "single":
+        let i;
+        if (t.classList.contains("dist")) {
+          const o = document.querySelector(`dropdown-el[dist-select="${t.id}"]`), a = o ? o.getAttribute("d4-value") !== "" : !1;
+          if (o && a) {
+            const r = o.getAttribute("d4-value");
+            if (Kt(t, r), t.s.allLi = t.s.dropdownEl.querySelectorAll(".dropdown-list li"), t.classList.remove("disabled"), t.getAttribute("d4-value") !== "") {
+              const l = e.split(",")[1];
+              i = t.s.dropdownEl.querySelector(`.dropdown-list li[data-option="${l}"]`), t.setAttribute("d4-value", l);
+            }
+          }
+        } else
+          i = t.querySelector(`.dropdown-list li[data-option="${e}"]`);
+        T(i) ? (i.classList.add("active"), t.s.activeLi = i, t.s.value = {
+          index: [...t.s.allLi].indexOf(i),
+          id: e,
+          el: i
+        }) : (t.s.activeLi = void 0, t.s.value = {
+          index: -1,
+          id: void 0,
+          el: void 0
+        });
+        break;
+      case "multiple":
+        const n = [];
+        e.split(",").forEach((o) => {
+          const a = t.s.dropdownEl.querySelector(`.dropdown-list li[data-option="${o}"]`);
+          T(a) && n.push(a);
+        }), n.length > 0 ? t.s.value = {
+          index: n.map((o) => [...t.s.allLi].indexOf(o)),
+          id: n.map((o) => o.getAttribute("data-option")),
+          el: n.map((o) => o)
+        } : t.s.value = {
+          index: [],
+          id: void 0,
+          el: void 0
+        };
+        break;
+    }
+    k(t, t.s.value.index), t.#n(), t.classList.add("d4-initialize");
+  }
+  #n() {
+    const t = this;
+    t.__events__.dropdownToggle = () => {
+      t.addEventListener("click", function(e) {
+        switch (e.stopPropagation(), t.getAttribute("d4-status")) {
+          case "open":
+            t.close();
+            break;
+          case "close":
+            t.open();
+            break;
+        }
+      });
+    }, t.__events__.transitionend = () => {
+      function e(i) {
+        if (i.target === this) {
+          const n = t.getAttribute("d4-status"), o = t.classList.contains("filter");
+          switch (n) {
+            case "open":
+              const a = t.s.dropdownEl.querySelector(".dropdown-scroller"), r = () => {
+                if (t.__scroller__) {
+                  const { viewport: l } = t.__scroller__.elements();
+                  if (T(t.s.activeLi)) {
+                    const c = t.s.activeLi.clientHeight / 2, d = t.s.activeLi.offsetTop, u = d - a.clientHeight / 2 + c > 0 ? d - a.clientHeight / 2 + c : 0;
+                    l.scrollTo({
+                      top: u,
+                      behavior: "smooth"
+                    });
+                  } else
+                    l.scrollTo({
+                      top: 0,
+                      behavior: "smooth"
+                    });
+                }
+              };
+              t.s.subDropdownTotalH > 0 && t.__scroller__ && t.__scroller__.update(!0), o && (t.s.dropdownEl.querySelector(".filter-bar input").disabled = !1, t.s.dropdownEl.querySelector(".filter-bar input").focus()), t.s.selectType === "single" && r();
+              break;
+            case "close":
+              t.getAttribute("d4-portal") == "true" ? (t.__scroller__ && t.__scroller__.update(!0), t.s.dropdownEl.style.height = "", t.s.dropdownEl.style.zIndex = "", o && (t.s.dropdownEl.querySelector(".filter-bar input").disabled = !0), t.s.dropdownEl.parentNode === document.body && document.body.removeChild(t.s.dropdownEl)) : (t.__scroller__.update(!0), t.s.dropdownEl.removeAttribute("style"), o && (t.querySelector(".filter-bar input").disabled = !0));
+              break;
+          }
+        }
+      }
+      t.s.dropdownEl.addEventListener("transitionend", e);
+    }, t.__events__.bindScrollbar = (e = this) => {
+      const i = e.s.dropdownEl.querySelector(".dropdown-scroller");
+      e.__scroller__ = tt(i, {
+        overflowBehavior: {
+          x: "hidden"
+        }
+      });
+    }, t.__events__.selectOption = (e = this) => {
+      let i, n;
+      const o = e.s.dropdownEl.querySelector(".dropdown-scroller"), a = e.classList.contains("city");
+      e.s.allLi = e.s.dropdownEl.querySelectorAll(".dropdown-list li"), e.s.allLi.forEach((r) => {
+        r.addEventListener("click", function(l) {
+          const c = this, d = [...e.s.allLi].indexOf(c), u = parseInt(e.getAttribute("d4-default-height"));
+          if (c.classList.contains("has-sublayer")) {
+            l.stopPropagation();
+            const h = c.querySelector(".sub-dropdown"), p = h.querySelector(".sub-dropdown-list"), g = parseInt(getComputedStyle(p).marginTop) + parseInt(getComputedStyle(p).marginBottom);
+            h.style.cssText = `--height: ${p.offsetHeight + g}px`;
+            const b = parseInt(h.style.cssText.replace("--height:", "").trim()), f = parseInt(getComputedStyle(o).maxHeight), v = () => {
+              i = u + e.s.subDropdownTotalH, n = i > f ? f : i, e.getAttribute("d4-portal") == "true" ? e.s.dropdownEl.style.setProperty("--maxHeight", `${n}px`) : e.style.cssText = `--maxHeight: ${n}px;`, e.s.dropdownEl.style.height = `${n}px`;
+            };
+            c.classList.contains("open") ? (c.classList.remove("open"), e.s.subDropdownTotalH -= b, v()) : (c.classList.add("open"), e.s.subDropdownTotalH += b, v());
+            const H = () => {
+              e.__scroller__.update(!0), h.removeEventListener("transitionend", H);
+            };
+            h.addEventListener("transitionend", H);
+          } else
+            switch (Zt(e), e.s.selectType) {
+              // 單選
+              case "single":
+                if (e.setAttribute("d4-value", c.getAttribute("data-option")), a) {
+                  const h = e.s.cityLang, p = r.textContent.trim(), g = document.getElementById(e.getAttribute("dist-select"));
+                  g && (g.s.dropdownEl.querySelector(".dropdown-list").textContent = "", k(g, -1), G[h][p].forEach((b, f) => {
+                    const v = document.createElement("li");
+                    v.textContent = b[0], v.setAttribute("data-option", b[0]), e.getAttribute("d4-portal") == "true" ? g.s.dropdownEl.querySelector(".dropdown-list").append(v) : g.querySelector(".dropdown-list").append(v);
+                  }), e.__events__.selectOption(g));
+                }
+                (e.getAttribute("d4-portal") == "true" || c.parentNode.closest("li")?.classList.contains("has-sublayer")) && (l.stopPropagation(), e.close());
+                break;
+              // 複選
+              case "multiple":
+                l.stopPropagation(), c.classList.toggle("active"), k(e, d);
+                break;
+            }
+        });
+      });
+    }, t.__events__.filterHandler = () => {
+      t.classList.contains("filter") && (t.s.dropdownEl.querySelector(".filter-bar").addEventListener("click", function(e) {
+        e.stopPropagation();
+      }), t.s.dropdownEl.querySelector(".filter-input").addEventListener("input", function() {
+        const e = this.value.toUpperCase();
+        t.s.allLi.forEach((i) => {
+          i.textContent.toUpperCase().includes(e) ? i.removeAttribute("style") : i.style.display = "none";
+        });
+      }));
+    }, t.__events__.removeTag = () => {
+      t.s.selectType !== "single" && t.s.selectDisplayEl.addEventListener("click", function(e) {
+        if (e.target.classList.contains("select-display")) return;
+        if ((e.target.classList.contains("option-btn") ? e.target : e.target.parentElement).contains(e.target) && (e.stopPropagation(), e.target.classList.contains("remove-icon"))) {
+          const o = e.target.parentElement.getAttribute("data-option");
+          t.s.dropdownEl.querySelector(`.dropdown-list li[data-option="${o}"]`).classList.remove("active"), t.s.activeLi = t.s.dropdownEl.querySelectorAll(".dropdown-list li.active"), e.target.parentElement.remove();
+          const a = [...t.s.activeLi];
+          t.s.value = a.map((l) => ({
+            index: [...t.s.allLi].indexOf(l),
+            id: l.getAttribute("data-option"),
+            el: l
+          })), t.s.activeLi = a;
+          const r = a.map((l) => l.getAttribute("data-option"));
+          t.setAttribute("d4-value", r.join()), a.length <= 0 && (t.s.selectDisplayEl.textContent = t.getAttribute("d4-placeholder").trim());
+        }
+      });
+    }, t.__events__.dropdownToggle(), t.getAttribute("d4-portal") != "true" && t.__events__.bindScrollbar(), t.__events__.selectOption(), t.__events__.filterHandler(), t.__events__.removeTag(), t.__events__.transitionend();
+  }
   open() {
     const t = this;
     let e;
-    if (t.getAttribute("d4-portal") == "true")
-      Ge(), t.s.dropdownEl.parentNode !== document.body && document.body.appendChild(t.s.dropdownEl), t.__scroller__ || t.__events__.bindScrollbar(), e = t.s.dropdownEl.querySelector(".dropdown-scroller").clientHeight;
-    else {
-      const c = t.querySelector(".dropdown-scroller"), u = c.querySelector(".os-content"), h = parseInt(getComputedStyle(c).maxHeight) || 200;
-      e = Math.min(u ? u.scrollHeight : c.clientHeight, h);
-    }
-    const s = t.classList.contains("filter"), o = () => {
+    t.getAttribute("d4-portal") == "true" ? (V(), t.s.dropdownEl.parentNode !== document.body && document.body.appendChild(t.s.dropdownEl), t.__scroller__ || t.__events__.bindScrollbar(), this.#e(), t.s.dropdownEl.offsetHeight, e = t.s.dropdownEl.querySelector(".dropdown-scroller").clientHeight) : e = t.querySelector(".dropdown-scroller").clientHeight;
+    const i = t.classList.contains("filter"), n = () => {
       if (t.getAttribute("d4-portal") == "true") {
-        if (s)
+        if (i)
           return t.s.dropdownEl.querySelector(".dropdown-scroller .filter-bar") ? e : t.s.dropdownEl.querySelector(".filter-bar").clientHeight + e;
-      } else if (s)
+      } else if (i)
         return t.querySelector(".dropdown-scroller .filter-bar") ? e : t.querySelector(".filter-bar").clientHeight + e;
       return e;
     };
     t.s.subDropdownTotalH = 0;
-    const a = t.getAttribute("d4-portal") == "true" ? t.s.dropdownEl.querySelector(".dropdown-scroller") : t.querySelector(".dropdown-scroller"), r = parseInt(getComputedStyle(a).maxHeight);
-    t.s.dropdownEl.querySelectorAll('.has-sublayer[data-open="true"]').forEach((c) => {
-      const u = c.querySelector(".sub-dropdown"), h = u.querySelector(".sub-dropdown-list"), g = parseInt(getComputedStyle(h).marginTop) + parseInt(getComputedStyle(h).marginBottom);
-      u.style.cssText = `--height: ${h.offsetHeight + g}px`, t.s.subDropdownTotalH += parseInt(u.style.cssText.replace("--height:", "").trim()), c.classList.add("open");
+    const o = t.getAttribute("d4-portal") == "true" ? t.s.dropdownEl.querySelector(".dropdown-scroller") : t.querySelector(".dropdown-scroller"), a = parseInt(getComputedStyle(o).maxHeight);
+    t.s.dropdownEl.querySelectorAll('.has-sublayer[data-open="true"]').forEach((l) => {
+      const c = l.querySelector(".sub-dropdown"), d = c.querySelector(".sub-dropdown-list"), u = parseInt(getComputedStyle(d).marginTop) + parseInt(getComputedStyle(d).marginBottom);
+      c.style.cssText = `--height: ${d.offsetHeight + u}px`, t.s.subDropdownTotalH += parseInt(c.style.cssText.replace("--height:", "").trim()), l.classList.add("open");
     });
-    const l = () => {
-      const c = o() + t.s.subDropdownTotalH;
-      return c > r ? r : c;
+    const r = () => {
+      const l = n() + t.s.subDropdownTotalH;
+      return l > a ? a : l;
     };
-    return t.getAttribute("d4-portal") !== "true" && Ge(), t.setAttribute("d4-status", "open"), t.setAttribute("d4-default-height", o()), t.getAttribute("d4-portal") == "true" ? (t.s.dropdownEl.style.setProperty("--maxHeight", `${l()}px`), t.s.dropdownEl.style.zIndex = "9999", d(this, rt, Re).call(this), t.s.dropdownEl.offsetHeight, t.s.dropdownEl.style.height = `${l()}px`, t.__events__._scrollUpdate = () => {
-      var u;
-      const c = t.getBoundingClientRect();
-      c.bottom < 0 || c.top > window.innerHeight ? t.close() : d(u = t, rt, Re).call(u);
-    }, window.addEventListener("scroll", t.__events__._scrollUpdate, { passive: !0, capture: !0 }), window.addEventListener("resize", t.__events__._scrollUpdate, { passive: !0 })) : (t.style.cssText = `--maxHeight: ${l()}px;`, t.s.dropdownEl.style.cssText = `
-        height: ${l()}px;
+    return t.getAttribute("d4-portal") !== "true" && V(), t.setAttribute("d4-status", "open"), t.setAttribute("d4-default-height", n()), t.getAttribute("d4-portal") == "true" ? (t.s.dropdownEl.style.setProperty("--maxHeight", `${r()}px`), t.s.dropdownEl.style.zIndex = "9999", this.#e(), t.s.dropdownEl.offsetHeight, t.s.dropdownEl.style.height = `${r()}px`, t.__events__._scrollUpdate = () => {
+      const l = t.getBoundingClientRect();
+      l.bottom < 0 || l.top > window.innerHeight ? t.close() : t.#e();
+    }, window.addEventListener("scroll", t.__events__._scrollUpdate, { passive: !0, capture: !0 }), window.addEventListener("resize", t.__events__._scrollUpdate, { passive: !0 })) : (t.style.cssText = `--maxHeight: ${r()}px;`, t.s.dropdownEl.style.cssText = `
+        height: ${r()}px;
         z-index: 2;
       `), this;
   }
   close() {
-    const t = this, e = t.s.dropdownEl.querySelectorAll(".has-sublayer"), s = parseInt(t.getAttribute("d4-default-height"));
-    return t.setAttribute("d4-status", "close"), t.s.dropdownEl.style.height = "0px", t.getAttribute("d4-portal") == "true" && t.__events__._scrollUpdate && (window.removeEventListener("scroll", t.__events__._scrollUpdate, { capture: !0 }), window.removeEventListener("resize", t.__events__._scrollUpdate)), e.forEach((o) => {
-      o.classList.remove("open");
-    }), t.getAttribute("d4-portal") == "true" ? t.s.dropdownEl.style.setProperty("--maxHeight", `${s}px`) : t.style.cssText = `--maxHeight: ${s}px;`, t.s.subDropdownTotalH = 0, t.classList.contains("filter") && t.s.dropdownEl.querySelector(".filter-input") && (t.s.dropdownEl.querySelector(".filter-input").value = "", t.s.allLi.forEach((o) => o.removeAttribute("style"))), this;
+    const t = this, e = t.s.dropdownEl.querySelectorAll(".has-sublayer"), i = parseInt(t.getAttribute("d4-default-height"));
+    return t.setAttribute("d4-status", "close"), t.s.dropdownEl.style.height = "0px", t.getAttribute("d4-portal") == "true" && t.__events__._scrollUpdate && (window.removeEventListener("scroll", t.__events__._scrollUpdate, { capture: !0 }), window.removeEventListener("resize", t.__events__._scrollUpdate)), e.forEach((n) => {
+      n.classList.remove("open");
+    }), t.getAttribute("d4-portal") == "true" ? t.s.dropdownEl.style.setProperty("--maxHeight", `${i}px`) : t.style.cssText = `--maxHeight: ${i}px;`, t.s.subDropdownTotalH = 0, t.classList.contains("filter") && t.s.dropdownEl.querySelector(".filter-input") && (t.s.dropdownEl.querySelector(".filter-input").value = "", t.s.allLi.forEach((n) => n.removeAttribute("style"))), this;
   }
   scrollTo(t) {
-    const e = this, { viewport: s } = e.__scroller__.elements();
-    s.scrollTo({
+    const e = this, { viewport: i } = e.__scroller__.elements();
+    i.scrollTo({
       top: t,
       behavior: "smooth"
     });
@@ -2413,294 +2518,232 @@ class Zi extends HTMLElement {
     this.__events__.selectOption();
   }
 }
-Yt = new WeakSet(), Qi = function() {
-  this.s = {}, this.__events__ = {}, this.hasAttribute("d4-status") || this.setAttribute("d4-status", "close"), this.hasAttribute("d4-value") || this.setAttribute("d4-value", ""), d(this, Ft, Ki).call(this);
-}, Ft = new WeakSet(), Ki = function() {
-  this.s.childDom = this.childNodes, this.s.template = rn(this), this.innerHTML = "", this.append(this.s.template), this.s.dropdownEl = this.querySelector(".dropdown"), this.getAttribute("d4-portal") === "true" && (this.s.dropdownEl.setAttribute("data-d4-portal", ""), document.body.appendChild(this.s.dropdownEl)), d(this, Jt, Vi).call(this);
-}, rt = new WeakSet(), Re = function() {
-  const t = this, e = t.getBoundingClientRect(), s = t.s.dropdownEl;
-  s.style.position = "fixed", s.style.overflow = "hidden", s.style.left = `${e.left}px`, s.style.width = `${e.width}px`;
-  const o = parseInt(s.style.height) || s.scrollHeight;
-  window.innerHeight - e.bottom < o && e.top > o ? (s.style.top = "auto", s.style.bottom = `${window.innerHeight - e.top + 5}px`) : (s.style.top = `${e.bottom + 5}px`, s.style.bottom = "auto");
-}, Jt = new WeakSet(), Vi = function() {
-  var s;
-  const t = this;
-  t.s.allLi = t.s.dropdownEl.querySelectorAll(".dropdown-list li"), t.s.selectDisplayEl = t.querySelector(".select-display"), t.s.selectType = t.hasAttribute("multiple") ? "multiple" : "single", t.s.cityLang = t.hasAttribute("city-lang") ? t.getAttribute("city-lang") : "zh-tw", cn(t), t.s.subDropdownTotalH = 0;
-  const e = t.getAttribute("d4-value");
-  switch (t.s.selectType) {
-    case "single":
-      let o;
-      if (t.classList.contains("dist")) {
-        const r = document.querySelector(`dropdown-el[dist-select="${t.id}"]`), l = r ? r.getAttribute("d4-value") !== "" : !1;
-        if (r && l) {
-          const c = r.getAttribute("d4-value");
-          if (dn(t, c), t.s.allLi = t.s.dropdownEl.querySelectorAll(".dropdown-list li"), t.classList.remove("disabled"), t.getAttribute("d4-value") !== "") {
-            const u = e.split(",")[1];
-            o = t.s.dropdownEl.querySelector(`.dropdown-list li[data-option="${u}"]`), t.setAttribute("d4-value", u);
-          }
-        }
-      } else
-        o = t.querySelector(`.dropdown-list li[data-option="${e}"]`);
-      A(o) ? (o.classList.add("active"), t.s.activeLi = o, t.s.value = {
-        index: [...t.s.allLi].indexOf(o),
-        id: e,
-        el: o
-      }) : (t.s.activeLi = void 0, t.s.value = {
-        index: -1,
-        id: void 0,
-        el: void 0
-      });
-      break;
-    case "multiple":
-      const a = [];
-      e.split(",").forEach((r) => {
-        const l = t.s.dropdownEl.querySelector(`.dropdown-list li[data-option="${r}"]`);
-        A(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")),
-        el: a.map((r) => r)
-      } : t.s.value = {
-        index: [],
-        id: void 0,
-        el: void 0
-      };
-      break;
-  }
-  M(t, t.s.value.index), d(s = t, Zt, ts).call(s), t.classList.add("d4-initialize");
-}, Zt = new WeakSet(), ts = function() {
-  const t = this;
-  t.__events__.dropdownToggle = () => {
-    t.addEventListener("click", function(e) {
-      switch (e.stopPropagation(), t.getAttribute("d4-status")) {
-        case "open":
-          t.close();
-          break;
-        case "close":
-          t.open();
-          break;
-      }
-    });
-  }, t.__events__.transitionend = () => {
-    function e(s) {
-      if (s.target === this) {
-        const o = t.getAttribute("d4-status"), a = t.classList.contains("filter");
-        switch (o) {
-          case "open":
-            const r = t.s.dropdownEl.querySelector(".dropdown-scroller"), l = () => {
-              if (t.__scroller__) {
-                const { viewport: c } = t.__scroller__.elements();
-                if (A(t.s.activeLi)) {
-                  const u = t.s.activeLi.clientHeight / 2, h = t.s.activeLi.offsetTop, g = h - r.clientHeight / 2 + u > 0 ? h - r.clientHeight / 2 + u : 0;
-                  c.scrollTo({
-                    top: g,
-                    behavior: "smooth"
-                  });
-                } else
-                  c.scrollTo({
-                    top: 0,
-                    behavior: "smooth"
-                  });
-              }
-            };
-            t.s.subDropdownTotalH > 0 && t.__scroller__ && t.__scroller__.update(!0), a && (t.s.dropdownEl.querySelector(".filter-bar input").disabled = !1, t.s.dropdownEl.querySelector(".filter-bar input").focus()), t.s.selectType === "single" && l();
-            break;
-          case "close":
-            t.getAttribute("d4-portal") == "true" ? (t.__scroller__ && t.__scroller__.update(!0), t.s.dropdownEl.style.height = "", t.s.dropdownEl.style.zIndex = "", a && (t.s.dropdownEl.querySelector(".filter-bar input").disabled = !0), t.s.dropdownEl.parentNode === document.body && document.body.removeChild(t.s.dropdownEl)) : (t.__scroller__.update(!0), t.s.dropdownEl.removeAttribute("style"), a && (t.querySelector(".filter-bar input").disabled = !0));
-            break;
-        }
-      }
+Object.assign(Dt.prototype, N);
+customElements.define("dropdown-el", Dt);
+function J(s) {
+  const t = {};
+  return [...s.attributes].forEach((e) => {
+    if (e.name.includes("duration-")) {
+      const i = e.name.replace("duration-", ""), n = e.nodeValue;
+      t[i] = Number(n);
     }
-    t.s.dropdownEl.addEventListener("transitionend", e);
-  }, t.__events__.bindScrollbar = (e = this) => {
-    const s = e.s.dropdownEl.querySelector(".dropdown-scroller");
-    e.__scroller__ = Ve(s, {
-      overflowBehavior: {
-        x: "hidden"
-      }
-    });
-  }, t.__events__.selectOption = (e = this) => {
-    let s, o;
-    const a = e.s.dropdownEl.querySelector(".dropdown-scroller"), r = e.classList.contains("city");
-    e.s.allLi = e.s.dropdownEl.querySelectorAll(".dropdown-list li"), e.s.allLi.forEach((l) => {
-      l.addEventListener("click", function(c) {
-        var m;
-        const u = this, h = [...e.s.allLi].indexOf(u), g = parseInt(e.getAttribute("d4-default-height"));
-        if (u.classList.contains("has-sublayer")) {
-          c.stopPropagation();
-          const v = u.querySelector(".sub-dropdown"), w = v.querySelector(".sub-dropdown-list"), b = parseInt(getComputedStyle(w).marginTop) + parseInt(getComputedStyle(w).marginBottom);
-          v.style.cssText = `--height: ${w.offsetHeight + b}px`;
-          const T = parseInt(v.style.cssText.replace("--height:", "").trim()), C = parseInt(getComputedStyle(a).maxHeight), y = () => {
-            s = g + e.s.subDropdownTotalH, o = s > C ? C : s, e.getAttribute("d4-portal") == "true" ? e.s.dropdownEl.style.setProperty("--maxHeight", `${o}px`) : e.style.cssText = `--maxHeight: ${o}px;`, e.s.dropdownEl.style.height = `${o}px`;
-          };
-          u.classList.contains("open") ? (u.classList.remove("open"), e.s.subDropdownTotalH -= T, y()) : (u.classList.add("open"), e.s.subDropdownTotalH += T, y());
-          const L = () => {
-            e.__scroller__.update(!0), v.removeEventListener("transitionend", L);
-          };
-          v.addEventListener("transitionend", L);
-        } else
-          switch (ln(e), e.s.selectType) {
-            case "single":
-              if (e.setAttribute("d4-value", u.getAttribute("data-option")), r) {
-                const v = e.s.cityLang, w = l.textContent.trim(), b = document.getElementById(e.getAttribute("dist-select"));
-                b && (b.s.dropdownEl.querySelector(".dropdown-list").textContent = "", M(b, -1), K[v][w].forEach((T, C) => {
-                  const y = document.createElement("li");
-                  y.textContent = T[0], y.setAttribute("data-option", T[0]), e.getAttribute("d4-portal") == "true" ? b.s.dropdownEl.querySelector(".dropdown-list").append(y) : b.querySelector(".dropdown-list").append(y);
-                }), e.__events__.selectOption(b));
-              }
-              (e.getAttribute("d4-portal") == "true" || (m = u.parentNode.closest("li")) != null && m.classList.contains("has-sublayer")) && (c.stopPropagation(), e.close());
-              break;
-            case "multiple":
-              c.stopPropagation(), u.classList.toggle("active"), M(e, h);
-              break;
-          }
-      });
-    });
-  }, t.__events__.filterHandler = () => {
-    t.classList.contains("filter") && (t.s.dropdownEl.querySelector(".filter-bar").addEventListener("click", function(e) {
-      e.stopPropagation();
-    }), t.s.dropdownEl.querySelector(".filter-input").addEventListener("input", function() {
-      const e = this.value.toUpperCase();
-      t.s.allLi.forEach((s) => {
-        s.textContent.toUpperCase().includes(e) ? s.removeAttribute("style") : s.style.display = "none";
-      });
-    }));
-  }, t.__events__.removeTag = () => {
-    t.s.selectType !== "single" && t.s.selectDisplayEl.addEventListener("click", function(e) {
-      if (e.target.classList.contains("select-display"))
-        return;
-      if ((e.target.classList.contains("option-btn") ? e.target : e.target.parentElement).contains(e.target) && (e.stopPropagation(), e.target.classList.contains("remove-icon"))) {
-        const a = e.target.parentElement.getAttribute("data-option");
-        t.s.dropdownEl.querySelector(`.dropdown-list li[data-option="${a}"]`).classList.remove("active"), t.s.activeLi = t.s.dropdownEl.querySelectorAll(".dropdown-list li.active"), e.target.parentElement.remove();
-        const r = [...t.s.activeLi];
-        t.s.value = r.map((c) => ({
-          index: [...t.s.allLi].indexOf(c),
-          id: c.getAttribute("data-option"),
-          el: c
-        })), t.s.activeLi = r;
-        const l = r.map((c) => c.getAttribute("data-option"));
-        t.setAttribute("d4-value", l.join()), r.length <= 0 && (t.s.selectDisplayEl.textContent = t.getAttribute("d4-placeholder").trim());
-      }
-    });
-  }, t.__events__.dropdownToggle(), t.getAttribute("d4-portal") != "true" && t.__events__.bindScrollbar(), t.__events__.selectOption(), t.__events__.filterHandler(), t.__events__.removeTag(), t.__events__.transitionend();
-};
-Object.assign(Zi.prototype, z);
-customElements.define("dropdown-el", Zi);
-function Tt(n) {
-  const i = {};
-  return [...n.attributes].forEach((t) => {
-    if (t.name.includes("duration-")) {
-      const e = t.name.replace("duration-", ""), s = t.nodeValue;
-      i[e] = Number(s);
-    }
-  }), Object.keys(i).length === 0 ? null : i;
+  }), Object.keys(t).length === 0 ? null : t;
 }
-function li(n) {
-  if (Tt(n)) {
-    let i;
-    const t = Object.keys(Tt(n)).map((e) => ({
-      value: e,
-      point: e
+function lt(s) {
+  if (J(s)) {
+    let t;
+    const e = Object.keys(J(s)).map((i) => ({
+      value: i,
+      point: i
     }));
-    t.sort((e, s) => parseInt(s.value, 10) - parseInt(e.value, 10));
-    for (let e = 0; e < t.length; e += 1) {
-      const { point: s, value: o } = t[e];
-      window.matchMedia(`(max-width: ${o}px)`).matches && (i = s);
+    e.sort((i, n) => parseInt(n.value, 10) - parseInt(i.value, 10));
+    for (let i = 0; i < e.length; i += 1) {
+      const { point: n, value: o } = e[i];
+      window.matchMedia(`(max-width: ${o}px)`).matches && (t = n);
     }
-    return i ? Number(Tt(n)[i]) : n.s.options.duration;
+    return t ? Number(J(s)[t]) : s.s.options.duration;
   } else
-    return n.s.options.duration;
+    return s.s.options.duration;
 }
-function pn(n) {
-  const { behavior: i, continual: t, gap: e } = n.s.options, s = n.childNodes, o = document.createElement("div"), a = document.createElement("div");
-  o.className = "animate-container", a.className = "animate-item", [...s].forEach((l) => {
+function te(s) {
+  const { behavior: t, continual: e, gap: i } = s.s.options, n = s.childNodes, o = document.createElement("div"), a = document.createElement("div");
+  o.className = "animate-container", a.className = "animate-item", [...n].forEach((l) => {
     a.append(l);
   });
   function r() {
     const l = a.cloneNode(!0);
-    return l.classList.add("clone"), n.s.cloneAnimation = null, n.s.cloneAnimateEl = l, l;
+    return l.classList.add("clone"), s.s.cloneAnimation = null, s.s.cloneAnimateEl = l, l;
   }
-  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;
+  s.s.animation = null, s.s.animateEl = a, s.textContent = "", o.append(a), s.append(o), a.clientWidth * 2 + i >= s.clientWidth ? t === "normal" && e && o.append(r()) : s.s.options.continual = !1;
 }
-function H(n) {
-  const { behavior: i, direction: t, continual: e } = n.s.options;
-  let s = {};
-  switch (i) {
+function D(s) {
+  const { behavior: t, direction: e, continual: i } = s.s.options;
+  let n = {};
+  switch (t) {
     case "normal":
       let o, a;
-      switch (t) {
+      switch (e) {
         case "top":
-          o = e ? "translate3d(0,100%,0)" : `translate3d(0,${n.clientHeight}px,0)`, a = "translate3d(0,-100%,0)", s.animate1 = [{ transform: o }, { transform: a }], e && (s.animate2 = [{ transform: "translate3d(0,0,0)" }, { transform: "translate3d(0,-200%,0)" }]);
+          o = i ? "translate3d(0,100%,0)" : `translate3d(0,${s.clientHeight}px,0)`, a = "translate3d(0,-100%,0)", n.animate1 = [{ transform: o }, { transform: a }], i && (n.animate2 = [{ transform: "translate3d(0,0,0)" }, { transform: "translate3d(0,-200%,0)" }]);
           break;
         case "right":
-          o = e ? "translate3d(0,0,0)" : "translate3d(-100%,0,0)", a = e ? "translate3d(200%,0,0)" : `translate3d(${n.clientWidth}px,0,0)`, s.animate1 = [{ transform: o }, { transform: a }], e && (s.animate2 = [{ transform: "translate3d(-100%,0,0)" }, { transform: "translate3d(100%,0,0)" }]);
+          o = i ? "translate3d(0,0,0)" : "translate3d(-100%,0,0)", a = i ? "translate3d(200%,0,0)" : `translate3d(${s.clientWidth}px,0,0)`, n.animate1 = [{ transform: o }, { transform: a }], i && (n.animate2 = [{ transform: "translate3d(-100%,0,0)" }, { transform: "translate3d(100%,0,0)" }]);
           break;
         case "bottom":
-          o = "translate3d(0,-100%,0)", a = e ? "translate3d(0,100%,0)" : `translate3d(0,${n.clientHeight}px,0)`, s.animate1 = [{ transform: o }, { transform: a }], e && (s.animate2 = [{ transform: "translate3d(0,-200%,0)" }, { transform: "translate3d(0,0,0)" }]);
+          o = "translate3d(0,-100%,0)", a = i ? "translate3d(0,100%,0)" : `translate3d(0,${s.clientHeight}px,0)`, n.animate1 = [{ transform: o }, { transform: a }], i && (n.animate2 = [{ transform: "translate3d(0,-200%,0)" }, { transform: "translate3d(0,0,0)" }]);
           break;
         case "left":
-          o = e ? "translate3d(100%,0,0)" : `translate3d(${n.clientWidth}px,0,0)`, a = "translate3d(-100%,0,0)", s.animate1 = [{ transform: o }, { transform: a }], e && (s.animate2 = [{ transform: "translate3d(0,0,0)" }, { transform: "translate3d(-200%,0,0)" }]);
+          o = i ? "translate3d(100%,0,0)" : `translate3d(${s.clientWidth}px,0,0)`, a = "translate3d(-100%,0,0)", n.animate1 = [{ transform: o }, { transform: a }], i && (n.animate2 = [{ transform: "translate3d(0,0,0)" }, { transform: "translate3d(-200%,0,0)" }]);
           break;
       }
       break;
+    // 來回模式
     case "alternate":
-      switch (t) {
+      switch (e) {
         case "top":
-          s.animate1 = [{ transform: `translate3d(0,calc(${n.clientHeight}px - 100%),0)` }, { transform: "translate3d(0,0,0)" }, { transform: `translate3d(0,calc(${n.clientHeight}px - 100%),0)` }];
+          n.animate1 = [{ transform: `translate3d(0,calc(${s.clientHeight}px - 100%),0)` }, { transform: "translate3d(0,0,0)" }, { transform: `translate3d(0,calc(${s.clientHeight}px - 100%),0)` }];
           break;
         case "right":
-          s.animate1 = [{ transform: "translate3d(0,0,0)" }, { transform: `translate3d(calc(-100% + ${n.clientWidth}px),0,0)` }, { transform: "translate3d(0,0,0)" }];
+          n.animate1 = [{ transform: "translate3d(0,0,0)" }, { transform: `translate3d(calc(-100% + ${s.clientWidth}px),0,0)` }, { transform: "translate3d(0,0,0)" }];
           break;
         case "bottom":
-          s.animate1 = [{ transform: "translate3d(0,0,0)" }, { transform: `translate3d(0,calc(${n.clientHeight}px - 100%),0)` }, { transform: "translate3d(0,0,0)" }];
+          n.animate1 = [{ transform: "translate3d(0,0,0)" }, { transform: `translate3d(0,calc(${s.clientHeight}px - 100%),0)` }, { transform: "translate3d(0,0,0)" }];
           break;
         case "left":
-          s.animate1 = [{ transform: `translate3d(calc(-100% + ${n.clientWidth}px),0,0)` }, { transform: "translate3d(0,0,0)" }, { transform: `translate3d(calc(-100% + ${n.clientWidth}px),0,0)` }];
+          n.animate1 = [{ transform: `translate3d(calc(-100% + ${s.clientWidth}px),0,0)` }, { transform: "translate3d(0,0,0)" }, { transform: `translate3d(calc(-100% + ${s.clientWidth}px),0,0)` }];
           break;
       }
       break;
     case "endStop":
-      switch (t) {
+      switch (e) {
         case "top":
-          s.animate1 = [{ transform: `translate3d(0,${n.clientHeight}px,0)` }, { transform: "translate3d(0,0,0)" }];
+          n.animate1 = [{ transform: `translate3d(0,${s.clientHeight}px,0)` }, { transform: "translate3d(0,0,0)" }];
           break;
         case "right":
-          s.animate1 = [{ transform: "translate3d(-100%,0,0)" }, { transform: "translate3d(0,0,0)" }];
+          n.animate1 = [{ transform: "translate3d(-100%,0,0)" }, { transform: "translate3d(0,0,0)" }];
           break;
         case "bottom":
-          s.animate1 = [{ transform: "translate3d(0,-100%,0)" }, { transform: `translate3d(0,calc(${n.clientHeight}px - 100%),0)` }];
+          n.animate1 = [{ transform: "translate3d(0,-100%,0)" }, { transform: `translate3d(0,calc(${s.clientHeight}px - 100%),0)` }];
           break;
         case "left":
-          s.animate1 = [{ transform: `translate3d(${n.clientWidth}px,0,0)` }, { transform: `translate3d(calc(${n.clientWidth}px - 100%),0,0)` }];
+          n.animate1 = [{ transform: `translate3d(${s.clientWidth}px,0,0)` }, { transform: `translate3d(calc(${s.clientWidth}px - 100%),0,0)` }];
           break;
       }
       break;
   }
-  return s;
+  return n;
 }
-function hn(n) {
-  let i;
-  return function(t) {
-    i && clearTimeout(i), i = setTimeout(n, 200, t);
+function ee(s) {
+  let t;
+  return function(e) {
+    t && clearTimeout(t), t = setTimeout(s, 200, e);
   };
 }
-var Qt, es, Kt, is, Vt, ss, te, ns;
-class mn extends HTMLElement {
+class ie extends HTMLElement {
   constructor() {
-    super();
-    p(this, Qt);
-    p(this, Kt);
-    p(this, Vt);
-    p(this, te);
-    this.initialize = !1;
+    super(), this.initialize = !1;
   }
   static get observedAttributes() {
     return [];
   }
-  attributeChangedCallback(t, e, s) {
+  attributeChangedCallback(t, e, i) {
   }
   connectedCallback() {
-    this.initialize || (this.initialize = !0, d(this, Qt, es).call(this));
+    this.initialize || (this.initialize = !0, this.#t());
+  }
+  #t() {
+    const t = {
+      direction: this.getAttribute("direction") || $.SETTINGS.direction,
+      // up / down / left / right
+      behavior: this.getAttribute("behavior") || $.SETTINGS.behavior,
+      // normal / alternate / endStop
+      duration: Number(this.getAttribute("duration")) || $.SETTINGS.duration,
+      // ms
+      durationBreakpoints: J(this) || $.SETTINGS.durationBreakpoints,
+      autoplay: this.getAttribute("autoplay") || $.SETTINGS.autoplay,
+      // normal / alternate / endStop
+      pauseOnMouseenter: this.getAttribute("pauseOnMouseEnter") ? this.getAttribute("pauseOnMouseEnter") === "true" : $.SETTINGS.pauseOnMouseenter,
+      // true / false
+      continual: this.getAttribute("continual") ? this.getAttribute("continual") === "true" : $.SETTINGS.continual,
+      // true / false
+      gap: Number(this.getAttribute("gap")) || $.SETTINGS.gap
+    };
+    this.s = {}, this.s.options = t, this.s.nowDuration = lt(this), te(this), this.#s();
+  }
+  #s() {
+    const { direction: t, continual: e, gap: i } = this.s.options;
+    switch (t) {
+      case "left":
+      case "right":
+        this.style.cssText = `--continual-gap: ${i}px;`;
+        break;
+      case "top":
+      case "bottom":
+        e ? this.style.cssText = `height: ${this.s.animateEl.clientHeight}px;--continual-gap: ${i}px;` : this.style.cssText = `min-height: ${this.s.animateEl.clientHeight}px;--continual-gap: ${i}px;`;
+        break;
+    }
+    this.#e(), this.#i(), e && this.classList.add("continual"), this.classList.add("m4-initialize");
+  }
+  #e() {
+    const t = this, { direction: e, behavior: i, duration: n, autoplay: o, pauseOnMouseenter: a, continual: r } = t.s.options;
+    let l;
+    function c() {
+      switch (i) {
+        case "normal":
+          t.s.animateEl.style.transform = `${D(t).animate1[0].transform}`, t.s.animation = t.s.animateEl.animate(D(t).animate1, {
+            duration: t.s.nowDuration,
+            iterations: 1 / 0
+          }), r && (t.s.cloneAnimateEl.style.transform = `${D(t).animate2[0].transform}`, t.s.cloneAnimation = t.s.cloneAnimateEl.animate(D(t).animate2, {
+            duration: t.s.nowDuration,
+            delay: -t.s.nowDuration / 2,
+            iterations: 1 / 0
+          }));
+          break;
+        case "alternate":
+          let h = function() {
+            let p = [];
+            switch (e) {
+              case "top":
+                d = Math.abs(t.s.animateEl.scrollHeight - t.clientHeight), u = parseInt(t.s.nowDuration / (d * 2)) * t.s.animateEl.scrollHeight, p = [{ transform: `translate3d(0,${t.clientHeight}px,0)` }, { transform: `translate3d(0,calc(${t.clientHeight}px - 100%),0)` }];
+                break;
+              case "right":
+                d = Math.abs(t.s.animateEl.scrollWidth - t.clientWidth), u = parseInt(t.s.nowDuration / (d * 2)) * t.s.animateEl.scrollWidth, p = [{ transform: "translate3d(-100%,0,0)" }, { transform: "translate3d(0,0,0)" }];
+                break;
+              case "bottom":
+                d = Math.abs(t.s.animateEl.scrollHeight - t.clientHeight), u = parseInt(n / (d * 2)) * t.s.animateEl.scrollHeight, p = [{ transform: "translate3d(0,-100%,0)" }, { transform: "translate3d(0,0,0)" }];
+                break;
+              case "left":
+                d = Math.abs(t.s.animateEl.scrollWidth - t.clientWidth), u = parseInt(n / (d * 2)) * t.s.animateEl.scrollWidth, p = [{ transform: `translate3d(${t.clientWidth}px,0,0)` }, { transform: `translate3d(calc(-100% + ${t.clientWidth}px),0,0)` }];
+                break;
+            }
+            return p;
+          }, d, u;
+          (t.clientHeight > t.s.animateEl.scrollHeight || e === "left" || e === "right") && (t.s.animateEl.style.transform = `${h()[0].transform}`, t.s.animateEl.animate(h(), {
+            duration: u,
+            fill: "forwards"
+          }).finished.then(() => {
+            t.s.animation = t.s.animateEl.animate(D(t).animate1, {
+              duration: t.s.nowDuration,
+              iterations: 1 / 0
+            });
+          })), t.s.animation && t.s.animation.ready.then(() => {
+            t.s.animateEl.classList.add("ready");
+          });
+          break;
+        case "endStop":
+          t.s.animateEl.style.transform = `${D(t).animate1[0].transform}`, t.s.animation = t.s.animateEl.animate(D(t).animate1, {
+            duration: t.s.nowDuration,
+            fill: "forwards"
+          });
+          break;
+      }
+      t.s.animateEl.classList.add("start"), o === !1 && (t.s.animateEl.classList.remove("start"), t.s.animation.cancel());
+    }
+    clearTimeout(l), l = setTimeout(
+      () => {
+        c();
+      },
+      o || 0
+    ), t.addEventListener("mouseenter", function() {
+      t.s.animation && a && t.s.animation.playState === "running" && t.pause();
+    }), t.addEventListener("mouseleave", function() {
+      t.s.animation && a && t.s.animation.playState === "paused" && t.play();
+    });
+  }
+  #i() {
+    const t = this;
+    function e() {
+      const i = t.s.animation.startTime, n = t.s.cloneAnimation ? t.s.cloneAnimation.startTime : null;
+      t.s.nowDuration = lt(t), t.s.animation.cancel(), t.s.cloneAnimation && t.s.cloneAnimation.cancel(), t.s.animation = t.s.animateEl.animate(D(t).animate1, {
+        duration: t.s.nowDuration,
+        iterations: 1 / 0
+      }), t.s.animation.startTime = i, t.s.cloneAnimation && (t.s.cloneAnimation = t.s.cloneAnimateEl.animate(D(t).animate2, {
+        duration: t.s.nowDuration,
+        delay: -t.s.nowDuration / 2,
+        iterations: 1 / 0
+      }), t.s.cloneAnimation.startTime = n);
+    }
+    window.addEventListener("resize", ee(e));
   }
   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"));
@@ -2709,191 +2752,47 @@ class mn extends HTMLElement {
     this.s.animation.pause(), this.s.options.continual && this.s.cloneAnimation.pause();
   }
 }
-Qt = new WeakSet(), es = function() {
-  const t = {
-    direction: this.getAttribute("direction") || I.SETTINGS.direction,
-    // up / down / left / right
-    behavior: this.getAttribute("behavior") || I.SETTINGS.behavior,
-    // normal / alternate / endStop
-    duration: Number(this.getAttribute("duration")) || I.SETTINGS.duration,
-    // ms
-    durationBreakpoints: Tt(this) || I.SETTINGS.durationBreakpoints,
-    autoplay: this.getAttribute("autoplay") || I.SETTINGS.autoplay,
-    // normal / alternate / endStop
-    pauseOnMouseenter: this.getAttribute("pauseOnMouseEnter") ? this.getAttribute("pauseOnMouseEnter") === "true" : I.SETTINGS.pauseOnMouseenter,
-    // true / false
-    continual: this.getAttribute("continual") ? this.getAttribute("continual") === "true" : I.SETTINGS.continual,
-    // true / false
-    gap: Number(this.getAttribute("gap")) || I.SETTINGS.gap
+customElements.define("marquee-el", ie);
+const ct = function(s, t) {
+  let e;
+  return function(i) {
+    e && clearTimeout(e), e = setTimeout(s, 200, i);
   };
-  this.s = {}, this.s.options = t, this.s.nowDuration = li(this), pn(this), d(this, Kt, is).call(this);
-}, Kt = new WeakSet(), is = function() {
-  const { direction: t, continual: e, gap: s } = this.s.options;
-  switch (t) {
-    case "left":
-    case "right":
-      this.style.cssText = `--continual-gap: ${s}px;`;
-      break;
-    case "top":
-    case "bottom":
-      e ? this.style.cssText = `height: ${this.s.animateEl.clientHeight}px;--continual-gap: ${s}px;` : this.style.cssText = `min-height: ${this.s.animateEl.clientHeight}px;--continual-gap: ${s}px;`;
-      break;
-  }
-  d(this, Vt, ss).call(this), d(this, te, ns).call(this), e && this.classList.add("continual"), this.classList.add("m4-initialize");
-}, Vt = new WeakSet(), ss = function() {
-  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 = `${H(t).animate1[0].transform}`, t.s.animation = t.s.animateEl.animate(H(t).animate1, {
-          duration: t.s.nowDuration,
-          iterations: 1 / 0
-        }), l && (t.s.cloneAnimateEl.style.transform = `${H(t).animate2[0].transform}`, t.s.cloneAnimation = t.s.cloneAnimateEl.animate(H(t).animate2, {
-          duration: t.s.nowDuration,
-          delay: -t.s.nowDuration / 2,
-          iterations: 1 / 0
-        }));
-        break;
-      case "alternate":
-        let m = function() {
-          let v = [];
-          switch (e) {
-            case "top":
-              h = Math.abs(t.s.animateEl.scrollHeight - t.clientHeight), g = parseInt(t.s.nowDuration / (h * 2)) * t.s.animateEl.scrollHeight, v = [{ transform: `translate3d(0,${t.clientHeight}px,0)` }, { transform: `translate3d(0,calc(${t.clientHeight}px - 100%),0)` }];
-              break;
-            case "right":
-              h = Math.abs(t.s.animateEl.scrollWidth - t.clientWidth), g = parseInt(t.s.nowDuration / (h * 2)) * t.s.animateEl.scrollWidth, v = [{ transform: "translate3d(-100%,0,0)" }, { transform: "translate3d(0,0,0)" }];
-              break;
-            case "bottom":
-              h = Math.abs(t.s.animateEl.scrollHeight - t.clientHeight), g = parseInt(o / (h * 2)) * t.s.animateEl.scrollHeight, v = [{ transform: "translate3d(0,-100%,0)" }, { transform: "translate3d(0,0,0)" }];
-              break;
-            case "left":
-              h = Math.abs(t.s.animateEl.scrollWidth - t.clientWidth), g = parseInt(o / (h * 2)) * t.s.animateEl.scrollWidth, v = [{ transform: `translate3d(${t.clientWidth}px,0,0)` }, { transform: `translate3d(calc(-100% + ${t.clientWidth}px),0,0)` }];
-              break;
-          }
-          return v;
-        }, h, g;
-        (t.clientHeight > t.s.animateEl.scrollHeight || e === "left" || e === "right") && (t.s.animateEl.style.transform = `${m()[0].transform}`, t.s.animateEl.animate(m(), {
-          duration: g,
-          fill: "forwards"
-        }).finished.then(() => {
-          t.s.animation = t.s.animateEl.animate(H(t).animate1, {
-            duration: t.s.nowDuration,
-            iterations: 1 / 0
-          });
-        })), t.s.animation && t.s.animation.ready.then(() => {
-          t.s.animateEl.classList.add("ready");
-        });
-        break;
-      case "endStop":
-        t.s.animateEl.style.transform = `${H(t).animate1[0].transform}`, t.s.animation = t.s.animateEl.animate(H(t).animate1, {
-          duration: t.s.nowDuration,
-          fill: "forwards"
-        });
-        break;
-    }
-    t.s.animateEl.classList.add("start"), a === !1 && (t.s.animateEl.classList.remove("start"), t.s.animation.cancel());
-  }
-  clearTimeout(c), c = setTimeout(
-    () => {
-      u();
-    },
-    a || 0
-  ), t.addEventListener("mouseenter", function() {
-    t.s.animation && r && t.s.animation.playState === "running" && t.pause();
-  }), t.addEventListener("mouseleave", function() {
-    t.s.animation && r && t.s.animation.playState === "paused" && t.play();
-  });
-}, te = new WeakSet(), ns = function() {
-  const t = this;
-  function e() {
-    const s = t.s.animation.startTime, o = t.s.cloneAnimation ? t.s.cloneAnimation.startTime : null;
-    t.s.nowDuration = li(t), t.s.animation.cancel(), t.s.cloneAnimation && t.s.cloneAnimation.cancel(), t.s.animation = t.s.animateEl.animate(H(t).animate1, {
-      duration: t.s.nowDuration,
-      iterations: 1 / 0
-    }), t.s.animation.startTime = s, t.s.cloneAnimation && (t.s.cloneAnimation = t.s.cloneAnimateEl.animate(H(t).animate2, {
-      duration: t.s.nowDuration,
-      delay: -t.s.nowDuration / 2,
-      iterations: 1 / 0
-    }), t.s.cloneAnimation.startTime = o);
-  }
-  window.addEventListener("resize", hn(e));
-};
-customElements.define("marquee-el", mn);
-const ci = function(n, i) {
-  let t;
-  return function(e) {
-    t && clearTimeout(t), t = setTimeout(n, 200, e);
-  };
-}, k = (n, i) => {
-  if (vt(n)) {
-    n.forEach((t) => {
-      t.classList.add(i);
+}, L = (s, t) => {
+  if (X(s)) {
+    s.forEach((e) => {
+      e.classList.add(t);
     });
     return;
   }
-  n.classList.add(i);
-}, $ = (n, i) => {
-  if (vt(n)) {
-    n.forEach((t) => {
-      t.classList.remove(i);
+  s.classList.add(t);
+}, _ = (s, t) => {
+  if (X(s)) {
+    s.forEach((e) => {
+      e.classList.remove(t);
     });
     return;
   }
-  n.classList.remove(i);
+  s.classList.remove(t);
 };
-var ee, os, ie, as, se, rs, lt, Xe, U, Et, ne, ls;
-class di {
-  constructor(i) {
-    // 初始化
-    p(this, ee);
-    // 左右箭頭事件綁定
-    p(this, ie);
-    // 左右拖拉事件綁定
-    p(this, se);
-    // 卷軸位置判斷
-    p(this, lt);
-    // 隱藏按鈕判斷
-    p(this, U);
-    // 選項事件綁定
-    p(this, ne);
-    this.$element = i, this.option = i.s.option.drag, this._didInitialScroll = !1, d(this, ee, os).call(this);
+class dt {
+  constructor(t) {
+    this.$element = t, this.option = t.s.option.drag, this._didInitialScroll = !1, this.#t();
   }
-  // 更新 active 位置
-  update(i = !1) {
-    const t = this.$element.querySelector(".wrapper"), e = t == null ? void 0 : t.querySelector(".active");
-    if (!e || !t)
-      return;
-    const s = () => {
-      const o = t.getBoundingClientRect(), a = e.getBoundingClientRect(), r = o.left + o.width / 2, c = a.left + a.width / 2 - r, u = t.scrollLeft + c;
-      t.scrollTo({
-        left: u,
-        behavior: "smooth"
-      });
+  // 初始化
+  #t() {
+    const t = this;
+    if (!t.$element) return;
+    t.$container = t.$element.querySelector(".drag-container"), t.$wrapper = t.$container.querySelector(".wrapper");
+    let e = !1;
+    const i = () => {
+      e || (requestAnimationFrame(() => {
+        this.#i(), this.#n(), e = !1;
+      }), e = !0);
     };
-    if (i && !this._didInitialScroll) {
-      this._didInitialScroll = !0, setTimeout(s, 250);
-      return;
-    }
-    s();
-  }
-}
-ee = new WeakSet(), os = function() {
-  var s, o, a, r;
-  const i = this;
-  if (!i.$element)
-    return;
-  i.$container = i.$element.querySelector(".drag-container"), i.$wrapper = i.$container.querySelector(".wrapper");
-  let t = !1;
-  const e = () => {
-    t || (requestAnimationFrame(() => {
-      d(this, lt, Xe).call(this), d(this, U, Et).call(this), t = !1;
-    }), t = !0);
-  };
-  i.$wrapper.removeEventListener("scroll", e), i.$wrapper.addEventListener("scroll", e), window.removeEventListener("resize", e), window.addEventListener("resize", e), (i.option.draggable || i.$element.s.type == "collapse") && d(s = i, se, rs).call(s), i.option.navigation && i.$element.s.type !== "collapse" && (i.$container.insertAdjacentHTML(
-    S.prepend,
-    `<div class="navigation">
+    t.$wrapper.removeEventListener("scroll", i), t.$wrapper.addEventListener("scroll", i), window.removeEventListener("resize", i), window.addEventListener("resize", i), (t.option.draggable || t.$element.s.type == "collapse") && t.#e(), t.option.navigation && t.$element.s.type !== "collapse" && (t.$container.insertAdjacentHTML(
+      E.prepend,
+      `<div class="navigation">
         <div class="button prev">
           <div></div>
         </div>
@@ -2901,661 +2800,661 @@ ee = new WeakSet(), os = function() {
           <div></div>
         </div>
       </div>`
-  ), i.$button = (o = i.$container) == null ? void 0 : o.querySelectorAll(".button"), d(a = i, ie, as).call(a)), d(r = i, ne, ls).call(r), i.update(!0), requestAnimationFrame(() => {
-    d(this, lt, Xe).call(this), d(this, U, Et).call(this);
-  });
-}, ie = new WeakSet(), as = function() {
-  const i = this, { $wrapper: t, $button: e } = i, s = function() {
-    const o = this.classList.contains("next"), a = parseInt(t.getBoundingClientRect().width * 0.7);
-    t.scrollTo({
-      left: o ? t.scrollLeft + a : t.scrollLeft - a,
-      behavior: "smooth"
-    }), setTimeout(() => {
-      var r;
-      d(r = i, U, Et).call(r);
-    }, 100);
-  };
-  e.forEach((o) => {
-    o.removeEventListener("click", s), o.addEventListener("click", s);
-  });
-}, se = new WeakSet(), rs = function() {
-  const { $wrapper: i } = this;
-  let t = !1, e = !1, s = 0, o = 0;
-  const a = function(h) {
-    h.preventDefault(), e = !1, t = !0, s = h.pageX - i.offsetLeft, o = i.scrollLeft;
-  };
-  i.removeEventListener("mousedown", a), i.addEventListener("mousedown", a);
-  const r = function() {
-    e = !1, t = !1;
-  };
-  i.removeEventListener("mouseleave", r), i.addEventListener("mouseleave", r);
-  const l = function(h) {
-    h.preventDefault(), t = !1;
-  };
-  i.removeEventListener("mouseup", l), i.addEventListener("mouseup", l);
-  const c = function(h) {
-    if (h.preventDefault(), e = !0, !t)
-      return;
-    const m = h.pageX - i.offsetLeft - s;
-    i.scrollTo({
-      left: o - m
+    ), t.$button = t.$container?.querySelectorAll(".button"), t.#s()), t.#o(), t.update(!0), requestAnimationFrame(() => {
+      this.#i(), this.#n();
     });
-  };
-  i.removeEventListener("mousemove", c), i.addEventListener("mousemove", c);
-  const u = function(h) {
-    e && (h.preventDefault(), h.stopPropagation());
-  };
-  i.querySelectorAll("a").forEach((h) => {
-    h.removeEventListener("click", u), h.addEventListener("click", u);
-  });
-}, lt = new WeakSet(), Xe = function() {
-  const { $container: i, $wrapper: t } = this, e = t.scrollWidth - t.clientWidth, s = Math.round(t.scrollLeft);
-  e <= 0 || (k(i, "scrollable"), s == 0 ? (k(t, "start"), $(t, "end")) : s + 1 >= e ? ($(t, "start"), k(t, "end")) : (k(t, "center"), $(t, "start"), $(t, "end")));
-}, U = new WeakSet(), Et = function() {
-  const { $wrapper: i, $button: t, $element: e } = this;
-  if (!t)
-    return;
-  const s = i.scrollWidth - i.clientWidth, o = i.scrollLeft;
-  if (s <= 0) {
-    k(t, "hide"), $(t, "active"), k(e, "noScrollable");
-    return;
   }
-  s > 0 && (k(t, "active"), $(e, "noScrollable")), o == 0 ? t.forEach((a) => {
-    if (a.classList.contains("next")) {
-      $(a, "hide");
+  // 更新 active 位置
+  update(t = !1) {
+    const e = this.$element.querySelector(".wrapper"), i = e?.querySelector(".active");
+    if (!i || !e) return;
+    const n = () => {
+      const o = e.getBoundingClientRect(), a = i.getBoundingClientRect(), r = o.left + o.width / 2, c = a.left + a.width / 2 - r, d = e.scrollLeft + c;
+      e.scrollTo({
+        left: d,
+        behavior: "smooth"
+      });
+    };
+    if (t && !this._didInitialScroll) {
+      this._didInitialScroll = !0, setTimeout(n, 250);
       return;
     }
-    k(a, "hide");
-  }) : o + 1 >= s ? t.forEach((a) => {
-    if (a.classList.contains("next")) {
-      k(a, "hide");
+    n();
+  }
+  // 左右箭頭事件綁定
+  #s() {
+    const t = this, { $wrapper: e, $button: i } = t, n = function() {
+      const o = this.classList.contains("next"), a = parseInt(e.getBoundingClientRect().width * 0.7);
+      e.scrollTo({
+        left: o ? e.scrollLeft + a : e.scrollLeft - a,
+        behavior: "smooth"
+      }), setTimeout(() => {
+        t.#n();
+      }, 100);
+    };
+    i.forEach((o) => {
+      o.removeEventListener("click", n), o.addEventListener("click", n);
+    });
+  }
+  // 左右拖拉事件綁定
+  #e() {
+    const { $wrapper: t } = this;
+    let e = !1, i = !1, n = 0, o = 0;
+    const a = function(u) {
+      u.preventDefault(), i = !1, e = !0, n = u.pageX - t.offsetLeft, o = t.scrollLeft;
+    };
+    t.removeEventListener("mousedown", a), t.addEventListener("mousedown", a);
+    const r = function() {
+      i = !1, e = !1;
+    };
+    t.removeEventListener("mouseleave", r), t.addEventListener("mouseleave", r);
+    const l = function(u) {
+      u.preventDefault(), e = !1;
+    };
+    t.removeEventListener("mouseup", l), t.addEventListener("mouseup", l);
+    const c = function(u) {
+      if (u.preventDefault(), i = !0, !e) return;
+      const p = u.pageX - t.offsetLeft - n;
+      t.scrollTo({
+        left: o - p
+      });
+    };
+    t.removeEventListener("mousemove", c), t.addEventListener("mousemove", c);
+    const d = function(u) {
+      i && (u.preventDefault(), u.stopPropagation());
+    };
+    t.querySelectorAll("a").forEach((u) => {
+      u.removeEventListener("click", d), u.addEventListener("click", d);
+    });
+  }
+  // 卷軸位置判斷
+  #i() {
+    const { $container: t, $wrapper: e } = this, i = e.scrollWidth - e.clientWidth, n = Math.round(e.scrollLeft);
+    i <= 0 || (L(t, "scrollable"), n == 0 ? (L(e, "start"), _(e, "end")) : n + 1 >= i ? (_(e, "start"), L(e, "end")) : (L(e, "center"), _(e, "start"), _(e, "end")));
+  }
+  // 隱藏按鈕判斷
+  #n() {
+    const { $wrapper: t, $button: e, $element: i } = this;
+    if (!e) return;
+    const n = t.scrollWidth - t.clientWidth, o = t.scrollLeft;
+    if (n <= 0) {
+      L(e, "hide"), _(e, "active"), L(i, "noScrollable");
       return;
     }
-    $(a, "hide");
-  }) : $(t, "hide");
-}, ne = new WeakSet(), ls = function() {
-  const { $element: i } = this, t = (s) => {
-    if (this.option.selected) {
-      const o = s.getAttribute("data-option").trim();
-      i.setAttribute("m4-status", o);
+    n > 0 && (L(e, "active"), _(i, "noScrollable")), o == 0 ? e.forEach((a) => {
+      if (a.classList.contains("next")) {
+        _(a, "hide");
+        return;
+      }
+      L(a, "hide");
+    }) : o + 1 >= n ? e.forEach((a) => {
+      if (a.classList.contains("next")) {
+        L(a, "hide");
+        return;
+      }
+      _(a, "hide");
+    }) : _(e, "hide");
+  }
+  // 選項事件綁定
+  #o() {
+    const { $element: t } = this, e = (n) => {
+      if (this.option.selected) {
+        const o = n.getAttribute("data-option").trim();
+        t.setAttribute("m4-status", o);
+      }
+    };
+    function i() {
+      e(this);
     }
-  };
-  function e() {
-    t(this);
-  }
-  this.$container.querySelectorAll(".item").forEach((s) => {
-    s.removeEventListener("click", e), s.addEventListener("click", e);
-  });
-};
-var oe, cs, ae, ds, re, us, le, ps;
-class gn {
-  constructor(i) {
-    // 初始化
-    p(this, oe);
-    // 隱藏按鈕判斷
-    p(this, ae);
-    // 展開箭頭事件綁定
-    p(this, re);
-    // 選項事件綁定
-    p(this, le);
-    this.$element = i, this.option = i.s.option.collapse, d(this, oe, cs).call(this);
+    this.$container.querySelectorAll(".item").forEach((n) => {
+      n.removeEventListener("click", i), n.addEventListener("click", i);
+    });
   }
 }
-oe = new WeakSet(), cs = function() {
-  this.$element && (this.$container = this.$element.querySelector(".collapse-container"), this.$wrapper = this.$container.querySelector(".wrapper"), d(this, ae, ds).call(this) && d(this, re, us).call(this), d(this, le, ps).call(this));
-}, ae = new WeakSet(), ds = function() {
-  const i = this.$element.querySelector(".drag-container"), t = i.querySelector(".wrapper");
-  return t.scrollWidth - t.clientWidth > 0 ? (i.insertAdjacentHTML(S.append, '<div class="open-collapse"></div>'), this.$button = i.querySelector(".open-collapse"), $(this.$element, "noScrollable"), !0) : (k(this.$element, "noScrollable"), !1);
-}, re = new WeakSet(), us = function() {
-  const { $element: i, $button: t } = this, e = function() {
-    i.classList.contains("expand") ? i.classList.remove("expand") : i.classList.add("expand");
-  };
-  t.removeEventListener("click", e), t.addEventListener("click", e);
-}, le = new WeakSet(), ps = function() {
-  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();
-      i.setAttribute("m4-status", a);
+class se {
+  constructor(t) {
+    this.$element = t, this.option = t.s.option.collapse, this.#t();
+  }
+  // 初始化
+  #t() {
+    this.$element && (this.$container = this.$element.querySelector(".collapse-container"), this.$wrapper = this.$container.querySelector(".wrapper"), this.#s() && this.#e(), this.#i());
+  }
+  // 隱藏按鈕判斷
+  #s() {
+    const t = this.$element.querySelector(".drag-container"), e = t.querySelector(".wrapper");
+    return e.scrollWidth - e.clientWidth > 0 ? (t.insertAdjacentHTML(E.append, '<div class="open-collapse"></div>'), this.$button = t.querySelector(".open-collapse"), _(this.$element, "noScrollable"), !0) : (L(this.$element, "noScrollable"), !1);
+  }
+  // 展開箭頭事件綁定
+  #e() {
+    const { $element: t, $button: e } = this, i = function() {
+      t.classList.contains("expand") ? t.classList.remove("expand") : t.classList.add("expand");
+    };
+    e.removeEventListener("click", i), e.addEventListener("click", i);
+  }
+  // 選項事件綁定
+  #i() {
+    const { $element: t } = this, e = (n, o) => {
+      if (t?.classList.contains("expand") ? t?.classList.remove("expand") : t?.classList.add("expand"), this.option.selected) {
+        const a = n.getAttribute("data-option").trim();
+        t.setAttribute("m4-status", a);
+      }
+    };
+    function i() {
+      e(this);
     }
-  };
-  function e() {
-    t(this);
+    this.$container.querySelectorAll(".item").forEach((n) => {
+      n.removeEventListener("click", i), n.addEventListener("click", i);
+    });
   }
-  this.$container.querySelectorAll(".item").forEach((s) => {
-    s.removeEventListener("click", e), s.addEventListener("click", e);
-  });
-};
-const fn = (n) => {
-  const { type: i, option: t, originalDomString: e } = n.s, s = document.createElement("div");
-  return i == "drag" && (s.innerHTML = q.TEMPLATE[i]().trim(), s.querySelector(".drag-container .wrapper").insertAdjacentHTML(S.append, e)), i == "collapse" && (s.innerHTML = q.TEMPLATE[i](t == null ? void 0 : t.collapse).trim(), s.querySelector(".drag-container .wrapper").insertAdjacentHTML(S.append, e), s.querySelector(".collapse-container .wrapper").insertAdjacentHTML(S.append, e)), i == "dropdown" && (s.innerHTML = q.TEMPLATE[i](t == null ? void 0 : t.dropdown).trim(), s.querySelector("dropdown-el").insertAdjacentHTML(S.append, e)), s.children;
+}
+const ne = (s) => {
+  const { type: t, option: e, originalDomString: i } = s.s, n = document.createElement("div");
+  return t == "drag" && (n.innerHTML = x.TEMPLATE[t]().trim(), n.querySelector(".drag-container .wrapper").insertAdjacentHTML(E.append, i)), t == "collapse" && (n.innerHTML = x.TEMPLATE[t](e?.collapse).trim(), n.querySelector(".drag-container .wrapper").insertAdjacentHTML(E.append, i), n.querySelector(".collapse-container .wrapper").insertAdjacentHTML(E.append, i)), t == "dropdown" && (n.innerHTML = x.TEMPLATE[t](e?.dropdown).trim(), n.querySelector("dropdown-el").insertAdjacentHTML(E.append, i)), n.children;
 };
-var ce, hs, de, ms, ct, Ue, dt, Ye, ue, gs, ut, Fe, Y, At;
-class vn extends HTMLElement {
+class oe extends HTMLElement {
   constructor() {
-    super();
-    p(this, ce);
-    p(this, de);
-    // 斷點設定
-    p(this, ct);
-    // 同步目前選中的項目
-    p(this, dt);
-    // 下拉選項事件綁定
-    p(this, ue);
-    // 關閉展開中的 collapse
-    p(this, ut);
-    // check type
-    p(this, Y);
-    this.initialize = !1, this.__events__ = {}, this.s = {}, this.s.originalDomString = this.innerHTML.trim().replace(/\n/g, ""), this.previousWidth = window.innerWidth;
+    super(), this.initialize = !1, this.__events__ = {}, this.s = {}, this.s.originalDomString = this.innerHTML.trim().replace(/\n/g, ""), this.previousWidth = window.innerWidth;
   }
   static get observedAttributes() {
     return ["m4-type", "m4-status"];
   }
-  attributeChangedCallback(t, e, s) {
+  attributeChangedCallback(t, e, i) {
     switch (t) {
       case "m4-type":
-        if (e === null || e === s)
-          return;
-        this.s.type = s, d(this, Y, At).call(this);
+        if (e === null || e === i) return;
+        this.s.type = i, this.#a();
         break;
       case "m4-status":
-        if (e === s)
-          return;
-        d(this, dt, Ye).call(this, s);
+        if (e === i) return;
+        this.#i(i);
         break;
     }
   }
   connectedCallback() {
-    this.initialize || this.classList.contains("m4-init") || (this.initialize = !0, d(this, ce, hs).call(this));
+    this.initialize || this.classList.contains("m4-init") || (this.initialize = !0, this.#t());
   }
   update() {
-    d(this, ut, Fe).call(this), d(this, ct, Ue).call(this);
+    this.#o(), this.#e();
+  }
+  #t() {
+    let t = {};
+    this.hasAttribute("m4-value") || this.setAttribute("m4-value", ""), this.s.type = this.getAttribute("m4-type") ?? x.SETTINGS.type, this.hasAttribute("m4-option") && (t = this.getAttribute("m4-option") ? JSON.parse(this.getAttribute("m4-option")) : {}, this.removeAttribute("m4-option"));
+    const e = (i) => {
+      if (i.type === "resize") {
+        if (window.innerWidth === this.previousWidth) return;
+        this.previousWidth = window.innerWidth;
+      }
+      this.update();
+    };
+    window.removeEventListener("resize", ct(e)), window.addEventListener("resize", ct(e)), this.s.option = {}, this.s.option.drag = Object.assign({}, x.SETTINGS.drag, t?.drag), this.s.option.collapse = Object.assign({}, x.SETTINGS.collapse, t?.collapse), this.s.option.dropdown = Object.assign({}, x.SETTINGS.dropdown, t?.dropdown), this.s.option.breakpoint = Object.assign({}, x.SETTINGS.breakpoint, t?.breakpoint), this.#s();
   }
-}
-ce = new WeakSet(), hs = function() {
-  let t = {};
-  this.hasAttribute("m4-value") || this.setAttribute("m4-value", ""), this.s.type = this.getAttribute("m4-type") ?? q.SETTINGS.type, this.hasAttribute("m4-option") && (t = this.getAttribute("m4-option") ? JSON.parse(this.getAttribute("m4-option")) : {}, this.removeAttribute("m4-option"));
-  const e = (s) => {
-    if (s.type === "resize") {
-      if (window.innerWidth === this.previousWidth)
-        return;
-      this.previousWidth = window.innerWidth;
-    }
-    this.update();
-  };
-  window.removeEventListener("resize", ci(e)), window.addEventListener("resize", ci(e)), this.s.option = {}, this.s.option.drag = Object.assign({}, q.SETTINGS.drag, t == null ? void 0 : t.drag), this.s.option.collapse = Object.assign({}, q.SETTINGS.collapse, t == null ? void 0 : t.collapse), this.s.option.dropdown = Object.assign({}, q.SETTINGS.dropdown, t == null ? void 0 : t.dropdown), this.s.option.breakpoint = Object.assign({}, q.SETTINGS.breakpoint, t == null ? void 0 : t.breakpoint), d(this, de, ms).call(this);
-}, de = new WeakSet(), ms = function() {
-  this.classList.add("m4-init"), d(this, ct, Ue).call(this);
-}, ct = new WeakSet(), Ue = function() {
-  const t = Object.keys(this.s.option.breakpoint);
-  if (!t.length) {
-    d(this, Y, At).call(this);
-    return;
+  #s() {
+    this.classList.add("m4-init"), this.#e();
   }
-  t.map((e) => Number(e)).sort((e, s) => s - e).some((e) => {
-    var s, o, a, r;
-    return window.innerWidth >= e && (this.s.type = (s = this.s.option.breakpoint[e]) == null ? void 0 : s.type, this.setAttribute("m4-type", this.s.type), this.s.option.drag = Object.assign({}, this.s.option.drag, (o = this.s.option.breakpoint[e]) == null ? void 0 : o.drag), this.s.option.collapse = Object.assign({}, this.s.option.collapse, (a = this.s.option.breakpoint[e]) == null ? void 0 : a.collapse), this.s.option.dropdown = Object.assign({}, this.s.option.dropdown, (r = this.s.option.breakpoint[e]) == null ? void 0 : r.dropdown)), d(this, Y, At).call(this), window.innerWidth >= e;
-  });
-}, dt = new WeakSet(), Ye = function(t = this.getAttribute("m4-status")) {
-  var a;
-  const e = t ?? "", s = (r) => {
-    this.querySelectorAll(r).forEach((l) => {
-      var u;
-      const c = (u = l.getAttribute("data-option")) == null ? void 0 : u.trim();
-      l.classList.toggle("active", c === e);
-    });
-  };
-  s(".drag-container .item"), s(".collapse-container .item");
-  const o = this.querySelector("dropdown-el");
-  o && o.getAttribute("d4-value") !== e && o.setAttribute("d4-value", e), (a = this.drag) == null || a.update();
-}, ue = new WeakSet(), gs = function() {
-  var e;
-  const t = this.querySelector("dropdown-el");
-  !t || typeof t.on != "function" || (this.__events__.dropdownChange = () => {
-    var o;
-    const s = ((o = t.getAttribute("d4-value")) == null ? void 0 : o.trim()) ?? "";
-    this.getAttribute("m4-status") !== s && this.setAttribute("m4-status", s);
-  }, (e = t.off) == null || e.call(t, "change", this.__events__.dropdownChange), t.on("change", this.__events__.dropdownChange));
-}, ut = new WeakSet(), Fe = function() {
-  this.classList.remove("expand");
-}, Y = new WeakSet(), At = function() {
-  const { type: t } = this.s;
-  switch (d(this, ut, Fe).call(this), this.innerHTML = "", [...fn(this)].forEach((e) => {
-    this.append(e);
-  }), t) {
-    case "drag":
-      this.drag = new di(this);
-      break;
-    case "collapse":
-      this.drag = new di(this), this.collapse = new gn(this);
-      break;
-    case "dropdown":
-      d(this, ue, gs).call(this);
-      break;
+  // 斷點設定
+  #e() {
+    const t = Object.keys(this.s.option.breakpoint);
+    if (!t.length) {
+      this.#a();
+      return;
+    }
+    t.map((e) => Number(e)).sort((e, i) => i - e).some((e) => (window.innerWidth >= e && (this.s.type = this.s.option.breakpoint[e]?.type, this.setAttribute("m4-type", this.s.type), this.s.option.drag = Object.assign({}, this.s.option.drag, this.s.option.breakpoint[e]?.drag), this.s.option.collapse = Object.assign({}, this.s.option.collapse, this.s.option.breakpoint[e]?.collapse), this.s.option.dropdown = Object.assign({}, this.s.option.dropdown, this.s.option.breakpoint[e]?.dropdown)), this.#a(), window.innerWidth >= e));
+  }
+  // 同步目前選中的項目
+  #i(t = this.getAttribute("m4-status")) {
+    const e = t ?? "", i = (o) => {
+      this.querySelectorAll(o).forEach((a) => {
+        const r = a.getAttribute("data-option")?.trim();
+        a.classList.toggle("active", r === e);
+      });
+    };
+    i(".drag-container .item"), i(".collapse-container .item");
+    const n = this.querySelector("dropdown-el");
+    n && n.getAttribute("d4-value") !== e && n.setAttribute("d4-value", e), this.drag?.update();
+  }
+  // 下拉選項事件綁定
+  #n() {
+    const t = this.querySelector("dropdown-el");
+    !t || typeof t.on != "function" || (this.__events__.dropdownChange = () => {
+      const e = t.getAttribute("d4-value")?.trim() ?? "";
+      this.getAttribute("m4-status") !== e && this.setAttribute("m4-status", e);
+    }, t.off?.("change", this.__events__.dropdownChange), t.on("change", this.__events__.dropdownChange));
+  }
+  // 關閉展開中的 collapse
+  #o() {
+    this.classList.remove("expand");
+  }
+  // check type
+  #a() {
+    const { type: t } = this.s;
+    switch (this.#o(), this.innerHTML = "", [...ne(this)].forEach((e) => {
+      this.append(e);
+    }), this.#i(), t) {
+      case "drag":
+        this.drag = new dt(this);
+        break;
+      case "collapse":
+        this.drag = new dt(this), this.collapse = new se(this);
+        break;
+      case "dropdown":
+        this.#n();
+        break;
+    }
   }
-  d(this, dt, Ye).call(this);
-};
-customElements.define("multipurpose-nav", vn);
-var pe, vs, he, bs, pt, Je, W, Z, me, ys, ge, ws, fe, Ts, ve, Es, be, As, ye, Ss, we, Ls, Te, _s, Ee, Ds, N, R, Ae, xs, Se, ks, Le, $s, _e, Cs;
-class fs extends HTMLElement {
+}
+customElements.define("multipurpose-nav", oe);
+class $t extends HTMLElement {
   // 定義組件的初始狀態
   constructor(t, e) {
     super();
-    p(this, pe);
-    p(this, he);
-    // 第一關 判斷數量以及id設定
-    p(this, pt);
-    // 第二關 id命名提醒
-    p(this, W);
-    p(this, me);
-    p(this, ge);
-    p(this, fe);
-    // 執行函式
-    // 移動至指定位置
-    p(this, ve);
-    // 移動
-    p(this, be);
-    // 步驟狀態
-    p(this, ye);
-    // next 按鈕狀態
-    p(this, we);
-    // prev 按鈕狀態
-    p(this, Te);
-    // 頁籤狀態
-    p(this, Ee);
-    // 第三關各種元件判斷 及 執行
-    p(this, N);
-    // 消失動畫
-    p(this, Ae);
-    // 出現動畫
-    p(this, Se);
-    // 狀態
-    p(this, Le);
-    // resize
-    p(this, _e);
   }
   // 當組件的屬性被更改時會被呼叫
   static get observedAttributes() {
     return ["t4-active"];
   }
-  attributeChangedCallback(t, e, s) {
-    t === "t4-active" && e !== s && d(this, Le, $s).call(this, s);
+  attributeChangedCallback(t, e, i) {
+    t === "t4-active" && e !== i && this.#f(i);
   }
   connectedCallback() {
-    this.classList.contains("t4-initialize") || d(this, pe, vs).call(this);
+    this.classList.contains("t4-initialize") || this.#t();
+  }
+  #t() {
+    const t = this.getAttribute("t4-name"), { SETTINGS: e } = gt;
+    document.querySelectorAll(`tab-el[t4-name=${t}]`).length > 1 && console.warn(t, "名字有重複喔！！！"), this.t = {
+      tabs: [],
+      name: t,
+      tabPanels: [...this.children],
+      activeTab: "",
+      stepOutput: e.stepOutput,
+      recordUrl: this.getAttribute("t4-url") || e.recordUrl,
+      type: this.getAttribute("t4-type") || e.type,
+      display: this.getAttribute("t4-display") || e.display,
+      defaultPage: this.getAttribute("t4-defaultPage") || e.defaultPage,
+      anchor: this.getAttribute("t4-anchor"),
+      gap: this.getAttribute("t4-gap") || e.anchorGap,
+      transition: {
+        duration: this.getAttribute("t4-duration") || e.transition.duration,
+        timing: this.getAttribute("t4-timing") || e.transition.timing,
+        delay: this.getAttribute("t4-delay") || e.transition.delay
+      },
+      tabGroup: this.getAttribute("t4-group") || e.tabGroup
+    }, this.__events__ = {}, this.t.tabs = this.#e(), this.t.step = document.querySelector(`[t4-control="${this.t.name}"]${this.t.stepOutput}`), this.#s();
+  }
+  #s() {
+    if (this.t.activeTab = this.t.defaultPage, this.t.display === "swiper" && this.#n(), this.t.recordUrl) {
+      const e = new URLSearchParams(document.location.search).get(this.t.name), i = document.querySelectorAll(`[t4-name="${this.t.name}"] .tab-panel[t4-id="${e}"]`);
+      e && i.length === 1 ? this.t.activeTab = e : console.warn(`沒有${e}這頁喔！！`);
+    }
+    this.setActiveTab(this.t.activeTab), this.classList.add("t4-initialize"), this.#v();
+  }
+  // 第一關 判斷數量以及id設定
+  #e() {
+    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((i, n) => i.setAttribute("t4-id", n)) : t.tabPanels.forEach((i) => {
+      i.getAttribute("t4-id") || console.warn(i, "請幫我設定id！！");
+    }), e;
+  }
+  // 第二關 id命名提醒
+  #i(t) {
+    const { t: e } = this, i = e.tabPanels.filter((o) => o.getAttribute("t4-id") === t);
+    i.length > 1 && console.warn("有兩個相同id設定", i);
+    const n = i[0];
+    return n ? e.tabPanels.indexOf(n) : (console.warn(`找不到t4-id為${t}的頁籤`), 0);
+  }
+  #n() {
+    const t = document.createElement("div");
+    t.classList.add("swiper-container");
+    const e = document.createElement("div");
+    e.classList.add("swiper-wrapper"), this.t.tabPanels.forEach((i) => {
+      e.appendChild(i.cloneNode(!0));
+    }), this.t.tabPanels = [...e.children], t.appendChild(e), this.innerHTML = "", this.appendChild(t), this.#o();
+  }
+  #o() {
+    const t = this.querySelector(".swiper-container"), e = this.querySelector(".swiper-wrapper"), i = this.t.tabPanels;
+    t.style.overflow = "hidden", e.style.display = "flex";
+    const n = i.length * 100 + "%";
+    e.style.width = n;
+  }
+  #a(t) {
+    const { t: e } = this;
+    if (e.recordUrl === "true") {
+      const i = new URLSearchParams(document.location.search);
+      i.set(e.name, t);
+      const n = `${window.location.pathname}?${i.toString()}`;
+      history.replaceState({ t4Id: t }, "", n);
+    }
+  }
+  // 執行函式
+  // 移動至指定位置
+  #l() {
+    const t = parseInt(this.t.gap, 10), e = window.pageYOffset, n = this.getBoundingClientRect().top + e - t;
+    this.#c(n);
+  }
+  // 移動
+  #c(t) {
+    window.scrollTo({
+      top: t,
+      behavior: "smooth"
+    });
+  }
+  // 步驟狀態
+  #d(t) {
+    let e = parseInt(t, 10) + 1;
+    this.t.step.textContent = `${e}`, this.t.step.setAttribute("now-page", e);
+  }
+  // next 按鈕狀態
+  #u(t) {
+    const e = document.querySelectorAll(`[t4-role="next"][t4-control="${this.t.name}"]`), i = this.t.tabPanels.length === 1, n = t === this.t.tabPanels.length - 1;
+    e.forEach((o) => {
+      i || n ? o.setAttribute("disabled", "") : o.removeAttribute("disabled");
+    });
+  }
+  // prev 按鈕狀態
+  #p(t) {
+    const e = document.querySelectorAll(`[t4-role="prev"][t4-control="${this.t.name}"]`), i = this.t.tabPanels.length === 1, n = t === 0;
+    e.forEach((o) => {
+      i || n ? o.setAttribute("disabled", "") : o.removeAttribute("disabled");
+    });
+  }
+  // 頁籤狀態
+  #h(t, e) {
+    this.t.tabGroup === "true" ? this.t.tabs.forEach((i, n) => {
+      n == t ? i.setAttribute("aria-selected", !0) : i.setAttribute("aria-selected", !1);
+    }) : this.t.tabs.forEach((i, n) => {
+      i.getAttribute("t4-id") === e ? i.setAttribute("aria-selected", !0) : i.setAttribute("aria-selected", !1);
+    });
+  }
+  // 第三關各種元件判斷 及 執行
+  #r(t, e, i) {
+    switch (t) {
+      case "step":
+        Q(this.t.step) && this.#d(e);
+        break;
+      case "eventAnchor":
+        this.t.anchor && this.#l();
+        break;
+      case "tabState":
+        this.t.type == "normal" && this.#h(e, i);
+        break;
+      case "btnState":
+        this.#u(e), this.#p(e);
+        break;
+      case "tabUrl":
+        this.t.recordUrl === "true" && this.#a(e);
+        break;
+      default:
+        console.warn("請增加判斷，謝謝");
+        break;
+    }
+  }
+  // 消失動畫
+  #m(t) {
+    const { t: e } = this, { duration: i, timing: n, delay: o } = this.t.transition, a = e.tabPanels[t];
+    switch (a.classList.remove("show"), a.classList.add("hide"), e.display) {
+      case "fade":
+        a.style.cssText = "display: none; opacity: 0;";
+        break;
+      case "slide":
+        a.style.cssText = "display: none; opacity: 0; max-height: unset;";
+        break;
+      case "swiper":
+        break;
+      default:
+        a.style.display = "none";
+        break;
+    }
+  }
+  // 出現動畫
+  #g(t) {
+    const { duration: e, timing: i, delay: n } = this.t.transition, o = this.t.tabPanels[t];
+    let a;
+    switch (o.classList.add("show"), o.classList.remove("hide"), o.style.transition = `opacity ${e}ms ${i} ${n}ms`, o.style.display = "block", this.t.display) {
+      case "fade":
+        o.style.opacity = "0", a = setTimeout(() => {
+          clearTimeout(a), o.style.opacity = "1";
+        }, 100);
+        break;
+      case "slide":
+        console.warn(this.t.display, "抱歉，好像壞掉了...");
+        const r = o.offsetHeight;
+        o.style.opacity = "1", o.style.maxHeight = "0", a = setTimeout(() => {
+          clearTimeout(a), o.style.maxHeight = r + "px";
+        }, 100);
+        break;
+      case "swiper":
+        o.style.opacity = "1";
+        const l = this.querySelector(".swiper-wrapper"), c = this.t.tabPanels[0].offsetWidth, d = -t * c;
+        l.style.transition = `transform ${e}ms ${i} ${n}ms`, l.style.transform = `translateX(${d}px)`;
+        break;
+      default:
+        console.warn(this.t.display, "沒有這個效果請自己想辦法!!!!");
+        break;
+    }
+  }
+  // 狀態
+  #f(t) {
+    const e = this.#i(t);
+    this.#r("step", e), this.#r("btnState", e), this.#r("tabState", e, t), this.#r("tabUrl", t), this.emit("change");
+  }
+  // resize
+  #v() {
+    const t = this;
+    window.addEventListener(
+      "resize",
+      ae(() => {
+        t.update();
+      }, 1e3)
+    );
   }
   //  ------------- 我是分隔線呦 -------------
   // 頁籤切換
   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, N, R).call(this, "eventAnchor");
+    const { t: e } = this, i = e.tabs.indexOf(t) % e.tabPanels.length, n = e.tabGroup === "true" ? String(i) : t.getAttribute("t4-id");
+    this.setActiveTab(n), setTimeout(() => {
+      this.#r("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, W, Z).call(this, s);
-    e.tabPanels.forEach((a, r) => {
-      r === o ? d(this, Se, ks).call(this, r) : d(this, Ae, xs).call(this, r);
+    const { t: e } = this, i = t === "" ? e.tabPanels[0].getAttribute("t4-id") : t;
+    e.activeTab = i, this.setAttribute("t4-active", i);
+    const n = this.#i(i);
+    e.tabPanels.forEach((o, a) => {
+      a === n ? this.#g(a) : this.#m(a);
     });
   }
   // 外部呼叫方法 $0.goNext()
   goNext() {
-    const t = d(this, W, Z).call(this, this.t.activeTab), e = Math.min(this.t.tabPanels.length - 1, t + 1), s = this.t.tabPanels[e].getAttribute("t4-id");
-    this.setActiveTab(s);
+    const t = this.#i(this.t.activeTab), e = Math.min(this.t.tabPanels.length - 1, t + 1), i = this.t.tabPanels[e].getAttribute("t4-id");
+    this.setActiveTab(i);
   }
   // 外部呼叫方法 $0.goPrev()
   goPrev() {
-    const t = d(this, W, Z).call(this, this.t.activeTab), e = Math.max(0, t - 1), s = this.t.tabPanels[e].getAttribute("t4-id");
-    this.setActiveTab(s);
+    const t = this.#i(this.t.activeTab), e = Math.max(0, t - 1), i = this.t.tabPanels[e].getAttribute("t4-id");
+    this.setActiveTab(i);
   }
   // 外部呼叫方法 $0.update()
   update() {
-    this.t.tabs = d(this, pt, Je).call(this), Hs(), console.log("tab update!!!!");
+    this.t.tabs = this.#e(), kt(), console.log("tab update!!!!");
   }
 }
-pe = new WeakSet(), vs = function() {
-  const t = this.getAttribute("t4-name"), { SETTINGS: e } = gi;
-  document.querySelectorAll(`tab-el[t4-name=${t}]`).length > 1 && console.warn(t, "名字有重複喔！！！"), this.t = {
-    tabs: [],
-    name: t,
-    tabPanels: [...this.children],
-    activeTab: "",
-    stepOutput: e.stepOutput,
-    recordUrl: this.getAttribute("t4-url") || e.recordUrl,
-    type: this.getAttribute("t4-type") || e.type,
-    display: this.getAttribute("t4-display") || e.display,
-    defaultPage: this.getAttribute("t4-defaultPage") || e.defaultPage,
-    anchor: this.getAttribute("t4-anchor"),
-    gap: this.getAttribute("t4-gap") || e.anchorGap,
-    transition: {
-      duration: this.getAttribute("t4-duration") || e.transition.duration,
-      timing: this.getAttribute("t4-timing") || e.transition.timing,
-      delay: this.getAttribute("t4-delay") || e.transition.delay
-    },
-    tabGroup: this.getAttribute("t4-group") || e.tabGroup
-  }, this.__events__ = {}, this.t.tabs = d(this, pt, Je).call(this), this.t.step = document.querySelector(`[t4-control="${this.t.name}"]${this.t.stepOutput}`), d(this, he, bs).call(this);
-}, he = new WeakSet(), bs = function() {
-  if (this.t.activeTab = this.t.defaultPage, this.t.display === "swiper" && d(this, me, ys).call(this), this.t.recordUrl) {
-    const e = new URLSearchParams(document.location.search).get(this.t.name), s = document.querySelectorAll(`[t4-name="${this.t.name}"] .tab-panel[t4-id="${e}"]`);
-    e && s.length === 1 ? this.t.activeTab = e : console.warn(`沒有${e}這頁喔！！`);
-  }
-  this.setActiveTab(this.t.activeTab), this.classList.add("t4-initialize"), d(this, _e, Cs).call(this);
-}, pt = new WeakSet(), Je = function() {
-  const { t } = this, e = Array.from(document.querySelectorAll(`[t4-control="${t.name}"][t4-role="tab"]`));
-  return t.type === "normal" && t.tabGroup === "true" && t.tabPanels.length !== e.length && console.warn("按鈕與內容數量不同喔", t.tabPanels.length, e.length), t.tabGroup === "true" ? t.tabPanels.forEach((s, o) => s.setAttribute("t4-id", o)) : t.tabPanels.forEach((s) => {
-    s.getAttribute("t4-id") || console.warn(s, "請幫我設定id！！");
-  }), e;
-}, W = new WeakSet(), Z = function(t) {
-  const { t: e } = this, s = e.tabPanels.filter((a) => a.getAttribute("t4-id") === t);
-  s.length > 1 && console.warn("有兩個相同id設定", s);
-  const o = s[0];
-  return o ? e.tabPanels.indexOf(o) : (console.warn(`找不到t4-id為${t}的頁籤`), 0);
-}, me = new WeakSet(), ys = function() {
-  const t = document.createElement("div");
-  t.classList.add("swiper-container");
-  const e = document.createElement("div");
-  e.classList.add("swiper-wrapper"), this.t.tabPanels.forEach((s) => {
-    e.appendChild(s.cloneNode(!0));
-  }), this.t.tabPanels = [...e.children], t.appendChild(e), this.innerHTML = "", this.appendChild(t), d(this, ge, ws).call(this);
-}, ge = new WeakSet(), ws = function() {
-  const t = this.querySelector(".swiper-container"), e = this.querySelector(".swiper-wrapper"), s = this.t.tabPanels;
-  t.style.overflow = "hidden", e.style.display = "flex";
-  const o = s.length * 100 + "%";
-  e.style.width = o;
-}, fe = new WeakSet(), Ts = function(t) {
-  const { t: e } = this;
-  if (e.recordUrl === "true") {
-    const s = new URLSearchParams(document.location.search);
-    s.set(e.name, t);
-    const o = `${window.location.pathname}?${s.toString()}`;
-    history.replaceState({ t4Id: t }, "", o);
-  }
-}, ve = new WeakSet(), Es = function() {
-  const t = parseInt(this.t.gap, 10), e = window.pageYOffset, o = this.getBoundingClientRect().top + e - t;
-  d(this, be, As).call(this, o);
-}, be = new WeakSet(), As = function(t) {
-  window.scrollTo({
-    top: t,
-    behavior: "smooth"
-  });
-}, ye = new WeakSet(), Ss = function(t) {
-  let e = parseInt(t, 10) + 1;
-  this.t.step.textContent = `${e}`, this.t.step.setAttribute("now-page", e);
-}, we = new WeakSet(), Ls = function(t) {
-  const e = document.querySelectorAll(`[t4-role="next"][t4-control="${this.t.name}"]`), s = this.t.tabPanels.length === 1, o = t === this.t.tabPanels.length - 1;
-  e.forEach((a) => {
-    s || o ? a.setAttribute("disabled", "") : a.removeAttribute("disabled");
-  });
-}, Te = new WeakSet(), _s = function(t) {
-  const e = document.querySelectorAll(`[t4-role="prev"][t4-control="${this.t.name}"]`), s = this.t.tabPanels.length === 1, o = t === 0;
-  e.forEach((a) => {
-    s || o ? a.setAttribute("disabled", "") : a.removeAttribute("disabled");
-  });
-}, Ee = new WeakSet(), Ds = function(t, e) {
-  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);
-  });
-}, N = new WeakSet(), R = function(t, e, s) {
-  switch (t) {
-    case "step":
-      Ie(this.t.step) && d(this, ye, Ss).call(this, e);
-      break;
-    case "eventAnchor":
-      this.t.anchor && d(this, ve, Es).call(this);
-      break;
-    case "tabState":
-      this.t.type == "normal" && d(this, Ee, Ds).call(this, e, s);
-      break;
-    case "btnState":
-      d(this, we, Ls).call(this, e), d(this, Te, _s).call(this, e);
-      break;
-    case "tabUrl":
-      this.t.recordUrl === "true" && d(this, fe, Ts).call(this, e);
-      break;
-    default:
-      console.warn("請增加判斷，謝謝");
-      break;
-  }
-}, Ae = new WeakSet(), xs = function(t) {
-  const { t: e } = this;
-  this.t.transition;
-  const s = e.tabPanels[t];
-  switch (s.classList.remove("show"), s.classList.add("hide"), e.display) {
-    case "fade":
-      s.style.cssText = "display: none; opacity: 0;";
-      break;
-    case "slide":
-      s.style.cssText = "display: none; opacity: 0; max-height: unset;";
-      break;
-    case "swiper":
-      break;
-    default:
-      s.style.display = "none";
-      break;
-  }
-}, Se = new WeakSet(), ks = 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) {
-    case "fade":
-      a.style.opacity = "0", r = setTimeout(() => {
-        clearTimeout(r), a.style.opacity = "1";
-      }, 100);
-      break;
-    case "slide":
-      console.warn(this.t.display, "抱歉，好像壞掉了...");
-      const l = a.offsetHeight;
-      a.style.opacity = "1", a.style.maxHeight = "0", r = setTimeout(() => {
-        clearTimeout(r), a.style.maxHeight = l + "px";
-      }, 100);
-      break;
-    case "swiper":
-      a.style.opacity = "1";
-      const c = this.querySelector(".swiper-wrapper"), u = this.t.tabPanels[0].offsetWidth, h = -t * u;
-      c.style.transition = `transform ${e}ms ${s} ${o}ms`, c.style.transform = `translateX(${h}px)`;
-      break;
-    default:
-      console.warn(this.t.display, "沒有這個效果請自己想辦法!!!!");
-      break;
-  }
-}, Le = new WeakSet(), $s = function(t) {
-  const e = d(this, W, Z).call(this, t);
-  d(this, N, R).call(this, "step", e), d(this, N, R).call(this, "btnState", e), d(this, N, R).call(this, "tabState", e, t), d(this, N, R).call(this, "tabUrl", t), this.emit("change");
-}, _e = new WeakSet(), Cs = function() {
-  const t = this;
-  window.addEventListener(
-    "resize",
-    bn(() => {
-      t.update();
-    }, 1e3)
-  );
-};
-function bn(n, i = 1e3) {
-  let t;
-  return function(e) {
-    t && clearTimeout(t), t = setTimeout(n, i, e);
+function ae(s, t = 1e3) {
+  let e;
+  return function(i) {
+    e && clearTimeout(e), e = setTimeout(s, t, i);
   };
 }
-function Hs() {
-  const n = document.querySelectorAll("[t4-control]");
-  document.addEventListener("click", function(i) {
-    let t = !1;
-    for (const e of n)
-      if (e.contains(i.target) || i.target.closest("[t4-control]") === e) {
-        t = !0;
+function kt() {
+  const s = document.querySelectorAll("[t4-control]");
+  document.addEventListener("click", function(t) {
+    let e = !1;
+    for (const i of s)
+      if (i.contains(t.target) || t.target.closest("[t4-control]") === i) {
+        e = !0;
         break;
       }
-    if (t) {
-      const e = i.target.closest("[t4-control]"), s = e.getAttribute("t4-control"), o = document.querySelectorAll(`tab-el[t4-name="${s}"]`), a = e.getAttribute("t4-role");
+    if (e) {
+      const i = t.target.closest("[t4-control]"), n = i.getAttribute("t4-control"), o = document.querySelectorAll(`tab-el[t4-name="${n}"]`), a = i.getAttribute("t4-role");
       o.forEach((r) => {
         switch (a) {
           case "tab":
-            r.tabClick(e);
+            r.tabClick(i);
             break;
           case "next":
-            r.goNext(e);
+            r.goNext(i);
             break;
           case "prev":
-            r.goPrev(e);
+            r.goPrev(i);
             break;
           default:
-            console.warn("你是誰？？", e);
+            console.warn("你是誰？？", i);
             break;
         }
       });
     }
   });
 }
-Hs();
-Object.assign(fs.prototype, z);
-customElements.define("tab-el", fs);
-const ui = (n) => {
-  const { defaultOptions: i } = n.collapse, { collapseClass: t, target: e, transition: s } = i, o = n.querySelector(e);
-  n.classList.add(t), o.style.height = 0, o.style["transition-property"] = s.property, o.style["transition-duration"] = s.duration, o.style["transition-timing-function"] = s.function, o.style["transition-delay"] = s.delay, o.style.overflow = "hidden";
-}, yn = (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";
+kt();
+Object.assign($t.prototype, N);
+customElements.define("tab-el", $t);
+const ut = (s) => {
+  const { defaultOptions: t } = s.collapse, { collapseClass: e, target: i, transition: n } = t, o = s.querySelector(i);
+  s.classList.add(e), o.style.height = 0, o.style["transition-property"] = n.property, o.style["transition-duration"] = n.duration, o.style["transition-timing-function"] = n.function, o.style["transition-delay"] = n.delay, o.style.overflow = "hidden";
+}, re = (s) => {
+  const { defaultOptions: t } = s.collapse, { collapseClass: e, target: i, transition: n } = t, o = s.querySelector(i), a = o.children[0].offsetHeight;
+  s.collapse.height = a, s.classList.remove(e), o.style.display = "block", o.style.height = `${a}px`, o.style["transition-property"] = n.property, o.style["transition-duration"] = n.duration, o.style["transition-timing-function"] = n.function, o.style["transition-delay"] = n.delay, o.style.overflow = "hidden";
 };
-var ht, Ze, De, Is, xe, Ms, mt, Qe;
-class wn {
-  constructor(i, t = {}) {
-    p(this, ht);
-    p(this, De);
-    p(this, xe);
-    p(this, mt);
-    !ft(i) && !Ie(i) && !vt(i) && !A(i) || (this.__storage__ = {
-      el: i,
-      options: t
-    }, this.active = "data-collapse-active", d(this, ht, Ze).call(this));
+class le {
+  constructor(t, e = {}) {
+    !R(t) && !Q(t) && !X(t) && !T(t) || (this.__storage__ = {
+      el: t,
+      options: e
+    }, this.active = "data-collapse-active", this.#t());
+  }
+  #t() {
+    const { el: t, options: e } = this.__storage__, { SETTINGS: i, EVENTS: n } = ft;
+    if (this.elements = e.state == "not active" ? S(t + `:not([${this.active}])`) : S(t), this.options = Object.assign({}, i, e), this.__events__ = Object.assign({}, n), this.options.on)
+      for (const [o, a] of Object.entries(this.options.on))
+        this.__events__[o] = [a];
+    this.#s();
+  }
+  #s() {
+    const { elements: t, options: e } = this;
+    t.forEach((i) => {
+      i.collapse = {}, i.collapse.instance = this, i.collapse.defaultOptions = e, i.collapse.methods = {}, i.collapse.methods.update = this.update, i.setAttribute(this.active, ""), this.#e(i);
+    }), this.emit("init");
+  }
+  #e(t) {
+    const { options: e } = this, { collapseClass: i, block: n, target: o, defaultOpen: a, targetStopPropagation: r, defaultActiveMark: l } = e, c = t, d = c.querySelector(o);
+    if (c.collapse.height = d.children[0].offsetHeight, a ? (d.style.height = `${d.children[0].offsetHeight}px`, c.classList.remove(i)) : !c.classList.contains(l) && !c.hasAttribute(l) ? (c.classList.add(i), d.style.height = "0px", d.style.overflow = "hidden") : (d.style.height = `${d.children[0].offsetHeight}px`, c.classList.remove(i)), c.removeEventListener("click", this.#i), c.addEventListener("click", this.#i), r) {
+      const u = (h) => {
+        h.stopPropagation();
+      };
+      d.removeEventListener("click", u), d.addEventListener("click", u);
+    }
+  }
+  #i() {
+    const { instance: t, defaultOptions: e } = this.collapse, { collapseClass: i, block: n, target: o, single: a } = e, r = this;
+    r.classList.contains(i) ? (a && r.parentNode.querySelectorAll(`.${r.classList[0]}`).forEach((l) => {
+      ut(l);
+    }), re(r)) : ut(r), t.emit("afterCollapse");
   }
   update() {
-    d(this, ht, Ze).call(this);
+    this.#t();
   }
 }
-ht = new WeakSet(), Ze = function() {
-  const { el: i, options: t } = this.__storage__, { SETTINGS: e, EVENTS: s } = fi;
-  if (this.elements = t.state == "not active" ? D(i + `:not([${this.active}])`) : D(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
-    for (const [o, a] of Object.entries(this.options.on))
-      this.__events__[o] = [a];
-  d(this, De, Is).call(this);
-}, De = new WeakSet(), Is = function() {
-  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, xe, Ms).call(this, e);
-  }), this.emit("init");
-}, xe = new WeakSet(), Ms = function(i) {
-  const { options: t } = this, { collapseClass: e, block: s, target: o, defaultOpen: a, targetStopPropagation: r, defaultActiveMark: l } = t, c = i, u = c.querySelector(o);
-  if (c.collapse.height = u.children[0].offsetHeight, a ? (u.style.height = `${u.children[0].offsetHeight}px`, c.classList.remove(e)) : !c.classList.contains(l) && !c.hasAttribute(l) ? (c.classList.add(e), u.style.height = "0px", u.style.overflow = "hidden") : (u.style.height = `${u.children[0].offsetHeight}px`, c.classList.remove(e)), c.removeEventListener("click", d(this, mt, Qe)), c.addEventListener("click", d(this, mt, Qe)), r) {
-    const h = (g) => {
-      g.stopPropagation();
-    };
-    u.removeEventListener("click", h), u.addEventListener("click", h);
-  }
-}, mt = new WeakSet(), Qe = 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) => {
-    ui(l);
-  }), yn(r)) : ui(r), i.emit("afterCollapse");
-};
-Object.assign(wn.prototype, z);
-function Tn(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;
-  a.style.cssText = `background: ${e};left: ${r}px;top: ${l}px;opacity: ${s};animation-duration: ${o}ms`, a.classList.add("circle"), t.appendChild(a), setTimeout(function() {
+Object.assign(le.prototype, N);
+function ce(s, t) {
+  const e = t, { color: i, opacity: n, duration: o } = t.s.options;
+  let a = document.createElement("span"), r = s.clientX - e.getBoundingClientRect().left, l = s.clientY - e.getBoundingClientRect().top;
+  a.style.cssText = `background: ${i};left: ${r}px;top: ${l}px;opacity: ${n};animation-duration: ${o}ms`, a.classList.add("circle"), e.appendChild(a), setTimeout(function() {
     a.remove();
   }, `${o}`);
 }
-function qs() {
-  document.querySelectorAll("ripple-btn").forEach((n) => {
-    n.querySelector(".hover-ball"), n.style.setProperty("--r", ""), n.classList.remove("entered");
+function xt() {
+  document.querySelectorAll("ripple-btn").forEach((s) => {
+    s.querySelector(".hover-ball"), s.style.setProperty("--r", ""), s.classList.remove("entered");
   });
 }
-document.addEventListener("click", qs);
-var gt, Ke, ke, Os, $e, Ps, Ce, Ns;
-class En extends HTMLElement {
+document.addEventListener("click", xt);
+class de extends HTMLElement {
   constructor() {
-    super();
-    p(this, gt);
-    p(this, ke);
-    p(this, $e);
-    p(this, Ce);
-    this.initialize = !1;
+    super(), this.initialize = !1;
   }
   connectedCallback() {
     const t = this;
-    t.initialize || t.classList.contains("r4-initialize") || (t.initialize = !0, d(this, gt, Ke).call(this));
+    t.initialize || t.classList.contains("r4-initialize") || (t.initialize = !0, this.#t());
+  }
+  #t() {
+    const { SETTINGS: t } = vt;
+    this.s = {};
+    function e(n) {
+      let o = !!n;
+      return o = n === "true", o;
+    }
+    const i = {
+      color: this.getAttribute("r4-color") || t.color,
+      opacity: this.getAttribute("r4-opacity") || t.opacity,
+      duration: Number(this.getAttribute("r4-duration")) || t.duration,
+      speed: Number(this.getAttribute("r4-speed")) || t.speed,
+      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 = i, this.s.options.hover && this.classList.add("hover-btn"), this.#s();
+  }
+  #s() {
+    this.#e(), this.#i(), this.classList.add("r4-initialize");
+  }
+  #e() {
+    const t = this, e = document.createElement("i");
+    e.classList.add("hover-ball"), e.style.transitionDuration = `${t.s.options.speed}ms`, t.appendChild(e);
+  }
+  #i() {
+    const t = this.querySelector("i.hover-ball"), e = this;
+    e.addEventListener("click", function(o) {
+      o.stopPropagation(), e.s.options.click && ce(o, e);
+    });
+    let i = "ontouchstart" in document.documentElement ? "touchstart" : "mouseenter", n = "ontouchend" in document.documentElement ? "touchend" : "mouseleave";
+    e.addEventListener(i, function(o) {
+      if (i === "touchstart" && xt(), e.s.options.hover) {
+        const a = Math.round(i === "mouseenter" ? o.clientX - e.getBoundingClientRect().left : o.changedTouches[0].clientX - e.getBoundingClientRect().x), r = Math.round(i === "mouseenter" ? o.clientY - e.getBoundingClientRect().top : o.changedTouches[0].clientY - e.getBoundingClientRect().y), { offsetWidth: l, offsetHeight: c } = e, d = Math.max(l, c);
+        t.style.width = d * 2 + "px", t.style.height = d * 2 + "px", t.style.left = a + "px", t.style.top = r + "px", e.classList.add("entered");
+      }
+    }), e.addEventListener(n, function(o) {
+      if (n !== "touchend" && e.s.options.hover) {
+        const a = Math.round(n === "mouseleave" ? o.clientX - e.getBoundingClientRect().left : o.changedTouches[0].clientX - e.getBoundingClientRect().x), r = Math.round(n === "mouseleave" ? o.clientY - e.getBoundingClientRect().top : o.changedTouches[0].clientY - e.getBoundingClientRect().y);
+        t.style.width = "1px", t.style.height = "1px", e.style.setProperty("--r", ""), t.style.left = a + "px", t.style.top = r + "px", e.classList.remove("entered");
+      }
+    });
   }
   update() {
-    this.classList.remove("r4-initialize"), this.querySelector("i.hover-ball").remove(), d(this, gt, Ke).call(this);
+    this.classList.remove("r4-initialize"), this.querySelector("i.hover-ball").remove(), this.#t();
   }
 }
-gt = new WeakSet(), Ke = function() {
-  const { SETTINGS: t } = vi;
-  this.s = {};
-  function e(o) {
-    let a = !!o;
-    return a = o === "true", a;
-  }
-  const s = {
-    color: this.getAttribute("r4-color") || t.color,
-    opacity: this.getAttribute("r4-opacity") || t.opacity,
-    duration: Number(this.getAttribute("r4-duration")) || t.duration,
-    speed: Number(this.getAttribute("r4-speed")) || t.speed,
-    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, ke, Os).call(this);
-}, ke = new WeakSet(), Os = function() {
-  d(this, $e, Ps).call(this), d(this, Ce, Ns).call(this), this.classList.add("r4-initialize");
-}, $e = new WeakSet(), Ps = function() {
-  const t = this, e = document.createElement("i");
-  e.classList.add("hover-ball"), e.style.transitionDuration = `${t.s.options.speed}ms`, t.appendChild(e);
-}, Ce = new WeakSet(), Ns = function() {
-  const t = this.querySelector("i.hover-ball"), e = this;
-  e.addEventListener("click", function(a) {
-    a.stopPropagation(), e.s.options.click && Tn(a, e);
-  });
-  let s = "ontouchstart" in document.documentElement ? "touchstart" : "mouseenter", o = "ontouchend" in document.documentElement ? "touchend" : "mouseleave";
-  e.addEventListener(s, function(a) {
-    if (s === "touchstart" && qs(), e.s.options.hover) {
-      const r = Math.round(s === "mouseenter" ? a.clientX - e.getBoundingClientRect().left : a.changedTouches[0].clientX - e.getBoundingClientRect().x), l = Math.round(s === "mouseenter" ? a.clientY - e.getBoundingClientRect().top : a.changedTouches[0].clientY - e.getBoundingClientRect().y), { offsetWidth: c, offsetHeight: u } = e, h = Math.max(c, u);
-      t.style.width = h * 2 + "px", t.style.height = h * 2 + "px", t.style.left = r + "px", t.style.top = l + "px", e.classList.add("entered");
-    }
-  }), e.addEventListener(o, function(a) {
-    if (o !== "touchend" && e.s.options.hover) {
-      const r = Math.round(o === "mouseleave" ? a.clientX - e.getBoundingClientRect().left : a.changedTouches[0].clientX - e.getBoundingClientRect().x), l = Math.round(o === "mouseleave" ? a.clientY - e.getBoundingClientRect().top : a.changedTouches[0].clientY - e.getBoundingClientRect().y);
-      t.style.width = "1px", t.style.height = "1px", e.style.setProperty("--r", ""), t.style.left = r + "px", t.style.top = l + "px", e.classList.remove("entered");
-    }
-  });
-};
-customElements.define("ripple-btn", En);
-class An {
+customElements.define("ripple-btn", de);
+class ue {
   constructor() {
     this.init();
   }
   init() {
-    const i = document.querySelectorAll("*:not([video-id]) > img"), t = (o, a) => {
-      const r = document.createElement("div"), l = document.createElement("span"), c = document.createElement("span"), u = Math.sqrt(o ** 2 + a ** 2), h = Math.asin(a / u) * 180 / Math.PI;
+    const t = document.querySelectorAll("*:not([video-id]) > img"), e = (o, a) => {
+      const r = document.createElement("div"), l = document.createElement("span"), c = document.createElement("span"), d = Math.sqrt(o ** 2 + a ** 2), u = Math.asin(a / d) * 180 / Math.PI;
       return r.className = "no-image", l.className = "slash1", l.style.cssText = `
-          width: ${u}px;
-          transform: rotate(${h}deg);
+          width: ${d}px;
+          transform: rotate(${u}deg);
         `, c.className = "slash2", c.style.cssText = `
-          width: ${u}px;
-          transform: rotate(${-h}deg);
+          width: ${d}px;
+          transform: rotate(${-u}deg);
         `, r.appendChild(l), r.appendChild(c), r;
-    }, e = document.querySelectorAll(".error-image");
-    for (let o = 0; o < e.length; o++)
-      e[o].remove();
-    i.forEach((o) => {
+    }, i = document.querySelectorAll(".error-image");
+    for (let o = 0; o < i.length; o++)
+      i[o].remove();
+    t.forEach((o) => {
       let a;
       const r = o.parentElement.clientWidth, l = o.parentElement.clientHeight;
       if (o.classList.contains("lazy") || o.classList.contains("swiper-lazy") ? a = o.getAttribute("data-src") : a = o.getAttribute("src"), a === "") {
-        const c = document.createElement("div"), u = getComputedStyle(o.parentElement).position;
-        c.className = "error-image", u === "static" && (o.parentElement.style.position = "relative"), o.parentElement.appendChild(c), c.style.cssText = `
+        const c = document.createElement("div"), d = getComputedStyle(o.parentElement).position;
+        c.className = "error-image", d === "static" && (o.parentElement.style.position = "relative"), o.parentElement.appendChild(c), c.style.cssText = `
           position: absolute;
           top: 50%;
           left: 50%;
@@ -3563,118 +3462,117 @@ class An {
           height: 100%;
           transform: translate(-50%,-50%);
           z-index: 1;
-        `, c.appendChild(t(r, l));
+        `, c.appendChild(e(r, l));
       }
     });
-    function s() {
+    function n() {
       const o = document.querySelectorAll(".no-image");
       o.length <= 0 || o.forEach((a) => {
-        const r = a.parentElement.clientWidth, l = a.parentElement.clientHeight, c = Math.sqrt(r ** 2 + l ** 2), u = Math.asin(l / c) * 180 / Math.PI;
+        const r = a.parentElement.clientWidth, l = a.parentElement.clientHeight, c = Math.sqrt(r ** 2 + l ** 2), d = Math.asin(l / c) * 180 / Math.PI;
         a.querySelector(".slash1").style.cssText = `
           width: ${c}px;
-          transform: rotate(${u}deg);
+          transform: rotate(${d}deg);
         `, a.querySelector(".slash2").style.cssText = `
           width: ${c}px;
-          transform: rotate(${-u}deg);
+          transform: rotate(${-d}deg);
         `;
       });
     }
-    window.addEventListener("resize", s);
+    window.addEventListener("resize", n);
   }
   reValidate() {
     this.init();
   }
 }
-function pi(n, i) {
-  return n ? function(t, e) {
-    Function(n)(t, e);
-  } : i;
+function pt(s, t) {
+  return s ? function(e, i) {
+    Function(s)(e, i);
+  } : t;
 }
-function Sn(n, i, t, e) {
-  const s = i.params, o = n.closest("[data-upload-item]").querySelector("[data-preview]");
-  o.querySelector("img") && o.querySelector("img").remove(), o.appendChild(e.imgElement);
-  const a = n.dataset.group, r = document.querySelector(i.el).dataset.index;
-  if (s.compress) {
-    const l = t.name.substring(t.name.lastIndexOf(".")).replace("."), c = t.name.replace(`.${l}`, "");
-    e.originalCanvas.toBlob(
-      function(u) {
-        const h = new File([u], `${c}`, { type: t.type });
+function pe(s, t, e, i) {
+  const n = t.params, o = s.closest("[data-upload-item]").querySelector("[data-preview]");
+  o.querySelector("img") && o.querySelector("img").remove(), o.appendChild(i.imgElement);
+  const a = s.dataset.group, r = document.querySelector(t.el).dataset.index;
+  if (n.compress) {
+    const l = e.name.substring(e.name.lastIndexOf(".")).replace("."), c = e.name.replace(`.${l}`, "");
+    i.originalCanvas.toBlob(
+      function(d) {
+        const u = new File([d], `${c}`, { type: e.type });
         uploadImage[`${a}`][r] = {
-          file: h,
-          info: e
-        }, s.on.changeAfter && typeof s.on.changeAfter == "function" && s.on.changeAfter(n, e);
+          file: u,
+          info: i
+        }, n.on.changeAfter && typeof n.on.changeAfter == "function" && n.on.changeAfter(s, i);
       },
-      t.type,
-      s.compress
+      e.type,
+      n.compress
     );
   } else
     uploadImage[`${a}`][r] = {
-      file: t,
-      info: e
-    }, s.on.changeAfter && typeof s.on.changeAfter == "function" && s.on.changeAfter(n, e);
+      file: e,
+      info: i
+    }, n.on.changeAfter && typeof n.on.changeAfter == "function" && n.on.changeAfter(s, i);
 }
-function Ln(n, i, t, e) {
-  const s = document.createElement("canvas"), o = s.getContext("2d"), a = i.width, l = i.height / a * 100, c = e / t * 100;
-  let u = 0, h = 0;
-  switch (s.width = t, s.height = e, n.previewSize) {
+function he(s, t, e, i) {
+  const n = document.createElement("canvas"), o = n.getContext("2d"), a = t.width, l = t.height / a * 100, c = i / e * 100;
+  let d = 0, u = 0;
+  switch (n.width = e, n.height = i, s.previewSize) {
     case "contain":
-      l < c ? (u = s.width, h = t * l / 100) : l > c ? (u = e / l * 100, h = s.height) : (u = s.width, h = s.height);
+      l < c ? (d = n.width, u = e * l / 100) : l > c ? (d = i / l * 100, u = n.height) : (d = n.width, u = n.height);
       break;
     case "cover":
-      l < c ? (u = e / l * 100, h = s.height) : l > c ? (u = s.width, h = t * l / 100) : l === c && (u = s.width, h = s.height);
+      l < c ? (d = i / l * 100, u = n.height) : l > c ? (d = n.width, u = e * l / 100) : l === c && (d = n.width, u = n.height);
       break;
   }
-  const g = (s.width - u) * 0.5, m = (s.height - h) * 0.5;
-  return o.drawImage(i, g, m, u, h), s;
+  const h = (n.width - d) * 0.5, p = (n.height - u) * 0.5;
+  return o.drawImage(t, h, p, d, u), n;
 }
-function _n(n, i) {
-  return new Promise((t, e) => {
-    if (i) {
-      const s = new Image();
-      s.src = i, s.classList.add(n.previewSize), s.onload = () => {
+function me(s, t) {
+  return new Promise((e, i) => {
+    if (t) {
+      const n = new Image();
+      n.src = t, n.classList.add(s.previewSize), n.onload = () => {
         let o = {
-          imgElement: s,
-          originalCanvas: Ln(n, s, s.width, s.height),
+          imgElement: n,
+          originalCanvas: he(s, n, n.width, n.height),
           info: {
-            originalWidth: s.width,
-            originalHeight: s.height,
-            ratio: s.height / s.width * 100 + "%"
+            originalWidth: n.width,
+            originalHeight: n.height,
+            ratio: n.height / n.width * 100 + "%"
           }
         };
-        t(o);
+        e(o);
       };
     } else
-      t();
+      e();
   });
 }
-function Dn(n, i) {
-  const t = Math.pow(10, i);
-  return Math.round(n * t) / t;
+function ge(s, t) {
+  const e = Math.pow(10, t);
+  return Math.round(s * e) / e;
 }
-function xn(n, i) {
-  let t = n.size / 1024 / 1024;
-  return `${Dn(t, 2)}` <= i;
+function fe(s, t) {
+  let e = s.size / 1024 / 1024;
+  return `${ge(e, 2)}` <= t;
 }
-function kn(n, i, t) {
-  if (n.target.files.length <= 0)
-    return;
-  const e = n.target.files[0], s = i.closest("[data-upload-item]");
+function ve(s, t, e) {
+  if (s.target.files.length <= 0) return;
+  const i = s.target.files[0], n = t.closest("[data-upload-item]");
   let o = new FileReader();
   o.onload = (a) => {
-    const r = e.type.split("/")[0] === "image" ? a.target.result : null;
-    if (t.params.sizeLimit && !xn(e, t.params.sizeLimit)) {
-      i.value = "", s.classList.add("over-limit"), t.params.on.overLimit && typeof t.params.on.overLimit == "function" && t.params.on.overLimit(i, t.params.sizeLimit);
+    const r = i.type.split("/")[0] === "image" ? a.target.result : null;
+    if (e.params.sizeLimit && !fe(i, e.params.sizeLimit)) {
+      t.value = "", n.classList.add("over-limit"), e.params.on.overLimit && typeof e.params.on.overLimit == "function" && e.params.on.overLimit(t, e.params.sizeLimit);
       return;
     } else
-      s.classList.remove("over-limit"), s.classList.add("uploaded"), _n(t.params, r).then((l) => {
-        Sn(i, t, e, l);
+      n.classList.remove("over-limit"), n.classList.add("uploaded"), me(e.params, r).then((l) => {
+        pe(t, e, i, l);
       });
-  }, o.readAsDataURL(e);
+  }, o.readAsDataURL(i);
 }
-class $n {
-  constructor(i, t) {
-    const e = this;
-    e.el = i, e.params = {
+class be {
+  constructor(t, e) {
+    const i = this;
+    i.el = t, i.params = {
       on: {
         changeAfter: null,
         overLimit: null
@@ -3687,79 +3585,79 @@ class $n {
       //縮圖形式 (type: String 'contain' || 'cover')
       compress: 0.8
       //壓縮品質 (type: Number 0~1 || false)
-    }, Object.assign(e.params, t), e.init();
+    }, Object.assign(i.params, e), i.init();
   }
   init() {
-    const i = this, t = document.querySelectorAll(`${i.el}:not(.preview-active)`);
-    t.length <= 0 || (window.uploadImage = {}, t.forEach((e, s) => {
-      e.classList.add("preview-active");
+    const t = this, e = document.querySelectorAll(`${t.el}:not(.preview-active)`);
+    e.length <= 0 || (window.uploadImage = {}, e.forEach((i, n) => {
+      i.classList.add("preview-active");
       const o = {
-        group: e.dataset.group || i.params.group,
-        sizeLimit: parseInt(e.dataset.limit) || i.params.sizeLimit,
-        previewSize: e.dataset.previewSize || i.params.previewSize,
-        compress: e.dataset.compress || i.params.compress,
+        group: i.dataset.group || t.params.group,
+        sizeLimit: parseInt(i.dataset.limit) || t.params.sizeLimit,
+        previewSize: i.dataset.previewSize || t.params.previewSize,
+        compress: i.dataset.compress || t.params.compress,
         on: {
-          changeAfter: pi(e.dataset.changeAfter, i.params.on.changeAfter),
-          overLimit: pi(e.dataset.overLimit, i.params.on.overLimit)
+          changeAfter: pt(i.dataset.changeAfter, t.params.on.changeAfter),
+          overLimit: pt(i.dataset.overLimit, t.params.on.overLimit)
         }
       };
-      i.params = o, typeof uploadImage[`${o.group}`] > "u" && (uploadImage[`${o.group}`] = []), e.dataset.group || (e.dataset.group = o.group), e.dataset.index = document.querySelectorAll(`[data-group="${o.group}"]`).length - 1, e.addEventListener("change", function(a) {
-        kn(a, e, i);
+      t.params = o, typeof uploadImage[`${o.group}`] > "u" && (uploadImage[`${o.group}`] = []), i.dataset.group || (i.dataset.group = o.group), i.dataset.index = document.querySelectorAll(`[data-group="${o.group}"]`).length - 1, i.addEventListener("change", function(a) {
+        ve(a, i, t);
       });
     }));
   }
 }
 export {
-  bi as A,
-  Un as B,
-  wn as C,
-  Zi as D,
-  Yn as E,
-  Fn as F,
-  Jn as G,
-  Zn as H,
-  An as I,
-  Qn as J,
-  Kn as K,
-  Vn as L,
-  V as M,
-  to as N,
-  eo as O,
-  io as P,
-  so as Q,
-  En as R,
-  no as S,
-  fs as T,
-  oo as U,
-  ao as V,
-  ro as W,
-  lo as X,
-  co as Y,
-  A as a,
-  vt as b,
-  Us as c,
-  Xs as d,
-  He as e,
-  S as f,
-  D as g,
-  jn as h,
-  ft as i,
-  Hi as j,
-  mn as k,
-  vn as l,
-  $n as m,
-  nn as n,
-  uo as o,
-  Xi as p,
-  Ui as q,
-  zn as r,
-  Rs as s,
-  Bn as t,
-  Wn as u,
-  Ne as v,
-  sn as w,
-  Gn as x,
-  Rn as y,
-  Xn as z
+  bt as A,
+  T as B,
+  le as C,
+  Dt as D,
+  X as E,
+  R as F,
+  Ue as G,
+  Fe as H,
+  be as I,
+  $e as J,
+  De as K,
+  Ye as L,
+  ie as M,
+  Lt as N,
+  _t as O,
+  It as P,
+  Oe as Q,
+  de as R,
+  Xe as S,
+  $t as T,
+  xe as U,
+  Pe as V,
+  W,
+  Z as X,
+  Be as Y,
+  At as a,
+  ue as b,
+  C as c,
+  oe as d,
+  Xt as e,
+  He as f,
+  qt as g,
+  Ce as h,
+  Me as i,
+  qe as j,
+  _e as k,
+  Ne as l,
+  Mt as m,
+  Ut as n,
+  je as o,
+  Ie as p,
+  ze as q,
+  We as r,
+  S as s,
+  Ge as t,
+  Re as u,
+  Je as v,
+  Ze as w,
+  Qe as x,
+  ke as y,
+  E as z
 };
 //# sourceMappingURL=image-preview-bundle.js.map