amotify 0.2.74 → 0.2.76

package/dist/fn/Input/TextField.js

@@ -1,3 +1,3 @@
-import{b as l,c as s,d as O,e as te}from"../../chunk-C5N2D3ZX.js";import{Fragment as ne,jsx as o,jsxs as z}from"react/jsx-runtime";import{useState as H,useEffect as q}from"react";import x from"@mingoo/jsmin";import{$$fromRoot as be,useStore as Ie,ExtractStyles as ve}from"../../@utils";import{Box as V,FAI as Se}from"../../atoms";import{Text as J}from"../../mols";import{Tips as ae,Button as Te}from"..";import{faEye as Ce}from"@fortawesome/free-solid-svg-icons/faEye";import{OptionalInputWrapper as Re,BoxWrapper as ye,CoreEffects as L,DefaultBoxishStyles as we}from"./core";import{InputLabel as Ve}from"./Label";import{LeftIcon as De,RightIcon as ie}from".";const ke={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(ne,{children:[o(V,{children:"\u25CB\u25CB\u25CB\u25CB@\u25CB\u25CB\u25CB\u25CB.\u25CB\u25CB\u25CB\u306E\u5F62\u5F0F\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),o(V,{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(ne,{children:[o(V,{children:"0\u304B\u3089\u59CB\u307E\u308B\u756A\u53F7\u306E\u307F\u5165\u529B\u53EF\u80FD\u3067\u3059"}),o(V,{children:"9~12\u6841\u306E\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),o(V,{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"}},D={setSelection:e=>{let{id:a,restrict:r,val_status:t}=e,n=be("#"+a)[0];if(n&&t.prevValue&&t.formatValue){let{formatValue:u,prevValue:c,caretFrom:i,caretTo:m}=t;if(r=="creditCard")u.length>=c.length&&i%5==0&&(i++,m++),n.setSelectionRange(i,m);else if(r=="postal")u.length==5&&c.length==3&&(i++,m++),n.setSelectionRange(i,m);else if(r=="digitNumber"){let b=u.length-c.length;b==2&&(i++,m++),b==-2&&(i--,m--),n.setSelectionRange(i,m)}}},Validation:{System:e=>{let{value:a,states:r}=e,{restrict:t="text",maxLength:n,multiline:u,required:c}=r,i=[];if(u||(n=n||255),x.is.exist(n)&&a.length>=Number(n)&&i.push({type:"invalid",label:n+"\u5B57\u4EE5\u5185\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),a){let m=D.Validation.Text(a,t);m.ok||i.push({type:"invalid",label:m.body})}else c&&i.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"});return{ok:!i.filter(({type:m})=>m=="invalid").length,notice:i}},Text:(e,a)=>{let r={ok:!0,body:""};return(()=>{let t=ke[a];if(!t)return;let n=t.reason;if(t){let u=!!(+!!e.match(t.reg)^+!t.exist);r={ok:u,body:u?"":n}}})(),r},DataLeveling:e=>{let{restrict:a,value:r=""}=e,t=String(r),n=!1;if(["tel","number","digitNumber","test","postal","creditCard"].includes(a)&&(t=t.zen2hanNumber()),a=="katakana"&&(t=t.replace(/[^ァ-ヶー 　ｦ-ﾟ　 ]/ig,"")),a=="hankaku.katakana"&&(t=t.replace(/[^ｦ-ﾟ　 ]/ig,"")),["postal","creditCard"].includes(a)&&(t=t.removeLetters()),["number","number.zeroStart","digitNumber"].includes(a)){let c=t[0]=="0";if(t){if(t!="-")if(t=="0-")t="-";else{t[0]=="-"&&(n=!0),t=t.replace(/[^0-9\.]/ig,"");let i=Number(t);i===0&&(n=!1),n&&(i=-1*i),x.is.exist(e.min)&&(i=Math.max(i,Number(e.min))),x.is.exist(e.max)&&(i=Math.min(i,Number(e.max))),t=String(Math.abs(i))}c&&t!="0"&&a=="number.zeroStart"&&(t="0"+t)}}let u=t;if(a=="digitNumber"){if(t&&t!="-"){let c=[];for(let i=t.length-1;i>=0;i--){c.unshift(t[i]);let m=t.length-1-i+1;i!=0&&m%3==0&&c.unshift(",")}u=c.join("")}}else a=="postal"?t.length>=4&&(u=t.clip(0,3)+"-"+t.clip(3)):a=="creditCard"&&(u=t.replace(/.{4}(?=.)/g,"$& "));return["number","digitNumber"].includes(a)&&n&&(t="-"+t,u="-"+u),{formatValue:u,dataValue:t}}}},Y={Shallow:e=>{let{rootStates:a,val_status:r}=e,t=r.dataValue||"";q(()=>{x.scope(()=>te(void 0,null,function*(){if(!a.multiline)return;let b=x('[data-input-origin="'+r.componentID+'"]'),I=x('[data-input-shallow="'+r.componentID+'"]'),k=x('[data-input-min-height-value-shallow="'+r.componentID+'"]'),C=x('[data-input-max-height-value-shallow="'+r.componentID+'"]');if(!b[0]||!I[0]||!k[0]||!C[0])return;let d=I.position(),R=k.position(),M=C.position(),y=0;a.autoHeight&&(y=d.height),y=Math.max(y,R.height),y=Math.min(y,M.height),b[0].style.height=y+"px"}))},[t]);let n=t||"";(!!t.match(/\n$/)||!t)&&(n+="T");let c="",i="";if(a.multiline){let b=a.minRows||1,I=a.maxRows||100;c=`
-T`.repeat(b-1),i=`
-T`.repeat(I-1)}let m=ve(a);return z(V,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:[o(J.Description,s(l({className:a.className},m),{position:"absolute",width:1,freeCSS:s(l({},m.freeCSS),{color:"orange"}),"data-input-shallow":r.componentID,children:o(V,{"data-input-value-shallow":r.componentID,children:n})})),o(J.Description,s(l({className:a.className},m),{position:"absolute",left:0,freeCSS:s(l({},m.freeCSS),{backgroundColor:"transparent",color:"blue"}),"data-input-min-height-value-shallow":r.componentID,children:c})),o(J.Description,s(l({className:a.className},m),{position:"absolute",right:0,freeCSS:s(l({},m.freeCSS),{backgroundColor:"transparent",color:"red"}),"data-input-max-height-value-shallow":r.componentID,children:i}))]})},InputBox:e=>{let{rootStates:a,val_validate:r,set_validate:t,val_status:n,set_status:u,val_focus:c,set_focus:i,val_isComposing:m,set_isComposing:b}=e;if(a.multiline)return null;let Q=a,{componentID:I,tone:k,required:C,restrict:d="text",form:R,autoComplete:M="off",autoCapitalize:y="off",minRows:le,maxRows:oe,multiline:G,autoHeight:re,enableFormSubmit:$,clearButton:P=!1,checkValidationAtFirst:A,onChange:U,onKeyDown:K,onValidate:se,onUpdateValue:ue,onUpdateValidValue:me,value:pe="",leftIndicator:ce,rightIndicator:de,leftIcon:fe,rightIcon:h,maxLength:ge,min:_,max:v,label:X,isLabelActive:j,wrapStyles:Ne}=Q,p=O(Q,["componentID","tone","required","restrict","form","autoComplete","autoCapitalize","minRows","maxRows","multiline","autoHeight","enableFormSubmit","clearButton","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","leftIndicator","rightIndicator","leftIcon","rightIcon","maxLength","min","max","label","isLabelActive","wrapStyles"]),xe=d=="password"||d=="concealed"?"password":"text",he=["number","digitNumber","creditCard"].includes(d)?"numeric":d=="email"?"email":"text";return o(V,s(l({htmlTag:"input",type:xe,inputMode:he,"data-disabled":a.disabled,"data-show-validation":L.isShowValidation(r,n,!!A),"data-component-id":n.componentID,"data-input-origin":n.componentID,value:n.formatValue,autoComplete:M,autoCapitalize:y,onKeyDown:f=>{let{key:S,target:F}=f;{let w=F,{selectionStart:N,selectionEnd:E}=w,B=Number(N),ee=Number(E),W=n.formatValue[Number(B)],Z=n.formatValue[Number(B)-1];S=="Delete"&&(d=="creditCard"&&W==" "||d=="postal"&&W=="-"||d=="digitNumber"&&W==",")&&(w.setSelectionRange(B+1,ee+1),f.preventDefault()),S=="Backspace"&&(d=="creditCard"&&Z==" "||d=="postal"&&Z=="-"||d=="digitNumber"&&Z==",")&&(w.setSelectionRange(B-1,ee-1),f.preventDefault()),S=="Enter"||S=="Tab"}if(["number","digitNumber","creditCard"].includes(d)&&S=="Clear"&&u(w=>s(l({},w),{dataValue:"",formatValue:"",eventType:"update",eventID:x.uuid.gen()})),["number","digitNumber"].includes(d)&&["ArrowUp","ArrowDown"].includes(S)){let w=+(S=="ArrowUp")*2-1,N=String(Number(n.dataValue)+w);r.ok&&t({ok:!1,notice:[]}),u(E=>s(l(l({},E),D.Validation.DataLeveling({min:_,max:v,restrict:d,value:N})),{eventType:"update",eventID:x.uuid.gen()})),f.preventDefault()}K&&K(f),$&&L.SubmitForm(f,R)},onChange:f=>{let{value:S,selectionStart:F,selectionEnd:w}=f.target,N=D.Validation.DataLeveling({min:_,max:v,restrict:d,value:S});m&&(N.formatValue=S),N.formatValue!=n.formatValue&&(r.ok&&t({ok:!1,notice:[]}),u(E=>s(l(l({},E),N),{prevValue:n.formatValue,eventType:"update",eventID:x.uuid.gen(),caretFrom:Number(F),caretTo:Number(w)})),U&&U(f))},width:1},p),{onFocus:f=>{p!=null&&p.onFocus&&(p==null||p.onFocus(f)),i(!0)},onBlur:f=>{p!=null&&p.onBlur&&(p==null||p.onBlur(f)),i(!1)},onCompositionStart:f=>{p!=null&&p.onCompositionStart&&(p==null||p.onCompositionStart(f)),b(!0)},onCompositionEnd:f=>{if(p!=null&&p.onCompositionEnd&&(p==null||p.onCompositionEnd(f)),d=="text")return;let S=D.Validation.DataLeveling({min:_,max:v,restrict:d,value:n.formatValue});u(F=>s(l(l({},F),S),{prevValue:F.formatValue,eventType:"update",eventID:x.uuid.gen(),caretFrom:Number(F.formatValue.length+1),caretTo:Number(F.formatValue.length+1)})),b(!1)}}))},TextAreaBox:e=>{let{rootStates:a,val_focus:r,set_focus:t,val_validate:n,set_validate:u,val_status:c,set_status:i,isShallow:m}=e,_=a,{componentID:b,tone:I,required:k,form:C,label:d,isLabelActive:R,minRows:M,maxRows:y,multiline:le,autoHeight:oe,enableFormSubmit:G,maxLength:re,checkValidationAtFirst:$,onChange:P,onKeyDown:A,onValidate:U,onUpdateValue:K,onUpdateValidValue:se,value:ue="",leftIndicator:me,rightIndicator:pe,leftIcon:ce,rightIcon:de,wrapStyles:fe}=_,h=O(_,["componentID","tone","required","form","label","isLabelActive","minRows","maxRows","multiline","autoHeight","enableFormSubmit","maxLength","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","leftIndicator","rightIndicator","leftIcon","rightIcon","wrapStyles"]);return!a.multiline?null:o(V,s(l({htmlTag:"textarea","data-show-validation":L.isShowValidation(n,c,!!$),"data-input-origin":c.componentID,"data-component-id":c.componentID,value:c.dataValue,width:1},h),{onFocus:v=>{h!=null&&h.onFocus&&(h==null||h.onFocus(v)),t(!0)},onBlur:v=>{h!=null&&h.onBlur&&(h==null||h.onBlur(v)),t(!1)},onKeyDown:v=>{A&&A(v),G&&L.SubmitForm(v,C)},onChange:v=>{let{value:X}=v.target;n.ok&&u({ok:!1,notice:[]}),i(j=>s(l({},j),{dataValue:X,eventType:"update",eventID:x.uuid.gen()})),P&&P(v)}}))}},Fe=e=>{let{componentID:a,restrict:r="text",value:t="",min:n,max:u}=e,[c,i]=H(!1),[m,b]=H(!1),[I,k]=H(s(l({componentID:a},D.Validation.DataLeveling({min:n,max:u,restrict:r,value:t})),{prevValue:"",eventType:"init",eventID:x.uuid.gen(),caretFrom:null,caretTo:null})),[C,d]=H({ok:!1,notice:[]}),R={rootStates:e,val_focus:c,set_focus:i,val_isComposing:m,set_isComposing:b,val_status:I,set_status:k,val_validate:C,set_validate:d};return L.CommonEffects({type:"textfield",states:e,val_status:I,set_status:k,val_validate:C,set_validate:d,SystemValidation:D.Validation.System,ExtraOverrideStates:l({},D.Validation.DataLeveling({min:n,max:u,restrict:r,value:t}))}),q(()=>{D.setSelection({id:e.id,restrict:r,val_status:I})},[I]),z(ye,{val_status:I,set_status:k,val_validate:C,states:R.rootStates,children:[o(Ve,{componentID:e.componentID,fontSize:e.fontSize,required:e.required,label:e.label,isActive:e.isLabelActive||c||!!I.dataValue}),o(Y.Shallow,l({},R)),o(Y.InputBox,l({},R)),o(Y.TextAreaBox,l({},R))]})},T=e=>(e=l({autoHeight:!0,restrict:"text",fontSize:"2.normal"},e),e.multiline?(e.minRows=e.minRows||5,e.maxRows=e.maxRows||20):(e.minRows=1,e.maxRows=1),o(Re,{componentID:e.componentID,children:Fe,states:we(e)})),g=T;g.Validate=D.Validation.Text,g.Katakana=e=>o(T,s(l({},e),{restrict:"katakana",multiline:!1,autoHeight:!1})),g.HankakuKatakana=e=>o(T,s(l({},e),{restrict:"hankaku.katakana",multiline:!1,autoHeight:!1})),g.CreditCard=e=>o(T,s(l({},e),{restrict:"creditCard",multiline:!1,autoHeight:!1})),g.Tel=e=>o(T,s(l({},e),{restrict:"tel",multiline:!1,autoHeight:!1})),g.Number=e=>o(T,s(l({},e),{restrict:"number",multiline:!1,autoHeight:!1})),g.DigitNumber=e=>o(T,s(l({},e),{restrict:"digitNumber",multiline:!1,autoHeight:!1})),g.Email=e=>o(T,s(l({},e),{restrict:"email",multiline:!1,autoHeight:!1})),g.Url=e=>o(T,s(l({},e),{restrict:"url",multiline:!1,autoHeight:!1})),g.Postal=e=>{let[a]=H(x.uuid.gen());return q(()=>()=>{Ie.delete(a)},[]),o(T,s(l({label:"\u90F5\u4FBF\u756A\u53F7"},e),{restrict:"postal",multiline:!1,autoHeight:!1,leftIcon:o(De,{ssSphere:2,fontColor:"4.thin",children:"\u3012"})}))},g.Password=e=>o(T,s(l({label:"\u30D1\u30B9\u30EF\u30FC\u30C9",rightIcon:o(ie,{ssSphere:2,padding:0,freeCSS:{pointerEvents:"all"},children:o(Te.Sub,{ssSphere:2,borderRadius:"3.tone.tertiary",fontColor:"theme",flexCenter:!0,height:1,ssEffectsOnActive:["expand"],onMouseOver:a=>{ae.open(a.currentTarget,"\u30C6\u30AD\u30B9\u30C8\u3092\u8868\u793A",24)},onMouseLeave:ae.abort,tabIndex:-1,onClick:a=>{x(a.target).parent().parent().find("input").callback(r=>{let t=r[0];t.type=t.type==="password"?"text":"password"})},children:o(Se,{icon:Ce})})}),restrict:"password"},e),{multiline:!1,autoHeight:!1})),g.Concealed=e=>o(g.Password,s(l({label:"\u79D8\u5BC6\u9375"},e),{restrict:"concealed"})),g.Money={JPY:e=>o(g.DigitNumber,s(l({rightIcon:o(ie,{ssSphere:2,fontColor:"4.thin",children:"\u5186"})},e),{multiline:!1,autoHeight:!1}))};export{g as TextField,Fe as TextInput,g as default};
+import{b as l,c as s,d as q,e as ae}from"../../chunk-C5N2D3ZX.js";import{Fragment as le,jsx as o,jsxs as $}from"react/jsx-runtime";import w,{UUID as _}from"@mingoo/jsmin";import{useState as L,useEffect as J}from"react";import{$$fromRoot as Ie,useStore as ve,ExtractStyles as Se}from"../../@utils";import{Box as V,FAI as Te}from"../../atoms";import{Text as Y}from"../../mols";import{Tips as ie,Button as Ce}from"..";import{faEye as Re}from"@fortawesome/free-solid-svg-icons/faEye";import{OptionalInputWrapper as ye,BoxWrapper as we,CoreEffects as M,DefaultBoxishStyles as Ve}from"./core";import{InputLabel as De}from"./Label";import{LeftIcon as ke,RightIcon as ne}from".";const Fe={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:$(le,{children:[o(V,{children:"\u25CB\u25CB\u25CB\u25CB@\u25CB\u25CB\u25CB\u25CB.\u25CB\u25CB\u25CB\u306E\u5F62\u5F0F\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),o(V,{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:$(le,{children:[o(V,{children:"0\u304B\u3089\u59CB\u307E\u308B\u756A\u53F7\u306E\u307F\u5165\u529B\u53EF\u80FD\u3067\u3059"}),o(V,{children:"9~12\u6841\u306E\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),o(V,{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"}},D={setSelection:e=>{let{id:a,restrict:r,val_status:t}=e,n=Ie("#"+a)[0];if(n&&t.prevValue&&t.formatValue){let{formatValue:u,prevValue:c,caretFrom:i,caretTo:m}=t;if(r=="creditCard")u.length>=c.length&&i%5==0&&(i++,m++),n.setSelectionRange(i,m);else if(r=="postal")u.length==5&&c.length==3&&(i++,m++),n.setSelectionRange(i,m);else if(r=="digitNumber"){let h=u.length-c.length;h==2&&(i++,m++),h==-2&&(i--,m--),n.setSelectionRange(i,m)}}},Validation:{System:e=>{let{value:a,states:r}=e,{restrict:t="text",maxLength:n,multiline:u,required:c}=r,i=[];if(u||(n=n||255),w.is.exist(n)&&a.length>=Number(n)&&i.push({type:"invalid",label:n+"\u5B57\u4EE5\u5185\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),a){let m=D.Validation.Text(a,t);m.ok||i.push({type:"invalid",label:m.body})}else c&&i.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"});return{ok:!i.filter(({type:m})=>m=="invalid").length,notice:i}},Text:(e,a)=>{let r={ok:!0,body:""};return(()=>{let t=Fe[a];if(!t)return;let n=t.reason;if(t){let u=!!(+!!e.match(t.reg)^+!t.exist);r={ok:u,body:u?"":n}}})(),r},DataLeveling:e=>{let{restrict:a,value:r=""}=e,t=String(r),n=!1;if(["tel","number","digitNumber","test","postal","creditCard"].includes(a)&&(t=t.zen2hanNumber()),a=="katakana"&&(t=t.replace(/[^ァ-ヶー 　ｦ-ﾟ　 ]/ig,"")),a=="hankaku.katakana"&&(t=t.replace(/[^ｦ-ﾟ　 ]/ig,"")),["postal","creditCard"].includes(a)&&(t=t.removeLetters()),["number","number.zeroStart","digitNumber"].includes(a)){let c=t[0]=="0";if(t){if(t!="-")if(t=="0-")t="-";else{t[0]=="-"&&(n=!0),t=t.replace(/[^0-9\.]/ig,"");let i=Number(t);i===0&&(n=!1),n&&(i=-1*i),w.is.exist(e.min)&&(i=Math.max(i,Number(e.min))),w.is.exist(e.max)&&(i=Math.min(i,Number(e.max))),t=String(Math.abs(i))}c&&t!="0"&&a=="number.zeroStart"&&(t="0"+t)}}let u=t;if(a=="digitNumber"){if(t&&t!="-"){let c=[];for(let i=t.length-1;i>=0;i--){c.unshift(t[i]);let m=t.length-1-i+1;i!=0&&m%3==0&&c.unshift(",")}u=c.join("")}}else a=="postal"?t.length>=4&&(u=t.clip(0,3)+"-"+t.clip(3)):a=="creditCard"&&(u=t.replace(/.{4}(?=.)/g,"$& "));return["number","digitNumber"].includes(a)&&n&&(t="-"+t,u="-"+u),{formatValue:u,dataValue:t}}}},G={Shallow:e=>{let{rootStates:a,val_status:r}=e,t=r.dataValue||"";J(()=>{w.scope(()=>ae(void 0,null,function*(){if(!a.multiline)return;let h=w('[data-input-origin="'+r.componentID+'"]'),b=w('[data-input-shallow="'+r.componentID+'"]'),k=w('[data-input-min-height-value-shallow="'+r.componentID+'"]'),T=w('[data-input-max-height-value-shallow="'+r.componentID+'"]');if(!h[0]||!b[0]||!k[0]||!T[0])return;let d=b.position(),C=k.position(),A=T.position(),R=0;a.autoHeight&&(R=d.height),R=Math.max(R,C.height),R=Math.min(R,A.height),h[0].style.height=R+"px"}))},[t]);let n=t||"";(!!t.match(/\n$/)||!t)&&(n+="T");let c="",i="";if(a.multiline){let h=a.minRows||1,b=a.maxRows||100;c=`
+T`.repeat(h-1),i=`
+T`.repeat(b-1)}let m=Se(a);return $(V,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:[o(Y.Description,s(l({className:a.className},m),{position:"absolute",width:1,freeCSS:s(l({},m.freeCSS),{color:"orange"}),"data-input-shallow":r.componentID,children:o(V,{"data-input-value-shallow":r.componentID,children:n})})),o(Y.Description,s(l({className:a.className},m),{position:"absolute",left:0,freeCSS:s(l({},m.freeCSS),{backgroundColor:"transparent",color:"blue"}),"data-input-min-height-value-shallow":r.componentID,children:c})),o(Y.Description,s(l({className:a.className},m),{position:"absolute",right:0,freeCSS:s(l({},m.freeCSS),{backgroundColor:"transparent",color:"red"}),"data-input-max-height-value-shallow":r.componentID,children:i}))]})},InputBox:e=>{let{rootStates:a,val_validate:r,set_validate:t,val_status:n,set_status:u,val_focus:c,set_focus:i,val_isComposing:m,set_isComposing:h}=e;if(a.multiline)return null;let ee=a,{componentID:b,tone:k,required:T,restrict:d="text",form:C,autoComplete:A="off",autoCapitalize:R="off",minRows:oe,maxRows:re,multiline:X,autoHeight:se,enableFormSubmit:U,clearButton:P=!1,checkValidationAtFirst:B,onChange:K,onKeyDown:W,onValidate:ue,onUpdateValue:me,onUpdateValidValue:pe,value:ce="",leftIndicator:de,rightIndicator:fe,leftIcon:ge,rightIcon:x,maxLength:xe,min:E,max:I,label:j,isLabelActive:Q,wrapStyles:_e}=ee,p=q(ee,["componentID","tone","required","restrict","form","autoComplete","autoCapitalize","minRows","maxRows","multiline","autoHeight","enableFormSubmit","clearButton","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","leftIndicator","rightIndicator","leftIcon","rightIcon","maxLength","min","max","label","isLabelActive","wrapStyles"]),he=d=="password"||d=="concealed"?"password":"text",be=["number","digitNumber","creditCard"].includes(d)?"numeric":d=="email"?"email":"text";return o(V,s(l({htmlTag:"input",type:he,inputMode:be,"data-disabled":a.disabled,"data-show-validation":M.isShowValidation(r,n,!!B),"data-component-id":n.componentID,"data-input-origin":n.componentID,value:n.formatValue,autoComplete:A,autoCapitalize:R,onKeyDown:f=>{let{key:v,target:F}=f;{let y=F,{selectionStart:N,selectionEnd:H}=y,z=Number(N),te=Number(H),Z=n.formatValue[Number(z)],O=n.formatValue[Number(z)-1];v=="Delete"&&(d=="creditCard"&&Z==" "||d=="postal"&&Z=="-"||d=="digitNumber"&&Z==",")&&(y.setSelectionRange(z+1,te+1),f.preventDefault()),v=="Backspace"&&(d=="creditCard"&&O==" "||d=="postal"&&O=="-"||d=="digitNumber"&&O==",")&&(y.setSelectionRange(z-1,te-1),f.preventDefault()),v=="Enter"||v=="Tab"}if(["number","digitNumber","creditCard"].includes(d)&&v=="Clear"&&u(y=>s(l({},y),{dataValue:"",formatValue:"",eventType:"update",eventID:_()})),["number","digitNumber"].includes(d)&&["ArrowUp","ArrowDown"].includes(v)){let y=+(v=="ArrowUp")*2-1,N=String(Number(n.dataValue)+y);r.ok&&t({ok:!1,notice:[]}),u(H=>s(l(l({},H),D.Validation.DataLeveling({min:E,max:I,restrict:d,value:N})),{eventType:"update",eventID:_()})),f.preventDefault()}W&&W(f),U&&M.SubmitForm(f,C)},onChange:f=>{let{value:v,selectionStart:F,selectionEnd:y}=f.target,N=D.Validation.DataLeveling({min:E,max:I,restrict:d,value:v});m&&(N.formatValue=v),N.formatValue!=n.formatValue&&(r.ok&&t({ok:!1,notice:[]}),u(H=>s(l(l({},H),N),{prevValue:n.formatValue,eventType:"update",eventID:_(),caretFrom:Number(F),caretTo:Number(y)})),K&&K(f))},width:1},p),{onFocus:f=>{p!=null&&p.onFocus&&(p==null||p.onFocus(f)),i(!0)},onBlur:f=>{p!=null&&p.onBlur&&(p==null||p.onBlur(f)),i(!1)},onCompositionStart:f=>{p!=null&&p.onCompositionStart&&(p==null||p.onCompositionStart(f)),h(!0)},onCompositionEnd:f=>{if(p!=null&&p.onCompositionEnd&&(p==null||p.onCompositionEnd(f)),d=="text")return;let v=D.Validation.DataLeveling({min:E,max:I,restrict:d,value:n.formatValue});u(F=>s(l(l({},F),v),{prevValue:F.formatValue,eventType:"update",eventID:_(),caretFrom:Number(F.formatValue.length+1),caretTo:Number(F.formatValue.length+1)})),h(!1)}}))},TextAreaBox:e=>{let{rootStates:a,val_focus:r,set_focus:t,val_validate:n,set_validate:u,val_status:c,set_status:i,isShallow:m}=e,E=a,{componentID:h,tone:b,required:k,form:T,label:d,isLabelActive:C,minRows:A,maxRows:R,multiline:oe,autoHeight:re,enableFormSubmit:X,maxLength:se,checkValidationAtFirst:U,onChange:P,onKeyDown:B,onValidate:K,onUpdateValue:W,onUpdateValidValue:ue,value:me="",leftIndicator:pe,rightIndicator:ce,leftIcon:de,rightIcon:fe,wrapStyles:ge}=E,x=q(E,["componentID","tone","required","form","label","isLabelActive","minRows","maxRows","multiline","autoHeight","enableFormSubmit","maxLength","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","leftIndicator","rightIndicator","leftIcon","rightIcon","wrapStyles"]);return!a.multiline?null:o(V,s(l({htmlTag:"textarea","data-show-validation":M.isShowValidation(n,c,!!U),"data-input-origin":c.componentID,"data-component-id":c.componentID,value:c.dataValue,width:1},x),{onFocus:I=>{x!=null&&x.onFocus&&(x==null||x.onFocus(I)),t(!0)},onBlur:I=>{x!=null&&x.onBlur&&(x==null||x.onBlur(I)),t(!1)},onKeyDown:I=>{B&&B(I),X&&M.SubmitForm(I,T)},onChange:I=>{let{value:j}=I.target;n.ok&&u({ok:!1,notice:[]}),i(Q=>s(l({},Q),{dataValue:j,eventType:"update",eventID:_()})),P&&P(I)}}))}},Ne=e=>{let{componentID:a,restrict:r="text",value:t="",min:n,max:u}=e,[c,i]=L(!1),[m,h]=L(!1),[b,k]=L(s(l({componentID:a},D.Validation.DataLeveling({min:n,max:u,restrict:r,value:t})),{prevValue:"",eventType:"init",eventID:_(),caretFrom:null,caretTo:null})),[T,d]=L({ok:!1,notice:[]}),C={rootStates:e,val_focus:c,set_focus:i,val_isComposing:m,set_isComposing:h,val_status:b,set_status:k,val_validate:T,set_validate:d};return M.CommonEffects({type:"textfield",states:e,val_status:b,set_status:k,val_validate:T,set_validate:d,SystemValidation:D.Validation.System,ExtraOverrideStates:l({},D.Validation.DataLeveling({min:n,max:u,restrict:r,value:t}))}),J(()=>{D.setSelection({id:e.id,restrict:r,val_status:b})},[b]),$(we,{val_status:b,set_status:k,val_validate:T,states:C.rootStates,children:[o(De,{componentID:e.componentID,fontSize:e.fontSize,required:e.required,label:e.label,isActive:e.isLabelActive||c||!!b.dataValue}),o(G.Shallow,l({},C)),o(G.InputBox,l({},C)),o(G.TextAreaBox,l({},C))]})},S=e=>(e=l({autoHeight:!0,restrict:"text",fontSize:"2.normal"},e),e.multiline?(e.minRows=e.minRows||5,e.maxRows=e.maxRows||20):(e.minRows=1,e.maxRows=1),o(ye,{componentID:e.componentID,children:Ne,states:Ve(e)})),g=S;g.Validate=D.Validation.Text,g.Katakana=e=>o(S,s(l({},e),{restrict:"katakana",multiline:!1,autoHeight:!1})),g.HankakuKatakana=e=>o(S,s(l({},e),{restrict:"hankaku.katakana",multiline:!1,autoHeight:!1})),g.CreditCard=e=>o(S,s(l({},e),{restrict:"creditCard",multiline:!1,autoHeight:!1})),g.Tel=e=>o(S,s(l({},e),{restrict:"tel",multiline:!1,autoHeight:!1})),g.Number=e=>o(S,s(l({},e),{restrict:"number",multiline:!1,autoHeight:!1})),g.DigitNumber=e=>o(S,s(l({},e),{restrict:"digitNumber",multiline:!1,autoHeight:!1})),g.Email=e=>o(S,s(l({},e),{restrict:"email",multiline:!1,autoHeight:!1})),g.Url=e=>o(S,s(l({},e),{restrict:"url",multiline:!1,autoHeight:!1})),g.Postal=e=>{let[a]=L(_());return J(()=>()=>{ve.delete(a)},[]),o(S,s(l({label:"\u90F5\u4FBF\u756A\u53F7"},e),{restrict:"postal",multiline:!1,autoHeight:!1,leftIcon:o(ke,{ssSphere:2,fontColor:"4.thin",children:"\u3012"})}))},g.Password=e=>o(S,s(l({label:"\u30D1\u30B9\u30EF\u30FC\u30C9",rightIcon:o(ne,{ssSphere:2,padding:0,freeCSS:{pointerEvents:"all"},children:o(Ce.Sub,{ssSphere:2,borderRadius:"3.tone.tertiary",fontColor:"theme",flexCenter:!0,height:1,ssEffectsOnActive:["expand"],onMouseOver:a=>{ie.open(a.currentTarget,"\u30C6\u30AD\u30B9\u30C8\u3092\u8868\u793A",24)},onMouseLeave:ie.abort,tabIndex:-1,onClick:a=>{w(a.target).parent().parent().find("input").callback(r=>{let t=r[0];t.type=t.type==="password"?"text":"password"})},children:o(Te,{icon:Re})})}),restrict:"password"},e),{multiline:!1,autoHeight:!1})),g.Concealed=e=>o(g.Password,s(l({label:"\u79D8\u5BC6\u9375"},e),{restrict:"concealed"})),g.Money={JPY:e=>o(g.DigitNumber,s(l({rightIcon:o(ne,{ssSphere:2,fontColor:"4.thin",children:"\u5186"})},e),{multiline:!1,autoHeight:!1}))};export{g as TextField,Ne as TextInput,g as default};

package/dist/fn/Input/Time/Picker.js

@@ -1 +1 @@
-import{b as f,c as x}from"../../../chunk-C5N2D3ZX.js";import{Fragment as G,jsx as a,jsxs as y}from"react/jsx-runtime";import{createElement as $}from"react";import{useState as P,useEffect as U,useRef as Y}from"react";import p from"@mingoo/jsmin";import{Box as C,Flex as I,Grid as A,FAI as T,Column as D}from"../../../atoms";import{Row as V,Text as O}from"../../../mols";import{Button as k}from"../../Button";import H from"../../Tooltips";import M from"../Select";import{Radio as F}from"../List";import{RightIcon as w}from"..";import{InputTimeClasses as b}from"../../../@styles/componentClasses";let _=r=>{var t,i;let e=[],d=Number((t=r==null?void 0:r.min)!=null?t:1900),o=Number((i=r==null?void 0:r.max)!=null?i:p.Time().addYear(10).year);for(let m=d;m<=o;m++)e.unshift({value:m,label:[m,...p.transformer.wareki(m).value].join(" -")});return e};const j=r=>{let{restrict:e,era:d="year",defaultValue:o=""}=r;r=f({},r),r.tipsID=r.tipsID||p.uuid.gen();const t=Y(!1);let[i,m]=P((()=>{var n,s;if(e=="clock"){let l=String(o).split(/[^\d]/);l[0]||(l=[0,0]);let u=Number(l[0]),h=Number(l[1]);return{modifiedType:"init",hour:u,minutes:h}}else if(e=="date"){let[l,u,h]=(n=String(o))==null?void 0:n.split(/\D/);return(p.is.nullish(l)||p.is.nullish(u)||p.is.nullish(h))&&([l,u,h]=p.Time().toFormat("%Y-%M-%D").split("-")),{modifiedType:"init",year:Number(l),month:Number(u),date:Number(h)}}else if(e!="week"){if(e=="month"){let[l,u]=String(o).split(/\D/);return(p.is.nullish(l)||p.is.nullish(u))&&([l,u]=p.Time().toFormat("%Y-%M").split("-")),{modifiedType:"init",year:Number(l),month:Number(u)}}else if(e=="year"){let[l]=String(o).split(/\D/);return p.is.nullish(l)&&([l]=p.Time().toFormat("%Y").split("-")),{modifiedType:"init",year:Number(l)}}else if(e=="dateWareki"){let[l,u,h]=(s=String(o))==null?void 0:s.split(/\D/);return(p.is.nullish(l)||p.is.nullish(u)||p.is.nullish(h))&&([l,u,h]=p.Time().toFormat("%Y-%M-%D").split("-")),{modifiedType:"init",era:d||"year",year:Number(l),month:Number(u),date:Number(h)}}}return{}})());U(()=>{if(t.current){if(i.modifiedType=="update"){let n="",s=d||"year";if(e=="clock"){let{hour:l,minutes:u}=i;n=[l.zeroEmbed(2),u.zeroEmbed(2)].join("/")}else if(e=="date"){let{year:l,month:u,date:h}=i;n=[l,u.zeroEmbed(2),h.zeroEmbed(2)].join("/")}else if(e!="week"){if(e=="month"){let{year:l,month:u}=i;n=[l,u.zeroEmbed(2)].join("/")}else if(e=="year"){let{year:l}=i;n=String(l)}else if(e=="dateWareki"){let{year:l,month:u,date:h,era:v}=i;s=v,n=[l,u.zeroEmbed(2),h.zeroEmbed(2)].join("/")}}r.onValueUpdate(n,s)}}else t.current=!0},[i]);let c=x(f({},r),{val_value:i,set_value:m});return a(C,{backgroundColor:"layer.1",borderRadius:"2.tone.secondary",boxShadow:"1.remark",border:!0,overflow:"hidden",children:a(C,{overflow:"auto",className:b(e.toCapital()+"Base"),children:e=="clock"?a(S.Clock.index,f({},c)):e=="date"?a(S.Date.index,f({},c)):e=="week"?"":e=="month"?a(S.Month.index,f({},c)):e=="year"?a(S.Year.index,f({},c)):e=="dates"||e=="months"?"":e=="dateWareki"?a(S.DateWareki.index,f({},c)):a(G,{})})})},S={Clock:{index:r=>{let{min:e,max:d,onValueUpdate:o,tipsID:t,val_value:i,set_value:m}=r,[c,n]=P(i.hour>12?2:1),[s,l]=P(Number(localStorage.getItem("timePickerUnit")||5));U(()=>{localStorage.setItem("timePickerUnit",String(s))},[s]);let{hour:u,minutes:h}=i;return y(D,{padding:1,children:[y(I,{flexType:"row",flexWrap:!1,gap:1,className:b("Body"),children:[y(D,{className:b("DesignSide"),flexSizing:0,children:[a(C,{className:b("ClockUiBase"),padding:[1,"2/3"],flexCenter:!0,children:y(C,{className:b("ClockUi"),backgroundColor:"theme.opa.low",isRounded:!0,position:"relative",children:[a(C,{position:"absolute",backgroundColor:"theme",unitWidth:"1/12",className:[b("Needle"),b("hour")].join(" "),freeCSS:{transform:`rotate(${u*30+h/2}deg)`}}),a(C,{position:"absolute",backgroundColor:"theme",unitWidth:"1/12",className:[b("Needle"),b("minute")].join(" "),freeCSS:{transform:`rotate(${h*6}deg)`}})]})}),a(F,{icon:!0,value:[c],options:[{value:1,label:"AM"},{value:2,label:"PM"}],flexType:"col",gap:0,tabIndex:-1,onUpdateValidValue:({value:v})=>{let N=i.hour%12+(v==2?12:0);n(v),m({modifiedType:"update",hour:N,minutes:i.minutes})}}),a(C,{borderTop:!0,margin:[0,1]}),a(F,{icon:!0,value:[s],options:[{value:1,label:"/ 1\u5206"},{value:2,label:"/ 2\u5206"},{value:5,label:"/ 5\u5206"}],flexType:"col",gap:0,tabIndex:-1,onUpdateValidValue:({value:v})=>{l(v)}})]}),y(D,{children:[y(C,{flexCenter:!0,isSemiBoldFont:!0,fontSize:"3.paragraph",children:[i.hour.zeroEmbed(2)," : ",i.minutes.zeroEmbed(2)]}),y(I,{flexWrap:!1,ssCardBox:!0,flexChilds:"even",padding:["1/3",0],freeCSS:{minWidth:12*12},children:[a(D,{gap:0,overflow:"auto",padding:"2/3",borderRight:!0,freeCSS:{maxHeight:12*22},children:S.Clock.Hours({onClick:v=>{let R=v+(c==2?12:0);m({modifiedType:"update",hour:R,minutes:i.minutes})},min:e,max:d,ampm:c})}),a(D,{gap:0,overflow:"auto",padding:"2/3",freeCSS:{maxHeight:12*22},children:S.Clock.Minutes({onClick:v=>{m({modifiedType:"update",hour:i.hour,minutes:v})},min:e,max:d,unit:s})})]})]})]}),a(S.Variables.Footer,{tipsID:t,onValueUpdate:o})]})},Hours:r=>{let e=[];for(let d=0;d<12;d++){let o=r.ampm==2?d+12:d,t=!1;{let i=Number(String(o*100).replace(/\D/ig,""));if(r.min&&Number(String(r.min).replace(/\D/ig,""))>i&&(t=!0),r.max){let m=Number(String(r.max).replace(/\D/ig,""));i>m&&(t=!0)}}e.push(a(k.Normal,{isLocked:t,borderBottom:!0,borderRadius:0,padding:["1/2",1],freeCSS:{whiteSpace:"nowrap"},tabIndex:-1,onClick:()=>{r.onClick(d)},children:o.zeroEmbed(2)},d))}return e},Minutes:r=>{let e=[];for(let d=0;d<60/r.unit;d++){let o=d*r.unit;e.push(a(k.Normal,{borderBottom:!0,borderRadius:0,padding:["1/2",1],freeCSS:{whiteSpace:"nowrap"},tabIndex:-1,onClick:()=>{r.onClick(o)},children:o.zeroEmbed(2)},o))}return e}},Date:{index:r=>{let{min:e,max:d,onValueUpdate:o,tipsID:t,val_value:i,set_value:m}=r,{year:c,month:n,date:s}=i;return y(D,{padding:1,children:[y(V.Separate,{flexWrap:!0,children:[y(I,{verticalAlign:"bottom",horizontalAlign:"left",gap:"2/3",flexWrap:!1,children:[a(M,{override:"force",emptySelect:!1,value:c,options:_(),fontSize:"1.mini",border:"1.thin",padding:["1/3","2/3"],paddingRight:1,onUpdateValidValue:({value:l})=>{m({modifiedType:"update",year:Number(l),month:n,date:s})},rightIcon:a(w,{ssSphere:2,right:"1/3",children:a(T.AngleDown,{})})}),a(M,{override:"force",emptySelect:!1,value:n,options:(()=>{let l=[];for(let u=1;u<=12;u++)l.push({value:u,label:String(u)+"\u6708"});return l})(),fontSize:"1.mini",border:"1.thin",padding:["1/3","2/3"],paddingRight:1,rightIcon:a(w,{ssSphere:2,right:"1/3",children:a(T.AngleDown,{})}),onUpdateValidValue:({value:l})=>{m({modifiedType:"update",year:c,month:Number(l),date:s})}})]}),a(S.Variables.ShiftButtons,{callback:l=>{let u=n+l,h=c;u<=0&&(h--,u=12),u>12&&(h++,u=1),m({modifiedType:"update",year:h,month:u,date:i.date})}})]}),a(C,{borderTop:!0}),a(C,{children:S.Date.MonthCalendar({min:e,max:d,year:i.year,month:i.month,current:[i.year,i.month,i.date],callback:l=>{let[u,h,v]=l;m({modifiedType:"update",year:u,month:h,date:v})}})}),a(S.Variables.Footer,{tipsID:t,onValueUpdate:o})]})},MonthCalendar:r=>{let{min:e,max:d,year:o,month:t,current:i,callback:m}=r,c=p.Time(),n=p.Time([o,t.zeroEmbed(2),"01"].join("/")),s=n.getLastDayOfTheMonth(),l=p.Time(n).addMonth(-1).getLastDayOfTheMonth().date,u=[],h=[],v=[],R=[],N={padding:0,unitWidth:3,unitHeight:3,flexCenter:!0,borderRadius:"3.tone.tertiary"};for(var g=0;g<7;g++)u.push(a(C,x(f({className:[b("CalendarDay"),b("Legend")].join(" ")},N),{children:["\u65E5","\u6708","\u706B","\u6C34","\u6728","\u91D1","\u571F"][g]}),g));for(var g=0;g<n.weekday;g++)h.unshift($(C,x(f({className:[b("CalendarDay"),b("Dummy")].join(" "),fontColor:"4.thin"},N),{key:g}),l-g));for(var g=1;g<=s.date;g++){let E=g,L=o==c.year&&t==c.month&&g==c.date,B=!1;{let W=Number(String([o,t.zeroEmbed(2),g.zeroEmbed(2)].join("/")).replace(/\D/ig,""));if(r.min&&Number(String(r.min).replace(/\D/ig,""))>W&&(B=!0),r.max){let z=Number(String(r.max).replace(/\D/ig,""));W>z&&(B=!0)}}v.push(a(k.Clear,x(f({className:[b("CalendarDay"),b("isToday_"+L)].join(" ")},N),{fontColor:"1.clear",padding:0,flexCenter:!0,isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{m([o,t,E])},tabIndex:-1,isLocked:B,children:g}),E))}for(var g=1;g<7-s.weekday;g++)R.push(a(C,x(f({className:[b("CalendarDay"),b("Dummy")].join(" "),fontColor:"4.thin"},N),{children:g}),g));return y(A,{gridCols:7,gap:"1/6",children:[u,h,v,R]})}},Month:{index:r=>{let{min:e,max:d,onValueUpdate:o,tipsID:t,val_value:i,set_value:m}=r,{year:c,month:n}=i;return y(D,{padding:1,children:[y(V.Separate,{gap:0,children:[a(V.Center,{verticalAlign:"bottom",gap:"2/3",children:a(M,{emptySelect:!1,value:c,options:_(),override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,rightIcon:a(w,{ssSphere:2,right:"1/3",children:a(T.AngleDown,{})}),onUpdateValidValue:({value:s})=>{m({modifiedType:"update",year:Number(s),month:n})}})}),a(S.Variables.ShiftButtons,{callback:s=>{let l=Math.min(Math.max(c+s,1900),2100);m({modifiedType:"update",year:l,month:n})}})]}),a(C,{borderTop:!0}),S.Month.Months({min:e,max:d,year:i.year,callback:s=>{let[l,u]=s;m({modifiedType:"update",year:l,month:u})}}),a(S.Variables.Footer,{tipsID:t,onValueUpdate:o})]})},Months:r=>{let{year:e,callback:d}=r,o=p.Time(),t=[];for(let i=1;i<=12;i++){let m=e==o.year&&i==o.month,c=!1;{let s=Number(String([e,i.zeroEmbed(2)].join("/")).replace(/\D/ig,""));if(r.min&&Number(String(r.min).replace(/\D/ig,""))>s&&(c=!0),r.max){let l=Number(String(r.max).replace(/\D/ig,""));s>l&&(c=!0)}}let n=[b("Cell"),m?b("isThisMonth"):""].join(" ");t.push(y(k.Clear,{className:n,isLocked:c,fontColor:"2.normal",padding:["1/3",1],ssEffectsOnActive:"shrink",onClick:()=>{d([e,i])},children:[i," \u6708"]},e+"-"+i))}return a(A,{gridCols:4,gap:"2/3",children:t})}},Year:{index:r=>{let{min:e,max:d,onValueUpdate:o,tipsID:t,val_value:i,set_value:m}=r,{year:c}=i;return y(D,{padding:1,children:[a(M,{emptySelect:!1,paddingRight:1,fontSize:"1.mini",value:c||p.Time().year,override:"force",options:_({min:e,max:d}),onUpdateValidValue:({value:n})=>{m({modifiedType:"update",year:Number(n)})}}),a(S.Variables.Footer,{tipsID:t,onValueUpdate:o,onSubmit:()=>{m({modifiedType:"update",year:Number(c||p.Time().year)})}})]})}},DateWareki:{index:r=>{let{min:e,max:d,onValueUpdate:o,tipsID:t,val_value:i,set_value:m}=r,{era:c,year:n,month:s,date:l}=i,u={val_value:i,set_value:m};return y(C,{children:[y(V.Left,{borderBottom:!0,gap:0,verticalAlign:"unset",children:[a(S.DateWareki.EraSelect,f({},u)),a(C,{borderRight:!0}),a(S.DateWareki.Calendar,f({},u))]}),a(V.Right,{padding:1,children:a(S.Variables.Footer,{tipsID:t,onValueUpdate:o})})]})},EraSelect:r=>{let{val_value:e,set_value:d}=r,o={padding:["1/2",1.5],fontColor:"3.blur"},t={backgroundColor:"cloud",fontColor:"2.normal",isSemiBoldFont:!0};return y(D,{padding:1,gap:0,children:[a(k.Clear,x(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="year",onClick:()=>{let i=p.Time();d({modifiedType:"update",era:"year",year:i.year,month:i.month,date:i.date})},children:"\u897F\u66A6"})),a(k.Clear,x(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="reiwa",onClick:()=>{let i=p.Time();d({modifiedType:"update",era:"reiwa",year:i.year,month:i.month,date:i.date})},children:"\u4EE4\u548C"})),a(k.Clear,x(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="heisei",onClick:()=>{d({modifiedType:"update",era:"heisei",year:2019,month:1,date:1})},children:"\u5E73\u6210"})),a(k.Clear,x(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="shouwa",onClick:()=>{d({modifiedType:"update",era:"shouwa",year:1989,month:1,date:1})},children:"\u662D\u548C"})),a(k.Clear,x(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="taisho",onClick:()=>{d({modifiedType:"update",era:"taisho",year:1926,month:1,date:1})},children:"\u5927\u6B63"})),a(k.Clear,x(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="meiji",onClick:()=>{d({modifiedType:"update",era:"meiji",year:1912,month:1,date:1})},children:"\u660E\u6CBB"}))]})},Calendar:r=>{let{val_value:e,set_value:d}=r,o=[];if(e.era=="year")for(let t=1900;t<2100;t++)o.unshift({value:t,label:t+"\u5E74"});else if(e.era=="reiwa"){let t=p.Time().year-2018;for(let i=1;i<=t+10;i++)o.unshift({value:2019+i-1,label:"\u4EE4\u548C"+(i==1?"\u5143":i)+"\u5E74"})}else if(e.era=="heisei")for(let t=1;t<=31;t++)o.unshift({value:1989+t-1,label:"\u5E73\u6210"+(t==1?"\u5143":t)+"\u5E74"});else if(e.era=="shouwa")for(let t=1;t<=64;t++)o.unshift({value:1926+t-1,label:"\u662D\u548C"+(t==1?"\u5143":t)+"\u5E74"});else if(e.era=="taisho")for(let t=1;t<=15;t++)o.unshift({value:1912+t-1,label:"\u5927\u6B63"+(t==1?"\u5143":t)+"\u5E74"});else if(e.era=="meiji")for(let t=1;t<=45;t++)o.unshift({value:1868+t-1,label:"\u660E\u6CBB"+(t==1?"\u5143":t)+"\u5E74"});return y(D,{padding:1,children:[y(V.Separate,{children:[a(M,{emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:1,fontSize:"1.mini",rightIcon:a(w,{ssSphere:2,right:"1/3",children:a(T.AngleDown,{})}),options:o,value:e.year,onUpdateValidValue:({value:t})=>{d(i=>x(f({},i),{modifiedType:"update",year:Number(t)}))}}),y(V.Center,{gap:"1/3",children:[a(M,{emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:1,fontSize:"1.mini",rightIcon:a(w,{ssSphere:2,right:"1/3",children:a(T.AngleDown,{})}),options:[{value:1,label:"1\u6708"},{value:2,label:"2\u6708"},{value:3,label:"3\u6708"},{value:4,label:"4\u6708"},{value:5,label:"5\u6708"},{value:6,label:"6\u6708"},{value:7,label:"7\u6708"},{value:8,label:"8\u6708"},{value:9,label:"9\u6708"},{value:10,label:"10\u6708"},{value:11,label:"11\u6708"},{value:12,label:"12\u6708"}],value:e.month,onUpdateValidValue:({value:t})=>{d({modifiedType:"update",era:e.era,year:e.year,month:Number(t),date:1})}}),a(k.Clear.S,{ssSphere:2.5,onClick:()=>{let t=e.month-1;d({modifiedType:"update",era:e.era,year:t==0?e.year-1:e.year,month:t==0?12:t,date:1})},children:a(T.ChevronLeft,{})}),a(k.Clear.S,{ssSphere:2.5,onClick:()=>{let t=e.month+1;d({modifiedType:"update",era:e.era,year:t==13?e.year+1:e.year,month:t==13?1:t,date:1})},children:a(T.ChevronRight,{})})]})]}),a(S.DateWareki.MonthCell,f({},r))]},e.era)},MonthCell:r=>{let{val_value:e,set_value:d}=r,o=p.Time([e.year.zeroEmbed(4),e.month.zeroEmbed(2),e.date.zeroEmbed(2)].join("/"));if(!o.validate)return;let t=o.getFirstDayOfTheMonth().weekday,i=o.getLastDayOfTheMonth(),m=[];for(let n=0;n<7;n++)m.push(a(O.Supplement,{flexCenter:!0,fontColor:n==0?"googleRed":n==6?"googleBlue":"3.blur",children:p.transformer.weekday.shortJP(n)},"legend-"+n));for(let n=0;n<t;n++){let s=p.Time(o).getFirstDayOfTheMonth().addDate(n-t);m.push(a(k.Sub,{color:"cloud",ssSquare:3,opacity:"middle",onClick:l=>{l.preventDefault(),l.stopPropagation(),d({modifiedType:"update",era:e.era,year:s.year,month:s.month,date:s.date})},children:s.date},"lastMonth-"+n))}let c=p.Time();for(let n=1;n<=i.date;n++){let s=p.Time(o).setDate(n),l=c.diff(s).dates==0;m.push(a(k.Clear,{ssSquare:3,fontColor:"2.normal",className:[b("CalendarDay"),b("isToday_"+l)].join(" "),onClick:()=>{d({modifiedType:"update",era:e.era,year:s.year,month:s.month,date:s.date})},children:s.date},"currentMonth-"+n))}for(let n=0;n<7-i.weekday-1;n++){let s=p.Time(o).addMonth(1).setDate(1).addDate(n);m.push(a(k.Sub,{color:"cloud",ssSquare:3,opacity:"middle",onClick:l=>{l.preventDefault(),l.stopPropagation(),d({modifiedType:"update",era:e.era,year:s.year,month:s.month,date:s.date})},children:s.date},"nextMonth-"+n))}return a(A,{gridCols:7,gap:"1/4",children:m})}},Variables:{Footer:r=>y(I,{flexWrap:!1,gap:1,flexChilds:"even",freeCSS:{whiteSpace:"nowrap"},children:[y(k.Sub.S,{tabIndex:-1,isRounded:!0,onClick:()=>{r.onValueUpdate("")},flexSizing:"none",children:[a(T.Times,{})," \u524A\u9664"]}),a(k.Prime.S,{tabIndex:-1,isRounded:!0,flexSizing:"auto",freeCSS:{minWidth:12*6},onClick:()=>{r.onSubmit&&r.onSubmit(),H.close(r.tipsID)},children:"\u6C7A\u5B9A"})]}),ShiftButtons:r=>y(I,{gap:"1/3",flexWrap:!1,children:[a(k.Clear,x(f({className:b("LeftButton"),tabIndex:-1,right:0},S.Variables.ShiftButtonStyles),{onClick:()=>{r.callback(-1)},children:a(T.ChevronLeft,{})})),a(k.Clear,x(f({className:b("RightButton"),tabIndex:-1,left:0},S.Variables.ShiftButtonStyles),{onClick:()=>{r.callback(1)},children:a(T.ChevronRight,{})}))]}),ShiftButtonStyles:{position:"relative",flexCenter:!0,ssSphere:2.5}}};export{j as Picker,j as default};
+import{b as f,c as x}from"../../../chunk-C5N2D3ZX.js";import{Fragment as $,jsx as a,jsxs as y}from"react/jsx-runtime";import{createElement as q}from"react";import c,{UUID as Y}from"@mingoo/jsmin";import{useState as P,useEffect as U,useRef as O}from"react";import{Box as C,Flex as R,Grid as A,FAI as T,Column as D}from"../../../atoms";import{Row as V,Text as H}from"../../../mols";import{Button as k}from"../../Button";import G from"../../Tooltips";import I from"../Select";import{Radio as F}from"../List";import{RightIcon as w}from"..";import{InputTimeClasses as b}from"../../../@styles/componentClasses";let _=r=>{var t,i;let e=[],d=Number((t=r==null?void 0:r.min)!=null?t:1900),o=Number((i=r==null?void 0:r.max)!=null?i:c.Time().addYear(10).year);for(let m=d;m<=o;m++)e.unshift({value:m,label:[m,...c.transformer.wareki(m).value].join(" -")});return e};const j=r=>{let{restrict:e,era:d="year",defaultValue:o=""}=r;r=f({},r),r.tipsID=r.tipsID||Y();const t=O(!1);let[i,m]=P((()=>{var n,s;if(e=="clock"){let l=String(o).split(/[^\d]/);l[0]||(l=[0,0]);let u=Number(l[0]),h=Number(l[1]);return{modifiedType:"init",hour:u,minutes:h}}else if(e=="date"){let[l,u,h]=(n=String(o))==null?void 0:n.split(/\D/);return(c.is.nullish(l)||c.is.nullish(u)||c.is.nullish(h))&&([l,u,h]=c.Time().toFormat("%Y-%M-%D").split("-")),{modifiedType:"init",year:Number(l),month:Number(u),date:Number(h)}}else if(e!="week"){if(e=="month"){let[l,u]=String(o).split(/\D/);return(c.is.nullish(l)||c.is.nullish(u))&&([l,u]=c.Time().toFormat("%Y-%M").split("-")),{modifiedType:"init",year:Number(l),month:Number(u)}}else if(e=="year"){let[l]=String(o).split(/\D/);return c.is.nullish(l)&&([l]=c.Time().toFormat("%Y").split("-")),{modifiedType:"init",year:Number(l)}}else if(e=="dateWareki"){let[l,u,h]=(s=String(o))==null?void 0:s.split(/\D/);return(c.is.nullish(l)||c.is.nullish(u)||c.is.nullish(h))&&([l,u,h]=c.Time().toFormat("%Y-%M-%D").split("-")),{modifiedType:"init",era:d||"year",year:Number(l),month:Number(u),date:Number(h)}}}return{}})());U(()=>{if(t.current){if(i.modifiedType=="update"){let n="",s=d||"year";if(e=="clock"){let{hour:l,minutes:u}=i;n=[l.zeroEmbed(2),u.zeroEmbed(2)].join("/")}else if(e=="date"){let{year:l,month:u,date:h}=i;n=[l,u.zeroEmbed(2),h.zeroEmbed(2)].join("/")}else if(e!="week"){if(e=="month"){let{year:l,month:u}=i;n=[l,u.zeroEmbed(2)].join("/")}else if(e=="year"){let{year:l}=i;n=String(l)}else if(e=="dateWareki"){let{year:l,month:u,date:h,era:v}=i;s=v,n=[l,u.zeroEmbed(2),h.zeroEmbed(2)].join("/")}}r.onValueUpdate(n,s)}}else t.current=!0},[i]);let p=x(f({},r),{val_value:i,set_value:m});return a(C,{backgroundColor:"layer.1",borderRadius:"2.tone.secondary",boxShadow:"1.remark",border:!0,overflow:"hidden",children:a(C,{overflow:"auto",className:b(e.toCapital()+"Base"),children:e=="clock"?a(S.Clock.index,f({},p)):e=="date"?a(S.Date.index,f({},p)):e=="week"?"":e=="month"?a(S.Month.index,f({},p)):e=="year"?a(S.Year.index,f({},p)):e=="dates"||e=="months"?"":e=="dateWareki"?a(S.DateWareki.index,f({},p)):a($,{})})})},S={Clock:{index:r=>{let{min:e,max:d,onValueUpdate:o,tipsID:t,val_value:i,set_value:m}=r,[p,n]=P(i.hour>12?2:1),[s,l]=P(Number(localStorage.getItem("timePickerUnit")||5));U(()=>{localStorage.setItem("timePickerUnit",String(s))},[s]);let{hour:u,minutes:h}=i;return y(D,{padding:1,children:[y(R,{flexType:"row",flexWrap:!1,gap:1,className:b("Body"),children:[y(D,{className:b("DesignSide"),flexSizing:0,children:[a(C,{className:b("ClockUiBase"),padding:[1,"2/3"],flexCenter:!0,children:y(C,{className:b("ClockUi"),backgroundColor:"theme.opa.low",isRounded:!0,position:"relative",children:[a(C,{position:"absolute",backgroundColor:"theme",unitWidth:"1/12",className:[b("Needle"),b("hour")].join(" "),freeCSS:{transform:`rotate(${u*30+h/2}deg)`}}),a(C,{position:"absolute",backgroundColor:"theme",unitWidth:"1/12",className:[b("Needle"),b("minute")].join(" "),freeCSS:{transform:`rotate(${h*6}deg)`}})]})}),a(F,{icon:!0,value:[p],options:[{value:1,label:"AM"},{value:2,label:"PM"}],flexType:"col",gap:0,tabIndex:-1,onUpdateValidValue:({value:v})=>{let N=i.hour%12+(v==2?12:0);n(v),m({modifiedType:"update",hour:N,minutes:i.minutes})}}),a(C,{borderTop:!0,margin:[0,1]}),a(F,{icon:!0,value:[s],options:[{value:1,label:"/ 1\u5206"},{value:2,label:"/ 2\u5206"},{value:5,label:"/ 5\u5206"}],flexType:"col",gap:0,tabIndex:-1,onUpdateValidValue:({value:v})=>{l(v)}})]}),y(D,{children:[y(C,{flexCenter:!0,isSemiBoldFont:!0,fontSize:"3.paragraph",children:[i.hour.zeroEmbed(2)," : ",i.minutes.zeroEmbed(2)]}),y(R,{flexWrap:!1,ssCardBox:!0,flexChilds:"even",padding:["1/3",0],freeCSS:{minWidth:12*12},children:[a(D,{gap:0,overflow:"auto",padding:"2/3",borderRight:!0,freeCSS:{maxHeight:12*22},children:S.Clock.Hours({onClick:v=>{let M=v+(p==2?12:0);m({modifiedType:"update",hour:M,minutes:i.minutes})},min:e,max:d,ampm:p})}),a(D,{gap:0,overflow:"auto",padding:"2/3",freeCSS:{maxHeight:12*22},children:S.Clock.Minutes({onClick:v=>{m({modifiedType:"update",hour:i.hour,minutes:v})},min:e,max:d,unit:s})})]})]})]}),a(S.Variables.Footer,{tipsID:t,onValueUpdate:o})]})},Hours:r=>{let e=[];for(let d=0;d<12;d++){let o=r.ampm==2?d+12:d,t=!1;{let i=Number(String(o*100).replace(/\D/ig,""));if(r.min&&Number(String(r.min).replace(/\D/ig,""))>i&&(t=!0),r.max){let m=Number(String(r.max).replace(/\D/ig,""));i>m&&(t=!0)}}e.push(a(k.Normal,{isLocked:t,borderBottom:!0,borderRadius:0,padding:["1/2",1],freeCSS:{whiteSpace:"nowrap"},tabIndex:-1,onClick:()=>{r.onClick(d)},children:o.zeroEmbed(2)},d))}return e},Minutes:r=>{let e=[];for(let d=0;d<60/r.unit;d++){let o=d*r.unit;e.push(a(k.Normal,{borderBottom:!0,borderRadius:0,padding:["1/2",1],freeCSS:{whiteSpace:"nowrap"},tabIndex:-1,onClick:()=>{r.onClick(o)},children:o.zeroEmbed(2)},o))}return e}},Date:{index:r=>{let{min:e,max:d,onValueUpdate:o,tipsID:t,val_value:i,set_value:m}=r,{year:p,month:n,date:s}=i;return y(D,{padding:1,children:[y(V.Separate,{flexWrap:!0,children:[y(R,{verticalAlign:"bottom",horizontalAlign:"left",gap:"2/3",flexWrap:!1,children:[a(I,{override:"force",emptySelect:!1,value:p,options:_(),fontSize:"1.mini",border:"1.thin",padding:["1/3","2/3"],paddingRight:1,onUpdateValidValue:({value:l})=>{m({modifiedType:"update",year:Number(l),month:n,date:s})},rightIcon:a(w,{ssSphere:2,right:"1/3",children:a(T.AngleDown,{})})}),a(I,{override:"force",emptySelect:!1,value:n,options:(()=>{let l=[];for(let u=1;u<=12;u++)l.push({value:u,label:String(u)+"\u6708"});return l})(),fontSize:"1.mini",border:"1.thin",padding:["1/3","2/3"],paddingRight:1,rightIcon:a(w,{ssSphere:2,right:"1/3",children:a(T.AngleDown,{})}),onUpdateValidValue:({value:l})=>{m({modifiedType:"update",year:p,month:Number(l),date:s})}})]}),a(S.Variables.ShiftButtons,{callback:l=>{let u=n+l,h=p;u<=0&&(h--,u=12),u>12&&(h++,u=1),m({modifiedType:"update",year:h,month:u,date:i.date})}})]}),a(C,{borderTop:!0}),a(C,{children:S.Date.MonthCalendar({min:e,max:d,year:i.year,month:i.month,current:[i.year,i.month,i.date],callback:l=>{let[u,h,v]=l;m({modifiedType:"update",year:u,month:h,date:v})}})}),a(S.Variables.Footer,{tipsID:t,onValueUpdate:o})]})},MonthCalendar:r=>{let{min:e,max:d,year:o,month:t,current:i,callback:m}=r,p=c.Time(),n=c.Time([o,t.zeroEmbed(2),"01"].join("/")),s=n.getLastDayOfTheMonth(),l=c.Time(n).addMonth(-1).getLastDayOfTheMonth().date,u=[],h=[],v=[],M=[],N={padding:0,unitWidth:3,unitHeight:3,flexCenter:!0,borderRadius:"3.tone.tertiary"};for(var g=0;g<7;g++)u.push(a(C,x(f({className:[b("CalendarDay"),b("Legend")].join(" ")},N),{children:["\u65E5","\u6708","\u706B","\u6C34","\u6728","\u91D1","\u571F"][g]}),g));for(var g=0;g<n.weekday;g++)h.unshift(q(C,x(f({className:[b("CalendarDay"),b("Dummy")].join(" "),fontColor:"4.thin"},N),{key:g}),l-g));for(var g=1;g<=s.date;g++){let E=g,L=o==p.year&&t==p.month&&g==p.date,B=!1;{let W=Number(String([o,t.zeroEmbed(2),g.zeroEmbed(2)].join("/")).replace(/\D/ig,""));if(r.min&&Number(String(r.min).replace(/\D/ig,""))>W&&(B=!0),r.max){let z=Number(String(r.max).replace(/\D/ig,""));W>z&&(B=!0)}}v.push(a(k.Clear,x(f({className:[b("CalendarDay"),b("isToday_"+L)].join(" ")},N),{fontColor:"1.clear",padding:0,flexCenter:!0,isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{m([o,t,E])},tabIndex:-1,isLocked:B,children:g}),E))}for(var g=1;g<7-s.weekday;g++)M.push(a(C,x(f({className:[b("CalendarDay"),b("Dummy")].join(" "),fontColor:"4.thin"},N),{children:g}),g));return y(A,{gridCols:7,gap:"1/6",children:[u,h,v,M]})}},Month:{index:r=>{let{min:e,max:d,onValueUpdate:o,tipsID:t,val_value:i,set_value:m}=r,{year:p,month:n}=i;return y(D,{padding:1,children:[y(V.Separate,{gap:0,children:[a(V.Center,{verticalAlign:"bottom",gap:"2/3",children:a(I,{emptySelect:!1,value:p,options:_(),override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,rightIcon:a(w,{ssSphere:2,right:"1/3",children:a(T.AngleDown,{})}),onUpdateValidValue:({value:s})=>{m({modifiedType:"update",year:Number(s),month:n})}})}),a(S.Variables.ShiftButtons,{callback:s=>{let l=Math.min(Math.max(p+s,1900),2100);m({modifiedType:"update",year:l,month:n})}})]}),a(C,{borderTop:!0}),S.Month.Months({min:e,max:d,year:i.year,callback:s=>{let[l,u]=s;m({modifiedType:"update",year:l,month:u})}}),a(S.Variables.Footer,{tipsID:t,onValueUpdate:o})]})},Months:r=>{let{year:e,callback:d}=r,o=c.Time(),t=[];for(let i=1;i<=12;i++){let m=e==o.year&&i==o.month,p=!1;{let s=Number(String([e,i.zeroEmbed(2)].join("/")).replace(/\D/ig,""));if(r.min&&Number(String(r.min).replace(/\D/ig,""))>s&&(p=!0),r.max){let l=Number(String(r.max).replace(/\D/ig,""));s>l&&(p=!0)}}let n=[b("Cell"),m?b("isThisMonth"):""].join(" ");t.push(y(k.Clear,{className:n,isLocked:p,fontColor:"2.normal",padding:["1/3",1],ssEffectsOnActive:"shrink",onClick:()=>{d([e,i])},children:[i," \u6708"]},e+"-"+i))}return a(A,{gridCols:4,gap:"2/3",children:t})}},Year:{index:r=>{let{min:e,max:d,onValueUpdate:o,tipsID:t,val_value:i,set_value:m}=r,{year:p}=i;return y(D,{padding:1,children:[a(I,{emptySelect:!1,paddingRight:1,fontSize:"1.mini",value:p||c.Time().year,override:"force",options:_({min:e,max:d}),onUpdateValidValue:({value:n})=>{m({modifiedType:"update",year:Number(n)})}}),a(S.Variables.Footer,{tipsID:t,onValueUpdate:o,onSubmit:()=>{m({modifiedType:"update",year:Number(p||c.Time().year)})}})]})}},DateWareki:{index:r=>{let{min:e,max:d,onValueUpdate:o,tipsID:t,val_value:i,set_value:m}=r,{era:p,year:n,month:s,date:l}=i,u={val_value:i,set_value:m};return y(C,{children:[y(V.Left,{borderBottom:!0,gap:0,verticalAlign:"unset",children:[a(S.DateWareki.EraSelect,f({},u)),a(C,{borderRight:!0}),a(S.DateWareki.Calendar,f({},u))]}),a(V.Right,{padding:1,children:a(S.Variables.Footer,{tipsID:t,onValueUpdate:o})})]})},EraSelect:r=>{let{val_value:e,set_value:d}=r,o={padding:["1/2",1.5],fontColor:"3.blur"},t={backgroundColor:"cloud",fontColor:"2.normal",isSemiBoldFont:!0};return y(D,{padding:1,gap:0,children:[a(k.Clear,x(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="year",onClick:()=>{let i=c.Time();d({modifiedType:"update",era:"year",year:i.year,month:i.month,date:i.date})},children:"\u897F\u66A6"})),a(k.Clear,x(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="reiwa",onClick:()=>{let i=c.Time();d({modifiedType:"update",era:"reiwa",year:i.year,month:i.month,date:i.date})},children:"\u4EE4\u548C"})),a(k.Clear,x(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="heisei",onClick:()=>{d({modifiedType:"update",era:"heisei",year:2019,month:1,date:1})},children:"\u5E73\u6210"})),a(k.Clear,x(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="shouwa",onClick:()=>{d({modifiedType:"update",era:"shouwa",year:1989,month:1,date:1})},children:"\u662D\u548C"})),a(k.Clear,x(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="taisho",onClick:()=>{d({modifiedType:"update",era:"taisho",year:1926,month:1,date:1})},children:"\u5927\u6B63"})),a(k.Clear,x(f({color:"cloud"},o),{isActiveStyles:t,isActive:e.era=="meiji",onClick:()=>{d({modifiedType:"update",era:"meiji",year:1912,month:1,date:1})},children:"\u660E\u6CBB"}))]})},Calendar:r=>{let{val_value:e,set_value:d}=r,o=[];if(e.era=="year")for(let t=1900;t<2100;t++)o.unshift({value:t,label:t+"\u5E74"});else if(e.era=="reiwa"){let t=c.Time().year-2018;for(let i=1;i<=t+10;i++)o.unshift({value:2019+i-1,label:"\u4EE4\u548C"+(i==1?"\u5143":i)+"\u5E74"})}else if(e.era=="heisei")for(let t=1;t<=31;t++)o.unshift({value:1989+t-1,label:"\u5E73\u6210"+(t==1?"\u5143":t)+"\u5E74"});else if(e.era=="shouwa")for(let t=1;t<=64;t++)o.unshift({value:1926+t-1,label:"\u662D\u548C"+(t==1?"\u5143":t)+"\u5E74"});else if(e.era=="taisho")for(let t=1;t<=15;t++)o.unshift({value:1912+t-1,label:"\u5927\u6B63"+(t==1?"\u5143":t)+"\u5E74"});else if(e.era=="meiji")for(let t=1;t<=45;t++)o.unshift({value:1868+t-1,label:"\u660E\u6CBB"+(t==1?"\u5143":t)+"\u5E74"});return y(D,{padding:1,children:[y(V.Separate,{children:[a(I,{emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:1,fontSize:"1.mini",rightIcon:a(w,{ssSphere:2,right:"1/3",children:a(T.AngleDown,{})}),options:o,value:e.year,onUpdateValidValue:({value:t})=>{d(i=>x(f({},i),{modifiedType:"update",year:Number(t)}))}}),y(V.Center,{gap:"1/3",children:[a(I,{emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:1,fontSize:"1.mini",rightIcon:a(w,{ssSphere:2,right:"1/3",children:a(T.AngleDown,{})}),options:[{value:1,label:"1\u6708"},{value:2,label:"2\u6708"},{value:3,label:"3\u6708"},{value:4,label:"4\u6708"},{value:5,label:"5\u6708"},{value:6,label:"6\u6708"},{value:7,label:"7\u6708"},{value:8,label:"8\u6708"},{value:9,label:"9\u6708"},{value:10,label:"10\u6708"},{value:11,label:"11\u6708"},{value:12,label:"12\u6708"}],value:e.month,onUpdateValidValue:({value:t})=>{d({modifiedType:"update",era:e.era,year:e.year,month:Number(t),date:1})}}),a(k.Clear.S,{ssSphere:2.5,onClick:()=>{let t=e.month-1;d({modifiedType:"update",era:e.era,year:t==0?e.year-1:e.year,month:t==0?12:t,date:1})},children:a(T.ChevronLeft,{})}),a(k.Clear.S,{ssSphere:2.5,onClick:()=>{let t=e.month+1;d({modifiedType:"update",era:e.era,year:t==13?e.year+1:e.year,month:t==13?1:t,date:1})},children:a(T.ChevronRight,{})})]})]}),a(S.DateWareki.MonthCell,f({},r))]},e.era)},MonthCell:r=>{let{val_value:e,set_value:d}=r,o=c.Time([e.year.zeroEmbed(4),e.month.zeroEmbed(2),e.date.zeroEmbed(2)].join("/"));if(!o.validate)return;let t=o.getFirstDayOfTheMonth().weekday,i=o.getLastDayOfTheMonth(),m=[];for(let n=0;n<7;n++)m.push(a(H.Supplement,{flexCenter:!0,fontColor:n==0?"googleRed":n==6?"googleBlue":"3.blur",children:c.transformer.weekday.shortJP(n)},"legend-"+n));for(let n=0;n<t;n++){let s=c.Time(o).getFirstDayOfTheMonth().addDate(n-t);m.push(a(k.Sub,{color:"cloud",ssSquare:3,opacity:"middle",onClick:l=>{l.preventDefault(),l.stopPropagation(),d({modifiedType:"update",era:e.era,year:s.year,month:s.month,date:s.date})},children:s.date},"lastMonth-"+n))}let p=c.Time();for(let n=1;n<=i.date;n++){let s=c.Time(o).setDate(n),l=p.diff(s).dates==0;m.push(a(k.Clear,{ssSquare:3,fontColor:"2.normal",className:[b("CalendarDay"),b("isToday_"+l)].join(" "),onClick:()=>{d({modifiedType:"update",era:e.era,year:s.year,month:s.month,date:s.date})},children:s.date},"currentMonth-"+n))}for(let n=0;n<7-i.weekday-1;n++){let s=c.Time(o).addMonth(1).setDate(1).addDate(n);m.push(a(k.Sub,{color:"cloud",ssSquare:3,opacity:"middle",onClick:l=>{l.preventDefault(),l.stopPropagation(),d({modifiedType:"update",era:e.era,year:s.year,month:s.month,date:s.date})},children:s.date},"nextMonth-"+n))}return a(A,{gridCols:7,gap:"1/4",children:m})}},Variables:{Footer:r=>y(R,{flexWrap:!1,gap:1,flexChilds:"even",freeCSS:{whiteSpace:"nowrap"},children:[y(k.Sub.S,{tabIndex:-1,isRounded:!0,onClick:()=>{r.onValueUpdate("")},flexSizing:"none",children:[a(T.Times,{})," \u524A\u9664"]}),a(k.Prime.S,{tabIndex:-1,isRounded:!0,flexSizing:"auto",freeCSS:{minWidth:12*6},onClick:()=>{r.onSubmit&&r.onSubmit(),G.close(r.tipsID)},children:"\u6C7A\u5B9A"})]}),ShiftButtons:r=>y(R,{gap:"1/3",flexWrap:!1,children:[a(k.Clear,x(f({className:b("LeftButton"),tabIndex:-1,right:0},S.Variables.ShiftButtonStyles),{onClick:()=>{r.callback(-1)},children:a(T.ChevronLeft,{})})),a(k.Clear,x(f({className:b("RightButton"),tabIndex:-1,left:0},S.Variables.ShiftButtonStyles),{onClick:()=>{r.callback(1)},children:a(T.ChevronRight,{})}))]}),ShiftButtonStyles:{position:"relative",flexCenter:!0,ssSphere:2.5}}};export{j as Picker,j as default};

package/dist/fn/Input/Time/index.js

@@ -1 +1 @@
-import{a as ee,b as s,c as E,d as Y}from"../../../chunk-C5N2D3ZX.js";import{Fragment as Ee,jsx as y,jsxs as ne}from"react/jsx-runtime";import{useState as W,useEffect as q,useRef as me}from"react";import k from"@mingoo/jsmin";import{$$fromRoot as pe,Config as te,useStore as O,ExtractStyles as ue}from"../../../@utils";import{Box as X,FAI as ce}from"../../../atoms";import{Text as de}from"../../../mols";import{Button as ae}from"../../Button";import re from"../../Tooltips";import{faClock as fe}from"@fortawesome/free-solid-svg-icons/faClock";import{faCalendarAlt as he}from"@fortawesome/free-solid-svg-icons/faCalendarAlt";import{OptionalInputWrapper as ge,BoxWrapper as ye,CoreEffects as J,DefaultBoxishStyles as ve}from"../core";import{RightIcon as De}from"..";import Ie from"../Select";import{InputLabel as Te}from"../Label";import Se from"./Picker";const C=" ~ ",xe={clock:{defaultValue:"--:--",format:/^\d{2}\D\d{2}$/,ranges:[{type:"hour",from:0,length:2},{type:"minute",from:3,length:2}],sets:1},date:{defaultValue:"----/--/--",format:/^\d{4}\D\d{2}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2},{type:"date",from:8,length:2}],sets:1},week:{defaultValue:"----\u5E74\u7B2C--\u9031",format:/^\d{4}\D\d{2}$/,ranges:[{type:"year",from:0,length:4,region:6},{type:"week",from:6,length:2,region:3}],sets:1},month:{defaultValue:"----\u5E74--\u6708",format:/^\d{4}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2,region:3}],sets:1},year:{defaultValue:"----\u5E74",format:/^\d{4}$/,ranges:[{type:"year",from:0,length:4,region:5}],sets:1},dates:{defaultValue:"----/--/--",format:/^\d{4}\D\d{2}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2},{type:"date",from:8,length:2,region:5},{type:"year",from:10+C.length,length:4},{type:"month",from:15+C.length,length:2},{type:"date",from:18+C.length,length:2}],sets:2},months:{defaultValue:"----\u5E74--\u6708",format:/^\d{4}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2,region:6},{type:"year",from:8+C.length,length:4},{type:"month",from:13+C.length,length:2,region:3}],sets:2},dateWareki:{defaultValue:"----\u5E74--\u6708--\u65E5",format:/^\d{4}\D\d{2}\D\d{2}$/,ranges:[{type:"dateWareki",from:0,length:4,region:5},{type:"month",from:5,length:2,region:3},{type:"date",from:8,length:2,region:3}],sets:1}},F={PeriodMargin:" ~ ",DataLeveling:e=>{let{restrict:t,value:v,era:r}=e,f=k.flatArray(v||""),{defaultValue:h,format:I,ranges:c,sets:a}=xe[t],m=[],n=t=="clock"?":":"/";for(let i=0;i<f.length;i++)f[i]=String(f[i]).replace(/\D/ig,n);for(let i=0;i<a;i++){let d=f[i]||"";if(!d.match(I))f[i]="",m.push(h);else{let b=h;d.split(/\D/).forEach((w,R)=>{if(R==0&&t=="dateWareki"){let T=Number(w);r!="year"&&(T>=2019?r=="reiwa"?T-=2018:r=="heisei"&&(T=31):T>=1989?r=="heisei"?T-=1988:r=="shouwa"&&(T=64):T>=1926?r=="shouwa"?T-=1925:r=="taisho"&&(T=15):T>=1912?r=="taisho"?T-=1911:r=="meiji"&&(T=45):T>=1868&&(T-=1867)),w=T.zeroEmbed(4)}b=b.replace(new RegExp("------------------".slice(0,w.length)),w)}),m.push(b)}}return{formatValue:m.join(C),dataValue:["dates","months"].includes(t)?f:f[0],ranges:c}},SystemValidation:e=>{let{states:t}=e,{restrict:v,min:r,max:f,required:h}=t,I=[],c=k.flatArray(e.value),a={empty:!1,escalated:1,filled:!0,correct:!0,prohibited:!1};(()=>{let m=v=="clock"?":":"/";for(let n=0;n<c.length;n++)c[n]=String(c[n]).replace(/\D/ig,m);for(let n=0;n<c.length;n++){let i=c[n],d=c[n-1];i.removeLetters()||(a.empty=!0),n>0&&(a.escalated&=+(i>=d))}a.escalated&&(a.empty||(v.match(/clock/)?c.forEach(n=>{let[i,d]=n.split(/\D+/);!i||!d?a.filled=!1:(Number(i)>23||Number(d)>59)&&(a.correct=!1)}):v.match(/date/)?c.forEach(n=>{let[i,d,b]=n.split(/\D+/);if(!i||!d||!b)a.filled=!1;else{let w=k.Time(n);(!w.validate||n!=w.toFormatYMD())&&(a.correct=!1)}}):v.match(/week/)?c.forEach(n=>{let[i,d]=n.split(/\D+/);if(!i||!d)a.filled=!1;else{let b=k.Time(i+"/01/01").weekday,R=k.Time(i+"/01/0"+(7-b+1)).addWeek(Number(d)-1);i!=String(R.year)&&(a.correct=!1)}}):v.match(/month/)?c.forEach(n=>{let[i,d]=n.split(/\D+/);!i||!d?a.filled=!1:k.Time([i,d,"01"].join("/")).validate||(a.correct=!1)}):v.match(/year/),a.filled&&a.correct&&c.forEach(n=>{{let i=Number(String(n).replace(/\D/ig,""));if(r&&Number(String(r).replace(/\D/ig,""))>i&&(a.prohibited=!0),f){let d=Number(String(f).replace(/\D/ig,""));i>d&&(a.prohibited=!0)}}})))})();{let{empty:m,escalated:n,filled:i,correct:d,prohibited:b}=a;m&&h&&(I=[{type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}]),n||I.push({type:"invalid",label:"\u6642\u7CFB\u5217\u3092\u6B63\u3057\u304F\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),d||I.push({type:"invalid",label:"\u7121\u52B9\u306A\u5024\u304C\u5165\u529B\u3055\u308C\u3066\u3044\u307E\u3059"}),i||I.push({type:"invalid",label:"\u6700\u5F8C\u307E\u3067\u5024\u3092\u57CB\u3081\u3066\u304F\u3060\u3055\u3044"}),b&&I.push({type:"invalid",label:ne(Ee,{children:[y(X,{children:"\u5165\u529B\u7BC4\u56F2\u304C\u5236\u9650\u3055\u308C\u3066\u3044\u307E\u3059"}),"[",r||"\u4E0B\u9650\u7121\u3057","] ~ [",f||"\u4E0A\u9650\u7121\u3057","]"]})})}return{ok:!I.filter(({type:m})=>m=="invalid").length,notice:I}},KeyDownEvent:e=>{let{val_era:t,restrict:v,event:r,val_status:f,set_status:h,val_focus:I,set_focus:c}=e,{key:a,shiftKey:m,ctrlKey:n,metaKey:i}=r,d=n||i,{selectionStart:b,selectionEnd:w}=r.target,{index:R,prevIndex:T}=I,{ranges:L,formatValue:H}=f,A=L.length-1;if(["Tab","ArrowLeft","ArrowRight"].includes(a)){let D=0;if(a=="Tab"){let l=+!m*2-1;if(D=I.index+l,D<0||D>A)return}else{let l=a=="ArrowLeft"?-1:a=="ArrowRight"?1:0;d||b==0&&w==String(f.formatValue).length?D=l==1?A:0:D=Math.max(0,Math.min(R+l,A))}c(l=>E(s({},l),{index:D,prevIndex:R})),r.preventDefault()}if(["Backspace","ArrowUp","ArrowDown","0","1","2","3","4","5","6","7","8","9"].includes(a)){r.preventDefault();let D=R;D=Math.max(D,0),D=Math.min(D,A);let{type:l,from:U,length:z}=L[D],M=H.slice(U,U+z),u;if(a=="Backspace")u="------".slice(0,z);else if(["ArrowUp","ArrowDown"].includes(a)){let V=a=="ArrowUp"?1:-1;M=M|0,u=M+V;let[o,p,x]=l=="dateWareki"?t=="year"?[0,2999,4]:t=="reiwa"?[1,2999,4]:t=="heisei"?[1,31,4]:t=="shouwa"?[1,64,4]:t=="taisho"?[1,15,4]:t=="meiji"?[1,45,4]:[0,0,0]:l=="minute"?[0,59,2]:l=="hour"?[0,23,2]:l=="date"?[1,31,2]:l=="week"?[1,53,2]:l=="month"?[1,12,2]:l=="year"?[0,2999,4]:[0,0,0];u>p?u=o:u<o&&(u=p),u=Number(u).zeroEmbed(x)}else if(["0","1","2","3","4","5","6","7","8","9"].includes(a)){let V=M|0,o=a,p=`${V}${o}`;if(T!=R&&(V=0,p="0"+o),l=="year"||l=="dateWareki"&&t=="year")Number(p)>1e4?u=o:u=p,(u|0)>1e3&&D++;else if(["hour","minute","date","week","month"].includes(l)||l=="dateWareki"&&t!="year"){let x=l=="dateWareki"?t=="reiwa"?100:t=="heisei"?31:t=="shouwa"?64:t=="taisho"?15:t=="meiji"?45:0:l=="minute"?59:l=="hour"?23:l=="date"?31:l=="week"?53:l=="month"?12:0;u=(p|0)>x?o:p,(Number(o)>Number(String(x)[0])||M=="0000".slice(0,String(x).length)&&(p!="0000".slice(0,String(x).length)||["minute","hour"].includes(l)&&T==R)||(p|0)>=ee(10,String(x).length-1))&&D++}l=="year"||l=="dateWareki"?u=(u|0).zeroEmbed(4):u=(u|0).zeroEmbed(2)}{let V=String(H).partReplace(U,String(u)),o=V.split(C).map(p=>p.replace(/(^\D|\D$)/,"").split(/\D+/).join(v=="clock"?":":"/").replace(/(^\D|\D$)/,""));if(v=="dateWareki"){let p=o[0].split(/\D/),[x,j,P]=p;p.length==3&&x&&(o=[[Number(x)-1+Number({year:1,reiwa:2019,heisei:1989,shouwa:1926,taisho:1912,meiji:1868}[t]),j,P].join("/")])}D=Math.max(D,0),D=Math.min(D,A),h(p=>E(s({},p),{dataValue:["dates","months"].includes(v)?o:o[0],formatValue:V,eventType:"update",eventID:k.uuid.gen()})),c(p=>E(s({},p),{index:D,prevIndex:p.index}))}}}},ie={picker:{launch:e=>{let t=e.tipsID||k.uuid.gen(),m=e,{onValueUpdate:v,min:r,max:f,era:h,restrict:I,defaultValue:c}=m,a=Y(m,["onValueUpdate","min","max","era","restrict","defaultValue"]);re.open(E(s({gravityPoint:e.gravityPoint||24,tipsID:t,padding:0,closeAtAroundClick:!0,closeAtParentBlur:!1},a),{parent:a.parent,content:y(Se,{restrict:I,min:r,max:f,era:h,defaultValue:c,tipsID:t,onValueUpdate:(n,i)=>{v(n,i)}})}))},remove:e=>{re.close(e)}}},be={Shallow:e=>{let{rootStates:t,val_status:v}=e,r=ue(t);return y(X,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:y(de.Description,E(s({className:t.className},r),{position:"absolute",width:1,freeCSS:E(s({},r.freeCSS),{color:"orange"}),children:y(X,{"data-input-value-shallow":v.componentID,children:"A"})}))})}},ke=e=>{let Q=e,{tone:t,required:v,restrict:r="clock",componentID:f,era:h,form:I,name:c,min:a,max:m,className:n,enableFormSubmit:i,checkValidationAtFirst:d,onKeyDown:b,onValidate:w,onUpdateValue:R,onUpdateValidValue:T,value:L="",leftIndicator:H,rightIndicator:A,leftIcon:D,rightIcon:l,freeCSS:U,wrapStyles:z}=Q,M=Y(Q,["tone","required","restrict","componentID","era","form","name","min","max","className","enableFormSubmit","checkValidationAtFirst","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","leftIndicator","rightIndicator","leftIcon","rightIcon","freeCSS","wrapStyles"]),[u,V]=W(h),[o,p]=W(E(s({componentID:e.componentID||""},F.DataLeveling({restrict:r,value:L,era:u})),{eventType:"init",eventID:k.uuid.gen()})),[x,j]=W({ok:!1,notice:[]}),[P,$]=W({active:!1,index:0,prevIndex:-1}),oe={rootStates:e,val_status:o,set_status:p,val_validate:x,set_validate:j,val_era:u,set_era:V,val_focus:P,set_focus:$};J.CommonEffects({type:"time",states:e,val_status:o,set_status:p,val_validate:x,set_validate:j,SystemValidation:F.SystemValidation,ExtraOverrideStates:s({},F.DataLeveling({restrict:r,value:L,era:u}))});const G=me(!1);return q(()=>{if(G.current){p(S=>s(s({},S),F.DataLeveling({restrict:r,value:S.dataValue,era:u})));let g=O.get("refreshEra_"+o.componentID);g&&g.refreshEra(u)}else G.current=!0},[u]),O.update({[o.componentID]:{openPicker:()=>{e.disabled||ie.picker.launch({parent:"#Picker-"+o.componentID,tipsID:"PickerTips-"+o.componentID,restrict:r,min:a,max:m,defaultValue:o.dataValue,era:u,onValueUpdate:(g,S)=>{p(N=>E(s(s({},N),F.DataLeveling({restrict:r,value:g,era:S})),{eventType:"update",eventID:k.uuid.gen()})),V(S)}})},resetEra:g=>{V(g),p(S=>E(s(s({},S),F.DataLeveling({restrict:r,value:"",era:u})),{eventType:"update",eventID:k.uuid.gen()}))}}}),q(()=>{let{index:g,active:S}=P;if(S){g=Math.max(g,0),g=Math.min(g,o.ranges.length-1);let{from:N,length:B}=o.ranges[g],K=pe("#"+e.id)[0];K&&K.setSelectionRange(N,N+B)}},[P]),ne(ye,{val_status:o,set_status:p,val_validate:x,states:e,children:[y(be.Shallow,s({},oe)),y(Te,{componentID:e.componentID,fontSize:e.fontSize,required:e.required,label:e.label,isActive:!0}),te.get().isTouchDevice?y(ae.Plain,{"data-show-validation":J.isShowValidation(x,o,!!d),"data-component-id":o.componentID,className:n,freeCSS:{textAlign:"left"},children:o.formatValue,onClick:g=>{let S=O.get(o.componentID);S&&S.openPicker(),g.stopPropagation()}}):y(X,s({htmlTag:"input",type:"text",inputMode:"numeric","data-show-validation":J.isShowValidation(x,o,!!d),"data-input-origin":o.componentID,"data-disabled":e.disabled,value:o.formatValue,className:n,tabIndex:te.get().isTouchDevice?-1:0,onKeyDown:g=>{F.KeyDownEvent({restrict:r,event:g,val_era:u,val_status:o,set_status:p,val_focus:P,set_focus:$}),b&&b(g),i&&J.SubmitForm(g,I)},onKeyUp:g=>{g.key=="Tab"&&$(S=>E(s({},S),{active:!0}))},onClick:g=>{let S=g.target.selectionEnd,N=0;o.ranges.forEach((B,K)=>{let{from:Z,length:le,region:se}=B;Z<=S&&S<=Z+(se||le)&&(N=K)}),$(B=>E(s({},B),{active:!0,index:N})),g.preventDefault()},onChange:()=>{}},M))]})},_={Origin:e=>{let t=s({},e),[v]=W(e.componentID||k.uuid.gen());if(t.componentID=v,k.is.nullish(t.rightIcon)){let r=(e.restrict||"").match(/clock/)?fe:he;t.rightIcon=y(De,{ssSphere:2,freeCSS:{pointerEvents:"all"},children:y(ae.Sub,{color:"cloud",border:"unset",ssSphere:2,fontColor:"theme",boxShadow:"0.normal",borderRadius:"3.tone.tertiary",flexCenter:!0,ssEffectsOnActive:"push",tabIndex:-1,id:"Picker-"+t.componentID,onClick:()=>{let f=O.get(t.componentID);f&&f.openPicker()},children:y(ce,{icon:r})})})}return y(ge,{componentID:t.componentID,children:ke,states:ve(t)})},Clock:e=>y(_.Origin,s({restrict:"clock",era:"clock"},e)),Date:e=>y(_.Origin,s({restrict:"date"},e)),Week:e=>y(_.Origin,s({restrict:"week"},e)),Month:e=>y(_.Origin,s({restrict:"month"},e)),Year:e=>y(_.Origin,s({restrict:"year"},e)),DateWareki:e=>{e=s({},e);let[t]=W(e.componentID||k.uuid.gen());e.componentID=t;let{defaultEra:v="wareki"}=e,[r,f]=W((()=>{let h="year";if(v=="wareki"&&(h="reiwa",e.value)){let[I,c,a]=e.value.split(/\D/);if(I&&c&&a){let m=Number(I);m>=2019?(m-=2019,h="reiwa"):m>=1989?(m-=1989,h="heisei"):m>=1926?(m-=1926,h="shouwa"):m>=1912?(m-=1912,h="taisho"):m>=1868&&(m-=1868,h="meiji"),m+=1}}return h})());return q(()=>{O.set({["refreshEra_"+t]:{refreshEra:h=>{f(h)}}})},[]),y(_.Origin,E(s({restrict:"dateWareki",leftIndicator:y(Ie,{label:"\u5143\u53F7",emptySelect:!1,value:r,tone:e.tone||"border",override:"force",flexCenter:!0,borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3",height:1,freeCSS:{whiteSpace:"nowrap"},options:[{value:"year",label:"\u897F\u66A6"},{value:"reiwa",label:"\u4EE4\u548C"},{value:"heisei",label:"\u5E73\u6210"},{value:"shouwa",label:"\u662D\u548C"},{value:"taisho",label:"\u5927\u6B63"},{value:"meiji",label:"\u660E\u6CBB"}],onUpdateValidValue:({value:h,eventType:I})=>{f(h);let c=O.get(e.componentID);c&&c.resetEra&&c.resetEra(h)}})},e),{era:r}))},Periods:{Date:e=>y(_.Origin,s({restrict:"dates"},e)),Month:e=>y(_.Origin,s({restrict:"months"},e))},fn:ie};export{_ as Time,_ as default};
+import{a as te,b as s,c as k,d as q}from"../../../chunk-C5N2D3ZX.js";import{Fragment as we,jsx as y,jsxs as oe}from"react/jsx-runtime";import N,{UUID as W}from"@mingoo/jsmin";import{useState as C,useEffect as G,useRef as pe}from"react";import{$$fromRoot as ce,Config as ae,useStore as L,ExtractStyles as ue}from"../../../@utils";import{Box as J,FAI as fe}from"../../../atoms";import{Text as de}from"../../../mols";import{Button as re}from"../../Button";import ie from"../../Tooltips";import{faClock as he}from"@fortawesome/free-solid-svg-icons/faClock";import{faCalendarAlt as ge}from"@fortawesome/free-solid-svg-icons/faCalendarAlt";import{OptionalInputWrapper as ye,BoxWrapper as ve,CoreEffects as H,DefaultBoxishStyles as De}from"../core";import{RightIcon as Ie}from"..";import Te from"../Select";import{InputLabel as Se}from"../Label";import xe from"./Picker";const F=" ~ ",be={clock:{defaultValue:"--:--",format:/^\d{2}\D\d{2}$/,ranges:[{type:"hour",from:0,length:2},{type:"minute",from:3,length:2}],sets:1},date:{defaultValue:"----/--/--",format:/^\d{4}\D\d{2}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2},{type:"date",from:8,length:2}],sets:1},week:{defaultValue:"----\u5E74\u7B2C--\u9031",format:/^\d{4}\D\d{2}$/,ranges:[{type:"year",from:0,length:4,region:6},{type:"week",from:6,length:2,region:3}],sets:1},month:{defaultValue:"----\u5E74--\u6708",format:/^\d{4}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2,region:3}],sets:1},year:{defaultValue:"----\u5E74",format:/^\d{4}$/,ranges:[{type:"year",from:0,length:4,region:5}],sets:1},dates:{defaultValue:"----/--/--",format:/^\d{4}\D\d{2}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2},{type:"date",from:8,length:2,region:5},{type:"year",from:10+F.length,length:4},{type:"month",from:15+F.length,length:2},{type:"date",from:18+F.length,length:2}],sets:2},months:{defaultValue:"----\u5E74--\u6708",format:/^\d{4}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2,region:6},{type:"year",from:8+F.length,length:4},{type:"month",from:13+F.length,length:2,region:3}],sets:2},dateWareki:{defaultValue:"----\u5E74--\u6708--\u65E5",format:/^\d{4}\D\d{2}\D\d{2}$/,ranges:[{type:"dateWareki",from:0,length:4,region:5},{type:"month",from:5,length:2,region:3},{type:"date",from:8,length:2,region:3}],sets:1}},P={PeriodMargin:" ~ ",DataLeveling:e=>{let{restrict:t,value:v,era:r}=e,d=N.flatArray(v||""),{defaultValue:h,format:I,ranges:u,sets:a}=be[t],m=[],n=t=="clock"?":":"/";for(let i=0;i<d.length;i++)d[i]=String(d[i]).replace(/\D/ig,n);for(let i=0;i<a;i++){let f=d[i]||"";if(!f.match(I))d[i]="",m.push(h);else{let b=h;f.split(/\D/).forEach((E,V)=>{if(V==0&&t=="dateWareki"){let T=Number(E);r!="year"&&(T>=2019?r=="reiwa"?T-=2018:r=="heisei"&&(T=31):T>=1989?r=="heisei"?T-=1988:r=="shouwa"&&(T=64):T>=1926?r=="shouwa"?T-=1925:r=="taisho"&&(T=15):T>=1912?r=="taisho"?T-=1911:r=="meiji"&&(T=45):T>=1868&&(T-=1867)),E=T.zeroEmbed(4)}b=b.replace(new RegExp("------------------".slice(0,E.length)),E)}),m.push(b)}}return{formatValue:m.join(F),dataValue:["dates","months"].includes(t)?d:d[0],ranges:u}},SystemValidation:e=>{let{states:t}=e,{restrict:v,min:r,max:d,required:h}=t,I=[],u=N.flatArray(e.value),a={empty:!1,escalated:1,filled:!0,correct:!0,prohibited:!1};(()=>{let m=v=="clock"?":":"/";for(let n=0;n<u.length;n++)u[n]=String(u[n]).replace(/\D/ig,m);for(let n=0;n<u.length;n++){let i=u[n],f=u[n-1];i.removeLetters()||(a.empty=!0),n>0&&(a.escalated&=+(i>=f))}a.escalated&&(a.empty||(v.match(/clock/)?u.forEach(n=>{let[i,f]=n.split(/\D+/);!i||!f?a.filled=!1:(Number(i)>23||Number(f)>59)&&(a.correct=!1)}):v.match(/date/)?u.forEach(n=>{let[i,f,b]=n.split(/\D+/);if(!i||!f||!b)a.filled=!1;else{let E=N.Time(n);(!E.validate||n!=E.toFormatYMD())&&(a.correct=!1)}}):v.match(/week/)?u.forEach(n=>{let[i,f]=n.split(/\D+/);if(!i||!f)a.filled=!1;else{let b=N.Time(i+"/01/01").weekday,V=N.Time(i+"/01/0"+(7-b+1)).addWeek(Number(f)-1);i!=String(V.year)&&(a.correct=!1)}}):v.match(/month/)?u.forEach(n=>{let[i,f]=n.split(/\D+/);!i||!f?a.filled=!1:N.Time([i,f,"01"].join("/")).validate||(a.correct=!1)}):v.match(/year/),a.filled&&a.correct&&u.forEach(n=>{{let i=Number(String(n).replace(/\D/ig,""));if(r&&Number(String(r).replace(/\D/ig,""))>i&&(a.prohibited=!0),d){let f=Number(String(d).replace(/\D/ig,""));i>f&&(a.prohibited=!0)}}})))})();{let{empty:m,escalated:n,filled:i,correct:f,prohibited:b}=a;m&&h&&(I=[{type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}]),n||I.push({type:"invalid",label:"\u6642\u7CFB\u5217\u3092\u6B63\u3057\u304F\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),f||I.push({type:"invalid",label:"\u7121\u52B9\u306A\u5024\u304C\u5165\u529B\u3055\u308C\u3066\u3044\u307E\u3059"}),i||I.push({type:"invalid",label:"\u6700\u5F8C\u307E\u3067\u5024\u3092\u57CB\u3081\u3066\u304F\u3060\u3055\u3044"}),b&&I.push({type:"invalid",label:oe(we,{children:[y(J,{children:"\u5165\u529B\u7BC4\u56F2\u304C\u5236\u9650\u3055\u308C\u3066\u3044\u307E\u3059"}),"[",r||"\u4E0B\u9650\u7121\u3057","] ~ [",d||"\u4E0A\u9650\u7121\u3057","]"]})})}return{ok:!I.filter(({type:m})=>m=="invalid").length,notice:I}},KeyDownEvent:e=>{let{val_era:t,restrict:v,event:r,val_status:d,set_status:h,val_focus:I,set_focus:u}=e,{key:a,shiftKey:m,ctrlKey:n,metaKey:i}=r,f=n||i,{selectionStart:b,selectionEnd:E}=r.target,{index:V,prevIndex:T}=I,{ranges:$,formatValue:z}=d,_=$.length-1;if(["Tab","ArrowLeft","ArrowRight"].includes(a)){let D=0;if(a=="Tab"){let l=+!m*2-1;if(D=I.index+l,D<0||D>_)return}else{let l=a=="ArrowLeft"?-1:a=="ArrowRight"?1:0;f||b==0&&E==String(d.formatValue).length?D=l==1?_:0:D=Math.max(0,Math.min(V+l,_))}u(l=>k(s({},l),{index:D,prevIndex:V})),r.preventDefault()}if(["Backspace","ArrowUp","ArrowDown","0","1","2","3","4","5","6","7","8","9"].includes(a)){r.preventDefault();let D=V;D=Math.max(D,0),D=Math.min(D,_);let{type:l,from:j,length:Y}=$[D],A=z.slice(j,j+Y),c;if(a=="Backspace")c="------".slice(0,Y);else if(["ArrowUp","ArrowDown"].includes(a)){let w=a=="ArrowUp"?1:-1;A=A|0,c=A+w;let[o,p,x]=l=="dateWareki"?t=="year"?[0,2999,4]:t=="reiwa"?[1,2999,4]:t=="heisei"?[1,31,4]:t=="shouwa"?[1,64,4]:t=="taisho"?[1,15,4]:t=="meiji"?[1,45,4]:[0,0,0]:l=="minute"?[0,59,2]:l=="hour"?[0,23,2]:l=="date"?[1,31,2]:l=="week"?[1,53,2]:l=="month"?[1,12,2]:l=="year"?[0,2999,4]:[0,0,0];c>p?c=o:c<o&&(c=p),c=Number(c).zeroEmbed(x)}else if(["0","1","2","3","4","5","6","7","8","9"].includes(a)){let w=A|0,o=a,p=`${w}${o}`;if(T!=V&&(w=0,p="0"+o),l=="year"||l=="dateWareki"&&t=="year")Number(p)>1e4?c=o:c=p,(c|0)>1e3&&D++;else if(["hour","minute","date","week","month"].includes(l)||l=="dateWareki"&&t!="year"){let x=l=="dateWareki"?t=="reiwa"?100:t=="heisei"?31:t=="shouwa"?64:t=="taisho"?15:t=="meiji"?45:0:l=="minute"?59:l=="hour"?23:l=="date"?31:l=="week"?53:l=="month"?12:0;c=(p|0)>x?o:p,(Number(o)>Number(String(x)[0])||A=="0000".slice(0,String(x).length)&&(p!="0000".slice(0,String(x).length)||["minute","hour"].includes(l)&&T==V)||(p|0)>=te(10,String(x).length-1))&&D++}l=="year"||l=="dateWareki"?c=(c|0).zeroEmbed(4):c=(c|0).zeroEmbed(2)}{let w=String(z).partReplace(j,String(c)),o=w.split(F).map(p=>p.replace(/(^\D|\D$)/,"").split(/\D+/).join(v=="clock"?":":"/").replace(/(^\D|\D$)/,""));if(v=="dateWareki"){let p=o[0].split(/\D/),[x,K,O]=p;p.length==3&&x&&(o=[[Number(x)-1+Number({year:1,reiwa:2019,heisei:1989,shouwa:1926,taisho:1912,meiji:1868}[t]),K,O].join("/")])}D=Math.max(D,0),D=Math.min(D,_),h(p=>k(s({},p),{dataValue:["dates","months"].includes(v)?o:o[0],formatValue:w,eventType:"update",eventID:W()})),u(p=>k(s({},p),{index:D,prevIndex:p.index}))}}}},ne={picker:{launch:e=>{let t=e.tipsID||W(),m=e,{onValueUpdate:v,min:r,max:d,era:h,restrict:I,defaultValue:u}=m,a=q(m,["onValueUpdate","min","max","era","restrict","defaultValue"]);ie.open(k(s({gravityPoint:e.gravityPoint||24,tipsID:t,padding:0,closeAtAroundClick:!0,closeAtParentBlur:!1},a),{parent:a.parent,content:y(xe,{restrict:I,min:r,max:d,era:h,defaultValue:u,tipsID:t,onValueUpdate:(n,i)=>{v(n,i)}})}))},remove:e=>{ie.close(e)}}},ke={Shallow:e=>{let{rootStates:t,val_status:v}=e,r=ue(t);return y(J,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:y(de.Description,k(s({className:t.className},r),{position:"absolute",width:1,freeCSS:k(s({},r.freeCSS),{color:"orange"}),children:y(J,{"data-input-value-shallow":v.componentID,children:"A"})}))})}},Ee=e=>{let Z=e,{tone:t,required:v,restrict:r="clock",componentID:d,era:h,form:I,name:u,min:a,max:m,className:n,enableFormSubmit:i,checkValidationAtFirst:f,onKeyDown:b,onValidate:E,onUpdateValue:V,onUpdateValidValue:T,value:$="",leftIndicator:z,rightIndicator:_,leftIcon:D,rightIcon:l,freeCSS:j,wrapStyles:Y}=Z,A=q(Z,["tone","required","restrict","componentID","era","form","name","min","max","className","enableFormSubmit","checkValidationAtFirst","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","leftIndicator","rightIndicator","leftIcon","rightIcon","freeCSS","wrapStyles"]),[c,w]=C(h),[o,p]=C(k(s({componentID:e.componentID||""},P.DataLeveling({restrict:r,value:$,era:c})),{eventType:"init",eventID:W()})),[x,K]=C({ok:!1,notice:[]}),[O,U]=C({active:!1,index:0,prevIndex:-1}),le={rootStates:e,val_status:o,set_status:p,val_validate:x,set_validate:K,val_era:c,set_era:w,val_focus:O,set_focus:U};H.CommonEffects({type:"time",states:e,val_status:o,set_status:p,val_validate:x,set_validate:K,SystemValidation:P.SystemValidation,ExtraOverrideStates:s({},P.DataLeveling({restrict:r,value:$,era:c}))});const Q=pe(!1);return G(()=>{if(Q.current){p(S=>s(s({},S),P.DataLeveling({restrict:r,value:S.dataValue,era:c})));let g=L.get("refreshEra_"+o.componentID);g&&g.refreshEra(c)}else Q.current=!0},[c]),L.update({[o.componentID]:{openPicker:()=>{e.disabled||ne.picker.launch({parent:"#Picker-"+o.componentID,tipsID:"PickerTips-"+o.componentID,restrict:r,min:a,max:m,defaultValue:o.dataValue,era:c,onValueUpdate:(g,S)=>{p(M=>k(s(s({},M),P.DataLeveling({restrict:r,value:g,era:S})),{eventType:"update",eventID:W()})),w(S)}})},resetEra:g=>{w(g),p(S=>k(s(s({},S),P.DataLeveling({restrict:r,value:"",era:c})),{eventType:"update",eventID:W()}))}}}),G(()=>{let{index:g,active:S}=O;if(S){g=Math.max(g,0),g=Math.min(g,o.ranges.length-1);let{from:M,length:B}=o.ranges[g],X=ce("#"+e.id)[0];X&&X.setSelectionRange(M,M+B)}},[O]),oe(ve,{val_status:o,set_status:p,val_validate:x,states:e,children:[y(ke.Shallow,s({},le)),y(Se,{componentID:e.componentID,fontSize:e.fontSize,required:e.required,label:e.label,isActive:!0}),ae.get().isTouchDevice?y(re.Plain,{"data-show-validation":H.isShowValidation(x,o,!!f),"data-component-id":o.componentID,className:n,freeCSS:{textAlign:"left"},children:o.formatValue,onClick:g=>{let S=L.get(o.componentID);S&&S.openPicker(),g.stopPropagation()}}):y(J,s({htmlTag:"input",type:"text",inputMode:"numeric","data-show-validation":H.isShowValidation(x,o,!!f),"data-input-origin":o.componentID,"data-disabled":e.disabled,value:o.formatValue,className:n,tabIndex:ae.get().isTouchDevice?-1:0,onKeyDown:g=>{P.KeyDownEvent({restrict:r,event:g,val_era:c,val_status:o,set_status:p,val_focus:O,set_focus:U}),b&&b(g),i&&H.SubmitForm(g,I)},onKeyUp:g=>{g.key=="Tab"&&U(S=>k(s({},S),{active:!0}))},onClick:g=>{let S=g.target.selectionEnd,M=0;o.ranges.forEach((B,X)=>{let{from:ee,length:se,region:me}=B;ee<=S&&S<=ee+(me||se)&&(M=X)}),U(B=>k(s({},B),{active:!0,index:M})),g.preventDefault()},onChange:()=>{}},A))]})},R={Origin:e=>{let t=s({},e),[v]=C(e.componentID||W());if(t.componentID=v,N.is.nullish(t.rightIcon)){let r=(e.restrict||"").match(/clock/)?he:ge;t.rightIcon=y(Ie,{ssSphere:2,freeCSS:{pointerEvents:"all"},children:y(re.Sub,{color:"cloud",border:"unset",ssSphere:2,fontColor:"theme",boxShadow:"0.normal",borderRadius:"3.tone.tertiary",flexCenter:!0,ssEffectsOnActive:"push",tabIndex:-1,id:"Picker-"+t.componentID,onClick:()=>{let d=L.get(t.componentID);d&&d.openPicker()},children:y(fe,{icon:r})})})}return y(ye,{componentID:t.componentID,children:Ee,states:De(t)})},Clock:e=>y(R.Origin,s({restrict:"clock",era:"clock"},e)),Date:e=>y(R.Origin,s({restrict:"date"},e)),Week:e=>y(R.Origin,s({restrict:"week"},e)),Month:e=>y(R.Origin,s({restrict:"month"},e)),Year:e=>y(R.Origin,s({restrict:"year"},e)),DateWareki:e=>{e=s({},e);let[t]=C(e.componentID||W());e.componentID=t;let{defaultEra:v="wareki"}=e,[r,d]=C((()=>{let h="year";if(v=="wareki"&&(h="reiwa",e.value)){let[I,u,a]=e.value.split(/\D/);if(I&&u&&a){let m=Number(I);m>=2019?(m-=2019,h="reiwa"):m>=1989?(m-=1989,h="heisei"):m>=1926?(m-=1926,h="shouwa"):m>=1912?(m-=1912,h="taisho"):m>=1868&&(m-=1868,h="meiji"),m+=1}}return h})());return G(()=>{L.set({["refreshEra_"+t]:{refreshEra:h=>{d(h)}}})},[]),y(R.Origin,k(s({restrict:"dateWareki",leftIndicator:y(Te,{label:"\u5143\u53F7",emptySelect:!1,value:r,tone:e.tone||"border",override:"force",flexCenter:!0,borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3",height:1,freeCSS:{whiteSpace:"nowrap"},options:[{value:"year",label:"\u897F\u66A6"},{value:"reiwa",label:"\u4EE4\u548C"},{value:"heisei",label:"\u5E73\u6210"},{value:"shouwa",label:"\u662D\u548C"},{value:"taisho",label:"\u5927\u6B63"},{value:"meiji",label:"\u660E\u6CBB"}],onUpdateValidValue:({value:h,eventType:I})=>{d(h);let u=L.get(e.componentID);u&&u.resetEra&&u.resetEra(h)}})},e),{era:r}))},Periods:{Date:e=>y(R.Origin,s({restrict:"dates"},e)),Month:e=>y(R.Origin,s({restrict:"months"},e))},fn:ne};export{R as Time,R as default};

package/dist/fn/Input/core.js

@@ -1 +1 @@
-import{b as o,c as d,e as C}from"../../chunk-C5N2D3ZX.js";import{jsx as p,jsxs as R}from"react/jsx-runtime";import{useState as x,useEffect as S}from"react";import r from"@mingoo/jsmin";import{$$fromRoot as D,Config as k,useStore as y}from"../../@utils";import{InputClasses as _}from"../../@styles/componentClasses";import{Box as B,Flex as E,FAI as g,Column as N}from"../../atoms";import{Row as b,Text as w}from"../../mols";import{Button as F}from"../Button";import T from"../Tooltips";const ot=t=>{let[n]=x(t.componentID||r.uuid.gen());t=o({},t),t.states=d(o({enableFormSubmit:!0,status_id:r.uuid.gen(),override:"never",form:"",id:r.uuid.gen(),"aria-label":"Input-"+n},t.states),{componentID:n});let{children:e}=t;return p(e,o({},t.states))},it=t=>{let{children:n,val_status:e,val_validate:a,states:i}=t,{leftIcon:l,wrapStyles:c}=i;return e.eventType=="init"&&!i.checkValidationAtFirst&&(a.notice=[]),R(b.Center,d(o({position:"relative",verticalAlign:"unset",gap:0},c),{className:_("Wrapper"),"data-notice-uid":e.componentID,children:[p(V.Notice,{notice:a.notice,val_status:e}),i.leftIndicator,R(E,{position:"relative",flexSizing:"auto",children:[n,l,p(V.RightIcon,o({},t)),p(V.ClearButton,o({},t))]}),i.rightIndicator]}))},V={ClearButton:t=>!t.states.clearButton||!t.val_status.dataValue?null:p(F.Normal,{ssSphere:2,flexCenter:!0,fontColor:"5.translucent",ssEffectsOnActive:["ripple.theme"],position:"absolute",right:1,top:"50%",freeCSS:{zIndex:3,transform:"translateY(-50%)"},onClick:()=>{t.set_status(n=>d(o({},n),{dataValue:"",formatValue:"",eventType:"update",eventID:r.uuid.gen()}))},children:p(g.Times,{})}),RightIcon:t=>t.states.clearButton&&t.val_status.dataValue?null:t.states.rightIcon,Notice:t=>{let{notice:n,val_status:e}=t,{componentID:a}=e,i="NoticeTimer-"+a,l="NoticeTimerClose-"+a,c="notice-tips-"+a;return S(()=>{r.interval.clear(i),r.interval.clear(l),r.interval.standBy(i,350,()=>{if(!n.length){T.close(c);return}T.open({tipsID:c,parent:`[data-notice-uid="${a}"]`,gravityPoint:22,padding:[1,0],closeAtParentBlur:!1,content:R(T.Body,{padding:["1/2","2/3"],fontSize:"1.mini",position:"relative",children:[p(B,{position:"absolute",unitHeight:1,unitWidth:1,left:1,backgroundColor:"dark",freeCSS:{zIndex:1,transform:"rotate(45deg)",top:-6}}),p(N,{backgroundColor:"inherit",gap:"1/3",position:"relative",freeCSS:{zIndex:2},children:n.map((v,I)=>{let{type:s,label:u}=v,f=s=="invalid"?g.Times:s=="warn"?g.Exclamation:g.Check;return R(b.Left,{gap:0,borderRadius:"2.tone.secondary",children:[p(f,{flexCenter:!0,fontSize:"2.normal",fontColor:{invalid:"nega",warn:"warn",valid:"posi"}[s]}),p(w.Supplement,{fontSize:"0.xs",fontColor:"white",children:u})]},I+"-"+JSON.stringify(v))})})]})})}),r.interval.standBy(l,6e3,()=>{T.close(c)})},[n]),null}},A={DefaultStatus:(t,n)=>({componentID:t,dataValue:n,eventType:"init",eventID:r.uuid.gen()}),CommonEffects:function(t){let{type:n,states:e,val_status:a,set_status:i,val_validate:l,set_validate:c,SystemValidation:v}=t;e=o({},e);let{componentID:I}=a;S(()=>(y.update({[I]:{ResolveRefresh:null,Refresh:()=>new Promise((s,u)=>{y.get(I).ResolveRefresh=s,i(f=>d(o({},f),{eventType:"refresh",eventID:r.uuid.gen()}))}),GenNotice:s=>{let{ok:u,notice:f}=s;c({ok:u,notice:f})}}}),()=>{y.delete(I)}),[]),r.scope(()=>{let{override:s}=e;if(s=="never"||s=="beforeModified"&&!["init","override"].includes(a.eventType))return;let u=y.get(a.componentID);u&&(e.value!=a.dataValue&&e.status_id!=u.status_id&&i(f=>d(o(d(o({},f),{dataValue:e.value}),t.ExtraOverrideStates),{eventType:"override",eventID:r.uuid.gen()})),u.status_id=e.status_id)}),S(()=>{A.ValidationCheck({val_status:a,set_validate:c,SystemValidation:v,states:e})},[a.eventID,a.dataValue]),S(()=>(r.scope(()=>{let{componentID:s,eventType:u,dataValue:f}=a,m=f;if(n=="autocomplete.single"||n=="list.radio"?m=m[0]:e.isChecker&&(m=!!m[0]),e.form=e.form||"testForm",e.name&&e.form&&y.update({[["form-data",e.form].join("-")]:{[e.name]:{componentID:s,type:n,value:m,validation:l.ok}}}),u=="refresh"){let h=y.get(s);h&&h.ResolveRefresh&&h.ResolveRefresh(null)}else u=="update"&&(e.onUpdateValue&&e.onUpdateValue({componentID:s,value:m,eventType:u}),r.scope(()=>{l.ok&&e.onUpdateValidValue&&e.onUpdateValidValue({componentID:s,value:m,eventType:u})}))}),()=>{y.update({[["form-data",e.form].join("-")]:{[e.name]:null}})}),[l])},ValidationCheck:t=>{let{states:n}=t;r.interval.clear("ValidationTimer-"+t.val_status.componentID);let e=t.SystemValidation({value:t.val_status.dataValue,states:n});if(!e.ok){t.set_validate(e);return}let a=e.notice;const i=()=>C(void 0,null,function*(){if(!n.onValidate)return;let l=yield n.onValidate({value:t.val_status.dataValue,eventType:t.val_status.eventType,props:t});t.set_validate({ok:l.ok,notice:[...a,...l.notice]})});if(n.onValidate){if(t.val_status.eventType=="refresh"){i();return}r.interval.standBy("ValidationTimer-"+t.val_status.componentID,450,i);return}t.set_validate({ok:!0,notice:a})},SubmitForm:(t,n)=>{let e=!1;if(!n)return e;let a=D(`[data-form-submit-button="${n}"]`)[0];if(!a)return e;let i=a.dataset.sdfike||"",l=t.key,c=t.ctrlKey||t.metaKey;return r.scope(()=>{i.includes("enter")&&(l!="Enter"||t.nativeEvent.isComposing||k.get().browserIs=="safari"&&t.keyCode==229)||((l=="Enter"&&(i.includes("enter")||i.includes("auxEnter")&&c)||l==" "&&i.includes("space"))&&(a.click(),t.preventDefault()),e=!0)}),e},isShowValidation:(t,n,e)=>{let a=t.ok;return!e&&n.eventType=="init"&&(a=!0),a}},rt=function(t){t=o({tone:"border"},t);let n=r.scope(()=>{if(t.tone=="plain")return{};let a={padding:"3/4",transition:"middle",flexSizing:"auto",boxShadow:"0.min"};return t.tone=="border"?a=d(o({},a),{border:!0,borderRadius:"2.tone.secondary",backgroundColor:"layer.1"}):t.tone=="cloud"?a=d(o({},a),{border:"1.thin",borderRadius:"2.tone.secondary",backgroundColor:"cloud"}):t.tone=="bottomBorder"&&(a=d(o({},a),{borderRadius:0,border:"unset",borderBottom:!0,backgroundColor:"cloud"})),a});return d(o(o(o(o(o(o({fontColor:"2.normal"},n),!!t.rightIcon&&{paddingRight:3}),!!t.leftIcon&&{paddingLeft:3}),!!t.leftIndicator&&{borderTopLeftRadius:"2/3",borderBottomLeftRadius:"2/3",marginLeft:"1/4"}),!!t.rightIndicator&&{borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3",marginRight:"1/4"}),t),{freeCSS:o({letterSpacing:"1px",resize:"none"},t.freeCSS),className:[_("Input"),t.className].join(" ")})};export{it as BoxWrapper,A as CoreEffects,rt as DefaultBoxishStyles,ot as OptionalInputWrapper};
+import{b as o,c as u,e as _}from"../../chunk-C5N2D3ZX.js";import{jsx as p,jsxs as h}from"react/jsx-runtime";import{useState as x,useEffect as g}from"react";import d,{UUID as y}from"@mingoo/jsmin";import{$$fromRoot as k,Config as B,useStore as v}from"../../@utils";import{InputClasses as b}from"../../@styles/componentClasses";import{Box as E,Flex as N,FAI as T,Column as w}from"../../atoms";import{Row as D,Text as F}from"../../mols";import{Button as A}from"../Button";import R from"../Tooltips";const it=t=>{let[n]=x(t.componentID||y());t=o({},t),t.states=u(o({enableFormSubmit:!0,status_id:y(),override:"never",form:"",id:y(),"aria-label":"Input-"+n},t.states),{componentID:n});let{children:e}=t;return p(e,o({},t.states))},rt=t=>{let{children:n,val_status:e,val_validate:a,states:i}=t,{leftIcon:r,wrapStyles:c}=i;return e.eventType=="init"&&!i.checkValidationAtFirst&&(a.notice=[]),h(D.Center,u(o({position:"relative",verticalAlign:"unset",gap:0},c),{className:b("Wrapper"),"data-notice-uid":e.componentID,children:[p(C.Notice,{notice:a.notice,val_status:e}),i.leftIndicator,h(N,{position:"relative",flexSizing:"auto",children:[n,r,p(C.RightIcon,o({},t)),p(C.ClearButton,o({},t))]}),i.rightIndicator]}))},C={ClearButton:t=>!t.states.clearButton||!t.val_status.dataValue?null:p(A.Normal,{ssSphere:2,flexCenter:!0,fontColor:"5.translucent",ssEffectsOnActive:["ripple.theme"],position:"absolute",right:1,top:"50%",freeCSS:{zIndex:3,transform:"translateY(-50%)"},onClick:()=>{t.set_status(n=>u(o({},n),{dataValue:"",formatValue:"",eventType:"update",eventID:y()}))},children:p(T.Times,{})}),RightIcon:t=>t.states.clearButton&&t.val_status.dataValue?null:t.states.rightIcon,Notice:t=>{let{notice:n,val_status:e}=t,{componentID:a}=e,i="NoticeTimer-"+a,r="NoticeTimerClose-"+a,c="notice-tips-"+a;return g(()=>{d.interval.clear(i),d.interval.clear(r),d.interval.standBy(i,350,()=>{if(!n.length){R.close(c);return}R.open({tipsID:c,parent:`[data-notice-uid="${a}"]`,gravityPoint:22,padding:[1,0],closeAtParentBlur:!1,content:h(R.Body,{padding:["1/2","2/3"],fontSize:"1.mini",position:"relative",children:[p(E,{position:"absolute",unitHeight:1,unitWidth:1,left:1,backgroundColor:"dark",freeCSS:{zIndex:1,transform:"rotate(45deg)",top:-6}}),p(w,{backgroundColor:"inherit",gap:"1/3",position:"relative",freeCSS:{zIndex:2},children:n.map((I,S)=>{let{type:l,label:s}=I,f=l=="invalid"?T.Times:l=="warn"?T.Exclamation:T.Check;return h(D.Left,{gap:0,borderRadius:"2.tone.secondary",children:[p(f,{flexCenter:!0,fontSize:"2.normal",fontColor:{invalid:"nega",warn:"warn",valid:"posi"}[l]}),p(F.Supplement,{fontSize:"0.xs",fontColor:"white",children:s})]},S+"-"+JSON.stringify(I))})})]})})}),d.interval.standBy(r,6e3,()=>{R.close(c)})},[n]),null}},W={DefaultStatus:(t,n)=>({componentID:t,dataValue:n,eventType:"init",eventID:y()}),CommonEffects:function(t){let{type:n,states:e,val_status:a,set_status:i,val_validate:r,set_validate:c,SystemValidation:I}=t;e=o({},e);let{componentID:S}=a;g(()=>(v.update({[S]:{ResolveRefresh:null,Refresh:()=>new Promise((l,s)=>{v.get(S).ResolveRefresh=l,i(f=>u(o({},f),{eventType:"refresh",eventID:y()}))}),GenNotice:l=>{let{ok:s,notice:f}=l;c({ok:s,notice:f})}}}),()=>{v.delete(S)}),[]),d.scope(()=>{let{override:l}=e;if(l=="never"||l=="beforeModified"&&!["init","override"].includes(a.eventType))return;let s=v.get(a.componentID);s&&(e.value!=a.dataValue&&e.status_id!=s.status_id&&i(f=>u(o(u(o({},f),{dataValue:e.value}),t.ExtraOverrideStates),{eventType:"override",eventID:y()})),s.status_id=e.status_id)}),g(()=>{W.ValidationCheck({val_status:a,set_validate:c,SystemValidation:I,states:e})},[a.eventID,a.dataValue]),g(()=>(d.scope(()=>{let{componentID:l,eventType:s,dataValue:f}=a,m=f;if(n=="autocomplete.single"||n=="list.radio"?m=m[0]:e.isChecker&&(m=!!m[0]),e.form=e.form||"testForm",e.name&&e.form&&v.update({[["form-data",e.form].join("-")]:{[e.name]:{componentID:l,type:n,value:m,validation:r.ok}}}),s=="refresh"){let V=v.get(l);V&&V.ResolveRefresh&&V.ResolveRefresh(null)}else s=="update"&&(e.onUpdateValue&&e.onUpdateValue({componentID:l,value:m,eventType:s}),d.scope(()=>{r.ok&&e.onUpdateValidValue&&e.onUpdateValidValue({componentID:l,value:m,eventType:s})}))}),()=>{v.update({[["form-data",e.form].join("-")]:{[e.name]:null}})}),[r])},ValidationCheck:t=>{let{states:n}=t;d.interval.clear("ValidationTimer-"+t.val_status.componentID);let e=t.SystemValidation({value:t.val_status.dataValue,states:n});if(!e.ok){t.set_validate(e);return}let a=e.notice;const i=()=>_(void 0,null,function*(){if(!n.onValidate)return;let r=yield n.onValidate({value:t.val_status.dataValue,eventType:t.val_status.eventType,props:t});t.set_validate({ok:r.ok,notice:[...a,...r.notice]})});if(n.onValidate){if(t.val_status.eventType=="refresh"){i();return}d.interval.standBy("ValidationTimer-"+t.val_status.componentID,450,i);return}t.set_validate({ok:!0,notice:a})},SubmitForm:(t,n)=>{let e=!1;if(!n)return e;let a=k(`[data-form-submit-button="${n}"]`)[0];if(!a)return e;let i=a.dataset.sdfike||"",r=t.key,c=t.ctrlKey||t.metaKey;return d.scope(()=>{i.includes("enter")&&(r!="Enter"||t.nativeEvent.isComposing||B.get().browserIs=="safari"&&t.keyCode==229)||((r=="Enter"&&(i.includes("enter")||i.includes("auxEnter")&&c)||r==" "&&i.includes("space"))&&(a.click(),t.preventDefault()),e=!0)}),e},isShowValidation:(t,n,e)=>{let a=t.ok;return!e&&n.eventType=="init"&&(a=!0),a}},lt=function(t){t=o({tone:"border"},t);let n=d.scope(()=>{if(t.tone=="plain")return{};let a={padding:"3/4",transition:"middle",flexSizing:"auto",boxShadow:"0.min"};return t.tone=="border"?a=u(o({},a),{border:!0,borderRadius:"2.tone.secondary",backgroundColor:"layer.1"}):t.tone=="cloud"?a=u(o({},a),{border:"1.thin",borderRadius:"2.tone.secondary",backgroundColor:"cloud"}):t.tone=="bottomBorder"&&(a=u(o({},a),{borderRadius:0,border:"unset",borderBottom:!0,backgroundColor:"cloud"})),a});return u(o(o(o(o(o(o({fontColor:"2.normal"},n),!!t.rightIcon&&{paddingRight:3}),!!t.leftIcon&&{paddingLeft:3}),!!t.leftIndicator&&{borderTopLeftRadius:"2/3",borderBottomLeftRadius:"2/3",marginLeft:"1/4"}),!!t.rightIndicator&&{borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3",marginRight:"1/4"}),t),{freeCSS:o({letterSpacing:"1px",resize:"none"},t.freeCSS),className:[b("Input"),t.className].join(" ")})};export{rt as BoxWrapper,W as CoreEffects,lt as DefaultBoxishStyles,it as OptionalInputWrapper};

package/dist/fn/Loader/mini.js

@@ -1 +1 @@
-import{b as d,c as f,d as h}from"../../chunk-C5N2D3ZX.js";import{jsx as s,jsxs as x}from"react/jsx-runtime";import y from"@mingoo/jsmin";import{$$fromRoot as L,useStore as z}from"../../@utils";import{useState as l,useEffect as g}from"react";import{LoaderClasses as e}from"../../@styles/componentClasses";import{Row as I}from"../../mols";const R=w=>{let p=w,{color:S="theme",size:t="R",showInitial:c=!1,loaderID:u=""}=p,C=h(p,["color","size","showInitial","loaderID"]),[m]=l(u),[i]=l(y.uuid.gen()),[v,a]=l(c),o=0;t=="S"?o=1:t=="R"?o=1.5:t=="L"?o=3:t=="XL"?o=4:t=="MAX"&&(o=6);let n={theme:"hsl( var( --color-theme-hsl ) )",posi:"var( --color-positive )",nega:"var( --color-negative )",warn:"var( --color-warning )",cloud:"hsl( var( --color-layer5-hsl ) )",white:"white"}[S];return g(()=>{let r=L('[data-component-id="'+i+'"]');v?r.removeClass(e("Hide")).await(10).addClass(e("Active")):r.removeClass(e("Active")).await(210).addClass(e("Hide"))},[v]),g(()=>{z.set({[i]:{active:r=>{m==r&&a(!0)},stop:r=>{m==r&&a(!1)},stopForce:()=>{a(!1)}}})},[]),x(I.Center,f(d({className:[e("MiniLoader"),e(c?"Active":"Hide")].join(" "),componentID:i,ssSphere:o,position:"relative"},C),{children:[s("svg",{className:e("SVG1"),width:"100",height:"100",viewBox:"0 0 100 100",style:{stroke:n},children:s("circle",{cx:"50",cy:"50",r:"40"})}),s("svg",{className:e("SVG2"),width:"100",height:"100",viewBox:"0 0 100 100",style:{stroke:n},children:s("circle",{cx:"50",cy:"50",r:"40"})})]}))};export{R as Mini};
+import{b as f,c as d,d as h}from"../../chunk-C5N2D3ZX.js";import{jsx as s,jsxs as x}from"react/jsx-runtime";import{UUID as y}from"@mingoo/jsmin";import{$$fromRoot as L,useStore as z}from"../../@utils";import{useState as l,useEffect as g}from"react";import{LoaderClasses as e}from"../../@styles/componentClasses";import{Row as I}from"../../mols";const R=w=>{let n=w,{color:S="theme",size:t="R",showInitial:c=!1,loaderID:C=""}=n,u=h(n,["color","size","showInitial","loaderID"]),[m]=l(C),[i]=l(y()),[v,a]=l(c),o=0;t=="S"?o=1:t=="R"?o=1.5:t=="L"?o=3:t=="XL"?o=4:t=="MAX"&&(o=6);let p={theme:"hsl( var( --color-theme-hsl ) )",posi:"var( --color-positive )",nega:"var( --color-negative )",warn:"var( --color-warning )",cloud:"hsl( var( --color-layer5-hsl ) )",white:"white"}[S];return g(()=>{let r=L('[data-component-id="'+i+'"]');v?r.removeClass(e("Hide")).await(10).addClass(e("Active")):r.removeClass(e("Active")).await(210).addClass(e("Hide"))},[v]),g(()=>{z.set({[i]:{active:r=>{m==r&&a(!0)},stop:r=>{m==r&&a(!1)},stopForce:()=>{a(!1)}}})},[]),x(I.Center,d(f({className:[e("MiniLoader"),e(c?"Active":"Hide")].join(" "),componentID:i,ssSphere:o,position:"relative"},u),{children:[s("svg",{className:e("SVG1"),width:"100",height:"100",viewBox:"0 0 100 100",style:{stroke:p},children:s("circle",{cx:"50",cy:"50",r:"40"})}),s("svg",{className:e("SVG2"),width:"100",height:"100",viewBox:"0 0 100 100",style:{stroke:p},children:s("circle",{cx:"50",cy:"50",r:"40"})})]}))};export{R as Mini};

package/dist/fn/RootViewController.js

@@ -1 +1 @@
-import{b as s,c as h,d as y}from"../chunk-C5N2D3ZX.js";import{jsx as g,jsxs as R}from"react/jsx-runtime";import{useState as x,useEffect as N}from"react";import i from"@mingoo/jsmin";import{$$fromRoot as c,Config as _,pageRouter as w}from"../@utils";import{Box as S,Flex as C,Column as F}from"../atoms";import{Button as P}from"./Button";import{LayoutClasses as f}from"../@styles/componentClasses";const d={Base:t=>{let n=t,{topNavigation:o,sideNavigation:e,footerNavigation:a,children:l,className:r}=n,u=y(n,["topNavigation","sideNavigation","footerNavigation","children","className"]);N(()=>{d.fn.updateCSSProperty.reset(),setTimeout(()=>{d.fn.updateCSSProperty.reset()},100);let p="ResizeCB",m="RemovePageEventCB";return i(window).addEvent({eventType:"resize",eventID:p,callback:()=>{_.get().screen.isPhonepoint()||(i.interval.clear("__RVC_calcHeights"),i.interval.standBy("__RVC_calcHeights",300,()=>{d.fn.updateCSSProperty.reset()}))}}),()=>{i(window).removeEvent(m),i(window).removeEvent(p)}},[]);let v=l;return R(F,h(s({className:[r,f("RootViewController")].join(" "),backgroundColor:"layer.1",gap:0,minHeight:"viewHeight"},u),{children:[o,R(C,{className:f("Body"),flexWrap:!1,position:"relative",flexSizing:0,children:[e,g(S,{className:f("Content"),position:"relative",flexSizing:0,width:0,UnderBreakPointStyles:{width:"auto"},children:v})]}),a]}))},TopNavigation:t=>{let r=t,{className:o,children:e}=r,a=y(r,["className","children"]),[l]=x(i.uuid.gen());return N(()=>{d.fn.updateCSSProperty.topNav()},[]),g(C,h(s({"data-id":l,flexSizing:"none",flexType:"col",position:"sticky",top:0,backgroundColor:"layer.1"},a),{id:"__RVC_TopNavigation",className:[o,f("TopNav")].join(" "),children:e}),l)},SideNavigation:t=>{let a=t,{className:o=""}=a,e=y(a,["className"]);return N(()=>{d.fn.updateCSSProperty.sideNav()},[]),g(S,h(s({className:[o,f("SideNav")].join(" "),flexSizing:"none",minHeight:"sideNavigationHeight"},e),{id:"__RVC_SideNavigation"}))},FooterNavigation:t=>{let r=t,{className:o="",baseStyles:e}=r,a=y(r,["className","baseStyles"]),[l]=x(i.uuid.gen());return N(()=>{d.fn.updateCSSProperty.footer()},[]),g(C,h(s({"data-id":l,borderTop:!0,position:"sticky",bottom:0,overflow:"auto",backgroundColor:"layer.1",paddingBottom:"safeAreaBottom"},e),{id:"__RVC_FooterNavigation",className:[f("FooterNav"),o].join(" "),children:g(C,s({gap:1,flexWrap:!1,padding:"2/3",margin:"auto"},a))}))},Comps:{Button:t=>{let v=t,{isActive:o,uri:e,uriGroup:a}=v,l=y(v,["isActive","uri","uriGroup"]),r=i.flatArray(a),u=location.pathname;{let n=!1;if(i.is.exist(e)&&i.is.string(e)){let p=[location.origin,e.replace(/\//,"")].join("/");n=u==new URL(p).pathname}if(!n&&r.length)for(let p of r)i.is.nullish(p)||u.match(new RegExp(p))&&(n=!0);o=o!=null?o:n}return g(P.Clear,s({isActive:o,isActiveStyles:{fontColor:"theme",backgroundColor:"cloud"},onClick:n=>{i.is.exist(e)&&i.is.string(e)&&w.push(e,n.ctrlKey||n.metaKey)},color:"cloud",padding:["3/4",1],display:"flex",gap:"1/2",fontColor:"inherit",width:1,flexSizing:"none",flexWrap:!1,ssEffectsOnActive:"ripple.cloud",verticalAlign:"center",textAlign:"left",isSemiBoldFont:!0},l))},Bar:t=>g(S,s({flexSizing:"none",backgroundColor:"layer.4.opa.middle",unitHeight:"1/3",margin:["2/3",1],isRounded:!0},t)),Title:t=>g(S,s({fontSize:"3.paragraph",isSemiBoldFont:!0,padding:[0,1]},t))},fn:{updateCSSProperty:{topNav:()=>{let t=i(document.body),o=c("#__RVC_TopNavigation"),e=o.position().height||0,a=e;o.getStyleProperty("position")!="sticky"&&(a=0),t.setStyleProperty("--topNavHeight",e+"px").setStyleProperty("--topBase",a+"px")},footer:()=>{let t=i(document.body),e=c("#__RVC_FooterNavigation").position().height||0;t.setStyleProperty("--footerNavHeight",e+"px")},sideNav:()=>{let t=i(document.body),e=c("#__RVC_SideNavigation").position().width||0;t.setStyleProperty("--sideNavWidth",e+"px")},reset:()=>{let t=i(document.body),o=c("#__RVC_TopNavigation"),e=c("#__RVC_FooterNavigation"),a=c("#__RVC_SideNavigation"),l=o.position().height||0,r=l,u=e.position().height||0,v=a.position().width||0;o.getStyleProperty("position")!="sticky"&&(r=0);let n=window.innerHeight,p=window.innerWidth,m=n-l-u,B=p-v;t.setStyleProperty("--topNavHeight",l+"px").setStyleProperty("--topBase",r+"px").setStyleProperty("--footerNavHeight",u+"px").setStyleProperty("--viewHeight",n+"px").setStyleProperty("--sideNavHeight",m+"px").setStyleProperty("--contentHeight",m+"px").setStyleProperty("--contentWidth",B+"px")}}}};export{d as RootViewController,d as default};
+import{b as s,c as h,d as y}from"../chunk-C5N2D3ZX.js";import{jsx as g,jsxs as B}from"react/jsx-runtime";import{useState as x,useEffect as N}from"react";import a,{UUID as R}from"@mingoo/jsmin";import{$$fromRoot as c,Config as w,pageRouter as F}from"../@utils";import{Box as S,Flex as C,Column as P}from"../atoms";import{Button as H}from"./Button";import{LayoutClasses as f}from"../@styles/componentClasses";const d={Base:t=>{let n=t,{topNavigation:o,sideNavigation:e,footerNavigation:i,children:l,className:r}=n,u=y(n,["topNavigation","sideNavigation","footerNavigation","children","className"]);N(()=>{d.fn.updateCSSProperty.reset(),setTimeout(()=>{d.fn.updateCSSProperty.reset()},100);let p="ResizeCB",m="RemovePageEventCB";return a(window).addEvent({eventType:"resize",eventID:p,callback:()=>{w.get().screen.isPhonepoint()||(a.interval.clear("__RVC_calcHeights"),a.interval.standBy("__RVC_calcHeights",300,()=>{d.fn.updateCSSProperty.reset()}))}}),()=>{a(window).removeEvent(m),a(window).removeEvent(p)}},[]);let v=l;return B(P,h(s({className:[r,f("RootViewController")].join(" "),backgroundColor:"layer.1",gap:0,minHeight:"viewHeight"},u),{children:[o,B(C,{className:f("Body"),flexWrap:!1,position:"relative",flexSizing:0,children:[e,g(S,{className:f("Content"),position:"relative",flexSizing:0,width:0,UnderBreakPointStyles:{width:"auto"},children:v})]}),i]}))},TopNavigation:t=>{let r=t,{className:o,children:e}=r,i=y(r,["className","children"]),[l]=x(R());return N(()=>{d.fn.updateCSSProperty.topNav()},[]),g(C,h(s({"data-id":l,flexSizing:"none",flexType:"col",position:"sticky",top:0,backgroundColor:"layer.1"},i),{id:"__RVC_TopNavigation",className:[o,f("TopNav")].join(" "),children:e}),l)},SideNavigation:t=>{let i=t,{className:o=""}=i,e=y(i,["className"]);return N(()=>{d.fn.updateCSSProperty.sideNav()},[]),g(S,h(s({className:[o,f("SideNav")].join(" "),flexSizing:"none",minHeight:"sideNavigationHeight"},e),{id:"__RVC_SideNavigation"}))},FooterNavigation:t=>{let r=t,{className:o="",baseStyles:e}=r,i=y(r,["className","baseStyles"]),[l]=x(R());return N(()=>{d.fn.updateCSSProperty.footer()},[]),g(C,h(s({"data-id":l,borderTop:!0,position:"sticky",bottom:0,overflow:"auto",backgroundColor:"layer.1",paddingBottom:"safeAreaBottom"},e),{id:"__RVC_FooterNavigation",className:[f("FooterNav"),o].join(" "),children:g(C,s({gap:1,flexWrap:!1,padding:"2/3",margin:"auto"},i))}))},Comps:{Button:t=>{let v=t,{isActive:o,uri:e,uriGroup:i}=v,l=y(v,["isActive","uri","uriGroup"]),r=a.flatArray(i),u=location.pathname;{let n=!1;if(a.is.exist(e)&&a.is.string(e)){let p=[location.origin,e.replace(/\//,"")].join("/");n=u==new URL(p).pathname}if(!n&&r.length)for(let p of r)a.is.nullish(p)||u.match(new RegExp(p))&&(n=!0);o=o!=null?o:n}return g(H.Clear,s({isActive:o,isActiveStyles:{fontColor:"theme",backgroundColor:"cloud"},onClick:n=>{a.is.exist(e)&&a.is.string(e)&&F.push(e,n.ctrlKey||n.metaKey)},color:"cloud",padding:["3/4",1],display:"flex",gap:"1/2",fontColor:"inherit",width:1,flexSizing:"none",flexWrap:!1,ssEffectsOnActive:"ripple.cloud",verticalAlign:"center",textAlign:"left",isSemiBoldFont:!0},l))},Bar:t=>g(S,s({flexSizing:"none",backgroundColor:"layer.4.opa.middle",unitHeight:"1/3",margin:["2/3",1],isRounded:!0},t)),Title:t=>g(S,s({fontSize:"3.paragraph",isSemiBoldFont:!0,padding:[0,1]},t))},fn:{updateCSSProperty:{topNav:()=>{let t=a(document.body),o=c("#__RVC_TopNavigation"),e=o.position().height||0,i=e;o.getStyleProperty("position")!="sticky"&&(i=0),t.setStyleProperty("--topNavHeight",e+"px").setStyleProperty("--topBase",i+"px")},footer:()=>{let t=a(document.body),e=c("#__RVC_FooterNavigation").position().height||0;t.setStyleProperty("--footerNavHeight",e+"px")},sideNav:()=>{let t=a(document.body),e=c("#__RVC_SideNavigation").position().width||0;t.setStyleProperty("--sideNavWidth",e+"px")},reset:()=>{let t=a(document.body),o=c("#__RVC_TopNavigation"),e=c("#__RVC_FooterNavigation"),i=c("#__RVC_SideNavigation"),l=o.position().height||0,r=l,u=e.position().height||0,v=i.position().width||0;o.getStyleProperty("position")!="sticky"&&(r=0);let n=window.innerHeight,p=window.innerWidth,m=n-l-u,_=p-v;t.setStyleProperty("--topNavHeight",l+"px").setStyleProperty("--topBase",r+"px").setStyleProperty("--footerNavHeight",u+"px").setStyleProperty("--viewHeight",n+"px").setStyleProperty("--sideNavHeight",m+"px").setStyleProperty("--contentHeight",m+"px").setStyleProperty("--contentWidth",_+"px")}}}};export{d as RootViewController,d as default};

package/dist/fn/Sheet.js

@@ -1 +1 @@
-import{b as d,c as I,d as Y}from"../chunk-C5N2D3ZX.js";import{jsx as u,jsxs as $}from"react/jsx-runtime";import a from"@mingoo/jsmin";import{useState as L,useEffect as X,useRef as se}from"react";import{$$fromRoot as j,Config as U,useStore as A}from"../@utils";import{Box as _,Flex as ne,Img as oe,FAI as ae,Column as te}from"../atoms";import{Row as Z}from"../mols";import{Button as re}from"./Button";import ie from"./SwipeView";import le from"./Input";import{SheetClasses as c}from"../@styles/componentClasses";const z={currentIndex:0,mainSheetIDs:{},getSessionStates:()=>{let e=A.get("sessionStates-"+U.get().sessionUID);return e||null},getNewSheetStates:e=>{var f;let r=I(d({sheetGroups:e.sheetGroups||[],backgroundEffect:!0,overwrap:e.type=="custom",hold_state:!1,closeAtPageTransit:!0,closeAtEscapeKeyDown:!0,closeAtAroundClick:e.type=="custom"},e),{sheetID:e.sheetID||a.uuid.gen(),isOpen:!0,created_at:a.Time()});if(r.type=="custom"){let h=r;h.parent=h.parent||((f=h==null?void 0:h.event)==null?void 0:f.currentTarget),r=h}return r}},J={Wrapper:()=>{let[e,r]=L(a.uuid.gen()),[f,h]=L([]),v={val_sheets:f,set_sheets:h};A.set({["sessionStates-"+U.get().sessionUID]:v}),X(()=>{A.set({["Sheet-"+U.get().sessionUID]:{refresh:()=>{r(a.uuid.gen())},add:p=>{let i=A.get("Sheet-"+U.get().sessionUID);if(!i)return;let g=z.getNewSheetStates(p);if(!!i.find(g.sheetID)){let b=A.get(g.sheetID);b&&b.refresh&&b.refresh(g,!0);return}h(b=>[g,...b])},find:p=>{let i=z.getSessionStates();if(!i)return null;let{val_sheets:g}=i;return g.find(y=>y.sheetID==p)}}}),a(U.get().appRoot).addEvent({eventType:"keyup",eventID:"SheetEvent.keyUp",callback:function(p){let{key:i,metaKey:g}=p;if(i=="Escape"||i==","&&g){let y=z.getSessionStates();if(!y)return;let{val_sheets:b}=y,l=b.filter(m=>m.isOpen);if(!l.length)return;let s=l.reduce((m,w)=>m.created_at.value>w.created_at.value?m:w);P.close(s.sheetID,i)}}}).addEvent({eventType:"click",eventID:"SheetEvent.Click",callback:function(p){let i=z.getSessionStates();if(!i)return;let{val_sheets:g}=i,y=p.target;if(!y||y!=null&&y.closest("."+c("CustomSheet")))return;let b=g.filter(l=>l.type=="custom");b.length&&b.forEach(l=>{let{parent:s}=l;if(!l.closeAtAroundClick)return;let m=j(s)[0];s!==y&&m!==y&&(a(m).find(y).length||P.close(l.sheetID))})}})},[]);let o=f.map(p=>u(J.Core,d({sheet:p},v),p.sheetID));return u(_,{className:["AMOTIFY_be",c("Wrapper")].join(" "),children:o})},Core:e=>{let{val_sheets:r,set_sheets:f}=e,[h]=L(z.currentIndex+1),[v]=L(a.uuid.gen()),[o,p]=L(e.sheet),i=o.type!="custom"&&!o.overwrap,g=J.Types[{"normal.topLeft":"Normal","normal.topCenter":"Normal","normal.topRight":"Normal","normal.middleLeft":"Normal","normal.middleCenter":"Normal","normal.middleRight":"Normal","normal.bottomLeft":"Normal","normal.bottomCenter":"Normal","normal.bottomRight":"Normal",image:"Normal","drawer.left":"Edge","drawer.right":"Edge","drawer.bottom":"Bottom",custom:"Custom"}[o.type]];X(()=>{z.currentIndex++,a.scope(()=>{if(!o.closeAtParentBlur)return;let l=a(o.parent);l[0]&&l.addEvent({eventID:"SheetClosation-"+o.sheetID,eventType:"mouseout",callback:()=>{l.removeEvent("SheetClosation-"+o.sheetID),p(s=>I(d({},s),{isOpen:!1}))}})})},[]),X(()=>{A.set({[o.sheetID]:{refresh:(l,s)=>{let m=z.getNewSheetStates(l);p(w=>I(d(d({},w),m),{created_at:w.created_at,isOpen:s!=null?s:!1}))},resize:l=>{if(o.type=="drawer.bottom"){let s=A.get(v);s&&s.resize&&s.resize(l)}else(o.type.includes("normal")||o.type.includes("drawer"))&&p(s=>I(d({},s),{size:l}))},close:l=>{p(s=>I(d({},s),{isOpen:!1}))},open:()=>{p(l=>I(d({},l),{isOpen:!0}))}}})},[o]),X(()=>{a.scope(()=>{if(!i||!o.backgroundEffect)return;z.mainSheetIDs[o.sheetID]=o.isOpen?1:0;let l=Object.values(z.mainSheetIDs).reduce((m,w)=>m+w,0),s=j(".AMOTIFY_be_root");if(o.isOpen){if(s.hasClass(c("FixScroll")))return;let m=a("html"),w=0;l==1&&(w=m[0].scrollTop|0,p(O=>I(d({},O),{bodyScrolls:w}))),U.get().isPhone||(m[0].scrollTop=0,s.addClass(c("FixScroll")).callback(O=>{O[0].scrollTop=w}).await(40).addClass(c("Float")));return}U.get().isPhone||l>0||s.hasClass(c("FixScroll"))&&s.removeClass(c("Float")).await(251).removeClass(c("FixScroll")).callback(()=>{a("html")[0].scrollTop=o.bodyScrolls||0,s[0].scrollTop=0})}),a.scope(()=>{let l=j("#"+v);if(o.isOpen){l.await(10).removeClass(c("Hide")).await(10).addClass(c("Open")).callback(()=>{o.openAfter&&o.openAfter()});return}else l.await(10).removeClass(c("Open")).await(251).addClass(c("Hide")).callback(()=>{o.closeAfter&&o.closeAfter(),!e.sheet.hold_state&&(f(s=>{let m=[...s],w=m.findIndex(O=>O.sheetID==o.sheetID);return w==-1||m.splice(w,1),m}),i&&a(U.get().appRoot).focus())})})},[o.isOpen]);let[y,b]=o.type.split(".");return u(_,{className:[c("Wrap"),c("Tcate_"+y),c("Tpos_"+b),c("isMainSheet_"+i)].join(" "),width:1,height:0,ssAbsoluteCovered:!0,freeCSS:{zIndex:h},id:v,children:$(te,{className:c("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[!!i&&u(J.TapSensor,{sheetID:o.sheetID,delegateAroundClick:o.closeAtAroundClick}),u(g,d({componentID:v},o))]})},v)},Types:{Normal:e=>{let x=e,{sheetID:r,sheetGroups:f,bodyScrolls:h,content:v,className:o="",type:p,size:i="R",freeCSS:g,openAfter:y,closeAfter:b,closeAtAroundClick:l,closeAtEscapeKeyDown:s,closeAtPageTransit:m,closeAtParentBlur:w,closeAtSwipeDown:O,hold_state:Q,overwrap:q,isOpen:ee,backgroundEffect:V}=x,M=Y(x,["sheetID","sheetGroups","bodyScrolls","content","className","type","size","freeCSS","openAfter","closeAfter","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]),[G,T]=p.split("."),D={},B=[];return T.match(/top/)?(B.push("top"),D.marginBottom="auto"):T.match(/middle/)?(B.push("center"),D.marginTop="auto",D.marginBottom="auto"):T.match(/bottom/)&&(B.push("bottom"),D.marginTop="auto"),T.match(/left/i)?(B.push("left"),D.marginRight="auto"):T.match(/center/i)?(B.push("center"),D.marginLeft="auto",D.marginRight="auto"):T.match(/right/i)&&(B.push("right"),D.marginLeft="auto"),u(_,I(d(d({className:[c("BB"),o].join(" "),padding:1,transition:"long",opacity:"trans"},M),D),{freeCSS:d({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100vw"}[i],maxWidth:"96vw",transformOrigin:B.join(" ")},g),children:a.is.function(v)?u(v,{}):v}))},Edge:e=>{let M=e,{sheetID:r,sheetGroups:f,bodyScrolls:h,type:v,content:o,className:p="",size:i="R",openAfter:g,closeAfter:y,closeAtAroundClick:b,closeAtEscapeKeyDown:l,closeAtPageTransit:s,closeAtParentBlur:m,closeAtSwipeDown:w,hold_state:O,overwrap:Q,isOpen:q,backgroundEffect:ee}=M,V=Y(M,["sheetID","sheetGroups","bodyScrolls","type","content","className","size","openAfter","closeAfter","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]);return u(_,I(d(I(d({className:[c("BB"),p].join(" ")},v=="drawer.right"?{marginLeft:"auto"}:v=="drawer.left"?{marginRight:"auto"}:{}),{opacity:"trans",transition:"long",position:"relative",backgroundColor:"layer.1",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark"}),V),{freeCSS:d({width:{S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"100vw"}[i],maxWidth:"96vw"},V.freeCSS),children:a.is.function(o)?u(o,{}):o}))},Bottom:e=>{let N=e,{componentID:r,sheetID:f,sheetGroups:h,bodyScrolls:v,content:o,size:p="R",sizeChanged:i,baseStyles:g,openAfter:y,closeAfter:b,closeAtAroundClick:l,closeAtEscapeKeyDown:s,closeAtPageTransit:m,closeAtParentBlur:w,closeAtSwipeDown:O=!0,hold_state:Q,overwrap:q,isOpen:ee,backgroundEffect:V}=N,M=Y(N,["componentID","sheetID","sheetGroups","bodyScrolls","content","size","sizeChanged","baseStyles","openAfter","closeAfter","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]),G=a.getScreenSize(),T=[0,.2,.6,.95],D={ZERO:0,S:1,R:2,L:3},[B,x]=L(p),[k,F]=L({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:T[D[p]]});A.update({[r]:{val_edit:k,resize:C=>{let S=T[D[C]];F(t=>I(d({},t),{value:S})),x(C)}}});const W={Start:C=>{a(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:W.Move}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:W.Move}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:W.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:W.End});let S=a.getCursor(C),t=I(d({},k),{process:!0,processStart:new Date().getTime(),originY:S.y,originValue:k.value,viewHeight:a.getScreenSize().height});A.update({[r]:{val_edit:t}}),F(t)},Move:C=>{var n;let S=(n=A.get(r))==null?void 0:n.val_edit;if(!S.process)return;let K=(a.getCursor(C).y-S.originY)/S.viewHeight,R=S.originValue-K;if(R>.95)R=.95+(R-.95)*.5;else if(R<.2){let H=.2-R;H-=.1,R=.1+(.1-H)*.5}F(I(d({},S),{value:R}))},End:C=>{var R;let S=(R=A.get(r))==null?void 0:R.val_edit;if(!S.process)return;a(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let t=0;if(S.value<.1||(S.value<.5?t=1:S.value>.75?t=3:t=2),new Date().getTime()-S.processStart<300){let n=a.getCursor(C).y-S.originY;if(Math.abs(n)>=20){let H=+(n<0)*2-1;t+=H,t=Math.min(Math.max(t,0),T.length-1)}}t==0&&(O||(t=1)),x(["ZERO","S","R","L"][t]),F(I(d({},S),{value:T[t],process:!1}))}},E=se(!1);return X(()=>{E.current?B=="ZERO"?O&&P.close(f):setTimeout(()=>{e.sizeChanged&&e.sizeChanged(B)},250):E.current=!0},[B]),u(_,{className:c("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long",freeCSS:d({maxWidth:12*60,height:G.height*k.value},k.process?{transition:"0s"}:{}),children:$(te,I(d({gap:0,flexSizing:"none",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",border:!0,borderBottom:"unset",boxShadow:"3.remark",position:"relative",overflow:"hidden",height:1},g),{children:[u(Z.Separate,{padding:"1/2",backgroundColor:"layer.1",position:"relative",freeCSS:{userSelect:"none"},children:u(Z.Center,{onMouseDown:W.Start,onTouchStart:W.Start,flexSizing:0,padding:"2/3",ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:u(_,{unitWidth:6,unitHeight:"1/2",backgroundColor:"layer.4",isRounded:!0,className:c("DragBar")})})}),u(_,I(d({backgroundColor:"layer.1",flexSizing:0,overflow:"auto"},M),{children:a.is.function(o)?u(o,{}):o}))]}))})},Custom:e=>{let W=e,{sheetID:r,sheetGroups:f,bodyScrolls:h,event:v,parent:o,nextToCursor:p,gravityPoint:i=22,content:g,closeAtAroundClick:y,closeAtEscapeKeyDown:b,closeAtPageTransit:l,closeAtParentBlur:s,closeAtSwipeDown:m,hold_state:w,openAfter:O,closeAfter:Q,overwrap:q,isOpen:ee,backgroundEffect:V}=W,M=Y(W,["sheetID","sheetGroups","bodyScrolls","event","parent","nextToCursor","gravityPoint","content","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","openAfter","closeAfter","overwrap","isOpen","backgroundEffect"]),[G]=L(a.uuid.gen()),T=a.is.element(o)||a.is.jsmin(o)?a(o):j(o),D='[data-sheet-id="'+G+'"]',B='[data-sheet-content="'+G+'"]';i=i;let x=i%5||5,k=Math.ceil(i/5);const F={Init:()=>{if(p&&v){let n=a.getScreenSize(),H=a.getCursor(v);return{top:H.y-n.pageYOffset,left:H.x-n.pageXOffset}}let E={},{top:N,right:C,bottom:S,left:t,height:K,width:R}=T.position();return[1,2].includes(x)?E.left=t:x==3?E.left=t+R/2:[4,5].includes(x)&&(E.left=C),i<=10?E.top=N:i<=15?E.top=N+K/2:i<=25&&(E.top=S),E},Adjust:()=>{let E=j(D).position(),N=j(B).position(),C=T.position(),S=a.getScreenSize(),t={};for(let n in N)t[n]=N[n];if(a.scope(()=>{if(e.nextToCursor)return;let n=0;k==1?n=C.top-t.bottom:k==2?n=C.top-t.top:k==3?n=C.top-t.top+(C.height-t.height)/2:k==4?n=C.bottom-t.bottom:k==5&&(n=C.bottom-t.top),t.top+=n,t.bottom+=n}),a.scope(()=>{if(e.nextToCursor)return;let n=0;x==1?n=C.left-t.right:x==2?n=C.left-t.left:x==3?n=C.left-t.left+(C.width-t.width)/2:x==4?n=C.right-t.right:x==5&&(n=C.right-t.left),t.left+=n,t.right+=n}),t.top<0){let n=-t.top;t.top+=n,t.bottom+=n}if(t.bottom>S.height){let n=t.bottom-S.height;t.top-=n,t.bottom-=n}if(t.left<0){let n=-t.left;t.left+=n,t.right+=n}if(t.right>S.width){let n=t.right-S.width;t.left-=n,t.right-=n}let K=t.top-N.top,R=t.left-N.left;a(D).css({top:E.top+K+"px",left:E.left+R+"px"})}};return X(()=>{j(D).await(10).addClass(c("Open")).await(200).callback(()=>{F.Adjust()}),A.update({["customSheet-"+e.sheetID]:{reposition:()=>{F.Adjust()}}})},[]),T[0]?u(_,{className:[c("BB"),c("CustomSheet")].join(" "),"data-sheet-id":G,transition:"long",position:"absolute",width:0,height:0,opacity:"trans",flexCenter:!0,freeCSS:F.Init(),children:u(ne,{position:"absolute",className:[c("GPT"),c("GPT_"+i),c("Col_"+x),c("Row_"+k)].join(" "),children:u(_,I(d({"data-sheet-content":G,flexSizing:"none",maxHeight:"viewHeight"},M),{freeCSS:d({maxWidth:"98vw"},M.freeCSS),children:a.is.function(g)?u(g,{}):g}))})}):null}},TapSensor:e=>u(_,{className:c("TapSensor"),children:u(re.Plain,{className:c("TapContent"),onClick:()=>{var r;(r=e.delegateAroundClick)!=null&&r&&P.close(e.sheetID)},freeCSS:{cursor:"default",pointerEvents:"all"}})})},P={Wrapper:()=>u(J.Wrapper,{}),open:e=>{if(e.sheetID=(e.sheetID||"").replace(/\./g,"-"),e.type=="image"){let h=e.sheetID||a.uuid.gen(),f=e,{type:v,src:o}=f,p=Y(f,["type","src"]);P.open(I(d({type:"normal.topCenter",backgroundColor:"trans"},p),{sheetID:h,freeCSS:{maxWidth:"96vw",transformOrigin:"top"},content:()=>{let[i]=L(a.flatArray(o)),[g,y]=L(0),b=[],l=[];return i.forEach((s,m)=>{b.push({value:m,label:u(oe,{src:a.flatArray(s)[0],width:"auto",height:1,freeCSS:{maxWidth:12*6,maxHeight:12*3}})}),l.push(u(oe,{width:1,height:"auto",src:a.flatArray(s)[0]}))}),$(te,{gap:0,children:[$(Z.Separate,{gap:2,padding:1,backgroundColor:"layer.1",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",children:[u(le.Radio.Border,{icon:!1,value:g,override:"force",horizontalAlign:"center",onUpdateValidValue:({value:s})=>{y(s)},cellStyles:{borderWidth:2,padding:"1/3"},options:b}),u(re.Border.S,{color:"cloud",isRounded:!0,onClick:()=>{P.close(h)},children:$(Z.Center,{gap:"1/3",children:["\u9589\u3058\u308B",u(ae.Times,{})]})})]}),u(ie,{slideIndex:g,options:{loop:i.length>1,onSlideCallback:s=>{y(s)}},slides:l,wrapper:s=>u(_,{borderBottomLeftRadius:"1.tone.primary",borderBottomRightRadius:"1.tone.primary",children:s})})]})}}));return}let r=A.get("Sheet-"+U.get().sessionUID);r&&r.add(e)},refresh:(e,r)=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let f=A.get(e.sheetID);f&&f.refresh&&f.refresh(e,r)},resize:e=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let r=A.get(e.sheetID);r&&r.resize&&r.resize(e.size)},customSheet:{reposition:e=>{let r=A.get("customSheet-"+e);r&&r.reposition&&r.reposition()}},close:function(e,r,f){let h=z.getSessionStates();if(!h)return;let{val_sheets:v}=h;e=e==null?void 0:e.replace(/\./g,"-");let o=v.find(i=>i.sheetID==e);if(!o||r=="Escape"&&!o.closeAtEscapeKeyDown)return;let p=A.get(o.sheetID);p&&p.close&&p.close(f)},closeGroup:e=>{let r=z.getSessionStates();if(!r)return;let{val_sheets:f}=r;e=(e||"").replace(/\./g,"-");for(let h of f)h.sheetGroups&&h.sheetGroups==e&&P.close(h.sheetID)},closeAll:e=>{let r=z.getSessionStates();if(!r)return;let{val_sheets:f}=r;for(let h of f)e&&!h.closeAtPageTransit||P.close(h.sheetID,"pageTransit",!0)},Body:e=>u(_,d({className:c("BaseBody"),backgroundColor:"layer.1",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},e))};export{P as Sheet,P as default};
+import{b as f,c as I,d as Y}from"../chunk-C5N2D3ZX.js";import{jsx as h,jsxs as Z}from"react/jsx-runtime";import l,{UUID as X}from"@mingoo/jsmin";import{useState as L,useEffect as V,useRef as ne}from"react";import{$$fromRoot as j,Config as U,useStore as A}from"../@utils";import{Box as _,Flex as ae,Img as re,FAI as ie,Column as oe}from"../atoms";import{Row as J}from"../mols";import{Button as se}from"./Button";import le from"./SwipeView";import pe from"./Input";import{SheetClasses as c}from"../@styles/componentClasses";const z={currentIndex:0,mainSheetIDs:{},getSessionStates:()=>{let e=A.get("sessionStates-"+U.get().sessionUID);return e||null},getNewSheetStates:e=>{var m;let r=I(f({sheetGroups:e.sheetGroups||[],backgroundEffect:!0,overwrap:e.type=="custom",hold_state:!1,closeAtPageTransit:!0,closeAtEscapeKeyDown:!0,closeAtAroundClick:e.type=="custom"},e),{sheetID:e.sheetID||X(),isOpen:!0,created_at:l.Time()});if(r.type=="custom"){let u=r;u.parent=u.parent||((m=u==null?void 0:u.event)==null?void 0:m.currentTarget),r=u}return r}},Q={Wrapper:()=>{let[e,r]=L(X()),[m,u]=L([]),v={val_sheets:m,set_sheets:u};A.set({["sessionStates-"+U.get().sessionUID]:v}),V(()=>{A.set({["Sheet-"+U.get().sessionUID]:{refresh:()=>{r(X())},add:p=>{let a=A.get("Sheet-"+U.get().sessionUID);if(!a)return;let g=z.getNewSheetStates(p);if(!!a.find(g.sheetID)){let b=A.get(g.sheetID);b&&b.refresh&&b.refresh(g,!0);return}u(b=>[g,...b])},find:p=>{let a=z.getSessionStates();if(!a)return null;let{val_sheets:g}=a;return g.find(y=>y.sheetID==p)}}}),l(U.get().appRoot).addEvent({eventType:"keyup",eventID:"SheetEvent.keyUp",callback:function(p){let{key:a,metaKey:g}=p;if(a=="Escape"||a==","&&g){let y=z.getSessionStates();if(!y)return;let{val_sheets:b}=y,i=b.filter(d=>d.isOpen);if(!i.length)return;let s=i.reduce((d,w)=>d.created_at.value>w.created_at.value?d:w);P.close(s.sheetID,a)}}}).addEvent({eventType:"click",eventID:"SheetEvent.Click",callback:function(p){let a=z.getSessionStates();if(!a)return;let{val_sheets:g}=a,y=p.target;if(!y||y!=null&&y.closest("."+c("CustomSheet")))return;let b=g.filter(i=>i.type=="custom");b.length&&b.forEach(i=>{let{parent:s}=i;if(!i.closeAtAroundClick)return;let d=j(s)[0];s!==y&&d!==y&&(l(d).find(y).length||P.close(i.sheetID))})}})},[]);let o=m.map(p=>h(Q.Core,f({sheet:p},v),p.sheetID));return h(_,{className:["AMOTIFY_be",c("Wrapper")].join(" "),children:o})},Core:e=>{let{val_sheets:r,set_sheets:m}=e,[u]=L(z.currentIndex+1),[v]=L(X()),[o,p]=L(e.sheet),a=o.type!="custom"&&!o.overwrap,g=Q.Types[{"normal.topLeft":"Normal","normal.topCenter":"Normal","normal.topRight":"Normal","normal.middleLeft":"Normal","normal.middleCenter":"Normal","normal.middleRight":"Normal","normal.bottomLeft":"Normal","normal.bottomCenter":"Normal","normal.bottomRight":"Normal",image:"Normal","drawer.left":"Edge","drawer.right":"Edge","drawer.bottom":"Bottom",custom:"Custom"}[o.type]];V(()=>{z.currentIndex++,l.scope(()=>{if(!o.closeAtParentBlur)return;let i=l(o.parent);i[0]&&i.addEvent({eventID:"SheetClosation-"+o.sheetID,eventType:"mouseout",callback:()=>{i.removeEvent("SheetClosation-"+o.sheetID),p(s=>I(f({},s),{isOpen:!1}))}})})},[]),V(()=>{A.set({[o.sheetID]:{refresh:(i,s)=>{let d=z.getNewSheetStates(i);p(w=>I(f(f({},w),d),{created_at:w.created_at,isOpen:s!=null?s:!1}))},resize:i=>{if(o.type=="drawer.bottom"){let s=A.get(v);s&&s.resize&&s.resize(i)}else(o.type.includes("normal")||o.type.includes("drawer"))&&p(s=>I(f({},s),{size:i}))},close:i=>{p(s=>I(f({},s),{isOpen:!1}))},open:()=>{p(i=>I(f({},i),{isOpen:!0}))}}})},[o]),V(()=>{l.scope(()=>{if(!a||!o.backgroundEffect)return;z.mainSheetIDs[o.sheetID]=o.isOpen?1:0;let i=Object.values(z.mainSheetIDs).reduce((d,w)=>d+w,0),s=j(".AMOTIFY_be_root");if(o.isOpen){if(s.hasClass(c("FixScroll")))return;let d=l("html"),w=0;i==1&&(w=d[0].scrollTop|0,p(O=>I(f({},O),{bodyScrolls:w}))),U.get().isPhone||(d[0].scrollTop=0,s.addClass(c("FixScroll")).callback(O=>{O[0].scrollTop=w}).await(40).addClass(c("Float")));return}U.get().isPhone||i>0||s.hasClass(c("FixScroll"))&&s.removeClass(c("Float")).await(251).removeClass(c("FixScroll")).callback(()=>{l("html")[0].scrollTop=o.bodyScrolls||0,s[0].scrollTop=0})}),l.scope(()=>{let i=j("#"+v);if(o.isOpen){i.await(10).removeClass(c("Hide")).await(10).addClass(c("Open")).callback(()=>{o.openAfter&&o.openAfter()});return}else i.await(10).removeClass(c("Open")).await(251).addClass(c("Hide")).callback(()=>{o.closeAfter&&o.closeAfter(),!e.sheet.hold_state&&(m(s=>{let d=[...s],w=d.findIndex(O=>O.sheetID==o.sheetID);return w==-1||d.splice(w,1),d}),a&&l(U.get().appRoot).focus())})})},[o.isOpen]);let[y,b]=o.type.split(".");return h(_,{className:[c("Wrap"),c("Tcate_"+y),c("Tpos_"+b),c("isMainSheet_"+a)].join(" "),width:1,height:0,ssAbsoluteCovered:!0,freeCSS:{zIndex:u},id:v,children:Z(oe,{className:c("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[!!a&&h(Q.TapSensor,{sheetID:o.sheetID,delegateAroundClick:o.closeAtAroundClick}),h(g,f({componentID:v},o))]})},v)},Types:{Normal:e=>{let x=e,{sheetID:r,sheetGroups:m,bodyScrolls:u,content:v,className:o="",type:p,size:a="R",freeCSS:g,openAfter:y,closeAfter:b,closeAtAroundClick:i,closeAtEscapeKeyDown:s,closeAtPageTransit:d,closeAtParentBlur:w,closeAtSwipeDown:O,hold_state:q,overwrap:ee,isOpen:te,backgroundEffect:$}=x,M=Y(x,["sheetID","sheetGroups","bodyScrolls","content","className","type","size","freeCSS","openAfter","closeAfter","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]),[G,T]=p.split("."),D={},B=[];return T.match(/top/)?(B.push("top"),D.marginBottom="auto"):T.match(/middle/)?(B.push("center"),D.marginTop="auto",D.marginBottom="auto"):T.match(/bottom/)&&(B.push("bottom"),D.marginTop="auto"),T.match(/left/i)?(B.push("left"),D.marginRight="auto"):T.match(/center/i)?(B.push("center"),D.marginLeft="auto",D.marginRight="auto"):T.match(/right/i)&&(B.push("right"),D.marginLeft="auto"),h(_,I(f(f({className:[c("BB"),o].join(" "),padding:1,transition:"long",opacity:"trans"},M),D),{freeCSS:f({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100vw"}[a],maxWidth:"96vw",transformOrigin:B.join(" ")},g),children:l.is.function(v)?h(v,{}):v}))},Edge:e=>{let M=e,{sheetID:r,sheetGroups:m,bodyScrolls:u,type:v,content:o,className:p="",size:a="R",openAfter:g,closeAfter:y,closeAtAroundClick:b,closeAtEscapeKeyDown:i,closeAtPageTransit:s,closeAtParentBlur:d,closeAtSwipeDown:w,hold_state:O,overwrap:q,isOpen:ee,backgroundEffect:te}=M,$=Y(M,["sheetID","sheetGroups","bodyScrolls","type","content","className","size","openAfter","closeAfter","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]);return h(_,I(f(I(f({className:[c("BB"),p].join(" ")},v=="drawer.right"?{marginLeft:"auto"}:v=="drawer.left"?{marginRight:"auto"}:{}),{opacity:"trans",transition:"long",position:"relative",backgroundColor:"layer.1",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark"}),$),{freeCSS:f({width:{S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"100vw"}[a],maxWidth:"96vw"},$.freeCSS),children:l.is.function(o)?h(o,{}):o}))},Bottom:e=>{let N=e,{componentID:r,sheetID:m,sheetGroups:u,bodyScrolls:v,content:o,size:p="R",sizeChanged:a,baseStyles:g,openAfter:y,closeAfter:b,closeAtAroundClick:i,closeAtEscapeKeyDown:s,closeAtPageTransit:d,closeAtParentBlur:w,closeAtSwipeDown:O=!0,hold_state:q,overwrap:ee,isOpen:te,backgroundEffect:$}=N,M=Y(N,["componentID","sheetID","sheetGroups","bodyScrolls","content","size","sizeChanged","baseStyles","openAfter","closeAfter","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]),G=l.getScreenSize(),T=[0,.2,.6,.95],D={ZERO:0,S:1,R:2,L:3},[B,x]=L(p),[k,F]=L({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:T[D[p]]});A.update({[r]:{val_edit:k,resize:C=>{let S=T[D[C]];F(t=>I(f({},t),{value:S})),x(C)}}});const W={Start:C=>{l(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:W.Move}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:W.Move}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:W.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:W.End});let S=l.getCursor(C),t=I(f({},k),{process:!0,processStart:new Date().getTime(),originY:S.y,originValue:k.value,viewHeight:l.getScreenSize().height});A.update({[r]:{val_edit:t}}),F(t)},Move:C=>{var n;let S=(n=A.get(r))==null?void 0:n.val_edit;if(!S.process)return;let K=(l.getCursor(C).y-S.originY)/S.viewHeight,R=S.originValue-K;if(R>.95)R=.95+(R-.95)*.5;else if(R<.2){let H=.2-R;H-=.1,R=.1+(.1-H)*.5}F(I(f({},S),{value:R}))},End:C=>{var R;let S=(R=A.get(r))==null?void 0:R.val_edit;if(!S.process)return;l(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let t=0;if(S.value<.1||(S.value<.5?t=1:S.value>.75?t=3:t=2),new Date().getTime()-S.processStart<300){let n=l.getCursor(C).y-S.originY;if(Math.abs(n)>=20){let H=+(n<0)*2-1;t+=H,t=Math.min(Math.max(t,0),T.length-1)}}t==0&&(O||(t=1)),x(["ZERO","S","R","L"][t]),F(I(f({},S),{value:T[t],process:!1}))}},E=ne(!1);return V(()=>{E.current?B=="ZERO"?O&&P.close(m):setTimeout(()=>{e.sizeChanged&&e.sizeChanged(B)},250):E.current=!0},[B]),h(_,{className:c("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long",freeCSS:f({maxWidth:12*60,height:G.height*k.value},k.process?{transition:"0s"}:{}),children:Z(oe,I(f({gap:0,flexSizing:"none",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",border:!0,borderBottom:"unset",boxShadow:"3.remark",position:"relative",overflow:"hidden",height:1},g),{children:[h(J.Separate,{padding:"1/2",backgroundColor:"layer.1",position:"relative",freeCSS:{userSelect:"none"},children:h(J.Center,{onMouseDown:W.Start,onTouchStart:W.Start,flexSizing:0,padding:"2/3",ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:h(_,{unitWidth:6,unitHeight:"1/2",backgroundColor:"layer.4",isRounded:!0,className:c("DragBar")})})}),h(_,I(f({backgroundColor:"layer.1",flexSizing:0,overflow:"auto"},M),{children:l.is.function(o)?h(o,{}):o}))]}))})},Custom:e=>{let W=e,{sheetID:r,sheetGroups:m,bodyScrolls:u,event:v,parent:o,nextToCursor:p,gravityPoint:a=22,content:g,closeAtAroundClick:y,closeAtEscapeKeyDown:b,closeAtPageTransit:i,closeAtParentBlur:s,closeAtSwipeDown:d,hold_state:w,openAfter:O,closeAfter:q,overwrap:ee,isOpen:te,backgroundEffect:$}=W,M=Y(W,["sheetID","sheetGroups","bodyScrolls","event","parent","nextToCursor","gravityPoint","content","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","openAfter","closeAfter","overwrap","isOpen","backgroundEffect"]),[G]=L(X()),T=l.is.element(o)||l.is.jsmin(o)?l(o):j(o),D='[data-sheet-id="'+G+'"]',B='[data-sheet-content="'+G+'"]';a=a;let x=a%5||5,k=Math.ceil(a/5);const F={Init:()=>{if(p&&v){let n=l.getScreenSize(),H=l.getCursor(v);return{top:H.y-n.pageYOffset,left:H.x-n.pageXOffset}}let E={},{top:N,right:C,bottom:S,left:t,height:K,width:R}=T.position();return[1,2].includes(x)?E.left=t:x==3?E.left=t+R/2:[4,5].includes(x)&&(E.left=C),a<=10?E.top=N:a<=15?E.top=N+K/2:a<=25&&(E.top=S),E},Adjust:()=>{let E=j(D).position(),N=j(B).position(),C=T.position(),S=l.getScreenSize(),t={};for(let n in N)t[n]=N[n];if(l.scope(()=>{if(e.nextToCursor)return;let n=0;k==1?n=C.top-t.bottom:k==2?n=C.top-t.top:k==3?n=C.top-t.top+(C.height-t.height)/2:k==4?n=C.bottom-t.bottom:k==5&&(n=C.bottom-t.top),t.top+=n,t.bottom+=n}),l.scope(()=>{if(e.nextToCursor)return;let n=0;x==1?n=C.left-t.right:x==2?n=C.left-t.left:x==3?n=C.left-t.left+(C.width-t.width)/2:x==4?n=C.right-t.right:x==5&&(n=C.right-t.left),t.left+=n,t.right+=n}),t.top<0){let n=-t.top;t.top+=n,t.bottom+=n}if(t.bottom>S.height){let n=t.bottom-S.height;t.top-=n,t.bottom-=n}if(t.left<0){let n=-t.left;t.left+=n,t.right+=n}if(t.right>S.width){let n=t.right-S.width;t.left-=n,t.right-=n}let K=t.top-N.top,R=t.left-N.left;l(D).css({top:E.top+K+"px",left:E.left+R+"px"})}};return V(()=>{j(D).await(10).addClass(c("Open")).await(200).callback(()=>{F.Adjust()}),A.update({["customSheet-"+e.sheetID]:{reposition:()=>{F.Adjust()}}})},[]),T[0]?h(_,{className:[c("BB"),c("CustomSheet")].join(" "),"data-sheet-id":G,transition:"long",position:"absolute",width:0,height:0,opacity:"trans",flexCenter:!0,freeCSS:F.Init(),children:h(ae,{position:"absolute",className:[c("GPT"),c("GPT_"+a),c("Col_"+x),c("Row_"+k)].join(" "),children:h(_,I(f({"data-sheet-content":G,flexSizing:"none",maxHeight:"viewHeight"},M),{freeCSS:f({maxWidth:"98vw"},M.freeCSS),children:l.is.function(g)?h(g,{}):g}))})}):null}},TapSensor:e=>h(_,{className:c("TapSensor"),children:h(se.Plain,{className:c("TapContent"),onClick:()=>{var r;(r=e.delegateAroundClick)!=null&&r&&P.close(e.sheetID)},freeCSS:{cursor:"default",pointerEvents:"all"}})})},P={Wrapper:()=>h(Q.Wrapper,{}),open:e=>{if(e.sheetID=(e.sheetID||"").replace(/\./g,"-"),e.type=="image"){let u=e.sheetID||X(),m=e,{type:v,src:o}=m,p=Y(m,["type","src"]);P.open(I(f({type:"normal.topCenter",backgroundColor:"trans"},p),{sheetID:u,freeCSS:{maxWidth:"96vw",transformOrigin:"top"},content:()=>{let[a]=L(l.flatArray(o)),[g,y]=L(0),b=[],i=[];return a.forEach((s,d)=>{b.push({value:d,label:h(re,{src:l.flatArray(s)[0],width:"auto",height:1,freeCSS:{maxWidth:12*6,maxHeight:12*3}})}),i.push(h(re,{width:1,height:"auto",src:l.flatArray(s)[0]}))}),Z(oe,{gap:0,children:[Z(J.Separate,{gap:2,padding:1,backgroundColor:"layer.1",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",children:[h(pe.Radio.Border,{icon:!1,value:g,override:"force",horizontalAlign:"center",onUpdateValidValue:({value:s})=>{y(s)},cellStyles:{borderWidth:2,padding:"1/3"},options:b}),h(se.Border.S,{color:"cloud",isRounded:!0,onClick:()=>{P.close(u)},children:Z(J.Center,{gap:"1/3",children:["\u9589\u3058\u308B",h(ie.Times,{})]})})]}),h(le,{slideIndex:g,options:{loop:a.length>1,onSlideCallback:s=>{y(s)}},slides:i,wrapper:s=>h(_,{borderBottomLeftRadius:"1.tone.primary",borderBottomRightRadius:"1.tone.primary",children:s})})]})}}));return}let r=A.get("Sheet-"+U.get().sessionUID);r&&r.add(e)},refresh:(e,r)=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let m=A.get(e.sheetID);m&&m.refresh&&m.refresh(e,r)},resize:e=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let r=A.get(e.sheetID);r&&r.resize&&r.resize(e.size)},customSheet:{reposition:e=>{let r=A.get("customSheet-"+e);r&&r.reposition&&r.reposition()}},close:function(e,r,m){let u=z.getSessionStates();if(!u)return;let{val_sheets:v}=u;e=e==null?void 0:e.replace(/\./g,"-");let o=v.find(a=>a.sheetID==e);if(!o||r=="Escape"&&!o.closeAtEscapeKeyDown)return;let p=A.get(o.sheetID);p&&p.close&&p.close(m)},closeGroup:e=>{let r=z.getSessionStates();if(!r)return;let{val_sheets:m}=r;e=(e||"").replace(/\./g,"-");for(let u of m)u.sheetGroups&&u.sheetGroups==e&&P.close(u.sheetID)},closeAll:e=>{let r=z.getSessionStates();if(!r)return;let{val_sheets:m}=r;for(let u of m)e&&!u.closeAtPageTransit||P.close(u.sheetID,"pageTransit",!0)},Body:e=>h(_,f({className:c("BaseBody"),backgroundColor:"layer.1",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},e))};export{P as Sheet,P as default};

package/dist/fn/Snackbar.js

@@ -1 +1 @@
-import{b as m,c as p,d as D}from"../chunk-C5N2D3ZX.js";import{Fragment as F,jsx as r,jsxs as R}from"react/jsx-runtime";import{createElement as _}from"react";import l from"@mingoo/jsmin";import{Config as h,useStore as u,$$fromRoot as B}from"../@utils";import{useState as k,useEffect as C}from"react";import{Box as x,Flex as y,FAI as E}from"../atoms";import{Row as A}from"../mols";import{Button as T}from"./Button";import{SnackbarClasses as I}from"../@styles/componentClasses";const f={add:function(s){let t=u.get("Snackbar-"+h.get().sessionUID);return t&&t.add(s),this},remove:function(s){let t=u.get("Snackbar-"+h.get().sessionUID);return t&&t.remove(s),this},Wrapper:()=>r(w.Wrapper,{})},w={Cell:s=>{let b=s,{snackID:t,secondsToClose:o,componentID:g=l.uuid.gen(),children:d,customChildren:e}=b,a=D(b,["snackID","secondsToClose","componentID","children","customChildren"]),[n]=k(g),[i,c]=k(s.secondsToClose||10);C(()=>{let v=B('[data-component-id="'+n+'"]');setTimeout(()=>{v.addClass(I("FadeIn"))},10),u.set({["Snackbar-"+t]:{remove:()=>{v.addClass(I("FadeOut"))}}})},[]),C(()=>{l.interval.clear("Snackbar-"+n),l.interval.standBy("Snackbar-"+n,1e3,()=>{i<=0||c(i-1)}),i===0&&f.remove(t)},[i]);let S=r(F,{});return e?S=r(e,{close:()=>{f.remove(t)}}):S=R(A.Separate,{verticalAlign:"top",children:[r(x,{padding:["1/4",0],flexSizing:0,children:l.is.function(d)?r(d,{}):d}),r(T.Clear,{color:"layer",backgroundColor:"layer.4.opa.low",fontColor:"white",ssSphere:2.5,onClick:()=>{f.remove(t)},children:r(E.Times,{})})]}),r(x,p(m({className:I("Cell"),componentID:n,onMouseOver:()=>{c(-1)},onMouseOut:()=>{c(o||10)},opacity:"trans",width:1,padding:"2/3",marginBottom:1,borderRadius:"1.tone.primary",fontColor:"white",boxShadow:"1.remark",backgroundColor:"dark",transition:"middle"},a),{children:S}))},Wrapper:()=>{let[s,t]=k(l.uuid.gen()),[o,g]=k([]);C(()=>{u.set({["Snackbar-"+h.get().sessionUID]:{add:e=>{e.snackID=e.snackID||l.uuid.gen();let a=o.findIndex(n=>n.snackID==e.snackID);if(a==-1)o.unshift(p(m({},e),{snackID:e.snackID}));else{let n=[...o];n[a]=p(m({},e),{snackID:e.snackID}),o=n}t(l.uuid.gen())},remove:e=>{let a=u.get("Snackbar-"+e);a&&a.remove&&(a.remove(),setTimeout(()=>{let n=o.findIndex(c=>c.snackID==e);if(n==-1)return;let i=[...o];i.splice(n,1),g(i)},210))}}})},[o.length]);let d=o.map(e=>_(w.Cell,p(m({},e),{key:e.snackID})));return r(y,{className:["AMOTIFY_be",I("Wrapper")].join(" "),position:"fixed",right:0,bottom:0,paddingLeft:0,paddingRight:1,paddingBottom:"safeAreaBottom",verticalAlign:"bottom",overflow:"auto",UnderBreakPointStyles:{left:0,paddingLeft:1,width:"auto"},children:d})}};export{f as Snackbar,f as default};
+import{b as c,c as m,d as x}from"../chunk-C5N2D3ZX.js";import{Fragment as R,jsx as r,jsxs as _}from"react/jsx-runtime";import{createElement as M}from"react";import h,{UUID as f}from"@mingoo/jsmin";import{Config as C,useStore as p,$$fromRoot as y}from"../@utils";import{useState as k,useEffect as b}from"react";import{Box as w,Flex as E,FAI as A}from"../atoms";import{Row as T}from"../mols";import{Button as F}from"./Button";import{SnackbarClasses as I}from"../@styles/componentClasses";const u={add:function(s){let t=p.get("Snackbar-"+C.get().sessionUID);return t&&t.add(s),this},remove:function(s){let t=p.get("Snackbar-"+C.get().sessionUID);return t&&t.remove(s),this},Wrapper:()=>r(B.Wrapper,{})},B={Cell:s=>{let v=s,{snackID:t,secondsToClose:o,componentID:S=f(),children:i,customChildren:e}=v,a=x(v,["snackID","secondsToClose","componentID","children","customChildren"]),[n]=k(S),[l,d]=k(s.secondsToClose||10);b(()=>{let D=y('[data-component-id="'+n+'"]');setTimeout(()=>{D.addClass(I("FadeIn"))},10),p.set({["Snackbar-"+t]:{remove:()=>{D.addClass(I("FadeOut"))}}})},[]),b(()=>{h.interval.clear("Snackbar-"+n),h.interval.standBy("Snackbar-"+n,1e3,()=>{l<=0||d(l-1)}),l===0&&u.remove(t)},[l]);let g=r(R,{});return e?g=r(e,{close:()=>{u.remove(t)}}):g=_(T.Separate,{verticalAlign:"top",children:[r(w,{padding:["1/4",0],flexSizing:0,children:h.is.function(i)?r(i,{}):i}),r(F.Clear,{color:"layer",backgroundColor:"layer.4.opa.low",fontColor:"white",ssSphere:2.5,onClick:()=>{u.remove(t)},children:r(A.Times,{})})]}),r(w,m(c({className:I("Cell"),componentID:n,onMouseOver:()=>{d(-1)},onMouseOut:()=>{d(o||10)},opacity:"trans",width:1,padding:"2/3",marginBottom:1,borderRadius:"1.tone.primary",fontColor:"white",boxShadow:"1.remark",backgroundColor:"dark",transition:"middle"},a),{children:g}))},Wrapper:()=>{let[s,t]=k(f()),[o,S]=k([]);b(()=>{p.set({["Snackbar-"+C.get().sessionUID]:{add:e=>{e.snackID=e.snackID||f();let a=o.findIndex(n=>n.snackID==e.snackID);if(a==-1)o.unshift(m(c({},e),{snackID:e.snackID}));else{let n=[...o];n[a]=m(c({},e),{snackID:e.snackID}),o=n}t(f())},remove:e=>{let a=p.get("Snackbar-"+e);a&&a.remove&&(a.remove(),setTimeout(()=>{let n=o.findIndex(d=>d.snackID==e);if(n==-1)return;let l=[...o];l.splice(n,1),S(l)},210))}}})},[o.length]);let i=o.map(e=>M(B.Cell,m(c({},e),{key:e.snackID})));return r(E,{className:["AMOTIFY_be",I("Wrapper")].join(" "),position:"fixed",right:0,bottom:0,paddingLeft:0,paddingRight:1,paddingBottom:"safeAreaBottom",verticalAlign:"bottom",overflow:"auto",UnderBreakPointStyles:{left:0,paddingLeft:1,width:"auto"},children:i})}};export{u as Snackbar,u as default};

package/dist/fn/SwipeView.js

@@ -1 +1 @@
-import{b as f,c as T,d as k}from"../chunk-C5N2D3ZX.js";import{jsx as I}from"react/jsx-runtime";import{useState as L,useEffect as M,useRef as N}from"react";import c from"@mingoo/jsmin";import{$$fromRoot as h,useStore as X}from"../@utils";import{Box as R,Flex as j}from"../atoms";import{LayoutClasses as a}from"../@styles/componentClasses";const B=t=>{let D=t,{options:{onSlideCallback:e,visibilitySurroundSlide:u=!0,autoSwipems:d=0,loop:i=!1,disableMousedrag:r=!1,disableTouch:o=!1}={},wrapper:s=n=>n,slides:x=[],slideIndex:_}=D,E=k(D,["options","wrapper","slides","slideIndex"]),[w]=L(c.uuid.gen()),[p,y]=L({eventType:"init",index:t.slideIndex});M(()=>{X.set({["SwipeTimer-"+w]:null})},[]);const g=N(!1);M(()=>{y({eventType:"usr",index:t.slideIndex}),g.current||(g.current=!0)},[t.slideIndex]),M(()=>{let n=p.index+(i?1:0),m=[-1,x.length].includes(p.index);m||e&&setTimeout(()=>{e(p.index)},300);let b=h("#Swiper-"+w);if(p.eventType=="adjustLoop")b.await(250).css({transition:"0s",transform:l.TrasformString(n)}).children().removeClass(a("Display")).parent().children(n).addClass([a("Display"),a("LoopAdjusting")]).await(100).removeClass(a("LoopAdjusting"));else if(p.eventType=="sys")b.await(250).css({transform:l.TrasformString(n)}).children().removeClass(a("Display")).parent().children(n).addClass(a("Display"));else if(b.children().removeClass(a("Display")).parent().children(n).addClass(a("Display")).parent().css({transition:"0.3s",transform:l.TrasformString(n)}).await(250).css({transition:"0s"}),m){let v=p.index==-1?x.length-1:0;y({eventType:"adjustLoop",index:v})}d&&!m&&(c.interval.clear("SwipeTimer-"+w),c.interval.standBy("SwipeTimer-"+w,d-(p.eventType=="sys"?310:0),()=>{let v=p.index+1;!i&&v>x.length-1&&(v=0),y({eventType:"usr",index:v})}))},[p]);let S=x.map((n,m)=>I(R,{flexSizing:"none",width:1,height:0,className:a("Child"),children:s(n)},m));i&&(S.push(S[0]),S.unshift(S[S.length-2]));let C={x:0,y:0,process:!1,effectStartAt:0,id:w,loop:i,index:p.index,minIndex:i?-1:0,maxIndex:x.length+(i?1:-1),width:0,set_event:y},A=p.index+(i?1:0);return I(R,T(f({overflow:"hidden",position:"relative"},E),{className:[E.className,a("SwipeView")].join(" "),freeCSS:f({zIndex:1},E.freeCSS),"data-swipe-id":w,onMouseDown:n=>{r||n.buttons==1&&l.EffectStart(n,C)},onTouchStart:n=>{var m;o||((m=n.touches)==null?void 0:m.length)==1&&l.EffectStart(n,C)},children:I(j,{flexWrap:!1,gap:1,transition:"long",className:[a("Rail"),a("ShowOther_"+u)].join(" "),id:"Swiper-"+w,freeCSS:f({},g.current?{}:{transform:l.TrasformString(A)}),children:S})}))},l={TrasformString:t=>`translateX( calc( ${-100*t}%  - ${12*t}px ) )`,EffectStart:(t,e)=>{let{x:u,y:d}=c.getCursor(t),i=t.currentTarget,r=t.target;if(["SELECT","BUTTON","LABEL","INPUT"].includes(r.tagName))return;e=T(f({},e),{x:u-e.x+window.scrollX,y:d-e.y+window.scrollY,effectStartAt:new Date().getTime(),width:h("#Swiper-"+e.id).position().width});let{swipeId:o}=i.dataset;o==e.id&&c(document).addEvent({eventID:"SwipeMouseMove",eventType:"mousemove",callback:s=>{l.EffectCheck(s,e)},options:{passive:!1}}).addEvent({eventID:"SwipeTouchMove",eventType:"touchmove",callback:s=>{l.EffectCheck(s,e)},options:{passive:!1}}).addEvent({eventID:"SwipeMouseUp",eventType:"mouseup",callback:s=>{l.EffectEnd(s,e)},options:{passive:!1}}).addEvent({eventID:"SwipeTouchEnd",eventType:"touchend",callback:s=>{l.EffectEnd(s,e)},options:{passive:!1}})},EffectCheck:(t,e)=>{if(e.process)return;let{x:u,y:d}=c.getCursor(t),i=Math.abs(u-e.x+window.scrollX),r=Math.abs(d-e.y+window.scrollY);if(!(t.touches&&t.touches.length>1)&&!(r+i<15))if(r>i/2)c(document).removeEvent(["SwipeMouseMove","SwipeTouchMove"]);else{e.process=!0;let o=e.index+(e.loop?1:0);h("#Swiper-"+e.id).children(o-1).addClass(a("Display")),c(document).addEvent({eventID:"SwipeCheckMouseMove",eventType:"mousemove",callback:s=>{l.EffectMove(s,e)},options:{passive:!1}}).addEvent({eventID:"SwipeCheckTouchMove",eventType:"touchmove",callback:s=>{l.EffectMove(s,e)},options:{passive:!1}}),t.preventDefault();return}},EffectMove:(t,e)=>{if(t.touches&&t.touches.length>1)return;let{x:u}=c.getCursor(t),d=u-e.x+window.scrollX,r=e.index+(e.loop?1:0)-d/e.width;if(r<0)r/=2;else if(r>e.maxIndex){let o=r-e.maxIndex;r=e.maxIndex+o/2}h("#Swiper-"+e.id).css({transition:"0s",transform:l.TrasformString(r)}),t.preventDefault()},EffectEnd:(t,e)=>{if(e.process){let d=c.getCursor(t).x-e.x+window.scrollX,i=new Date().getTime(),r=i-e.effectStartAt,o=e.index+(e.loop?1:0),s=0;r<400?s=o-(+(d>0)*2-1):s=Math.round(o-d/e.width),s=Math.max(Math.min(s,e.maxIndex),e.minIndex),e.process=!1,o===s?(e.effectStartAt=i,h("#Swiper-"+e.id).css({transition:".2s",transform:l.TrasformString(s)}).await(310).css({transition:"0s"}).children().removeClass(a("Display")).parent().children(o).addClass(a("Display"))):e.set_event({eventType:"usr",index:s+e.minIndex})}c(document).removeEvent(["SwipeMouseMove","SwipeTouchMove","SwipeCheckMouseMove","SwipeCheckTouchMove","SwipeMouseUp","SwipeTouchEnd"])}},V=t=>I(B,T(f({},t),{slideIndex:Math.max(Math.min(t.slideIndex,t.slides.length-1),0)}));export{V as SwipeView,V as default};
+import{b as f,c as T,d as k}from"../chunk-C5N2D3ZX.js";import{jsx as I}from"react/jsx-runtime";import c,{UUID as N}from"@mingoo/jsmin";import{useState as L,useEffect as M,useRef as X}from"react";import{$$fromRoot as h,useStore as j}from"../@utils";import{Box as R,Flex as B}from"../atoms";import{LayoutClasses as a}from"../@styles/componentClasses";const _=t=>{let D=t,{options:{onSlideCallback:e,visibilitySurroundSlide:u=!0,autoSwipems:d=0,loop:i=!1,disableMousedrag:r=!1,disableTouch:o=!1}={},wrapper:s=n=>n,slides:x=[],slideIndex:U}=D,E=k(D,["options","wrapper","slides","slideIndex"]),[w]=L(N()),[p,y]=L({eventType:"init",index:t.slideIndex});M(()=>{j.set({["SwipeTimer-"+w]:null})},[]);const g=X(!1);M(()=>{y({eventType:"usr",index:t.slideIndex}),g.current||(g.current=!0)},[t.slideIndex]),M(()=>{let n=p.index+(i?1:0),m=[-1,x.length].includes(p.index);m||e&&setTimeout(()=>{e(p.index)},300);let b=h("#Swiper-"+w);if(p.eventType=="adjustLoop")b.await(250).css({transition:"0s",transform:l.TrasformString(n)}).children().removeClass(a("Display")).parent().children(n).addClass([a("Display"),a("LoopAdjusting")]).await(100).removeClass(a("LoopAdjusting"));else if(p.eventType=="sys")b.await(250).css({transform:l.TrasformString(n)}).children().removeClass(a("Display")).parent().children(n).addClass(a("Display"));else if(b.children().removeClass(a("Display")).parent().children(n).addClass(a("Display")).parent().css({transition:"0.3s",transform:l.TrasformString(n)}).await(250).css({transition:"0s"}),m){let v=p.index==-1?x.length-1:0;y({eventType:"adjustLoop",index:v})}d&&!m&&(c.interval.clear("SwipeTimer-"+w),c.interval.standBy("SwipeTimer-"+w,d-(p.eventType=="sys"?310:0),()=>{let v=p.index+1;!i&&v>x.length-1&&(v=0),y({eventType:"usr",index:v})}))},[p]);let S=x.map((n,m)=>I(R,{flexSizing:"none",width:1,height:0,className:a("Child"),children:s(n)},m));i&&(S.push(S[0]),S.unshift(S[S.length-2]));let C={x:0,y:0,process:!1,effectStartAt:0,id:w,loop:i,index:p.index,minIndex:i?-1:0,maxIndex:x.length+(i?1:-1),width:0,set_event:y},A=p.index+(i?1:0);return I(R,T(f({overflow:"hidden",position:"relative"},E),{className:[E.className,a("SwipeView")].join(" "),freeCSS:f({zIndex:1},E.freeCSS),"data-swipe-id":w,onMouseDown:n=>{r||n.buttons==1&&l.EffectStart(n,C)},onTouchStart:n=>{var m;o||((m=n.touches)==null?void 0:m.length)==1&&l.EffectStart(n,C)},children:I(B,{flexWrap:!1,gap:1,transition:"long",className:[a("Rail"),a("ShowOther_"+u)].join(" "),id:"Swiper-"+w,freeCSS:f({},g.current?{}:{transform:l.TrasformString(A)}),children:S})}))},l={TrasformString:t=>`translateX( calc( ${-100*t}%  - ${12*t}px ) )`,EffectStart:(t,e)=>{let{x:u,y:d}=c.getCursor(t),i=t.currentTarget,r=t.target;if(["SELECT","BUTTON","LABEL","INPUT"].includes(r.tagName))return;e=T(f({},e),{x:u-e.x+window.scrollX,y:d-e.y+window.scrollY,effectStartAt:new Date().getTime(),width:h("#Swiper-"+e.id).position().width});let{swipeId:o}=i.dataset;o==e.id&&c(document).addEvent({eventID:"SwipeMouseMove",eventType:"mousemove",callback:s=>{l.EffectCheck(s,e)},options:{passive:!1}}).addEvent({eventID:"SwipeTouchMove",eventType:"touchmove",callback:s=>{l.EffectCheck(s,e)},options:{passive:!1}}).addEvent({eventID:"SwipeMouseUp",eventType:"mouseup",callback:s=>{l.EffectEnd(s,e)},options:{passive:!1}}).addEvent({eventID:"SwipeTouchEnd",eventType:"touchend",callback:s=>{l.EffectEnd(s,e)},options:{passive:!1}})},EffectCheck:(t,e)=>{if(e.process)return;let{x:u,y:d}=c.getCursor(t),i=Math.abs(u-e.x+window.scrollX),r=Math.abs(d-e.y+window.scrollY);if(!(t.touches&&t.touches.length>1)&&!(r+i<15))if(r>i/2)c(document).removeEvent(["SwipeMouseMove","SwipeTouchMove"]);else{e.process=!0;let o=e.index+(e.loop?1:0);h("#Swiper-"+e.id).children(o-1).addClass(a("Display")),c(document).addEvent({eventID:"SwipeCheckMouseMove",eventType:"mousemove",callback:s=>{l.EffectMove(s,e)},options:{passive:!1}}).addEvent({eventID:"SwipeCheckTouchMove",eventType:"touchmove",callback:s=>{l.EffectMove(s,e)},options:{passive:!1}}),t.preventDefault();return}},EffectMove:(t,e)=>{if(t.touches&&t.touches.length>1)return;let{x:u}=c.getCursor(t),d=u-e.x+window.scrollX,r=e.index+(e.loop?1:0)-d/e.width;if(r<0)r/=2;else if(r>e.maxIndex){let o=r-e.maxIndex;r=e.maxIndex+o/2}h("#Swiper-"+e.id).css({transition:"0s",transform:l.TrasformString(r)}),t.preventDefault()},EffectEnd:(t,e)=>{if(e.process){let d=c.getCursor(t).x-e.x+window.scrollX,i=new Date().getTime(),r=i-e.effectStartAt,o=e.index+(e.loop?1:0),s=0;r<400?s=o-(+(d>0)*2-1):s=Math.round(o-d/e.width),s=Math.max(Math.min(s,e.maxIndex),e.minIndex),e.process=!1,o===s?(e.effectStartAt=i,h("#Swiper-"+e.id).css({transition:".2s",transform:l.TrasformString(s)}).await(310).css({transition:"0s"}).children().removeClass(a("Display")).parent().children(o).addClass(a("Display"))):e.set_event({eventType:"usr",index:s+e.minIndex})}c(document).removeEvent(["SwipeMouseMove","SwipeTouchMove","SwipeCheckMouseMove","SwipeCheckTouchMove","SwipeMouseUp","SwipeTouchEnd"])}},V=t=>I(_,T(f({},t),{slideIndex:Math.max(Math.min(t.slideIndex,t.slides.length-1),0)}));export{V as SwipeView,V as default};

package/dist/fn/Table/Data.js

@@ -1 +1 @@
-import{b as r,c as m,d as Y}from"../../chunk-C5N2D3ZX.js";import{Fragment as J,jsx as l,jsxs as x}from"react/jsx-runtime";import{useState as Z,useEffect as W}from"react";import b from"@mingoo/jsmin";import{useStore as ee,useRefresh as F}from"../../@utils";import{Box as v,Flex as K,FAI as N,Span as ae,Column as le}from"../../atoms";import{Row as E}from"../../mols";import{Button as H}from"../Button";import z from"../Sheet";import L from"../Input";import{faArrowUp as oe}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faArrowDown as ne}from"@fortawesome/free-solid-svg-icons/faArrowDown";import{faArrowRight as se}from"@fortawesome/free-solid-svg-icons/faArrowRight";import{faFilter as ie}from"@fortawesome/free-solid-svg-icons/faFilter";import D from"./Parts";import ce from"./Wrapper";import{DefaultCellSystemAdjustingStyles as V}from"./cellStyling";import{TableClasses as y}from"../../@styles/componentClasses";const I={__memoryID:b.uuid.gen(),Header:t=>{var h,C;let{val_status:e,set_status:n,KeywordFilterRows:u}=r({},t),{order:s,filter:a}=e,[d,g]=s.current,p=[],c=[...e.head];if(e.checker){let o={top:!0,bottom:!e.rows.length,left:!0,right:!e.colLength,rowIndex:0,colIndex:0,isBody:!1,isHeader:!0},i=V(o),f=e.cellStylesCallback?e.cellStylesCallback(o):{};p.push(l(D.TH,m(r(r(r({fontWeight:"2.normal",position:"sticky",top:0,unitWidth:4,padding:0},e.cellStyles),i),f),{freeCSS:m(r(r({},(h=e.cellStyles)==null?void 0:h.freeCSS),f.freeCSS),{zIndex:2}),className:[y("Cell"),e.cellClassName].join(" "),children:l(v,{flexCenter:!0,children:l(L.Checker,{label:null,value:!1,onUpdateValidValue:({value:S})=>{let w=e.rows;w.forEach(O=>{O.checked=S}),n(m(r({},e),{rows:w}))}})})}),-1))}for(let o=0;o<e.colLength;o++){let i=c[o];if(!i)continue;let f=i.children||i.data,S=s.enabled&&s.column[o],w=a.enabled&&a.column[o],O=S?l(N,{fontSize:"1.mini",fontColor:o==d?"1.clear":"5.translucent",icon:o==d?g=="DESC"?ne:oe:se}):null,B=l(J,{});if(w){let k=u.map(P=>{var A;return(A=P[o])==null?void 0:A.data});k=[...new Set(k)].order({direction:"ASC"});let _=a.current[o];if(_){let P=k.filter(R=>!_.includes(R)),A=[];k.forEach(R=>{R&&A.push({value:R,label:l(v,{flexSizing:"auto",children:R})})});let X="BUTTON-"+e.componentID+"-"+o,$=e.componentID+"-"+o,q={sheetID:$,parent:"#"+X,gravityPoint:23,type:"custom",content:x(K,{flexType:"col",border:!0,boxShadow:"3.remark",backgroundColor:"layer.1",borderRadius:1,freeCSS:{minWidth:12*20,maxWidth:12*30},children:[l(le,{gap:"1/3",overflow:"auto",padding:"2/3",freeCSS:{maxHeight:12*30},children:l(L.Checkbox,{icon:!0,value:P,display:"flex",gap:"1/2",override:"force",options:A,hideInput:!0,name:"DTFilter-col-"+o+"-table-"+e.componentID,onUpdateValidValue:({value:R})=>{let M=k.filter(re=>!R.includes(re)),Q=r({},e);Q.filter.current[o]=M,n(Q)}})}),x(E.Separate,{gap:"2/3",padding:"2/3",horizontalAlign:"right",children:[l(H.Border.S,{isRounded:!0,onClick:()=>{z.close($)},children:"\u9589\u3058\u308B"}),l(H.Prime.S,{color:"theme",isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{let R=[];_.length||(R=k);let M=r({},e);M.filter.current[o]=R,n(M)},children:"\u5168\u9078\u629E"})]})]})};z.refresh(q,!0),B=l(v,{className:y("FilterRegion"),children:l(H.Sub.S,{ssSphere:2.5,fontSize:"1.mini",className:y("Filtering_"+!!_.length),id:X,onClick:R=>{R.stopPropagation(),z.open(q)},children:l(N,{icon:ie})})})}}let U={top:!0,bottom:!e.rows.length,left:e.checker?!1:o==0,right:o==e.colLength-1,rowIndex:0,colIndex:o,isBody:!1,isHeader:!0},te=V(U),G=e.cellStylesCallback?e.cellStylesCallback(U):{};i=m(r(r(r(r({},e.cellStyles),te),i),G),{ssPushable:S,freeCSS:r(r(r({},(C=e.cellStyles)==null?void 0:C.freeCSS),G.freeCSS),i.freeCSS),className:[y("Cell"),e.cellClassName,i.className].join(" ")}),delete i.orderIndex,p.push(l(D.TH,m(r({fontWeight:"2.normal",position:"sticky",top:0},i),{freeCSS:r({zIndex:2},i.freeCSS),onClick:k=>{if(S){let _=r({},e),P=[o,d===o&&g=="ASC"?"DESC":"ASC"];_.order.current=P,n(_),e.onOrderChanged&&e.onOrderChanged(P)}},children:x(K,{flexType:"row-r",flexWrap:!1,height:1,borderRadius:"inherit",flexCenter:!0,children:[B,x(K,{flexSizing:0,position:"relative",borderRadius:"inherit",gap:"1/2",flexWrap:!1,verticalAlign:"center",horizontalAlign:"center",children:[O,f]})]})}),o))}return l(D.Row,{className:[y("Row"),y("HeadRow")].join(" "),children:p})},Body:t=>{let{val_status:e,PageRows:n}=t,u=[];if(n.forEach((s,a)=>{var p;let d=[...s],g=[];if(e.checker){let c={top:a==0&&!e.head,bottom:a==n.length-1,left:!0,right:!e.colLength,rowIndex:a,colIndex:0,isBody:!0,isHeader:!1},h=V(c),C=e.cellStylesCallback?e.cellStylesCallback(c):{};g.push(l(D.TH,m(r(r(r({unitWidth:4,padding:0,borderRight:!0},e.cellStyles),h),C),{freeCSS:r(r({},(p=e.cellStyles)==null?void 0:p.freeCSS),C.freeCSS),className:[y("Cell"),e.cellClassName].join(" "),children:l(v,{flexCenter:!0,children:l(L.Checker,{label:null,value:s.checked,override:"force",onUpdateValidValue:({value:o})=>{let i=e.rows,f=i.findIndex(S=>b.JsonTo(S.rowID)==b.JsonTo(s.rowID));f!=-1&&(i[f].checked=o,t.set_status(S=>m(r({},S),{rows:i})))}})})}),-1))}d.forEach((c,h)=>{var B;if(!c)return;let O=c,{type:C="td"}=O,o=Y(O,["type"]),i={top:a==0&&!e.head,bottom:a==n.length-1,left:e.checker?!1:h==0,right:h==e.colLength-1,rowIndex:a,colIndex:h,isBody:!0,isHeader:!1},f=V(i),S=e.cellStylesCallback?e.cellStylesCallback(i):{};o=m(r(r(r(r({},e.cellStyles),f),o),S),{freeCSS:r(r(r({},(B=e.cellStyles)==null?void 0:B.freeCSS),o.freeCSS),S.freeCSS),className:[y("Cell"),e.cellClassName,o.className].join(" ")}),delete o.orderIndex;let w=D[C=="td"?"TD":"TH"];g.push(l(w,r({},o),h))}),u.push(l(D.Row,{className:[y("Row"),y("BodyRow")].join(" "),children:g,onClick:c=>{e.onRowClick&&e.onRowClick(s.rowID,c)}},a))}),!n.length){let s=l(v,{padding:2,fontColor:"4.thin",textAlign:"center",borderTop:"1.thin",children:"\u30C6\u30FC\u30D6\u30EB\u304C\u3042\u308A\u307E\u305B\u3093"});e.noRecords&&(s=l(J,{children:e.noRecords})),u.push(l(D.Row,{className:[y("Row"),y("BodyRow"),y("DataNotFound")].join(" "),children:l(D.TD,{colSpan:e.colLength,className:y("Cell"),children:s})},"dataNotFound"))}return l(J,{children:u})},Core:t=>{let{val_status:e,set_status:n}=t,{searchKeyword:u,filter:s,order:a,paging:d}=e,g=[...e.rows],p=[...e.rows],c=[...e.rows],h=[...e.rows];if(u&&(p=g.filter(i=>(i.__sys4SearchKey||"").match(new RegExp(u,"i"))?1:0),c=[...p],h=[...p]),s.enabled)for(let i=0;i<e.colLength;i++){let f=s.column[i],S=s.current[i];f&&S&&S.length&&(c=c.filter(w=>!S.includes(w[i].data)),h=[...c])}a.enabled&&(c=c.order({direction:a.current[1],keys:[a.current[0],"orderIndex"]}),h=[...c]);{let{currentPageIndex:i,rowLength:f}=d;h=[...h].splice((i-1)*f,f)}let C=I.__memoryID+"_"+e.tableID,o={rows:{total:g.length,page:h.length,filtered:c.length},val_status:m(r({},e),{paging:m(r({},e.paging),{pageLength:Math.ceil(c.length/e.paging.rowLength)})}),set_status:n};return ee.update({[C]:{getRowData:()=>{let i=[...g];return a.enabled&&(i=i.order({direction:a.current[1],keys:[a.current[0],"orderIndex"]})),i.forEach(f=>{f.currentPage=!1,f.filtered=!1}),h.forEach(f=>{let{rowID:S}=f;i.find(w=>b.JsonTo(w.rowID)==b.JsonTo(S)).currentPage=!0}),c.forEach(f=>{let{rowID:S}=f;i.find(w=>b.JsonTo(w.rowID)==b.JsonTo(S)).filtered=!0}),i}}}),W(()=>{F.release(e.tableID,o)}),l(v,{className:y("TableBase"),children:l(D.Table,{className:y("Table"),children:x(D.Body,{children:[l(I.Header,{val_status:e,set_status:n,KeywordFilterRows:p}),l(I.Body,{val_status:e,set_status:n,PageRows:h})]})})},u)},Propagations:{},DataLeveler:t=>{var e,n;return t=r({},t),t.filter=(e=t.filter)!=null?e:!1,t.filter=Array.from({length:t.colLength}).map((u,s)=>{var a;return b.is.boolean(t.filter)?t.filter:(a=t.filter[s])!=null?a:!1}),t.order=(n=t.order)!=null?n:!0,t.order=Array.from({length:t.colLength}).map((u,s)=>{var a;return b.is.boolean(t.order)?t.order:(a=t.order[s])!=null?a:!0}),t=r({checker:!1,searchKeyword:"",filter:!1,order:!0,defaultOrder:[0,"ASC"]},t),t.rows.forEach((u,s)=>{u.rowID=u.rowID||s;let a=[];u.forEach((d,g)=>{let{data:p,children:c,orderIndex:h}=d;d.orderIndex=b.is.exist(h)?String(h):String(p),d.children=c||String(p),a.push(String(d.data))}),u.__sys4SearchKey=a.join("/")}),l(I.StateManager,r({},t))},StateManager:t=>{let{colLength:e,checker:n=!1,searchKeyword:u="",filter:s,order:a,defaultOrder:d=[0,"ASC"],pageRowLength:g=30}=t,[p]=Z(b.uuid.gen()),c={tableID:t.tableID||p,componentID:p,colLength:e,checker:n,searchKeyword:u,filter:{enabled:s!==!1,column:s,current:Array.from({length:e},()=>[])},order:{enabled:a!==!1,column:a,current:d},paging:{rowLength:g,pageLength:Math.ceil(t.rows.length/g),currentPageIndex:1},head:t.head,rows:t.rows,noRecords:t.noRecords,cellStyles:t.cellStyles||{},cellClassName:t.cellClassName||"",cellStylesCallback:t.cellStylesCallback,onRowClick:t.onRowClick,onOrderChanged:t.onOrderChanged},[h,C]=Z(c);return W(()=>{C(o=>m(r({},o),{rows:c.rows}))},[b.JsonTo(c.rows)]),W(()=>{C(o=>m(r({},o),{head:c.head}))},[b.JsonTo(c.head)]),l(I.Core,{val_status:h,set_status:C})}},de={__memoryID:I.__memoryID,getRowData:t=>{let e=ee.get(I.__memoryID+"_"+t);if(e!=null&&e.getRowData)return e.getRowData()}},j={SearchInput:t=>{let e=F.catch(t.tableID);if(!e)return null;let{val_status:n,set_status:u}=e;return l(L.TextField,{label:"\u691C\u7D22...",clearButton:!0,padding:"2/3",paddingRight:3,rightIcon:l(L.RightIcon,{ssSphere:2,fontColor:"5.translucent",right:"2/3",children:l(N.Search,{})}),value:n.searchKeyword,onUpdateValidValue:({value:s})=>{t.onChange(s),b.interval.clear("InputSearchTime"),b.interval.standBy("InputSearchTime",200,()=>{u(a=>m(r({},a),{paging:m(r({},a.paging),{currentPageIndex:1}),filter:m(r({},a.filter),{current:Array.from({length:a.colLength},()=>[])}),searchKeyword:s}))})}})},Info:t=>{let e=F.catch(t.tableID);if(!e)return null;let{val_status:n,set_status:u}=e,s=e.rows.filtered.ratio(e.rows.total)||0;return x(K,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[l(ae,{fontSize:"4.thirdTitle",fontColor:"theme",children:e.rows.filtered.toLocaleString()}),"/ ",e.rows.total.toLocaleString(),"\u4EF6 (",s,"%)"]})},Paging:t=>{let e=F.catch(t.tableID);if(!e)return null;let{val_status:n,set_status:u}=e,s=[];for(let d=0;d<n.paging.pageLength;d++)s.push({value:d+1,label:(d+1).toString()});const a=d=>{let g=Math.min(Math.max(1,d),n.paging.pageLength),p=r({},n);p.paging.currentPageIndex=g,u(c=>m(r({},c),{paging:m(r({},c.paging),{currentPageIndex:g})}))};return x(E.Center,{children:[x(E.Center,{gap:"1/2",children:[l(L.Select,{label:"\u9805",freeCSS:{minWidth:12*3},emptySelect:!1,padding:["1/3","2/3"],rightIcon:!1,override:"force",value:n.paging.currentPageIndex,options:s,SelectorGravityPoint:24,onUpdateValidValue:({value:d})=>{a(d)}}),"/ ",n.paging.pageLength]}),x(E.Right,{gap:"1/2",children:[l(H.Sub,{ssSphere:3,onClick:()=>{if(n.paging.currentPageIndex==1){a(n.paging.pageLength);return}a(n.paging.currentPageIndex-1)},children:l(N.ChevronLeft,{})}),l(H.Sub,{ssSphere:3,onClick:()=>{if(n.paging.currentPageIndex==n.paging.pageLength){a(1);return}a(n.paging.currentPageIndex+1)},children:l(N.ChevronRight,{})})]})]})},RowLength:t=>{let e=F.catch(t.tableID);if(!e)return null;let{val_status:n,set_status:u}=e,s=n.paging.rowLength,a=0,d=t.lengthSelect.map(g=>(a|=+(g==s),{value:g,label:g.toString()}));return a||d.push({value:s,label:s.toString()}),d=d.order({direction:"ASC",keys:["value"]}),l(E.Center,{gap:"1/2",children:l(L.Select,{label:"\u4EF6\u6570",emptySelect:!1,rightIcon:!1,override:"force",padding:["1/3","2/3"],value:n.paging.rowLength,options:d,SelectorGravityPoint:24,onUpdateValidValue:({value:g})=>{u(p=>m(r({},p),{paging:{rowLength:Number(g),currentPageIndex:1,pageLength:Math.ceil(e.rows.filtered/Number(g))}}))}})})}},ue=t=>l(ce,m(r({},t),{type:"data",JSXChildren:I.DataLeveler})),T=ue;T.__memoryID=I.__memoryID,T.getRowData=de.getRowData,T.Info=j.Info,T.Paging=j.Paging,T.RowLength=j.RowLength,T.SearchInput=j.SearchInput;export{T as Data,T as default};
+import{b as r,c as m,d as Y}from"../../chunk-C5N2D3ZX.js";import{Fragment as z,jsx as l,jsxs as x}from"react/jsx-runtime";import C,{UUID as Z}from"@mingoo/jsmin";import{useState as ee,useEffect as j}from"react";import{useStore as te,useRefresh as F}from"../../@utils";import{Box as v,Flex as K,FAI as N,Span as le,Column as oe}from"../../atoms";import{Row as E}from"../../mols";import{Button as H}from"../Button";import W from"../Sheet";import L from"../Input";import{faArrowUp as ne}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faArrowDown as se}from"@fortawesome/free-solid-svg-icons/faArrowDown";import{faArrowRight as ie}from"@fortawesome/free-solid-svg-icons/faArrowRight";import{faFilter as ce}from"@fortawesome/free-solid-svg-icons/faFilter";import D from"./Parts";import de from"./Wrapper";import{DefaultCellSystemAdjustingStyles as V}from"./cellStyling";import{TableClasses as y}from"../../@styles/componentClasses";const I={__memoryID:Z(),Header:t=>{var h,b;let{val_status:e,set_status:n,KeywordFilterRows:u}=r({},t),{order:s,filter:a}=e,[d,g]=s.current,p=[],c=[...e.head];if(e.checker){let o={top:!0,bottom:!e.rows.length,left:!0,right:!e.colLength,rowIndex:0,colIndex:0,isBody:!1,isHeader:!0},i=V(o),f=e.cellStylesCallback?e.cellStylesCallback(o):{};p.push(l(D.TH,m(r(r(r({fontWeight:"2.normal",position:"sticky",top:0,unitWidth:4,padding:0},e.cellStyles),i),f),{freeCSS:m(r(r({},(h=e.cellStyles)==null?void 0:h.freeCSS),f.freeCSS),{zIndex:2}),className:[y("Cell"),e.cellClassName].join(" "),children:l(v,{flexCenter:!0,children:l(L.Checker,{label:null,value:!1,onUpdateValidValue:({value:S})=>{let w=e.rows;w.forEach(O=>{O.checked=S}),n(m(r({},e),{rows:w}))}})})}),-1))}for(let o=0;o<e.colLength;o++){let i=c[o];if(!i)continue;let f=i.children||i.data,S=s.enabled&&s.column[o],w=a.enabled&&a.column[o],O=S?l(N,{fontSize:"1.mini",fontColor:o==d?"1.clear":"5.translucent",icon:o==d?g=="DESC"?se:ne:ie}):null,B=l(z,{});if(w){let k=u.map(P=>{var A;return(A=P[o])==null?void 0:A.data});k=[...new Set(k)].order({direction:"ASC"});let _=a.current[o];if(_){let P=k.filter(R=>!_.includes(R)),A=[];k.forEach(R=>{R&&A.push({value:R,label:l(v,{flexSizing:"auto",children:R})})});let X="BUTTON-"+e.componentID+"-"+o,$=e.componentID+"-"+o,q={sheetID:$,parent:"#"+X,gravityPoint:23,type:"custom",content:x(K,{flexType:"col",border:!0,boxShadow:"3.remark",backgroundColor:"layer.1",borderRadius:1,freeCSS:{minWidth:12*20,maxWidth:12*30},children:[l(oe,{gap:"1/3",overflow:"auto",padding:"2/3",freeCSS:{maxHeight:12*30},children:l(L.Checkbox,{icon:!0,value:P,display:"flex",gap:"1/2",override:"force",options:A,hideInput:!0,name:"DTFilter-col-"+o+"-table-"+e.componentID,onUpdateValidValue:({value:R})=>{let M=k.filter(ae=>!R.includes(ae)),Q=r({},e);Q.filter.current[o]=M,n(Q)}})}),x(E.Separate,{gap:"2/3",padding:"2/3",horizontalAlign:"right",children:[l(H.Border.S,{isRounded:!0,onClick:()=>{W.close($)},children:"\u9589\u3058\u308B"}),l(H.Prime.S,{color:"theme",isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{let R=[];_.length||(R=k);let M=r({},e);M.filter.current[o]=R,n(M)},children:"\u5168\u9078\u629E"})]})]})};W.refresh(q,!0),B=l(v,{className:y("FilterRegion"),children:l(H.Sub.S,{ssSphere:2.5,fontSize:"1.mini",className:y("Filtering_"+!!_.length),id:X,onClick:R=>{R.stopPropagation(),W.open(q)},children:l(N,{icon:ce})})})}}let J={top:!0,bottom:!e.rows.length,left:e.checker?!1:o==0,right:o==e.colLength-1,rowIndex:0,colIndex:o,isBody:!1,isHeader:!0},re=V(J),G=e.cellStylesCallback?e.cellStylesCallback(J):{};i=m(r(r(r(r({},e.cellStyles),re),i),G),{ssPushable:S,freeCSS:r(r(r({},(b=e.cellStyles)==null?void 0:b.freeCSS),G.freeCSS),i.freeCSS),className:[y("Cell"),e.cellClassName,i.className].join(" ")}),delete i.orderIndex,p.push(l(D.TH,m(r({fontWeight:"2.normal",position:"sticky",top:0},i),{freeCSS:r({zIndex:2},i.freeCSS),onClick:k=>{if(S){let _=r({},e),P=[o,d===o&&g=="ASC"?"DESC":"ASC"];_.order.current=P,n(_),e.onOrderChanged&&e.onOrderChanged(P)}},children:x(K,{flexType:"row-r",flexWrap:!1,height:1,borderRadius:"inherit",flexCenter:!0,children:[B,x(K,{flexSizing:0,position:"relative",borderRadius:"inherit",gap:"1/2",flexWrap:!1,verticalAlign:"center",horizontalAlign:"center",children:[O,f]})]})}),o))}return l(D.Row,{className:[y("Row"),y("HeadRow")].join(" "),children:p})},Body:t=>{let{val_status:e,PageRows:n}=t,u=[];if(n.forEach((s,a)=>{var p;let d=[...s],g=[];if(e.checker){let c={top:a==0&&!e.head,bottom:a==n.length-1,left:!0,right:!e.colLength,rowIndex:a,colIndex:0,isBody:!0,isHeader:!1},h=V(c),b=e.cellStylesCallback?e.cellStylesCallback(c):{};g.push(l(D.TH,m(r(r(r({unitWidth:4,padding:0,borderRight:!0},e.cellStyles),h),b),{freeCSS:r(r({},(p=e.cellStyles)==null?void 0:p.freeCSS),b.freeCSS),className:[y("Cell"),e.cellClassName].join(" "),children:l(v,{flexCenter:!0,children:l(L.Checker,{label:null,value:s.checked,override:"force",onUpdateValidValue:({value:o})=>{let i=e.rows,f=i.findIndex(S=>C.JsonTo(S.rowID)==C.JsonTo(s.rowID));f!=-1&&(i[f].checked=o,t.set_status(S=>m(r({},S),{rows:i})))}})})}),-1))}d.forEach((c,h)=>{var B;if(!c)return;let O=c,{type:b="td"}=O,o=Y(O,["type"]),i={top:a==0&&!e.head,bottom:a==n.length-1,left:e.checker?!1:h==0,right:h==e.colLength-1,rowIndex:a,colIndex:h,isBody:!0,isHeader:!1},f=V(i),S=e.cellStylesCallback?e.cellStylesCallback(i):{};o=m(r(r(r(r({},e.cellStyles),f),o),S),{freeCSS:r(r(r({},(B=e.cellStyles)==null?void 0:B.freeCSS),o.freeCSS),S.freeCSS),className:[y("Cell"),e.cellClassName,o.className].join(" ")}),delete o.orderIndex;let w=D[b=="td"?"TD":"TH"];g.push(l(w,r({},o),h))}),u.push(l(D.Row,{className:[y("Row"),y("BodyRow")].join(" "),children:g,onClick:c=>{e.onRowClick&&e.onRowClick(s.rowID,c)}},a))}),!n.length){let s=l(v,{padding:2,fontColor:"4.thin",textAlign:"center",borderTop:"1.thin",children:"\u30C6\u30FC\u30D6\u30EB\u304C\u3042\u308A\u307E\u305B\u3093"});e.noRecords&&(s=l(z,{children:e.noRecords})),u.push(l(D.Row,{className:[y("Row"),y("BodyRow"),y("DataNotFound")].join(" "),children:l(D.TD,{colSpan:e.colLength,className:y("Cell"),children:s})},"dataNotFound"))}return l(z,{children:u})},Core:t=>{let{val_status:e,set_status:n}=t,{searchKeyword:u,filter:s,order:a,paging:d}=e,g=[...e.rows],p=[...e.rows],c=[...e.rows],h=[...e.rows];if(u&&(p=g.filter(i=>(i.__sys4SearchKey||"").match(new RegExp(u,"i"))?1:0),c=[...p],h=[...p]),s.enabled)for(let i=0;i<e.colLength;i++){let f=s.column[i],S=s.current[i];f&&S&&S.length&&(c=c.filter(w=>!S.includes(w[i].data)),h=[...c])}a.enabled&&(c=c.order({direction:a.current[1],keys:[a.current[0],"orderIndex"]}),h=[...c]);{let{currentPageIndex:i,rowLength:f}=d;h=[...h].splice((i-1)*f,f)}let b=I.__memoryID+"_"+e.tableID,o={rows:{total:g.length,page:h.length,filtered:c.length},val_status:m(r({},e),{paging:m(r({},e.paging),{pageLength:Math.ceil(c.length/e.paging.rowLength)})}),set_status:n};return te.update({[b]:{getRowData:()=>{let i=[...g];return a.enabled&&(i=i.order({direction:a.current[1],keys:[a.current[0],"orderIndex"]})),i.forEach(f=>{f.currentPage=!1,f.filtered=!1}),h.forEach(f=>{let{rowID:S}=f;i.find(w=>C.JsonTo(w.rowID)==C.JsonTo(S)).currentPage=!0}),c.forEach(f=>{let{rowID:S}=f;i.find(w=>C.JsonTo(w.rowID)==C.JsonTo(S)).filtered=!0}),i}}}),j(()=>{F.release(e.tableID,o)}),l(v,{className:y("TableBase"),children:l(D.Table,{className:y("Table"),children:x(D.Body,{children:[l(I.Header,{val_status:e,set_status:n,KeywordFilterRows:p}),l(I.Body,{val_status:e,set_status:n,PageRows:h})]})})},u)},Propagations:{},DataLeveler:t=>{var e,n;return t=r({},t),t.filter=(e=t.filter)!=null?e:!1,t.filter=Array.from({length:t.colLength}).map((u,s)=>{var a;return C.is.boolean(t.filter)?t.filter:(a=t.filter[s])!=null?a:!1}),t.order=(n=t.order)!=null?n:!0,t.order=Array.from({length:t.colLength}).map((u,s)=>{var a;return C.is.boolean(t.order)?t.order:(a=t.order[s])!=null?a:!0}),t=r({checker:!1,searchKeyword:"",filter:!1,order:!0,defaultOrder:[0,"ASC"]},t),t.rows.forEach((u,s)=>{u.rowID=u.rowID||s;let a=[];u.forEach((d,g)=>{let{data:p,children:c,orderIndex:h}=d;d.orderIndex=C.is.exist(h)?String(h):String(p),d.children=c||String(p),a.push(String(d.data))}),u.__sys4SearchKey=a.join("/")}),l(I.StateManager,r({},t))},StateManager:t=>{let{colLength:e,checker:n=!1,searchKeyword:u="",filter:s,order:a,defaultOrder:d=[0,"ASC"],pageRowLength:g=30}=t,[p]=ee(Z()),c={tableID:t.tableID||p,componentID:p,colLength:e,checker:n,searchKeyword:u,filter:{enabled:s!==!1,column:s,current:Array.from({length:e},()=>[])},order:{enabled:a!==!1,column:a,current:d},paging:{rowLength:g,pageLength:Math.ceil(t.rows.length/g),currentPageIndex:1},head:t.head,rows:t.rows,noRecords:t.noRecords,cellStyles:t.cellStyles||{},cellClassName:t.cellClassName||"",cellStylesCallback:t.cellStylesCallback,onRowClick:t.onRowClick,onOrderChanged:t.onOrderChanged},[h,b]=ee(c);return j(()=>{b(o=>m(r({},o),{rows:c.rows}))},[C.JsonTo(c.rows)]),j(()=>{b(o=>m(r({},o),{head:c.head}))},[C.JsonTo(c.head)]),l(I.Core,{val_status:h,set_status:b})}},ue={__memoryID:I.__memoryID,getRowData:t=>{let e=te.get(I.__memoryID+"_"+t);if(e!=null&&e.getRowData)return e.getRowData()}},U={SearchInput:t=>{let e=F.catch(t.tableID);if(!e)return null;let{val_status:n,set_status:u}=e;return l(L.TextField,{label:"\u691C\u7D22...",clearButton:!0,padding:"2/3",paddingRight:3,rightIcon:l(L.RightIcon,{ssSphere:2,fontColor:"5.translucent",right:"2/3",children:l(N.Search,{})}),value:n.searchKeyword,onUpdateValidValue:({value:s})=>{t.onChange(s),C.interval.clear("InputSearchTime"),C.interval.standBy("InputSearchTime",200,()=>{u(a=>m(r({},a),{paging:m(r({},a.paging),{currentPageIndex:1}),filter:m(r({},a.filter),{current:Array.from({length:a.colLength},()=>[])}),searchKeyword:s}))})}})},Info:t=>{let e=F.catch(t.tableID);if(!e)return null;let{val_status:n,set_status:u}=e,s=e.rows.filtered.ratio(e.rows.total)||0;return x(K,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[l(le,{fontSize:"4.thirdTitle",fontColor:"theme",children:e.rows.filtered.toLocaleString()}),"/ ",e.rows.total.toLocaleString(),"\u4EF6 (",s,"%)"]})},Paging:t=>{let e=F.catch(t.tableID);if(!e)return null;let{val_status:n,set_status:u}=e,s=[];for(let d=0;d<n.paging.pageLength;d++)s.push({value:d+1,label:(d+1).toString()});const a=d=>{let g=Math.min(Math.max(1,d),n.paging.pageLength),p=r({},n);p.paging.currentPageIndex=g,u(c=>m(r({},c),{paging:m(r({},c.paging),{currentPageIndex:g})}))};return x(E.Center,{children:[x(E.Center,{gap:"1/2",children:[l(L.Select,{label:"\u9805",freeCSS:{minWidth:12*3},emptySelect:!1,padding:["1/3","2/3"],rightIcon:!1,override:"force",value:n.paging.currentPageIndex,options:s,SelectorGravityPoint:24,onUpdateValidValue:({value:d})=>{a(d)}}),"/ ",n.paging.pageLength]}),x(E.Right,{gap:"1/2",children:[l(H.Sub,{ssSphere:3,onClick:()=>{if(n.paging.currentPageIndex==1){a(n.paging.pageLength);return}a(n.paging.currentPageIndex-1)},children:l(N.ChevronLeft,{})}),l(H.Sub,{ssSphere:3,onClick:()=>{if(n.paging.currentPageIndex==n.paging.pageLength){a(1);return}a(n.paging.currentPageIndex+1)},children:l(N.ChevronRight,{})})]})]})},RowLength:t=>{let e=F.catch(t.tableID);if(!e)return null;let{val_status:n,set_status:u}=e,s=n.paging.rowLength,a=0,d=t.lengthSelect.map(g=>(a|=+(g==s),{value:g,label:g.toString()}));return a||d.push({value:s,label:s.toString()}),d=d.order({direction:"ASC",keys:["value"]}),l(E.Center,{gap:"1/2",children:l(L.Select,{label:"\u4EF6\u6570",emptySelect:!1,rightIcon:!1,override:"force",padding:["1/3","2/3"],value:n.paging.rowLength,options:d,SelectorGravityPoint:24,onUpdateValidValue:({value:g})=>{u(p=>m(r({},p),{paging:{rowLength:Number(g),currentPageIndex:1,pageLength:Math.ceil(e.rows.filtered/Number(g))}}))}})})}},ge=t=>l(de,m(r({},t),{type:"data",JSXChildren:I.DataLeveler})),T=ge;T.__memoryID=I.__memoryID,T.getRowData=ue.getRowData,T.Info=U.Info,T.Paging=U.Paging,T.RowLength=U.RowLength,T.SearchInput=U.SearchInput;export{T as Data,T as default};