@xwadex/fesd 0.0.23 → 0.0.25

package/dist/image-preview-bundle.js

@@ -9,7 +9,7 @@ var h = (n, i, t) => {
 };
 var d = (n, i, t) => (fs(n, i, "access private method"), t);
 import { OverlayScrollbars as Me } from "overlayscrollbars";
-import f from "jquery";
+import v from "jquery";
 import "./vendor-bundle.js";
 import "validator";
 import "flatpickr";
@@ -305,12 +305,12 @@ const Y = {
   share4: ys,
   tab4: Ue,
   video4: Y
-}, Symbol.toStringTag, { value: "Module" })), A = {
+}, Symbol.toStringTag, { value: "Module" })), E = {
   before: "beforebegin",
   after: "afterend",
   append: "beforeend",
   prepend: "afterbegin"
-}, at = (n) => typeof n == "string" && n !== "", we = (n) => n instanceof HTMLElement, rt = (n) => n instanceof NodeList, w = (n) => L(n) !== null, j = (n) => typeof n == "function", L = (n) => we(n) ? n : document.querySelector(n), S = (n) => rt(n) ? n : document.querySelectorAll(n), Ts = () => Math.random().toString(36).substr(2, 9), Es = (n) => {
+}, at = (n) => typeof n == "string" && n !== "", we = (n) => n instanceof HTMLElement, rt = (n) => n instanceof NodeList, w = (n) => A(n) !== null, j = (n) => typeof n == "function", A = (n) => we(n) ? n : document.querySelector(n), L = (n) => rt(n) ? n : document.querySelectorAll(n), Ts = () => Math.random().toString(36).substr(2, 9), Es = (n) => {
   const i = document.createElement("div");
   return i.innerHTML = n, i.childNodes;
 }, As = (n) => {
@@ -320,7 +320,7 @@ const Y = {
     return n;
   }
   return JSON.parse(n);
-}, E = (n, i) => {
+}, T = (n, i) => {
   console.warn(`[${n} warn]: ${i}`);
 }, je = (n, i) => {
   console.error(`[${n} error]: ${i}`);
@@ -366,19 +366,19 @@ const Y = {
     return -t * ((n = n / e - 1) * n * n * n - 1) + i;
   }
 }, Te = (n, i) => {
-  const { target: t, container: e, spacer: s, speed: o, gap: a, easing: r, direction: l } = n, c = l === "horizontal", u = c ? "scrollLeft" : "scrollTop", p = c ? "left" : "top", v = c ? "width" : "height", g = w(e) ? L(e) : document.scrollingElement, m = g[u], y = w(t) ? L(t).getBoundingClientRect()[p] : 0 - m, b = w(s) ? L(s).getBoundingClientRect()[v] : 0, T = y - a - b, G = 15;
-  let D = 0;
-  if (T === 0)
+  const { target: t, container: e, spacer: s, speed: o, gap: a, easing: r, direction: l } = n, c = l === "horizontal", u = c ? "scrollLeft" : "scrollTop", p = c ? "left" : "top", g = c ? "width" : "height", m = w(e) ? A(e) : document.scrollingElement, f = m[u], b = w(t) ? A(t).getBoundingClientRect()[p] : 0 - f, y = w(s) ? A(s).getBoundingClientRect()[g] : 0, _ = b - a - y, G = 15;
+  let S = 0;
+  if (_ === 0)
     return;
   const R = (X) => {
-    const Pe = L(t);
+    const Pe = A(t);
     i && i.emit(X, Pe), !i && n.on && j(n.on[X]) && n.on[X](Pe);
   };
   R("beforeScroll");
   const Ne = () => {
-    D += G;
-    const X = Ls[r](D, m, T, o);
-    g[u] = X, D < o && requestAnimationFrame(Ne), D >= o && R("afterScroll");
+    S += G;
+    const X = Ls[r](S, f, _, o);
+    m[u] = X, S < o && requestAnimationFrame(Ne), S >= o && R("afterScroll");
   };
   requestAnimationFrame(Ne);
 };
@@ -424,7 +424,7 @@ J = new WeakSet(), Ee = function() {
   if (!at(i) || !w(i))
     return;
   const { SETTINGS: e, EVENTS: s } = ct;
-  if (this.elements = t.state == "not active" ? S(i + `:not([${this.active}])`) : S(i), this.elements = S(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
+  if (this.elements = t.state == "not active" ? L(i + `:not([${this.active}])`) : L(i), this.elements = L(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
     for (const [o, a] of Object.entries(this.options.on))
       this.__events__[o] = [a];
   d(this, mt, Ve).call(this);
@@ -498,7 +498,7 @@ ft = new WeakSet(), ei = function() {
   const { ATTRS: t } = I;
   this.__events__ = {}, this.getAttribute(":state") || this.setAttribute(":state", "close");
   const e = this.getAttribute(t.id) || Ts();
-  this.getAttribute(t.id) || (E(`modern-modal needs a ${t.id} attribute with a unique id.`), this.setAttribute(t.id, e)), M[e] && E(`the ${t.id} "${e}" is already be used.`), M[e] = this, d(this, vt, ii).call(this);
+  this.getAttribute(t.id) || (T(`modern-modal needs a ${t.id} attribute with a unique id.`), this.setAttribute(t.id, e)), M[e] && T(`the ${t.id} "${e}" is already be used.`), M[e] = this, d(this, vt, ii).call(this);
 }, vt = new WeakSet(), ii = function() {
   this.childDom = this.childNodes, this.template = Ss(this), this.innerHTML = "", this.append(this.template), d(this, bt, si).call(this);
 }, bt = new WeakSet(), si = function() {
@@ -565,10 +565,10 @@ const { MODALS: Ie } = window, ai = (n, i, ...t) => {
 }, ri = (n, ...i) => {
   n && j(n) && n.apply(U, i);
 }, ze = (n, i) => {
-  const { target: t } = n, e = Ie[t] || L(n.target);
+  const { target: t } = n, e = Ie[t] || A(n.target);
   e && li(n, i), e || Ds(n, i);
 }, li = (n, i) => {
-  const { target: t, action: e, on: s, e: o } = n, a = Ie[t] || L(n.target);
+  const { target: t, action: e, on: s, e: o } = n, a = Ie[t] || A(n.target);
   switch (["open", "close", "destroy"].forEach((l) => {
     a.once(l, () => {
       i && (i.emit(l, a, o), ai(i, s[l], a, o)), i || ri(s[l], a);
@@ -591,16 +591,16 @@ const { MODALS: Ie } = window, ai = (n, i, ...t) => {
 }, Ds = async (n, i) => {
   const { target: t, route: e, container: s, on: o, e: a } = n;
   if (!e)
-    return E("modal4", "cannot find target or data-modal-route is not defined");
+    return T("modal4", "cannot find target or data-modal-route is not defined");
   const r = (l, ...c) => {
     i && (i.emit(l, ...c), ai(i, o[l], ...c)), i || ri(o[l], ...c);
   };
   fetch(e).then((l) => (r("success", a), l.text())).then((l) => {
-    const c = Es(l), u = L(s) || L(I.SETTINGS.container);
-    [...c].forEach((v) => {
-      u.append(v);
+    const c = Es(l), u = A(s) || A(I.SETTINGS.container);
+    [...c].forEach((g) => {
+      u.append(g);
     });
-    const p = Ie[t] || L(n.target);
+    const p = Ie[t] || A(n.target);
     r("complete", p), li(n, i);
   }).catch((l) => {
     r("error", l);
@@ -646,7 +646,7 @@ Z = new WeakSet(), Ae = function() {
   if (!at(i) || !w(i))
     return;
   const { SETTINGS: e, EVENTS: s } = I;
-  if (this.elements = t.state == "not active" ? S(i + `:not([${this.active}])`) : S(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
+  if (this.elements = t.state == "not active" ? L(i + `:not([${this.active}])`) : L(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
     for (const [o, a] of Object.entries(this.options.on))
       this.__events__[o] = [a];
   d(this, Tt, ci).call(this);
@@ -657,7 +657,7 @@ Z = new WeakSet(), Ae = function() {
   }), this.emit("init");
 }, Et = new WeakSet(), di = function(i) {
   const { defaultOptions: t, eventHandler: e, instance: s } = this.modal, o = As(this.getAttribute("data-modal-on"));
-  o && typeof o != "object" && E("modal4", "data-modal-on must be a json string.");
+  o && typeof o != "object" && T("modal4", "data-modal-on must be a json string.");
   const a = {
     target: this.getAttribute("data-modal-target") || t.target,
     action: this.getAttribute("data-modal-action") || t.action,
@@ -676,15 +676,15 @@ customElements.define("modern-modal", ti);
 const _s = (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: p, bottom: v } = s.getBoundingClientRect(), g = t * (r / 100), m = t * (l / 100);
-    if (p - e <= g && v - e >= m && s.offsetParent)
+    const { class: o, delay: a, start: r, end: l, repeat: c, instance: u } = s.aost, { top: p, bottom: g } = s.getBoundingClientRect(), m = t * (r / 100), f = t * (l / 100);
+    if (p - e <= m && g - e >= f && s.offsetParent)
       setTimeout(() => {
         s.classList.add(o);
       }, a);
     else {
-      const b = s.classList.contains(o) && c === "down" && p - e >= g || c === "up" && v - e <= m || c === !0;
+      const y = s.classList.contains(o) && c === "down" && p - e >= m || c === "up" && g - e <= f || c === !0;
       setTimeout(() => {
-        b && s.classList.remove(o);
+        y && s.classList.remove(o);
       }, a);
     }
   });
@@ -703,7 +703,7 @@ class ui {
     const { elements: t, options: e } = this;
     if (!t)
       return this;
-    const { scroller: s } = e, o = s === window || !w(s) ? window : L(s);
+    const { scroller: s } = e, o = s === window || !w(s) ? window : A(s);
     return o.aost && (o.removeEventListener("scroll", o.aost.eventHandler), delete o.aost), t.forEach((a) => {
       if (!a.aost)
         return;
@@ -721,12 +721,12 @@ Q = new WeakSet(), Le = function() {
   if (!at(i) || !w(i))
     return;
   const { SETTINGS: e, EVENTS: s } = Ye;
-  if (this.elements = t.state == "not active" ? S(i + `:not([${this.active}])`) : S(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
+  if (this.elements = t.state == "not active" ? L(i + `:not([${this.active}])`) : L(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
     for (const [o, a] of Object.entries(this.options.on))
       this.__events__[o] = [a];
   d(this, At, hi).call(this);
 }, At = new WeakSet(), hi = function() {
-  const { elements: i, options: t } = this, { scroller: e } = t, s = e === window || !w(e) ? window : L(e);
+  const { elements: i, options: t } = this, { scroller: e } = t, s = e === window || !w(e) ? window : A(e);
   this.eventHandler = () => {
     _s(s, i);
   }, i.forEach((a) => {
@@ -801,7 +801,7 @@ class xs extends HTMLElement {
 }
 Lt = new WeakSet(), pi = function() {
   if (!this.getAttribute("video-id")) {
-    E("videoPlayer", "video-render needs a ['video-id'] attribute to creat player.");
+    T("videoPlayer", "video-render needs a ['video-id'] attribute to creat player.");
     return;
   }
   this.videoId = this.getAttribute("video-id"), this.videoType = this.getAttribute("video-type"), this.autoplay = this.getAttribute("video-autoplay"), this.startTime = this.getAttribute("video-starttime"), d(this, St, mi).call(this);
@@ -834,7 +834,7 @@ Lt = new WeakSet(), pi = function() {
       e = d(this, Ht, Ti).call(this);
       break;
   }
-  this.querySelector(".player-wrapper").insertAdjacentHTML(A.prepend, e);
+  this.querySelector(".player-wrapper").insertAdjacentHTML(E.prepend, e);
 }, _t = new WeakSet(), fi = function() {
   const { videoId: t, autoplay: e, startTime: s } = this;
   return `<iframe src="https://www.youtube.com/embed/${t}?rel=0&${e === "on" ? "autoplay=1" : ""}&start=${s}&mute=1&loop=1&enablejsapi=1" frameborder="0" allowfullscreen="0" volumn="0" allow="${e === "on" ? "autoplay;" : ""} encrypted-media; gyroscope; picture-in-picture;"></iframe>`;
@@ -861,18 +861,18 @@ function Ei(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"), vs(i);
+  }), v("html").addClass("scrollLock"), vs(i);
 }
 function Ai(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"), bs(i);
+  }), v("html").removeClass("scrollLock"), bs(i);
 }
 async function fn(n = 0) {
-  if (f(".loading-wrapper").length)
+  if (v(".loading-wrapper").length)
     return;
-  f("body").append(`
+  v("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">
@@ -882,13 +882,13 @@ async function fn(n = 0) {
       </svg>
     </div>
   </div>
-  `), f(".loading-wrapper").delay(n).fadeIn(300).promise().done(function() {
+  `), v(".loading-wrapper").delay(n).fadeIn(300).promise().done(function() {
     Ei();
   });
 }
 function vn() {
-  f(".loading-wrapper").fadeOut(300).promise().done(function() {
-    f(".loading-wrapper").remove(), Ai();
+  v(".loading-wrapper").fadeOut(300).promise().done(function() {
+    v(".loading-wrapper").remove(), Ai();
   });
 }
 function bn(n, i) {
@@ -901,7 +901,7 @@ function Cs() {
 }
 function yn(n, i = () => {
 }) {
-  f(`[data-tab-content=${n}]`).fadeIn(function() {
+  v(`[data-tab-content=${n}]`).fadeIn(function() {
     typeof i == "function" && i();
   }).siblings("[data-tab-content]").hide(), Cs();
 }
@@ -942,13 +942,13 @@ function En() {
   };
 }
 function An(n, i) {
-  f(n).on("click", function() {
-    f(this).toggleClass(i);
+  v(n).on("click", function() {
+    v(this).toggleClass(i);
   });
 }
 function Ln(n, i) {
-  f(n).on("click", function() {
-    f(n).not(this).removeClass(i), f(this).addClass(i);
+  v(n).on("click", function() {
+    v(n).not(this).removeClass(i), v(this).addClass(i);
   });
 }
 function Hs(n, i = 250) {
@@ -970,12 +970,12 @@ function Sn(n, i = 250) {
   };
 }
 function Dn() {
-  window._g.interval = [], f(".countdown").each((i, t) => {
-    const e = Number(f(t).attr("data-seconds")) + 1;
+  window._g.interval = [], v(".countdown").each((i, t) => {
+    const e = Number(v(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, v(t).html(a + ":" + r), s = a + ":" + r;
     }, 1e3);
   });
 }
@@ -994,13 +994,13 @@ function kn() {
   n(), window.addEventListener("resize", Hs(n));
 }
 function $n(n, i, t, e, s) {
-  const o = this, r = f(n).html().split("<br>");
+  const o = this, r = v(n).html().split("<br>");
   let l = "", c = 0;
   r.forEach((u, p) => {
-    p !== 0 && (l += "<br>"), u.split("").forEach((g, m) => {
-      i ? (m === 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++), m === 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++);
+    p !== 0 && (l += "<br>"), u.split("").forEach((m, f) => {
+      i ? (f === 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"${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;` : ""}"` : ""}>${m}</span>`, c++), f === u.length - 1 && (l += "</span>")) : m === " " ? 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;` : ""}"` : ""}>${m}</span>`, c++);
     });
-  }), f(n).html(l);
+  }), v(n).html(l);
 }
 function xn(n, i) {
   const t = Math.pow(10, i);
@@ -1023,7 +1023,7 @@ function Cn(n) {
 }
 function Hn(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"), v(n.params.navigation.nextEl).hide(), v(n.params.navigation.prevEl).hide(), v(n.params.pagination.el).hide(), n.params.autoplay.enabled = !1, n.autoplay.stop()) : (t.removeClass("swiper-no-swiping"), v(n.params.navigation.nextEl).show(), v(n.params.navigation.prevEl).show(), v(n.params.pagination.el).show(), n.params.autoplay.enabled && n.autoplay.start());
 }
 function Mn(n) {
   n.el.querySelectorAll("img.detect-shade").forEach((i) => {
@@ -1033,36 +1033,36 @@ function Mn(n) {
   });
 }
 function qn(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 = v(i).find(".swiper-slide-active"), e = v(t).find("video").get(0), s = v(i).find(".swiper-slide video");
+  n.autoplay.stop(), v(e).off("ended"), e ? (s.each((o, a) => {
     a.currentTime = 0;
-  }), f(e).on("ended", function() {
+  }), v(e).on("ended", function() {
     n.slideNext();
   }), e.play()) : n.params.autoplay.enabled && n.autoplay.start();
 }
 function In() {
-  f(".number-grow").each(function(n, i) {
-    const t = f(i), o = t.attr("data-num").replace(/(\d)(?=(?:\d{3})+$)/g, "$1,").split(""), a = () => {
+  v(".number-grow").each(function(n, i) {
+    const t = v(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) {
+    v(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 On() {
-  f(".letter-grow").each(function(n, i) {
-    const t = f(i), s = t.attr("data-letter").split(""), o = () => {
+  v(".letter-grow").each(function(n, i) {
+    const t = v(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) {
+    v(s).each(function(a, r) {
       const l = `<div class="letter" data-final-letter="${r}"><div><br>${o()}<br>${o()}</div></div>`;
       t.append(l);
     });
@@ -1106,7 +1106,7 @@ class qs {
 }
 V = new WeakSet(), Se = function() {
   const { el: i, options: t } = this.__storage__, { SETTINGS: e, EVENTS: s } = Y;
-  if (this.elements = t.state == "not active" ? S(i + `:not([${this.active}])`) : S(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
+  if (this.elements = t.state == "not active" ? L(i + `:not([${this.active}])`) : L(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
     for (const [o, a] of Object.entries(this.options.on))
       this.__events__[o] = [a];
   d(this, Mt, Li).call(this);
@@ -1116,83 +1116,86 @@ V = new WeakSet(), Se = function() {
     e.video = {}, e.video.instance = this, e.video.defaultOptions = t, e.video.params = d(this, It, Di).call(this, e), e.video.methods = {}, e.video.methods.update = this.update, e.setAttribute(this.active, ""), We(e.video.params) && !Ms(e.video.params) && (e.setAttribute("video4-active", "on"), d(this, qt, Si).call(this, e)), We(e.video.params) || je("video4", "無法取得影片 ID");
   }), this.emit("init");
 }, qt = new WeakSet(), Si = function(i) {
-  const { LAYOUT: t } = Y, e = i.video.params, { $selector: s, videoLayoutNo: o, videoId: a, videoType: r, videoMode: l, videoButton: c, videoKeep: u, videoCover: p, videoHighQualityPic: v } = e;
+  const { LAYOUT: t } = Y, e = i.video.params, { $selector: s, videoLayoutNo: o, videoId: a, videoType: r, videoMode: l, videoButton: c, videoCover: u, videoHighQualityPic: p } = e;
   if (l === "onBox") {
     let g = null;
-    if (p === "on") {
-      i.classList.add("video4-cover"), s.querySelector("img") || (s.insertAdjacentHTML(A.prepend, '<picture><source srcset="" type="image/webp"><source srcset="" type="image/jpeg"><img src="" alt></picture>'), E("video4", "若啟用 [videoCover] 且選擇 onBox 模式必須於 video-target 內放置 img 結構，若無結構則自動加入圖片結構"));
+    if (u === "on") {
+      i.classList.add("video4-cover"), s.querySelector("img") || (s.insertAdjacentHTML(E.prepend, '<picture><source srcset="" type="image/webp"><source srcset="" type="image/jpeg"><img src="" alt></picture>'), T("video4", "若啟用 [videoCover] 且選擇 onBox 模式必須於 video-target 內放置 img 結構，若無結構則自動加入圖片結構"));
       const m = s.querySelector("img");
-      m.insertAdjacentHTML(A.after, t[o]);
-      const y = (m == null ? void 0 : m.getAttribute("src")) || (m == null ? void 0 : m.getAttribute("data-src"));
-      !y && r == "youtube" ? v == "on" ? m.setAttribute("src", `http://img.youtube.com/vi/${a}/maxresdefault.jpg `) : m.setAttribute("src", `https://img.youtube.com/vi/${a}/0.jpg`) : !y && r == "vimeo" ? m.setAttribute("src", `https://vumbnail.com/${a}_large.jpg`) : !y && 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 T = b.thumbnail_url;
-        m.setAttribute("src", `${T}`);
+      m.insertAdjacentHTML(E.after, t[o]);
+      const f = (m == null ? void 0 : m.getAttribute("src")) || (m == null ? void 0 : m.getAttribute("data-src"));
+      !f && r == "youtube" ? p == "on" ? m.setAttribute("src", `http://img.youtube.com/vi/${a}/maxresdefault.jpg `) : m.setAttribute("src", `https://img.youtube.com/vi/${a}/0.jpg`) : !f && r == "vimeo" ? m.setAttribute("src", `https://vumbnail.com/${a}_large.jpg`) : !f && 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 y = b.thumbnail_url;
+        m.setAttribute("src", `${y}`);
       }).catch(function(b) {
         console.log("error");
-      }) : E("video4", "僅 youtube & vimeo 提供，無圖片時放置預設封面畫面，其他影片平台請自行上傳封面照片");
+      }) : T("video4", "僅 youtube & vimeo 提供，無圖片時放置預設封面畫面，其他影片平台請自行上傳封面照片");
     }
-    c == "off" ? g = s : (g = s.querySelector(c) ?? s, s.querySelector(c) || E("video4", `找不到 videoButton 設定的 element -> '${c}' , 點擊物件轉移至 '${this.__storage__.el}'`)), g.video || (g.video = {}, g.video.params = e), g.video.eventHandler = d(this, K, De), g.addEventListener("click", g.video.eventHandler);
+    c == "off" ? g = s : (g = s.querySelector(c) ?? s, s.querySelector(c) || T("video4", `找不到 videoButton 設定的 element -> '${c}' , 點擊物件轉移至 '${this.__storage__.el}'`)), g.video || (g.video = {}, g.video.params = e), g.video.eventHandler = d(this, K, De), g.addEventListener("click", g.video.eventHandler);
   } else if (l === "onPage") {
     let g = null;
-    if (p == "on") {
-      i.classList.add("video4-cover"), s.querySelector("img") || (s.insertAdjacentHTML(A.prepend, '<picture><source srcset="" type="image/webp"><source srcset="" type="image/jpeg"><img src="" alt></picture>'), E("video", "若啟用 [videoCover] 且選擇 onBox 模式必須於 video-target 內放置 img 結構"));
+    if (u == "on") {
+      i.classList.add("video4-cover"), s.querySelector("img") || (s.insertAdjacentHTML(E.prepend, '<picture><source srcset="" type="image/webp"><source srcset="" type="image/jpeg"><img src="" alt></picture>'), T("video", "若啟用 [videoCover] 且選擇 onBox 模式必須於 video-target 內放置 img 結構"));
       const m = s.querySelector("img");
-      m.insertAdjacentHTML(A.after, t[o]);
-      const y = (m == null ? void 0 : m.getAttribute("src")) || (m == null ? void 0 : m.getAttribute("data-src"));
-      !y && r == "youtube" ? v == "on" ? m.setAttribute("src", `http://img.youtube.com/vi/${a}/maxresdefault.jpg `) : m.setAttribute("src", `https://img.youtube.com/vi/${a}/0.jpg`) : !y && r == "vimeo" ? m.setAttribute("src", `https://vumbnail.com/${a}_large.jpg`) : !y && 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 T = b.thumbnail_url;
-        m.setAttribute("src", `${T}`);
+      m.insertAdjacentHTML(E.after, t[o]);
+      const f = (m == null ? void 0 : m.getAttribute("src")) || (m == null ? void 0 : m.getAttribute("data-src"));
+      !f && r == "youtube" ? p == "on" ? m.setAttribute("src", `http://img.youtube.com/vi/${a}/maxresdefault.jpg `) : m.setAttribute("src", `https://img.youtube.com/vi/${a}/0.jpg`) : !f && r == "vimeo" ? m.setAttribute("src", `https://vumbnail.com/${a}_large.jpg`) : !f && 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 y = b.thumbnail_url;
+        m.setAttribute("src", `${y}`);
       }).catch(function(b) {
         console.log("error");
-      }) : y || E("video4", "僅 youtube & vimeo 提供，無圖片時放置預設封面畫面，其他影片平台請自行上傳封面照片"), c == "off" ? g = s : (g = s.querySelector(c) ?? s, s.querySelector(c) || E("video4", `找不到 videoButton 設定的 element -> '${c}', 點擊物件轉移至 '${this.__storage__.el}'`));
-    } else if (u == "off") {
-      s.innerHTML = lt(e);
-      return;
+      }) : f || T("video4", "僅 youtube & vimeo 提供，無圖片時放置預設封面畫面，其他影片平台請自行上傳封面照片"), c == "off" ? g = s : (g = s.querySelector(c) ?? s, s.querySelector(c) || T("video4", `找不到 videoButton 設定的 element -> '${c}', 點擊物件轉移至 '${this.__storage__.el}'`));
     } else {
-      (s.querySelector(u) ?? s).insertAdjacentHTML("beforeend", lt(e));
+      s.innerHTML = lt(e);
       return;
     }
     g.video || (g.video = {}, g.video.params = e), g.video.eventHandler = d(this, K, De), g.addEventListener("click", g.video.eventHandler);
   }
 }, K = new WeakSet(), De = function(i) {
-  const { video: t, emit: e } = this, { $selector: s, videoMode: o, videoTarget: a, videoTargetRoute: r, videoType: l, videoIgHtml: c } = t.params, u = new Fe({ callback_loaded: (p) => {
+  const { video: t, emit: e } = this, { $selector: s, videoMode: o, videoTarget: a, videoKeep: r, videoTargetRoute: l, videoType: c, videoIgHtml: u } = t.params, p = new Fe({ callback_loaded: (g) => {
   } });
   if (o == "onBox") {
-    const p = {
+    const g = {
       target: a,
-      route: r,
+      route: l,
       on: {
-        complete(v) {
-          if (l == "instagram")
-            if (v.setAttribute("video-typeStyle", `${l}`), window.instgrm)
+        complete(m) {
+          if (c == "instagram")
+            if (m.setAttribute("video-typeStyle", `${c}`), window.instgrm)
               window.instgrm.Embeds.process();
             else {
-              const g = document.createElement("script");
-              g.src = "https://www.instagram.com/embed.js", g.async = !0, document.body.appendChild(g);
+              const f = document.createElement("script");
+              f.src = "https://www.instagram.com/embed.js", f.async = !0, document.body.appendChild(f);
             }
           else
-            v.querySelector(".modal-content").insertAdjacentHTML("beforeend", lt(t.params)), v.setAttribute("video-typeStyle", `${l}`);
+            m.querySelector(".modal-content").insertAdjacentHTML("beforeend", lt(t.params)), m.setAttribute("video-typeStyle", `${c}`);
         },
-        open(v) {
-          const g = v.querySelectorAll("[data-overlayscrollbars-viewport]");
-          if (u.update(), Ei([...g]), l == "instagram") {
-            const m = document.querySelector("[video-template] .modal-content");
-            new ResizeObserver((b) => {
-              b[0].contentRect.height > 50 && m.classList.add("active");
-            }).observe(m);
+        open(m) {
+          const f = m.querySelectorAll("[data-overlayscrollbars-viewport]");
+          if (p.update(), Ei([...f]), c == "instagram") {
+            const b = document.querySelector("[video-template] .modal-content");
+            new ResizeObserver((_) => {
+              _[0].contentRect.height > 50 && b.classList.add("active");
+            }).observe(b);
           }
         },
-        close(v) {
-          const g = v.querySelectorAll("[data-overlayscrollbars-viewport]");
-          Ai([...g]);
+        close(m) {
+          const f = m.querySelectorAll("[data-overlayscrollbars-viewport]");
+          Ai([...f]);
         },
-        destroy(v) {
+        destroy(m) {
         }
       }
     };
-    U.open(p);
-  } else
-    o == "onPage" && (t.params.videoAutoplay = "on", s.innerHTML = lt(t.params));
+    U.open(g);
+  } else if (o == "onPage")
+    if (t.params.videoAutoplay = "on", r == "off") {
+      s.innerHTML = lt(t.params);
+      return;
+    } else {
+      (s.querySelector(r) ?? s).insertAdjacentHTML("beforeend", lt(t.params));
+      return;
+    }
 }, It = new WeakSet(), Di = function(i) {
   const { SETTINGS: t } = Y;
   return {
@@ -2062,7 +2065,7 @@ const Oe = {
   const i = (t = n.getAttribute("control-elements")) == null ? void 0 : t.split(",");
   i && i.forEach((e) => {
     const s = document.querySelector(e);
-    s || E("dropdown", `Can't not find control element(${e})`), s && s.classList.contains("disabled") && (s.classList.remove("disabled"), s.tagName === "DROPDOWN-EL" && s.s.activeLi && C(s, [...s.s.allLi].indexOf(s.s.activeLi)));
+    s || T("dropdown", `Can't not find control element(${e})`), s && s.classList.contains("disabled") && (s.classList.remove("disabled"), s.tagName === "DROPDOWN-EL" && s.s.activeLi && C(s, [...s.s.allLi].indexOf(s.s.activeLi)));
   });
 }, C = (n, i) => {
   const t = n.getAttribute("d4-placeholder"), e = n.querySelectorAll(".dropdown-list li");
@@ -2105,7 +2108,7 @@ const Oe = {
         const o = n.querySelectorAll(".dropdown-list li.active");
         o.length <= 0 ? n.s.selectDisplayEl.textContent = t.trim() : (n.s.selectDisplayEl.textContent = "", o.forEach((r) => {
           const l = r.getAttribute("data-option"), c = r.textContent.trim(), u = `<div class="option-btn" data-option="${l}"><div class="text">${c}</div><div class="remove-icon"></div></div>`;
-          n.s.selectDisplayEl.insertAdjacentHTML(A.append, u);
+          n.s.selectDisplayEl.insertAdjacentHTML(E.append, u);
         })), n.s.activeLi = o, n.s.value = [...o].map((r) => ({
           index: [...e].indexOf(r),
           id: r.getAttribute("data-option"),
@@ -2129,7 +2132,7 @@ const Oe = {
     o.textContent = e[0], o.setAttribute("data-option", e[0]), n.querySelector(".dropdown-list").append(o);
   });
 }, _i = () => {
-  S('dropdown-el[d4-status="open"]').forEach((i) => {
+  L('dropdown-el[d4-status="open"]').forEach((i) => {
     i.close();
   });
 }, js = () => {
@@ -2296,9 +2299,9 @@ Ot = new WeakSet(), $i = function() {
               if (t.__scroller__) {
                 const { viewport: c } = t.__scroller__.elements();
                 if (w(t.s.activeLi)) {
-                  const u = t.s.activeLi.clientHeight / 2, p = t.s.activeLi.offsetTop, v = p - r.clientHeight / 2 + u > 0 ? p - r.clientHeight / 2 + u : 0;
+                  const u = t.s.activeLi.clientHeight / 2, p = t.s.activeLi.offsetTop, g = p - r.clientHeight / 2 + u > 0 ? p - r.clientHeight / 2 + u : 0;
                   c.scrollTo({
-                    top: v,
+                    top: g,
                     behavior: "smooth"
                   });
                 } else
@@ -2329,31 +2332,31 @@ Ot = new WeakSet(), $i = 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;
-        const u = this, p = [...e.s.allLi].indexOf(u), v = parseInt(e.getAttribute("d4-default-height"));
+        var m;
+        const u = this, p = [...e.s.allLi].indexOf(u), g = parseInt(e.getAttribute("d4-default-height"));
         if (u.classList.contains("has-sublayer")) {
           c.stopPropagation();
-          const m = u.querySelector(".sub-dropdown"), y = m.querySelector(".sub-dropdown-list"), b = parseInt(getComputedStyle(y).marginTop) + parseInt(getComputedStyle(y).marginBottom);
-          m.style.cssText = `--height: ${y.offsetHeight + b}px`;
-          const T = parseInt(m.style.cssText.replace("--height:", "").trim()), G = parseInt(getComputedStyle(a).maxHeight), D = () => {
-            s = v + e.s.subDropdownTotalH, o = s > G ? G : s, e.style.cssText = `--maxHeight: ${o}px;`, e.s.dropdownEl.style.height = `${o}px`;
+          const f = u.querySelector(".sub-dropdown"), b = f.querySelector(".sub-dropdown-list"), y = parseInt(getComputedStyle(b).marginTop) + parseInt(getComputedStyle(b).marginBottom);
+          f.style.cssText = `--height: ${b.offsetHeight + y}px`;
+          const _ = parseInt(f.style.cssText.replace("--height:", "").trim()), G = parseInt(getComputedStyle(a).maxHeight), S = () => {
+            s = g + e.s.subDropdownTotalH, o = s > G ? G : s, e.style.cssText = `--maxHeight: ${o}px;`, e.s.dropdownEl.style.height = `${o}px`;
           };
-          u.classList.contains("open") ? (u.classList.remove("open"), e.s.subDropdownTotalH -= T, D()) : (u.classList.add("open"), e.s.subDropdownTotalH += T, D());
+          u.classList.contains("open") ? (u.classList.remove("open"), e.s.subDropdownTotalH -= _, S()) : (u.classList.add("open"), e.s.subDropdownTotalH += _, S());
           const R = () => {
-            e.__scroller__.update(!0), m.removeEventListener("transitionend", R);
+            e.__scroller__.update(!0), f.removeEventListener("transitionend", R);
           };
-          m.addEventListener("transitionend", R);
+          f.addEventListener("transitionend", R);
         } else
           switch (Os(e), e.s.selectType) {
             case "single":
               if (e.setAttribute("d4-value", u.getAttribute("data-option")), r) {
-                const m = e.s.cityLang, y = l.textContent.trim(), b = document.getElementById(e.getAttribute("dist-select"));
-                b && (b.querySelector(".dropdown-list").textContent = "", C(b, -1), Oe[m][y].forEach((T, G) => {
-                  const D = document.createElement("li");
-                  D.textContent = T[0], D.setAttribute("data-option", T[0]), b.querySelector(".dropdown-list").append(D);
-                }), e.__events__.selectOption(b));
+                const f = e.s.cityLang, b = l.textContent.trim(), y = document.getElementById(e.getAttribute("dist-select"));
+                y && (y.querySelector(".dropdown-list").textContent = "", C(y, -1), Oe[f][b].forEach((_, G) => {
+                  const S = document.createElement("li");
+                  S.textContent = _[0], S.setAttribute("data-option", _[0]), y.querySelector(".dropdown-list").append(S);
+                }), e.__events__.selectOption(y));
               }
-              (g = u.parentNode.closest("li")) != null && g.classList.contains("has-sublayer") && (c.stopPropagation(), e.close());
+              (m = u.parentNode.closest("li")) != null && m.classList.contains("has-sublayer") && (c.stopPropagation(), e.close());
               break;
             case "multiple":
               c.stopPropagation(), u.classList.toggle("active"), C(e, p);
@@ -2561,26 +2564,26 @@ zt = new WeakSet(), Mi = function() {
         }));
         break;
       case "alternate":
-        let g = function() {
-          let m = [];
+        let m = function() {
+          let f = [];
           switch (e) {
             case "top":
-              p = Math.abs(t.s.animateEl.scrollHeight - t.clientHeight), v = parseInt(t.s.nowDuration / (p * 2)) * t.s.animateEl.scrollHeight, m = [{ transform: `translate3d(0,${t.clientHeight}px,0)` }, { transform: `translate3d(0,calc(${t.clientHeight}px - 100%),0)` }];
+              p = Math.abs(t.s.animateEl.scrollHeight - t.clientHeight), g = parseInt(t.s.nowDuration / (p * 2)) * t.s.animateEl.scrollHeight, f = [{ transform: `translate3d(0,${t.clientHeight}px,0)` }, { transform: `translate3d(0,calc(${t.clientHeight}px - 100%),0)` }];
               break;
             case "right":
-              p = Math.abs(t.s.animateEl.scrollWidth - t.clientWidth), v = parseInt(t.s.nowDuration / (p * 2)) * t.s.animateEl.scrollWidth, m = [{ transform: "translate3d(-100%,0,0)" }, { transform: "translate3d(0,0,0)" }];
+              p = Math.abs(t.s.animateEl.scrollWidth - t.clientWidth), g = parseInt(t.s.nowDuration / (p * 2)) * t.s.animateEl.scrollWidth, f = [{ transform: "translate3d(-100%,0,0)" }, { transform: "translate3d(0,0,0)" }];
               break;
             case "bottom":
-              p = Math.abs(t.s.animateEl.scrollHeight - t.clientHeight), v = parseInt(o / (p * 2)) * t.s.animateEl.scrollHeight, m = [{ transform: "translate3d(0,-100%,0)" }, { transform: "translate3d(0,0,0)" }];
+              p = Math.abs(t.s.animateEl.scrollHeight - t.clientHeight), g = parseInt(o / (p * 2)) * t.s.animateEl.scrollHeight, f = [{ transform: "translate3d(0,-100%,0)" }, { transform: "translate3d(0,0,0)" }];
               break;
             case "left":
-              p = Math.abs(t.s.animateEl.scrollWidth - t.clientWidth), v = parseInt(o / (p * 2)) * t.s.animateEl.scrollWidth, m = [{ transform: `translate3d(${t.clientWidth}px,0,0)` }, { transform: `translate3d(calc(-100% + ${t.clientWidth}px),0,0)` }];
+              p = Math.abs(t.s.animateEl.scrollWidth - t.clientWidth), g = parseInt(o / (p * 2)) * t.s.animateEl.scrollWidth, f = [{ transform: `translate3d(${t.clientWidth}px,0,0)` }, { transform: `translate3d(calc(-100% + ${t.clientWidth}px),0,0)` }];
               break;
           }
-          return m;
-        }, p, v;
-        (t.clientHeight > t.s.animateEl.scrollHeight || e === "left" || e === "right") && (t.s.animateEl.style.transform = `${g()[0].transform}`, t.s.animateEl.animate(g(), {
-          duration: v,
+          return f;
+        }, p, g;
+        (t.clientHeight > t.s.animateEl.scrollHeight || e === "left" || e === "right") && (t.s.animateEl.style.transform = `${m()[0].transform}`, t.s.animateEl.animate(m(), {
+          duration: g,
           fill: "forwards"
         }).finished.then(() => {
           t.s.animation = t.s.animateEl.animate(k(t).animate1, {
@@ -2639,7 +2642,7 @@ const pt = function(n, i) {
     return;
   }
   n.classList.add(i);
-}, _ = (n, i) => {
+}, D = (n, i) => {
   if (rt(n)) {
     n.forEach((t) => {
       t.classList.remove(i);
@@ -2688,7 +2691,7 @@ Rt = new WeakSet(), Ni = function() {
     d(c = i, tt, _e).call(c), d(u = i, W, ut).call(u);
   };
   i.$wrapper.removeEventListener("scroll", t), i.$wrapper.addEventListener("scroll", t), window.removeEventListener("resize", pt(t)), window.addEventListener("resize", pt(t)), (i.option.draggable || i.$element.s.type == "collapse") && d(e = i, Ft, ji).call(e), i.option.navigation && i.$element.s.type !== "collapse" && (i.$container.insertAdjacentHTML(
-    A.prepend,
+    E.prepend,
     `<div class="navigation">
         <div class="button prev">
           <div></div>
@@ -2730,9 +2733,9 @@ Rt = new WeakSet(), Ni = function() {
   const c = function(p) {
     if (p.preventDefault(), e = !0, !t)
       return;
-    const g = p.pageX - i.offsetLeft - s;
+    const m = p.pageX - i.offsetLeft - s;
     i.scrollTo({
-      left: o - g
+      left: o - m
     });
   };
   i.removeEventListener("mousemove", c), i.addEventListener("mousemove", c);
@@ -2744,19 +2747,19 @@ Rt = new WeakSet(), Ni = function() {
   });
 }, tt = new WeakSet(), _e = function() {
   const { $container: i, $wrapper: t } = this, e = t.scrollWidth - t.clientWidth, s = Math.round(t.scrollLeft);
-  e <= 0 || ($(i, "scrollable"), s == 0 ? (_(i, "scrollable"), $(t, "start"), _(t, "end")) : s + 1 >= e ? (_(i, "scrollable"), _(t, "start"), $(t, "end")) : ($(t, "center"), _(t, "start"), _(t, "end")));
+  e <= 0 || ($(i, "scrollable"), s == 0 ? (D(i, "scrollable"), $(t, "start"), D(t, "end")) : s + 1 >= e ? (D(i, "scrollable"), D(t, "start"), $(t, "end")) : ($(t, "center"), D(t, "start"), D(t, "end")));
 }, W = new WeakSet(), ut = 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");
+    $(t, "hide"), D(t, "active"), $(e, "noScrollable");
     return;
   }
-  s > 0 && ($(t, "active"), _(e, "noScrollable")), o == 0 ? t.forEach((a) => {
+  s > 0 && ($(t, "active"), D(e, "noScrollable")), o == 0 ? t.forEach((a) => {
     if (a.classList.contains("next")) {
-      _(a, "hide");
+      D(a, "hide");
       return;
     }
     $(a, "hide");
@@ -2765,8 +2768,8 @@ Rt = new WeakSet(), Ni = function() {
       $(a, "hide");
       return;
     }
-    _(a, "hide");
-  }) : _(t, "hide");
+    D(a, "hide");
+  }) : D(t, "hide");
 }, Yt = new WeakSet(), zi = function() {
   const { $element: i } = this, t = (s) => {
     if (this.option.selected) {
@@ -2799,7 +2802,7 @@ Ut = new WeakSet(), Wi = function() {
   this.$element && (this.$container = this.$element.querySelector(".collapse-container"), this.$wrapper = this.$container.querySelector(".wrapper"), d(this, Jt, Bi).call(this) && d(this, Zt, Gi).call(this), d(this, Qt, Ri).call(this));
 }, Jt = new WeakSet(), Bi = function() {
   const i = this.$element.querySelector(".drag-container"), t = i.querySelector(".wrapper");
-  return t.scrollWidth - t.clientWidth > 0 ? (i.insertAdjacentHTML(A.append, '<div class="open-collapse"></div>'), this.$button = i.querySelector(".open-collapse"), !0) : !1;
+  return t.scrollWidth - t.clientWidth > 0 ? (i.insertAdjacentHTML(E.append, '<div class="open-collapse"></div>'), this.$button = i.querySelector(".open-collapse"), !0) : !1;
 }, Zt = new WeakSet(), Gi = function() {
   const { $element: i, $button: t } = this, e = function() {
     i.classList.contains("expand") ? i.classList.remove("expand") : i.classList.add("expand");
@@ -2821,7 +2824,7 @@ Ut = new WeakSet(), Wi = function() {
 };
 const Rs = (n) => {
   const { type: i, option: t, originalDomString: e } = n.s, s = document.createElement("div");
-  return i == "drag" && (s.innerHTML = H.TEMPLATE[i]().trim(), s.querySelector(".drag-container .wrapper").insertAdjacentHTML(A.append, e)), i == "collapse" && (s.innerHTML = H.TEMPLATE[i](t == null ? void 0 : t.collapse).trim(), s.querySelector(".drag-container .wrapper").insertAdjacentHTML(A.append, e), s.querySelector(".collapse-container .wrapper").insertAdjacentHTML(A.append, e)), i == "dropdown" && (s.innerHTML = H.TEMPLATE[i](t == null ? void 0 : t.dropdown).trim(), s.querySelector("dropdown-el").insertAdjacentHTML(A.append, e)), s.children;
+  return i == "drag" && (s.innerHTML = H.TEMPLATE[i]().trim(), s.querySelector(".drag-container .wrapper").insertAdjacentHTML(E.append, e)), i == "collapse" && (s.innerHTML = H.TEMPLATE[i](t == null ? void 0 : t.collapse).trim(), s.querySelector(".drag-container .wrapper").insertAdjacentHTML(E.append, e), s.querySelector(".collapse-container .wrapper").insertAdjacentHTML(E.append, e)), i == "dropdown" && (s.innerHTML = H.TEMPLATE[i](t == null ? void 0 : t.dropdown).trim(), s.querySelector("dropdown-el").insertAdjacentHTML(E.append, e)), s.children;
 };
 var Vt, Xi, Kt, Fi, et, ke, B, ht;
 class Xs extends HTMLElement {
@@ -3216,7 +3219,7 @@ class Us {
 }
 st = new WeakSet(), xe = function() {
   const { el: i, options: t } = this.__storage__, { SETTINGS: e, EVENTS: s } = Je;
-  if (this.elements = t.state == "not active" ? S(i + `:not([${this.active}])`) : S(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
+  if (this.elements = t.state == "not active" ? L(i + `:not([${this.active}])`) : L(i), this.options = Object.assign({}, e, t), this.__events__ = Object.assign({}, s), this.options.on)
     for (const [o, a] of Object.entries(this.options.on))
       this.__events__[o] = [a];
   d(this, ge, ds).call(this);
@@ -3228,8 +3231,8 @@ st = new WeakSet(), xe = function() {
 }, fe = new WeakSet(), us = function(i) {
   const { options: t } = this, { collapseClass: e, block: s, target: o, defaultOpen: a, targetStopPropagation: r, defaultActiveMark: l } = t, c = i, u = c.querySelector(o);
   if (c.collapse.height = u.children[0].offsetHeight, a ? (u.style.height = `${u.children[0].offsetHeight}px`, c.classList.remove(e)) : !c.classList.contains(l) && !c.hasAttribute(l) ? (c.classList.add(e), u.style.height = "0px", u.style.overflow = "hidden") : (u.style.height = `${u.children[0].offsetHeight}px`, c.classList.remove(e)), c.removeEventListener("click", d(this, nt, Ce)), c.addEventListener("click", d(this, nt, Ce)), r) {
-    const p = (v) => {
-      v.stopPropagation();
+    const p = (g) => {
+      g.stopPropagation();
     };
     u.removeEventListener("click", p), u.addEventListener("click", p);
   }
@@ -3402,8 +3405,8 @@ function Ks(n, i, t, e) {
       l < c ? (u = e / l * 100, p = s.height) : l > c ? (u = s.width, p = t * l / 100) : l === c && (u = s.width, p = s.height);
       break;
   }
-  const v = (s.width - u) * 0.5, g = (s.height - p) * 0.5;
-  return o.drawImage(i, v, g, u, p), s;
+  const g = (s.width - u) * 0.5, m = (s.height - p) * 0.5;
+  return o.drawImage(i, g, m, u, p), s;
 }
 function tn(n, i) {
   return new Promise((t, e) => {
@@ -3518,8 +3521,8 @@ export {
   Ts as c,
   ws as d,
   Y as e,
-  A as f,
-  S as g,
+  E as f,
+  L as g,
   mn as h,
   at as i,
   ui as j,