amotify 0.1.31 → 0.1.32

package/dist/fn/Input/Text.js

@@ -1 +1,626 @@
-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};
+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
+};