@t007/input 0.0.23 → 0.0.24

package/dist/index.global.js

@@ -1,6 +1,6 @@
 "use strict";
 (() => {
-  // ../../node_modules/sia-reactor/dist/chunk-RVYL3OLW.js
+  // ../../../sia-reactor/dist/chunk-RVYL3OLW.js
   function createEl(tag, props, dataset, styles, el = tag ? document?.createElement(tag) : null) {
     return assignEl(el, props, dataset, styles), el;
   }
@@ -17,7 +17,21 @@
     }
   }
 
-  // ../utils/dist/index.js
+  // ../../../sia-reactor/dist/chunk-EZ4VRGYI.js
+  var CTX = {
+    /** Flag indicating whether the application is running in development mode. */
+    isDevEnv: "undefined" !== typeof process ? process.env.NODE_ENV !== "production" : true,
+    /** Flag indicating whether a cascade is currently ongoing so reactors can allow all writes. */
+    isCascading: false,
+    /** Active `Autotracker` instance, override for automatic dependency collection on `Reactor` traps. */
+    autotracker: null
+  };
+  var RTR_BATCH = "undefined" !== typeof window ? ("undefined" !== typeof queueMicrotask ? queueMicrotask : setTimeout).bind(window) : "undefined" !== typeof process && process.nextTick ? process.nextTick : setTimeout;
+  var RTR_LOG = console.log.bind(console, "[S.I.A Reactor]");
+  var NIL = Object.freeze({});
+
+  // ../utils/dist/chunk-XVFFZZJA.js
+  var INTERACTIVE_SELECTOR = 'button,[href],input,label,select,textarea,details>summary,[contenteditable],iframe,audio[controls],video[controls],[tabindex]:not([tabindex="-1"])';
   var VIRTUAL_RESOURCE = /* @__PURE__ */ Symbol.for("T007_VIRTUAL_RESOURCE");
   function loadResource(req, type = "style", { module, media, crossOrigin, integrity, referrerPolicy, nonce, fetchPriority, attempts = 3, retryKey = false } = {}, w = window) {
     w.t007 ??= {}, w.t007._resourceCache ??= {};
@@ -64,9 +78,28 @@
       return src1.replace(/\\/g, "/").split("?")[0].trim() === src2.replace(/\\/g, "/").split("?")[0].trim();
     }
   }
-  function initScrollAssist(el, { pxPerSecond = 80, assistClassName = "tmg-video-controls-scroll-assist", vertical = true, horizontal = true } = {}) {
-    t007._scrollers ??= /* @__PURE__ */ new WeakMap();
-    t007._scroller_r_observer ??= new ResizeObserver((entries) => entries.forEach(({ target }) => t007._scrollers.get(target)?.update()));
+  function formatSize(bytes, decimals = 3, base = 1e3) {
+    if (bytes < base) return `${bytes} byte${bytes == 1 ? "" : "s"}`;
+    const units = ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"], exponent = Math.min(Math.floor(Math.log(bytes) / Math.log(base)), units.length - 1);
+    return `${(bytes / Math.pow(base, exponent)).toFixed(decimals).replace(/\.0+$/, "")} ${units[exponent]}`;
+  }
+  if ("undefined" !== typeof window) {
+    (window.t007 ??= {}).VIRTUAL_RESOURCE = VIRTUAL_RESOURCE;
+    window.T007_TOAST_JS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/toast@latest`;
+    window.T007_INPUT_JS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/input@latest`;
+    window.T007_DIALOG_JS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/dialog@latest`;
+    window.T007_TOAST_CSS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/toast@latest/dist/index.min.css`;
+    window.T007_INPUT_CSS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/input@latest/dist/index.min.css`;
+    window.T007_DIALOG_CSS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/dialog@latest/dist/index.min.css`;
+  }
+
+  // ../utils/dist/hooks/vanilla.js
+  function initScrollAssist(el, { pxPerSecond = 80, assistClassName = "t007-scroll-assist", vertical = true, horizontal = true } = NIL) {
+    const parent = el?.parentElement, existing = (t007._scrollers ??= /* @__PURE__ */ new WeakMap()).get(el);
+    if (!parent || existing) return existing ? existing : void 0;
+    t007._scroller_r_observer ??= new ResizeObserver((entries) => {
+      for (const { target } of entries) t007._scrollers.get(target)?.update();
+    });
     t007._scroller_m_observer ??= new MutationObserver((entries) => {
       const els = /* @__PURE__ */ new Set();
       for (const entry of entries) {
@@ -76,12 +109,10 @@
       }
       for (const el2 of els) t007._scrollers.get(el2)?.update();
     });
-    const parent = el?.parentElement;
-    if (!parent || t007._scrollers.has(el)) return;
     const assist = {};
     let scrollId = null, last = performance.now(), assistWidth = 20, assistHeight = 20;
     const update = () => {
-      const hasInteractive = !!parent.querySelector('button, a[href], input, select, textarea, [contenteditable="true"], [tabindex]:not([tabindex="-1"])');
+      const hasInteractive = !!parent.querySelector(INTERACTIVE_SELECTOR);
       if (horizontal) {
         const w = assist.left?.offsetWidth || assistWidth, check = hasInteractive ? el.clientWidth < w * 2 : false;
         assist.left.style.display = check ? "none" : el.scrollLeft > 0 ? "block" : "none";
@@ -113,93 +144,92 @@
     const addAssist = (dir) => {
       const div = createEl("div", { className: assistClassName }, { scrollDirection: dir }, { display: "none" });
       if (!div) return;
-      ["pointerenter", "dragenter"].forEach((evt) => div.addEventListener(evt, () => scroll(dir)));
-      ["pointerleave", "pointerup", "pointercancel", "dragleave", "dragend"].forEach((evt) => div.addEventListener(evt, stop));
+      for (const evt of ["pointerenter", "dragenter"]) div.addEventListener(evt, () => scroll(dir));
+      for (const evt of ["pointerleave", "pointerup", "pointercancel", "dragleave", "dragend"]) div.addEventListener(evt, stop);
       dir === "left" || dir === "up" ? parent.insertBefore(div, el) : parent.append(div);
       assist[dir] = div;
     };
-    if (horizontal) ["left", "right"].forEach(addAssist);
-    if (vertical) ["up", "down"].forEach(addAssist);
-    el.addEventListener("scroll", update);
-    t007._scroller_r_observer.observe(el);
-    t007._scroller_m_observer.observe(el, { childList: true, subtree: true, characterData: true });
-    t007._scrollers.set(el, {
+    if (horizontal) for (const dir of ["left", "right"]) addAssist(dir);
+    if (vertical) for (const dir of ["up", "down"]) addAssist(dir);
+    const handle = {
       update,
       destroy() {
-        stop();
-        el.removeEventListener("scroll", update);
-        t007._scroller_r_observer.unobserve(el);
-        t007._scrollers.delete(el);
-        Object.values(assist).forEach((a) => a.remove());
+        stop(), el.removeEventListener("scroll", update);
+        t007._scroller_r_observer.unobserve(el), t007._scrollers.delete(el);
+        for (const a of Object.values(assist)) a.remove();
       }
-    });
-    return update(), t007._scrollers.get(el);
+    };
+    update(), el.addEventListener("scroll", update);
+    t007._scroller_r_observer.observe(el), t007._scroller_m_observer.observe(el, { childList: true, subtree: true, characterData: true });
+    return t007._scrollers.set(el, handle), handle;
   }
-  if ("undefined" !== typeof window) {
-    window.t007 ??= {};
-    t007.VIRTUAL_RESOURCE = VIRTUAL_RESOURCE;
-    window.T007_TOAST_JS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/toast@latest`;
-    window.T007_INPUT_JS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/input@latest`;
-    window.T007_DIALOG_JS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/dialog@latest`;
-    window.T007_TOAST_CSS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/toast@latest/dist/index.min.css`;
-    window.T007_INPUT_CSS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/input@latest/dist/index.min.css`;
-    window.T007_DIALOG_CSS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/dialog@latest/dist/index.min.css`;
+
+  // src/ts/utils/consts.ts
+  var violationKeys = ["valueMissing", "typeMismatch", "patternMismatch", "stepMismatch", "tooShort", "tooLong", "rangeUnderflow", "rangeOverflow", "badInput", "customError"];
+  var dateTypes = ["date", "time", "datetime-local", "month"];
+  var nativeIconTypes = [...dateTypes];
+
+  // src/ts/utils/fn.ts
+  function getStrengthLevel(value, minLength = 0) {
+    value = value.trim();
+    let level = 0;
+    if (value.length < minLength) level = 1;
+    else {
+      if (/[a-z]/.test(value)) level++;
+      if (/[A-Z]/.test(value)) level++;
+      if (/[0-9]/.test(value)) level++;
+      if (/[\W_]/.test(value)) level++;
+    }
+    return Math.min(level, 4);
+  }
+  function getFilesHelper(files, opts) {
+    if (!files || !files.length) return { violation: null, message: "" };
+    const totalFiles = files.length;
+    let totalSize = 0, currFiles = 0;
+    const setMaxError = (size, max, n = 0) => ({ violation: "rangeOverflow", message: n ? `File ${files.length > 1 ? n : ""} size of ${formatSize(size)} exceeds the per file maximum of ${formatSize(max)}` : `Total files size of ${formatSize(size)} exceeds the total maximum of ${formatSize(max)}` });
+    const setMinError = (size, min, n = 0) => ({ violation: "rangeUnderflow", message: n ? `File ${files.length > 1 ? n : ""} size of ${formatSize(size)} is less than the per file minimum of ${formatSize(min)}` : `Total files size of ${formatSize(size)} is less than the total minimum of ${formatSize(min)}` });
+    for (const file of files) {
+      currFiles++;
+      totalSize += file.size;
+      if (opts.accept) {
+        const acceptedTypes = opts.accept.split(",").map((type) => type.trim().replace(/^[*\.]+|[*\.]+$/g, "")).filter(Boolean) || [];
+        if (!acceptedTypes.some((type) => file.type.includes(type))) return { violation: "typeMismatch", message: `File${currFiles > 1 ? currFiles : ""} type of '${file.type}' is not accepted.` };
+      }
+      if (opts.maxSize && file.size > opts.maxSize) return setMaxError(file.size, opts.maxSize, currFiles);
+      if (opts.minSize && file.size < opts.minSize) return setMinError(file.size, opts.minSize, currFiles);
+      if (opts.multiple) {
+        if (opts.maxTotalSize && totalSize > opts.maxTotalSize) return setMaxError(totalSize, opts.maxTotalSize);
+        if (opts.minTotalSize && totalSize < opts.minTotalSize) return setMinError(totalSize, opts.minTotalSize);
+        if (opts.maxLength && totalFiles > opts.maxLength) return { violation: "tooLong", message: `Selected ${totalFiles} files exceeds the maximum of ${opts.maxLength} allowed file${opts.maxLength == 1 ? "" : "s"}` };
+        if (opts.minLength && totalFiles < opts.minLength) return { violation: "tooShort", message: `Selected ${totalFiles} files is less than the minimum of ${opts.minLength} allowed file${opts.minLength == 1 ? "" : "s"}` };
+      }
+    }
+    return { violation: null, message: "" };
   }
 
-  // src/index.js
+  // src/js/index.js
   var formManager = {
     forms: document.getElementsByClassName("t007-input-form"),
-    violationKeys: ["valueMissing", "typeMismatch", "patternMismatch", "stepMismatch", "tooShort", "tooLong", "rangeUnderflow", "rangeOverflow", "badInput", "customError"],
+    violationKeys,
     init() {
-      t007.FM.observeDOMForFields();
-      Array.from(t007.FM.forms).forEach(t007.FM.handleFormValidation);
+      t007.FM.observeDOMForFields(), Array.prototype.forEach.call(t007.FM.forms, t007.FM.handleFormValidation);
     },
     observeDOMForFields() {
       new MutationObserver((mutations) => {
-        for (const mutation of mutations) {
+        for (const mutation of mutations)
           for (const node of mutation.addedNodes) {
-            if (!node.tagName || !(node?.classList?.contains("t007-input-field") || node?.querySelector?.(".t007-input-field"))) continue;
+            if (!node.tagName || !(node.classList.contains("t007-input-field") || node.querySelector(".t007-input-field"))) continue;
             for (const field2 of [...node.querySelector(".t007-input-field") ? node.querySelectorAll(".t007-input-field") : [node]]) t007.FM.setUpField(field2);
           }
-        }
       }).observe(document.body, { childList: true, subtree: true });
     },
-    getFilesHelper(files, opts) {
-      if (!files || !files.length) return { violation: null, message: "" };
-      const totalFiles = files.length;
-      let totalSize = 0;
-      let currFiles = 0;
-      const setMaxError = (size, max, n = 0) => ({ violation: "rangeOverflow", message: n ? `File ${files.length > 1 ? n : ""} size of ${t007.FM.formatSize(size)} exceeds the per file maximum of ${t007.FM.formatSize(max)}` : `Total files size of ${t007.FM.formatSize(size)} exceeds the total maximum of ${t007.FM.formatSize(max)}` });
-      const setMinError = (size, min, n = 0) => ({ violation: "rangeUnderflow", message: n ? `File ${files.length > 1 ? n : ""} size of ${t007.FM.formatSize(size)} is less than the per file minimum of ${t007.FM.formatSize(min)}` : `Total files size of ${t007.FM.formatSize(size)} is less than the total minimum of ${t007.FM.formatSize(min)}` });
-      for (const file of files) {
-        currFiles++;
-        totalSize += file.size;
-        if (opts.accept) {
-          const acceptedTypes = opts.accept.split(",").map((type) => type.trim().replace(/^[*\.]+|[*\.]+$/g, "")).filter(Boolean) || [];
-          if (!acceptedTypes.some((type) => file.type.includes(type))) return { violation: "typeMismatch", message: `File${currFiles > 1 ? currFiles : ""} type of '${file.type}' is not accepted.` };
-        }
-        if (opts.maxSize && file.size > opts.maxSize) return setMaxError(file.size, opts.maxSize, currFiles);
-        if (opts.minSize && file.size < opts.minSize) return setMinError(file.size, opts.minSize, currFiles);
-        if (opts.multiple) {
-          if (opts.maxTotalSize && totalSize > opts.maxTotalSize) return setMaxError(totalSize, opts.maxTotalSize);
-          if (opts.minTotalSize && totalSize < opts.minTotalSize) return setMinError(totalSize, opts.minTotalSize);
-          if (opts.maxLength && totalFiles > opts.maxLength) return { violation: "tooLong", message: `Selected ${totalFiles} files exceeds the maximum of ${opts.maxLength} allowed file${opts.maxLength == 1 ? "" : "s"}` };
-          if (opts.minLength && totalFiles < opts.minLength) return { violation: "tooShort", message: `Selected ${totalFiles} files is less than the minimum of ${opts.minLength} allowed file${opts.minLength == 1 ? "" : "s"}` };
-        }
-      }
-      return { violation: null, message: "" };
-    },
-    formatSize(size, decimals = 3, base = 1e3) {
-      if (size < base) return `${size} byte${size == 1 ? "" : "s"}`;
-      const units = ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"], exponent = Math.min(Math.floor(Math.log(size) / Math.log(base)), units.length - 1);
-      return `${(size / Math.pow(base, exponent)).toFixed(decimals).replace(/\.0+$/, "")} ${units[exponent]}`;
-    },
+    getFilesHelper: (files, opts) => getFilesHelper(files, opts),
+    formatSize: (size, decimals = 3, base = 1e3) => formatSize(size, decimals, base),
     togglePasswordType: (input) => input.type = input.type === "password" ? "text" : "password",
     toggleFilled: (input) => input?.toggleAttribute("data-filled", input.type === "checkbox" || input.type === "radio" ? input.checked : input.value !== "" || input.files?.length > 0),
     setFallbackHelper(field2) {
       const helperTextWrapper = field2?.querySelector(".t007-input-helper-text-wrapper");
-      if (!helperTextWrapper || helperTextWrapper.querySelector(".t007-input-helper-text[data-violation='auto']")) return;
-      helperTextWrapper.append(createEl("p", { className: "t007-input-helper-text" }, { violation: "auto" }));
+      !helperTextWrapper?.querySelector(".t007-input-helper-text[data-violation='auto']") && helperTextWrapper?.append(createEl("p", { className: "t007-input-helper-text" }, { violation: "auto" }));
     },
     setFieldListeners(field2) {
       if (!field2) return;
@@ -207,36 +237,22 @@
       if (input.type === "file")
         input.addEventListener("input", async () => {
           const file = input.files?.[0], img = new Image();
-          img.onload = () => {
-            input.style.setProperty("--t007-input-image-src", `url(${src})`);
-            input.classList.add("t007-input-image-selected");
-            setTimeout(() => URL.revokeObjectURL(src), 1e3);
-          };
-          img.onerror = () => {
-            input.style.removeProperty("--t007-input-image-src");
-            input.classList.remove("t007-input-image-selected");
-            URL.revokeObjectURL(src);
-          };
+          img.onload = () => (input.style.setProperty("--t007-input-image-src", `url(${src})`), input.classList.add("t007-input-image-selected"), setTimeout(() => URL.revokeObjectURL(src), 1e3));
+          img.onerror = () => (input.style.removeProperty("--t007-input-image-src"), input.classList.remove("t007-input-image-selected"), URL.revokeObjectURL(src));
           let src;
           if (file?.type?.startsWith("image")) src = URL.createObjectURL(file);
-          else if (file?.type?.startsWith("video")) {
+          else if (file?.type?.startsWith("video"))
             src = await new Promise((resolve) => {
               let video = createEl("video"), canvas = createEl("canvas"), context = canvas.getContext("2d");
               video.ontimeupdate = () => {
                 context.drawImage(video, 0, 0, video.videoWidth, video.videoHeight);
-                canvas.toBlob((blob) => resolve(URL.createObjectURL(blob)));
-                URL.revokeObjectURL(video.src);
+                canvas.toBlob((blob) => resolve(URL.createObjectURL(blob))), URL.revokeObjectURL(video.src);
                 video = video.src = video.onloadedmetadata = video.ontimeupdate = null;
               };
               video.onloadeddata = () => video.currentTime = 3;
               video.src = URL.createObjectURL(file);
             });
-          }
-          if (!src) {
-            input.style.removeProperty("--t007-input-image-src");
-            input.classList.remove("t007-input-image-selected");
-            return;
-          }
+          if (!src) return input.style.removeProperty("--t007-input-image-src"), input.classList.remove("t007-input-image-selected");
           img.src = src;
         });
       if (floatingLabel) floatingLabel.ontransitionend = () => floatingLabel.classList.remove("t007-input-shake");
@@ -245,9 +261,7 @@
     },
     setUpField(field2) {
       if (field2.dataset.setUp) return;
-      t007.FM.toggleFilled(field2.querySelector(".t007-input"));
-      t007.FM.setFallbackHelper(field2);
-      t007.FM.setFieldListeners(field2);
+      t007.FM.toggleFilled(field2.querySelector(".t007-input")), t007.FM.setFallbackHelper(field2), t007.FM.setFieldListeners(field2);
       field2.dataset.setUp = "true";
     },
     field({ isWrapper = false, label = "", type = "text", placeholder = "", custom = "", minSize, maxSize, minTotalSize, maxTotalSize, options = [], indeterminate = false, eyeToggler = true, passwordMeter = true, helperText = {}, className = "", fieldClassName = "", children, startIcon = "", endIcon = "", nativeIcon = "", passwordVisibleIcon = "", passwordHiddenIcon = "", ...otherProps }) {
@@ -281,19 +295,18 @@
       if (maxTotalSize) inputEl.setAttribute("maxtotalsize", maxTotalSize);
       Object.keys(otherProps).forEach((key) => inputEl[key] = otherProps[key]);
       labelEl.append(!isWrapper ? inputEl : children);
-      const nativeTypes = ["date", "time", "month", "datetime-local"];
-      if (nativeTypes.includes(type) && nativeIcon) labelEl.append(createEl("i", { className: "t007-input-icon t007-input-native-icon", innerHTML: nativeIcon }));
+      if (nativeIconTypes.includes(type) && nativeIcon) labelEl.append(createEl("i", { className: "t007-input-icon t007-input-native-icon", innerHTML: nativeIcon }));
       else if (endIcon) labelEl.append(createEl("i", { className: "t007-input-icon", innerHTML: endIcon }));
-      if (type === "password" && eyeToggler) {
-        labelEl.append(createEl("i", { role: "button", ariaLabel: "Show password", className: "t007-input-icon t007-input-password-visible-icon", innerHTML: passwordVisibleIcon || `<svg width="24" height="24"><path fill="rgba(0,0,0,.54)" d="M12 16q1.875 0 3.188-1.312Q16.5 13.375 16.5 11.5q0-1.875-1.312-3.188Q13.875 7 12 7q-1.875 0-3.188 1.312Q7.5 9.625 7.5 11.5q0 1.875 1.312 3.188Q10.125 16 12 16Zm0-1.8q-1.125 0-1.912-.788Q9.3 12.625 9.3 11.5t.788-1.913Q10.875 8.8 12 8.8t1.913.787q.787.788.787 1.913t-.787 1.912q-.788.788-1.913.788Zm0 4.8q-3.65 0-6.65-2.038-3-2.037-4.35-5.462 1.35-3.425 4.35-5.463Q8.35 4 12 4q3.65 0 6.65 2.037 3 2.038 4.35 5.463-1.35 3.425-4.35 5.462Q15.65 19 12 19Z"/></svg>` }));
-        labelEl.append(createEl("i", { role: "button", ariaLabel: "Hide password", className: "t007-input-icon t007-input-password-hidden-icon", innerHTML: passwordHiddenIcon || `<svg width="24" height="24"><path fill="rgba(0,0,0,.54)" d="m19.8 22.6-4.2-4.15q-.875.275-1.762.413Q12.95 19 12 19q-3.775 0-6.725-2.087Q2.325 14.825 1 11.5q.525-1.325 1.325-2.463Q3.125 7.9 4.15 7L1.4 4.2l1.4-1.4 18.4 18.4ZM12 16q.275 0 .512-.025.238-.025.513-.1l-5.4-5.4q-.075.275-.1.513-.025.237-.025.512 0 1.875 1.312 3.188Q10.125 16 12 16Zm7.3.45-3.175-3.15q.175-.425.275-.862.1-.438.1-.938 0-1.875-1.312-3.188Q13.875 7 12 7q-.5 0-.938.1-.437.1-.862.3L7.65 4.85q1.025-.425 2.1-.638Q10.825 4 12 4q3.775 0 6.725 2.087Q21.675 8.175 23 11.5q-.575 1.475-1.512 2.738Q20.55 15.5 19.3 16.45Zm-4.625-4.6-3-3q.7-.125 1.288.112.587.238 1.012.688.425.45.613 1.038.187.587.087 1.162Z"/></svg>` }));
-      }
+      if (type === "password" && eyeToggler)
+        labelEl.append(
+          createEl("i", { role: "button", ariaLabel: "Show password", className: "t007-input-icon t007-input-password-visible-icon", innerHTML: passwordVisibleIcon || `<svg width="24" height="24"><path fill="rgba(0,0,0,.54)" d="M12 16q1.875 0 3.188-1.312Q16.5 13.375 16.5 11.5q0-1.875-1.312-3.188Q13.875 7 12 7q-1.875 0-3.188 1.312Q7.5 9.625 7.5 11.5q0 1.875 1.312 3.188Q10.125 16 12 16Zm0-1.8q-1.125 0-1.912-.788Q9.3 12.625 9.3 11.5t.788-1.913Q10.875 8.8 12 8.8t1.913.787q.787.788.787 1.913t-.787 1.912q-.788.788-1.913.788Zm0 4.8q-3.65 0-6.65-2.038-3-2.037-4.35-5.462 1.35-3.425 4.35-5.463Q8.35 4 12 4q3.65 0 6.65 2.037 3 2.038 4.35 5.463-1.35 3.425-4.35 5.462Q15.65 19 12 19Z"/></svg>` }),
+          createEl("i", { role: "button", ariaLabel: "Hide password", className: "t007-input-icon t007-input-password-hidden-icon", innerHTML: passwordHiddenIcon || `<svg width="24" height="24"><path fill="rgba(0,0,0,.54)" d="m19.8 22.6-4.2-4.15q-.875.275-1.762.413Q12.95 19 12 19q-3.775 0-6.725-2.087Q2.325 14.825 1 11.5q.525-1.325 1.325-2.463Q3.125 7.9 4.15 7L1.4 4.2l1.4-1.4 18.4 18.4ZM12 16q.275 0 .512-.025.238-.025.513-.1l-5.4-5.4q-.075.275-.1.513-.025.237-.025.512 0 1.875 1.312 3.188Q10.125 16 12 16Zm7.3.45-3.175-3.15q.175-.425.275-.862.1-.438.1-.938 0-1.875-1.312-3.188Q13.875 7 12 7q-.5 0-.938.1-.437.1-.862.3L7.65 4.85q1.025-.425 2.1-.638Q10.825 4 12 4q3.775 0 6.725 2.087Q21.675 8.175 23 11.5q-.575 1.475-1.512 2.738Q20.55 15.5 19.3 16.45Zm-4.625-4.6-3-3q.7-.125 1.288.112.587.238 1.012.688.425.45.613 1.038.187.587.087 1.162Z"/></svg>` })
+        );
       if (helperText !== false) {
         const helperLine = createEl("div", { className: "t007-input-helper-line" }), helperWrapper = createEl("div", { className: "t007-input-helper-text-wrapper", tabIndex: "-1" });
         if (helperText.info) helperWrapper.append(createEl("p", { className: "t007-input-helper-text", textContent: helperText.info }, { violation: "none" }));
-        t007.FM?.violationKeys?.forEach((key) => helperText[key] && helperWrapper.append(createEl("p", { className: "t007-input-helper-text", textContent: helperText[key] }, { violation: key })));
-        helperLine.append(helperWrapper);
-        field2.append(helperLine);
+        t007.FM.violationKeys?.forEach((key) => helperText[key] && helperWrapper.append(createEl("p", { className: "t007-input-helper-text", textContent: helperText[key] }, { violation: key })));
+        helperLine.append(helperWrapper), field2.append(helperLine);
       }
       if (passwordMeter && type === "password") {
         const meter = createEl("div", { className: "t007-input-password-meter" }, { strengthLevel: "1" });
@@ -315,36 +328,26 @@
       form.validateOnClient = validateFormOnClient;
       form.toggleGlobalError = toggleFormGlobalError;
       const fields = form.getElementsByClassName("t007-input-field"), inputs = form.getElementsByClassName("t007-input");
-      Array.from(fields).forEach(t007.FM.setUpField);
-      form.addEventListener("input", ({ target }) => {
-        t007.FM.toggleFilled(target);
-        validateInput(target);
-      });
+      Array.prototype.forEach.call(fields, t007.FM.setUpField);
+      form.addEventListener("input", ({ target }) => (t007.FM.toggleFilled(target), validateInput(target)));
       form.addEventListener("focusout", ({ target }) => validateInput(target, true));
       form.addEventListener("submit", async (e) => {
-        toggleSubmitLoader(true);
+        form.classList.toggle("t007-input-submit-loading", true);
         try {
           e.preventDefault();
           if (!validateFormOnClient()) return;
-          if (form.validateOnServer && !await form.validateOnServer()) {
-            toggleFormGlobalError(true);
-            form.addEventListener("input", () => toggleFormGlobalError(false), { once: true, useCapture: true });
-            return;
-          }
-          form.onSubmit ? form.onSubmit() : form.submit();
+          if (form.validateOnServer && !await form.validateOnServer()) return toggleFormGlobalError(true), form.addEventListener("input", () => toggleFormGlobalError(false), { once: true, useCapture: true });
+          form.onSubmit ? form.onSubmit(e) : form.submit();
         } catch (error) {
           console.error(error);
         }
-        toggleSubmitLoader(false);
+        form.classList.toggle("t007-input-submit-loading", false);
       });
-      function toggleSubmitLoader(bool) {
-        form.classList.toggle("t007-input-submit-loading", bool);
-      }
       function toggleError(input, bool, flag = false) {
         const field2 = input.closest(".t007-input-field"), floatingLabel = field2.querySelector(".t007-input-floating-label");
         if (bool && flag) {
           input.setAttribute("data-error", "");
-          floatingLabel?.classList.add("t007-input-shake");
+          floatingLabel?.classList.add("t007-input-shake"), setTimeout(() => floatingLabel?.classList.remove("t007-input-shake"), 520);
         } else if (!bool) input.removeAttribute("data-error");
         toggleHelper(input, input.hasAttribute("data-error"));
       }
@@ -352,28 +355,11 @@
         const field2 = input.closest(".t007-input-field"), violation = t007.FM.violationKeys.find((violation2) => input.Validity?.[violation2] || input.validity[violation2]) ?? "", helper = field2.querySelector(`.t007-input-helper-text[data-violation="${violation}"]`), fallbackHelper = field2.querySelector(`.t007-input-helper-text[data-violation="auto"]`);
         input.closest(".t007-input-field").querySelectorAll(`.t007-input-helper-text:not([data-violation="${violation}"])`).forEach((helper2) => helper2?.classList.remove("t007-input-show"));
         if (helper) helper.classList.toggle("t007-input-show", bool);
-        else if (fallbackHelper) {
-          fallbackHelper.textContent = input.validationMessage;
-          fallbackHelper.classList.toggle("t007-input-show", bool);
-        }
-      }
-      function forceRevalidate(input) {
-        input.checkValidity();
-        input.dispatchEvent(new Event("input"));
+        else if (fallbackHelper) fallbackHelper.textContent = input.validationMessage, fallbackHelper.classList.toggle("t007-input-show", bool);
       }
       function updatePasswordMeter(input) {
         const passwordMeter = input.closest(".t007-input-field").querySelector(".t007-input-password-meter");
-        if (!passwordMeter) return;
-        const value = input.value?.trim();
-        let strengthLevel = 0;
-        if (value.length < Number(input.minLength ?? 0)) strengthLevel = 1;
-        else {
-          if (/[a-z]/.test(value)) strengthLevel++;
-          if (/[A-Z]/.test(value)) strengthLevel++;
-          if (/[0-9]/.test(value)) strengthLevel++;
-          if (/[\W_]/.test(value)) strengthLevel++;
-        }
-        passwordMeter.dataset.strengthLevel = strengthLevel;
+        if (passwordMeter) passwordMeter.dataset.strengthLevel = `${getStrengthLevel(input.value, Number(input.minLength ?? 0))}`;
       }
       function validateInput(input, flag = false) {
         if (form.dataset.globalError || !input?.classList.contains("t007-input")) return;
@@ -383,7 +369,7 @@
           case "password":
             value = input.value?.trim();
             if (value === "") break;
-            const confirmPasswordInput = Array.from(inputs).find((input2) => (input2.custom ?? input2.getAttribute("custom")) === "confirm-password");
+            const confirmPasswordInput = Array.prototype.find.call(inputs, (input2) => (input2.custom ?? input2.getAttribute("custom")) === "confirm-password");
             if (!confirmPasswordInput) break;
             const confirmPasswordValue = confirmPasswordInput.value?.trim();
             confirmPasswordInput.setCustomValidity(value !== confirmPasswordValue ? "Both passwords do not match" : "");
@@ -392,7 +378,7 @@
           case "confirm_password":
             value = input.value?.trim();
             if (value === "") break;
-            const passwordInput = Array.from(inputs).find((input2) => (input2.custom ?? input2.getAttribute("custom")) === "password");
+            const passwordInput = Array.prototype.find.call(inputs, (input2) => (input2.custom ?? input2.getAttribute("custom")) === "password");
             if (!passwordInput) break;
             const passwordValue = passwordInput.value?.trim();
             errorBool = value !== passwordValue;
@@ -401,21 +387,17 @@
           case "onward_date":
             if (input.min) break;
             input.min = (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
-            forceRevalidate(input);
+            input.checkValidity(), input.dispatchEvent(new Event("input"));
+            break;
+          case "past_date":
+            if (input.max) break;
+            input.max = (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
+            input.checkValidity(), input.dispatchEvent(new Event("input"));
             break;
         }
         if (input.type === "file") {
           input.Validity = {};
-          const { violation, message } = t007.FM.getFilesHelper(input.files ?? [], {
-            accept: input.accept,
-            multiple: input.multiple,
-            maxSize: input.maxSize ?? Number(input.getAttribute("maxsize")),
-            minSize: input.minSize ?? Number(input.getAttribute("minsize")),
-            maxTotalSize: input.maxTotalSize ?? Number(input.getAttribute("maxtotalsize")),
-            minTotalSize: input.minTotalSize ?? Number(input.getAttribute("mintotalsize")),
-            maxLength: input.maxLength ?? Number(input.getAttribute("maxlength")),
-            minLength: input.minLength ?? Number(input.getAttribute("minLength"))
-          });
+          const { violation, message } = t007.FM.getFilesHelper(input.files ?? [], { accept: input.accept, multiple: input.multiple, maxSize: input.maxSize ?? Number(input.getAttribute("maxsize")), minSize: input.minSize ?? Number(input.getAttribute("minsize")), maxTotalSize: input.maxTotalSize ?? Number(input.getAttribute("maxtotalsize")), minTotalSize: input.minTotalSize ?? Number(input.getAttribute("mintotalsize")), maxLength: input.maxLength ?? Number(input.getAttribute("maxlength")), minLength: input.minLength ?? Number(input.getAttribute("minLength")) });
           errorBool = !!message;
           input.setCustomValidity(message);
           if (violation) input.Validity[violation] = true;
@@ -424,18 +406,22 @@
         toggleError(input, errorBool, flag);
         if (errorBool) return;
         if (input.type === "radio")
-          Array.from(inputs)?.filter((i) => i.name == input.name)?.forEach((radio) => toggleError(radio, errorBool, flag));
+          Array.prototype.forEach.call(
+            Array.prototype.filter.call(inputs, (i) => i.name == input.name),
+            (radio) => toggleError(radio, errorBool, flag)
+          );
       }
       function validateFormOnClient() {
-        Array.from(inputs).forEach((input) => validateInput(input, true));
+        Array.prototype.forEach.call(inputs, (input) => validateInput(input, true));
         form.querySelector("input:invalid")?.focus();
-        return Array.from(inputs).every((input) => input.checkValidity());
+        return Array.prototype.every.call(inputs, (input) => input.checkValidity());
       }
       function toggleFormGlobalError(bool) {
         form.toggleAttribute("data-global-error", bool);
         form.querySelectorAll(".t007-input-field").forEach((field2) => {
           field2.querySelector(".t007-input")?.toggleAttribute("data-error", bool);
-          if (bool) field2.querySelector(".t007-input-floating-label")?.classList.add("t007-input-shake");
+          const floatingLabel = field2.querySelector(".t007-input-floating-label");
+          floatingLabel?.classList.toggle("t007-input-shake", bool), bool && setTimeout(() => floatingLabel?.classList.remove("t007-input-shake"), 520);
         });
       }
     }