@xwadex/fesd 0.0.14-re.91 → 0.0.14-re.92

package/dist/image-preview-bundle.js

@@ -8,12 +8,12 @@ var h = (n, i, t) => {
   i instanceof WeakSet ? i.add(n) : i.set(n, t);
 };
 var d = (n, i, t) => (fs(n, i, "access private method"), t);
-import { OverlayScrollbars as Me } from "overlayscrollbars";
+import { OverlayScrollbars as qe } from "overlayscrollbars";
 import v from "jquery";
 import "./vendor-bundle.js";
 import "validator";
 import "flatpickr";
-import Fe from "vanilla-lazyload";
+import Ye from "vanilla-lazyload";
 import { lock as vs, unlock as bs } from "tua-body-scroll-lock";
 const Y = {
   SETTINGS: {
@@ -107,7 +107,7 @@ const Y = {
     gap: 30
     // 跑馬燈內容之間的距離 - Number
   }
-}, qe = {
+}, Ie = {
   SETTINGS: {
     scrollbar: {
       "scrollbar-track-color": "transparent",
@@ -139,7 +139,7 @@ const Y = {
   SETTINGS: {
     basic_rwd: 900
   }
-}, Ye = {
+}, Ue = {
   SETTINGS: {
     scroller: window,
     class: "aost-show",
@@ -162,7 +162,7 @@ const Y = {
     enter: null,
     leave: null
   }
-}, lt = {
+}, ct = {
   SETTINGS: {
     target: null,
     container: null,
@@ -222,7 +222,7 @@ const Y = {
       return `<dropdown-el${n.placeholder ? ` d4-placeholder="${n.placeholder}"` : ""}${n.value ? ` d4-value="${n.value}"` : ""}></dropdown-el>`;
     }
   }
-}, Ue = {
+}, Je = {
   SETTINGS: {
     // 樣式 normal / process
     type: "normal",
@@ -242,7 +242,7 @@ const Y = {
     // 步驟狀態綁定
     stepOutput: ".step-show"
   }
-}, Je = {
+}, Ze = {
   SETTINGS: {
     collapseClass: "collapse",
     block: "[collapse-block]",
@@ -275,7 +275,7 @@ const Y = {
     update: null,
     afterUpdate: null
   }
-}, Ze = {
+}, Qe = {
   SETTINGS: {
     // 是否要加 hover 效果?
     hover: !0,
@@ -292,27 +292,27 @@ const Y = {
   }
 }, mn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  anchor4: lt,
-  aost4: Ye,
+  anchor4: ct,
+  aost4: Ue,
   article4: ws,
-  collapse4: Je,
-  dropdown4: qe,
+  collapse4: Ze,
+  dropdown4: Ie,
   marquee4: $,
   modal4: I,
   multipurpose4: C,
-  ripple4: Ze,
+  ripple4: Qe,
   share4: ys,
-  tab4: Ue,
+  tab4: Je,
   video4: Y
 }, 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) => 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) => {
+}, rt = (n) => typeof n == "string" && n !== "", ye = (n) => n instanceof HTMLElement, lt = (n) => n instanceof NodeList, w = (n) => L(n) !== null, j = (n) => typeof n == "function", L = (n) => ye(n) ? n : document.querySelector(n), A = (n) => lt(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) => {
+}, Ls = (n) => {
   try {
     JSON.parse(n);
   } catch {
@@ -321,7 +321,7 @@ const Y = {
   return JSON.parse(n);
 }, T = (n, i) => {
   console.warn(`[${n} warn]: ${i}`);
-}, je = (n, i) => {
+}, ze = (n, i) => {
   console.error(`[${n} error]: ${i}`);
 }, O = {
   on(n, i) {
@@ -354,7 +354,7 @@ const Y = {
       j(s) && s.apply(this, e);
     }), this) : this;
   }
-}, Ls = {
+}, As = {
   easeInOutCirc(n, i, t, e) {
     return (n /= e / 2) < 1 ? -t / 2 * (Math.sqrt(1 - n * n) - 1) + i : t / 2 * (Math.sqrt(1 - (n -= 2) * n) + 1) + i;
   },
@@ -365,28 +365,28 @@ 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) ? 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;
+  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, H = b - a - y, B = 15;
   let S = 0;
   if (H === 0)
     return;
   const R = (X) => {
-    const Ne = A(t);
-    i && i.emit(X, Ne), !i && n.on && j(n.on[X]) && n.on[X](Ne);
+    const je = L(t);
+    i && i.emit(X, je), !i && n.on && j(n.on[X]) && n.on[X](je);
   };
   R("beforeScroll");
   const Pe = () => {
-    S += G;
-    const X = Ls[r](S, f, H, o);
+    S += B;
+    const X = As[r](S, f, H, o);
     m[u] = X, S < o && requestAnimationFrame(Pe), S >= o && R("afterScroll");
   };
   requestAnimationFrame(Pe);
 };
-var J, Ee, pt, Ve, mt, Ke;
-class Qe {
+var J, Ee, mt, Ke, gt, ti;
+class Ve {
   constructor(i, t = {}) {
     h(this, J);
-    h(this, pt);
     h(this, mt);
+    h(this, gt);
     this.__storage__ = {
       el: i,
       options: t
@@ -403,13 +403,13 @@ class Qe {
     return d(i = this.destroy(), J, Ee).call(i), this.emit("afterUpdate"), this;
   }
   static run(i) {
-    const { SETTINGS: t } = lt, e = Object.assign({}, t, i);
+    const { SETTINGS: t } = ct, e = Object.assign({}, t, i);
     setTimeout(() => {
       we(e);
     }, e.delay);
   }
   static url(i) {
-    const { SETTINGS: t } = lt, { hashName: e } = i, s = window.location.search || window.location.hash, { searchParams: o } = new URL(window.location), a = document.querySelector(`[data-anchor-id="${e ? o.get(e) : s.split("?").pop()}"]`);
+    const { SETTINGS: t } = ct, { hashName: e } = i, s = window.location.search || window.location.hash, { searchParams: o } = new URL(window.location), a = document.querySelector(`[data-anchor-id="${e ? o.get(e) : s.split("?").pop()}"]`);
     if (!a)
       return;
     const r = Object.assign({}, t, i, { target: a });
@@ -420,19 +420,19 @@ class Qe {
 }
 J = new WeakSet(), Ee = function() {
   const { el: i, options: t } = this.__storage__;
-  if (!at(i) || !w(i))
+  if (!rt(i) || !w(i))
     return;
-  const { SETTINGS: e, EVENTS: s } = lt;
-  if (this.elements = t.state == "not active" ? L(i + `:not([${this.active}])`) : L(i), this.elements = L(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
+  const { SETTINGS: e, EVENTS: s } = ct;
+  if (this.elements = t.state == "not active" ? A(i + `:not([${this.active}])`) : A(i), this.elements = A(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);
-}, pt = new WeakSet(), Ve = function() {
+  d(this, mt, Ke).call(this);
+}, mt = new WeakSet(), Ke = function() {
   const { elements: i, options: t } = this;
   i.forEach((e) => {
-    e.anchor = {}, e.anchor.instance = this, e.anchor.eventHandler = d(this, mt, Ke), e.anchor.defaultOptions = t, e.anchor.methods = {}, e.anchor.methods.destroy = this.destroy, e.anchor.methods.update = this.update, e.addEventListener("click", e.anchor.eventHandler), e.setAttribute(this.active, "");
+    e.anchor = {}, e.anchor.instance = this, e.anchor.eventHandler = d(this, gt, ti), e.anchor.defaultOptions = t, e.anchor.methods = {}, e.anchor.methods.destroy = this.destroy, e.anchor.methods.update = this.update, e.addEventListener("click", e.anchor.eventHandler), e.setAttribute(this.active, "");
   }), this.emit("afterInit");
-}, mt = new WeakSet(), Ke = function() {
+}, gt = new WeakSet(), ti = function() {
   const { defaultOptions: i, eventHandler: t, instance: e } = this.anchor, s = {
     target: this.getAttribute("data-anchor-target") || i.target,
     container: this.getAttribute("data-anchor-container") || i.container,
@@ -449,7 +449,7 @@ J = new WeakSet(), Ee = function() {
     we(s, e);
   }, s.delay);
 };
-Object.assign(Qe.prototype, O);
+Object.assign(Ve.prototype, O);
 window.MODALS || (window.MODALS = {});
 const { MODALS: M } = window, Ss = (n) => {
   const { TEMPLATE: i } = I, { childDom: t } = n, e = document.createElement("div");
@@ -459,15 +459,15 @@ const { MODALS: M } = window, Ss = (n) => {
     s.append(o);
   }), e.children[0];
 };
-var gt, ei, ft, ii, vt, si, bt, ni, yt, oi;
-class ti extends HTMLElement {
+var ft, ii, vt, si, bt, ni, yt, oi, Z, Le;
+class ei extends HTMLElement {
   constructor() {
     super();
-    h(this, gt);
     h(this, ft);
     h(this, vt);
     h(this, bt);
     h(this, yt);
+    h(this, Z);
     this.initialize = !1;
   }
   static get observedAttributes() {
@@ -476,12 +476,12 @@ class ti extends HTMLElement {
   attributeChangedCallback(t, e, s) {
     switch (t) {
       case ":state":
-        d(this, yt, oi).call(this, s);
+        d(this, Z, Le).call(this, s);
         break;
     }
   }
   connectedCallback() {
-    this.initialize || (this.initialize = !0, d(this, gt, ei).call(this));
+    this.initialize || (this.initialize = !0, d(this, ft, ii).call(this));
   }
   open() {
     return this.setAttribute(":state", "open"), this;
@@ -493,22 +493,22 @@ class ti extends HTMLElement {
     return this.setAttribute(":state", "destroy"), this;
   }
 }
-gt = new WeakSet(), ei = function() {
+ft = new WeakSet(), ii = 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) || (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);
+  this.getAttribute(t.id) || (T(`modern-modal needs a ${t.id} attribute with a unique id.`), this.setAttribute(t.id, e)), M[e] && T(`the ${t.id} "${e}" is already be used.`), M[e] = this, d(this, vt, si).call(this);
 }, vt = new WeakSet(), si = function() {
+  this.childDom = this.childNodes, this.template = Ss(this), this.innerHTML = "", this.append(this.template), d(this, bt, ni).call(this);
+}, bt = new WeakSet(), ni = function() {
   const t = this.querySelector(".modal-scroller");
-  this.__scroller__ = Me(t, {
+  this.__scroller__ = qe(t, {
     overflowBehavior: {
       x: "hidden"
     },
     autoUpdate: !0
-  }), window.modalScroll = this.__scroller__, d(this, bt, ni).call(this);
-}, bt = new WeakSet(), ni = function() {
+  }), window.modalScroll = this.__scroller__, d(this, yt, oi).call(this);
+}, yt = new WeakSet(), oi = function() {
   var a, r, l;
   const t = this, { ATTRS: e } = I, { close: s, destroy: o } = e;
   (a = t.querySelectorAll(`[${s}]`)) == null || a.forEach((c) => {
@@ -524,9 +524,11 @@ gt = new WeakSet(), ei = function() {
   }), (l = t.querySelector("[stop-propagation]")) == null || l.addEventListener("click", function(c) {
     c.stopPropagation();
   });
-}, yt = new WeakSet(), oi = function(t) {
+}, Z = new WeakSet(), Le = function(t) {
   const { __scroller__: e } = this;
   if (t === "open") {
+    if (this.classList.contains("ING"))
+      return;
     if (this.style.display = "block", e) {
       const { viewport: s } = e.elements();
       s.scrollTo({
@@ -534,15 +536,15 @@ gt = new WeakSet(), ei = function() {
       });
     }
     setTimeout(() => {
-      this.classList.add("show"), this.emit("open");
+      this.classList.add("show", "ING"), this.emit("open");
     }, 100);
   }
   if (t === "close") {
-    if (!this.classList.contains("show"))
+    if (!this.classList.contains("ING"))
       return;
     this.classList.remove("show");
     const s = () => {
-      this.style.removeProperty("display"), this.emit("close"), this.removeEventListener("transitionend", s);
+      this.style.removeProperty("display"), this.emit("close"), this.classList.remove("ING"), this.removeEventListener("transitionend", s), this.getAttribute(":state") === "open" && d(this, Z, Le).call(this, "open");
     };
     this.addEventListener("transitionend", s);
   }
@@ -555,19 +557,19 @@ gt = new WeakSet(), ei = function() {
     this.addEventListener("transitionend", s);
   }
 };
-Object.assign(ti.prototype, O);
-const { MODALS: Ie } = window, ai = (n, i, ...t) => {
+Object.assign(ei.prototype, O);
+const { MODALS: Oe } = window, ai = (n, i, ...t) => {
   if (!i)
     return;
   const e = n[i];
   e && j(e) && e.apply(n, t);
 }, ri = (n, ...i) => {
   n && j(n) && n.apply(U, i);
-}, ze = (n, i) => {
-  const { target: t } = n, e = Ie[t] || A(n.target);
+}, We = (n, i) => {
+  const { target: t } = n, e = Oe[t] || L(n.target);
   e && li(n, i), e || Ds(n, i);
 }, li = (n, i) => {
-  const { target: t, action: e, on: s, e: o } = n, a = Ie[t] || A(n.target);
+  const { target: t, action: e, on: s, e: o } = n, a = Oe[t] || L(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);
@@ -595,26 +597,26 @@ const { MODALS: Ie } = window, ai = (n, i, ...t) => {
     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 = A(s) || A(I.SETTINGS.container);
+    const c = Es(l), u = L(s) || L(I.SETTINGS.container);
     [...c].forEach((g) => {
       u.append(g);
     });
-    const p = Ie[t] || A(n.target);
+    const p = Oe[t] || L(n.target);
     r("complete", p), li(n, i);
   }).catch((l) => {
     r("error", l);
   });
 };
-var Z, Ae, wt, ci, Tt, di;
-const P = class P {
+var Q, Ae, wt, ci, Tt, di;
+const N = class N {
   constructor(i, t = {}) {
-    h(this, Z);
+    h(this, Q);
     h(this, wt);
     h(this, Tt);
     this.__storage__ = {
       el: i,
       options: t
-    }, this.active = "data-modal-active", d(this, Z, Ae).call(this);
+    }, this.active = "data-modal-active", d(this, Q, Ae).call(this);
   }
   destroy() {
     const { elements: i } = this;
@@ -624,28 +626,28 @@ const P = class P {
   }
   update() {
     var i;
-    return d(i = this.destroy(), Z, Ae).call(i), this.emit("update"), this;
+    return d(i = this.destroy(), Q, Ae).call(i), this.emit("update"), this;
   }
   /** static method 'open' */
   static open(i) {
     const { SETTINGS: t } = I, e = Object.assign({}, t, { on: {} }, i);
-    ze(e);
+    We(e);
   }
   /** static method 'defineMethods' */
   static defineMethods(i) {
-    P.prototype.__methods__ || (P.prototype.__methods__ = {});
-    const t = P.prototype.__methods__;
+    N.prototype.__methods__ || (N.prototype.__methods__ = {});
+    const t = N.prototype.__methods__;
     for (const [e, s] of Object.entries(i))
       j(s) && (t[e] = s);
-    Object.assign(P.prototype, P.prototype.__methods__);
+    Object.assign(N.prototype, N.prototype.__methods__);
   }
 };
-Z = new WeakSet(), Ae = function() {
+Q = new WeakSet(), Ae = function() {
   const { el: i, options: t } = this.__storage__;
-  if (!at(i) || !w(i))
+  if (!rt(i) || !w(i))
     return;
   const { SETTINGS: e, EVENTS: s } = I;
-  if (this.elements = t.state == "not active" ? L(i + `:not([${this.active}])`) : L(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
+  if (this.elements = t.state == "not active" ? A(i + `:not([${this.active}])`) : A(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);
@@ -655,7 +657,7 @@ Z = new WeakSet(), Ae = function() {
     e.modal = {}, e.modal.instance = this, e.modal.eventHandler = d(this, Tt, di), e.modal.defaultOptions = t, e.modal.methods = {}, e.modal.methods.destroy = this.destroy, e.modal.methods.update = this.update, e.addEventListener("click", e.modal.eventHandler), e.setAttribute(this.active, "");
   }), 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"));
+  const { defaultOptions: t, eventHandler: e, instance: s } = this.modal, o = Ls(this.getAttribute("data-modal-on"));
   o && typeof o != "object" && T("modal4", "data-modal-on must be a json string.");
   const a = {
     target: this.getAttribute("data-modal-target") || t.target,
@@ -667,11 +669,11 @@ Z = new WeakSet(), Ae = function() {
   };
   this.removeEventListener("click", e), setTimeout(() => {
     this.addEventListener("click", e);
-  }, 200), ze(a, s);
+  }, 200), We(a, s);
 };
-let U = P;
+let U = N;
 Object.assign(U.prototype, O);
-customElements.define("modern-modal", ti);
+customElements.define("modern-modal", ei);
 const _s = (n, i) => {
   const t = n === window ? n.innerHeight : n.getBoundingClientRect().height, e = n === window ? 0 : n.getBoundingClientRect().top;
   i.forEach((s) => {
@@ -688,21 +690,21 @@ const _s = (n, i) => {
     }
   });
 }, ks = (n, i) => n === "up" || n === "down" ? n : n !== null ? n === "true" ? !0 : n === "false" ? !1 : i.repeat : i.repeat;
-var Q, Le, Et, hi;
+var V, Se, Et, hi;
 class ui {
   constructor(i, t = {}) {
-    h(this, Q);
+    h(this, V);
     h(this, Et);
     this.__storage__ = {
       el: i,
       options: t
-    }, this.active = "data-aost-active", d(this, Q, Le).call(this);
+    }, this.active = "data-aost-active", d(this, V, Se).call(this);
   }
   destroy(i) {
     const { elements: t, options: e } = this;
     if (!t)
       return this;
-    const { scroller: s } = e, o = s === window || !w(s) ? window : A(s);
+    const { scroller: s } = e, o = s === window || !w(s) ? window : L(s);
     return o.aost && (o.removeEventListener("scroll", o.aost.eventHandler), delete o.aost), t.forEach((a) => {
       if (!a.aost)
         return;
@@ -712,20 +714,20 @@ class ui {
   }
   update(i) {
     var t;
-    d(t = this.destroy(i), Q, Le).call(t);
+    d(t = this.destroy(i), V, Se).call(t);
   }
 }
-Q = new WeakSet(), Le = function() {
+V = new WeakSet(), Se = function() {
   const { el: i, options: t } = this.__storage__;
-  if (!at(i) || !w(i))
+  if (!rt(i) || !w(i))
     return;
-  const { SETTINGS: e, EVENTS: s } = Ye;
-  if (this.elements = t.state == "not active" ? L(i + `:not([${this.active}])`) : L(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
+  const { SETTINGS: e, EVENTS: s } = Ue;
+  if (this.elements = t.state == "not active" ? A(i + `:not([${this.active}])`) : A(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 : A(e);
+  const { elements: i, options: t } = this, { scroller: e } = t, s = e === window || !w(e) ? window : L(e);
   this.eventHandler = () => {
     _s(s, i);
   }, i.forEach((a) => {
@@ -743,12 +745,12 @@ const $s = (n) => {
     s.append(o);
   }), e.children[0];
 };
-var At, pi, Lt, mi, St, gi, Dt, fi, _t, vi, kt, bi, $t, yi, xt, wi, Ct, Ti;
+var Lt, pi, At, mi, St, gi, Dt, fi, _t, vi, kt, bi, $t, yi, xt, wi, Ct, Ti;
 class xs extends HTMLElement {
   constructor() {
     super();
-    h(this, At);
     h(this, Lt);
+    h(this, At);
     h(this, St);
     // youtube iframe
     h(this, Dt);
@@ -761,7 +763,7 @@ class xs extends HTMLElement {
     h(this, xt);
     // 2025.02.11 新增 tiktok 
     h(this, Ct);
-    d(this, At, pi).call(this);
+    d(this, Lt, pi).call(this);
   }
   play() {
     const { videoType: t } = this;
@@ -798,13 +800,13 @@ class xs extends HTMLElement {
     }
   }
 }
-At = new WeakSet(), pi = function() {
+Lt = new WeakSet(), pi = function() {
   if (!this.getAttribute("video-id")) {
     T("videoPlayer", "video-render needs a ['video-id'] attribute to creat player.");
     return;
   }
-  this.videoId = this.getAttribute("video-id"), this.videoType = this.getAttribute("video-type"), this.autoplay = this.getAttribute("video-autoplay"), this.startTime = this.getAttribute("video-starttime"), d(this, Lt, mi).call(this);
-}, Lt = new WeakSet(), mi = function() {
+  this.videoId = this.getAttribute("video-id"), this.videoType = this.getAttribute("video-type"), this.autoplay = this.getAttribute("video-autoplay"), this.startTime = this.getAttribute("video-starttime"), d(this, At, mi).call(this);
+}, At = new WeakSet(), mi = function() {
   this.childDom = this.childNodes, this.template = $s(this), this.innerHTML = "", this.append(this.template), d(this, St, gi).call(this);
 }, St = new WeakSet(), gi = function() {
   const { videoType: t } = this;
@@ -862,7 +864,7 @@ function Ei(n) {
     t instanceof HTMLElement ? i.push(t) : typeof t == "string" && i.push(...document.querySelectorAll(`${t}`));
   }), v("html").addClass("scrollLock"), vs(i);
 }
-function Ai(n) {
+function Li(n) {
   const i = [];
   n && n.forEach((t) => {
     t instanceof HTMLElement ? i.push(t) : typeof t == "string" && i.push(...document.querySelectorAll(`${t}`));
@@ -887,15 +889,15 @@ async function fn(n = 0) {
 }
 function vn() {
   v(".loading-wrapper").fadeOut(300).promise().done(function() {
-    v(".loading-wrapper").remove(), Ai();
+    v(".loading-wrapper").remove(), Li();
   });
 }
 function bn(n, i) {
   new on(n, i);
 }
 function Cs() {
-  const n = new ui("[data-aost]"), i = new Fe({ callback_loaded: (s) => {
-  } }), t = new Qs(), e = new Qe("[data-anchor-target]");
+  const n = new ui("[data-aost]"), i = new Ye({ callback_loaded: (s) => {
+  } }), t = new Qs(), e = new Ve("[data-anchor-target]");
   n.update(), i.update(), t.reValidate(), e.update();
 }
 function yn(n, i = () => {
@@ -905,7 +907,7 @@ function yn(n, i = () => {
   }).siblings("[data-tab-content]").hide(), Cs();
 }
 function wn() {
-  Me(
+  qe(
     {
       target: document.body,
       cancel: {
@@ -940,12 +942,12 @@ function En() {
     BigSurUP: /Mac OS X 10.15/.test(n) || /Mac OS X 10_15_7/.test(n) || /Mac OS X 10_15_8/.test(n) || /Mac OS X 10_15_9/.test(n) || /Mac OS X 11_/.test(n) || /Mac OS X 12_/.test(n)
   };
 }
-function An(n, i) {
+function Ln(n, i) {
   v(n).on("click", function() {
     v(this).toggleClass(i);
   });
 }
-function Ln(n, i) {
+function An(n, i) {
   v(n).on("click", function() {
     v(n).not(this).removeClass(i), v(this).addClass(i);
   });
@@ -1067,12 +1069,12 @@ function On() {
     });
   });
 }
-function Pn(n) {
+function Nn(n) {
   const i = getComputedStyle(n).transform;
   let t = i.match(/^matrix3d\((.+)\)$/);
   return t ? parseFloat(t[1].split(", ")[12]) : (t = i.match(/^matrix\((.+)\)$/), t ? parseFloat(t[1].split(", ")[4]) : 0);
 }
-function Nn(n) {
+function Pn(n) {
   const i = getComputedStyle(n).transform;
   let t = i.match(/^matrix3d\((.+)\)$/);
   return t ? parseFloat(t[1].split(", ")[13]) : (t = i.match(/^matrix\((.+)\)$/), t ? parseFloat(t[1].split(", ")[5]) : 0);
@@ -1081,38 +1083,38 @@ function jn(n) {
   const i = document.createElement("div");
   return i.innerHTML = n, i.childNodes[0];
 }
-const We = (n) => n.videoId !== "" || typeof n.videoId < "u", Ms = (n) => n.$selector.getAttribute("video4-active") === "on", Te = (n) => `<video-player video-id="${n.videoId}" video-type="${n.videoType}" video-startTime="${n.videoStartTime}" video-autoplay="${n.videoAutoplay}"></video-player>`;
-var V, Se, Ht, Li, Mt, Si, K, De, qt, Di;
+const Ge = (n) => n.videoId !== "" || typeof n.videoId < "u", Ms = (n) => n.$selector.getAttribute("video4-active") === "on", Te = (n) => `<video-player video-id="${n.videoId}" video-type="${n.videoType}" video-startTime="${n.videoStartTime}" video-autoplay="${n.videoAutoplay}"></video-player>`;
+var K, De, Ht, Ai, Mt, Si, tt, _e, qt, Di;
 class qs {
   constructor(i, t = {}) {
-    h(this, V);
+    h(this, K);
     h(this, Ht);
     h(this, Mt);
-    h(this, K);
+    h(this, tt);
     h(this, qt);
-    if (!at(i) && !ye(i) && !rt(i)) {
-      je("video4", `找不到該物件 -> ${i}`);
+    if (!rt(i) && !ye(i) && !lt(i)) {
+      ze("video4", `找不到該物件 -> ${i}`);
       return;
     }
     this.__storage__ = {
       el: i,
       options: t
-    }, this.active = "data-video-active", d(this, V, Se).call(this);
+    }, this.active = "data-video-active", d(this, K, De).call(this);
   }
   update() {
-    d(this, V, Se).call(this);
+    d(this, K, De).call(this);
   }
 }
-V = new WeakSet(), Se = function() {
+K = new WeakSet(), De = function() {
   const { el: i, options: t } = this.__storage__, { SETTINGS: e, EVENTS: s } = Y;
-  if (this.elements = t.state == "not active" ? L(i + `:not([${this.active}])`) : L(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
+  if (this.elements = t.state == "not active" ? A(i + `:not([${this.active}])`) : A(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);
-}, Ht = new WeakSet(), Li = function() {
+  d(this, Ht, Ai).call(this);
+}, Ht = new WeakSet(), Ai = 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, qt, Di).call(this, e), e.video.methods = {}, e.video.methods.update = this.update, e.setAttribute(this.active, ""), We(e.video.params) && !Ms(e.video.params) && (e.setAttribute("video4-active", "on"), d(this, Mt, Si).call(this, e)), We(e.video.params) || je("video4", "無法取得影片 ID");
+    e.video = {}, e.video.instance = this, e.video.defaultOptions = t, e.video.params = d(this, qt, Di).call(this, e), e.video.methods = {}, e.video.methods.update = this.update, e.setAttribute(this.active, ""), Ge(e.video.params) && !Ms(e.video.params) && (e.setAttribute("video4-active", "on"), d(this, Mt, Si).call(this, e)), Ge(e.video.params) || ze("video4", "無法取得影片 ID");
   }), this.emit("init");
 }, Mt = new WeakSet(), Si = function(i) {
   const { LAYOUT: t } = Y, e = i.video.params, { $selector: s, videoLayoutNo: o, videoId: a, videoType: r, videoMode: l, videoButton: c, videoCover: u, videoHighQualityPic: p } = e;
@@ -1130,7 +1132,7 @@ V = new WeakSet(), Se = function() {
         console.log("error");
       }) : T("video4", "僅 youtube & vimeo 提供，無圖片時放置預設封面畫面，其他影片平台請自行上傳封面照片");
     }
-    c == "off" ? g = s : (g = s.querySelector(c) ?? s, s.querySelector(c) || T("video4", `找不到 videoButton 設定的 element -> '${c}' , 點擊物件轉移至 '${this.__storage__.el}'`)), g.video || (g.video = {}, g.video.params = e), g.video.eventHandler = d(this, K, De), g.addEventListener("click", g.video.eventHandler);
+    c == "off" ? 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, tt, _e), g.addEventListener("click", g.video.eventHandler);
   } else if (l === "onPage") {
     let g = null;
     if (u == "on") {
@@ -1148,10 +1150,10 @@ V = new WeakSet(), Se = function() {
       s.innerHTML = Te(e);
       return;
     }
-    g.video || (g.video = {}, g.video.params = e), g.video.eventHandler = d(this, K, De), g.addEventListener("click", g.video.eventHandler);
+    g.video || (g.video = {}, g.video.params = e), g.video.eventHandler = d(this, tt, _e), g.addEventListener("click", g.video.eventHandler);
   }
-}, K = new WeakSet(), De = function(i) {
-  const { video: t, emit: e } = this, { $selector: s, videoMode: o, videoTarget: a, videoTargetRoute: r, videoType: l, videoIgHtml: c } = t.params, u = new Fe({ callback_loaded: (p) => {
+}, tt = new WeakSet(), _e = function(i) {
+  const { video: t, emit: e } = this, { $selector: s, videoMode: o, videoTarget: a, videoTargetRoute: r, videoType: l, videoIgHtml: c } = t.params, u = new Ye({ callback_loaded: (p) => {
   } });
   if (o == "onBox") {
     const p = {
@@ -1180,7 +1182,7 @@ V = new WeakSet(), Se = function() {
         },
         close(g) {
           const m = g.querySelectorAll("[data-overlayscrollbars-viewport]");
-          Ai([...m]);
+          Li([...m]);
         },
         destroy(g) {
         }
@@ -1209,7 +1211,7 @@ V = new WeakSet(), Se = function() {
 };
 Object.assign(qs.prototype, O);
 customElements.define("video-player", xs);
-const Oe = {
+const Ne = {
   "zh-tw": {
     臺北市: [
       ["中正區", "100"],
@@ -2039,7 +2041,7 @@ const Oe = {
     ]
   }
 }, Is = (n) => {
-  const { TEMPLATE: i } = qe, { childDom: t } = n.s, e = document.createElement("div"), s = n.classList.contains("filter"), o = n.getAttribute("filter-placeholder"), a = n.getAttribute("d4-icon"), r = n.getAttribute("custom-template");
+  const { TEMPLATE: i } = Ie, { childDom: t } = n.s, e = document.createElement("div"), s = n.classList.contains("filter"), o = n.getAttribute("filter-placeholder"), a = n.getAttribute("d4-icon"), r = n.getAttribute("custom-template");
   e.innerHTML = i(
     s,
     o,
@@ -2111,24 +2113,24 @@ const Oe = {
         break;
     }
   }
-}, Ps = (n) => {
+}, Ns = (n) => {
   const i = n.s.cityLang;
-  n.classList.contains("city") && (n.s.dropdownEl.querySelector(".dropdown-list").innerHTML = "", Object.keys(Oe[i]).forEach((t) => {
+  n.classList.contains("city") && (n.s.dropdownEl.querySelector(".dropdown-list").innerHTML = "", Object.keys(Ne[i]).forEach((t) => {
     const e = document.createElement("li");
     e.textContent = t, e.setAttribute("data-option", t), n.s.dropdownEl.querySelector(".dropdown-list").append(e);
   }), n.s.allLi = n.querySelectorAll(".dropdown-list li"));
-}, Ns = (n, i) => {
+}, Ps = (n, i) => {
   const t = n.s.cityLang;
-  Oe[t][i].forEach((e, s) => {
+  Ne[t][i].forEach((e, s) => {
     const o = document.createElement("li");
     o.textContent = e[0], o.setAttribute("data-option", e[0]), n.querySelector(".dropdown-list").append(o);
   });
 }, _i = () => {
-  L('dropdown-el[d4-status="open"]').forEach((i) => {
+  A('dropdown-el[d4-status="open"]').forEach((i) => {
     i.close();
   });
 }, js = () => {
-  const { SETTINGS: n } = qe;
+  const { SETTINGS: n } = Ie;
   ((t, e) => {
     Object.keys(e).forEach((s) => {
       t.style.setProperty(`--${s}`, e[s]);
@@ -2139,14 +2141,14 @@ js();
 document.addEventListener("click", function() {
   _i();
 });
-var It, $i, Ot, xi, Pt, Ci, Nt, Hi;
+var It, $i, Ot, xi, Nt, Ci, Pt, Hi;
 class ki extends HTMLElement {
   constructor() {
     super();
     h(this, It);
     h(this, Ot);
-    h(this, Pt);
     h(this, Nt);
+    h(this, Pt);
     this.initialize = !1;
   }
   static get observedAttributes() {
@@ -2221,11 +2223,11 @@ class ki extends HTMLElement {
 It = new WeakSet(), $i = function() {
   this.s = {}, this.__events__ = {}, this.hasAttribute("d4-status") || this.setAttribute("d4-status", "close"), this.hasAttribute("d4-value") || this.setAttribute("d4-value", ""), d(this, Ot, xi).call(this);
 }, Ot = new WeakSet(), xi = function() {
-  this.s.childDom = this.childNodes, this.s.template = Is(this), this.innerHTML = "", this.append(this.s.template), d(this, Pt, Ci).call(this);
-}, Pt = new WeakSet(), Ci = function() {
+  this.s.childDom = this.childNodes, this.s.template = Is(this), this.innerHTML = "", this.append(this.s.template), d(this, Nt, Ci).call(this);
+}, Nt = new WeakSet(), Ci = function() {
   var s;
   const t = this;
-  t.s.allLi = t.querySelectorAll(".dropdown-list li"), t.s.selectDisplayEl = t.querySelector(".select-display"), t.s.dropdownEl = t.querySelector(".dropdown"), t.s.selectType = t.hasAttribute("multiple") ? "multiple" : "single", t.s.cityLang = t.hasAttribute("city-lang") ? t.getAttribute("city-lang") : "zh-tw", Ps(t), t.s.subDropdownTotalH = 0;
+  t.s.allLi = t.querySelectorAll(".dropdown-list li"), t.s.selectDisplayEl = t.querySelector(".select-display"), t.s.dropdownEl = t.querySelector(".dropdown"), t.s.selectType = t.hasAttribute("multiple") ? "multiple" : "single", t.s.cityLang = t.hasAttribute("city-lang") ? t.getAttribute("city-lang") : "zh-tw", Ns(t), t.s.subDropdownTotalH = 0;
   const e = t.getAttribute("d4-value");
   switch (t.s.selectType) {
     case "single":
@@ -2234,7 +2236,7 @@ It = new WeakSet(), $i = function() {
         const r = document.querySelector(`dropdown-el[dist-select="${t.id}"]`), l = r ? r.getAttribute("d4-value") !== "" : !1;
         if (r && l) {
           const c = r.getAttribute("d4-value");
-          if (Ns(t, c), t.s.allLi = t.querySelectorAll(".dropdown-list li"), t.classList.remove("disabled"), t.getAttribute("d4-value") !== "") {
+          if (Ps(t, c), t.s.allLi = t.querySelectorAll(".dropdown-list li"), t.classList.remove("disabled"), t.getAttribute("d4-value") !== "") {
             const u = e.split(",")[1];
             o = t.querySelector(`.dropdown-list li[data-option="${u}"]`), t.setAttribute("d4-value", u);
           }
@@ -2267,8 +2269,8 @@ It = new WeakSet(), $i = function() {
       };
       break;
   }
-  x(t, t.s.value.index), d(s = t, Nt, Hi).call(s), t.classList.add("d4-initialize");
-}, Nt = new WeakSet(), Hi = function() {
+  x(t, t.s.value.index), d(s = t, Pt, Hi).call(s), t.classList.add("d4-initialize");
+}, Pt = new WeakSet(), Hi = function() {
   const t = this;
   t.__events__.dropdownToggle = () => {
     t.addEventListener("click", function(e) {
@@ -2314,7 +2316,7 @@ It = new WeakSet(), $i = function() {
     t.s.dropdownEl.addEventListener("transitionend", e);
   }, t.__events__.bindScrollbar = (e = this) => {
     const s = e.querySelector(".dropdown-scroller");
-    e.__scroller__ = Me(s, {
+    e.__scroller__ = qe(s, {
       overflowBehavior: {
         x: "hidden"
       }
@@ -2330,8 +2332,8 @@ 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 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`;
+          const H = parseInt(f.style.cssText.replace("--height:", "").trim()), B = parseInt(getComputedStyle(a).maxHeight), S = () => {
+            s = g + e.s.subDropdownTotalH, o = s > B ? B : 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 -= H, S()) : (u.classList.add("open"), e.s.subDropdownTotalH += H, S());
           const R = () => {
@@ -2343,7 +2345,7 @@ 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 = "", x(y, -1), Oe[f][b].forEach((H, G) => {
+                y && (y.querySelector(".dropdown-list").textContent = "", x(y, -1), Ne[f][b].forEach((H, B) => {
                   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));
@@ -2386,7 +2388,7 @@ It = new WeakSet(), $i = function() {
 };
 Object.assign(ki.prototype, O);
 customElements.define("dropdown-el", ki);
-function ct(n) {
+function dt(n) {
   const i = {};
   return [...n.attributes].forEach((t) => {
     if (t.name.includes("duration-")) {
@@ -2396,9 +2398,9 @@ function ct(n) {
   }), Object.keys(i).length === 0 ? null : i;
 }
 function Be(n) {
-  if (ct(n)) {
+  if (dt(n)) {
     let i;
-    const t = Object.keys(ct(n)).map((e) => ({
+    const t = Object.keys(dt(n)).map((e) => ({
       value: e,
       point: e
     }));
@@ -2407,7 +2409,7 @@ function Be(n) {
       const { point: s, value: o } = t[e];
       window.matchMedia(`(max-width: ${o}px)`).matches && (i = s);
     }
-    return i ? Number(ct(n)[i]) : n.s.options.duration;
+    return i ? Number(dt(n)[i]) : n.s.options.duration;
   } else
     return n.s.options.duration;
 }
@@ -2484,14 +2486,14 @@ function Ws(n) {
     i && clearTimeout(i), i = setTimeout(n, 200, t);
   };
 }
-var jt, Mi, zt, qi, Wt, Ii, Bt, Oi;
-class Bs extends HTMLElement {
+var jt, Mi, zt, qi, Wt, Ii, Gt, Oi;
+class Gs extends HTMLElement {
   constructor() {
     super();
     h(this, jt);
     h(this, zt);
     h(this, Wt);
-    h(this, Bt);
+    h(this, Gt);
     this.initialize = !1;
   }
   static get observedAttributes() {
@@ -2517,7 +2519,7 @@ jt = new WeakSet(), Mi = function() {
     // normal / alternate / endStop
     duration: Number(this.getAttribute("duration")) || $.SETTINGS.duration,
     // ms
-    durationBreakpoints: ct(this) || $.SETTINGS.durationBreakpoints,
+    durationBreakpoints: dt(this) || $.SETTINGS.durationBreakpoints,
     autoplay: this.getAttribute("autoplay") || $.SETTINGS.autoplay,
     // normal / alternate / endStop
     pauseOnMouseenter: this.getAttribute("pauseOnMouseEnter") ? this.getAttribute("pauseOnMouseEnter") === "true" : $.SETTINGS.pauseOnMouseenter,
@@ -2539,7 +2541,7 @@ jt = new WeakSet(), Mi = function() {
       e ? this.style.cssText = `height: ${this.s.animateEl.clientHeight}px;--continual-gap: ${s}px;` : this.style.cssText = `min-height: ${this.s.animateEl.clientHeight}px;--continual-gap: ${s}px;`;
       break;
   }
-  d(this, Wt, Ii).call(this), d(this, Bt, Oi).call(this), e && this.classList.add("continual"), this.classList.add("m4-initialize");
+  d(this, Wt, Ii).call(this), d(this, Gt, Oi).call(this), e && this.classList.add("continual"), this.classList.add("m4-initialize");
 }, Wt = new WeakSet(), Ii = function() {
   const t = this, { direction: e, behavior: s, duration: o, autoplay: a, pauseOnMouseenter: r, continual: l } = t.s.options;
   let c;
@@ -2605,7 +2607,7 @@ jt = new WeakSet(), Mi = function() {
   }), t.addEventListener("mouseleave", function() {
     t.s.animation && r && t.s.animation.playState === "paused" && t.play();
   });
-}, Bt = new WeakSet(), Oi = function() {
+}, Gt = new WeakSet(), Oi = function() {
   const t = this;
   function e() {
     const s = t.s.animation.startTime, o = t.s.cloneAnimation ? t.s.cloneAnimation.startTime : null;
@@ -2620,14 +2622,14 @@ jt = new WeakSet(), Mi = function() {
   }
   window.addEventListener("resize", Ws(e));
 };
-customElements.define("marquee-el", Bs);
-const ht = function(n, i) {
+customElements.define("marquee-el", Gs);
+const pt = function(n, i) {
   let t;
   return function(e) {
     t && clearTimeout(t), t = setTimeout(n, 200, e);
   };
 }, k = (n, i) => {
-  if (rt(n)) {
+  if (lt(n)) {
     n.forEach((t) => {
       t.classList.add(i);
     });
@@ -2635,7 +2637,7 @@ const ht = function(n, i) {
   }
   n.classList.add(i);
 }, D = (n, i) => {
-  if (rt(n)) {
+  if (lt(n)) {
     n.forEach((t) => {
       t.classList.remove(i);
     });
@@ -2643,22 +2645,22 @@ const ht = function(n, i) {
   }
   n.classList.remove(i);
 };
-var Gt, Pi, Rt, Ni, Xt, ji, tt, _e, W, dt, Ft, zi;
-class Ge {
+var Bt, Ni, Rt, Pi, Xt, ji, et, ke, W, ut, Ft, zi;
+class Re {
   constructor(i) {
     // 初始化
-    h(this, Gt);
+    h(this, Bt);
     // 左右箭頭事件綁定
     h(this, Rt);
     // 左右拖拉事件綁定
     h(this, Xt);
     // 卷軸位置判斷
-    h(this, tt);
+    h(this, et);
     // 隱藏按鈕判斷
     h(this, W);
     // 選項事件綁定
     h(this, Ft);
-    this.$element = i, this.option = i.s.option.drag, d(this, Gt, Pi).call(this);
+    this.$element = i, this.option = i.s.option.drag, d(this, Bt, Ni).call(this);
   }
   // 更新 active 位置
   update(i) {
@@ -2672,7 +2674,7 @@ class Ge {
     }
   }
 }
-Gt = new WeakSet(), Pi = function() {
+Bt = new WeakSet(), Ni = function() {
   var e, s, o, a, r, l;
   const i = this;
   if (!i.$element)
@@ -2680,9 +2682,9 @@ 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, W, dt).call(u);
+    d(c = i, et, ke).call(c), d(u = i, W, ut).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(
+  i.$wrapper.removeEventListener("scroll", t), i.$wrapper.addEventListener("scroll", t), window.removeEventListener("resize", pt(t)), window.addEventListener("resize", pt(t)), (i.option.draggable || i.$element.s.type == "collapse") && d(e = i, Xt, ji).call(e), i.option.navigation && i.$element.s.type !== "collapse" && (i.$container.insertAdjacentHTML(
     E.prepend,
     `<div class="navigation">
         <div class="button prev">
@@ -2692,10 +2694,10 @@ 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, W, dt).call(r), d(l = i, Ft, zi).call(l), setTimeout(() => {
+  ), i.$button = (s = i.$container) == null ? void 0 : s.querySelectorAll(".button"), d(o = i, Rt, Pi).call(o)), d(a = i, et, ke).call(a), d(r = i, W, ut).call(r), d(l = i, Ft, zi).call(l), setTimeout(() => {
     i.update();
   }, 10);
-}, Rt = new WeakSet(), Ni = function() {
+}, Rt = new WeakSet(), Pi = function() {
   const i = this, { $wrapper: t, $button: e } = i, s = function() {
     const o = this.classList.contains("next"), a = parseInt(t.getBoundingClientRect().width * 0.7);
     t.scrollTo({
@@ -2703,7 +2705,7 @@ Gt = new WeakSet(), Pi = function() {
       behavior: "smooth"
     }), setTimeout(() => {
       var r;
-      d(r = i, W, dt).call(r);
+      d(r = i, W, ut).call(r);
     }, 100);
   };
   e.forEach((o) => {
@@ -2739,10 +2741,10 @@ Gt = new WeakSet(), Pi = function() {
   i.querySelectorAll("a").forEach((p) => {
     p.removeEventListener("click", u), p.addEventListener("click", u);
   });
-}, tt = new WeakSet(), _e = function() {
+}, et = new WeakSet(), ke = function() {
   const { $container: i, $wrapper: t } = this, e = t.scrollWidth - t.clientWidth, s = t.scrollLeft;
   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() {
+}, W = new WeakSet(), ut = function() {
   const { $wrapper: i, $button: t, $element: e } = this;
   if (!t)
     return;
@@ -2778,8 +2780,8 @@ Gt = new WeakSet(), Pi = function() {
     s.removeEventListener("click", e), s.addEventListener("click", e);
   });
 };
-var Yt, Wi, Ut, Bi, Jt, Gi, Zt, Ri;
-class Gs {
+var Yt, Wi, Ut, Gi, Jt, Bi, Zt, Ri;
+class Bs {
   constructor(i) {
     // 初始化
     h(this, Yt);
@@ -2793,11 +2795,11 @@ class Gs {
   }
 }
 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() {
+  this.$element && (this.$container = this.$element.querySelector(".collapse-container"), this.$wrapper = this.$container.querySelector(".wrapper"), d(this, Ut, Gi).call(this) && d(this, Jt, Bi).call(this), d(this, Zt, Ri).call(this));
+}, Ut = new WeakSet(), Gi = function() {
   const i = this.$element.querySelector(".drag-container"), t = i.querySelector(".wrapper");
   return t.scrollWidth - t.clientWidth > 0 ? (i.insertAdjacentHTML(E.append, '<div class="open-collapse"></div>'), this.$button = i.querySelector(".open-collapse"), !0) : !1;
-}, Jt = new WeakSet(), Gi = function() {
+}, Jt = new WeakSet(), Bi = function() {
   const { $element: i, $button: t } = this, e = function() {
     i.classList.contains("expand") ? i.classList.remove("expand") : i.classList.add("expand");
   };
@@ -2820,16 +2822,16 @@ const Rs = (n) => {
   const { type: i, option: t, originalDomString: e } = n.s, s = document.createElement("div");
   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, B, ut;
+var Qt, Xi, Vt, Fi, it, $e, G, ht;
 class Xs extends HTMLElement {
   constructor() {
     super();
     h(this, Qt);
     h(this, Vt);
     // 斷點設定
-    h(this, et);
+    h(this, it);
     // check type
-    h(this, B);
+    h(this, G);
     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 +2843,7 @@ class Xs extends HTMLElement {
       case "m4-type":
         if (e === null || e === s)
           return;
-        this.s.type = s, d(this, B, ut).call(this);
+        this.s.type = s, d(this, G, ht).call(this);
         break;
       case "m4-status":
         if (e === s)
@@ -2861,7 +2863,7 @@ class Xs extends HTMLElement {
     this.initialize || this.classList.contains("m4-init") || (this.initialize = !0, d(this, Qt, Xi).call(this));
   }
   update() {
-    d(this, et, ke).call(this);
+    d(this, it, $e).call(this);
   }
 }
 Qt = new WeakSet(), Xi = function() {
@@ -2875,20 +2877,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({}, 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);
+  window.removeEventListener("resize", pt(e)), window.addEventListener("resize", pt(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() {
+  this.classList.add("m4-init"), d(this, it, $e).call(this);
+}, it = new WeakSet(), $e = function() {
   const t = Object.keys(this.s.option.breakpoint);
   if (!t.length) {
-    d(this, B, ut).call(this);
+    d(this, G, ht).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, console.log(this.s.type, "123"), 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;
+    return window.innerWidth >= e && (this.s.type = (s = this.s.option.breakpoint[e]) == null ? void 0 : s.type, console.log(this.s.type, "123"), 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, ht).call(this)), window.innerWidth >= e;
   });
-}, B = new WeakSet(), ut = function() {
+}, G = new WeakSet(), ht = function() {
   var o;
   const { type: t } = this.s;
   console.log(t, "type"), this.innerHTML = "", [...Rs(this)].forEach((a) => {
@@ -2898,19 +2900,19 @@ Qt = new WeakSet(), Xi = function() {
   switch (e == null || e.classList.add("active"), s == null || s.classList.add("active"), t) {
     case "drag":
       setTimeout(() => {
-        this.drag = new Ge(this);
+        this.drag = new Re(this);
       }, 10);
       break;
     case "collapse":
       setTimeout(() => {
-        this.drag = new Ge(this), this.collapse = new Gs(this);
+        this.drag = new Re(this), this.collapse = new Bs(this);
       }, 10);
       break;
   }
   (o = this.drag) == null || o.update(this);
 };
 customElements.define("multipurpose-nav", Xs);
-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;
+var Kt, Ui, te, Ji, st, xe, P, 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) {
@@ -2918,9 +2920,9 @@ class Yi extends HTMLElement {
     h(this, Kt);
     h(this, te);
     // 第一關 判斷數量以及id設定
-    h(this, it);
+    h(this, st);
     // 第二關 id命名提醒
-    h(this, N);
+    h(this, P);
     h(this, ee);
     h(this, ie);
     h(this, se);
@@ -2970,28 +2972,28 @@ class Yi extends HTMLElement {
   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, ue, as).call(this, r) : d(this, de, os).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()
   update() {
-    this.t.tabs = d(this, it, $e).call(this), cs(), console.log("tab update!!!!");
+    this.t.tabs = d(this, st, xe).call(this), cs(), console.log("tab update!!!!");
   }
 }
 Kt = new WeakSet(), Ui = function() {
-  const t = this.getAttribute("t4-name"), { SETTINGS: e } = Ue;
+  const t = this.getAttribute("t4-name"), { SETTINGS: e } = Je;
   document.querySelectorAll(`tab-el[t4-name=${t}]`).length > 1 && console.warn(t, "名字有重複喔！！！"), this.t = {
     tabs: [],
     name: t,
@@ -3010,19 +3012,19 @@ Kt = new WeakSet(), Ui = function() {
       delay: this.getAttribute("t4-delay") || e.transition.delay
     },
     tabGroup: this.getAttribute("t4-group") || e.tabGroup
-  }, this.__events__ = {}, this.t.tabs = d(this, it, $e).call(this), this.t.step = document.querySelector(`[t4-control="${this.t.name}"]${this.t.stepOutput}`), d(this, te, Ji).call(this);
+  }, this.__events__ = {}, this.t.tabs = d(this, st, xe).call(this), this.t.step = document.querySelector(`[t4-control="${this.t.name}"]${this.t.stepOutput}`), d(this, te, Ji).call(this);
 }, te = new WeakSet(), Ji = function() {
   if (this.t.activeTab = this.t.defaultPage, this.t.display === "swiper" && d(this, ee, Zi).call(this), this.t.recordUrl) {
     const e = new URLSearchParams(document.location.search).get(this.t.name), s = document.querySelectorAll(`[t4-name="${this.t.name}"] .tab-panel[t4-id="${e}"]`);
     e && s.length === 1 ? this.t.activeTab = e : console.warn(`沒有${e}這頁喔！！`);
   }
   this.setActiveTab(this.t.activeTab), this.classList.add("t4-initialize"), d(this, pe, ls).call(this);
-}, it = new WeakSet(), $e = function() {
+}, st = new WeakSet(), xe = function() {
   const { t } = this, e = Array.from(document.querySelectorAll(`[t4-control="${t.name}"][t4-role="tab"]`));
   return t.type === "normal" && t.tabGroup === "true" && t.tabPanels.length !== e.length && console.warn("按鈕與內容數量不同喔", t.tabPanels.length, e.length), t.tabGroup === "true" ? t.tabPanels.forEach((s, o) => s.setAttribute("t4-id", o)) : t.tabPanels.forEach((s) => {
     s.getAttribute("t4-id") || console.warn(s, "請幫我設定id！！");
   }), 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];
@@ -3138,7 +3140,7 @@ Kt = new WeakSet(), Ui = function() {
       break;
   }
 }, he = new WeakSet(), rs = function(t) {
-  const e = d(this, N, F).call(this, t);
+  const e = d(this, P, F).call(this, t);
   d(this, q, z).call(this, "step", e), d(this, q, z).call(this, "btnState", e), d(this, q, z).call(this, "tabState", e, t), d(this, q, z).call(this, "tabUrl", t), this.emit("change");
 }, pe = new WeakSet(), ls = function() {
   const t = this;
@@ -3188,32 +3190,32 @@ function cs() {
 cs();
 Object.assign(Yi.prototype, O);
 customElements.define("tab-el", Yi);
-const Re = (n) => {
+const Xe = (n) => {
   const { defaultOptions: i } = n.collapse, { collapseClass: t, target: e, transition: s } = i, o = n.querySelector(e);
   n.classList.add(t), o.style.height = 0, o.style["transition-property"] = s.property, o.style["transition-duration"] = s.duration, o.style["transition-timing-function"] = s.function, o.style["transition-delay"] = s.delay, o.style.overflow = "hidden";
 }, Ys = (n) => {
   const { defaultOptions: i } = n.collapse, { collapseClass: t, target: e, transition: s } = i, o = n.querySelector(e), a = o.children[0].offsetHeight;
   n.collapse.height = a, n.classList.remove(t), o.style.display = "block", o.style.height = `${a}px`, o.style["transition-property"] = s.property, o.style["transition-duration"] = s.duration, o.style["transition-timing-function"] = s.function, o.style["transition-delay"] = s.delay, o.style.overflow = "hidden";
 };
-var st, xe, me, ds, ge, us, nt, Ce;
+var nt, Ce, me, ds, ge, us, ot, He;
 class Us {
   constructor(i, t = {}) {
-    h(this, st);
+    h(this, nt);
     h(this, me);
     h(this, ge);
-    h(this, nt);
-    !at(i) && !ye(i) && !rt(i) && !w(i) || (this.__storage__ = {
+    h(this, ot);
+    !rt(i) && !ye(i) && !lt(i) && !w(i) || (this.__storage__ = {
       el: i,
       options: t
-    }, this.active = "data-collapse-active", d(this, st, xe).call(this));
+    }, this.active = "data-collapse-active", d(this, nt, Ce).call(this));
   }
   update() {
-    d(this, st, xe).call(this);
+    d(this, nt, Ce).call(this);
   }
 }
-st = new WeakSet(), xe = function() {
-  const { el: i, options: t } = this.__storage__, { SETTINGS: e, EVENTS: s } = Je;
-  if (this.elements = t.state == "not active" ? L(i + `:not([${this.active}])`) : L(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
+nt = new WeakSet(), Ce = function() {
+  const { el: i, options: t } = this.__storage__, { SETTINGS: e, EVENTS: s } = Ze;
+  if (this.elements = t.state == "not active" ? A(i + `:not([${this.active}])`) : A(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);
@@ -3224,17 +3226,17 @@ st = new WeakSet(), xe = function() {
   }), this.emit("init");
 }, ge = new WeakSet(), us = function(i) {
   const { options: t } = this, { collapseClass: e, block: s, target: o, defaultOpen: a, targetStopPropagation: r, defaultActiveMark: l } = t, c = i, u = c.querySelector(o);
-  if (c.collapse.height = u.children[0].offsetHeight, a ? (u.style.height = `${u.children[0].offsetHeight}px`, c.classList.remove(e)) : !c.classList.contains(l) && !c.hasAttribute(l) ? (c.classList.add(e), u.style.height = "0px", u.style.overflow = "hidden") : (u.style.height = `${u.children[0].offsetHeight}px`, c.classList.remove(e)), c.removeEventListener("click", d(this, nt, Ce)), c.addEventListener("click", d(this, nt, Ce)), r) {
+  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, ot, He)), c.addEventListener("click", d(this, ot, He)), r) {
     const p = (g) => {
       g.stopPropagation();
     };
     u.removeEventListener("click", p), u.addEventListener("click", p);
   }
-}, nt = new WeakSet(), Ce = function() {
+}, ot = new WeakSet(), He = 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) => {
-    Re(l);
-  }), Ys(r)) : Re(r), i.emit("afterCollapse");
+    Xe(l);
+  }), Ys(r)) : Xe(r), i.emit("afterCollapse");
 };
 Object.assign(Us.prototype, O);
 function Js(n, i) {
@@ -3250,11 +3252,11 @@ function hs() {
   });
 }
 document.addEventListener("click", hs);
-var ot, He, fe, ps, ve, ms, be, gs;
+var at, Me, fe, ps, ve, ms, be, gs;
 class Zs extends HTMLElement {
   constructor() {
     super();
-    h(this, ot);
+    h(this, at);
     h(this, fe);
     h(this, ve);
     h(this, be);
@@ -3262,14 +3264,14 @@ class Zs extends HTMLElement {
   }
   connectedCallback() {
     const t = this;
-    t.initialize || t.classList.contains("r4-initialize") || (t.initialize = !0, d(this, ot, He).call(this));
+    t.initialize || t.classList.contains("r4-initialize") || (t.initialize = !0, d(this, at, Me).call(this));
   }
   update() {
-    this.classList.remove("r4-initialize"), this.querySelector("i.hover-ball").remove(), d(this, ot, He).call(this);
+    this.classList.remove("r4-initialize"), this.querySelector("i.hover-ball").remove(), d(this, at, Me).call(this);
   }
 }
-ot = new WeakSet(), He = function() {
-  const { SETTINGS: t } = Ze;
+at = new WeakSet(), Me = function() {
+  const { SETTINGS: t } = Qe;
   this.s = {};
   function e(o) {
     let a = !!o;
@@ -3360,7 +3362,7 @@ class Qs {
     this.init();
   }
 }
-function Xe(n, i) {
+function Fe(n, i) {
   return n ? function(t, e) {
     Function(n)(t, e);
   } : i;
@@ -3474,8 +3476,8 @@ class on {
         previewSize: e.dataset.previewSize || i.params.previewSize,
         compress: e.dataset.compress || i.params.compress,
         on: {
-          changeAfter: Xe(e.dataset.changeAfter, i.params.on.changeAfter),
-          overLimit: Xe(e.dataset.overLimit, i.params.on.overLimit)
+          changeAfter: Fe(e.dataset.changeAfter, i.params.on.changeAfter),
+          overLimit: Fe(e.dataset.overLimit, i.params.on.overLimit)
         }
       };
       i.params = o, typeof uploadImage[`${o.group}`] > "u" && (uploadImage[`${o.group}`] = []), e.dataset.group || (e.dataset.group = o.group), e.dataset.index = document.querySelectorAll(`[data-group="${o.group}"]`).length - 1, e.addEventListener("change", function(a) {
@@ -3485,13 +3487,13 @@ class on {
   }
 }
 export {
-  Qe as A,
+  Ve as A,
   Tn as B,
   Us as C,
   ki as D,
   En as E,
-  An as F,
-  Ln as G,
+  Ln as F,
+  An as G,
   Sn as H,
   Qs as I,
   Dn as J,
@@ -3508,26 +3510,26 @@ export {
   qn as U,
   In as V,
   On as W,
-  Pn as X,
-  Nn as Y,
+  Nn as X,
+  Pn as Y,
   w as a,
-  rt as b,
+  lt as b,
   Ts as c,
   ws as d,
   Y as e,
   E as f,
-  L as g,
+  A as g,
   mn as h,
-  at as i,
+  rt as i,
   ui as j,
-  Bs as k,
+  Gs as k,
   Xs as l,
   on as m,
   Hs as n,
   jn as o,
   gn as p,
   Ei as q,
-  Ai as r,
+  Li as r,
   ys as s,
   fn as t,
   vn as u,