@xwadex/fesd 0.0.14-re.88 → 0.0.14-re.90

package/dist/image-preview-bundle.js

@@ -88,7 +88,7 @@ const Y = {
         </div>
         `;
   }
-}, x = {
+}, $ = {
   SETTINGS: {
     direction: "left",
     // 方向 - top || right || bottom || left
@@ -180,7 +180,7 @@ const Y = {
     beforeScroll: null,
     afterScroll: null
   }
-}, H = {
+}, C = {
   SETTINGS: {
     type: "drag",
     drag: {
@@ -297,19 +297,19 @@ const Y = {
   article4: ws,
   collapse4: Je,
   dropdown4: qe,
-  marquee4: x,
+  marquee4: $,
   modal4: I,
-  multipurpose4: H,
+  multipurpose4: C,
   ripple4: Ze,
   share4: ys,
   tab4: Ue,
   video4: Y
-}, Symbol.toStringTag, { value: "Module" })), A = {
+}, Symbol.toStringTag, { value: "Module" })), E = {
   before: "beforebegin",
   after: "afterend",
   append: "beforeend",
   prepend: "afterbegin"
-}, at = (n) => typeof n == "string" && n !== "", ye = (n) => n instanceof HTMLElement, rt = (n) => n instanceof NodeList, w = (n) => L(n) !== null, z = (n) => typeof n == "function", L = (n) => ye(n) ? n : document.querySelector(n), S = (n) => rt(n) ? n : document.querySelectorAll(n), Ts = () => Math.random().toString(36).substr(2, 9), Es = (n) => {
+}, at = (n) => typeof n == "string" && n !== "", ye = (n) => n instanceof HTMLElement, rt = (n) => n instanceof NodeList, w = (n) => A(n) !== null, j = (n) => typeof n == "function", A = (n) => ye(n) ? n : document.querySelector(n), L = (n) => rt(n) ? n : document.querySelectorAll(n), Ts = () => Math.random().toString(36).substr(2, 9), Es = (n) => {
   const i = document.createElement("div");
   return i.innerHTML = n, i.childNodes;
 }, As = (n) => {
@@ -319,13 +319,13 @@ const Y = {
     return n;
   }
   return JSON.parse(n);
-}, E = (n, i) => {
+}, T = (n, i) => {
   console.warn(`[${n} warn]: ${i}`);
 }, je = (n, i) => {
   console.error(`[${n} error]: ${i}`);
 }, O = {
   on(n, i) {
-    if (!z(i))
+    if (!j(i))
       return this;
     const { __events__: t } = this;
     return n.split(" ").forEach((e) => {
@@ -341,7 +341,7 @@ const Y = {
     }), this;
   },
   once(n, i) {
-    if (!z(i))
+    if (!j(i))
       return this;
     const t = (...e) => {
       this.off(n, t), i.apply(this, e);
@@ -351,7 +351,7 @@ const Y = {
   emit(...n) {
     const { __events__: i } = this, t = n[0], e = n.slice(1, n.length);
     return i[t] ? (i[t].forEach((s) => {
-      z(s) && s.apply(this, e);
+      j(s) && s.apply(this, e);
     }), this) : this;
   }
 }, Ls = {
@@ -365,19 +365,19 @@ const Y = {
     return -t * ((n = n / e - 1) * n * n * n - 1) + i;
   }
 }, we = (n, i) => {
-  const { target: t, container: e, spacer: s, speed: o, gap: a, easing: r, direction: l } = n, c = l === "horizontal", u = c ? "scrollLeft" : "scrollTop", p = c ? "left" : "top", g = c ? "width" : "height", m = w(e) ? L(e) : document.scrollingElement, f = m[u], b = w(t) ? L(t).getBoundingClientRect()[p] : 0 - f, y = w(s) ? L(s).getBoundingClientRect()[g] : 0, _ = b - a - y, P = 15;
-  let T = 0;
-  if (_ === 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 = w(e) ? A(e) : document.scrollingElement, f = m[u], b = w(t) ? A(t).getBoundingClientRect()[p] : 0 - f, y = w(s) ? A(s).getBoundingClientRect()[g] : 0, H = b - a - y, G = 15;
+  let S = 0;
+  if (H === 0)
     return;
   const R = (X) => {
-    const Ne = L(t);
-    i && i.emit(X, Ne), !i && n.on && z(n.on[X]) && n.on[X](Ne);
+    const Ne = A(t);
+    i && i.emit(X, Ne), !i && n.on && j(n.on[X]) && n.on[X](Ne);
   };
   R("beforeScroll");
   const Pe = () => {
-    T += P;
-    const X = Ls[r](T, f, _, o);
-    m[u] = X, T < o && requestAnimationFrame(Pe), T >= o && R("afterScroll");
+    S += G;
+    const X = Ls[r](S, f, H, o);
+    m[u] = X, S < o && requestAnimationFrame(Pe), S >= o && R("afterScroll");
   };
   requestAnimationFrame(Pe);
 };
@@ -423,7 +423,7 @@ J = new WeakSet(), Ee = function() {
   if (!at(i) || !w(i))
     return;
   const { SETTINGS: e, EVENTS: s } = lt;
-  if (this.elements = t.state == "not active" ? S(i + `:not([${this.active}])`) : S(i), this.elements = S(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
+  if (this.elements = t.state == "not active" ? L(i + `:not([${this.active}])`) : L(i), this.elements = L(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
     for (const [o, a] of Object.entries(this.options.on))
       this.__events__[o] = [a];
   d(this, pt, Ve).call(this);
@@ -497,7 +497,7 @@ gt = new WeakSet(), ei = function() {
   const { ATTRS: t } = I;
   this.__events__ = {}, this.getAttribute(":state") || this.setAttribute(":state", "close");
   const e = this.getAttribute(t.id) || Ts();
-  this.getAttribute(t.id) || (E(`modern-modal needs a ${t.id} attribute with a unique id.`), this.setAttribute(t.id, e)), M[e] && E(`the ${t.id} "${e}" is already be used.`), M[e] = this, d(this, ft, ii).call(this);
+  this.getAttribute(t.id) || (T(`modern-modal needs a ${t.id} attribute with a unique id.`), this.setAttribute(t.id, e)), M[e] && T(`the ${t.id} "${e}" is already be used.`), M[e] = this, d(this, ft, ii).call(this);
 }, ft = new WeakSet(), ii = function() {
   this.childDom = this.childNodes, this.template = Ss(this), this.innerHTML = "", this.append(this.template), d(this, vt, si).call(this);
 }, vt = new WeakSet(), si = function() {
@@ -560,14 +560,14 @@ const { MODALS: Ie } = window, ai = (n, i, ...t) => {
   if (!i)
     return;
   const e = n[i];
-  e && z(e) && e.apply(n, t);
+  e && j(e) && e.apply(n, t);
 }, ri = (n, ...i) => {
-  n && z(n) && n.apply(U, i);
+  n && j(n) && n.apply(U, i);
 }, ze = (n, i) => {
-  const { target: t } = n, e = Ie[t] || L(n.target);
+  const { target: t } = n, e = Ie[t] || A(n.target);
   e && li(n, i), e || Ds(n, i);
 }, li = (n, i) => {
-  const { target: t, action: e, on: s, e: o } = n, a = Ie[t] || L(n.target);
+  const { target: t, action: e, on: s, e: o } = n, a = Ie[t] || A(n.target);
   switch (["open", "close", "destroy"].forEach((l) => {
     a.once(l, () => {
       i && (i.emit(l, a, o), ai(i, s[l], a, o)), i || ri(s[l], a);
@@ -590,23 +590,23 @@ const { MODALS: Ie } = window, ai = (n, i, ...t) => {
 }, Ds = async (n, i) => {
   const { target: t, route: e, container: s, on: o, e: a } = n;
   if (!e)
-    return E("modal4", "cannot find target or data-modal-route is not defined");
+    return T("modal4", "cannot find target or data-modal-route is not defined");
   const r = (l, ...c) => {
     i && (i.emit(l, ...c), ai(i, o[l], ...c)), i || ri(o[l], ...c);
   };
   fetch(e).then((l) => (r("success", a), l.text())).then((l) => {
-    const c = Es(l), u = L(s) || L(I.SETTINGS.container);
+    const c = Es(l), u = A(s) || A(I.SETTINGS.container);
     [...c].forEach((g) => {
       u.append(g);
     });
-    const p = Ie[t] || L(n.target);
+    const p = Ie[t] || A(n.target);
     r("complete", p), li(n, i);
   }).catch((l) => {
     r("error", l);
   });
 };
 var Z, Ae, wt, ci, Tt, di;
-const N = class N {
+const P = class P {
   constructor(i, t = {}) {
     h(this, Z);
     h(this, wt);
@@ -633,11 +633,11 @@ const N = class N {
   }
   /** static method 'defineMethods' */
   static defineMethods(i) {
-    N.prototype.__methods__ || (N.prototype.__methods__ = {});
-    const t = N.prototype.__methods__;
+    P.prototype.__methods__ || (P.prototype.__methods__ = {});
+    const t = P.prototype.__methods__;
     for (const [e, s] of Object.entries(i))
-      z(s) && (t[e] = s);
-    Object.assign(N.prototype, N.prototype.__methods__);
+      j(s) && (t[e] = s);
+    Object.assign(P.prototype, P.prototype.__methods__);
   }
 };
 Z = new WeakSet(), Ae = function() {
@@ -645,7 +645,7 @@ Z = new WeakSet(), Ae = function() {
   if (!at(i) || !w(i))
     return;
   const { SETTINGS: e, EVENTS: s } = I;
-  if (this.elements = t.state == "not active" ? S(i + `:not([${this.active}])`) : S(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
+  if (this.elements = t.state == "not active" ? L(i + `:not([${this.active}])`) : L(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
     for (const [o, a] of Object.entries(this.options.on))
       this.__events__[o] = [a];
   d(this, wt, ci).call(this);
@@ -656,7 +656,7 @@ Z = new WeakSet(), Ae = function() {
   }), this.emit("init");
 }, Tt = new WeakSet(), di = function(i) {
   const { defaultOptions: t, eventHandler: e, instance: s } = this.modal, o = As(this.getAttribute("data-modal-on"));
-  o && typeof o != "object" && E("modal4", "data-modal-on must be a json string.");
+  o && typeof o != "object" && T("modal4", "data-modal-on must be a json string.");
   const a = {
     target: this.getAttribute("data-modal-target") || t.target,
     action: this.getAttribute("data-modal-action") || t.action,
@@ -669,7 +669,7 @@ Z = new WeakSet(), Ae = function() {
     this.addEventListener("click", e);
   }, 200), ze(a, s);
 };
-let U = N;
+let U = P;
 Object.assign(U.prototype, O);
 customElements.define("modern-modal", ti);
 const _s = (n, i) => {
@@ -702,7 +702,7 @@ class ui {
     const { elements: t, options: e } = this;
     if (!t)
       return this;
-    const { scroller: s } = e, o = s === window || !w(s) ? window : L(s);
+    const { scroller: s } = e, o = s === window || !w(s) ? window : A(s);
     return o.aost && (o.removeEventListener("scroll", o.aost.eventHandler), delete o.aost), t.forEach((a) => {
       if (!a.aost)
         return;
@@ -720,12 +720,12 @@ Q = new WeakSet(), Le = function() {
   if (!at(i) || !w(i))
     return;
   const { SETTINGS: e, EVENTS: s } = Ye;
-  if (this.elements = t.state == "not active" ? S(i + `:not([${this.active}])`) : S(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
+  if (this.elements = t.state == "not active" ? L(i + `:not([${this.active}])`) : L(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
     for (const [o, a] of Object.entries(this.options.on))
       this.__events__[o] = [a];
   d(this, Et, hi).call(this);
 }, Et = new WeakSet(), hi = function() {
-  const { elements: i, options: t } = this, { scroller: e } = t, s = e === window || !w(e) ? window : L(e);
+  const { elements: i, options: t } = this, { scroller: e } = t, s = e === window || !w(e) ? window : A(e);
   this.eventHandler = () => {
     _s(s, i);
   }, i.forEach((a) => {
@@ -800,7 +800,7 @@ class xs extends HTMLElement {
 }
 At = new WeakSet(), pi = function() {
   if (!this.getAttribute("video-id")) {
-    E("videoPlayer", "video-render needs a ['video-id'] attribute to creat player.");
+    T("videoPlayer", "video-render needs a ['video-id'] attribute to creat player.");
     return;
   }
   this.videoId = this.getAttribute("video-id"), this.videoType = this.getAttribute("video-type"), this.autoplay = this.getAttribute("video-autoplay"), this.startTime = this.getAttribute("video-starttime"), d(this, Lt, mi).call(this);
@@ -833,7 +833,7 @@ At = new WeakSet(), pi = function() {
       e = d(this, Ct, Ti).call(this);
       break;
   }
-  this.querySelector(".player-wrapper").insertAdjacentHTML(A.prepend, e);
+  this.querySelector(".player-wrapper").insertAdjacentHTML(E.prepend, e);
 }, Dt = new WeakSet(), fi = function() {
   const { videoId: t, autoplay: e, startTime: s } = this;
   return `<iframe src="https://www.youtube.com/embed/${t}?rel=0&${e === "on" ? "autoplay=1" : ""}&start=${s}&mute=1&loop=1&enablejsapi=1" frameborder="0" allowfullscreen="0" volumn="0" allow="${e === "on" ? "autoplay;" : ""} encrypted-media; gyroscope; picture-in-picture;"></iframe>`;
@@ -1105,7 +1105,7 @@ class qs {
 }
 V = new WeakSet(), Se = function() {
   const { el: i, options: t } = this.__storage__, { SETTINGS: e, EVENTS: s } = Y;
-  if (this.elements = t.state == "not active" ? S(i + `:not([${this.active}])`) : S(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
+  if (this.elements = t.state == "not active" ? L(i + `:not([${this.active}])`) : L(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
     for (const [o, a] of Object.entries(this.options.on))
       this.__events__[o] = [a];
   d(this, Ht, Li).call(this);
@@ -1119,31 +1119,31 @@ V = new WeakSet(), Se = function() {
   if (l === "onBox") {
     let g = null;
     if (u === "on") {
-      i.classList.add("video4-cover"), s.querySelector("img") || (s.insertAdjacentHTML(A.prepend, '<picture><source srcset="" type="image/webp"><source srcset="" type="image/jpeg"><img src="" alt></picture>'), E("video4", "若啟用 [videoCover] 且選擇 onBox 模式必須於 video-target 內放置 img 結構，若無結構則自動加入圖片結構"));
+      i.classList.add("video4-cover"), s.querySelector("img") || (s.insertAdjacentHTML(E.prepend, '<picture><source srcset="" type="image/webp"><source srcset="" type="image/jpeg"><img src="" alt></picture>'), T("video4", "若啟用 [videoCover] 且選擇 onBox 模式必須於 video-target 內放置 img 結構，若無結構則自動加入圖片結構"));
       const m = s.querySelector("img");
-      m.insertAdjacentHTML(A.after, t[o]);
+      m.insertAdjacentHTML(E.after, t[o]);
       const f = (m == null ? void 0 : m.getAttribute("src")) || (m == null ? void 0 : m.getAttribute("data-src"));
       !f && r == "youtube" ? p == "on" ? m.setAttribute("src", `http://img.youtube.com/vi/${a}/maxresdefault.jpg `) : m.setAttribute("src", `https://img.youtube.com/vi/${a}/0.jpg`) : !f && r == "vimeo" ? m.setAttribute("src", `https://vumbnail.com/${a}_large.jpg`) : !f && r == "tiktok" ? fetch(`https://www.tiktok.com/oembed?url=https://www.tiktok.com/@/video/${a}`, { method: "GET", redirect: "follow" }).then((b) => b.json()).then((b) => {
         const y = b.thumbnail_url;
         m.setAttribute("src", `${y}`);
       }).catch(function(b) {
         console.log("error");
-      }) : E("video4", "僅 youtube & vimeo 提供，無圖片時放置預設封面畫面，其他影片平台請自行上傳封面照片");
+      }) : T("video4", "僅 youtube & vimeo 提供，無圖片時放置預設封面畫面，其他影片平台請自行上傳封面照片");
     }
-    c == "off" ? g = s : (g = s.querySelector(c) ?? s, s.querySelector(c) || E("video4", `找不到 videoButton 設定的 element -> '${c}' , 點擊物件轉移至 '${this.__storage__.el}'`)), g.video || (g.video = {}, g.video.params = e), g.video.eventHandler = d(this, K, De), g.addEventListener("click", g.video.eventHandler);
+    c == "off" ? g = s : (g = s.querySelector(c) ?? s, s.querySelector(c) || T("video4", `找不到 videoButton 設定的 element -> '${c}' , 點擊物件轉移至 '${this.__storage__.el}'`)), g.video || (g.video = {}, g.video.params = e), g.video.eventHandler = d(this, K, De), g.addEventListener("click", g.video.eventHandler);
   } else if (l === "onPage") {
     let g = null;
     if (u == "on") {
-      i.classList.add("video4-cover"), s.querySelector("img") || (s.insertAdjacentHTML(A.prepend, '<picture><source srcset="" type="image/webp"><source srcset="" type="image/jpeg"><img src="" alt></picture>'), E("video", "若啟用 [videoCover] 且選擇 onBox 模式必須於 video-target 內放置 img 結構"));
+      i.classList.add("video4-cover"), s.querySelector("img") || (s.insertAdjacentHTML(E.prepend, '<picture><source srcset="" type="image/webp"><source srcset="" type="image/jpeg"><img src="" alt></picture>'), T("video", "若啟用 [videoCover] 且選擇 onBox 模式必須於 video-target 內放置 img 結構"));
       const m = s.querySelector("img");
-      m.insertAdjacentHTML(A.after, t[o]);
+      m.insertAdjacentHTML(E.after, t[o]);
       const f = (m == null ? void 0 : m.getAttribute("src")) || (m == null ? void 0 : m.getAttribute("data-src"));
       !f && r == "youtube" ? p == "on" ? m.setAttribute("src", `http://img.youtube.com/vi/${a}/maxresdefault.jpg `) : m.setAttribute("src", `https://img.youtube.com/vi/${a}/0.jpg`) : !f && r == "vimeo" ? m.setAttribute("src", `https://vumbnail.com/${a}_large.jpg`) : !f && r == "tiktok" ? fetch(`https://www.tiktok.com/oembed?url=https://www.tiktok.com/@/video/${a}`, { method: "GET", redirect: "follow" }).then((b) => b.json()).then((b) => {
         const y = b.thumbnail_url;
         m.setAttribute("src", `${y}`);
       }).catch(function(b) {
         console.log("error");
-      }) : f || E("video4", "僅 youtube & vimeo 提供，無圖片時放置預設封面畫面，其他影片平台請自行上傳封面照片"), c == "off" ? g = s : (g = s.querySelector(c) ?? s, s.querySelector(c) || E("video4", `找不到 videoButton 設定的 element -> '${c}', 點擊物件轉移至 '${this.__storage__.el}'`));
+      }) : f || T("video4", "僅 youtube & vimeo 提供，無圖片時放置預設封面畫面，其他影片平台請自行上傳封面照片"), c == "off" ? g = s : (g = s.querySelector(c) ?? s, s.querySelector(c) || T("video4", `找不到 videoButton 設定的 element -> '${c}', 點擊物件轉移至 '${this.__storage__.el}'`));
     } else {
       s.innerHTML = Te(e);
       return;
@@ -1173,10 +1173,8 @@ V = new WeakSet(), Se = function() {
           const m = g.querySelectorAll("[data-overlayscrollbars-viewport]");
           if (u.update(), Ei([...m]), l == "instagram") {
             const f = document.querySelector("[video-template] .modal-content");
-            let b = f.offsetHeight;
-            new ResizeObserver((_) => {
-              for (let P of _)
-                P.contentRect.height !== b && f.classList.add("active");
+            new ResizeObserver((y) => {
+              y[0].contentRect.height > 50 && f.classList.add("active");
             }).observe(f);
           }
         },
@@ -2059,9 +2057,9 @@ const Oe = {
   const i = (t = n.getAttribute("control-elements")) == null ? void 0 : t.split(",");
   i && i.forEach((e) => {
     const s = document.querySelector(e);
-    s || E("dropdown", `Can't not find control element(${e})`), s && s.classList.contains("disabled") && (s.classList.remove("disabled"), s.tagName === "DROPDOWN-EL" && s.s.activeLi && C(s, [...s.s.allLi].indexOf(s.s.activeLi)));
+    s || T("dropdown", `Can't not find control element(${e})`), s && s.classList.contains("disabled") && (s.classList.remove("disabled"), s.tagName === "DROPDOWN-EL" && s.s.activeLi && x(s, [...s.s.allLi].indexOf(s.s.activeLi)));
   });
-}, C = (n, i) => {
+}, x = (n, i) => {
   const t = n.getAttribute("d4-placeholder"), e = n.querySelectorAll(".dropdown-list li");
   if (i < 0 || i.length === 0) {
     switch (e.forEach((s) => {
@@ -2102,7 +2100,7 @@ const Oe = {
         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(A.append, u);
+          n.s.selectDisplayEl.insertAdjacentHTML(E.append, u);
         })), n.s.activeLi = o, n.s.value = [...o].map((r) => ({
           index: [...e].indexOf(r),
           id: r.getAttribute("data-option"),
@@ -2126,7 +2124,7 @@ const Oe = {
     o.textContent = e[0], o.setAttribute("data-option", e[0]), n.querySelector(".dropdown-list").append(o);
   });
 }, _i = () => {
-  S('dropdown-el[d4-status="open"]').forEach((i) => {
+  L('dropdown-el[d4-status="open"]').forEach((i) => {
     i.close();
   });
 }, js = () => {
@@ -2169,7 +2167,7 @@ class ki extends HTMLElement {
           switch (o.hasAttribute("multiple") ? "multiple" : "single") {
             case "single":
               const r = o.querySelector(`.dropdown-list li[data-option="${s}"]`);
-              w(r) ? C(o, [...o.s.allLi].indexOf(r)) : C(o, -1);
+              w(r) ? x(o, [...o.s.allLi].indexOf(r)) : x(o, -1);
               break;
             case "multiple":
               const l = [];
@@ -2178,17 +2176,17 @@ class ki extends HTMLElement {
                 w(p) && (p.classList.add("active"), l.push(p));
               });
               const c = l.map((u) => [...o.s.allLi].indexOf(u));
-              C(o, c);
+              x(o, c);
               break;
           }
         else
-          C(o, -1);
+          x(o, -1);
         o.emit("change");
         break;
       case "d4-placeholder":
         if (e === null)
           return;
-        e !== s && o.s.value.index < 0 && C(o, o.s.value.index);
+        e !== s && o.s.value.index < 0 && x(o, o.s.value.index);
         break;
     }
   }
@@ -2269,7 +2267,7 @@ It = new WeakSet(), $i = function() {
       };
       break;
   }
-  C(t, t.s.value.index), d(s = t, Nt, Hi).call(s), t.classList.add("d4-initialize");
+  x(t, t.s.value.index), d(s = t, Nt, Hi).call(s), t.classList.add("d4-initialize");
 }, Nt = new WeakSet(), Hi = function() {
   const t = this;
   t.__events__.dropdownToggle = () => {
@@ -2332,10 +2330,10 @@ It = new WeakSet(), $i = function() {
           c.stopPropagation();
           const f = u.querySelector(".sub-dropdown"), b = f.querySelector(".sub-dropdown-list"), y = parseInt(getComputedStyle(b).marginTop) + parseInt(getComputedStyle(b).marginBottom);
           f.style.cssText = `--height: ${b.offsetHeight + y}px`;
-          const _ = parseInt(f.style.cssText.replace("--height:", "").trim()), P = parseInt(getComputedStyle(a).maxHeight), T = () => {
-            s = g + e.s.subDropdownTotalH, o = s > P ? P : s, e.style.cssText = `--maxHeight: ${o}px;`, e.s.dropdownEl.style.height = `${o}px`;
+          const H = parseInt(f.style.cssText.replace("--height:", "").trim()), G = parseInt(getComputedStyle(a).maxHeight), S = () => {
+            s = g + e.s.subDropdownTotalH, o = s > G ? G : s, e.style.cssText = `--maxHeight: ${o}px;`, e.s.dropdownEl.style.height = `${o}px`;
           };
-          u.classList.contains("open") ? (u.classList.remove("open"), e.s.subDropdownTotalH -= _, T()) : (u.classList.add("open"), e.s.subDropdownTotalH += _, T());
+          u.classList.contains("open") ? (u.classList.remove("open"), e.s.subDropdownTotalH -= H, S()) : (u.classList.add("open"), e.s.subDropdownTotalH += H, S());
           const R = () => {
             e.__scroller__.update(!0), f.removeEventListener("transitionend", R);
           };
@@ -2345,15 +2343,15 @@ It = new WeakSet(), $i = function() {
             case "single":
               if (e.setAttribute("d4-value", u.getAttribute("data-option")), r) {
                 const f = e.s.cityLang, b = l.textContent.trim(), y = document.getElementById(e.getAttribute("dist-select"));
-                y && (y.querySelector(".dropdown-list").textContent = "", C(y, -1), Oe[f][b].forEach((_, P) => {
-                  const T = document.createElement("li");
-                  T.textContent = _[0], T.setAttribute("data-option", _[0]), y.querySelector(".dropdown-list").append(T);
+                y && (y.querySelector(".dropdown-list").textContent = "", x(y, -1), Oe[f][b].forEach((H, G) => {
+                  const S = document.createElement("li");
+                  S.textContent = H[0], S.setAttribute("data-option", H[0]), y.querySelector(".dropdown-list").append(S);
                 }), e.__events__.selectOption(y));
               }
               (m = u.parentNode.closest("li")) != null && m.classList.contains("has-sublayer") && (c.stopPropagation(), e.close());
               break;
             case "multiple":
-              c.stopPropagation(), u.classList.toggle("active"), C(e, p);
+              c.stopPropagation(), u.classList.toggle("active"), x(e, p);
               break;
           }
       });
@@ -2424,7 +2422,7 @@ function zs(n) {
   }
   n.s.animation = null, n.s.animateEl = a, n.textContent = "", o.append(a), n.append(o), a.clientWidth * 2 + e >= n.clientWidth ? i === "normal" && t && o.append(r()) : n.s.options.continual = !1;
 }
-function k(n) {
+function _(n) {
   const { behavior: i, direction: t, continual: e } = n.s.options;
   let s = {};
   switch (i) {
@@ -2513,20 +2511,20 @@ class Bs extends HTMLElement {
 }
 jt = new WeakSet(), Mi = function() {
   const t = {
-    direction: this.getAttribute("direction") || x.SETTINGS.direction,
+    direction: this.getAttribute("direction") || $.SETTINGS.direction,
     // up / down / left / right
-    behavior: this.getAttribute("behavior") || x.SETTINGS.behavior,
+    behavior: this.getAttribute("behavior") || $.SETTINGS.behavior,
     // normal / alternate / endStop
-    duration: Number(this.getAttribute("duration")) || x.SETTINGS.duration,
+    duration: Number(this.getAttribute("duration")) || $.SETTINGS.duration,
     // ms
-    durationBreakpoints: ct(this) || x.SETTINGS.durationBreakpoints,
-    autoplay: this.getAttribute("autoplay") || x.SETTINGS.autoplay,
+    durationBreakpoints: ct(this) || $.SETTINGS.durationBreakpoints,
+    autoplay: this.getAttribute("autoplay") || $.SETTINGS.autoplay,
     // normal / alternate / endStop
-    pauseOnMouseenter: this.getAttribute("pauseOnMouseEnter") ? this.getAttribute("pauseOnMouseEnter") === "true" : x.SETTINGS.pauseOnMouseenter,
+    pauseOnMouseenter: this.getAttribute("pauseOnMouseEnter") ? this.getAttribute("pauseOnMouseEnter") === "true" : $.SETTINGS.pauseOnMouseenter,
     // true / false
-    continual: this.getAttribute("continual") ? this.getAttribute("continual") === "true" : x.SETTINGS.continual,
+    continual: this.getAttribute("continual") ? this.getAttribute("continual") === "true" : $.SETTINGS.continual,
     // true / false
-    gap: Number(this.getAttribute("gap")) || x.SETTINGS.gap
+    gap: Number(this.getAttribute("gap")) || $.SETTINGS.gap
   };
   this.s = {}, this.s.options = t, this.s.nowDuration = Be(this), zs(this), d(this, zt, qi).call(this);
 }, zt = new WeakSet(), qi = function() {
@@ -2548,10 +2546,10 @@ jt = new WeakSet(), Mi = function() {
   function u() {
     switch (s) {
       case "normal":
-        t.s.animateEl.style.transform = `${k(t).animate1[0].transform}`, t.s.animation = t.s.animateEl.animate(k(t).animate1, {
+        t.s.animateEl.style.transform = `${_(t).animate1[0].transform}`, t.s.animation = t.s.animateEl.animate(_(t).animate1, {
           duration: t.s.nowDuration,
           iterations: 1 / 0
-        }), l && (t.s.cloneAnimateEl.style.transform = `${k(t).animate2[0].transform}`, t.s.cloneAnimation = t.s.cloneAnimateEl.animate(k(t).animate2, {
+        }), l && (t.s.cloneAnimateEl.style.transform = `${_(t).animate2[0].transform}`, t.s.cloneAnimation = t.s.cloneAnimateEl.animate(_(t).animate2, {
           duration: t.s.nowDuration,
           delay: -t.s.nowDuration / 2,
           iterations: 1 / 0
@@ -2580,7 +2578,7 @@ jt = new WeakSet(), Mi = function() {
           duration: g,
           fill: "forwards"
         }).finished.then(() => {
-          t.s.animation = t.s.animateEl.animate(k(t).animate1, {
+          t.s.animation = t.s.animateEl.animate(_(t).animate1, {
             duration: t.s.nowDuration,
             iterations: 1 / 0
           });
@@ -2589,7 +2587,7 @@ jt = new WeakSet(), Mi = function() {
         });
         break;
       case "endStop":
-        t.s.animateEl.style.transform = `${k(t).animate1[0].transform}`, t.s.animation = t.s.animateEl.animate(k(t).animate1, {
+        t.s.animateEl.style.transform = `${_(t).animate1[0].transform}`, t.s.animation = t.s.animateEl.animate(_(t).animate1, {
           duration: t.s.nowDuration,
           fill: "forwards"
         });
@@ -2611,10 +2609,10 @@ jt = new WeakSet(), Mi = function() {
   const t = this;
   function e() {
     const s = t.s.animation.startTime, o = t.s.cloneAnimation ? t.s.cloneAnimation.startTime : null;
-    t.s.nowDuration = Be(t), t.s.animation.cancel(), t.s.cloneAnimation && t.s.cloneAnimation.cancel(), t.s.animation = t.s.animateEl.animate(k(t).animate1, {
+    t.s.nowDuration = Be(t), t.s.animation.cancel(), t.s.cloneAnimation && t.s.cloneAnimation.cancel(), t.s.animation = t.s.animateEl.animate(_(t).animate1, {
       duration: t.s.nowDuration,
       iterations: 1 / 0
-    }), t.s.animation.startTime = s, t.s.cloneAnimation && (t.s.cloneAnimation = t.s.cloneAnimateEl.animate(k(t).animate2, {
+    }), t.s.animation.startTime = s, t.s.cloneAnimation && (t.s.cloneAnimation = t.s.cloneAnimateEl.animate(_(t).animate2, {
       duration: t.s.nowDuration,
       delay: -t.s.nowDuration / 2,
       iterations: 1 / 0
@@ -2628,7 +2626,7 @@ const ht = function(n, i) {
   return function(e) {
     t && clearTimeout(t), t = setTimeout(n, 200, e);
   };
-}, $ = (n, i) => {
+}, k = (n, i) => {
   if (rt(n)) {
     n.forEach((t) => {
       t.classList.add(i);
@@ -2645,7 +2643,7 @@ const ht = function(n, i) {
   }
   n.classList.remove(i);
 };
-var Gt, Pi, Rt, Ni, Xt, ji, tt, _e, B, dt, Ft, zi;
+var Gt, Pi, Rt, Ni, Xt, ji, tt, _e, W, dt, Ft, zi;
 class Ge {
   constructor(i) {
     // 初始化
@@ -2657,7 +2655,7 @@ class Ge {
     // 卷軸位置判斷
     h(this, tt);
     // 隱藏按鈕判斷
-    h(this, B);
+    h(this, W);
     // 選項事件綁定
     h(this, Ft);
     this.$element = i, this.option = i.s.option.drag, d(this, Gt, Pi).call(this);
@@ -2682,10 +2680,10 @@ Gt = new WeakSet(), Pi = function() {
   i.$container = i.$element.querySelector(".drag-container"), i.$wrapper = i.$container.querySelector(".wrapper");
   const t = () => {
     var c, u;
-    d(c = i, tt, _e).call(c), d(u = i, B, dt).call(u);
+    d(c = i, tt, _e).call(c), d(u = i, W, dt).call(u);
   };
   i.$wrapper.removeEventListener("scroll", t), i.$wrapper.addEventListener("scroll", t), window.removeEventListener("resize", ht(t)), window.addEventListener("resize", ht(t)), (i.option.draggable || i.$element.s.type == "collapse") && d(e = i, Xt, ji).call(e), i.option.navigation && i.$element.s.type !== "collapse" && (i.$container.insertAdjacentHTML(
-    A.prepend,
+    E.prepend,
     `<div class="navigation">
         <div class="button prev">
           <div></div>
@@ -2694,7 +2692,7 @@ Gt = new WeakSet(), Pi = function() {
           <div></div>
         </div>
       </div>`
-  ), i.$button = (s = i.$container) == null ? void 0 : s.querySelectorAll(".button"), d(o = i, Rt, Ni).call(o)), d(a = i, tt, _e).call(a), d(r = i, B, dt).call(r), d(l = i, Ft, zi).call(l), i.update();
+  ), i.$button = (s = i.$container) == null ? void 0 : s.querySelectorAll(".button"), d(o = i, Rt, Ni).call(o)), d(a = i, tt, _e).call(a), d(r = i, W, dt).call(r), d(l = i, Ft, zi).call(l), i.update();
 }, Rt = new WeakSet(), Ni = function() {
   const i = this, { $wrapper: t, $button: e } = i, s = function() {
     const o = this.classList.contains("next"), a = parseInt(t.getBoundingClientRect().width * 0.7);
@@ -2703,7 +2701,7 @@ Gt = new WeakSet(), Pi = function() {
       behavior: "smooth"
     }), setTimeout(() => {
       var r;
-      d(r = i, B, dt).call(r);
+      d(r = i, W, dt).call(r);
     }, 100);
   };
   e.forEach((o) => {
@@ -2741,25 +2739,25 @@ Gt = new WeakSet(), Pi = function() {
   });
 }, tt = new WeakSet(), _e = function() {
   const { $container: i, $wrapper: t } = this, e = t.scrollWidth - t.clientWidth, s = t.scrollLeft;
-  e <= 0 || ($(i, "scrollable"), s == 0 ? (D(i, "scrollable"), $(t, "start"), D(t, "end")) : s >= e ? (D(i, "scrollable"), D(t, "start"), $(t, "end")) : ($(t, "center"), D(t, "start"), D(t, "end")));
-}, B = new WeakSet(), dt = function() {
+  e <= 0 || (k(i, "scrollable"), s == 0 ? (D(i, "scrollable"), k(t, "start"), D(t, "end")) : s >= e ? (D(i, "scrollable"), D(t, "start"), k(t, "end")) : (k(t, "center"), D(t, "start"), D(t, "end")));
+}, W = new WeakSet(), dt = function() {
   const { $wrapper: i, $button: t, $element: e } = this;
   if (!t)
     return;
   const s = i.scrollWidth - i.clientWidth, o = i.scrollLeft;
   if (s <= 0) {
-    $(t, "hide"), D(t, "active"), $(e, "noScrollable");
+    k(t, "hide"), D(t, "active"), k(e, "noScrollable");
     return;
   }
-  s > 0 && ($(t, "active"), D(e, "noScrollable")), o == 0 ? t.forEach((a) => {
+  s > 0 && (k(t, "active"), D(e, "noScrollable")), o == 0 ? t.forEach((a) => {
     if (a.classList.contains("next")) {
       D(a, "hide");
       return;
     }
-    $(a, "hide");
+    k(a, "hide");
   }) : o >= s ? t.forEach((a) => {
     if (a.classList.contains("next")) {
-      $(a, "hide");
+      k(a, "hide");
       return;
     }
     D(a, "hide");
@@ -2796,7 +2794,7 @@ Yt = new WeakSet(), Wi = function() {
   this.$element && (this.$container = this.$element.querySelector(".collapse-container"), this.$wrapper = this.$container.querySelector(".wrapper"), d(this, Ut, Bi).call(this) && d(this, Jt, Gi).call(this), d(this, Zt, Ri).call(this));
 }, Ut = new WeakSet(), Bi = function() {
   const i = this.$element.querySelector(".drag-container"), t = i.querySelector(".wrapper");
-  return t.scrollWidth - t.clientWidth > 0 ? (i.insertAdjacentHTML(A.append, '<div class="open-collapse"></div>'), this.$button = i.querySelector(".open-collapse"), !0) : !1;
+  return t.scrollWidth - t.clientWidth > 0 ? (i.insertAdjacentHTML(E.append, '<div class="open-collapse"></div>'), this.$button = i.querySelector(".open-collapse"), !0) : !1;
 }, Jt = new WeakSet(), Gi = function() {
   const { $element: i, $button: t } = this, e = function() {
     i.classList.contains("expand") ? i.classList.remove("expand") : i.classList.add("expand");
@@ -2818,9 +2816,9 @@ Yt = new WeakSet(), Wi = function() {
 };
 const Rs = (n) => {
   const { type: i, option: t, originalDomString: e } = n.s, s = document.createElement("div");
-  return i == "drag" && (s.innerHTML = H.TEMPLATE[i]().trim(), s.querySelector(".drag-container .wrapper").insertAdjacentHTML(A.append, e)), i == "collapse" && (s.innerHTML = H.TEMPLATE[i](t == null ? void 0 : t.collapse).trim(), s.querySelector(".drag-container .wrapper").insertAdjacentHTML(A.append, e), s.querySelector(".collapse-container .wrapper").insertAdjacentHTML(A.append, e)), i == "dropdown" && (s.innerHTML = H.TEMPLATE[i](t == null ? void 0 : t.dropdown).trim(), s.querySelector("dropdown-el").insertAdjacentHTML(A.append, e)), s.children;
+  return i == "drag" && (s.innerHTML = C.TEMPLATE[i]().trim(), s.querySelector(".drag-container .wrapper").insertAdjacentHTML(E.append, e)), i == "collapse" && (s.innerHTML = C.TEMPLATE[i](t == null ? void 0 : t.collapse).trim(), s.querySelector(".drag-container .wrapper").insertAdjacentHTML(E.append, e), s.querySelector(".collapse-container .wrapper").insertAdjacentHTML(E.append, e)), i == "dropdown" && (s.innerHTML = C.TEMPLATE[i](t == null ? void 0 : t.dropdown).trim(), s.querySelector("dropdown-el").insertAdjacentHTML(E.append, e)), s.children;
 };
-var Qt, Xi, Vt, Fi, et, ke, G, ut;
+var Qt, Xi, Vt, Fi, et, ke, B, ut;
 class Xs extends HTMLElement {
   constructor() {
     super();
@@ -2829,7 +2827,7 @@ class Xs extends HTMLElement {
     // 斷點設定
     h(this, et);
     // check type
-    h(this, G);
+    h(this, B);
     this.initialize = !1, this.__events__ = {}, this.s = {}, this.s.originalDomString = this.innerHTML.trim().replace(/\n/g, ""), this.previousWidth = window.innerWidth;
   }
   static get observedAttributes() {
@@ -2841,7 +2839,7 @@ class Xs extends HTMLElement {
       case "m4-type":
         if (e === null || e === s)
           return;
-        this.s.type = s, d(this, G, ut).call(this);
+        this.s.type = s, d(this, B, ut).call(this);
         break;
       case "m4-status":
         if (e === s)
@@ -2866,7 +2864,7 @@ class Xs extends HTMLElement {
 }
 Qt = new WeakSet(), Xi = function() {
   let t = {};
-  this.hasAttribute("m4-value") || this.setAttribute("m4-value", ""), this.s.type = this.getAttribute("m4-type") ?? H.SETTINGS.type, this.hasAttribute("m4-option") && (t = this.getAttribute("m4-option") ? JSON.parse(this.getAttribute("m4-option")) : {}, this.removeAttribute("m4-option"));
+  this.hasAttribute("m4-value") || this.setAttribute("m4-value", ""), this.s.type = this.getAttribute("m4-type") ?? C.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)
@@ -2875,20 +2873,20 @@ Qt = new WeakSet(), Xi = function() {
     }
     this.update();
   };
-  window.removeEventListener("resize", ht(e)), window.addEventListener("resize", ht(e)), this.s.option = {}, this.s.option.drag = Object.assign({}, H.SETTINGS.drag, t == null ? void 0 : t.drag), this.s.option.collapse = Object.assign({}, H.SETTINGS.collapse, t == null ? void 0 : t.collapse), this.s.option.dropdown = Object.assign({}, H.SETTINGS.dropdown, t == null ? void 0 : t.dropdown), this.s.option.breakpoint = Object.assign({}, H.SETTINGS.breakpoint, t == null ? void 0 : t.breakpoint), d(this, Vt, Fi).call(this);
+  window.removeEventListener("resize", ht(e)), window.addEventListener("resize", ht(e)), this.s.option = {}, this.s.option.drag = Object.assign({}, C.SETTINGS.drag, t == null ? void 0 : t.drag), this.s.option.collapse = Object.assign({}, C.SETTINGS.collapse, t == null ? void 0 : t.collapse), this.s.option.dropdown = Object.assign({}, C.SETTINGS.dropdown, t == null ? void 0 : t.dropdown), this.s.option.breakpoint = Object.assign({}, C.SETTINGS.breakpoint, t == null ? void 0 : t.breakpoint), d(this, Vt, Fi).call(this);
 }, Vt = new WeakSet(), Fi = function() {
   this.classList.add("m4-init"), d(this, et, ke).call(this);
 }, et = new WeakSet(), ke = function() {
   const t = Object.keys(this.s.option.breakpoint);
   if (!t.length) {
-    d(this, G, ut).call(this);
+    d(this, B, ut).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, G, ut).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, B, ut).call(this), window.innerWidth >= e;
   });
-}, G = new WeakSet(), ut = function() {
+}, B = new WeakSet(), ut = function() {
   var o;
   const { type: t } = this.s;
   this.innerHTML = "", [...Rs(this)].forEach((a) => {
@@ -2910,7 +2908,7 @@ Qt = new WeakSet(), Xi = function() {
   (o = this.constructor.drag) == null || o.update(this);
 };
 customElements.define("multipurpose-nav", Xs);
-var Kt, Ui, te, Ji, it, $e, j, F, ee, Zi, ie, Qi, se, Vi, ne, Ki, oe, ts, ae, es, re, is, le, ss, ce, ns, q, W, de, os, ue, as, he, rs, pe, ls;
+var Kt, Ui, te, Ji, it, $e, N, F, ee, Zi, ie, Qi, se, Vi, ne, Ki, oe, ts, ae, es, re, is, le, ss, ce, ns, q, z, de, os, ue, as, he, rs, pe, ls;
 class Yi extends HTMLElement {
   // 定義組件的初始狀態
   constructor(t, e) {
@@ -2920,7 +2918,7 @@ class Yi extends HTMLElement {
     // 第一關 判斷數量以及id設定
     h(this, it);
     // 第二關 id命名提醒
-    h(this, j);
+    h(this, N);
     h(this, ee);
     h(this, ie);
     h(this, se);
@@ -2963,26 +2961,26 @@ class Yi extends HTMLElement {
   tabClick(t) {
     const { t: e } = this, s = e.tabs.indexOf(t) % e.tabPanels.length, o = e.tabGroup === "true" ? String(s) : t.getAttribute("t4-id");
     this.setActiveTab(o), setTimeout(() => {
-      d(this, q, W).call(this, "eventAnchor");
+      d(this, q, z).call(this, "eventAnchor");
     }, e.transition.duration);
   }
   // 外部呼叫方法 $0.setActiveTab(0)
   setActiveTab(t) {
     const { t: e } = this, s = t === "" ? e.tabPanels[0].getAttribute("t4-id") : t;
     e.activeTab = s, this.setAttribute("t4-active", s);
-    const o = d(this, j, F).call(this, s);
+    const o = d(this, N, F).call(this, s);
     e.tabPanels.forEach((a, r) => {
       r === o ? d(this, ue, as).call(this, r) : d(this, de, os).call(this, r);
     });
   }
   // 外部呼叫方法 $0.goNext()
   goNext() {
-    const t = d(this, j, F).call(this, this.t.activeTab), e = Math.min(this.t.tabPanels.length - 1, t + 1), s = this.t.tabPanels[e].getAttribute("t4-id");
+    const t = d(this, N, F).call(this, this.t.activeTab), e = Math.min(this.t.tabPanels.length - 1, t + 1), s = this.t.tabPanels[e].getAttribute("t4-id");
     this.setActiveTab(s);
   }
   // 外部呼叫方法 $0.goPrev()
   goPrev() {
-    const t = d(this, j, F).call(this, this.t.activeTab), e = Math.max(0, t - 1), s = this.t.tabPanels[e].getAttribute("t4-id");
+    const t = d(this, N, F).call(this, this.t.activeTab), e = Math.max(0, t - 1), s = this.t.tabPanels[e].getAttribute("t4-id");
     this.setActiveTab(s);
   }
   // 外部呼叫方法 $0.update()
@@ -3022,7 +3020,7 @@ Kt = new WeakSet(), Ui = function() {
   return t.type === "normal" && t.tabGroup === "true" && t.tabPanels.length !== e.length && console.warn("按鈕與內容數量不同喔", t.tabPanels.length, e.length), t.tabGroup === "true" ? t.tabPanels.forEach((s, o) => s.setAttribute("t4-id", o)) : t.tabPanels.forEach((s) => {
     s.getAttribute("t4-id") || console.warn(s, "請幫我設定id！！");
   }), e;
-}, j = new WeakSet(), F = function(t) {
+}, N = new WeakSet(), F = function(t) {
   const { t: e } = this, s = e.tabPanels.filter((a) => a.getAttribute("t4-id") === t);
   s.length > 1 && console.warn("有兩個相同id設定", s);
   const o = s[0];
@@ -3074,7 +3072,7 @@ Kt = new WeakSet(), Ui = function() {
   }) : this.t.tabs.forEach((s, o) => {
     s.getAttribute("t4-id") === e ? s.setAttribute("aria-selected", !0) : s.setAttribute("aria-selected", !1);
   });
-}, q = new WeakSet(), W = function(t, e, s) {
+}, q = new WeakSet(), z = function(t, e, s) {
   switch (t) {
     case "step":
       ye(this.t.step) && d(this, ae, es).call(this, e);
@@ -3138,8 +3136,8 @@ Kt = new WeakSet(), Ui = function() {
       break;
   }
 }, he = new WeakSet(), rs = function(t) {
-  const e = d(this, j, F).call(this, t);
-  d(this, q, W).call(this, "step", e), d(this, q, W).call(this, "btnState", e), d(this, q, W).call(this, "tabState", e, t), d(this, q, W).call(this, "tabUrl", t), this.emit("change");
+  const e = d(this, N, F).call(this, t);
+  d(this, q, z).call(this, "step", e), d(this, q, z).call(this, "btnState", e), d(this, q, z).call(this, "tabState", e, t), d(this, q, z).call(this, "tabUrl", t), this.emit("change");
 }, pe = new WeakSet(), ls = function() {
   const t = this;
   window.addEventListener(
@@ -3213,7 +3211,7 @@ class Us {
 }
 st = new WeakSet(), xe = function() {
   const { el: i, options: t } = this.__storage__, { SETTINGS: e, EVENTS: s } = Je;
-  if (this.elements = t.state == "not active" ? S(i + `:not([${this.active}])`) : S(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
+  if (this.elements = t.state == "not active" ? L(i + `:not([${this.active}])`) : L(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
     for (const [o, a] of Object.entries(this.options.on))
       this.__events__[o] = [a];
   d(this, me, ds).call(this);
@@ -3515,8 +3513,8 @@ export {
   Ts as c,
   ws as d,
   Y as e,
-  A as f,
-  S as g,
+  E as f,
+  L as g,
   mn as h,
   at as i,
   ui as j,