@xwadex/fesd 0.0.66 → 0.0.67

package/dist/image-preview-bundle.js

@@ -402,15 +402,15 @@ const He = {
   let y = 0;
   if (T === 0)
     return;
-  const L = (k) => {
+  const L = (x) => {
     const F = _(t);
-    i && i.emit(k, F), !i && n.on && G(n.on[k]) && n.on[k](F);
+    i && i.emit(x, F), !i && n.on && G(n.on[x]) && n.on[x](F);
   };
   L("beforeScroll");
   const O = () => {
     y += C;
-    const k = Js[r](y, v, T, o);
-    m[u] = k, y < o && requestAnimationFrame(O), y >= o && L("afterScroll");
+    const x = Js[r](y, v, T, o);
+    m[u] = x, y < o && requestAnimationFrame(O), y >= o && L("afterScroll");
   };
   requestAnimationFrame(O);
 };
@@ -492,14 +492,14 @@ const { MODALS: P } = window, Zs = (n) => {
     s.append(o);
   }), e.children[0];
 };
-var _t, Ei, Dt, Ai, kt, Si, xt, Li, $t, _i;
+var _t, Ei, Dt, Ai, xt, Si, kt, Li, $t, _i;
 class Ti extends HTMLElement {
   constructor() {
     super();
     p(this, _t);
     p(this, Dt);
-    p(this, kt);
     p(this, xt);
+    p(this, kt);
     p(this, $t);
     this.initialize = !1;
   }
@@ -532,16 +532,16 @@ _t = new WeakSet(), Ei = function() {
   const e = this.getAttribute(t.id) || Us();
   this.getAttribute(t.id) || (E(`modern-modal needs a ${t.id} attribute with a unique id.`), this.setAttribute(t.id, e)), P[e] && E(`the ${t.id} "${e}" is already be used.`), P[e] = this, d(this, Dt, Ai).call(this);
 }, Dt = new WeakSet(), Ai = function() {
-  this.childDom = this.childNodes, this.template = Zs(this), this.innerHTML = "", this.append(this.template), d(this, kt, Si).call(this);
-}, kt = new WeakSet(), Si = function() {
+  this.childDom = this.childNodes, this.template = Zs(this), this.innerHTML = "", this.append(this.template), d(this, xt, Si).call(this);
+}, xt = new WeakSet(), Si = function() {
   const t = this.querySelector(".modal-scroller");
   this.__scroller__ = Ve(t, {
     overflowBehavior: {
       x: "hidden"
     },
     autoUpdate: !0
-  }), window.modalScroll = this.__scroller__, d(this, xt, Li).call(this);
-}, xt = new WeakSet(), Li = function() {
+  }), window.modalScroll = this.__scroller__, d(this, kt, Li).call(this);
+}, kt = new WeakSet(), Li = function() {
   var a, r, l;
   const t = this, { ATTRS: e } = j, { close: s, destroy: o } = e;
   (a = t.querySelectorAll(`[${s}]`)) == null || a.forEach((c) => {
@@ -594,16 +594,16 @@ const { MODALS: ei } = window, bt = {}, Di = (n, i, ...t) => {
     return;
   const e = n[i];
   e && G(e) && e.apply(n, t);
-}, ki = (n, ...i) => {
+}, xi = (n, ...i) => {
   n && G(n) && n.apply(V, i);
 }, oi = (n, i) => {
   const { target: t } = n, e = ei[t] || _(n.target);
-  e && xi(n, i), e || Qs(n, i);
-}, xi = (n, i) => {
+  e && ki(n, i), e || Qs(n, i);
+}, ki = (n, i) => {
   const { target: t, action: e, on: s, e: o } = n, a = ei[t] || _(n.target);
   switch (["open", "close", "destroy"].forEach((l) => {
     a.once(l, () => {
-      i && (i.emit(l, a, o), Di(i, s[l], a, o)), i || ki(s[l], a);
+      i && (i.emit(l, a, o), Di(i, s[l], a, o)), i || xi(s[l], a);
     });
   }), e) {
     case "open":
@@ -625,7 +625,7 @@ const { MODALS: ei } = window, bt = {}, Di = (n, i, ...t) => {
   if (!e)
     return E("modal4", "cannot find target or data-modal-route is not defined");
   const r = (l, ...c) => {
-    i && (i.emit(l, ...c), Di(i, o[l], ...c)), i || ki(o[l], ...c);
+    i && (i.emit(l, ...c), Di(i, o[l], ...c)), i || xi(o[l], ...c);
   };
   bt[t] || (bt[t] = !0, fetch(e).then((l) => (r("success", a), l.text())).then((l) => {
     const c = Ys(l), u = _(s) || _(j.SETTINGS.container);
@@ -633,7 +633,7 @@ const { MODALS: ei } = window, bt = {}, Di = (n, i, ...t) => {
       u.append(g);
     });
     const h = ei[t] || _(n.target);
-    r("complete", h), xi(n, i), delete bt[t];
+    r("complete", h), ki(n, i), delete bt[t];
   }).catch((l) => {
     r("error", l), delete bt[t];
   }));
@@ -1281,19 +1281,19 @@ st = new WeakSet(), je = function() {
           var O;
           const L = y.querySelectorAll("[data-overlayscrollbars-viewport]");
           if (b.update(), Xi([...L]), u == "instagram") {
-            const k = document.querySelector("[video-template] .modal-content");
+            const x = document.querySelector("[video-template] .modal-content");
             new ResizeObserver((J) => {
-              J[0].contentRect.height > 50 && k.classList.add("active");
-            }).observe(k);
+              J[0].contentRect.height > 50 && x.classList.add("active");
+            }).observe(x);
           }
           if (o == "inBox")
             if (u == "instagram")
               f(".video-content").remove();
             else {
-              let k;
+              let x;
               const F = y.querySelector(".video-content");
               d(O = e, nt, ze).call(O, t.params).then((J) => {
-                k = `
+                x = `
                     <div
                       class="photo-box"
                       video-target
@@ -1315,7 +1315,7 @@ st = new WeakSet(), je = function() {
                       />
                       <img src="${J || ""}" alt="" />
                     </picture>
-                  </div>`, F.insertAdjacentHTML(S.prepend, k);
+                  </div>`, F.insertAdjacentHTML(S.prepend, x);
                 const ii = y.querySelectorAll("[video-target]");
                 ii.length > 0 && new X(ii, {
                   LAYOUT: t.params.LAYOUT,
@@ -2363,7 +2363,12 @@ class Zi extends HTMLElement {
   open() {
     const t = this;
     let e;
-    t.getAttribute("d4-portal") == "true" ? (Ge(), t.s.dropdownEl.parentNode !== document.body && document.body.appendChild(t.s.dropdownEl), t.__scroller__ || t.__events__.bindScrollbar(), e = t.s.dropdownEl.querySelector(".dropdown-scroller").clientHeight) : e = t.querySelector(".dropdown-scroller").clientHeight;
+    if (t.getAttribute("d4-portal") == "true")
+      Ge(), t.s.dropdownEl.parentNode !== document.body && document.body.appendChild(t.s.dropdownEl), t.__scroller__ || t.__events__.bindScrollbar(), e = t.s.dropdownEl.querySelector(".dropdown-scroller").clientHeight;
+    else {
+      const c = t.querySelector(".dropdown-scroller"), u = c.querySelector(".os-content"), h = parseInt(getComputedStyle(c).maxHeight) || 200;
+      e = Math.min(u ? u.scrollHeight : c.clientHeight, h);
+    }
     const s = t.classList.contains("filter"), o = () => {
       if (t.getAttribute("d4-portal") == "true") {
         if (s)
@@ -2821,7 +2826,7 @@ const ci = function(n, i) {
   return function(e) {
     t && clearTimeout(t), t = setTimeout(n, 200, e);
   };
-}, x = (n, i) => {
+}, k = (n, i) => {
   if (vt(n)) {
     n.forEach((t) => {
       t.classList.add(i);
@@ -2945,25 +2950,25 @@ ee = new WeakSet(), os = function() {
   });
 }, lt = new WeakSet(), Xe = function() {
   const { $container: i, $wrapper: t } = this, e = t.scrollWidth - t.clientWidth, s = Math.round(t.scrollLeft);
-  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")));
+  e <= 0 || (k(i, "scrollable"), s == 0 ? (k(t, "start"), $(t, "end")) : s + 1 >= e ? ($(t, "start"), k(t, "end")) : (k(t, "center"), $(t, "start"), $(t, "end")));
 }, U = new WeakSet(), Et = function() {
   const { $wrapper: i, $button: t, $element: e } = this;
   if (!t)
     return;
   const s = i.scrollWidth - i.clientWidth, o = i.scrollLeft;
   if (s <= 0) {
-    x(t, "hide"), $(t, "active"), x(e, "noScrollable");
+    k(t, "hide"), $(t, "active"), k(e, "noScrollable");
     return;
   }
-  s > 0 && (x(t, "active"), $(e, "noScrollable")), o == 0 ? t.forEach((a) => {
+  s > 0 && (k(t, "active"), $(e, "noScrollable")), o == 0 ? t.forEach((a) => {
     if (a.classList.contains("next")) {
       $(a, "hide");
       return;
     }
-    x(a, "hide");
+    k(a, "hide");
   }) : o + 1 >= s ? t.forEach((a) => {
     if (a.classList.contains("next")) {
-      x(a, "hide");
+      k(a, "hide");
       return;
     }
     $(a, "hide");
@@ -3000,7 +3005,7 @@ oe = new WeakSet(), cs = function() {
   this.$element && (this.$container = this.$element.querySelector(".collapse-container"), this.$wrapper = this.$container.querySelector(".wrapper"), d(this, ae, ds).call(this) && d(this, re, us).call(this), d(this, le, ps).call(this));
 }, ae = new WeakSet(), ds = 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) : (x(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) : (k(this.$element, "noScrollable"), !1);
 }, re = new WeakSet(), us = function() {
   const { $element: i, $button: t } = this, e = function() {
     i.classList.contains("expand") ? i.classList.remove("expand") : i.classList.add("expand");
@@ -3130,7 +3135,7 @@ ce = new WeakSet(), hs = function() {
   d(this, dt, Ye).call(this);
 };
 customElements.define("multipurpose-nav", vn);
-var pe, vs, he, bs, pt, Je, W, Z, me, ys, ge, ws, fe, Ts, ve, Es, be, As, ye, Ss, we, Ls, Te, _s, Ee, Ds, N, R, Ae, ks, Se, xs, Le, $s, _e, Cs;
+var pe, vs, he, bs, pt, Je, W, Z, me, ys, ge, ws, fe, Ts, ve, Es, be, As, ye, Ss, we, Ls, Te, _s, Ee, Ds, N, R, Ae, xs, Se, ks, Le, $s, _e, Cs;
 class fs extends HTMLElement {
   // 定義組件的初始狀態
   constructor(t, e) {
@@ -3192,7 +3197,7 @@ class fs extends HTMLElement {
     e.activeTab = s, this.setAttribute("t4-active", s);
     const o = d(this, W, Z).call(this, s);
     e.tabPanels.forEach((a, r) => {
-      r === o ? d(this, Se, xs).call(this, r) : d(this, Ae, ks).call(this, r);
+      r === o ? d(this, Se, ks).call(this, r) : d(this, Ae, xs).call(this, r);
     });
   }
   // 外部呼叫方法 $0.goNext()
@@ -3315,7 +3320,7 @@ pe = new WeakSet(), vs = function() {
       console.warn("請增加判斷，謝謝");
       break;
   }
-}, Ae = new WeakSet(), ks = function(t) {
+}, Ae = new WeakSet(), xs = function(t) {
   const { t: e } = this;
   this.t.transition;
   const s = e.tabPanels[t];
@@ -3332,7 +3337,7 @@ pe = new WeakSet(), vs = function() {
       s.style.display = "none";
       break;
   }
-}, Se = new WeakSet(), xs = function(t) {
+}, Se = new WeakSet(), ks = function(t) {
   const { duration: e, timing: s, delay: o } = this.t.transition, a = this.t.tabPanels[t];
   let r;
   switch (a.classList.add("show"), a.classList.remove("hide"), a.style.transition = `opacity ${e}ms ${s} ${o}ms`, a.style.display = "block", this.t.display) {
@@ -3415,12 +3420,12 @@ const ui = (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 ht, Ze, De, Is, ke, Ms, mt, Qe;
+var ht, Ze, De, Is, xe, Ms, mt, Qe;
 class wn {
   constructor(i, t = {}) {
     p(this, ht);
     p(this, De);
-    p(this, ke);
+    p(this, xe);
     p(this, mt);
     !ft(i) && !Ie(i) && !vt(i) && !A(i) || (this.__storage__ = {
       el: i,
@@ -3440,9 +3445,9 @@ ht = new WeakSet(), Ze = function() {
 }, De = new WeakSet(), Is = function() {
   const { elements: i, options: t } = this;
   i.forEach((e) => {
-    e.collapse = {}, e.collapse.instance = this, e.collapse.defaultOptions = t, e.collapse.methods = {}, e.collapse.methods.update = this.update, e.setAttribute(this.active, ""), d(this, ke, Ms).call(this, e);
+    e.collapse = {}, e.collapse.instance = this, e.collapse.defaultOptions = t, e.collapse.methods = {}, e.collapse.methods.update = this.update, e.setAttribute(this.active, ""), d(this, xe, Ms).call(this, e);
   }), this.emit("init");
-}, ke = new WeakSet(), Ms = function(i) {
+}, xe = new WeakSet(), Ms = 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, mt, Qe)), c.addEventListener("click", d(this, mt, Qe)), r) {
     const h = (g) => {
@@ -3470,12 +3475,12 @@ function qs() {
   });
 }
 document.addEventListener("click", qs);
-var gt, Ke, xe, Os, $e, Ps, Ce, Ns;
+var gt, Ke, ke, Os, $e, Ps, Ce, Ns;
 class En extends HTMLElement {
   constructor() {
     super();
     p(this, gt);
-    p(this, xe);
+    p(this, ke);
     p(this, $e);
     p(this, Ce);
     this.initialize = !1;
@@ -3503,8 +3508,8 @@ gt = new WeakSet(), Ke = function() {
     hover: this.getAttribute("r4-hover") ? e(this.getAttribute("r4-hover")) : t.hover,
     click: this.getAttribute("r4-hover-click") ? e(this.getAttribute("r4-hover-click")) : t.click
   };
-  this.s.options = s, this.s.options.hover && this.classList.add("hover-btn"), d(this, xe, Os).call(this);
-}, xe = new WeakSet(), Os = function() {
+  this.s.options = s, this.s.options.hover && this.classList.add("hover-btn"), d(this, ke, Os).call(this);
+}, ke = new WeakSet(), Os = function() {
   d(this, $e, Ps).call(this), d(this, Ce, Ns).call(this), this.classList.add("r4-initialize");
 }, $e = new WeakSet(), Ps = function() {
   const t = this, e = document.createElement("i");
@@ -3646,18 +3651,18 @@ function Dn(n, i) {
   const t = Math.pow(10, i);
   return Math.round(n * t) / t;
 }
-function kn(n, i) {
+function xn(n, i) {
   let t = n.size / 1024 / 1024;
   return `${Dn(t, 2)}` <= i;
 }
-function xn(n, i, t) {
+function kn(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 && !kn(e, t.params.sizeLimit)) {
+    if (t.params.sizeLimit && !xn(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
@@ -3699,7 +3704,7 @@ class $n {
         }
       };
       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) {
-        xn(a, e, i);
+        kn(a, e, i);
       });
     }));
   }