amotify 0.1.32 → 0.1.34

package/dist/fn/Input/Text.js

@@ -1,626 +1 @@
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "../../chunk-JJ3PEWPN.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import {
-  useState,
-  useEffect
-} from "react";
-import {
-  $$,
-  $$fromRoot,
-  useStore
-} from "../../@utils/_";
-import Box from "../../atoms/Box";
-import FAI from "../../atoms/FAI";
-import Button from "../Button";
-import Tooltips from "../Tooltips";
-import { faEye } from "@fortawesome/free-solid-svg-icons/faEye";
-import {
-  Wrapper,
-  BoxWrapper,
-  SubmitForm,
-  CommonEffects,
-  DefaultStyles
-} from "./core";
-import Parts from "./Parts";
-const ValidateTypes = {
-  number: {
-    reg: /^-?[0-9\.]+$/g,
-    exist: true,
-    reason: "\u534A\u89D2\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"
-  },
-  katakana: {
-    reg: /^[ァ-ヶー 　ｦ-ﾟ　 ]*$/g,
-    exist: true,
-    reason: "\u30AB\u30BF\u30AB\u30CA\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"
-  },
-  ["hankaku.katakana"]: {
-    reg: /^[ｦ-ﾟ　 ]*$/g,
-    exist: true,
-    reason: "\u534A\u89D2\u30AB\u30BF\u30AB\u30CA\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"
-  },
-  digitNumber: {
-    reg: /^-?[0-9\.]+$/g,
-    exist: true,
-    reason: "\u534A\u89D2\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"
-  },
-  fileName: {
-    reg: /[¥\/:*\?\"\'\|\.\s\n\r\<\>]/g,
-    exist: false,
-    reason: "\u7A7A\u767D\u307E\u305F\u306F\u4E00\u90E8\u306E\u7279\u6B8A\u6587\u5B57\u306F\u4F7F\u7528\u3067\u304D\u307E\u305B\u3093"
-  },
-  creditCard: {
-    reg: /^\d{14,16}$/g,
-    exist: true,
-    reason: "14~16\u6841\u306E\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"
-  },
-  email: {
-    reg: /^[A-Za-z0-9]{1}[A-Za-z0-9_.-]*@{1}[A-Za-z0-9_.-]+\.[A-Za-z0-9]+$/,
-    exist: true,
-    reason: /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Box, { children: "\u25CB\u25CB\u25CB\u25CB@\u25CB\u25CB\u25CB\u25CB.\u25CB\u25CB\u25CB\u306E\u5F62\u5F0F\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044" }),
-      /* @__PURE__ */ jsx(Box, { children: "\u6700\u5F8C\u306E\u6587\u5B57\u306B.(\u30C9\u30C3\u30C8)\u3092\u5165\u308C\u308B\u3053\u3068\u306F\u3067\u304D\u307E\u305B\u3093" })
-    ] })
-  },
-  password: {
-    reg: /^(?=[^A-Z]*[A-Z])(?=[^a-z]*[a-z])(?=[^0-9]*[0-9]).{8,}$/,
-    exist: true,
-    reason: "8\u6587\u5B57\u4EE5\u4E0A\u3001\u534A\u89D2\u82F1\u6570\u5927\u5C0F\u6587\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"
-  },
-  tel: {
-    reg: /.*$/g,
-    exist: true,
-    reason: /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Box, { children: "0\u304B\u3089\u59CB\u307E\u308B\u756A\u53F7\u306E\u307F\u5165\u529B\u53EF\u80FD\u3067\u3059" }),
-      /* @__PURE__ */ jsx(Box, { children: "9~12\u6841\u306E\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044" }),
-      /* @__PURE__ */ jsx(Box, { children: "\u6570\u5B57\u306E\u307F\u5165\u529B\u53EF\u80FD\u3067\u3059" })
-    ] })
-    // reg: /^(0|\(?\+\d{1,3}\)?\s)[-0-9]{9,12}$/g,exist: true,
-    // reason: <>
-    //   <Box>0から始まる番号のみ入力可能です</Box>
-    //   <Box>9~12桁の数字で入力してください</Box>
-    //   <Box>数字のみ入力可能です</Box>
-    // </>
-  },
-  url: {
-    reg: /^https?:\/\/[^\n\s]+(\.|\:)[^\n\s\.\:]+$/,
-    exist: true,
-    reason: "URL\u5F62\u5F0F : http(s)://\u25EF\u25EF\u25EF\u25EF"
-  },
-  postal: {
-    reg: /^\d{7}$/g,
-    exist: true,
-    reason: "7\u6841\u306E\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"
-  }
-};
-const DataLeveling = (params) => {
-  let {
-    restrict,
-    value = ""
-  } = params;
-  let dataValue = String(value);
-  let minus = false;
-  if (["tel", "number", "digitNumber", "test", "postal", "creditCard"].includes(restrict)) {
-    dataValue = dataValue.zen2hanNumber();
-  }
-  if (restrict == "katakana") {
-    dataValue = dataValue.replace(/[^ァ-ヶー 　ｦ-ﾟ　 ]/ig, "");
-  }
-  if (restrict == "hankaku.katakana") {
-    dataValue = dataValue.replace(/[^ｦ-ﾟ　 ]/ig, "");
-  }
-  if (["postal", "creditCard"].includes(restrict)) {
-    dataValue = dataValue.removeLetters();
-  }
-  if (["number", "digitNumber"].includes(restrict)) {
-    if (dataValue) {
-      if (dataValue == "-") {
-      } else if (dataValue == "0-") {
-        dataValue = "-";
-      } else {
-        if (dataValue[0] == "-")
-          minus = true;
-        dataValue = dataValue.replace(/[^0-9\.]/ig, "");
-        let Amount = Number(dataValue);
-        if (Amount === 0)
-          minus = false;
-        if (minus)
-          Amount = -1 * Amount;
-        if ($$.is.exist(params.min)) {
-          Amount = Math.max(Amount, Number(params.min));
-        }
-        if ($$.is.exist(params.max)) {
-          Amount = Math.min(Amount, Number(params.max));
-        }
-        dataValue = String(Math.abs(Amount));
-      }
-    }
-  }
-  let formatValue = dataValue;
-  if (restrict == "digitNumber") {
-    if (dataValue && dataValue != "-") {
-      let arrary = [];
-      for (let index = dataValue.length - 1; index >= 0; index--) {
-        arrary.unshift(dataValue[index]);
-        let Index = dataValue.length - 1 - index + 1;
-        if (index != 0 && Index % 3 == 0) {
-          arrary.unshift(",");
-        }
-      }
-      formatValue = arrary.join("");
-    }
-  } else if (restrict == "postal") {
-    if (dataValue.length >= 4) {
-      formatValue = dataValue.clip(0, 3) + "-" + dataValue.clip(3);
-    }
-  } else if (restrict == "creditCard") {
-    formatValue = dataValue.replace(/.{4}(?=.)/g, "$& ");
-  }
-  if (["number", "digitNumber"].includes(restrict)) {
-    if (minus) {
-      dataValue = "-" + dataValue;
-      formatValue = "-" + formatValue;
-    }
-  }
-  return {
-    formatValue,
-    dataValue
-  };
-};
-const setSelection = (props) => {
-  let {
-    id,
-    restrict,
-    val_status
-  } = props;
-  let input = $$fromRoot("#" + id)[0];
-  if (input) {
-    if (val_status.prevValue && val_status.formatValue) {
-      let {
-        formatValue: currentValue,
-        prevValue,
-        caretFrom,
-        caretTo
-      } = val_status;
-      if (restrict == "creditCard") {
-        if (currentValue.length >= prevValue.length) {
-          if (caretFrom % 5 == 0) {
-            caretFrom++;
-            caretTo++;
-          }
-        }
-        input.setSelectionRange(caretFrom, caretTo);
-      } else if (restrict == "postal") {
-        if (currentValue.length == 5 && prevValue.length == 3) {
-          caretFrom++;
-          caretTo++;
-        }
-        input.setSelectionRange(caretFrom, caretTo);
-      } else if (restrict == "digitNumber") {
-        let margin = currentValue.length - prevValue.length;
-        if (margin == 2) {
-          caretFrom++;
-          caretTo++;
-        }
-        if (margin == -2) {
-          caretFrom--;
-          caretTo--;
-        }
-        input.setSelectionRange(caretFrom, caretTo);
-      }
-    }
-  }
-};
-const TextValidate = (value, restrict) => {
-  let response = {
-    ok: true,
-    body: ""
-  };
-  (() => {
-    let kit = ValidateTypes[restrict];
-    if (!kit)
-      return;
-    let reason = kit.reason;
-    if (kit) {
-      let valid = Boolean(Number(!!value.match(kit.reg)) ^ Number(!kit.exist));
-      response = {
-        ok: valid,
-        body: valid ? "" : reason
-      };
-    }
-  })();
-  return response;
-};
-function DefaultValidation(props) {
-  let {
-    value,
-    params
-  } = props;
-  let {
-    restrict = "text",
-    maxLength = 255,
-    required
-  } = params;
-  let notice = [];
-  if ($$.is.exist(maxLength)) {
-    if (value.length >= Number(maxLength)) {
-      notice.push({ type: "invalid", label: maxLength + "\u5B57\u4EE5\u5185\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044" });
-    }
-  }
-  if (value) {
-    let Valid = TextValidate(value, restrict);
-    if (!Valid.ok)
-      notice.push({ type: "invalid", label: Valid.body });
-  } else if (required) {
-    notice.push({ type: "invalid", label: "\u5FC5\u9808\u9805\u76EE\u3067\u3059" });
-  }
-  return {
-    ok: !notice.filter(({ type }) => type == "invalid").length,
-    notice
-  };
-}
-const TextInput = (params) => {
-  let _a = params, {
-    componentID,
-    tone,
-    required,
-    restrict = "text",
-    form,
-    autoComplete = "off",
-    autoCapitalize = "off",
-    enableFormSubmit,
-    clearButton = false,
-    checkValidationAtFirst,
-    onChange,
-    onKeyDown,
-    onValidate,
-    onUpdateValue,
-    onUpdateValidValue,
-    value = "",
-    leftIndicator,
-    rightIndicator,
-    leftIcon,
-    rightIcon,
-    maxLength,
-    min,
-    max
-  } = _a, others = __objRest(_a, [
-    "componentID",
-    "tone",
-    "required",
-    "restrict",
-    "form",
-    "autoComplete",
-    "autoCapitalize",
-    "enableFormSubmit",
-    "clearButton",
-    "checkValidationAtFirst",
-    "onChange",
-    "onKeyDown",
-    "onValidate",
-    "onUpdateValue",
-    "onUpdateValidValue",
-    "value",
-    "leftIndicator",
-    "rightIndicator",
-    "leftIcon",
-    "rightIcon",
-    "maxLength",
-    "min",
-    "max"
-  ]);
-  let inputType = restrict == "password" ? "password" : "text";
-  let inputMode = ["number", "digitNumber", "creditCard"].includes(restrict) ? "numeric" : restrict == "email" ? "email" : "text";
-  let Default_Status = __spreadProps(__spreadValues({
-    componentID
-  }, DataLeveling({
-    min,
-    max,
-    restrict,
-    value
-  })), {
-    prevValue: "",
-    eventType: "init",
-    eventID: $$.uuid.gen(),
-    caretFrom: null,
-    caretTo: null
-  });
-  let [val_isComposing, set_isComposing] = useState(false);
-  let [val_status, set_status] = useState(Default_Status);
-  let [val_validate, set_validate] = useState({
-    ok: false,
-    notice: []
-  });
-  CommonEffects({
-    params,
-    val_status,
-    set_status,
-    val_validate,
-    set_validate,
-    DefaultValidation,
-    onUpdateValue,
-    onUpdateValidValue,
-    ExtraOverrideParams: __spreadValues({}, DataLeveling({
-      min,
-      max,
-      restrict,
-      value
-    }))
-  });
-  useEffect(() => {
-    setSelection({ id: params.id, restrict, val_status });
-  }, [val_status]);
-  return /* @__PURE__ */ jsx(
-    BoxWrapper,
-    {
-      val_status,
-      set_status,
-      val_validate,
-      params,
-      children: /* @__PURE__ */ jsx(
-        "input",
-        __spreadProps(__spreadValues({
-          type: inputType,
-          inputMode,
-          "data-form": form,
-          "data-input-type": "text",
-          "data-validation": val_validate.ok,
-          "data-value": val_status.dataValue,
-          "data-component-id": val_status.componentID,
-          value: val_status.formatValue,
-          autoComplete,
-          autoCapitalize,
-          onKeyDown: (event) => {
-            let { key, target } = event;
-            {
-              let input = target;
-              let { selectionStart, selectionEnd } = input;
-              let caretFrom = Number(selectionStart);
-              let caretTo = Number(selectionEnd);
-              let _v = val_status.formatValue[Number(caretFrom)];
-              let v_ = val_status.formatValue[Number(caretFrom) - 1];
-              if (key == "Delete" && (restrict == "creditCard" && _v == " " || restrict == "postal" && _v == "-" || restrict == "digitNumber" && _v == ",")) {
-                input.setSelectionRange(caretFrom + 1, caretTo + 1);
-                event.preventDefault();
-              }
-              if (key == "Backspace" && (restrict == "creditCard" && v_ == " " || restrict == "postal" && v_ == "-" || restrict == "digitNumber" && v_ == ",")) {
-                input.setSelectionRange(caretFrom - 1, caretTo - 1);
-                event.preventDefault();
-              }
-              if (key == "Enter" || key == "Tab") {
-              }
-            }
-            if (["number", "digitNumber", "creditCard"].includes(restrict)) {
-              if (key == "Clear") {
-                set_status(__spreadProps(__spreadValues({}, val_status), {
-                  dataValue: "",
-                  formatValue: "",
-                  eventType: "update",
-                  eventID: $$.uuid.gen()
-                }));
-              }
-            }
-            if (["number", "digitNumber"].includes(restrict)) {
-              if (["ArrowUp", "ArrowDown"].includes(key)) {
-                let direction = Number(key == "ArrowUp") * 2 - 1;
-                let Value = String(Number(val_status.dataValue) + direction);
-                if (val_validate.ok) {
-                  set_validate({ ok: false, notice: [] });
-                }
-                set_status(__spreadProps(__spreadValues(__spreadValues({}, val_status), DataLeveling({
-                  min,
-                  max,
-                  restrict,
-                  value: Value
-                })), {
-                  eventType: "update",
-                  eventID: $$.uuid.gen()
-                }));
-                event.preventDefault();
-              }
-            }
-            if (onKeyDown)
-              onKeyDown(event);
-            if (enableFormSubmit)
-              SubmitForm(event);
-          },
-          onChange: (event) => {
-            let {
-              value: rawValue,
-              selectionStart,
-              selectionEnd
-            } = event.target;
-            let value2 = DataLeveling({
-              min,
-              max,
-              restrict,
-              value: rawValue
-            });
-            if (val_isComposing)
-              value2.formatValue = rawValue;
-            if (value2.formatValue == val_status.formatValue)
-              return;
-            if (val_validate.ok)
-              set_validate({ ok: false, notice: [] });
-            set_status(__spreadProps(__spreadValues(__spreadValues({}, val_status), value2), {
-              prevValue: val_status.formatValue,
-              eventType: "update",
-              eventID: $$.uuid.gen(),
-              caretFrom: Number(selectionStart),
-              caretTo: Number(selectionEnd)
-            }));
-            if (onChange)
-              onChange(event);
-          }
-        }, others), {
-          onCompositionStart: (event) => {
-            (others == null ? void 0 : others.onCompositionStart) && (others == null ? void 0 : others.onCompositionStart(event));
-            set_isComposing(true);
-          },
-          onCompositionEnd: (event) => {
-            (others == null ? void 0 : others.onCompositionEnd) && (others == null ? void 0 : others.onCompositionEnd(event));
-            if (restrict == "text") {
-              return;
-            }
-            let value2 = DataLeveling({
-              min,
-              max,
-              restrict,
-              value: val_status.formatValue
-            });
-            set_status(__spreadProps(__spreadValues(__spreadValues({}, val_status), value2), {
-              prevValue: val_status.formatValue,
-              eventType: "update",
-              eventID: $$.uuid.gen(),
-              caretFrom: Number(val_status.formatValue.length + 1),
-              caretTo: Number(val_status.formatValue.length + 1)
-            }));
-            set_isComposing(false);
-          }
-        })
-      )
-    }
-  );
-};
-const Text = {
-  Validate: TextValidate,
-  Normal: (rawParams) => {
-    var _a, _b;
-    rawParams = __spreadValues({}, rawParams);
-    if (rawParams.rightIcon)
-      rawParams.paddingRight = (_a = rawParams.paddingRight) != null ? _a : 3;
-    if (rawParams.leftIcon)
-      rawParams.paddingLeft = (_b = rawParams.paddingLeft) != null ? _b : 3;
-    return /* @__PURE__ */ jsx(
-      Wrapper,
-      {
-        componentID: rawParams.componentID,
-        children: TextInput,
-        params: DefaultStyles.Boxish(rawParams)
-      }
-    );
-  },
-  Katakana: (props) => /* @__PURE__ */ jsx(
-    Text.Normal,
-    __spreadValues({
-      restrict: "katakana"
-    }, props)
-  ),
-  HankakuKatakana: (props) => /* @__PURE__ */ jsx(
-    Text.Normal,
-    __spreadValues({
-      restrict: "hankaku.katakana"
-    }, props)
-  ),
-  CreditCard: (props) => /* @__PURE__ */ jsx(
-    Text.Normal,
-    __spreadValues({
-      restrict: "creditCard"
-    }, props)
-  ),
-  Tel: (props) => /* @__PURE__ */ jsx(
-    Text.Normal,
-    __spreadValues({
-      restrict: "tel",
-      placeholder: "xxx-xxxx-xxxx"
-    }, props)
-  ),
-  Number: (props) => /* @__PURE__ */ jsx(Text.Normal, __spreadValues({ restrict: "number" }, props)),
-  DigitNumber: (props) => /* @__PURE__ */ jsx(Text.Normal, __spreadValues({ restrict: "digitNumber" }, props)),
-  Email: (props) => /* @__PURE__ */ jsx(Text.Normal, __spreadValues({ restrict: "email" }, props)),
-  Url: (props) => /* @__PURE__ */ jsx(
-    Text.Normal,
-    __spreadValues({
-      restrict: "url",
-      placeholder: "https://example.com"
-    }, props)
-  ),
-  Postal: (params) => {
-    let [val_postalEventID] = useState($$.uuid.gen());
-    useEffect(() => {
-      return () => {
-        useStore.delete(val_postalEventID);
-      };
-    }, []);
-    return /* @__PURE__ */ jsx(
-      Text.Normal,
-      __spreadValues({
-        restrict: "postal",
-        placeholder: "\u90F5\u4FBF\u756A\u53F7",
-        leftIndicator: /* @__PURE__ */ jsx(Parts.LeftIndicator, { children: "\u3012" })
-      }, params)
-    );
-  },
-  Password: (props) => {
-    return /* @__PURE__ */ jsx(
-      Text.Normal,
-      __spreadValues({
-        restrict: "password",
-        placeholder: "\u30D1\u30B9\u30EF\u30FC\u30C9\u3092\u5165\u529B",
-        rightIndicator: /* @__PURE__ */ jsx(
-          Parts.RightIndicator,
-          {
-            padding: 0,
-            children: /* @__PURE__ */ jsx(
-              Button.Button.Normal.R,
-              {
-                padding: [0, 1],
-                fontColor: "theme",
-                borderRadius: "inherit",
-                backgroundColor: "inherit",
-                height: 1,
-                ssEffectsOnActive: ["expand"],
-                onMouseOver: (event) => {
-                  Tooltips.open({
-                    parent: event.currentTarget,
-                    gravityPoint: 24,
-                    padding: [1, 0],
-                    content: /* @__PURE__ */ jsx(Tooltips.Comps.Body, { children: "\u30D1\u30B9\u30EF\u30FC\u30C9\u3092\u8868\u793A" })
-                  });
-                },
-                tabIndex: -1,
-                onClick: (event) => {
-                  $$(event.target).parent().parent().parent().find("input").callback((input) => {
-                    let Input = input[0];
-                    Input.type = Input.type === "password" ? "text" : "password";
-                  });
-                },
-                children: /* @__PURE__ */ jsx(
-                  FAI,
-                  {
-                    icon: faEye,
-                    freeCSS: {
-                      pointerEvents: "none"
-                    }
-                  }
-                )
-              }
-            )
-          }
-        )
-      }, props)
-    );
-  },
-  Money: {
-    JPY: (props) => /* @__PURE__ */ jsx(
-      Text.DigitNumber,
-      __spreadValues({
-        placeholder: "\u91D1\u984D\u3092\u5165\u529B",
-        rightIndicator: /* @__PURE__ */ jsx(
-          Parts.RightIndicator,
-          {
-            children: "\u5186"
-          }
-        )
-      }, props)
-    )
-  }
-};
-export {
-  Text,
-  TextInput,
-  Text as default
-};
+import{b as o,c as I,d as F}from"../../chunk-VY3566IV.js";import{Fragment as K,jsx as i,jsxs as Z}from"react/jsx-runtime";import{useState as E,useEffect as O}from"react";import{$$ as x,$$fromRoot as Q,useStore as ee}from"../../@utils/_";import C from"../../atoms/Box";import te from"../../atoms/FAI";import ae from"../Button";import w from"../Tooltips";import{faEye as re}from"@fortawesome/free-solid-svg-icons/faEye";import{Wrapper as ie,BoxWrapper as ne,SubmitForm as oe,CommonEffects as le,DefaultStyles as ue}from"./core";import $ from"./Parts";const se={number:{reg:/^-?[0-9\.]+$/g,exist:!0,reason:"\u534A\u89D2\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},katakana:{reg:/^[ァ-ヶー 　ｦ-ﾟ　 ]*$/g,exist:!0,reason:"\u30AB\u30BF\u30AB\u30CA\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},"hankaku.katakana":{reg:/^[ｦ-ﾟ　 ]*$/g,exist:!0,reason:"\u534A\u89D2\u30AB\u30BF\u30AB\u30CA\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},digitNumber:{reg:/^-?[0-9\.]+$/g,exist:!0,reason:"\u534A\u89D2\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},fileName:{reg:/[¥\/:*\?\"\'\|\.\s\n\r\<\>]/g,exist:!1,reason:"\u7A7A\u767D\u307E\u305F\u306F\u4E00\u90E8\u306E\u7279\u6B8A\u6587\u5B57\u306F\u4F7F\u7528\u3067\u304D\u307E\u305B\u3093"},creditCard:{reg:/^\d{14,16}$/g,exist:!0,reason:"14~16\u6841\u306E\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},email:{reg:/^[A-Za-z0-9]{1}[A-Za-z0-9_.-]*@{1}[A-Za-z0-9_.-]+\.[A-Za-z0-9]+$/,exist:!0,reason:Z(K,{children:[i(C,{children:"\u25CB\u25CB\u25CB\u25CB@\u25CB\u25CB\u25CB\u25CB.\u25CB\u25CB\u25CB\u306E\u5F62\u5F0F\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),i(C,{children:"\u6700\u5F8C\u306E\u6587\u5B57\u306B.(\u30C9\u30C3\u30C8)\u3092\u5165\u308C\u308B\u3053\u3068\u306F\u3067\u304D\u307E\u305B\u3093"})]})},password:{reg:/^(?=[^A-Z]*[A-Z])(?=[^a-z]*[a-z])(?=[^0-9]*[0-9]).{8,}$/,exist:!0,reason:"8\u6587\u5B57\u4EE5\u4E0A\u3001\u534A\u89D2\u82F1\u6570\u5927\u5C0F\u6587\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},tel:{reg:/.*$/g,exist:!0,reason:Z(K,{children:[i(C,{children:"0\u304B\u3089\u59CB\u307E\u308B\u756A\u53F7\u306E\u307F\u5165\u529B\u53EF\u80FD\u3067\u3059"}),i(C,{children:"9~12\u6841\u306E\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),i(C,{children:"\u6570\u5B57\u306E\u307F\u5165\u529B\u53EF\u80FD\u3067\u3059"})]})},url:{reg:/^https?:\/\/[^\n\s]+(\.|\:)[^\n\s\.\:]+$/,exist:!0,reason:"URL\u5F62\u5F0F : http(s)://\u25EF\u25EF\u25EF\u25EF"},postal:{reg:/^\d{7}$/g,exist:!0,reason:"7\u6841\u306E\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}},V=e=>{let{restrict:r,value:p=""}=e,t=String(p),a=!1;if(["tel","number","digitNumber","test","postal","creditCard"].includes(r)&&(t=t.zen2hanNumber()),r=="katakana"&&(t=t.replace(/[^ァ-ヶー 　ｦ-ﾟ　 ]/ig,"")),r=="hankaku.katakana"&&(t=t.replace(/[^ｦ-ﾟ　 ]/ig,"")),["postal","creditCard"].includes(r)&&(t=t.removeLetters()),["number","digitNumber"].includes(r)&&t&&t!="-")if(t=="0-")t="-";else{t[0]=="-"&&(a=!0),t=t.replace(/[^0-9\.]/ig,"");let n=Number(t);n===0&&(a=!1),a&&(n=-1*n),x.is.exist(e.min)&&(n=Math.max(n,Number(e.min))),x.is.exist(e.max)&&(n=Math.min(n,Number(e.max))),t=String(Math.abs(n))}let s=t;if(r=="digitNumber"){if(t&&t!="-"){let n=[];for(let l=t.length-1;l>=0;l--){n.unshift(t[l]);let g=t.length-1-l+1;l!=0&&g%3==0&&n.unshift(",")}s=n.join("")}}else r=="postal"?t.length>=4&&(s=t.clip(0,3)+"-"+t.clip(3)):r=="creditCard"&&(s=t.replace(/.{4}(?=.)/g,"$& "));return["number","digitNumber"].includes(r)&&a&&(t="-"+t,s="-"+s),{formatValue:s,dataValue:t}},pe=e=>{let{id:r,restrict:p,val_status:t}=e,a=Q("#"+r)[0];if(a&&t.prevValue&&t.formatValue){let{formatValue:s,prevValue:n,caretFrom:l,caretTo:g}=t;if(p=="creditCard")s.length>=n.length&&l%5==0&&(l++,g++),a.setSelectionRange(l,g);else if(p=="postal")s.length==5&&n.length==3&&(l++,g++),a.setSelectionRange(l,g);else if(p=="digitNumber"){let S=s.length-n.length;S==2&&(l++,g++),S==-2&&(l--,g--),a.setSelectionRange(l,g)}}},U=(e,r)=>{let p={ok:!0,body:""};return(()=>{let t=se[r];if(!t)return;let a=t.reason;if(t){let s=!!(+!!e.match(t.reg)^+!t.exist);p={ok:s,body:s?"":a}}})(),p};function me(e){let{value:r,params:p}=e,{restrict:t="text",maxLength:a=255,required:s}=p,n=[];if(x.is.exist(a)&&r.length>=Number(a)&&n.push({type:"invalid",label:a+"\u5B57\u4EE5\u5185\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),r){let l=U(r,t);l.ok||n.push({type:"invalid",label:l.body})}else s&&n.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"});return{ok:!n.filter(({type:l})=>l=="invalid").length,notice:n}}const de=e=>{let X=e,{componentID:r,tone:p,required:t,restrict:a="text",form:s,autoComplete:n="off",autoCapitalize:l="off",enableFormSubmit:g,clearButton:S=!1,checkValidationAtFirst:ce,onChange:A,onKeyDown:J,onValidate:fe,onUpdateValue:H,onUpdateValidValue:W,value:M="",leftIndicator:ge,rightIndicator:xe,leftIcon:be,rightIcon:he,maxLength:Ie,min:N,max:k}=X,m=F(X,["componentID","tone","required","restrict","form","autoComplete","autoCapitalize","enableFormSubmit","clearButton","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","leftIndicator","rightIndicator","leftIcon","rightIcon","maxLength","min","max"]),q=a=="password"?"password":"text",Y=["number","digitNumber","creditCard"].includes(a)?"numeric":a=="email"?"email":"text",P=I(o({componentID:r},V({min:N,max:k,restrict:a,value:M})),{prevValue:"",eventType:"init",eventID:x.uuid.gen(),caretFrom:null,caretTo:null}),[j,L]=E(!1),[u,v]=E(P),[y,R]=E({ok:!1,notice:[]});return le({params:e,val_status:u,set_status:v,val_validate:y,set_validate:R,DefaultValidation:me,onUpdateValue:H,onUpdateValidValue:W,ExtraOverrideParams:o({},V({min:N,max:k,restrict:a,value:M}))}),O(()=>{pe({id:e.id,restrict:a,val_status:u})},[u]),i(ne,{val_status:u,set_status:v,val_validate:y,params:e,children:i("input",I(o({type:q,inputMode:Y,"data-form":s,"data-input-type":"text","data-validation":y.ok,"data-value":u.dataValue,"data-component-id":u.componentID,value:u.formatValue,autoComplete:n,autoCapitalize:l,onKeyDown:d=>{let{key:f,target:D}=d;{let b=D,{selectionStart:h,selectionEnd:G}=b,T=Number(h),z=Number(G),B=u.formatValue[Number(T)],_=u.formatValue[Number(T)-1];f=="Delete"&&(a=="creditCard"&&B==" "||a=="postal"&&B=="-"||a=="digitNumber"&&B==",")&&(b.setSelectionRange(T+1,z+1),d.preventDefault()),f=="Backspace"&&(a=="creditCard"&&_==" "||a=="postal"&&_=="-"||a=="digitNumber"&&_==",")&&(b.setSelectionRange(T-1,z-1),d.preventDefault()),f=="Enter"||f=="Tab"}if(["number","digitNumber","creditCard"].includes(a)&&f=="Clear"&&v(I(o({},u),{dataValue:"",formatValue:"",eventType:"update",eventID:x.uuid.gen()})),["number","digitNumber"].includes(a)&&["ArrowUp","ArrowDown"].includes(f)){let b=+(f=="ArrowUp")*2-1,h=String(Number(u.dataValue)+b);y.ok&&R({ok:!1,notice:[]}),v(I(o(o({},u),V({min:N,max:k,restrict:a,value:h})),{eventType:"update",eventID:x.uuid.gen()})),d.preventDefault()}J&&J(d),g&&oe(d)},onChange:d=>{let{value:f,selectionStart:D,selectionEnd:b}=d.target,h=V({min:N,max:k,restrict:a,value:f});j&&(h.formatValue=f),h.formatValue!=u.formatValue&&(y.ok&&R({ok:!1,notice:[]}),v(I(o(o({},u),h),{prevValue:u.formatValue,eventType:"update",eventID:x.uuid.gen(),caretFrom:Number(D),caretTo:Number(b)})),A&&A(d))}},m),{onCompositionStart:d=>{m!=null&&m.onCompositionStart&&(m==null||m.onCompositionStart(d)),L(!0)},onCompositionEnd:d=>{if(m!=null&&m.onCompositionEnd&&(m==null||m.onCompositionEnd(d)),a=="text")return;let f=V({min:N,max:k,restrict:a,value:u.formatValue});v(I(o(o({},u),f),{prevValue:u.formatValue,eventType:"update",eventID:x.uuid.gen(),caretFrom:Number(u.formatValue.length+1),caretTo:Number(u.formatValue.length+1)})),L(!1)}}))})},c={Validate:U,Normal:e=>{var r,p;return e=o({},e),e.rightIcon&&(e.paddingRight=(r=e.paddingRight)!=null?r:3),e.leftIcon&&(e.paddingLeft=(p=e.paddingLeft)!=null?p:3),i(ie,{componentID:e.componentID,children:de,params:ue.Boxish(e)})},Katakana:e=>i(c.Normal,o({restrict:"katakana"},e)),HankakuKatakana:e=>i(c.Normal,o({restrict:"hankaku.katakana"},e)),CreditCard:e=>i(c.Normal,o({restrict:"creditCard"},e)),Tel:e=>i(c.Normal,o({restrict:"tel",placeholder:"xxx-xxxx-xxxx"},e)),Number:e=>i(c.Normal,o({restrict:"number"},e)),DigitNumber:e=>i(c.Normal,o({restrict:"digitNumber"},e)),Email:e=>i(c.Normal,o({restrict:"email"},e)),Url:e=>i(c.Normal,o({restrict:"url",placeholder:"https://example.com"},e)),Postal:e=>{let[r]=E(x.uuid.gen());return O(()=>()=>{ee.delete(r)},[]),i(c.Normal,o({restrict:"postal",placeholder:"\u90F5\u4FBF\u756A\u53F7",leftIndicator:i($.LeftIndicator,{children:"\u3012"})},e))},Password:e=>i(c.Normal,o({restrict:"password",placeholder:"\u30D1\u30B9\u30EF\u30FC\u30C9\u3092\u5165\u529B",rightIndicator:i($.RightIndicator,{padding:0,children:i(ae.Button.Normal.R,{padding:[0,1],fontColor:"theme",borderRadius:"inherit",backgroundColor:"inherit",height:1,ssEffectsOnActive:["expand"],onMouseOver:r=>{w.open({parent:r.currentTarget,gravityPoint:24,padding:[1,0],content:i(w.Comps.Body,{children:"\u30D1\u30B9\u30EF\u30FC\u30C9\u3092\u8868\u793A"})})},tabIndex:-1,onClick:r=>{x(r.target).parent().parent().parent().find("input").callback(p=>{let t=p[0];t.type=t.type==="password"?"text":"password"})},children:i(te,{icon:re,freeCSS:{pointerEvents:"none"}})})})},e)),Money:{JPY:e=>i(c.DigitNumber,o({placeholder:"\u91D1\u984D\u3092\u5165\u529B",rightIndicator:i($.RightIndicator,{children:"\u5186"})},e))}};export{c as Text,de as TextInput,c as default};