@xwadex/fesd 0.0.14-re.72 → 0.0.14-re.73

package/dist/image-preview-bundle.js

@@ -9,7 +9,7 @@ var p = (n, i, t) => {
 };
 var d = (n, i, t) => (hs(n, i, "access private method"), t);
 import { OverlayScrollbars as Ce } from "overlayscrollbars";
-import f from "jquery";
+import g from "jquery";
 import "./vendor-bundle.js";
 import "validator";
 import "flatpickr";
@@ -46,7 +46,7 @@ const Y = {
   TEMPLATE() {
     return '<div class="player-container"><div class="player-wrapper"></div></div>';
   }
-}, fs = {
+}, gs = {
   SETTINGS: {
     success: null,
     text: null,
@@ -128,7 +128,7 @@ const Y = {
           </div>
         `;
   }
-}, gs = {
+}, fs = {
   SETTINGS: {
     basic_rwd: 900
   }
@@ -173,7 +173,7 @@ const Y = {
     beforeScroll: null,
     afterScroll: null
   }
-}, $ = {
+}, k = {
   SETTINGS: {
     type: "drag",
     drag: {
@@ -287,14 +287,14 @@ const Y = {
   __proto__: null,
   anchor4: lt,
   aost4: Re,
-  article4: gs,
+  article4: fs,
   collapse4: Ye,
   dropdown4: He,
   marquee4: x,
   modal4: I,
-  multipurpose4: $,
+  multipurpose4: k,
   ripple4: Ue,
-  share4: fs,
+  share4: gs,
   tab4: Fe,
   video4: Y
 }, Symbol.toStringTag, { value: "Module" })), w = {
@@ -358,7 +358,7 @@ const Y = {
     return -t * ((n = n / e - 1) * n * n * n - 1) + i;
   }
 }, be = (n, i) => {
-  const { target: t, container: e, spacer: s, speed: o, gap: a, easing: r, direction: l } = n, c = l === "horizontal", u = c ? "scrollLeft" : "scrollTop", h = c ? "left" : "top", m = c ? "width" : "height", g = b(e) ? T(e) : document.scrollingElement, v = g[u], C = b(t) ? T(t).getBoundingClientRect()[h] : 0 - v, L = b(s) ? T(s).getBoundingClientRect()[m] : 0, H = C - a - L, G = 15;
+  const { target: t, container: e, spacer: s, speed: o, gap: a, easing: r, direction: l } = n, c = l === "horizontal", u = c ? "scrollLeft" : "scrollTop", h = c ? "left" : "top", m = c ? "width" : "height", f = b(e) ? T(e) : document.scrollingElement, v = f[u], C = b(t) ? T(t).getBoundingClientRect()[h] : 0 - v, L = b(s) ? T(s).getBoundingClientRect()[m] : 0, H = C - a - L, G = 15;
   let A = 0;
   if (H === 0)
     return;
@@ -370,7 +370,7 @@ const Y = {
   const Ie = () => {
     A += G;
     const R = ws[r](A, v, H, o);
-    g[u] = R, A < o && requestAnimationFrame(Ie), A >= o && X("afterScroll");
+    f[u] = R, A < o && requestAnimationFrame(Ie), A >= o && X("afterScroll");
   };
   requestAnimationFrame(Ie);
 };
@@ -452,12 +452,12 @@ const { MODALS: M } = window, Ts = (n) => {
     s.append(o);
   }), e.children[0];
 };
-var ft, Ke, gt, ti, vt, ei, bt, ii, yt, si;
+var gt, Ke, ft, ti, vt, ei, bt, ii, yt, si;
 class Ve extends HTMLElement {
   constructor() {
     super();
-    p(this, ft);
     p(this, gt);
+    p(this, ft);
     p(this, vt);
     p(this, bt);
     p(this, yt);
@@ -474,7 +474,7 @@ class Ve extends HTMLElement {
     }
   }
   connectedCallback() {
-    this.initialize || (this.initialize = !0, d(this, ft, Ke).call(this));
+    this.initialize || (this.initialize = !0, d(this, gt, Ke).call(this));
   }
   open() {
     return this.setAttribute(":state", "open"), this;
@@ -486,12 +486,12 @@ class Ve extends HTMLElement {
     return this.setAttribute(":state", "destroy"), this;
   }
 }
-ft = new WeakSet(), Ke = function() {
+gt = new WeakSet(), Ke = function() {
   const { ATTRS: t } = I;
   this.__events__ = {}, this.getAttribute(":state") || this.setAttribute(":state", "close");
   const e = this.getAttribute(t.id) || vs();
-  this.getAttribute(t.id) || (y(`modern-modal needs a ${t.id} attribute with a unique id.`), this.setAttribute(t.id, e)), M[e] && y(`the ${t.id} "${e}" is already be used.`), M[e] = this, d(this, gt, ti).call(this);
-}, gt = new WeakSet(), ti = function() {
+  this.getAttribute(t.id) || (y(`modern-modal needs a ${t.id} attribute with a unique id.`), this.setAttribute(t.id, e)), M[e] && y(`the ${t.id} "${e}" is already be used.`), M[e] = this, d(this, ft, ti).call(this);
+}, ft = new WeakSet(), ti = function() {
   this.childDom = this.childNodes, this.template = Ts(this), this.innerHTML = "", this.append(this.template), d(this, vt, ei).call(this);
 }, vt = new WeakSet(), ei = function() {
   const t = this.querySelector(".modal-scroller");
@@ -667,13 +667,13 @@ customElements.define("modern-modal", Ve);
 const Ls = (n, i) => {
   const t = n === window ? n.innerHeight : n.getBoundingClientRect().height, e = n === window ? 0 : n.getBoundingClientRect().top;
   i.forEach((s) => {
-    const { class: o, delay: a, start: r, end: l, repeat: c, instance: u } = s.aost, { top: h, bottom: m } = s.getBoundingClientRect(), g = t * (r / 100), v = t * (l / 100);
-    if (h - e <= g && m - e >= v && s.offsetParent)
+    const { class: o, delay: a, start: r, end: l, repeat: c, instance: u } = s.aost, { top: h, bottom: m } = s.getBoundingClientRect(), f = t * (r / 100), v = t * (l / 100);
+    if (h - e <= f && m - e >= v && s.offsetParent)
       setTimeout(() => {
         s.classList.add(o);
       }, a);
     else {
-      const L = s.classList.contains(o) && c === "down" && h - e >= g || c === "up" && m - e <= v || c === !0;
+      const L = s.classList.contains(o) && c === "down" && h - e >= f || c === "up" && m - e <= v || c === !0;
       setTimeout(() => {
         L && s.classList.remove(o);
       }, a);
@@ -735,7 +735,7 @@ const Ss = (n) => {
     s.append(o);
   }), e.children[0];
 };
-var Lt, ui, At, hi, St, pi, Dt, mi, _t, fi, xt, gi, kt, vi;
+var Lt, ui, At, hi, St, pi, Dt, mi, _t, gi, xt, fi, $t, vi;
 class Ds extends HTMLElement {
   constructor() {
     super();
@@ -748,7 +748,7 @@ class Ds extends HTMLElement {
     p(this, _t);
     // youku iframe
     p(this, xt);
-    p(this, kt);
+    p(this, $t);
     d(this, Lt, ui).call(this);
   }
   play() {
@@ -806,52 +806,67 @@ Lt = new WeakSet(), ui = function() {
     case "youkuAPI":
       break;
     case "youku":
-      e = d(this, xt, gi).call(this);
+      e = d(this, xt, fi).call(this);
       break;
     case "vimeo":
-      e = d(this, _t, fi).call(this);
+      e = d(this, _t, gi).call(this);
       break;
     case "bilibili":
-      e = d(this, kt, vi).call(this);
+      e = d(this, $t, vi).call(this);
       break;
   }
   this.querySelector(".player-wrapper").insertAdjacentHTML(w.prepend, e);
 }, Dt = new WeakSet(), mi = function() {
   const { videoId: t, autoplay: e } = this;
   return `<iframe src="https://www.youtube.com/embed/${t}?rel=0&${e === "on" ? "autoplay=1" : ""}&mute=1&loop=1&enablejsapi=1" frameborder="0" allowfullscreen="0" volumn="0" allow="${e === "on" ? "autoplay;" : ""} encrypted-media; gyroscope; picture-in-picture;"></iframe>`;
-}, _t = new WeakSet(), fi = function() {
+}, _t = new WeakSet(), gi = 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>`;
-}, xt = new WeakSet(), gi = function() {
+}, xt = new WeakSet(), fi = function() {
   const { videoId: t, autoplay: e } = this;
   return `<iframe src="https://player.youku.com/embed/${t}?rel=0&${e === "on" ? "autoplay=1" : ""}" frameborder=0 "allowfullscreen"></iframe>`;
-}, kt = new WeakSet(), vi = function() {
+}, $t = new WeakSet(), vi = function() {
   const { videoId: t, autoplay: e } = this;
   return `<iframe src="//player.bilibili.com/player.html?bvid=${t}&page=1&as_wide=1&high_quality=1&danmaku=0" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>`;
 };
+const un = (n) => new Promise((i) => {
+  let t = setTimeout(() => (clearTimeout(t), i()), n);
+});
 function bi(n) {
   const i = [];
   n && n.forEach((t) => {
     t instanceof HTMLElement ? i.push(t) : typeof t == "string" && i.push(...document.querySelectorAll(`${t}`));
-  }), f("html").addClass("scrollLock"), ps(i);
+  }), g("html").addClass("scrollLock"), ps(i);
 }
 function yi(n) {
   const i = [];
   n && n.forEach((t) => {
     t instanceof HTMLElement ? i.push(t) : typeof t == "string" && i.push(...document.querySelectorAll(`${t}`));
-  }), f("html").removeClass("scrollLock"), ms(i);
+  }), g("html").removeClass("scrollLock"), ms(i);
 }
-function un() {
-  f("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"><animateTransform attributeName="transform" type="rotate" dur="1s" repeatCount="indefinite" keyTimes="0;1" values="0 50 51;360 50 51"></animateTransform></path></svg></div></div>'), f(".loading-wrapper").fadeIn(300).promise().done(function() {
+async function hn(n = 0) {
+  if (!g(".loading-wrapper").length)
+    return;
+  g("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">
+        <animateTransform attributeName="transform" type="rotate" dur="1s" repeatCount="indefinite" keyTimes="0;1" values="0 50 51;360 50 51">
+        </animateTransform>
+      </path>
+      </svg>
+    </div>
+  </div>
+  `), g(".loading-wrapper").delay(n).fadeIn(300).promise().done(function() {
     bi();
   });
 }
-function hn() {
-  f(".loading-wrapper").fadeOut(300).promise().done(function() {
-    f(".loading-wrapper").remove(), yi();
+function pn() {
+  g(".loading-wrapper").fadeOut(300).promise().done(function() {
+    g(".loading-wrapper").remove(), yi();
   });
 }
-function pn(n, i) {
+function mn(n, i) {
   new tn(n, i);
 }
 function _s() {
@@ -859,9 +874,9 @@ function _s() {
   } }), t = new Ys(), e = new Je("[data-anchor-target]");
   n.update(), i.update(), t.reValidate(), e.update();
 }
-function mn(n, i = () => {
+function gn(n, i = () => {
 }) {
-  f(`[data-tab-content=${n}]`).fadeIn(function() {
+  g(`[data-tab-content=${n}]`).fadeIn(function() {
     typeof i == "function" && i();
   }).siblings("[data-tab-content]").hide(), _s();
 }
@@ -890,25 +905,25 @@ function fn() {
     }
   );
 }
-function gn() {
+function vn() {
   window.onpageshow = function(n) {
     n.persisted && window.location.reload();
   };
 }
-function vn() {
+function bn() {
   const n = navigator.userAgent;
   return {
     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 bn(n, i) {
-  f(n).on("click", function() {
-    f(this).toggleClass(i);
+function yn(n, i) {
+  g(n).on("click", function() {
+    g(this).toggleClass(i);
   });
 }
-function yn(n, i) {
-  f(n).on("click", function() {
-    f(n).not(this).removeClass(i), f(this).addClass(i);
+function wn(n, i) {
+  g(n).on("click", function() {
+    g(n).not(this).removeClass(i), g(this).addClass(i);
   });
 }
 function xs(n, i = 250) {
@@ -920,7 +935,7 @@ function xs(n, i = 250) {
     }, i);
   };
 }
-function wn(n, i = 250) {
+function Tn(n, i = 250) {
   let t, e;
   return function() {
     const s = this, o = arguments, a = +/* @__PURE__ */ new Date();
@@ -929,44 +944,44 @@ function wn(n, i = 250) {
     }, i)) : (t = a, n.apply(s, o));
   };
 }
-function Tn() {
-  window._g.interval = [], f(".countdown").each((i, t) => {
-    const e = Number(f(t).attr("data-seconds")) + 1;
+function En() {
+  window._g.interval = [], g(".countdown").each((i, t) => {
+    const e = Number(g(t).attr("data-seconds")) + 1;
     let s = Math.floor(e / 60) + ":" + e % 60;
     window._g.interval[i] = setInterval(function() {
       var o = s.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[i]), r = r < 0 ? 59 : r, r = r < 10 ? "0" + r : r, f(t).html(a + ":" + r), s = a + ":" + r;
+      --r, a = r < 0 ? --a : a, a = a < 10 ? a = "0" + a : a, a == 0 && r == 0 && clearInterval(window._g.interval[i]), r = r < 0 ? 59 : r, r = r < 10 ? "0" + r : r, g(t).html(a + ":" + r), s = a + ":" + r;
     }, 1e3);
   });
 }
-function En(n = 500) {
+function Ln(n = 500) {
   return new Promise((i, t) => {
     let e = setTimeout(() => {
       clearTimeout(e), i();
     }, n);
   });
 }
-function Ln() {
+function An() {
   const n = function() {
     let i = window.innerHeight * 0.01;
     document.documentElement.style.setProperty("--vh", i + "px");
   };
   n(), window.addEventListener("resize", xs(n));
 }
-function An(n, i, t, e, s) {
-  const o = this, r = f(n).html().split("<br>");
+function Sn(n, i, t, e, s) {
+  const o = this, r = g(n).html().split("<br>");
   let l = "", c = 0;
   r.forEach((u, h) => {
-    h !== 0 && (l += "<br>"), u.split("").forEach((g, v) => {
-      i ? (v === 0 && (l += '<span class="letter-wrap" style="display: inline-block">'), g === " " ? l += '</span> <span class="letter-wrap" style="display: inline-block">' : (l += `<span class="letter"${s || t ? ` style="${s ? `transition: ${o.formatFloat(Math.random(), 2) * s}s;` : ""}${t ? t === "random" ? `transition-delay: ${o.formatFloat(Math.random(), 2)}s;` : `transition-delay: ${t + c * e}s;` : ""}"` : ""}>${g}</span>`, c++), v === u.length - 1 && (l += "</span>")) : g === " " ? l += " " : (l += `<span class="letter"${s || t ? ` style="${s ? `transition: ${o.formatFloat(Math.random(), 2) * s}s;` : ""}${t ? t === "random" ? `transition-delay: ${o.formatFloat(Math.random(), 2)}s;` : `transition-delay: ${t + c * e}s;` : ""}"` : ""}>${g}</span>`, c++);
+    h !== 0 && (l += "<br>"), u.split("").forEach((f, v) => {
+      i ? (v === 0 && (l += '<span class="letter-wrap" style="display: inline-block">'), f === " " ? l += '</span> <span class="letter-wrap" style="display: inline-block">' : (l += `<span class="letter"${s || t ? ` style="${s ? `transition: ${o.formatFloat(Math.random(), 2) * s}s;` : ""}${t ? t === "random" ? `transition-delay: ${o.formatFloat(Math.random(), 2)}s;` : `transition-delay: ${t + c * e}s;` : ""}"` : ""}>${f}</span>`, c++), v === u.length - 1 && (l += "</span>")) : f === " " ? l += " " : (l += `<span class="letter"${s || t ? ` style="${s ? `transition: ${o.formatFloat(Math.random(), 2) * s}s;` : ""}${t ? t === "random" ? `transition-delay: ${o.formatFloat(Math.random(), 2)}s;` : `transition-delay: ${t + c * e}s;` : ""}"` : ""}>${f}</span>`, c++);
     });
-  }), f(n).html(l);
+  }), g(n).html(l);
 }
-function Sn(n, i) {
+function Dn(n, i) {
   const t = Math.pow(10, i);
   return Math.round(n * t) / t;
 }
-function Dn(n) {
+function _n(n) {
   let i = n.activeIndex, t = n.slides.length;
   if (n.params.loop)
     switch (n.activeIndex) {
@@ -981,11 +996,11 @@ function Dn(n) {
     }
   return i;
 }
-function _n(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());
+  (n.loopedSlides ? n.slides.length - n.loopedSlides * 2 : n.slides.length) <= s ? (t.addClass("swiper-no-swiping"), g(n.params.navigation.nextEl).hide(), g(n.params.navigation.prevEl).hide(), g(n.params.pagination.el).hide(), n.params.autoplay.enabled = !1, n.autoplay.stop()) : (t.removeClass("swiper-no-swiping"), g(n.params.navigation.nextEl).show(), g(n.params.navigation.prevEl).show(), g(n.params.pagination.el).show(), n.params.autoplay.enabled && n.autoplay.start());
 }
-function xn(n) {
+function $n(n) {
   n.el.querySelectorAll("img.detect-shade").forEach((i) => {
     i.addEventListener("load", function() {
       detectShade(i);
@@ -993,61 +1008,61 @@ function xn(n) {
   });
 }
 function kn(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) => {
+  const i = n.el, t = g(i).find(".swiper-slide-active"), e = g(t).find("video").get(0), s = g(i).find(".swiper-slide video");
+  n.autoplay.stop(), g(e).off("ended"), e ? (s.each((o, a) => {
     a.currentTime = 0;
-  }), f(e).on("ended", function() {
+  }), g(e).on("ended", function() {
     n.slideNext();
   }), e.play()) : n.params.autoplay.enabled && n.autoplay.start();
 }
-function $n() {
-  f(".number-grow").each(function(n, i) {
-    const t = f(i), o = t.attr("data-num").replace(/(\d)(?=(?:\d{3})+$)/g, "$1,").split(""), a = () => {
+function Cn() {
+  g(".number-grow").each(function(n, i) {
+    const t = g(i), o = t.attr("data-num").replace(/(\d)(?=(?:\d{3})+$)/g, "$1,").split(""), a = () => {
       let r = "";
       for (var l = 0; l <= 9; l++)
         r += String(l) + "<br>";
       return r;
     };
-    f(o).each(function(r, l) {
+    g(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>`;
       t.append(c);
     });
   });
 }
-function Cn() {
-  f(".letter-grow").each(function(n, i) {
-    const t = f(i), s = t.attr("data-letter").split(""), o = () => {
+function Hn() {
+  g(".letter-grow").each(function(n, i) {
+    const t = g(i), s = t.attr("data-letter").split(""), o = () => {
       let a = "";
       for (let r = 65; r <= 90; r++)
         a += String.fromCharCode(r) + "<br>";
       return a;
     };
-    f(s).each(function(a, r) {
+    g(s).each(function(a, r) {
       const l = `<div class="letter" data-final-letter="${r}"><div><br>${o()}<br>${o()}</div></div>`;
       t.append(l);
     });
   });
 }
-function Hn(n) {
+function Mn(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 Mn(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 In(n) {
   const i = document.createElement("div");
   return i.innerHTML = n, i.childNodes[0];
 }
-const je = (n) => n.videoId !== "" || typeof n.videoId < "u", ks = (n) => n.$selector.getAttribute("video4-active") === "on", ye = (n) => `<video-player video-id="${n.videoId}" video-type="${n.videoType}" video-autoplay="${n.videoAutoplay}"></video-player>`;
-var V, Le, $t, wi, Ct, Ti, K, Ae, Ht, Ei;
-class $s {
+const je = (n) => n.videoId !== "" || typeof n.videoId < "u", $s = (n) => n.$selector.getAttribute("video4-active") === "on", ye = (n) => `<video-player video-id="${n.videoId}" video-type="${n.videoType}" video-autoplay="${n.videoAutoplay}"></video-player>`;
+var V, Le, kt, wi, Ct, Ti, K, Ae, Ht, Ei;
+class ks {
   constructor(i, t = {}) {
     p(this, V);
-    p(this, $t);
+    p(this, kt);
     p(this, Ct);
     p(this, K);
     p(this, Ht);
@@ -1069,11 +1084,11 @@ V = new WeakSet(), Le = function() {
   if (this.elements = t.state == "not active" ? E(i + `:not([${this.active}])`) : E(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
     for (const [o, a] of Object.entries(this.options.on))
       this.__events__[o] = [a];
-  d(this, $t, wi).call(this);
-}, $t = new WeakSet(), wi = function() {
+  d(this, kt, wi).call(this);
+}, kt = new WeakSet(), wi = function() {
   const { elements: i, options: t } = this;
   i.forEach((e) => {
-    e.video = {}, e.video.instance = this, e.video.defaultOptions = t, e.video.params = d(this, Ht, Ei).call(this, e), e.video.methods = {}, e.video.methods.update = this.update, e.setAttribute(this.active, ""), je(e.video.params) && !ks(e.video.params) && (e.setAttribute("video4-active", "on"), d(this, Ct, Ti).call(this, e)), je(e.video.params) || Ne("video4", "無法取得影片 ID");
+    e.video = {}, e.video.instance = this, e.video.defaultOptions = t, e.video.params = d(this, Ht, Ei).call(this, e), e.video.methods = {}, e.video.methods.update = this.update, e.setAttribute(this.active, ""), je(e.video.params) && !$s(e.video.params) && (e.setAttribute("video4-active", "on"), d(this, Ct, Ti).call(this, e)), je(e.video.params) || Ne("video4", "無法取得影片 ID");
   }), this.emit("init");
 }, Ct = new WeakSet(), Ti = function(i) {
   const { LAYOUT: t } = Y, e = i.video.params, { $selector: s, videoLayoutNo: o, videoId: a, videoType: r, videoMode: l, videoButton: c, videoCover: u } = e;
@@ -1083,8 +1098,8 @@ V = new WeakSet(), Le = function() {
       i.classList.add("video4-cover"), s.querySelector("img") || (s.insertAdjacentHTML(w.prepend, '<picture><source srcset="" type="image/webp"><source srcset="" type="image/jpeg"><img src="" alt></picture>'), y("video4", "若啟用 [videoCover] 且選擇 onBox 模式必須於 video-target 內放置 img 結構，若無結構則自動加入圖片結構"));
       const m = s.querySelector("img");
       m.insertAdjacentHTML(w.after, t[o]);
-      const g = (m == null ? void 0 : m.getAttribute("src")) || (m == null ? void 0 : m.getAttribute("data-src"));
-      !g && r == "youtube" ? m.setAttribute("src", `https://img.youtube.com/vi/${a}/0.jpg`) : !g && r == "vimeo" ? m.setAttribute("src", `https://vumbnail.com/${a}_large.jpg`) : y("video4", "僅 youtube & vimeo 提供，無圖片時放置預設封面畫面，其他影片平台請自行上傳封面照片");
+      const f = (m == null ? void 0 : m.getAttribute("src")) || (m == null ? void 0 : m.getAttribute("data-src"));
+      !f && r == "youtube" ? m.setAttribute("src", `https://img.youtube.com/vi/${a}/0.jpg`) : !f && r == "vimeo" ? m.setAttribute("src", `https://vumbnail.com/${a}_large.jpg`) : y("video4", "僅 youtube & vimeo 提供，無圖片時放置預設封面畫面，其他影片平台請自行上傳封面照片");
     }
     c == "off" ? h = s : (h = s.querySelector(c) ?? s, s.querySelector(c) || y("video4", `找不到 videoButton 設定的 element -> '${c}' , 點擊物件轉移至 '${this.__storage__.el}'`)), h.video || (h.video = {}, h.video.params = e), h.video.eventHandler = d(this, K, Ae), h.addEventListener("click", h.video.eventHandler);
   } else if (l === "onPage") {
@@ -1093,8 +1108,8 @@ V = new WeakSet(), Le = function() {
       i.classList.add("video4-cover"), s.querySelector("img") || (s.insertAdjacentHTML(w.prepend, '<picture><source srcset="" type="image/webp"><source srcset="" type="image/jpeg"><img src="" alt></picture>'), y("video", "若啟用 [videoCover] 且選擇 onBox 模式必須於 video-target 內放置 img 結構"));
       const m = s.querySelector("img");
       m.insertAdjacentHTML(w.after, t[o]);
-      const g = (m == null ? void 0 : m.getAttribute("src")) || (m == null ? void 0 : m.getAttribute("data-src"));
-      !g && r == "youtube" ? m.setAttribute("src", `https://img.youtube.com/vi/${a}/0.jpg`) : !g && r == "vimeo" ? m.setAttribute("src", `https://vumbnail.com/${a}_large.jpg`) : g || y("video4", "僅 youtube & vimeo 提供，無圖片時放置預設封面畫面，其他影片平台請自行上傳封面照片"), c == "off" ? h = s : (h = s.querySelector(c) ?? s, s.querySelector(c) || y("video4", `找不到 videoButton 設定的 element -> '${c}', 點擊物件轉移至 '${this.__storage__.el}'`));
+      const f = (m == null ? void 0 : m.getAttribute("src")) || (m == null ? void 0 : m.getAttribute("data-src"));
+      !f && r == "youtube" ? m.setAttribute("src", `https://img.youtube.com/vi/${a}/0.jpg`) : !f && r == "vimeo" ? m.setAttribute("src", `https://vumbnail.com/${a}_large.jpg`) : f || y("video4", "僅 youtube & vimeo 提供，無圖片時放置預設封面畫面，其他影片平台請自行上傳封面照片"), c == "off" ? h = s : (h = s.querySelector(c) ?? s, s.querySelector(c) || y("video4", `找不到 videoButton 設定的 element -> '${c}', 點擊物件轉移至 '${this.__storage__.el}'`));
     } else {
       s.innerHTML = ye(e);
       return;
@@ -1142,7 +1157,7 @@ V = new WeakSet(), Le = function() {
     videoTargetRoute: i.getAttribute("video-target-route") || t.videoTargetRoute
   };
 };
-Object.assign($s.prototype, O);
+Object.assign(ks.prototype, O);
 customElements.define("video-player", Ds);
 const qe = {
   "zh-tw": {
@@ -1987,9 +2002,9 @@ const qe = {
   const i = (t = n.getAttribute("control-elements")) == null ? void 0 : t.split(",");
   i && i.forEach((e) => {
     const s = document.querySelector(e);
-    s || y("dropdown", `Can't not find control element(${e})`), s && s.classList.contains("disabled") && (s.classList.remove("disabled"), s.tagName === "DROPDOWN-EL" && s.s.activeLi && k(s, [...s.s.allLi].indexOf(s.s.activeLi)));
+    s || y("dropdown", `Can't not find control element(${e})`), s && s.classList.contains("disabled") && (s.classList.remove("disabled"), s.tagName === "DROPDOWN-EL" && s.s.activeLi && $(s, [...s.s.allLi].indexOf(s.s.activeLi)));
   });
-}, k = (n, 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) => {
@@ -2097,7 +2112,7 @@ class Ai extends HTMLElement {
           switch (o.hasAttribute("multiple") ? "multiple" : "single") {
             case "single":
               const r = o.querySelector(`.dropdown-list li[data-option="${s}"]`);
-              b(r) ? k(o, [...o.s.allLi].indexOf(r)) : k(o, -1);
+              b(r) ? $(o, [...o.s.allLi].indexOf(r)) : $(o, -1);
               break;
             case "multiple":
               const l = [];
@@ -2106,17 +2121,17 @@ class Ai extends HTMLElement {
                 b(h) && (h.classList.add("active"), l.push(h));
               });
               const c = l.map((u) => [...o.s.allLi].indexOf(u));
-              k(o, c);
+              $(o, c);
               break;
           }
         else
-          k(o, -1);
+          $(o, -1);
         o.emit("change");
         break;
       case "d4-placeholder":
         if (e === null)
           return;
-        e !== s && o.s.value.index < 0 && k(o, o.s.value.index);
+        e !== s && o.s.value.index < 0 && $(o, o.s.value.index);
         break;
     }
   }
@@ -2197,7 +2212,7 @@ Mt = new WeakSet(), Si = function() {
       };
       break;
   }
-  k(t, t.s.value.index), d(s = t, Ot, xi).call(s), t.classList.add("d4-initialize");
+  $(t, t.s.value.index), d(s = t, Ot, xi).call(s), t.classList.add("d4-initialize");
 }, Ot = new WeakSet(), xi = function() {
   const t = this;
   t.__events__.dropdownToggle = () => {
@@ -2254,7 +2269,7 @@ Mt = new WeakSet(), Si = function() {
     const a = e.querySelector(".dropdown-scroller"), r = e.classList.contains("city");
     e.s.allLi = e.querySelectorAll(".dropdown-list li"), e.s.allLi.forEach((l) => {
       l.addEventListener("click", function(c) {
-        var g;
+        var f;
         const u = this, h = [...e.s.allLi].indexOf(u), m = parseInt(e.getAttribute("d4-default-height"));
         if (u.classList.contains("has-sublayer")) {
           c.stopPropagation();
@@ -2273,15 +2288,15 @@ Mt = new WeakSet(), Si = function() {
             case "single":
               if (e.setAttribute("d4-value", u.getAttribute("data-option")), r) {
                 const v = e.s.cityLang, C = l.textContent.trim(), L = document.getElementById(e.getAttribute("dist-select"));
-                L && (L.querySelector(".dropdown-list").textContent = "", k(L, -1), qe[v][C].forEach((H, G) => {
+                L && (L.querySelector(".dropdown-list").textContent = "", $(L, -1), qe[v][C].forEach((H, G) => {
                   const A = document.createElement("li");
                   A.textContent = H[0], A.setAttribute("data-option", H[0]), L.querySelector(".dropdown-list").append(A);
                 }), e.__events__.selectOption(L));
               }
-              (g = u.parentNode.closest("li")) != null && g.classList.contains("has-sublayer") && (c.stopPropagation(), e.close());
+              (f = u.parentNode.closest("li")) != null && f.classList.contains("has-sublayer") && (c.stopPropagation(), e.close());
               break;
             case "multiple":
-              c.stopPropagation(), u.classList.toggle("active"), k(e, h);
+              c.stopPropagation(), u.classList.toggle("active"), $(e, h);
               break;
           }
       });
@@ -2414,7 +2429,7 @@ function Ns(n) {
     i && clearTimeout(i), i = setTimeout(n, 200, t);
   };
 }
-var Nt, ki, Pt, $i, jt, Ci, zt, Hi;
+var Nt, $i, Pt, ki, jt, Ci, zt, Hi;
 class Ps extends HTMLElement {
   constructor() {
     super();
@@ -2430,7 +2445,7 @@ class Ps extends HTMLElement {
   attributeChangedCallback(t, e, s) {
   }
   connectedCallback() {
-    this.initialize || (this.initialize = !0, d(this, Nt, ki).call(this));
+    this.initialize || (this.initialize = !0, d(this, Nt, $i).call(this));
   }
   play() {
     this.s.animation.play(), this.s.animateEl.classList.add("start"), this.s.options.continual && (this.s.cloneAnimation.play(), this.s.cloneAnimateEl.classList.add("start"));
@@ -2439,7 +2454,7 @@ class Ps extends HTMLElement {
     this.s.animation.pause(), this.s.options.continual && this.s.cloneAnimation.pause();
   }
 }
-Nt = new WeakSet(), ki = function() {
+Nt = new WeakSet(), $i = function() {
   const t = {
     direction: this.getAttribute("direction") || x.SETTINGS.direction,
     // up / down / left / right
@@ -2456,8 +2471,8 @@ Nt = new WeakSet(), ki = function() {
     // true / false
     gap: Number(this.getAttribute("gap")) || x.SETTINGS.gap
   };
-  this.s = {}, this.s.options = t, this.s.nowDuration = ze(this), Os(this), d(this, Pt, $i).call(this);
-}, Pt = new WeakSet(), $i = function() {
+  this.s = {}, this.s.options = t, this.s.nowDuration = ze(this), Os(this), d(this, Pt, ki).call(this);
+}, Pt = new WeakSet(), ki = function() {
   const { direction: t, continual: e, gap: s } = this.s.options;
   switch (t) {
     case "left":
@@ -2486,7 +2501,7 @@ Nt = new WeakSet(), ki = function() {
         }));
         break;
       case "alternate":
-        let g = function() {
+        let f = function() {
           let v = [];
           switch (e) {
             case "top":
@@ -2504,7 +2519,7 @@ Nt = new WeakSet(), ki = function() {
           }
           return v;
         }, h, m;
-        (t.clientHeight > t.s.animateEl.scrollHeight || e === "left" || e === "right") && (t.s.animateEl.style.transform = `${g()[0].transform}`, t.s.animateEl.animate(g(), {
+        (t.clientHeight > t.s.animateEl.scrollHeight || e === "left" || e === "right") && (t.s.animateEl.style.transform = `${f()[0].transform}`, t.s.animateEl.animate(f(), {
           duration: m,
           fill: "forwards"
         }).finished.then(() => {
@@ -2655,9 +2670,9 @@ Wt = new WeakSet(), Mi = function() {
   const c = function(h) {
     if (h.preventDefault(), e = !0, !t)
       return;
-    const g = h.pageX - i.offsetLeft - s;
+    const f = h.pageX - i.offsetLeft - s;
     i.scrollTo({
-      left: o - g
+      left: o - f
     });
   };
   i.removeEventListener("mousemove", c), i.addEventListener("mousemove", c);
@@ -2746,7 +2761,7 @@ Rt = new WeakSet(), Ni = function() {
 };
 const zs = (n) => {
   const { type: i, option: t, originalDomString: e } = n.s, s = document.createElement("div");
-  return i == "drag" && (s.innerHTML = $.TEMPLATE[i]().trim(), s.querySelector(".drag-container .wrapper").insertAdjacentHTML(w.append, e)), i == "collapse" && (s.innerHTML = $.TEMPLATE[i](t == null ? void 0 : t.collapse).trim(), s.querySelector(".drag-container .wrapper").insertAdjacentHTML(w.append, e), s.querySelector(".collapse-container .wrapper").insertAdjacentHTML(w.append, e)), i == "dropdown" && (s.innerHTML = $.TEMPLATE[i](t == null ? void 0 : t.dropdown).trim(), s.querySelector("dropdown-el").insertAdjacentHTML(w.append, e)), s.children;
+  return i == "drag" && (s.innerHTML = k.TEMPLATE[i]().trim(), s.querySelector(".drag-container .wrapper").insertAdjacentHTML(w.append, e)), i == "collapse" && (s.innerHTML = k.TEMPLATE[i](t == null ? void 0 : t.collapse).trim(), s.querySelector(".drag-container .wrapper").insertAdjacentHTML(w.append, e), s.querySelector(".collapse-container .wrapper").insertAdjacentHTML(w.append, e)), i == "dropdown" && (s.innerHTML = k.TEMPLATE[i](t == null ? void 0 : t.dropdown).trim(), s.querySelector("dropdown-el").insertAdjacentHTML(w.append, e)), s.children;
 };
 var Jt, Wi, Zt, Bi, et, De, B, ut;
 class Ws extends HTMLElement {
@@ -2794,7 +2809,7 @@ class Ws extends HTMLElement {
 }
 Jt = new WeakSet(), Wi = function() {
   let t = {};
-  this.hasAttribute("m4-value") || this.setAttribute("m4-value", ""), this.s.type = this.getAttribute("m4-type") ?? $.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") ?? k.SETTINGS.type, this.hasAttribute("m4-option") && (t = this.getAttribute("m4-option") ? JSON.parse(this.getAttribute("m4-option")) : {}, this.removeAttribute("m4-option"));
   const e = (s) => {
     if (s.type === "resize") {
       if (window.innerWidth === this.previousWidth)
@@ -2803,7 +2818,7 @@ Jt = new WeakSet(), Wi = function() {
     }
     this.update();
   };
-  window.removeEventListener("resize", ht(e)), window.addEventListener("resize", ht(e)), this.s.option = {}, this.s.option.drag = Object.assign({}, $.SETTINGS.drag, t == null ? void 0 : t.drag), this.s.option.collapse = Object.assign({}, $.SETTINGS.collapse, t == null ? void 0 : t.collapse), this.s.option.dropdown = Object.assign({}, $.SETTINGS.dropdown, t == null ? void 0 : t.dropdown), this.s.option.breakpoint = Object.assign({}, $.SETTINGS.breakpoint, t == null ? void 0 : t.breakpoint), d(this, Zt, Bi).call(this);
+  window.removeEventListener("resize", ht(e)), window.addEventListener("resize", ht(e)), this.s.option = {}, this.s.option.drag = Object.assign({}, k.SETTINGS.drag, t == null ? void 0 : t.drag), this.s.option.collapse = Object.assign({}, k.SETTINGS.collapse, t == null ? void 0 : t.collapse), this.s.option.dropdown = Object.assign({}, k.SETTINGS.dropdown, t == null ? void 0 : t.dropdown), this.s.option.breakpoint = Object.assign({}, k.SETTINGS.breakpoint, t == null ? void 0 : t.breakpoint), d(this, Zt, Bi).call(this);
 }, Zt = new WeakSet(), Bi = function() {
   this.classList.add("m4-init"), d(this, et, De).call(this);
 }, et = new WeakSet(), De = function() {
@@ -3119,7 +3134,7 @@ const Be = (n) => {
   const { defaultOptions: i } = n.collapse, { collapseClass: t, target: e, transition: s } = i, o = n.querySelector(e), a = o.children[0].offsetHeight;
   n.collapse.height = a, n.classList.remove(t), o.style.display = "block", o.style.height = `${a}px`, o.style["transition-property"] = s.property, o.style["transition-duration"] = s.duration, o.style["transition-timing-function"] = s.function, o.style["transition-delay"] = s.delay, o.style.overflow = "hidden";
 };
-var st, xe, he, as, pe, rs, nt, ke;
+var st, xe, he, as, pe, rs, nt, $e;
 class Xs {
   constructor(i, t = {}) {
     p(this, st);
@@ -3148,13 +3163,13 @@ st = new WeakSet(), xe = function() {
   }), this.emit("init");
 }, pe = new WeakSet(), rs = function(i) {
   const { options: t } = this, { collapseClass: e, block: s, target: o, defaultOpen: a, targetStopPropagation: r, defaultActiveMark: l } = t, c = i, u = c.querySelector(o);
-  if (c.collapse.height = u.children[0].offsetHeight, a ? (u.style.height = `${u.children[0].offsetHeight}px`, c.classList.remove(e)) : !c.classList.contains(l) && !c.hasAttribute(l) ? (c.classList.add(e), u.style.height = "0px", u.style.overflow = "hidden") : (u.style.height = `${u.children[0].offsetHeight}px`, c.classList.remove(e)), c.removeEventListener("click", d(this, nt, ke)), c.addEventListener("click", d(this, nt, ke)), r) {
+  if (c.collapse.height = u.children[0].offsetHeight, a ? (u.style.height = `${u.children[0].offsetHeight}px`, c.classList.remove(e)) : !c.classList.contains(l) && !c.hasAttribute(l) ? (c.classList.add(e), u.style.height = "0px", u.style.overflow = "hidden") : (u.style.height = `${u.children[0].offsetHeight}px`, c.classList.remove(e)), c.removeEventListener("click", d(this, nt, $e)), c.addEventListener("click", d(this, nt, $e)), r) {
     const h = (m) => {
       m.stopPropagation();
     };
     u.removeEventListener("click", h), u.addEventListener("click", h);
   }
-}, nt = new WeakSet(), ke = function() {
+}, nt = new WeakSet(), $e = function() {
   const { instance: i, defaultOptions: t } = this.collapse, { collapseClass: e, block: s, target: o, single: a } = t, r = this;
   r.classList.contains(e) ? (a && r.parentNode.querySelectorAll(`.${r.classList[0]}`).forEach((l) => {
     Be(l);
@@ -3174,25 +3189,25 @@ function ls() {
   });
 }
 document.addEventListener("click", ls);
-var ot, $e, me, cs, fe, ds, ge, us;
+var ot, ke, me, cs, ge, ds, fe, us;
 class Fs extends HTMLElement {
   constructor() {
     super();
     p(this, ot);
     p(this, me);
-    p(this, fe);
     p(this, ge);
+    p(this, fe);
     this.initialize = !1;
   }
   connectedCallback() {
     const t = this;
-    t.initialize || t.classList.contains("r4-initialize") || (t.initialize = !0, d(this, ot, $e).call(this));
+    t.initialize || t.classList.contains("r4-initialize") || (t.initialize = !0, d(this, ot, ke).call(this));
   }
   update() {
-    this.classList.remove("r4-initialize"), this.querySelector("i.hover-ball").remove(), d(this, ot, $e).call(this);
+    this.classList.remove("r4-initialize"), this.querySelector("i.hover-ball").remove(), d(this, ot, ke).call(this);
   }
 }
-ot = new WeakSet(), $e = function() {
+ot = new WeakSet(), ke = function() {
   const { SETTINGS: t } = Ue;
   this.s = {};
   function e(o) {
@@ -3209,11 +3224,11 @@ ot = new WeakSet(), $e = function() {
   };
   this.s.options = s, this.s.options.hover && this.classList.add("hover-btn"), d(this, me, cs).call(this);
 }, me = new WeakSet(), cs = function() {
-  d(this, fe, ds).call(this), d(this, ge, us).call(this), this.classList.add("r4-initialize");
-}, fe = new WeakSet(), ds = function() {
+  d(this, ge, ds).call(this), d(this, fe, us).call(this), this.classList.add("r4-initialize");
+}, ge = new WeakSet(), ds = function() {
   const t = this, e = document.createElement("i");
   e.classList.add("hover-ball"), e.style.transitionDuration = `${t.s.options.speed}ms`, t.appendChild(e);
-}, ge = new WeakSet(), us = function() {
+}, fe = new WeakSet(), us = function() {
   const t = this.querySelector("i.hover-ball"), e = this;
   e.addEventListener("click", function(a) {
     a.stopPropagation(), e.s.options.click && Rs(a, e);
@@ -3323,8 +3338,8 @@ function Js(n, i, t, e) {
       l < c ? (u = e / l * 100, h = s.height) : l > c ? (u = s.width, h = t * l / 100) : l === c && (u = s.width, h = s.height);
       break;
   }
-  const m = (s.width - u) * 0.5, g = (s.height - h) * 0.5;
-  return o.drawImage(i, m, g, u, h), s;
+  const m = (s.width - u) * 0.5, f = (s.height - h) * 0.5;
+  return o.drawImage(i, m, f, u, h), s;
 }
 function Zs(n, i) {
   return new Promise((t, e) => {
@@ -3427,16 +3442,17 @@ export {
   _n as P,
   xn as Q,
   Fs as R,
-  kn as S,
+  $n as S,
   Gi as T,
-  $n as U,
+  kn as U,
   Cn as V,
   Hn as W,
   Mn as X,
+  qn as Y,
   b as a,
   rt as b,
   vs as c,
-  gs as d,
+  fs as d,
   Y as e,
   w as f,
   E as g,
@@ -3447,17 +3463,17 @@ export {
   Ws as l,
   tn as m,
   xs as n,
-  qn as o,
-  bi as p,
-  yi as q,
-  un as r,
-  fs as s,
+  In as o,
+  un as p,
+  bi as q,
+  yi as r,
+  gs as s,
   hn as t,
   pn as u,
-  $s as v,
-  _s as w,
-  mn as x,
-  fn as y,
-  gn as z
+  ks as v,
+  mn as w,
+  _s as x,
+  gn as y,
+  fn as z
 };
 //# sourceMappingURL=image-preview-bundle.js.map