@xwadex/fesd 0.0.54 → 0.0.55

package/dist/image-preview-bundle.js

@@ -1,6 +1,6 @@
 var Ds = Object.defineProperty;
 var ks = (n, i, t) => i in n ? Ds(n, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[i] = t;
-var Xe = (n, i, t) => (ks(n, typeof i != "symbol" ? i + "" : i, t), t), xs = (n, i, t) => {
+var Xe = (n, i, t) => (ks(n, typeof i != "symbol" ? i + "" : i, t), t), $s = (n, i, t) => {
   if (!i.has(n))
     throw TypeError("Cannot " + t);
 };
@@ -9,14 +9,14 @@ var h = (n, i, t) => {
     throw TypeError("Cannot add the same private member more than once");
   i instanceof WeakSet ? i.add(n) : i.set(n, t);
 };
-var d = (n, i, t) => (xs(n, i, "access private method"), t);
+var d = (n, i, t) => ($s(n, i, "access private method"), t);
 import { OverlayScrollbars as ze } from "overlayscrollbars";
 import f from "jquery";
 import "./vendor-bundle.js";
 import "validator";
 import "flatpickr";
 import ti from "vanilla-lazyload";
-import { lock as $s, unlock as _s } from "tua-body-scroll-lock";
+import { lock as xs, unlock as _s } from "tua-body-scroll-lock";
 const Se = {
   SETTINGS: {
     videoId: null,
@@ -45,7 +45,9 @@ const Se = {
     init: null,
     afterInit: null,
     beforeDestroy: null,
-    afterUpdate: null
+    afterUpdate: null,
+    openModal: null,
+    closeModal: null
   },
   // video4 target 內放置結構 index 對應 videoLayoutNo
   LAYOUT: [
@@ -114,7 +116,7 @@ const Se = {
         </div>
         `;
   }
-}, I = {
+}, M = {
   SETTINGS: {
     direction: "left",
     // 方向 - top || right || bottom || left
@@ -321,14 +323,14 @@ const Se = {
     // hover 毫秒 ?
     speed: 600
   }
-}, Dn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, kn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   anchor4: mt,
   aost4: ei,
   article4: Hs,
   collapse4: si,
   dropdown4: Be,
-  marquee4: I,
+  marquee4: M,
   modal4: P,
   multipurpose4: q,
   ripple4: ni,
@@ -340,7 +342,7 @@ const Se = {
   after: "afterend",
   append: "beforeend",
   prepend: "afterbegin"
-}, dt = (n) => typeof n == "string" && n !== "", De = (n) => n instanceof HTMLElement, ut = (n) => n instanceof NodeList, E = (n) => k(n) !== null, G = (n) => typeof n == "function", k = (n) => De(n) ? n : document.querySelector(n), x = (n) => ut(n) ? n : document.querySelectorAll(n), Is = () => Math.random().toString(36).substr(2, 9), Ms = (n) => {
+}, dt = (n) => typeof n == "string" && n !== "", De = (n) => n instanceof HTMLElement, ut = (n) => n instanceof NodeList, E = (n) => k(n) !== null, G = (n) => typeof n == "function", k = (n) => De(n) ? n : document.querySelector(n), $ = (n) => ut(n) ? n : document.querySelectorAll(n), Ms = () => Math.random().toString(36).substr(2, 9), Is = (n) => {
   const i = document.createElement("div");
   return i.innerHTML = n, i.childNodes;
 }, qs = (n) => {
@@ -412,7 +414,7 @@ const Se = {
   };
   requestAnimationFrame(U);
 };
-var V, xe, bt, ai, yt, ri;
+var V, $e, bt, ai, yt, ri;
 class oi {
   constructor(i, t = {}) {
     h(this, V);
@@ -421,7 +423,7 @@ class oi {
     this.__storage__ = {
       el: i,
       options: t
-    }, this.active = "data-anchor-active", d(this, V, xe).call(this);
+    }, this.active = "data-anchor-active", d(this, V, $e).call(this);
   }
   destroy() {
     const { elements: i } = this;
@@ -431,7 +433,7 @@ class oi {
   }
   update() {
     var i;
-    return d(i = this.destroy(), V, xe).call(i), this.emit("afterUpdate"), this;
+    return d(i = this.destroy(), V, $e).call(i), this.emit("afterUpdate"), this;
   }
   static run(i) {
     const { SETTINGS: t } = mt, e = Object.assign({}, t, i);
@@ -449,12 +451,12 @@ class oi {
     }, r.delay);
   }
 }
-V = new WeakSet(), xe = function() {
+V = new WeakSet(), $e = function() {
   const { el: i, options: t } = this.__storage__;
   if (!dt(i) || !E(i))
     return;
   const { SETTINGS: e, EVENTS: s } = mt;
-  if (this.elements = t.state == "not active" ? x(i + `:not([${this.active}])`) : x(i), this.elements = x(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
+  if (this.elements = t.state == "not active" ? $(i + `:not([${this.active}])`) : $(i), this.elements = $(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
     for (const [o, a] of Object.entries(this.options.on))
       this.__events__[o] = [a];
   d(this, bt, ai).call(this);
@@ -527,7 +529,7 @@ class li extends HTMLElement {
 wt = new WeakSet(), ci = function() {
   const { ATTRS: t } = P;
   this.__events__ = {}, this.getAttribute(":state") || this.setAttribute(":state", "close");
-  const e = this.getAttribute(t.id) || Is();
+  const e = this.getAttribute(t.id) || Ms();
   this.getAttribute(t.id) || (L(`modern-modal needs a ${t.id} attribute with a unique id.`), this.setAttribute(t.id, e)), O[e] && L(`the ${t.id} "${e}" is already be used.`), O[e] = this, d(this, Tt, di).call(this);
 }, Tt = new WeakSet(), di = function() {
   this.childDom = this.childNodes, this.template = Ns(this), this.innerHTML = "", this.append(this.template), d(this, Et, ui).call(this);
@@ -626,7 +628,7 @@ const { MODALS: We } = window, ht = {}, mi = (n, i, ...t) => {
     i && (i.emit(l, ...c), mi(i, o[l], ...c)), i || gi(o[l], ...c);
   };
   ht[t] || (ht[t] = !0, fetch(e).then((l) => (r("success", a), l.text())).then((l) => {
-    const c = Ms(l), u = k(s) || k(P.SETTINGS.container);
+    const c = Is(l), u = k(s) || k(P.SETTINGS.container);
     [...c].forEach((g) => {
       u.append(g);
     });
@@ -636,7 +638,7 @@ const { MODALS: We } = window, ht = {}, mi = (n, i, ...t) => {
     r("error", l), delete ht[t];
   }));
 };
-var tt, $e, St, vi, Dt, bi;
+var tt, xe, St, vi, Dt, bi;
 const B = class B {
   constructor(i, t = {}) {
     h(this, tt);
@@ -645,7 +647,7 @@ const B = class B {
     this.__storage__ = {
       el: i,
       options: t
-    }, this.active = "data-modal-active", d(this, tt, $e).call(this);
+    }, this.active = "data-modal-active", d(this, tt, xe).call(this);
   }
   destroy() {
     const { elements: i } = this;
@@ -655,7 +657,7 @@ const B = class B {
   }
   update() {
     var i;
-    return d(i = this.destroy(), tt, $e).call(i), this.emit("update"), this;
+    return d(i = this.destroy(), tt, xe).call(i), this.emit("update"), this;
   }
   /** static method 'open' */
   static open(i) {
@@ -671,12 +673,12 @@ const B = class B {
     Object.assign(B.prototype, B.prototype.__methods__);
   }
 };
-tt = new WeakSet(), $e = function() {
+tt = new WeakSet(), xe = function() {
   const { el: i, options: t } = this.__storage__;
   if (!dt(i) || !E(i))
     return;
   const { SETTINGS: e, EVENTS: s } = P;
-  if (this.elements = t.state == "not active" ? x(i + `:not([${this.active}])`) : x(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
+  if (this.elements = t.state == "not active" ? $(i + `:not([${this.active}])`) : $(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
     for (const [o, a] of Object.entries(this.options.on))
       this.__events__[o] = [a];
   d(this, St, vi).call(this);
@@ -751,7 +753,7 @@ et = new WeakSet(), _e = function() {
   if (!dt(i) || !E(i))
     return;
   const { SETTINGS: e, EVENTS: s } = ei;
-  if (this.elements = t.state == "not active" ? x(i + `:not([${this.active}])`) : x(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
+  if (this.elements = t.state == "not active" ? $(i + `:not([${this.active}])`) : $(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
     for (const [o, a] of Object.entries(this.options.on))
       this.__events__[o] = [a];
   d(this, kt, wi).call(this);
@@ -774,27 +776,27 @@ const Bs = (n) => {
     s.append(o);
   }), e.children[0];
 };
-var xt, Ti, $t, Ei, _t, Ai, Ct, Li, Ht, Si, It, Di, Mt, ki, qt, xi, Ot, $i, Nt, _i;
+var $t, Ti, xt, Ei, _t, Ai, Ct, Li, Ht, Si, Mt, Di, It, ki, qt, $i, Ot, xi, Nt, _i;
 class Ws extends HTMLElement {
   constructor() {
     super();
-    h(this, xt);
     h(this, $t);
+    h(this, xt);
     h(this, _t);
     // youtube iframe
     h(this, Ct);
     // vimeo iframe
     h(this, Ht);
     // youku iframe
-    h(this, It);
     h(this, Mt);
+    h(this, It);
     // 2025.02.11 新增 ig 
     h(this, qt);
     // 2025.02.11 新增 tiktok 
     h(this, Ot);
     // 2026.01.15 新增 video 
     h(this, Nt);
-    d(this, xt, Ti).call(this);
+    d(this, $t, Ti).call(this);
   }
   play() {
     const { videoType: t } = this;
@@ -831,13 +833,13 @@ class Ws extends HTMLElement {
     }
   }
 }
-xt = new WeakSet(), Ti = function() {
+$t = new WeakSet(), Ti = function() {
   if (!this.getAttribute("video-id")) {
     L("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"), d(this, $t, Ei).call(this);
-}, $t = new WeakSet(), Ei = function() {
+  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"), d(this, xt, Ei).call(this);
+}, xt = new WeakSet(), Ei = function() {
   this.childDom = this.childNodes, this.template = Bs(this), this.innerHTML = "", this.append(this.template), d(this, _t, Ai).call(this);
 }, _t = new WeakSet(), Ai = function() {
   const { videoType: t, videoMode: e } = this, { COOKIEDISAGREELAYOUT: s } = Se;
@@ -854,19 +856,19 @@ xt = new WeakSet(), Ti = function() {
     case "youkuAPI":
       break;
     case "youku":
-      document.body.wd_youku == !1 ? a("video-player") : o = d(this, It, Di).call(this);
+      document.body.wd_youku == !1 ? a("video-player") : o = d(this, Mt, Di).call(this);
       break;
     case "vimeo":
       document.body.wd_vimeo == !1 ? a("video-player") : o = d(this, Ht, Si).call(this);
       break;
     case "bilibili":
-      document.body.wd_bilibili == !1 ? a("video-player") : o = d(this, Mt, ki).call(this);
+      document.body.wd_bilibili == !1 ? a("video-player") : o = d(this, It, ki).call(this);
       break;
     case "instagram":
-      document.body.wd_instagram == !1 ? a(".instagram-media") : o = d(this, qt, xi).call(this);
+      document.body.wd_instagram == !1 ? a(".instagram-media") : o = d(this, qt, $i).call(this);
       break;
     case "tiktok":
-      document.body.wd_tiktok == !1 ? a("video-player") : o = d(this, Ot, $i).call(this);
+      document.body.wd_tiktok == !1 ? a("video-player") : o = d(this, Ot, xi).call(this);
       break;
     case "videojs":
       break;
@@ -881,16 +883,16 @@ xt = new WeakSet(), Ti = function() {
 }, Ht = new WeakSet(), Si = function() {
   const { videoId: t, autoplay: e, hash: s } = this;
   return `<iframe src="https://player.vimeo.com/video/${t}?h=${s}&${e === "on" ? "autoplay=1" : ""}&loop=1&color=ffffff&title=0&byline=0&portrait=0" frameborder="0" allow="${e === "on" ? "autoplay;" : ""} fullscreen; picture-in-picture" allowfullscreen></iframe><script src="https://player.vimeo.com/api/player.js"><\/script>`;
-}, It = new WeakSet(), Di = function() {
+}, Mt = new WeakSet(), Di = function() {
   const { videoId: t, autoplay: e } = this;
   return `<iframe src="https://player.youku.com/embed/${t}?rel=0&${e === "on" ? "autoplay=1" : ""}" frameborder=0 "allowfullscreen"></iframe>`;
-}, Mt = new WeakSet(), ki = function() {
+}, It = new WeakSet(), ki = function() {
   const { videoId: t, autoplay: e } = this;
   return `<iframe src="//player.bilibili.com/player.html?bvid=${t}&page=1&as_wide=1&high_quality=1&danmaku=0" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>`;
-}, qt = new WeakSet(), xi = function() {
+}, qt = new WeakSet(), $i = function() {
   const { videoId: t, autoplay: e } = this;
   return `<iframe class="instagram-media instagram-media-rendered" id="instagram-embed-0" src="https://www.instagram.com/p/${t}/embed/"  width="num-w" height=" num-h" scrolling="auto" frameborder="0" data-instgrm-payload-id="instagram-media-payload-0"></iframe>`;
-}, Ot = new WeakSet(), $i = function() {
+}, Ot = new WeakSet(), xi = function() {
   const { videoId: t, autoplay: e } = this;
   return `<iframe name="__tt_embed__v79271677875424740" sandbox="allow-popups allow-popups-to-escape-sandbox allow-scripts allow-top-navigation allow-same-origin" src="https://www.tiktok.com/player/v1/${t}?&${e === "on" ? "autoplay=1" : ""}"></iframe>`;
 }, Nt = new WeakSet(), _i = function() {
@@ -906,15 +908,15 @@ function Ci(n) {
 }
 function Hi(n) {
   const i = Ci(n);
-  Z += 1, Z === 1 && (document.documentElement.classList.add("scrollLock"), $s(i));
+  Z += 1, Z === 1 && (document.documentElement.classList.add("scrollLock"), xs(i));
 }
-function Ii(n) {
+function Mi(n) {
   if (Z = Math.max(0, Z - 1), Z === 0) {
     const i = Ci(n);
     _s(i), document.documentElement.classList.remove("scrollLock");
   }
 }
-async function kn(n = 0) {
+async function $n(n = 0) {
   if (f(".loading-wrapper").length)
     return;
   f("body").append(`
@@ -933,24 +935,24 @@ async function kn(n = 0) {
 }
 function xn() {
   f(".loading-wrapper").fadeOut(300).promise().done(function() {
-    f(".loading-wrapper").remove(), Ii();
+    f(".loading-wrapper").remove(), Mi();
   });
 }
-function $n(n, i) {
-  new vn(n, i);
+function _n(n, i) {
+  new bn(n, i);
 }
 function Gs() {
   const n = document.querySelector("[data-aost]") && new yi("[data-aost]"), i = document.querySelector("[data-anchor-target]") && new oi("[data-anchor-target]"), t = new ti({ callback_loaded: () => {
-  } }), e = new dn();
+  } }), e = new un();
   n == null || n.update(), t.update(), e.reValidate(), i == null || i.update();
 }
-function _n(n, i = () => {
+function Cn(n, i = () => {
 }) {
   f(`[data-tab-content=${n}]`).fadeIn(function() {
     typeof i == "function" && i();
   }).siblings("[data-tab-content]").hide(), Gs();
 }
-function Cn() {
+function Hn() {
   ze(
     {
       target: document.body,
@@ -975,7 +977,7 @@ function Cn() {
     }
   );
 }
-function Hn() {
+function Mn() {
   window.onpageshow = function(n) {
     n.persisted && window.location.reload();
   };
@@ -986,17 +988,17 @@ function In() {
     BigSurUP: /Mac OS X 10.15/.test(n) || /Mac OS X 10_15_7/.test(n) || /Mac OS X 10_15_8/.test(n) || /Mac OS X 10_15_9/.test(n) || /Mac OS X 11_/.test(n) || /Mac OS X 12_/.test(n)
   };
 }
-function Mn(n, i) {
+function qn(n, i) {
   f(n).on("click", function() {
     f(this).toggleClass(i);
   });
 }
-function qn(n, i) {
+function On(n, i) {
   f(n).on("click", function() {
     f(n).not(this).removeClass(i), f(this).addClass(i);
   });
 }
-const On = (n) => new Promise((i) => {
+const Nn = (n) => new Promise((i) => {
   let t = setTimeout(() => (clearTimeout(t), i()), n);
 });
 function Rs(n, i = 250) {
@@ -1008,7 +1010,7 @@ function Rs(n, i = 250) {
     }, i);
   };
 }
-function Nn(n, i = 250) {
+function Pn(n, i = 250) {
   let t, e;
   return function() {
     const s = this, o = arguments, a = +/* @__PURE__ */ new Date();
@@ -1017,7 +1019,7 @@ function Nn(n, i = 250) {
     }, i)) : (t = a, n.apply(s, o));
   };
 }
-function Pn() {
+function jn() {
   window._g.interval = [], f(".countdown").each((i, t) => {
     const e = Number(f(t).attr("data-seconds")) + 1;
     let s = Math.floor(e / 60) + ":" + e % 60;
@@ -1027,21 +1029,21 @@ function Pn() {
     }, 1e3);
   });
 }
-function jn(n = 500) {
+function zn(n = 500) {
   return new Promise((i, t) => {
     let e = setTimeout(() => {
       clearTimeout(e), i();
     }, n);
   });
 }
-function zn() {
+function Bn() {
   const n = function() {
     let i = window.innerHeight * 0.01;
     document.documentElement.style.setProperty("--vh", i + "px");
   };
   n(), window.addEventListener("resize", Rs(n));
 }
-function Bn(n, i, t, e, s) {
+function Wn(n, i, t, e, s) {
   const o = this, r = f(n).html().split("<br>");
   let l = "", c = 0;
   r.forEach((u, p) => {
@@ -1050,11 +1052,11 @@ function Bn(n, i, t, e, s) {
     });
   }), f(n).html(l);
 }
-function Wn(n, i) {
+function Gn(n, i) {
   const t = Math.pow(10, i);
   return Math.round(n * t) / t;
 }
-function Gn(n) {
+function Rn(n) {
   let i = n.activeIndex, t = n.slides.length;
   if (n.params.loop)
     switch (n.activeIndex) {
@@ -1069,18 +1071,18 @@ function Gn(n) {
     }
   return i;
 }
-function Rn(n, i) {
+function Xn(n, i) {
   const t = n.$el, e = n.params.grid.rows, s = i || n.params.slidesPerView * e;
   (n.loopedSlides ? n.slides.length - n.loopedSlides * 2 : n.slides.length) <= s ? (t.addClass("swiper-no-swiping"), f(n.params.navigation.nextEl).hide(), f(n.params.navigation.prevEl).hide(), f(n.params.pagination.el).hide(), n.params.autoplay.enabled = !1, n.autoplay.stop()) : (t.removeClass("swiper-no-swiping"), f(n.params.navigation.nextEl).show(), f(n.params.navigation.prevEl).show(), f(n.params.pagination.el).show(), n.params.autoplay.enabled && n.autoplay.start());
 }
-function Xn(n) {
+function Yn(n) {
   n.el.querySelectorAll("img.detect-shade").forEach((i) => {
     i.addEventListener("load", function() {
       detectShade(i);
     });
   });
 }
-function Yn(n) {
+function Fn(n) {
   const i = n.el, t = f(i).find(".swiper-slide-active"), e = f(t).find("video").get(0), s = f(i).find(".swiper-slide video");
   n.autoplay.stop(), f(e).off("ended"), e ? (s.each((o, a) => {
     a.currentTime = 0;
@@ -1088,7 +1090,7 @@ function Yn(n) {
     n.slideNext();
   }), e.play()) : n.params.autoplay.enabled && n.autoplay.start();
 }
-function Fn() {
+function Un() {
   f(".number-grow").each(function(n, i) {
     const t = f(i), o = t.attr("data-num").replace(/(\d)(?=(?:\d{3})+$)/g, "$1,").split(""), a = () => {
       let r = "";
@@ -1102,7 +1104,7 @@ function Fn() {
     });
   });
 }
-function Un() {
+function Jn() {
   f(".letter-grow").each(function(n, i) {
     const t = f(i), s = t.attr("data-letter").split(""), o = () => {
       let a = "";
@@ -1116,22 +1118,22 @@ function Un() {
     });
   });
 }
-function Jn(n) {
+function Zn(n) {
   const i = getComputedStyle(n).transform;
   let t = i.match(/^matrix3d\((.+)\)$/);
   return t ? parseFloat(t[1].split(", ")[12]) : (t = i.match(/^matrix\((.+)\)$/), t ? parseFloat(t[1].split(", ")[4]) : 0);
 }
-function Zn(n) {
+function Qn(n) {
   const i = getComputedStyle(n).transform;
   let t = i.match(/^matrix3d\((.+)\)$/);
   return t ? parseFloat(t[1].split(", ")[13]) : (t = i.match(/^matrix\((.+)\)$/), t ? parseFloat(t[1].split(", ")[5]) : 0);
 }
-function Qn(n) {
+function Kn(n) {
   const i = document.createElement("div");
   return i.innerHTML = n, i.childNodes[0];
 }
-const Ue = (n) => n.videoId !== "" || typeof n.videoId < "u", Xs = (n) => n.$selector.getAttribute("video4-active") === "on", pt = (n) => `<video-player video-id="${n.videoId}" video-type="${n.videoType}" video-startTime="${n.videoStartTime}" video-autoplay="${n.videoAutoplay}"></video-player>`;
-var it, He, Pt, Mi, jt, qi, st, Ie, zt, Oi;
+const Ue = (n) => n.videoId !== "" || typeof n.videoId < "u", Xs = (n) => n.$selector.getAttribute("video4-active") === "on", pt = (n) => `<video-player video-id="${n.videoId}" video-type="${n.videoType}" video-startTime="${n.videoStartTime}" video-autoplay="${n.videoAutoplay}"></video-player>`, Ys = (n) => (console.log(n.videoId, "params.videoId"), `<blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="${n.videoId}"></blockquote>`);
+var it, He, Pt, Ii, jt, qi, st, Me, zt, Oi;
 const X = class X {
   //*-* 給Article4用的 **//
   constructor(i, t = {}) {
@@ -1155,7 +1157,7 @@ const X = class X {
 };
 it = new WeakSet(), He = function() {
   const { el: i, options: t } = this.__storage__, { SETTINGS: e, EVENTS: s, LAYOUT: o } = Se;
-  if (t.isGlobal && (X.globalOptions = t), this.elements = t.state == "not active" ? x(i + `:not([${this.active}])`) : x(i), this.options = Object.assign(
+  if (t.isGlobal && (X.globalOptions = t), this.elements = t.state == "not active" ? $(i + `:not([${this.active}])`) : $(i), this.options = Object.assign(
     {},
     { LAYOUT: o },
     // 原始 configs 的 LAYOUT
@@ -1168,8 +1170,8 @@ it = new WeakSet(), He = function() {
   ), this.__events__ = Object.assign({}, s), this.options.on)
     for (const [a, r] of Object.entries(this.options.on))
       this.__events__[a] = [r];
-  d(this, Pt, Mi).call(this);
-}, Pt = new WeakSet(), Mi = function() {
+  d(this, Pt, Ii).call(this);
+}, Pt = new WeakSet(), Ii = function() {
   const { elements: i, options: t } = this;
   i.forEach((e) => {
     e.video = {}, e.video.instance = this, e.video.defaultOptions = t, e.video.params = d(this, zt, Oi).call(this, e), e.video.methods = {}, e.video.methods.update = this.update, e.setAttribute(this.active, ""), Ue(e.video.params) && !Xs(e.video.params) && (e.setAttribute("video4-active", "on"), d(this, jt, qi).call(this, e)), Ue(e.video.params) || Ye("video4", "無法取得影片 ID");
@@ -1201,7 +1203,7 @@ it = new WeakSet(), He = function() {
           console.log("error");
         }) : L("video4", "僅 youtube & vimeo 提供，無圖片時放置預設封面畫面，其他影片平台請自行上傳封面照片");
     }
-    c == "off" ? g = s : (g = s.querySelector(c) ?? s, s.querySelector(c) || L("video4", `找不到 videoButton 設定的 element -> '${c}' , 點擊物件轉移至 '${this.__storage__.el}'`)), g.video || (g.video = {}, g.video.params = e), g.video.eventHandler = d(this, st, Ie), g.addEventListener("click", g.video.eventHandler);
+    c == "off" ? g = s : (g = s.querySelector(c) ?? s, s.querySelector(c) || L("video4", `找不到 videoButton 設定的 element -> '${c}' , 點擊物件轉移至 '${this.__storage__.el}'`)), g.video || (g.video = {}, g.video.params = e, g.video.instance = this), g.video.eventHandler = d(this, st, Me), g.addEventListener("click", g.video.eventHandler);
   } else if (l === "onPage") {
     let g = null;
     if (u == "on") {
@@ -1219,10 +1221,10 @@ it = new WeakSet(), He = function() {
       s.innerHTML = pt(e);
       return;
     }
-    g.video || (g.video = {}, g.video.params = e), g.video.eventHandler = d(this, st, Ie), g.addEventListener("click", g.video.eventHandler);
+    g.video || (g.video = {}, g.video.params = e), g.video.eventHandler = d(this, st, Me), g.addEventListener("click", g.video.eventHandler);
   }
-}, st = new WeakSet(), Ie = function(i) {
-  const { video: t, emit: e } = this, {
+}, st = new WeakSet(), Me = function(i) {
+  const { video: t } = this, e = t.instance, {
     $selector: s,
     videoMode: o,
     videoTarget: a,
@@ -1248,7 +1250,7 @@ it = new WeakSet(), He = function() {
       on: {
         complete(y) {
           var D;
-          o == "onBox" && (u == "instagram" ? (y.setAttribute("video-typeStyle", `${u}`), (D = window.instgrm) != null && D.Embeds ? window.instgrm.Embeds.process() : console.log("window.instgrm is undefined")) : (y.querySelector(".modal-content").insertAdjacentHTML("beforeend", pt(t.params)), y.setAttribute("video-typeStyle", `${u}`))), o == "inBox" && y.setAttribute("video-typeStyle", `${u}`);
+          o == "onBox" && (u == "instagram" ? (y.setAttribute("video-typeStyle", `${u}`), (D = window.instgrm) != null && D.Embeds ? (y.querySelector(".modal-content").insertAdjacentHTML("beforeend", Ys(t.params)), window.instgrm.Embeds.process()) : console.log("window.instgrm is undefined")) : (y.querySelector(".modal-content").insertAdjacentHTML("beforeend", pt(t.params)), y.setAttribute("video-typeStyle", `${u}`))), o == "inBox" && y.setAttribute("video-typeStyle", `${u}`);
         },
         open(y) {
           var U;
@@ -1302,10 +1304,11 @@ it = new WeakSet(), He = function() {
               videoLayoutNo: t.params.videoLayoutNo
             });
           }
+          e == null || e.emit("openModal");
         },
         close(y) {
           const D = y.querySelectorAll("[data-overlayscrollbars-viewport]");
-          Ii([...D]);
+          Mi([...D]), e == null || e.emit("closeModal");
         },
         destroy(y) {
         }
@@ -1346,7 +1349,7 @@ it = new WeakSet(), He = function() {
 let Ce = X;
 Object.assign(Ce.prototype, j);
 customElements.define("video-player", Ws);
-const Ys = {
+const Fs = {
   "zh-tw": {
     臺北市: [
       ["中正區", "100"],
@@ -2177,7 +2180,7 @@ const Ys = {
   }
 };
 let Q;
-const Fs = (n) => {
+const Us = (n) => {
   const { TEMPLATE: i } = Be, { childDom: t } = n.s, e = document.createElement("div"), s = n.classList.contains("filter"), o = n.getAttribute("filter-placeholder"), a = n.getAttribute("d4-icon"), r = n.getAttribute("custom-template");
   e.innerHTML = i(
     s,
@@ -2191,14 +2194,14 @@ const Fs = (n) => {
       (!p.hasAttribute("data-option") || p.getAttribute("data-option").trim() === "") && p.setAttribute("data-option", p.textContent.trim());
     }) : (!c.hasAttribute("data-option") || c.getAttribute("data-option").trim() === "") && c.setAttribute("data-option", c.textContent.trim())), l.append(c);
   }), e.children[0];
-}, Us = (n) => {
+}, Js = (n) => {
   var t;
   const i = (t = n.getAttribute("control-elements")) == null ? void 0 : t.split(",");
   i && i.forEach((e) => {
     const s = document.querySelector(e);
-    s || L("dropdown", `Can't not find control element(${e})`), s && s.classList.contains("disabled") && (s.classList.remove("disabled"), s.tagName === "DROPDOWN-EL" && s.s.activeLi && M(s, [...s.s.allLi].indexOf(s.s.activeLi)));
+    s || L("dropdown", `Can't not find control element(${e})`), s && s.classList.contains("disabled") && (s.classList.remove("disabled"), s.tagName === "DROPDOWN-EL" && s.s.activeLi && I(s, [...s.s.allLi].indexOf(s.s.activeLi)));
   });
-}, M = (n, i) => {
+}, I = (n, i) => {
   const t = n.getAttribute("d4-placeholder"), e = n.querySelectorAll(".dropdown-list li");
   if (i < 0 || i.length === 0) {
     switch (e.forEach((s) => {
@@ -2250,23 +2253,23 @@ const Fs = (n) => {
         break;
     }
   }
-}, Js = (n) => {
+}, Zs = (n) => {
   const i = n.s.cityLang;
-  f("#newCityData").length > 0 ? f("#newCityData").val() !== "" && (Q = JSON.parse(f("#newCityData").val())[0], console.log([0])) : Q = Ys, n.classList.contains("city") && (n.s.dropdownEl.querySelector(".dropdown-list").innerHTML = "", Object.keys(Q[i]).forEach((t) => {
+  f("#newCityData").length > 0 ? f("#newCityData").val() !== "" && (Q = JSON.parse(f("#newCityData").val())[0], console.log([0])) : Q = Fs, n.classList.contains("city") && (n.s.dropdownEl.querySelector(".dropdown-list").innerHTML = "", Object.keys(Q[i]).forEach((t) => {
     const e = document.createElement("li");
     e.textContent = t, e.setAttribute("data-option", t), n.s.dropdownEl.querySelector(".dropdown-list").append(e);
   }), n.s.allLi = n.querySelectorAll(".dropdown-list li"));
-}, Zs = (n, i) => {
+}, Qs = (n, i) => {
   const t = n.s.cityLang;
   Q[t][i].forEach((e, s) => {
     const o = document.createElement("li");
     o.textContent = e[0], o.setAttribute("data-option", e[0]), n.querySelector(".dropdown-list").append(o);
   });
 }, Ni = () => {
-  x('dropdown-el[d4-status="open"]').forEach((i) => {
+  $('dropdown-el[d4-status="open"]').forEach((i) => {
     i.close();
   });
-}, Qs = () => {
+}, Ks = () => {
   const { SETTINGS: n } = Be;
   ((t, e) => {
     Object.keys(e).forEach((s) => {
@@ -2274,7 +2277,7 @@ const Fs = (n) => {
     });
   })(document.documentElement, n.scrollbar);
 };
-Qs();
+Ks();
 document.addEventListener("click", function() {
   Ni();
 });
@@ -2306,7 +2309,7 @@ class Pi extends HTMLElement {
           switch (o.hasAttribute("multiple") ? "multiple" : "single") {
             case "single":
               const r = o.querySelector(`.dropdown-list li[data-option="${s}"]`);
-              E(r) ? M(o, [...o.s.allLi].indexOf(r)) : M(o, -1);
+              E(r) ? I(o, [...o.s.allLi].indexOf(r)) : I(o, -1);
               break;
             case "multiple":
               const l = [];
@@ -2315,17 +2318,17 @@ class Pi extends HTMLElement {
                 E(p) && (p.classList.add("active"), l.push(p));
               });
               const c = l.map((u) => [...o.s.allLi].indexOf(u));
-              M(o, c);
+              I(o, c);
               break;
           }
         else
-          M(o, -1);
+          I(o, -1);
         o.emit("change");
         break;
       case "d4-placeholder":
         if (e === null)
           return;
-        e !== s && o.s.value.index < 0 && M(o, o.s.value.index);
+        e !== s && o.s.value.index < 0 && I(o, o.s.value.index);
         break;
     }
   }
@@ -2360,11 +2363,11 @@ class Pi extends HTMLElement {
 Bt = new WeakSet(), ji = function() {
   this.s = {}, this.__events__ = {}, this.hasAttribute("d4-status") || this.setAttribute("d4-status", "close"), this.hasAttribute("d4-value") || this.setAttribute("d4-value", ""), d(this, Wt, zi).call(this);
 }, Wt = new WeakSet(), zi = function() {
-  this.s.childDom = this.childNodes, this.s.template = Fs(this), this.innerHTML = "", this.append(this.s.template), d(this, Gt, Bi).call(this);
+  this.s.childDom = this.childNodes, this.s.template = Us(this), this.innerHTML = "", this.append(this.s.template), d(this, Gt, Bi).call(this);
 }, Gt = new WeakSet(), Bi = function() {
   var s;
   const t = this;
-  t.s.allLi = t.querySelectorAll(".dropdown-list li"), t.s.selectDisplayEl = t.querySelector(".select-display"), t.s.dropdownEl = t.querySelector(".dropdown"), t.s.selectType = t.hasAttribute("multiple") ? "multiple" : "single", t.s.cityLang = t.hasAttribute("city-lang") ? t.getAttribute("city-lang") : "zh-tw", Js(t), t.s.subDropdownTotalH = 0;
+  t.s.allLi = t.querySelectorAll(".dropdown-list li"), t.s.selectDisplayEl = t.querySelector(".select-display"), t.s.dropdownEl = t.querySelector(".dropdown"), t.s.selectType = t.hasAttribute("multiple") ? "multiple" : "single", t.s.cityLang = t.hasAttribute("city-lang") ? t.getAttribute("city-lang") : "zh-tw", Zs(t), t.s.subDropdownTotalH = 0;
   const e = t.getAttribute("d4-value");
   switch (t.s.selectType) {
     case "single":
@@ -2373,7 +2376,7 @@ Bt = new WeakSet(), ji = function() {
         const r = document.querySelector(`dropdown-el[dist-select="${t.id}"]`), l = r ? r.getAttribute("d4-value") !== "" : !1;
         if (r && l) {
           const c = r.getAttribute("d4-value");
-          if (Zs(t, c), t.s.allLi = t.querySelectorAll(".dropdown-list li"), t.classList.remove("disabled"), t.getAttribute("d4-value") !== "") {
+          if (Qs(t, c), t.s.allLi = t.querySelectorAll(".dropdown-list li"), t.classList.remove("disabled"), t.getAttribute("d4-value") !== "") {
             const u = e.split(",")[1];
             o = t.querySelector(`.dropdown-list li[data-option="${u}"]`), t.setAttribute("d4-value", u);
           }
@@ -2406,7 +2409,7 @@ Bt = new WeakSet(), ji = function() {
       };
       break;
   }
-  M(t, t.s.value.index), d(s = t, Rt, Wi).call(s), t.classList.add("d4-initialize");
+  I(t, t.s.value.index), d(s = t, Rt, Wi).call(s), t.classList.add("d4-initialize");
 }, Rt = new WeakSet(), Wi = function() {
   const t = this;
   t.__events__.dropdownToggle = () => {
@@ -2478,11 +2481,11 @@ Bt = new WeakSet(), ji = function() {
           };
           v.addEventListener("transitionend", D);
         } else
-          switch (Us(e), e.s.selectType) {
+          switch (Js(e), e.s.selectType) {
             case "single":
               if (e.setAttribute("d4-value", u.getAttribute("data-option")), r) {
                 const v = e.s.cityLang, w = l.textContent.trim(), b = document.getElementById(e.getAttribute("dist-select"));
-                b && (b.querySelector(".dropdown-list").textContent = "", M(b, -1), Q[v][w].forEach((T, C) => {
+                b && (b.querySelector(".dropdown-list").textContent = "", I(b, -1), Q[v][w].forEach((T, C) => {
                   const y = document.createElement("li");
                   y.textContent = T[0], y.setAttribute("data-option", T[0]), b.querySelector(".dropdown-list").append(y);
                 }), e.__events__.selectOption(b));
@@ -2490,7 +2493,7 @@ Bt = new WeakSet(), ji = function() {
               (m = u.parentNode.closest("li")) != null && m.classList.contains("has-sublayer") && (c.stopPropagation(), e.close());
               break;
             case "multiple":
-              c.stopPropagation(), u.classList.toggle("active"), M(e, p);
+              c.stopPropagation(), u.classList.toggle("active"), I(e, p);
               break;
           }
       });
@@ -2550,7 +2553,7 @@ function Je(n) {
   } else
     return n.s.options.duration;
 }
-function Ks(n) {
+function Vs(n) {
   const { behavior: i, continual: t, gap: e } = n.s.options, s = n.childNodes, o = document.createElement("div"), a = document.createElement("div");
   o.className = "animate-container", a.className = "animate-item", [...s].forEach((l) => {
     a.append(l);
@@ -2617,14 +2620,14 @@ function H(n) {
   }
   return s;
 }
-function Vs(n) {
+function tn(n) {
   let i;
   return function(t) {
     i && clearTimeout(i), i = setTimeout(n, 200, t);
   };
 }
 var Xt, Gi, Yt, Ri, Ft, Xi, Ut, Yi;
-class tn extends HTMLElement {
+class en extends HTMLElement {
   constructor() {
     super();
     h(this, Xt);
@@ -2650,22 +2653,22 @@ class tn extends HTMLElement {
 }
 Xt = new WeakSet(), Gi = function() {
   const t = {
-    direction: this.getAttribute("direction") || I.SETTINGS.direction,
+    direction: this.getAttribute("direction") || M.SETTINGS.direction,
     // up / down / left / right
-    behavior: this.getAttribute("behavior") || I.SETTINGS.behavior,
+    behavior: this.getAttribute("behavior") || M.SETTINGS.behavior,
     // normal / alternate / endStop
-    duration: Number(this.getAttribute("duration")) || I.SETTINGS.duration,
+    duration: Number(this.getAttribute("duration")) || M.SETTINGS.duration,
     // ms
-    durationBreakpoints: gt(this) || I.SETTINGS.durationBreakpoints,
-    autoplay: this.getAttribute("autoplay") || I.SETTINGS.autoplay,
+    durationBreakpoints: gt(this) || M.SETTINGS.durationBreakpoints,
+    autoplay: this.getAttribute("autoplay") || M.SETTINGS.autoplay,
     // normal / alternate / endStop
-    pauseOnMouseenter: this.getAttribute("pauseOnMouseEnter") ? this.getAttribute("pauseOnMouseEnter") === "true" : I.SETTINGS.pauseOnMouseenter,
+    pauseOnMouseenter: this.getAttribute("pauseOnMouseEnter") ? this.getAttribute("pauseOnMouseEnter") === "true" : M.SETTINGS.pauseOnMouseenter,
     // true / false
-    continual: this.getAttribute("continual") ? this.getAttribute("continual") === "true" : I.SETTINGS.continual,
+    continual: this.getAttribute("continual") ? this.getAttribute("continual") === "true" : M.SETTINGS.continual,
     // true / false
-    gap: Number(this.getAttribute("gap")) || I.SETTINGS.gap
+    gap: Number(this.getAttribute("gap")) || M.SETTINGS.gap
   };
-  this.s = {}, this.s.options = t, this.s.nowDuration = Je(this), Ks(this), d(this, Yt, Ri).call(this);
+  this.s = {}, this.s.options = t, this.s.nowDuration = Je(this), Vs(this), d(this, Yt, Ri).call(this);
 }, Yt = new WeakSet(), Ri = function() {
   const { direction: t, continual: e, gap: s } = this.s.options;
   switch (t) {
@@ -2757,15 +2760,15 @@ Xt = new WeakSet(), Gi = function() {
       iterations: 1 / 0
     }), t.s.cloneAnimation.startTime = o);
   }
-  window.addEventListener("resize", Vs(e));
+  window.addEventListener("resize", tn(e));
 };
-customElements.define("marquee-el", tn);
+customElements.define("marquee-el", en);
 const Ze = function(n, i) {
   let t;
   return function(e) {
     t && clearTimeout(t), t = setTimeout(n, 200, e);
   };
-}, $ = (n, i) => {
+}, x = (n, i) => {
   if (ut(n)) {
     n.forEach((t) => {
       t.classList.add(i);
@@ -2782,7 +2785,7 @@ const Ze = function(n, i) {
   }
   n.classList.remove(i);
 };
-var Jt, Fi, Zt, Ui, Qt, Ji, nt, Me, Y, ft, Kt, Zi;
+var Jt, Fi, Zt, Ui, Qt, Ji, nt, Ie, Y, ft, Kt, Zi;
 class Qe {
   constructor(i) {
     // 初始化
@@ -2827,7 +2830,7 @@ Jt = new WeakSet(), Fi = function() {
   let t = !1;
   const e = () => {
     t || (requestAnimationFrame(() => {
-      d(this, nt, Me).call(this), d(this, Y, ft).call(this), t = !1;
+      d(this, nt, Ie).call(this), d(this, Y, ft).call(this), t = !1;
     }), t = !0);
   };
   i.$wrapper.removeEventListener("scroll", e), i.$wrapper.addEventListener("scroll", e), window.removeEventListener("resize", e), window.addEventListener("resize", e), (i.option.draggable || i.$element.s.type == "collapse") && d(s = i, Qt, Ji).call(s), i.option.navigation && i.$element.s.type !== "collapse" && (i.$container.insertAdjacentHTML(
@@ -2841,7 +2844,7 @@ Jt = new WeakSet(), Fi = function() {
         </div>
       </div>`
   ), i.$button = (o = i.$container) == null ? void 0 : o.querySelectorAll(".button"), d(a = i, Zt, Ui).call(a)), d(r = i, Kt, Zi).call(r), i.update(!0), requestAnimationFrame(() => {
-    d(this, nt, Me).call(this), d(this, Y, ft).call(this);
+    d(this, nt, Ie).call(this), d(this, Y, ft).call(this);
   });
 }, Zt = new WeakSet(), Ui = function() {
   const i = this, { $wrapper: t, $button: e } = i, s = function() {
@@ -2887,27 +2890,27 @@ Jt = new WeakSet(), Fi = function() {
   i.querySelectorAll("a").forEach((p) => {
     p.removeEventListener("click", u), p.addEventListener("click", u);
   });
-}, nt = new WeakSet(), Me = function() {
+}, nt = new WeakSet(), Ie = function() {
   const { $container: i, $wrapper: t } = this, e = t.scrollWidth - t.clientWidth, s = Math.round(t.scrollLeft);
-  e <= 0 || ($(i, "scrollable"), s == 0 ? ($(t, "start"), _(t, "end")) : s + 1 >= e ? (_(t, "start"), $(t, "end")) : ($(t, "center"), _(t, "start"), _(t, "end")));
+  e <= 0 || (x(i, "scrollable"), s == 0 ? (x(t, "start"), _(t, "end")) : s + 1 >= e ? (_(t, "start"), x(t, "end")) : (x(t, "center"), _(t, "start"), _(t, "end")));
 }, Y = new WeakSet(), ft = function() {
   const { $wrapper: i, $button: t, $element: e } = this;
   if (!t)
     return;
   const s = i.scrollWidth - i.clientWidth, o = i.scrollLeft;
   if (s <= 0) {
-    $(t, "hide"), _(t, "active"), $(e, "noScrollable");
+    x(t, "hide"), _(t, "active"), x(e, "noScrollable");
     return;
   }
-  s > 0 && ($(t, "active"), _(e, "noScrollable")), o == 0 ? t.forEach((a) => {
+  s > 0 && (x(t, "active"), _(e, "noScrollable")), o == 0 ? t.forEach((a) => {
     if (a.classList.contains("next")) {
       _(a, "hide");
       return;
     }
-    $(a, "hide");
+    x(a, "hide");
   }) : o + 1 >= s ? t.forEach((a) => {
     if (a.classList.contains("next")) {
-      $(a, "hide");
+      x(a, "hide");
       return;
     }
     _(a, "hide");
@@ -2927,7 +2930,7 @@ Jt = new WeakSet(), Fi = function() {
   });
 };
 var Vt, Qi, te, Ki, ee, Vi, ie, ts;
-class en {
+class sn {
   constructor(i) {
     // 初始化
     h(this, Vt);
@@ -2944,7 +2947,7 @@ Vt = new WeakSet(), Qi = function() {
   this.$element && (this.$container = this.$element.querySelector(".collapse-container"), this.$wrapper = this.$container.querySelector(".wrapper"), d(this, te, Ki).call(this) && d(this, ee, Vi).call(this), d(this, ie, ts).call(this));
 }, te = new WeakSet(), Ki = function() {
   const i = this.$element.querySelector(".drag-container"), t = i.querySelector(".wrapper");
-  return t.scrollWidth - t.clientWidth > 0 ? (i.insertAdjacentHTML(S.append, '<div class="open-collapse"></div>'), this.$button = i.querySelector(".open-collapse"), _(this.$element, "noScrollable"), !0) : ($(this.$element, "noScrollable"), !1);
+  return t.scrollWidth - t.clientWidth > 0 ? (i.insertAdjacentHTML(S.append, '<div class="open-collapse"></div>'), this.$button = i.querySelector(".open-collapse"), _(this.$element, "noScrollable"), !0) : (x(this.$element, "noScrollable"), !1);
 }, ee = new WeakSet(), Vi = function() {
   const { $element: i, $button: t } = this, e = function() {
     i.classList.contains("expand") ? i.classList.remove("expand") : i.classList.add("expand");
@@ -2964,12 +2967,12 @@ Vt = new WeakSet(), Qi = function() {
     s.removeEventListener("click", e), s.addEventListener("click", e);
   });
 };
-const sn = (n) => {
+const nn = (n) => {
   const { type: i, option: t, originalDomString: e } = n.s, s = document.createElement("div");
   return i == "drag" && (s.innerHTML = q.TEMPLATE[i]().trim(), s.querySelector(".drag-container .wrapper").insertAdjacentHTML(S.append, e)), i == "collapse" && (s.innerHTML = q.TEMPLATE[i](t == null ? void 0 : t.collapse).trim(), s.querySelector(".drag-container .wrapper").insertAdjacentHTML(S.append, e), s.querySelector(".collapse-container .wrapper").insertAdjacentHTML(S.append, e)), i == "dropdown" && (s.innerHTML = q.TEMPLATE[i](t == null ? void 0 : t.dropdown).trim(), s.querySelector("dropdown-el").insertAdjacentHTML(S.append, e)), s.children;
 };
 var se, es, ne, is, ot, qe, F, vt;
-class nn extends HTMLElement {
+class on extends HTMLElement {
   constructor() {
     super();
     h(this, se);
@@ -3039,7 +3042,7 @@ se = new WeakSet(), es = function() {
 }, F = new WeakSet(), vt = function() {
   var o;
   const { type: t } = this.s;
-  this.innerHTML = "", [...sn(this)].forEach((a) => {
+  this.innerHTML = "", [...nn(this)].forEach((a) => {
     this.append(a);
   });
   const e = this.querySelector(`.drag-container .item[data-option="${this.getAttribute("m4-status")}"]`), s = this.querySelector(`.collapse-container .item[data-option="${this.getAttribute("m4-status")}"]`);
@@ -3048,12 +3051,12 @@ se = new WeakSet(), es = function() {
       this.drag = new Qe(this);
       break;
     case "collapse":
-      this.drag = new Qe(this), this.collapse = new en(this);
+      this.drag = new Qe(this), this.collapse = new sn(this);
       break;
   }
   (o = this.drag) == null || o.update();
 };
-customElements.define("multipurpose-nav", nn);
+customElements.define("multipurpose-nav", on);
 var oe, ns, ae, os, at, Oe, W, J, re, as, le, rs, ce, ls, de, cs, ue, ds, he, us, pe, hs, me, ps, ge, ms, N, R, fe, gs, ve, fs, be, vs, ye, bs;
 class ss extends HTMLElement {
   // 定義組件的初始狀態
@@ -3288,12 +3291,12 @@ oe = new WeakSet(), ns = function() {
   const t = this;
   window.addEventListener(
     "resize",
-    on(() => {
+    an(() => {
       t.update();
     }, 1e3)
   );
 };
-function on(n, i = 1e3) {
+function an(n, i = 1e3) {
   let t;
   return function(e) {
     t && clearTimeout(t), t = setTimeout(n, i, e);
@@ -3335,12 +3338,12 @@ customElements.define("tab-el", ss);
 const Ke = (n) => {
   const { defaultOptions: i } = n.collapse, { collapseClass: t, target: e, transition: s } = i, o = n.querySelector(e);
   n.classList.add(t), o.style.height = 0, o.style["transition-property"] = s.property, o.style["transition-duration"] = s.duration, o.style["transition-timing-function"] = s.function, o.style["transition-delay"] = s.delay, o.style.overflow = "hidden";
-}, an = (n) => {
+}, rn = (n) => {
   const { defaultOptions: i } = n.collapse, { collapseClass: t, target: e, transition: s } = i, o = n.querySelector(e), a = o.children[0].offsetHeight;
   n.collapse.height = a, n.classList.remove(t), o.style.display = "block", o.style.height = `${a}px`, o.style["transition-property"] = s.property, o.style["transition-duration"] = s.duration, o.style["transition-timing-function"] = s.function, o.style["transition-delay"] = s.delay, o.style.overflow = "hidden";
 };
 var rt, Ne, we, ws, Te, Ts, lt, Pe;
-class rn {
+class ln {
   constructor(i, t = {}) {
     h(this, rt);
     h(this, we);
@@ -3357,7 +3360,7 @@ class rn {
 }
 rt = new WeakSet(), Ne = function() {
   const { el: i, options: t } = this.__storage__, { SETTINGS: e, EVENTS: s } = si;
-  if (this.elements = t.state == "not active" ? x(i + `:not([${this.active}])`) : x(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
+  if (this.elements = t.state == "not active" ? $(i + `:not([${this.active}])`) : $(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
     for (const [o, a] of Object.entries(this.options.on))
       this.__events__[o] = [a];
   d(this, we, ws).call(this);
@@ -3378,10 +3381,10 @@ rt = new WeakSet(), Ne = function() {
   const { instance: i, defaultOptions: t } = this.collapse, { collapseClass: e, block: s, target: o, single: a } = t, r = this;
   r.classList.contains(e) ? (a && r.parentNode.querySelectorAll(`.${r.classList[0]}`).forEach((l) => {
     Ke(l);
-  }), an(r)) : Ke(r), i.emit("afterCollapse");
+  }), rn(r)) : Ke(r), i.emit("afterCollapse");
 };
-Object.assign(rn.prototype, j);
-function ln(n, i) {
+Object.assign(ln.prototype, j);
+function cn(n, i) {
   const t = i, { color: e, opacity: s, duration: o } = i.s.options;
   let a = document.createElement("span"), r = n.clientX - t.getBoundingClientRect().left, l = n.clientY - t.getBoundingClientRect().top;
   a.style.cssText = `background: ${e};left: ${r}px;top: ${l}px;opacity: ${s};animation-duration: ${o}ms`, a.classList.add("circle"), t.appendChild(a), setTimeout(function() {
@@ -3395,7 +3398,7 @@ function Es() {
 }
 document.addEventListener("click", Es);
 var ct, je, Ee, As, Ae, Ls, Le, Ss;
-class cn extends HTMLElement {
+class dn extends HTMLElement {
   constructor() {
     super();
     h(this, ct);
@@ -3436,7 +3439,7 @@ ct = new WeakSet(), je = function() {
 }, Le = new WeakSet(), Ss = function() {
   const t = this.querySelector("i.hover-ball"), e = this;
   e.addEventListener("click", function(a) {
-    a.stopPropagation(), e.s.options.click && ln(a, e);
+    a.stopPropagation(), e.s.options.click && cn(a, e);
   });
   let s = "ontouchstart" in document.documentElement ? "touchstart" : "mouseenter", o = "ontouchend" in document.documentElement ? "touchend" : "mouseleave";
   e.addEventListener(s, function(a) {
@@ -3451,8 +3454,8 @@ ct = new WeakSet(), je = function() {
     }
   });
 };
-customElements.define("ripple-btn", cn);
-class dn {
+customElements.define("ripple-btn", dn);
+class un {
   constructor() {
     this.init();
   }
@@ -3509,7 +3512,7 @@ function Ve(n, i) {
     Function(n)(t, e);
   } : i;
 }
-function un(n, i, t, e) {
+function hn(n, i, t, e) {
   const s = i.params, o = n.closest("[data-upload-item]").querySelector("[data-preview]");
   o.querySelector("img") && o.querySelector("img").remove(), o.appendChild(e.imgElement);
   const a = n.dataset.group, r = document.querySelector(i.el).dataset.index;
@@ -3532,7 +3535,7 @@ function un(n, i, t, e) {
       info: e
     }, s.on.changeAfter && typeof s.on.changeAfter == "function" && s.on.changeAfter(n, e);
 }
-function hn(n, i, t, e) {
+function pn(n, i, t, e) {
   const s = document.createElement("canvas"), o = s.getContext("2d"), a = i.width, l = i.height / a * 100, c = e / t * 100;
   let u = 0, p = 0;
   switch (s.width = t, s.height = e, n.previewSize) {
@@ -3546,14 +3549,14 @@ function hn(n, i, t, e) {
   const g = (s.width - u) * 0.5, m = (s.height - p) * 0.5;
   return o.drawImage(i, g, m, u, p), s;
 }
-function pn(n, i) {
+function mn(n, i) {
   return new Promise((t, e) => {
     if (i) {
       const s = new Image();
       s.src = i, s.classList.add(n.previewSize), s.onload = () => {
         let o = {
           imgElement: s,
-          originalCanvas: hn(n, s, s.width, s.height),
+          originalCanvas: pn(n, s, s.width, s.height),
           info: {
             originalWidth: s.width,
             originalHeight: s.height,
@@ -3566,31 +3569,31 @@ function pn(n, i) {
       t();
   });
 }
-function mn(n, i) {
+function gn(n, i) {
   const t = Math.pow(10, i);
   return Math.round(n * t) / t;
 }
-function gn(n, i) {
+function fn(n, i) {
   let t = n.size / 1024 / 1024;
-  return `${mn(t, 2)}` <= i;
+  return `${gn(t, 2)}` <= i;
 }
-function fn(n, i, t) {
+function vn(n, i, t) {
   if (n.target.files.length <= 0)
     return;
   const e = n.target.files[0], s = i.closest("[data-upload-item]");
   let o = new FileReader();
   o.onload = (a) => {
     const r = e.type.split("/")[0] === "image" ? a.target.result : null;
-    if (t.params.sizeLimit && !gn(e, t.params.sizeLimit)) {
+    if (t.params.sizeLimit && !fn(e, t.params.sizeLimit)) {
       i.value = "", s.classList.add("over-limit"), t.params.on.overLimit && typeof t.params.on.overLimit == "function" && t.params.on.overLimit(i, t.params.sizeLimit);
       return;
     } else
-      s.classList.remove("over-limit"), s.classList.add("uploaded"), pn(t.params, r).then((l) => {
-        un(i, t, e, l);
+      s.classList.remove("over-limit"), s.classList.add("uploaded"), mn(t.params, r).then((l) => {
+        hn(i, t, e, l);
       });
   }, o.readAsDataURL(e);
 }
-class vn {
+class bn {
   constructor(i, t) {
     const e = this;
     e.el = i, e.params = {
@@ -3623,7 +3626,7 @@ class vn {
         }
       };
       i.params = o, typeof uploadImage[`${o.group}`] > "u" && (uploadImage[`${o.group}`] = []), e.dataset.group || (e.dataset.group = o.group), e.dataset.index = document.querySelectorAll(`[data-group="${o.group}"]`).length - 1, e.addEventListener("change", function(a) {
-        fn(a, e, i);
+        vn(a, e, i);
       });
     }));
   }
@@ -3631,54 +3634,54 @@ class vn {
 export {
   oi as A,
   In as B,
-  rn as C,
+  ln as C,
   Pi as D,
-  Mn as E,
-  qn as F,
-  On as G,
-  Nn as H,
-  dn as I,
-  Pn as J,
-  jn as K,
-  zn as L,
+  qn as E,
+  On as F,
+  Nn as G,
+  Pn as H,
+  un as I,
+  jn as J,
+  zn as K,
+  Bn as L,
   K as M,
-  Bn as N,
-  Wn as O,
-  Gn as P,
-  Rn as Q,
-  cn as R,
-  Xn as S,
+  Wn as N,
+  Gn as O,
+  Rn as P,
+  Xn as Q,
+  dn as R,
+  Yn as S,
   ss as T,
-  Yn as U,
-  Fn as V,
-  Un as W,
-  Jn as X,
-  Zn as Y,
+  Fn as U,
+  Un as V,
+  Jn as W,
+  Zn as X,
+  Qn as Y,
   E as a,
   ut as b,
-  Is as c,
+  Ms as c,
   Hs as d,
   Se as e,
   S as f,
-  x as g,
-  Dn as h,
+  $ as g,
+  kn as h,
   dt as i,
   yi as j,
-  tn as k,
-  nn as l,
-  vn as m,
+  en as k,
+  on as l,
+  bn as m,
   Rs as n,
-  Qn as o,
+  Kn as o,
   Hi as p,
-  Ii as q,
-  kn as r,
+  Mi as q,
+  $n as r,
   Cs as s,
   xn as t,
-  $n as u,
+  _n as u,
   Ce as v,
   Gs as w,
-  _n as x,
-  Cn as y,
-  Hn as z
+  Cn as x,
+  Hn as y,
+  Mn as z
 };
 //# sourceMappingURL=image-preview-bundle.js.map