@xwadex/fesd 0.0.52 → 0.0.54

package/dist/image-preview-bundle.js

@@ -10,14 +10,14 @@ var h = (n, i, t) => {
   i instanceof WeakSet ? i.add(n) : i.set(n, t);
 };
 var d = (n, i, t) => (xs(n, i, "access private method"), t);
-import { OverlayScrollbars as je } from "overlayscrollbars";
+import { OverlayScrollbars as ze } from "overlayscrollbars";
 import f from "jquery";
 import "./vendor-bundle.js";
 import "validator";
 import "flatpickr";
 import ti from "vanilla-lazyload";
 import { lock as $s, unlock as _s } from "tua-body-scroll-lock";
-const ze = {
+const Se = {
   SETTINGS: {
     videoId: null,
     videoType: null,
@@ -56,6 +56,22 @@ const ze = {
     <div class="overlay"></div>
     `
   ],
+  COOKIEDISAGREELAYOUT: `
+      <div class="disagree-inner">
+        <div class="icon"> <svg xmlns="http://www.w3.org/2000/svg" width="7" height="25" viewBox="0 0 7 25"
+            fill="none">
+            <path
+              d="M0 0H6.96277L5.77128 16.1948H1.22872L0 0ZM0 22.0304C0 21.1556 0.322695 20.442 0.968085 19.8895C1.6383 19.337 2.48227 19.0608 3.5 19.0608C4.51773 19.0608 5.34929 19.337 5.99468 19.8895C6.66489 20.442 7 21.1556 7 22.0304C7 22.9052 6.66489 23.6188 5.99468 24.1713C5.34929 24.7238 4.51773 25 3.5 25C2.48227 25 1.6383 24.7238 0.968085 24.1713C0.322695 23.6188 0 22.9052 0 22.0304Z"
+              fill="white"></path>
+          </svg></div>
+        <div class="title ch">由於未授權 Cookie 使用，影片無法播放</div>
+        <div class="title en">The video can’t be played due to unauthorized use of cookies.</div>
+        <div class="text">
+          <div class="box"><span>您可前往 </span><span data-cookie data-cookie-open="advance">Cookie 偏好設定</span><span> 進行修改</span></div>
+          <div class="box"><span>Modify your </span><span data-cookie data-cookie-open="advance">cookie preferences.</span></div>
+        </div>
+      </div>
+    `,
   // videoPlayer customElements 內結構
   TEMPLATE() {
     return '<div class="player-container"><div class="player-wrapper"></div></div>';
@@ -98,7 +114,7 @@ const ze = {
         </div>
         `;
   }
-}, M = {
+}, I = {
   SETTINGS: {
     direction: "left",
     // 方向 - top || right || bottom || left
@@ -312,19 +328,19 @@ const ze = {
   article4: Hs,
   collapse4: si,
   dropdown4: Be,
-  marquee4: M,
+  marquee4: I,
   modal4: P,
   multipurpose4: q,
   ripple4: ni,
   share4: Cs,
   tab4: ii,
-  video4: ze
+  video4: Se
 }, Symbol.toStringTag, { value: "Module" })), S = {
   before: "beforebegin",
   after: "afterend",
   append: "beforeend",
   prepend: "afterbegin"
-}, dt = (n) => typeof n == "string" && n !== "", Se = (n) => n instanceof HTMLElement, ut = (n) => n instanceof NodeList, E = (n) => k(n) !== null, G = (n) => typeof n == "function", k = (n) => Se(n) ? n : document.querySelector(n), x = (n) => ut(n) ? n : document.querySelectorAll(n), Ms = () => Math.random().toString(36).substr(2, 9), Is = (n) => {
+}, dt = (n) => typeof n == "string" && n !== "", De = (n) => n instanceof HTMLElement, ut = (n) => n instanceof NodeList, E = (n) => k(n) !== null, G = (n) => typeof n == "function", k = (n) => De(n) ? n : document.querySelector(n), x = (n) => ut(n) ? n : document.querySelectorAll(n), Is = () => Math.random().toString(36).substr(2, 9), Ms = (n) => {
   const i = document.createElement("div");
   return i.innerHTML = n, i.childNodes;
 }, qs = (n) => {
@@ -336,7 +352,7 @@ const ze = {
   return JSON.parse(n);
 }, L = (n, i) => {
   console.warn(`[${n} warn]: ${i}`);
-}, Fe = (n, i) => {
+}, Ye = (n, i) => {
   console.error(`[${n} error]: ${i}`);
 }, j = {
   on(n, i) {
@@ -379,7 +395,7 @@ const ze = {
   easeOutQuart(n, i, t, e) {
     return -t * ((n = n / e - 1) * n * n * n - 1) + i;
   }
-}, De = (n, i) => {
+}, ke = (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 = E(e) ? k(e) : document.scrollingElement, v = m[u], w = E(t) ? k(t).getBoundingClientRect()[p] : 0 - v, b = E(s) ? k(s).getBoundingClientRect()[g] : 0, T = w - a - b, C = 15;
   let y = 0;
   if (T === 0)
@@ -396,16 +412,16 @@ const ze = {
   };
   requestAnimationFrame(U);
 };
-var K, ke, bt, ai, yt, ri;
+var V, xe, bt, ai, yt, ri;
 class oi {
   constructor(i, t = {}) {
-    h(this, K);
+    h(this, V);
     h(this, bt);
     h(this, yt);
     this.__storage__ = {
       el: i,
       options: t
-    }, this.active = "data-anchor-active", d(this, K, ke).call(this);
+    }, this.active = "data-anchor-active", d(this, V, xe).call(this);
   }
   destroy() {
     const { elements: i } = this;
@@ -415,12 +431,12 @@ class oi {
   }
   update() {
     var i;
-    return d(i = this.destroy(), K, ke).call(i), this.emit("afterUpdate"), this;
+    return d(i = this.destroy(), V, xe).call(i), this.emit("afterUpdate"), this;
   }
   static run(i) {
     const { SETTINGS: t } = mt, e = Object.assign({}, t, i);
     setTimeout(() => {
-      De(e);
+      ke(e);
     }, e.delay);
   }
   static url(i) {
@@ -429,11 +445,11 @@ class oi {
       return;
     const r = Object.assign({}, t, i, { target: a });
     setTimeout(() => {
-      De(r);
+      ke(r);
     }, r.delay);
   }
 }
-K = new WeakSet(), ke = function() {
+V = new WeakSet(), xe = function() {
   const { el: i, options: t } = this.__storage__;
   if (!dt(i) || !E(i))
     return;
@@ -461,7 +477,7 @@ K = new WeakSet(), ke = function() {
   this.removeEventListener("click", t), setTimeout(() => {
     this.addEventListener("click", t);
   }, s.speed), setTimeout(() => {
-    De(s, e);
+    ke(s, e);
   }, s.delay);
 };
 Object.assign(oi.prototype, j);
@@ -511,13 +527,13 @@ class li extends HTMLElement {
 wt = new WeakSet(), ci = function() {
   const { ATTRS: t } = P;
   this.__events__ = {}, this.getAttribute(":state") || this.setAttribute(":state", "close");
-  const e = this.getAttribute(t.id) || Ms();
+  const e = this.getAttribute(t.id) || Is();
   this.getAttribute(t.id) || (L(`modern-modal needs a ${t.id} attribute with a unique id.`), this.setAttribute(t.id, e)), O[e] && L(`the ${t.id} "${e}" is already be used.`), O[e] = this, d(this, Tt, di).call(this);
 }, Tt = new WeakSet(), di = function() {
   this.childDom = this.childNodes, this.template = Ns(this), this.innerHTML = "", this.append(this.template), d(this, Et, ui).call(this);
 }, Et = new WeakSet(), ui = function() {
   const t = this.querySelector(".modal-scroller");
-  this.__scroller__ = je(t, {
+  this.__scroller__ = ze(t, {
     overflowBehavior: {
       x: "hidden"
     },
@@ -577,8 +593,8 @@ const { MODALS: We } = window, ht = {}, mi = (n, i, ...t) => {
   const e = n[i];
   e && G(e) && e.apply(n, t);
 }, gi = (n, ...i) => {
-  n && G(n) && n.apply(V, i);
-}, Ye = (n, i) => {
+  n && G(n) && n.apply(K, i);
+}, Fe = (n, i) => {
   const { target: t } = n, e = We[t] || k(n.target);
   e && fi(n, i), e || Ps(n, i);
 }, fi = (n, i) => {
@@ -610,7 +626,7 @@ const { MODALS: We } = window, ht = {}, mi = (n, i, ...t) => {
     i && (i.emit(l, ...c), mi(i, o[l], ...c)), i || gi(o[l], ...c);
   };
   ht[t] || (ht[t] = !0, fetch(e).then((l) => (r("success", a), l.text())).then((l) => {
-    const c = Is(l), u = k(s) || k(P.SETTINGS.container);
+    const c = Ms(l), u = k(s) || k(P.SETTINGS.container);
     [...c].forEach((g) => {
       u.append(g);
     });
@@ -620,7 +636,7 @@ const { MODALS: We } = window, ht = {}, mi = (n, i, ...t) => {
     r("error", l), delete ht[t];
   }));
 };
-var tt, xe, St, vi, Dt, bi;
+var tt, $e, St, vi, Dt, bi;
 const B = class B {
   constructor(i, t = {}) {
     h(this, tt);
@@ -629,7 +645,7 @@ const B = class B {
     this.__storage__ = {
       el: i,
       options: t
-    }, this.active = "data-modal-active", d(this, tt, xe).call(this);
+    }, this.active = "data-modal-active", d(this, tt, $e).call(this);
   }
   destroy() {
     const { elements: i } = this;
@@ -639,12 +655,12 @@ const B = class B {
   }
   update() {
     var i;
-    return d(i = this.destroy(), tt, xe).call(i), this.emit("update"), this;
+    return d(i = this.destroy(), tt, $e).call(i), this.emit("update"), this;
   }
   /** static method 'open' */
   static open(i) {
     const { SETTINGS: t } = P, e = Object.assign({}, t, { on: {} }, i);
-    Ye(e);
+    Fe(e);
   }
   /** static method 'defineMethods' */
   static defineMethods(i) {
@@ -655,7 +671,7 @@ const B = class B {
     Object.assign(B.prototype, B.prototype.__methods__);
   }
 };
-tt = new WeakSet(), xe = function() {
+tt = new WeakSet(), $e = function() {
   const { el: i, options: t } = this.__storage__;
   if (!dt(i) || !E(i))
     return;
@@ -682,10 +698,10 @@ tt = new WeakSet(), xe = function() {
   };
   this.removeEventListener("click", e), setTimeout(() => {
     this.addEventListener("click", e);
-  }, 200), Ye(a, s);
+  }, 200), Fe(a, s);
 };
-let V = B;
-Object.assign(V.prototype, j);
+let K = B;
+Object.assign(K.prototype, j);
 customElements.define("modern-modal", li);
 const js = (n, i) => {
   const t = n === window ? n.innerHeight : n.getBoundingClientRect().height, e = n === window ? 0 : n.getBoundingClientRect().top;
@@ -703,7 +719,7 @@ const js = (n, i) => {
     }
   });
 }, zs = (n, i) => n === "up" || n === "down" ? n : n !== null ? n === "true" ? !0 : n === "false" ? !1 : i.repeat : i.repeat;
-var et, $e, kt, wi;
+var et, _e, kt, wi;
 class yi {
   constructor(i, t = {}) {
     h(this, et);
@@ -711,7 +727,7 @@ class yi {
     this.__storage__ = {
       el: i,
       options: t
-    }, this.active = "data-aost-active", d(this, et, $e).call(this);
+    }, this.active = "data-aost-active", d(this, et, _e).call(this);
   }
   destroy(i) {
     const { elements: t, options: e } = this;
@@ -727,10 +743,10 @@ class yi {
   }
   update(i) {
     var t;
-    d(t = this.destroy(i), et, $e).call(t);
+    d(t = this.destroy(i), et, _e).call(t);
   }
 }
-et = new WeakSet(), $e = function() {
+et = new WeakSet(), _e = function() {
   const { el: i, options: t } = this.__storage__;
   if (!dt(i) || !E(i))
     return;
@@ -751,14 +767,14 @@ et = new WeakSet(), $e = function() {
 };
 Object.assign(yi.prototype, j);
 const Bs = (n) => {
-  const { TEMPLATE: i } = ze, { childDom: t } = n, e = document.createElement("div");
+  const { TEMPLATE: i } = Se, { childDom: t } = n, e = document.createElement("div");
   e.innerHTML = i();
   const s = e.querySelector(".player-wrapper");
   return [...t].forEach((o) => {
     s.append(o);
   }), e.children[0];
 };
-var xt, Ti, $t, Ei, _t, Ai, Ct, Li, Ht, Si, Mt, Di, It, ki, qt, xi, Ot, $i, Nt, _i;
+var xt, Ti, $t, Ei, _t, Ai, Ct, Li, Ht, Si, It, Di, Mt, ki, qt, xi, Ot, $i, Nt, _i;
 class Ws extends HTMLElement {
   constructor() {
     super();
@@ -770,8 +786,8 @@ class Ws extends HTMLElement {
     // vimeo iframe
     h(this, Ht);
     // youku iframe
-    h(this, Mt);
     h(this, It);
+    h(this, Mt);
     // 2025.02.11 新增 ig 
     h(this, qt);
     // 2025.02.11 新增 tiktok 
@@ -824,67 +840,51 @@ xt = new WeakSet(), Ti = function() {
 }, $t = new WeakSet(), Ei = function() {
   this.childDom = this.childNodes, this.template = Bs(this), this.innerHTML = "", this.append(this.template), d(this, _t, Ai).call(this);
 }, _t = new WeakSet(), Ai = function() {
-  const { videoType: t, videoMode: e } = this;
-  let s = "";
-  function o(a) {
-    f(a).addClass("cookie-disagree"), f(".cookie-disagree").append(
-      `
-          <div class="disagree-inner">
-            <div class="icon"> <svg xmlns="http://www.w3.org/2000/svg" width="7" height="25" viewBox="0 0 7 25"
-                fill="none">
-                <path
-                  d="M0 0H6.96277L5.77128 16.1948H1.22872L0 0ZM0 22.0304C0 21.1556 0.322695 20.442 0.968085 19.8895C1.6383 19.337 2.48227 19.0608 3.5 19.0608C4.51773 19.0608 5.34929 19.337 5.99468 19.8895C6.66489 20.442 7 21.1556 7 22.0304C7 22.9052 6.66489 23.6188 5.99468 24.1713C5.34929 24.7238 4.51773 25 3.5 25C2.48227 25 1.6383 24.7238 0.968085 24.1713C0.322695 23.6188 0 22.9052 0 22.0304Z"
-                  fill="white"></path>
-              </svg></div>
-            <div class="title ch">由於未授權 Cookie 使用，影片無法播放</div>
-            <div class="title en">The video can’t be played due to unauthorized use of cookies.</div>
-            <div class="text">
-              <div class="box"><span>您可前往 </span><span data-cookie-open>Cookie 偏好設定</span><span> 進行修改</span></div>
-              <div class="box"><span>Modify your </span><span data-cookie-open>cookie preferences.</span></div>
-            </div>
-          </div>`
-    );
+  const { videoType: t, videoMode: e } = this, { COOKIEDISAGREELAYOUT: s } = Se;
+  let o = "";
+  function a(r) {
+    f(r).addClass("cookie-disagree"), f(".cookie-disagree").append(s);
   }
   switch (t) {
     case "youtubeAPI":
       break;
     case "youtube":
-      document.body.wd_youtube == !1 ? o("video-player") : s = d(this, Ct, Li).call(this);
+      document.body.wd_youtube == !1 ? a("video-player") : o = d(this, Ct, Li).call(this);
       break;
     case "youkuAPI":
       break;
     case "youku":
-      document.body.wd_youku == !1 ? o("video-player") : s = d(this, Mt, Di).call(this);
+      document.body.wd_youku == !1 ? a("video-player") : o = d(this, It, Di).call(this);
       break;
     case "vimeo":
-      document.body.wd_vimeo == !1 ? o("video-player") : s = d(this, Ht, Si).call(this);
+      document.body.wd_vimeo == !1 ? a("video-player") : o = d(this, Ht, Si).call(this);
       break;
     case "bilibili":
-      document.body.wd_bilibili == !1 ? o("video-player") : s = d(this, It, ki).call(this);
+      document.body.wd_bilibili == !1 ? a("video-player") : o = d(this, Mt, ki).call(this);
       break;
     case "instagram":
-      document.body.wd_instagram == !1 ? o(".instagram-media") : s = d(this, qt, xi).call(this);
+      document.body.wd_instagram == !1 ? a(".instagram-media") : o = d(this, qt, xi).call(this);
       break;
     case "tiktok":
-      document.body.wd_tiktok == !1 ? o("video-player") : s = d(this, Ot, $i).call(this);
+      document.body.wd_tiktok == !1 ? a("video-player") : o = d(this, Ot, $i).call(this);
       break;
     case "videojs":
       break;
     case "video":
-      s = d(this, Nt, _i).call(this);
+      o = d(this, Nt, _i).call(this);
       break;
   }
-  this.querySelector(".player-wrapper").insertAdjacentHTML(S.prepend, s);
+  this.querySelector(".player-wrapper").insertAdjacentHTML(S.prepend, o);
 }, Ct = new WeakSet(), Li = 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>`;
 }, Ht = new WeakSet(), Si = 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>`;
-}, Mt = new WeakSet(), Di = function() {
+}, It = new WeakSet(), Di = 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>`;
-}, It = new WeakSet(), ki = function() {
+}, Mt = new WeakSet(), ki = 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>`;
 }, qt = new WeakSet(), xi = function() {
@@ -908,7 +908,7 @@ function Hi(n) {
   const i = Ci(n);
   Z += 1, Z === 1 && (document.documentElement.classList.add("scrollLock"), $s(i));
 }
-function Mi(n) {
+function Ii(n) {
   if (Z = Math.max(0, Z - 1), Z === 0) {
     const i = Ci(n);
     _s(i), document.documentElement.classList.remove("scrollLock");
@@ -933,7 +933,7 @@ async function kn(n = 0) {
 }
 function xn() {
   f(".loading-wrapper").fadeOut(300).promise().done(function() {
-    f(".loading-wrapper").remove(), Mi();
+    f(".loading-wrapper").remove(), Ii();
   });
 }
 function $n(n, i) {
@@ -951,7 +951,7 @@ function _n(n, i = () => {
   }).siblings("[data-tab-content]").hide(), Gs();
 }
 function Cn() {
-  je(
+  ze(
     {
       target: document.body,
       cancel: {
@@ -980,13 +980,13 @@ function Hn() {
     n.persisted && window.location.reload();
   };
 }
-function Mn() {
+function In() {
   const n = 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)
   };
 }
-function In(n, i) {
+function Mn(n, i) {
   f(n).on("click", function() {
     f(this).toggleClass(i);
   });
@@ -1080,7 +1080,7 @@ function Xn(n) {
     });
   });
 }
-function Fn(n) {
+function Yn(n) {
   const i = n.el, t = f(i).find(".swiper-slide-active"), e = f(t).find("video").get(0), s = f(i).find(".swiper-slide video");
   n.autoplay.stop(), f(e).off("ended"), e ? (s.each((o, a) => {
     a.currentTime = 0;
@@ -1088,7 +1088,7 @@ function Fn(n) {
     n.slideNext();
   }), e.play()) : n.params.autoplay.enabled && n.autoplay.start();
 }
-function Yn() {
+function Fn() {
   f(".number-grow").each(function(n, i) {
     const t = f(i), o = t.attr("data-num").replace(/(\d)(?=(?:\d{3})+$)/g, "$1,").split(""), a = () => {
       let r = "";
@@ -1131,7 +1131,7 @@ function Qn(n) {
   return i.innerHTML = n, i.childNodes[0];
 }
 const Ue = (n) => n.videoId !== "" || typeof n.videoId < "u", Xs = (n) => n.$selector.getAttribute("video4-active") === "on", pt = (n) => `<video-player video-id="${n.videoId}" video-type="${n.videoType}" video-startTime="${n.videoStartTime}" video-autoplay="${n.videoAutoplay}"></video-player>`;
-var it, Ce, Pt, Ii, jt, qi, st, He, zt, Oi;
+var it, He, Pt, Mi, jt, qi, st, Ie, zt, Oi;
 const X = class X {
   //*-* 給Article4用的 **//
   constructor(i, t = {}) {
@@ -1140,21 +1140,21 @@ const X = class X {
     h(this, jt);
     h(this, st);
     h(this, zt);
-    if (!dt(i) && !Se(i) && !ut(i)) {
-      Fe("video4", `找不到該物件 -> ${i}`);
+    if (!dt(i) && !De(i) && !ut(i)) {
+      Ye("video4", `找不到該物件 -> ${i}`);
       return;
     }
     this.__storage__ = {
       el: i,
       options: t
-    }, this.active = "data-video-active", d(this, it, Ce).call(this);
+    }, this.active = "data-video-active", d(this, it, He).call(this);
   }
   update() {
-    d(this, it, Ce).call(this);
+    d(this, it, He).call(this);
   }
 };
-it = new WeakSet(), Ce = function() {
-  const { el: i, options: t } = this.__storage__, { SETTINGS: e, EVENTS: s, LAYOUT: o } = ze;
+it = new WeakSet(), He = function() {
+  const { el: i, options: t } = this.__storage__, { SETTINGS: e, EVENTS: s, LAYOUT: o } = Se;
   if (t.isGlobal && (X.globalOptions = t), this.elements = t.state == "not active" ? x(i + `:not([${this.active}])`) : x(i), this.options = Object.assign(
     {},
     { LAYOUT: o },
@@ -1168,11 +1168,11 @@ it = new WeakSet(), Ce = function() {
   ), this.__events__ = Object.assign({}, s), this.options.on)
     for (const [a, r] of Object.entries(this.options.on))
       this.__events__[a] = [r];
-  d(this, Pt, Ii).call(this);
-}, Pt = new WeakSet(), Ii = function() {
+  d(this, Pt, Mi).call(this);
+}, Pt = new WeakSet(), Mi = 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, zt, Oi).call(this, e), e.video.methods = {}, e.video.methods.update = this.update, e.setAttribute(this.active, ""), Ue(e.video.params) && !Xs(e.video.params) && (e.setAttribute("video4-active", "on"), d(this, jt, qi).call(this, e)), Ue(e.video.params) || Fe("video4", "無法取得影片 ID");
+    e.video = {}, e.video.instance = this, e.video.defaultOptions = t, e.video.params = d(this, zt, Oi).call(this, e), e.video.methods = {}, e.video.methods.update = this.update, e.setAttribute(this.active, ""), Ue(e.video.params) && !Xs(e.video.params) && (e.setAttribute("video4-active", "on"), d(this, jt, qi).call(this, e)), Ue(e.video.params) || Ye("video4", "無法取得影片 ID");
   }), this.emit("init");
 }, jt = new WeakSet(), qi = function(i) {
   const { LAYOUT: t } = this.options, e = i.video.params, { $selector: s, videoLayoutNo: o, videoId: a, videoType: r, videoMode: l, videoButton: c, videoCover: u, videoHighQualityPic: p } = e;
@@ -1201,7 +1201,7 @@ it = new WeakSet(), Ce = function() {
           console.log("error");
         }) : L("video4", "僅 youtube & vimeo 提供，無圖片時放置預設封面畫面，其他影片平台請自行上傳封面照片");
     }
-    c == "off" ? g = s : (g = s.querySelector(c) ?? s, s.querySelector(c) || L("video4", `找不到 videoButton 設定的 element -> '${c}' , 點擊物件轉移至 '${this.__storage__.el}'`)), g.video || (g.video = {}, g.video.params = e), g.video.eventHandler = d(this, st, He), g.addEventListener("click", g.video.eventHandler);
+    c == "off" ? g = s : (g = s.querySelector(c) ?? s, s.querySelector(c) || L("video4", `找不到 videoButton 設定的 element -> '${c}' , 點擊物件轉移至 '${this.__storage__.el}'`)), g.video || (g.video = {}, g.video.params = e), g.video.eventHandler = d(this, st, Ie), g.addEventListener("click", g.video.eventHandler);
   } else if (l === "onPage") {
     let g = null;
     if (u == "on") {
@@ -1219,9 +1219,9 @@ it = new WeakSet(), Ce = function() {
       s.innerHTML = pt(e);
       return;
     }
-    g.video || (g.video = {}, g.video.params = e), g.video.eventHandler = d(this, st, He), g.addEventListener("click", g.video.eventHandler);
+    g.video || (g.video = {}, g.video.params = e), g.video.eventHandler = d(this, st, Ie), g.addEventListener("click", g.video.eventHandler);
   }
-}, st = new WeakSet(), He = function(i) {
+}, st = new WeakSet(), Ie = function(i) {
   const { video: t, emit: e } = this, {
     $selector: s,
     videoMode: o,
@@ -1305,13 +1305,13 @@ it = new WeakSet(), Ce = function() {
         },
         close(y) {
           const D = y.querySelectorAll("[data-overlayscrollbars-viewport]");
-          Mi([...D]);
+          Ii([...D]);
         },
         destroy(y) {
         }
       }
     };
-    V.open(C);
+    K.open(C);
   } else if (o == "onPage")
     if (t.params.videoAutoplay = "on", r == "off") {
       if (s.querySelector("video-player"))
@@ -1343,10 +1343,10 @@ it = new WeakSet(), Ce = function() {
     LAYOUT: t.LAYOUT || []
   };
 }, Xe(X, "globalOptions", {});
-let _e = X;
-Object.assign(_e.prototype, j);
+let Ce = X;
+Object.assign(Ce.prototype, j);
 customElements.define("video-player", Ws);
-const Fs = {
+const Ys = {
   "zh-tw": {
     臺北市: [
       ["中正區", "100"],
@@ -2177,7 +2177,7 @@ const Fs = {
   }
 };
 let Q;
-const Ys = (n) => {
+const Fs = (n) => {
   const { TEMPLATE: i } = Be, { childDom: t } = n.s, e = document.createElement("div"), s = n.classList.contains("filter"), o = n.getAttribute("filter-placeholder"), a = n.getAttribute("d4-icon"), r = n.getAttribute("custom-template");
   e.innerHTML = i(
     s,
@@ -2196,9 +2196,9 @@ const Ys = (n) => {
   const i = (t = n.getAttribute("control-elements")) == null ? void 0 : t.split(",");
   i && i.forEach((e) => {
     const s = document.querySelector(e);
-    s || L("dropdown", `Can't not find control element(${e})`), s && s.classList.contains("disabled") && (s.classList.remove("disabled"), s.tagName === "DROPDOWN-EL" && s.s.activeLi && I(s, [...s.s.allLi].indexOf(s.s.activeLi)));
+    s || L("dropdown", `Can't not find control element(${e})`), s && s.classList.contains("disabled") && (s.classList.remove("disabled"), s.tagName === "DROPDOWN-EL" && s.s.activeLi && M(s, [...s.s.allLi].indexOf(s.s.activeLi)));
   });
-}, I = (n, i) => {
+}, M = (n, i) => {
   const t = n.getAttribute("d4-placeholder"), e = n.querySelectorAll(".dropdown-list li");
   if (i < 0 || i.length === 0) {
     switch (e.forEach((s) => {
@@ -2252,7 +2252,7 @@ const Ys = (n) => {
   }
 }, Js = (n) => {
   const i = n.s.cityLang;
-  f("#newCityData").length > 0 ? f("#newCityData").val() !== "" && (Q = JSON.parse(f("#newCityData").val())[0], console.log([0])) : Q = Fs, n.classList.contains("city") && (n.s.dropdownEl.querySelector(".dropdown-list").innerHTML = "", Object.keys(Q[i]).forEach((t) => {
+  f("#newCityData").length > 0 ? f("#newCityData").val() !== "" && (Q = JSON.parse(f("#newCityData").val())[0], console.log([0])) : Q = Ys, n.classList.contains("city") && (n.s.dropdownEl.querySelector(".dropdown-list").innerHTML = "", Object.keys(Q[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"));
@@ -2306,7 +2306,7 @@ class Pi extends HTMLElement {
           switch (o.hasAttribute("multiple") ? "multiple" : "single") {
             case "single":
               const r = o.querySelector(`.dropdown-list li[data-option="${s}"]`);
-              E(r) ? I(o, [...o.s.allLi].indexOf(r)) : I(o, -1);
+              E(r) ? M(o, [...o.s.allLi].indexOf(r)) : M(o, -1);
               break;
             case "multiple":
               const l = [];
@@ -2315,17 +2315,17 @@ class Pi extends HTMLElement {
                 E(p) && (p.classList.add("active"), l.push(p));
               });
               const c = l.map((u) => [...o.s.allLi].indexOf(u));
-              I(o, c);
+              M(o, c);
               break;
           }
         else
-          I(o, -1);
+          M(o, -1);
         o.emit("change");
         break;
       case "d4-placeholder":
         if (e === null)
           return;
-        e !== s && o.s.value.index < 0 && I(o, o.s.value.index);
+        e !== s && o.s.value.index < 0 && M(o, o.s.value.index);
         break;
     }
   }
@@ -2360,7 +2360,7 @@ class Pi extends HTMLElement {
 Bt = new WeakSet(), ji = function() {
   this.s = {}, this.__events__ = {}, this.hasAttribute("d4-status") || this.setAttribute("d4-status", "close"), this.hasAttribute("d4-value") || this.setAttribute("d4-value", ""), d(this, Wt, zi).call(this);
 }, Wt = new WeakSet(), zi = function() {
-  this.s.childDom = this.childNodes, this.s.template = Ys(this), this.innerHTML = "", this.append(this.s.template), d(this, Gt, Bi).call(this);
+  this.s.childDom = this.childNodes, this.s.template = Fs(this), this.innerHTML = "", this.append(this.s.template), d(this, Gt, Bi).call(this);
 }, Gt = new WeakSet(), Bi = function() {
   var s;
   const t = this;
@@ -2406,7 +2406,7 @@ Bt = new WeakSet(), ji = function() {
       };
       break;
   }
-  I(t, t.s.value.index), d(s = t, Rt, Wi).call(s), t.classList.add("d4-initialize");
+  M(t, t.s.value.index), d(s = t, Rt, Wi).call(s), t.classList.add("d4-initialize");
 }, Rt = new WeakSet(), Wi = function() {
   const t = this;
   t.__events__.dropdownToggle = () => {
@@ -2453,7 +2453,7 @@ Bt = new WeakSet(), ji = function() {
     t.s.dropdownEl.addEventListener("transitionend", e);
   }, t.__events__.bindScrollbar = (e = this) => {
     const s = e.querySelector(".dropdown-scroller");
-    e.__scroller__ = je(s, {
+    e.__scroller__ = ze(s, {
       overflowBehavior: {
         x: "hidden"
       }
@@ -2482,7 +2482,7 @@ Bt = new WeakSet(), ji = function() {
             case "single":
               if (e.setAttribute("d4-value", u.getAttribute("data-option")), r) {
                 const v = e.s.cityLang, w = l.textContent.trim(), b = document.getElementById(e.getAttribute("dist-select"));
-                b && (b.querySelector(".dropdown-list").textContent = "", I(b, -1), Q[v][w].forEach((T, C) => {
+                b && (b.querySelector(".dropdown-list").textContent = "", M(b, -1), Q[v][w].forEach((T, C) => {
                   const y = document.createElement("li");
                   y.textContent = T[0], y.setAttribute("data-option", T[0]), b.querySelector(".dropdown-list").append(y);
                 }), e.__events__.selectOption(b));
@@ -2490,7 +2490,7 @@ Bt = new WeakSet(), ji = function() {
               (m = u.parentNode.closest("li")) != null && m.classList.contains("has-sublayer") && (c.stopPropagation(), e.close());
               break;
             case "multiple":
-              c.stopPropagation(), u.classList.toggle("active"), I(e, p);
+              c.stopPropagation(), u.classList.toggle("active"), M(e, p);
               break;
           }
       });
@@ -2550,7 +2550,7 @@ function Je(n) {
   } else
     return n.s.options.duration;
 }
-function Vs(n) {
+function Ks(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) => {
     a.append(l);
@@ -2617,19 +2617,19 @@ function H(n) {
   }
   return s;
 }
-function Ks(n) {
+function Vs(n) {
   let i;
   return function(t) {
     i && clearTimeout(i), i = setTimeout(n, 200, t);
   };
 }
-var Xt, Gi, Ft, Ri, Yt, Xi, Ut, Fi;
+var Xt, Gi, Yt, Ri, Ft, Xi, Ut, Yi;
 class tn extends HTMLElement {
   constructor() {
     super();
     h(this, Xt);
-    h(this, Ft);
     h(this, Yt);
+    h(this, Ft);
     h(this, Ut);
     this.initialize = !1;
   }
@@ -2650,23 +2650,23 @@ class tn extends HTMLElement {
 }
 Xt = new WeakSet(), Gi = function() {
   const t = {
-    direction: this.getAttribute("direction") || M.SETTINGS.direction,
+    direction: this.getAttribute("direction") || I.SETTINGS.direction,
     // up / down / left / right
-    behavior: this.getAttribute("behavior") || M.SETTINGS.behavior,
+    behavior: this.getAttribute("behavior") || I.SETTINGS.behavior,
     // normal / alternate / endStop
-    duration: Number(this.getAttribute("duration")) || M.SETTINGS.duration,
+    duration: Number(this.getAttribute("duration")) || I.SETTINGS.duration,
     // ms
-    durationBreakpoints: gt(this) || M.SETTINGS.durationBreakpoints,
-    autoplay: this.getAttribute("autoplay") || M.SETTINGS.autoplay,
+    durationBreakpoints: gt(this) || I.SETTINGS.durationBreakpoints,
+    autoplay: this.getAttribute("autoplay") || I.SETTINGS.autoplay,
     // normal / alternate / endStop
-    pauseOnMouseenter: this.getAttribute("pauseOnMouseEnter") ? this.getAttribute("pauseOnMouseEnter") === "true" : M.SETTINGS.pauseOnMouseenter,
+    pauseOnMouseenter: this.getAttribute("pauseOnMouseEnter") ? this.getAttribute("pauseOnMouseEnter") === "true" : I.SETTINGS.pauseOnMouseenter,
     // true / false
-    continual: this.getAttribute("continual") ? this.getAttribute("continual") === "true" : M.SETTINGS.continual,
+    continual: this.getAttribute("continual") ? this.getAttribute("continual") === "true" : I.SETTINGS.continual,
     // true / false
-    gap: Number(this.getAttribute("gap")) || M.SETTINGS.gap
+    gap: Number(this.getAttribute("gap")) || I.SETTINGS.gap
   };
-  this.s = {}, this.s.options = t, this.s.nowDuration = Je(this), Vs(this), d(this, Ft, Ri).call(this);
-}, Ft = new WeakSet(), Ri = function() {
+  this.s = {}, this.s.options = t, this.s.nowDuration = Je(this), Ks(this), d(this, Yt, Ri).call(this);
+}, Yt = new WeakSet(), Ri = function() {
   const { direction: t, continual: e, gap: s } = this.s.options;
   switch (t) {
     case "left":
@@ -2678,8 +2678,8 @@ Xt = new WeakSet(), Gi = function() {
       e ? this.style.cssText = `height: ${this.s.animateEl.clientHeight}px;--continual-gap: ${s}px;` : this.style.cssText = `min-height: ${this.s.animateEl.clientHeight}px;--continual-gap: ${s}px;`;
       break;
   }
-  d(this, Yt, Xi).call(this), d(this, Ut, Fi).call(this), e && this.classList.add("continual"), this.classList.add("m4-initialize");
-}, Yt = new WeakSet(), Xi = function() {
+  d(this, Ft, Xi).call(this), d(this, Ut, Yi).call(this), e && this.classList.add("continual"), this.classList.add("m4-initialize");
+}, Ft = new WeakSet(), Xi = function() {
   const t = this, { direction: e, behavior: s, duration: o, autoplay: a, pauseOnMouseenter: r, continual: l } = t.s.options;
   let c;
   function u() {
@@ -2744,7 +2744,7 @@ Xt = new WeakSet(), Gi = function() {
   }), t.addEventListener("mouseleave", function() {
     t.s.animation && r && t.s.animation.playState === "paused" && t.play();
   });
-}, Ut = new WeakSet(), Fi = function() {
+}, Ut = new WeakSet(), Yi = function() {
   const t = this;
   function e() {
     const s = t.s.animation.startTime, o = t.s.cloneAnimation ? t.s.cloneAnimation.startTime : null;
@@ -2757,7 +2757,7 @@ Xt = new WeakSet(), Gi = function() {
       iterations: 1 / 0
     }), t.s.cloneAnimation.startTime = o);
   }
-  window.addEventListener("resize", Ks(e));
+  window.addEventListener("resize", Vs(e));
 };
 customElements.define("marquee-el", tn);
 const Ze = function(n, i) {
@@ -2782,7 +2782,7 @@ const Ze = function(n, i) {
   }
   n.classList.remove(i);
 };
-var Jt, Yi, Zt, Ui, Qt, Ji, nt, Me, F, ft, Vt, Zi;
+var Jt, Fi, Zt, Ui, Qt, Ji, nt, Me, Y, ft, Kt, Zi;
 class Qe {
   constructor(i) {
     // 初始化
@@ -2794,34 +2794,31 @@ class Qe {
     // 卷軸位置判斷
     h(this, nt);
     // 隱藏按鈕判斷
-    h(this, F);
+    h(this, Y);
     // 選項事件綁定
-    h(this, Vt);
-    this.$element = i, this.option = i.s.option.drag, this._didInitialScroll = !1, d(this, Jt, Yi).call(this);
+    h(this, Kt);
+    this.$element = i, this.option = i.s.option.drag, this._didInitialScroll = !1, d(this, Jt, Fi).call(this);
   }
   // 更新 active 位置
   update(i = !1) {
     const t = this.$element.querySelector(".wrapper"), e = t == null ? void 0 : t.querySelector(".active");
     if (!e || !t)
       return;
-    const s = t.querySelectorAll(".item"), o = e === s[0], a = e === s[s.length - 1];
-    let r = "center";
-    o ? r = "start" : a && (r = "end");
-    const l = () => {
-      e.scrollIntoView({
-        behavior: "smooth",
-        block: "nearest",
-        inline: r
+    const s = () => {
+      const o = t.getBoundingClientRect(), a = e.getBoundingClientRect(), r = o.left + o.width / 2, c = a.left + a.width / 2 - r, u = t.scrollLeft + c;
+      t.scrollTo({
+        left: u,
+        behavior: "smooth"
       });
     };
     if (i && !this._didInitialScroll) {
-      this._didInitialScroll = !0, setTimeout(l, 250);
+      this._didInitialScroll = !0, setTimeout(s, 250);
       return;
     }
-    l();
+    s();
   }
 }
-Jt = new WeakSet(), Yi = function() {
+Jt = new WeakSet(), Fi = function() {
   var s, o, a, r;
   const i = this;
   if (!i.$element)
@@ -2830,7 +2827,7 @@ Jt = new WeakSet(), Yi = function() {
   let t = !1;
   const e = () => {
     t || (requestAnimationFrame(() => {
-      d(this, nt, Me).call(this), d(this, F, ft).call(this), t = !1;
+      d(this, nt, Me).call(this), d(this, Y, ft).call(this), t = !1;
     }), t = !0);
   };
   i.$wrapper.removeEventListener("scroll", e), i.$wrapper.addEventListener("scroll", e), window.removeEventListener("resize", e), window.addEventListener("resize", e), (i.option.draggable || i.$element.s.type == "collapse") && d(s = i, Qt, Ji).call(s), i.option.navigation && i.$element.s.type !== "collapse" && (i.$container.insertAdjacentHTML(
@@ -2843,8 +2840,8 @@ Jt = new WeakSet(), Yi = function() {
           <div></div>
         </div>
       </div>`
-  ), i.$button = (o = i.$container) == null ? void 0 : o.querySelectorAll(".button"), d(a = i, Zt, Ui).call(a)), d(r = i, Vt, Zi).call(r), i.update(!0), requestAnimationFrame(() => {
-    d(this, nt, Me).call(this), d(this, F, ft).call(this);
+  ), i.$button = (o = i.$container) == null ? void 0 : o.querySelectorAll(".button"), d(a = i, Zt, Ui).call(a)), d(r = i, Kt, Zi).call(r), i.update(!0), requestAnimationFrame(() => {
+    d(this, nt, Me).call(this), d(this, Y, ft).call(this);
   });
 }, Zt = new WeakSet(), Ui = function() {
   const i = this, { $wrapper: t, $button: e } = i, s = function() {
@@ -2854,7 +2851,7 @@ Jt = new WeakSet(), Yi = function() {
       behavior: "smooth"
     }), setTimeout(() => {
       var r;
-      d(r = i, F, ft).call(r);
+      d(r = i, Y, ft).call(r);
     }, 100);
   };
   e.forEach((o) => {
@@ -2893,7 +2890,7 @@ Jt = new WeakSet(), Yi = function() {
 }, nt = new WeakSet(), Me = function() {
   const { $container: i, $wrapper: t } = this, e = t.scrollWidth - t.clientWidth, s = Math.round(t.scrollLeft);
   e <= 0 || ($(i, "scrollable"), s == 0 ? ($(t, "start"), _(t, "end")) : s + 1 >= e ? (_(t, "start"), $(t, "end")) : ($(t, "center"), _(t, "start"), _(t, "end")));
-}, F = new WeakSet(), ft = function() {
+}, Y = new WeakSet(), ft = function() {
   const { $wrapper: i, $button: t, $element: e } = this;
   if (!t)
     return;
@@ -2915,7 +2912,7 @@ Jt = new WeakSet(), Yi = function() {
     }
     _(a, "hide");
   }) : _(t, "hide");
-}, Vt = new WeakSet(), Zi = function() {
+}, Kt = new WeakSet(), Zi = function() {
   const { $element: i } = this, t = (s) => {
     if (this.option.selected) {
       const o = s.getAttribute("data-option").trim();
@@ -2929,26 +2926,26 @@ Jt = new WeakSet(), Yi = function() {
     s.removeEventListener("click", e), s.addEventListener("click", e);
   });
 };
-var Kt, Qi, te, Vi, ee, Ki, ie, ts;
+var Vt, Qi, te, Ki, ee, Vi, ie, ts;
 class en {
   constructor(i) {
     // 初始化
-    h(this, Kt);
+    h(this, Vt);
     // 隱藏按鈕判斷
     h(this, te);
     // 展開箭頭事件綁定
     h(this, ee);
     // 選項事件綁定
     h(this, ie);
-    this.$element = i, this.option = i.s.option.collapse, d(this, Kt, Qi).call(this);
+    this.$element = i, this.option = i.s.option.collapse, d(this, Vt, Qi).call(this);
   }
 }
-Kt = new WeakSet(), Qi = function() {
-  this.$element && (this.$container = this.$element.querySelector(".collapse-container"), this.$wrapper = this.$container.querySelector(".wrapper"), d(this, te, Vi).call(this) && d(this, ee, Ki).call(this), d(this, ie, ts).call(this));
-}, te = new WeakSet(), Vi = function() {
+Vt = new WeakSet(), Qi = function() {
+  this.$element && (this.$container = this.$element.querySelector(".collapse-container"), this.$wrapper = this.$container.querySelector(".wrapper"), d(this, te, Ki).call(this) && d(this, ee, Vi).call(this), d(this, ie, ts).call(this));
+}, te = new WeakSet(), Ki = function() {
   const i = this.$element.querySelector(".drag-container"), t = i.querySelector(".wrapper");
   return t.scrollWidth - t.clientWidth > 0 ? (i.insertAdjacentHTML(S.append, '<div class="open-collapse"></div>'), this.$button = i.querySelector(".open-collapse"), _(this.$element, "noScrollable"), !0) : ($(this.$element, "noScrollable"), !1);
-}, ee = new WeakSet(), Ki = function() {
+}, ee = new WeakSet(), Vi = function() {
   const { $element: i, $button: t } = this, e = function() {
     i.classList.contains("expand") ? i.classList.remove("expand") : i.classList.add("expand");
   };
@@ -2971,7 +2968,7 @@ const sn = (n) => {
   const { type: i, option: t, originalDomString: e } = n.s, s = document.createElement("div");
   return i == "drag" && (s.innerHTML = q.TEMPLATE[i]().trim(), s.querySelector(".drag-container .wrapper").insertAdjacentHTML(S.append, e)), i == "collapse" && (s.innerHTML = q.TEMPLATE[i](t == null ? void 0 : t.collapse).trim(), s.querySelector(".drag-container .wrapper").insertAdjacentHTML(S.append, e), s.querySelector(".collapse-container .wrapper").insertAdjacentHTML(S.append, e)), i == "dropdown" && (s.innerHTML = q.TEMPLATE[i](t == null ? void 0 : t.dropdown).trim(), s.querySelector("dropdown-el").insertAdjacentHTML(S.append, e)), s.children;
 };
-var se, es, ne, is, ot, Ie, Y, vt;
+var se, es, ne, is, ot, qe, F, vt;
 class nn extends HTMLElement {
   constructor() {
     super();
@@ -2980,7 +2977,7 @@ class nn extends HTMLElement {
     // 斷點設定
     h(this, ot);
     // check type
-    h(this, Y);
+    h(this, F);
     this.initialize = !1, this.__events__ = {}, this.s = {}, this.s.originalDomString = this.innerHTML.trim().replace(/\n/g, ""), this.previousWidth = window.innerWidth;
   }
   static get observedAttributes() {
@@ -2992,7 +2989,7 @@ class nn extends HTMLElement {
       case "m4-type":
         if (e === null || e === s)
           return;
-        this.s.type = s, d(this, Y, vt).call(this);
+        this.s.type = s, d(this, F, vt).call(this);
         break;
       case "m4-status":
         if (e === s)
@@ -3012,7 +3009,7 @@ class nn extends HTMLElement {
     this.initialize || this.classList.contains("m4-init") || (this.initialize = !0, d(this, se, es).call(this));
   }
   update() {
-    d(this, ot, Ie).call(this);
+    d(this, ot, qe).call(this);
   }
 }
 se = new WeakSet(), es = function() {
@@ -3028,18 +3025,18 @@ se = new WeakSet(), es = function() {
   };
   window.removeEventListener("resize", Ze(e)), window.addEventListener("resize", Ze(e)), this.s.option = {}, this.s.option.drag = Object.assign({}, q.SETTINGS.drag, t == null ? void 0 : t.drag), this.s.option.collapse = Object.assign({}, q.SETTINGS.collapse, t == null ? void 0 : t.collapse), this.s.option.dropdown = Object.assign({}, q.SETTINGS.dropdown, t == null ? void 0 : t.dropdown), this.s.option.breakpoint = Object.assign({}, q.SETTINGS.breakpoint, t == null ? void 0 : t.breakpoint), d(this, ne, is).call(this);
 }, ne = new WeakSet(), is = function() {
-  this.classList.add("m4-init"), d(this, ot, Ie).call(this);
-}, ot = new WeakSet(), Ie = function() {
+  this.classList.add("m4-init"), d(this, ot, qe).call(this);
+}, ot = new WeakSet(), qe = function() {
   const t = Object.keys(this.s.option.breakpoint);
   if (!t.length) {
-    d(this, Y, vt).call(this);
+    d(this, F, vt).call(this);
     return;
   }
   t.map((e) => Number(e)).sort((e, s) => s - e).some((e) => {
     var s, o, a, r;
-    return window.innerWidth >= e && (this.s.type = (s = this.s.option.breakpoint[e]) == null ? void 0 : s.type, this.setAttribute("m4-type", this.s.type), this.s.option.drag = Object.assign({}, this.s.option.drag, (o = this.s.option.breakpoint[e]) == null ? void 0 : o.drag), this.s.option.collapse = Object.assign({}, this.s.option.collapse, (a = this.s.option.breakpoint[e]) == null ? void 0 : a.collapse), this.s.option.dropdown = Object.assign({}, this.s.option.dropdown, (r = this.s.option.breakpoint[e]) == null ? void 0 : r.dropdown)), d(this, Y, vt).call(this), window.innerWidth >= e;
+    return window.innerWidth >= e && (this.s.type = (s = this.s.option.breakpoint[e]) == null ? void 0 : s.type, this.setAttribute("m4-type", this.s.type), this.s.option.drag = Object.assign({}, this.s.option.drag, (o = this.s.option.breakpoint[e]) == null ? void 0 : o.drag), this.s.option.collapse = Object.assign({}, this.s.option.collapse, (a = this.s.option.breakpoint[e]) == null ? void 0 : a.collapse), this.s.option.dropdown = Object.assign({}, this.s.option.dropdown, (r = this.s.option.breakpoint[e]) == null ? void 0 : r.dropdown)), d(this, F, vt).call(this), window.innerWidth >= e;
   });
-}, Y = new WeakSet(), vt = function() {
+}, F = new WeakSet(), vt = function() {
   var o;
   const { type: t } = this.s;
   this.innerHTML = "", [...sn(this)].forEach((a) => {
@@ -3057,7 +3054,7 @@ se = new WeakSet(), es = function() {
   (o = this.drag) == null || o.update();
 };
 customElements.define("multipurpose-nav", nn);
-var oe, ns, ae, os, at, qe, W, J, re, as, le, rs, ce, ls, de, cs, ue, ds, he, us, pe, hs, me, ps, ge, ms, N, R, fe, gs, ve, fs, be, vs, ye, bs;
+var oe, ns, ae, os, at, Oe, W, J, re, as, le, rs, ce, ls, de, cs, ue, ds, he, us, pe, hs, me, ps, ge, ms, N, R, fe, gs, ve, fs, be, vs, ye, bs;
 class ss extends HTMLElement {
   // 定義組件的初始狀態
   constructor(t, e) {
@@ -3134,7 +3131,7 @@ class ss extends HTMLElement {
   }
   // 外部呼叫方法 $0.update()
   update() {
-    this.t.tabs = d(this, at, qe).call(this), ys(), console.log("tab update!!!!");
+    this.t.tabs = d(this, at, Oe).call(this), ys(), console.log("tab update!!!!");
   }
 }
 oe = new WeakSet(), ns = function() {
@@ -3157,14 +3154,14 @@ oe = new WeakSet(), ns = function() {
       delay: this.getAttribute("t4-delay") || e.transition.delay
     },
     tabGroup: this.getAttribute("t4-group") || e.tabGroup
-  }, this.__events__ = {}, this.t.tabs = d(this, at, qe).call(this), this.t.step = document.querySelector(`[t4-control="${this.t.name}"]${this.t.stepOutput}`), d(this, ae, os).call(this);
+  }, this.__events__ = {}, this.t.tabs = d(this, at, Oe).call(this), this.t.step = document.querySelector(`[t4-control="${this.t.name}"]${this.t.stepOutput}`), d(this, ae, os).call(this);
 }, ae = new WeakSet(), os = function() {
   if (this.t.activeTab = this.t.defaultPage, this.t.display === "swiper" && d(this, re, as).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, ye, bs).call(this);
-}, at = new WeakSet(), qe = function() {
+}, at = new WeakSet(), Oe = 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！！");
@@ -3224,7 +3221,7 @@ oe = new WeakSet(), ns = function() {
 }, N = new WeakSet(), R = function(t, e, s) {
   switch (t) {
     case "step":
-      Se(this.t.step) && d(this, he, us).call(this, e);
+      De(this.t.step) && d(this, he, us).call(this, e);
       break;
     case "eventAnchor":
       this.t.anchor && d(this, de, cs).call(this);
@@ -3335,30 +3332,30 @@ function ys() {
 ys();
 Object.assign(ss.prototype, j);
 customElements.define("tab-el", ss);
-const Ve = (n) => {
+const Ke = (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";
 }, an = (n) => {
   const { defaultOptions: i } = n.collapse, { collapseClass: t, target: e, transition: s } = i, o = n.querySelector(e), a = o.children[0].offsetHeight;
   n.collapse.height = a, n.classList.remove(t), o.style.display = "block", o.style.height = `${a}px`, o.style["transition-property"] = s.property, o.style["transition-duration"] = s.duration, o.style["transition-timing-function"] = s.function, o.style["transition-delay"] = s.delay, o.style.overflow = "hidden";
 };
-var rt, Oe, we, ws, Te, Ts, lt, Ne;
+var rt, Ne, we, ws, Te, Ts, lt, Pe;
 class rn {
   constructor(i, t = {}) {
     h(this, rt);
     h(this, we);
     h(this, Te);
     h(this, lt);
-    !dt(i) && !Se(i) && !ut(i) && !E(i) || (this.__storage__ = {
+    !dt(i) && !De(i) && !ut(i) && !E(i) || (this.__storage__ = {
       el: i,
       options: t
-    }, this.active = "data-collapse-active", d(this, rt, Oe).call(this));
+    }, this.active = "data-collapse-active", d(this, rt, Ne).call(this));
   }
   update() {
-    d(this, rt, Oe).call(this);
+    d(this, rt, Ne).call(this);
   }
 }
-rt = new WeakSet(), Oe = function() {
+rt = new WeakSet(), Ne = function() {
   const { el: i, options: t } = this.__storage__, { SETTINGS: e, EVENTS: s } = si;
   if (this.elements = t.state == "not active" ? x(i + `:not([${this.active}])`) : x(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
     for (const [o, a] of Object.entries(this.options.on))
@@ -3371,17 +3368,17 @@ rt = new WeakSet(), Oe = function() {
   }), this.emit("init");
 }, Te = new WeakSet(), Ts = 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, lt, Ne)), c.addEventListener("click", d(this, lt, Ne)), r) {
+  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, lt, Pe)), c.addEventListener("click", d(this, lt, Pe)), r) {
     const p = (g) => {
       g.stopPropagation();
     };
     u.removeEventListener("click", p), u.addEventListener("click", p);
   }
-}, lt = new WeakSet(), Ne = function() {
+}, lt = new WeakSet(), Pe = function() {
   const { instance: i, defaultOptions: t } = this.collapse, { collapseClass: e, block: s, target: o, single: a } = t, r = this;
   r.classList.contains(e) ? (a && r.parentNode.querySelectorAll(`.${r.classList[0]}`).forEach((l) => {
-    Ve(l);
-  }), an(r)) : Ve(r), i.emit("afterCollapse");
+    Ke(l);
+  }), an(r)) : Ke(r), i.emit("afterCollapse");
 };
 Object.assign(rn.prototype, j);
 function ln(n, i) {
@@ -3397,7 +3394,7 @@ function Es() {
   });
 }
 document.addEventListener("click", Es);
-var ct, Pe, Ee, As, Ae, Ls, Le, Ss;
+var ct, je, Ee, As, Ae, Ls, Le, Ss;
 class cn extends HTMLElement {
   constructor() {
     super();
@@ -3409,13 +3406,13 @@ class cn extends HTMLElement {
   }
   connectedCallback() {
     const t = this;
-    t.initialize || t.classList.contains("r4-initialize") || (t.initialize = !0, d(this, ct, Pe).call(this));
+    t.initialize || t.classList.contains("r4-initialize") || (t.initialize = !0, d(this, ct, je).call(this));
   }
   update() {
-    this.classList.remove("r4-initialize"), this.querySelector("i.hover-ball").remove(), d(this, ct, Pe).call(this);
+    this.classList.remove("r4-initialize"), this.querySelector("i.hover-ball").remove(), d(this, ct, je).call(this);
   }
 }
-ct = new WeakSet(), Pe = function() {
+ct = new WeakSet(), je = function() {
   const { SETTINGS: t } = ni;
   this.s = {};
   function e(o) {
@@ -3507,7 +3504,7 @@ class dn {
     this.init();
   }
 }
-function Ke(n, i) {
+function Ve(n, i) {
   return n ? function(t, e) {
     Function(n)(t, e);
   } : i;
@@ -3621,8 +3618,8 @@ class vn {
         previewSize: e.dataset.previewSize || i.params.previewSize,
         compress: e.dataset.compress || i.params.compress,
         on: {
-          changeAfter: Ke(e.dataset.changeAfter, i.params.on.changeAfter),
-          overLimit: Ke(e.dataset.overLimit, i.params.on.overLimit)
+          changeAfter: Ve(e.dataset.changeAfter, i.params.on.changeAfter),
+          overLimit: Ve(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) {
@@ -3633,10 +3630,10 @@ class vn {
 }
 export {
   oi as A,
-  Mn as B,
+  In as B,
   rn as C,
   Pi as D,
-  In as E,
+  Mn as E,
   qn as F,
   On as G,
   Nn as H,
@@ -3644,7 +3641,7 @@ export {
   Pn as J,
   jn as K,
   zn as L,
-  V as M,
+  K as M,
   Bn as N,
   Wn as O,
   Gn as P,
@@ -3652,16 +3649,16 @@ export {
   cn as R,
   Xn as S,
   ss as T,
-  Fn as U,
-  Yn as V,
+  Yn as U,
+  Fn as V,
   Un as W,
   Jn as X,
   Zn as Y,
   E as a,
   ut as b,
-  Ms as c,
+  Is as c,
   Hs as d,
-  ze as e,
+  Se as e,
   S as f,
   x as g,
   Dn as h,
@@ -3673,12 +3670,12 @@ export {
   Rs as n,
   Qn as o,
   Hi as p,
-  Mi as q,
+  Ii as q,
   kn as r,
   Cs as s,
   xn as t,
   $n as u,
-  _e as v,
+  Ce as v,
   Gs as w,
   _n as x,
   Cn as y,