@xwadex/fesd 0.0.14-re.30 → 0.0.14-re.32

package/dist/assets/fesd-bundle.js

@@ -1,21 +1,21 @@
-var Ft = (i, e, t) => {
-  if (!e.has(i))
+var Z = (r, e, t) => {
+  if (!e.has(r))
     throw TypeError("Cannot " + t);
 };
-var d = (i, e, t) => {
-  if (e.has(i))
+var d = (r, e, t) => {
+  if (e.has(r))
     throw TypeError("Cannot add the same private member more than once");
-  e instanceof WeakSet ? e.add(i) : e.set(i, t);
+  e instanceof WeakSet ? e.add(r) : e.set(r, t);
 };
-var o = (i, e, t) => (Ft(i, e, "access private method"), t);
-import { i as $t, a as ut, g as Lt, v as Ut, c as Vt, S as Jt, b as bt, d as Kt, e as Yt, f as A, s as Qt, m as y, h as $ } from "./image-preview-bundle.js";
-import { A as we, k as ye, C as Ee, j as $e, D as Le, l as Ae, I as Se, M as xe, R as ke, T as Te } from "./image-preview-bundle.js";
-const I = () => {
-  const i = navigator.userAgent, e = {
+var l = (r, e, t) => (Z(r, e, "access private method"), t);
+import { i as P, a as X, g as F, v as ee, c as te, S as se, b as re, d as ie, e as oe, f as ae, s as ne } from "./image-preview-bundle.js";
+import { A as Ae, j as xe, C as Se, h as Ee, D as Ce, m as Le, I as qe, k as We, M as ke, l as Te, R as _e, T as Me } from "./image-preview-bundle.js";
+const $ = () => {
+  const r = navigator.userAgent, e = {
     // Firefox 1.0+
     isFirefox: typeof InstallTrigger < "u",
     // Opera 8.0+
-    isOpera: !!window.opr && !!opr.addons || !!window.opera || i.indexOf(" OPR/") >= 0,
+    isOpera: !!window.opr && !!opr.addons || !!window.opera || r.indexOf(" OPR/") >= 0,
     // Internet Explorer 6-11
     isIE: (
       /*@cc_on!@*/
@@ -24,95 +24,95 @@ const I = () => {
     // Edge 20+
     isEdge: !document.documentMode && !!window.StyleMedia,
     // Edge (based on chromium) detection
-    isEdgeChromium: /\sedg\//i.test(i) || /edg([ea]|ios)/i.test(i),
+    isEdgeChromium: /\sedg\//i.test(r) || /edg([ea]|ios)/i.test(r),
     // Safari 3.0+ "[object HTMLElementConstructor]"
-    isSafari: !/chrome|crios|crmo/i.test(i) && /safari/i.test(i),
+    isSafari: !/chrome|crios|crmo/i.test(r) && /safari/i.test(r),
     // Chrome 1 - 79
-    isChrome: !!window.chrome && (!!window.chrome.webstore || !!window.chrome.runtime) || /chrome|crios|crmo/i.test(i)
+    isChrome: !!window.chrome && (!!window.chrome.webstore || !!window.chrome.runtime) || /chrome|crios|crmo/i.test(r)
   }, t = {
     // Android
-    isAndroid: i.indexOf("Android") > -1 || i.indexOf("Adr") > -1,
+    isAndroid: r.indexOf("Android") > -1 || r.indexOf("Adr") > -1,
     // iOS | ipad
-    isiOS: i.indexOf("Mac") > -1 && "ontouchend" in document
+    isiOS: r.indexOf("Mac") > -1 && "ontouchend" in document
   }, s = {
     // window
-    isWindows: i.indexOf("Win") > -1,
+    isWindows: r.indexOf("Win") > -1,
     // macos
-    isMacOS: i.indexOf("Mac") > -1,
+    isMacOS: r.indexOf("Mac") > -1,
     // UNIX
-    isUNIX: i.indexOf("X11") > -1,
+    isUNIX: r.indexOf("X11") > -1,
     // Linux
-    isLinux: i.indexOf("Linux") > -1
+    isLinux: r.indexOf("Linux") > -1
   };
   return { browser: e, mobile: t, os: s };
-}, Zt = () => {
-  const { browser: i } = I();
-  return Object.keys(i).find((e) => {
-    if (i[e])
-      return i[e];
+}, le = () => {
+  const { browser: r } = $();
+  return Object.keys(r).find((e) => {
+    if (r[e])
+      return r[e];
   });
-}, te = () => {
-  const { mobile: i } = I();
-  return Object.keys(i).some((e) => {
-    if (i[e])
-      return i[e];
+}, ce = () => {
+  const { mobile: r } = $();
+  return Object.keys(r).some((e) => {
+    if (r[e])
+      return r[e];
   });
-}, ee = () => {
-  const { os: i } = I();
-  return Object.keys(i).find((e) => {
-    if (i[e])
-      return i[e];
+}, de = () => {
+  const { os: r } = $();
+  return Object.keys(r).find((e) => {
+    if (r[e])
+      return r[e];
   });
-}, se = () => console.dir(I());
-function ue() {
+}, ue = () => console.dir($());
+function be() {
   return {
-    init: I,
-    isBrowser4: Zt,
-    isMobile4: te,
-    isOs4: ee,
-    logs: se
+    init: $,
+    isBrowser4: le,
+    isMobile4: ce,
+    isOs4: de,
+    logs: ue
   };
 }
-const g = (i, e, t) => {
-  i && (bt(i) ? i.forEach((s) => s.style[e] = t) : i.style[e] = t);
+const u = (r, e, t) => {
+  r && (re(r) ? r.forEach((s) => s.style[e] = t) : r.style[e] = t);
 };
-var B, At, X, St, W, pt, R, xt, q, mt, G, kt;
-class pe {
+var C, U, L, V, f, B, q, z, y, R, W, G;
+class we {
   constructor(e, t = {}) {
-    d(this, B);
-    d(this, X);
+    d(this, C);
+    d(this, L);
     // 取得元件上的設定值
-    d(this, W);
+    d(this, f);
     // 設置設定值的 CSS 樣式
-    d(this, R);
     d(this, q);
-    d(this, G);
-    !$t(e) || !ut(e) || (this.__storage__ = {
+    d(this, y);
+    d(this, W);
+    !P(e) || !X(e) || (this.__storage__ = {
       el: e,
       options: t
-    }, this.active = "data-article-active", o(this, B, At).call(this));
+    }, this.active = "data-article-active", l(this, C, U).call(this));
   }
   update() {
     const { elements: e } = this;
     e.forEach((t) => {
       t.querySelectorAll("._article").forEach((s) => {
-        s.article = {}, s.article.parent = t, s.article.params = o(this, W, pt).call(this, s), o(this, q, mt).call(this, s);
+        s.article = {}, s.article.parent = t, s.article.params = l(this, f, B).call(this, s), l(this, y, R).call(this, s);
       });
     });
   }
 }
-B = new WeakSet(), At = function() {
-  const { el: e, options: t } = this.__storage__, { SETTINGS: s } = Kt;
-  this.elements = Lt(e + `:not([${this.active}])`), this.options = Object.assign({}, s, t), o(this, X, St).call(this);
-}, X = new WeakSet(), St = function() {
+C = new WeakSet(), U = function() {
+  const { el: e, options: t } = this.__storage__, { SETTINGS: s } = ie;
+  this.elements = F(e + `:not([${this.active}])`), this.options = Object.assign({}, s, t), l(this, L, V).call(this);
+}, L = new WeakSet(), V = function() {
   const { elements: e } = this;
   e.forEach((t) => {
     t.setAttribute(this.active, ""), t.querySelectorAll("._article").forEach((s) => {
-      var a, n;
-      s.article = {}, s.article.parent = t, s.article.params = o(this, W, pt).call(this, s), s.article.methods = {}, s.article.methods.update = this.update, o(n = o(a = o(this, R, xt).call(this, s), q, mt).call(a, s), G, kt).call(n, s);
+      var i, a;
+      s.article = {}, s.article.parent = t, s.article.params = l(this, f, B).call(this, s), s.article.methods = {}, s.article.methods.update = this.update, l(a = l(i = l(this, q, z).call(this, s), y, R).call(i, s), W, G).call(a, s);
     });
   });
-}, W = new WeakSet(), pt = function(e) {
+}, f = new WeakSet(), B = function(e) {
   return {
     // 元件本身
     $selector: e,
@@ -144,171 +144,171 @@ B = new WeakSet(), At = function() {
     buttonTextColor: e.getAttribute("button-textcolor"),
     descriptionColor: e.getAttribute("description-color")
   };
-}, R = new WeakSet(), xt = function(e) {
+}, q = new WeakSet(), z = function(e) {
   const { params: t } = e.article;
-  return g(t.$h, "color", t.hColor), g(t.$subH, "color", t.subHColor), g(t.$p, "color", t.pColor), g(t.$description, "color", t.descriptionColor), g(t.$button, "backgroundColor", t.buttonColor), g(t.$button, "color", t.buttonTextColor), t.buttonColorHover && t.$button && (t.$button.appendChild(document.createElement("span")), g(t.$button.querySelector("span"), "backgroundColor", t.buttonColorHover)), g(t.$backgroundWrap, "backgroundColor", t.typeFullColor), g(t.$contentWrap, "backgroundColor", t.typeFullBoxColor), this;
-}, q = new WeakSet(), mt = function(e) {
+  return u(t.$h, "color", t.hColor), u(t.$subH, "color", t.subHColor), u(t.$p, "color", t.pColor), u(t.$description, "color", t.descriptionColor), u(t.$button, "backgroundColor", t.buttonColor), u(t.$button, "color", t.buttonTextColor), t.buttonColorHover && t.$button && (t.$button.appendChild(document.createElement("span")), u(t.$button.querySelector("span"), "backgroundColor", t.buttonColorHover)), u(t.$backgroundWrap, "backgroundColor", t.typeFullColor), u(t.$contentWrap, "backgroundColor", t.typeFullBoxColor), this;
+}, y = new WeakSet(), R = function(e) {
   const { params: t } = e.article;
-  return t.$video.length && new Ut(t.$video), this;
-}, G = new WeakSet(), kt = function(e) {
+  return t.$video.length && new ee(t.$video), this;
+}, W = new WeakSet(), G = function(e) {
   const { basic_rwd: t } = this.options, { params: s } = e.article;
   if (!s.$swiper)
     return;
-  const a = Vt(), n = this;
-  let r = {
+  const i = te(), a = this;
+  let o = {
     on: {
-      init(c) {
-        const h = c.$el[0];
-        s.$video.length && ([...h.querySelectorAll("[video4-active]")].forEach((f) => {
-          var b, m;
-          (b = f.querySelector(Yt.SETTINGS.videoButton)) == null || b.remove(), (m = f.querySelector(".overlay")) == null || m.remove(), f.removeAttribute("video4-active");
-        }), n.update());
+      init(n) {
+        const g = n.$el[0];
+        s.$video.length && ([...g.querySelectorAll("[video4-active]")].forEach((v) => {
+          var x, p;
+          (x = v.querySelector(oe.SETTINGS.videoButton)) == null || x.remove(), (p = v.querySelector(".overlay")) == null || p.remove(), v.removeAttribute("video4-active");
+        }), a.update());
       },
-      observerUpdate(c) {
-        c.params.autoplay.enabled && (c.autoplay.start(), c.update());
+      observerUpdate(n) {
+        n.params.autoplay.enabled && (n.autoplay.start(), n.update());
       }
     },
     observer: !0,
     breakpoints: {}
   };
-  if (s.$selector.setAttribute("img-swiper", "on"), s.$selector.classList.add(`swiper-${a}`), s.$selector.getAttribute("swiper-arrow") !== "off" && s.$selector.getAttribute("swiper-arrow")) {
-    const c = document.createElement("div");
-    c.className = `swiper-button-next swiper-${a}`, s.$swiperButtonCover.appendChild(c);
-    const h = document.createElement("div");
-    h.className = `swiper-button-prev swiper-${a}`, s.$swiperButtonCover.appendChild(h), r.navigation = {
-      nextEl: `.swiper-button-next.swiper-${a}`,
-      prevEl: `.swiper-button-prev.swiper-${a}`
+  if (s.$selector.setAttribute("img-swiper", "on"), s.$selector.classList.add(`swiper-${i}`), s.$selector.getAttribute("swiper-arrow") !== "off" && s.$selector.getAttribute("swiper-arrow")) {
+    const n = document.createElement("div");
+    n.className = `swiper-button-next swiper-${i}`, s.$swiperButtonCover.appendChild(n);
+    const g = document.createElement("div");
+    g.className = `swiper-button-prev swiper-${i}`, s.$swiperButtonCover.appendChild(g), o.navigation = {
+      nextEl: `.swiper-button-next.swiper-${i}`,
+      prevEl: `.swiper-button-prev.swiper-${i}`
     };
   }
   if (s.$selector.getAttribute("swiper-nav") !== "off" || !s.$selector.getAttribute("swiper-nav")) {
-    const c = document.createElement("div");
-    c.className = `swiper-pagination swiper-${a}`, s.$swiper.appendChild(c), r.pagination = {
-      el: `.swiper-pagination.swiper-${a}`,
+    const n = document.createElement("div");
+    n.className = `swiper-pagination swiper-${i}`, s.$swiper.appendChild(n), o.pagination = {
+      el: `.swiper-pagination.swiper-${i}`,
       clickable: !0
     };
   }
-  Number.parseInt(s.$selector.getAttribute("swiper-num")) && (r.breakpoints[t] = {
+  Number.parseInt(s.$selector.getAttribute("swiper-num")) && (o.breakpoints[t] = {
     slidesPerView: s.$selector.getAttribute("swiper-num") ? Number.parseInt(s.$selector.getAttribute("swiper-num")) > 5 ? 5 : Number.parseInt(s.$selector.getAttribute("swiper-num")) : 1
-  }), (s.$selector.getAttribute("swiper-autoplay") !== "off" || !s.$selector.getAttribute("swiper-autoplay")) && (r.autoplay = {
+  }), (s.$selector.getAttribute("swiper-autoplay") !== "off" || !s.$selector.getAttribute("swiper-autoplay")) && (o.autoplay = {
     delay: 3e3,
     disableOnInteraction: !1
-  }), (s.$selector.getAttribute("swiper-loop") !== "off" || !s.$selector.getAttribute("swiper-loop")) && (r.loop = !0), s.$selector.getAttribute("swiper-speed") && (r.speed = parseInt(s.$selector.getAttribute("swiper-speed"))), s.$selector.getAttribute("swiper-parallax") !== "off" && !s.$selector.getAttribute("swiper-loop") && (r.parallax = !0), s.$selector.getAttribute("swiper-pagination-dynamic") === "on" && (r.pagination.dynamicBullets = !0);
-  let l = () => window.innerWidth > this.basic_rwd && Number(s.$selector.getAttribute("swiper-num")) || 1;
-  s.$swiper.querySelectorAll(".swiper-slide").length <= l() && (r.navigation = !1, r.pagination = !1, r.autoplay = !1, r.loop = !1, s.$selector.querySelector(".swiper-button-cover").style.display = "none", s.$selector.querySelector(".swiper-pagination").style.display = "none", s.$swiper.classList.add("swiper-no-swiping"));
-  const p = new Jt(s.$swiper, r);
-  return e.article.swiperList = [], e.article.swiperList.push(p), this;
+  }), (s.$selector.getAttribute("swiper-loop") !== "off" || !s.$selector.getAttribute("swiper-loop")) && (o.loop = !0), s.$selector.getAttribute("swiper-speed") && (o.speed = parseInt(s.$selector.getAttribute("swiper-speed"))), s.$selector.getAttribute("swiper-parallax") !== "off" && !s.$selector.getAttribute("swiper-loop") && (o.parallax = !0), s.$selector.getAttribute("swiper-pagination-dynamic") === "on" && (o.pagination.dynamicBullets = !0);
+  let c = () => window.innerWidth > this.basic_rwd && Number(s.$selector.getAttribute("swiper-num")) || 1;
+  s.$swiper.querySelectorAll(".swiper-slide").length <= c() && (o.navigation = !1, o.pagination = !1, o.autoplay = !1, o.loop = !1, s.$selector.querySelector(".swiper-button-cover").style.display = "none", s.$selector.querySelector(".swiper-pagination").style.display = "none", s.$swiper.classList.add("swiper-no-swiping"));
+  const h = new se(s.$swiper, o);
+  return e.article.swiperList = [], e.article.swiperList.push(h), this;
 };
-let gt = "ontouchstart" in document.documentElement ? "touchstart" : "mousedown", vt = "ontouchend" in document.documentElement ? "touchend" : "mouseup", ct = "ontouchmove" in document.documentElement ? "touchmove" : "mousemove";
-function L(i) {
-  const e = window.getComputedStyle(i), t = e.transform || e.mozTransform;
+let j = "ontouchstart" in document.documentElement ? "touchstart" : "mousedown", D = "ontouchend" in document.documentElement ? "touchend" : "mouseup", I = "ontouchmove" in document.documentElement ? "touchmove" : "mousemove";
+function m(r) {
+  const e = window.getComputedStyle(r), t = e.transform || e.mozTransform;
   if (t === "none")
     return {
       x: 0,
       y: 0,
       z: 0
     };
-  const s = t.includes("3d") ? "3d" : "2d", a = t.match(/matrix.*\((.+)\)/)[1].split(", ");
+  const s = t.includes("3d") ? "3d" : "2d", i = t.match(/matrix.*\((.+)\)/)[1].split(", ");
   if (s === "2d")
     return {
-      x: Number(a[4]),
-      y: Number(a[5]),
+      x: Number(i[4]),
+      y: Number(i[5]),
       z: 0
     };
   if (s === "3d")
     return {
-      x: Number(a[12]),
-      y: Number(a[13]),
-      z: Number(a[14])
+      x: Number(i[12]),
+      y: Number(i[13]),
+      z: Number(i[14])
     };
 }
-function H(i) {
-  const t = i.querySelector(".wrapper").querySelectorAll(".item");
+function E(r) {
+  const t = r.querySelector(".wrapper").querySelectorAll(".item");
   let s = 0;
-  return t.forEach((a) => {
-    const n = getComputedStyle(a), r = parseInt(n.marginLeft), l = parseInt(n.marginRight);
-    s += a.getBoundingClientRect().width + r + l;
+  return t.forEach((i) => {
+    const a = getComputedStyle(i), o = parseInt(a.marginLeft), c = parseInt(a.marginRight);
+    s += i.getBoundingClientRect().width + o + c;
   }), s;
 }
-function dt(i) {
-  if (L(i.slideWrapEl).x >= i.translateMin)
+function N(r) {
+  if (m(r.slideWrapEl).x >= r.translateMin)
     return "is-start";
-  if (L(i.slideWrapEl).x <= i.translateMax)
+  if (m(r.slideWrapEl).x <= r.translateMax)
     return "is-end";
-  if (L(i.slideWrapEl).x < i.translateMin && L(i.slideWrapEl).x > i.translateMax)
+  if (m(r.slideWrapEl).x < r.translateMin && m(r.slideWrapEl).x > r.translateMax)
     return "is-middle";
 }
-function ie(i) {
-  const e = i.el, t = e.querySelector(".wrapper");
-  t.addEventListener(gt, function(s) {
-    switch (i.isDown = !0, i.slidable && t.classList.add("dragging"), gt) {
+function pe(r) {
+  const e = r.el, t = e.querySelector(".wrapper");
+  t.addEventListener(j, function(s) {
+    switch (r.isDown = !0, r.slidable && t.classList.add("dragging"), j) {
       case "mousedown":
-        i.startX = s.pageX;
+        r.startX = s.pageX;
         break;
       case "touchstart":
-        i.startX = s.changedTouches[0].pageX;
+        r.startX = s.changedTouches[0].pageX;
         break;
     }
-    i.nowTranslateX = L(t).x;
-  }), t.addEventListener(vt, function(s) {
-    i.isDown = !1, t.classList.remove("dragging"), t.classList.remove("moving");
-    let a;
-    switch (ct) {
+    r.nowTranslateX = m(t).x;
+  }), t.addEventListener(D, function(s) {
+    r.isDown = !1, t.classList.remove("dragging"), t.classList.remove("moving");
+    let i;
+    switch (I) {
       case "mousemove":
-        a = s.pageX - i.startX;
+        i = s.pageX - r.startX;
         break;
       case "touchmove":
-        a = s.changedTouches[0].pageX - i.startX;
+        i = s.changedTouches[0].pageX - r.startX;
         break;
     }
-    if (a === 0 && s.target.closest(".item")) {
-      if (vt === "mouseup" && s.button !== 0)
+    if (i === 0 && s.target.closest(".item")) {
+      if (D === "mouseup" && s.button !== 0)
         return;
-      t.querySelectorAll(".item").forEach((r) => {
-        r.classList.remove("active");
-      }), s.target.closest(".item").classList.add("active"), i.moveActive(i.params.speed);
+      t.querySelectorAll(".item").forEach((o) => {
+        o.classList.remove("active");
+      }), s.target.closest(".item").classList.add("active"), r.moveActive(r.params.speed);
     } else
-      i.slidable && i.resetPos(e);
+      r.slidable && r.resetPos(e);
   }), t.addEventListener("mouseleave", function() {
-    i.isDown && i.slidable && (i.isDown = !1, t.classList.remove("dragging"), t.classList.remove("moving"), i.resetPos(e));
-  }), t.addEventListener(ct, function(s) {
-    if (i.draggable && i.slidable) {
-      if (!i.isDown)
+    r.isDown && r.slidable && (r.isDown = !1, t.classList.remove("dragging"), t.classList.remove("moving"), r.resetPos(e));
+  }), t.addEventListener(I, function(s) {
+    if (r.draggable && r.slidable) {
+      if (!r.isDown)
         return;
       s.preventDefault();
-      let a;
-      switch (ct) {
+      let i;
+      switch (I) {
         case "mousemove":
-          a = s.pageX - i.startX;
+          i = s.pageX - r.startX;
           break;
         case "touchmove":
-          a = s.changedTouches[0].pageX - i.startX;
+          i = s.changedTouches[0].pageX - r.startX;
           break;
       }
-      if (a !== 0) {
+      if (i !== 0) {
         t.classList.add("moving");
-        const n = {
+        const a = {
           transition: "all 0ms ease 0s",
-          transform: `translate3d(${i.nowTranslateX + a}px,0,0)`
+          transform: `translate3d(${r.nowTranslateX + i}px,0,0)`
         };
-        Object.assign(t.style, n);
+        Object.assign(t.style, a);
       }
     }
   });
 }
-function ae(i) {
-  const e = i.querySelectorAll("a");
+function me(r) {
+  const e = r.querySelectorAll("a");
   for (var t = 0, s = e.length; t < s; t++)
     e[t].draggable = !1;
 }
-class me {
+class ve {
   constructor(e, t) {
     this.el = typeof e == "string" ? document.querySelector(e) : e, this.slideWrapEl = this.el.querySelector(".wrapper"), this.params = {
       speed: 300,
       clickSwitch: !0,
       breakpoint: !1
-    }, Object.assign(this.params, t), this.draggable = !0, this.isDown = !1, this.startX = 0, this.nowTranslateX = L(this.slideWrapEl).x, this.slideTotalWidth = H(this.el), this.translateMin = 0, this.translateMax = -Math.floor(
+    }, Object.assign(this.params, t), this.draggable = !0, this.isDown = !1, this.startX = 0, this.nowTranslateX = m(this.slideWrapEl).x, this.slideTotalWidth = E(this.el), this.translateMin = 0, this.translateMax = -Math.floor(
       Math.abs(
-        H(this.el) - this.el.querySelector(".wrapper").getBoundingClientRect().width
+        E(this.el) - this.el.querySelector(".wrapper").getBoundingClientRect().width
       )
     ), this.slidable = this.slideTotalWidth > Math.round(this.el.getBoundingClientRect().width) && (!this.params.breakpoint || window.innerWidth <= this.params.breakpoint), this.init();
   }
@@ -316,35 +316,35 @@ class me {
     const e = this;
     e.slidable && (e.slideWrapEl.style.width = `${e.slideTotalWidth}px`, e.el.classList.add("slidable"), e.slideWrapEl.querySelector(".item.active") && e.moveActive()), window.addEventListener("resize", function() {
       e.update();
-    }), ie(e), ae(e.el);
+    }), pe(e), me(e.el);
   }
   moveActive(e) {
-    const t = this, s = t.slideWrapEl.querySelector(".item.active"), n = s.previousElementSibling ? s.offsetLeft - t.el.clientWidth / 2 + s.clientWidth / 2 : 0;
+    const t = this, s = t.slideWrapEl.querySelector(".item.active"), a = s.previousElementSibling ? s.offsetLeft - t.el.clientWidth / 2 + s.clientWidth / 2 : 0;
     if (t.slidable) {
-      if (-n < 0 && -n > t.translateMax) {
-        const r = {
+      if (-a < 0 && -a > t.translateMax) {
+        const o = {
           transition: `all ${e || 0}ms ease 0s`,
-          transform: `translate3d(-${n}px,0,0)`
+          transform: `translate3d(-${a}px,0,0)`
         };
-        Object.assign(t.slideWrapEl.style, r);
-      } else if (-n >= 0) {
-        const r = {
+        Object.assign(t.slideWrapEl.style, o);
+      } else if (-a >= 0) {
+        const o = {
           transition: `all ${e || 0}ms ease 0s`,
           transform: "translate3d(0,0,0)"
         };
-        Object.assign(t.slideWrapEl.style, r);
+        Object.assign(t.slideWrapEl.style, o);
       } else {
-        const r = {
+        const o = {
           transition: `all ${e || 0}ms ease 0s`,
           transform: `translate3d(${t.translateMax}px,0,0)`
         };
-        Object.assign(t.slideWrapEl.style, r);
+        Object.assign(t.slideWrapEl.style, o);
       }
       if (e)
         t.slideWrapEl.addEventListener(
           "transitionend",
           function() {
-            switch (t.nowTranslateX = L(t.slideWrapEl).x, dt(t)) {
+            switch (t.nowTranslateX = m(t.slideWrapEl).x, N(t)) {
               case "is-start":
                 t.el.classList.add("is-start"), t.el.classList.remove("is-end");
                 break;
@@ -359,7 +359,7 @@ class me {
           !1
         );
       else
-        switch (t.nowTranslateX = L(t.slideWrapEl).x, dt(t)) {
+        switch (t.nowTranslateX = m(t.slideWrapEl).x, N(t)) {
           case "is-start":
             t.el.classList.add("is-start"), t.el.classList.remove("is-end");
             break;
@@ -374,7 +374,7 @@ class me {
   }
   resetPos() {
     const e = this;
-    switch (dt(e)) {
+    switch (N(e)) {
       case "is-start":
         e.el.classList.add("is-start"), e.el.classList.remove("is-end"), Object.assign(e.slideWrapEl.style, {
           transition: `all ${e.params.speed}ms ease 0s`,
@@ -394,630 +394,114 @@ class me {
   }
   update() {
     const e = this;
-    e.el.querySelector(".wrapper").removeAttribute("style"), e.slideTotalWidth = H(e.el), e.translateMax = -Math.floor(
+    e.el.querySelector(".wrapper").removeAttribute("style"), e.slideTotalWidth = E(e.el), e.translateMax = -Math.floor(
       Math.abs(
-        H(e.el) - e.el.querySelector(".wrapper").getBoundingClientRect().width
+        E(e.el) - e.el.querySelector(".wrapper").getBoundingClientRect().width
       )
     ), e.slidable = e.slideTotalWidth > Math.round(e.el.getBoundingClientRect().width) && (!e.params.breakpoint || window.innerWidth <= e.params.breakpoint), e.slidable ? (e.slideWrapEl.style.width = `${e.slideTotalWidth}px`, e.el.classList.add("slidable"), e.slideWrapEl.querySelector(".item.active") && e.moveActive()) : (e.el.classList.remove("slidable"), e.el.classList.remove("is-start"), e.el.classList.remove("is-end"), e.slideWrapEl.removeAttribute("style"));
   }
 }
-const wt = (i) => {
-  if (i == "facebook")
+const H = (r) => {
+  if (r == "facebook")
     return "https://www.facebook.com/sharer/sharer.php?u=";
-  if (i == "line")
+  if (r == "line")
     return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ? "http://line.naver.jp/R/msg/text/?" : "https://lineit.line.me/share/ui?url=";
-  if (i == "twitter")
+  if (r == "twitter")
     return "https://twitter.com/intent/tweet?url=";
-  if (i == "linkedin")
+  if (r == "linkedin")
     return `http://www.linkedin.com/shareArticle?mini=true&title=${document.title}&source=${document.title}&url=`;
-  if (i == "telegram")
+  if (r == "telegram")
     return "https://telegram.me/share/url?url=";
 };
-var P, Tt, z, Wt, F, qt;
-class he {
+var k, Y, T, J, _, K;
+class fe {
   constructor(e, t = {}) {
-    d(this, P);
-    d(this, z);
-    d(this, F);
+    d(this, k);
+    d(this, T);
+    d(this, _);
     this.__storage__ = {
       el: e,
       options: t
-    }, o(this, P, Tt).call(this);
+    }, l(this, k, Y).call(this);
   }
 }
-P = new WeakSet(), Tt = function() {
-  const { el: e, options: t } = this.__storage__, { SETTINGS: s } = Qt;
-  !$t(e) || !ut(e) || (this.elements = Lt(e), this.options = Object.assign({}, s, t), o(this, z, Wt).call(this));
-}, z = new WeakSet(), Wt = function() {
+k = new WeakSet(), Y = function() {
+  const { el: e, options: t } = this.__storage__, { SETTINGS: s } = ne;
+  !P(e) || !X(e) || (this.elements = F(e), this.options = Object.assign({}, s, t), l(this, T, J).call(this));
+}, T = new WeakSet(), J = function() {
   const { elements: e, options: t } = this;
   e.forEach((s) => {
-    s.querySelectorAll("[share-target]").forEach((a) => {
-      a.share = {}, a.share.instance = this, a.share.params = t, a.share.eventHandler = o(this, F, qt), a.addEventListener("click", a.share.eventHandler);
+    s.querySelectorAll("[share-target]").forEach((i) => {
+      i.share = {}, i.share.instance = this, i.share.params = t, i.share.eventHandler = l(this, _, K), i.addEventListener("click", i.share.eventHandler);
     });
   });
-}, F = new WeakSet(), qt = function() {
-  const { eventHandler: e, params: t } = this.share, s = this.getAttribute("share-target"), a = {
+}, _ = new WeakSet(), K = function() {
+  const { eventHandler: e, params: t } = this.share, s = this.getAttribute("share-target"), i = {
     source: this.getAttribute("utm-source"),
     medium: this.getAttribute("utm-medium"),
     campaign: this.getAttribute("utm-campaign")
-  }, n = {
+  }, a = {
     success: this.getAttribute("copy-success") || t.success,
     text: this.getAttribute("copy-text") || t.text,
     className: this.getAttribute("copy-class") || t.className,
     duration: this.getAttribute("copy-duration") || t.duration
-  }, r = encodeURIComponent(document.URL);
-  let l = r;
+  }, o = encodeURIComponent(document.URL);
+  let c = o;
   if (s == "wechat") {
-    window.open(`https://api.qrserver.com/v1/create-qr-code/?data=${r}&size=250x250`, "share to wechat", "width=300,height=300");
+    window.open(`https://api.qrserver.com/v1/create-qr-code/?data=${o}&size=250x250`, "share to wechat", "width=300,height=300");
     return;
   }
   if (s == "url") {
-    if (ut(".copied-wrapper"))
+    if (X(".copied-wrapper"))
       return;
-    document.querySelector("body").insertAdjacentHTML(A.append, `<div class='copied-wrapper'><div class='text'>${n.success ? n.success : ""}</div><input id='clipboard' type='text' readonly></div>`);
-    const p = document.querySelector(".copied-wrapper");
-    n.className && p.classList.add(n.className), p.style.top = this.getBoundingClientRect().top + window.scrollY + "px", p.style.left = this.getBoundingClientRect().left + this.getBoundingClientRect().width / 2 + "px", p.style.display = "block";
-    const c = document.querySelector("#clipboard");
-    if (c.value = n.text ?? window.location.href, c.setSelectionRange(0, 9999), c.select(), document.execCommand("copy")) {
+    document.querySelector("body").insertAdjacentHTML(ae.append, `<div class='copied-wrapper'><div class='text'>${a.success ? a.success : ""}</div><input id='clipboard' type='text' readonly></div>`);
+    const h = document.querySelector(".copied-wrapper");
+    a.className && h.classList.add(a.className), h.style.top = this.getBoundingClientRect().top + window.scrollY + "px", h.style.left = this.getBoundingClientRect().left + this.getBoundingClientRect().width / 2 + "px", h.style.display = "block";
+    const n = document.querySelector("#clipboard");
+    if (n.value = a.text ?? window.location.href, n.setSelectionRange(0, 9999), n.select(), document.execCommand("copy")) {
       document.execCommand("copy");
-      const h = document.querySelector(".copied-wrapper"), u = document.querySelector(".copied-wrapper .text");
-      u.style.display = "block", u.style.opacity = 0;
-      const f = (m, ot) => {
-        let S = 0;
-        const x = 50, O = x / ot, lt = setInterval(function() {
-          S += O, m.style.opacity = S, S >= 1 && (clearInterval(lt), setTimeout(function() {
-            b(m, 300, function() {
-              h.remove();
+      const g = document.querySelector(".copied-wrapper"), A = document.querySelector(".copied-wrapper .text");
+      A.style.display = "block", A.style.opacity = 0;
+      const v = (p, M) => {
+        let b = 0;
+        const w = 50, S = w / M, O = setInterval(function() {
+          b += S, p.style.opacity = b, b >= 1 && (clearInterval(O), setTimeout(function() {
+            x(p, 300, function() {
+              g.remove();
             });
-          }, n.duration));
-        }, x);
-      }, b = (m, ot, S) => {
-        let x = 1;
-        const O = 50, lt = O / ot, zt = setInterval(() => {
-          x -= lt, m.style.opacity = x, x <= 0 && (clearInterval(zt), m.style.display = "none", S && S());
-        }, O);
+          }, a.duration));
+        }, w);
+      }, x = (p, M, b) => {
+        let w = 1;
+        const S = 50, O = S / M, Q = setInterval(() => {
+          w -= O, p.style.opacity = w, w <= 0 && (clearInterval(Q), p.style.display = "none", b && b());
+        }, S);
       };
-      f(u, 300);
+      v(A, 300);
     }
     return;
   }
-  l = `${l}${a.source ? `?utm_source=${a.source}` : ""}${a.medium ? `&utm_medium${a.medium}` : ""}${a.campaign ? `&utm_campaign${a.campaign}` : ""}`, l = l.replace("?", "%3F").replace(new RegExp("&", "g"), "%26"), s == "line" ? window.open(`${wt(s)}${r}`) : window.open(`${wt(s)}${l}&quote=${l}`), this.removeEventListener("click", e), setTimeout(() => {
+  c = `${c}${i.source ? `?utm_source=${i.source}` : ""}${i.medium ? `&utm_medium${i.medium}` : ""}${i.campaign ? `&utm_campaign${i.campaign}` : ""}`, c = c.replace("?", "%3F").replace(new RegExp("&", "g"), "%26"), s == "line" ? window.open(`${H(s)}${o}`) : window.open(`${H(s)}${c}&quote=${c}`), this.removeEventListener("click", e), setTimeout(() => {
     this.addEventListener("click", e);
   }, 100);
 };
-function D(i) {
-  const e = {};
-  return [...i.attributes].forEach((t) => {
-    if (t.name.includes("duration-")) {
-      const s = t.name.replace("duration-", ""), a = t.nodeValue;
-      e[s] = Number(a);
-    }
-  }), Object.keys(e).length === 0 ? null : e;
-}
-function yt(i) {
-  if (D(i)) {
-    let e;
-    const t = Object.keys(D(i)).map((s) => ({
-      value: s,
-      point: s
-    }));
-    t.sort((s, a) => parseInt(a.value, 10) - parseInt(s.value, 10));
-    for (let s = 0; s < t.length; s += 1) {
-      const { point: a, value: n } = t[s];
-      window.matchMedia(`(max-width: ${n}px)`).matches && (e = a);
-    }
-    return e ? Number(D(i)[e]) : i.s.options.duration;
-  } else
-    return i.s.options.duration;
-}
-function re(i) {
-  const { behavior: e, continual: t, gap: s } = i.s.options, a = i.childNodes, n = document.createElement("div"), r = document.createElement("div");
-  n.className = "animate-container", r.className = "animate-item", [...a].forEach((p) => {
-    r.append(p);
-  });
-  function l() {
-    const p = r.cloneNode(!0);
-    return p.classList.add("clone"), i.s.cloneAnimation = null, i.s.cloneAnimateEl = p, p;
-  }
-  i.s.animation = null, i.s.animateEl = r, i.textContent = "", n.append(r), i.append(n), r.clientWidth * 2 + s >= i.clientWidth ? e === "normal" && t && n.append(l()) : i.s.options.continual = !1;
-}
-function v(i) {
-  const { behavior: e, direction: t, continual: s } = i.s.options;
-  let a = {};
-  switch (e) {
-    case "normal":
-      let n, r;
-      switch (t) {
-        case "top":
-          n = s ? "translate3d(0,100%,0)" : `translate3d(0,${i.clientHeight}px,0)`, r = "translate3d(0,-100%,0)", a.animate1 = [{ transform: n }, { transform: r }], s && (a.animate2 = [{ transform: "translate3d(0,0,0)" }, { transform: "translate3d(0,-200%,0)" }]);
-          break;
-        case "right":
-          n = s ? "translate3d(0,0,0)" : "translate3d(-100%,0,0)", r = s ? "translate3d(200%,0,0)" : `translate3d(${i.clientWidth}px,0,0)`, a.animate1 = [{ transform: n }, { transform: r }], s && (a.animate2 = [{ transform: "translate3d(-100%,0,0)" }, { transform: "translate3d(100%,0,0)" }]);
-          break;
-        case "bottom":
-          n = "translate3d(0,-100%,0)", r = s ? "translate3d(0,100%,0)" : `translate3d(0,${i.clientHeight}px,0)`, a.animate1 = [{ transform: n }, { transform: r }], s && (a.animate2 = [{ transform: "translate3d(0,-200%,0)" }, { transform: "translate3d(0,0,0)" }]);
-          break;
-        case "left":
-          n = s ? "translate3d(100%,0,0)" : `translate3d(${i.clientWidth}px,0,0)`, r = "translate3d(-100%,0,0)", a.animate1 = [{ transform: n }, { transform: r }], s && (a.animate2 = [{ transform: "translate3d(0,0,0)" }, { transform: "translate3d(-200%,0,0)" }]);
-          break;
-      }
-      break;
-    case "alternate":
-      switch (t) {
-        case "top":
-          a.animate1 = [{ transform: `translate3d(0,calc(${i.clientHeight}px - 100%),0)` }, { transform: "translate3d(0,0,0)" }, { transform: `translate3d(0,calc(${i.clientHeight}px - 100%),0)` }];
-          break;
-        case "right":
-          a.animate1 = [{ transform: "translate3d(0,0,0)" }, { transform: `translate3d(calc(-100% + ${i.clientWidth}px),0,0)` }, { transform: "translate3d(0,0,0)" }];
-          break;
-        case "bottom":
-          a.animate1 = [{ transform: "translate3d(0,0,0)" }, { transform: `translate3d(0,calc(${i.clientHeight}px - 100%),0)` }, { transform: "translate3d(0,0,0)" }];
-          break;
-        case "left":
-          a.animate1 = [{ transform: `translate3d(calc(-100% + ${i.clientWidth}px),0,0)` }, { transform: "translate3d(0,0,0)" }, { transform: `translate3d(calc(-100% + ${i.clientWidth}px),0,0)` }];
-          break;
-      }
-      break;
-    case "endStop":
-      switch (t) {
-        case "top":
-          a.animate1 = [{ transform: `translate3d(0,${i.clientHeight}px,0)` }, { transform: "translate3d(0,0,0)" }];
-          break;
-        case "right":
-          a.animate1 = [{ transform: "translate3d(-100%,0,0)" }, { transform: "translate3d(0,0,0)" }];
-          break;
-        case "bottom":
-          a.animate1 = [{ transform: "translate3d(0,-100%,0)" }, { transform: `translate3d(0,calc(${i.clientHeight}px - 100%),0)` }];
-          break;
-        case "left":
-          a.animate1 = [{ transform: `translate3d(${i.clientWidth}px,0,0)` }, { transform: `translate3d(calc(${i.clientWidth}px - 100%),0,0)` }];
-          break;
-      }
-      break;
-  }
-  return a;
-}
-function ne(i) {
-  let e;
-  return function(t) {
-    e && clearTimeout(e), e = setTimeout(i, 200, t);
-  };
-}
-var U, Ct, V, Mt, J, It, K, Ot;
-class fe extends HTMLElement {
-  constructor() {
-    super();
-    d(this, U);
-    d(this, V);
-    d(this, J);
-    d(this, K);
-    this.initialize = !1;
-  }
-  static get observedAttributes() {
-    return [];
-  }
-  attributeChangedCallback(t, s, a) {
-  }
-  connectedCallback() {
-    this.initialize || (this.initialize = !0, o(this, U, Ct).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"));
-  }
-  pause() {
-    this.s.animation.pause(), this.s.options.continual && this.s.cloneAnimation.pause();
-  }
-}
-U = new WeakSet(), Ct = function() {
-  const t = {
-    direction: this.getAttribute("direction") || y.SETTINGS.direction,
-    // up / down / left / right
-    behavior: this.getAttribute("behavior") || y.SETTINGS.behavior,
-    // normal / alternate / endStop
-    duration: Number(this.getAttribute("duration")) || y.SETTINGS.duration,
-    // ms
-    durationBreakpoints: D(this) || y.SETTINGS.durationBreakpoints,
-    autoplay: this.getAttribute("autoplay") || y.SETTINGS.autoplay,
-    // normal / alternate / endStop
-    pauseOnMouseenter: this.getAttribute("pauseOnMouseEnter") ? this.getAttribute("pauseOnMouseEnter") === "true" : y.SETTINGS.pauseOnMouseenter,
-    // true / false
-    continual: this.getAttribute("continual") ? this.getAttribute("continual") === "true" : y.SETTINGS.continual,
-    // true / false
-    gap: Number(this.getAttribute("gap")) || y.SETTINGS.gap
-  };
-  this.s = {}, this.s.options = t, this.s.nowDuration = yt(this), re(this), o(this, V, Mt).call(this);
-}, V = new WeakSet(), Mt = function() {
-  const { direction: t, continual: s, gap: a } = this.s.options;
-  switch (t) {
-    case "left":
-    case "right":
-      this.style.cssText = `--continual-gap: ${a}px;`;
-      break;
-    case "top":
-    case "bottom":
-      s ? this.style.cssText = `height: ${this.s.animateEl.clientHeight}px;--continual-gap: ${a}px;` : this.style.cssText = `min-height: ${this.s.animateEl.clientHeight}px;--continual-gap: ${a}px;`;
-      break;
-  }
-  o(this, J, It).call(this), o(this, K, Ot).call(this), s && this.classList.add("continual"), this.classList.add("m4-initialize");
-}, J = new WeakSet(), It = function() {
-  const t = this, { direction: s, behavior: a, duration: n, autoplay: r, pauseOnMouseenter: l, continual: p } = t.s.options;
-  let c;
-  function h() {
-    switch (a) {
-      case "normal":
-        t.s.animateEl.style.transform = `${v(t).animate1[0].transform}`, t.s.animation = t.s.animateEl.animate(v(t).animate1, {
-          duration: t.s.nowDuration,
-          iterations: 1 / 0
-        }), p && (t.s.cloneAnimateEl.style.transform = `${v(t).animate2[0].transform}`, t.s.cloneAnimation = t.s.cloneAnimateEl.animate(v(t).animate2, {
-          duration: t.s.nowDuration,
-          delay: -t.s.nowDuration / 2,
-          iterations: 1 / 0
-        }));
-        break;
-      case "alternate":
-        let b = function() {
-          let m = [];
-          switch (s) {
-            case "top":
-              u = Math.abs(t.s.animateEl.scrollHeight - t.clientHeight), f = parseInt(t.s.nowDuration / (u * 2)) * t.s.animateEl.scrollHeight, m = [{ transform: `translate3d(0,${t.clientHeight}px,0)` }, { transform: `translate3d(0,calc(${t.clientHeight}px - 100%),0)` }];
-              break;
-            case "right":
-              u = Math.abs(t.s.animateEl.scrollWidth - t.clientWidth), f = parseInt(t.s.nowDuration / (u * 2)) * t.s.animateEl.scrollWidth, m = [{ transform: "translate3d(-100%,0,0)" }, { transform: "translate3d(0,0,0)" }];
-              break;
-            case "bottom":
-              u = Math.abs(t.s.animateEl.scrollHeight - t.clientHeight), f = parseInt(n / (u * 2)) * t.s.animateEl.scrollHeight, m = [{ transform: "translate3d(0,-100%,0)" }, { transform: "translate3d(0,0,0)" }];
-              break;
-            case "left":
-              u = Math.abs(t.s.animateEl.scrollWidth - t.clientWidth), f = parseInt(n / (u * 2)) * t.s.animateEl.scrollWidth, m = [{ transform: `translate3d(${t.clientWidth}px,0,0)` }, { transform: `translate3d(calc(-100% + ${t.clientWidth}px),0,0)` }];
-              break;
-          }
-          return m;
-        }, u, f;
-        (t.clientHeight > t.s.animateEl.scrollHeight || s === "left" || s === "right") && (t.s.animateEl.style.transform = `${b()[0].transform}`, t.s.animateEl.animate(b(), {
-          duration: f,
-          fill: "forwards"
-        }).finished.then(() => {
-          t.s.animation = t.s.animateEl.animate(v(t).animate1, {
-            duration: t.s.nowDuration,
-            iterations: 1 / 0
-          });
-        })), t.s.animation && t.s.animation.ready.then(() => {
-          t.s.animateEl.classList.add("ready");
-        });
-        break;
-      case "endStop":
-        t.s.animateEl.style.transform = `${v(t).animate1[0].transform}`, t.s.animation = t.s.animateEl.animate(v(t).animate1, {
-          duration: t.s.nowDuration,
-          fill: "forwards"
-        });
-        break;
-    }
-    t.s.animateEl.classList.add("start"), r === !1 && (t.s.animateEl.classList.remove("start"), t.s.animation.cancel());
-  }
-  clearTimeout(c), c = setTimeout(
-    () => {
-      h();
-    },
-    r || 0
-  ), t.addEventListener("mouseenter", function() {
-    t.s.animation && l && t.s.animation.playState === "running" && t.pause();
-  }), t.addEventListener("mouseleave", function() {
-    t.s.animation && l && t.s.animation.playState === "paused" && t.play();
-  });
-}, K = new WeakSet(), Ot = function() {
-  const t = this;
-  function s() {
-    const a = t.s.animation.startTime, n = t.s.cloneAnimation ? t.s.cloneAnimation.startTime : null;
-    t.s.nowDuration = yt(t), t.s.animation.cancel(), t.s.cloneAnimation && t.s.cloneAnimation.cancel(), t.s.animation = t.s.animateEl.animate(v(t).animate1, {
-      duration: t.s.nowDuration,
-      iterations: 1 / 0
-    }), t.s.animation.startTime = a, t.s.cloneAnimation && (t.s.cloneAnimation = t.s.cloneAnimateEl.animate(v(t).animate2, {
-      duration: t.s.nowDuration,
-      delay: -t.s.nowDuration / 2,
-      iterations: 1 / 0
-    }), t.s.cloneAnimation.startTime = n);
-  }
-  window.addEventListener("resize", ne(s));
-};
-const j = function(i) {
-  let e;
-  return function(t) {
-    e && clearTimeout(e), e = setTimeout(i, 200, t);
-  };
-}, E = (i, e) => {
-  if (bt(i)) {
-    i.forEach((t) => {
-      t.classList.add(e);
-    });
-    return;
-  }
-  i.classList.add(e);
-}, w = (i, e) => {
-  if (bt(i)) {
-    i.forEach((t) => {
-      t.classList.remove(e);
-    });
-    return;
-  }
-  i.classList.remove(e);
-};
-var Y, Ht, Q, Dt, Z, Nt, C, ht, k, N, tt, _t;
-class Et {
-  constructor(e) {
-    // 初始化
-    d(this, Y);
-    // 左右箭頭事件綁定
-    d(this, Q);
-    // 左右拖拉事件綁定
-    d(this, Z);
-    // 卷軸位置判斷
-    d(this, C);
-    // 隱藏按鈕判斷
-    d(this, k);
-    // 選項事件綁定
-    d(this, tt);
-    this.$element = e, this.option = e.s.option.drag, o(this, Y, Ht).call(this);
-  }
-  // 更新 active 位置
-  update(e) {
-    const t = e.querySelector(".wrapper"), s = t == null ? void 0 : t.querySelector(".active");
-    if (s) {
-      const a = s.offsetLeft + s.getBoundingClientRect().width / 2 - t.getBoundingClientRect().width / 2;
-      t.scrollTo({
-        left: a,
-        behavior: "smooth"
-      });
-    }
-  }
-}
-Y = new WeakSet(), Ht = function() {
-  var s, a, n, r, l, p;
-  const e = this;
-  if (!e.$element)
-    return;
-  e.$container = e.$element.querySelector(".drag-container"), e.$wrapper = e.$container.querySelector(".wrapper");
-  const t = () => {
-    var c, h;
-    o(c = e, C, ht).call(c), o(h = e, k, N).call(h);
-  };
-  e.$wrapper.removeEventListener("scroll", t), e.$wrapper.addEventListener("scroll", t), window.removeEventListener("resize", j(t)), window.addEventListener("resize", j(t)), (e.option.draggable || e.$element.s.type == "collapse") && o(s = e, Z, Nt).call(s), e.option.navigation && e.$element.s.type !== "collapse" && (e.$container.insertAdjacentHTML(
-    A.prepend,
-    `<div class="navigation">
-        <div class="button prev">
-          <div></div>
-        </div>
-        <div class="button next">
-          <div></div>
-        </div>
-      </div>`
-  ), e.$button = (a = e.$container) == null ? void 0 : a.querySelectorAll(".button"), o(n = e, Q, Dt).call(n)), o(r = e, C, ht).call(r), o(l = e, k, N).call(l), o(p = e, tt, _t).call(p);
-}, Q = new WeakSet(), Dt = function() {
-  const e = this, { $wrapper: t, $button: s } = e, a = function() {
-    const n = this.classList.contains("next"), r = parseInt(t.getBoundingClientRect().width * 0.7);
-    t.scrollTo({
-      left: n ? t.scrollLeft + r : t.scrollLeft - r,
-      behavior: "smooth"
-    }), setTimeout(() => {
-      var l;
-      o(l = e, k, N).call(l);
-    }, 100);
-  };
-  s.forEach((n) => {
-    n.removeEventListener("click", a), n.addEventListener("click", a);
-  });
-}, Z = new WeakSet(), Nt = function() {
-  const { $wrapper: e } = this;
-  let t = !1, s = !1, a = 0, n = 0;
-  const r = function(u) {
-    u.preventDefault(), s = !1, t = !0, a = u.pageX - e.offsetLeft, n = e.scrollLeft;
-  };
-  e.removeEventListener("mousedown", r), e.addEventListener("mousedown", r);
-  const l = function() {
-    s = !1, t = !1;
-  };
-  e.removeEventListener("mouseleave", l), e.addEventListener("mouseleave", l);
-  const p = function(u) {
-    u.preventDefault(), t = !1;
-  };
-  e.removeEventListener("mouseup", p), e.addEventListener("mouseup", p);
-  const c = function(u) {
-    if (u.preventDefault(), s = !0, !t)
-      return;
-    const b = u.pageX - e.offsetLeft - a;
-    e.scrollTo({
-      left: n - b
-    });
-  };
-  e.removeEventListener("mousemove", c), e.addEventListener("mousemove", c);
-  const h = function(u) {
-    s && (u.preventDefault(), u.stopPropagation());
-  };
-  e.querySelectorAll("a").forEach((u) => {
-    u.removeEventListener("click", h), u.addEventListener("click", h);
-  });
-}, C = new WeakSet(), ht = function() {
-  const { $container: e, $wrapper: t } = this, s = t.scrollWidth - t.clientWidth, a = t.scrollLeft;
-  s <= 0 || (E(e, "scrollable"), a == 0 ? (w(e, "scrollable"), E(t, "start"), w(t, "end")) : a >= s ? (w(e, "scrollable"), w(t, "start"), E(t, "end")) : (E(t, "center"), w(t, "start"), w(t, "end")));
-}, k = new WeakSet(), N = function() {
-  const { $wrapper: e, $button: t, $element: s } = this;
-  if (!t)
-    return;
-  const a = e.scrollWidth - e.clientWidth, n = e.scrollLeft;
-  if (a <= 0) {
-    E(t, "hide"), E(s, "noScrollable");
-    return;
-  }
-  n == 0 ? t.forEach((r) => {
-    if (r.classList.contains("next")) {
-      w(r, "hide");
-      return;
-    }
-    E(r, "hide");
-  }) : n >= a ? t.forEach((r) => {
-    if (r.classList.contains("next")) {
-      E(r, "hide");
-      return;
-    }
-    w(r, "hide");
-  }) : w(t, "hide");
-}, tt = new WeakSet(), _t = function() {
-  const { $element: e } = this, t = (a) => {
-    if (this.option.selected) {
-      const n = a.getAttribute("data-option").trim();
-      e.setAttribute("m4-status", n);
-    }
-  };
-  function s() {
-    t(this);
-  }
-  this.$container.querySelectorAll(".item").forEach((a) => {
-    a.removeEventListener("click", s), a.addEventListener("click", s);
-  });
-};
-var et, jt, st, Bt, it, Xt, at, Rt;
-class oe {
-  constructor(e) {
-    // 初始化
-    d(this, et);
-    // 隱藏按鈕判斷
-    d(this, st);
-    // 展開箭頭事件綁定
-    d(this, it);
-    // 選項事件綁定
-    d(this, at);
-    this.$element = e, this.option = e.s.option.collapse, o(this, et, jt).call(this);
-  }
-}
-et = new WeakSet(), jt = function() {
-  this.$element && (this.$container = this.$element.querySelector(".collapse-container"), this.$wrapper = this.$container.querySelector(".wrapper"), o(this, st, Bt).call(this) && o(this, it, Xt).call(this), o(this, at, Rt).call(this));
-}, st = new WeakSet(), Bt = function() {
-  const e = this.$element.querySelector(".drag-container"), t = e.querySelector(".wrapper");
-  return t.scrollWidth - t.clientWidth > 0 ? (e.insertAdjacentHTML(A.append, '<div class="open-collapse"></div>'), this.$button = e.querySelector(".open-collapse"), !0) : !1;
-}, it = new WeakSet(), Xt = function() {
-  const { $element: e, $button: t } = this, s = function() {
-    e.classList.contains("expand") ? e.classList.remove("expand") : e.classList.add("expand");
-  };
-  t.removeEventListener("click", s), t.addEventListener("click", s);
-}, at = new WeakSet(), Rt = function() {
-  const { $element: e } = this, t = (a, n) => {
-    if (e != null && e.classList.contains("expand") ? e == null || e.classList.remove("expand") : e == null || e.classList.add("expand"), this.option.selected) {
-      const r = a.getAttribute("data-option").trim();
-      e.setAttribute("m4-status", r);
-    }
-  };
-  function s() {
-    t(this);
-  }
-  this.$container.querySelectorAll(".item").forEach((a) => {
-    a.removeEventListener("click", s), a.addEventListener("click", s);
-  });
-};
-const le = (i) => {
-  const { type: e, option: t, originalDomString: s } = i.s, a = document.createElement("div");
-  return e == "drag" && (a.innerHTML = $.TEMPLATE[e]().trim(), a.querySelector(".drag-container .wrapper").insertAdjacentHTML(A.append, s)), e == "collapse" && (a.innerHTML = $.TEMPLATE[e](t == null ? void 0 : t.collapse).trim(), a.querySelector(".drag-container .wrapper").insertAdjacentHTML(A.append, s), a.querySelector(".collapse-container .wrapper").insertAdjacentHTML(A.append, s)), e == "dropdown" && (a.innerHTML = $.TEMPLATE[e](t == null ? void 0 : t.dropdown).trim(), a.querySelector("dropdown-el").insertAdjacentHTML(A.append, s)), a.children;
-};
-var rt, Gt, nt, Pt, M, ft, T, _;
-class be extends HTMLElement {
-  constructor() {
-    super();
-    d(this, rt);
-    d(this, nt);
-    // 斷點設定
-    d(this, M);
-    // check type
-    d(this, T);
-    this.initialize = !1, this.__events__ = {}, this.s = {}, this.s.originalDomString = this.innerHTML.trim().replace(/\n/g, ""), this.previousWidth = window.innerWidth;
-  }
-  static get observedAttributes() {
-    return ["m4-type", "m4-status"];
-  }
-  attributeChangedCallback(t, s, a) {
-    var n, r, l;
-    switch (t) {
-      case "m4-type":
-        if (s === null || s === a)
-          return;
-        this.s.type = a, o(this, T, _).call(this);
-        break;
-      case "m4-status":
-        if (s === a)
-          return;
-        const p = this.getAttribute("m4-type");
-        if (p !== "drag" && p !== "collapse")
-          return;
-        this.querySelectorAll(".drag-container .item").forEach((c) => {
-          c.classList.remove("active");
-        }), (n = this.querySelector(`.drag-container .item[data-option="${a}"]`)) == null || n.classList.add("active"), p === "collapse" && (this.querySelectorAll(".collapse-container .item").forEach((c) => {
-          c.classList.remove("active");
-        }), (r = this.querySelector(`.collapse-container .item[data-option="${a}"]`)) == null || r.classList.add("active")), (l = this.constructor.drag) == null || l.update(this);
-        break;
-    }
-  }
-  connectedCallback() {
-    this.initialize || this.classList.contains("m4-init") || (this.initialize = !0, o(this, rt, Gt).call(this));
-  }
-  update() {
-    o(this, M, ft).call(this);
-  }
-}
-rt = new WeakSet(), Gt = 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"));
-  const s = (a) => {
-    if (a.type === "resize") {
-      if (window.innerWidth === this.previousWidth)
-        return;
-      this.previousWidth = window.innerWidth;
-    }
-    this.update();
-  };
-  window.removeEventListener("resize", j(s)), window.addEventListener("resize", j(s)), 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), o(this, nt, Pt).call(this);
-}, nt = new WeakSet(), Pt = function() {
-  this.classList.add("m4-init"), o(this, M, ft).call(this);
-}, M = new WeakSet(), ft = function() {
-  const t = Object.keys(this.s.option.breakpoint);
-  if (!t.length) {
-    o(this, T, _).call(this);
-    return;
-  }
-  t.map((s) => Number(s)).sort((s, a) => a - s).some((s) => {
-    var a, n, r, l;
-    return window.innerWidth >= s && (this.s.type = (a = this.s.option.breakpoint[s]) == null ? void 0 : a.type, this.setAttribute("m4-type", this.s.type), this.s.option.drag = Object.assign({}, this.s.option.drag, (n = this.s.option.breakpoint[s]) == null ? void 0 : n.drag), this.s.option.collapse = Object.assign({}, this.s.option.collapse, (r = this.s.option.breakpoint[s]) == null ? void 0 : r.collapse), this.s.option.dropdown = Object.assign({}, this.s.option.dropdown, (l = this.s.option.breakpoint[s]) == null ? void 0 : l.dropdown)), o(this, T, _).call(this), window.innerWidth >= s;
-  });
-}, T = new WeakSet(), _ = function() {
-  var n;
-  const { type: t } = this.s;
-  this.innerHTML = "", [...le(this)].forEach((r) => {
-    this.append(r);
-  });
-  const s = this.querySelector(`.drag-container .item[data-option="${this.getAttribute("m4-status")}"]`), a = this.querySelector(`.collapse-container .item[data-option="${this.getAttribute("m4-status")}"]`);
-  switch (s == null || s.classList.add("active"), a == null || a.classList.add("active"), t) {
-    case "drag":
-      this.constructor.drag = new Et(this);
-      break;
-    case "collapse":
-      this.constructor.drag = new Et(this), this.constructor.collapse = new oe(this);
-      break;
-  }
-  (n = this.constructor.drag) == null || n.update(this);
-};
 export {
-  we as Anchor4,
-  ye as Aost4,
-  pe as Article4,
-  me as CategorySlider,
-  Ee as Collapse4,
-  $e as Configs,
-  ue as Detect4,
-  Le as Dropdown4,
-  Ae as ImagePreview,
-  Se as ImageValidate,
-  fe as Marquee4,
-  xe as Modal4,
-  be as Multipurpose4,
-  ke as Ripple4,
-  he as Share4,
-  Te as Tab4,
-  Ut as Video4
+  Ae as Anchor4,
+  xe as Aost4,
+  we as Article4,
+  ve as CategorySlider,
+  Se as Collapse4,
+  Ee as Configs,
+  be as Detect4,
+  Ce as Dropdown4,
+  Le as ImagePreview,
+  qe as ImageValidate,
+  We as Marquee4,
+  ke as Modal4,
+  Te as Multipurpose4,
+  _e as Ripple4,
+  fe as Share4,
+  Me as Tab4,
+  ee as Video4
 };
 //# sourceMappingURL=fesd-bundle.js.map