@xwadex/fesd 0.0.20 → 0.0.21

package/dist/tools-bundle.js

@@ -1,19 +1,19 @@
-var U = (r, e, t) => {
+var M = (r, e, t) => {
   if (!e.has(r))
     throw TypeError("Cannot " + t);
 };
-var V = (r, e, t) => {
+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(r) : e.set(r, t);
 };
-var _ = (r, e, t) => (U(r, e, "access private method"), t);
-import { n as z, o as C } from "./image-preview-bundle.js";
-import { x as ue, B as de, z as fe, G as pe, F as me, J as ye, K as he, E as ve, L as ge, O as be, P as xe, Q as Se, X as ke, Y as Ae, w as Ee, U as we, W as qe, u as Ce, t as Le, V as Oe, q as Te, r as Fe, p as Ge, S as $e, y as Ie, H as Ne, N as Ve } from "./image-preview-bundle.js";
-import { o as H, z as P } from "./vendor-bundle.js";
-import b from "jquery";
+var V = (r, e, t) => (M(r, e, "access private method"), t);
+import { n as U, o as q } from "./image-preview-bundle.js";
+import { x as ue, B as de, z as fe, G as pe, F as me, J as ye, K as he, E as ve, L as ge, O as be, P as ke, Q as xe, X as Se, Y as Ae, w as Ee, U as we, W as Ce, u as qe, t as Le, V as Oe, q as Te, r as Fe, p as Ge, S as $e, y as Ie, H as Ne, N as De } from "./image-preview-bundle.js";
+import { o as z, z as H } from "./vendor-bundle.js";
+import v from "jquery";
 import w from "validator";
-import D from "flatpickr";
+import _ from "flatpickr";
 function se() {
   if (!document.body.classList.contains("error") || document.querySelector(".back-home") == null)
     return;
@@ -25,55 +25,55 @@ function se() {
 }
 function Q(r, e = r) {
   if (r.complete) {
-    const o = new H().getColor(r), i = o[0] * 0.299 + o[1] * 0.587 + o[2] * 0.114;
-    G(i, e), e.classList.add("detected");
+    const o = new z().getColor(r), s = o[0] * 0.299 + o[1] * 0.587 + o[2] * 0.114;
+    G(s, e), e.classList.add("detected");
   }
 }
 function G(r, e) {
   const t = e.getAttribute("addClassEl");
   r >= 192 ? t && t !== "" ? t.split(",").forEach((o) => {
-    var i;
-    e.closest(o) || console.error(`closest "${o}" not found`), (i = e.closest(o)) == null || i.classList.add("is-light");
+    var s;
+    e.closest(o) || console.error(`closest "${o}" not found`), (s = e.closest(o)) == null || s.classList.add("is-light");
   }) : e.classList.add("is-light") : t && t !== "" ? t.split(",").forEach((o) => {
-    var i;
-    e.closest(o) || console.error(`closest "${o}" not found`), (i = e.closest(o)) == null || i.classList.add("is-dark");
+    var s;
+    e.closest(o) || console.error(`closest "${o}" not found`), (s = e.closest(o)) == null || s.classList.add("is-dark");
   }) : e.classList.add("is-dark");
 }
 function W(r, e, t) {
-  const o = document.createElement("canvas"), i = o.getContext("2d");
+  const o = document.createElement("canvas"), s = o.getContext("2d");
   if (o.width = 50, o.height = 50, r !== "" && e === "")
-    i.fillStyle = r;
+    s.fillStyle = r;
   else if (r !== "" && e !== "") {
-    const f = i.createLinearGradient(0, 0, o.width, o.height);
-    f.addColorStop(0, r), f.addColorStop(1, e), i.fillStyle = f;
+    const p = s.createLinearGradient(0, 0, o.width, o.height);
+    p.addColorStop(0, r), p.addColorStop(1, e), s.fillStyle = p;
   }
-  i.fillRect(0, 0, o.width, o.height);
-  const p = new Image();
-  return p.src = o.toDataURL(), p.crossOrigin = "Anonymous", p.addEventListener("load", function() {
+  s.fillRect(0, 0, o.width, o.height);
+  const d = new Image();
+  return d.src = o.toDataURL(), d.crossOrigin = "Anonymous", d.addEventListener("load", function() {
     Q(this, t);
-  }), p;
+  }), d;
 }
 function ie() {
   [...document.querySelectorAll(".detect-shade:not(.detected)")].forEach((e) => {
     if (e.tagName === "IMG")
       return;
-    const t = ["#FFF", "#FFFFFF", "#fff", "#ffffff"], o = ["#000", "#000000"], i = getComputedStyle(e).getPropertyValue("--start-color"), p = getComputedStyle(e).getPropertyValue("--end-color");
-    if (i === "" && p === "") {
+    const t = ["#FFF", "#FFFFFF", "#fff", "#ffffff"], o = ["#000", "#000000"], s = getComputedStyle(e).getPropertyValue("--start-color"), d = getComputedStyle(e).getPropertyValue("--end-color");
+    if (s === "" && d === "") {
       console.error(e, "=> No color set!");
       return;
-    } else if (t.indexOf(i) > 0) {
+    } else if (t.indexOf(s) > 0) {
       console.warn(e, "=> TypeError!! ( #FFF ) "), G(255, e);
       return;
-    } else if (o.indexOf(i) > 0) {
+    } else if (o.indexOf(s) > 0) {
       console.warn(e, "=> TypeError!! ( #000 ) "), G(0, e);
       return;
     }
-    W(i, p, e);
+    W(s, d, e);
   });
 }
 const O = {
   CG_A: function(r) {
-    b("html,body").delay(100).animate(
+    v("html,body").delay(100).animate(
       { opacity: "0" },
       {
         queue: !0,
@@ -86,7 +86,7 @@ const O = {
     );
   },
   CG_B: function(r) {
-    b("main").append("<div id='CG_Abg'><div class='CG_Abg1'></div><div class='CG_Abg2'></div></div>"), b("body").delay(1200).animate(
+    v("main").append("<div id='CG_Abg'><div class='CG_Abg1'></div><div class='CG_Abg2'></div></div>"), v("body").delay(1200).animate(
       { opacity: "0" },
       {
         queue: !0,
@@ -101,7 +101,7 @@ const O = {
     );
   },
   CG_C: function(r) {
-    b("main").append("<div id='CG_Bbg'></div>"), b("body").delay(1200).animate(
+    v("main").append("<div id='CG_Bbg'></div>"), v("body").delay(1200).animate(
       { opacity: "0" },
       {
         queue: !0,
@@ -116,7 +116,7 @@ const O = {
     );
   },
   CG_D: function(r) {
-    b("main").append("<div id='CG_Cbg'><div class='CG_Cbg1'></div><div class='CG_Cbg2'></div></div>"), b("body").delay(1200).animate(
+    v("main").append("<div id='CG_Cbg'><div class='CG_Cbg1'></div><div class='CG_Cbg2'></div></div>"), v("body").delay(1200).animate(
       { opacity: "0" },
       {
         queue: !0,
@@ -145,38 +145,52 @@ const O = {
       O.CG_D(r);
       break;
   }
-}, K = (r) => {
+}, K = (r, e) => {
   r.preventDefault();
-  const e = b(r.currentTarget), t = e.attr("target"), o = e.attr("href");
-  let i;
-  e.hasClass("href-link") ? i = e.closest("[data-href]").attr("data-href") : i = o;
+  const t = v(r.currentTarget), o = t.attr("target"), s = t.attr("href");
+  let d;
+  if (e) {
+    if (t.is("[data-nolink]")) {
+      r.stopPropagation(), r.preventDefault();
+      return;
+    }
+    t.hasClass("click-block") ? d = t.closest("[data-href]").attr("data-href") : d = s;
+  } else {
+    if (t.is("[data-nolink]")) {
+      r.stopPropagation(), r.preventDefault();
+      return;
+    }
+    t.hasClass("href-link") ? d = t.closest("[data-href]").attr("data-href") : d = s;
+  }
   let f = window.location.pathname.replace("http://", "").split("/");
-  f = a(f);
-  const d = i.replace("http://", "");
-  let n = d.split("/");
-  n = a(n);
-  function a(s) {
-    const c = s.pop();
-    return c.indexOf("#") > -1 || c.indexOf("html") > 0 ? s.push(c) : (c == "" || s.push(c), s.push("index.html")), s;
+  f = i(f);
+  const c = d.replace("http://", "");
+  let a = c.split("/");
+  a = i(a);
+  function i(u) {
+    const l = u.pop();
+    return l.indexOf("#") > -1 || l.indexOf("html") > 0 ? u.push(l) : (l == "" || u.push(l), u.push("index.html")), u;
   }
-  t == "_blank" || r.ctrlKey || r.metaKey ? window.open(i) : d.indexOf("jpg") > -1 || d.indexOf("javascript") > -1 || R(i);
+  o == "_blank" || r.ctrlKey || r.metaKey ? window.open(d) : c.indexOf("jpg") > -1 || c.indexOf("javascript") > -1 || R(d);
 }, X = (r) => {
-  const t = b(r.currentTarget).closest("[data-href]");
+  const t = v(r.currentTarget).closest("[data-href]");
   t.hasClass("isHover") || t.addClass("isHover");
 }, Y = (r) => {
-  const t = b(r.currentTarget).closest("[data-href]");
+  const t = v(r.currentTarget).closest("[data-href]");
   t.hasClass("isHover") && t.removeClass("isHover");
-}, ae = () => {
-  b.easing.jswing = b.easing.swing, b.extend(b.easing, {
+}, ae = (r = !0) => {
+  v.easing.jswing = v.easing.swing, v.extend(v.easing, {
     def: "easeOutQuad",
-    easeOutQuad: function(r, e, t, o, i) {
-      return -o * (e /= i) * (e - 2) + t;
+    easeOutQuad: function(e, t, o, s, d) {
+      return -s * (t /= d) * (t - 2) + o;
     },
-    easeInOutCirc: function(r, e, t, o, i) {
-      return (e /= i / 2) < 1 ? -o / 2 * (Math.sqrt(1 - e * e) - 1) + t : o / 2 * (Math.sqrt(1 - (e -= 2) * e) + 1) + t;
+    easeInOutCirc: function(e, t, o, s, d) {
+      return (t /= d / 2) < 1 ? -s / 2 * (Math.sqrt(1 - t * t) - 1) + o : s / 2 * (Math.sqrt(1 - (t -= 2) * t) + 1) + o;
     }
-  }), b("body").on("click", "a:not(.nocg), .href-link", (r) => K(r)), b("body").on("mouseenter", "[data-href] a", (r) => X(r)), b("body").on("mouseleave", "[data-href] a", (r) => Y(r));
-}, q = {
+  }), v("body").on("click", "a:not(.nocg), .href-link, .click-block, [data-nolink]", (e) => K(e, r)), v("body").on("click", "a:not(.nocg)", function(e) {
+    e.stopPropagation();
+  }), v("body").on("mouseenter", "[data-href] a", (e) => X(e)), v("body").on("mouseleave", "[data-href] a", (e) => Y(e));
+}, C = {
   "zh-TW": {
     format: "格式錯誤",
     input: "尚未填寫",
@@ -214,7 +228,7 @@ class le {
     /**
      * 綁事件
      */
-    V(this, T);
+    D(this, T);
     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 = {
       locale: "zh-TW",
@@ -222,7 +236,7 @@ class le {
         {
           el: ".datepicker-input",
           options: {
-            locale: P.Mandarin
+            locale: H.Mandarin
           }
         }
       ],
@@ -244,18 +258,18 @@ class le {
         underField: !1,
         detailOutput: !1
       }
-    }, i = (p, f) => {
-      const d = { ...p };
-      for (let n of Object.keys(f))
-        typeof f[n] == "object" && n in p ? d[n] = Array.isArray(d[n]) ? [...f[n]] : i(p[n], f[n]) : d[n] = f[n];
-      return d;
+    }, s = (d, p) => {
+      const f = { ...d };
+      for (let c of Object.keys(p))
+        typeof p[c] == "object" && c in d ? f[c] = Array.isArray(f[c]) ? [...p[c]] : s(d[c], p[c]) : f[c] = p[c];
+      return f;
     };
-    this.options = t ? i(o, t) : o, this.init();
+    this.options = t ? s(o, t) : o, this.init();
   }
   init() {
     var t;
     const e = this;
-    e.element.value = e.getValue(), e.detailOutputEl = e.options.errorText.detailOutput ? document.querySelector(e.options.errorText.detailOutput) : null, _(t = e, T, j).call(t);
+    e.element.value = e.getValue(), e.detailOutputEl = e.options.errorText.detailOutput ? document.querySelector(e.options.errorText.detailOutput) : null, V(t = e, T, j).call(t);
   }
   /**
    * 取得表單所有的值
@@ -265,47 +279,47 @@ class le {
     const e = this;
     let t = {};
     return [...e.allField].forEach((o) => {
-      const i = o.getAttribute("form-field");
+      const s = o.getAttribute("form-field");
       switch (o.getAttribute("field-type")) {
         case "isRadio":
-          const f = o.querySelector("input:checked"), d = f.querySelector('input[type="text"]');
-          t[i] = {
-            id: parseInt(f.closest(".option-item").querySelector(".text").getAttribute("data-id")),
-            value: d ? d.value : f.closest(".option-item").querySelector(".text").textContent
+          const p = o.querySelector("input:checked"), f = p.querySelector('input[type="text"]');
+          t[s] = {
+            id: parseInt(p.closest(".option-item").querySelector(".text").getAttribute("data-id")),
+            value: f ? f.value : p.closest(".option-item").querySelector(".text").textContent
           };
           break;
         case "isCheckBox":
-          const n = o.querySelectorAll("input:checked");
-          t[i] = [...n].map((c) => {
-            const u = c.querySelector('input[type="text"]');
+          const c = o.querySelectorAll("input:checked");
+          t[s] = [...c].map((u) => {
+            const l = u.querySelector('input[type="text"]');
             return {
-              id: parseInt(c.closest(".option-item").querySelector(".text").getAttribute("data-id")),
-              value: u ? u.value : c.closest(".option-item").querySelector(".text").textContent
+              id: parseInt(u.closest(".option-item").querySelector(".text").getAttribute("data-id")),
+              value: l ? l.value : u.closest(".option-item").querySelector(".text").textContent
             };
           });
           break;
         case "isSelect":
           switch (o.hasAttribute("multiple") ? "multiple" : "single") {
             case "single":
-              t[i] = {
+              t[s] = {
                 value: o.s.value.id ? o.s.value.id : "",
                 display: o.s.value.el ? o.s.value.el.textContent : ""
               };
               break;
             case "multiple":
-              t[i] = {
-                value: o.s.value.map((c) => c.id),
-                display: o.s.value.map((c) => c.el.textContent)
+              t[s] = {
+                value: o.s.value.map((u) => u.id),
+                display: o.s.value.map((u) => u.el.textContent)
               };
               break;
           }
           break;
         case "isFile":
-          const s = o.closest(".file-wrap").querySelector(".fake-file-upload input");
-          t[i] = s ? s.files : void 0;
+          const i = o.closest(".file-wrap").querySelector(".fake-file-upload input");
+          t[s] = i ? i.files : void 0;
           break;
         default:
-          t[i] = o.value;
+          t[s] = o.value;
           break;
       }
     }), t;
@@ -316,107 +330,107 @@ class le {
    * @returns
    */
   verify(e) {
-    var d;
-    const t = this, { options: o } = t, i = t.element.value, p = e || i;
-    function f(n) {
-      var s, c, u, l;
+    var f;
+    const t = this, { options: o } = t, s = t.element.value, d = e || s;
+    function p(c) {
+      var i, u, l, n;
       const a = '<div class="validation-icon"></div>';
-      for (const v in n) {
-        const S = t.element.querySelector(`[form-field="${v}"]`), L = S.getAttribute("data-verify"), m = S.closest(".form-group");
+      for (const g in c) {
+        const x = t.element.querySelector(`[form-field="${g}"]`), L = x.getAttribute("data-verify"), m = x.closest(".form-group");
         switch (L) {
           case "select":
-            const E = S.querySelector(".select-wrapper"), y = E.querySelector(".dropdown-icon");
-            (s = E.querySelector(".validation-icon")) == null || s.remove(), E.insertBefore(C(a), y);
+            const E = x.querySelector(".select-wrapper"), y = E.querySelector(".dropdown-icon");
+            (i = E.querySelector(".validation-icon")) == null || i.remove(), E.insertBefore(q(a), y);
             break;
           case "radio":
           case "checkbox":
-            (c = m.querySelector(".validation-icon")) == null || c.remove(), m.append(C(a));
+            (u = m.querySelector(".validation-icon")) == null || u.remove(), m.append(q(a));
             break;
           case "file":
-            const h = S.closest(".file-wrap").querySelector(".fake-file-upload"), x = S.closest(".file-wrap").querySelector(".upload-icon");
-            (u = h.querySelector(".validation-icon")) == null || u.remove(), x ? h.insertBefore(C(a), x) : h.append(C(a));
+            const h = x.closest(".file-wrap").querySelector(".fake-file-upload"), k = x.closest(".file-wrap").querySelector(".upload-icon");
+            (l = h.querySelector(".validation-icon")) == null || l.remove(), k ? h.insertBefore(q(a), k) : h.append(q(a));
             break;
           case "date":
           case "textarea":
           default:
-            (l = S.closest(".input-wrap").querySelector(".validation-icon")) == null || l.remove(), S.closest(".input-wrap").append(C(a));
+            (n = x.closest(".input-wrap").querySelector(".validation-icon")) == null || n.remove(), x.closest(".input-wrap").append(q(a));
             break;
         }
       }
     }
-    if (f(p), e) {
-      const n = Object.keys(p)[0];
-      t.element.querySelectorAll(`.error-text[name="${n}"]`).forEach((a) => a.remove());
+    if (p(d), e) {
+      const c = Object.keys(d)[0];
+      t.element.querySelectorAll(`.error-text[name="${c}"]`).forEach((a) => a.remove());
     } else
-      t.element.querySelectorAll(".error-text").forEach((n) => n.remove());
-    for (const n in p) {
-      let m = function(h, x, k) {
-        const g = t.element.querySelector(`[form-field="${n}"]`), $ = [...t.element.querySelectorAll("[form-field]")].indexOf(g), A = (F) => `<p class="error-text" name="${n}" index="${$}">${c} - ${q[o.locale][F]}</p>`;
-        switch (x) {
+      t.element.querySelectorAll(".error-text").forEach((c) => c.remove());
+    for (const c in d) {
+      let m = function(h, k, S) {
+        const b = t.element.querySelector(`[form-field="${c}"]`), $ = [...t.element.querySelectorAll("[form-field]")].indexOf(b), A = (F) => `<p class="error-text" name="${c}" index="${$}">${u} - ${C[o.locale][F]}</p>`;
+        switch (k) {
           case "underField":
             if (!o.errorText.underField)
               return;
-            k.append(C(A(h)));
+            S.append(q(A(h)));
             break;
           case "detail":
-            if (!k)
+            if (!S)
               return;
-            k.append(C(A(h)));
+            S.append(q(A(h)));
             break;
         }
       }, E = function() {
         const h = t.detailOutputEl.querySelectorAll(".error-text");
         [...h].length > 0 ? t.element.classList.add("something-wrong") : t.element.classList.remove("something-wrong");
-        const x = [...h].sort((k, g) => k.getAttribute("index") - g.getAttribute("index"));
-        t.detailOutputEl && (t.detailOutputEl.textContent = ""), x.forEach((k) => {
-          var g;
-          return (g = t.detailOutputEl) == null ? void 0 : g.appendChild(k);
+        const k = [...h].sort((S, b) => S.getAttribute("index") - b.getAttribute("index"));
+        t.detailOutputEl && (t.detailOutputEl.textContent = ""), k.forEach((S) => {
+          var b;
+          return (b = t.detailOutputEl) == null ? void 0 : b.appendChild(S);
         });
       };
-      const a = t.element.querySelector(`[form-field="${n}"]`), s = a.closest(".form-group"), c = (d = s.querySelector(".subject")) == null ? void 0 : d.textContent, u = a.getAttribute("data-verify"), l = () => typeof i[n] == "object" && !Array.isArray(i[n]) ? u === "file" ? i[n] : i[n].value : i[n], v = () => u === "file" ? l() === void 0 ? !0 : l() && l().length === 0 : Array.isArray(l()) && l().length === 0 || !Array.isArray(l()) && w.isEmpty(l()), S = () => u === "file" ? l() === void 0 ? !1 : l() && l().length > 0 : Array.isArray(l()) && l().length > 0 || !Array.isArray(l()) && !w.isEmpty(l()), L = s.classList.contains("required");
+      const a = t.element.querySelector(`[form-field="${c}"]`), i = a.closest(".form-group"), u = (f = i.querySelector(".subject")) == null ? void 0 : f.textContent, l = a.getAttribute("data-verify"), n = () => typeof s[c] == "object" && !Array.isArray(s[c]) ? l === "file" ? s[c] : s[c].value : s[c], g = () => l === "file" ? n() === void 0 ? !0 : n() && n().length === 0 : Array.isArray(n()) && n().length === 0 || !Array.isArray(n()) && w.isEmpty(n()), x = () => l === "file" ? n() === void 0 ? !1 : n() && n().length > 0 : Array.isArray(n()) && n().length > 0 || !Array.isArray(n()) && !w.isEmpty(n()), L = i.classList.contains("required");
       let y;
-      if (L && v())
-        switch (a.classList.remove("success"), a.classList.add("error"), s.classList.add("error"), u) {
+      if (L && g())
+        switch (a.classList.remove("success"), a.classList.add("error"), i.classList.add("error"), l) {
           case "select":
-            y = a.querySelector(".validation-icon"), y.setAttribute("error-text", q[o.locale].select), m("select", "underField", s.parentNode), m("select", "detail", t.detailOutputEl);
+            y = a.querySelector(".validation-icon"), y.setAttribute("error-text", C[o.locale].select), m("select", "underField", i.parentNode), m("select", "detail", t.detailOutputEl);
             break;
           case "radio":
           case "checkbox":
-            y = s.querySelector(".validation-icon"), y.setAttribute("error-text", q[o.locale].select), m("select", "underField", s.parentNode), m("select", "detail", t.detailOutputEl);
+            y = i.querySelector(".validation-icon"), y.setAttribute("error-text", C[o.locale].select), m("select", "underField", i.parentNode), m("select", "detail", t.detailOutputEl);
             break;
           case "file":
-            y = a.closest(".file-wrap").querySelector(".validation-icon"), y.setAttribute("error-text", q[o.locale].file), m("file", "underField", s.parentNode), m("file", "detail", t.detailOutputEl);
+            y = a.closest(".file-wrap").querySelector(".validation-icon"), y.setAttribute("error-text", C[o.locale].file), m("file", "underField", i.parentNode), m("file", "detail", t.detailOutputEl);
             break;
           default:
-            y = a.closest(".input-wrap").querySelector(".validation-icon"), y.setAttribute("error-text", q[o.locale].input), m("input", "underField", s.parentNode), m("input", "detail", t.detailOutputEl);
+            y = a.closest(".input-wrap").querySelector(".validation-icon"), y.setAttribute("error-text", C[o.locale].input), m("input", "underField", i.parentNode), m("input", "detail", t.detailOutputEl);
             break;
         }
-      if (S()) {
-        let h = function(x, k) {
-          const g = x.closest(".form-group");
-          x.classList.toggle("error", !k), x.classList.toggle("success", k);
-          const A = x.getAttribute("data-verify") === "phone" ? g.querySelector("*:not(input)[form-field]") : g.querySelector("*:not(dropdown-el)[form-field]"), F = !!A, I = x.classList.contains("success"), B = x.classList.contains("error"), M = A == null ? void 0 : A.classList.contains("success"), N = A == null ? void 0 : A.classList.contains("error");
-          F ? M && !N && I ? (g.classList.remove("error"), g.classList.add("success")) : (N || B) && (g.classList.remove("success"), g.classList.add("error")) : I ? (g.classList.remove("error"), g.classList.add("success")) : (g.classList.add("error"), g.classList.remove("success"));
+      if (x()) {
+        let h = function(k, S) {
+          const b = k.closest(".form-group");
+          k.classList.toggle("error", !S), k.classList.toggle("success", S);
+          const A = k.getAttribute("data-verify") === "phone" ? b.querySelector("*:not(input)[form-field]") : b.querySelector("*:not(dropdown-el)[form-field]"), F = !!A, I = k.classList.contains("success"), P = k.classList.contains("error"), B = A == null ? void 0 : A.classList.contains("success"), N = A == null ? void 0 : A.classList.contains("error");
+          F ? B && !N && I ? (b.classList.remove("error"), b.classList.add("success")) : (N || P) && (b.classList.remove("success"), b.classList.add("error")) : I ? (b.classList.remove("error"), b.classList.add("success")) : (b.classList.add("error"), b.classList.remove("success"));
         };
-        switch (u) {
+        switch (l) {
           case "phone":
-            const x = s.querySelector("dropdown-el");
-            w.isMobilePhone(l()) ? (h(a, !0), x && x.classList.contains("success") && (s.classList.remove("error"), s.classList.add("success"))) : (h(a, !1), y = a.closest(".input-wrap").querySelector(".validation-icon"), y.setAttribute("error-text", q[o.locale].format), m("format", "underField", s.parentNode), m("format", "detail", t.detailOutputEl));
+            const k = i.querySelector("dropdown-el");
+            w.isMobilePhone(n()) ? (h(a, !0), k && k.classList.contains("success") && (i.classList.remove("error"), i.classList.add("success"))) : (h(a, !1), y = a.closest(".input-wrap").querySelector(".validation-icon"), y.setAttribute("error-text", C[o.locale].format), m("format", "underField", i.parentNode), m("format", "detail", t.detailOutputEl));
             break;
           case "password":
-            w.isStrongPassword(l(), {
+            w.isStrongPassword(n(), {
               minLength: 8,
               minLowercase: 1,
               minUppercase: 0,
               minNumbers: 1,
               minSymbols: 0
-            }) ? h(a, !0) : (h(a, !1), y = a.closest(".input-wrap").querySelector(".validation-icon"), y.setAttribute("error-text", q[o.locale].format), m("format", "underField", s.parentNode), m("format", "detail", t.detailOutputEl));
+            }) ? h(a, !0) : (h(a, !1), y = a.closest(".input-wrap").querySelector(".validation-icon"), y.setAttribute("error-text", C[o.locale].format), m("format", "underField", i.parentNode), m("format", "detail", t.detailOutputEl));
             break;
           case "email":
-            w.isEmail(l()) ? h(a, !0) : (h(a, !1), y = a.closest(".input-wrap").querySelector(".validation-icon"), y.setAttribute("error-text", q[o.locale].format), m("format", "underField", s.parentNode), m("format", "detail", t.detailOutputEl));
+            w.isEmail(n()) ? h(a, !0) : (h(a, !1), y = a.closest(".input-wrap").querySelector(".validation-icon"), y.setAttribute("error-text", C[o.locale].format), m("format", "underField", i.parentNode), m("format", "detail", t.detailOutputEl));
             break;
           case "verifyCode":
-            w.isNumeric(l(), { no_symbols: !0 }) && w.isLength(l(), { min: 4, max: 4 }) ? h(a, !0) : (h(a, !1), y = a.closest(".input-wrap").querySelector(".validation-icon"), y.setAttribute("error-text", q[o.locale].format), m("format", "underField", s.parentNode), m("format", "detail", t.detailOutputEl));
+            w.isNumeric(n(), { no_symbols: !0 }) && w.isLength(n(), { min: 4, max: 4 }) ? h(a, !0) : (h(a, !1), y = a.closest(".input-wrap").querySelector(".validation-icon"), y.setAttribute("error-text", C[o.locale].format), m("format", "underField", i.parentNode), m("format", "detail", t.detailOutputEl));
             break;
           case "select":
           default:
@@ -438,96 +452,96 @@ class le {
    * 清除表單所有欄位
    */
   clear() {
-    const e = this, { allInput: t, allTextarea: o, allCheckbox: i, allFileUpload: p, allDropdown: f } = e;
-    [...e.allField].forEach((d) => {
+    const e = this, { allInput: t, allTextarea: o, allCheckbox: s, allFileUpload: d, allDropdown: p } = e;
+    [...e.allField].forEach((f) => {
       var a;
-      const n = d.closest(".form-group");
-      n.classList.remove("success"), n.classList.remove("error"), d.classList.remove("success"), d.classList.remove("error"), (a = d.closest(".form-grid").querySelector(".error-text")) == null || a.remove(), e.detailOutputEl && (e.detailOutputEl.textContent = "");
-    }), [...t].forEach((d) => {
-      d.value = "";
-    }), [...o].forEach((d) => {
-      d.value = "";
-    }), [...i].forEach((d) => {
-      d.checked = !1;
-    }), [...p].forEach((d) => {
-      let n = d.getAttribute("data-default");
-      const a = n.querySelector(".file-name");
-      a.classList.remove("is-upload"), a.textContent = n;
-    }), [...f].forEach((d) => {
-      d.setAttribute("d4-value", ""), d.hasAttribute("control-elements") && [...d.getAttribute("control-elements").split(",")].forEach((a) => {
+      const c = f.closest(".form-group");
+      c.classList.remove("success"), c.classList.remove("error"), f.classList.remove("success"), f.classList.remove("error"), (a = f.closest(".form-grid").querySelector(".error-text")) == null || a.remove(), e.detailOutputEl && (e.detailOutputEl.textContent = "");
+    }), [...t].forEach((f) => {
+      f.value = "";
+    }), [...o].forEach((f) => {
+      f.value = "";
+    }), [...s].forEach((f) => {
+      f.checked = !1;
+    }), [...d].forEach((f) => {
+      let c = f.getAttribute("data-default");
+      const a = c.querySelector(".file-name");
+      a.classList.remove("is-upload"), a.textContent = c;
+    }), [...p].forEach((f) => {
+      f.setAttribute("d4-value", ""), f.hasAttribute("control-elements") && [...f.getAttribute("control-elements").split(",")].forEach((a) => {
         document.querySelector(a).classList.remove("disabled");
       });
     }), e.element.value = e.getValue();
   }
 }
 T = new WeakSet(), j = function() {
-  const e = this, { datepicker: t, timepicker: o, clearEl: i, submitEl: p } = e.options;
-  function f() {
-    t.forEach((s) => {
-      D(s.el, s.options);
-    }), o.forEach((s) => {
-      D(s.el, s.options);
+  const e = this, { datepicker: t, timepicker: o, clearEl: s, submitEl: d } = e.options;
+  function p() {
+    t.forEach((i) => {
+      _(i.el, i.options);
+    }), o.forEach((i) => {
+      _(i.el, i.options);
     });
   }
-  function d() {
-    const s = document.querySelector(i), c = document.querySelector(p);
-    s == null || s.addEventListener("click", function() {
+  function f() {
+    const i = document.querySelector(s), u = document.querySelector(d);
+    i == null || i.addEventListener("click", function() {
       e.clear();
-    }), c == null || c.addEventListener("click", function() {
+    }), u == null || u.addEventListener("click", function() {
       e.submit();
     });
   }
-  function n(s) {
+  function c(i) {
     var y;
-    const c = s.closest(".form-group");
-    if (s.files.length <= 0)
+    const u = i.closest(".form-group");
+    if (i.files.length <= 0)
       return;
-    const u = s.closest(".file-wrap").querySelector(".fake-file-upload");
-    u.getAttribute("data-default");
-    const l = u.querySelector(".file-name"), v = Number(s.getAttribute("data-limit")), S = s.files[0], L = S.size / 1024 / 1024, m = S.name, E = s.cloneNode(!0);
-    L > v ? (c.classList.add("error"), c.classList.remove("success"), E.value = "") : (c.classList.remove("error"), c.classList.add("success")), l.textContent = m, E.removeAttribute("form-field field-type data-limit"), (y = u.querySelector('input[type="file"]')) == null || y.remove(), u.append(E);
+    const l = i.closest(".file-wrap").querySelector(".fake-file-upload");
+    l.getAttribute("data-default");
+    const n = l.querySelector(".file-name"), g = Number(i.getAttribute("data-limit")), x = i.files[0], L = x.size / 1024 / 1024, m = x.name, E = i.cloneNode(!0);
+    L > g ? (u.classList.add("error"), u.classList.remove("success"), E.value = "") : (u.classList.remove("error"), u.classList.add("success")), n.textContent = m, E.removeAttribute("form-field field-type data-limit"), (y = l.querySelector('input[type="file"]')) == null || y.remove(), l.append(E);
   }
   function a() {
-    function s(c) {
-      const { target: u } = c;
-      let l, v;
-      u.matches('[type="radio"], [type="checkbox"]') && (e.element.value = e.getValue(), l = u.closest(".form-check").getAttribute("form-field"), v = {
-        [l]: e.element.value[l]
-      }, e.options.verify && e.verify(v)), u.matches('[type="file"]') && (n(u), e.element.value = e.getValue(), l = u.getAttribute("form-field"), v = {
-        [l]: e.element.value[l]
-      }, e.options.verify && e.verify(v));
+    function i(u) {
+      const { target: l } = u;
+      let n, g;
+      l.matches('[type="radio"], [type="checkbox"]') && (e.element.value = e.getValue(), n = l.closest(".form-check").getAttribute("form-field"), g = {
+        [n]: e.element.value[n]
+      }, e.options.verify && e.verify(g)), l.matches('[type="file"]') && (c(l), e.element.value = e.getValue(), n = l.getAttribute("form-field"), g = {
+        [n]: e.element.value[n]
+      }, e.options.verify && e.verify(g));
     }
     e.element.addEventListener(
       "input",
-      z(function(c) {
-        const { target: u } = c;
-        if (u.matches('[type="text"],[type="number"],[type="email"],[type="password"], textarea')) {
-          if (e.element.value = e.getValue(), !u.closest(".form-group").classList.contains("required") && u.hasAttribute("data-verify")) {
-            w.isEmpty(u.value) && (u.classList.remove("error"), u.classList.remove("success"), u.closest(".form-group").classList.remove("error"));
+      U(function(u) {
+        const { target: l } = u;
+        if (l.matches('[type="text"],[type="number"],[type="email"],[type="password"], textarea')) {
+          if (e.element.value = e.getValue(), !l.closest(".form-group").classList.contains("required") && l.hasAttribute("data-verify")) {
+            w.isEmpty(l.value) && (l.classList.remove("error"), l.classList.remove("success"), l.closest(".form-group").classList.remove("error"));
             return;
           }
-          const l = u.getAttribute("form-field"), v = {
-            [l]: e.element.value[l]
+          const n = l.getAttribute("form-field"), g = {
+            [n]: e.element.value[n]
           };
-          e.options.verify && e.verify(v);
+          e.options.verify && e.verify(g);
         }
       })
-    ), e.allCheckbox.forEach((c) => {
-      c.addEventListener("change", s);
-    }), e.allRadio.forEach((c) => {
-      c.addEventListener("change", s);
-    }), e.allDropdown.forEach((c) => {
-      c.on("change", function() {
-        const u = this.getAttribute("form-field");
+    ), e.allCheckbox.forEach((u) => {
+      u.addEventListener("change", i);
+    }), e.allRadio.forEach((u) => {
+      u.addEventListener("change", i);
+    }), e.allDropdown.forEach((u) => {
+      u.on("change", function() {
+        const l = this.getAttribute("form-field");
         e.element.value = e.getValue();
-        const l = e.element.value[u], v = typeof l == "object" && !Array.isArray(l) ? l.value : l, S = {
-          [u]: l
+        const n = e.element.value[l], g = typeof n == "object" && !Array.isArray(n) ? n.value : n, x = {
+          [l]: n
         };
-        (Array.isArray(v) && v.length > 0 || !Array.isArray(v) && !w.isEmpty(v)) && e.options.verify && e.verify(S);
+        (Array.isArray(g) && g.length > 0 || !Array.isArray(g) && !w.isEmpty(g)) && e.options.verify && e.verify(x);
       });
     });
   }
-  f(), d(), a();
+  p(), f(), a();
 };
 export {
   le as CustomForm,
@@ -540,24 +554,24 @@ export {
   G as colorPick,
   ye as countDown,
   W as createColorCube,
-  z as debounce,
+  U as debounce,
   he as delay,
   ve as detectMacOSVersion,
   Q as detectShade,
   se as errorPage,
-  q as errorText,
+  C as errorText,
   ge as fixMobile100vh,
   be as formatFloat,
-  xe as getSlideDataIndex,
-  Se as getSlidesCount,
-  ke as getTransformX,
+  ke as getSlideDataIndex,
+  xe as getSlidesCount,
+  Se as getTransformX,
   Ae as getTransformY,
-  C as htmlStringToDOM,
+  q as htmlStringToDOM,
   Ee as imagePreview,
   ie as init,
   we as isVideo,
-  qe as letterGrow,
-  Ce as loaded,
+  Ce as letterGrow,
+  qe as loaded,
   Le as loading,
   Oe as numberGrow,
   Te as scrollLock,
@@ -566,6 +580,6 @@ export {
   $e as slideImgDetect,
   Ie as tabChange,
   Ne as throttle,
-  Ve as wordAnimation
+  De as wordAnimation
 };
 //# sourceMappingURL=tools-bundle.js.map