@xwadex/fesd 0.0.70 → 0.0.71

package/dist/tools-bundle.js

@@ -1,172 +1,63 @@
-import { n as V, x as C } from "./image-preview-bundle.js";
-import { e as re, f as se, h as ie, i as ae, j as le, l as ne, o as ce, p as ue, q as de, r as fe, t as pe, u as me, v as he, w as ye, y as ve, G as ge, H as be, J as ke, K as xe, L as Se, N as Ae, O as we, Q as Ce, S as Ee, U as qe, V as Le, Y as Oe } from "./image-preview-bundle.js";
-import { o as _, z as j } from "./vendor-bundle.js";
-import h from "jquery";
-import x from "validator";
-import $ from "flatpickr";
-function J() {
+import { p as $, B as A } from "./image-preview-bundle.js";
+import { e as _, f as K, h as Q, i as J, j as Z, k as ee, l as te, n as re, q as oe, r as se, s as le, t as ie, v as ae, w as ce, x as ne, y as ue, z as de, E as fe, K as pe, L as me, N as ye, O as he, P as ve, Q as be, S as ge, V as Se, W as ke, X as xe, Y as Ee, $ as Ae } from "./image-preview-bundle.js";
+import { o as j, z as D } from "./vendor-bundle.js";
+import S from "validator";
+import N from "flatpickr";
+function W() {
   if (!document.body.classList.contains("error") || document.querySelector(".back-home") == null) return;
-  let l, e = 5;
-  const t = document.querySelector(".back-home").getAttribute("href"), o = document.querySelector(".back-home .countdown");
-  l = setInterval(() => {
-    e--, o.textContent = e, e === 0 && (clearInterval(l), window.location.href = t);
+  let y, e = 5;
+  const r = document.querySelector(".back-home").getAttribute("href"), t = document.querySelector(".back-home .countdown");
+  y = setInterval(() => {
+    e--, t.textContent = e, e === 0 && (clearInterval(y), window.location.href = r);
   }, 1e3);
 }
-function B(l, e = l) {
-  if (l.complete) {
-    const o = new _().getColor(l), n = o[0] * 0.299 + o[1] * 0.587 + o[2] * 0.114;
-    O(n, e), e.classList.add("detected");
+function B(y, e = y) {
+  if (y.complete) {
+    const t = new j().getColor(y), c = t[0] * 0.299 + t[1] * 0.587 + t[2] * 0.114;
+    C(c, e), e.classList.add("detected");
   }
 }
-function O(l, e) {
-  const t = e.getAttribute("addClassEl");
-  l >= 192 ? t && t !== "" ? t.split(",").forEach((o) => {
-    e.closest(o) || console.error(`closest "${o}" not found`), e.closest(o)?.classList.add("is-light");
-  }) : e.classList.add("is-light") : t && t !== "" ? t.split(",").forEach((o) => {
-    e.closest(o) || console.error(`closest "${o}" not found`), e.closest(o)?.classList.add("is-dark");
+function C(y, e) {
+  const r = e.getAttribute("addClassEl");
+  y >= 192 ? r && r !== "" ? r.split(",").forEach((t) => {
+    e.closest(t) || console.error(`closest "${t}" not found`), e.closest(t)?.classList.add("is-light");
+  }) : e.classList.add("is-light") : r && r !== "" ? r.split(",").forEach((t) => {
+    e.closest(t) || console.error(`closest "${t}" not found`), e.closest(t)?.classList.add("is-dark");
   }) : e.classList.add("is-dark");
 }
-function P(l, e, t) {
-  const o = document.createElement("canvas"), n = o.getContext("2d");
-  if (o.width = 50, o.height = 50, l !== "" && e === "")
-    n.fillStyle = l;
-  else if (l !== "" && e !== "") {
-    const f = n.createLinearGradient(0, 0, o.width, o.height);
-    f.addColorStop(0, l), f.addColorStop(1, e), n.fillStyle = f;
+function G(y, e, r) {
+  const t = document.createElement("canvas"), c = t.getContext("2d");
+  if (t.width = 50, t.height = 50, y !== "" && e === "")
+    c.fillStyle = y;
+  else if (y !== "" && e !== "") {
+    const u = c.createLinearGradient(0, 0, t.width, t.height);
+    u.addColorStop(0, y), u.addColorStop(1, e), c.fillStyle = u;
   }
-  n.fillRect(0, 0, o.width, o.height);
-  const u = new Image();
-  return u.src = o.toDataURL(), u.crossOrigin = "Anonymous", u.addEventListener("load", function() {
-    B(this, t);
-  }), u;
+  c.fillRect(0, 0, t.width, t.height);
+  const f = new Image();
+  return f.src = t.toDataURL(), f.crossOrigin = "Anonymous", f.addEventListener("load", function() {
+    B(this, r);
+  }), f;
 }
-function X() {
+function R() {
   [...document.querySelectorAll(".detect-shade:not(.detected)")].forEach((e) => {
     if (e.tagName === "IMG")
       return;
-    const t = ["#FFF", "#FFFFFF", "#fff", "#ffffff"], o = ["#000", "#000000"], n = getComputedStyle(e).getPropertyValue("--start-color"), u = getComputedStyle(e).getPropertyValue("--end-color");
-    if (n === "" && u === "") {
+    const r = ["#FFF", "#FFFFFF", "#fff", "#ffffff"], t = ["#000", "#000000"], c = getComputedStyle(e).getPropertyValue("--start-color"), f = getComputedStyle(e).getPropertyValue("--end-color");
+    if (c === "" && f === "") {
       console.error(e, "=> No color set!");
       return;
-    } else if (t.indexOf(n) > 0) {
-      console.warn(e, "=> TypeError!! ( #FFF ) "), O(255, e);
+    } else if (r.indexOf(c) > 0) {
+      console.warn(e, "=> TypeError!! ( #FFF ) "), C(255, e);
       return;
-    } else if (o.indexOf(n) > 0) {
-      console.warn(e, "=> TypeError!! ( #000 ) "), O(0, e);
+    } else if (t.indexOf(c) > 0) {
+      console.warn(e, "=> TypeError!! ( #000 ) "), C(0, e);
       return;
     }
-    P(n, u, e);
+    G(c, f, e);
   });
 }
-const M = {
-  CG_A: function(l) {
-    h("html,body").delay(100).animate(
-      { opacity: "0" },
-      {
-        queue: !0,
-        duration: 800,
-        easing: "easeOutQuad",
-        complete: function() {
-          window.location.assign(l);
-        }
-      }
-    );
-  },
-  CG_B: function(l) {
-    h("main").append("<div id='CG_Abg'><div class='CG_Abg1'></div><div class='CG_Abg2'></div></div>"), h("body").delay(1200).animate(
-      { opacity: "0" },
-      {
-        queue: !0,
-        duration: 200,
-        easing: "easeOutQuad",
-        complete: function() {
-          setTimeout(function() {
-            window.location.assign(l);
-          }, 100);
-        }
-      }
-    );
-  },
-  CG_C: function(l) {
-    h("main").append("<div id='CG_Bbg'></div>"), h("body").delay(1200).animate(
-      { opacity: "0" },
-      {
-        queue: !0,
-        duration: 200,
-        easing: "easeOutQuad",
-        complete: function() {
-          setTimeout(function() {
-            window.location.assign(l);
-          }, 100);
-        }
-      }
-    );
-  },
-  CG_D: function(l) {
-    h("main").append("<div id='CG_Cbg'><div class='CG_Cbg1'></div><div class='CG_Cbg2'></div></div>"), h("body").delay(1200).animate(
-      { opacity: "0" },
-      {
-        queue: !0,
-        duration: 200,
-        easing: "easeOutQuad",
-        complete: function() {
-          setTimeout(function() {
-            window.location.assign(l);
-          }, 100);
-        }
-      }
-    );
-  }
-}, U = (l) => {
-  M.CG_A(l);
-}, I = (l, e) => {
-  l.preventDefault();
-  const t = h(l.currentTarget), o = t.attr("target"), n = t.attr("href");
-  let u;
-  if (e) {
-    if (t.is("[data-nolink]")) {
-      l.stopPropagation(), l.preventDefault();
-      return;
-    }
-    t.hasClass("href-link") ? u = t.closest("[data-href]").attr("data-href") : u = n;
-  } else {
-    if (t.is("[data-nolink]")) {
-      l.stopPropagation(), l.preventDefault();
-      return;
-    }
-    t.hasClass("click-block") ? u = t.closest("[data-href]").attr("data-href") : u = n;
-  }
-  let a = window.location.pathname.replace("http://", "").split("/");
-  a = c(a);
-  const s = u.replace("http://", "");
-  let d = s.split("/");
-  d = c(d);
-  function c(i) {
-    const r = i.pop();
-    return r.indexOf("#") > -1 || r.indexOf("html") > 0 ? i.push(r) : (r == "" || i.push(r), i.push("index.html")), i;
-  }
-  o == "_blank" || l.ctrlKey || l.metaKey ? window.open(u) : s.indexOf("jpg") > -1 || s.indexOf("javascript") > -1 || U(u);
-}, z = (l) => {
-  const t = h(l.currentTarget).closest("[data-href]");
-  t.hasClass("isHover") || t.addClass("isHover");
-}, H = (l) => {
-  const t = h(l.currentTarget).closest("[data-href]");
-  t.hasClass("isHover") && t.removeClass("isHover");
-}, Z = (l = !0) => {
-  h.easing.jswing = h.easing.swing, h.extend(h.easing, {
-    def: "easeOutQuad",
-    easeOutQuad: function(e, t, o, n, u) {
-      return -n * (t /= u) * (t - 2) + o;
-    },
-    easeInOutCirc: function(e, t, o, n, u) {
-      return (t /= u / 2) < 1 ? -n / 2 * (Math.sqrt(1 - t * t) - 1) + o : n / 2 * (Math.sqrt(1 - (t -= 2) * t) + 1) + o;
-    }
-  }), l ? (h("body").on("click", "a:not(.nocg), .href-link, [data-nolink]", (e) => I(e, l)), h("body").on("click", "a:not(.nocg)", function(e) {
-    e.stopPropagation();
-  })) : (h("body").on("click", "a:not(.nocg), .click-block, [data-nolink]", (e) => I(e, l)), h("body").on("click", "a:not(.nocg)", function(e) {
-    e.stopPropagation();
-  })), h("body").on("mouseenter", "[data-href] a", (e) => z(e)), h("body").on("mouseleave", "[data-href] a", (e) => H(e));
-}, S = {
+const k = {
   "zh-TW": {
     format: "格式錯誤",
     input: "尚未填寫",
@@ -198,16 +89,16 @@ const M = {
     select: ""
   }
 };
-class ee {
-  constructor(e, t) {
+class H {
+  constructor(e, r) {
     this.element = document.querySelector(e), this.allField = this.element.querySelectorAll(`${e} [form-field]`), this.allInput = this.element.querySelectorAll(`${e} input`), this.allTextarea = this.element.querySelectorAll(`${e} textarea`), this.allCheckbox = this.element.querySelectorAll(`${e} input[type="checkbox"]`), this.allRadio = this.element.querySelectorAll(`${e} input[type="radio"]`), this.allFileUpload = this.element.querySelectorAll(`${e} .fake-file-upload`), this.allDropdown = this.element.querySelectorAll(`${e} dropdown-el`), this.submitEvent = new Event("submit");
-    const o = {
+    const t = {
       locale: "zh-TW",
       datepicker: [
         {
           el: ".datepicker-input",
           options: {
-            locale: j.Mandarin
+            locale: D.Mandarin
           }
         }
       ],
@@ -229,13 +120,13 @@ class ee {
         underField: !1,
         detailOutput: !1
       }
-    }, n = (u, f) => {
-      const a = { ...u };
-      for (let s of Object.keys(f))
-        typeof f[s] == "object" && s in u ? a[s] = Array.isArray(a[s]) ? [...f[s]] : n(u[s], f[s]) : a[s] = f[s];
-      return a;
+    }, c = (f, u) => {
+      const l = { ...f };
+      for (let o of Object.keys(u))
+        typeof u[o] == "object" && o in f ? l[o] = Array.isArray(l[o]) ? [...u[o]] : c(f[o], u[o]) : l[o] = u[o];
+      return l;
     };
-    this.options = t ? n(o, t) : o, this.init();
+    this.options = r ? c(t, r) : t, this.init();
   }
   init() {
     const e = this;
@@ -245,66 +136,66 @@ class ee {
    * 綁事件
    */
   #e() {
-    const e = this, { datepicker: t, timepicker: o, clearEl: n, submitEl: u } = e.options;
-    function f() {
-      t.forEach((c) => {
-        $(c.el, c.options);
-      }), o.forEach((c) => {
-        $(c.el, c.options);
+    const e = this, { datepicker: r, timepicker: t, clearEl: c, submitEl: f } = e.options;
+    function u() {
+      r.forEach((a) => {
+        N(a.el, a.options);
+      }), t.forEach((a) => {
+        N(a.el, a.options);
       });
     }
-    function a() {
-      const c = document.querySelector(n), i = document.querySelector(u);
-      c?.addEventListener("click", function() {
+    function l() {
+      const a = document.querySelector(c), i = document.querySelector(f);
+      a?.addEventListener("click", function() {
         e.clear();
       }), i?.addEventListener("click", function() {
         e.submit();
       });
     }
-    function s(c) {
-      const i = c.closest(".form-group");
-      if (c.files.length <= 0) return;
-      const r = c.closest(".file-wrap").querySelector(".fake-file-upload");
-      r.getAttribute("data-default");
-      const y = r.querySelector(".file-name"), w = Number(c.getAttribute("data-limit")), A = c.files[0], p = A.size / 1024 / 1024, q = A.name, m = c.cloneNode(!0);
-      p > w ? (i.classList.add("error"), i.classList.remove("success"), m.value = "") : (i.classList.remove("error"), i.classList.add("success")), y.textContent = q, m.removeAttribute("form-field field-type data-limit"), r.querySelector('input[type="file"]')?.remove(), r.append(m);
+    function o(a) {
+      const i = a.closest(".form-group");
+      if (a.files.length <= 0) return;
+      const s = a.closest(".file-wrap").querySelector(".fake-file-upload");
+      s.getAttribute("data-default");
+      const m = s.querySelector(".file-name"), E = Number(a.getAttribute("data-limit")), x = a.files[0], d = x.size / 1024 / 1024, L = x.name, p = a.cloneNode(!0);
+      d > E ? (i.classList.add("error"), i.classList.remove("success"), p.value = "") : (i.classList.remove("error"), i.classList.add("success")), m.textContent = L, p.removeAttribute("form-field field-type data-limit"), s.querySelector('input[type="file"]')?.remove(), s.append(p);
     }
-    function d() {
+    function n() {
       e.element.addEventListener(
         "input",
-        V(function(c) {
-          const { target: i } = c;
+        $(function(a) {
+          const { target: i } = a;
           if (i.matches('[type="text"],[type="number"],[type="email"],[type="password"], textarea')) {
             if (e.element.value = e.getValue(), !i.closest(".form-group").classList.contains("required") && i.hasAttribute("data-verify")) {
-              x.isEmpty(i.value) && (i.classList.remove("error"), i.classList.remove("success"), i.closest(".form-group").classList.remove("error"));
+              S.isEmpty(i.value) && (i.classList.remove("error"), i.classList.remove("success"), i.closest(".form-group").classList.remove("error"));
               return;
             }
-            const r = i.getAttribute("form-field"), y = {
-              [r]: e.element.value[r]
+            const s = i.getAttribute("form-field"), m = {
+              [s]: e.element.value[s]
             };
-            e.options.verify && e.verify(y);
+            e.options.verify && e.verify(m);
           }
         })
-      ), e.element.addEventListener("change", (c) => {
-        const { target: i } = c;
-        let r, y;
-        i.matches('[type="radio"], [type="checkbox"]') && (e.element.value = e.getValue(), r = i.closest(".form-check").getAttribute("form-field"), y = {
-          [r]: e.element.value[r]
-        }, e.verify(y)), i.matches('[type="file"]') && (s(i), e.element.value = e.getValue(), r = i.getAttribute("form-field"), y = {
-          [r]: e.element.value[r]
-        }, e.verify(y));
-      }), e.allDropdown.forEach((c) => {
-        c.on("change", function() {
+      ), e.element.addEventListener("change", (a) => {
+        const { target: i } = a;
+        let s, m;
+        i.matches('[type="radio"], [type="checkbox"]') && (e.element.value = e.getValue(), s = i.closest(".form-check").getAttribute("form-field"), m = {
+          [s]: e.element.value[s]
+        }, e.verify(m)), i.matches('[type="file"]') && (o(i), e.element.value = e.getValue(), s = i.getAttribute("form-field"), m = {
+          [s]: e.element.value[s]
+        }, e.verify(m));
+      }), e.allDropdown.forEach((a) => {
+        a.on("change", function() {
           const i = this.getAttribute("form-field");
           e.element.value = e.getValue();
-          const r = e.element.value[i], y = typeof r == "object" && !Array.isArray(r) ? r.value : r, w = {
-            [i]: r
+          const s = e.element.value[i], m = typeof s == "object" && !Array.isArray(s) ? s.value : s, E = {
+            [i]: s
           };
-          (Array.isArray(y) && y.length > 0 || !Array.isArray(y) && !x.isEmpty(y)) && e.options.verify && e.verify(w);
+          (Array.isArray(m) && m.length > 0 || !Array.isArray(m) && !S.isEmpty(m)) && e.options.verify && e.verify(E);
         });
       });
     }
-    f(), a(), d();
+    u(), l(), n();
   }
   /**
    * 取得表單所有的值
@@ -312,59 +203,59 @@ class ee {
    */
   getValue() {
     const e = this;
-    let t = {};
-    return [...e.allField].forEach((o) => {
-      const n = o.getAttribute("form-field");
-      switch (o.getAttribute("field-type")) {
+    let r = {};
+    return [...e.allField].forEach((t) => {
+      const c = t.getAttribute("form-field");
+      switch (t.getAttribute("field-type")) {
         // 單選Radio
         case "isRadio":
-          const f = o.querySelector("input:checked");
-          if (!f) return;
-          const a = f.querySelector('input[type="text"]');
-          t[n] = {
-            id: parseInt(f.closest(".option-item").querySelector(".text").getAttribute("data-id")),
-            value: a ? a.value : f.closest(".option-item").querySelector(".text").textContent
+          const u = t.querySelector("input:checked");
+          if (!u) return;
+          const l = u.querySelector('input[type="text"]');
+          r[c] = {
+            id: parseInt(u.closest(".option-item").querySelector(".text").getAttribute("data-id")),
+            value: l ? l.value : u.closest(".option-item").querySelector(".text").textContent
           };
           break;
         // 複選Checkbox
         case "isCheckBox":
-          const s = o.querySelectorAll("input:checked");
-          t[n] = [...s].map((i) => {
-            const r = i.querySelector('input[type="text"]');
+          const o = t.querySelectorAll("input:checked");
+          r[c] = [...o].map((i) => {
+            const s = i.querySelector('input[type="text"]');
             return {
               id: parseInt(i.closest(".option-item").querySelector(".text").getAttribute("data-id")),
-              value: r ? r.value : i.closest(".option-item").querySelector(".text").textContent
+              value: s ? s.value : i.closest(".option-item").querySelector(".text").textContent
             };
           });
           break;
         // 下拉選單
         case "isSelect":
-          switch (o.hasAttribute("multiple") ? "multiple" : "single") {
+          switch (t.hasAttribute("multiple") ? "multiple" : "single") {
             case "single":
-              t[n] = {
-                value: o.s.value.id ? o.s.value.id : "",
-                display: o.s.value.el ? o.s.value.el.textContent : ""
+              r[c] = {
+                value: t.s.value.id ? t.s.value.id : "",
+                display: t.s.value.el ? t.s.value.el.textContent : ""
               };
               break;
             case "multiple":
-              t[n] = {
-                value: o.s.value.map((i) => i.id),
-                display: o.s.value.map((i) => i.el.textContent)
+              r[c] = {
+                value: t.s.value.map((i) => i.id),
+                display: t.s.value.map((i) => i.el.textContent)
               };
               break;
           }
           break;
         // 檔案上傳
         case "isFile":
-          const c = o.closest(".file-wrap")?.querySelector('input[type="file"]');
-          t[n] = c?.files ?? void 0;
+          const a = t.closest(".file-wrap")?.querySelector('input[type="file"]');
+          r[c] = a?.files ?? void 0;
           break;
         // 其他
         default:
-          t[n] = o.value;
+          r[c] = t.value;
           break;
       }
-    }), t;
+    }), r;
   }
   /**
    * 表單驗證
@@ -372,105 +263,105 @@ class ee {
    * @returns
    */
   verify(e) {
-    const t = this, { options: o } = t, n = t.element.value, u = e || n;
-    function f(a) {
-      const s = '<div class="validation-icon"></div>';
-      for (const d in a) {
-        const c = t.element.querySelector(`[form-field="${d}"]`), i = c.getAttribute("data-verify"), r = c.closest(".form-group");
+    const r = this, { options: t } = r, c = r.element.value, f = e || c;
+    function u(l) {
+      const o = '<div class="validation-icon"></div>';
+      for (const n in l) {
+        const a = r.element.querySelector(`[form-field="${n}"]`), i = a.getAttribute("data-verify"), s = a.closest(".form-group");
         switch (i) {
           case "select":
-            const y = c.querySelector(".select-wrapper"), w = y.querySelector(".dropdown-icon");
-            y.querySelector(".validation-icon")?.remove(), y.insertBefore(C(s), w);
+            const m = a.querySelector(".select-wrapper"), E = m.querySelector(".dropdown-icon");
+            m.querySelector(".validation-icon")?.remove(), m.insertBefore(A(o), E);
             break;
           case "radio":
           case "checkbox":
-            r.querySelector(".validation-icon")?.remove(), r.append(C(s));
+            s.querySelector(".validation-icon")?.remove(), s.append(A(o));
             break;
           case "file":
-            const A = c.closest(".file-wrap").querySelector(".fake-file-upload"), p = c.closest(".file-wrap").querySelector(".upload-icon");
-            A.querySelector(".validation-icon")?.remove(), p ? A.insertBefore(C(s), p) : A.append(C(s));
+            const x = a.closest(".file-wrap").querySelector(".fake-file-upload"), d = a.closest(".file-wrap").querySelector(".upload-icon");
+            x.querySelector(".validation-icon")?.remove(), d ? x.insertBefore(A(o), d) : x.append(A(o));
             break;
           default:
-            c.closest(".input-wrap").querySelector(".validation-icon")?.remove(), c.closest(".input-wrap").append(C(s));
+            a.closest(".input-wrap").querySelector(".validation-icon")?.remove(), a.closest(".input-wrap").append(A(o));
             break;
         }
       }
     }
-    if (f(u), e) {
-      const a = Object.keys(u)[0];
-      t.element.querySelectorAll(`.error-text[name="${a}"]`).forEach((s) => s.remove());
+    if (u(f), e) {
+      const l = Object.keys(f)[0];
+      r.element.querySelectorAll(`.error-text[name="${l}"]`).forEach((o) => o.remove());
     } else
-      t.element.querySelectorAll(".error-text").forEach((a) => a.remove());
-    for (const a in u) {
-      let p = function(v, b, k) {
-        const g = t.element.querySelector(`[form-field="${a}"]`), F = [...t.element.querySelectorAll("[form-field]")].indexOf(g), E = (L) => `<p class="error-text" name="${a}" index="${F}">${c} - ${S[o.locale][L]}</p>`;
+      r.element.querySelectorAll(".error-text").forEach((l) => l.remove());
+    for (const l in f) {
+      let d = function(h, b, g) {
+        const v = r.element.querySelector(`[form-field="${l}"]`), F = [...r.element.querySelectorAll("[form-field]")].indexOf(v), q = (w) => `<p class="error-text" name="${l}" index="${F}">${a} - ${k[t.locale][w]}</p>`;
         switch (b) {
           case "underField":
-            if (!o.errorText.underField) return;
-            k.append(C(E(v)));
+            if (!t.errorText.underField) return;
+            g.append(A(q(h)));
             break;
           case "detail":
-            if (!k) return;
-            k.append(C(E(v)));
+            if (!g) return;
+            g.append(A(q(h)));
             break;
         }
-      }, q = function() {
-        const v = t.detailOutputEl.querySelectorAll(".error-text");
-        [...v].length > 0 ? t.element.classList.add("something-wrong") : t.element.classList.remove("something-wrong");
-        const b = [...v].sort((k, g) => k.getAttribute("index") - g.getAttribute("index"));
-        t.detailOutputEl && (t.detailOutputEl.textContent = ""), b.forEach((k) => t.detailOutputEl?.appendChild(k));
+      }, L = function() {
+        const h = r.detailOutputEl.querySelectorAll(".error-text");
+        [...h].length > 0 ? r.element.classList.add("something-wrong") : r.element.classList.remove("something-wrong");
+        const b = [...h].sort((g, v) => g.getAttribute("index") - v.getAttribute("index"));
+        r.detailOutputEl && (r.detailOutputEl.textContent = ""), b.forEach((g) => r.detailOutputEl?.appendChild(g));
       };
-      const s = t.element.querySelector(`[form-field="${a}"]`), d = s.closest(".form-group"), c = d.querySelector(".subject")?.textContent, i = s.getAttribute("data-verify"), r = () => typeof n[a] == "object" && !Array.isArray(n[a]) ? i === "file" ? n[a] : n[a].value : n[a], y = () => i === "file" ? r() === void 0 ? !0 : r() && r().length === 0 : Array.isArray(r()) && r().length === 0 || !Array.isArray(r()) && x.isEmpty(r()), w = () => i === "file" ? r() === void 0 ? !1 : r() && r().length > 0 : Array.isArray(r()) && r().length > 0 || !Array.isArray(r()) && !x.isEmpty(r()), A = d.classList.contains("required");
-      let m;
-      if (A && y())
-        switch (s.classList.remove("success"), s.classList.add("error"), d.classList.add("error"), i) {
+      const o = r.element.querySelector(`[form-field="${l}"]`), n = o.closest(".form-group"), a = n.querySelector(".subject")?.textContent, i = o.getAttribute("data-verify"), s = () => typeof c[l] == "object" && !Array.isArray(c[l]) ? i === "file" ? c[l] : c[l].value : c[l], m = () => i === "file" ? s() === void 0 ? !0 : s() && s().length === 0 : Array.isArray(s()) && s().length === 0 || !Array.isArray(s()) && S.isEmpty(s()), E = () => i === "file" ? s() === void 0 ? !1 : s() && s().length > 0 : Array.isArray(s()) && s().length > 0 || !Array.isArray(s()) && !S.isEmpty(s()), x = n.classList.contains("required");
+      let p;
+      if (x && m())
+        switch (o.classList.remove("success"), o.classList.add("error"), n.classList.add("error"), i) {
           case "select":
-            m = s.querySelector(".validation-icon"), m.setAttribute("error-text", S[o.locale].select), p("select", "underField", d.parentNode), p("select", "detail", t.detailOutputEl);
+            p = o.querySelector(".validation-icon"), p.setAttribute("error-text", k[t.locale].select), d("select", "underField", n.parentNode), d("select", "detail", r.detailOutputEl);
             break;
           case "radio":
           case "checkbox":
-            m = d.querySelector(".validation-icon"), m.setAttribute("error-text", S[o.locale].select), p("select", "underField", d.parentNode), p("select", "detail", t.detailOutputEl);
+            p = n.querySelector(".validation-icon"), p.setAttribute("error-text", k[t.locale].select), d("select", "underField", n.parentNode), d("select", "detail", r.detailOutputEl);
             break;
           case "file":
-            m = s.closest(".file-wrap").querySelector(".validation-icon"), m.setAttribute("error-text", S[o.locale].file), p("file", "underField", d.parentNode), p("file", "detail", t.detailOutputEl);
+            p = o.closest(".file-wrap").querySelector(".validation-icon"), p.setAttribute("error-text", k[t.locale].file), d("file", "underField", n.parentNode), d("file", "detail", r.detailOutputEl);
             break;
           default:
-            m = s.closest(".input-wrap").querySelector(".validation-icon"), m.setAttribute("error-text", S[o.locale].input), p("input", "underField", d.parentNode), p("input", "detail", t.detailOutputEl);
+            p = o.closest(".input-wrap").querySelector(".validation-icon"), p.setAttribute("error-text", k[t.locale].input), d("input", "underField", n.parentNode), d("input", "detail", r.detailOutputEl);
             break;
         }
-      if (w()) {
-        let v = function(b, k) {
-          const g = b.closest(".form-group");
-          b.classList.toggle("error", !k), b.classList.toggle("success", k);
-          const E = b.getAttribute("data-verify") === "phone" ? g.querySelector("*:not(input)[form-field]") : g.querySelector("*:not(dropdown-el)[form-field]"), L = !!E, T = b.classList.contains("success"), N = b.classList.contains("error"), D = E?.classList.contains("success"), G = E?.classList.contains("error");
-          L ? D && !G && T ? (g.classList.remove("error"), g.classList.add("success")) : (G || N) && (g.classList.remove("success"), g.classList.add("error")) : T ? (g.classList.remove("error"), g.classList.add("success")) : (g.classList.add("error"), g.classList.remove("success"));
+      if (E()) {
+        let h = function(b, g) {
+          const v = b.closest(".form-group");
+          b.classList.toggle("error", !g), b.classList.toggle("success", g);
+          const q = b.getAttribute("data-verify") === "phone" ? v.querySelector("*:not(input)[form-field]") : v.querySelector("*:not(dropdown-el)[form-field]"), w = !!q, O = b.classList.contains("success"), I = b.classList.contains("error"), V = q?.classList.contains("success"), T = q?.classList.contains("error");
+          w ? V && !T && O ? (v.classList.remove("error"), v.classList.add("success")) : (T || I) && (v.classList.remove("success"), v.classList.add("error")) : O ? (v.classList.remove("error"), v.classList.add("success")) : (v.classList.add("error"), v.classList.remove("success"));
         };
         switch (i) {
           case "phone":
-            const b = d.querySelector("dropdown-el");
-            x.isMobilePhone(r()) ? (v(s, !0), b && b.classList.contains("success") && (d.classList.remove("error"), d.classList.add("success"))) : (v(s, !1), m = s.closest(".input-wrap").querySelector(".validation-icon"), m.setAttribute("error-text", S[o.locale].format), p("format", "underField", d.parentNode), p("format", "detail", t.detailOutputEl));
+            const b = n.querySelector("dropdown-el");
+            S.isMobilePhone(s()) ? (h(o, !0), b && b.classList.contains("success") && (n.classList.remove("error"), n.classList.add("success"))) : (h(o, !1), p = o.closest(".input-wrap").querySelector(".validation-icon"), p.setAttribute("error-text", k[t.locale].format), d("format", "underField", n.parentNode), d("format", "detail", r.detailOutputEl));
             break;
           case "password":
-            x.isStrongPassword(r(), {
+            S.isStrongPassword(s(), {
               minLength: 8,
               minLowercase: 1,
               minUppercase: 0,
               minNumbers: 1,
               minSymbols: 0
-            }) ? v(s, !0) : (v(s, !1), m = s.closest(".input-wrap").querySelector(".validation-icon"), m.setAttribute("error-text", S[o.locale].format), p("format", "underField", d.parentNode), p("format", "detail", t.detailOutputEl));
+            }) ? h(o, !0) : (h(o, !1), p = o.closest(".input-wrap").querySelector(".validation-icon"), p.setAttribute("error-text", k[t.locale].format), d("format", "underField", n.parentNode), d("format", "detail", r.detailOutputEl));
             break;
           case "email":
-            x.isEmail(r()) ? v(s, !0) : (v(s, !1), m = s.closest(".input-wrap").querySelector(".validation-icon"), m.setAttribute("error-text", S[o.locale].format), p("format", "underField", d.parentNode), p("format", "detail", t.detailOutputEl));
+            S.isEmail(s()) ? h(o, !0) : (h(o, !1), p = o.closest(".input-wrap").querySelector(".validation-icon"), p.setAttribute("error-text", k[t.locale].format), d("format", "underField", n.parentNode), d("format", "detail", r.detailOutputEl));
             break;
           case "verifyCode":
-            x.isNumeric(r(), { no_symbols: !0 }) && x.isLength(r(), { min: 4, max: 4 }) ? v(s, !0) : (v(s, !1), m = s.closest(".input-wrap").querySelector(".validation-icon"), m.setAttribute("error-text", S[o.locale].format), p("format", "underField", d.parentNode), p("format", "detail", t.detailOutputEl));
+            S.isNumeric(s(), { no_symbols: !0 }) && S.isLength(s(), { min: 4, max: 4 }) ? h(o, !0) : (h(o, !1), p = o.closest(".input-wrap").querySelector(".validation-icon"), p.setAttribute("error-text", k[t.locale].format), d("format", "underField", n.parentNode), d("format", "detail", r.detailOutputEl));
             break;
           default:
-            v(s, !0);
+            h(o, !0);
             break;
         }
       }
-      t.detailOutputEl && q();
+      r.detailOutputEl && L();
     }
   }
   /**
@@ -484,64 +375,66 @@ class ee {
    * 清除表單所有欄位
    */
   clear() {
-    const e = this, { allInput: t, allTextarea: o, allCheckbox: n, allFileUpload: u, allDropdown: f } = e;
-    [...e.allField].forEach((a) => {
-      const s = a.closest(".form-group");
-      s.classList.remove("success"), s.classList.remove("error"), a.classList.remove("success"), a.classList.remove("error"), a.closest(".form-grid").querySelector(".error-text")?.remove(), e.detailOutputEl && (e.detailOutputEl.textContent = "");
-    }), [...t].forEach((a) => {
-      a.value = "";
-    }), [...o].forEach((a) => {
-      a.value = "";
-    }), [...n].forEach((a) => {
-      a.checked = !1;
-    }), [...u].forEach((a) => {
-      let s = a.getAttribute("data-default");
-      const d = a.querySelector(".file-name"), c = a.closest(".file-wrap").querySelector('input[type="file"]');
-      d.classList.remove("is-upload"), d.textContent = s, c && (c.value = "");
-    }), [...f].forEach((a) => {
-      a.setAttribute("d4-value", ""), a.hasAttribute("control-elements") && [...a.getAttribute("control-elements").split(",")].forEach((d) => {
-        document.querySelector(d).classList.remove("disabled");
+    const e = this, { allInput: r, allTextarea: t, allCheckbox: c, allFileUpload: f, allDropdown: u } = e;
+    [...e.allField].forEach((l) => {
+      const o = l.closest(".form-group");
+      o.classList.remove("success"), o.classList.remove("error"), l.classList.remove("success"), l.classList.remove("error"), l.closest(".form-grid").querySelector(".error-text")?.remove(), e.detailOutputEl && (e.detailOutputEl.textContent = "");
+    }), [...r].forEach((l) => {
+      l.value = "";
+    }), [...t].forEach((l) => {
+      l.value = "";
+    }), [...c].forEach((l) => {
+      l.checked = !1;
+    }), [...f].forEach((l) => {
+      let o = l.getAttribute("data-default");
+      const n = l.querySelector(".file-name"), a = l.closest(".file-wrap").querySelector('input[type="file"]');
+      n.classList.remove("is-upload"), n.textContent = o, a && (a.value = "");
+    }), [...u].forEach((l) => {
+      l.setAttribute("d4-value", ""), l.hasAttribute("control-elements") && [...l.getAttribute("control-elements").split(",")].forEach((n) => {
+        document.querySelector(n).classList.remove("disabled");
       });
     }), e.element.value = e.getValue();
   }
 }
 export {
-  ee as CustomForm,
-  re as ajaxUpdate,
-  se as appleDebug,
-  ie as bodyScrollbarInit,
-  Z as cgpagechange,
-  ae as clickSwitchClass,
-  le as clickToggleClass,
-  O as colorPick,
-  ne as countDown,
-  P as createColorCube,
-  V as debounce,
-  ce as delay,
-  ue as detectMacOSVersion,
+  H as CustomForm,
+  _ as ajaxUpdate,
+  K as appleDebug,
+  Q as bodyScrollbarInit,
+  J as cgpagechange,
+  Z as clickEvent,
+  ee as clickSwitchClass,
+  te as clickToggleClass,
+  C as colorPick,
+  re as countDown,
+  G as createColorCube,
+  $ as debounce,
+  oe as delay,
+  se as detectMacOSVersion,
   B as detectShade,
-  J as errorPage,
-  S as errorText,
-  de as fixMobile100vh,
-  fe as formatFloat,
-  pe as getSlideDataIndex,
-  me as getSlidesCount,
-  he as getTransformX,
-  ye as getTransformY,
-  C as htmlStringToDOM,
-  ve as imagePreview,
-  X as init,
-  ge as isVideo,
-  be as letterGrow,
-  ke as loaded,
-  xe as loading,
-  Se as numberGrow,
-  Ae as scrollLock,
-  we as scrollUnlock,
-  Ce as sleep,
-  Ee as slideImgDetect,
-  qe as tabChange,
-  Le as throttle,
-  Oe as wordAnimation
+  W as errorPage,
+  k as errorText,
+  le as fixMobile100vh,
+  ie as formatFloat,
+  ae as getHrefLink,
+  ce as getSlideDataIndex,
+  ne as getSlidesCount,
+  ue as getTransformX,
+  de as getTransformY,
+  A as htmlStringToDOM,
+  fe as imagePreview,
+  R as init,
+  pe as isVideo,
+  me as letterGrow,
+  ye as loaded,
+  he as loading,
+  ve as numberGrow,
+  be as scrollLock,
+  ge as scrollUnlock,
+  Se as sleep,
+  ke as slideImgDetect,
+  xe as tabChange,
+  Ee as throttle,
+  Ae as wordAnimation
 };
 //# sourceMappingURL=tools-bundle.js.map