@xwadex/fesd 0.0.14 → 0.0.15

package/dist/tools-bundle.js

@@ -0,0 +1,571 @@
+var U = (r, e, t) => {
+  if (!e.has(r))
+    throw TypeError("Cannot " + t);
+};
+var V = (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 Ee, w as Ae, 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";
+import w from "validator";
+import D from "flatpickr";
+function se() {
+  if (!document.body.classList.contains("error") || document.querySelector(".back-home") == null)
+    return;
+  let r, e = 5;
+  const t = document.querySelector(".back-home").getAttribute("href"), o = document.querySelector(".back-home .countdown");
+  r = setInterval(() => {
+    e--, o.textContent = e, e === 0 && (clearInterval(r), window.location.href = t);
+  }, 1e3);
+}
+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");
+  }
+}
+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");
+  }) : 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");
+  }) : e.classList.add("is-dark");
+}
+function W(r, e, t) {
+  const o = document.createElement("canvas"), i = o.getContext("2d");
+  if (o.width = 50, o.height = 50, r !== "" && e === "")
+    i.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;
+  }
+  i.fillRect(0, 0, o.width, o.height);
+  const p = new Image();
+  return p.src = o.toDataURL(), p.crossOrigin = "Anonymous", p.addEventListener("load", function() {
+    Q(this, t);
+  }), p;
+}
+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 === "") {
+      console.error(e, "=> No color set!");
+      return;
+    } else if (t.indexOf(i) > 0) {
+      console.warn(e, "=> TypeError!! ( #FFF ) "), G(255, e);
+      return;
+    } else if (o.indexOf(i) > 0) {
+      console.warn(e, "=> TypeError!! ( #000 ) "), G(0, e);
+      return;
+    }
+    W(i, p, e);
+  });
+}
+const O = {
+  CG_A: function(r) {
+    b("html,body").delay(100).animate(
+      { opacity: "0" },
+      {
+        queue: !0,
+        duration: 800,
+        easing: "easeOutQuad",
+        complete: function() {
+          window.location.assign(r);
+        }
+      }
+    );
+  },
+  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(
+      { opacity: "0" },
+      {
+        queue: !0,
+        duration: 200,
+        easing: "easeOutQuad",
+        complete: function() {
+          setTimeout(function() {
+            window.location.assign(r);
+          }, 100);
+        }
+      }
+    );
+  },
+  CG_C: function(r) {
+    b("main").append("<div id='CG_Bbg'></div>"), b("body").delay(1200).animate(
+      { opacity: "0" },
+      {
+        queue: !0,
+        duration: 200,
+        easing: "easeOutQuad",
+        complete: function() {
+          setTimeout(function() {
+            window.location.assign(r);
+          }, 100);
+        }
+      }
+    );
+  },
+  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(
+      { opacity: "0" },
+      {
+        queue: !0,
+        duration: 200,
+        easing: "easeOutQuad",
+        complete: function() {
+          setTimeout(function() {
+            window.location.assign(r);
+          }, 100);
+        }
+      }
+    );
+  }
+}, R = (r) => {
+  switch (1) {
+    case 1:
+      O.CG_A(r);
+      break;
+    case 2:
+      O.CG_B(r);
+      break;
+    case 3:
+      O.CG_C(r);
+      break;
+    case 4:
+      O.CG_D(r);
+      break;
+  }
+}, K = (r) => {
+  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;
+  let f = window.location.pathname.replace("http://", "").split("/");
+  f = a(f);
+  const u = i.replace("http://", "");
+  let n = u.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;
+  }
+  t == "_blank" || r.ctrlKey || r.metaKey ? window.open(i) : u.indexOf("jpg") > -1 || u.indexOf("javascript") > -1 || R(i);
+}, X = (r) => {
+  const t = b(r.currentTarget).closest("[data-href]");
+  t.hasClass("isHover") || t.addClass("isHover");
+}, Y = (r) => {
+  const t = b(r.currentTarget).closest("[data-href]");
+  t.hasClass("isHover") && t.removeClass("isHover");
+}, ae = () => {
+  b.easing.jswing = b.easing.swing, b.extend(b.easing, {
+    def: "easeOutQuad",
+    easeOutQuad: function(r, e, t, o, i) {
+      return -o * (e /= i) * (e - 2) + t;
+    },
+    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;
+    }
+  }), 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 = {
+  "zh-TW": {
+    format: "格式錯誤",
+    input: "尚未填寫",
+    select: "尚未選擇",
+    file: "檔案大小超過限制"
+  },
+  "zh-CN": {
+    phone: "",
+    email: "",
+    password: "",
+    verifyCode: "",
+    input: "",
+    select: ""
+  },
+  en: {
+    phone: "",
+    email: "",
+    password: "",
+    verifyCode: "",
+    input: "",
+    select: ""
+  },
+  jp: {
+    phone: "",
+    email: "",
+    password: "",
+    verifyCode: "",
+    input: "",
+    select: ""
+  }
+};
+var T, j;
+class le {
+  constructor(e, t) {
+    /**
+     * 綁事件
+     */
+    V(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",
+      datepicker: [
+        {
+          el: ".datepicker-input",
+          options: {
+            locale: P.Mandarin
+          }
+        }
+      ],
+      timepicker: [
+        {
+          el: ".timepicker-input",
+          options: {
+            enableTime: !0,
+            noCalendar: !0,
+            dateFormat: "H:i",
+            time_24hr: !0
+          }
+        }
+      ],
+      clearEl: null,
+      submitEl: null,
+      verify: !1,
+      errorText: {
+        underField: !1,
+        detailOutput: !1
+      }
+    }, i = (p, f) => {
+      const u = { ...p };
+      for (let n of Object.keys(f))
+        typeof f[n] == "object" && n in p ? u[n] = Array.isArray(u[n]) ? [...f[n]] : i(p[n], f[n]) : u[n] = f[n];
+      return u;
+    };
+    this.options = t ? i(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);
+  }
+  /**
+   * 取得表單所有的值
+   * @returns
+   */
+  getValue() {
+    const e = this;
+    let t = {};
+    return [...e.allField].forEach((o) => {
+      const i = o.getAttribute("form-field");
+      switch (o.getAttribute("field-type")) {
+        case "isRadio":
+          const f = o.querySelector("input:checked"), u = f.querySelector('input[type="text"]');
+          t[i] = {
+            id: parseInt(f.closest(".option-item").querySelector(".text").getAttribute("data-id")),
+            value: u ? u.value : f.closest(".option-item").querySelector(".text").textContent
+          };
+          break;
+        case "isCheckBox":
+          const n = o.querySelectorAll("input:checked");
+          t[i] = [...n].map((c) => {
+            const d = c.querySelector('input[type="text"]');
+            return {
+              id: parseInt(c.closest(".option-item").querySelector(".text").getAttribute("data-id")),
+              value: d ? d.value : c.closest(".option-item").querySelector(".text").textContent
+            };
+          });
+          break;
+        case "isSelect":
+          switch (o.hasAttribute("multiple") ? "multiple" : "single") {
+            case "single":
+              t[i] = {
+                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)
+              };
+              break;
+          }
+          break;
+        case "isFile":
+          const s = o.closest(".file-wrap").querySelector(".fake-file-upload input");
+          t[i] = s ? s.files : void 0;
+          break;
+        default:
+          t[i] = o.value;
+          break;
+      }
+    }), t;
+  }
+  /**
+   * 表單驗證
+   * @param {object} verifyField 針對單一欄位驗證，沒傳值表示全部欄位
+   * @returns
+   */
+  verify(e) {
+    var u;
+    const t = this, { options: o } = t, i = t.element.value, p = e || i;
+    function f(n) {
+      var s, c, d, l;
+      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");
+        switch (L) {
+          case "select":
+            const A = S.querySelector(".select-wrapper"), y = A.querySelector(".dropdown-icon");
+            (s = A.querySelector(".validation-icon")) == null || s.remove(), A.insertBefore(C(a), y);
+            break;
+          case "radio":
+          case "checkbox":
+            (c = m.querySelector(".validation-icon")) == null || c.remove(), m.append(C(a));
+            break;
+          case "file":
+            const h = S.closest(".file-wrap").querySelector(".fake-file-upload"), x = S.closest(".file-wrap").querySelector(".upload-icon");
+            (d = h.querySelector(".validation-icon")) == null || d.remove(), x ? h.insertBefore(C(a), x) : h.append(C(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));
+            break;
+        }
+      }
+    }
+    if (f(p), e) {
+      const n = Object.keys(p)[0];
+      t.element.querySelectorAll(`.error-text[name="${n}"]`).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), E = (F) => `<p class="error-text" name="${n}" index="${$}">${c} - ${q[o.locale][F]}</p>`;
+        switch (x) {
+          case "underField":
+            if (!o.errorText.underField)
+              return;
+            k.append(C(E(h)));
+            break;
+          case "detail":
+            if (!k)
+              return;
+            k.append(C(E(h)));
+            break;
+        }
+      }, A = 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 a = t.element.querySelector(`[form-field="${n}"]`), s = a.closest(".form-group"), c = (u = s.querySelector(".subject")) == null ? void 0 : u.textContent, d = a.getAttribute("data-verify"), l = () => typeof i[n] == "object" && !Array.isArray(i[n]) ? d === "file" ? i[n] : i[n].value : i[n], v = () => d === "file" ? l() === void 0 ? !0 : l() && l().length === 0 : Array.isArray(l()) && l().length === 0 || !Array.isArray(l()) && w.isEmpty(l()), S = () => d === "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");
+      let y;
+      if (L && v())
+        switch (a.classList.remove("success"), a.classList.add("error"), s.classList.add("error"), d) {
+          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);
+            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);
+            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);
+            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);
+            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 E = x.getAttribute("data-verify") === "phone" ? g.querySelector("*:not(input)[form-field]") : g.querySelector("*:not(dropdown-el)[form-field]"), F = !!E, I = x.classList.contains("success"), B = x.classList.contains("error"), M = E == null ? void 0 : E.classList.contains("success"), N = E == null ? void 0 : E.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"));
+        };
+        switch (d) {
+          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));
+            break;
+          case "password":
+            w.isStrongPassword(l(), {
+              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));
+            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));
+            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));
+            break;
+          case "select":
+          default:
+            h(a, !0);
+            break;
+        }
+      }
+      t.detailOutputEl && A();
+    }
+  }
+  /**
+   * 送出表單
+   */
+  submit() {
+    const e = this;
+    e.options.verify && e.verify(), e.element.dispatchEvent(e.submitEvent);
+  }
+  /**
+   * 清除表單所有欄位
+   */
+  clear() {
+    const e = this, { allInput: t, allTextarea: o, allCheckbox: i, allFileUpload: p, allDropdown: f } = e;
+    [...e.allField].forEach((u) => {
+      var a;
+      const n = u.closest(".form-group");
+      n.classList.remove("success"), n.classList.remove("error"), u.classList.remove("success"), u.classList.remove("error"), (a = u.closest(".form-grid").querySelector(".error-text")) == null || a.remove(), e.detailOutputEl && (e.detailOutputEl.textContent = "");
+    }), [...t].forEach((u) => {
+      u.value = "";
+    }), [...o].forEach((u) => {
+      u.value = "";
+    }), [...i].forEach((u) => {
+      u.checked = !1;
+    }), [...p].forEach((u) => {
+      let n = u.getAttribute("data-default");
+      const a = n.querySelector(".file-name");
+      a.classList.remove("is-upload"), a.textContent = n;
+    }), [...f].forEach((u) => {
+      u.setAttribute("d4-value", ""), u.hasAttribute("control-elements") && [...u.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);
+    });
+  }
+  function u() {
+    const s = document.querySelector(i), c = document.querySelector(p);
+    s == null || s.addEventListener("click", function() {
+      e.clear();
+    }), c == null || c.addEventListener("click", function() {
+      e.submit();
+    });
+  }
+  function n(s) {
+    var y;
+    const c = s.closest(".form-group");
+    if (s.files.length <= 0)
+      return;
+    const d = s.closest(".file-wrap").querySelector(".fake-file-upload");
+    d.getAttribute("data-default");
+    const l = d.querySelector(".file-name"), v = Number(s.getAttribute("data-limit")), S = s.files[0], L = S.size / 1024 / 1024, m = S.name, A = s.cloneNode(!0);
+    L > v ? (c.classList.add("error"), c.classList.remove("success"), A.value = "") : (c.classList.remove("error"), c.classList.add("success")), l.textContent = m, A.removeAttribute("form-field field-type data-limit"), (y = d.querySelector('input[type="file"]')) == null || y.remove(), d.append(A);
+  }
+  function a() {
+    function s(c) {
+      const { target: d } = c;
+      let l, v;
+      d.matches('[type="radio"], [type="checkbox"]') && (e.element.value = e.getValue(), l = d.closest(".form-check").getAttribute("form-field"), v = {
+        [l]: e.element.value[l]
+      }, e.options.verify && e.verify(v)), d.matches('[type="file"]') && (n(d), e.element.value = e.getValue(), l = d.getAttribute("form-field"), v = {
+        [l]: e.element.value[l]
+      }, e.options.verify && e.verify(v));
+    }
+    e.element.addEventListener(
+      "input",
+      z(function(c) {
+        const { target: d } = c;
+        if (d.matches('[type="text"],[type="number"],[type="email"],[type="password"], textarea')) {
+          if (e.element.value = e.getValue(), !d.closest(".form-group").classList.contains("required")) {
+            w.isEmpty(d.value) && (d.classList.remove("error"), d.classList.remove("success"), d.closest(".form-group").classList.remove("error"));
+            return;
+          }
+          const l = d.getAttribute("form-field"), v = {
+            [l]: e.element.value[l]
+          };
+          e.options.verify && e.verify(v);
+        }
+      })
+    ), 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 d = this.getAttribute("form-field");
+        e.element.value = e.getValue();
+        const l = e.element.value[d], v = typeof l == "object" && !Array.isArray(l) ? l.value : l, S = {
+          [d]: l
+        };
+        (Array.isArray(v) && v.length > 0 || !Array.isArray(v) && !w.isEmpty(v)) && e.options.verify && e.verify(S);
+      });
+    });
+  }
+  f(), u(), a();
+};
+export {
+  le as CustomForm,
+  ue as ajaxUpdate,
+  de as appleDebug,
+  fe as bodyScrollbarInit,
+  ae as cgpagechange,
+  pe as clickSwitchClass,
+  me as clickToggleClass,
+  G as colorPick,
+  ye as countDown,
+  W as createColorCube,
+  z as debounce,
+  he as delay,
+  ve as detectMacOSVersion,
+  Q as detectShade,
+  se as errorPage,
+  q as errorText,
+  ge as fixMobile100vh,
+  be as formatFloat,
+  xe as getSlideDataIndex,
+  Se as getSlidesCount,
+  ke as getTransformX,
+  Ee as getTransformY,
+  C as htmlStringToDOM,
+  Ae as imagePreview,
+  ie as init,
+  we as isVideo,
+  qe as letterGrow,
+  Ce as loaded,
+  Le as loading,
+  Oe as numberGrow,
+  Te as scrollLock,
+  Fe as scrollUnlock,
+  Ge as sleep,
+  $e as slideImgDetect,
+  Ie as tabChange,
+  Ne as throttle,
+  Ve as wordAnimation
+};
+//# sourceMappingURL=tools-bundle.js.map