@xwadex/fesd 0.0.32 → 0.0.34

package/dist/image-preview-bundle.js

@@ -1,20 +1,20 @@
-var fs = (n, i, t) => {
-  if (!i.has(n))
+var ys = (s, i, t) => {
+  if (!i.has(s))
     throw TypeError("Cannot " + t);
 };
-var h = (n, i, t) => {
-  if (i.has(n))
+var h = (s, i, t) => {
+  if (i.has(s))
     throw TypeError("Cannot add the same private member more than once");
-  i instanceof WeakSet ? i.add(n) : i.set(n, t);
+  i instanceof WeakSet ? i.add(s) : i.set(s, t);
 };
-var d = (n, i, t) => (fs(n, i, "access private method"), t);
-import { OverlayScrollbars as Me } from "overlayscrollbars";
+var d = (s, i, t) => (ys(s, i, "access private method"), t);
+import { OverlayScrollbars as Ie } from "overlayscrollbars";
 import v from "jquery";
 import "./vendor-bundle.js";
 import "validator";
 import "flatpickr";
-import Fe from "vanilla-lazyload";
-import { lock as vs, unlock as bs } from "tua-body-scroll-lock";
+import Je from "vanilla-lazyload";
+import { lock as ws, unlock as Ts } from "tua-body-scroll-lock";
 const Y = {
   SETTINGS: {
     videoId: null,
@@ -51,14 +51,14 @@ const Y = {
   TEMPLATE() {
     return '<div class="player-container"><div class="player-wrapper"></div></div>';
   }
-}, ys = {
+}, Es = {
   SETTINGS: {
     success: null,
     text: null,
     className: null,
     duration: 1500
   }
-}, I = {
+}, q = {
   SETTINGS: {
     target: null,
     route: null,
@@ -80,16 +80,16 @@ const Y = {
     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>
         `;
   }
-}, x = {
+}, $ = {
   SETTINGS: {
     direction: "left",
     // 方向 - top || right || bottom || left
@@ -108,7 +108,7 @@ const Y = {
     gap: 30
     // 跑馬燈內容之間的距離 - Number
   }
-}, qe = {
+}, Ne = {
   SETTINGS: {
     scrollbar: {
       "scrollbar-track-color": "transparent",
@@ -117,7 +117,7 @@ const Y = {
       "scrollbar-radius": "10px"
     }
   },
-  TEMPLATE(n, i, t, e) {
+  TEMPLATE(s, i, t, e) {
     const o = `
     <i class="${e || "dropdown-icon"}"></i>
     `, a = `
@@ -128,7 +128,7 @@ const Y = {
         <div class="select-display"></div>
         ${o}
         <div class="dropdown">
-          ${n ? a : ""}
+          ${s ? a : ""}
           <div class="dropdown-scroller">
             <ul class="dropdown-list"></ul>
           </div>
@@ -136,7 +136,7 @@ const Y = {
       </div>`;
     return t || r;
   }
-}, ws = {
+}, As = {
   SETTINGS: {
     basic_rwd: 900,
     markdownLink: !1,
@@ -144,7 +144,7 @@ const Y = {
     navigation: !1,
     scrollStep: !1
   }
-}, Ye = {
+}, Ze = {
   SETTINGS: {
     scroller: window,
     class: "aost-show",
@@ -167,7 +167,7 @@ const Y = {
     enter: null,
     leave: null
   }
-}, ct = {
+}, dt = {
   SETTINGS: {
     target: null,
     container: null,
@@ -212,22 +212,22 @@ const Y = {
             </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>`;
     }
   }
-}, Ue = {
+}, Qe = {
   SETTINGS: {
     // 樣式 normal / process
     type: "normal",
@@ -247,7 +247,7 @@ const Y = {
     // 步驟狀態綁定
     stepOutput: ".step-show"
   }
-}, Je = {
+}, Ve = {
   SETTINGS: {
     collapseClass: "collapse",
     block: "[collapse-block]",
@@ -280,7 +280,7 @@ const Y = {
     update: null,
     afterUpdate: null
   }
-}, Ze = {
+}, Ke = {
   SETTINGS: {
     // 是否要加 hover 效果?
     hover: !0,
@@ -295,107 +295,170 @@ const Y = {
     // hover 毫秒 ?
     speed: 600
   }
-}, mn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Tn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  anchor4: ct,
-  aost4: Ye,
-  article4: ws,
-  collapse4: Je,
-  dropdown4: qe,
-  marquee4: x,
-  modal4: I,
+  anchor4: dt,
+  aost4: Ze,
+  article4: As,
+  collapse4: Ve,
+  dropdown4: Ne,
+  marquee4: $,
+  modal4: q,
   multipurpose4: H,
-  ripple4: Ze,
-  share4: ys,
-  tab4: Ue,
+  ripple4: Ke,
+  share4: Es,
+  tab4: Qe,
   video4: Y
-}, Symbol.toStringTag, { value: "Module" })), E = {
+}, Symbol.toStringTag, { value: "Module" })), at = () => {
+  const s = navigator.userAgent, i = {
+    // Firefox 1.0+
+    isFirefox: typeof InstallTrigger < "u",
+    // Opera 8.0+
+    isOpera: !!window.opr && !!opr.addons || !!window.opera || s.indexOf(" OPR/") >= 0,
+    // Internet Explorer 6-11
+    isIE: (
+      /*@cc_on!@*/
+      !!document.documentMode
+    ),
+    // Edge 20+
+    isEdge: !document.documentMode && !!window.StyleMedia,
+    // Edge (based on chromium) detection
+    isEdgeChromium: /\sedg\//i.test(s) || /edg([ea]|ios)/i.test(s),
+    // Safari 3.0+ "[object HTMLElementConstructor]"
+    isSafari: !/chrome|crios|crmo/i.test(s) && /safari/i.test(s),
+    // Chrome 1 - 79
+    isChrome: !!window.chrome && (!!window.chrome.webstore || !!window.chrome.runtime) || /chrome|crios|crmo/i.test(s)
+  }, t = {
+    // Android
+    isAndroid: s.indexOf("Android") > -1 || s.indexOf("Adr") > -1,
+    // iOS | ipad
+    isiOS: s.indexOf("Mac") > -1 && "ontouchend" in document
+  }, e = {
+    // window
+    isWindows: s.indexOf("Win") > -1,
+    // macos
+    isMacOS: s.indexOf("Mac") > -1,
+    // UNIX
+    isUNIX: s.indexOf("X11") > -1,
+    // Linux
+    isLinux: s.indexOf("Linux") > -1
+  };
+  return { browser: i, mobile: t, os: e };
+}, Ls = () => {
+  const { browser: s } = at();
+  return Object.keys(s).find((i) => {
+    if (s[i])
+      return s[i];
+  });
+}, Ss = () => {
+  const { mobile: s } = at();
+  return Object.keys(s).some((i) => {
+    if (s[i])
+      return s[i];
+  });
+}, Ds = () => {
+  const { os: s } = at();
+  return Object.keys(s).find((i) => {
+    if (s[i])
+      return s[i];
+  });
+}, xs = () => console.dir(at());
+function mt() {
+  return {
+    init: at,
+    isBrowser4: Ls,
+    isMobile4: Ss,
+    isOs4: Ds,
+    logs: xs
+  };
+}
+const E = {
   before: "beforebegin",
   after: "afterend",
   append: "beforeend",
   prepend: "afterbegin"
-}, at = (n) => typeof n == "string" && n !== "", we = (n) => n instanceof HTMLElement, rt = (n) => n instanceof NodeList, w = (n) => A(n) !== null, j = (n) => typeof n == "function", A = (n) => we(n) ? n : document.querySelector(n), L = (n) => rt(n) ? n : document.querySelectorAll(n), Ts = () => Math.random().toString(36).substr(2, 9), Es = (n) => {
+}, rt = (s) => typeof s == "string" && s !== "", Ee = (s) => s instanceof HTMLElement, lt = (s) => s instanceof NodeList, w = (s) => A(s) !== null, j = (s) => typeof s == "function", A = (s) => Ee(s) ? s : document.querySelector(s), L = (s) => lt(s) ? s : document.querySelectorAll(s), _s = () => Math.random().toString(36).substr(2, 9), ks = (s) => {
   const i = document.createElement("div");
-  return i.innerHTML = n, i.childNodes;
-}, As = (n) => {
+  return i.innerHTML = s, i.childNodes;
+}, $s = (s) => {
   try {
-    JSON.parse(n);
+    JSON.parse(s);
   } catch {
-    return n;
-  }
-  return JSON.parse(n);
-}, T = (n, i) => {
-  console.warn(`[${n} warn]: ${i}`);
-}, je = (n, i) => {
-  console.error(`[${n} error]: ${i}`);
-}, O = {
-  on(n, i) {
+    return s;
+  }
+  return JSON.parse(s);
+}, T = (s, i) => {
+  console.warn(`[${s} warn]: ${i}`);
+}, Be = (s, i) => {
+  console.error(`[${s} error]: ${i}`);
+}, I = {
+  on(s, i) {
     if (!j(i))
       return this;
     const { __events__: t } = this;
-    return n.split(" ").forEach((e) => {
+    return s.split(" ").forEach((e) => {
       t[e] || (t[e] = []), t[e].push(i);
     }), this;
   },
-  off(n, i) {
+  off(s, 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);
+    return s.split(" ").forEach((e) => {
+      typeof i > "u" ? t[e] = [] : t[e] && t[e].forEach((n, o) => {
+        n === i && t[e].splice(o, 1);
       });
     }), this;
   },
-  once(n, i) {
+  once(s, i) {
     if (!j(i))
       return this;
     const t = (...e) => {
-      this.off(n, t), i.apply(this, e);
+      this.off(s, t), i.apply(this, e);
     };
-    return this.on(n, t);
+    return this.on(s, t);
   },
-  emit(...n) {
-    const { __events__: i } = this, t = n[0], e = n.slice(1, n.length);
-    return i[t] ? (i[t].forEach((s) => {
-      j(s) && s.apply(this, e);
+  emit(...s) {
+    const { __events__: i } = this, t = s[0], e = s.slice(1, s.length);
+    return i[t] ? (i[t].forEach((n) => {
+      j(n) && n.apply(this, e);
     }), this) : this;
   }
-}, Ls = {
-  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;
+}, Cs = {
+  easeInOutCirc(s, i, t, e) {
+    return (s /= e / 2) < 1 ? -t / 2 * (Math.sqrt(1 - s * s) - 1) + i : t / 2 * (Math.sqrt(1 - (s -= 2) * s) + 1) + i;
   },
-  easeInQuart(n, i, t, e) {
-    return t * (n /= e) * n * n * n + i;
+  easeInQuart(s, i, t, e) {
+    return t * (s /= e) * s * s * s + i;
   },
-  easeOutQuart(n, i, t, e) {
-    return -t * ((n = n / e - 1) * n * n * n - 1) + i;
+  easeOutQuart(s, i, t, e) {
+    return -t * ((s = s / e - 1) * s * s * s - 1) + i;
   }
-}, Te = (n, i) => {
-  const { target: t, container: e, spacer: s, speed: o, gap: a, easing: r, direction: l } = n, c = l === "horizontal", u = c ? "scrollLeft" : "scrollTop", p = c ? "left" : "top", g = c ? "width" : "height", m = w(e) ? A(e) : document.scrollingElement, f = m[u], b = w(t) ? A(t).getBoundingClientRect()[p] : 0 - f, y = w(s) ? A(s).getBoundingClientRect()[g] : 0, _ = b - a - y, G = 15;
+}, Ae = (s, i) => {
+  const { target: t, container: e, spacer: n, speed: o, gap: a, easing: r, direction: l } = s, c = l === "horizontal", u = c ? "scrollLeft" : "scrollTop", p = c ? "left" : "top", f = c ? "width" : "height", m = w(e) ? A(e) : document.scrollingElement, g = m[u], b = w(t) ? A(t).getBoundingClientRect()[p] : 0 - g, y = w(n) ? A(n).getBoundingClientRect()[f] : 0, x = b - a - y, G = 15;
   let S = 0;
-  if (_ === 0)
+  if (x === 0)
     return;
-  const R = (X) => {
-    const Pe = A(t);
-    i && i.emit(X, Pe), !i && n.on && j(n.on[X]) && n.on[X](Pe);
+  const X = (R) => {
+    const We = A(t);
+    i && i.emit(R, We), !i && s.on && j(s.on[R]) && s.on[R](We);
   };
-  R("beforeScroll");
-  const Ne = () => {
+  X("beforeScroll");
+  const ze = () => {
     S += G;
-    const X = Ls[r](S, f, _, o);
-    m[u] = X, S < o && requestAnimationFrame(Ne), S >= o && R("afterScroll");
+    const R = Cs[r](S, g, x, o);
+    m[u] = R, S < o && requestAnimationFrame(ze), S >= o && X("afterScroll");
   };
-  requestAnimationFrame(Ne);
+  requestAnimationFrame(ze);
 };
-var J, Ee, mt, Ve, gt, Ke;
-class Qe {
+var J, Le, gt, ei, vt, ii;
+class ti {
   constructor(i, t = {}) {
     h(this, J);
-    h(this, mt);
     h(this, gt);
+    h(this, vt);
     this.__storage__ = {
       el: i,
       options: t
-    }, this.active = "data-anchor-active", d(this, J, Ee).call(this);
+    }, this.active = "data-anchor-active", d(this, J, Le).call(this);
   }
   destroy() {
     const { elements: i } = this;
@@ -405,40 +468,40 @@ class Qe {
   }
   update() {
     var i;
-    return d(i = this.destroy(), J, Ee).call(i), this.emit("afterUpdate"), this;
+    return d(i = this.destroy(), J, Le).call(i), this.emit("afterUpdate"), this;
   }
   static run(i) {
-    const { SETTINGS: t } = ct, e = Object.assign({}, t, i);
+    const { SETTINGS: t } = dt, e = Object.assign({}, t, i);
     setTimeout(() => {
-      Te(e);
+      Ae(e);
     }, e.delay);
   }
   static url(i) {
-    const { SETTINGS: t } = ct, { hashName: e } = i, s = window.location.search || window.location.hash, { searchParams: o } = new URL(window.location), a = document.querySelector(`[data-anchor-id="${e ? o.get(e) : s.split("?").pop()}"]`);
+    const { SETTINGS: t } = dt, { hashName: e } = i, n = window.location.search || window.location.hash, { searchParams: o } = new URL(window.location), a = document.querySelector(`[data-anchor-id="${e ? o.get(e) : n.split("?").pop()}"]`);
     if (!a)
       return;
     const r = Object.assign({}, t, i, { target: a });
     setTimeout(() => {
-      Te(r);
+      Ae(r);
     }, r.delay);
   }
 }
-J = new WeakSet(), Ee = function() {
+J = new WeakSet(), Le = function() {
   const { el: i, options: t } = this.__storage__;
-  if (!at(i) || !w(i))
+  if (!rt(i) || !w(i))
     return;
-  const { SETTINGS: e, EVENTS: s } = ct;
-  if (this.elements = t.state == "not active" ? L(i + `:not([${this.active}])`) : L(i), this.elements = L(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
+  const { SETTINGS: e, EVENTS: n } = dt;
+  if (this.elements = t.state == "not active" ? L(i + `:not([${this.active}])`) : L(i), this.elements = L(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, n), this.options.on)
     for (const [o, a] of Object.entries(this.options.on))
       this.__events__[o] = [a];
-  d(this, mt, Ve).call(this);
-}, mt = new WeakSet(), Ve = function() {
+  d(this, gt, ei).call(this);
+}, gt = new WeakSet(), ei = function() {
   const { elements: i, options: t } = this;
   i.forEach((e) => {
-    e.anchor = {}, e.anchor.instance = this, e.anchor.eventHandler = d(this, gt, Ke), e.anchor.defaultOptions = t, e.anchor.methods = {}, e.anchor.methods.destroy = this.destroy, e.anchor.methods.update = this.update, e.addEventListener("click", e.anchor.eventHandler), e.setAttribute(this.active, "");
+    e.anchor = {}, e.anchor.instance = this, e.anchor.eventHandler = d(this, vt, ii), e.anchor.defaultOptions = t, e.anchor.methods = {}, e.anchor.methods.destroy = this.destroy, e.anchor.methods.update = this.update, e.addEventListener("click", e.anchor.eventHandler), e.setAttribute(this.active, "");
   }), this.emit("afterInit");
-}, gt = new WeakSet(), Ke = function() {
-  const { defaultOptions: i, eventHandler: t, instance: e } = this.anchor, s = {
+}, vt = new WeakSet(), ii = function() {
+  const { defaultOptions: i, eventHandler: t, instance: e } = this.anchor, n = {
     target: this.getAttribute("data-anchor-target") || i.target,
     container: this.getAttribute("data-anchor-container") || i.container,
     spacer: this.getAttribute("data-anchor-spacer") || i.spacer,
@@ -450,43 +513,43 @@ J = new WeakSet(), Ee = function() {
   };
   this.removeEventListener("click", t), setTimeout(() => {
     this.addEventListener("click", t);
-  }, s.speed), setTimeout(() => {
-    Te(s, e);
-  }, s.delay);
+  }, n.speed), setTimeout(() => {
+    Ae(n, e);
+  }, n.delay);
 };
-Object.assign(Qe.prototype, O);
+Object.assign(ti.prototype, I);
 window.MODALS || (window.MODALS = {});
-const { MODALS: M } = window, Ss = (n) => {
-  const { TEMPLATE: i } = I, { childDom: t } = n, e = document.createElement("div");
-  e.innerHTML = i(n.getAttribute("data-modal-template-setting"));
-  const s = e.querySelector(".modal-content");
+const { MODALS: M } = window, Hs = (s) => {
+  const { TEMPLATE: i } = q, { childDom: t } = s, e = document.createElement("div");
+  e.innerHTML = i(s.getAttribute("data-modal-template-setting"));
+  const n = e.querySelector(".modal-content");
   return [...t].forEach((o) => {
-    s.append(o);
+    n.append(o);
   }), e.children[0];
 };
-var ft, ei, vt, ii, bt, si, yt, ni, wt, oi;
-class ti extends HTMLElement {
+var bt, ni, yt, oi, wt, ai, Tt, ri, Et, li;
+class si extends HTMLElement {
   constructor() {
     super();
-    h(this, ft);
-    h(this, vt);
     h(this, bt);
     h(this, yt);
     h(this, wt);
+    h(this, Tt);
+    h(this, Et);
     this.initialize = !1;
   }
   static get observedAttributes() {
     return [":state"];
   }
-  attributeChangedCallback(t, e, s) {
+  attributeChangedCallback(t, e, n) {
     switch (t) {
       case ":state":
-        d(this, wt, oi).call(this, s);
+        d(this, Et, li).call(this, n);
         break;
     }
   }
   connectedCallback() {
-    this.initialize || (this.initialize = !0, d(this, ft, ei).call(this));
+    this.initialize || (this.initialize = !0, d(this, bt, ni).call(this));
   }
   open() {
     return this.setAttribute(":state", "open"), this;
@@ -498,27 +561,27 @@ class ti extends HTMLElement {
     return this.setAttribute(":state", "destroy"), this;
   }
 }
-ft = new WeakSet(), ei = function() {
-  const { ATTRS: t } = I;
+bt = new WeakSet(), ni = function() {
+  const { ATTRS: t } = q;
   this.__events__ = {}, this.getAttribute(":state") || this.setAttribute(":state", "close");
-  const e = this.getAttribute(t.id) || Ts();
-  this.getAttribute(t.id) || (T(`modern-modal needs a ${t.id} attribute with a unique id.`), this.setAttribute(t.id, e)), M[e] && T(`the ${t.id} "${e}" is already be used.`), M[e] = this, d(this, vt, ii).call(this);
-}, vt = new WeakSet(), ii = function() {
-  this.childDom = this.childNodes, this.template = Ss(this), this.innerHTML = "", this.append(this.template), d(this, bt, si).call(this);
-}, bt = new WeakSet(), si = function() {
+  const e = this.getAttribute(t.id) || _s();
+  this.getAttribute(t.id) || (T(`modern-modal needs a ${t.id} attribute with a unique id.`), this.setAttribute(t.id, e)), M[e] && T(`the ${t.id} "${e}" is already be used.`), M[e] = this, d(this, yt, oi).call(this);
+}, yt = new WeakSet(), oi = function() {
+  this.childDom = this.childNodes, this.template = Hs(this), this.innerHTML = "", this.append(this.template), d(this, wt, ai).call(this);
+}, wt = new WeakSet(), ai = function() {
   const t = this.querySelector(".modal-scroller");
-  this.__scroller__ = Me(t, {
+  this.__scroller__ = Ie(t, {
     overflowBehavior: {
       x: "hidden"
     },
     autoUpdate: !0
-  }), window.modalScroll = this.__scroller__, d(this, yt, ni).call(this);
-}, yt = new WeakSet(), ni = function() {
+  }), window.modalScroll = this.__scroller__, d(this, Tt, ri).call(this);
+}, Tt = new WeakSet(), ri = function() {
   var a, r, l;
-  const t = this, { ATTRS: e } = I, { close: s, destroy: o } = e;
-  (a = t.querySelectorAll(`[${s}]`)) == null || a.forEach((c) => {
+  const t = this, { ATTRS: e } = q, { close: n, destroy: o } = e;
+  (a = t.querySelectorAll(`[${n}]`)) == null || a.forEach((c) => {
     c.addEventListener("click", function() {
-      const u = this.getAttribute(s);
+      const u = this.getAttribute(n);
       (u && M[u] ? M[u] : t).close();
     });
   }), (r = t.querySelectorAll(`[${o}]`)) == null || r.forEach((c) => {
@@ -529,12 +592,12 @@ ft = new WeakSet(), ei = function() {
   }), (l = t.querySelector("[stop-propagation]")) == null || l.addEventListener("click", function(c) {
     c.stopPropagation();
   });
-}, wt = new WeakSet(), oi = function(t) {
+}, Et = new WeakSet(), li = function(t) {
   const { __scroller__: e } = this;
   if (t === "open") {
     if (this.style.display = "block", e) {
-      const { viewport: s } = e.elements();
-      s.scrollTo({
+      const { viewport: n } = e.elements();
+      n.scrollTo({
         top: 0
       });
     }
@@ -546,36 +609,36 @@ ft = new WeakSet(), ei = function() {
     if (!this.classList.contains("show"))
       return;
     this.classList.remove("show");
-    const s = () => {
-      this.style.removeProperty("display"), this.emit("close"), this.removeEventListener("transitionend", s);
+    const n = () => {
+      this.style.removeProperty("display"), this.emit("close"), this.removeEventListener("transitionend", n);
     };
-    this.addEventListener("transitionend", s);
+    this.addEventListener("transitionend", n);
   }
   if (t === "destroy") {
     this.classList.remove("show");
-    const s = () => {
-      const { ATTRS: o } = I, a = this.getAttribute(o.id);
+    const n = () => {
+      const { ATTRS: o } = q, a = this.getAttribute(o.id);
       this.style.removeProperty("display"), this.emit("close"), this.remove(), this.emit("destroy"), M[a] && delete M[a];
     };
-    this.addEventListener("transitionend", s);
+    this.addEventListener("transitionend", n);
   }
 };
-Object.assign(ti.prototype, O);
-const { MODALS: Ie } = window, ai = (n, i, ...t) => {
+Object.assign(si.prototype, I);
+const { MODALS: Pe } = window, ci = (s, i, ...t) => {
   if (!i)
     return;
-  const e = n[i];
-  e && j(e) && e.apply(n, t);
-}, ri = (n, ...i) => {
-  n && j(n) && n.apply(U, i);
-}, ze = (n, i) => {
-  const { target: t } = n, e = Ie[t] || A(n.target);
-  e && li(n, i), e || Ds(n, i);
-}, li = (n, i) => {
-  const { target: t, action: e, on: s, e: o } = n, a = Ie[t] || A(n.target);
+  const e = s[i];
+  e && j(e) && e.apply(s, t);
+}, di = (s, ...i) => {
+  s && j(s) && s.apply(U, i);
+}, Ge = (s, i) => {
+  const { target: t } = s, e = Pe[t] || A(s.target);
+  e && ui(s, i), e || Ms(s, i);
+}, ui = (s, i) => {
+  const { target: t, action: e, on: n, e: o } = s, a = Pe[t] || A(s.target);
   switch (["open", "close", "destroy"].forEach((l) => {
     a.once(l, () => {
-      i && (i.emit(l, a, o), ai(i, s[l], a, o)), i || ri(s[l], a);
+      i && (i.emit(l, a, o), ci(i, n[l], a, o)), i || di(n[l], a);
     });
   }), e) {
     case "open":
@@ -592,34 +655,34 @@ const { MODALS: Ie } = window, ai = (n, i, ...t) => {
       l === "close" && a.open(), l === "open" && a.close();
       break;
   }
-}, Ds = async (n, i) => {
-  const { target: t, route: e, container: s, on: o, e: a } = n;
+}, Ms = async (s, i) => {
+  const { target: t, route: e, container: n, on: o, e: a } = s;
   if (!e)
     return T("modal4", "cannot find target or data-modal-route is not defined");
   const r = (l, ...c) => {
-    i && (i.emit(l, ...c), ai(i, o[l], ...c)), i || ri(o[l], ...c);
+    i && (i.emit(l, ...c), ci(i, o[l], ...c)), i || di(o[l], ...c);
   };
   fetch(e).then((l) => (r("success", a), l.text())).then((l) => {
-    const c = Es(l), u = A(s) || A(I.SETTINGS.container);
-    [...c].forEach((g) => {
-      u.append(g);
+    const c = ks(l), u = A(n) || A(q.SETTINGS.container);
+    [...c].forEach((f) => {
+      u.append(f);
     });
-    const p = Ie[t] || A(n.target);
-    r("complete", p), li(n, i);
+    const p = Pe[t] || A(s.target);
+    r("complete", p), ui(s, i);
   }).catch((l) => {
     r("error", l);
   });
 };
-var Z, Ae, Tt, ci, Et, di;
+var Z, Se, At, hi, Lt, pi;
 const N = class N {
   constructor(i, t = {}) {
     h(this, Z);
-    h(this, Tt);
-    h(this, Et);
+    h(this, At);
+    h(this, Lt);
     this.__storage__ = {
       el: i,
       options: t
-    }, this.active = "data-modal-active", d(this, Z, Ae).call(this);
+    }, this.active = "data-modal-active", d(this, Z, Se).call(this);
   }
   destroy() {
     const { elements: i } = this;
@@ -629,38 +692,38 @@ const N = class N {
   }
   update() {
     var i;
-    return d(i = this.destroy(), Z, Ae).call(i), this.emit("update"), this;
+    return d(i = this.destroy(), Z, Se).call(i), this.emit("update"), this;
   }
   /** static method 'open' */
   static open(i) {
-    const { SETTINGS: t } = I, e = Object.assign({}, t, { on: {} }, i);
-    ze(e);
+    const { SETTINGS: t } = q, e = Object.assign({}, t, { on: {} }, i);
+    Ge(e);
   }
   /** static method 'defineMethods' */
   static defineMethods(i) {
     N.prototype.__methods__ || (N.prototype.__methods__ = {});
     const t = N.prototype.__methods__;
-    for (const [e, s] of Object.entries(i))
-      j(s) && (t[e] = s);
+    for (const [e, n] of Object.entries(i))
+      j(n) && (t[e] = n);
     Object.assign(N.prototype, N.prototype.__methods__);
   }
 };
-Z = new WeakSet(), Ae = function() {
+Z = new WeakSet(), Se = function() {
   const { el: i, options: t } = this.__storage__;
-  if (!at(i) || !w(i))
+  if (!rt(i) || !w(i))
     return;
-  const { SETTINGS: e, EVENTS: s } = I;
-  if (this.elements = t.state == "not active" ? L(i + `:not([${this.active}])`) : L(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
+  const { SETTINGS: e, EVENTS: n } = q;
+  if (this.elements = t.state == "not active" ? L(i + `:not([${this.active}])`) : L(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, n), this.options.on)
     for (const [o, a] of Object.entries(this.options.on))
       this.__events__[o] = [a];
-  d(this, Tt, ci).call(this);
-}, Tt = new WeakSet(), ci = function() {
+  d(this, At, hi).call(this);
+}, At = new WeakSet(), hi = function() {
   const { elements: i, options: t } = this;
   i.forEach((e) => {
-    e.modal = {}, e.modal.instance = this, e.modal.eventHandler = d(this, Et, di), e.modal.defaultOptions = t, e.modal.methods = {}, e.modal.methods.destroy = this.destroy, e.modal.methods.update = this.update, e.addEventListener("click", e.modal.eventHandler), e.setAttribute(this.active, "");
+    e.modal = {}, e.modal.instance = this, e.modal.eventHandler = d(this, Lt, pi), 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");
-}, Et = new WeakSet(), di = function(i) {
-  const { defaultOptions: t, eventHandler: e, instance: s } = this.modal, o = As(this.getAttribute("data-modal-on"));
+}, Lt = new WeakSet(), pi = function(i) {
+  const { defaultOptions: t, eventHandler: e, instance: n } = this.modal, o = $s(this.getAttribute("data-modal-on"));
   o && typeof o != "object" && T("modal4", "data-modal-on must be a json string.");
   const a = {
     target: this.getAttribute("data-modal-target") || t.target,
@@ -672,42 +735,42 @@ Z = new WeakSet(), Ae = function() {
   };
   this.removeEventListener("click", e), setTimeout(() => {
     this.addEventListener("click", e);
-  }, 200), ze(a, s);
+  }, 200), Ge(a, n);
 };
 let U = N;
-Object.assign(U.prototype, O);
-customElements.define("modern-modal", ti);
-const _s = (n, i) => {
-  const t = n === window ? n.innerHeight : n.getBoundingClientRect().height, e = n === window ? 0 : n.getBoundingClientRect().top;
-  i.forEach((s) => {
-    const { class: o, delay: a, start: r, end: l, repeat: c, instance: u } = s.aost, { top: p, bottom: g } = s.getBoundingClientRect(), m = t * (r / 100), f = t * (l / 100);
-    if (p - e <= m && g - e >= f && s.offsetParent)
+Object.assign(U.prototype, I);
+customElements.define("modern-modal", si);
+const Os = (s, i) => {
+  const t = s === window ? s.innerHeight : s.getBoundingClientRect().height, e = s === window ? 0 : s.getBoundingClientRect().top;
+  i.forEach((n) => {
+    const { class: o, delay: a, start: r, end: l, repeat: c, instance: u } = n.aost, { top: p, bottom: f } = n.getBoundingClientRect(), m = t * (r / 100), g = t * (l / 100);
+    if (p - e <= m && f - e >= g && n.offsetParent)
       setTimeout(() => {
-        s.classList.add(o);
+        n.classList.add(o);
       }, a);
     else {
-      const y = s.classList.contains(o) && c === "down" && p - e >= m || c === "up" && g - e <= f || c === !0;
+      const y = n.classList.contains(o) && c === "down" && p - e >= m || c === "up" && f - e <= g || c === !0;
       setTimeout(() => {
-        y && s.classList.remove(o);
+        y && n.classList.remove(o);
       }, a);
     }
   });
-}, ks = (n, i) => n === "up" || n === "down" ? n : n !== null ? n === "true" ? !0 : n === "false" ? !1 : i.repeat : i.repeat;
-var Q, Le, At, hi;
-class ui {
+}, qs = (s, i) => s === "up" || s === "down" ? s : s !== null ? s === "true" ? !0 : s === "false" ? !1 : i.repeat : i.repeat;
+var Q, De, St, fi;
+class mi {
   constructor(i, t = {}) {
     h(this, Q);
-    h(this, At);
+    h(this, St);
     this.__storage__ = {
       el: i,
       options: t
-    }, this.active = "data-aost-active", d(this, Q, Le).call(this);
+    }, this.active = "data-aost-active", d(this, Q, De).call(this);
   }
   destroy(i) {
     const { elements: t, options: e } = this;
     if (!t)
       return this;
-    const { scroller: s } = e, o = s === window || !w(s) ? window : A(s);
+    const { scroller: n } = e, o = n === window || !w(n) ? window : A(n);
     return o.aost && (o.removeEventListener("scroll", o.aost.eventHandler), delete o.aost), t.forEach((a) => {
       if (!a.aost)
         return;
@@ -717,56 +780,56 @@ class ui {
   }
   update(i) {
     var t;
-    d(t = this.destroy(i), Q, Le).call(t);
+    d(t = this.destroy(i), Q, De).call(t);
   }
 }
-Q = new WeakSet(), Le = function() {
+Q = new WeakSet(), De = function() {
   const { el: i, options: t } = this.__storage__;
-  if (!at(i) || !w(i))
+  if (!rt(i) || !w(i))
     return;
-  const { SETTINGS: e, EVENTS: s } = Ye;
-  if (this.elements = t.state == "not active" ? L(i + `:not([${this.active}])`) : L(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
+  const { SETTINGS: e, EVENTS: n } = Ze;
+  if (this.elements = t.state == "not active" ? L(i + `:not([${this.active}])`) : L(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, n), this.options.on)
     for (const [o, a] of Object.entries(this.options.on))
       this.__events__[o] = [a];
-  d(this, At, hi).call(this);
-}, At = new WeakSet(), hi = function() {
-  const { elements: i, options: t } = this, { scroller: e } = t, s = e === window || !w(e) ? window : A(e);
+  d(this, St, fi).call(this);
+}, St = new WeakSet(), fi = function() {
+  const { elements: i, options: t } = this, { scroller: e } = t, n = e === window || !w(e) ? window : A(e);
   this.eventHandler = () => {
-    _s(s, i);
+    Os(n, 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 = ks(a.getAttribute("data-aost-repeat"), t), a.aost.methods = {}, a.aost.methods.destroy = this.destroy, a.aost.methods.update = this.update, a.aost.instance = this, a.setAttribute(this.active, "");
+    a.aost = {}, a.aost.class = a.getAttribute("data-aost-class") || t.class, a.aost.delay = parseInt(a.getAttribute("data-aost-delay")) || t.delay, a.aost.start = parseInt(a.getAttribute("data-aost-start")) || t.start, a.aost.end = parseInt(a.getAttribute("data-aost-end")) || t.end, a.aost.repeat = qs(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);
+  o(), n.aost = {}, n.aost.eventHandler = o, n.addEventListener("scroll", n.aost.eventHandler, !1);
 };
-Object.assign(ui.prototype, O);
-const $s = (n) => {
-  const { TEMPLATE: i } = Y, { childDom: t } = n, e = document.createElement("div");
+Object.assign(mi.prototype, I);
+const Is = (s) => {
+  const { TEMPLATE: i } = Y, { childDom: t } = s, e = document.createElement("div");
   e.innerHTML = i();
-  const s = e.querySelector(".player-wrapper");
+  const n = e.querySelector(".player-wrapper");
   return [...t].forEach((o) => {
-    s.append(o);
+    n.append(o);
   }), e.children[0];
 };
-var Lt, pi, St, mi, Dt, gi, _t, fi, kt, vi, $t, bi, xt, yi, Ct, wi, Ht, Ti;
-class xs extends HTMLElement {
+var Dt, gi, xt, vi, _t, bi, kt, yi, $t, wi, Ct, Ti, Ht, Ei, Mt, Ai, Ot, Li;
+class Ns extends HTMLElement {
   constructor() {
     super();
-    h(this, Lt);
-    h(this, St);
     h(this, Dt);
-    // youtube iframe
+    h(this, xt);
     h(this, _t);
-    // vimeo iframe
+    // youtube iframe
     h(this, kt);
-    // youku iframe
+    // vimeo iframe
     h(this, $t);
-    h(this, xt);
-    // 2025.02.11 新增 ig 
+    // youku iframe
     h(this, Ct);
-    // 2025.02.11 新增 tiktok 
     h(this, Ht);
-    d(this, Lt, pi).call(this);
+    // 2025.02.11 新增 ig 
+    h(this, Mt);
+    // 2025.02.11 新增 tiktok 
+    h(this, Ot);
+    d(this, Dt, gi).call(this);
   }
   play() {
     const { videoType: t } = this;
@@ -803,77 +866,82 @@ class xs extends HTMLElement {
     }
   }
 }
-Lt = new WeakSet(), pi = function() {
+Dt = new WeakSet(), gi = function() {
   if (!this.getAttribute("video-id")) {
     T("videoPlayer", "video-render needs a ['video-id'] attribute to creat player.");
     return;
   }
-  this.videoId = this.getAttribute("video-id"), this.videoType = this.getAttribute("video-type"), this.autoplay = this.getAttribute("video-autoplay"), this.startTime = this.getAttribute("video-starttime"), d(this, St, mi).call(this);
-}, St = new WeakSet(), mi = function() {
-  this.childDom = this.childNodes, this.template = $s(this), this.innerHTML = "", this.append(this.template), d(this, Dt, gi).call(this);
-}, Dt = new WeakSet(), gi = function() {
+  this.videoId = this.getAttribute("video-id"), this.videoType = this.getAttribute("video-type"), this.autoplay = this.getAttribute("video-autoplay"), this.startTime = this.getAttribute("video-starttime"), d(this, xt, vi).call(this);
+}, xt = new WeakSet(), vi = function() {
+  this.childDom = this.childNodes, this.template = Is(this), this.innerHTML = "", this.append(this.template), d(this, _t, bi).call(this);
+}, _t = new WeakSet(), bi = function() {
   const { videoType: t } = this;
   let e = "";
   switch (t) {
     case "youtubeAPI":
       break;
     case "youtube":
-      e = d(this, _t, fi).call(this);
+      e = d(this, kt, yi).call(this);
       break;
     case "youkuAPI":
       break;
     case "youku":
-      e = d(this, $t, bi).call(this);
+      e = d(this, Ct, Ti).call(this);
       break;
     case "vimeo":
-      e = d(this, kt, vi).call(this);
+      e = d(this, $t, wi).call(this);
       break;
     case "bilibili":
-      e = d(this, xt, yi).call(this);
+      e = d(this, Ht, Ei).call(this);
       break;
     case "instagram":
-      e = d(this, Ct, wi).call(this);
+      e = d(this, Mt, Ai).call(this);
       break;
     case "tiktok":
-      e = d(this, Ht, Ti).call(this);
+      e = d(this, Ot, Li).call(this);
       break;
   }
   this.querySelector(".player-wrapper").insertAdjacentHTML(E.prepend, e);
-}, _t = new WeakSet(), fi = 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>`;
-}, kt = new WeakSet(), vi = function() {
-  const { videoId: t, autoplay: e, hash: s } = this;
-  return `<iframe src="https://player.vimeo.com/video/${t}?h=${s}&${e === "on" ? "autoplay=1" : ""}&loop=1&color=ffffff&title=0&byline=0&portrait=0" frameborder="0" allow="${e === "on" ? "autoplay;" : ""} fullscreen; picture-in-picture" allowfullscreen></iframe><script src="https://player.vimeo.com/api/player.js"><\/script>`;
-}, $t = new WeakSet(), bi = function() {
+}, kt = new WeakSet(), yi = function() {
+  const { videoId: t, autoplay: e, startTime: n } = this;
+  return `<iframe src="https://www.youtube.com/embed/${t}?rel=0&${e === "on" ? "autoplay=1" : ""}&start=${n}&mute=1&loop=1&enablejsapi=1" frameborder="0" allowfullscreen="0" volumn="0" allow="${e === "on" ? "autoplay;" : ""} encrypted-media; gyroscope; picture-in-picture;"></iframe>`;
+}, $t = new WeakSet(), wi = function() {
+  const { videoId: t, autoplay: e, hash: n } = this;
+  return `<iframe src="https://player.vimeo.com/video/${t}?h=${n}&${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>`;
+}, Ct = new WeakSet(), Ti = function() {
   const { videoId: t, autoplay: e } = this;
   return `<iframe src="https://player.youku.com/embed/${t}?rel=0&${e === "on" ? "autoplay=1" : ""}" frameborder=0 "allowfullscreen"></iframe>`;
-}, xt = new WeakSet(), yi = function() {
+}, Ht = new WeakSet(), Ei = 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>`;
-}, Ct = new WeakSet(), wi = function() {
+}, Mt = new WeakSet(), Ai = 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>`;
-}, Ht = new WeakSet(), Ti = function() {
+}, Ot = new WeakSet(), Li = 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>`;
 };
-const gn = (n) => new Promise((i) => {
-  let t = setTimeout(() => (clearTimeout(t), i()), n);
+const En = (s) => new Promise((i) => {
+  let t = setTimeout(() => (clearTimeout(t), i()), s);
 });
-function Ei(n) {
+let xe;
+function Si(s) {
   const i = [];
-  n && n.forEach((t) => {
+  s && s.forEach((t) => {
     t instanceof HTMLElement ? i.push(t) : typeof t == "string" && i.push(...document.querySelectorAll(`${t}`));
-  }), v("html").addClass("scrollLock"), vs(i);
+  }), v("html").addClass("scrollLock"), ws(i), mt().isBrowser4() == "isSafari" && mt().isMobile4() && setTimeout(() => {
+    xe = window.scrollY, document.body.style.position = "fixed", document.body.style.top = `-${xe}px`, document.body.style.width = "100%", document.body.style.height = "auto", document.body.style.overflow = "hidden";
+  }, 0);
 }
-function Ai(n) {
+function Di(s) {
   const i = [];
-  n && n.forEach((t) => {
+  s && s.forEach((t) => {
     t instanceof HTMLElement ? i.push(t) : typeof t == "string" && i.push(...document.querySelectorAll(`${t}`));
-  }), v("html").removeClass("scrollLock"), bs(i);
+  }), v("html").removeClass("scrollLock"), Ts(i), mt().isBrowser4() == "isSafari" && mt().isMobile4() && setTimeout(() => {
+    document.body.style.position = "", document.body.style.top = "", document.body.style.width = "", document.body.style.height = "", document.body.style.overflow = "", window.scrollTo(0, xe);
+  }, 0);
 }
-async function fn(n = 0) {
+async function An(s = 0) {
   if (v(".loading-wrapper").length)
     return;
   v("body").append(`
@@ -886,31 +954,31 @@ async function fn(n = 0) {
       </svg>
     </div>
   </div>
-  `), v(".loading-wrapper").delay(n).fadeIn(300).promise().done(function() {
-    Ei();
+  `), v(".loading-wrapper").delay(s).fadeIn(300).promise().done(function() {
+    Si();
   });
 }
-function vn() {
+function Ln() {
   v(".loading-wrapper").fadeOut(300).promise().done(function() {
-    v(".loading-wrapper").remove(), Ai();
+    v(".loading-wrapper").remove(), Di();
   });
 }
-function bn(n, i) {
-  new on(n, i);
+function Sn(s, i) {
+  new hn(s, i);
 }
-function Cs() {
-  const n = document.querySelector("[data-aost]") && new ui("[data-aost]"), i = document.querySelector("[data-anchor-target]") && new Qe("[data-anchor-target]"), t = new Fe({ callback_loaded: () => {
-  } }), e = new Qs();
-  n == null || n.update(), t.update(), e.reValidate(), i == null || i.update();
+function Ps() {
+  const s = document.querySelector("[data-aost]") && new mi("[data-aost]"), i = document.querySelector("[data-anchor-target]") && new ti("[data-anchor-target]"), t = new Je({ callback_loaded: () => {
+  } }), e = new on();
+  s == null || s.update(), t.update(), e.reValidate(), i == null || i.update();
 }
-function yn(n, i = () => {
+function Dn(s, i = () => {
 }) {
-  v(`[data-tab-content=${n}]`).fadeIn(function() {
+  v(`[data-tab-content=${s}]`).fadeIn(function() {
     typeof i == "function" && i();
-  }).siblings("[data-tab-content]").hide(), Cs();
+  }).siblings("[data-tab-content]").hide(), Ps();
 }
-function wn() {
-  Me(
+function xn() {
+  Ie(
     {
       target: document.body,
       cancel: {
@@ -934,86 +1002,86 @@ function wn() {
     }
   );
 }
-function Tn() {
-  window.onpageshow = function(n) {
-    n.persisted && window.location.reload();
+function _n() {
+  window.onpageshow = function(s) {
+    s.persisted && window.location.reload();
   };
 }
-function En() {
-  const n = navigator.userAgent;
+function kn() {
+  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 An(n, i) {
-  v(n).on("click", function() {
+function $n(s, i) {
+  v(s).on("click", function() {
     v(this).toggleClass(i);
   });
 }
-function Ln(n, i) {
-  v(n).on("click", function() {
-    v(n).not(this).removeClass(i), v(this).addClass(i);
+function Cn(s, i) {
+  v(s).on("click", function() {
+    v(s).not(this).removeClass(i), v(this).addClass(i);
   });
 }
-function Hs(n, i = 250) {
+function js(s, i = 250) {
   let t = null;
   return function(...e) {
-    let s = this;
+    let n = this;
     clearTimeout(t), t = setTimeout(() => {
-      n.apply(s, e);
+      s.apply(n, e);
     }, i);
   };
 }
-function Sn(n, i = 250) {
+function Hn(s, i = 250) {
   let t, e;
   return function() {
-    const s = this, o = arguments, a = +/* @__PURE__ */ new Date();
+    const n = 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));
+      t = a, s.apply(n, o);
+    }, i)) : (t = a, s.apply(n, o));
   };
 }
-function Dn() {
+function Mn() {
   window._g.interval = [], v(".countdown").each((i, t) => {
     const e = Number(v(t).attr("data-seconds")) + 1;
-    let s = Math.floor(e / 60) + ":" + e % 60;
+    let n = 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, v(t).html(a + ":" + r), s = a + ":" + r;
+      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[i]), r = r < 0 ? 59 : r, r = r < 10 ? "0" + r : r, v(t).html(a + ":" + r), n = a + ":" + r;
     }, 1e3);
   });
 }
-function _n(n = 500) {
+function On(s = 500) {
   return new Promise((i, t) => {
     let e = setTimeout(() => {
       clearTimeout(e), i();
-    }, n);
+    }, s);
   });
 }
-function kn() {
-  const n = function() {
+function qn() {
+  const s = function() {
     let i = window.innerHeight * 0.01;
     document.documentElement.style.setProperty("--vh", i + "px");
   };
-  n(), window.addEventListener("resize", Hs(n));
+  s(), window.addEventListener("resize", js(s));
 }
-function $n(n, i, t, e, s) {
-  const o = this, r = v(n).html().split("<br>");
+function In(s, i, t, e, n) {
+  const o = this, r = v(s).html().split("<br>");
   let l = "", c = 0;
   r.forEach((u, p) => {
-    p !== 0 && (l += "<br>"), u.split("").forEach((m, f) => {
-      i ? (f === 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++), f === 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++);
+    p !== 0 && (l += "<br>"), u.split("").forEach((m, g) => {
+      i ? (g === 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"${n || t ? ` style="${n ? `transition: ${o.formatFloat(Math.random(), 2) * n}s;` : ""}${t ? t === "random" ? `transition-delay: ${o.formatFloat(Math.random(), 2)}s;` : `transition-delay: ${t + c * e}s;` : ""}"` : ""}>${m}</span>`, c++), g === u.length - 1 && (l += "</span>")) : m === " " ? l += " " : (l += `<span class="letter"${n || t ? ` style="${n ? `transition: ${o.formatFloat(Math.random(), 2) * n}s;` : ""}${t ? t === "random" ? `transition-delay: ${o.formatFloat(Math.random(), 2)}s;` : `transition-delay: ${t + c * e}s;` : ""}"` : ""}>${m}</span>`, c++);
     });
-  }), v(n).html(l);
+  }), v(s).html(l);
 }
-function xn(n, i) {
+function Nn(s, i) {
   const t = Math.pow(10, i);
-  return Math.round(n * t) / t;
+  return Math.round(s * t) / t;
 }
-function Cn(n) {
-  let i = n.activeIndex, t = n.slides.length;
-  if (n.params.loop)
-    switch (n.activeIndex) {
+function Pn(s) {
+  let i = s.activeIndex, t = s.slides.length;
+  if (s.params.loop)
+    switch (s.activeIndex) {
       case 0:
         i = t - 3;
         break;
@@ -1025,27 +1093,27 @@ function Cn(n) {
     }
   return i;
 }
-function Hn(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"), v(n.params.navigation.nextEl).hide(), v(n.params.navigation.prevEl).hide(), v(n.params.pagination.el).hide(), n.params.autoplay.enabled = !1, n.autoplay.stop()) : (t.removeClass("swiper-no-swiping"), v(n.params.navigation.nextEl).show(), v(n.params.navigation.prevEl).show(), v(n.params.pagination.el).show(), n.params.autoplay.enabled && n.autoplay.start());
+function jn(s, i) {
+  const t = s.$el, e = s.params.grid.rows, n = i || s.params.slidesPerView * e;
+  (s.loopedSlides ? s.slides.length - s.loopedSlides * 2 : s.slides.length) <= n ? (t.addClass("swiper-no-swiping"), v(s.params.navigation.nextEl).hide(), v(s.params.navigation.prevEl).hide(), v(s.params.pagination.el).hide(), s.params.autoplay.enabled = !1, s.autoplay.stop()) : (t.removeClass("swiper-no-swiping"), v(s.params.navigation.nextEl).show(), v(s.params.navigation.prevEl).show(), v(s.params.pagination.el).show(), s.params.autoplay.enabled && s.autoplay.start());
 }
-function Mn(n) {
-  n.el.querySelectorAll("img.detect-shade").forEach((i) => {
+function zn(s) {
+  s.el.querySelectorAll("img.detect-shade").forEach((i) => {
     i.addEventListener("load", function() {
       detectShade(i);
     });
   });
 }
-function qn(n) {
-  const i = n.el, t = v(i).find(".swiper-slide-active"), e = v(t).find("video").get(0), s = v(i).find(".swiper-slide video");
-  n.autoplay.stop(), v(e).off("ended"), e ? (s.each((o, a) => {
+function Wn(s) {
+  const i = s.el, t = v(i).find(".swiper-slide-active"), e = v(t).find("video").get(0), n = v(i).find(".swiper-slide video");
+  s.autoplay.stop(), v(e).off("ended"), e ? (n.each((o, a) => {
     a.currentTime = 0;
   }), v(e).on("ended", function() {
-    n.slideNext();
-  }), e.play()) : n.params.autoplay.enabled && n.autoplay.start();
+    s.slideNext();
+  }), e.play()) : s.params.autoplay.enabled && s.autoplay.start();
 }
-function In() {
-  v(".number-grow").each(function(n, i) {
+function Bn() {
+  v(".number-grow").each(function(s, i) {
     const t = v(i), o = t.attr("data-num").replace(/(\d)(?=(?:\d{3})+$)/g, "$1,").split(""), a = () => {
       let r = "";
       for (var l = 0; l <= 9; l++)
@@ -1058,142 +1126,142 @@ function In() {
     });
   });
 }
-function On() {
-  v(".letter-grow").each(function(n, i) {
-    const t = v(i), s = t.attr("data-letter").split(""), o = () => {
+function Gn() {
+  v(".letter-grow").each(function(s, i) {
+    const t = v(i), n = t.attr("data-letter").split(""), o = () => {
       let a = "";
       for (let r = 65; r <= 90; r++)
         a += String.fromCharCode(r) + "<br>";
       return a;
     };
-    v(s).each(function(a, r) {
+    v(n).each(function(a, r) {
       const l = `<div class="letter" data-final-letter="${r}"><div><br>${o()}<br>${o()}</div></div>`;
       t.append(l);
     });
   });
 }
-function Nn(n) {
-  const i = getComputedStyle(n).transform;
+function Xn(s) {
+  const i = getComputedStyle(s).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 Pn(n) {
-  const i = getComputedStyle(n).transform;
+function Rn(s) {
+  const i = getComputedStyle(s).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 jn(n) {
+function Fn(s) {
   const i = document.createElement("div");
-  return i.innerHTML = n, i.childNodes[0];
+  return i.innerHTML = s, i.childNodes[0];
 }
-const We = (n) => n.videoId !== "" || typeof n.videoId < "u", Ms = (n) => n.$selector.getAttribute("video4-active") === "on", lt = (n) => `<video-player video-id="${n.videoId}" video-type="${n.videoType}" video-startTime="${n.videoStartTime}" video-autoplay="${n.videoAutoplay}"></video-player>`;
-var V, Se, Mt, Li, qt, Si, K, De, It, Di;
-class qs {
+const Xe = (s) => s.videoId !== "" || typeof s.videoId < "u", zs = (s) => s.$selector.getAttribute("video4-active") === "on", ct = (s) => `<video-player video-id="${s.videoId}" video-type="${s.videoType}" video-startTime="${s.videoStartTime}" video-autoplay="${s.videoAutoplay}"></video-player>`;
+var V, _e, qt, xi, It, _i, K, ke, Nt, ki;
+class Ws {
   constructor(i, t = {}) {
     h(this, V);
-    h(this, Mt);
     h(this, qt);
-    h(this, K);
     h(this, It);
-    if (!at(i) && !we(i) && !rt(i)) {
-      je("video4", `找不到該物件 -> ${i}`);
+    h(this, K);
+    h(this, Nt);
+    if (!rt(i) && !Ee(i) && !lt(i)) {
+      Be("video4", `找不到該物件 -> ${i}`);
       return;
     }
     this.__storage__ = {
       el: i,
       options: t
-    }, this.active = "data-video-active", d(this, V, Se).call(this);
+    }, this.active = "data-video-active", d(this, V, _e).call(this);
   }
   update() {
-    d(this, V, Se).call(this);
+    d(this, V, _e).call(this);
   }
 }
-V = new WeakSet(), Se = function() {
-  const { el: i, options: t } = this.__storage__, { SETTINGS: e, EVENTS: s } = Y;
-  if (this.elements = t.state == "not active" ? L(i + `:not([${this.active}])`) : L(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
+V = new WeakSet(), _e = function() {
+  const { el: i, options: t } = this.__storage__, { SETTINGS: e, EVENTS: n } = Y;
+  if (this.elements = t.state == "not active" ? L(i + `:not([${this.active}])`) : L(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, n), this.options.on)
     for (const [o, a] of Object.entries(this.options.on))
       this.__events__[o] = [a];
-  d(this, Mt, Li).call(this);
-}, Mt = new WeakSet(), Li = function() {
+  d(this, qt, xi).call(this);
+}, qt = new WeakSet(), xi = 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, It, Di).call(this, e), e.video.methods = {}, e.video.methods.update = this.update, e.setAttribute(this.active, ""), We(e.video.params) && !Ms(e.video.params) && (e.setAttribute("video4-active", "on"), d(this, qt, Si).call(this, e)), We(e.video.params) || je("video4", "無法取得影片 ID");
+    e.video = {}, e.video.instance = this, e.video.defaultOptions = t, e.video.params = d(this, Nt, ki).call(this, e), e.video.methods = {}, e.video.methods.update = this.update, e.setAttribute(this.active, ""), Xe(e.video.params) && !zs(e.video.params) && (e.setAttribute("video4-active", "on"), d(this, It, _i).call(this, e)), Xe(e.video.params) || Be("video4", "無法取得影片 ID");
   }), this.emit("init");
-}, qt = new WeakSet(), Si = function(i) {
-  const { LAYOUT: t } = Y, e = i.video.params, { $selector: s, videoLayoutNo: o, videoId: a, videoType: r, videoMode: l, videoButton: c, videoCover: u, videoHighQualityPic: p } = e;
+}, It = new WeakSet(), _i = function(i) {
+  const { LAYOUT: t } = Y, e = i.video.params, { $selector: n, videoLayoutNo: o, videoId: a, videoType: r, videoMode: l, videoButton: c, videoCover: u, videoHighQualityPic: p } = e;
   if (l === "onBox") {
-    let g = null;
+    let f = null;
     if (u === "on") {
-      i.classList.add("video4-cover"), s.querySelector("img") || (s.insertAdjacentHTML(E.prepend, '<picture><source srcset="" type="image/webp"><source srcset="" type="image/jpeg"><img src="" alt></picture>'), T("video4", "若啟用 [videoCover] 且選擇 onBox 模式必須於 video-target 內放置 img 結構，若無結構則自動加入圖片結構"));
-      const m = s.querySelector("img");
+      i.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>'), T("video4", "若啟用 [videoCover] 且選擇 onBox 模式必須於 video-target 內放置 img 結構，若無結構則自動加入圖片結構"));
+      const m = n.querySelector("img");
       m.insertAdjacentHTML(E.after, t[o]);
-      const f = (m == null ? void 0 : m.getAttribute("src")) || (m == null ? void 0 : m.getAttribute("data-src"));
-      !f && r == "youtube" ? p == "on" ? m.setAttribute("src", `http://img.youtube.com/vi/${a}/maxresdefault.jpg `) : m.setAttribute("src", `https://img.youtube.com/vi/${a}/0.jpg`) : !f && r == "vimeo" ? m.setAttribute("src", `https://vumbnail.com/${a}_large.jpg`) : !f && 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 g = (m == null ? void 0 : m.getAttribute("src")) || (m == null ? void 0 : m.getAttribute("data-src"));
+      !g && r == "youtube" ? p == "on" ? m.setAttribute("src", `http://img.youtube.com/vi/${a}/maxresdefault.jpg `) : m.setAttribute("src", `https://img.youtube.com/vi/${a}/0.jpg`) : !g && r == "vimeo" ? m.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 y = b.thumbnail_url;
         m.setAttribute("src", `${y}`);
       }).catch(function(b) {
         console.log("error");
       }) : T("video4", "僅 youtube & vimeo 提供，無圖片時放置預設封面畫面，其他影片平台請自行上傳封面照片");
     }
-    c == "off" ? g = s : (g = s.querySelector(c) ?? s, s.querySelector(c) || T("video4", `找不到 videoButton 設定的 element -> '${c}' , 點擊物件轉移至 '${this.__storage__.el}'`)), g.video || (g.video = {}, g.video.params = e), g.video.eventHandler = d(this, K, De), g.addEventListener("click", g.video.eventHandler);
+    c == "off" ? f = n : (f = n.querySelector(c) ?? n, n.querySelector(c) || T("video4", `找不到 videoButton 設定的 element -> '${c}' , 點擊物件轉移至 '${this.__storage__.el}'`)), f.video || (f.video = {}, f.video.params = e), f.video.eventHandler = d(this, K, ke), f.addEventListener("click", f.video.eventHandler);
   } else if (l === "onPage") {
-    let g = null;
+    let f = null;
     if (u == "on") {
-      i.classList.add("video4-cover"), s.querySelector("img") || (s.insertAdjacentHTML(E.prepend, '<picture><source srcset="" type="image/webp"><source srcset="" type="image/jpeg"><img src="" alt></picture>'), T("video", "若啟用 [videoCover] 且選擇 onBox 模式必須於 video-target 內放置 img 結構"));
-      const m = s.querySelector("img");
+      i.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>'), T("video", "若啟用 [videoCover] 且選擇 onBox 模式必須於 video-target 內放置 img 結構"));
+      const m = n.querySelector("img");
       m.insertAdjacentHTML(E.after, t[o]);
-      const f = (m == null ? void 0 : m.getAttribute("src")) || (m == null ? void 0 : m.getAttribute("data-src"));
-      !f && r == "youtube" ? p == "on" ? m.setAttribute("src", `http://img.youtube.com/vi/${a}/maxresdefault.jpg `) : m.setAttribute("src", `https://img.youtube.com/vi/${a}/0.jpg`) : !f && r == "vimeo" ? m.setAttribute("src", `https://vumbnail.com/${a}_large.jpg`) : !f && 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 g = (m == null ? void 0 : m.getAttribute("src")) || (m == null ? void 0 : m.getAttribute("data-src"));
+      !g && r == "youtube" ? p == "on" ? m.setAttribute("src", `http://img.youtube.com/vi/${a}/maxresdefault.jpg `) : m.setAttribute("src", `https://img.youtube.com/vi/${a}/0.jpg`) : !g && r == "vimeo" ? m.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 y = b.thumbnail_url;
         m.setAttribute("src", `${y}`);
       }).catch(function(b) {
         console.log("error");
-      }) : f || T("video4", "僅 youtube & vimeo 提供，無圖片時放置預設封面畫面，其他影片平台請自行上傳封面照片"), c == "off" ? g = s : (g = s.querySelector(c) ?? s, s.querySelector(c) || T("video4", `找不到 videoButton 設定的 element -> '${c}', 點擊物件轉移至 '${this.__storage__.el}'`));
+      }) : g || T("video4", "僅 youtube & vimeo 提供，無圖片時放置預設封面畫面，其他影片平台請自行上傳封面照片"), c == "off" ? f = n : (f = n.querySelector(c) ?? n, n.querySelector(c) || T("video4", `找不到 videoButton 設定的 element -> '${c}', 點擊物件轉移至 '${this.__storage__.el}'`));
     } else {
-      s.innerHTML = lt(e);
+      n.innerHTML = ct(e);
       return;
     }
-    g.video || (g.video = {}, g.video.params = e), g.video.eventHandler = d(this, K, De), g.addEventListener("click", g.video.eventHandler);
+    f.video || (f.video = {}, f.video.params = e), f.video.eventHandler = d(this, K, ke), f.addEventListener("click", f.video.eventHandler);
   }
-}, K = new WeakSet(), De = function(i) {
-  const { video: t, emit: e } = this, { $selector: s, videoMode: o, videoTarget: a, videoKeep: r, videoTargetRoute: l, videoType: c, videoIgHtml: u } = t.params, p = new Fe({ callback_loaded: (g) => {
+}, K = new WeakSet(), ke = function(i) {
+  const { video: t, emit: e } = this, { $selector: n, videoMode: o, videoTarget: a, videoKeep: r, videoTargetRoute: l, videoType: c, videoIgHtml: u } = t.params, p = new Je({ callback_loaded: (f) => {
   } });
   if (o == "onBox") {
-    const g = {
+    const f = {
       target: a,
       route: l,
       on: {
         complete(m) {
-          var f;
-          c == "instagram" ? (m.setAttribute("video-typeStyle", `${c}`), (f = window.instgrm) != null && f.Embeds ? window.instgrm.Embeds.process() : console.log("window.instgrm is undefined")) : (m.querySelector(".modal-content").insertAdjacentHTML("beforeend", lt(t.params)), m.setAttribute("video-typeStyle", `${c}`));
+          var g;
+          c == "instagram" ? (m.setAttribute("video-typeStyle", `${c}`), (g = window.instgrm) != null && g.Embeds ? window.instgrm.Embeds.process() : console.log("window.instgrm is undefined")) : (m.querySelector(".modal-content").insertAdjacentHTML("beforeend", ct(t.params)), m.setAttribute("video-typeStyle", `${c}`));
         },
         open(m) {
-          const f = m.querySelectorAll("[data-overlayscrollbars-viewport]");
-          if (p.update(), Ei([...f]), c == "instagram") {
+          const g = m.querySelectorAll("[data-overlayscrollbars-viewport]");
+          if (p.update(), Si([...g]), c == "instagram") {
             const b = document.querySelector("[video-template] .modal-content");
-            new ResizeObserver((_) => {
-              _[0].contentRect.height > 50 && b.classList.add("active");
+            new ResizeObserver((x) => {
+              x[0].contentRect.height > 50 && b.classList.add("active");
             }).observe(b);
           }
         },
         close(m) {
-          const f = m.querySelectorAll("[data-overlayscrollbars-viewport]");
-          Ai([...f]);
+          const g = m.querySelectorAll("[data-overlayscrollbars-viewport]");
+          Di([...g]);
         },
         destroy(m) {
         }
       }
     };
-    U.open(g);
+    U.open(f);
   } else if (o == "onPage")
     if (t.params.videoAutoplay = "on", r == "off") {
-      s.innerHTML = lt(t.params);
+      n.innerHTML = ct(t.params);
       return;
     } else {
-      (s.querySelector(r) ?? s).insertAdjacentHTML("beforeend", lt(t.params));
+      (n.querySelector(r) ?? n).insertAdjacentHTML("beforeend", ct(t.params));
       return;
     }
-}, It = new WeakSet(), Di = function(i) {
+}, Nt = new WeakSet(), ki = function(i) {
   const { SETTINGS: t } = Y;
   return {
     $selector: i,
@@ -1212,9 +1280,9 @@ V = new WeakSet(), Se = function() {
     videoIgHtml: i.getAttribute("video-ig") || t.videoIgHtml
   };
 };
-Object.assign(qs.prototype, O);
-customElements.define("video-player", xs);
-const Oe = {
+Object.assign(Ws.prototype, I);
+customElements.define("video-player", Ns);
+const je = {
   "zh-tw": {
     臺北市: [
       ["中正區", "100"],
@@ -2043,10 +2111,10 @@ const Oe = {
       ["Dongyin Township", "212"]
     ]
   }
-}, Is = (n) => {
-  const { TEMPLATE: i } = qe, { 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");
+}, Bs = (s) => {
+  const { TEMPLATE: i } = Ne, { childDom: t } = s.s, e = document.createElement("div"), n = s.classList.contains("filter"), o = s.getAttribute("filter-placeholder"), a = s.getAttribute("d4-icon"), r = s.getAttribute("custom-template");
   e.innerHTML = i(
-    s,
+    n,
     o,
     r,
     a
@@ -2057,126 +2125,126 @@ const Oe = {
       (!p.hasAttribute("data-option") || p.getAttribute("data-option").trim() === "") && p.setAttribute("data-option", p.textContent.trim());
     }) : (!c.hasAttribute("data-option") || c.getAttribute("data-option").trim() === "") && c.setAttribute("data-option", c.textContent.trim())), l.append(c);
   }), e.children[0];
-}, Os = (n) => {
+}, Gs = (s) => {
   var t;
-  const i = (t = n.getAttribute("control-elements")) == null ? void 0 : t.split(",");
+  const i = (t = s.getAttribute("control-elements")) == null ? void 0 : t.split(",");
   i && i.forEach((e) => {
-    const s = document.querySelector(e);
-    s || T("dropdown", `Can't not find control element(${e})`), s && s.classList.contains("disabled") && (s.classList.remove("disabled"), s.tagName === "DROPDOWN-EL" && s.s.activeLi && C(s, [...s.s.allLi].indexOf(s.s.activeLi)));
+    const n = document.querySelector(e);
+    n || T("dropdown", `Can't not find control element(${e})`), n && n.classList.contains("disabled") && (n.classList.remove("disabled"), n.tagName === "DROPDOWN-EL" && n.s.activeLi && C(n, [...n.s.allLi].indexOf(n.s.activeLi)));
   });
-}, C = (n, i) => {
-  const t = n.getAttribute("d4-placeholder"), e = n.querySelectorAll(".dropdown-list li");
+}, C = (s, i) => {
+  const t = s.getAttribute("d4-placeholder"), e = s.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) {
+    switch (e.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 = t.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 = t.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 = e[i].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 = {
+        }), e[i].classList.add("active"), s.s.selectDisplayEl.textContent = n, s.s.activeLi = e[i], s.s.value = {
           index: i,
           id: e[i].getAttribute("data-option"),
           el: e[i]
         };
         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(i) && s.s.allLi.forEach((r) => {
+          i.indexOf([...s.s.allLi].indexOf(r)) >= 0 ? r.classList.add("active") : r.classList.remove("active");
         });
-        const o = n.querySelectorAll(".dropdown-list li.active");
-        o.length <= 0 ? n.s.selectDisplayEl.textContent = t.trim() : (n.s.selectDisplayEl.textContent = "", o.forEach((r) => {
+        const o = s.querySelectorAll(".dropdown-list li.active");
+        o.length <= 0 ? s.s.selectDisplayEl.textContent = t.trim() : (s.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(E.append, u);
-        })), n.s.activeLi = o, n.s.value = [...o].map((r) => ({
+          s.s.selectDisplayEl.insertAdjacentHTML(E.append, u);
+        })), s.s.activeLi = o, s.s.value = [...o].map((r) => ({
           index: [...e].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;
     }
   }
-}, Ns = (n) => {
-  const i = n.s.cityLang;
-  n.classList.contains("city") && (n.s.dropdownEl.querySelector(".dropdown-list").innerHTML = "", Object.keys(Oe[i]).forEach((t) => {
+}, Xs = (s) => {
+  const i = s.s.cityLang;
+  s.classList.contains("city") && (s.s.dropdownEl.querySelector(".dropdown-list").innerHTML = "", Object.keys(je[i]).forEach((t) => {
     const e = document.createElement("li");
-    e.textContent = t, e.setAttribute("data-option", t), n.s.dropdownEl.querySelector(".dropdown-list").append(e);
-  }), n.s.allLi = n.querySelectorAll(".dropdown-list li"));
-}, Ps = (n, i) => {
-  const t = n.s.cityLang;
-  Oe[t][i].forEach((e, s) => {
+    e.textContent = t, e.setAttribute("data-option", t), s.s.dropdownEl.querySelector(".dropdown-list").append(e);
+  }), s.s.allLi = s.querySelectorAll(".dropdown-list li"));
+}, Rs = (s, i) => {
+  const t = s.s.cityLang;
+  je[t][i].forEach((e, n) => {
     const o = document.createElement("li");
-    o.textContent = e[0], o.setAttribute("data-option", e[0]), n.querySelector(".dropdown-list").append(o);
+    o.textContent = e[0], o.setAttribute("data-option", e[0]), s.querySelector(".dropdown-list").append(o);
   });
-}, _i = () => {
+}, $i = () => {
   L('dropdown-el[d4-status="open"]').forEach((i) => {
     i.close();
   });
-}, js = () => {
-  const { SETTINGS: n } = qe;
+}, Fs = () => {
+  const { SETTINGS: s } = Ne;
   ((t, e) => {
-    Object.keys(e).forEach((s) => {
-      t.style.setProperty(`--${s}`, e[s]);
+    Object.keys(e).forEach((n) => {
+      t.style.setProperty(`--${n}`, e[n]);
     });
-  })(document.documentElement, n.scrollbar);
+  })(document.documentElement, s.scrollbar);
 };
-js();
+Fs();
 document.addEventListener("click", function() {
-  _i();
+  $i();
 });
-var Ot, $i, Nt, xi, Pt, Ci, jt, Hi;
-class ki extends HTMLElement {
+var Pt, Hi, jt, Mi, zt, Oi, Wt, qi;
+class Ci extends HTMLElement {
   constructor() {
     super();
-    h(this, Ot);
-    h(this, Nt);
     h(this, Pt);
     h(this, jt);
+    h(this, zt);
+    h(this, Wt);
     this.initialize = !1;
   }
   static get observedAttributes() {
     return ["d4-status", "d4-placeholder", "d4-value"];
   }
-  attributeChangedCallback(t, e, s) {
+  attributeChangedCallback(t, e, n) {
     const o = this;
     switch (t) {
       case "d4-status":
-        if (e === null || e === s)
+        if (e === null || e === n)
           return;
-        (s === "open" || s === "close") && o.emit(s);
+        (n === "open" || n === "close") && o.emit(n);
         break;
       case "d4-value":
-        if (e === null || e === s)
+        if (e === null || e === n)
           return;
-        if (s !== "")
+        if (n !== "")
           switch (o.hasAttribute("multiple") ? "multiple" : "single") {
             case "single":
-              const r = o.querySelector(`.dropdown-list li[data-option="${s}"]`);
+              const r = o.querySelector(`.dropdown-list li[data-option="${n}"]`);
               w(r) ? C(o, [...o.s.allLi].indexOf(r)) : C(o, -1);
               break;
             case "multiple":
               const l = [];
-              o.querySelector(".dropdown-list li").classList.remove("active"), s.split(",").forEach((u) => {
+              o.querySelector(".dropdown-list li").classList.remove("active"), n.split(",").forEach((u) => {
                 const p = o.querySelector(`.dropdown-list li[data-option="${u}"]`);
                 w(p) && (p.classList.add("active"), l.push(p));
               });
@@ -2191,30 +2259,30 @@ class ki extends HTMLElement {
       case "d4-placeholder":
         if (e === null)
           return;
-        e !== s && o.s.value.index < 0 && C(o, o.s.value.index);
+        e !== n && o.s.value.index < 0 && C(o, o.s.value.index);
         break;
     }
   }
   connectedCallback() {
     const t = this;
-    t.initialize || t.classList.contains("d4-initialize") || (t.initialize = !0, d(this, Ot, $i).call(this));
+    t.initialize || t.classList.contains("d4-initialize") || (t.initialize = !0, d(this, Pt, Hi).call(this));
   }
   open() {
-    const t = this, e = t.querySelector(".dropdown-scroller").clientHeight, s = t.classList.contains("filter"), o = () => s ? t.querySelector(".dropdown-scroller .filter-bar") ? e : t.querySelector(".filter-bar").clientHeight + e : e;
-    return _i(), t.setAttribute("d4-status", "open"), t.setAttribute("d4-default-height", o()), t.style.cssText = `--maxHeight: ${o()}px;`, t.s.dropdownEl.style.cssText = `
+    const t = this, e = t.querySelector(".dropdown-scroller").clientHeight, n = t.classList.contains("filter"), o = () => n ? t.querySelector(".dropdown-scroller .filter-bar") ? e : t.querySelector(".filter-bar").clientHeight + e : e;
+    return $i(), t.setAttribute("d4-status", "open"), t.setAttribute("d4-default-height", o()), t.style.cssText = `--maxHeight: ${o()}px;`, t.s.dropdownEl.style.cssText = `
       height: ${o()}px;
       z-index: 2;
     `, this;
   }
   close() {
-    const t = this, e = t.s.dropdownEl.querySelectorAll(".has-sublayer"), s = parseInt(t.getAttribute("d4-default-height"));
+    const t = this, e = t.s.dropdownEl.querySelectorAll(".has-sublayer"), n = parseInt(t.getAttribute("d4-default-height"));
     return t.setAttribute("d4-status", "close"), t.s.dropdownEl.style.height = "0px", e.forEach((o) => {
       o.classList.remove("open");
-    }), t.style.cssText = `--maxHeight: ${s}px;`, t.s.subDropdownTotalH = 0, this;
+    }), t.style.cssText = `--maxHeight: ${n}px;`, t.s.subDropdownTotalH = 0, this;
   }
   scrollTo(t) {
-    const e = this, { viewport: s } = e.__scroller__.elements();
-    s.scrollTo({
+    const e = this, { viewport: n } = e.__scroller__.elements();
+    n.scrollTo({
       top: t,
       behavior: "smooth"
     });
@@ -2223,14 +2291,14 @@ class ki extends HTMLElement {
     this.__events__.selectOption();
   }
 }
-Ot = new WeakSet(), $i = function() {
-  this.s = {}, this.__events__ = {}, this.hasAttribute("d4-status") || this.setAttribute("d4-status", "close"), this.hasAttribute("d4-value") || this.setAttribute("d4-value", ""), d(this, Nt, xi).call(this);
-}, Nt = new WeakSet(), xi = function() {
-  this.s.childDom = this.childNodes, this.s.template = Is(this), this.innerHTML = "", this.append(this.s.template), d(this, Pt, Ci).call(this);
-}, Pt = new WeakSet(), Ci = function() {
-  var s;
+Pt = new WeakSet(), Hi = function() {
+  this.s = {}, this.__events__ = {}, this.hasAttribute("d4-status") || this.setAttribute("d4-status", "close"), this.hasAttribute("d4-value") || this.setAttribute("d4-value", ""), d(this, jt, Mi).call(this);
+}, jt = new WeakSet(), Mi = function() {
+  this.s.childDom = this.childNodes, this.s.template = Bs(this), this.innerHTML = "", this.append(this.s.template), d(this, zt, Oi).call(this);
+}, zt = new WeakSet(), Oi = function() {
+  var n;
   const t = this;
-  t.s.allLi = t.querySelectorAll(".dropdown-list li"), t.s.selectDisplayEl = t.querySelector(".select-display"), t.s.dropdownEl = t.querySelector(".dropdown"), t.s.selectType = t.hasAttribute("multiple") ? "multiple" : "single", t.s.cityLang = t.hasAttribute("city-lang") ? t.getAttribute("city-lang") : "zh-tw", Ns(t), t.s.subDropdownTotalH = 0;
+  t.s.allLi = t.querySelectorAll(".dropdown-list li"), t.s.selectDisplayEl = t.querySelector(".select-display"), t.s.dropdownEl = t.querySelector(".dropdown"), t.s.selectType = t.hasAttribute("multiple") ? "multiple" : "single", t.s.cityLang = t.hasAttribute("city-lang") ? t.getAttribute("city-lang") : "zh-tw", Xs(t), t.s.subDropdownTotalH = 0;
   const e = t.getAttribute("d4-value");
   switch (t.s.selectType) {
     case "single":
@@ -2239,7 +2307,7 @@ Ot = new WeakSet(), $i = function() {
         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 (Ps(t, c), t.s.allLi = t.querySelectorAll(".dropdown-list li"), t.classList.remove("disabled"), t.getAttribute("d4-value") !== "") {
+          if (Rs(t, c), t.s.allLi = t.querySelectorAll(".dropdown-list li"), t.classList.remove("disabled"), t.getAttribute("d4-value") !== "") {
             const u = e.split(",")[1];
             o = t.querySelector(`.dropdown-list li[data-option="${u}"]`), t.setAttribute("d4-value", u);
           }
@@ -2272,8 +2340,8 @@ Ot = new WeakSet(), $i = function() {
       };
       break;
   }
-  C(t, t.s.value.index), d(s = t, jt, Hi).call(s), t.classList.add("d4-initialize");
-}, jt = new WeakSet(), Hi = function() {
+  C(t, t.s.value.index), d(n = t, Wt, qi).call(n), t.classList.add("d4-initialize");
+}, Wt = new WeakSet(), qi = function() {
   const t = this;
   t.__events__.dropdownToggle = () => {
     t.addEventListener("click", function(e) {
@@ -2287,8 +2355,8 @@ Ot = new WeakSet(), $i = function() {
       }
     });
   }, t.__events__.transitionend = () => {
-    function e(s) {
-      if (s.target === this) {
+    function e(n) {
+      if (n.target === this) {
         const o = t.getAttribute("d4-status"), a = t.classList.contains("filter");
         switch (o) {
           case "open":
@@ -2296,9 +2364,9 @@ Ot = new WeakSet(), $i = function() {
               if (t.__scroller__) {
                 const { viewport: c } = t.__scroller__.elements();
                 if (w(t.s.activeLi)) {
-                  const u = t.s.activeLi.clientHeight / 2, p = t.s.activeLi.offsetTop, g = p - r.clientHeight / 2 + u > 0 ? p - r.clientHeight / 2 + u : 0;
+                  const u = t.s.activeLi.clientHeight / 2, p = t.s.activeLi.offsetTop, f = p - r.clientHeight / 2 + u > 0 ? p - r.clientHeight / 2 + u : 0;
                   c.scrollTo({
-                    top: g,
+                    top: f,
                     behavior: "smooth"
                   });
                 } else
@@ -2318,39 +2386,39 @@ Ot = new WeakSet(), $i = function() {
     }
     t.s.dropdownEl.addEventListener("transitionend", e);
   }, t.__events__.bindScrollbar = (e = this) => {
-    const s = e.querySelector(".dropdown-scroller");
-    e.__scroller__ = Me(s, {
+    const n = e.querySelector(".dropdown-scroller");
+    e.__scroller__ = Ie(n, {
       overflowBehavior: {
         x: "hidden"
       }
     });
   }, t.__events__.selectOption = (e = this) => {
-    let s, o;
+    let n, o;
     const a = e.querySelector(".dropdown-scroller"), r = e.classList.contains("city");
     e.s.allLi = e.querySelectorAll(".dropdown-list li"), e.s.allLi.forEach((l) => {
       l.addEventListener("click", function(c) {
         var m;
-        const u = this, p = [...e.s.allLi].indexOf(u), g = parseInt(e.getAttribute("d4-default-height"));
+        const u = this, p = [...e.s.allLi].indexOf(u), f = parseInt(e.getAttribute("d4-default-height"));
         if (u.classList.contains("has-sublayer")) {
           c.stopPropagation();
-          const f = u.querySelector(".sub-dropdown"), b = f.querySelector(".sub-dropdown-list"), y = parseInt(getComputedStyle(b).marginTop) + parseInt(getComputedStyle(b).marginBottom);
-          f.style.cssText = `--height: ${b.offsetHeight + y}px`;
-          const _ = parseInt(f.style.cssText.replace("--height:", "").trim()), G = parseInt(getComputedStyle(a).maxHeight), S = () => {
-            s = g + e.s.subDropdownTotalH, o = s > G ? G : s, e.style.cssText = `--maxHeight: ${o}px;`, e.s.dropdownEl.style.height = `${o}px`;
+          const g = u.querySelector(".sub-dropdown"), b = g.querySelector(".sub-dropdown-list"), y = parseInt(getComputedStyle(b).marginTop) + parseInt(getComputedStyle(b).marginBottom);
+          g.style.cssText = `--height: ${b.offsetHeight + y}px`;
+          const x = parseInt(g.style.cssText.replace("--height:", "").trim()), G = parseInt(getComputedStyle(a).maxHeight), S = () => {
+            n = f + e.s.subDropdownTotalH, o = n > G ? G : n, e.style.cssText = `--maxHeight: ${o}px;`, e.s.dropdownEl.style.height = `${o}px`;
           };
-          u.classList.contains("open") ? (u.classList.remove("open"), e.s.subDropdownTotalH -= _, S()) : (u.classList.add("open"), e.s.subDropdownTotalH += _, S());
-          const R = () => {
-            e.__scroller__.update(!0), f.removeEventListener("transitionend", R);
+          u.classList.contains("open") ? (u.classList.remove("open"), e.s.subDropdownTotalH -= x, S()) : (u.classList.add("open"), e.s.subDropdownTotalH += x, S());
+          const X = () => {
+            e.__scroller__.update(!0), g.removeEventListener("transitionend", X);
           };
-          f.addEventListener("transitionend", R);
+          g.addEventListener("transitionend", X);
         } else
-          switch (Os(e), e.s.selectType) {
+          switch (Gs(e), e.s.selectType) {
             case "single":
               if (e.setAttribute("d4-value", u.getAttribute("data-option")), r) {
-                const f = e.s.cityLang, b = l.textContent.trim(), y = document.getElementById(e.getAttribute("dist-select"));
-                y && (y.querySelector(".dropdown-list").textContent = "", C(y, -1), Oe[f][b].forEach((_, G) => {
+                const g = e.s.cityLang, b = l.textContent.trim(), y = document.getElementById(e.getAttribute("dist-select"));
+                y && (y.querySelector(".dropdown-list").textContent = "", C(y, -1), je[g][b].forEach((x, G) => {
                   const S = document.createElement("li");
-                  S.textContent = _[0], S.setAttribute("data-option", _[0]), y.querySelector(".dropdown-list").append(S);
+                  S.textContent = x[0], S.setAttribute("data-option", x[0]), y.querySelector(".dropdown-list").append(S);
                 }), e.__events__.selectOption(y));
               }
               (m = u.parentNode.closest("li")) != null && m.classList.contains("has-sublayer") && (c.stopPropagation(), e.close());
@@ -2366,8 +2434,8 @@ Ot = new WeakSet(), $i = function() {
       e.stopPropagation();
     }), t.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.s.allLi.forEach((n) => {
+        n.textContent.toUpperCase().includes(e) ? n.removeAttribute("style") : n.style.display = "none";
       });
     }));
   }, t.__events__.removeTag = () => {
@@ -2389,123 +2457,123 @@ Ot = new WeakSet(), $i = function() {
     });
   }, t.__events__.dropdownToggle(), t.__events__.bindScrollbar(), t.__events__.selectOption(), t.__events__.filterHandler(), t.__events__.removeTag(), t.__events__.transitionend();
 };
-Object.assign(ki.prototype, O);
-customElements.define("dropdown-el", ki);
-function dt(n) {
+Object.assign(Ci.prototype, I);
+customElements.define("dropdown-el", Ci);
+function ut(s) {
   const i = {};
-  return [...n.attributes].forEach((t) => {
+  return [...s.attributes].forEach((t) => {
     if (t.name.includes("duration-")) {
-      const e = t.name.replace("duration-", ""), s = t.nodeValue;
-      i[e] = Number(s);
+      const e = t.name.replace("duration-", ""), n = t.nodeValue;
+      i[e] = Number(n);
     }
   }), Object.keys(i).length === 0 ? null : i;
 }
-function Be(n) {
-  if (dt(n)) {
+function Re(s) {
+  if (ut(s)) {
     let i;
-    const t = Object.keys(dt(n)).map((e) => ({
+    const t = Object.keys(ut(s)).map((e) => ({
       value: e,
       point: e
     }));
-    t.sort((e, s) => parseInt(s.value, 10) - parseInt(e.value, 10));
+    t.sort((e, n) => parseInt(n.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);
+      const { point: n, value: o } = t[e];
+      window.matchMedia(`(max-width: ${o}px)`).matches && (i = n);
     }
-    return i ? Number(dt(n)[i]) : n.s.options.duration;
+    return i ? Number(ut(s)[i]) : s.s.options.duration;
   } else
-    return n.s.options.duration;
+    return s.s.options.duration;
 }
-function zs(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 Ys(s) {
+  const { behavior: i, continual: t, gap: e } = 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 + e >= s.clientWidth ? i === "normal" && t && o.append(r()) : s.s.options.continual = !1;
 }
-function k(n) {
-  const { behavior: i, direction: t, continual: e } = n.s.options;
-  let s = {};
+function _(s) {
+  const { behavior: i, direction: t, continual: e } = s.s.options;
+  let n = {};
   switch (i) {
     case "normal":
       let o, a;
       switch (t) {
         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 = e ? "translate3d(0,100%,0)" : `translate3d(0,${s.clientHeight}px,0)`, a = "translate3d(0,-100%,0)", n.animate1 = [{ transform: o }, { transform: a }], e && (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 = e ? "translate3d(0,0,0)" : "translate3d(-100%,0,0)", a = e ? "translate3d(200%,0,0)" : `translate3d(${s.clientWidth}px,0,0)`, n.animate1 = [{ transform: o }, { transform: a }], e && (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 = e ? "translate3d(0,100%,0)" : `translate3d(0,${s.clientHeight}px,0)`, n.animate1 = [{ transform: o }, { transform: a }], e && (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 = e ? "translate3d(100%,0,0)" : `translate3d(${s.clientWidth}px,0,0)`, a = "translate3d(-100%,0,0)", n.animate1 = [{ transform: o }, { transform: a }], e && (n.animate2 = [{ transform: "translate3d(0,0,0)" }, { transform: "translate3d(-200%,0,0)" }]);
           break;
       }
       break;
     case "alternate":
       switch (t) {
         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) {
         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 Ws(n) {
+function Us(s) {
   let i;
   return function(t) {
-    i && clearTimeout(i), i = setTimeout(n, 200, t);
+    i && clearTimeout(i), i = setTimeout(s, 200, t);
   };
 }
-var zt, Mi, Wt, qi, Bt, Ii, Gt, Oi;
-class Bs extends HTMLElement {
+var Bt, Ii, Gt, Ni, Xt, Pi, Rt, ji;
+class Js extends HTMLElement {
   constructor() {
     super();
-    h(this, zt);
-    h(this, Wt);
     h(this, Bt);
     h(this, Gt);
+    h(this, Xt);
+    h(this, Rt);
     this.initialize = !1;
   }
   static get observedAttributes() {
     return [];
   }
-  attributeChangedCallback(t, e, s) {
+  attributeChangedCallback(t, e, n) {
   }
   connectedCallback() {
-    this.initialize || (this.initialize = !0, d(this, zt, Mi).call(this));
+    this.initialize || (this.initialize = !0, d(this, Bt, Ii).call(this));
   }
   play() {
     this.s.animation.play(), this.s.animateEl.classList.add("start"), this.s.options.continual && (this.s.cloneAnimation.play(), this.s.cloneAnimateEl.classList.add("start"));
@@ -2514,47 +2582,47 @@ class Bs extends HTMLElement {
     this.s.animation.pause(), this.s.options.continual && this.s.cloneAnimation.pause();
   }
 }
-zt = new WeakSet(), Mi = function() {
+Bt = new WeakSet(), Ii = function() {
   const t = {
-    direction: this.getAttribute("direction") || x.SETTINGS.direction,
+    direction: this.getAttribute("direction") || $.SETTINGS.direction,
     // up / down / left / right
-    behavior: this.getAttribute("behavior") || x.SETTINGS.behavior,
+    behavior: this.getAttribute("behavior") || $.SETTINGS.behavior,
     // normal / alternate / endStop
-    duration: Number(this.getAttribute("duration")) || x.SETTINGS.duration,
+    duration: Number(this.getAttribute("duration")) || $.SETTINGS.duration,
     // ms
-    durationBreakpoints: dt(this) || x.SETTINGS.durationBreakpoints,
-    autoplay: this.getAttribute("autoplay") || x.SETTINGS.autoplay,
+    durationBreakpoints: ut(this) || $.SETTINGS.durationBreakpoints,
+    autoplay: this.getAttribute("autoplay") || $.SETTINGS.autoplay,
     // normal / alternate / endStop
-    pauseOnMouseenter: this.getAttribute("pauseOnMouseEnter") ? this.getAttribute("pauseOnMouseEnter") === "true" : x.SETTINGS.pauseOnMouseenter,
+    pauseOnMouseenter: this.getAttribute("pauseOnMouseEnter") ? this.getAttribute("pauseOnMouseEnter") === "true" : $.SETTINGS.pauseOnMouseenter,
     // true / false
-    continual: this.getAttribute("continual") ? this.getAttribute("continual") === "true" : x.SETTINGS.continual,
+    continual: this.getAttribute("continual") ? this.getAttribute("continual") === "true" : $.SETTINGS.continual,
     // true / false
-    gap: Number(this.getAttribute("gap")) || x.SETTINGS.gap
+    gap: Number(this.getAttribute("gap")) || $.SETTINGS.gap
   };
-  this.s = {}, this.s.options = t, this.s.nowDuration = Be(this), zs(this), d(this, Wt, qi).call(this);
-}, Wt = new WeakSet(), qi = function() {
-  const { direction: t, continual: e, gap: s } = this.s.options;
+  this.s = {}, this.s.options = t, this.s.nowDuration = Re(this), Ys(this), d(this, Gt, Ni).call(this);
+}, Gt = new WeakSet(), Ni = function() {
+  const { direction: t, continual: e, gap: n } = this.s.options;
   switch (t) {
     case "left":
     case "right":
-      this.style.cssText = `--continual-gap: ${s}px;`;
+      this.style.cssText = `--continual-gap: ${n}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;`;
+      e ? this.style.cssText = `height: ${this.s.animateEl.clientHeight}px;--continual-gap: ${n}px;` : this.style.cssText = `min-height: ${this.s.animateEl.clientHeight}px;--continual-gap: ${n}px;`;
       break;
   }
-  d(this, Bt, Ii).call(this), d(this, Gt, Oi).call(this), e && this.classList.add("continual"), this.classList.add("m4-initialize");
-}, Bt = new WeakSet(), Ii = function() {
-  const t = this, { direction: e, behavior: s, duration: o, autoplay: a, pauseOnMouseenter: r, continual: l } = t.s.options;
+  d(this, Xt, Pi).call(this), d(this, Rt, ji).call(this), e && this.classList.add("continual"), this.classList.add("m4-initialize");
+}, Xt = new WeakSet(), Pi = function() {
+  const t = this, { direction: e, behavior: n, duration: o, autoplay: a, pauseOnMouseenter: r, continual: l } = t.s.options;
   let c;
   function u() {
-    switch (s) {
+    switch (n) {
       case "normal":
-        t.s.animateEl.style.transform = `${k(t).animate1[0].transform}`, t.s.animation = t.s.animateEl.animate(k(t).animate1, {
+        t.s.animateEl.style.transform = `${_(t).animate1[0].transform}`, t.s.animation = t.s.animateEl.animate(_(t).animate1, {
           duration: t.s.nowDuration,
           iterations: 1 / 0
-        }), l && (t.s.cloneAnimateEl.style.transform = `${k(t).animate2[0].transform}`, t.s.cloneAnimation = t.s.cloneAnimateEl.animate(k(t).animate2, {
+        }), l && (t.s.cloneAnimateEl.style.transform = `${_(t).animate2[0].transform}`, t.s.cloneAnimation = t.s.cloneAnimateEl.animate(_(t).animate2, {
           duration: t.s.nowDuration,
           delay: -t.s.nowDuration / 2,
           iterations: 1 / 0
@@ -2562,28 +2630,28 @@ zt = new WeakSet(), Mi = function() {
         break;
       case "alternate":
         let m = function() {
-          let f = [];
+          let g = [];
           switch (e) {
             case "top":
-              p = Math.abs(t.s.animateEl.scrollHeight - t.clientHeight), g = parseInt(t.s.nowDuration / (p * 2)) * t.s.animateEl.scrollHeight, f = [{ transform: `translate3d(0,${t.clientHeight}px,0)` }, { transform: `translate3d(0,calc(${t.clientHeight}px - 100%),0)` }];
+              p = Math.abs(t.s.animateEl.scrollHeight - t.clientHeight), f = parseInt(t.s.nowDuration / (p * 2)) * t.s.animateEl.scrollHeight, g = [{ transform: `translate3d(0,${t.clientHeight}px,0)` }, { transform: `translate3d(0,calc(${t.clientHeight}px - 100%),0)` }];
               break;
             case "right":
-              p = Math.abs(t.s.animateEl.scrollWidth - t.clientWidth), g = parseInt(t.s.nowDuration / (p * 2)) * t.s.animateEl.scrollWidth, f = [{ transform: "translate3d(-100%,0,0)" }, { transform: "translate3d(0,0,0)" }];
+              p = Math.abs(t.s.animateEl.scrollWidth - t.clientWidth), f = parseInt(t.s.nowDuration / (p * 2)) * t.s.animateEl.scrollWidth, g = [{ transform: "translate3d(-100%,0,0)" }, { transform: "translate3d(0,0,0)" }];
               break;
             case "bottom":
-              p = Math.abs(t.s.animateEl.scrollHeight - t.clientHeight), g = parseInt(o / (p * 2)) * t.s.animateEl.scrollHeight, f = [{ transform: "translate3d(0,-100%,0)" }, { transform: "translate3d(0,0,0)" }];
+              p = Math.abs(t.s.animateEl.scrollHeight - t.clientHeight), f = parseInt(o / (p * 2)) * t.s.animateEl.scrollHeight, g = [{ transform: "translate3d(0,-100%,0)" }, { transform: "translate3d(0,0,0)" }];
               break;
             case "left":
-              p = Math.abs(t.s.animateEl.scrollWidth - t.clientWidth), g = parseInt(o / (p * 2)) * t.s.animateEl.scrollWidth, f = [{ transform: `translate3d(${t.clientWidth}px,0,0)` }, { transform: `translate3d(calc(-100% + ${t.clientWidth}px),0,0)` }];
+              p = Math.abs(t.s.animateEl.scrollWidth - t.clientWidth), f = parseInt(o / (p * 2)) * t.s.animateEl.scrollWidth, g = [{ transform: `translate3d(${t.clientWidth}px,0,0)` }, { transform: `translate3d(calc(-100% + ${t.clientWidth}px),0,0)` }];
               break;
           }
-          return f;
-        }, p, g;
+          return g;
+        }, p, f;
         (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,
+          duration: f,
           fill: "forwards"
         }).finished.then(() => {
-          t.s.animation = t.s.animateEl.animate(k(t).animate1, {
+          t.s.animation = t.s.animateEl.animate(_(t).animate1, {
             duration: t.s.nowDuration,
             iterations: 1 / 0
           });
@@ -2592,7 +2660,7 @@ zt = new WeakSet(), Mi = function() {
         });
         break;
       case "endStop":
-        t.s.animateEl.style.transform = `${k(t).animate1[0].transform}`, t.s.animation = t.s.animateEl.animate(k(t).animate1, {
+        t.s.animateEl.style.transform = `${_(t).animate1[0].transform}`, t.s.animation = t.s.animateEl.animate(_(t).animate1, {
           duration: t.s.nowDuration,
           fill: "forwards"
         });
@@ -2610,84 +2678,84 @@ zt = new WeakSet(), Mi = function() {
   }), t.addEventListener("mouseleave", function() {
     t.s.animation && r && t.s.animation.playState === "paused" && t.play();
   });
-}, Gt = new WeakSet(), Oi = function() {
+}, Rt = new WeakSet(), ji = function() {
   const t = this;
   function e() {
-    const s = t.s.animation.startTime, o = t.s.cloneAnimation ? t.s.cloneAnimation.startTime : null;
-    t.s.nowDuration = Be(t), t.s.animation.cancel(), t.s.cloneAnimation && t.s.cloneAnimation.cancel(), t.s.animation = t.s.animateEl.animate(k(t).animate1, {
+    const n = t.s.animation.startTime, o = t.s.cloneAnimation ? t.s.cloneAnimation.startTime : null;
+    t.s.nowDuration = Re(t), t.s.animation.cancel(), t.s.cloneAnimation && t.s.cloneAnimation.cancel(), t.s.animation = t.s.animateEl.animate(_(t).animate1, {
       duration: t.s.nowDuration,
       iterations: 1 / 0
-    }), t.s.animation.startTime = s, t.s.cloneAnimation && (t.s.cloneAnimation = t.s.cloneAnimateEl.animate(k(t).animate2, {
+    }), t.s.animation.startTime = n, t.s.cloneAnimation && (t.s.cloneAnimation = t.s.cloneAnimateEl.animate(_(t).animate2, {
       duration: t.s.nowDuration,
       delay: -t.s.nowDuration / 2,
       iterations: 1 / 0
     }), t.s.cloneAnimation.startTime = o);
   }
-  window.addEventListener("resize", Ws(e));
+  window.addEventListener("resize", Us(e));
 };
-customElements.define("marquee-el", Bs);
-const pt = function(n, i) {
+customElements.define("marquee-el", Js);
+const ft = function(s, i) {
   let t;
   return function(e) {
-    t && clearTimeout(t), t = setTimeout(n, 200, e);
+    t && clearTimeout(t), t = setTimeout(s, 200, e);
   };
-}, $ = (n, i) => {
-  if (rt(n)) {
-    n.forEach((t) => {
+}, k = (s, i) => {
+  if (lt(s)) {
+    s.forEach((t) => {
       t.classList.add(i);
     });
     return;
   }
-  n.classList.add(i);
-}, D = (n, i) => {
-  if (rt(n)) {
-    n.forEach((t) => {
+  s.classList.add(i);
+}, D = (s, i) => {
+  if (lt(s)) {
+    s.forEach((t) => {
       t.classList.remove(i);
     });
     return;
   }
-  n.classList.remove(i);
+  s.classList.remove(i);
 };
-var Rt, Ni, Xt, Pi, Ft, ji, tt, _e, W, ut, Yt, zi;
-class Ge {
+var Ft, zi, Yt, Wi, Ut, Bi, tt, $e, W, ht, Jt, Gi;
+class Fe {
   constructor(i) {
     // 初始化
-    h(this, Rt);
+    h(this, Ft);
     // 左右箭頭事件綁定
-    h(this, Xt);
+    h(this, Yt);
     // 左右拖拉事件綁定
-    h(this, Ft);
+    h(this, Ut);
     // 卷軸位置判斷
     h(this, tt);
     // 隱藏按鈕判斷
     h(this, W);
     // 選項事件綁定
-    h(this, Yt);
-    this.$element = i, this.option = i.s.option.drag, d(this, Rt, Ni).call(this);
+    h(this, Jt);
+    this.$element = i, this.option = i.s.option.drag, d(this, Ft, zi).call(this);
   }
   // 更新 active 位置
   update(i) {
     const t = this.$element.querySelector(".wrapper"), e = t == null ? void 0 : t.querySelector(".active");
     if (e) {
-      const s = e.offsetLeft + e.getBoundingClientRect().width / 2 - t.getBoundingClientRect().width / 2;
+      const n = e.offsetLeft + e.getBoundingClientRect().width / 2 - t.getBoundingClientRect().width / 2;
       t.scrollTo({
-        left: s,
+        left: n,
         behavior: "smooth"
       });
     }
   }
 }
-Rt = new WeakSet(), Ni = function() {
-  var e, s, o, a, r, l;
+Ft = new WeakSet(), zi = function() {
+  var e, n, o, a, r, l;
   const i = this;
   if (!i.$element)
     return;
   i.$container = i.$element.querySelector(".drag-container"), i.$wrapper = i.$container.querySelector(".wrapper");
   const t = () => {
     var c, u;
-    d(c = i, tt, _e).call(c), d(u = i, W, ut).call(u);
+    d(c = i, tt, $e).call(c), d(u = i, W, ht).call(u);
   };
-  i.$wrapper.removeEventListener("scroll", t), i.$wrapper.addEventListener("scroll", t), window.removeEventListener("resize", pt(t)), window.addEventListener("resize", pt(t)), (i.option.draggable || i.$element.s.type == "collapse") && d(e = i, Ft, ji).call(e), i.option.navigation && i.$element.s.type !== "collapse" && (i.$container.insertAdjacentHTML(
+  i.$wrapper.removeEventListener("scroll", t), i.$wrapper.addEventListener("scroll", t), window.removeEventListener("resize", ft(t)), window.addEventListener("resize", ft(t)), (i.option.draggable || i.$element.s.type == "collapse") && d(e = i, Ut, Bi).call(e), i.option.navigation && i.$element.s.type !== "collapse" && (i.$container.insertAdjacentHTML(
     E.prepend,
     `<div class="navigation">
         <div class="button prev">
@@ -2697,26 +2765,26 @@ Rt = new WeakSet(), Ni = function() {
           <div></div>
         </div>
       </div>`
-  ), i.$button = (s = i.$container) == null ? void 0 : s.querySelectorAll(".button"), d(o = i, Xt, Pi).call(o)), d(a = i, tt, _e).call(a), d(r = i, W, ut).call(r), d(l = i, Yt, zi).call(l), i.update();
-}, Xt = new WeakSet(), Pi = function() {
-  const i = this, { $wrapper: t, $button: e } = i, s = function() {
+  ), i.$button = (n = i.$container) == null ? void 0 : n.querySelectorAll(".button"), d(o = i, Yt, Wi).call(o)), d(a = i, tt, $e).call(a), d(r = i, W, ht).call(r), d(l = i, Jt, Gi).call(l), i.update();
+}, Yt = new WeakSet(), Wi = function() {
+  const i = this, { $wrapper: t, $button: e } = i, n = 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, W, ut).call(r);
+      d(r = i, W, ht).call(r);
     }, 100);
   };
   e.forEach((o) => {
-    o.removeEventListener("click", s), o.addEventListener("click", s);
+    o.removeEventListener("click", n), o.addEventListener("click", n);
   });
-}, Ft = new WeakSet(), ji = function() {
+}, Ut = new WeakSet(), Bi = function() {
   const { $wrapper: i } = this;
-  let t = !1, e = !1, s = 0, o = 0;
+  let t = !1, e = !1, n = 0, o = 0;
   const a = function(p) {
-    p.preventDefault(), e = !1, t = !0, s = p.pageX - i.offsetLeft, o = i.scrollLeft;
+    p.preventDefault(), e = !1, t = !0, n = p.pageX - i.offsetLeft, o = i.scrollLeft;
   };
   i.removeEventListener("mousedown", a), i.addEventListener("mousedown", a);
   const r = function() {
@@ -2730,7 +2798,7 @@ Rt = new WeakSet(), Ni = function() {
   const c = function(p) {
     if (p.preventDefault(), e = !0, !t)
       return;
-    const m = p.pageX - i.offsetLeft - s;
+    const m = p.pageX - i.offsetLeft - n;
     i.scrollTo({
       left: o - m
     });
@@ -2742,93 +2810,93 @@ Rt = new WeakSet(), Ni = function() {
   i.querySelectorAll("a").forEach((p) => {
     p.removeEventListener("click", u), p.addEventListener("click", u);
   });
-}, tt = new WeakSet(), _e = function() {
-  const { $container: i, $wrapper: t } = this, e = t.scrollWidth - t.clientWidth, s = Math.round(t.scrollLeft);
-  e <= 0 || ($(i, "scrollable"), s == 0 ? (D(i, "scrollable"), $(t, "start"), D(t, "end")) : s + 1 >= e ? (D(i, "scrollable"), D(t, "start"), $(t, "end")) : ($(t, "center"), D(t, "start"), D(t, "end")));
-}, W = new WeakSet(), ut = function() {
+}, tt = new WeakSet(), $e = function() {
+  const { $container: i, $wrapper: t } = this, e = t.scrollWidth - t.clientWidth, n = Math.round(t.scrollLeft);
+  e <= 0 || (k(i, "scrollable"), n == 0 ? (D(i, "scrollable"), k(t, "start"), D(t, "end")) : n + 1 >= e ? (D(i, "scrollable"), D(t, "start"), k(t, "end")) : (k(t, "center"), D(t, "start"), D(t, "end")));
+}, W = new WeakSet(), ht = function() {
   const { $wrapper: i, $button: t, $element: e } = this;
   if (!t)
     return;
-  const s = i.scrollWidth - i.clientWidth, o = i.scrollLeft;
-  if (s <= 0) {
-    $(t, "hide"), D(t, "active"), $(e, "noScrollable");
+  const n = i.scrollWidth - i.clientWidth, o = i.scrollLeft;
+  if (n <= 0) {
+    k(t, "hide"), D(t, "active"), k(e, "noScrollable");
     return;
   }
-  s > 0 && ($(t, "active"), D(e, "noScrollable")), o == 0 ? t.forEach((a) => {
+  n > 0 && (k(t, "active"), D(e, "noScrollable")), o == 0 ? t.forEach((a) => {
     if (a.classList.contains("next")) {
       D(a, "hide");
       return;
     }
-    $(a, "hide");
-  }) : o + 1 >= s ? t.forEach((a) => {
+    k(a, "hide");
+  }) : o + 1 >= n ? t.forEach((a) => {
     if (a.classList.contains("next")) {
-      $(a, "hide");
+      k(a, "hide");
       return;
     }
     D(a, "hide");
   }) : D(t, "hide");
-}, Yt = new WeakSet(), zi = function() {
-  const { $element: i } = this, t = (s) => {
+}, Jt = new WeakSet(), Gi = function() {
+  const { $element: i } = this, t = (n) => {
     if (this.option.selected) {
-      const o = s.getAttribute("data-option").trim();
+      const o = n.getAttribute("data-option").trim();
       i.setAttribute("m4-status", o);
     }
   };
   function e() {
     t(this);
   }
-  this.$container.querySelectorAll(".item").forEach((s) => {
-    s.removeEventListener("click", e), s.addEventListener("click", e);
+  this.$container.querySelectorAll(".item").forEach((n) => {
+    n.removeEventListener("click", e), n.addEventListener("click", e);
   });
 };
-var Ut, Wi, Jt, Bi, Zt, Gi, Qt, Ri;
-class Gs {
+var Zt, Xi, Qt, Ri, Vt, Fi, Kt, Yi;
+class Zs {
   constructor(i) {
     // 初始化
-    h(this, Ut);
+    h(this, Zt);
     // 隱藏按鈕判斷
-    h(this, Jt);
+    h(this, Qt);
     // 展開箭頭事件綁定
-    h(this, Zt);
+    h(this, Vt);
     // 選項事件綁定
-    h(this, Qt);
-    this.$element = i, this.option = i.s.option.collapse, d(this, Ut, Wi).call(this);
+    h(this, Kt);
+    this.$element = i, this.option = i.s.option.collapse, d(this, Zt, Xi).call(this);
   }
 }
-Ut = new WeakSet(), Wi = function() {
-  this.$element && (this.$container = this.$element.querySelector(".collapse-container"), this.$wrapper = this.$container.querySelector(".wrapper"), d(this, Jt, Bi).call(this) && d(this, Zt, Gi).call(this), d(this, Qt, Ri).call(this));
-}, Jt = new WeakSet(), Bi = function() {
+Zt = new WeakSet(), Xi = function() {
+  this.$element && (this.$container = this.$element.querySelector(".collapse-container"), this.$wrapper = this.$container.querySelector(".wrapper"), d(this, Qt, Ri).call(this) && d(this, Vt, Fi).call(this), d(this, Kt, Yi).call(this));
+}, Qt = new WeakSet(), Ri = function() {
   const i = this.$element.querySelector(".drag-container"), t = i.querySelector(".wrapper");
   return t.scrollWidth - t.clientWidth > 0 ? (i.insertAdjacentHTML(E.append, '<div class="open-collapse"></div>'), this.$button = i.querySelector(".open-collapse"), !0) : !1;
-}, Zt = new WeakSet(), Gi = function() {
+}, Vt = new WeakSet(), Fi = 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);
-}, Qt = new WeakSet(), Ri = function() {
-  const { $element: i } = this, t = (s, o) => {
+}, Kt = new WeakSet(), Yi = function() {
+  const { $element: i } = this, t = (n, 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();
+      const a = n.getAttribute("data-option").trim();
       i.setAttribute("m4-status", a);
     }
   };
   function e() {
     t(this);
   }
-  this.$container.querySelectorAll(".item").forEach((s) => {
-    s.removeEventListener("click", e), s.addEventListener("click", e);
+  this.$container.querySelectorAll(".item").forEach((n) => {
+    n.removeEventListener("click", e), n.addEventListener("click", e);
   });
 };
-const Rs = (n) => {
-  const { type: i, option: t, originalDomString: e } = n.s, s = document.createElement("div");
-  return i == "drag" && (s.innerHTML = H.TEMPLATE[i]().trim(), s.querySelector(".drag-container .wrapper").insertAdjacentHTML(E.append, e)), i == "collapse" && (s.innerHTML = H.TEMPLATE[i](t == null ? void 0 : t.collapse).trim(), s.querySelector(".drag-container .wrapper").insertAdjacentHTML(E.append, e), s.querySelector(".collapse-container .wrapper").insertAdjacentHTML(E.append, e)), i == "dropdown" && (s.innerHTML = H.TEMPLATE[i](t == null ? void 0 : t.dropdown).trim(), s.querySelector("dropdown-el").insertAdjacentHTML(E.append, e)), s.children;
+const Qs = (s) => {
+  const { type: i, option: t, originalDomString: e } = s.s, n = document.createElement("div");
+  return i == "drag" && (n.innerHTML = H.TEMPLATE[i]().trim(), n.querySelector(".drag-container .wrapper").insertAdjacentHTML(E.append, e)), i == "collapse" && (n.innerHTML = H.TEMPLATE[i](t == null ? void 0 : t.collapse).trim(), n.querySelector(".drag-container .wrapper").insertAdjacentHTML(E.append, e), n.querySelector(".collapse-container .wrapper").insertAdjacentHTML(E.append, e)), i == "dropdown" && (n.innerHTML = H.TEMPLATE[i](t == null ? void 0 : t.dropdown).trim(), n.querySelector("dropdown-el").insertAdjacentHTML(E.append, e)), n.children;
 };
-var Vt, Xi, Kt, Fi, et, ke, B, ht;
-class Xs extends HTMLElement {
+var te, Ui, ee, Ji, et, Ce, B, pt;
+class Vs extends HTMLElement {
   constructor() {
     super();
-    h(this, Vt);
-    h(this, Kt);
+    h(this, te);
+    h(this, ee);
     // 斷點設定
     h(this, et);
     // check type
@@ -2838,159 +2906,159 @@ class Xs extends HTMLElement {
   static get observedAttributes() {
     return ["m4-type", "m4-status"];
   }
-  attributeChangedCallback(t, e, s) {
+  attributeChangedCallback(t, e, n) {
     var o, a, r;
     switch (t) {
       case "m4-type":
-        if (e === null || e === s)
+        if (e === null || e === n)
           return;
-        this.s.type = s, d(this, B, ht).call(this);
+        this.s.type = n, d(this, B, pt).call(this);
         break;
       case "m4-status":
-        if (e === s)
+        if (e === n)
           return;
         const l = this.getAttribute("m4-type");
         if (l !== "drag" && l !== "collapse")
           return;
         this.querySelectorAll(".drag-container .item").forEach((c) => {
           c.classList.remove("active");
-        }), (o = this.querySelector(`.drag-container .item[data-option="${s}"]`)) == null || o.classList.add("active"), l === "collapse" && (this.querySelectorAll(".collapse-container .item").forEach((c) => {
+        }), (o = this.querySelector(`.drag-container .item[data-option="${n}"]`)) == null || o.classList.add("active"), l === "collapse" && (this.querySelectorAll(".collapse-container .item").forEach((c) => {
           c.classList.remove("active");
-        }), (a = this.querySelector(`.collapse-container .item[data-option="${s}"]`)) == null || a.classList.add("active")), (r = this.constructor.drag) == null || r.update(this);
+        }), (a = this.querySelector(`.collapse-container .item[data-option="${n}"]`)) == null || a.classList.add("active")), (r = this.constructor.drag) == null || r.update(this);
         break;
     }
   }
   connectedCallback() {
-    this.initialize || this.classList.contains("m4-init") || (this.initialize = !0, d(this, Vt, Xi).call(this));
+    this.initialize || this.classList.contains("m4-init") || (this.initialize = !0, d(this, te, Ui).call(this));
   }
   update() {
-    d(this, et, ke).call(this);
+    d(this, et, Ce).call(this);
   }
 }
-Vt = new WeakSet(), Xi = function() {
+te = new WeakSet(), Ui = function() {
   let t = {};
   this.hasAttribute("m4-value") || this.setAttribute("m4-value", ""), this.s.type = this.getAttribute("m4-type") ?? H.SETTINGS.type, this.hasAttribute("m4-option") && (t = this.getAttribute("m4-option") ? JSON.parse(this.getAttribute("m4-option")) : {}, this.removeAttribute("m4-option"));
-  const e = (s) => {
-    if (s.type === "resize") {
+  const e = (n) => {
+    if (n.type === "resize") {
       if (window.innerWidth === this.previousWidth)
         return;
       this.previousWidth = window.innerWidth;
     }
     this.update();
   };
-  window.removeEventListener("resize", pt(e)), window.addEventListener("resize", pt(e)), this.s.option = {}, this.s.option.drag = Object.assign({}, H.SETTINGS.drag, t == null ? void 0 : t.drag), this.s.option.collapse = Object.assign({}, H.SETTINGS.collapse, t == null ? void 0 : t.collapse), this.s.option.dropdown = Object.assign({}, H.SETTINGS.dropdown, t == null ? void 0 : t.dropdown), this.s.option.breakpoint = Object.assign({}, H.SETTINGS.breakpoint, t == null ? void 0 : t.breakpoint), d(this, Kt, Fi).call(this);
-}, Kt = new WeakSet(), Fi = function() {
-  this.classList.add("m4-init"), d(this, et, ke).call(this);
-}, et = new WeakSet(), ke = function() {
+  window.removeEventListener("resize", ft(e)), window.addEventListener("resize", ft(e)), this.s.option = {}, this.s.option.drag = Object.assign({}, H.SETTINGS.drag, t == null ? void 0 : t.drag), this.s.option.collapse = Object.assign({}, H.SETTINGS.collapse, t == null ? void 0 : t.collapse), this.s.option.dropdown = Object.assign({}, H.SETTINGS.dropdown, t == null ? void 0 : t.dropdown), this.s.option.breakpoint = Object.assign({}, H.SETTINGS.breakpoint, t == null ? void 0 : t.breakpoint), d(this, ee, Ji).call(this);
+}, ee = new WeakSet(), Ji = function() {
+  this.classList.add("m4-init"), d(this, et, Ce).call(this);
+}, et = new WeakSet(), Ce = function() {
   const t = Object.keys(this.s.option.breakpoint);
   if (!t.length) {
-    d(this, B, ht).call(this);
+    d(this, B, pt).call(this);
     return;
   }
-  t.map((e) => Number(e)).sort((e, s) => s - e).some((e) => {
-    var s, o, a, r;
-    return window.innerWidth >= e && (this.s.type = (s = this.s.option.breakpoint[e]) == null ? void 0 : s.type, this.setAttribute("m4-type", this.s.type), this.s.option.drag = Object.assign({}, this.s.option.drag, (o = this.s.option.breakpoint[e]) == null ? void 0 : o.drag), this.s.option.collapse = Object.assign({}, this.s.option.collapse, (a = this.s.option.breakpoint[e]) == null ? void 0 : a.collapse), this.s.option.dropdown = Object.assign({}, this.s.option.dropdown, (r = this.s.option.breakpoint[e]) == null ? void 0 : r.dropdown)), d(this, B, ht).call(this), window.innerWidth >= e;
+  t.map((e) => Number(e)).sort((e, n) => n - e).some((e) => {
+    var n, o, a, r;
+    return window.innerWidth >= e && (this.s.type = (n = this.s.option.breakpoint[e]) == null ? void 0 : n.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, B, pt).call(this), window.innerWidth >= e;
   });
-}, B = new WeakSet(), ht = function() {
+}, B = new WeakSet(), pt = function() {
   var o;
   const { type: t } = this.s;
-  this.innerHTML = "", [...Rs(this)].forEach((a) => {
+  this.innerHTML = "", [...Qs(this)].forEach((a) => {
     this.append(a);
   });
-  const e = this.querySelector(`.drag-container .item[data-option="${this.getAttribute("m4-status")}"]`), s = this.querySelector(`.collapse-container .item[data-option="${this.getAttribute("m4-status")}"]`);
-  switch (e == null || e.classList.add("active"), s == null || s.classList.add("active"), t) {
+  const e = this.querySelector(`.drag-container .item[data-option="${this.getAttribute("m4-status")}"]`), n = this.querySelector(`.collapse-container .item[data-option="${this.getAttribute("m4-status")}"]`);
+  switch (e == null || e.classList.add("active"), n == null || n.classList.add("active"), t) {
     case "drag":
-      this.constructor.drag = new Ge(this);
+      this.constructor.drag = new Fe(this);
       break;
     case "collapse":
-      this.constructor.drag = new Ge(this), this.constructor.collapse = new Gs(this);
+      this.constructor.drag = new Fe(this), this.constructor.collapse = new Zs(this);
       break;
   }
   (o = this.constructor.drag) == null || o.update(this);
 };
-customElements.define("multipurpose-nav", Xs);
-var te, Ui, ee, Ji, it, $e, P, F, ie, Zi, se, Qi, ne, Vi, oe, Ki, ae, ts, re, es, le, is, ce, ss, de, ns, q, z, ue, os, he, as, pe, rs, me, ls;
-class Yi extends HTMLElement {
+customElements.define("multipurpose-nav", Vs);
+var ie, Qi, se, Vi, it, He, P, F, ne, Ki, oe, ts, ae, es, re, is, le, ss, ce, ns, de, os, ue, as, he, rs, O, z, pe, ls, me, cs, fe, ds, ge, us;
+class Zi extends HTMLElement {
   // 定義組件的初始狀態
   constructor(t, e) {
     super();
-    h(this, te);
-    h(this, ee);
+    h(this, ie);
+    h(this, se);
     // 第一關 判斷數量以及id設定
     h(this, it);
     // 第二關 id命名提醒
     h(this, P);
-    h(this, ie);
-    h(this, se);
     h(this, ne);
+    h(this, oe);
+    h(this, ae);
     // 執行函式
     // 移動至指定位置
-    h(this, oe);
+    h(this, re);
     // 移動
-    h(this, ae);
+    h(this, le);
     // 步驟狀態
-    h(this, re);
+    h(this, ce);
     // next 按鈕狀態
-    h(this, le);
+    h(this, de);
     // prev 按鈕狀態
-    h(this, ce);
+    h(this, ue);
     // 頁籤狀態
-    h(this, de);
+    h(this, he);
     // 第三關各種元件判斷 及 執行
-    h(this, q);
+    h(this, O);
     // 消失動畫
-    h(this, ue);
+    h(this, pe);
     // 出現動畫
-    h(this, he);
+    h(this, me);
     // 狀態
-    h(this, pe);
+    h(this, fe);
     // resize
-    h(this, me);
+    h(this, ge);
   }
   // 當組件的屬性被更改時會被呼叫
   static get observedAttributes() {
     return ["t4-active"];
   }
-  attributeChangedCallback(t, e, s) {
-    t === "t4-active" && e !== s && d(this, pe, rs).call(this, s);
+  attributeChangedCallback(t, e, n) {
+    t === "t4-active" && e !== n && d(this, fe, ds).call(this, n);
   }
   connectedCallback() {
-    this.classList.contains("t4-initialize") || d(this, te, Ui).call(this);
+    this.classList.contains("t4-initialize") || d(this, ie, Qi).call(this);
   }
   //  ------------- 我是分隔線呦 -------------
   // 頁籤切換
   tabClick(t) {
-    const { t: e } = this, s = e.tabs.indexOf(t) % e.tabPanels.length, o = e.tabGroup === "true" ? String(s) : t.getAttribute("t4-id");
+    const { t: e } = this, n = e.tabs.indexOf(t) % e.tabPanels.length, o = e.tabGroup === "true" ? String(n) : t.getAttribute("t4-id");
     this.setActiveTab(o), setTimeout(() => {
-      d(this, q, z).call(this, "eventAnchor");
+      d(this, O, z).call(this, "eventAnchor");
     }, e.transition.duration);
   }
   // 外部呼叫方法 $0.setActiveTab(0)
   setActiveTab(t) {
-    const { t: e } = this, s = t === "" ? e.tabPanels[0].getAttribute("t4-id") : t;
-    e.activeTab = s, this.setAttribute("t4-active", s);
-    const o = d(this, P, F).call(this, s);
+    const { t: e } = this, n = t === "" ? e.tabPanels[0].getAttribute("t4-id") : t;
+    e.activeTab = n, this.setAttribute("t4-active", n);
+    const o = d(this, P, F).call(this, n);
     e.tabPanels.forEach((a, r) => {
-      r === o ? d(this, he, as).call(this, r) : d(this, ue, os).call(this, r);
+      r === o ? d(this, me, cs).call(this, r) : d(this, pe, ls).call(this, r);
     });
   }
   // 外部呼叫方法 $0.goNext()
   goNext() {
-    const t = d(this, P, F).call(this, this.t.activeTab), e = Math.min(this.t.tabPanels.length - 1, t + 1), s = this.t.tabPanels[e].getAttribute("t4-id");
-    this.setActiveTab(s);
+    const t = d(this, P, F).call(this, this.t.activeTab), e = Math.min(this.t.tabPanels.length - 1, t + 1), n = this.t.tabPanels[e].getAttribute("t4-id");
+    this.setActiveTab(n);
   }
   // 外部呼叫方法 $0.goPrev()
   goPrev() {
-    const t = d(this, P, F).call(this, this.t.activeTab), e = Math.max(0, t - 1), s = this.t.tabPanels[e].getAttribute("t4-id");
-    this.setActiveTab(s);
+    const t = d(this, P, F).call(this, this.t.activeTab), e = Math.max(0, t - 1), n = this.t.tabPanels[e].getAttribute("t4-id");
+    this.setActiveTab(n);
   }
   // 外部呼叫方法 $0.update()
   update() {
-    this.t.tabs = d(this, it, $e).call(this), cs(), console.log("tab update!!!!");
+    this.t.tabs = d(this, it, He).call(this), hs(), console.log("tab update!!!!");
   }
 }
-te = new WeakSet(), Ui = function() {
-  const t = this.getAttribute("t4-name"), { SETTINGS: e } = Ue;
+ie = new WeakSet(), Qi = function() {
+  const t = this.getAttribute("t4-name"), { SETTINGS: e } = Qe;
   document.querySelectorAll(`tab-el[t4-name=${t}]`).length > 1 && console.warn(t, "名字有重複喔！！！"), this.t = {
     tabs: [],
     name: t,
@@ -3009,112 +3077,112 @@ te = new WeakSet(), Ui = function() {
       delay: this.getAttribute("t4-delay") || e.transition.delay
     },
     tabGroup: this.getAttribute("t4-group") || e.tabGroup
-  }, this.__events__ = {}, this.t.tabs = d(this, it, $e).call(this), this.t.step = document.querySelector(`[t4-control="${this.t.name}"]${this.t.stepOutput}`), d(this, ee, Ji).call(this);
-}, ee = new WeakSet(), Ji = function() {
-  if (this.t.activeTab = this.t.defaultPage, this.t.display === "swiper" && d(this, ie, Zi).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, me, ls).call(this);
-}, it = new WeakSet(), $e = function() {
+  }, this.__events__ = {}, this.t.tabs = d(this, it, He).call(this), this.t.step = document.querySelector(`[t4-control="${this.t.name}"]${this.t.stepOutput}`), d(this, se, Vi).call(this);
+}, se = new WeakSet(), Vi = function() {
+  if (this.t.activeTab = this.t.defaultPage, this.t.display === "swiper" && d(this, ne, Ki).call(this), this.t.recordUrl) {
+    const e = new URLSearchParams(document.location.search).get(this.t.name), n = document.querySelectorAll(`[t4-name="${this.t.name}"] .tab-panel[t4-id="${e}"]`);
+    e && n.length === 1 ? this.t.activeTab = e : console.warn(`沒有${e}這頁喔！！`);
+  }
+  this.setActiveTab(this.t.activeTab), this.classList.add("t4-initialize"), d(this, ge, us).call(this);
+}, it = new WeakSet(), He = 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！！");
+  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((n, o) => n.setAttribute("t4-id", o)) : t.tabPanels.forEach((n) => {
+    n.getAttribute("t4-id") || console.warn(n, "請幫我設定id！！");
   }), e;
 }, P = new WeakSet(), F = 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];
+  const { t: e } = this, n = e.tabPanels.filter((a) => a.getAttribute("t4-id") === t);
+  n.length > 1 && console.warn("有兩個相同id設定", n);
+  const o = n[0];
   return o ? e.tabPanels.indexOf(o) : (console.warn(`找不到t4-id為${t}的頁籤`), 0);
-}, ie = new WeakSet(), Zi = function() {
+}, ne = new WeakSet(), Ki = 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, se, Qi).call(this);
-}, se = new WeakSet(), Qi = function() {
-  const t = this.querySelector(".swiper-container"), e = this.querySelector(".swiper-wrapper"), s = this.t.tabPanels;
+  e.classList.add("swiper-wrapper"), this.t.tabPanels.forEach((n) => {
+    e.appendChild(n.cloneNode(!0));
+  }), this.t.tabPanels = [...e.children], t.appendChild(e), this.innerHTML = "", this.appendChild(t), d(this, oe, ts).call(this);
+}, oe = new WeakSet(), ts = function() {
+  const t = this.querySelector(".swiper-container"), e = this.querySelector(".swiper-wrapper"), n = this.t.tabPanels;
   t.style.overflow = "hidden", e.style.display = "flex";
-  const o = s.length * 100 + "%";
+  const o = n.length * 100 + "%";
   e.style.width = o;
-}, ne = new WeakSet(), Vi = function(t) {
+}, ae = new WeakSet(), es = 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()}`;
+    const n = new URLSearchParams(document.location.search);
+    n.set(e.name, t);
+    const o = `${window.location.pathname}?${n.toString()}`;
     history.replaceState({ t4Id: t }, "", o);
   }
-}, oe = new WeakSet(), Ki = function() {
+}, re = new WeakSet(), is = function() {
   const t = parseInt(this.t.gap, 10), e = window.pageYOffset, o = this.getBoundingClientRect().top + e - t;
-  d(this, ae, ts).call(this, o);
-}, ae = new WeakSet(), ts = function(t) {
+  d(this, le, ss).call(this, o);
+}, le = new WeakSet(), ss = function(t) {
   window.scrollTo({
     top: t,
     behavior: "smooth"
   });
-}, re = new WeakSet(), es = function(t) {
+}, ce = new WeakSet(), ns = function(t) {
   let e = parseInt(t, 10) + 1;
   this.t.step.textContent = `${e}`, this.t.step.setAttribute("now-page", e);
-}, le = new WeakSet(), is = 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;
+}, de = new WeakSet(), os = function(t) {
+  const e = document.querySelectorAll(`[t4-role="next"][t4-control="${this.t.name}"]`), n = this.t.tabPanels.length === 1, o = t === this.t.tabPanels.length - 1;
   e.forEach((a) => {
-    s || o ? a.setAttribute("disabled", "") : a.removeAttribute("disabled");
+    n || o ? a.setAttribute("disabled", "") : a.removeAttribute("disabled");
   });
-}, ce = new WeakSet(), ss = function(t) {
-  const e = document.querySelectorAll(`[t4-role="prev"][t4-control="${this.t.name}"]`), s = this.t.tabPanels.length === 1, o = t === 0;
+}, ue = new WeakSet(), as = function(t) {
+  const e = document.querySelectorAll(`[t4-role="prev"][t4-control="${this.t.name}"]`), n = this.t.tabPanels.length === 1, o = t === 0;
   e.forEach((a) => {
-    s || o ? a.setAttribute("disabled", "") : a.removeAttribute("disabled");
+    n || o ? a.setAttribute("disabled", "") : a.removeAttribute("disabled");
   });
-}, de = new WeakSet(), ns = 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);
+}, he = new WeakSet(), rs = function(t, e) {
+  this.t.tabGroup === "true" ? this.t.tabs.forEach((n, o) => {
+    o == t ? n.setAttribute("aria-selected", !0) : n.setAttribute("aria-selected", !1);
+  }) : this.t.tabs.forEach((n, o) => {
+    n.getAttribute("t4-id") === e ? n.setAttribute("aria-selected", !0) : n.setAttribute("aria-selected", !1);
   });
-}, q = new WeakSet(), z = function(t, e, s) {
+}, O = new WeakSet(), z = function(t, e, n) {
   switch (t) {
     case "step":
-      we(this.t.step) && d(this, re, es).call(this, e);
+      Ee(this.t.step) && d(this, ce, ns).call(this, e);
       break;
     case "eventAnchor":
-      this.t.anchor && d(this, oe, Ki).call(this);
+      this.t.anchor && d(this, re, is).call(this);
       break;
     case "tabState":
-      this.t.type == "normal" && d(this, de, ns).call(this, e, s);
+      this.t.type == "normal" && d(this, he, rs).call(this, e, n);
       break;
     case "btnState":
-      d(this, le, is).call(this, e), d(this, ce, ss).call(this, e);
+      d(this, de, os).call(this, e), d(this, ue, as).call(this, e);
       break;
     case "tabUrl":
-      this.t.recordUrl === "true" && d(this, ne, Vi).call(this, e);
+      this.t.recordUrl === "true" && d(this, ae, es).call(this, e);
       break;
     default:
       console.warn("請增加判斷，謝謝");
       break;
   }
-}, ue = new WeakSet(), os = function(t) {
+}, pe = new WeakSet(), ls = 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) {
+  const n = e.tabPanels[t];
+  switch (n.classList.remove("show"), n.classList.add("hide"), e.display) {
     case "fade":
-      s.style.cssText = "display: none; opacity: 0;";
+      n.style.cssText = "display: none; opacity: 0;";
       break;
     case "slide":
-      s.style.cssText = "display: none; opacity: 0; max-height: unset;";
+      n.style.cssText = "display: none; opacity: 0; max-height: unset;";
       break;
     case "swiper":
       break;
     default:
-      s.style.display = "none";
+      n.style.display = "none";
       break;
   }
-}, he = new WeakSet(), as = function(t) {
-  const { duration: e, timing: s, delay: o } = this.t.transition, a = this.t.tabPanels[t];
+}, me = new WeakSet(), cs = function(t) {
+  const { duration: e, timing: n, 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) {
+  switch (a.classList.add("show"), a.classList.remove("hide"), a.style.transition = `opacity ${e}ms ${n} ${o}ms`, a.style.display = "block", this.t.display) {
     case "fade":
       a.style.opacity = "0", r = setTimeout(() => {
         clearTimeout(r), a.style.opacity = "1";
@@ -3130,41 +3198,41 @@ te = new WeakSet(), Ui = function() {
     case "swiper":
       a.style.opacity = "1";
       const c = this.querySelector(".swiper-wrapper"), u = this.t.tabPanels[0].offsetWidth, p = -t * u;
-      c.style.transition = `transform ${e}ms ${s} ${o}ms`, c.style.transform = `translateX(${p}px)`;
+      c.style.transition = `transform ${e}ms ${n} ${o}ms`, c.style.transform = `translateX(${p}px)`;
       break;
     default:
       console.warn(this.t.display, "沒有這個效果請自己想辦法!!!!");
       break;
   }
-}, pe = new WeakSet(), rs = function(t) {
+}, fe = new WeakSet(), ds = function(t) {
   const e = d(this, P, F).call(this, t);
-  d(this, q, z).call(this, "step", e), d(this, q, z).call(this, "btnState", e), d(this, q, z).call(this, "tabState", e, t), d(this, q, z).call(this, "tabUrl", t), this.emit("change");
-}, me = new WeakSet(), ls = function() {
+  d(this, O, z).call(this, "step", e), d(this, O, z).call(this, "btnState", e), d(this, O, z).call(this, "tabState", e, t), d(this, O, z).call(this, "tabUrl", t), this.emit("change");
+}, ge = new WeakSet(), us = function() {
   const t = this;
   window.addEventListener(
     "resize",
-    Fs(() => {
+    Ks(() => {
       t.update();
     }, 1e3)
   );
 };
-function Fs(n, i = 1e3) {
+function Ks(s, i = 1e3) {
   let t;
   return function(e) {
-    t && clearTimeout(t), t = setTimeout(n, i, e);
+    t && clearTimeout(t), t = setTimeout(s, i, e);
   };
 }
-function cs() {
-  const n = document.querySelectorAll("[t4-control]");
+function hs() {
+  const s = document.querySelectorAll("[t4-control]");
   document.addEventListener("click", function(i) {
     let t = !1;
-    for (const e of n)
+    for (const e of s)
       if (e.contains(i.target) || i.target.closest("[t4-control]") === e) {
         t = !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");
+      const e = i.target.closest("[t4-control]"), n = e.getAttribute("t4-control"), o = document.querySelectorAll(`tab-el[t4-name="${n}"]`), a = e.getAttribute("t4-role");
       o.forEach((r) => {
         switch (a) {
           case "tab":
@@ -3184,97 +3252,97 @@ function cs() {
     }
   });
 }
-cs();
-Object.assign(Yi.prototype, O);
-customElements.define("tab-el", Yi);
-const Re = (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";
-}, Ys = (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";
+hs();
+Object.assign(Zi.prototype, I);
+customElements.define("tab-el", Zi);
+const Ye = (s) => {
+  const { defaultOptions: i } = s.collapse, { collapseClass: t, target: e, transition: n } = i, o = s.querySelector(e);
+  s.classList.add(t), 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";
+}, tn = (s) => {
+  const { defaultOptions: i } = s.collapse, { collapseClass: t, target: e, transition: n } = i, o = s.querySelector(e), a = o.children[0].offsetHeight;
+  s.collapse.height = a, s.classList.remove(t), 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 st, xe, ge, ds, fe, us, nt, Ce;
-class Us {
+var st, Me, ve, ps, be, ms, nt, Oe;
+class en {
   constructor(i, t = {}) {
     h(this, st);
-    h(this, ge);
-    h(this, fe);
+    h(this, ve);
+    h(this, be);
     h(this, nt);
-    !at(i) && !we(i) && !rt(i) && !w(i) || (this.__storage__ = {
+    !rt(i) && !Ee(i) && !lt(i) && !w(i) || (this.__storage__ = {
       el: i,
       options: t
-    }, this.active = "data-collapse-active", d(this, st, xe).call(this));
+    }, this.active = "data-collapse-active", d(this, st, Me).call(this));
   }
   update() {
-    d(this, st, xe).call(this);
+    d(this, st, Me).call(this);
   }
 }
-st = new WeakSet(), xe = function() {
-  const { el: i, options: t } = this.__storage__, { SETTINGS: e, EVENTS: s } = Je;
-  if (this.elements = t.state == "not active" ? L(i + `:not([${this.active}])`) : L(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
+st = new WeakSet(), Me = function() {
+  const { el: i, options: t } = this.__storage__, { SETTINGS: e, EVENTS: n } = Ve;
+  if (this.elements = t.state == "not active" ? L(i + `:not([${this.active}])`) : L(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, n), this.options.on)
     for (const [o, a] of Object.entries(this.options.on))
       this.__events__[o] = [a];
-  d(this, ge, ds).call(this);
-}, ge = new WeakSet(), ds = function() {
+  d(this, ve, ps).call(this);
+}, ve = new WeakSet(), ps = 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, fe, us).call(this, e);
+    e.collapse = {}, e.collapse.instance = this, e.collapse.defaultOptions = t, e.collapse.methods = {}, e.collapse.methods.update = this.update, e.setAttribute(this.active, ""), d(this, be, ms).call(this, e);
   }), this.emit("init");
-}, fe = new WeakSet(), us = 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, nt, Ce)), c.addEventListener("click", d(this, nt, Ce)), r) {
-    const p = (g) => {
-      g.stopPropagation();
+}, be = new WeakSet(), ms = function(i) {
+  const { options: t } = this, { collapseClass: e, block: n, 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, nt, Oe)), c.addEventListener("click", d(this, nt, Oe)), r) {
+    const p = (f) => {
+      f.stopPropagation();
     };
     u.removeEventListener("click", p), u.addEventListener("click", p);
   }
-}, nt = new WeakSet(), Ce = function() {
-  const { instance: i, defaultOptions: t } = this.collapse, { collapseClass: e, block: s, target: o, single: a } = t, r = this;
+}, nt = new WeakSet(), Oe = function() {
+  const { instance: i, defaultOptions: t } = this.collapse, { collapseClass: e, block: n, target: o, single: a } = t, r = this;
   r.classList.contains(e) ? (a && r.parentNode.querySelectorAll(`.${r.classList[0]}`).forEach((l) => {
-    Re(l);
-  }), Ys(r)) : Re(r), i.emit("afterCollapse");
+    Ye(l);
+  }), tn(r)) : Ye(r), i.emit("afterCollapse");
 };
-Object.assign(Us.prototype, O);
-function Js(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(en.prototype, I);
+function sn(s, i) {
+  const t = i, { color: e, opacity: n, duration: o } = i.s.options;
+  let a = document.createElement("span"), r = s.clientX - t.getBoundingClientRect().left, l = s.clientY - t.getBoundingClientRect().top;
+  a.style.cssText = `background: ${e};left: ${r}px;top: ${l}px;opacity: ${n};animation-duration: ${o}ms`, a.classList.add("circle"), t.appendChild(a), setTimeout(function() {
     a.remove();
   }, `${o}`);
 }
-function hs() {
-  document.querySelectorAll("ripple-btn").forEach((n) => {
-    n.querySelector(".hover-ball"), n.style.setProperty("--r", ""), n.classList.remove("entered");
+function fs() {
+  document.querySelectorAll("ripple-btn").forEach((s) => {
+    s.querySelector(".hover-ball"), s.style.setProperty("--r", ""), s.classList.remove("entered");
   });
 }
-document.addEventListener("click", hs);
-var ot, He, ve, ps, be, ms, ye, gs;
-class Zs extends HTMLElement {
+document.addEventListener("click", fs);
+var ot, qe, ye, gs, we, vs, Te, bs;
+class nn extends HTMLElement {
   constructor() {
     super();
     h(this, ot);
-    h(this, ve);
-    h(this, be);
     h(this, ye);
+    h(this, we);
+    h(this, Te);
     this.initialize = !1;
   }
   connectedCallback() {
     const t = this;
-    t.initialize || t.classList.contains("r4-initialize") || (t.initialize = !0, d(this, ot, He).call(this));
+    t.initialize || t.classList.contains("r4-initialize") || (t.initialize = !0, d(this, ot, qe).call(this));
   }
   update() {
-    this.classList.remove("r4-initialize"), this.querySelector("i.hover-ball").remove(), d(this, ot, He).call(this);
+    this.classList.remove("r4-initialize"), this.querySelector("i.hover-ball").remove(), d(this, ot, qe).call(this);
   }
 }
-ot = new WeakSet(), He = function() {
-  const { SETTINGS: t } = Ze;
+ot = new WeakSet(), qe = function() {
+  const { SETTINGS: t } = Ke;
   this.s = {};
   function e(o) {
     let a = !!o;
     return a = o === "true", a;
   }
-  const s = {
+  const n = {
     color: this.getAttribute("r4-color") || t.color,
     opacity: this.getAttribute("r4-opacity") || t.opacity,
     duration: Number(this.getAttribute("r4-duration")) || t.duration,
@@ -3282,21 +3350,21 @@ ot = new WeakSet(), He = function() {
     hover: this.getAttribute("r4-hover") ? e(this.getAttribute("r4-hover")) : t.hover,
     click: this.getAttribute("r4-hover-click") ? e(this.getAttribute("r4-hover-click")) : t.click
   };
-  this.s.options = s, this.s.options.hover && this.classList.add("hover-btn"), d(this, ve, ps).call(this);
-}, ve = new WeakSet(), ps = function() {
-  d(this, be, ms).call(this), d(this, ye, gs).call(this), this.classList.add("r4-initialize");
-}, be = new WeakSet(), ms = function() {
+  this.s.options = n, this.s.options.hover && this.classList.add("hover-btn"), d(this, ye, gs).call(this);
+}, ye = new WeakSet(), gs = function() {
+  d(this, we, vs).call(this), d(this, Te, bs).call(this), this.classList.add("r4-initialize");
+}, we = new WeakSet(), vs = function() {
   const t = this, e = document.createElement("i");
   e.classList.add("hover-ball"), e.style.transitionDuration = `${t.s.options.speed}ms`, t.appendChild(e);
-}, ye = new WeakSet(), gs = function() {
+}, Te = new WeakSet(), bs = function() {
   const t = this.querySelector("i.hover-ball"), e = this;
   e.addEventListener("click", function(a) {
-    a.stopPropagation(), e.s.options.click && Js(a, e);
+    a.stopPropagation(), e.s.options.click && sn(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" && hs(), e.s.options.hover) {
-      const r = Math.round(s === "mouseenter" ? a.clientX - e.getBoundingClientRect().left : a.changedTouches[0].clientX - e.getBoundingClientRect().x), l = Math.round(s === "mouseenter" ? a.clientY - e.getBoundingClientRect().top : a.changedTouches[0].clientY - e.getBoundingClientRect().y), { offsetWidth: c, offsetHeight: u } = e, p = Math.max(c, u);
+  let n = "ontouchstart" in document.documentElement ? "touchstart" : "mouseenter", o = "ontouchend" in document.documentElement ? "touchend" : "mouseleave";
+  e.addEventListener(n, function(a) {
+    if (n === "touchstart" && fs(), e.s.options.hover) {
+      const r = Math.round(n === "mouseenter" ? a.clientX - e.getBoundingClientRect().left : a.changedTouches[0].clientX - e.getBoundingClientRect().x), l = Math.round(n === "mouseenter" ? a.clientY - e.getBoundingClientRect().top : a.changedTouches[0].clientY - e.getBoundingClientRect().y), { offsetWidth: c, offsetHeight: u } = e, p = Math.max(c, u);
       t.style.width = p * 2 + "px", t.style.height = p * 2 + "px", t.style.left = r + "px", t.style.top = l + "px", e.classList.add("entered");
     }
   }), e.addEventListener(o, function(a) {
@@ -3306,8 +3374,8 @@ ot = new WeakSet(), He = function() {
     }
   });
 };
-customElements.define("ripple-btn", Zs);
-class Qs {
+customElements.define("ripple-btn", nn);
+class on {
   constructor() {
     this.init();
   }
@@ -3340,7 +3408,7 @@ class Qs {
         `, c.appendChild(t(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;
@@ -3353,22 +3421,22 @@ class Qs {
         `;
       });
     }
-    window.addEventListener("resize", s);
+    window.addEventListener("resize", n);
   }
   reValidate() {
     this.init();
   }
 }
-function Xe(n, i) {
-  return n ? function(t, e) {
-    Function(n)(t, e);
+function Ue(s, i) {
+  return s ? function(t, e) {
+    Function(s)(t, e);
   } : i;
 }
-function Vs(n, i, t, e) {
-  const s = i.params, o = n.closest("[data-upload-item]").querySelector("[data-preview]");
+function an(s, i, t, e) {
+  const n = i.params, o = s.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 a = s.dataset.group, r = document.querySelector(i.el).dataset.index;
+  if (n.compress) {
     const l = t.name.substring(t.name.lastIndexOf(".")).replace("."), c = t.name.replace(`.${l}`, "");
     e.originalCanvas.toBlob(
       function(u) {
@@ -3376,43 +3444,43 @@ function Vs(n, i, t, e) {
         uploadImage[`${a}`][r] = {
           file: p,
           info: e
-        }, s.on.changeAfter && typeof s.on.changeAfter == "function" && s.on.changeAfter(n, e);
+        }, n.on.changeAfter && typeof n.on.changeAfter == "function" && n.on.changeAfter(s, e);
       },
       t.type,
-      s.compress
+      n.compress
     );
   } else
     uploadImage[`${a}`][r] = {
       file: t,
       info: e
-    }, s.on.changeAfter && typeof s.on.changeAfter == "function" && s.on.changeAfter(n, e);
+    }, n.on.changeAfter && typeof n.on.changeAfter == "function" && n.on.changeAfter(s, e);
 }
-function Ks(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;
+function rn(s, i, t, e) {
+  const n = document.createElement("canvas"), o = n.getContext("2d"), a = i.width, l = i.height / a * 100, c = e / t * 100;
   let u = 0, p = 0;
-  switch (s.width = t, s.height = e, n.previewSize) {
+  switch (n.width = t, n.height = e, s.previewSize) {
     case "contain":
-      l < c ? (u = s.width, p = t * l / 100) : l > c ? (u = e / l * 100, p = s.height) : (u = s.width, p = s.height);
+      l < c ? (u = n.width, p = t * l / 100) : l > c ? (u = e / l * 100, p = n.height) : (u = n.width, p = n.height);
       break;
     case "cover":
-      l < c ? (u = e / l * 100, p = s.height) : l > c ? (u = s.width, p = t * l / 100) : l === c && (u = s.width, p = s.height);
+      l < c ? (u = e / l * 100, p = n.height) : l > c ? (u = n.width, p = t * l / 100) : l === c && (u = n.width, p = n.height);
       break;
   }
-  const g = (s.width - u) * 0.5, m = (s.height - p) * 0.5;
-  return o.drawImage(i, g, m, u, p), s;
+  const f = (n.width - u) * 0.5, m = (n.height - p) * 0.5;
+  return o.drawImage(i, f, m, u, p), n;
 }
-function tn(n, i) {
+function ln(s, i) {
   return new Promise((t, e) => {
     if (i) {
-      const s = new Image();
-      s.src = i, s.classList.add(n.previewSize), s.onload = () => {
+      const n = new Image();
+      n.src = i, n.classList.add(s.previewSize), n.onload = () => {
         let o = {
-          imgElement: s,
-          originalCanvas: Ks(n, s, s.width, s.height),
+          imgElement: n,
+          originalCanvas: rn(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);
@@ -3421,31 +3489,31 @@ function tn(n, i) {
       t();
   });
 }
-function en(n, i) {
+function cn(s, i) {
   const t = Math.pow(10, i);
-  return Math.round(n * t) / t;
+  return Math.round(s * t) / t;
 }
-function sn(n, i) {
-  let t = n.size / 1024 / 1024;
-  return `${en(t, 2)}` <= i;
+function dn(s, i) {
+  let t = s.size / 1024 / 1024;
+  return `${cn(t, 2)}` <= i;
 }
-function nn(n, i, t) {
-  if (n.target.files.length <= 0)
+function un(s, i, t) {
+  if (s.target.files.length <= 0)
     return;
-  const e = n.target.files[0], s = i.closest("[data-upload-item]");
+  const e = s.target.files[0], n = i.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 && !sn(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);
+    if (t.params.sizeLimit && !dn(e, t.params.sizeLimit)) {
+      i.value = "", n.classList.add("over-limit"), t.params.on.overLimit && typeof t.params.on.overLimit == "function" && t.params.on.overLimit(i, t.params.sizeLimit);
       return;
     } else
-      s.classList.remove("over-limit"), s.classList.add("uploaded"), tn(t.params, r).then((l) => {
-        Vs(i, t, e, l);
+      n.classList.remove("over-limit"), n.classList.add("uploaded"), ln(t.params, r).then((l) => {
+        an(i, t, e, l);
       });
   }, o.readAsDataURL(e);
 }
-class on {
+class hn {
   constructor(i, t) {
     const e = this;
     e.el = i, e.params = {
@@ -3465,7 +3533,7 @@ class on {
   }
   init() {
     const i = this, t = document.querySelectorAll(`${i.el}:not(.preview-active)`);
-    t.length <= 0 || (window.uploadImage = {}, t.forEach((e, s) => {
+    t.length <= 0 || (window.uploadImage = {}, t.forEach((e, n) => {
       e.classList.add("preview-active");
       const o = {
         group: e.dataset.group || i.params.group,
@@ -3473,67 +3541,68 @@ class on {
         previewSize: e.dataset.previewSize || i.params.previewSize,
         compress: e.dataset.compress || i.params.compress,
         on: {
-          changeAfter: Xe(e.dataset.changeAfter, i.params.on.changeAfter),
-          overLimit: Xe(e.dataset.overLimit, i.params.on.overLimit)
+          changeAfter: Ue(e.dataset.changeAfter, i.params.on.changeAfter),
+          overLimit: Ue(e.dataset.overLimit, i.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) {
-        nn(a, e, i);
+        un(a, e, i);
       });
     }));
   }
 }
 export {
-  Qe as A,
-  Tn as B,
-  Us as C,
-  ki as D,
-  En as E,
-  An as F,
-  Ln as G,
-  Sn as H,
-  Qs as I,
-  Dn as J,
-  _n as K,
-  kn as L,
+  ti as A,
+  xn as B,
+  en as C,
+  mt as D,
+  _n as E,
+  kn as F,
+  $n as G,
+  Cn as H,
+  on as I,
+  Hn as J,
+  Mn as K,
+  On as L,
   U as M,
-  $n as N,
-  xn as O,
-  Cn as P,
-  Hn as Q,
-  Zs as R,
-  Mn as S,
-  Yi as T,
-  qn as U,
-  In as V,
-  On as W,
-  Nn as X,
-  Pn as Y,
+  qn as N,
+  In as O,
+  Nn as P,
+  Pn as Q,
+  nn as R,
+  jn as S,
+  Zi as T,
+  zn as U,
+  Wn as V,
+  Bn as W,
+  Gn as X,
+  Xn as Y,
+  Rn as Z,
   w as a,
-  rt as b,
-  Ts as c,
-  ws as d,
+  lt as b,
+  _s as c,
+  As as d,
   Y as e,
   E as f,
   L as g,
-  mn as h,
-  at as i,
-  ui as j,
-  Bs as k,
-  Xs as l,
-  on as m,
-  Hs as n,
-  jn as o,
-  gn as p,
-  Ei as q,
-  Ai as r,
-  ys as s,
-  fn as t,
-  vn as u,
-  qs as v,
-  bn as w,
-  Cs as x,
-  yn as y,
-  wn as z
+  Tn as h,
+  rt as i,
+  mi as j,
+  Ci as k,
+  Js as l,
+  Vs as m,
+  hn as n,
+  js as o,
+  Fn as p,
+  En as q,
+  Si as r,
+  Es as s,
+  Di as t,
+  An as u,
+  Ws as v,
+  Ln as w,
+  Sn as x,
+  Ps as y,
+  Dn as z
 };
 //# sourceMappingURL=image-preview-bundle.js.map