@xwadex/fesd 0.0.47 → 0.0.48

package/dist/image-preview-bundle.js

@@ -1,5 +1,5 @@
-var Ls = Object.defineProperty;
-var Ss = (n, i, t) => i in n ? Ls(n, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[i] = t;
+var As = Object.defineProperty;
+var Ss = (n, i, t) => i in n ? As(n, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[i] = t;
 var Re = (n, i, t) => (Ss(n, typeof i != "symbol" ? i + "" : i, t), t), Ds = (n, i, t) => {
   if (!i.has(n))
     throw TypeError("Cannot " + t);
@@ -195,7 +195,7 @@ const je = {
     beforeScroll: null,
     afterScroll: null
   }
-}, I = {
+}, q = {
   SETTINGS: {
     type: "drag",
     drag: {
@@ -305,7 +305,7 @@ const je = {
     // hover 毫秒 ?
     speed: 600
   }
-}, Ln = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, An = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   anchor4: pt,
   aost4: ti,
@@ -314,17 +314,17 @@ const je = {
   dropdown4: ze,
   marquee4: M,
   modal4: P,
-  multipurpose4: I,
+  multipurpose4: q,
   ripple4: si,
   share4: xs,
   tab4: ei,
   video4: je
-}, Symbol.toStringTag, { value: "Module" })), L = {
+}, Symbol.toStringTag, { value: "Module" })), S = {
   before: "beforebegin",
   after: "afterend",
   append: "beforeend",
   prepend: "afterbegin"
-}, ct = (n) => typeof n == "string" && n !== "", Le = (n) => n instanceof HTMLElement, dt = (n) => n instanceof NodeList, T = (n) => $(n) !== null, G = (n) => typeof n == "function", $ = (n) => Le(n) ? n : document.querySelector(n), x = (n) => dt(n) ? n : document.querySelectorAll(n), Cs = () => Math.random().toString(36).substr(2, 9), Hs = (n) => {
+}, ct = (n) => typeof n == "string" && n !== "", Ae = (n) => n instanceof HTMLElement, dt = (n) => n instanceof NodeList, E = (n) => $(n) !== null, G = (n) => typeof n == "function", $ = (n) => Ae(n) ? n : document.querySelector(n), x = (n) => dt(n) ? n : document.querySelectorAll(n), Cs = () => Math.random().toString(36).substr(2, 9), Hs = (n) => {
   const i = document.createElement("div");
   return i.innerHTML = n, i.childNodes;
 }, Ms = (n) => {
@@ -369,7 +369,7 @@ const je = {
       G(s) && s.apply(this, e);
     }), this) : this;
   }
-}, qs = {
+}, Is = {
   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;
   },
@@ -380,19 +380,19 @@ const je = {
     return -t * ((n = n / e - 1) * n * n * n - 1) + i;
   }
 }, Se = (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 = T(e) ? $(e) : document.scrollingElement, v = m[u], w = T(t) ? $(t).getBoundingClientRect()[p] : 0 - v, y = T(s) ? $(s).getBoundingClientRect()[g] : 0, S = w - a - y, C = 15;
-  let b = 0;
-  if (S === 0)
+  const { target: t, container: e, spacer: s, speed: o, gap: a, easing: r, direction: l } = n, c = l === "horizontal", u = c ? "scrollLeft" : "scrollTop", p = c ? "left" : "top", g = c ? "width" : "height", m = E(e) ? $(e) : document.scrollingElement, v = m[u], w = E(t) ? $(t).getBoundingClientRect()[p] : 0 - v, b = E(s) ? $(s).getBoundingClientRect()[g] : 0, T = w - a - b, C = 15;
+  let y = 0;
+  if (T === 0)
     return;
-  const D = (E) => {
+  const D = (L) => {
     const z = $(t);
-    i && i.emit(E, z), !i && n.on && G(n.on[E]) && n.on[E](z);
+    i && i.emit(L, z), !i && n.on && G(n.on[L]) && n.on[L](z);
   };
   D("beforeScroll");
   const U = () => {
-    b += C;
-    const E = qs[r](b, v, S, o);
-    m[u] = E, b < o && requestAnimationFrame(U), b >= o && D("afterScroll");
+    y += C;
+    const L = Is[r](y, v, T, o);
+    m[u] = L, y < o && requestAnimationFrame(U), y >= o && D("afterScroll");
   };
   requestAnimationFrame(U);
 };
@@ -435,7 +435,7 @@ class ni {
 }
 V = new WeakSet(), De = function() {
   const { el: i, options: t } = this.__storage__;
-  if (!ct(i) || !T(i))
+  if (!ct(i) || !E(i))
     return;
   const { SETTINGS: e, EVENTS: s } = pt;
   if (this.elements = t.state == "not active" ? x(i + `:not([${this.active}])`) : x(i), this.elements = x(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
@@ -466,7 +466,7 @@ V = new WeakSet(), De = function() {
 };
 Object.assign(ni.prototype, j);
 window.MODALS || (window.MODALS = {});
-const { MODALS: O } = window, Is = (n) => {
+const { MODALS: O } = window, qs = (n) => {
   const { TEMPLATE: i } = P, { childDom: t } = n, e = document.createElement("div");
   e.innerHTML = i(n.getAttribute("data-modal-template-setting"));
   const s = e.querySelector(".modal-content");
@@ -474,7 +474,7 @@ const { MODALS: O } = window, Is = (n) => {
     s.append(o);
   }), e.children[0];
 };
-var yt, li, wt, ci, Tt, di, Et, ui, At, hi;
+var yt, li, wt, ci, Tt, di, Et, ui, Lt, hi;
 class ri extends HTMLElement {
   constructor() {
     super();
@@ -482,7 +482,7 @@ class ri extends HTMLElement {
     h(this, wt);
     h(this, Tt);
     h(this, Et);
-    h(this, At);
+    h(this, Lt);
     this.initialize = !1;
   }
   static get observedAttributes() {
@@ -491,7 +491,7 @@ class ri extends HTMLElement {
   attributeChangedCallback(t, e, s) {
     switch (t) {
       case ":state":
-        d(this, At, hi).call(this, s);
+        d(this, Lt, hi).call(this, s);
         break;
     }
   }
@@ -514,7 +514,7 @@ yt = new WeakSet(), li = function() {
   const e = this.getAttribute(t.id) || Cs();
   this.getAttribute(t.id) || (A(`modern-modal needs a ${t.id} attribute with a unique id.`), this.setAttribute(t.id, e)), O[e] && A(`the ${t.id} "${e}" is already be used.`), O[e] = this, d(this, wt, ci).call(this);
 }, wt = new WeakSet(), ci = function() {
-  this.childDom = this.childNodes, this.template = Is(this), this.innerHTML = "", this.append(this.template), d(this, Tt, di).call(this);
+  this.childDom = this.childNodes, this.template = qs(this), this.innerHTML = "", this.append(this.template), d(this, Tt, di).call(this);
 }, Tt = new WeakSet(), di = function() {
   const t = this.querySelector(".modal-scroller");
   this.__scroller__ = Pe(t, {
@@ -539,7 +539,7 @@ yt = new WeakSet(), li = function() {
   }), (l = t.querySelector("[stop-propagation]")) == null || l.addEventListener("click", function(c) {
     c.stopPropagation();
   });
-}, At = new WeakSet(), hi = function(t) {
+}, Lt = new WeakSet(), hi = function(t) {
   const { __scroller__: e } = this;
   if (t === "open") {
     if (this.style.display = "block", e) {
@@ -620,11 +620,11 @@ const { MODALS: Be } = window, ut = {}, pi = (n, i, ...t) => {
     r("error", l), delete ut[t];
   }));
 };
-var K, ke, Lt, fi, St, vi;
+var K, ke, At, fi, St, vi;
 const B = class B {
   constructor(i, t = {}) {
     h(this, K);
-    h(this, Lt);
+    h(this, At);
     h(this, St);
     this.__storage__ = {
       el: i,
@@ -657,14 +657,14 @@ const B = class B {
 };
 K = new WeakSet(), ke = function() {
   const { el: i, options: t } = this.__storage__;
-  if (!ct(i) || !T(i))
+  if (!ct(i) || !E(i))
     return;
   const { SETTINGS: e, EVENTS: s } = P;
   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))
       this.__events__[o] = [a];
-  d(this, Lt, fi).call(this);
-}, Lt = new WeakSet(), fi = function() {
+  d(this, At, fi).call(this);
+}, At = new WeakSet(), fi = function() {
   const { elements: i, options: t } = this;
   i.forEach((e) => {
     e.modal = {}, e.modal.instance = this, e.modal.eventHandler = d(this, St, vi), 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, "");
@@ -696,9 +696,9 @@ const Ns = (n, i) => {
         s.classList.add(o);
       }, a);
     else {
-      const y = s.classList.contains(o) && c === "down" && p - e >= m || c === "up" && g - e <= v || c === !0;
+      const b = s.classList.contains(o) && c === "down" && p - e >= m || c === "up" && g - e <= v || c === !0;
       setTimeout(() => {
-        y && s.classList.remove(o);
+        b && s.classList.remove(o);
       }, a);
     }
   });
@@ -717,7 +717,7 @@ class bi {
     const { elements: t, options: e } = this;
     if (!t)
       return this;
-    const { scroller: s } = e, o = s === window || !T(s) ? window : $(s);
+    const { scroller: s } = e, o = s === window || !E(s) ? window : $(s);
     return o.aost && (o.removeEventListener("scroll", o.aost.eventHandler), delete o.aost), t.forEach((a) => {
       if (!a.aost)
         return;
@@ -732,7 +732,7 @@ class bi {
 }
 tt = new WeakSet(), $e = function() {
   const { el: i, options: t } = this.__storage__;
-  if (!ct(i) || !T(i))
+  if (!ct(i) || !E(i))
     return;
   const { SETTINGS: e, EVENTS: s } = ti;
   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)
@@ -740,7 +740,7 @@ tt = new WeakSet(), $e = function() {
       this.__events__[o] = [a];
   d(this, Dt, yi).call(this);
 }, Dt = new WeakSet(), yi = function() {
-  const { elements: i, options: t } = this, { scroller: e } = t, s = e === window || !T(e) ? window : $(e);
+  const { elements: i, options: t } = this, { scroller: e } = t, s = e === window || !E(e) ? window : $(e);
   this.eventHandler = () => {
     Ns(s, i);
   }, i.forEach((a) => {
@@ -758,7 +758,7 @@ const js = (n) => {
     s.append(o);
   }), e.children[0];
 };
-var kt, wi, $t, Ti, xt, Ei, _t, Ai, Ct, Li, Ht, Si, Mt, Di, qt, ki, It, $i, Ot, xi;
+var kt, wi, $t, Ti, xt, Ei, _t, Li, Ct, Ai, Ht, Si, Mt, Di, It, ki, qt, $i, Ot, xi;
 class zs extends HTMLElement {
   constructor() {
     super();
@@ -773,10 +773,10 @@ class zs extends HTMLElement {
     h(this, Ht);
     h(this, Mt);
     // 2025.02.11 新增 ig 
-    h(this, qt);
-    // 2025.02.11 新增 tiktok 
     h(this, It);
-    // 2026.01.15 新增 tiktok 
+    // 2025.02.11 新增 tiktok 
+    h(this, qt);
+    // 2026.01.15 新增 video 
     h(this, Ot);
     d(this, kt, wi).call(this);
   }
@@ -849,7 +849,7 @@ kt = new WeakSet(), wi = function() {
     case "youtubeAPI":
       break;
     case "youtube":
-      document.body.wd_youtube == !1 ? o("video-player") : s = d(this, _t, Ai).call(this);
+      document.body.wd_youtube == !1 ? o("video-player") : s = d(this, _t, Li).call(this);
       break;
     case "youkuAPI":
       break;
@@ -857,16 +857,16 @@ kt = new WeakSet(), wi = function() {
       document.body.wd_youku == !1 ? o("video-player") : s = d(this, Ht, Si).call(this);
       break;
     case "vimeo":
-      document.body.wd_vimeo == !1 ? o("video-player") : s = d(this, Ct, Li).call(this);
+      document.body.wd_vimeo == !1 ? o("video-player") : s = d(this, Ct, Ai).call(this);
       break;
     case "bilibili":
       document.body.wd_bilibili == !1 ? o("video-player") : s = d(this, Mt, Di).call(this);
       break;
     case "instagram":
-      document.body.wd_instagram == !1 ? o(".instagram-media") : s = d(this, qt, ki).call(this);
+      document.body.wd_instagram == !1 ? o(".instagram-media") : s = d(this, It, ki).call(this);
       break;
     case "tiktok":
-      document.body.wd_tiktok == !1 ? o("video-player") : s = d(this, It, $i).call(this);
+      document.body.wd_tiktok == !1 ? o("video-player") : s = d(this, qt, $i).call(this);
       break;
     case "videojs":
       break;
@@ -874,11 +874,11 @@ kt = new WeakSet(), wi = function() {
       s = d(this, Ot, xi).call(this);
       break;
   }
-  this.querySelector(".player-wrapper").insertAdjacentHTML(L.prepend, s);
-}, _t = new WeakSet(), Ai = function() {
+  this.querySelector(".player-wrapper").insertAdjacentHTML(S.prepend, s);
+}, _t = 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>`;
-}, Ct = new WeakSet(), Li = function() {
+}, Ct = new WeakSet(), Ai = 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>`;
 }, Ht = new WeakSet(), Si = function() {
@@ -887,15 +887,15 @@ kt = new WeakSet(), wi = function() {
 }, Mt = new WeakSet(), Di = 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(), ki = function() {
+}, It = new WeakSet(), ki = 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>`;
-}, It = new WeakSet(), $i = function() {
+}, qt = new WeakSet(), $i = 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>`;
 }, Ot = new WeakSet(), xi = function() {
   const { videoId: t, autoplay: e } = this;
-  return `<video src="${t}" autoplay muted playsinline controls></video>`;
+  return `<video src="${t}" ${e == "on" ? "autoplay" : ""} muted playsinline controls></video>`;
 };
 const Sn = (n) => new Promise((i) => {
   let t = setTimeout(() => (clearTimeout(t), i()), n);
@@ -989,7 +989,7 @@ function Mn(n, i) {
     f(this).toggleClass(i);
   });
 }
-function qn(n, i) {
+function In(n, i) {
   f(n).on("click", function() {
     f(n).not(this).removeClass(i), f(this).addClass(i);
   });
@@ -1003,7 +1003,7 @@ function Ws(n, i = 250) {
     }, i);
   };
 }
-function In(n, i = 250) {
+function qn(n, i = 250) {
   let t, e;
   return function() {
     const s = this, o = arguments, a = +/* @__PURE__ */ new Date();
@@ -1126,7 +1126,7 @@ function Jn(n) {
   return i.innerHTML = n, i.childNodes[0];
 }
 const Fe = (n) => n.videoId !== "" || typeof n.videoId < "u", Gs = (n) => n.$selector.getAttribute("video4-active") === "on", ht = (n) => `<video-player video-id="${n.videoId}" video-type="${n.videoType}" video-startTime="${n.videoStartTime}" video-autoplay="${n.videoAutoplay}"></video-player>`;
-var et, _e, Nt, Hi, Pt, Mi, it, Ce, jt, qi;
+var et, _e, Nt, Hi, Pt, Mi, it, Ce, jt, Ii;
 const X = class X {
   //*-* 給Article4用的 **//
   constructor(i, t = {}) {
@@ -1135,7 +1135,7 @@ const X = class X {
     h(this, Pt);
     h(this, it);
     h(this, jt);
-    if (!ct(i) && !Le(i) && !dt(i)) {
+    if (!ct(i) && !Ae(i) && !dt(i)) {
       Xe("video4", `找不到該物件 -> ${i}`);
       return;
     }
@@ -1167,33 +1167,46 @@ et = new WeakSet(), _e = function() {
 }, Nt = new WeakSet(), Hi = 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, jt, qi).call(this, e), e.video.methods = {}, e.video.methods.update = this.update, e.setAttribute(this.active, ""), Fe(e.video.params) && !Gs(e.video.params) && (e.setAttribute("video4-active", "on"), d(this, Pt, Mi).call(this, e)), Fe(e.video.params) || Xe("video4", "無法取得影片 ID");
+    e.video = {}, e.video.instance = this, e.video.defaultOptions = t, e.video.params = d(this, jt, Ii).call(this, e), e.video.methods = {}, e.video.methods.update = this.update, e.setAttribute(this.active, ""), Fe(e.video.params) && !Gs(e.video.params) && (e.setAttribute("video4-active", "on"), d(this, Pt, Mi).call(this, e)), Fe(e.video.params) || Xe("video4", "無法取得影片 ID");
   }), this.emit("init");
 }, Pt = new WeakSet(), Mi = function(i) {
   const { LAYOUT: t } = this.options, e = i.video.params, { $selector: s, videoLayoutNo: o, videoId: a, videoType: r, videoMode: l, videoButton: c, videoCover: u, videoHighQualityPic: p } = e;
   if (l === "onBox" || l === "inBox") {
     let g = null;
     if (u === "on") {
-      i.classList.add("video4-cover"), s.querySelector("img") || (s.insertAdjacentHTML(L.prepend, '<picture><source srcset="" type="image/webp"><source srcset="" type="image/jpeg"><img src="" alt></picture>'), A("video4", "若啟用 [videoCover] 且選擇 onBox 模式必須於 video-target 內放置 img 結構，若無結構則自動加入圖片結構"));
+      i.classList.add("video4-cover"), s.querySelector("img") || (s.insertAdjacentHTML(S.prepend, '<picture><source srcset="" type="image/webp"><source srcset="" type="image/jpeg"><img src="" alt></picture>'), A("video4", "若啟用 [videoCover] 且選擇 onBox 模式必須於 video-target 內放置 img 結構，若無結構則自動加入圖片結構"));
       const m = s.querySelector("img"), v = (m == null ? void 0 : m.getAttribute("src")) || (m == null ? void 0 : m.getAttribute("data-src")), w = t[o] ? t[o] : t[0] || "";
-      w ? m.insertAdjacentHTML(L.after, w) : A("video4", `找不到對應的 LAYOUT 設定 (No: ${o})，且無預設樣式。`), !v && r == "youtube" ? p == "on" ? m.setAttribute("src", `https://img.youtube.com/vi/${a}/maxresdefault.jpg `) : m.setAttribute("src", `https://img.youtube.com/vi/${a}/0.jpg`) : !v && r == "vimeo" ? m.setAttribute("src", `https://vumbnail.com/${a}_large.jpg`) : !v && r == "tiktok" ? fetch(`https://www.tiktok.com/oembed?url=https://www.tiktok.com/@/video/${a}`, { method: "GET", redirect: "follow" }).then((y) => y.json()).then((y) => {
-        const S = y.thumbnail_url;
-        m.setAttribute("src", `${S}`);
-      }).catch(function(y) {
-        console.log("error");
-      }) : A("video4", "僅 youtube & vimeo 提供，無圖片時放置預設封面畫面，其他影片平台請自行上傳封面照片");
+      if (w ? m.insertAdjacentHTML(S.after, w) : A("video4", `找不到對應的 LAYOUT 設定 (No: ${o})，且無預設樣式。`), !v && r == "youtube")
+        p == "on" ? m.setAttribute("src", `https://img.youtube.com/vi/${a}/maxresdefault.jpg `) : m.setAttribute("src", `https://img.youtube.com/vi/${a}/0.jpg`);
+      else if (!v && r == "vimeo")
+        m.setAttribute("src", `https://vumbnail.com/${a}_large.jpg`);
+      else if (!v && r === "video") {
+        const b = document.createElement("video");
+        b.src = a, b.preload = "metadata", b.muted = !0, b.playsInline = !0, b.crossOrigin = "anonymous", b.onloadeddata = () => {
+          b.currentTime = 0.5;
+        }, b.onseeked = () => {
+          const T = document.createElement("canvas");
+          T.width = b.videoWidth, T.height = b.videoHeight, T.getContext("2d").drawImage(b, 0, 0), m.src = T.toDataURL("image/jpeg", 0.85);
+        };
+      } else
+        !v && r == "tiktok" ? fetch(`https://www.tiktok.com/oembed?url=https://www.tiktok.com/@/video/${a}`, { method: "GET", redirect: "follow" }).then((b) => b.json()).then((b) => {
+          const T = b.thumbnail_url;
+          m.setAttribute("src", `${T}`);
+        }).catch(function(b) {
+          console.log("error");
+        }) : A("video4", "僅 youtube & vimeo 提供，無圖片時放置預設封面畫面，其他影片平台請自行上傳封面照片");
     }
     c == "off" ? g = s : (g = s.querySelector(c) ?? s, s.querySelector(c) || A("video4", `找不到 videoButton 設定的 element -> '${c}' , 點擊物件轉移至 '${this.__storage__.el}'`)), g.video || (g.video = {}, g.video.params = e), g.video.eventHandler = d(this, it, Ce), g.addEventListener("click", g.video.eventHandler);
   } else if (l === "onPage") {
     let g = null;
     if (u == "on") {
-      i.classList.add("video4-cover"), s.querySelector("img") || (s.insertAdjacentHTML(L.prepend, '<picture><source srcset="" type="image/webp"><source srcset="" type="image/jpeg"><img src="" alt></picture>'), A("video", "若啟用 [videoCover] 且選擇 onBox 模式必須於 video-target 內放置 img 結構"));
+      i.classList.add("video4-cover"), s.querySelector("img") || (s.insertAdjacentHTML(S.prepend, '<picture><source srcset="" type="image/webp"><source srcset="" type="image/jpeg"><img src="" alt></picture>'), A("video", "若啟用 [videoCover] 且選擇 onBox 模式必須於 video-target 內放置 img 結構"));
       const m = s.querySelector("img");
-      m.insertAdjacentHTML(L.after, t[o]);
+      m.insertAdjacentHTML(S.after, t[o]);
       const v = (m == null ? void 0 : m.getAttribute("src")) || (m == null ? void 0 : m.getAttribute("data-src"));
       !v && r == "youtube" ? p == "on" ? m.setAttribute("src", `http://img.youtube.com/vi/${a}/maxresdefault.jpg `) : m.setAttribute("src", `https://img.youtube.com/vi/${a}/0.jpg`) : !v && r == "vimeo" ? m.setAttribute("src", `https://vumbnail.com/${a}_large.jpg`) : !v && r == "tiktok" ? fetch(`https://www.tiktok.com/oembed?url=https://www.tiktok.com/@/video/${a}`, { method: "GET", redirect: "follow" }).then((w) => w.json()).then((w) => {
-        const y = w.thumbnail_url;
-        m.setAttribute("src", `${y}`);
+        const b = w.thumbnail_url;
+        m.setAttribute("src", `${b}`);
       }).catch(function(w) {
         console.log("error");
       }) : v || A("video4", "僅 youtube & vimeo 提供，無圖片時放置預設封面畫面，其他影片平台請自行上傳封面照片"), c == "off" ? g = s : (g = s.querySelector(c) ?? s, s.querySelector(c) || A("video4", `找不到 videoButton 設定的 element -> '${c}', 點擊物件轉移至 '${this.__storage__.el}'`));
@@ -1217,8 +1230,8 @@ et = new WeakSet(), _e = function() {
     videoButton: m,
     videoLayoutNo: v,
     videoStartTime: w
-  } = t.params, y = new Ke({ callback_loaded: (C) => {
-  } }), S = new URLSearchParams({
+  } = t.params, b = new Ke({ callback_loaded: (C) => {
+  } }), T = new URLSearchParams({
     video_mode: o,
     video_type: u,
     video_id: l
@@ -1226,25 +1239,25 @@ et = new WeakSet(), _e = function() {
   if (o == "onBox" || o == "inBox") {
     const C = {
       target: a,
-      route: c + `?${S.toString()}`,
+      route: c + `?${T.toString()}`,
       on: {
-        complete(b) {
+        complete(y) {
           var D;
-          o == "onBox" && (u == "instagram" ? (b.setAttribute("video-typeStyle", `${u}`), (D = window.instgrm) != null && D.Embeds ? window.instgrm.Embeds.process() : console.log("window.instgrm is undefined")) : (b.querySelector(".modal-content").insertAdjacentHTML("beforeend", ht(t.params)), b.setAttribute("video-typeStyle", `${u}`))), o == "inBox" && b.setAttribute("video-typeStyle", `${u}`);
+          o == "onBox" && (u == "instagram" ? (y.setAttribute("video-typeStyle", `${u}`), (D = window.instgrm) != null && D.Embeds ? window.instgrm.Embeds.process() : console.log("window.instgrm is undefined")) : (y.querySelector(".modal-content").insertAdjacentHTML("beforeend", ht(t.params)), y.setAttribute("video-typeStyle", `${u}`))), o == "inBox" && y.setAttribute("video-typeStyle", `${u}`);
         },
-        open(b) {
+        open(y) {
           var U;
-          const D = b.querySelectorAll("[data-overlayscrollbars-viewport]");
-          if (y.update(), _i([...D]), o == "onBox" && u == "instagram") {
-            const E = document.querySelector("[video-template] .modal-content");
+          const D = y.querySelectorAll("[data-overlayscrollbars-viewport]");
+          if (b.update(), _i([...D]), o == "onBox" && u == "instagram") {
+            const L = document.querySelector("[video-template] .modal-content");
             new ResizeObserver((We) => {
-              We[0].contentRect.height > 50 && E.classList.add("active");
-            }).observe(E);
+              We[0].contentRect.height > 50 && L.classList.add("active");
+            }).observe(L);
           }
           if (o == "inBox") {
-            const E = g || ((U = s.querySelector("img")) == null ? void 0 : U.src);
+            const L = g || ((U = s.querySelector("img")) == null ? void 0 : U.src);
             let z;
-            E == null ? z = `
+            L == null ? z = `
                   <div
                     class="photo-box"
                     video-target
@@ -1268,28 +1281,28 @@ et = new WeakSet(), _e = function() {
                   >
                   <picture>
                   <source
-                    srcset="${E}"
+                    srcset="${L}"
                     type="image/webp"
                   />
                   <source
-                    srcset="${E}"
+                    srcset="${L}"
                     type="image/jpeg"
                   />
-                  <img src="${E}" alt="" />
+                  <img src="${L}" alt="" />
                   </picture>
-                </div>`, b.querySelector(".video-content").insertAdjacentHTML(L.prepend, z);
-            const Ge = b.querySelectorAll("[video-target]");
+                </div>`, y.querySelector(".video-content").insertAdjacentHTML(S.prepend, z);
+            const Ge = y.querySelectorAll("[video-target]");
             Ge.length > 0 && new X(Ge, {
               LAYOUT: t.params.LAYOUT,
               videoLayoutNo: t.params.videoLayoutNo
             });
           }
         },
-        close(b) {
-          const D = b.querySelectorAll("[data-overlayscrollbars-viewport]");
+        close(y) {
+          const D = y.querySelectorAll("[data-overlayscrollbars-viewport]");
           Ci([...D]);
         },
-        destroy(b) {
+        destroy(y) {
         }
       }
     };
@@ -1304,7 +1317,7 @@ et = new WeakSet(), _e = function() {
       (s.querySelector(r) ?? s).insertAdjacentHTML("beforeend", ht(t.params));
       return;
     }
-}, jt = new WeakSet(), qi = function(i) {
+}, jt = new WeakSet(), Ii = function(i) {
   const t = this.options;
   return {
     $selector: i,
@@ -2178,9 +2191,9 @@ const Xs = (n) => {
   const i = (t = n.getAttribute("control-elements")) == null ? void 0 : t.split(",");
   i && i.forEach((e) => {
     const s = document.querySelector(e);
-    s || A("dropdown", `Can't not find control element(${e})`), s && s.classList.contains("disabled") && (s.classList.remove("disabled"), s.tagName === "DROPDOWN-EL" && s.s.activeLi && q(s, [...s.s.allLi].indexOf(s.s.activeLi)));
+    s || A("dropdown", `Can't not find control element(${e})`), s && s.classList.contains("disabled") && (s.classList.remove("disabled"), s.tagName === "DROPDOWN-EL" && s.s.activeLi && I(s, [...s.s.allLi].indexOf(s.s.activeLi)));
   });
-}, q = (n, i) => {
+}, I = (n, i) => {
   const t = n.getAttribute("d4-placeholder"), e = n.querySelectorAll(".dropdown-list li");
   if (i < 0 || i.length === 0) {
     switch (e.forEach((s) => {
@@ -2221,7 +2234,7 @@ const Xs = (n) => {
         const o = n.querySelectorAll(".dropdown-list li.active");
         o.length <= 0 ? n.s.selectDisplayEl.textContent = t.trim() : (n.s.selectDisplayEl.textContent = "", o.forEach((r) => {
           const l = r.getAttribute("data-option"), c = r.textContent.trim(), u = `<div class="option-btn" data-option="${l}"><div class="text">${c}</div><div class="remove-icon"></div></div>`;
-          n.s.selectDisplayEl.insertAdjacentHTML(L.append, u);
+          n.s.selectDisplayEl.insertAdjacentHTML(S.append, u);
         })), n.s.activeLi = o, n.s.value = [...o].map((r) => ({
           index: [...e].indexOf(r),
           id: r.getAttribute("data-option"),
@@ -2244,7 +2257,7 @@ const Xs = (n) => {
     const o = document.createElement("li");
     o.textContent = e[0], o.setAttribute("data-option", e[0]), n.querySelector(".dropdown-list").append(o);
   });
-}, Ii = () => {
+}, qi = () => {
   x('dropdown-el[d4-status="open"]').forEach((i) => {
     i.close();
   });
@@ -2258,7 +2271,7 @@ const Xs = (n) => {
 };
 Js();
 document.addEventListener("click", function() {
-  Ii();
+  qi();
 });
 var zt, Ni, Bt, Pi, Wt, ji, Gt, zi;
 class Oi extends HTMLElement {
@@ -2288,26 +2301,26 @@ class Oi extends HTMLElement {
           switch (o.hasAttribute("multiple") ? "multiple" : "single") {
             case "single":
               const r = o.querySelector(`.dropdown-list li[data-option="${s}"]`);
-              T(r) ? q(o, [...o.s.allLi].indexOf(r)) : q(o, -1);
+              E(r) ? I(o, [...o.s.allLi].indexOf(r)) : I(o, -1);
               break;
             case "multiple":
               const l = [];
               o.querySelector(".dropdown-list li").classList.remove("active"), s.split(",").forEach((u) => {
                 const p = o.querySelector(`.dropdown-list li[data-option="${u}"]`);
-                T(p) && (p.classList.add("active"), l.push(p));
+                E(p) && (p.classList.add("active"), l.push(p));
               });
               const c = l.map((u) => [...o.s.allLi].indexOf(u));
-              q(o, c);
+              I(o, c);
               break;
           }
         else
-          q(o, -1);
+          I(o, -1);
         o.emit("change");
         break;
       case "d4-placeholder":
         if (e === null)
           return;
-        e !== s && o.s.value.index < 0 && q(o, o.s.value.index);
+        e !== s && o.s.value.index < 0 && I(o, o.s.value.index);
         break;
     }
   }
@@ -2317,7 +2330,7 @@ class Oi extends HTMLElement {
   }
   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 Ii(), t.setAttribute("d4-status", "open"), t.setAttribute("d4-default-height", o()), t.style.cssText = `--maxHeight: ${o()}px;`, t.s.dropdownEl.style.cssText = `
+    return qi(), 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;
@@ -2362,7 +2375,7 @@ zt = new WeakSet(), Ni = function() {
         }
       } else
         o = t.querySelector(`.dropdown-list li[data-option="${e}"]`);
-      T(o) ? (o.classList.add("active"), t.s.activeLi = o, t.s.value = {
+      E(o) ? (o.classList.add("active"), t.s.activeLi = o, t.s.value = {
         index: [...t.s.allLi].indexOf(o),
         id: e,
         el: o
@@ -2376,7 +2389,7 @@ zt = new WeakSet(), Ni = function() {
       const a = [];
       e.split(",").forEach((r) => {
         const l = t.querySelector(`.dropdown-list li[data-option="${r}"]`);
-        T(l) && a.push(l);
+        E(l) && a.push(l);
       }), a.length > 0 ? t.s.value = {
         index: a.map((r) => [...t.s.allLi].indexOf(r)),
         id: a.map((r) => r.getAttribute("data-option")),
@@ -2388,7 +2401,7 @@ zt = new WeakSet(), Ni = function() {
       };
       break;
   }
-  q(t, t.s.value.index), d(s = t, Gt, zi).call(s), t.classList.add("d4-initialize");
+  I(t, t.s.value.index), d(s = t, Gt, zi).call(s), t.classList.add("d4-initialize");
 }, Gt = new WeakSet(), zi = function() {
   const t = this;
   t.__events__.dropdownToggle = () => {
@@ -2411,7 +2424,7 @@ zt = new WeakSet(), Ni = function() {
             const r = t.querySelector(".dropdown-scroller"), l = () => {
               if (t.__scroller__) {
                 const { viewport: c } = t.__scroller__.elements();
-                if (T(t.s.activeLi)) {
+                if (E(t.s.activeLi)) {
                   const u = t.s.activeLi.clientHeight / 2, p = t.s.activeLi.offsetTop, g = p - r.clientHeight / 2 + u > 0 ? p - r.clientHeight / 2 + u : 0;
                   c.scrollTo({
                     top: g,
@@ -2449,12 +2462,12 @@ zt = new WeakSet(), Ni = function() {
         const u = this, p = [...e.s.allLi].indexOf(u), g = parseInt(e.getAttribute("d4-default-height"));
         if (u.classList.contains("has-sublayer")) {
           c.stopPropagation();
-          const v = u.querySelector(".sub-dropdown"), w = v.querySelector(".sub-dropdown-list"), y = parseInt(getComputedStyle(w).marginTop) + parseInt(getComputedStyle(w).marginBottom);
-          v.style.cssText = `--height: ${w.offsetHeight + y}px`;
-          const S = parseInt(v.style.cssText.replace("--height:", "").trim()), C = parseInt(getComputedStyle(a).maxHeight), b = () => {
+          const v = u.querySelector(".sub-dropdown"), w = v.querySelector(".sub-dropdown-list"), b = parseInt(getComputedStyle(w).marginTop) + parseInt(getComputedStyle(w).marginBottom);
+          v.style.cssText = `--height: ${w.offsetHeight + b}px`;
+          const T = parseInt(v.style.cssText.replace("--height:", "").trim()), C = parseInt(getComputedStyle(a).maxHeight), y = () => {
             s = g + e.s.subDropdownTotalH, o = s > C ? C : s, e.style.cssText = `--maxHeight: ${o}px;`, e.s.dropdownEl.style.height = `${o}px`;
           };
-          u.classList.contains("open") ? (u.classList.remove("open"), e.s.subDropdownTotalH -= S, b()) : (u.classList.add("open"), e.s.subDropdownTotalH += S, b());
+          u.classList.contains("open") ? (u.classList.remove("open"), e.s.subDropdownTotalH -= T, y()) : (u.classList.add("open"), e.s.subDropdownTotalH += T, y());
           const D = () => {
             e.__scroller__.update(!0), v.removeEventListener("transitionend", D);
           };
@@ -2463,16 +2476,16 @@ zt = new WeakSet(), Ni = function() {
           switch (Ys(e), e.s.selectType) {
             case "single":
               if (e.setAttribute("d4-value", u.getAttribute("data-option")), r) {
-                const v = e.s.cityLang, w = l.textContent.trim(), y = document.getElementById(e.getAttribute("dist-select"));
-                y && (y.querySelector(".dropdown-list").textContent = "", q(y, -1), Z[v][w].forEach((S, C) => {
-                  const b = document.createElement("li");
-                  b.textContent = S[0], b.setAttribute("data-option", S[0]), y.querySelector(".dropdown-list").append(b);
-                }), e.__events__.selectOption(y));
+                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), Z[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));
               }
               (m = u.parentNode.closest("li")) != null && m.classList.contains("has-sublayer") && (c.stopPropagation(), e.close());
               break;
             case "multiple":
-              c.stopPropagation(), u.classList.toggle("active"), q(e, p);
+              c.stopPropagation(), u.classList.toggle("active"), I(e, p);
               break;
           }
       });
@@ -2806,7 +2819,7 @@ Ut = new WeakSet(), Xi = function() {
     }), 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, Zt, Fi).call(s), i.option.navigation && i.$element.s.type !== "collapse" && (i.$container.insertAdjacentHTML(
-    L.prepend,
+    S.prepend,
     `<div class="navigation">
         <div class="button prev">
           <div></div>
@@ -2919,7 +2932,7 @@ Vt = new WeakSet(), Ji = function() {
   this.$element && (this.$container = this.$element.querySelector(".collapse-container"), this.$wrapper = this.$container.querySelector(".wrapper"), d(this, Kt, Zi).call(this) && d(this, te, Qi).call(this), d(this, ee, Vi).call(this));
 }, Kt = new WeakSet(), Zi = function() {
   const i = this.$element.querySelector(".drag-container"), t = i.querySelector(".wrapper");
-  return t.scrollWidth - t.clientWidth > 0 ? (i.insertAdjacentHTML(L.append, '<div class="open-collapse"></div>'), this.$button = i.querySelector(".open-collapse"), k(this.$element, "noScrollable"), !0) : (_(this.$element, "noScrollable"), !1);
+  return t.scrollWidth - t.clientWidth > 0 ? (i.insertAdjacentHTML(S.append, '<div class="open-collapse"></div>'), this.$button = i.querySelector(".open-collapse"), k(this.$element, "noScrollable"), !0) : (_(this.$element, "noScrollable"), !1);
 }, te = new WeakSet(), Qi = function() {
   const { $element: i, $button: t } = this, e = function() {
     i.classList.contains("expand") ? i.classList.remove("expand") : i.classList.add("expand");
@@ -2941,7 +2954,7 @@ Vt = new WeakSet(), Ji = function() {
 };
 const tn = (n) => {
   const { type: i, option: t, originalDomString: e } = n.s, s = document.createElement("div");
-  return i == "drag" && (s.innerHTML = I.TEMPLATE[i]().trim(), s.querySelector(".drag-container .wrapper").insertAdjacentHTML(L.append, e)), i == "collapse" && (s.innerHTML = I.TEMPLATE[i](t == null ? void 0 : t.collapse).trim(), s.querySelector(".drag-container .wrapper").insertAdjacentHTML(L.append, e), s.querySelector(".collapse-container .wrapper").insertAdjacentHTML(L.append, e)), i == "dropdown" && (s.innerHTML = I.TEMPLATE[i](t == null ? void 0 : t.dropdown).trim(), s.querySelector("dropdown-el").insertAdjacentHTML(L.append, e)), s.children;
+  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 ie, Ki, se, ts, nt, Me, F, ft;
 class en extends HTMLElement {
@@ -2989,7 +3002,7 @@ class en extends HTMLElement {
 }
 ie = new WeakSet(), Ki = function() {
   let t = {};
-  this.hasAttribute("m4-value") || this.setAttribute("m4-value", ""), this.s.type = this.getAttribute("m4-type") ?? I.SETTINGS.type, this.hasAttribute("m4-option") && (t = this.getAttribute("m4-option") ? JSON.parse(this.getAttribute("m4-option")) : {}, this.removeAttribute("m4-option"));
+  this.hasAttribute("m4-value") || this.setAttribute("m4-value", ""), this.s.type = this.getAttribute("m4-type") ?? q.SETTINGS.type, this.hasAttribute("m4-option") && (t = this.getAttribute("m4-option") ? JSON.parse(this.getAttribute("m4-option")) : {}, this.removeAttribute("m4-option"));
   const e = (s) => {
     if (s.type === "resize") {
       if (window.innerWidth === this.previousWidth)
@@ -2998,7 +3011,7 @@ ie = new WeakSet(), Ki = function() {
     }
     this.update();
   };
-  window.removeEventListener("resize", Je(e)), window.addEventListener("resize", Je(e)), this.s.option = {}, this.s.option.drag = Object.assign({}, I.SETTINGS.drag, t == null ? void 0 : t.drag), this.s.option.collapse = Object.assign({}, I.SETTINGS.collapse, t == null ? void 0 : t.collapse), this.s.option.dropdown = Object.assign({}, I.SETTINGS.dropdown, t == null ? void 0 : t.dropdown), this.s.option.breakpoint = Object.assign({}, I.SETTINGS.breakpoint, t == null ? void 0 : t.breakpoint), d(this, se, ts).call(this);
+  window.removeEventListener("resize", Je(e)), window.addEventListener("resize", Je(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, se, ts).call(this);
 }, se = new WeakSet(), ts = function() {
   this.classList.add("m4-init"), d(this, nt, Me).call(this);
 }, nt = new WeakSet(), Me = function() {
@@ -3029,7 +3042,7 @@ ie = new WeakSet(), Ki = function() {
   (o = this.drag) == null || o.update();
 };
 customElements.define("multipurpose-nav", en);
-var ne, is, oe, ss, ot, qe, W, J, ae, ns, re, os, le, as, ce, rs, de, ls, ue, cs, he, ds, pe, us, me, hs, N, R, ge, ps, fe, ms, ve, gs, be, fs;
+var ne, is, oe, ss, ot, Ie, W, J, ae, ns, re, os, le, as, ce, rs, de, ls, ue, cs, he, ds, pe, us, me, hs, N, R, ge, ps, fe, ms, ve, gs, be, fs;
 class es extends HTMLElement {
   // 定義組件的初始狀態
   constructor(t, e) {
@@ -3106,7 +3119,7 @@ class es extends HTMLElement {
   }
   // 外部呼叫方法 $0.update()
   update() {
-    this.t.tabs = d(this, ot, qe).call(this), vs(), console.log("tab update!!!!");
+    this.t.tabs = d(this, ot, Ie).call(this), vs(), console.log("tab update!!!!");
   }
 }
 ne = new WeakSet(), is = function() {
@@ -3129,14 +3142,14 @@ ne = new WeakSet(), is = function() {
       delay: this.getAttribute("t4-delay") || e.transition.delay
     },
     tabGroup: this.getAttribute("t4-group") || e.tabGroup
-  }, this.__events__ = {}, this.t.tabs = d(this, ot, qe).call(this), this.t.step = document.querySelector(`[t4-control="${this.t.name}"]${this.t.stepOutput}`), d(this, oe, ss).call(this);
+  }, this.__events__ = {}, this.t.tabs = d(this, ot, Ie).call(this), this.t.step = document.querySelector(`[t4-control="${this.t.name}"]${this.t.stepOutput}`), d(this, oe, ss).call(this);
 }, oe = new WeakSet(), ss = function() {
   if (this.t.activeTab = this.t.defaultPage, this.t.display === "swiper" && d(this, ae, ns).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, be, fs).call(this);
-}, ot = new WeakSet(), qe = function() {
+}, ot = new WeakSet(), Ie = 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！！");
@@ -3196,7 +3209,7 @@ ne = new WeakSet(), is = function() {
 }, N = new WeakSet(), R = function(t, e, s) {
   switch (t) {
     case "step":
-      Le(this.t.step) && d(this, ue, cs).call(this, e);
+      Ae(this.t.step) && d(this, ue, cs).call(this, e);
       break;
     case "eventAnchor":
       this.t.anchor && d(this, ce, rs).call(this);
@@ -3314,23 +3327,23 @@ const Qe = (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 at, Ie, ye, bs, we, ys, rt, Oe;
+var at, qe, ye, bs, we, ys, rt, Oe;
 class on {
   constructor(i, t = {}) {
     h(this, at);
     h(this, ye);
     h(this, we);
     h(this, rt);
-    !ct(i) && !Le(i) && !dt(i) && !T(i) || (this.__storage__ = {
+    !ct(i) && !Ae(i) && !dt(i) && !E(i) || (this.__storage__ = {
       el: i,
       options: t
-    }, this.active = "data-collapse-active", d(this, at, Ie).call(this));
+    }, this.active = "data-collapse-active", d(this, at, qe).call(this));
   }
   update() {
-    d(this, at, Ie).call(this);
+    d(this, at, qe).call(this);
   }
 }
-at = new WeakSet(), Ie = function() {
+at = new WeakSet(), qe = function() {
   const { el: i, options: t } = this.__storage__, { SETTINGS: e, EVENTS: s } = ii;
   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))
@@ -3369,14 +3382,14 @@ function ws() {
   });
 }
 document.addEventListener("click", ws);
-var lt, Ne, Te, Ts, Ee, Es, Ae, As;
+var lt, Ne, Te, Ts, Ee, Es, Le, Ls;
 class rn extends HTMLElement {
   constructor() {
     super();
     h(this, lt);
     h(this, Te);
     h(this, Ee);
-    h(this, Ae);
+    h(this, Le);
     this.initialize = !1;
   }
   connectedCallback() {
@@ -3404,11 +3417,11 @@ lt = new WeakSet(), Ne = function() {
   };
   this.s.options = s, this.s.options.hover && this.classList.add("hover-btn"), d(this, Te, Ts).call(this);
 }, Te = new WeakSet(), Ts = function() {
-  d(this, Ee, Es).call(this), d(this, Ae, As).call(this), this.classList.add("r4-initialize");
+  d(this, Ee, Es).call(this), d(this, Le, Ls).call(this), this.classList.add("r4-initialize");
 }, Ee = new WeakSet(), Es = function() {
   const t = this, e = document.createElement("i");
   e.classList.add("hover-ball"), e.style.transitionDuration = `${t.s.options.speed}ms`, t.appendChild(e);
-}, Ae = new WeakSet(), As = function() {
+}, Le = new WeakSet(), Ls = function() {
   const t = this.querySelector("i.hover-ball"), e = this;
   e.addEventListener("click", function(a) {
     a.stopPropagation(), e.s.options.click && an(a, e);
@@ -3610,8 +3623,8 @@ export {
   Oi as D,
   Hn as E,
   Mn as F,
-  qn as G,
-  In as H,
+  In as G,
+  qn as H,
   ln as I,
   On as J,
   Nn as K,
@@ -3629,14 +3642,14 @@ export {
   Yn as W,
   Fn as X,
   Un as Y,
-  T as a,
+  E as a,
   dt as b,
   Cs as c,
   _s as d,
   je as e,
-  L as f,
+  S as f,
   x as g,
-  Ln as h,
+  An as h,
   ct as i,
   bi as j,
   Vs as k,