@web-atoms/web-controls 2.6.4 → 2.6.6

package/dist-esm/basic/MaskedInputDiv.js

@@ -1,59 +1,66 @@
 import XNode from "@web-atoms/core/dist/core/XNode.js";
 import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
-const updateMask = (e) => {
-    const target = e.target;
-    const mask = target.dataset.mask;
-    if (!mask) {
-        return;
-    }
-    let result = "";
-    const value = target.value;
-    for (let index = 0, elementIndex = 0; elementIndex < value.length; elementIndex++, index++) {
-        const element = value[elementIndex];
-        const maskElement = mask[index];
-        switch (maskElement) {
-            case "#":
-                result += /[0-9]/.test(element) ? element : "0";
-                continue;
-            case ".":
-                if (element !== ".") {
-                    result += ".";
-                }
-                result += element;
-                break;
-            default:
-                result += element;
-                break;
+const updateMask = e => {
+  const target = e.target;
+  const mask = target.dataset.mask;
+  if (!mask) {
+    return;
+  }
+  let result = "";
+  const value = target.value;
+  for (let index = 0, elementIndex = 0; elementIndex < value.length; elementIndex++, index++) {
+    const element = value[elementIndex];
+    const maskElement = mask[index];
+    switch (maskElement) {
+      case "#":
+        result += /[0-9]/.test(element) ? element : "0";
+        continue;
+      case ".":
+        if (element !== ".") {
+          result += ".";
         }
+        result += element;
+        break;
+      default:
+        result += element;
+        break;
     }
-    target.parentElement.dataset.label = result;
+  }
+  target.parentElement.dataset.label = result;
 };
 document.body.addEventListener("change", updateMask);
 document.body.addEventListener("keypress", updateMask);
 document.body.addEventListener("keyup", updateMask);
 const maskProperty = AtomControl.registerProperty("data-mask", "format", (ctrl, e, value) => {
-    if (!value) {
-        e.dataset.label = "";
-        return;
-    }
-    let result = "";
-    for (const iterator of value) {
-        switch (iterator) {
-            case "#":
-                result += " ";
-                continue;
-            case "0":
-                result += "0";
-                continue;
-            default:
-                result += iterator;
-                continue;
-        }
+  if (!value) {
+    e.dataset.label = "";
+    return;
+  }
+  let result = "";
+  for (const iterator of value) {
+    switch (iterator) {
+      case "#":
+        result += " ";
+        continue;
+      case "0":
+        result += "0";
+        continue;
+      default:
+        result += iterator;
+        continue;
     }
-    e.dataset.label = result;
+  }
+  e.dataset.label = result;
 });
-export default function MaskedInput({ mask, ...a }) {
-    return XNode.create("div", { "data-mask": mask, ...maskProperty(mask) },
-        XNode.create("input", { "data-mask": mask, ...a }));
-}
-//# sourceMappingURL=MaskedInputDiv.js.map
+export default function MaskedInput({
+  mask,
+  ...a
+}) {
+  return XNode.create("div", {
+    "data-mask": mask,
+    ...maskProperty(mask)
+  }, XNode.create("input", {
+    "data-mask": mask,
+    ...a
+  }));
+}

package/dist-esm/basic/MergeNode.js

@@ -1,41 +1,70 @@
 const empty = [];
 export default class MergeNode {
-    static none() {
-        return new MergeNode(empty);
+  static none() {
+    return new MergeNode(empty);
+  }
+  static remove() {
+    return new MergeNode([{
+      remove: true
+    }]);
+  }
+  static childSelector(name, p) {
+    if (p !== void 0) {
+      const {
+        parent,
+        after
+      } = p;
+      return new MergeNode([{
+        replace: "* > " + name,
+        parent,
+        after
+      }]);
     }
-    static remove() {
-        return new MergeNode([{ remove: true }]);
+    return new MergeNode(["* > " + name]);
+  }
+  static nestedSelector(name, p) {
+    if (p !== void 0) {
+      const {
+        parent,
+        after
+      } = p;
+      return new MergeNode([{
+        replace: "* " + name,
+        parent,
+        after
+      }]);
     }
-    static childSelector(name, p) {
-        if (p !== void 0) {
-            const { parent, after } = p;
-            return new MergeNode([{ replace: "* > " + name, parent, after }]);
-        }
-        return new MergeNode(["* > " + name]);
+    return new MergeNode(["* " + name]);
+  }
+  constructor(classes = empty) {
+    this.classes = classes;
+  }
+  childSelector(name, p) {
+    if (p !== void 0) {
+      const {
+        parent,
+        after
+      } = p;
+      return new MergeNode([...this.classes, {
+        replace: "* > " + name,
+        parent,
+        after
+      }]);
     }
-    static nestedSelector(name, p) {
-        if (p !== void 0) {
-            const { parent, after } = p;
-            return new MergeNode([{ replace: "* " + name, parent, after }]);
-        }
-        return new MergeNode(["* " + name]);
+    return new MergeNode([...this.classes, "* > " + name]);
+  }
+  nestedSelector(name, p) {
+    if (p !== void 0) {
+      const {
+        parent,
+        after
+      } = p;
+      return new MergeNode([...this.classes, {
+        replace: "* " + name,
+        parent,
+        after
+      }]);
     }
-    constructor(classes = empty) {
-        this.classes = classes;
-    }
-    childSelector(name, p) {
-        if (p !== void 0) {
-            const { parent, after } = p;
-            return new MergeNode([...this.classes, { replace: "* > " + name, parent, after }]);
-        }
-        return new MergeNode([...this.classes, "* > " + name]);
-    }
-    nestedSelector(name, p) {
-        if (p !== void 0) {
-            const { parent, after } = p;
-            return new MergeNode([...this.classes, { replace: "* " + name, parent, after }]);
-        }
-        return new MergeNode([...this.classes, "* " + name]);
-    }
-}
-//# sourceMappingURL=MergeNode.js.map
+    return new MergeNode([...this.classes, "* " + name]);
+  }
+}

package/dist-esm/basic/PasswordBox.js

@@ -1,19 +1,34 @@
 import XNode from "@web-atoms/core/dist/core/XNode.js";
-import "./styles/password-box.global.css";
-document.body.addEventListener("togglePassword", (e) => {
-    const current = e.target;
-    const input = current.previousElementSibling;
-    if (input?.tagName !== "INPUT") {
-        return;
-    }
-    const isPassword = input.type === "password";
-    input.type = isPassword ? "text" : "password";
-    current.className = !isPassword ? "fa-solid fa-eye" : "fa-solid fa-eye-slash";
-    current.title = !isPassword ? "Display Password" : "Hide Password";
+ESMPack.installStyleSheet(import.meta.resolve("./styles/password-box.global.css"));
+document.body.addEventListener("togglePassword", e => {
+  const current = e.target;
+  const input = current.previousElementSibling;
+  if (input?.tagName !== "INPUT") {
+    return;
+  }
+  const isPassword = input.type === "password";
+  input.type = isPassword ? "text" : "password";
+  current.className = !isPassword ? "fa-solid fa-eye" : "fa-solid fa-eye-slash";
+  current.title = !isPassword ? "Display Password" : "Hide Password";
 });
-export default function PasswordBox({ placeholder, value, autofocus, ...a }) {
-    return XNode.create("div", { "data-password-box": "password-box", ...a },
-        XNode.create("input", { placeholder: placeholder, autofocus: autofocus, type: "password", value: value }),
-        XNode.create("i", { class: "fa-solid fa-eye", title: "Display Password", "data-click-event": "togglePassword", "data-password-hint": "password-hint" }));
-}
-//# sourceMappingURL=PasswordBox.js.map
+export default function PasswordBox({
+  placeholder,
+  value,
+  autofocus,
+  ...a
+}) {
+  return XNode.create("div", {
+    "data-password-box": "password-box",
+    ...a
+  }, XNode.create("input", {
+    placeholder: placeholder,
+    autofocus: autofocus,
+    type: "password",
+    value: value
+  }), XNode.create("i", {
+    class: "fa-solid fa-eye",
+    title: "Display Password",
+    "data-click-event": "togglePassword",
+    "data-password-hint": "password-hint"
+  }));
+}