@xwadex/fesd 0.0.14-re.35 → 0.0.14-re.37

package/dist/{assets/image-preview-bundle.js → image-preview-bundle.js}

@@ -53,7 +53,7 @@ const Y = {
     className: null,
     duration: 1500
   }
-}, q = {
+}, I = {
   SETTINGS: {
     target: null,
     route: null,
@@ -84,7 +84,7 @@ const Y = {
         </div>
         `;
   }
-}, D = {
+}, _ = {
   SETTINGS: {
     direction: "left",
     // 方向 - top || right || bottom || left
@@ -173,7 +173,7 @@ const Y = {
     beforeScroll: null,
     afterScroll: null
   }
-}, x = {
+}, $ = {
   SETTINGS: {
     type: "drag",
     drag: {
@@ -290,9 +290,9 @@ const Y = {
   article4: fs,
   collapse4: Ye,
   dropdown4: He,
-  marquee4: D,
-  modal4: q,
-  multipurpose4: x,
+  marquee4: _,
+  modal4: I,
+  multipurpose4: $,
   ripple4: Ue,
   share4: gs,
   tab4: Fe,
@@ -302,7 +302,7 @@ const Y = {
   after: "afterend",
   append: "beforeend",
   prepend: "afterbegin"
-}, at = (n) => typeof n == "string" && n !== "", ve = (n) => n instanceof HTMLElement, rt = (n) => n instanceof NodeList, b = (n) => T(n) !== null, P = (n) => typeof n == "function", T = (n) => ve(n) ? n : document.querySelector(n), B = (n) => rt(n) ? n : document.querySelectorAll(n), vs = () => Math.random().toString(36).substr(2, 9), bs = (n) => {
+}, at = (n) => typeof n == "string" && n !== "", ve = (n) => n instanceof HTMLElement, rt = (n) => n instanceof NodeList, b = (n) => T(n) !== null, j = (n) => typeof n == "function", T = (n) => ve(n) ? n : document.querySelector(n), E = (n) => rt(n) ? n : document.querySelectorAll(n), vs = () => Math.random().toString(36).substr(2, 9), bs = (n) => {
   const i = document.createElement("div");
   return i.innerHTML = n, i.childNodes;
 }, ys = (n) => {
@@ -316,9 +316,9 @@ const Y = {
   console.warn(`[${n} warn]: ${i}`);
 }, Ne = (n, i) => {
   console.error(`[${n} error]: ${i}`);
-}, I = {
+}, O = {
   on(n, i) {
-    if (!P(i))
+    if (!j(i))
       return this;
     const { __events__: t } = this;
     return n.split(" ").forEach((e) => {
@@ -334,7 +334,7 @@ const Y = {
     }), this;
   },
   once(n, i) {
-    if (!P(i))
+    if (!j(i))
       return this;
     const t = (...e) => {
       this.off(n, t), i.apply(this, e);
@@ -344,7 +344,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) => {
-      P(s) && s.apply(this, e);
+      j(s) && s.apply(this, e);
     }), this) : this;
   }
 }, ws = {
@@ -358,32 +358,32 @@ const Y = {
     return -t * ((n = n / e - 1) * n * n * n - 1) + i;
   }
 }, be = (n, i) => {
-  const { target: t, container: e, spacer: s, speed: o, gap: a, easing: r, direction: l } = n, c = l === "horizontal", u = c ? "scrollLeft" : "scrollTop", h = c ? "left" : "top", m = c ? "width" : "height", f = b(e) ? T(e) : document.scrollingElement, v = f[u], k = b(t) ? T(t).getBoundingClientRect()[h] : 0 - v, E = b(s) ? T(s).getBoundingClientRect()[m] : 0, $ = k - a - E, G = 15;
-  let L = 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", h = c ? "left" : "top", m = c ? "width" : "height", f = b(e) ? T(e) : document.scrollingElement, v = f[u], k = b(t) ? T(t).getBoundingClientRect()[h] : 0 - v, L = b(s) ? T(s).getBoundingClientRect()[m] : 0, C = k - a - L, G = 15;
+  let A = 0;
+  if (C === 0)
     return;
   const X = (R) => {
     const Oe = T(t);
-    i && i.emit(R, Oe), !i && n.on && P(n.on[R]) && n.on[R](Oe);
+    i && i.emit(R, Oe), !i && n.on && j(n.on[R]) && n.on[R](Oe);
   };
   X("beforeScroll");
   const Ie = () => {
-    L += G;
-    const R = ws[r](L, v, $, o);
-    f[u] = R, L < o && requestAnimationFrame(Ie), L >= o && X("afterScroll");
+    A += G;
+    const R = ws[r](A, v, C, o);
+    f[u] = R, A < o && requestAnimationFrame(Ie), A >= o && X("afterScroll");
   };
   requestAnimationFrame(Ie);
 };
 var J, we, pt, Ze, mt, Qe;
 class Je {
-  constructor(i, t = {}) {
+  constructor(i, t = {}, e) {
     p(this, J);
     p(this, pt);
     p(this, mt);
     this.__storage__ = {
       el: i,
       options: t
-    }, this.active = "data-anchor-active", d(this, J, we).call(this);
+    }, this.state = e, this.active = "data-anchor-active", d(this, J, we).call(this);
   }
   destroy() {
     const { elements: i } = this;
@@ -416,7 +416,7 @@ J = new WeakSet(), we = function() {
   if (!at(i) || !b(i))
     return;
   const { SETTINGS: e, EVENTS: s } = lt;
-  if (this.elements = B(i + `:not([${this.active}])`), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
+  if (this.elements = state == "not active" ? E(i + `:not([${this.active}])`) : E(i), this.elements = E(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, Ze).call(this);
@@ -442,10 +442,10 @@ J = new WeakSet(), we = function() {
     be(s, e);
   }, s.delay);
 };
-Object.assign(Je.prototype, I);
+Object.assign(Je.prototype, O);
 window.MODALS || (window.MODALS = {});
-const { MODALS: C } = window, Ts = (n) => {
-  const { TEMPLATE: i } = q, { childDom: t } = n, e = document.createElement("div");
+const { MODALS: H } = window, Ts = (n) => {
+  const { TEMPLATE: i } = I, { childDom: t } = n, e = document.createElement("div");
   e.innerHTML = i(n.getAttribute("data-modal-template-setting"));
   const s = e.querySelector(".modal-content");
   return [...t].forEach((o) => {
@@ -487,10 +487,10 @@ class Ve extends HTMLElement {
   }
 }
 gt = new WeakSet(), Ke = function() {
-  const { ATTRS: t } = q;
+  const { ATTRS: t } = I;
   this.__events__ = {}, this.getAttribute(":state") || this.setAttribute(":state", "close");
   const e = this.getAttribute(t.id) || vs();
-  this.getAttribute(t.id) || (y(`modern-modal needs a ${t.id} attribute with a unique id.`), this.setAttribute(t.id, e)), C[e] && y(`the ${t.id} "${e}" is already be used.`), C[e] = this, d(this, ft, ti).call(this);
+  this.getAttribute(t.id) || (y(`modern-modal needs a ${t.id} attribute with a unique id.`), this.setAttribute(t.id, e)), H[e] && y(`the ${t.id} "${e}" is already be used.`), H[e] = this, d(this, ft, ti).call(this);
 }, ft = new WeakSet(), ti = function() {
   this.childDom = this.childNodes, this.template = Ts(this), this.innerHTML = "", this.append(this.template), d(this, vt, ei).call(this);
 }, vt = new WeakSet(), ei = function() {
@@ -502,16 +502,16 @@ gt = new WeakSet(), Ke = function() {
   }), d(this, bt, ii).call(this);
 }, bt = new WeakSet(), ii = function() {
   var a, r, l;
-  const t = this, { ATTRS: e } = q, { close: s, destroy: o } = e;
+  const t = this, { ATTRS: e } = I, { close: s, destroy: o } = e;
   (a = t.querySelectorAll(`[${s}]`)) == null || a.forEach((c) => {
     c.addEventListener("click", function() {
       const u = this.getAttribute(s);
-      (u && C[u] ? C[u] : t).close();
+      (u && H[u] ? H[u] : t).close();
     });
   }), (r = t.querySelectorAll(`[${o}]`)) == null || r.forEach((c) => {
     c.addEventListener("click", function() {
       const u = this.getAttribute(o);
-      (u && C[u] ? C[u] : t).destroy();
+      (u && H[u] ? H[u] : t).destroy();
     });
   }), (l = t.querySelector("[stop-propagation]")) == null || l.addEventListener("click", function(c) {
     c.stopPropagation();
@@ -541,20 +541,20 @@ gt = new WeakSet(), Ke = function() {
   if (t === "destroy") {
     this.classList.remove("show");
     const s = () => {
-      const { ATTRS: o } = q, a = this.getAttribute(o.id);
-      this.style.removeProperty("display"), this.emit("close"), this.remove(), this.emit("destroy"), C[a] && delete C[a];
+      const { ATTRS: o } = I, a = this.getAttribute(o.id);
+      this.style.removeProperty("display"), this.emit("close"), this.remove(), this.emit("destroy"), H[a] && delete H[a];
     };
     this.addEventListener("transitionend", s);
   }
 };
-Object.assign(Ve.prototype, I);
+Object.assign(Ve.prototype, O);
 const { MODALS: Me } = window, ni = (n, i, ...t) => {
   if (!i)
     return;
   const e = n[i];
-  e && P(e) && e.apply(n, t);
+  e && j(e) && e.apply(n, t);
 }, oi = (n, ...i) => {
-  n && P(n) && n.apply(U, i);
+  n && j(n) && n.apply(U, i);
 }, Pe = (n, i) => {
   const { target: t } = n, e = Me[t] || T(n.target);
   e && ai(n, i), e || Es(n, i);
@@ -587,7 +587,7 @@ const { MODALS: Me } = window, ni = (n, i, ...t) => {
     i && (i.emit(l, ...c), ni(i, o[l], ...c)), i || oi(o[l], ...c);
   };
   fetch(e).then((l) => (r("success", a), l.text())).then((l) => {
-    const c = bs(l), u = T(s) || T(q.SETTINGS.container);
+    const c = bs(l), u = T(s) || T(I.SETTINGS.container);
     [...c].forEach((m) => {
       u.append(m);
     });
@@ -598,15 +598,15 @@ const { MODALS: Me } = window, ni = (n, i, ...t) => {
   });
 };
 var Z, Te, wt, ri, Tt, li;
-const O = class O {
-  constructor(i, t = {}) {
+const N = class N {
+  constructor(i, t = {}, e) {
     p(this, Z);
     p(this, wt);
     p(this, Tt);
     this.__storage__ = {
       el: i,
       options: t
-    }, this.active = "data-modal-active", d(this, Z, Te).call(this);
+    }, this.state = e, this.active = "data-modal-active", d(this, Z, Te).call(this);
   }
   destroy() {
     const { elements: i } = this;
@@ -620,24 +620,24 @@ const O = class O {
   }
   /** static method 'open' */
   static open(i) {
-    const { SETTINGS: t } = q, e = Object.assign({}, t, { on: {} }, i);
+    const { SETTINGS: t } = I, e = Object.assign({}, t, { on: {} }, i);
     Pe(e);
   }
   /** static method 'defineMethods' */
   static defineMethods(i) {
-    O.prototype.__methods__ || (O.prototype.__methods__ = {});
-    const t = O.prototype.__methods__;
+    N.prototype.__methods__ || (N.prototype.__methods__ = {});
+    const t = N.prototype.__methods__;
     for (const [e, s] of Object.entries(i))
-      P(s) && (t[e] = s);
-    Object.assign(O.prototype, O.prototype.__methods__);
+      j(s) && (t[e] = s);
+    Object.assign(N.prototype, N.prototype.__methods__);
   }
 };
 Z = new WeakSet(), Te = function() {
   const { el: i, options: t } = this.__storage__;
   if (!at(i) || !b(i))
     return;
-  const { SETTINGS: e, EVENTS: s } = q;
-  if (this.elements = B(i + `:not([${this.active}])`), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
+  const { SETTINGS: e, EVENTS: s } = I;
+  if (this.elements = state == "not active" ? E(i + `:not([${this.active}])`) : E(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, ri).call(this);
@@ -661,8 +661,8 @@ Z = new WeakSet(), Te = function() {
     this.addEventListener("click", e);
   }, 200), Pe(a, s);
 };
-let U = O;
-Object.assign(U.prototype, I);
+let U = N;
+Object.assign(U.prototype, O);
 customElements.get("modern-modal") || customElements.define("modern-modal", Ve);
 const Ls = (n, i) => {
   const t = n === window ? n.innerHeight : n.getBoundingClientRect().height, e = n === window ? 0 : n.getBoundingClientRect().top;
@@ -673,22 +673,22 @@ const Ls = (n, i) => {
         s.classList.add(o);
       }, a);
     else {
-      const E = s.classList.contains(o) && c === "down" && h - e >= f || c === "up" && m - e <= v || c === !0;
+      const L = s.classList.contains(o) && c === "down" && h - e >= f || c === "up" && m - e <= v || c === !0;
       setTimeout(() => {
-        E && s.classList.remove(o);
+        L && s.classList.remove(o);
       }, a);
     }
   });
 }, As = (n, i) => n === "up" || n === "down" ? n : n !== null ? n === "true" ? !0 : n === "false" ? !1 : i.repeat : i.repeat;
 var Q, Ee, Et, di;
 class ci {
-  constructor(i, t = {}) {
+  constructor(i, t = {}, e) {
     p(this, Q);
     p(this, Et);
     this.__storage__ = {
       el: i,
       options: t
-    }, this.active = "data-aost-active", d(this, Q, Ee).call(this);
+    }, this.state = e, this.active = "data-aost-active", d(this, Q, Ee).call(this);
   }
   destroy(i) {
     const { elements: t, options: e } = this;
@@ -712,7 +712,7 @@ Q = new WeakSet(), Ee = function() {
   if (!at(i) || !b(i))
     return;
   const { SETTINGS: e, EVENTS: s } = Re;
-  if (this.elements = B(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
+  if (this.elements = state == "not active" ? E(i + `:not([${this.active}])`) : E(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, di).call(this);
@@ -726,7 +726,7 @@ Q = new WeakSet(), Ee = function() {
   const { eventHandler: o } = this;
   o(), s.aost = {}, s.aost.eventHandler = o, s.addEventListener("scroll", s.aost.eventHandler, !1);
 };
-Object.assign(ci.prototype, I);
+Object.assign(ci.prototype, O);
 const Ss = (n) => {
   const { TEMPLATE: i } = Y, { childDom: t } = n, e = document.createElement("div");
   e.innerHTML = i();
@@ -735,7 +735,7 @@ const Ss = (n) => {
     s.append(o);
   }), e.children[0];
 };
-var Lt, ui, At, hi, St, pi, Dt, mi, _t, gi, xt, fi, kt, vi;
+var Lt, ui, At, hi, St, pi, Dt, mi, _t, gi, xt, fi, $t, vi;
 class Ds extends HTMLElement {
   constructor() {
     super();
@@ -748,7 +748,7 @@ class Ds extends HTMLElement {
     p(this, _t);
     // youku iframe
     p(this, xt);
-    p(this, kt);
+    p(this, $t);
     d(this, Lt, ui).call(this);
   }
   play() {
@@ -812,7 +812,7 @@ Lt = new WeakSet(), ui = function() {
       e = d(this, _t, gi).call(this);
       break;
     case "bilibili":
-      e = d(this, kt, vi).call(this);
+      e = d(this, $t, vi).call(this);
       break;
   }
   this.querySelector(".player-wrapper").insertAdjacentHTML(w.prepend, e);
@@ -825,7 +825,7 @@ Lt = new WeakSet(), ui = function() {
 }, xt = new WeakSet(), fi = 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>`;
-}, kt = new WeakSet(), vi = function() {
+}, $t = new WeakSet(), vi = 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>`;
 };
@@ -992,7 +992,7 @@ function xn(n) {
     });
   });
 }
-function kn(n) {
+function $n(n) {
   const i = n.el, t = g(i).find(".swiper-slide-active"), e = g(t).find("video").get(0), s = g(i).find(".swiper-slide video");
   n.autoplay.stop(), g(e).off("ended"), e ? (s.each((o, a) => {
     a.currentTime = 0;
@@ -1000,7 +1000,7 @@ function kn(n) {
     n.slideNext();
   }), e.play()) : n.params.autoplay.enabled && n.autoplay.start();
 }
-function $n() {
+function kn() {
   g(".number-grow").each(function(n, i) {
     const t = g(i), o = t.attr("data-num").replace(/(\d)(?=(?:\d{3})+$)/g, "$1,").split(""), a = () => {
       let r = "";
@@ -1042,12 +1042,12 @@ function qn(n) {
   const i = document.createElement("div");
   return i.innerHTML = n, i.childNodes[0];
 }
-const je = (n) => n.videoId !== "" || typeof n.videoId < "u", ks = (n) => n.$selector.getAttribute("video4-active") === "on", ye = (n) => `<video-player video-id="${n.videoId}" video-type="${n.videoType}" video-autoplay="${n.videoAutoplay}"></video-player>`;
-var V, Le, $t, wi, Ct, Ti, K, Ae, Ht, Ei;
-class $s {
-  constructor(i, t = {}) {
+const je = (n) => n.videoId !== "" || typeof n.videoId < "u", $s = (n) => n.$selector.getAttribute("video4-active") === "on", ye = (n) => `<video-player video-id="${n.videoId}" video-type="${n.videoType}" video-autoplay="${n.videoAutoplay}"></video-player>`;
+var V, Le, kt, wi, Ct, Ti, K, Ae, Ht, Ei;
+class ks {
+  constructor(i, t = {}, e) {
     p(this, V);
-    p(this, $t);
+    p(this, kt);
     p(this, Ct);
     p(this, K);
     p(this, Ht);
@@ -1058,7 +1058,7 @@ class $s {
     this.__storage__ = {
       el: i,
       options: t
-    }, d(this, V, Le).call(this);
+    }, this.state = e, this.active = "data-video-active", d(this, V, Le).call(this);
   }
   update() {
     d(this, V, Le).call(this);
@@ -1066,14 +1066,14 @@ class $s {
 }
 V = new WeakSet(), Le = function() {
   const { el: i, options: t } = this.__storage__, { SETTINGS: e, EVENTS: s } = Y;
-  if (this.elements = B(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
+  if (this.elements = state == "not active" ? E(i + `:not([${this.active}])`) : E(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, $t, wi).call(this);
-}, $t = new WeakSet(), wi = function() {
+  d(this, kt, wi).call(this);
+}, kt = new WeakSet(), wi = 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, Ht, Ei).call(this, e), e.video.methods = {}, e.video.methods.update = this.update, e.setAttribute(this.active, ""), je(e.video.params) && !ks(e.video.params) && (e.setAttribute("video4-active", "on"), d(this, Ct, Ti).call(this, e)), je(e.video.params) || Ne("video4", "無法取得影片 ID");
+    e.video = {}, e.video.instance = this, e.video.defaultOptions = t, e.video.params = d(this, Ht, Ei).call(this, e), e.video.methods = {}, e.video.methods.update = this.update, e.setAttribute(this.active, ""), je(e.video.params) && !$s(e.video.params) && (e.setAttribute("video4-active", "on"), d(this, Ct, Ti).call(this, e)), je(e.video.params) || Ne("video4", "無法取得影片 ID");
   }), this.emit("init");
 }, Ct = new WeakSet(), Ti = function(i) {
   const { LAYOUT: t } = Y, e = i.video.params, { $selector: s, videoLayoutNo: o, videoId: a, videoType: r, videoMode: l, videoButton: c, videoCover: u } = e;
@@ -1142,7 +1142,7 @@ V = new WeakSet(), Le = function() {
     videoTargetRoute: i.getAttribute("video-target-route") || t.videoTargetRoute
   };
 };
-Object.assign($s.prototype, I);
+Object.assign(ks.prototype, O);
 customElements.get("video-player") || customElements.define("video-player", Ds);
 const qe = {
   "zh-tw": {
@@ -1987,9 +1987,9 @@ const qe = {
   const i = (t = n.getAttribute("control-elements")) == null ? void 0 : t.split(",");
   i && i.forEach((e) => {
     const s = document.querySelector(e);
-    s || y("dropdown", `Can't not find control element(${e})`), s && s.classList.contains("disabled") && (s.classList.remove("disabled"), s.tagName === "DROPDOWN-EL" && s.s.activeLi && _(s, [...s.s.allLi].indexOf(s.s.activeLi)));
+    s || y("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)));
   });
-}, _ = (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) => {
@@ -2054,7 +2054,7 @@ const qe = {
     o.textContent = e[0], o.setAttribute("data-option", e[0]), n.querySelector(".dropdown-list").append(o);
   });
 }, Li = () => {
-  B('dropdown-el[d4-status="open"]').forEach((i) => {
+  E('dropdown-el[d4-status="open"]').forEach((i) => {
     i.close();
   });
 }, Is = () => {
@@ -2097,7 +2097,7 @@ class Ai extends HTMLElement {
           switch (o.hasAttribute("multiple") ? "multiple" : "single") {
             case "single":
               const r = o.querySelector(`.dropdown-list li[data-option="${s}"]`);
-              b(r) ? _(o, [...o.s.allLi].indexOf(r)) : _(o, -1);
+              b(r) ? x(o, [...o.s.allLi].indexOf(r)) : x(o, -1);
               break;
             case "multiple":
               const l = [];
@@ -2106,17 +2106,17 @@ class Ai extends HTMLElement {
                 b(h) && (h.classList.add("active"), l.push(h));
               });
               const c = l.map((u) => [...o.s.allLi].indexOf(u));
-              _(o, c);
+              x(o, c);
               break;
           }
         else
-          _(o, -1);
+          x(o, -1);
         o.emit("change");
         break;
       case "d4-placeholder":
         if (e === null)
           return;
-        e !== s && o.s.value.index < 0 && _(o, o.s.value.index);
+        e !== s && o.s.value.index < 0 && x(o, o.s.value.index);
         break;
     }
   }
@@ -2197,7 +2197,7 @@ Mt = new WeakSet(), Si = function() {
       };
       break;
   }
-  _(t, t.s.value.index), d(s = t, Ot, xi).call(s), t.classList.add("d4-initialize");
+  x(t, t.s.value.index), d(s = t, Ot, xi).call(s), t.classList.add("d4-initialize");
 }, Ot = new WeakSet(), xi = function() {
   const t = this;
   t.__events__.dropdownToggle = () => {
@@ -2258,12 +2258,12 @@ Mt = new WeakSet(), Si = function() {
         const u = this, h = [...e.s.allLi].indexOf(u), m = parseInt(e.getAttribute("d4-default-height"));
         if (u.classList.contains("has-sublayer")) {
           c.stopPropagation();
-          const v = u.querySelector(".sub-dropdown"), k = v.querySelector(".sub-dropdown-list"), E = parseInt(getComputedStyle(k).marginTop) + parseInt(getComputedStyle(k).marginBottom);
-          v.style.cssText = `--height: ${k.offsetHeight + E}px`;
-          const $ = parseInt(v.style.cssText.replace("--height:", "").trim()), G = parseInt(getComputedStyle(a).maxHeight), L = () => {
+          const v = u.querySelector(".sub-dropdown"), k = v.querySelector(".sub-dropdown-list"), L = parseInt(getComputedStyle(k).marginTop) + parseInt(getComputedStyle(k).marginBottom);
+          v.style.cssText = `--height: ${k.offsetHeight + L}px`;
+          const C = parseInt(v.style.cssText.replace("--height:", "").trim()), G = parseInt(getComputedStyle(a).maxHeight), A = () => {
             s = m + 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 -= $, L()) : (u.classList.add("open"), e.s.subDropdownTotalH += $, L());
+          u.classList.contains("open") ? (u.classList.remove("open"), e.s.subDropdownTotalH -= C, A()) : (u.classList.add("open"), e.s.subDropdownTotalH += C, A());
           const X = () => {
             e.__scroller__.update(!0), v.removeEventListener("transitionend", X);
           };
@@ -2272,16 +2272,16 @@ Mt = new WeakSet(), Si = function() {
           switch (Hs(e), e.s.selectType) {
             case "single":
               if (e.setAttribute("d4-value", u.getAttribute("data-option")), r) {
-                const v = e.s.cityLang, k = l.textContent.trim(), E = document.getElementById(e.getAttribute("dist-select"));
-                E && (E.querySelector(".dropdown-list").textContent = "", _(E, -1), qe[v][k].forEach(($, G) => {
-                  const L = document.createElement("li");
-                  L.textContent = $[0], L.setAttribute("data-option", $[0]), E.querySelector(".dropdown-list").append(L);
-                }), e.__events__.selectOption(E));
+                const v = e.s.cityLang, k = l.textContent.trim(), L = document.getElementById(e.getAttribute("dist-select"));
+                L && (L.querySelector(".dropdown-list").textContent = "", x(L, -1), qe[v][k].forEach((C, G) => {
+                  const A = document.createElement("li");
+                  A.textContent = C[0], A.setAttribute("data-option", C[0]), L.querySelector(".dropdown-list").append(A);
+                }), e.__events__.selectOption(L));
               }
               (f = u.parentNode.closest("li")) != null && f.classList.contains("has-sublayer") && (c.stopPropagation(), e.close());
               break;
             case "multiple":
-              c.stopPropagation(), u.classList.toggle("active"), _(e, h);
+              c.stopPropagation(), u.classList.toggle("active"), x(e, h);
               break;
           }
       });
@@ -2314,7 +2314,7 @@ Mt = new WeakSet(), Si = function() {
     });
   }, t.__events__.dropdownToggle(), t.__events__.bindScrollbar(), t.__events__.selectOption(), t.__events__.filterHandler(), t.__events__.removeTag(), t.__events__.transitionend();
 };
-Object.assign(Ai.prototype, I);
+Object.assign(Ai.prototype, O);
 customElements.get("dropdown-el") || customElements.define("dropdown-el", Ai);
 function ct(n) {
   const i = {};
@@ -2352,7 +2352,7 @@ function Os(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 A(n) {
+function S(n) {
   const { behavior: i, direction: t, continual: e } = n.s.options;
   let s = {};
   switch (i) {
@@ -2414,7 +2414,7 @@ function Ns(n) {
     i && clearTimeout(i), i = setTimeout(n, 200, t);
   };
 }
-var Nt, ki, Pt, $i, jt, Ci, zt, Hi;
+var Nt, $i, Pt, ki, jt, Ci, zt, Hi;
 class Ps extends HTMLElement {
   constructor() {
     super();
@@ -2430,7 +2430,7 @@ class Ps extends HTMLElement {
   attributeChangedCallback(t, e, s) {
   }
   connectedCallback() {
-    this.initialize || (this.initialize = !0, d(this, Nt, ki).call(this));
+    this.initialize || (this.initialize = !0, d(this, Nt, $i).call(this));
   }
   play() {
     this.s.animation.play(), this.s.animateEl.classList.add("start"), this.s.options.continual && (this.s.cloneAnimation.play(), this.s.cloneAnimateEl.classList.add("start"));
@@ -2439,25 +2439,25 @@ class Ps extends HTMLElement {
     this.s.animation.pause(), this.s.options.continual && this.s.cloneAnimation.pause();
   }
 }
-Nt = new WeakSet(), ki = function() {
+Nt = new WeakSet(), $i = function() {
   const t = {
-    direction: this.getAttribute("direction") || D.SETTINGS.direction,
+    direction: this.getAttribute("direction") || _.SETTINGS.direction,
     // up / down / left / right
-    behavior: this.getAttribute("behavior") || D.SETTINGS.behavior,
+    behavior: this.getAttribute("behavior") || _.SETTINGS.behavior,
     // normal / alternate / endStop
-    duration: Number(this.getAttribute("duration")) || D.SETTINGS.duration,
+    duration: Number(this.getAttribute("duration")) || _.SETTINGS.duration,
     // ms
-    durationBreakpoints: ct(this) || D.SETTINGS.durationBreakpoints,
-    autoplay: this.getAttribute("autoplay") || D.SETTINGS.autoplay,
+    durationBreakpoints: ct(this) || _.SETTINGS.durationBreakpoints,
+    autoplay: this.getAttribute("autoplay") || _.SETTINGS.autoplay,
     // normal / alternate / endStop
-    pauseOnMouseenter: this.getAttribute("pauseOnMouseEnter") ? this.getAttribute("pauseOnMouseEnter") === "true" : D.SETTINGS.pauseOnMouseenter,
+    pauseOnMouseenter: this.getAttribute("pauseOnMouseEnter") ? this.getAttribute("pauseOnMouseEnter") === "true" : _.SETTINGS.pauseOnMouseenter,
     // true / false
-    continual: this.getAttribute("continual") ? this.getAttribute("continual") === "true" : D.SETTINGS.continual,
+    continual: this.getAttribute("continual") ? this.getAttribute("continual") === "true" : _.SETTINGS.continual,
     // true / false
-    gap: Number(this.getAttribute("gap")) || D.SETTINGS.gap
+    gap: Number(this.getAttribute("gap")) || _.SETTINGS.gap
   };
-  this.s = {}, this.s.options = t, this.s.nowDuration = ze(this), Os(this), d(this, Pt, $i).call(this);
-}, Pt = new WeakSet(), $i = function() {
+  this.s = {}, this.s.options = t, this.s.nowDuration = ze(this), Os(this), d(this, Pt, ki).call(this);
+}, Pt = new WeakSet(), ki = function() {
   const { direction: t, continual: e, gap: s } = this.s.options;
   switch (t) {
     case "left":
@@ -2476,10 +2476,10 @@ Nt = new WeakSet(), ki = function() {
   function u() {
     switch (s) {
       case "normal":
-        t.s.animateEl.style.transform = `${A(t).animate1[0].transform}`, t.s.animation = t.s.animateEl.animate(A(t).animate1, {
+        t.s.animateEl.style.transform = `${S(t).animate1[0].transform}`, t.s.animation = t.s.animateEl.animate(S(t).animate1, {
           duration: t.s.nowDuration,
           iterations: 1 / 0
-        }), l && (t.s.cloneAnimateEl.style.transform = `${A(t).animate2[0].transform}`, t.s.cloneAnimation = t.s.cloneAnimateEl.animate(A(t).animate2, {
+        }), l && (t.s.cloneAnimateEl.style.transform = `${S(t).animate2[0].transform}`, t.s.cloneAnimation = t.s.cloneAnimateEl.animate(S(t).animate2, {
           duration: t.s.nowDuration,
           delay: -t.s.nowDuration / 2,
           iterations: 1 / 0
@@ -2508,7 +2508,7 @@ Nt = new WeakSet(), ki = function() {
           duration: m,
           fill: "forwards"
         }).finished.then(() => {
-          t.s.animation = t.s.animateEl.animate(A(t).animate1, {
+          t.s.animation = t.s.animateEl.animate(S(t).animate1, {
             duration: t.s.nowDuration,
             iterations: 1 / 0
           });
@@ -2517,7 +2517,7 @@ Nt = new WeakSet(), ki = function() {
         });
         break;
       case "endStop":
-        t.s.animateEl.style.transform = `${A(t).animate1[0].transform}`, t.s.animation = t.s.animateEl.animate(A(t).animate1, {
+        t.s.animateEl.style.transform = `${S(t).animate1[0].transform}`, t.s.animation = t.s.animateEl.animate(S(t).animate1, {
           duration: t.s.nowDuration,
           fill: "forwards"
         });
@@ -2539,10 +2539,10 @@ Nt = new WeakSet(), ki = function() {
   const t = this;
   function e() {
     const s = t.s.animation.startTime, o = t.s.cloneAnimation ? t.s.cloneAnimation.startTime : null;
-    t.s.nowDuration = ze(t), t.s.animation.cancel(), t.s.cloneAnimation && t.s.cloneAnimation.cancel(), t.s.animation = t.s.animateEl.animate(A(t).animate1, {
+    t.s.nowDuration = ze(t), t.s.animation.cancel(), t.s.cloneAnimation && t.s.cloneAnimation.cancel(), t.s.animation = t.s.animateEl.animate(S(t).animate1, {
       duration: t.s.nowDuration,
       iterations: 1 / 0
-    }), t.s.animation.startTime = s, t.s.cloneAnimation && (t.s.cloneAnimation = t.s.cloneAnimateEl.animate(A(t).animate2, {
+    }), t.s.animation.startTime = s, t.s.cloneAnimation && (t.s.cloneAnimation = t.s.cloneAnimateEl.animate(S(t).animate2, {
       duration: t.s.nowDuration,
       delay: -t.s.nowDuration / 2,
       iterations: 1 / 0
@@ -2556,7 +2556,7 @@ const ht = function(n) {
   return function(t) {
     i && clearTimeout(i), i = setTimeout(n, 200, t);
   };
-}, H = (n, i) => {
+}, M = (n, i) => {
   if (rt(n)) {
     n.forEach((t) => {
       t.classList.add(i);
@@ -2564,7 +2564,7 @@ const ht = function(n) {
     return;
   }
   n.classList.add(i);
-}, S = (n, i) => {
+}, D = (n, i) => {
   if (rt(n)) {
     n.forEach((t) => {
       t.classList.remove(i);
@@ -2573,7 +2573,7 @@ const ht = function(n) {
   }
   n.classList.remove(i);
 };
-var Wt, Mi, Bt, qi, Gt, Ii, tt, Se, z, dt, Xt, Oi;
+var Wt, Mi, Bt, qi, Gt, Ii, tt, Se, W, dt, Xt, Oi;
 class We {
   constructor(i) {
     // 初始化
@@ -2585,7 +2585,7 @@ class We {
     // 卷軸位置判斷
     p(this, tt);
     // 隱藏按鈕判斷
-    p(this, z);
+    p(this, W);
     // 選項事件綁定
     p(this, Xt);
     this.$element = i, this.option = i.s.option.drag, d(this, Wt, Mi).call(this);
@@ -2610,7 +2610,7 @@ Wt = new WeakSet(), Mi = function() {
   i.$container = i.$element.querySelector(".drag-container"), i.$wrapper = i.$container.querySelector(".wrapper");
   const t = () => {
     var c, u;
-    d(c = i, tt, Se).call(c), d(u = i, z, dt).call(u);
+    d(c = i, tt, Se).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, Gt, Ii).call(e), i.option.navigation && i.$element.s.type !== "collapse" && (i.$container.insertAdjacentHTML(
     w.prepend,
@@ -2622,7 +2622,7 @@ Wt = new WeakSet(), Mi = function() {
           <div></div>
         </div>
       </div>`
-  ), i.$button = (s = i.$container) == null ? void 0 : s.querySelectorAll(".button"), d(o = i, Bt, qi).call(o)), d(a = i, tt, Se).call(a), d(r = i, z, dt).call(r), d(l = i, Xt, Oi).call(l);
+  ), i.$button = (s = i.$container) == null ? void 0 : s.querySelectorAll(".button"), d(o = i, Bt, qi).call(o)), d(a = i, tt, Se).call(a), d(r = i, W, dt).call(r), d(l = i, Xt, Oi).call(l);
 }, Bt = new WeakSet(), qi = function() {
   const i = this, { $wrapper: t, $button: e } = i, s = function() {
     const o = this.classList.contains("next"), a = parseInt(t.getBoundingClientRect().width * 0.7);
@@ -2631,7 +2631,7 @@ Wt = new WeakSet(), Mi = function() {
       behavior: "smooth"
     }), setTimeout(() => {
       var r;
-      d(r = i, z, dt).call(r);
+      d(r = i, W, dt).call(r);
     }, 100);
   };
   e.forEach((o) => {
@@ -2669,29 +2669,29 @@ Wt = new WeakSet(), Mi = function() {
   });
 }, tt = new WeakSet(), Se = function() {
   const { $container: i, $wrapper: t } = this, e = t.scrollWidth - t.clientWidth, s = t.scrollLeft;
-  e <= 0 || (H(i, "scrollable"), s == 0 ? (S(i, "scrollable"), H(t, "start"), S(t, "end")) : s >= e ? (S(i, "scrollable"), S(t, "start"), H(t, "end")) : (H(t, "center"), S(t, "start"), S(t, "end")));
-}, z = new WeakSet(), dt = function() {
+  e <= 0 || (M(i, "scrollable"), s == 0 ? (D(i, "scrollable"), M(t, "start"), D(t, "end")) : s >= e ? (D(i, "scrollable"), D(t, "start"), M(t, "end")) : (M(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) {
-    H(t, "hide"), H(e, "noScrollable");
+    M(t, "hide"), M(e, "noScrollable");
     return;
   }
   o == 0 ? t.forEach((a) => {
     if (a.classList.contains("next")) {
-      S(a, "hide");
+      D(a, "hide");
       return;
     }
-    H(a, "hide");
+    M(a, "hide");
   }) : o >= s ? t.forEach((a) => {
     if (a.classList.contains("next")) {
-      H(a, "hide");
+      M(a, "hide");
       return;
     }
-    S(a, "hide");
-  }) : S(t, "hide");
+    D(a, "hide");
+  }) : D(t, "hide");
 }, Xt = new WeakSet(), Oi = function() {
   const { $element: i } = this, t = (s) => {
     if (this.option.selected) {
@@ -2746,9 +2746,9 @@ Rt = new WeakSet(), Ni = function() {
 };
 const zs = (n) => {
   const { type: i, option: t, originalDomString: e } = n.s, s = document.createElement("div");
-  return i == "drag" && (s.innerHTML = x.TEMPLATE[i]().trim(), s.querySelector(".drag-container .wrapper").insertAdjacentHTML(w.append, e)), i == "collapse" && (s.innerHTML = x.TEMPLATE[i](t == null ? void 0 : t.collapse).trim(), s.querySelector(".drag-container .wrapper").insertAdjacentHTML(w.append, e), s.querySelector(".collapse-container .wrapper").insertAdjacentHTML(w.append, e)), i == "dropdown" && (s.innerHTML = x.TEMPLATE[i](t == null ? void 0 : t.dropdown).trim(), s.querySelector("dropdown-el").insertAdjacentHTML(w.append, e)), s.children;
+  return i == "drag" && (s.innerHTML = $.TEMPLATE[i]().trim(), s.querySelector(".drag-container .wrapper").insertAdjacentHTML(w.append, e)), i == "collapse" && (s.innerHTML = $.TEMPLATE[i](t == null ? void 0 : t.collapse).trim(), s.querySelector(".drag-container .wrapper").insertAdjacentHTML(w.append, e), s.querySelector(".collapse-container .wrapper").insertAdjacentHTML(w.append, e)), i == "dropdown" && (s.innerHTML = $.TEMPLATE[i](t == null ? void 0 : t.dropdown).trim(), s.querySelector("dropdown-el").insertAdjacentHTML(w.append, e)), s.children;
 };
-var Jt, Wi, Zt, Bi, et, De, W, ut;
+var Jt, Wi, Zt, Bi, et, De, B, ut;
 class Ws extends HTMLElement {
   constructor() {
     super();
@@ -2757,7 +2757,7 @@ class Ws extends HTMLElement {
     // 斷點設定
     p(this, et);
     // check type
-    p(this, W);
+    p(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() {
@@ -2769,7 +2769,7 @@ class Ws extends HTMLElement {
       case "m4-type":
         if (e === null || e === s)
           return;
-        this.s.type = s, d(this, W, ut).call(this);
+        this.s.type = s, d(this, B, ut).call(this);
         break;
       case "m4-status":
         if (e === s)
@@ -2794,7 +2794,7 @@ class Ws extends HTMLElement {
 }
 Jt = new WeakSet(), Wi = function() {
   let t = {};
-  this.hasAttribute("m4-value") || this.setAttribute("m4-value", ""), this.s.type = this.getAttribute("m4-type") ?? x.SETTINGS.type, this.hasAttribute("m4-option") && (t = this.getAttribute("m4-option") ? JSON.parse(this.getAttribute("m4-option")) : {}, this.removeAttribute("m4-option"));
+  this.hasAttribute("m4-value") || this.setAttribute("m4-value", ""), this.s.type = this.getAttribute("m4-type") ?? $.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)
@@ -2803,20 +2803,20 @@ Jt = new WeakSet(), Wi = function() {
     }
     this.update();
   };
-  window.removeEventListener("resize", ht(e)), window.addEventListener("resize", ht(e)), this.s.option = {}, this.s.option.drag = Object.assign({}, x.SETTINGS.drag, t == null ? void 0 : t.drag), this.s.option.collapse = Object.assign({}, x.SETTINGS.collapse, t == null ? void 0 : t.collapse), this.s.option.dropdown = Object.assign({}, x.SETTINGS.dropdown, t == null ? void 0 : t.dropdown), this.s.option.breakpoint = Object.assign({}, x.SETTINGS.breakpoint, t == null ? void 0 : t.breakpoint), d(this, Zt, Bi).call(this);
+  window.removeEventListener("resize", ht(e)), window.addEventListener("resize", ht(e)), this.s.option = {}, this.s.option.drag = Object.assign({}, $.SETTINGS.drag, t == null ? void 0 : t.drag), this.s.option.collapse = Object.assign({}, $.SETTINGS.collapse, t == null ? void 0 : t.collapse), this.s.option.dropdown = Object.assign({}, $.SETTINGS.dropdown, t == null ? void 0 : t.dropdown), this.s.option.breakpoint = Object.assign({}, $.SETTINGS.breakpoint, t == null ? void 0 : t.breakpoint), d(this, Zt, Bi).call(this);
 }, Zt = new WeakSet(), Bi = function() {
   this.classList.add("m4-init"), d(this, et, De).call(this);
 }, et = new WeakSet(), De = function() {
   const t = Object.keys(this.s.option.breakpoint);
   if (!t.length) {
-    d(this, W, 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, W, 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;
   });
-}, W = new WeakSet(), ut = function() {
+}, B = new WeakSet(), ut = function() {
   var o;
   const { type: t } = this.s;
   this.innerHTML = "", [...zs(this)].forEach((a) => {
@@ -2834,7 +2834,7 @@ Jt = new WeakSet(), Wi = function() {
   (o = this.constructor.drag) == null || o.update(this);
 };
 customElements.get("multipurpose-nav") || customElements.define("multipurpose-nav", Ws);
-var Qt, Xi, Vt, Ri, it, _e, N, F, Kt, Fi, te, Yi, ee, Ui, ie, Ji, se, Zi, ne, Qi, oe, Vi, ae, Ki, re, ts, M, j, le, es, ce, is, de, ss, ue, ns;
+var Qt, Xi, Vt, Ri, it, _e, P, F, Kt, Fi, te, Yi, ee, Ui, ie, Ji, se, Zi, ne, Qi, oe, Vi, ae, Ki, re, ts, q, z, le, es, ce, is, de, ss, ue, ns;
 class Gi extends HTMLElement {
   // 定義組件的初始狀態
   constructor(t, e) {
@@ -2844,7 +2844,7 @@ class Gi extends HTMLElement {
     // 第一關 判斷數量以及id設定
     p(this, it);
     // 第二關 id命名提醒
-    p(this, N);
+    p(this, P);
     p(this, Kt);
     p(this, te);
     p(this, ee);
@@ -2862,7 +2862,7 @@ class Gi extends HTMLElement {
     // 頁籤狀態
     p(this, re);
     // 第三關各種元件判斷 及 執行
-    p(this, M);
+    p(this, q);
     // 消失動畫
     p(this, le);
     // 出現動畫
@@ -2887,26 +2887,26 @@ class Gi 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, M, j).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, N, F).call(this, s);
+    const o = d(this, P, F).call(this, s);
     e.tabPanels.forEach((a, r) => {
       r === o ? d(this, ce, is).call(this, r) : d(this, le, es).call(this, r);
     });
   }
   // 外部呼叫方法 $0.goNext()
   goNext() {
-    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");
+    const t = d(this, P, F).call(this, this.t.activeTab), e = Math.min(this.t.tabPanels.length - 1, t + 1), s = this.t.tabPanels[e].getAttribute("t4-id");
     this.setActiveTab(s);
   }
   // 外部呼叫方法 $0.goPrev()
   goPrev() {
-    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");
+    const t = d(this, P, F).call(this, this.t.activeTab), e = Math.max(0, t - 1), s = this.t.tabPanels[e].getAttribute("t4-id");
     this.setActiveTab(s);
   }
   // 外部呼叫方法 $0.update()
@@ -2946,7 +2946,7 @@ Qt = new WeakSet(), Xi = 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;
-}, N = new WeakSet(), F = function(t) {
+}, P = new WeakSet(), F = function(t) {
   const { t: e } = this, s = e.tabPanels.filter((a) => a.getAttribute("t4-id") === t);
   s.length > 1 && console.warn("有兩個相同id設定", s);
   const o = s[0];
@@ -2998,7 +2998,7 @@ Qt = new WeakSet(), Xi = function() {
   }) : this.t.tabs.forEach((s, o) => {
     s.getAttribute("t4-id") === e ? s.setAttribute("aria-selected", !0) : s.setAttribute("aria-selected", !1);
   });
-}, M = new WeakSet(), j = function(t, e, s) {
+}, q = new WeakSet(), z = function(t, e, s) {
   switch (t) {
     case "step":
       ve(this.t.step) && d(this, ne, Qi).call(this, e);
@@ -3062,8 +3062,8 @@ Qt = new WeakSet(), Xi = function() {
       break;
   }
 }, de = new WeakSet(), ss = function(t) {
-  const e = d(this, N, F).call(this, t);
-  d(this, M, j).call(this, "step", e), d(this, M, j).call(this, "btnState", e), d(this, M, j).call(this, "tabState", e, t), d(this, M, j).call(this, "tabUrl", t), this.emit("change");
+  const e = d(this, P, F).call(this, t);
+  d(this, q, z).call(this, "step", e), d(this, q, z).call(this, "btnState", e), d(this, q, z).call(this, "tabState", e, t), d(this, q, z).call(this, "tabUrl", t), this.emit("change");
 }, ue = new WeakSet(), ns = function() {
   const t = this;
   window.addEventListener(
@@ -3110,7 +3110,7 @@ function os() {
   });
 }
 os();
-Object.assign(Gi.prototype, I);
+Object.assign(Gi.prototype, O);
 customElements.get("tab-el") || customElements.define("tab-el", Gi);
 const Be = (n) => {
   const { defaultOptions: i } = n.collapse, { collapseClass: t, target: e, transition: s } = i, o = n.querySelector(e);
@@ -3119,9 +3119,9 @@ const Be = (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 st, xe, he, as, pe, rs, nt, ke;
+var st, xe, he, as, pe, rs, nt, $e;
 class Xs {
-  constructor(i, t = {}) {
+  constructor(i, t = {}, e) {
     p(this, st);
     p(this, he);
     p(this, pe);
@@ -3129,7 +3129,7 @@ class Xs {
     !at(i) && !ve(i) && !rt(i) && !b(i) || (this.__storage__ = {
       el: i,
       options: t
-    }, this.active = "data-collapse-active", d(this, st, xe).call(this));
+    }, this.state = e, this.active = "data-collapse-active", d(this, st, xe).call(this));
   }
   update() {
     d(this, st, xe).call(this);
@@ -3137,7 +3137,7 @@ class Xs {
 }
 st = new WeakSet(), xe = function() {
   const { el: i, options: t } = this.__storage__, { SETTINGS: e, EVENTS: s } = Ye;
-  if (this.elements = B(i + `:not([${this.active}])`), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
+  if (this.elements = state == "not active" ? E(i + `:not([${this.active}])`) : E(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, he, as).call(this);
@@ -3148,19 +3148,19 @@ st = new WeakSet(), xe = function() {
   }), this.emit("init");
 }, pe = new WeakSet(), rs = function(i) {
   const { options: t } = this, { collapseClass: e, block: s, target: o, defaultOpen: a, targetStopPropagation: r, defaultActiveMark: l } = t, c = i, u = c.querySelector(o);
-  if (c.collapse.height = u.children[0].offsetHeight, a ? (u.style.height = `${u.children[0].offsetHeight}px`, c.classList.remove(e)) : !c.classList.contains(l) && !c.hasAttribute(l) ? (c.classList.add(e), u.style.height = "0px", u.style.overflow = "hidden") : (u.style.height = `${u.children[0].offsetHeight}px`, c.classList.remove(e)), c.removeEventListener("click", d(this, nt, ke)), c.addEventListener("click", d(this, nt, ke)), 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, nt, $e)), c.addEventListener("click", d(this, nt, $e)), r) {
     const h = (m) => {
       m.stopPropagation();
     };
     u.removeEventListener("click", h), u.addEventListener("click", h);
   }
-}, nt = new WeakSet(), ke = function() {
+}, nt = new WeakSet(), $e = 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) => {
     Be(l);
   }), Gs(r)) : Be(r), i.emit("afterCollapse");
 };
-Object.assign(Xs.prototype, I);
+Object.assign(Xs.prototype, O);
 function Rs(n, i) {
   const t = i, { color: e, opacity: s, duration: o } = i.s.options;
   let a = document.createElement("span"), r = n.clientX - t.getBoundingClientRect().left, l = n.clientY - t.getBoundingClientRect().top;
@@ -3174,7 +3174,7 @@ function ls() {
   });
 }
 document.addEventListener("click", ls);
-var ot, $e, me, cs, ge, ds, fe, us;
+var ot, ke, me, cs, ge, ds, fe, us;
 class Fs extends HTMLElement {
   constructor() {
     super();
@@ -3186,13 +3186,13 @@ class Fs extends HTMLElement {
   }
   connectedCallback() {
     const t = this;
-    t.initialize || t.classList.contains("r4-initialize") || (t.initialize = !0, d(this, ot, $e).call(this));
+    t.initialize || t.classList.contains("r4-initialize") || (t.initialize = !0, d(this, ot, ke).call(this));
   }
   update() {
-    this.classList.remove("r4-initialize"), this.querySelector("i.hover-ball").remove(), d(this, ot, $e).call(this);
+    this.classList.remove("r4-initialize"), this.querySelector("i.hover-ball").remove(), d(this, ot, ke).call(this);
   }
 }
-ot = new WeakSet(), $e = function() {
+ot = new WeakSet(), ke = function() {
   const { SETTINGS: t } = Ue;
   this.s = {};
   function e(o) {
@@ -3427,9 +3427,9 @@ export {
   _n as P,
   xn as Q,
   Fs as R,
-  kn as S,
+  $n as S,
   Gi as T,
-  $n as U,
+  kn as U,
   Cn as V,
   Hn as W,
   Mn as X,
@@ -3439,7 +3439,7 @@ export {
   fs as d,
   Y as e,
   w as f,
-  B as g,
+  E as g,
   dn as h,
   at as i,
   ci as j,
@@ -3454,7 +3454,7 @@ export {
   gs as s,
   hn as t,
   pn as u,
-  $s as v,
+  ks as v,
   _s as w,
   mn as x,
   gn as y,