@xwadex/fesd 0.0.72 → 0.0.74

package/dist/image-preview-bundle.js

@@ -1,11 +1,11 @@
-import p from "jquery";
-import { OverlayScrollbars as et } from "overlayscrollbars";
+import h from "jquery";
+import { OverlayScrollbars as it } from "overlayscrollbars";
 import "./vendor-bundle.js";
 import "validator";
 import "flatpickr";
-import gt from "vanilla-lazyload";
-import { unlock as Mt, lock as Ot } from "tua-body-scroll-lock";
-const J = {
+import ft from "vanilla-lazyload";
+import { unlock as Mt, lock as Pt } from "tua-body-scroll-lock";
+const U = {
   SETTINGS: {
     videoId: null,
     videoType: null,
@@ -66,14 +66,14 @@ const J = {
   TEMPLATE() {
     return '<div class="player-container"><div class="player-wrapper"></div></div>';
   }
-}, Pt = {
+}, Nt = {
   SETTINGS: {
     success: null,
     text: null,
     className: null,
     duration: 1500
   }
-}, P = {
+}, O = {
   SETTINGS: {
     target: null,
     route: null,
@@ -104,7 +104,7 @@ const J = {
         </div>
         `;
   }
-}, D = {
+}, $ = {
   SETTINGS: {
     direction: "left",
     // 方向 - top || right || bottom || left
@@ -123,7 +123,7 @@ const J = {
     gap: 30
     // 跑馬燈內容之間的距離 - Number
   }
-}, it = {
+}, st = {
   SETTINGS: {
     scrollbar: {
       "scrollbar-track-color": "transparent",
@@ -151,7 +151,7 @@ const J = {
       </div>`;
     return e || r;
   }
-}, Nt = {
+}, jt = {
   SETTINGS: {
     basic_rwd: 900,
     markdownLink: !1,
@@ -160,7 +160,7 @@ const J = {
     navigation: !1,
     scrollStep: !1
   }
-}, ft = {
+}, vt = {
   SETTINGS: {
     scroller: window,
     class: "aost-show",
@@ -183,7 +183,7 @@ const J = {
     enter: null,
     leave: null
   }
-}, F = {
+}, J = {
   SETTINGS: {
     target: null,
     container: null,
@@ -201,7 +201,7 @@ const J = {
     beforeScroll: null,
     afterScroll: null
   }
-}, x = {
+}, C = {
   SETTINGS: {
     type: "drag",
     drag: {
@@ -243,7 +243,7 @@ const J = {
       return `<dropdown-el${s.placeholder ? ` d4-placeholder="${s.placeholder}"` : ""}${s.value ? ` d4-value="${s.value}"` : ""}></dropdown-el>`;
     }
   }
-}, vt = {
+}, bt = {
   SETTINGS: {
     // 樣式 normal / process
     type: "normal",
@@ -263,7 +263,7 @@ const J = {
     // 步驟狀態綁定
     stepOutput: ".step-show"
   }
-}, bt = {
+}, yt = {
   SETTINGS: {
     collapseClass: "collapse",
     block: "[collapse-block]",
@@ -296,7 +296,7 @@ const J = {
     update: null,
     afterUpdate: null
   }
-}, yt = {
+}, wt = {
   SETTINGS: {
     // 是否要加 hover 效果?
     hover: !0,
@@ -313,23 +313,23 @@ const J = {
   }
 }, Me = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  anchor4: F,
-  aost4: ft,
-  article4: Nt,
-  collapse4: bt,
-  dropdown4: it,
-  marquee4: D,
-  modal4: P,
-  multipurpose4: x,
-  ripple4: yt,
-  share4: Pt,
-  tab4: vt,
-  video4: J
+  anchor4: J,
+  aost4: vt,
+  article4: jt,
+  collapse4: yt,
+  dropdown4: st,
+  marquee4: $,
+  modal4: O,
+  multipurpose4: C,
+  ripple4: wt,
+  share4: Nt,
+  tab4: bt,
+  video4: U
 }, Symbol.toStringTag, { value: "Module" })), E = {
   after: "afterend",
   append: "beforeend",
   prepend: "afterbegin"
-}, R = (s) => typeof s == "string" && s !== "", Q = (s) => s instanceof HTMLElement, X = (s) => s instanceof NodeList, T = (s) => A(s) !== null, j = (s) => typeof s == "function", A = (s) => Q(s) ? s : document.querySelector(s), S = (s) => X(s) ? s : document.querySelectorAll(s), jt = () => Math.random().toString(36).substr(2, 9), zt = (s) => {
+}, Y = (s) => typeof s == "string" && s !== "", K = (s) => s instanceof HTMLElement, F = (s) => s instanceof NodeList, T = (s) => A(s) !== null, P = (s) => typeof s == "function", A = (s) => K(s) ? s : document.querySelector(s), S = (s) => F(s) ? s : document.querySelectorAll(s), zt = () => Math.random().toString(36).substr(2, 9), Gt = (s) => {
   const t = document.createElement("div");
   return t.innerHTML = s, t.childNodes;
 }, Bt = (s) => {
@@ -341,11 +341,11 @@ const J = {
   return JSON.parse(s);
 }, w = (s, t) => {
   console.warn(`[${s} warn]: ${t}`);
-}, ot = (s, t) => {
+}, at = (s, t) => {
   console.error(`[${s} error]: ${t}`);
-}, N = {
+}, M = {
   on(s, t) {
-    if (!j(t)) return this;
+    if (!P(t)) return this;
     const { __events__: e } = this;
     return s.split(" ").forEach((i) => {
       e[i] || (e[i] = []), e[i].push(t);
@@ -360,7 +360,7 @@ const J = {
     }), this;
   },
   once(s, t) {
-    if (!j(t)) return this;
+    if (!P(t)) return this;
     const e = (...i) => {
       this.off(s, e), t.apply(this, i);
     };
@@ -369,10 +369,10 @@ const J = {
   emit(...s) {
     const { __events__: t } = this, e = s[0], i = s.slice(1, s.length);
     return t[e] ? (t[e].forEach((n) => {
-      j(n) && n.apply(this, i);
+      P(n) && n.apply(this, i);
     }), this) : this;
   }
-}, Gt = {
+}, Wt = {
   easeInOutCirc(s, t, e, i) {
     return (s /= i / 2) < 1 ? -e / 2 * (Math.sqrt(1 - s * s) - 1) + t : e / 2 * (Math.sqrt(1 - (s -= 2) * s) + 1) + t;
   },
@@ -382,23 +382,23 @@ const J = {
   easeOutQuart(s, t, e, i) {
     return -e * ((s = s / i - 1) * s * s * s - 1) + t;
   }
-}, K = (s, t) => {
-  const { target: e, container: i, spacer: n, speed: o, gap: a, easing: r, direction: l } = s, c = l === "horizontal", d = c ? "scrollLeft" : "scrollTop", u = c ? "left" : "top", h = c ? "width" : "height", m = T(i) ? A(i) : document.scrollingElement, g = m[d], b = T(e) ? A(e).getBoundingClientRect()[u] : 0 - g, f = T(n) ? A(n).getBoundingClientRect()[h] : 0, v = b - a - f, H = 15;
-  let y = 0;
+}, V = (s, t) => {
+  const { target: e, container: i, spacer: n, speed: o, gap: a, easing: r, direction: l } = s, c = l === "horizontal", d = c ? "scrollLeft" : "scrollTop", u = c ? "left" : "top", p = c ? "width" : "height", m = T(i) ? A(i) : document.scrollingElement, g = m[d], y = T(e) ? A(e).getBoundingClientRect()[u] : 0 - g, f = T(n) ? A(n).getBoundingClientRect()[p] : 0, v = y - a - f, N = 15;
+  let I = 0;
   if (v === 0) return;
-  const z = (I) => {
-    const M = A(e);
-    t && t.emit(I, M), !t && s.on && j(s.on[I]) && s.on[I](M);
+  const b = (L) => {
+    const z = A(e);
+    t && t.emit(L, z), !t && s.on && P(s.on[L]) && s.on[L](z);
   };
-  z("beforeScroll");
-  const q = () => {
-    y += H;
-    const I = Gt[r](y, g, v, o);
-    m[d] = I, y < o && requestAnimationFrame(q), y >= o && z("afterScroll");
+  b("beforeScroll");
+  const j = () => {
+    I += N;
+    const L = Wt[r](I, g, v, o);
+    m[d] = L, I < o && requestAnimationFrame(j), I >= o && b("afterScroll");
   };
-  requestAnimationFrame(q);
+  requestAnimationFrame(j);
 };
-class wt {
+class Tt {
   constructor(t, e = {}) {
     this.__storage__ = {
       el: t,
@@ -407,8 +407,8 @@ class wt {
   }
   #t() {
     const { el: t, options: e } = this.__storage__;
-    if (!R(t) || !T(t)) return;
-    const { SETTINGS: i, EVENTS: n } = F;
+    if (!Y(t) || !T(t)) return;
+    const { SETTINGS: i, EVENTS: n } = J;
     if (this.elements = e.state == "not active" ? S(t + `:not([${this.active}])`) : S(t), this.elements = S(t), this.options = Object.assign({}, i, e), this.__events__ = Object.assign({}, n), this.options.on)
       for (const [o, a] of Object.entries(this.options.on))
         this.__events__[o] = [a];
@@ -434,7 +434,7 @@ class wt {
     this.removeEventListener("click", e), setTimeout(() => {
       this.addEventListener("click", e);
     }, n.speed), setTimeout(() => {
-      K(n, i);
+      V(n, i);
     }, n.delay);
   }
   destroy() {
@@ -447,24 +447,24 @@ class wt {
     return this.destroy().#t(), this.emit("afterUpdate"), this;
   }
   static run(t) {
-    const { SETTINGS: e } = F, i = Object.assign({}, e, t);
+    const { SETTINGS: e } = J, i = Object.assign({}, e, t);
     setTimeout(() => {
-      K(i);
+      V(i);
     }, i.delay);
   }
   static url(t) {
-    const { SETTINGS: e } = F, { hashName: i } = t, n = window.location.search || window.location.hash, { searchParams: o } = new URL(window.location), a = document.querySelector(`[data-anchor-id="${i ? o.get(i) : n.split("?").pop()}"]`);
+    const { SETTINGS: e } = J, { hashName: i } = t, n = window.location.search || window.location.hash, { searchParams: o } = new URL(window.location), a = document.querySelector(`[data-anchor-id="${i ? o.get(i) : n.split("?").pop()}"]`);
     if (!a) return;
     const r = Object.assign({}, e, t, { target: a });
     setTimeout(() => {
-      K(r);
+      V(r);
     }, r.delay);
   }
 }
-Object.assign(wt.prototype, N);
-const Wt = {
+Object.assign(Tt.prototype, M);
+const Rt = {
   CG_A: function(s) {
-    p("html,body").delay(100).animate(
+    h("html,body").delay(100).animate(
       { opacity: "0" },
       {
         queue: !0,
@@ -477,7 +477,7 @@ const Wt = {
     );
   },
   CG_B: function(s) {
-    p("main").append("<div id='CG_Abg'><div class='CG_Abg1'></div><div class='CG_Abg2'></div></div>"), p("body").delay(1200).animate(
+    h("main").append("<div id='CG_Abg'><div class='CG_Abg1'></div><div class='CG_Abg2'></div></div>"), h("body").delay(1200).animate(
       { opacity: "0" },
       {
         queue: !0,
@@ -492,7 +492,7 @@ const Wt = {
     );
   },
   CG_C: function(s) {
-    p("main").append("<div id='CG_Bbg'></div>"), p("body").delay(1200).animate(
+    h("main").append("<div id='CG_Bbg'></div>"), h("body").delay(1200).animate(
       { opacity: "0" },
       {
         queue: !0,
@@ -507,7 +507,7 @@ const Wt = {
     );
   },
   CG_D: function(s) {
-    p("main").append("<div id='CG_Cbg'><div class='CG_Cbg1'></div><div class='CG_Cbg2'></div></div>"), p("body").delay(1200).animate(
+    h("main").append("<div id='CG_Cbg'><div class='CG_Cbg1'></div><div class='CG_Cbg2'></div></div>"), h("body").delay(1200).animate(
       { opacity: "0" },
       {
         queue: !0,
@@ -521,11 +521,11 @@ const Wt = {
       }
     );
   }
-}, Rt = (s) => {
-  Wt.CG_A(s);
-}, V = (s, t) => {
+}, Xt = (s) => {
+  Rt.CG_A(s);
+}, tt = (s, t) => {
   s.preventDefault();
-  const e = p(s.currentTarget), i = e.attr("target"), n = e.attr("href");
+  const e = h(s.currentTarget), i = e.attr("target"), n = e.attr("href");
   let o;
   if (t) {
     if (e.is("[data-nolink]")) {
@@ -546,20 +546,20 @@ const Wt = {
   let c = l.split("/");
   c = d(c);
   function d(u) {
-    const h = u.pop();
-    return h.indexOf("#") > -1 || h.indexOf("html") > 0 ? u.push(h) : (h == "" || u.push(h), u.push("index.html")), u;
+    const p = u.pop();
+    return p.indexOf("#") > -1 || p.indexOf("html") > 0 ? u.push(p) : (p == "" || u.push(p), u.push("index.html")), u;
   }
-  i == "_blank" || s.ctrlKey || s.metaKey ? window.open(o) : l.indexOf("jpg") > -1 || l.indexOf("javascript") > -1 || Rt(o);
-}, Xt = (s) => {
-  const e = p(s.currentTarget).closest("[data-href]");
-  e.hasClass("isHover") || e.addClass("isHover");
+  i == "_blank" || s.ctrlKey || s.metaKey ? window.open(o) : l.indexOf("jpg") > -1 || l.indexOf("javascript") > -1 || Xt(o);
 }, Ut = (s) => {
-  const e = p(s.currentTarget).closest("[data-href]");
+  const e = h(s.currentTarget).closest("[data-href]");
+  e.hasClass("isHover") || e.addClass("isHover");
+}, Yt = (s) => {
+  const e = h(s.currentTarget).closest("[data-href]");
   e.hasClass("isHover") && e.removeClass("isHover");
 };
-let Tt = !0;
-const Et = () => Tt, Oe = (s = !0) => {
-  Tt = s, p.easing.jswing = p.easing.swing, p.extend(p.easing, {
+let Et = !0;
+const At = () => Et, Pe = (s = !0) => {
+  Et = s, h.easing.jswing = h.easing.swing, h.extend(h.easing, {
     def: "easeOutQuad",
     easeOutQuad: function(t, e, i, n, o) {
       return -n * (e /= o) * (e - 2) + i;
@@ -567,35 +567,35 @@ const Et = () => Tt, Oe = (s = !0) => {
     easeInOutCirc: function(t, e, i, n, o) {
       return (e /= o / 2) < 1 ? -n / 2 * (Math.sqrt(1 - e * e) - 1) + i : n / 2 * (Math.sqrt(1 - (e -= 2) * e) + 1) + i;
     }
-  }), s ? p("body").on("click", "a:not(.nocg), .href-link, [data-nolink]", (t) => V(t, s)) : p("body").on("click", "a:not(.nocg), .click-block, [data-nolink]", (t) => V(t, s)), p("body").on("mouseenter", "[data-href] a", (t) => Xt(t)), p("body").on("mouseleave", "[data-href] a", (t) => Ut(t));
+  }), s ? h("body").on("click", "a:not(.nocg), .href-link, [data-nolink]", (t) => tt(t, s)) : h("body").on("click", "a:not(.nocg), .click-block, [data-nolink]", (t) => tt(t, s)), h("body").on("mouseenter", "[data-href] a", (t) => Ut(t)), h("body").on("mouseleave", "[data-href] a", (t) => Yt(t));
 };
 window.MODALS || (window.MODALS = {});
-const { MODALS: O } = window, Yt = (s) => {
-  const { TEMPLATE: t } = P, { childDom: e } = s, i = document.createElement("div");
+const { MODALS: q } = window, Ft = (s) => {
+  const { TEMPLATE: t } = O, { childDom: e } = s, i = document.createElement("div");
   i.innerHTML = t(s.getAttribute("data-modal-template-setting"));
   const n = i.querySelector(".modal-content");
   return [...e].forEach((o) => {
     n.append(o);
   }), i.children[0];
-}, Ft = (s) => {
-  const t = p(s);
+}, Zt = (s) => {
+  const t = h(s);
   if (!s) return;
-  const e = Et();
+  const e = At();
   if (!e) return;
   let i = e ? "a:not(.nocg), .href-link, [data-nolink]" : "a:not(.nocg), .click-block, [data-nolink]";
   const n = t.find(i);
   n.off("click.modalHrefLink"), n.on("click.modalHrefLink", function(o) {
-    V(o, e);
+    tt(o, e);
   });
-}, at = (s) => {
-  const t = p(s);
+}, rt = (s) => {
+  const t = h(s);
   if (!s) return;
-  const e = Et();
+  const e = At();
   if (!e) return;
   let i = e ? "a:not(.nocg), .href-link, [data-nolink]" : "a:not(.nocg), .click-block, [data-nolink]";
   t.find(i).off("click.modalHrefLink");
 };
-class At extends HTMLElement {
+class St extends HTMLElement {
   constructor() {
     super(), this.initialize = !1;
   }
@@ -609,17 +609,17 @@ class At extends HTMLElement {
     this.initialize || (this.initialize = !0, this.#t());
   }
   #t() {
-    const { ATTRS: t } = P;
+    const { ATTRS: t } = O;
     this.__events__ = {}, this.getAttribute(":state") || this.setAttribute(":state", "close");
-    const e = this.getAttribute(t.id) || jt();
-    this.getAttribute(t.id) || (w(`modern-modal needs a ${t.id} attribute with a unique id.`), this.setAttribute(t.id, e)), O[e] && w(`the ${t.id} "${e}" is already be used.`), O[e] = this, this.#s();
+    const e = this.getAttribute(t.id) || zt();
+    this.getAttribute(t.id) || (w(`modern-modal needs a ${t.id} attribute with a unique id.`), this.setAttribute(t.id, e)), q[e] && w(`the ${t.id} "${e}" is already be used.`), q[e] = this, this.#s();
   }
   #s() {
-    this.childDom = this.childNodes, this.template = Yt(this), this.innerHTML = "", this.append(this.template), this.#e();
+    this.childDom = this.childNodes, this.template = Ft(this), this.innerHTML = "", this.append(this.template), this.#e();
   }
   #e() {
     const t = this.querySelector(".modal-scroller");
-    this.__scroller__ = et(t, {
+    this.__scroller__ = it(t, {
       overflowBehavior: {
         x: "hidden"
       },
@@ -627,16 +627,16 @@ class At extends HTMLElement {
     }), window.modalScroll = this.__scroller__, this.#i();
   }
   #i() {
-    const t = this, { ATTRS: e } = P, { close: i, destroy: n } = e;
+    const t = this, { ATTRS: e } = O, { close: i, destroy: n } = e;
     t.querySelectorAll(`[${i}]`)?.forEach((o) => {
       o.addEventListener("click", function() {
         const a = this.getAttribute(i);
-        (a && O[a] ? O[a] : t).close();
+        (a && q[a] ? q[a] : t).close();
       });
     }), t.querySelectorAll(`[${n}]`)?.forEach((o) => {
       o.addEventListener("click", function() {
         const a = this.getAttribute(n);
-        (a && O[a] ? O[a] : t).destroy();
+        (a && q[a] ? q[a] : t).destroy();
       });
     }), t.querySelector("[stop-propagation]")?.addEventListener("click", function(o) {
       o.stopPropagation();
@@ -666,37 +666,37 @@ class At extends HTMLElement {
     if (t === "destroy") {
       this.classList.remove("show");
       const i = () => {
-        const { ATTRS: n } = P, o = this.getAttribute(n.id);
-        this.style.removeProperty("display"), this.emit("close"), this.remove(), this.emit("destroy"), O[o] && delete O[o];
+        const { ATTRS: n } = O, o = this.getAttribute(n.id);
+        this.style.removeProperty("display"), this.emit("close"), this.remove(), this.emit("destroy"), q[o] && delete q[o];
       };
       this.addEventListener("transitionend", i);
     }
   }
   open() {
-    return this.setAttribute(":state", "open"), Ft(this), this;
+    return this.setAttribute(":state", "open"), Zt(this), this;
   }
   close() {
-    return this.setAttribute(":state", "close"), at(this), this;
+    return this.setAttribute(":state", "close"), rt(this), this;
   }
   destroy() {
-    return this.setAttribute(":state", "destroy"), at(this), this;
+    return this.setAttribute(":state", "destroy"), rt(this), this;
   }
 }
-Object.assign(At.prototype, N);
-const { MODALS: st } = window, U = {}, St = (s, t, ...e) => {
+Object.assign(St.prototype, M);
+const { MODALS: nt } = window, Z = {}, Lt = (s, t, ...e) => {
   if (!t) return;
   const i = s[t];
-  i && j(i) && i.apply(s, e);
-}, Lt = (s, ...t) => {
-  s && j(s) && s.apply(C, t);
-}, rt = (s, t) => {
-  const { target: e } = s, i = st[e] || A(s.target);
-  i && _t(s, t), i || Zt(s, t);
-}, _t = (s, t) => {
-  const { target: e, action: i, on: n, e: o } = s, a = st[e] || A(s.target);
+  i && P(i) && i.apply(s, e);
+}, _t = (s, ...t) => {
+  s && P(s) && s.apply(H, t);
+}, lt = (s, t) => {
+  const { target: e } = s, i = nt[e] || A(s.target);
+  i && kt(s, t), i || Jt(s, t);
+}, kt = (s, t) => {
+  const { target: e, action: i, on: n, e: o } = s, a = nt[e] || A(s.target);
   switch (["open", "close", "destroy"].forEach((l) => {
     a.once(l, () => {
-      t && (t.emit(l, a, o), St(t, n[l], a, o)), t || Lt(n[l], a);
+      t && (t.emit(l, a, o), Lt(t, n[l], a, o)), t || _t(n[l], a);
     });
   }), i) {
     case "open":
@@ -713,24 +713,24 @@ const { MODALS: st } = window, U = {}, St = (s, t, ...e) => {
       l === "close" && a.open(), l === "open" && a.close();
       break;
   }
-}, Zt = async (s, t) => {
+}, Jt = async (s, t) => {
   const { target: e, route: i, container: n, on: o, e: a } = s;
   if (!i) return w("modal4", "cannot find target or data-modal-route is not defined");
   const r = (l, ...c) => {
-    t && (t.emit(l, ...c), St(t, o[l], ...c)), t || Lt(o[l], ...c);
+    t && (t.emit(l, ...c), Lt(t, o[l], ...c)), t || _t(o[l], ...c);
   };
-  U[e] || (U[e] = !0, fetch(i).then((l) => (r("success", a), l.text())).then((l) => {
-    const c = zt(l), d = A(n) || A(P.SETTINGS.container);
-    [...c].forEach((h) => {
-      d.append(h);
+  Z[e] || (Z[e] = !0, fetch(i).then((l) => (r("success", a), l.text())).then((l) => {
+    const c = Gt(l), d = A(n) || A(O.SETTINGS.container);
+    [...c].forEach((p) => {
+      d.append(p);
     });
-    const u = st[e] || A(s.target);
-    r("complete", u), _t(s, t), delete U[e];
+    const u = nt[e] || A(s.target);
+    r("complete", u), kt(s, t), delete Z[e];
   }).catch((l) => {
-    r("error", l), delete U[e];
+    r("error", l), delete Z[e];
   }));
 };
-class C {
+class H {
   constructor(t, e = {}) {
     this.__storage__ = {
       el: t,
@@ -739,8 +739,8 @@ class C {
   }
   #t() {
     const { el: t, options: e } = this.__storage__;
-    if (!R(t) || !T(t)) return;
-    const { SETTINGS: i, EVENTS: n } = P;
+    if (!Y(t) || !T(t)) return;
+    const { SETTINGS: i, EVENTS: n } = O;
     if (this.elements = e.state == "not active" ? S(t + `:not([${this.active}])`) : S(t), this.options = Object.assign({}, i, e), this.__events__ = Object.assign({}, n), this.options.on)
       for (const [o, a] of Object.entries(this.options.on))
         this.__events__[o] = [a];
@@ -765,7 +765,7 @@ class C {
     };
     this.removeEventListener("click", i), setTimeout(() => {
       this.addEventListener("click", i);
-    }, 200), rt(a, n);
+    }, 200), lt(a, n);
   }
   destroy() {
     const { elements: t } = this;
@@ -778,37 +778,37 @@ class C {
   }
   /** static method 'open' */
   static open(t) {
-    const { SETTINGS: e } = P, i = Object.assign({}, e, { on: {} }, t);
-    rt(i);
+    const { SETTINGS: e } = O, i = Object.assign({}, e, { on: {} }, t);
+    lt(i);
   }
   /** static method 'defineMethods' */
   static defineMethods(t) {
-    C.prototype.__methods__ || (C.prototype.__methods__ = {});
-    const e = C.prototype.__methods__;
+    H.prototype.__methods__ || (H.prototype.__methods__ = {});
+    const e = H.prototype.__methods__;
     for (const [i, n] of Object.entries(t))
-      j(n) && (e[i] = n);
-    Object.assign(C.prototype, C.prototype.__methods__);
+      P(n) && (e[i] = n);
+    Object.assign(H.prototype, H.prototype.__methods__);
   }
 }
-Object.assign(C.prototype, N);
-customElements.define("modern-modal", At);
-const Jt = (s, t) => {
+Object.assign(H.prototype, M);
+customElements.define("modern-modal", St);
+const Qt = (s, t) => {
   const e = s === window ? s.innerHeight : s.getBoundingClientRect().height, i = s === window ? 0 : s.getBoundingClientRect().top;
   t.forEach((n) => {
-    const { class: o, delay: a, start: r, end: l, repeat: c, instance: d } = n.aost, { top: u, bottom: h } = n.getBoundingClientRect(), m = e * (r / 100), g = e * (l / 100);
-    if (u - i <= m && h - i >= g && n.offsetParent)
+    const { class: o, delay: a, start: r, end: l, repeat: c, instance: d } = n.aost, { top: u, bottom: p } = n.getBoundingClientRect(), m = e * (r / 100), g = e * (l / 100);
+    if (u - i <= m && p - i >= g && n.offsetParent)
       setTimeout(() => {
         n.classList.add(o);
       }, a);
     else {
-      const f = n.classList.contains(o) && c === "down" && u - i >= m || c === "up" && h - i <= g || c === !0;
+      const f = n.classList.contains(o) && c === "down" && u - i >= m || c === "up" && p - i <= g || c === !0;
       setTimeout(() => {
         f && n.classList.remove(o);
       }, a);
     }
   });
-}, Qt = (s, t) => s === "up" || s === "down" ? s : s !== null ? s === "true" ? !0 : s === "false" ? !1 : t.repeat : t.repeat;
-class kt {
+}, Kt = (s, t) => s === "up" || s === "down" ? s : s !== null ? s === "true" ? !0 : s === "false" ? !1 : t.repeat : t.repeat;
+class Dt {
   constructor(t, e = {}) {
     this.__storage__ = {
       el: t,
@@ -817,8 +817,8 @@ class kt {
   }
   #t() {
     const { el: t, options: e } = this.__storage__;
-    if (!R(t) || !T(t)) return;
-    const { SETTINGS: i, EVENTS: n } = ft;
+    if (!Y(t) || !T(t)) return;
+    const { SETTINGS: i, EVENTS: n } = vt;
     if (this.elements = e.state == "not active" ? S(t + `:not([${this.active}])`) : S(t), this.options = Object.assign({}, i, e), this.__events__ = Object.assign({}, n), this.options.on)
       for (const [o, a] of Object.entries(this.options.on))
         this.__events__[o] = [a];
@@ -827,9 +827,9 @@ class kt {
   #s() {
     const { elements: t, options: e } = this, { scroller: i } = e, n = i === window || !T(i) ? window : A(i);
     this.eventHandler = () => {
-      Jt(n, t);
+      Qt(n, t);
     }, t.forEach((a) => {
-      a.aost = {}, a.aost.class = a.getAttribute("data-aost-class") || e.class, a.aost.delay = parseInt(a.getAttribute("data-aost-delay")) || e.delay, a.aost.start = parseInt(a.getAttribute("data-aost-start")) || e.start, a.aost.end = parseInt(a.getAttribute("data-aost-end")) || e.end, a.aost.repeat = Qt(a.getAttribute("data-aost-repeat"), e), a.aost.methods = {}, a.aost.methods.destroy = this.destroy, a.aost.methods.update = this.update, a.aost.instance = this, a.setAttribute(this.active, "");
+      a.aost = {}, a.aost.class = a.getAttribute("data-aost-class") || e.class, a.aost.delay = parseInt(a.getAttribute("data-aost-delay")) || e.delay, a.aost.start = parseInt(a.getAttribute("data-aost-start")) || e.start, a.aost.end = parseInt(a.getAttribute("data-aost-end")) || e.end, a.aost.repeat = Kt(a.getAttribute("data-aost-repeat"), e), a.aost.methods = {}, a.aost.methods.destroy = this.destroy, a.aost.methods.update = this.update, a.aost.instance = this, a.setAttribute(this.active, "");
     });
     const { eventHandler: o } = this;
     o(), n.aost = {}, n.aost.eventHandler = o, n.addEventListener("scroll", n.aost.eventHandler, !1);
@@ -848,16 +848,16 @@ class kt {
     this.destroy(t).#t();
   }
 }
-Object.assign(kt.prototype, N);
-const Kt = (s) => {
-  const { TEMPLATE: t } = J, { childDom: e } = s, i = document.createElement("div");
+Object.assign(Dt.prototype, M);
+const Vt = (s) => {
+  const { TEMPLATE: t } = U, { childDom: e } = s, i = document.createElement("div");
   i.innerHTML = t();
   const n = i.querySelector(".player-wrapper");
   return [...e].forEach((o) => {
     n.append(o);
   }), i.children[0];
 };
-class Vt extends HTMLElement {
+class te extends HTMLElement {
   constructor() {
     super(), this.#t();
   }
@@ -866,16 +866,16 @@ class Vt extends HTMLElement {
       w("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.videoMode = this.getAttribute("video-mode"), this.autoplay = this.getAttribute("video-autoplay"), this.startTime = this.getAttribute("video-starttime"), this.videoInboxImg = this.getAttribute("video-inbox-img"), this.#s();
+    this.videoId = this.getAttribute("video-id"), this.videoType = this.getAttribute("video-type"), this.videoMode = this.getAttribute("video-mode"), this.autoplay = this.getAttribute("video-autoplay"), this.startTime = this.getAttribute("video-starttime"), this.videoInboxImg = this.getAttribute("video-inbox-img"), this.isShorts = this.hasAttribute("video-is-shorts"), this.#s();
   }
   #s() {
-    this.childDom = this.childNodes, this.template = Kt(this), this.innerHTML = "", this.append(this.template), this.#e();
+    this.childDom = this.childNodes, this.template = Vt(this), this.innerHTML = "", this.append(this.template), this.#e();
   }
   #e() {
-    const { videoType: t, videoMode: e } = this, { COOKIEDISAGREELAYOUT: i } = J;
+    const { videoType: t, videoMode: e } = this, { COOKIEDISAGREELAYOUT: i } = U;
     let n = "";
     function o(a) {
-      p(a).addClass("cookie-disagree"), p(".cookie-disagree").append(i);
+      h(a).addClass("cookie-disagree"), h(".cookie-disagree").append(i);
     }
     switch (t) {
       case "youtubeAPI":
@@ -977,25 +977,25 @@ class Vt extends HTMLElement {
     }
   }
 }
-let B = 0;
-function Dt(s) {
+let W = 0;
+function $t(s) {
   const t = [];
   return (s || []).forEach((e) => {
     e instanceof HTMLElement ? t.push(e) : typeof e == "string" && t.push(...document.querySelectorAll(e));
   }), t;
 }
-function $t(s) {
-  const t = Dt(s);
-  B += 1, B === 1 && document.documentElement.classList.add("scrollLock"), Ot(t);
-}
 function xt(s) {
-  B = Math.max(0, B - 1);
-  const t = Dt(s);
-  Mt(t), B === 0 && document.documentElement.classList.remove("scrollLock");
+  const t = $t(s);
+  W += 1, W === 1 && document.documentElement.classList.add("scrollLock"), Pt(t);
+}
+function Ct(s) {
+  W = Math.max(0, W - 1);
+  const t = $t(s);
+  Mt(t), W === 0 && document.documentElement.classList.remove("scrollLock");
 }
-async function Pe(s = 0) {
-  if (p(".loading-wrapper").length) return;
-  p("body").append(`
+async function Ne(s = 0) {
+  if (h(".loading-wrapper").length) return;
+  h("body").append(`
   <div class="loading-wrapper">
     <div class="icon-box">
       <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><path d="M10 50A40 40 0 0 0 90 50A40 42 0 0 1 10 50" fill="#ffffff" stroke="none">
@@ -1005,31 +1005,31 @@ async function Pe(s = 0) {
       </svg>
     </div>
   </div>
-  `), p(".loading-wrapper").delay(s).fadeIn(300).promise().done(function() {
-    $t();
+  `), h(".loading-wrapper").delay(s).fadeIn(300).promise().done(function() {
+    xt();
   });
 }
-function Ne() {
-  p(".loading-wrapper").fadeOut(300).promise().done(function() {
-    p(".loading-wrapper").remove(), xt();
+function je() {
+  h(".loading-wrapper").fadeOut(300).promise().done(function() {
+    h(".loading-wrapper").remove(), Ct();
   });
 }
-function je(s, t) {
-  new ke(s, t);
+function ze(s, t) {
+  new De(s, t);
 }
-function te() {
-  const s = document.querySelector("[data-aost]") && new kt("[data-aost]"), t = document.querySelector("[data-anchor-target]") && new wt("[data-anchor-target]"), e = new gt({ callback_loaded: () => {
-  } }), i = new we();
+function ee() {
+  const s = document.querySelector("[data-aost]") && new Dt("[data-aost]"), t = document.querySelector("[data-anchor-target]") && new Tt("[data-anchor-target]"), e = new ft({ callback_loaded: () => {
+  } }), i = new Te();
   s?.update(), e.update(), i.reValidate(), t?.update();
 }
-function ze(s, t = () => {
+function Ge(s, t = () => {
 }) {
-  p(`[data-tab-content=${s}]`).fadeIn(function() {
+  h(`[data-tab-content=${s}]`).fadeIn(function() {
     typeof t == "function" && t();
-  }).siblings("[data-tab-content]").hide(), te();
+  }).siblings("[data-tab-content]").hide(), ee();
 }
 function Be() {
-  et(
+  it(
     {
       target: document.body,
       cancel: {
@@ -1053,31 +1053,31 @@ function Be() {
     }
   );
 }
-function Ge() {
+function We() {
   window.onpageshow = function(s) {
     s.persisted && window.location.reload();
   };
 }
-function We() {
+function Re() {
   const s = navigator.userAgent;
   return {
     BigSurUP: /Mac OS X 10.15/.test(s) || /Mac OS X 10_15_7/.test(s) || /Mac OS X 10_15_8/.test(s) || /Mac OS X 10_15_9/.test(s) || /Mac OS X 11_/.test(s) || /Mac OS X 12_/.test(s)
   };
 }
-function Re(s, t) {
-  p(s).on("click", function() {
-    p(this).toggleClass(t);
+function Xe(s, t) {
+  h(s).on("click", function() {
+    h(this).toggleClass(t);
   });
 }
-function Xe(s, t) {
-  p(s).on("click", function() {
-    p(s).not(this).removeClass(t), p(this).addClass(t);
+function Ue(s, t) {
+  h(s).on("click", function() {
+    h(s).not(this).removeClass(t), h(this).addClass(t);
   });
 }
-const Ue = (s) => new Promise((t) => {
+const Ye = (s) => new Promise((t) => {
   let e = setTimeout(() => (clearTimeout(e), t()), s);
 });
-function ee(s, t = 250) {
+function ie(s, t = 250) {
   let e = null;
   return function(...i) {
     let n = this;
@@ -1086,7 +1086,7 @@ function ee(s, t = 250) {
     }, t);
   };
 }
-function Ye(s, t = 250) {
+function Fe(s, t = 250) {
   let e, i;
   return function() {
     const n = this, o = arguments, a = +/* @__PURE__ */ new Date();
@@ -1095,44 +1095,44 @@ function Ye(s, t = 250) {
     }, t)) : (e = a, s.apply(n, o));
   };
 }
-function Fe() {
-  window._g.interval = [], p(".countdown").each((t, e) => {
-    const i = Number(p(e).attr("data-seconds")) + 1;
+function Ze() {
+  window._g.interval = [], h(".countdown").each((t, e) => {
+    const i = Number(h(e).attr("data-seconds")) + 1;
     let n = Math.floor(i / 60) + ":" + i % 60;
     window._g.interval[t] = setInterval(function() {
       var o = n.split(":"), a = parseInt(o[0], 10), r = parseInt(o[1], 10);
-      --r, a = r < 0 ? --a : a, a = a < 10 ? a = "0" + a : a, a == 0 && r == 0 && clearInterval(window._g.interval[t]), r = r < 0 ? 59 : r, r = r < 10 ? "0" + r : r, p(e).html(a + ":" + r), n = a + ":" + r;
+      --r, a = r < 0 ? --a : a, a = a < 10 ? a = "0" + a : a, a == 0 && r == 0 && clearInterval(window._g.interval[t]), r = r < 0 ? 59 : r, r = r < 10 ? "0" + r : r, h(e).html(a + ":" + r), n = a + ":" + r;
     }, 1e3);
   });
 }
-function Ze(s = 500) {
+function Je(s = 500) {
   return new Promise((t, e) => {
     let i = setTimeout(() => {
       clearTimeout(i), t();
     }, s);
   });
 }
-function Je() {
+function Qe() {
   const s = function() {
     let t = window.innerHeight * 0.01;
     document.documentElement.style.setProperty("--vh", t + "px");
   };
-  s(), window.addEventListener("resize", ee(s));
+  s(), window.addEventListener("resize", ie(s));
 }
-function Qe(s, t, e, i, n) {
-  const o = this, r = p(s).html().split("<br>");
+function Ke(s, t, e, i, n) {
+  const o = this, r = h(s).html().split("<br>");
   let l = "", c = 0;
   r.forEach((d, u) => {
     u !== 0 && (l += "<br>"), d.split("").forEach((m, g) => {
       t ? (g === 0 && (l += '<span class="letter-wrap" style="display: inline-block">'), m === " " ? l += '</span> <span class="letter-wrap" style="display: inline-block">' : (l += `<span class="letter"${n || e ? ` style="${n ? `transition: ${o.formatFloat(Math.random(), 2) * n}s;` : ""}${e ? e === "random" ? `transition-delay: ${o.formatFloat(Math.random(), 2)}s;` : `transition-delay: ${e + c * i}s;` : ""}"` : ""}>${m}</span>`, c++), g === d.length - 1 && (l += "</span>")) : m === " " ? l += " " : (l += `<span class="letter"${n || e ? ` style="${n ? `transition: ${o.formatFloat(Math.random(), 2) * n}s;` : ""}${e ? e === "random" ? `transition-delay: ${o.formatFloat(Math.random(), 2)}s;` : `transition-delay: ${e + c * i}s;` : ""}"` : ""}>${m}</span>`, c++);
     });
-  }), p(s).html(l);
+  }), h(s).html(l);
 }
-function Ke(s, t) {
+function Ve(s, t) {
   const e = Math.pow(10, t);
   return Math.round(s * e) / e;
 }
-function Ve(s) {
+function ti(s) {
   let t = s.activeIndex, e = s.slides.length;
   if (s.params.loop)
     switch (s.activeIndex) {
@@ -1147,74 +1147,74 @@ function Ve(s) {
     }
   return t;
 }
-function ti(s, t) {
+function ei(s, t) {
   const e = s.$el, i = s.params.grid.rows, n = t || s.params.slidesPerView * i;
-  (s.loopedSlides ? s.slides.length - s.loopedSlides * 2 : s.slides.length) <= n ? (e.addClass("swiper-no-swiping"), p(s.params.navigation.nextEl).hide(), p(s.params.navigation.prevEl).hide(), p(s.params.pagination.el).hide(), s.params.autoplay.enabled = !1, s.autoplay.stop()) : (e.removeClass("swiper-no-swiping"), p(s.params.navigation.nextEl).show(), p(s.params.navigation.prevEl).show(), p(s.params.pagination.el).show(), s.params.autoplay.enabled && s.autoplay.start());
+  (s.loopedSlides ? s.slides.length - s.loopedSlides * 2 : s.slides.length) <= n ? (e.addClass("swiper-no-swiping"), h(s.params.navigation.nextEl).hide(), h(s.params.navigation.prevEl).hide(), h(s.params.pagination.el).hide(), s.params.autoplay.enabled = !1, s.autoplay.stop()) : (e.removeClass("swiper-no-swiping"), h(s.params.navigation.nextEl).show(), h(s.params.navigation.prevEl).show(), h(s.params.pagination.el).show(), s.params.autoplay.enabled && s.autoplay.start());
 }
-function ei(s) {
+function ii(s) {
   s.el.querySelectorAll("img.detect-shade").forEach((t) => {
     t.addEventListener("load", function() {
       detectShade(t);
     });
   });
 }
-function ii(s) {
-  const t = s.el, e = p(t).find(".swiper-slide-active"), i = p(e).find("video").get(0), n = p(t).find(".swiper-slide video");
-  s.autoplay.stop(), p(i).off("ended"), i ? (n.each((o, a) => {
+function si(s) {
+  const t = s.el, e = h(t).find(".swiper-slide-active"), i = h(e).find("video").get(0), n = h(t).find(".swiper-slide video");
+  s.autoplay.stop(), h(i).off("ended"), i ? (n.each((o, a) => {
     a.currentTime = 0;
-  }), p(i).on("ended", function() {
+  }), h(i).on("ended", function() {
     s.slideNext();
   }), i.play()) : s.params.autoplay.enabled && s.autoplay.start();
 }
-function si() {
-  p(".number-grow").each(function(s, t) {
-    const e = p(t), o = e.attr("data-num").replace(/(\d)(?=(?:\d{3})+$)/g, "$1,").split(""), a = () => {
+function ni() {
+  h(".number-grow").each(function(s, t) {
+    const e = h(t), o = e.attr("data-num").replace(/(\d)(?=(?:\d{3})+$)/g, "$1,").split(""), a = () => {
       let r = "";
       for (var l = 0; l <= 9; l++)
         r += String(l) + "<br>";
       return r;
     };
-    p(o).each(function(r, l) {
+    h(o).each(function(r, l) {
       const c = () => l !== "," ? `<div class="num" data-final-num="${l}"><div><br>${a()}<br>${a()}</div></div>` : `<div class="comma">${l}</div>`;
       e.append(c);
     });
   });
 }
-function ni() {
-  p(".letter-grow").each(function(s, t) {
-    const e = p(t), n = e.attr("data-letter").split(""), o = () => {
+function oi() {
+  h(".letter-grow").each(function(s, t) {
+    const e = h(t), n = e.attr("data-letter").split(""), o = () => {
       let a = "";
       for (let r = 65; r <= 90; r++)
         a += String.fromCharCode(r) + "<br>";
       return a;
     };
-    p(n).each(function(a, r) {
+    h(n).each(function(a, r) {
       const l = `<div class="letter" data-final-letter="${r}"><div><br>${o()}<br>${o()}</div></div>`;
       e.append(l);
     });
   });
 }
-function oi(s) {
+function ai(s) {
   const t = getComputedStyle(s).transform;
   let e = t.match(/^matrix3d\((.+)\)$/);
   return e ? parseFloat(e[1].split(", ")[12]) : (e = t.match(/^matrix\((.+)\)$/), e ? parseFloat(e[1].split(", ")[4]) : 0);
 }
-function ai(s) {
+function ri(s) {
   const t = getComputedStyle(s).transform;
   let e = t.match(/^matrix3d\((.+)\)$/);
   return e ? parseFloat(e[1].split(", ")[13]) : (e = t.match(/^matrix\((.+)\)$/), e ? parseFloat(e[1].split(", ")[5]) : 0);
 }
-function ri(s) {
+function li(s) {
   const t = document.createElement("div");
   return t.innerHTML = s, t.childNodes[0];
 }
-const lt = (s) => s.videoId !== "" || typeof s.videoId < "u", ie = (s) => s.$selector.getAttribute("video4-active") === "on", Y = (s) => `<video-player video-id="${s.videoId}" video-type="${s.videoType}" video-startTime="${s.videoStartTime}" video-autoplay="${s.videoAutoplay}"></video-player>`, ct = (s) => (console.log(s.videoId, "params.videoId"), `<blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="${s.videoId}"></blockquote>`);
-class G {
+const ct = (s) => s.videoId !== "" || typeof s.videoId < "u", se = (s) => s.$selector.getAttribute("video4-active") === "on", B = (s) => `<video-player video-id="${s.videoId}" video-type="${s.videoType}" video-startTime="${s.videoStartTime}" video-autoplay="${s.videoAutoplay}"></video-player>`, dt = (s) => (console.log(s.videoId, "params.videoId"), `<blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="${s.videoId}"></blockquote>`);
+class R {
   static globalOptions = {};
   //*-* 給Article4用的 **//
   constructor(t, e = {}) {
-    if (!R(t) && !Q(t) && !X(t)) {
-      ot("video4", `找不到該物件 -> ${t}`);
+    if (!Y(t) && !K(t) && !F(t)) {
+      at("video4", `找不到該物件 -> ${t}`);
       return;
     }
     this.__storage__ = {
@@ -1223,26 +1223,26 @@ class G {
     }, this.active = "data-video-active", this.#t();
   }
   #t() {
-    const { el: t, options: e } = this.__storage__, { SETTINGS: i, EVENTS: n, LAYOUT: o } = J;
-    if (e.isGlobal && (G.globalOptions = e), this.elements = e.state == "not active" ? S(t + `:not([${this.active}])`) : S(t), this.options = Object.assign(
+    const { el: t, options: e } = this.__storage__, { SETTINGS: i, EVENTS: n, LAYOUT: o } = U;
+    if (e.isGlobal && (R.globalOptions = e), this.elements = e.state == "not active" ? S(t + `:not([${this.active}])`) : S(t), this.options = Object.assign(
       {},
       { LAYOUT: o },
       // 原始 configs 的 LAYOUT
       i,
       // 原始 configs 的 SETTINGS
-      G.globalOptions,
+      R.globalOptions,
       // 全站 A 設定
       e
       // 個別傳入的設定 (優先級最高)
     ), this.__events__ = Object.assign({}, n), this.options.on)
       for (const [a, r] of Object.entries(this.options.on))
         this.__events__[a] = [r];
-    this.#s();
+    this.options.COOKIEDISAGREELAYOUT !== void 0 && (U.COOKIEDISAGREELAYOUT = this.options.COOKIEDISAGREELAYOUT), this.#s();
   }
   #s() {
     const { elements: t, options: e } = this;
     t.forEach((i) => {
-      i.video = {}, i.video.instance = this, i.video.defaultOptions = e, i.video.params = this.#a(i), i.video.methods = {}, i.video.methods.update = this.update, i.setAttribute(this.active, ""), lt(i.video.params) && !ie(i.video.params) && (i.setAttribute("video4-active", "on"), this.#n(i)), lt(i.video.params) || ot("video4", "無法取得影片 ID");
+      i.video = {}, i.video.instance = this, i.video.defaultOptions = e, i.video.params = this.#a(i), i.video.methods = {}, i.video.methods.update = this.update, i.setAttribute(this.active, ""), ct(i.video.params) && !se(i.video.params) && (i.setAttribute("video4-active", "on"), this.#n(i)), ct(i.video.params) || at("video4", "無法取得影片 ID");
     }), this.emit("init");
   }
   #e(t) {
@@ -1272,11 +1272,11 @@ class G {
   #n(t) {
     const { LAYOUT: e } = this.options, i = t.video.params, { $selector: n, videoLayoutNo: o, videoId: a, videoType: r, videoMode: l, videoButton: c, videoCover: d, videoHighQualityPic: u } = i;
     if (l === "onBox" || l === "inBox") {
-      let h = null;
+      let p = null;
       if (d === "on") {
         t.classList.add("video4-cover"), n.querySelector("img") || (n.insertAdjacentHTML(E.prepend, '<picture><source srcset="" type="image/webp"><source srcset="" type="image/jpeg"><img src="" alt></picture>'), w("video4", "若啟用 [videoCover] 且選擇 onBox 模式必須於 video-target 內放置 img 結構，若無結構則自動加入圖片結構"));
-        const m = n.querySelector("img"), g = m?.getAttribute("src") || m?.getAttribute("data-src"), b = e[o] ? e[o] : e[0] || "";
-        if (b ? m.insertAdjacentHTML(E.after, b) : w("video4", `找不到對應的 LAYOUT 設定 (No: ${o})，且無預設樣式。`), !g)
+        const m = n.querySelector("img"), g = m?.getAttribute("src") || m?.getAttribute("data-src"), y = e[o] ? e[o] : e[0] || "";
+        if (y ? m.insertAdjacentHTML(E.after, y) : w("video4", `找不到對應的 LAYOUT 設定 (No: ${o})，且無預設樣式。`), !g)
           this.#i(m, i);
         else if (!g && r == "youtube")
           u == "on" ? m.setAttribute("src", `https://img.youtube.com/vi/${a}/maxresdefault.jpg `) : m.setAttribute("src", `https://img.youtube.com/vi/${a}/0.jpg`);
@@ -1297,25 +1297,25 @@ class G {
           console.log("error");
         }) : w("video4", "僅 youtube & vimeo 提供，無圖片時放置預設封面畫面，其他影片平台請自行上傳封面照片");
       }
-      c == "off" ? h = n : (h = n.querySelector(c) ?? n, n.querySelector(c) || w("video4", `找不到 videoButton 設定的 element -> '${c}' , 點擊物件轉移至 '${this.__storage__.el}'`)), h.video || (h.video = {}, h.video.params = i, h.video.instance = this), h.video.eventHandler = this.#o, h.addEventListener("click", h.video.eventHandler);
+      c == "off" ? p = n : (p = n.querySelector(c) ?? n, n.querySelector(c) || w("video4", `找不到 videoButton 設定的 element -> '${c}' , 點擊物件轉移至 '${this.__storage__.el}'`)), p.video || (p.video = {}, p.video.params = i, p.video.instance = this), p.video.eventHandler = this.#o, p.addEventListener("click", p.video.eventHandler);
     } else if (l === "onPage") {
-      let h = null;
+      let p = null;
       if (d == "on") {
         t.classList.add("video4-cover"), n.querySelector("img") || (n.insertAdjacentHTML(E.prepend, '<picture><source srcset="" type="image/webp"><source srcset="" type="image/jpeg"><img src="" alt></picture>'), w("video", "若啟用 [videoCover] 且選擇 onBox 模式必須於 video-target 內放置 img 結構"));
         const m = n.querySelector("img");
         m.insertAdjacentHTML(E.after, e[o]);
         const g = m?.getAttribute("src") || m?.getAttribute("data-src");
-        g ? !g && r == "youtube" ? u == "on" ? m.setAttribute("src", `http://img.youtube.com/vi/${a}/maxresdefault.jpg `) : m.setAttribute("src", `https://img.youtube.com/vi/${a}/0.jpg`) : !g && r == "vimeo" ? m.setAttribute("src", `https://vumbnail.com/${a}_large.jpg`) : !g && r == "tiktok" ? fetch(`https://www.tiktok.com/oembed?url=https://www.tiktok.com/@/video/${a}`, { method: "GET", redirect: "follow" }).then((b) => b.json()).then((b) => {
-          const f = b.thumbnail_url;
+        g ? !g && r == "youtube" ? u == "on" ? m.setAttribute("src", `http://img.youtube.com/vi/${a}/maxresdefault.jpg `) : m.setAttribute("src", `https://img.youtube.com/vi/${a}/0.jpg`) : !g && r == "vimeo" ? m.setAttribute("src", `https://vumbnail.com/${a}_large.jpg`) : !g && r == "tiktok" ? fetch(`https://www.tiktok.com/oembed?url=https://www.tiktok.com/@/video/${a}`, { method: "GET", redirect: "follow" }).then((y) => y.json()).then((y) => {
+          const f = y.thumbnail_url;
           m.setAttribute("src", `${f}`);
-        }).catch(function(b) {
+        }).catch(function(y) {
           console.log("error");
-        }) : g || w("video4", "僅 youtube & vimeo 提供，無圖片時放置預設封面畫面，其他影片平台請自行上傳封面照片") : this.#i(m, i), c == "off" ? h = n : (h = n.querySelector(c) ?? n, n.querySelector(c) || w("video4", `找不到 videoButton 設定的 element -> '${c}', 點擊物件轉移至 '${this.__storage__.el}'`));
+        }) : g || w("video4", "僅 youtube & vimeo 提供，無圖片時放置預設封面畫面，其他影片平台請自行上傳封面照片") : this.#i(m, i), c == "off" ? p = n : (p = n.querySelector(c) ?? n, n.querySelector(c) || w("video4", `找不到 videoButton 設定的 element -> '${c}', 點擊物件轉移至 '${this.__storage__.el}'`));
       } else {
-        n.innerHTML = Y(i);
+        n.innerHTML = B(i);
         return;
       }
-      h.video || (h.video = {}, h.video.params = i), h.video.eventHandler = this.#o, h.addEventListener("click", h.video.eventHandler);
+      p.video || (p.video = {}, p.video.params = i), p.video.eventHandler = this.#o, p.addEventListener("click", p.video.eventHandler);
     }
   }
   #o(t) {
@@ -1328,40 +1328,41 @@ class G {
       videoTargetRoute: c,
       videoType: d,
       videoIgHtml: u,
-      videoInboxImg: h,
+      videoInboxImg: p,
       videoButton: m,
       videoLayoutNo: g,
-      videoStartTime: b
-    } = e.params, f = new gt({ callback_loaded: (H) => {
-    } }), v = new URLSearchParams({
+      videoStartTime: y,
+      videoIsShorts: f
+    } = e.params, v = new ft({ callback_loaded: (I) => {
+    } }), N = new URLSearchParams({
       video_mode: o,
       video_type: d,
       video_id: l
     });
     if (o == "onBox" || o == "inBox") {
-      const H = {
+      const I = {
         target: a,
-        route: c + `?${v.toString()}`,
+        route: c + `?${N.toString()}`,
         on: {
-          complete(y) {
-            o == "onBox" && (d == "instagram" ? (y.setAttribute("video-typeStyle", `${d}`), window.instgrm?.Embeds ? (y.querySelector(".modal-content").insertAdjacentHTML("beforeend", ct(e.params)), window.instgrm.Embeds.process()) : console.log("window.instgrm is undefined")) : (y.querySelector(".modal-content").insertAdjacentHTML("beforeend", Y(e.params)), y.setAttribute("video-typeStyle", `${d}`))), o == "inBox" && (y.setAttribute("video-typeStyle", `${d}`), d == "instagram" && (window.instgrm?.Embeds ? (y.querySelector(".modal-content").insertAdjacentHTML("beforeend", ct(e.params)), window.instgrm.Embeds.process()) : console.log("window.instgrm is undefined")));
+          complete(b) {
+            o == "onBox" && (d == "instagram" ? (b.setAttribute("video-typeStyle", `${d}`), window.instgrm?.Embeds ? (b.querySelector(".modal-content").insertAdjacentHTML("beforeend", dt(e.params)), window.instgrm.Embeds.process()) : console.log("window.instgrm is undefined")) : d == "youtube" && f ? (b.querySelector(".modal-content").insertAdjacentHTML("beforeend", B(e.params)), b.setAttribute("video-typeStyle", "youtube-shorts")) : (b.querySelector(".modal-content").insertAdjacentHTML("beforeend", B(e.params)), b.setAttribute("video-typeStyle", `${d}`))), o == "inBox" && (d == "youtube" && f ? b.setAttribute("video-typeStyle", "youtube-shorts") : b.setAttribute("video-typeStyle", `${d}`), d == "instagram" && (window.instgrm?.Embeds ? (b.querySelector(".modal-content").insertAdjacentHTML("beforeend", dt(e.params)), window.instgrm.Embeds.process()) : console.log("window.instgrm is undefined")));
           },
-          open(y) {
-            const z = y.querySelectorAll("[data-overlayscrollbars-viewport]");
-            if (f.update(), $t([...z]), d == "instagram") {
-              const q = document.querySelector("[video-template] .modal-content");
-              new ResizeObserver((M) => {
-                M[0].contentRect.height > 50 && q.classList.add("active");
-              }).observe(q);
+          open(b) {
+            const j = b.querySelectorAll("[data-overlayscrollbars-viewport]");
+            if (v.update(), xt([...j]), d == "instagram") {
+              const L = document.querySelector("[video-template] .modal-content");
+              new ResizeObserver((G) => {
+                G[0].contentRect.height > 50 && L.classList.add("active");
+              }).observe(L);
             }
             if (o == "inBox")
               if (d == "instagram")
-                p(".video-content").remove();
+                h(".video-content").remove();
               else {
-                let q;
-                const I = y.querySelector(".video-content");
-                i.#e(e.params).then((M) => {
-                  q = `
+                let L;
+                const z = b.querySelector(".video-content");
+                i.#e(e.params).then((G) => {
+                  L = `
                     <div
                       class="photo-box"
                       video-target
@@ -1370,46 +1371,48 @@ class G {
                       video-id="${l}"
                       video-button="${m}"
                       video-layout-no="${g}"
-                      video-starttime="${b}"
+                      video-starttime="${y}"
                     >
                     <picture>
                       <source
-                        srcset="${M || ""}"
+                        srcset="${G || ""}"
                         type="image/webp"
                       />
                       <source
-                        srcset="${M || ""}"
+                        srcset="${G || ""}"
                         type="image/jpeg"
                       />
-                      <img src="${M || ""}" alt="" />
+                      <img src="${G || ""}" alt="" />
                     </picture>
-                  </div>`, I.insertAdjacentHTML(E.prepend, q);
-                  const nt = y.querySelectorAll("[video-target]");
-                  nt.length > 0 && new G(nt, {
+                  </div>`, z.insertAdjacentHTML(E.prepend, L);
+                  const ot = b.querySelectorAll("[video-target]");
+                  ot.length > 0 && new R(ot, {
                     LAYOUT: e.params.LAYOUT,
-                    videoLayoutNo: e.params.videoLayoutNo
+                    videoLayoutNo: e.params.videoLayoutNo,
+                    // 0612
+                    videoIsShorts: e.params.videoIsShorts
                   });
                 });
               }
             i?.emit("openModal");
           },
-          close(y) {
-            const z = y.querySelectorAll("[data-overlayscrollbars-viewport]");
-            xt([...z]), i?.emit("closeModal");
+          close(b) {
+            const j = b.querySelectorAll("[data-overlayscrollbars-viewport]");
+            Ct([...j]), i?.emit("closeModal");
           },
-          destroy(y) {
+          destroy(b) {
           }
         }
       };
-      C.open(H);
+      H.open(I);
     } else if (o == "onPage")
       if (e.params.videoAutoplay = "on", r == "off") {
         if (n.querySelector("video-player"))
           return;
-        n.innerHTML = Y(e.params);
+        n.innerHTML = B(e.params);
         return;
       } else {
-        (n.querySelector(r) ?? n).insertAdjacentHTML("beforeend", Y(e.params));
+        (n.querySelector(r) ?? n).insertAdjacentHTML("beforeend", B(e.params));
         return;
       }
   }
@@ -1431,16 +1434,20 @@ class G {
       videoHighQualityPic: t.getAttribute("video-highquality") || e.videoHighQuality,
       videoIgHtml: t.getAttribute("video-ig") || e.videoIgHtml,
       videoInboxImg: t.getAttribute("video-inbox-img") || e.videoInboxImgHtml,
-      LAYOUT: e.LAYOUT || []
+      LAYOUT: e.LAYOUT || [],
+      // 0612 測試用
+      videoIsShorts: t.classList.contains("isShorts") || e.videoIsShorts === !0
+      // 0612 抓後端判斷
+      // videoIsShorts: el.classList.contains('isShorts'),
     };
   }
   update() {
     this.#t();
   }
 }
-Object.assign(G.prototype, N);
-customElements.define("video-player", Vt);
-const se = {
+Object.assign(R.prototype, M);
+customElements.define("video-player", te);
+const ne = {
   "zh-tw": {
     臺北市: [
       ["中正區", "100"],
@@ -2270,9 +2277,9 @@ const se = {
     ]
   }
 };
-let W;
-const ne = (s) => {
-  const { TEMPLATE: t } = it, { childDom: e } = s.s, i = document.createElement("div"), n = s.classList.contains("filter"), o = s.getAttribute("filter-placeholder"), a = s.getAttribute("d4-icon"), r = s.getAttribute("custom-template");
+let X;
+const oe = (s) => {
+  const { TEMPLATE: t } = st, { childDom: e } = s.s, i = document.createElement("div"), n = s.classList.contains("filter"), o = s.getAttribute("filter-placeholder"), a = s.getAttribute("d4-icon"), r = s.getAttribute("custom-template");
   i.innerHTML = t(
     n,
     o,
@@ -2285,13 +2292,13 @@ const ne = (s) => {
       (!u.hasAttribute("data-option") || u.getAttribute("data-option").trim() === "") && u.setAttribute("data-option", u.textContent.trim());
     }) : (!c.hasAttribute("data-option") || c.getAttribute("data-option").trim() === "") && c.setAttribute("data-option", c.textContent.trim())), l.append(c);
   }), i.children[0];
-}, oe = (s) => {
+}, ae = (s) => {
   const t = s.getAttribute("control-elements")?.split(",");
   t && t.forEach((e) => {
     const i = document.querySelector(e);
-    i || w("dropdown", `Can't not find control element(${e})`), i && i.classList.contains("disabled") && (i.classList.remove("disabled"), i.tagName === "DROPDOWN-EL" && i.s.activeLi && $(i, [...i.s.allLi].indexOf(i.s.activeLi)));
+    i || w("dropdown", `Can't not find control element(${e})`), i && i.classList.contains("disabled") && (i.classList.remove("disabled"), i.tagName === "DROPDOWN-EL" && i.s.activeLi && x(i, [...i.s.allLi].indexOf(i.s.activeLi)));
   });
-}, $ = (s, t) => {
+}, x = (s, t) => {
   const e = s.getAttribute("d4-placeholder"), i = s.s.dropdownEl.querySelectorAll(".dropdown-list li");
   if (t < 0 || t.length === 0) {
     switch (i.forEach((n) => {
@@ -2343,35 +2350,35 @@ const ne = (s) => {
         break;
     }
   }
-}, ae = (s) => {
+}, re = (s) => {
   const t = s.s.cityLang;
-  p("#newCityData").length > 0 ? p("#newCityData").val() !== "" && (W = JSON.parse(p("#newCityData").val())[0], console.log([0])) : W = se, s.classList.contains("city") && (s.s.dropdownEl.querySelector(".dropdown-list").innerHTML = "", Object.keys(W[t]).forEach((e) => {
+  h("#newCityData").length > 0 ? h("#newCityData").val() !== "" && (X = JSON.parse(h("#newCityData").val())[0], console.log([0])) : X = ne, s.classList.contains("city") && (s.s.dropdownEl.querySelector(".dropdown-list").innerHTML = "", Object.keys(X[t]).forEach((e) => {
     const i = document.createElement("li");
     i.textContent = e, i.setAttribute("data-option", e), s.s.dropdownEl.querySelector(".dropdown-list").append(i);
   }), s.s.allLi = s.s.dropdownEl.querySelectorAll(".dropdown-list li"));
-}, re = (s, t) => {
+}, le = (s, t) => {
   const e = s.s.cityLang;
-  W[e][t].forEach((i, n) => {
+  X[e][t].forEach((i, n) => {
     const o = document.createElement("li");
     o.textContent = i[0], o.setAttribute("data-option", i[0]), s.s.dropdownEl.querySelector(".dropdown-list").append(o);
   });
-}, tt = () => {
+}, et = () => {
   S('dropdown-el[d4-status="open"]').forEach((t) => {
     t.close();
   });
-}, le = () => {
-  const { SETTINGS: s } = it;
+}, ce = () => {
+  const { SETTINGS: s } = st;
   ((e, i) => {
     Object.keys(i).forEach((n) => {
       e.style.setProperty(`--${n}`, i[n]);
     });
   })(document.documentElement, s.scrollbar);
 };
-le();
+ce();
 document.addEventListener("click", function(s) {
-  s.target.closest("dropdown-el") || s.target.closest("[data-d4-portal]") || tt();
+  s.target.closest("dropdown-el") || s.target.closest("[data-d4-portal]") || et();
 }, !0);
-class Ct extends HTMLElement {
+class Ht extends HTMLElement {
   constructor() {
     super(), this.initialize = !1;
   }
@@ -2391,7 +2398,7 @@ class Ct extends HTMLElement {
           switch (n.hasAttribute("multiple") ? "multiple" : "single") {
             case "single":
               const a = n.s.dropdownEl.querySelector(`.dropdown-list li[data-option="${i}"]`);
-              T(a) ? $(n, [...n.s.allLi].indexOf(a)) : $(n, -1);
+              T(a) ? x(n, [...n.s.allLi].indexOf(a)) : x(n, -1);
               break;
             case "multiple":
               const r = [];
@@ -2400,16 +2407,16 @@ class Ct extends HTMLElement {
                 T(d) && (d.classList.add("active"), r.push(d));
               });
               const l = r.map((c) => [...n.s.allLi].indexOf(c));
-              $(n, l);
+              x(n, l);
               break;
           }
         else
-          $(n, -1);
+          x(n, -1);
         n.emit("change");
         break;
       case "d4-placeholder":
         if (e === null) return;
-        e !== i && n.s.value.index < 0 && $(n, n.s.value.index);
+        e !== i && n.s.value.index < 0 && x(n, n.s.value.index);
         break;
     }
   }
@@ -2424,7 +2431,7 @@ class Ct extends HTMLElement {
     this.s = {}, this.__events__ = {}, this.hasAttribute("d4-status") || this.setAttribute("d4-status", "close"), this.hasAttribute("d4-value") || this.setAttribute("d4-value", ""), this.#s();
   }
   #s() {
-    this.s.childDom = this.childNodes, this.s.template = ne(this), this.innerHTML = "", this.append(this.s.template), this.s.dropdownEl = this.querySelector(".dropdown"), this.getAttribute("d4-portal") === "true" && (this.s.dropdownEl.setAttribute("data-d4-portal", ""), document.body.appendChild(this.s.dropdownEl)), this.#i();
+    this.s.childDom = this.childNodes, this.s.template = oe(this), this.innerHTML = "", this.append(this.s.template), this.s.dropdownEl = this.querySelector(".dropdown"), this.getAttribute("d4-portal") === "true" && (this.s.dropdownEl.setAttribute("data-d4-portal", ""), document.body.appendChild(this.s.dropdownEl)), this.#i();
   }
   // -** 獨立 dropdown 出 body 更新
   #e() {
@@ -2435,7 +2442,7 @@ class Ct extends HTMLElement {
   }
   #i() {
     const t = this;
-    t.s.allLi = t.s.dropdownEl.querySelectorAll(".dropdown-list li"), t.s.selectDisplayEl = t.querySelector(".select-display"), t.s.selectType = t.hasAttribute("multiple") ? "multiple" : "single", t.s.cityLang = t.hasAttribute("city-lang") ? t.getAttribute("city-lang") : "zh-tw", ae(t), t.s.subDropdownTotalH = 0;
+    t.s.allLi = t.s.dropdownEl.querySelectorAll(".dropdown-list li"), t.s.selectDisplayEl = t.querySelector(".select-display"), t.s.selectType = t.hasAttribute("multiple") ? "multiple" : "single", t.s.cityLang = t.hasAttribute("city-lang") ? t.getAttribute("city-lang") : "zh-tw", re(t), t.s.subDropdownTotalH = 0;
     const e = t.getAttribute("d4-value");
     switch (t.s.selectType) {
       case "single":
@@ -2444,7 +2451,7 @@ class Ct extends HTMLElement {
           const o = document.querySelector(`dropdown-el[dist-select="${t.id}"]`), a = o ? o.getAttribute("d4-value") !== "" : !1;
           if (o && a) {
             const r = o.getAttribute("d4-value");
-            if (re(t, r), t.s.allLi = t.s.dropdownEl.querySelectorAll(".dropdown-list li"), t.classList.remove("disabled"), t.getAttribute("d4-value") !== "") {
+            if (le(t, r), t.s.allLi = t.s.dropdownEl.querySelectorAll(".dropdown-list li"), t.classList.remove("disabled"), t.getAttribute("d4-value") !== "") {
               const l = e.split(",")[1];
               i = t.s.dropdownEl.querySelector(`.dropdown-list li[data-option="${l}"]`), t.setAttribute("d4-value", l);
             }
@@ -2477,7 +2484,7 @@ class Ct extends HTMLElement {
         };
         break;
     }
-    $(t, t.s.value.index), t.#n(), t.classList.add("d4-initialize");
+    x(t, t.s.value.index), t.#n(), t.classList.add("d4-initialize");
   }
   #n() {
     const t = this;
@@ -2525,7 +2532,7 @@ class Ct extends HTMLElement {
       t.s.dropdownEl.addEventListener("transitionend", e);
     }, t.__events__.bindScrollbar = (e = this) => {
       const i = e.s.dropdownEl.querySelector(".dropdown-scroller");
-      e.__scroller__ = et(i, {
+      e.__scroller__ = it(i, {
         overflowBehavior: {
           x: "hidden"
         }
@@ -2538,32 +2545,32 @@ class Ct extends HTMLElement {
           const c = this, d = [...e.s.allLi].indexOf(c), u = parseInt(e.getAttribute("d4-default-height"));
           if (c.classList.contains("has-sublayer")) {
             l.stopPropagation();
-            const h = c.querySelector(".sub-dropdown"), m = h.querySelector(".sub-dropdown-list"), g = parseInt(getComputedStyle(m).marginTop) + parseInt(getComputedStyle(m).marginBottom);
-            h.style.cssText = `--height: ${m.offsetHeight + g}px`;
-            const b = parseInt(h.style.cssText.replace("--height:", "").trim()), f = parseInt(getComputedStyle(o).maxHeight), v = () => {
+            const p = c.querySelector(".sub-dropdown"), m = p.querySelector(".sub-dropdown-list"), g = parseInt(getComputedStyle(m).marginTop) + parseInt(getComputedStyle(m).marginBottom);
+            p.style.cssText = `--height: ${m.offsetHeight + g}px`;
+            const y = parseInt(p.style.cssText.replace("--height:", "").trim()), f = parseInt(getComputedStyle(o).maxHeight), v = () => {
               i = u + e.s.subDropdownTotalH, n = i > f ? f : i, e.getAttribute("d4-portal") == "true" ? e.s.dropdownEl.style.setProperty("--maxHeight", `${n}px`) : e.style.cssText = `--maxHeight: ${n}px;`, e.s.dropdownEl.style.height = `${n}px`;
             };
-            c.classList.contains("open") ? (c.classList.remove("open"), e.s.subDropdownTotalH -= b, v()) : (c.classList.add("open"), e.s.subDropdownTotalH += b, v());
-            const H = () => {
-              e.__scroller__.update(!0), h.removeEventListener("transitionend", H);
+            c.classList.contains("open") ? (c.classList.remove("open"), e.s.subDropdownTotalH -= y, v()) : (c.classList.add("open"), e.s.subDropdownTotalH += y, v());
+            const N = () => {
+              e.__scroller__.update(!0), p.removeEventListener("transitionend", N);
             };
-            h.addEventListener("transitionend", H);
+            p.addEventListener("transitionend", N);
           } else
-            switch (oe(e), e.s.selectType) {
+            switch (ae(e), e.s.selectType) {
               // 單選
               case "single":
                 if (e.setAttribute("d4-value", c.getAttribute("data-option")), a) {
-                  const h = e.s.cityLang, m = r.textContent.trim(), g = document.getElementById(e.getAttribute("dist-select"));
-                  g && (g.s.dropdownEl.querySelector(".dropdown-list").textContent = "", $(g, -1), W[h][m].forEach((b, f) => {
+                  const p = e.s.cityLang, m = r.textContent.trim(), g = document.getElementById(e.getAttribute("dist-select"));
+                  g && (g.s.dropdownEl.querySelector(".dropdown-list").textContent = "", x(g, -1), X[p][m].forEach((y, f) => {
                     const v = document.createElement("li");
-                    v.textContent = b[0], v.setAttribute("data-option", b[0]), e.getAttribute("d4-portal") == "true" ? g.s.dropdownEl.querySelector(".dropdown-list").append(v) : g.querySelector(".dropdown-list").append(v);
+                    v.textContent = y[0], v.setAttribute("data-option", y[0]), e.getAttribute("d4-portal") == "true" ? g.s.dropdownEl.querySelector(".dropdown-list").append(v) : g.querySelector(".dropdown-list").append(v);
                   }), e.__events__.selectOption(g));
                 }
                 (e.getAttribute("d4-portal") == "true" || c.parentNode.closest("li")?.classList.contains("has-sublayer")) && (l.stopPropagation(), e.close());
                 break;
               // 複選
               case "multiple":
-                l.stopPropagation(), c.classList.toggle("active"), $(e, d);
+                l.stopPropagation(), c.classList.toggle("active"), x(e, d);
                 break;
             }
         });
@@ -2598,7 +2605,7 @@ class Ct extends HTMLElement {
   open() {
     const t = this;
     let e;
-    t.getAttribute("d4-portal") == "true" ? (tt(), t.s.dropdownEl.parentNode !== document.body && document.body.appendChild(t.s.dropdownEl), t.__scroller__ || t.__events__.bindScrollbar(), this.#e(), t.s.dropdownEl.offsetHeight, e = t.s.dropdownEl.querySelector(".dropdown-scroller").clientHeight) : e = t.querySelector(".dropdown-scroller").clientHeight;
+    t.getAttribute("d4-portal") == "true" ? (et(), t.s.dropdownEl.parentNode !== document.body && document.body.appendChild(t.s.dropdownEl), t.__scroller__ || t.__events__.bindScrollbar(), this.#e(), t.s.dropdownEl.offsetHeight, e = t.s.dropdownEl.querySelector(".dropdown-scroller").clientHeight) : e = t.querySelector(".dropdown-scroller").clientHeight;
     const i = t.classList.contains("filter"), n = () => {
       if (t.getAttribute("d4-portal") == "true") {
         if (i)
@@ -2617,7 +2624,7 @@ class Ct extends HTMLElement {
       const l = i ? t.getAttribute("d4-portal") == "true" ? t.s.dropdownEl.querySelector(".filter-bar") : t.querySelector(".filter-bar") : null, c = l ? l.clientHeight : 0, d = n() + t.s.subDropdownTotalH;
       return d > a + c ? a + c : d;
     };
-    return t.getAttribute("d4-portal") !== "true" && tt(), t.setAttribute("d4-status", "open"), t.setAttribute("d4-default-height", n()), t.getAttribute("d4-portal") == "true" ? (t.s.dropdownEl.style.setProperty("--maxHeight", `${r()}px`), t.s.dropdownEl.style.zIndex = "9999", this.#e(), t.s.dropdownEl.offsetHeight, t.s.dropdownEl.style.height = `${r()}px`, t.__events__._scrollUpdate = () => {
+    return t.getAttribute("d4-portal") !== "true" && et(), t.setAttribute("d4-status", "open"), t.setAttribute("d4-default-height", n()), t.getAttribute("d4-portal") == "true" ? (t.s.dropdownEl.style.setProperty("--maxHeight", `${r()}px`), t.s.dropdownEl.style.zIndex = "9999", this.#e(), t.s.dropdownEl.offsetHeight, t.s.dropdownEl.style.height = `${r()}px`, t.__events__._scrollUpdate = () => {
       const l = t.getBoundingClientRect();
       l.bottom < 0 || l.top > window.innerHeight ? t.close() : t.#e();
     }, window.addEventListener("scroll", t.__events__._scrollUpdate, { passive: !0, capture: !0 }), window.addEventListener("resize", t.__events__._scrollUpdate, { passive: !0 })) : (t.style.cssText = `--maxHeight: ${r()}px;`, t.s.dropdownEl.style.cssText = `
@@ -2642,9 +2649,9 @@ class Ct extends HTMLElement {
     this.__events__.selectOption();
   }
 }
-Object.assign(Ct.prototype, N);
-customElements.define("dropdown-el", Ct);
-function Z(s) {
+Object.assign(Ht.prototype, M);
+customElements.define("dropdown-el", Ht);
+function Q(s) {
   const t = {};
   return [...s.attributes].forEach((e) => {
     if (e.name.includes("duration-")) {
@@ -2653,10 +2660,10 @@ function Z(s) {
     }
   }), Object.keys(t).length === 0 ? null : t;
 }
-function dt(s) {
-  if (Z(s)) {
+function ut(s) {
+  if (Q(s)) {
     let t;
-    const e = Object.keys(Z(s)).map((i) => ({
+    const e = Object.keys(Q(s)).map((i) => ({
       value: i,
       point: i
     }));
@@ -2665,11 +2672,11 @@ function dt(s) {
       const { point: n, value: o } = e[i];
       window.matchMedia(`(max-width: ${o}px)`).matches && (t = n);
     }
-    return t ? Number(Z(s)[t]) : s.s.options.duration;
+    return t ? Number(Q(s)[t]) : s.s.options.duration;
   } else
     return s.s.options.duration;
 }
-function ce(s) {
+function de(s) {
   const { behavior: t, continual: e, gap: i } = s.s.options, n = s.childNodes, o = document.createElement("div"), a = document.createElement("div");
   o.className = "animate-container", a.className = "animate-item", [...n].forEach((l) => {
     a.append(l);
@@ -2680,7 +2687,7 @@ function ce(s) {
   }
   s.s.animation = null, s.s.animateEl = a, s.textContent = "", o.append(a), s.append(o), a.clientWidth * 2 + i >= s.clientWidth ? t === "normal" && e && o.append(r()) : s.s.options.continual = !1;
 }
-function k(s) {
+function D(s) {
   const { behavior: t, direction: e, continual: i } = s.s.options;
   let n = {};
   switch (t) {
@@ -2737,13 +2744,13 @@ function k(s) {
   }
   return n;
 }
-function de(s) {
+function ue(s) {
   let t;
   return function(e) {
     t && clearTimeout(t), t = setTimeout(s, 200, e);
   };
 }
-class ue extends HTMLElement {
+class he extends HTMLElement {
   constructor() {
     super(), this.initialize = !1;
   }
@@ -2757,22 +2764,22 @@ class ue extends HTMLElement {
   }
   #t() {
     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: Z(this) || D.SETTINGS.durationBreakpoints,
-      autoplay: this.getAttribute("autoplay") || D.SETTINGS.autoplay,
+      durationBreakpoints: Q(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 = dt(this), ce(this), this.#s();
+    this.s = {}, this.s.options = t, this.s.nowDuration = ut(this), de(this), this.#s();
   }
   #s() {
     const { direction: t, continual: e, gap: i } = this.s.options;
@@ -2794,17 +2801,17 @@ class ue extends HTMLElement {
     function c() {
       switch (i) {
         case "normal":
-          t.s.animateEl.style.transform = `${k(t).animate1[0].transform}`, t.s.animation = t.s.animateEl.animate(k(t).animate1, {
+          t.s.animateEl.style.transform = `${D(t).animate1[0].transform}`, t.s.animation = t.s.animateEl.animate(D(t).animate1, {
             duration: t.s.nowDuration,
             iterations: 1 / 0
-          }), r && (t.s.cloneAnimateEl.style.transform = `${k(t).animate2[0].transform}`, t.s.cloneAnimation = t.s.cloneAnimateEl.animate(k(t).animate2, {
+          }), r && (t.s.cloneAnimateEl.style.transform = `${D(t).animate2[0].transform}`, t.s.cloneAnimation = t.s.cloneAnimateEl.animate(D(t).animate2, {
             duration: t.s.nowDuration,
             delay: -t.s.nowDuration / 2,
             iterations: 1 / 0
           }));
           break;
         case "alternate":
-          let h = function() {
+          let p = function() {
             let m = [];
             switch (e) {
               case "top":
@@ -2822,11 +2829,11 @@ class ue extends HTMLElement {
             }
             return m;
           }, d, u;
-          (t.clientHeight > t.s.animateEl.scrollHeight || e === "left" || e === "right") && (t.s.animateEl.style.transform = `${h()[0].transform}`, t.s.animateEl.animate(h(), {
+          (t.clientHeight > t.s.animateEl.scrollHeight || e === "left" || e === "right") && (t.s.animateEl.style.transform = `${p()[0].transform}`, t.s.animateEl.animate(p(), {
             duration: u,
             fill: "forwards"
           }).finished.then(() => {
-            t.s.animation = t.s.animateEl.animate(k(t).animate1, {
+            t.s.animation = t.s.animateEl.animate(D(t).animate1, {
               duration: t.s.nowDuration,
               iterations: 1 / 0
             });
@@ -2835,7 +2842,7 @@ class ue extends HTMLElement {
           });
           break;
         case "endStop":
-          t.s.animateEl.style.transform = `${k(t).animate1[0].transform}`, t.s.animation = t.s.animateEl.animate(k(t).animate1, {
+          t.s.animateEl.style.transform = `${D(t).animate1[0].transform}`, t.s.animation = t.s.animateEl.animate(D(t).animate1, {
             duration: t.s.nowDuration,
             fill: "forwards"
           });
@@ -2858,16 +2865,16 @@ class ue extends HTMLElement {
     const t = this;
     function e() {
       const i = t.s.animation.startTime, n = t.s.cloneAnimation ? t.s.cloneAnimation.startTime : null;
-      t.s.nowDuration = dt(t), t.s.animation.cancel(), t.s.cloneAnimation && t.s.cloneAnimation.cancel(), t.s.animation = t.s.animateEl.animate(k(t).animate1, {
+      t.s.nowDuration = ut(t), t.s.animation.cancel(), t.s.cloneAnimation && t.s.cloneAnimation.cancel(), t.s.animation = t.s.animateEl.animate(D(t).animate1, {
         duration: t.s.nowDuration,
         iterations: 1 / 0
-      }), t.s.animation.startTime = i, t.s.cloneAnimation && (t.s.cloneAnimation = t.s.cloneAnimateEl.animate(k(t).animate2, {
+      }), t.s.animation.startTime = i, t.s.cloneAnimation && (t.s.cloneAnimation = t.s.cloneAnimateEl.animate(D(t).animate2, {
         duration: t.s.nowDuration,
         delay: -t.s.nowDuration / 2,
         iterations: 1 / 0
       }), t.s.cloneAnimation.startTime = n);
     }
-    window.addEventListener("resize", de(e));
+    window.addEventListener("resize", ue(e));
   }
   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"));
@@ -2876,22 +2883,22 @@ class ue extends HTMLElement {
     this.s.animation.pause(), this.s.options.continual && this.s.cloneAnimation.pause();
   }
 }
-customElements.define("marquee-el", ue);
-const ut = function(s, t) {
+customElements.define("marquee-el", he);
+const ht = function(s, t) {
   let e;
   return function(i) {
     e && clearTimeout(e), e = setTimeout(s, 200, i);
   };
-}, L = (s, t) => {
-  if (X(s)) {
+}, _ = (s, t) => {
+  if (F(s)) {
     s.forEach((e) => {
       e.classList.add(t);
     });
     return;
   }
   s.classList.add(t);
-}, _ = (s, t) => {
-  if (X(s)) {
+}, k = (s, t) => {
+  if (F(s)) {
     s.forEach((e) => {
       e.classList.remove(t);
     });
@@ -2994,7 +3001,7 @@ class pt {
   // 卷軸位置判斷
   #i() {
     const { $container: t, $wrapper: e } = this, i = e.scrollWidth - e.clientWidth, n = Math.round(e.scrollLeft);
-    i <= 0 || (L(t, "scrollable"), n == 0 ? (L(e, "start"), _(e, "end")) : n + 1 >= i ? (_(e, "start"), L(e, "end")) : (L(e, "center"), _(e, "start"), _(e, "end")));
+    i <= 0 || (_(t, "scrollable"), n == 0 ? (_(e, "start"), k(e, "end")) : n + 1 >= i ? (k(e, "start"), _(e, "end")) : (_(e, "center"), k(e, "start"), k(e, "end")));
   }
   // 隱藏按鈕判斷
   #n() {
@@ -3002,22 +3009,22 @@ class pt {
     if (!e) return;
     const n = t.scrollWidth - t.clientWidth, o = t.scrollLeft;
     if (n <= 0) {
-      L(e, "hide"), _(e, "active"), L(i, "noScrollable");
+      _(e, "hide"), k(e, "active"), _(i, "noScrollable");
       return;
     }
-    n > 0 && (L(e, "active"), _(i, "noScrollable")), o == 0 ? e.forEach((a) => {
+    n > 0 && (_(e, "active"), k(i, "noScrollable")), o == 0 ? e.forEach((a) => {
       if (a.classList.contains("next")) {
-        _(a, "hide");
+        k(a, "hide");
         return;
       }
-      L(a, "hide");
+      _(a, "hide");
     }) : o + 1 >= n ? e.forEach((a) => {
       if (a.classList.contains("next")) {
-        L(a, "hide");
+        _(a, "hide");
         return;
       }
-      _(a, "hide");
-    }) : _(e, "hide");
+      k(a, "hide");
+    }) : k(e, "hide");
   }
   // 選項事件綁定
   #o() {
@@ -3046,7 +3053,7 @@ class pe {
   // 隱藏按鈕判斷
   #s() {
     const t = this.$element.querySelector(".drag-container"), e = t.querySelector(".wrapper");
-    return e.scrollWidth - e.clientWidth > 0 ? (t.insertAdjacentHTML(E.append, '<div class="open-collapse"></div>'), this.$button = t.querySelector(".open-collapse"), _(this.$element, "noScrollable"), !0) : (L(this.$element, "noScrollable"), !1);
+    return e.scrollWidth - e.clientWidth > 0 ? (t.insertAdjacentHTML(E.append, '<div class="open-collapse"></div>'), this.$button = t.querySelector(".open-collapse"), k(this.$element, "noScrollable"), !0) : (_(this.$element, "noScrollable"), !1);
   }
   // 展開箭頭事件綁定
   #e() {
@@ -3071,11 +3078,11 @@ class pe {
     });
   }
 }
-const he = (s) => {
+const me = (s) => {
   const { type: t, option: e, originalDomString: i } = s.s, n = document.createElement("div");
-  return t == "drag" && (n.innerHTML = x.TEMPLATE[t]().trim(), n.querySelector(".drag-container .wrapper").insertAdjacentHTML(E.append, i)), t == "collapse" && (n.innerHTML = x.TEMPLATE[t](e?.collapse).trim(), n.querySelector(".drag-container .wrapper").insertAdjacentHTML(E.append, i), n.querySelector(".collapse-container .wrapper").insertAdjacentHTML(E.append, i)), t == "dropdown" && (n.innerHTML = x.TEMPLATE[t](e?.dropdown).trim(), n.querySelector("dropdown-el").insertAdjacentHTML(E.append, i)), n.children;
+  return t == "drag" && (n.innerHTML = C.TEMPLATE[t]().trim(), n.querySelector(".drag-container .wrapper").insertAdjacentHTML(E.append, i)), t == "collapse" && (n.innerHTML = C.TEMPLATE[t](e?.collapse).trim(), n.querySelector(".drag-container .wrapper").insertAdjacentHTML(E.append, i), n.querySelector(".collapse-container .wrapper").insertAdjacentHTML(E.append, i)), t == "dropdown" && (n.innerHTML = C.TEMPLATE[t](e?.dropdown).trim(), n.querySelector("dropdown-el").insertAdjacentHTML(E.append, i)), n.children;
 };
-class me extends HTMLElement {
+class ge extends HTMLElement {
   constructor() {
     super(), this.initialize = !1, this.__events__ = {}, this.s = {}, this.s.originalDomString = this.innerHTML.trim().replace(/\n/g, ""), this.previousWidth = window.innerWidth;
   }
@@ -3102,7 +3109,7 @@ class me extends HTMLElement {
   }
   #t() {
     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") ?? C.SETTINGS.type, this.hasAttribute("m4-option") && (t = this.getAttribute("m4-option") ? JSON.parse(this.getAttribute("m4-option")) : {}, this.removeAttribute("m4-option"));
     const e = (i) => {
       if (i.type === "resize") {
         if (window.innerWidth === this.previousWidth) return;
@@ -3110,7 +3117,7 @@ class me extends HTMLElement {
       }
       this.update();
     };
-    window.removeEventListener("resize", ut(e)), window.addEventListener("resize", ut(e)), this.s.option = {}, this.s.option.drag = Object.assign({}, x.SETTINGS.drag, t?.drag), this.s.option.collapse = Object.assign({}, x.SETTINGS.collapse, t?.collapse), this.s.option.dropdown = Object.assign({}, x.SETTINGS.dropdown, t?.dropdown), this.s.option.breakpoint = Object.assign({}, x.SETTINGS.breakpoint, t?.breakpoint), this.#s();
+    window.removeEventListener("resize", ht(e)), window.addEventListener("resize", ht(e)), this.s.option = {}, this.s.option.drag = Object.assign({}, C.SETTINGS.drag, t?.drag), this.s.option.collapse = Object.assign({}, C.SETTINGS.collapse, t?.collapse), this.s.option.dropdown = Object.assign({}, C.SETTINGS.dropdown, t?.dropdown), this.s.option.breakpoint = Object.assign({}, C.SETTINGS.breakpoint, t?.breakpoint), this.#s();
   }
   #s() {
     this.classList.add("m4-init"), this.#e();
@@ -3151,7 +3158,7 @@ class me extends HTMLElement {
   // check type
   #a() {
     const { type: t } = this.s;
-    switch (this.#o(), this.innerHTML = "", [...he(this)].forEach((e) => {
+    switch (this.#o(), this.innerHTML = "", [...me(this)].forEach((e) => {
       this.append(e);
     }), this.#i(), t) {
       case "drag":
@@ -3166,8 +3173,8 @@ class me extends HTMLElement {
     }
   }
 }
-customElements.define("multipurpose-nav", me);
-class Ht extends HTMLElement {
+customElements.define("multipurpose-nav", ge);
+class It extends HTMLElement {
   // 定義組件的初始狀態
   constructor(t, e) {
     super();
@@ -3183,7 +3190,7 @@ class Ht extends HTMLElement {
     this.classList.contains("t4-initialize") || this.#t();
   }
   #t() {
-    const t = this.getAttribute("t4-name"), { SETTINGS: e } = vt;
+    const t = this.getAttribute("t4-name"), { SETTINGS: e } = bt;
     document.querySelectorAll(`tab-el[t4-name=${t}]`).length > 1 && console.warn(t, "名字有重複喔！！！"), this.t = {
       tabs: [],
       name: t,
@@ -3274,14 +3281,14 @@ class Ht extends HTMLElement {
     });
   }
   // prev 按鈕狀態
-  #p(t) {
+  #h(t) {
     const e = document.querySelectorAll(`[t4-role="prev"][t4-control="${this.t.name}"]`), i = this.t.tabPanels.length === 1, n = t === 0;
     e.forEach((o) => {
       i || n ? o.setAttribute("disabled", "") : o.removeAttribute("disabled");
     });
   }
   // 頁籤狀態
-  #h(t, e) {
+  #p(t, e) {
     this.t.tabGroup === "true" ? this.t.tabs.forEach((i, n) => {
       n == t ? i.setAttribute("aria-selected", !0) : i.setAttribute("aria-selected", !1);
     }) : this.t.tabs.forEach((i, n) => {
@@ -3292,16 +3299,16 @@ class Ht extends HTMLElement {
   #r(t, e, i) {
     switch (t) {
       case "step":
-        Q(this.t.step) && this.#d(e);
+        K(this.t.step) && this.#d(e);
         break;
       case "eventAnchor":
         this.t.anchor && this.#l();
         break;
       case "tabState":
-        this.t.type == "normal" && this.#h(e, i);
+        this.t.type == "normal" && this.#p(e, i);
         break;
       case "btnState":
-        this.#u(e), this.#p(e);
+        this.#u(e), this.#h(e);
         break;
       case "tabUrl":
         this.t.recordUrl === "true" && this.#a(e);
@@ -3365,7 +3372,7 @@ class Ht extends HTMLElement {
     const t = this;
     window.addEventListener(
       "resize",
-      ge(() => {
+      fe(() => {
         t.update();
       }, 1e3)
     );
@@ -3402,7 +3409,7 @@ class Ht extends HTMLElement {
     this.t.tabs = this.#e(), qt(), console.log("tab update!!!!");
   }
 }
-function ge(s, t = 1e3) {
+function fe(s, t = 1e3) {
   let e;
   return function(i) {
     e && clearTimeout(e), e = setTimeout(s, t, i);
@@ -3439,24 +3446,24 @@ function qt() {
   });
 }
 qt();
-Object.assign(Ht.prototype, N);
-customElements.define("tab-el", Ht);
-const ht = (s) => {
+Object.assign(It.prototype, M);
+customElements.define("tab-el", It);
+const mt = (s) => {
   const { defaultOptions: t } = s.collapse, { collapseClass: e, target: i, transition: n } = t, o = s.querySelector(i);
   s.classList.add(e), o.style.height = 0, o.style["transition-property"] = n.property, o.style["transition-duration"] = n.duration, o.style["transition-timing-function"] = n.function, o.style["transition-delay"] = n.delay, o.style.overflow = "hidden";
-}, fe = (s) => {
+}, ve = (s) => {
   const { defaultOptions: t } = s.collapse, { collapseClass: e, target: i, transition: n } = t, o = s.querySelector(i), a = o.children[0].offsetHeight;
   s.collapse.height = a, s.classList.remove(e), o.style.display = "block", o.style.height = `${a}px`, o.style["transition-property"] = n.property, o.style["transition-duration"] = n.duration, o.style["transition-timing-function"] = n.function, o.style["transition-delay"] = n.delay, o.style.overflow = "hidden";
 };
-class ve {
+class be {
   constructor(t, e = {}) {
-    !R(t) && !Q(t) && !X(t) && !T(t) || (this.__storage__ = {
+    !Y(t) && !K(t) && !F(t) && !T(t) || (this.__storage__ = {
       el: t,
       options: e
     }, this.active = "data-collapse-active", this.#t());
   }
   #t() {
-    const { el: t, options: e } = this.__storage__, { SETTINGS: i, EVENTS: n } = bt;
+    const { el: t, options: e } = this.__storage__, { SETTINGS: i, EVENTS: n } = yt;
     if (this.elements = e.state == "not active" ? S(t + `:not([${this.active}])`) : S(t), this.options = Object.assign({}, i, e), this.__events__ = Object.assign({}, n), this.options.on)
       for (const [o, a] of Object.entries(this.options.on))
         this.__events__[o] = [a];
@@ -3471,8 +3478,8 @@ class ve {
   #e(t) {
     const { options: e } = this, { collapseClass: i, block: n, target: o, defaultOpen: a, targetStopPropagation: r, defaultActiveMark: l } = e, c = t, d = c.querySelector(o);
     if (c.collapse.height = d.children[0].offsetHeight, a ? (d.style.height = `${d.children[0].offsetHeight}px`, c.classList.remove(i)) : !c.classList.contains(l) && !c.hasAttribute(l) ? (c.classList.add(i), d.style.height = "0px", d.style.overflow = "hidden") : (d.style.height = `${d.children[0].offsetHeight}px`, c.classList.remove(i)), c.removeEventListener("click", this.#i), c.addEventListener("click", this.#i), r) {
-      const u = (h) => {
-        h.stopPropagation();
+      const u = (p) => {
+        p.stopPropagation();
       };
       d.removeEventListener("click", u), d.addEventListener("click", u);
     }
@@ -3480,28 +3487,28 @@ class ve {
   #i() {
     const { instance: t, defaultOptions: e } = this.collapse, { collapseClass: i, block: n, target: o, single: a } = e, r = this;
     r.classList.contains(i) ? (a && r.parentNode.querySelectorAll(`.${r.classList[0]}`).forEach((l) => {
-      ht(l);
-    }), fe(r)) : ht(r), t.emit("afterCollapse");
+      mt(l);
+    }), ve(r)) : mt(r), t.emit("afterCollapse");
   }
   update() {
     this.#t();
   }
 }
-Object.assign(ve.prototype, N);
-function be(s, t) {
+Object.assign(be.prototype, M);
+function ye(s, t) {
   const e = t, { color: i, opacity: n, duration: o } = t.s.options;
   let a = document.createElement("span"), r = s.clientX - e.getBoundingClientRect().left, l = s.clientY - e.getBoundingClientRect().top;
   a.style.cssText = `background: ${i};left: ${r}px;top: ${l}px;opacity: ${n};animation-duration: ${o}ms`, a.classList.add("circle"), e.appendChild(a), setTimeout(function() {
     a.remove();
   }, `${o}`);
 }
-function It() {
+function Ot() {
   document.querySelectorAll("ripple-btn").forEach((s) => {
     s.querySelector(".hover-ball"), s.style.setProperty("--r", ""), s.classList.remove("entered");
   });
 }
-document.addEventListener("click", It);
-class ye extends HTMLElement {
+document.addEventListener("click", Ot);
+class we extends HTMLElement {
   constructor() {
     super(), this.initialize = !1;
   }
@@ -3510,7 +3517,7 @@ class ye extends HTMLElement {
     t.initialize || t.classList.contains("r4-initialize") || (t.initialize = !0, this.#t());
   }
   #t() {
-    const { SETTINGS: t } = yt;
+    const { SETTINGS: t } = wt;
     this.s = {};
     function e(n) {
       let o = !!n;
@@ -3536,11 +3543,11 @@ class ye extends HTMLElement {
   #i() {
     const t = this.querySelector("i.hover-ball"), e = this;
     e.addEventListener("click", function(o) {
-      e.s.options.click && be(o, e);
+      e.s.options.click && ye(o, e);
     });
     let i = "ontouchstart" in document.documentElement ? "touchstart" : "mouseenter", n = "ontouchend" in document.documentElement ? "touchend" : "mouseleave";
     e.addEventListener(i, function(o) {
-      if (i === "touchstart" && It(), e.s.options.hover) {
+      if (i === "touchstart" && Ot(), e.s.options.hover) {
         const a = Math.round(i === "mouseenter" ? o.clientX - e.getBoundingClientRect().left : o.changedTouches[0].clientX - e.getBoundingClientRect().x), r = Math.round(i === "mouseenter" ? o.clientY - e.getBoundingClientRect().top : o.changedTouches[0].clientY - e.getBoundingClientRect().y), { offsetWidth: l, offsetHeight: c } = e, d = Math.max(l, c);
         t.style.width = d * 2 + "px", t.style.height = d * 2 + "px", t.style.left = a + "px", t.style.top = r + "px", e.classList.add("entered");
       }
@@ -3555,8 +3562,8 @@ class ye extends HTMLElement {
     this.classList.remove("r4-initialize"), this.querySelector("i.hover-ball").remove(), this.#t();
   }
 }
-customElements.define("ripple-btn", ye);
-class we {
+customElements.define("ripple-btn", we);
+class Te {
   constructor() {
     this.init();
   }
@@ -3608,12 +3615,12 @@ class we {
     this.init();
   }
 }
-function mt(s, t) {
+function gt(s, t) {
   return s ? function(e, i) {
     Function(s)(e, i);
   } : t;
 }
-function Te(s, t, e, i) {
+function Ee(s, t, e, i) {
   const n = t.params, o = s.closest("[data-upload-item]").querySelector("[data-preview]");
   o.querySelector("img") && o.querySelector("img").remove(), o.appendChild(i.imgElement);
   const a = s.dataset.group, r = document.querySelector(t.el).dataset.index;
@@ -3636,7 +3643,7 @@ function Te(s, t, e, i) {
       info: i
     }, n.on.changeAfter && typeof n.on.changeAfter == "function" && n.on.changeAfter(s, i);
 }
-function Ee(s, t, e, i) {
+function Ae(s, t, e, i) {
   const n = document.createElement("canvas"), o = n.getContext("2d"), a = t.width, l = t.height / a * 100, c = i / e * 100;
   let d = 0, u = 0;
   switch (n.width = e, n.height = i, s.previewSize) {
@@ -3647,17 +3654,17 @@ function Ee(s, t, e, i) {
       l < c ? (d = i / l * 100, u = n.height) : l > c ? (d = n.width, u = e * l / 100) : l === c && (d = n.width, u = n.height);
       break;
   }
-  const h = (n.width - d) * 0.5, m = (n.height - u) * 0.5;
-  return o.drawImage(t, h, m, d, u), n;
+  const p = (n.width - d) * 0.5, m = (n.height - u) * 0.5;
+  return o.drawImage(t, p, m, d, u), n;
 }
-function Ae(s, t) {
+function Se(s, t) {
   return new Promise((e, i) => {
     if (t) {
       const n = new Image();
       n.src = t, n.classList.add(s.previewSize), n.onload = () => {
         let o = {
           imgElement: n,
-          originalCanvas: Ee(s, n, n.width, n.height),
+          originalCanvas: Ae(s, n, n.width, n.height),
           info: {
             originalWidth: n.width,
             originalHeight: n.height,
@@ -3670,30 +3677,30 @@ function Ae(s, t) {
       e();
   });
 }
-function Se(s, t) {
+function Le(s, t) {
   const e = Math.pow(10, t);
   return Math.round(s * e) / e;
 }
-function Le(s, t) {
+function _e(s, t) {
   let e = s.size / 1024 / 1024;
-  return `${Se(e, 2)}` <= t;
+  return `${Le(e, 2)}` <= t;
 }
-function _e(s, t, e) {
+function ke(s, t, e) {
   if (s.target.files.length <= 0) return;
   const i = s.target.files[0], n = t.closest("[data-upload-item]");
   let o = new FileReader();
   o.onload = (a) => {
     const r = i.type.split("/")[0] === "image" ? a.target.result : null;
-    if (e.params.sizeLimit && !Le(i, e.params.sizeLimit)) {
+    if (e.params.sizeLimit && !_e(i, e.params.sizeLimit)) {
       t.value = "", n.classList.add("over-limit"), e.params.on.overLimit && typeof e.params.on.overLimit == "function" && e.params.on.overLimit(t, e.params.sizeLimit);
       return;
     } else
-      n.classList.remove("over-limit"), n.classList.add("uploaded"), Ae(e.params, r).then((l) => {
-        Te(t, e, i, l);
+      n.classList.remove("over-limit"), n.classList.add("uploaded"), Se(e.params, r).then((l) => {
+        Ee(t, e, i, l);
       });
   }, o.readAsDataURL(i);
 }
-class ke {
+class De {
   constructor(t, e) {
     const i = this;
     i.el = t, i.params = {
@@ -3721,70 +3728,70 @@ class ke {
         previewSize: i.dataset.previewSize || t.params.previewSize,
         compress: i.dataset.compress || t.params.compress,
         on: {
-          changeAfter: mt(i.dataset.changeAfter, t.params.on.changeAfter),
-          overLimit: mt(i.dataset.overLimit, t.params.on.overLimit)
+          changeAfter: gt(i.dataset.changeAfter, t.params.on.changeAfter),
+          overLimit: gt(i.dataset.overLimit, t.params.on.overLimit)
         }
       };
       t.params = o, typeof uploadImage[`${o.group}`] > "u" && (uploadImage[`${o.group}`] = []), i.dataset.group || (i.dataset.group = o.group), i.dataset.index = document.querySelectorAll(`[data-group="${o.group}"]`).length - 1, i.addEventListener("change", function(a) {
-        _e(a, i, t);
+        ke(a, i, t);
       });
     }));
   }
 }
 export {
-  Qe as $,
-  wt as A,
-  ri as B,
-  ve as C,
-  Ct as D,
-  je as E,
+  Ke as $,
+  Tt as A,
+  li as B,
+  be as C,
+  Ht as D,
+  ze as E,
   E as F,
   T as G,
-  X as H,
-  ke as I,
-  R as J,
-  ii as K,
-  ni as L,
-  ue as M,
-  Ne as N,
-  Pe as O,
-  si as P,
-  $t as Q,
-  ye as R,
-  xt as S,
-  Ht as T,
-  Pt as U,
-  Ue as V,
-  ei as W,
-  ze as X,
-  Ye as Y,
-  G as Z,
-  J as _,
-  kt as a,
-  we as b,
-  C as c,
-  me as d,
-  te as e,
-  Ge as f,
-  Nt as g,
+  F as H,
+  De as I,
+  Y as J,
+  si as K,
+  oi as L,
+  he as M,
+  je as N,
+  Ne as O,
+  ni as P,
+  xt as Q,
+  we as R,
+  Ct as S,
+  It as T,
+  Nt as U,
+  Ye as V,
+  ii as W,
+  Ge as X,
+  Fe as Y,
+  R as Z,
+  U as _,
+  Dt as a,
+  Te as b,
+  H as c,
+  ge as d,
+  ee as e,
+  We as f,
+  jt as g,
   Be as h,
-  Oe as i,
-  V as j,
-  Xe as k,
-  Re as l,
+  Pe as i,
+  tt as j,
+  Ue as k,
+  Xe as l,
   Me as m,
-  Fe as n,
-  jt as o,
-  ee as p,
-  Ze as q,
-  We as r,
-  Je as s,
-  Ke as t,
+  Ze as n,
+  zt as o,
+  ie as p,
+  Je as q,
+  Re as r,
+  Qe as s,
+  Ve as t,
   S as u,
-  Et as v,
-  Ve as w,
-  ti as x,
-  oi as y,
-  ai as z
+  At as v,
+  ti as w,
+  ei as x,
+  ai as y,
+  ri as z
 };
 //# sourceMappingURL=image-preview-bundle.js.map