npm - amotify - Versions diffs - 0.2.271 → 0.2.273 - Mend

amotify 0.2.271 → 0.2.273

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/dist/@utils/GenerateClassName.js +1 -1
package/dist/fn/Button.js +1 -1
package/dist/fn/Input/Autocomplete.js +1 -1
package/dist/fn/Input/List.js +1 -1
package/dist/fn/Input/Slider.js +1 -1
package/dist/fn/Input/Time/Selector.js +1 -1
package/dist/fn/Input/Time/index.js +1 -1
package/dist/fn/Input/core.js +1 -1
package/dist/fn/RootViewController.js +1 -1
package/dist/fn/Sheet.js +1 -1
package/package.json +2 -2

package/dist/@utils/GenerateClassName.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{b as a,c as ze,d as Ne}from"../chunk-C5N2D3ZX.js";import d from"jmini";import{Config as Fe}from".";const e={toConcreteBorderRadius:n=>{let A=Fe.get().roundness\|0;return n=="1.tone.primary"?n=[0,2,3,4,5,5][A]:n=="2.tone.secondary"?n=[0,1,2,3,4,5][A]:n=="3.tone.tertiary"&&(n=[0,"1/3","2/3",1,2,3][A]),n},ev:n=>d.is.exist(n),ClassNames:(n,A)=>{var O,Re,Ce,N,Be,Te,_e,Le,we,We;let i=[],{gap:l,display:R,position:C,overflow:P,fontColor:E,fontSize:G,fontWeight:j,fontHeight:g,backgroundColor:q,textAlign:H,textDecoration:M,boxShadow:D,margin:p,marginTop:S,marginRight:o,marginBottom:r,marginLeft:y,padding:f,paddingTop:s,paddingRight:x,paddingBottom:B,paddingLeft:T,top:X,right:J,bottom:Q,left:Y,border:z,borderTop:u,borderRight:v,borderBottom:m,borderLeft:b,borderWidth:Z,borderColor:ee,borderStyle:te,borderRadius:k,borderTopLeftRadius:_,borderTopRightRadius:L,borderBottomLeftRadius:w,borderBottomRightRadius:W,flexSizing:ie,flexWrap:re,flexType:oe,flexChilds:se,flexGrid:ae,horizontalAlign:de,verticalAlign:ne,transition:le,gridCenter:ge,gridCols:pe,maxHeight:he,minHeight:fe,maxWidth:ue,minWidth:ve,width:me,height:be,unitHeight:Se,unitWidth:xe,opacity:ce}=A;{if(e.ev(R)&&i.push("dsp"+R),P){let c=d.flatArray(P);i.push("ovfl-x-"+c[0]),i.push("ovfl-y-"+(c[1]\|\|c[0]))}e.ev(C)&&i.push("ps"+C),e.ev(H)&&i.push("txtalg"+H),e.ev(H)&&i.push("txtdeco"+M),e.ev(E)&&i.push("ftcl"+((O=String(E))==null?void 0:O.replace(/\./g,"_"))),e.ev(G)&&i.push("ftsz"+((Re=String(G))==null?void 0:Re.replace(/\../,""))),e.ev(j)&&i.push("ftwgt"+((Ce=String(j))==null?void 0:Ce.replace(/\../,""))),e.ev(g)&&i.push("fthgt"+((N=String(g))==null?void 0:N.replace(/\./g,"_"))),e.ev(q)&&i.push("bgc"+((Be=String(q))==null?void 0:Be.replace(/\./g,"_"))),e.ev(D)&&i.push("bs"+D);let U,$,V,I;d.is.exist(p)&&(d.is.array(p)?p.length==2?[U,$,V,I]=[...p,...p]:p.length==4&&([U,$,V,I]=p):U=$=V=I=p,S=S!=null?S:U,o=o!=null?o:$,r=r!=null?r:V,y=y!=null?y:I),e.ev(S)&&i.push("mrgt"+S),e.ev(o)&&i.push("mrgr"+o),e.ev(r)&&i.push("mrgb"+r),e.ev(y)&&i.push("mrgl"+y);let K,t,Ae,ye;d.is.exist(f)&&(d.is.array(f)?f.length==2?[K,t,Ae,ye]=[...f,...f]:f.length==4&&([K,t,Ae,ye]=f):K=t=Ae=ye=f,s=s!=null?s:K,x=x!=null?x:t,B=B!=null?B:Ae,T=T!=null?T:ye),e.ev(s)&&i.push("pdt"+s),e.ev(x)&&i.push("pdr"+x),e.ev(B)&&i.push("pdb"+B),e.ev(T)&&i.push("pdl"+T),e.ev(X)&&i.push("pstt"+X),e.ev(J)&&i.push("pstr"+J),e.ev(Q)&&i.push("pstb"+Q),e.ev(Y)&&i.push("pstl"+Y);{d.is.exist(z)&&(u=u!=null?u:z,v=v!=null?v:z,m=m!=null?m:z,b=b!=null?b:z),d.is.boolean(u)&&(u=["unset","2.normal"][Number(u)]),d.is.boolean(v)&&(v=["unset","2.normal"][Number(v)]),d.is.boolean(m)&&(m=["unset","2.normal"][Number(m)]),d.is.boolean(b)&&(b=["unset","2.normal"][Number(b)]),e.ev(u)&&i.push("b_t_ss"+((Te=String(u))==null?void 0:Te.replace(/\./g,"_"))),e.ev(v)&&i.push("b_r_ss"+((_e=String(v))==null?void 0:_e.replace(/\./g,"_"))),e.ev(m)&&i.push("b_b_ss"+((Le=String(m))==null?void 0:Le.replace(/\./g,"_"))),e.ev(b)&&i.push("b_l_ss"+((we=String(b))==null?void 0:we.replace(/\./g,"_"))),d.is.exist(Z)&&i.push("b_wth"+String(Z)),d.is.exist(ee)&&i.push("b_cl"+((We=String(ee))==null?void 0:We.replace(/\./g,"_"))),d.is.exist(te)&&i.push("b_st"+String(te));{let c,h,F,He;d.is.exist(k)&&(d.is.array(k)?k.length==4&&([c,h,He,F]=k):c=h=F=He=k,_=_!=null?_:c,L=L!=null?L:h,w=w!=null?w:F,W=W!=null?W:He)}e.ev(_)&&i.push("br_tl"+e.toConcreteBorderRadius(_)),e.ev(L)&&i.push("br_tr"+e.toConcreteBorderRadius(L)),e.ev(w)&&i.push("br_bl"+e.toConcreteBorderRadius(w)),e.ev(W)&&i.push("br_br"+e.toConcreteBorderRadius(W))}if(e.ev(ce)&&i.push("op"+ce),d.is.exist(l)){let c,h;d.is.array(l)?(c=l[0],h=l[1]):c=h=l,i.push("gapRow"+c,"gapCol"+h)}e.ev(ie)&&i.push("flsz"+ie),e.ev(re)&&i.push("flwrp"+re),e.ev(oe)&&i.push("fltyp"+oe),e.ev(se)&&i.push("flchld"+se),e.ev(ae)&&i.push("flgrid"+ae),e.ev(ne)&&i.push("flvrt"+ne),e.ev(de)&&i.push("flhrz"+de),e.ev(ge)&&i.push("grcnt"+ge),e.ev(pe)&&i.push("grcol"+pe),e.ev(be)&&i.push("hgt"+be),e.ev(me)&&i.push("wdt"+me),e.ev(Se)&&i.push("unthgt"+Se),e.ev(xe)&&i.push("untwdt"+xe),e.ev(le)&&i.push("trnst"+le),e.ev(he)&&i.push("maxh"+he),e.ev(fe)&&i.push("minh"+fe),e.ev(ue)&&i.push("maxw"+ue),e.ev(ve)&&i.push("minw"+ve)}return i.length?n+i.join(" "+n):""}},Ge=n=>{let y=a({},n),{gradients:i,ssCardBox:l,ssSphere:R,ssSquare:C,ssPushable:P,ssAbsoluteCovered:E,ssHiddenOnBreak:G,ssTextEllipsis:j,flexCenter:g,flexNewLine:q,isLightFont:H,isBoldFont:M,isSemiBoldFont:D,isRounded:p,isSquare:S,freeCSS:f={}}=y,o=Ne(f,[]),r=Ne(y,["gradients","ssCardBox","ssSphere","ssSquare","ssPushable","ssAbsoluteCovered","ssHiddenOnBreak","ssTextEllipsis","flexCenter","flexNewLine","isLightFont","isBoldFont","isSemiBoldFont","isRounded","isSquare","freeCSS"]);if(o=o\|\|{},r=r\|\|{},i){let{deg:s,colors:x}=i;o=ze(a({},o),{background:`linear-gradient(${s}deg,${x.join(",")})`})}if(l){l===!0&&(l="border");let s={backgroundColor:"layer.1",borderRadius:"1.tone.primary",boxShadow:"0.min"};l=="border"?s.border=!0:l=="plain"?(s.backgroundColor="layer.1",s.boxShadow="none"):l=="cloud"?s.backgroundColor="cloud":l=="shadow"&&(s.boxShadow="0.normal"),Fe.get().darkMode=="dim"&&(s.boxShadow="1.normal"),Fe.get().darkMode=="dark"&&(s.boxShadow="1.remark"),o=a(a({},s.freeCSS),o),r=a(a({},s),r)}return R&&(g=g!=null?g:!0,r=a({padding:0,unitWidth:R,unitHeight:R,borderRadius:"sphere",flexSizing:"none"},r)),C&&(g=g!=null?g:!0,r=a({padding:0,unitWidth:C,unitHeight:C,flexSizing:"none"},r)),G&&(r=ze(a({},r),{UnderBreakPointStyles:a({display:"none"},r.UnderBreakPointStyles)})),P&&(r=a({transition:"middle"},r),r=ze(a({},r),{className:[r.className,"ssPushable"].join(" ")})),E&&(r=a({position:"absolute",top:0,left:0,right:0,bottom:0},r)),j&&(r=a({overflow:"hidden"},r),o=a({whiteSpace:"nowrap",textOverflow:"ellipsis"},o)),q&&(r=a({width:1,flexSizing:"none"},r)),g&&(r=a({display:"flex",horizontalAlign:"center",verticalAlign:"center"},r)),H&&(r.fontWeight="1.light"),D&&(r.fontWeight="3.semiBold"),M&&(r.fontWeight="4.bold"),p&&(r.borderRadius="sphere",d.is.number(p)&&(o.borderRadius=p*12)),S&&(o.aspectRatio="1"),ze(a({},r),{freeCSS:o})},Ue=n=>{let He=Ge(n),{componentId:i,gap:l,display:R,position:C,overflow:P,fontColor:E,fontSize:G,fontWeight:j,fontHeight:g,backgroundColor:q,textAlign:H,textDecoration:M,boxShadow:D,margin:p,marginTop:S,marginRight:o,marginBottom:r,marginLeft:y,padding:f,paddingTop:s,paddingRight:x,paddingBottom:B,paddingLeft:T,top:X,right:J,bottom:Q,left:Y,border:z,borderTop:u,borderRight:v,borderBottom:m,borderLeft:b,borderWidth:Z,borderColor:ee,borderStyle:te,borderRadius:k,borderTopLeftRadius:_,borderTopRightRadius:L,borderBottomLeftRadius:w,borderBottomRightRadius:W,flexSizing:ie,flexWrap:re,flexType:oe,flexChilds:se,flexGrid:ae,horizontalAlign:de,verticalAlign:ne,transition:le,gridCenter:ge,gridCols:pe,maxHeight:he,minHeight:fe,maxWidth:ue,minWidth:ve,width:me,height:be,unitHeight:Se,unitWidth:xe,opacity:ce,ssLastChildLossBorder:O,ssAbsoluteCovered:Re,ssCardBox:Ce,ssEffectsOnActive:N,ssPushable:Be,ssSphere:Te,ssSquare:_e,ssTextEllipsis:Le,isBoldFont:we,isLightFont:We,isSemiBoldFont:U,isRounded:$,flexCenter:V,flexNewLine:I,gradients:K,UnderBreakPointStyles:t={},className:Ae="",freeCSS:ye={}}=He,c=Ne(He,["componentId","gap","display","position","overflow","fontColor","fontSize","fontWeight","fontHeight","backgroundColor","textAlign","textDecoration","boxShadow","margin","marginTop","marginRight","marginBottom","marginLeft","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","top","right","bottom","left","border","borderTop","borderRight","borderBottom","borderLeft","borderWidth","borderColor","borderStyle","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","flexSizing","flexWrap","flexType","flexChilds","flexGrid","horizontalAlign","verticalAlign","transition","gridCenter","gridCols","maxHeight","minHeight","maxWidth","minWidth","width","height","unitHeight","unitWidth","opacity","ssLastChildLossBorder","ssAbsoluteCovered","ssCardBox","ssEffectsOnActive","ssPushable","ssSphere","ssSquare","ssTextEllipsis","isBoldFont","isLightFont","isSemiBoldFont","isRounded","flexCenter","flexNewLine","gradients","UnderBreakPointStyles","className","freeCSS"]),h=a({},c),F=[Ae];if(O&&F.push("ssLastChildLossBorder_"+O),N){N=d.flatArray(N);for(let ke of N){let[Ee,Pe]=ke.split(".");h["data-effect-"+Ee]="1",Pe&&(h["data-effect-tone"]=Pe)}}{let ke=e.ClassNames("amotf_",{gap:l,display:R,position:C,overflow:P,fontColor:E,fontSize:G,fontWeight:j,fontHeight:g,backgroundColor:q,textAlign:H,textDecoration:M,boxShadow:D,margin:p,marginTop:S,marginRight:o,marginBottom:r,marginLeft:y,padding:f,paddingTop:s,paddingRight:x,paddingBottom:B,paddingLeft:T,top:X,right:J,bottom:Q,left:Y,border:z,borderTop:u,borderRight:v,borderBottom:m,borderLeft:b,borderWidth:Z,borderColor:ee,borderStyle:te,borderRadius:k,borderTopLeftRadius:_,borderTopRightRadius:L,borderBottomLeftRadius:w,borderBottomRightRadius:W,flexSizing:ie,flexWrap:re,flexType:oe,flexChilds:se,flexGrid:ae,horizontalAlign:de,verticalAlign:ne,transition:le,gridCenter:ge,gridCols:pe,maxHeight:he,minHeight:fe,maxWidth:ue,minWidth:ve,width:me,height:be,unitHeight:Se,unitWidth:xe,opacity:ce});F.push(ke)}return t&&F.push(e.ClassNames("amotf_bp",t)),ye&&(h.style=a(a({},ye),h.style)),(i\|\|h["data-component-id"])&&(h["data-component-id"]=h["data-component-id"]\|\|i),F.length&&F.join("")&&(h.className=F.join(" ").trim().replace(/%/ig,"P").replace(/\d+px/ig,"PIX").replace(/\s+/ig," ").replace(/\//ig,"_").replace(/\./ig,"-")),h},$e=n=>{let{gap:A,display:i,position:l,overflow:R,fontColor:C,fontSize:P,fontWeight:E,fontHeight:G,backgroundColor:j,textAlign:g,textDecoration:q,boxShadow:H,margin:M,marginTop:D,marginRight:p,marginBottom:S,marginLeft:o,padding:r,paddingTop:y,paddingRight:f,paddingBottom:s,paddingLeft:x,top:B,right:T,bottom:X,left:J,border:Q,borderTop:Y,borderRight:z,borderBottom:u,borderLeft:v,borderWidth:m,borderColor:b,borderStyle:Z,borderRadius:ee,borderTopLeftRadius:te,borderTopRightRadius:k,borderBottomLeftRadius:_,borderBottomRightRadius:L,flexSizing:w,flexWrap:W,flexType:ie,flexChilds:re,flexGrid:oe,horizontalAlign:se,verticalAlign:ae,transition:de,gridCenter:ne,gridCols:le,maxHeight:ge,minHeight:pe,maxWidth:he,minWidth:fe,width:ue,height:ve,unitHeight:me,unitWidth:be,opacity:Se,ssLastChildLossBorder:xe,ssAbsoluteCovered:ce,ssCardBox:O,ssEffectsOnActive:Re,ssPushable:Ce,ssSphere:N,ssSquare:Be,ssTextEllipsis:Te,isBoldFont:_e,isLightFont:Le,isSemiBoldFont:we,isRounded:We,flexCenter:U,flexNewLine:$,gradients:V,UnderBreakPointStyles:I={},freeCSS:K={}}=n,t={};return e.ev(A)&&(t.gap=A),e.ev(i)&&(t.display=i),e.ev(l)&&(t.position=l),e.ev(R)&&(t.overflow=R),e.ev(C)&&(t.fontColor=C),e.ev(P)&&(t.fontSize=P),e.ev(E)&&(t.fontWeight=E),e.ev(G)&&(t.fontHeight=G),e.ev(j)&&(t.backgroundColor=j),e.ev(g)&&(t.textAlign=g),e.ev(q)&&(t.textDecoration=q),e.ev(H)&&(t.boxShadow=H),e.ev(M)&&(t.margin=M),e.ev(D)&&(t.marginTop=D),e.ev(p)&&(t.marginRight=p),e.ev(S)&&(t.marginBottom=S),e.ev(o)&&(t.marginLeft=o),e.ev(r)&&(t.padding=r),e.ev(y)&&(t.paddingTop=y),e.ev(f)&&(t.paddingRight=f),e.ev(s)&&(t.paddingBottom=s),e.ev(x)&&(t.paddingLeft=x),e.ev(B)&&(t.top=B),e.ev(T)&&(t.right=T),e.ev(X)&&(t.bottom=X),e.ev(J)&&(t.left=J),e.ev(Q)&&(t.border=Q),e.ev(Y)&&(t.borderTop=Y),e.ev(z)&&(t.borderRight=z),e.ev(u)&&(t.borderBottom=u),e.ev(v)&&(t.borderLeft=v),e.ev(m)&&(t.borderWidth=m),e.ev(b)&&(t.borderColor=b),e.ev(Z)&&(t.borderStyle=Z),e.ev(ee)&&(t.borderRadius=ee),e.ev(te)&&(t.borderTopLeftRadius=te),e.ev(k)&&(t.borderTopRightRadius=k),e.ev(_)&&(t.borderBottomLeftRadius=_),e.ev(L)&&(t.borderBottomRightRadius=L),e.ev(w)&&(t.flexSizing=w),e.ev(W)&&(t.flexWrap=W),e.ev(ie)&&(t.flexType=ie),e.ev(re)&&(t.flexChilds=re),e.ev(oe)&&(t.flexGrid=oe),e.ev(se)&&(t.horizontalAlign=se),e.ev(ae)&&(t.verticalAlign=ae),e.ev(de)&&(t.transition=de),e.ev(ne)&&(t.gridCenter=ne),e.ev(le)&&(t.gridCols=le),e.ev(ge)&&(t.maxHeight=ge),e.ev(pe)&&(t.minHeight=pe),e.ev(he)&&(t.maxWidth=he),e.ev(fe)&&(t.minWidth=fe),e.ev(ue)&&(t.width=ue),e.ev(ve)&&(t.height=ve),e.ev(me)&&(t.unitHeight=me),e.ev(be)&&(t.unitWidth=be),e.ev(Se)&&(t.opacity=Se),e.ev(xe)&&(t.ssLastChildLossBorder=xe),e.ev(ce)&&(t.ssAbsoluteCovered=ce),e.ev(O)&&(t.ssCardBox=O),e.ev(Re)&&(t.ssEffectsOnActive=Re),e.ev(Ce)&&(t.ssPushable=Ce),e.ev(N)&&(t.ssSphere=N),e.ev(Be)&&(t.ssSquare=Be),e.ev(Te)&&(t.ssTextEllipsis=Te),e.ev(_e)&&(t.isBoldFont=_e),e.ev(Le)&&(t.isLightFont=Le),e.ev(we)&&(t.isSemiBoldFont=we),e.ev(We)&&(t.isRounded=We),e.ev(U)&&(t.flexCenter=U),e.ev($)&&(t.flexNewLine=$),e.ev(V)&&(t.gradients=V),e.ev(K)&&(t.freeCSS=K),e.ev(I)&&(t.UnderBreakPointStyles=I),t};export{$e as ExtractStyles,Ue as GenerateHTMLProps,Ge as ReadStyleSet};
1	+ import{b as a,c as ze,d as Ne}from"../chunk-C5N2D3ZX.js";import d from"jmini";import{Config as Fe}from".";const e={toConcreteBorderRadius:n=>{let A=Fe.get().roundness\|0;return n=="1.tone.primary"?n=[0,2,3,4,5,5][A]:n=="2.tone.secondary"?n=[0,1,2,3,4,5][A]:n=="3.tone.tertiary"&&(n=[0,"1/3","2/3",1,2,3][A]),n},ev:n=>d.is.exist(n),ClassNames:(n,A)=>{var O,Re,Ce,N,Be,Te,_e,Le,we,We;let i=[],{gap:l,display:R,position:C,overflow:P,fontColor:E,fontSize:G,fontWeight:j,fontHeight:g,backgroundColor:q,textAlign:H,textDecoration:M,boxShadow:D,margin:p,marginTop:S,marginRight:o,marginBottom:r,marginLeft:y,padding:f,paddingTop:s,paddingRight:x,paddingBottom:B,paddingLeft:T,top:X,right:J,bottom:Q,left:Y,border:z,borderTop:u,borderRight:v,borderBottom:m,borderLeft:b,borderWidth:Z,borderColor:ee,borderStyle:te,borderRadius:k,borderTopLeftRadius:_,borderTopRightRadius:L,borderBottomLeftRadius:w,borderBottomRightRadius:W,flexSizing:ie,flexWrap:re,flexType:oe,flexChilds:se,flexGrid:ae,horizontalAlign:de,verticalAlign:ne,transition:le,gridCenter:ge,gridCols:pe,maxHeight:he,minHeight:fe,maxWidth:ue,minWidth:ve,width:me,height:be,unitHeight:Se,unitWidth:xe,opacity:ce}=A;{if(e.ev(R)&&i.push("dsp"+R),P){let c=d.Arrayify(P);i.push("ovfl-x-"+c[0]),i.push("ovfl-y-"+(c[1]\|\|c[0]))}e.ev(C)&&i.push("ps"+C),e.ev(H)&&i.push("txtalg"+H),e.ev(H)&&i.push("txtdeco"+M),e.ev(E)&&i.push("ftcl"+((O=String(E))==null?void 0:O.replace(/\./g,"_"))),e.ev(G)&&i.push("ftsz"+((Re=String(G))==null?void 0:Re.replace(/\../,""))),e.ev(j)&&i.push("ftwgt"+((Ce=String(j))==null?void 0:Ce.replace(/\../,""))),e.ev(g)&&i.push("fthgt"+((N=String(g))==null?void 0:N.replace(/\./g,"_"))),e.ev(q)&&i.push("bgc"+((Be=String(q))==null?void 0:Be.replace(/\./g,"_"))),e.ev(D)&&i.push("bs"+D);let U,$,V,I;d.is.exist(p)&&(d.is.array(p)?p.length==2?[U,$,V,I]=[...p,...p]:p.length==4&&([U,$,V,I]=p):U=$=V=I=p,S=S!=null?S:U,o=o!=null?o:$,r=r!=null?r:V,y=y!=null?y:I),e.ev(S)&&i.push("mrgt"+S),e.ev(o)&&i.push("mrgr"+o),e.ev(r)&&i.push("mrgb"+r),e.ev(y)&&i.push("mrgl"+y);let K,t,Ae,ye;d.is.exist(f)&&(d.is.array(f)?f.length==2?[K,t,Ae,ye]=[...f,...f]:f.length==4&&([K,t,Ae,ye]=f):K=t=Ae=ye=f,s=s!=null?s:K,x=x!=null?x:t,B=B!=null?B:Ae,T=T!=null?T:ye),e.ev(s)&&i.push("pdt"+s),e.ev(x)&&i.push("pdr"+x),e.ev(B)&&i.push("pdb"+B),e.ev(T)&&i.push("pdl"+T),e.ev(X)&&i.push("pstt"+X),e.ev(J)&&i.push("pstr"+J),e.ev(Q)&&i.push("pstb"+Q),e.ev(Y)&&i.push("pstl"+Y);{d.is.exist(z)&&(u=u!=null?u:z,v=v!=null?v:z,m=m!=null?m:z,b=b!=null?b:z),d.is.boolean(u)&&(u=["unset","2.normal"][Number(u)]),d.is.boolean(v)&&(v=["unset","2.normal"][Number(v)]),d.is.boolean(m)&&(m=["unset","2.normal"][Number(m)]),d.is.boolean(b)&&(b=["unset","2.normal"][Number(b)]),e.ev(u)&&i.push("b_t_ss"+((Te=String(u))==null?void 0:Te.replace(/\./g,"_"))),e.ev(v)&&i.push("b_r_ss"+((_e=String(v))==null?void 0:_e.replace(/\./g,"_"))),e.ev(m)&&i.push("b_b_ss"+((Le=String(m))==null?void 0:Le.replace(/\./g,"_"))),e.ev(b)&&i.push("b_l_ss"+((we=String(b))==null?void 0:we.replace(/\./g,"_"))),d.is.exist(Z)&&i.push("b_wth"+String(Z)),d.is.exist(ee)&&i.push("b_cl"+((We=String(ee))==null?void 0:We.replace(/\./g,"_"))),d.is.exist(te)&&i.push("b_st"+String(te));{let c,h,F,He;d.is.exist(k)&&(d.is.array(k)?k.length==4&&([c,h,He,F]=k):c=h=F=He=k,_=_!=null?_:c,L=L!=null?L:h,w=w!=null?w:F,W=W!=null?W:He)}e.ev(_)&&i.push("br_tl"+e.toConcreteBorderRadius(_)),e.ev(L)&&i.push("br_tr"+e.toConcreteBorderRadius(L)),e.ev(w)&&i.push("br_bl"+e.toConcreteBorderRadius(w)),e.ev(W)&&i.push("br_br"+e.toConcreteBorderRadius(W))}if(e.ev(ce)&&i.push("op"+ce),d.is.exist(l)){let c,h;d.is.array(l)?(c=l[0],h=l[1]):c=h=l,i.push("gapRow"+c,"gapCol"+h)}e.ev(ie)&&i.push("flsz"+ie),e.ev(re)&&i.push("flwrp"+re),e.ev(oe)&&i.push("fltyp"+oe),e.ev(se)&&i.push("flchld"+se),e.ev(ae)&&i.push("flgrid"+ae),e.ev(ne)&&i.push("flvrt"+ne),e.ev(de)&&i.push("flhrz"+de),e.ev(ge)&&i.push("grcnt"+ge),e.ev(pe)&&i.push("grcol"+pe),e.ev(be)&&i.push("hgt"+be),e.ev(me)&&i.push("wdt"+me),e.ev(Se)&&i.push("unthgt"+Se),e.ev(xe)&&i.push("untwdt"+xe),e.ev(le)&&i.push("trnst"+le),e.ev(he)&&i.push("maxh"+he),e.ev(fe)&&i.push("minh"+fe),e.ev(ue)&&i.push("maxw"+ue),e.ev(ve)&&i.push("minw"+ve)}return i.length?n+i.join(" "+n):""}},Ge=n=>{let y=a({},n),{gradients:i,ssCardBox:l,ssSphere:R,ssSquare:C,ssPushable:P,ssAbsoluteCovered:E,ssHiddenOnBreak:G,ssTextEllipsis:j,flexCenter:g,flexNewLine:q,isLightFont:H,isBoldFont:M,isSemiBoldFont:D,isRounded:p,isSquare:S,freeCSS:f={}}=y,o=Ne(f,[]),r=Ne(y,["gradients","ssCardBox","ssSphere","ssSquare","ssPushable","ssAbsoluteCovered","ssHiddenOnBreak","ssTextEllipsis","flexCenter","flexNewLine","isLightFont","isBoldFont","isSemiBoldFont","isRounded","isSquare","freeCSS"]);if(o=o\|\|{},r=r\|\|{},i){let{deg:s,colors:x}=i;o=ze(a({},o),{background:`linear-gradient(${s}deg,${x.join(",")})`})}if(l){l===!0&&(l="border");let s={backgroundColor:"layer.1",borderRadius:"1.tone.primary",boxShadow:"0.min"};l=="border"?s.border=!0:l=="plain"?(s.backgroundColor="layer.1",s.boxShadow="none"):l=="cloud"?s.backgroundColor="cloud":l=="shadow"&&(s.boxShadow="0.normal"),Fe.get().darkMode=="dim"&&(s.boxShadow="1.normal"),Fe.get().darkMode=="dark"&&(s.boxShadow="1.remark"),o=a(a({},s.freeCSS),o),r=a(a({},s),r)}return R&&(g=g!=null?g:!0,r=a({padding:0,unitWidth:R,unitHeight:R,borderRadius:"sphere",flexSizing:"none"},r)),C&&(g=g!=null?g:!0,r=a({padding:0,unitWidth:C,unitHeight:C,flexSizing:"none"},r)),G&&(r=ze(a({},r),{UnderBreakPointStyles:a({display:"none"},r.UnderBreakPointStyles)})),P&&(r=a({transition:"middle"},r),r=ze(a({},r),{className:[r.className,"ssPushable"].join(" ")})),E&&(r=a({position:"absolute",top:0,left:0,right:0,bottom:0},r)),j&&(r=a({overflow:"hidden"},r),o=a({whiteSpace:"nowrap",textOverflow:"ellipsis"},o)),q&&(r=a({width:1,flexSizing:"none"},r)),g&&(r=a({display:"flex",horizontalAlign:"center",verticalAlign:"center"},r)),H&&(r.fontWeight="1.light"),D&&(r.fontWeight="3.semiBold"),M&&(r.fontWeight="4.bold"),p&&(r.borderRadius="sphere",d.is.number(p)&&(o.borderRadius=p*12)),S&&(o.aspectRatio="1"),ze(a({},r),{freeCSS:o})},Ue=n=>{let He=Ge(n),{componentId:i,gap:l,display:R,position:C,overflow:P,fontColor:E,fontSize:G,fontWeight:j,fontHeight:g,backgroundColor:q,textAlign:H,textDecoration:M,boxShadow:D,margin:p,marginTop:S,marginRight:o,marginBottom:r,marginLeft:y,padding:f,paddingTop:s,paddingRight:x,paddingBottom:B,paddingLeft:T,top:X,right:J,bottom:Q,left:Y,border:z,borderTop:u,borderRight:v,borderBottom:m,borderLeft:b,borderWidth:Z,borderColor:ee,borderStyle:te,borderRadius:k,borderTopLeftRadius:_,borderTopRightRadius:L,borderBottomLeftRadius:w,borderBottomRightRadius:W,flexSizing:ie,flexWrap:re,flexType:oe,flexChilds:se,flexGrid:ae,horizontalAlign:de,verticalAlign:ne,transition:le,gridCenter:ge,gridCols:pe,maxHeight:he,minHeight:fe,maxWidth:ue,minWidth:ve,width:me,height:be,unitHeight:Se,unitWidth:xe,opacity:ce,ssLastChildLossBorder:O,ssAbsoluteCovered:Re,ssCardBox:Ce,ssEffectsOnActive:N,ssPushable:Be,ssSphere:Te,ssSquare:_e,ssTextEllipsis:Le,isBoldFont:we,isLightFont:We,isSemiBoldFont:U,isRounded:$,flexCenter:V,flexNewLine:I,gradients:K,UnderBreakPointStyles:t={},className:Ae="",freeCSS:ye={}}=He,c=Ne(He,["componentId","gap","display","position","overflow","fontColor","fontSize","fontWeight","fontHeight","backgroundColor","textAlign","textDecoration","boxShadow","margin","marginTop","marginRight","marginBottom","marginLeft","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","top","right","bottom","left","border","borderTop","borderRight","borderBottom","borderLeft","borderWidth","borderColor","borderStyle","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","flexSizing","flexWrap","flexType","flexChilds","flexGrid","horizontalAlign","verticalAlign","transition","gridCenter","gridCols","maxHeight","minHeight","maxWidth","minWidth","width","height","unitHeight","unitWidth","opacity","ssLastChildLossBorder","ssAbsoluteCovered","ssCardBox","ssEffectsOnActive","ssPushable","ssSphere","ssSquare","ssTextEllipsis","isBoldFont","isLightFont","isSemiBoldFont","isRounded","flexCenter","flexNewLine","gradients","UnderBreakPointStyles","className","freeCSS"]),h=a({},c),F=[Ae];if(O&&F.push("ssLastChildLossBorder_"+O),N){N=d.Arrayify(N);for(let ke of N){let[Ee,Pe]=ke.split(".");h["data-effect-"+Ee]="1",Pe&&(h["data-effect-tone"]=Pe)}}{let ke=e.ClassNames("amotf_",{gap:l,display:R,position:C,overflow:P,fontColor:E,fontSize:G,fontWeight:j,fontHeight:g,backgroundColor:q,textAlign:H,textDecoration:M,boxShadow:D,margin:p,marginTop:S,marginRight:o,marginBottom:r,marginLeft:y,padding:f,paddingTop:s,paddingRight:x,paddingBottom:B,paddingLeft:T,top:X,right:J,bottom:Q,left:Y,border:z,borderTop:u,borderRight:v,borderBottom:m,borderLeft:b,borderWidth:Z,borderColor:ee,borderStyle:te,borderRadius:k,borderTopLeftRadius:_,borderTopRightRadius:L,borderBottomLeftRadius:w,borderBottomRightRadius:W,flexSizing:ie,flexWrap:re,flexType:oe,flexChilds:se,flexGrid:ae,horizontalAlign:de,verticalAlign:ne,transition:le,gridCenter:ge,gridCols:pe,maxHeight:he,minHeight:fe,maxWidth:ue,minWidth:ve,width:me,height:be,unitHeight:Se,unitWidth:xe,opacity:ce});F.push(ke)}return t&&F.push(e.ClassNames("amotf_bp",t)),ye&&(h.style=a(a({},ye),h.style)),(i\|\|h["data-component-id"])&&(h["data-component-id"]=h["data-component-id"]\|\|i),F.length&&F.join("")&&(h.className=F.join(" ").trim().replace(/%/ig,"P").replace(/\d+px/ig,"PIX").replace(/\s+/ig," ").replace(/\//ig,"_").replace(/\./ig,"-")),h},$e=n=>{let{gap:A,display:i,position:l,overflow:R,fontColor:C,fontSize:P,fontWeight:E,fontHeight:G,backgroundColor:j,textAlign:g,textDecoration:q,boxShadow:H,margin:M,marginTop:D,marginRight:p,marginBottom:S,marginLeft:o,padding:r,paddingTop:y,paddingRight:f,paddingBottom:s,paddingLeft:x,top:B,right:T,bottom:X,left:J,border:Q,borderTop:Y,borderRight:z,borderBottom:u,borderLeft:v,borderWidth:m,borderColor:b,borderStyle:Z,borderRadius:ee,borderTopLeftRadius:te,borderTopRightRadius:k,borderBottomLeftRadius:_,borderBottomRightRadius:L,flexSizing:w,flexWrap:W,flexType:ie,flexChilds:re,flexGrid:oe,horizontalAlign:se,verticalAlign:ae,transition:de,gridCenter:ne,gridCols:le,maxHeight:ge,minHeight:pe,maxWidth:he,minWidth:fe,width:ue,height:ve,unitHeight:me,unitWidth:be,opacity:Se,ssLastChildLossBorder:xe,ssAbsoluteCovered:ce,ssCardBox:O,ssEffectsOnActive:Re,ssPushable:Ce,ssSphere:N,ssSquare:Be,ssTextEllipsis:Te,isBoldFont:_e,isLightFont:Le,isSemiBoldFont:we,isRounded:We,flexCenter:U,flexNewLine:$,gradients:V,UnderBreakPointStyles:I={},freeCSS:K={}}=n,t={};return e.ev(A)&&(t.gap=A),e.ev(i)&&(t.display=i),e.ev(l)&&(t.position=l),e.ev(R)&&(t.overflow=R),e.ev(C)&&(t.fontColor=C),e.ev(P)&&(t.fontSize=P),e.ev(E)&&(t.fontWeight=E),e.ev(G)&&(t.fontHeight=G),e.ev(j)&&(t.backgroundColor=j),e.ev(g)&&(t.textAlign=g),e.ev(q)&&(t.textDecoration=q),e.ev(H)&&(t.boxShadow=H),e.ev(M)&&(t.margin=M),e.ev(D)&&(t.marginTop=D),e.ev(p)&&(t.marginRight=p),e.ev(S)&&(t.marginBottom=S),e.ev(o)&&(t.marginLeft=o),e.ev(r)&&(t.padding=r),e.ev(y)&&(t.paddingTop=y),e.ev(f)&&(t.paddingRight=f),e.ev(s)&&(t.paddingBottom=s),e.ev(x)&&(t.paddingLeft=x),e.ev(B)&&(t.top=B),e.ev(T)&&(t.right=T),e.ev(X)&&(t.bottom=X),e.ev(J)&&(t.left=J),e.ev(Q)&&(t.border=Q),e.ev(Y)&&(t.borderTop=Y),e.ev(z)&&(t.borderRight=z),e.ev(u)&&(t.borderBottom=u),e.ev(v)&&(t.borderLeft=v),e.ev(m)&&(t.borderWidth=m),e.ev(b)&&(t.borderColor=b),e.ev(Z)&&(t.borderStyle=Z),e.ev(ee)&&(t.borderRadius=ee),e.ev(te)&&(t.borderTopLeftRadius=te),e.ev(k)&&(t.borderTopRightRadius=k),e.ev(_)&&(t.borderBottomLeftRadius=_),e.ev(L)&&(t.borderBottomRightRadius=L),e.ev(w)&&(t.flexSizing=w),e.ev(W)&&(t.flexWrap=W),e.ev(ie)&&(t.flexType=ie),e.ev(re)&&(t.flexChilds=re),e.ev(oe)&&(t.flexGrid=oe),e.ev(se)&&(t.horizontalAlign=se),e.ev(ae)&&(t.verticalAlign=ae),e.ev(de)&&(t.transition=de),e.ev(ne)&&(t.gridCenter=ne),e.ev(le)&&(t.gridCols=le),e.ev(ge)&&(t.maxHeight=ge),e.ev(pe)&&(t.minHeight=pe),e.ev(he)&&(t.maxWidth=he),e.ev(fe)&&(t.minWidth=fe),e.ev(ue)&&(t.width=ue),e.ev(ve)&&(t.height=ve),e.ev(me)&&(t.unitHeight=me),e.ev(be)&&(t.unitWidth=be),e.ev(Se)&&(t.opacity=Se),e.ev(xe)&&(t.ssLastChildLossBorder=xe),e.ev(ce)&&(t.ssAbsoluteCovered=ce),e.ev(O)&&(t.ssCardBox=O),e.ev(Re)&&(t.ssEffectsOnActive=Re),e.ev(Ce)&&(t.ssPushable=Ce),e.ev(N)&&(t.ssSphere=N),e.ev(Be)&&(t.ssSquare=Be),e.ev(Te)&&(t.ssTextEllipsis=Te),e.ev(_e)&&(t.isBoldFont=_e),e.ev(Le)&&(t.isLightFont=Le),e.ev(we)&&(t.isSemiBoldFont=we),e.ev(We)&&(t.isRounded=We),e.ev(U)&&(t.flexCenter=U),e.ev($)&&(t.flexNewLine=$),e.ev(V)&&(t.gradients=V),e.ev(K)&&(t.freeCSS=K),e.ev(I)&&(t.UnderBreakPointStyles=I),t};export{$e as ExtractStyles,Ue as GenerateHTMLProps,Ge as ReadStyleSet};

package/dist/fn/Button.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{b as s,c as i,d as I,e as F}from"../chunk-C5N2D3ZX.js";import{jsx as u}from"react/jsx-runtime";import M,{useStore as A,UUID as V}from"jmini";import{pageRouter as R,ReadStyleSet as D}from"../@utils";import{Input as O}from".";import{Box as N}from"../atoms";import{ButtonClasses as C}from"../@styles/componentClasses";const w={Size:(a,t,o,n)=>{let e={fontSize:"inherit"};return o=o\|\|"R",t=="plain"?{}:(t=="link"?o=="xsmall"?e.fontSize="0.xs":o=="small"?e.fontSize="1.mini":o=="regular"\|\|o=="large"&&(e.fontSize="3.paragraph"):e=s({borderRadius:"2.tone.secondary",transition:"middle",position:"relative",textAlign:"center"},e),o=="xsmall"?e=i(s({},e),{padding:["1/3","2/3"],fontSize:"0.xs",borderRadius:"3.tone.tertiary"}):o=="small"?e=i(s({},e),{padding:["1/2","3/4"],fontSize:"1.mini",borderRadius:"2.tone.secondary"}):o=="regular"?e.padding=["3/4",1]:o=="large"&&(e.padding=[1,2],e.fontSize="3.paragraph",e.isSemiBoldFont=!0),e)},Tone:(a,t,o,n)=>{let e={display:"inlineBlock",fontWeight:"inherit",fontColor:"inherit",border:"unset"};return t=="plain"\|\|(t=="link"?(e.fontColor="theme",e.textAlign="left",e.backgroundColor="trans"):t=="normal"?e=i(s({},e),{backgroundColor:"trans"}):t=="border"?e=i(s({},e),{backgroundColor:"layer.1",border:"2.normal",borderStyle:"solid",boxShadow:"0.min"}):t=="prime"?(e=i(s({},e),{isSemiBoldFont:!0,fontColor:"white",backgroundColor:n,boxShadow:"0.normal",ssEffectsOnActive:["shrink","push","ripple.white"]}),n=="white"&&(e=i(s({},e),{fontColor:"theme",ssEffectsOnActive:["shrink","push","ripple.cloud"]}))):t=="sub"?e=i(s({},e),{fontColor:n,ssEffectsOnActive:["shrink","ripple.cloud"]}):t=="clear"?e=i(s({},e),{fontColor:n,backgroundColor:"trans",ssEffectsOnActive:["shrink","ripple.cloud"]}):t=="fillToBorder"?e=i(s({},e),{boxShadow:"0.normal",border:"2.normal",borderWidth:2,borderColor:n,fontColor:n,backgroundColor:n}):t=="borderToFill"&&(e=i(s({},e),{fontColor:n,boxShadow:"0.normal",border:"2.normal",borderWidth:2,borderColor:n,backgroundColor:n})),n=="cloud"&&(e.fontColor="2.normal"),t!="link"&&(e=s({position:"relative",ssEffectsOnActive:["shrink","push"]},e))),e}},K=a=>{var e;let t=D(s({isLocked:!1,isActive:!1,isActiveStyles:{},isActiveClassName:"",tabIndex:0,className:"",color:"theme",tone:"border","aria-label":V()},a)),o=t.seed;{let{isLocked:m=!1,isActive:h=!1,isActiveStyles:B={},isActiveClassName:g="",tone:r="border",size:l="regular",color:p="theme",className:d=""}=t;t=s(s(s({},w.Size(a.seed,r,l,p)),w.Tone(a.seed,r,l,p)),t),t.className=[d,C("Wrap"),C("isNeutral_"+!h),C("isLocked_"+m),C("Tone_"+r),C("Color_"+p),C("Tone_"+r+"_Color_"+p)].join(" "),h&&(t=s(s({className:[t.className,g].join(" ")},t),B))}if(o=="button"){let n=t,{isLocked:m,isActive:h,isActiveClassName:B,isActiveStyles:g,submitOption:r,onFormSubmit:l,onClick:p}=n,d=I(n,["isLocked","isActive","isActiveClassName","isActiveStyles","submitOption","onFormSubmit","onClick"]);return l!=null&&l[1]&&(d=i(s({},d),{"data-form-submit-button":l[0],"data-sdfike":M.~~flatArray~~(((e=l[2])==null?void 0:e.submitableKey)\|\|"auxEnter").join(",")})),r&&(r=s({acceptInvalidForm:!1,submitDelegationKey:"auxEnter"},r),d=i(s({},d),{"data-form-submit-button":r.formName,"data-sdfike":M.~~flatArray~~(r.submitDelegationKey).join(",")})),u(N,i(s({htmlTag:"button",fontHeight:"inherit"},d),{onClick:k=>{m\|\|(p&&p(k),M.scope(()=>F(void 0,null,function(){if(!(l!=null&&l[1]))return;l[2]=s({validOnly:!0,submitableKey:"auxEnter",releaseOnFinish:!0},l==null?void 0:l[2]);let[c,T,f]=l,S="prevent-form-submit-"+c,b=A.get(S),x=()=>A.delete(S);const z=()=>(A.set({[S]:!0}),{release:x});if(b)return f.validOnly?void 0:T({body:{},isValid:!1,serialLock:z});z();let v=yield O.CollectForm(c);if(!v.isValid&&f.validOnly){x();return}yield T({body:v.data,isValid:v.isValid,serialLock:z}),f.releaseOnFinish&&x()})),M.scope(()=>F(void 0,null,function(){if(!r)return;let c=yield O.CollectForm(r.formName);!c.isValid&&!r.acceptInvalidForm\|\|r.callback(c.data,c.isValid)})))}}))}else if(o=="label"){let P=t,{isLocked:m,isActive:h,isActiveClassName:B,isActiveStyles:g,onClick:r}=P,l=I(P,["isLocked","isActive","isActiveClassName","isActiveStyles","onClick"]);return u(N,i(s({htmlTag:"label"},l),{onClick:p=>{m\|\|r&&r(p)}}))}else if(o=="anchor"){let E=t,{isLocked:m,isActive:h,isActiveClassName:B,isActiveStyles:g,onClick:r,href:l="",newTab:p,sync:d,shiftQueryParams:k}=E,c=I(E,["isLocked","isActive","isActiveClassName","isActiveStyles","onClick","href","newTab","sync","shiftQueryParams"]);return u(N,i(s({htmlTag:"button"},c),{onClick:T=>{if(m)return;if(r)return r(T);let f=T.ctrlKey\|\|T.metaKey,S=p\|\|!!f,b=l;if(k&&(b+=location.search),d){R.pushSync(b);return}R.push(b,!!S)}}))}return null},y=function(a,t){const o=e=>u(K,s({seed:a,tone:t,size:"regular"},e)),n=o;return n.Plain=e=>u(o,s({size:"plain",tone:t},e)),n.XS=e=>u(o,s({size:"xsmall",tone:t},e)),n.S=e=>u(o,s({size:"small",tone:t},e)),n.R=e=>u(o,s({size:"regular",tone:t},e)),n.L=e=>u(o,s({size:"large",tone:t},e)),n},L=function(a){const o=n=>u(K,s({seed:a,tone:"prime",size:"regular"},n));return o.Plain=y(a,"plain"),o.Link=y(a,"link"),o.Normal=y(a,"normal"),o.Border=y(a,"border"),o.Prime=y(a,"prime"),o.Sub=y(a,"sub"),o.Clear=y(a,"clear"),o.FillToBorder=y(a,"fillToBorder"),o.BorderToFill=y(a,"borderToFill"),o},H=L("button"),W=L("label"),_=L("anchor");export{_ as Anchor,H as Button,W as Label};
1	+ import{b as s,c as i,d as I,e as F}from"../chunk-C5N2D3ZX.js";import{jsx as u}from"react/jsx-runtime";import M,{useStore as A,UUID as V}from"jmini";import{pageRouter as R,ReadStyleSet as D}from"../@utils";import{Input as O}from".";import{Box as N}from"../atoms";import{ButtonClasses as C}from"../@styles/componentClasses";const w={Size:(a,t,o,n)=>{let e={fontSize:"inherit"};return o=o\|\|"R",t=="plain"?{}:(t=="link"?o=="xsmall"?e.fontSize="0.xs":o=="small"?e.fontSize="1.mini":o=="regular"\|\|o=="large"&&(e.fontSize="3.paragraph"):e=s({borderRadius:"2.tone.secondary",transition:"middle",position:"relative",textAlign:"center"},e),o=="xsmall"?e=i(s({},e),{padding:["1/3","2/3"],fontSize:"0.xs",borderRadius:"3.tone.tertiary"}):o=="small"?e=i(s({},e),{padding:["1/2","3/4"],fontSize:"1.mini",borderRadius:"2.tone.secondary"}):o=="regular"?e.padding=["3/4",1]:o=="large"&&(e.padding=[1,2],e.fontSize="3.paragraph",e.isSemiBoldFont=!0),e)},Tone:(a,t,o,n)=>{let e={display:"inlineBlock",fontWeight:"inherit",fontColor:"inherit",border:"unset"};return t=="plain"\|\|(t=="link"?(e.fontColor="theme",e.textAlign="left",e.backgroundColor="trans"):t=="normal"?e=i(s({},e),{backgroundColor:"trans"}):t=="border"?e=i(s({},e),{backgroundColor:"layer.1",border:"2.normal",borderStyle:"solid",boxShadow:"0.min"}):t=="prime"?(e=i(s({},e),{isSemiBoldFont:!0,fontColor:"white",backgroundColor:n,boxShadow:"0.normal",ssEffectsOnActive:["shrink","push","ripple.white"]}),n=="white"&&(e=i(s({},e),{fontColor:"theme",ssEffectsOnActive:["shrink","push","ripple.cloud"]}))):t=="sub"?e=i(s({},e),{fontColor:n,ssEffectsOnActive:["shrink","ripple.cloud"]}):t=="clear"?e=i(s({},e),{fontColor:n,backgroundColor:"trans",ssEffectsOnActive:["shrink","ripple.cloud"]}):t=="fillToBorder"?e=i(s({},e),{boxShadow:"0.normal",border:"2.normal",borderWidth:2,borderColor:n,fontColor:n,backgroundColor:n}):t=="borderToFill"&&(e=i(s({},e),{fontColor:n,boxShadow:"0.normal",border:"2.normal",borderWidth:2,borderColor:n,backgroundColor:n})),n=="cloud"&&(e.fontColor="2.normal"),t!="link"&&(e=s({position:"relative",ssEffectsOnActive:["shrink","push"]},e))),e}},K=a=>{var e;let t=D(s({isLocked:!1,isActive:!1,isActiveStyles:{},isActiveClassName:"",tabIndex:0,className:"",color:"theme",tone:"border","aria-label":V()},a)),o=t.seed;{let{isLocked:m=!1,isActive:h=!1,isActiveStyles:B={},isActiveClassName:g="",tone:r="border",size:l="regular",color:p="theme",className:d=""}=t;t=s(s(s({},w.Size(a.seed,r,l,p)),w.Tone(a.seed,r,l,p)),t),t.className=[d,C("Wrap"),C("isNeutral_"+!h),C("isLocked_"+m),C("Tone_"+r),C("Color_"+p),C("Tone_"+r+"_Color_"+p)].join(" "),h&&(t=s(s({className:[t.className,g].join(" ")},t),B))}if(o=="button"){let n=t,{isLocked:m,isActive:h,isActiveClassName:B,isActiveStyles:g,submitOption:r,onFormSubmit:l,onClick:p}=n,d=I(n,["isLocked","isActive","isActiveClassName","isActiveStyles","submitOption","onFormSubmit","onClick"]);return l!=null&&l[1]&&(d=i(s({},d),{"data-form-submit-button":l[0],"data-sdfike":M.Arrayify(((e=l[2])==null?void 0:e.submitableKey)\|\|"auxEnter").join(",")})),r&&(r=s({acceptInvalidForm:!1,submitDelegationKey:"auxEnter"},r),d=i(s({},d),{"data-form-submit-button":r.formName,"data-sdfike":M.Arrayify(r.submitDelegationKey).join(",")})),u(N,i(s({htmlTag:"button",fontHeight:"inherit"},d),{onClick:k=>{m\|\|(p&&p(k),M.scope(()=>F(void 0,null,function(){if(!(l!=null&&l[1]))return;l[2]=s({validOnly:!0,submitableKey:"auxEnter",releaseOnFinish:!0},l==null?void 0:l[2]);let[c,T,f]=l,S="prevent-form-submit-"+c,b=A.get(S),x=()=>A.delete(S);const z=()=>(A.set({[S]:!0}),{release:x});if(b)return f.validOnly?void 0:T({body:{},isValid:!1,serialLock:z});z();let v=yield O.CollectForm(c);if(!v.isValid&&f.validOnly){x();return}yield T({body:v.data,isValid:v.isValid,serialLock:z}),f.releaseOnFinish&&x()})),M.scope(()=>F(void 0,null,function(){if(!r)return;let c=yield O.CollectForm(r.formName);!c.isValid&&!r.acceptInvalidForm\|\|r.callback(c.data,c.isValid)})))}}))}else if(o=="label"){let P=t,{isLocked:m,isActive:h,isActiveClassName:B,isActiveStyles:g,onClick:r}=P,l=I(P,["isLocked","isActive","isActiveClassName","isActiveStyles","onClick"]);return u(N,i(s({htmlTag:"label"},l),{onClick:p=>{m\|\|r&&r(p)}}))}else if(o=="anchor"){let E=t,{isLocked:m,isActive:h,isActiveClassName:B,isActiveStyles:g,onClick:r,href:l="",newTab:p,sync:d,shiftQueryParams:k}=E,c=I(E,["isLocked","isActive","isActiveClassName","isActiveStyles","onClick","href","newTab","sync","shiftQueryParams"]);return u(N,i(s({htmlTag:"button"},c),{onClick:T=>{if(m)return;if(r)return r(T);let f=T.ctrlKey\|\|T.metaKey,S=p\|\|!!f,b=l;if(k&&(b+=location.search),d){R.pushSync(b);return}R.push(b,!!S)}}))}return null},y=function(a,t){const o=e=>u(K,s({seed:a,tone:t,size:"regular"},e)),n=o;return n.Plain=e=>u(o,s({size:"plain",tone:t},e)),n.XS=e=>u(o,s({size:"xsmall",tone:t},e)),n.S=e=>u(o,s({size:"small",tone:t},e)),n.R=e=>u(o,s({size:"regular",tone:t},e)),n.L=e=>u(o,s({size:"large",tone:t},e)),n},L=function(a){const o=n=>u(K,s({seed:a,tone:"prime",size:"regular"},n));return o.Plain=y(a,"plain"),o.Link=y(a,"link"),o.Normal=y(a,"normal"),o.Border=y(a,"border"),o.Prime=y(a,"prime"),o.Sub=y(a,"sub"),o.Clear=y(a,"clear"),o.FillToBorder=y(a,"fillToBorder"),o.BorderToFill=y(a,"borderToFill"),o},H=L("button"),W=L("label"),_=L("anchor");export{_ as Anchor,H as Button,W as Label};

package/dist/fn/Input/Autocomplete.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{b as l,c as f,d as G,e as H}from"../../chunk-C5N2D3ZX.js";import{Fragment as N,jsx as u,jsxs as V}from"react/jsx-runtime";import{useState as A,useEffect as F,useRef as ne}from"react";import a,{UUID as v}from"jmini";import{Config as oe}from"../../@utils";import{Box as X,Span as ie,FAI as B,Column as q}from"../../atoms";import{Literal as W,Row as K}from"../../mols";import{Button as $}from"../Button";import{Loader as le}from"../Loader";import{Sheet as ae}from"../Sheet";import{OptionalInputWrapper as re,BoxWrapper as se,CoreEffects as z,DefaultBoxishStyles as ue}from"./core";import{InputAutocompleteClasses as L}from"../../@styles/componentClasses";import{InputLabel as ce}from"./Label";import{RightIcon as Q}from".";function pe(t){let{value:e,states:i}=t,{required:s,options:d,min:m,max:o}=i;m=m\|\|0,o=o\|\|65535;let n=[],p=e.filter(h=>h!==null).length;return s&&(p\|\|n.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"})),p<m&&n.push({type:"invalid",label:m+"\u500B\u4EE5\u4E0A\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044"}),p>o&&n.push({type:"invalid",label:o+"\u500B\u307E\u3067\u9078\u629E\u3067\u304D\u307E\u3059"}),{ok:!n.filter(({type:h})=>h=="invalid").length,notice:n}}const D={InitOptions:t=>{let e=[];return t.forEach(i=>{if(!i)return;let{type:s,label:d,value:m,searchValue:o}=i,n=o\|\|a.is.string(d)&&d\|\|""\|\|a.is.string(m)&&m\|\|a.Stringify(m\|\|"")\|\|"";a.is.nullish(d)&&(d=String(m)),e.push(f(l({id:v(8)},i),{searchValue:n,type:s\|\|"selector",label:d,value:m}))}),e},FilterSelectableOptions:(t,e,i)=>{let s=t;return i\|\|(s=t.filter(d=>(d==null?void 0:d.type)!="label")),a.scope(()=>{if(!e)return;let d=e.toLower().replace(/ /g,"");s=s.filter(m=>(m.searchValue\|\|"").toLower().replace(/ /g,"").includes(d))}),s},Button:t=>{let{rootStates:e,val_keyword:i,set_keyword:s,val_optionFocused:d,set_optionFocused:m,val_status:o,set_status:n}=t,J=e,{tone:p,required:h,form:k,className:r,multiSelect:c,enableFormSubmit:y,checkValidationAtFirst:S,onValidate:g,onValidateDelay:I,onUpdateValue:R,onUpdateValidValue:x,onUserAction:P,value:E="",options:w,leftIndicator:C,rightIndicator:_,leftIcon:de,rightIcon:fe,componentId:me,status_id:Se,wrapStyles:ve,emptySelect:ye,searchInputPlaceholder:he,onSelectedRender:ge,onSelectorRender:Ie,pickerStyles:be,pickerPosition:ke,onDynamicSearchOptions:_e,onDynamicSearchOptionsDelay:we}=J,T=G(J,["tone","required","form","className","multiSelect","enableFormSubmit","checkValidationAtFirst","onValidate","onValidateDelay","onUpdateValue","onUpdateValidValue","onUserAction","value","options","leftIndicator","rightIndicator","leftIcon","rightIcon","componentId","status_id","wrapStyles","emptySelect","searchInputPlaceholder","onSelectedRender","onSelectorRender","pickerStyles","pickerPosition","onDynamicSearchOptions","onDynamicSearchOptionsDelay"]),M="SearchInput_"+e.componentId;return F(()=>{var b;if(e.disabled\|\|!o.isPickerOpen\|\|a.is.exist(d))return;let O=D.FilterSelectableOptions(t.val_options,i,!1);m(((b=O[0])==null?void 0:b.id)\|\|"")},[i]),F(()=>{if(o.eventType!="init"&&o.eventType!="override"&&e.max==o.rawValue.length){s(""),n(O=>f(l({},O),{eventID:v(8),isPickerOpen:!1}));return}},[o.rawValue]),F(()=>{let O="autocomplete-click-"+e.componentId;if(!o.isPickerOpen){a(document).removeEvent([O]);return}a('[data-input-origin="'+e.componentId+'"]')&&a(document).addEvent({eventID:O,eventType:"mousedown",callback:U=>{let j=a(U.target),Z=!!a(j).parent("."+L("Core")).length,ee=!!a(j).parent("."+L("Selector")).length;Z\|\|ee\|\|n(te=>f(l({},te),{eventID:v(8),isFocusing:!1,isPickerOpen:!1}))},options:{passive:!1}})},[o.isPickerOpen]),V(N,{children:[u(X,f(l({tabIndex:-1},T),{"data-disabled":e.disabled,"data-show-validation":z.isShowValidation(o,!!S),"data-component-id":o.componentId,"data-input-origin":o.componentId,"data-focus":o.isFocusing\|\|o.isPickerOpen,className:[r,L("Core")].join(" "),onClick:O=>{if(T!=null&&T.onClick&&(T==null\|\|T.onClick(O)),e.disabled)return;let b=document.activeElement;(b==null?void 0:b.id)!=M&&(oe.get().isTouchDevice\|\|a("#"+M).focus()),n(U=>f(l({},U),{eventID:v(8),isPickerOpen:!0,isFocusing:!0}))},onKeyDown:O=>{let b=document.activeElement;(b==null?void 0:b.id)!=M&&(O.preventDefault(),a("#"+M).focus())},children:V(K.Left,{gap:0,children:[u(ie,{width:0,overflow:"hidden",opacity:"trans",children:"A"}),V(K.Left,{flexWrap:!0,flexSizing:0,gap:"1/2",verticalAlign:"unset",freeCSS:{letterSpacing:".5px"},children:[u(D.Selected,l({},t)),u(D.SearchInput,l({},t))]}),o.rawValue.length>1&&u($.Clear,{tabIndex:-1,color:"nega",fontColor:"4.thin",ssSphere:2,onClick:O=>{n(b=>f(l({},b),{eventType:"update",eventID:v(8),rawValue:[]}))},children:u(B.X,{})})]})})),u(D.Picker,l({},t))]})},SearchInput:t=>{let{rootStates:e,val_status:i,set_status:s}=t;if(e.disabled)return null;let d=!!i.isFocusing\|\|!!i.isPickerOpen\|\|!!i.rawValue.length;i.isFocusing\|\|e.multiSelect\|\|i.rawValue.length&&(d=!1);let m=e.searchInputPlaceholder\|\|"\u691C\u7D22...";return u(X,{htmlTag:"input",id:"SearchInput_"+e.componentId,"data-input-value-shallow":i.componentId,placeholder:m,opacity:d?"max":"trans",transition:"middle",flexSizing:0,fontSize:"inherit",border:"0.trans",backgroundColor:"trans",isRounded:!0,padding:[0,"2/3"],value:t.val_keyword,className:[L("SearchInput"),d&&L("isActive")].join(" "),freeCSS:{outline:"none",minWidth:124},onFocus:o=>{s(n=>f(l({},n),{eventID:v(8),isFocusing:!0,isPickerOpen:!0}))},onBlur:o=>H(void 0,null,function(){s(n=>f(l({},n),{eventID:v(8),isFocusing:!1}))}),onCompositionStart:o=>{s(n=>f(l({},n),{eventID:v(8),isComposing:!0}))},onCompositionEnd:o=>{s(n=>f(l({},n),{eventID:v(8),isComposing:!1}))},onKeyDown:o=>{let{key:n,metaKey:p,ctrlKey:h}=o,k=p\|\|h;n=="Escape"?s(r=>f(l({},r),{eventID:v(12),isPickerOpen:!1})):n=="Tab"?s(r=>f(l({},r),{eventID:v(8),isFocusing:!1,isPickerOpen:!1})):n==" "?a.scope(()=>{i.isPickerOpen\|\|t.val_keyword\|\|(o.preventDefault(),s(r=>f(l({},r),{eventID:v(8),isPickerOpen:!0})))}):n=="Backspace"?a.scope(()=>{if(t.val_keyword)return;let r=[...t.val_status.rawValue];r.pop(),k&&(r=[]),s(c=>f(l({},c),{rawValue:r,eventType:"update",eventID:v(8),isInspected:!1}))}):n=="Enter"&&a.scope(()=>{if(i.isComposing\|\|(o==null?void 0:o.keyCode)===229)return;if(!i.isPickerOpen){s(y=>f(l({},y),{eventID:v(8),isPickerOpen:!0}));return}if(!t.val_optionFocused)return;let r=t.val_options.find(y=>(y==null?void 0:y.id)==t.val_optionFocused);if(!r)return;let{value:c}=r;s(y=>{let S=[...y.rawValue];return a.scope(()=>{if(c===null)return S=[];y.rawValue.includes(c)?S=S.filter(I=>I!==c):e.multiSelect?S.push(c):S=[c]}),f(l({},y),{rawValue:S,eventType:"update",eventID:v(8),isInspected:!1})}),t.set_optionsModified(!0),t.set_keyword("")}),a.scope(()=>{if(!a.is.oneOf(n,"ArrowDown","ArrowUp"))return;if(o.preventDefault(),!i.isPickerOpen){s(g=>f(l({},g),{eventID:v(8),isPickerOpen:!0}));return}let r=n=="ArrowDown"?1:-1,c=D.FilterSelectableOptions(t.val_options,t.val_keyword),y=c.length-1,S=null;a.scope(()=>{var I,R,x,P,E,w,C;let g=c.findIndex(_=>(_==null?void 0:_.id)==t.val_optionFocused);if(g==-1){S=(I=c[0])==null?void 0:I.id;return}if(r==1){if(S=(R=c[0])==null?void 0:R.id,k){S=(x=c[y])==null?void 0:x.id;return}if(g==-1\|\|g==y)return;S=(P=c[g+1])==null?void 0:P.id}else{if(S=(E=c[y])==null?void 0:E.id,k){S=(w=c[0])==null?void 0:w.id;return}if(g==-1\|\|g==0)return;S=(C=c[g-1])==null?void 0:C.id}}),t.set_optionFocused(S)}),e.enableFormSubmit&&z.SubmitForm(o,t.rootStates.form)},onChange:o=>{let p=o.target.value;t.set_keyword(p),t.set_optionFocused(""),p&&s(h=>f(l({},h),{eventID:v(8),isPickerOpen:!0}))}},"searchInput")},Picker:t=>{var n;let{rootStates:e,val_status:i}=t,[s,d]=A("idle");F(()=>{if(!e.onDynamicSearchOptions\|\|!i.isPickerOpen)return;if(t.val_optionsModified)return t.set_optionsModified(!1);if(i.isComposing)return;d("fetch");let p="autocomplete-search-"+e.componentId;t.set_optionFocused(""),a.interval.once(()=>H(void 0,null,function(){var r;let h=yield e.onDynamicSearchOptions(t.val_keyword);d("idle");let k=D.InitOptions(h\|\|[]);t.set_options(k),t.set_optionFocused(((r=k[0])==null?void 0:r.id)\|\|"")}),e.onDynamicSearchOptionsDelay\|\|500,p)},[t.val_keyword,i.isComposing]),F(()=>{let p=a(`[data-selector-id="${i.componentId}"]`)[0];if(!p)return;let h=a(`[data-autocomplete-input-value="${t.val_optionFocused}"]`)[0];h&&(p.scrollTop=h.offsetTop-24)},[t.val_optionFocused]);let m=D.FilterSelectableOptions(t.val_options,e.onDynamicSearchOptions?"":t.val_keyword,!0),o={};{let p=e.pickerPosition\|\|0;a.is.oneOf(p,1,2)?o.bottom="100%":a.is.oneOf(p,3,4)&&(o.top="100%"),a.is.oneOf(p,1,3)?o.left=0:a.is.oneOf(p,2,4)&&(o.right=0)}return i.isPickerOpen?u(X,f(l({position:"absolute",padding:"1/3"},o),{freeCSS:l({minWidth:"75%",zIndex:1e3},o.freeCSS),children:u(ae.Body,f(l({className:L("Selector"),borderRadius:"2.tone.secondary",ssCardBox:!0,tabIndex:-1,boxShadow:"1.normal",overflow:"auto","data-selector-id":i.componentId},e.pickerStyles),{freeCSS:l({maxHeight:1224},(n=e.pickerStyles)==null?void 0:n.freeCSS),children:V(q,{gap:"1/12",padding:[1,0],children:[s=="fetch"&&u(K.Center,{padding:"1/2",children:u(le.Theme.R,{showInitial:!0})}),s!="fetch"&&V(N,{children:[!m.length&&u(W.Supplement,{padding:[0,1],fontColor:"4.thin",children:"\u5019\u88DC\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093"}),m.map((p,h)=>{if(!p)return null;let{type:k,value:r}=p,c=t.val_optionFocused==p.id,y=i.rawValue.includes(r),S=e.onSelectorRender;return u(q,{"data-autocomplete-input-value":p.id,children:u(S,{option:p,isFocused:c,isSelected:y,onAdd:()=>{t.set_status(g=>{let I=[...g.rawValue];return a.scope(()=>{if(r===null)return I=[];if(g.rawValue.includes(r)){I=I.filter(x=>x!==r);return}e.multiSelect?I.push(r):I=[r]}),f(l({},g),{rawValue:I,eventType:"update",eventID:v(8),isFocusing:e.max!=I.length,isInspected:!1})})},onKeyDown:g=>{let{key:I}=g;I=="Tab"&&(t.set_optionFocused(""),t.set_status(R=>f(l({},R),{eventID:v(8),isPickerOpen:!1,isFocusing:!1})))}})},p.id)})]})]})}))})):null},Selected:t=>{let{rootStates:e,val_status:i,set_status:s,val_optionsDict:d}=t,m=[];return i.rawValue.forEach(o=>{let n=d[a.Stringify(o)];if(!n)return;let p=e.onSelectedRender,h=(n==null?void 0:n.selectedLabel)\|\|(n==null?void 0:n.label);(n==null?void 0:n.value)===null&&(h=""),m.push(u(q,{position:"relative",flexCenter:!0,freeCSS:{userSelect:"none"},children:u(p,{value:n==null?void 0:n.value,label:h,onRemove:k=>{if(e.disabled)return;let r=[...i.rawValue];r=r.filter(c=>c!==o),s(c=>f(l({},c),{rawValue:r,eventType:"update",eventID:v(8),isInspected:!1,isFocusing:e.max!=r.length,isPickerOpen:!0}))}})},a.Stringify(n==null?void 0:n.value)\|\|v(8)))}),u(N,{children:m})},Core:t=>{var x,P,E;let{value:e}=t,[i,s]=A(!1),[d,m]=A(""),[o,n]=A(t.options),[p,h]=A(((x=t.options.find(w=>{var C;return(w==null?void 0:w.value)===((C=t.value)==null?void 0:C[0])}))==null?void 0:x.id)\|\|((P=t.options[0])==null?void 0:P.id)\|\|""),[k,r]=A({}),[c,y]=A(z.DefaultStatus(t.componentId,e)),S=ne(!1);F(()=>{i\|\|(S.current?n(t.options):S.current=!0)},[a.Stringify((E=t.options)==null?void 0:E.map(w=>w.value))]),F(()=>{if(!o.length)return;let w=[...o],C=l({},k);w.forEach(_=>{(_==null?void 0:_.type)!="label"&&(C[a.Stringify(_==null?void 0:_.value)]=_)}),r(C)},[o]);let g={rootStates:t,val_options:o,set_options:n,val_optionFocused:p,set_optionFocused:h,val_optionsDict:k,set_optionsDict:r,val_optionsModified:i,set_optionsModified:s,val_keyword:d,set_keyword:m,val_status:c,set_status:y},I=!!t.multiSelect;z.CommonEffects({type:I?"autocomplete.multi":"autocomplete.single",states:t,val_status:c,set_status:y,SystemValidation:pe});let R=c.rawValue.length&&c.rawValue[0]!==null\|\|c.isPickerOpen\|\|c.isFocusing;return V(se,{val_status:c,set_status:y,states:t,children:[u(ce,{componentId:t.componentId,fontSize:t.fontSize,required:t.required,label:t.label,isActive:R}),u(D.Button,l({},g))]})}},Y=t=>{let e=l({},t);return e=f(l({value:[],min:0,max:65535,multiSelect:!0,emptySelect:!0,onSelectorRender:i=>{var s;return i.option?((s=i.option)==null?void 0:s.type)=="label"?u(N,{children:i.option.label}):u($.Sub.S,{color:"cloud",tabIndex:-1,backgroundColor:"trans",borderRadius:0,fontColor:"2.normal",textAlign:"left",padding:["2/3",1.5],isActive:i.isFocused,isActiveStyles:{backgroundColor:"cloud"},onClick:i.onAdd,onKeyDown:i.onKeyDown,children:V(K.Left,{gap:"1/2",children:[i.isSelected&&u(B.Check,{fontColor:"theme"}),u(W.Supplement,{transition:"short",children:i.option.label})]})}):null},onSelectedRender:i=>V(K.Left,{ssCardBox:!0,borderRadius:"1.tone.primary",fontSize:"1.mini",padding:"1/3",gap:0,children:[u(W,{padding:[0,"1/2"],children:i.label}),u($.Clear,{flexSizing:"none",color:"nega",fontColor:"4.thin",tabIndex:-1,ssSphere:2,onClick:i.onRemove,freeCSS:{lineHeight:1,aspectRatio:"1/1"},children:u(B.X,{})})]}),pickerPosition:3},e),{freeCSS:l({cursor:"pointer"},e.freeCSS)}),e.multiSelect\|\|(e.min=0,e.max=1),e.options=e.options\|\|[],e.emptySelect&&(e.options=[{value:null,label:u(W.Supplement,{fontColor:"4.thin",children:"\u9078\u629E\u3092\u89E3\u9664"})},...e.options]),e.value=a.flatArray(e.value),e.options=D.InitOptions(e.options),a.is.nullish(e.rightIcon)&&(e.rightIcon=u(Q,{children:u(B.Search,{})}),e.disabled&&(e.rightIcon=u(Q,{fontColor:"5.translucent",children:u(B.Ban,{})}))),e.rightIcon&&(e=l({paddingRight:3},e)),e.leftIcon&&(e=l({paddingLeft:3},e)),u(re,{componentId:e.componentId,children:D.Core,states:ue(e)})};export{Y as Autocomplete,Y as default};
1	+ import{b as l,c as f,d as G,e as H}from"../../chunk-C5N2D3ZX.js";import{Fragment as N,jsx as u,jsxs as V}from"react/jsx-runtime";import{useState as A,useEffect as F,useRef as ne}from"react";import a,{UUID as v}from"jmini";import{Config as oe}from"../../@utils";import{Box as X,Span as ie,FAI as B,Column as q}from"../../atoms";import{Literal as W,Row as K}from"../../mols";import{Button as $}from"../Button";import{Loader as le}from"../Loader";import{Sheet as ae}from"../Sheet";import{OptionalInputWrapper as re,BoxWrapper as se,CoreEffects as z,DefaultBoxishStyles as ue}from"./core";import{InputAutocompleteClasses as L}from"../../@styles/componentClasses";import{InputLabel as ce}from"./Label";import{RightIcon as Q}from".";function pe(t){let{value:e,states:i}=t,{required:s,options:d,min:m,max:o}=i;m=m\|\|0,o=o\|\|65535;let n=[],p=e.filter(h=>h!==null).length;return s&&(p\|\|n.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"})),p<m&&n.push({type:"invalid",label:m+"\u500B\u4EE5\u4E0A\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044"}),p>o&&n.push({type:"invalid",label:o+"\u500B\u307E\u3067\u9078\u629E\u3067\u304D\u307E\u3059"}),{ok:!n.filter(({type:h})=>h=="invalid").length,notice:n}}const D={InitOptions:t=>{let e=[];return t.forEach(i=>{if(!i)return;let{type:s,label:d,value:m,searchValue:o}=i,n=o\|\|a.is.string(d)&&d\|\|""\|\|a.is.string(m)&&m\|\|a.Stringify(m\|\|"")\|\|"";a.is.nullish(d)&&(d=String(m)),e.push(f(l({id:v(8)},i),{searchValue:n,type:s\|\|"selector",label:d,value:m}))}),e},FilterSelectableOptions:(t,e,i)=>{let s=t;return i\|\|(s=t.filter(d=>(d==null?void 0:d.type)!="label")),a.scope(()=>{if(!e)return;let d=e.toLower().replace(/ /g,"");s=s.filter(m=>(m.searchValue\|\|"").toLower().replace(/ /g,"").includes(d))}),s},Button:t=>{let{rootStates:e,val_keyword:i,set_keyword:s,val_optionFocused:d,set_optionFocused:m,val_status:o,set_status:n}=t,J=e,{tone:p,required:h,form:k,className:r,multiSelect:c,enableFormSubmit:y,checkValidationAtFirst:S,onValidate:g,onValidateDelay:I,onUpdateValue:R,onUpdateValidValue:x,onUserAction:P,value:E="",options:w,leftIndicator:C,rightIndicator:_,leftIcon:de,rightIcon:fe,componentId:me,status_id:Se,wrapStyles:ve,emptySelect:ye,searchInputPlaceholder:he,onSelectedRender:ge,onSelectorRender:Ie,pickerStyles:be,pickerPosition:ke,onDynamicSearchOptions:_e,onDynamicSearchOptionsDelay:we}=J,T=G(J,["tone","required","form","className","multiSelect","enableFormSubmit","checkValidationAtFirst","onValidate","onValidateDelay","onUpdateValue","onUpdateValidValue","onUserAction","value","options","leftIndicator","rightIndicator","leftIcon","rightIcon","componentId","status_id","wrapStyles","emptySelect","searchInputPlaceholder","onSelectedRender","onSelectorRender","pickerStyles","pickerPosition","onDynamicSearchOptions","onDynamicSearchOptionsDelay"]),M="SearchInput_"+e.componentId;return F(()=>{var b;if(e.disabled\|\|!o.isPickerOpen\|\|a.is.exist(d))return;let O=D.FilterSelectableOptions(t.val_options,i,!1);m(((b=O[0])==null?void 0:b.id)\|\|"")},[i]),F(()=>{if(o.eventType!="init"&&o.eventType!="override"&&e.max==o.rawValue.length){s(""),n(O=>f(l({},O),{eventID:v(8),isPickerOpen:!1}));return}},[o.rawValue]),F(()=>{let O="autocomplete-click-"+e.componentId;if(!o.isPickerOpen){a(document).removeEvent([O]);return}a('[data-input-origin="'+e.componentId+'"]')&&a(document).addEvent({eventID:O,eventType:"mousedown",callback:U=>{let j=a(U.target),Z=!!a(j).parent("."+L("Core")).length,ee=!!a(j).parent("."+L("Selector")).length;Z\|\|ee\|\|n(te=>f(l({},te),{eventID:v(8),isFocusing:!1,isPickerOpen:!1}))},options:{passive:!1}})},[o.isPickerOpen]),V(N,{children:[u(X,f(l({tabIndex:-1},T),{"data-disabled":e.disabled,"data-show-validation":z.isShowValidation(o,!!S),"data-component-id":o.componentId,"data-input-origin":o.componentId,"data-focus":o.isFocusing\|\|o.isPickerOpen,className:[r,L("Core")].join(" "),onClick:O=>{if(T!=null&&T.onClick&&(T==null\|\|T.onClick(O)),e.disabled)return;let b=document.activeElement;(b==null?void 0:b.id)!=M&&(oe.get().isTouchDevice\|\|a("#"+M).focus()),n(U=>f(l({},U),{eventID:v(8),isPickerOpen:!0,isFocusing:!0}))},onKeyDown:O=>{let b=document.activeElement;(b==null?void 0:b.id)!=M&&(O.preventDefault(),a("#"+M).focus())},children:V(K.Left,{gap:0,children:[u(ie,{width:0,overflow:"hidden",opacity:"trans",children:"A"}),V(K.Left,{flexWrap:!0,flexSizing:0,gap:"1/2",verticalAlign:"unset",freeCSS:{letterSpacing:".5px"},children:[u(D.Selected,l({},t)),u(D.SearchInput,l({},t))]}),o.rawValue.length>1&&u($.Clear,{tabIndex:-1,color:"nega",fontColor:"4.thin",ssSphere:2,onClick:O=>{n(b=>f(l({},b),{eventType:"update",eventID:v(8),rawValue:[]}))},children:u(B.X,{})})]})})),u(D.Picker,l({},t))]})},SearchInput:t=>{let{rootStates:e,val_status:i,set_status:s}=t;if(e.disabled)return null;let d=!!i.isFocusing\|\|!!i.isPickerOpen\|\|!!i.rawValue.length;i.isFocusing\|\|e.multiSelect\|\|i.rawValue.length&&(d=!1);let m=e.searchInputPlaceholder\|\|"\u691C\u7D22...";return u(X,{htmlTag:"input",id:"SearchInput_"+e.componentId,"data-input-value-shallow":i.componentId,placeholder:m,opacity:d?"max":"trans",transition:"middle",flexSizing:0,fontSize:"inherit",border:"0.trans",backgroundColor:"trans",isRounded:!0,padding:[0,"2/3"],value:t.val_keyword,className:[L("SearchInput"),d&&L("isActive")].join(" "),freeCSS:{outline:"none",minWidth:124},onFocus:o=>{s(n=>f(l({},n),{eventID:v(8),isFocusing:!0,isPickerOpen:!0}))},onBlur:o=>H(void 0,null,function(){s(n=>f(l({},n),{eventID:v(8),isFocusing:!1}))}),onCompositionStart:o=>{s(n=>f(l({},n),{eventID:v(8),isComposing:!0}))},onCompositionEnd:o=>{s(n=>f(l({},n),{eventID:v(8),isComposing:!1}))},onKeyDown:o=>{let{key:n,metaKey:p,ctrlKey:h}=o,k=p\|\|h;n=="Escape"?s(r=>f(l({},r),{eventID:v(12),isPickerOpen:!1})):n=="Tab"?s(r=>f(l({},r),{eventID:v(8),isFocusing:!1,isPickerOpen:!1})):n==" "?a.scope(()=>{i.isPickerOpen\|\|t.val_keyword\|\|(o.preventDefault(),s(r=>f(l({},r),{eventID:v(8),isPickerOpen:!0})))}):n=="Backspace"?a.scope(()=>{if(t.val_keyword)return;let r=[...t.val_status.rawValue];r.pop(),k&&(r=[]),s(c=>f(l({},c),{rawValue:r,eventType:"update",eventID:v(8),isInspected:!1}))}):n=="Enter"&&a.scope(()=>{if(i.isComposing\|\|(o==null?void 0:o.keyCode)===229)return;if(!i.isPickerOpen){s(y=>f(l({},y),{eventID:v(8),isPickerOpen:!0}));return}if(!t.val_optionFocused)return;let r=t.val_options.find(y=>(y==null?void 0:y.id)==t.val_optionFocused);if(!r)return;let{value:c}=r;s(y=>{let S=[...y.rawValue];return a.scope(()=>{if(c===null)return S=[];y.rawValue.includes(c)?S=S.filter(I=>I!==c):e.multiSelect?S.push(c):S=[c]}),f(l({},y),{rawValue:S,eventType:"update",eventID:v(8),isInspected:!1})}),t.set_optionsModified(!0),t.set_keyword("")}),a.scope(()=>{if(!a.is.oneOf(n,"ArrowDown","ArrowUp"))return;if(o.preventDefault(),!i.isPickerOpen){s(g=>f(l({},g),{eventID:v(8),isPickerOpen:!0}));return}let r=n=="ArrowDown"?1:-1,c=D.FilterSelectableOptions(t.val_options,t.val_keyword),y=c.length-1,S=null;a.scope(()=>{var I,R,x,P,E,w,C;let g=c.findIndex(_=>(_==null?void 0:_.id)==t.val_optionFocused);if(g==-1){S=(I=c[0])==null?void 0:I.id;return}if(r==1){if(S=(R=c[0])==null?void 0:R.id,k){S=(x=c[y])==null?void 0:x.id;return}if(g==-1\|\|g==y)return;S=(P=c[g+1])==null?void 0:P.id}else{if(S=(E=c[y])==null?void 0:E.id,k){S=(w=c[0])==null?void 0:w.id;return}if(g==-1\|\|g==0)return;S=(C=c[g-1])==null?void 0:C.id}}),t.set_optionFocused(S)}),e.enableFormSubmit&&z.SubmitForm(o,t.rootStates.form)},onChange:o=>{let p=o.target.value;t.set_keyword(p),t.set_optionFocused(""),p&&s(h=>f(l({},h),{eventID:v(8),isPickerOpen:!0}))}},"searchInput")},Picker:t=>{var n;let{rootStates:e,val_status:i}=t,[s,d]=A("idle");F(()=>{if(!e.onDynamicSearchOptions\|\|!i.isPickerOpen)return;if(t.val_optionsModified)return t.set_optionsModified(!1);if(i.isComposing)return;d("fetch");let p="autocomplete-search-"+e.componentId;t.set_optionFocused(""),a.interval.once(()=>H(void 0,null,function(){var r;let h=yield e.onDynamicSearchOptions(t.val_keyword);d("idle");let k=D.InitOptions(h\|\|[]);t.set_options(k),t.set_optionFocused(((r=k[0])==null?void 0:r.id)\|\|"")}),e.onDynamicSearchOptionsDelay\|\|500,p)},[t.val_keyword,i.isComposing]),F(()=>{let p=a(`[data-selector-id="${i.componentId}"]`)[0];if(!p)return;let h=a(`[data-autocomplete-input-value="${t.val_optionFocused}"]`)[0];h&&(p.scrollTop=h.offsetTop-24)},[t.val_optionFocused]);let m=D.FilterSelectableOptions(t.val_options,e.onDynamicSearchOptions?"":t.val_keyword,!0),o={};{let p=e.pickerPosition\|\|0;a.is.oneOf(p,1,2)?o.bottom="100%":a.is.oneOf(p,3,4)&&(o.top="100%"),a.is.oneOf(p,1,3)?o.left=0:a.is.oneOf(p,2,4)&&(o.right=0)}return i.isPickerOpen?u(X,f(l({position:"absolute",padding:"1/3"},o),{freeCSS:l({minWidth:"75%",zIndex:1e3},o.freeCSS),children:u(ae.Body,f(l({className:L("Selector"),borderRadius:"2.tone.secondary",ssCardBox:!0,tabIndex:-1,boxShadow:"1.normal",overflow:"auto","data-selector-id":i.componentId},e.pickerStyles),{freeCSS:l({maxHeight:1224},(n=e.pickerStyles)==null?void 0:n.freeCSS),children:V(q,{gap:"1/12",padding:[1,0],children:[s=="fetch"&&u(K.Center,{padding:"1/2",children:u(le.Theme.R,{showInitial:!0})}),s!="fetch"&&V(N,{children:[!m.length&&u(W.Supplement,{padding:[0,1],fontColor:"4.thin",children:"\u5019\u88DC\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093"}),m.map((p,h)=>{if(!p)return null;let{type:k,value:r}=p,c=t.val_optionFocused==p.id,y=i.rawValue.includes(r),S=e.onSelectorRender;return u(q,{"data-autocomplete-input-value":p.id,children:u(S,{option:p,isFocused:c,isSelected:y,onAdd:()=>{t.set_status(g=>{let I=[...g.rawValue];return a.scope(()=>{if(r===null)return I=[];if(g.rawValue.includes(r)){I=I.filter(x=>x!==r);return}e.multiSelect?I.push(r):I=[r]}),f(l({},g),{rawValue:I,eventType:"update",eventID:v(8),isFocusing:e.max!=I.length,isInspected:!1})})},onKeyDown:g=>{let{key:I}=g;I=="Tab"&&(t.set_optionFocused(""),t.set_status(R=>f(l({},R),{eventID:v(8),isPickerOpen:!1,isFocusing:!1})))}})},p.id)})]})]})}))})):null},Selected:t=>{let{rootStates:e,val_status:i,set_status:s,val_optionsDict:d}=t,m=[];return i.rawValue.forEach(o=>{let n=d[a.Stringify(o)];if(!n)return;let p=e.onSelectedRender,h=(n==null?void 0:n.selectedLabel)\|\|(n==null?void 0:n.label);(n==null?void 0:n.value)===null&&(h=""),m.push(u(q,{position:"relative",flexCenter:!0,freeCSS:{userSelect:"none"},children:u(p,{value:n==null?void 0:n.value,label:h,onRemove:k=>{if(e.disabled)return;let r=[...i.rawValue];r=r.filter(c=>c!==o),s(c=>f(l({},c),{rawValue:r,eventType:"update",eventID:v(8),isInspected:!1,isFocusing:e.max!=r.length,isPickerOpen:!0}))}})},a.Stringify(n==null?void 0:n.value)\|\|v(8)))}),u(N,{children:m})},Core:t=>{var x,P,E;let{value:e}=t,[i,s]=A(!1),[d,m]=A(""),[o,n]=A(t.options),[p,h]=A(((x=t.options.find(w=>{var C;return(w==null?void 0:w.value)===((C=t.value)==null?void 0:C[0])}))==null?void 0:x.id)\|\|((P=t.options[0])==null?void 0:P.id)\|\|""),[k,r]=A({}),[c,y]=A(z.DefaultStatus(t.componentId,e)),S=ne(!1);F(()=>{i\|\|(S.current?n(t.options):S.current=!0)},[a.Stringify((E=t.options)==null?void 0:E.map(w=>w.value))]),F(()=>{if(!o.length)return;let w=[...o],C=l({},k);w.forEach(_=>{(_==null?void 0:_.type)!="label"&&(C[a.Stringify(_==null?void 0:_.value)]=_)}),r(C)},[o]);let g={rootStates:t,val_options:o,set_options:n,val_optionFocused:p,set_optionFocused:h,val_optionsDict:k,set_optionsDict:r,val_optionsModified:i,set_optionsModified:s,val_keyword:d,set_keyword:m,val_status:c,set_status:y},I=!!t.multiSelect;z.CommonEffects({type:I?"autocomplete.multi":"autocomplete.single",states:t,val_status:c,set_status:y,SystemValidation:pe});let R=c.rawValue.length&&c.rawValue[0]!==null\|\|c.isPickerOpen\|\|c.isFocusing;return V(se,{val_status:c,set_status:y,states:t,children:[u(ce,{componentId:t.componentId,fontSize:t.fontSize,required:t.required,label:t.label,isActive:R}),u(D.Button,l({},g))]})}},Y=t=>{let e=l({},t);return e=f(l({value:[],min:0,max:65535,multiSelect:!0,emptySelect:!0,onSelectorRender:i=>{var s;return i.option?((s=i.option)==null?void 0:s.type)=="label"?u(N,{children:i.option.label}):u($.Sub.S,{color:"cloud",tabIndex:-1,backgroundColor:"trans",borderRadius:0,fontColor:"2.normal",textAlign:"left",padding:["2/3",1.5],isActive:i.isFocused,isActiveStyles:{backgroundColor:"cloud"},onClick:i.onAdd,onKeyDown:i.onKeyDown,children:V(K.Left,{gap:"1/2",children:[i.isSelected&&u(B.Check,{fontColor:"theme"}),u(W.Supplement,{transition:"short",children:i.option.label})]})}):null},onSelectedRender:i=>V(K.Left,{ssCardBox:!0,borderRadius:"1.tone.primary",fontSize:"1.mini",padding:"1/3",gap:0,children:[u(W,{padding:[0,"1/2"],children:i.label}),u($.Clear,{flexSizing:"none",color:"nega",fontColor:"4.thin",tabIndex:-1,ssSphere:2,onClick:i.onRemove,freeCSS:{lineHeight:1,aspectRatio:"1/1"},children:u(B.X,{})})]}),pickerPosition:3},e),{freeCSS:l({cursor:"pointer"},e.freeCSS)}),e.multiSelect\|\|(e.min=0,e.max=1),e.options=e.options\|\|[],e.emptySelect&&(e.options=[{value:null,label:u(W.Supplement,{fontColor:"4.thin",children:"\u9078\u629E\u3092\u89E3\u9664"})},...e.options]),e.value=a.Arrayify(e.value),e.options=D.InitOptions(e.options),a.is.nullish(e.rightIcon)&&(e.rightIcon=u(Q,{children:u(B.Search,{})}),e.disabled&&(e.rightIcon=u(Q,{fontColor:"5.translucent",children:u(B.Ban,{})}))),e.rightIcon&&(e=l({paddingRight:3},e)),e.leftIcon&&(e=l({paddingLeft:3},e)),u(re,{componentId:e.componentId,children:D.Core,states:ue(e)})};export{Y as Autocomplete,Y as default};

package/dist/fn/Input/List.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{b as o,c as m,d as z}from"../../chunk-C5N2D3ZX.js";import{jsx as a}from"react/jsx-runtime";import p,{UUID as F}from"jmini";import{useState as ie}from"react";import{$$fromRoot as ae,GenerateHTMLProps as ne}from"../../@utils";import{Box as I,Flex as se,FAI as re,Span as ce}from"../../atoms";import{Button as ue}from"../Button";import{OptionalInputWrapper as de,BoxWrapper as me,CoreEffects as B}from"./core";import{InputListClasses as T}from"../../@styles/componentClasses";function pe(t){let{value:l,states:i}=t,{type:e,required:s,min:n,max:C}=i;n=n\|\|0,C=C\|\|65535;let c=[],S=l.length;return s&&(S\|\|e=="radio"&&c.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"})),S<n&&c.push({type:"invalid",label:n+"\u500B\u4EE5\u4E0A\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044"}),S>C&&c.push({type:"invalid",label:C+"\u500B\u307E\u3067\u9078\u629E\u3067\u304D\u307E\u3059"}),{ok:!c.filter(({type:V})=>V=="invalid").length,notice:c}}const h={InitOptions:t=>{let l=[];return t.forEach(i=>{if(!i)return;let{label:e,value:s}=i;p.is.nullish(e)&&(e=String(s)),l.push(m(o({},i),{label:e,value:s}))}),l},OptionalListWrapper:t=>{let{value:l,options:i=[]}=t,e=p.is.exist(l)?p.~~flatArray~~(l):[],s=[];return e.forEach(n=>{i.findIndex(c=>p.is.equal(c.value,n))!=-1&&s.push(n)}),a(h.Core,m(o({},t),{value:s,options:i}))},Core:t=>{let g=t,{type:l,tone:i,required:e,componentId:s="",form:n,override:C,icon:c,iconType:S,iconSize:V,iconPosition:J,iconColor:v,CustomIcon:P,enableFormSubmit:X,checkValidationAtFirst:A,onValidate:$,onValidateDelay:N,onUpdateValue:U,onUpdateValidValue:W,onUserAction:H,value:f,options:q,className:K,cellStyles:j,cellClassName:G,cellCheckedStyles:Q,cellCheckedClassName:E,min:u,max:R,hideInput:b,freeCSS:Y,wrapStyles:x}=g,Z=z(g,["type","tone","required","componentId","form","override","icon","iconType","iconSize","iconPosition","iconColor","CustomIcon","enableFormSubmit","checkValidationAtFirst","onValidate","onValidateDelay","onUpdateValue","onUpdateValidValue","onUserAction","value","options","className","cellStyles","cellClassName","cellCheckedStyles","cellCheckedClassName","min","max","hideInput","freeCSS","wrapStyles"]),[O,L]=ie(B.DefaultStatus(s,f));return B.CommonEffects({type:"list."+l,states:t,val_status:O,set_status:L,SystemValidation:pe}),a(me,{val_status:O,set_status:L,states:t,children:a(h.List,{rootStates:t,val_status:O,set_status:L})})},List:t=>{let{rootStates:l,val_status:i,set_status:e}=t,{componentId:s,type:n,tone:C,icon:c,iconSize:S,iconColor:V,isChecker:J,options:v,name:P,form:X,tabIndex:A,hideInput:$,disabled:N,className:U,cellStyles:W,cellClassName:H="",cellCheckedStyles:f,cellCheckedClassName:q="",enableFormSubmit:K}=l,j=l.CustomIcon,G=v.map((Q,E)=>{let oe=Q,{value:u,label:R,disabled:b,className:Y="",checkedStyles:x,checkedClassName:Z="",freeCSS:O}=oe,L=z(oe,["value","label","disabled","className","checkedStyles","checkedClassName","freeCSS"]),g=F(),w=i.rawValue.findIndex(r=>r===u\|\|p.is.equal(r,u))!=-1,y=o(o({},W),L),D=[T("Label"),H,Y];w&&(y=m(o(o(o({},y),f),x),{freeCSS:o(o(o({},y==null?void 0:y.freeCSS),f==null?void 0:f.freeCSS),x==null?void 0:x.freeCSS)}),D=[...D,q,Z]);const ee=()=>{if(N\|\|b)return;let r=[];if(n=="radio")r=[u];else if(n=="checkbox"\|\|J)if(!w)r=[...i.rawValue,u];else{let d=[...i.rawValue];d.splice(i.rawValue.findIndex(_=>_==u),1),r=d}e(d=>m(o({},d),{rawValue:r,eventType:"update",eventID:F(12),isInspected:!1}))};let te=[a(ce,{position:"relative",freeCSS:{zIndex:2},flexSizing:0,children:p.is.string(R)?a(I,{children:R}):R},"content")];return c&&te[l.iconPosition=="right"?"push":"unshift"](a(j,{isChecked:w,iconSize:S,iconColor:V,toggle:ee},"icon")),[a(I,{htmlTag:"input",type:n=="radio"?"radio":"checkbox",className:T("Input"),name:"RadioCheckbox-"+P,"data-list-index":s+"-"+E,id:g,value:String(u),disabled:N\|\|b,checked:w,onFocus:r=>{b\|\|n=="radio"&&(i.rawValue.length\|\|e(d=>m(o({},d),{rawValue:[u],eventType:"update",eventID:F(12),isInspected:!1})))},onChange:()=>{ee()},onKeyDown:r=>{let{key:d,shiftKey:_}=r;if((n=="checkbox"\|\|t.rootStates.isChecker)&&d!="Tab"){if(d.match(/Arrow/)){r.preventDefault();let le=p.is.oneOf(d,"ArrowLeft","ArrowUp")?-1:1,k=E+le;k<0?k=v.length-1:k>=v.length&&(k=0),ae(`input[data-list-index="${s}-${k}"]`).focus()}}K&&B.SubmitForm(r,X)},tabIndex:A},"List-"+p.Stringify(u)),a(I,m(o({htmlTag:"label","data-disabled":N\|\|b,htmlFor:g,className:D.join(" "),tabIndex:-1,display:"flex",verticalAlign:"center",flexWrap:!1},y),{children:te}),"ListTrigger-"+p.Stringify(u))]});return a(se,{flexSizing:"auto",style:l.style,freeCSS:o({},l.freeCSS),className:[U,T("CellBase"),T("HideInput_"+$),T("IconIndicator_"+!!c),T("Tone_"+C)].join(" "),children:G})},_Icon:t=>{let l=1.5;return t.iconSize=="small"?l=1.2:t.iconSize=="large"&&(l=2),a(ue.Normal,{ssPushable:!0,color:"cloud",tabIndex:-1,ssEffectsOnActive:"ripple.cloud",ssSphere:2,freeCSS:{transform:`scale(${l})`},onClick:i=>{i.preventDefault(),i.stopPropagation(),t.toggle()},children:t.children})},RadioIcon:t=>a(h._Icon,m(o({type:"radio"},t),{children:a(I,{flexCenter:!0,isRounded:!0,border:t.isChecked?"0.trans":"3.thick",borderColor:t.isChecked?t.iconColor:"3.thick",position:"relative",transition:"middle",freeCSS:{width:"50%",height:"50%"},children:a(I,{position:"absolute",transition:"middle",isRounded:!0,backgroundColor:t.iconColor,opacity:t.isChecked?"max":"trans",freeCSS:{width:"60%",height:"60%",transform:t.isChecked?"scale(1)":"scale(.4)"}})})})),CheckboxIcon:t=>a(h._Icon,m(o({type:"checkbox"},t),{children:a(I,{flexCenter:!0,boxShadow:t.isChecked?"0.remark":"none",border:t.isChecked?"0.trans":"3.thick",backgroundColor:t.isChecked?t.iconColor:"trans",position:"relative",transition:"middle",fontColor:"white",freeCSS:{borderRadius:"25%",padding:"4%",width:"50%",height:"50%"},children:a(re.Check,{transition:"middle",opacity:t.isChecked?"max":"trans",freeCSS:{zIndex:8,width:"100%",height:"100%",transform:t.isChecked?"scale(1)":"scale(.5)"}})})}))},M=t=>{t=t\|\|"checkbox";const l=e=>(e=m(o({gap:1,icon:!0,iconSize:"regular",iconType:t=="radio"?"radio":"checkbox",iconPosition:"left",iconColor:"theme"},e),{type:t,cellStyles:o({gap:"1/6",position:"relative",borderRadius:"2.tone.secondary",transition:"middle"},e.cellStyles)}),e.CustomIcon\|\|(e.iconType=="radio"?e.CustomIcon=h.RadioIcon:e.iconType=="checkbox"&&(e.CustomIcon=h.CheckboxIcon)),e.iconSize=="small"?e.cellStyles.gap=0:e.iconSize=="large"&&(e.cellStyles.gap="1/2"),e.tone=="normal"?(e.cellStyles=o({padding:["1/4",1],border:"1.thin",backgroundColor:"layer.1"},e.cellStyles),e.cellCheckedStyles=o({borderColor:"theme",fontColor:"theme",boxShadow:"1.normal"},e.cellCheckedStyles)):e.tone=="border"?(e.cellStyles=o({border:"1.thin",backgroundColor:"layer.1",padding:["1/2",1,"1/2","1/2"]},e.cellStyles),e.cellCheckedStyles=o({borderColor:"theme",fontColor:"theme"},e.cellCheckedStyles)):e.tone=="cloud"&&(e.cellStyles=o({border:"1.thin",backgroundColor:"layer.2",padding:["1/2",1,"1/2","1/2"]},e.cellStyles),e.cellCheckedStyles=o({backgroundColor:"cloud",fontColor:"theme"},e.cellCheckedStyles)),e=ne(e),e.options=h.InitOptions(e.options),a(de,{componentId:e.componentId,children:h.OptionalListWrapper,states:e})),i=l;return i.Normal=e=>a(l,o({type:t,tone:"normal",icon:!1},e)),i.Border=e=>a(l,o({type:t,tone:"border"},e)),i.Cloud=e=>a(l,o({type:t,tone:"cloud"},e)),i.Vivid=e=>a(l,o({type:t,tone:"normal",icon:!1,cellCheckedStyles:{backgroundColor:"theme",fontColor:"white"}},e)),i.Simple=e=>a(l,o({type:t,tone:"plain",icon:!1,cellCheckedStyles:{fontColor:"theme"}},e)),i},Ce=M("radio"),he=M("checkbox"),Se=M();export{he as Checkbox,Se as List,Ce as Radio};
1	+ import{b as o,c as m,d as z}from"../../chunk-C5N2D3ZX.js";import{jsx as a}from"react/jsx-runtime";import p,{UUID as F}from"jmini";import{useState as ie}from"react";import{$$fromRoot as ae,GenerateHTMLProps as ne}from"../../@utils";import{Box as I,Flex as se,FAI as re,Span as ce}from"../../atoms";import{Button as ue}from"../Button";import{OptionalInputWrapper as de,BoxWrapper as me,CoreEffects as B}from"./core";import{InputListClasses as T}from"../../@styles/componentClasses";function pe(t){let{value:l,states:i}=t,{type:e,required:s,min:n,max:C}=i;n=n\|\|0,C=C\|\|65535;let c=[],S=l.length;return s&&(S\|\|e=="radio"&&c.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"})),S<n&&c.push({type:"invalid",label:n+"\u500B\u4EE5\u4E0A\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044"}),S>C&&c.push({type:"invalid",label:C+"\u500B\u307E\u3067\u9078\u629E\u3067\u304D\u307E\u3059"}),{ok:!c.filter(({type:V})=>V=="invalid").length,notice:c}}const h={InitOptions:t=>{let l=[];return t.forEach(i=>{if(!i)return;let{label:e,value:s}=i;p.is.nullish(e)&&(e=String(s)),l.push(m(o({},i),{label:e,value:s}))}),l},OptionalListWrapper:t=>{let{value:l,options:i=[]}=t,e=p.is.exist(l)?p.Arrayify(l):[],s=[];return e.forEach(n=>{i.findIndex(c=>p.is.equal(c.value,n))!=-1&&s.push(n)}),a(h.Core,m(o({},t),{value:s,options:i}))},Core:t=>{let g=t,{type:l,tone:i,required:e,componentId:s="",form:n,override:C,icon:c,iconType:S,iconSize:V,iconPosition:J,iconColor:v,CustomIcon:P,enableFormSubmit:X,checkValidationAtFirst:A,onValidate:$,onValidateDelay:N,onUpdateValue:U,onUpdateValidValue:W,onUserAction:H,value:f,options:q,className:K,cellStyles:j,cellClassName:G,cellCheckedStyles:Q,cellCheckedClassName:E,min:u,max:R,hideInput:b,freeCSS:Y,wrapStyles:x}=g,Z=z(g,["type","tone","required","componentId","form","override","icon","iconType","iconSize","iconPosition","iconColor","CustomIcon","enableFormSubmit","checkValidationAtFirst","onValidate","onValidateDelay","onUpdateValue","onUpdateValidValue","onUserAction","value","options","className","cellStyles","cellClassName","cellCheckedStyles","cellCheckedClassName","min","max","hideInput","freeCSS","wrapStyles"]),[O,L]=ie(B.DefaultStatus(s,f));return B.CommonEffects({type:"list."+l,states:t,val_status:O,set_status:L,SystemValidation:pe}),a(me,{val_status:O,set_status:L,states:t,children:a(h.List,{rootStates:t,val_status:O,set_status:L})})},List:t=>{let{rootStates:l,val_status:i,set_status:e}=t,{componentId:s,type:n,tone:C,icon:c,iconSize:S,iconColor:V,isChecker:J,options:v,name:P,form:X,tabIndex:A,hideInput:$,disabled:N,className:U,cellStyles:W,cellClassName:H="",cellCheckedStyles:f,cellCheckedClassName:q="",enableFormSubmit:K}=l,j=l.CustomIcon,G=v.map((Q,E)=>{let oe=Q,{value:u,label:R,disabled:b,className:Y="",checkedStyles:x,checkedClassName:Z="",freeCSS:O}=oe,L=z(oe,["value","label","disabled","className","checkedStyles","checkedClassName","freeCSS"]),g=F(),w=i.rawValue.findIndex(r=>r===u\|\|p.is.equal(r,u))!=-1,y=o(o({},W),L),D=[T("Label"),H,Y];w&&(y=m(o(o(o({},y),f),x),{freeCSS:o(o(o({},y==null?void 0:y.freeCSS),f==null?void 0:f.freeCSS),x==null?void 0:x.freeCSS)}),D=[...D,q,Z]);const ee=()=>{if(N\|\|b)return;let r=[];if(n=="radio")r=[u];else if(n=="checkbox"\|\|J)if(!w)r=[...i.rawValue,u];else{let d=[...i.rawValue];d.splice(i.rawValue.findIndex(_=>_==u),1),r=d}e(d=>m(o({},d),{rawValue:r,eventType:"update",eventID:F(12),isInspected:!1}))};let te=[a(ce,{position:"relative",freeCSS:{zIndex:2},flexSizing:0,children:p.is.string(R)?a(I,{children:R}):R},"content")];return c&&te[l.iconPosition=="right"?"push":"unshift"](a(j,{isChecked:w,iconSize:S,iconColor:V,toggle:ee},"icon")),[a(I,{htmlTag:"input",type:n=="radio"?"radio":"checkbox",className:T("Input"),name:"RadioCheckbox-"+P,"data-list-index":s+"-"+E,id:g,value:String(u),disabled:N\|\|b,checked:w,onFocus:r=>{b\|\|n=="radio"&&(i.rawValue.length\|\|e(d=>m(o({},d),{rawValue:[u],eventType:"update",eventID:F(12),isInspected:!1})))},onChange:()=>{ee()},onKeyDown:r=>{let{key:d,shiftKey:_}=r;if((n=="checkbox"\|\|t.rootStates.isChecker)&&d!="Tab"){if(d.match(/Arrow/)){r.preventDefault();let le=p.is.oneOf(d,"ArrowLeft","ArrowUp")?-1:1,k=E+le;k<0?k=v.length-1:k>=v.length&&(k=0),ae(`input[data-list-index="${s}-${k}"]`).focus()}}K&&B.SubmitForm(r,X)},tabIndex:A},"List-"+p.Stringify(u)),a(I,m(o({htmlTag:"label","data-disabled":N\|\|b,htmlFor:g,className:D.join(" "),tabIndex:-1,display:"flex",verticalAlign:"center",flexWrap:!1},y),{children:te}),"ListTrigger-"+p.Stringify(u))]});return a(se,{flexSizing:"auto",style:l.style,freeCSS:o({},l.freeCSS),className:[U,T("CellBase"),T("HideInput_"+$),T("IconIndicator_"+!!c),T("Tone_"+C)].join(" "),children:G})},_Icon:t=>{let l=1.5;return t.iconSize=="small"?l=1.2:t.iconSize=="large"&&(l=2),a(ue.Normal,{ssPushable:!0,color:"cloud",tabIndex:-1,ssEffectsOnActive:"ripple.cloud",ssSphere:2,freeCSS:{transform:`scale(${l})`},onClick:i=>{i.preventDefault(),i.stopPropagation(),t.toggle()},children:t.children})},RadioIcon:t=>a(h._Icon,m(o({type:"radio"},t),{children:a(I,{flexCenter:!0,isRounded:!0,border:t.isChecked?"0.trans":"3.thick",borderColor:t.isChecked?t.iconColor:"3.thick",position:"relative",transition:"middle",freeCSS:{width:"50%",height:"50%"},children:a(I,{position:"absolute",transition:"middle",isRounded:!0,backgroundColor:t.iconColor,opacity:t.isChecked?"max":"trans",freeCSS:{width:"60%",height:"60%",transform:t.isChecked?"scale(1)":"scale(.4)"}})})})),CheckboxIcon:t=>a(h._Icon,m(o({type:"checkbox"},t),{children:a(I,{flexCenter:!0,boxShadow:t.isChecked?"0.remark":"none",border:t.isChecked?"0.trans":"3.thick",backgroundColor:t.isChecked?t.iconColor:"trans",position:"relative",transition:"middle",fontColor:"white",freeCSS:{borderRadius:"25%",padding:"4%",width:"50%",height:"50%"},children:a(re.Check,{transition:"middle",opacity:t.isChecked?"max":"trans",freeCSS:{zIndex:8,width:"100%",height:"100%",transform:t.isChecked?"scale(1)":"scale(.5)"}})})}))},M=t=>{t=t\|\|"checkbox";const l=e=>(e=m(o({gap:1,icon:!0,iconSize:"regular",iconType:t=="radio"?"radio":"checkbox",iconPosition:"left",iconColor:"theme"},e),{type:t,cellStyles:o({gap:"1/6",position:"relative",borderRadius:"2.tone.secondary",transition:"middle"},e.cellStyles)}),e.CustomIcon\|\|(e.iconType=="radio"?e.CustomIcon=h.RadioIcon:e.iconType=="checkbox"&&(e.CustomIcon=h.CheckboxIcon)),e.iconSize=="small"?e.cellStyles.gap=0:e.iconSize=="large"&&(e.cellStyles.gap="1/2"),e.tone=="normal"?(e.cellStyles=o({padding:["1/4",1],border:"1.thin",backgroundColor:"layer.1"},e.cellStyles),e.cellCheckedStyles=o({borderColor:"theme",fontColor:"theme",boxShadow:"1.normal"},e.cellCheckedStyles)):e.tone=="border"?(e.cellStyles=o({border:"1.thin",backgroundColor:"layer.1",padding:["1/2",1,"1/2","1/2"]},e.cellStyles),e.cellCheckedStyles=o({borderColor:"theme",fontColor:"theme"},e.cellCheckedStyles)):e.tone=="cloud"&&(e.cellStyles=o({border:"1.thin",backgroundColor:"layer.2",padding:["1/2",1,"1/2","1/2"]},e.cellStyles),e.cellCheckedStyles=o({backgroundColor:"cloud",fontColor:"theme"},e.cellCheckedStyles)),e=ne(e),e.options=h.InitOptions(e.options),a(de,{componentId:e.componentId,children:h.OptionalListWrapper,states:e})),i=l;return i.Normal=e=>a(l,o({type:t,tone:"normal",icon:!1},e)),i.Border=e=>a(l,o({type:t,tone:"border"},e)),i.Cloud=e=>a(l,o({type:t,tone:"cloud"},e)),i.Vivid=e=>a(l,o({type:t,tone:"normal",icon:!1,cellCheckedStyles:{backgroundColor:"theme",fontColor:"white"}},e)),i.Simple=e=>a(l,o({type:t,tone:"plain",icon:!1,cellCheckedStyles:{fontColor:"theme"}},e)),i},Ce=M("radio"),he=M("checkbox"),Se=M();export{he as Checkbox,Se as List,Ce as Radio};

package/dist/fn/Input/Slider.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{b as g,c as y,d as N,e as F}from"../../chunk-C5N2D3ZX.js";import{Fragment as Z,jsx as u,jsxs as M}from"react/jsx-runtime";import h,{UUID as V}from"jmini";import{useState as W,useEffect as O}from"react";import{$$fromRoot as _,GenerateHTMLProps as K}from"../../@utils";import{Box as b,Flex as $,Column as z}from"../../atoms";import{Literal as P}from"../../mols";import{Button as q}from"../Button";import{OptionalInputWrapper as Y,BoxWrapper as G,CoreEffects as X}from"./core";import{InputSliderClasses as C}from"../../@styles/componentClasses";function j(e){let{value:s,states:t}=e,{required:a}=t,n=[],[l,o]=h.~~flatArray~~(s);return a&&!l&&!o&&n.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!n.filter(({type:m})=>m=="invalid").length,notice:n}}const c={normalize:e=>{let{min:s,max:t,step:a,value:n}=e;n=Math.max(n,s),n=Math.min(n,t);let l=Math.round(n/a)a;return{value:l,offsetLeft:Math.min(l/t,1)100}},Effects:{Start:(e,s)=>{let t=h.getCursor(e).x,{val_status:a}=s,{componentId:n}=a,l=_("#"+n+"_Bar"),{width:o,left:m}=l.position(),d=(t-m)/o;d=Math.max(d,0),d=Math.min(d,1);let i=da.max;h(document).addEvent({eventID:"SliderMouseMove",eventType:"mousemove",callback:f=>{c.Effects.Move(f,s,i)},options:{passive:!1}}).addEvent({eventID:"SliderTouchMove",eventType:"touchmove",callback:f=>{c.Effects.Move(f,s,i)},options:{passive:!1}}).addEvent({eventID:"SliderMouseUp",eventType:"mouseup",callback:()=>{c.Effects.End()}}).addEvent({eventID:"SliderTouchEnd",eventType:"touchend",callback:()=>{c.Effects.End()}})},Move:(e,s,t)=>{let a=h.getCursor(e).x,{val_status:n}=s,{componentId:l}=n,o=_("#"+l+"_Bar"),{width:m,left:d}=o.position(),i=(a-d)/m;i=Math.max(i,0),i=Math.min(i,1);let f=in.max,r=c.normalize({min:n.min,max:n.max,step:n.step,value:f}).value,S=Math.round(f-t);return s.onChange(r,S),e.preventDefault(),e.stopPropagation(),!1},End:()=>{h(document).removeEvent(["SliderMouseMove","SliderTouchMove","SliderMouseUp","SliderTouchEnd"])}},Rail:e=>{let{rootStates:s,val_status:t,set_status:a}=e,{componentId:n}=t,l=2;s.size=="small"?l=1.5:s.size=="large"&&(l=2.5);let o=[c.normalize({min:t.min,max:t.max,step:t.step,value:t.safeValue[0]}),c.normalize({min:t.min,max:t.max,step:t.step,value:t.safeValue[1]\|\|0})];const m=(d,i)=>{let{min:f,max:v,step:r}=t;d=Math.max(Math.min(d,v),f),a(S=>{let p=g({},S);return p.safeValue[i]==d?p:(p.safeValue[i]=d,t.ranged&&p.safeValue[0]>p.safeValue[1]&&(p.safeValue=[p.safeValue[1],p.safeValue[0]]),y(g({},p),{rawValue:p.ranged?p.safeValue:p.safeValue[0],eventType:"update",eventID:V(12),isInspected:!1}))})};return u(z,{padding:[1,"1/2"],onPointerDown:d=>{e.rootStates.disabled\|\|(d.stopPropagation(),!t.ranged&&c.Effects.Start(d,{val_status:t,onChange:i=>{m(i,0)}}))},children:M(b,{className:C("Bar"),height:0,position:"relative",transition:"middle",flexSizing:"none",id:n+"_Bar",children:[u(b,{position:"absolute",isRounded:!0,backgroundColor:"cloud",freeCSS:{top:-2l,left:-2l,right:-2l,bottom:-2l}}),u(c.Range,{rootStates:s,val_status:t,set_status:a,formatData:o,onUpdateValue:m}),u(c.DiscreteScale,{rootStates:s,val_status:t}),u(c.Edge,{focusIndex:0,rootStates:s,val_status:t,set_status:a,formatData:o[0],onUpdateValue:m}),t.ranged&&u(c.Edge,{focusIndex:1,rootStates:s,val_status:t,set_status:a,formatData:o[1],onUpdateValue:m})]})})},DiscreteScale:e=>{let{rootStates:s,val_status:t}=e;if(!s.discreteScale)return null;let{min:a,max:n,step:l}=t,o=Math.round(a/l),d=Math.round(n/l)-o+1,i=0,f=t.safeValue[0]\|\|0;return t.ranged&&(i=t.safeValue[0]\|\|0,f=t.safeValue[1]\|\|0),u(Z,{children:Array.from({length:d},(v,r)=>r+o).map(v=>{let r=vl;r=Math.max(r,a),r=Math.min(r,n);let S=r/n100+"%",p=h.is.inRange(r,i,f);return u(z,{gap:0,position:"absolute",verticalAlign:"center",horizontalAlign:"center",width:0,height:0,transition:"middle",fontColor:"1.clear",freeCSS:{pointerEvents:"none",top:"50%",left:S,transform:"translateY(-50%)"},children:u(b,{isRounded:!0,backgroundColor:p?"layer.0":"gray",ssSphere:"1/4"})},r)})})},Range:e=>{let{rootStates:s,formatData:t,val_status:a}=e,n=2;return s.size=="small"?n=1.5:s.size=="large"&&(n=2.5),M(b,{className:C("Range"),position:"absolute",transition:"middle",freeCSS:g({cursor:"pointer",top:"50%",transform:"translateY(-50%)"},a.ranged?{left:t[0].offsetLeft+"%",width:t[1].offsetLeft-t[0].offsetLeft+"%"}:{left:0,width:(t[0].offsetLeft\|\|0)+"%"}),onPointerDown:l=>{if(!e.rootStates.disabled){if(l.stopPropagation(),a.ranged){let[o,m]=a.safeValue;l.stopPropagation(),c.Effects.Start(l,{val_status:a,onChange:(d,i)=>{e.set_status(f=>{let v=f.safeValue,r=g({},f);return r.safeValue=[c.normalize({min:a.min,max:a.max,step:a.step,value:o+i}).value,c.normalize({min:a.min,max:a.max,step:a.step,value:m+i}).value],r.safeValue[0]==v[0]&&r.safeValue[1]==v[1]?y(g({},f),{eventType:"update",eventID:V(12)}):y(g({},r),{rawValue:r.ranged?r.safeValue:r.safeValue[0],eventType:"update",eventID:V(12),isInspected:!1})})}});return}c.Effects.Start(l,{val_status:a,onChange:o=>{e.onUpdateValue(o,0)}})}},children:[u(b,{className:C("Field"),transition:"middle",position:"absolute",isRounded:!0,backgroundColor:s.color,freeCSS:{top:-6n,bottom:-6n,left:-6n,right:-6n}}),u(b,{className:C("Child"),transition:"middle",position:"absolute",isRounded:!0,backgroundColor:s.color,freeCSS:{pointerEvents:"none",top:-2n,left:-2n,right:-2n,bottom:-2n}})]})},Edge:e=>{let{formatData:s,rootStates:t,val_status:a,set_status:n}=e,l=2;return t.size=="small"?l=1.5:t.size=="large"&&(l=2.5),M(q.Plain,{className:C("Edge"),position:"absolute",transition:"middle",height:0,width:0,flexCenter:!0,freeCSS:{left:s.offsetLeft+"%"},onPointerDown:o=>{e.rootStates.disabled\|\|e.focusIndex==1&&!a.ranged\|\|(o.stopPropagation(),c.Effects.Start(o,{val_status:a,onChange:m=>{e.onUpdateValue(m,e.focusIndex)}}))},onKeyDown:o=>{t.enableFormSubmit&&X.SubmitForm(o,t.form);let{min:m,max:d,step:i}=a,{key:f,metaKey:v,ctrlKey:r}=o,S=r\|\|v,p=a.safeValue[e.focusIndex];if(!f.match(/Arrow/))return;o.preventDefault(),f.match(/Left\|Up/)?S?p=m:p-=i:f.match(/Right\|Down/)&&(S?p=d:p+=i);let E=c.normalize({min:a.min,max:a.max,step:a.step,value:p});e.onUpdateValue(E.value,e.focusIndex)},onFocus:o=>{n(m=>y(g({},m),{eventID:V(12),isFocusing:!0}))},onBlur:o=>{n(m=>y(g({},m),{eventID:V(12),isFocusing:!1}))},children:[u(b,{className:C("EdgeChild"),transition:"middle",position:"absolute",backgroundColor:t.color,isRounded:!0,opacity:"trans",freeCSS:{pointerEvents:"all",top:-12l,bottom:-12l,left:-12l,right:-12l}}),u(b,{transition:"long",boxShadow:"1.remark",fontSize:"0.xs",backgroundColor:!a.ranged\|\|e.focusIndex==1?t.color:"layer.0",ssSphere:l,freeCSS:{pointerEvents:"all"}})]})},Legends:e=>{var v;let{val_status:s,rootStates:t}=e,{min:a,max:n,step:l}=s,[o]=W(V()),m=(v=t.legends)!=null?v:!0,d=Math.round(a/l),i=Math.round(n/l),f=i-d+1;return O(()=>{if(!m)return;const r=()=>F(void 0,null,function(){yield h.pending(100);let S=_("#"+o),p=_("#"+o+"-"+a),E=S.position().width-p.position().left,w=124,k=Math.round(E/w),B=Math.max(1,Math.floor(f/k));for(let x=d;x<=i;x++){let L=xl,A=x==d\|\|x==i\|\|x%B==0;_("#"+o+"-"+L).css({display:A?"flex":"none"})}});return h(window).addEvent({eventID:"SliderResizeCB-"+o,eventType:"resize",callback:r}),r(),()=>{h(window).removeEvent("SliderResizeCB-"+o)}},[]),m?M($,{fontSize:"0.xs",position:"relative",padding:[0,"1/2"],id:o,freeCSS:{pointerEvents:"none",userSelect:"none"},children:[M(z,{gap:0,unitWidth:0,opacity:"trans",children:[u(b,{unitHeight:"1/2"}),u(P.Supplement,{fontHeight:1.2,children:"A"})]}),Array.from({length:f},(r,S)=>S+d).map(r=>{let S=rl;S=Math.max(S,a),S=Math.min(S,n);let p=S/n*100+"%";return M(z,{gap:0,id:o+"-"+S,className:C("Legend"),position:"relative",verticalAlign:"center",unitWidth:0,display:"none",transition:"middle",fontColor:"1.clear",textAlign:"center",freeCSS:{left:p,whiteSpace:"nowrap"},children:[u(b,{isRounded:!0,backgroundColor:"mono.positive",opacity:"low",unitWidth:"1/12",unitHeight:"1/2"}),u(P.Supplement,{fontHeight:1.2,fontSize:"0.xs",children:t.onLegendRender?t.onLegendRender(S):S.rank()})]},S)})]}):null},index:e=>{let U=e,{color:s="theme",required:t,form:a="",discreteScale:n,size:l,ranged:o,legends:m,onLegendRender:d,min:i,max:f,step:v,enableFormSubmit:r,checkValidationAtFirst:S,onValidate:p,onValidateDelay:E,onUpdateValue:w,onUpdateValidValue:k,onUserAction:B,value:x=0,className:L,wrapStyles:A}=U,J=N(U,["color","required","form","discreteScale","size","ranged","legends","onLegendRender","min","max","step","enableFormSubmit","checkValidationAtFirst","onValidate","onValidateDelay","onUpdateValue","onUpdateValidValue","onUserAction","value","className","wrapStyles"]),[D,T]=W({componentId:e.componentId\|\|"",rawValue:x,safeValue:h.~~flatArray~~(x),ranged:!!o,min:i,max:f,step:v,eventType:"init",eventID:V(12)});return X.CommonEffects({type:"slider",states:e,val_status:D,set_status:T,SystemValidation:j,ExtraOverrideStates:H=>({safeValue:h.~~flatArray~~(H)})}),u(G,{val_status:D,set_status:T,states:e,children:M(z,y(g({gap:0,padding:[0,"1/2"],flexSizing:"auto"},J),{className:[L,C("Wrap")].join(" "),children:[u(c.Rail,{rootStates:e,val_status:D,set_status:T}),u(c.Legends,{rootStates:e,val_status:D})]}))})}},R=e=>{let s=y(g({color:"theme",size:"medium",discreteScale:!0},e),{freeCSS:g({minWidth:120},e.freeCSS)});return u(Y,{componentId:e.componentId,children:c.index,states:K(s)})},I=R;I.Small=e=>u(R,g({size:"small"},e)),I.Medium=e=>u(R,g({size:"medium"},e)),I.Large=e=>u(R,g({size:"large"},e));const Q=e=>u(R,g({ranged:!0},e));I.Range=Q,I.Range.Small=e=>u(R,g({ranged:!0,size:"small"},e)),I.Range.Medium=e=>u(R,g({ranged:!0,size:"medium"},e)),I.Range.Large=e=>u(R,g({ranged:!0,size:"large"},e));export{I as Slider,I as default};
1	+ import{b as g,c as y,d as N,e as F}from"../../chunk-C5N2D3ZX.js";import{Fragment as Z,jsx as u,jsxs as M}from"react/jsx-runtime";import h,{UUID as V}from"jmini";import{useState as W,useEffect as O}from"react";import{$$fromRoot as _,GenerateHTMLProps as K}from"../../@utils";import{Box as b,Flex as $,Column as z}from"../../atoms";import{Literal as P}from"../../mols";import{Button as q}from"../Button";import{OptionalInputWrapper as Y,BoxWrapper as G,CoreEffects as X}from"./core";import{InputSliderClasses as C}from"../../@styles/componentClasses";function j(e){let{value:s,states:t}=e,{required:a}=t,n=[],[l,o]=h.Arrayify(s);return a&&!l&&!o&&n.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!n.filter(({type:m})=>m=="invalid").length,notice:n}}const c={normalize:e=>{let{min:s,max:t,step:a,value:n}=e;n=Math.max(n,s),n=Math.min(n,t);let l=Math.round(n/a)a;return{value:l,offsetLeft:Math.min(l/t,1)100}},Effects:{Start:(e,s)=>{let t=h.getCursor(e).x,{val_status:a}=s,{componentId:n}=a,l=_("#"+n+"_Bar"),{width:o,left:m}=l.position(),d=(t-m)/o;d=Math.max(d,0),d=Math.min(d,1);let i=da.max;h(document).addEvent({eventID:"SliderMouseMove",eventType:"mousemove",callback:f=>{c.Effects.Move(f,s,i)},options:{passive:!1}}).addEvent({eventID:"SliderTouchMove",eventType:"touchmove",callback:f=>{c.Effects.Move(f,s,i)},options:{passive:!1}}).addEvent({eventID:"SliderMouseUp",eventType:"mouseup",callback:()=>{c.Effects.End()}}).addEvent({eventID:"SliderTouchEnd",eventType:"touchend",callback:()=>{c.Effects.End()}})},Move:(e,s,t)=>{let a=h.getCursor(e).x,{val_status:n}=s,{componentId:l}=n,o=_("#"+l+"_Bar"),{width:m,left:d}=o.position(),i=(a-d)/m;i=Math.max(i,0),i=Math.min(i,1);let f=in.max,r=c.normalize({min:n.min,max:n.max,step:n.step,value:f}).value,S=Math.round(f-t);return s.onChange(r,S),e.preventDefault(),e.stopPropagation(),!1},End:()=>{h(document).removeEvent(["SliderMouseMove","SliderTouchMove","SliderMouseUp","SliderTouchEnd"])}},Rail:e=>{let{rootStates:s,val_status:t,set_status:a}=e,{componentId:n}=t,l=2;s.size=="small"?l=1.5:s.size=="large"&&(l=2.5);let o=[c.normalize({min:t.min,max:t.max,step:t.step,value:t.safeValue[0]}),c.normalize({min:t.min,max:t.max,step:t.step,value:t.safeValue[1]\|\|0})];const m=(d,i)=>{let{min:f,max:v,step:r}=t;d=Math.max(Math.min(d,v),f),a(S=>{let p=g({},S);return p.safeValue[i]==d?p:(p.safeValue[i]=d,t.ranged&&p.safeValue[0]>p.safeValue[1]&&(p.safeValue=[p.safeValue[1],p.safeValue[0]]),y(g({},p),{rawValue:p.ranged?p.safeValue:p.safeValue[0],eventType:"update",eventID:V(12),isInspected:!1}))})};return u(z,{padding:[1,"1/2"],onPointerDown:d=>{e.rootStates.disabled\|\|(d.stopPropagation(),!t.ranged&&c.Effects.Start(d,{val_status:t,onChange:i=>{m(i,0)}}))},children:M(b,{className:C("Bar"),height:0,position:"relative",transition:"middle",flexSizing:"none",id:n+"_Bar",children:[u(b,{position:"absolute",isRounded:!0,backgroundColor:"cloud",freeCSS:{top:-2l,left:-2l,right:-2l,bottom:-2l}}),u(c.Range,{rootStates:s,val_status:t,set_status:a,formatData:o,onUpdateValue:m}),u(c.DiscreteScale,{rootStates:s,val_status:t}),u(c.Edge,{focusIndex:0,rootStates:s,val_status:t,set_status:a,formatData:o[0],onUpdateValue:m}),t.ranged&&u(c.Edge,{focusIndex:1,rootStates:s,val_status:t,set_status:a,formatData:o[1],onUpdateValue:m})]})})},DiscreteScale:e=>{let{rootStates:s,val_status:t}=e;if(!s.discreteScale)return null;let{min:a,max:n,step:l}=t,o=Math.round(a/l),d=Math.round(n/l)-o+1,i=0,f=t.safeValue[0]\|\|0;return t.ranged&&(i=t.safeValue[0]\|\|0,f=t.safeValue[1]\|\|0),u(Z,{children:Array.from({length:d},(v,r)=>r+o).map(v=>{let r=vl;r=Math.max(r,a),r=Math.min(r,n);let S=r/n100+"%",p=h.is.inRange(r,i,f);return u(z,{gap:0,position:"absolute",verticalAlign:"center",horizontalAlign:"center",width:0,height:0,transition:"middle",fontColor:"1.clear",freeCSS:{pointerEvents:"none",top:"50%",left:S,transform:"translateY(-50%)"},children:u(b,{isRounded:!0,backgroundColor:p?"layer.0":"gray",ssSphere:"1/4"})},r)})})},Range:e=>{let{rootStates:s,formatData:t,val_status:a}=e,n=2;return s.size=="small"?n=1.5:s.size=="large"&&(n=2.5),M(b,{className:C("Range"),position:"absolute",transition:"middle",freeCSS:g({cursor:"pointer",top:"50%",transform:"translateY(-50%)"},a.ranged?{left:t[0].offsetLeft+"%",width:t[1].offsetLeft-t[0].offsetLeft+"%"}:{left:0,width:(t[0].offsetLeft\|\|0)+"%"}),onPointerDown:l=>{if(!e.rootStates.disabled){if(l.stopPropagation(),a.ranged){let[o,m]=a.safeValue;l.stopPropagation(),c.Effects.Start(l,{val_status:a,onChange:(d,i)=>{e.set_status(f=>{let v=f.safeValue,r=g({},f);return r.safeValue=[c.normalize({min:a.min,max:a.max,step:a.step,value:o+i}).value,c.normalize({min:a.min,max:a.max,step:a.step,value:m+i}).value],r.safeValue[0]==v[0]&&r.safeValue[1]==v[1]?y(g({},f),{eventType:"update",eventID:V(12)}):y(g({},r),{rawValue:r.ranged?r.safeValue:r.safeValue[0],eventType:"update",eventID:V(12),isInspected:!1})})}});return}c.Effects.Start(l,{val_status:a,onChange:o=>{e.onUpdateValue(o,0)}})}},children:[u(b,{className:C("Field"),transition:"middle",position:"absolute",isRounded:!0,backgroundColor:s.color,freeCSS:{top:-6n,bottom:-6n,left:-6n,right:-6n}}),u(b,{className:C("Child"),transition:"middle",position:"absolute",isRounded:!0,backgroundColor:s.color,freeCSS:{pointerEvents:"none",top:-2n,left:-2n,right:-2n,bottom:-2n}})]})},Edge:e=>{let{formatData:s,rootStates:t,val_status:a,set_status:n}=e,l=2;return t.size=="small"?l=1.5:t.size=="large"&&(l=2.5),M(q.Plain,{className:C("Edge"),position:"absolute",transition:"middle",height:0,width:0,flexCenter:!0,freeCSS:{left:s.offsetLeft+"%"},onPointerDown:o=>{e.rootStates.disabled\|\|e.focusIndex==1&&!a.ranged\|\|(o.stopPropagation(),c.Effects.Start(o,{val_status:a,onChange:m=>{e.onUpdateValue(m,e.focusIndex)}}))},onKeyDown:o=>{t.enableFormSubmit&&X.SubmitForm(o,t.form);let{min:m,max:d,step:i}=a,{key:f,metaKey:v,ctrlKey:r}=o,S=r\|\|v,p=a.safeValue[e.focusIndex];if(!f.match(/Arrow/))return;o.preventDefault(),f.match(/Left\|Up/)?S?p=m:p-=i:f.match(/Right\|Down/)&&(S?p=d:p+=i);let E=c.normalize({min:a.min,max:a.max,step:a.step,value:p});e.onUpdateValue(E.value,e.focusIndex)},onFocus:o=>{n(m=>y(g({},m),{eventID:V(12),isFocusing:!0}))},onBlur:o=>{n(m=>y(g({},m),{eventID:V(12),isFocusing:!1}))},children:[u(b,{className:C("EdgeChild"),transition:"middle",position:"absolute",backgroundColor:t.color,isRounded:!0,opacity:"trans",freeCSS:{pointerEvents:"all",top:-12l,bottom:-12l,left:-12l,right:-12l}}),u(b,{transition:"long",boxShadow:"1.remark",fontSize:"0.xs",backgroundColor:!a.ranged\|\|e.focusIndex==1?t.color:"layer.0",ssSphere:l,freeCSS:{pointerEvents:"all"}})]})},Legends:e=>{var v;let{val_status:s,rootStates:t}=e,{min:a,max:n,step:l}=s,[o]=W(V()),m=(v=t.legends)!=null?v:!0,d=Math.round(a/l),i=Math.round(n/l),f=i-d+1;return O(()=>{if(!m)return;const r=()=>F(void 0,null,function(){yield h.pending(100);let S=_("#"+o),p=_("#"+o+"-"+a),E=S.position().width-p.position().left,w=124,k=Math.round(E/w),B=Math.max(1,Math.floor(f/k));for(let x=d;x<=i;x++){let L=xl,A=x==d\|\|x==i\|\|x%B==0;_("#"+o+"-"+L).css({display:A?"flex":"none"})}});return h(window).addEvent({eventID:"SliderResizeCB-"+o,eventType:"resize",callback:r}),r(),()=>{h(window).removeEvent("SliderResizeCB-"+o)}},[]),m?M($,{fontSize:"0.xs",position:"relative",padding:[0,"1/2"],id:o,freeCSS:{pointerEvents:"none",userSelect:"none"},children:[M(z,{gap:0,unitWidth:0,opacity:"trans",children:[u(b,{unitHeight:"1/2"}),u(P.Supplement,{fontHeight:1.2,children:"A"})]}),Array.from({length:f},(r,S)=>S+d).map(r=>{let S=rl;S=Math.max(S,a),S=Math.min(S,n);let p=S/n*100+"%";return M(z,{gap:0,id:o+"-"+S,className:C("Legend"),position:"relative",verticalAlign:"center",unitWidth:0,display:"none",transition:"middle",fontColor:"1.clear",textAlign:"center",freeCSS:{left:p,whiteSpace:"nowrap"},children:[u(b,{isRounded:!0,backgroundColor:"mono.positive",opacity:"low",unitWidth:"1/12",unitHeight:"1/2"}),u(P.Supplement,{fontHeight:1.2,fontSize:"0.xs",children:t.onLegendRender?t.onLegendRender(S):S.rank()})]},S)})]}):null},index:e=>{let U=e,{color:s="theme",required:t,form:a="",discreteScale:n,size:l,ranged:o,legends:m,onLegendRender:d,min:i,max:f,step:v,enableFormSubmit:r,checkValidationAtFirst:S,onValidate:p,onValidateDelay:E,onUpdateValue:w,onUpdateValidValue:k,onUserAction:B,value:x=0,className:L,wrapStyles:A}=U,J=N(U,["color","required","form","discreteScale","size","ranged","legends","onLegendRender","min","max","step","enableFormSubmit","checkValidationAtFirst","onValidate","onValidateDelay","onUpdateValue","onUpdateValidValue","onUserAction","value","className","wrapStyles"]),[D,T]=W({componentId:e.componentId\|\|"",rawValue:x,safeValue:h.Arrayify(x),ranged:!!o,min:i,max:f,step:v,eventType:"init",eventID:V(12)});return X.CommonEffects({type:"slider",states:e,val_status:D,set_status:T,SystemValidation:j,ExtraOverrideStates:H=>({safeValue:h.Arrayify(H)})}),u(G,{val_status:D,set_status:T,states:e,children:M(z,y(g({gap:0,padding:[0,"1/2"],flexSizing:"auto"},J),{className:[L,C("Wrap")].join(" "),children:[u(c.Rail,{rootStates:e,val_status:D,set_status:T}),u(c.Legends,{rootStates:e,val_status:D})]}))})}},R=e=>{let s=y(g({color:"theme",size:"medium",discreteScale:!0},e),{freeCSS:g({minWidth:120},e.freeCSS)});return u(Y,{componentId:e.componentId,children:c.index,states:K(s)})},I=R;I.Small=e=>u(R,g({size:"small"},e)),I.Medium=e=>u(R,g({size:"medium"},e)),I.Large=e=>u(R,g({size:"large"},e));const Q=e=>u(R,g({ranged:!0},e));I.Range=Q,I.Range.Small=e=>u(R,g({ranged:!0,size:"small"},e)),I.Range.Medium=e=>u(R,g({ranged:!0,size:"medium"},e)),I.Range.Large=e=>u(R,g({ranged:!0,size:"large"},e));export{I as Slider,I as default};

package/dist/fn/Input/Time/Selector.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{b as c,c as S}from"../../../chunk-C5N2D3ZX.js";import{Fragment as A,jsx as e,jsxs as d}from"react/jsx-runtime";import T,{UUID as $,Time as m}from"jmini";import{useState as P,useEffect as w}from"react";import{Box as x,Grid as O,FAI as B,Column as F,FlexMargin as D}from"../../../atoms";import{Row as b,Literal as y}from"../../../mols";import{Button as k}from"../../Button";import I from"../../Sheet";import _ from"../Select";import{LeftIcon as J,RightIcon as N}from"..";import{InputTimeClasses as V}from"../../../@styles/componentClasses";import L from"../Drum";const X=t=>{let{restrict:i}=t;return i=="year"?e(h.Year,c({},t)):i=="month"?e(h.Month.index,c({},t)):i=="week"?"[DEV]":i=="date"?e(h.Date.index,c({},t)):i=="locale.jp.warekiDate"?e(h.Locale.JP.WarekiDate.index,c({},t)):i=="clock"?e(h.Clock.index,c({},t)):i=="period.clock"?e(h.Period.Clock.index,c({},t)):i=="period.month"?e(h.Period.Month.index,c({},t)):i=="period.date"?e(h.Period.Date.index,c({},t)):null},h={YearOptions:t=>{var s,o,l;let i=[],v=(s=t==null?void 0:t.min)!=null?s:1900,r=(o=t==null?void 0:t.max)!=null?o:m().addYear(10).year;for(let n=v;n<=r;n++){let a=[n],[f,u]=T.transformer.wareki(n).value;((l=t.showJPWareki)==null\|\|l)&&(f&&a.push(e(y.Supplement,{fontSize:"0.xs",fontColor:"4.thin",children:f},1)),u&&a.push(d(y.Supplement,{fontSize:"0.xs",fontColor:"4.thin",children:["[",u,"]"]},2))),i[t.reverse?"unshift":"push"]({value:n,label:e(b.Center,{gap:["1/12","1/4"],verticalAlign:"baseline",flexWrap:!0,children:a})})}return i},calendartypeState:()=>{let[t,i]=P(localStorage.getItem("@env/input/time/selector/calendartype")\|\|"calendar");return w(()=>{localStorage.setItem("@env/input/time/selector/calendartype",String(t))},[t]),[t,i]},Year:t=>{let{min:i,max:v}=t,[r,s]=P(T.scope(()=>{let[o]=String(t.defaultValue).split(/\D/);return{eventType:"init",from:m().setYear(Number(o\|\|m().year))}}));return w(()=>{t.onValueUpdate({value:String(r.from.year\|\|null),era:"year",eventType:r.eventType})},[r]),d(F,{freeCSS:{minWidth:1216},children:[d(b.Left,{flexWrap:!0,children:[d(y.Paragraph,{children:[r.from.year\|\|"----","\u5E74"]}),e(k.Border.XS,{fontColor:"theme",borderRadius:"2.tone.secondary",onClick:()=>{let o=m();s({eventType:"update",from:o})},children:"\u4ECA\u5E74"}),e(D,{})]}),e(x,{borderTop:!0}),e(L,{override:"force",value:r.from.year\|\|null,options:h.YearOptions({min:Number(i)\|\|void 0,max:Number(v)\|\|void 0}),onUpdateValidValue:o=>{s(l=>({eventType:"update",from:l.from.clone().setYear(Number(o))}))}}),e(h.Parts.FooterNav,S(c({},t),{set_value:s,onClear:()=>{s(o=>({eventType:"update",from:m(null)}))}}))]})},Month:{index:t=>{let{min:i,max:v}=t,[r,s]=P(T.scope(()=>{let[o,l]=String(t.defaultValue).split(/\D/);(T.is.nullish(o)\|\|T.is.nullish(l))&&([o,l]=m().toFormat("%Y-%M").split("-"));let n=m(),a=m().setYear(Number(o)\|\|n.year).setMonth(Number(l)\|\|n.month).setDate(1);return{eventType:"init",from:a,display:a}}));return w(()=>{t.onValueUpdate({value:r.from.toFormatYM(),era:"year",eventType:r.eventType})},[r]),d(F,{freeCSS:{minWidth:1216},children:[d(b.Left,{gap:"1/2",children:[e(y.Paragraph,{children:r.from.toFormatYM("JP")\|\|"----/--"}),e(k.Border.XS,{fontColor:"theme",borderRadius:"2.tone.secondary",onClick:()=>{let o=m();s({eventType:"update",from:o,display:o})},children:"\u4ECA\u6708"}),e(D,{})]}),e(x,{borderTop:!0}),e(h.Parts.DrumSelector,{type:"month",min:i,max:v,value:r.from,onChange:o=>{s(S(c({},r),{eventType:"update",from:o}))}}),e(h.Parts.FooterNav,S(c({},t),{set_value:s,onClear:()=>{s(o=>S(c({},o),{eventType:"commit",from:m(null)}))}}))]})}},Date:{index:t=>{let{min:i,max:v}=t,[r,s]=h.calendartypeState(),[o,l]=P(T.scope(()=>{var g;let[n,a,f]=(g=String(t.defaultValue))==null?void 0:g.split(/\D/);(T.is.nullish(n)\|\|T.is.nullish(a)\|\|T.is.nullish(f))&&([n,a,f]=m().toFormat("%Y-%M-%D").split("-"));let u=m(),p=m([Number(n)\|\|u.year,(Number(a)\|\|u.month).zeroEmbed(2),(Number(f)\|\|u.date).zeroEmbed(2)].join("/"));return{eventType:"init",era:"year",display:p,from:p}}));return w(()=>{t.onValueUpdate({value:o.from.toFormatYMD(),era:"year",eventType:o.eventType})},[o]),d(F,{freeCSS:{minWidth:1216},children:[d(b.Left,{flexWrap:!0,gap:"1/2",children:[e(y.Paragraph,{children:o.from.toFormatYMD("JP")\|\|"----/--/--"}),e(k.Border.XS,{fontColor:"theme",borderRadius:"2.tone.secondary",onClick:()=>{let n=m();l({eventType:"update",era:"year",from:n,display:n})},children:"\u4ECA\u65E5"}),e(D,{}),d(k.Border.S,{padding:["1/6","1/2"],fontColor:"3.blur",fontSize:"0.xs",onClick:()=>{s(n=>n=="calendar"?"drum":"calendar")},children:[r=="calendar"&&"\u30C9\u30E9\u30E0",r=="drum"&&"\u30AB\u30EC\u30F3\u30C0\u30FC","\u8868\u793A"]})]}),e(x,{borderTop:!0}),r=="calendar"&&d(A,{children:[d(b.Center,{gap:"1/2",children:[e(_,{override:"force",emptySelect:!1,value:o.display.year,options:h.YearOptions({reverse:!0}),fontSize:"1.mini",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,pickerStyles:{freeCSS:{minWidth:1212}},onUpdateValidValue:n=>{l(a=>S(c({},a),{eventType:"update",display:a.display.clone().setYear(Number(n))}))},rightIcon:e(N,{right:"2/3",children:e(B.AngleDown,{})})}),e(_,{override:"force",emptySelect:!1,value:o.display.month,options:(()=>{let n=[];for(let a=1;a<=12;a++)n.push({value:a,label:String(a)+"\u6708"});return n})(),fontSize:"1.mini",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,pickerStyles:{freeCSS:{minWidth:128}},rightIcon:e(N,{right:"2/3",children:e(B.AngleDown,{})}),onUpdateValidValue:n=>{l(a=>S(c({},a),{eventType:"update",display:a.display.clone().setMonth(Number(n))}))}}),e(h.Parts.ShiftButtons,{callback:n=>{l(a=>S(c({},a),{eventType:"update",display:a.display.clone().addMonth(n)}))}})]}),d(F,{children:[e(x,{margin:"auto",freeCSS:{minWidth:"50%"},UnderBreakPointStyles:{margin:0},children:h.Parts.Calendar({min:i,max:v,onTitleRender:n=>"",targetMonth:o.display,from:o.from,onChange:n=>{l(a=>S(c({},a),{eventType:"update",from:n}))}})}),e(x,{unitHeight:"1/4",isRounded:!0,backgroundColor:"cloud",margin:1,ssHiddenOnBreak:!0}),d(b.Center,{verticalAlign:"unset",ssHiddenOnBreak:!0,children:[e(x,{flexSizing:0,children:h.Parts.Calendar({min:i,max:v,onTitleRender:n=>e(y.Supplement,{children:d(b.Center,{gap:"1/2",children:[e(y,{isSemiBoldFont:!0,children:n.toFormatYM("JP")}),e(y,{fontColor:"4.thin",children:"[\u524D\u6708]"})]})}),targetMonth:o.display.clone().addMonth(-1),from:o.from,onChange:n=>{l(a=>S(c({},a),{eventType:"update",from:n}))}})}),e(x,{unitWidth:"1/4",isRounded:!0,backgroundColor:"cloud",margin:1}),e(x,{flexSizing:0,children:h.Parts.Calendar({min:i,max:v,onTitleRender:n=>e(y.Supplement,{children:d(b.Center,{gap:"1/2",children:[e(y,{isSemiBoldFont:!0,children:n.toFormatYM("JP")}),e(y,{fontColor:"4.thin",children:"[\u7FCC\u6708]"})]})}),targetMonth:o.display.clone().addMonth(1),from:o.from,onChange:n=>{l(a=>S(c({},a),{eventType:"update",from:n}))}})})]})]})]}),r=="drum"&&e(h.Parts.DrumSelector,{type:"date",min:i,max:v,value:o.from,onChange:n=>{l(S(c({},o),{eventType:"update",from:n}))}}),e(h.Parts.FooterNav,S(c({},t),{set_value:l,onClear:()=>{l(n=>S(c({},n),{eventType:"commit",from:m(null)}))}}))]})}},Locale:{JP:{WarekiDate:{index:t=>{var l;let{min:i,max:v}=t,[r,s]=P(T.scope(()=>{var C;let[n,a,f]=(C=String(t.defaultValue))==null?void 0:C.split(/\D/),u=t.era\|\|"year";if(T.is.nullish(n)\|\|T.is.nullish(a)\|\|T.is.nullish(f)){let M=m();u=="heisei"?M.setYear(1989):u=="shouwa"?M.setYear(1926):u=="taisho"?M.setYear(1912):u=="meiji"&&M.setYear(1868),[n,a,f]=M.toFormat("%Y-%M-%D").split("-")}let p=m();return{eventType:"init",from:m([Number(n)\|\|p.year,(Number(a)\|\|p.month).zeroEmbed(2),(Number(f)\|\|p.date).zeroEmbed(2)].join("/"))}}));w(()=>{t.onValueUpdate({value:r.from.toFormatYMD(),era:r.from.wareki.toLower(),eventType:r.eventType})},[r]);let o={year:{label:"\u897F\u66A6",min:"1900/01/01",max:"2100/12/31"},reiwa:{label:"\u4EE4\u548C",min:"2019/05/01",max:m().addYear(10).setMonth(12).setDate(31).toFormatYMD()},heisei:{label:"\u5E73\u6210",min:"1989/01/08",max:"2019/04/30"},showa:{label:"\u662D\u548C",min:"1926/12/25",max:"1989/01/07"},taisho:{label:"\u5927\u6B63",min:"1912/07/30",max:"1926/12/24"},meiji:{label:"\u660E\u6CBB",min:"1868/09/08",max:"1912/07/29"}};return d(F,{children:[d(b.Left,{gap:"1/4",flexWrap:!0,children:[d(y.Paragraph,{children:[r.from.warekiLabel,(l=r.from.warekiYear)==null?void 0:l.zeroEmbed(2),"\u5E74",r.from.toFormatMD("JP")]}),e(D,{})]}),e(x,{borderTop:!0}),e(b.Left,{gap:"1/2",flexWrap:!0,children:["reiwa","heisei","showa","taisho","meiji"].map((n,a)=>{let f=o[n];return f?e(k.Border.S,{onClick:()=>{let u=r.from;if(n=="reiwa"\|\|n=="year")u=m();else{let p=m(f.min),g=m(f.max);p.value>r.from.value&&(u=p),r.from.value>g.value&&(u=g)}if(i){let p=m(i);u.value<p.value&&(u=p)}if(v){let p=m(v);p.value<u.value&&(u=p)}s(S(c({},r),{eventType:"update",from:u}))},children:f.label},a):null})}),e(h.Parts.DrumSelector,{type:"locale.jp.warekiDate",min:t.min,max:t.max,value:r.from,onChange:n=>{s(S(c({},r),{eventType:"update",from:n}))}}),e(h.Parts.FooterNav,S(c({},t),{set_value:s,onClear:()=>{s({eventType:"commit",from:m(null)})}}))]})}}}},Clock:{index:t=>{let[i,v]=P(T.scope(()=>{let a=String(t.defaultValue).split(/[^\d]/);if(!a[0]){let p=m();a=[p.hours,p.minutes]}let f=Number(a[0]),u=Number(a[1]);return{eventType:"init",from:m().setHours(f).setMinutes(u)}}));w(()=>{t.onValueUpdate({value:i.from.toFormatHM(),era:"clock",eventType:i.eventType})},[i]);let[r,s]=h.Clock.minutesUnitState(),o=m().setFromFormatHHMM(t.min\|\|"00:00"),l=m().setFromFormatHHMM(t.max\|\|"23:59");const n=(a,f)=>{v(u=>{let p=u.from.clone();return T.is.exist(a)&&p.setHours(a),T.is.exist(f)&&p.setMinutes(f),p.toFormatHM().toNumber()>l.toFormatHM().toNumber()&&(p=l.clone()),p.toFormatHM().toNumber()<o.toFormatHM().toNumber()&&(p=o.clone()),S(c({},u),{eventType:"update",from:p})})};return d(F,{freeCSS:{minWidth:1216},children:[d(b.Left,{gap:"1/2",flexWrap:!0,children:[d(b.Center,{gap:"1/2",children:[e(x,{className:V("ClockBase"),children:e(h.Clock.UI,{val_value:i})}),d(x,{textAlign:"center",fontHeight:1.2,children:[d(y.Paragraph,{children:[i.from.hours.zeroEmbed(2)," : ",i.from.minutes.zeroEmbed(2)]}),d(y.Supplement,{fontColor:"4.thin",children:[i.from.hours>=12&&"PM"\|\|"AM",i.from.hours%12,":",i.from.minutes.zeroEmbed(2)]})]})]}),e(k.Border.XS,{borderRadius:"2.tone.secondary",fontColor:"theme",onClick:()=>{let a=m().setSeconds(0);a.minutes=Math.round(a.minutes/r)r,n(a.hours,a.minutes)},children:"\u73FE\u6642\u523B"}),e(D,{}),e(_,{emptySelect:!1,value:r,paddingLeft:3.5,leftIcon:e(J,{left:"2/3",children:"\u5358\u4F4D"}),pickerPosition:4,pickerStyles:{freeCSS:{minWidth:128}},padding:"1/2",options:[{value:10,label:"10\u5206"},{value:5,label:"5\u5206"},{value:1,label:"1\u5206"}],tabIndex:-1,onUpdateValidValue:a=>{s(a\|\|1)}})]}),e(x,{borderTop:!0}),d(b.Center,{gap:"1/2",children:[e(L,{freeCSS:{maxHeight:1212},override:"force",options:[{value:0,label:"\u5348\u524D"},{value:12,label:"\u5348\u5F8C"}],value:i.from.hours>=12?12:0,onUpdateValidValue:a=>{let f=i.from.hours%12+a;n(f)}}),e(L,{override:"force",value:i.from.hours,options:Array.from({length:24}).map((a,f)=>{let u=f;return o.hours>u\|\|l.hours<u?null:{value:u,label:u.zeroEmbed(2)}}),onUpdateValidValue:a=>{n(a)}}),e(y,{isSemiBoldFont:!0,children:"\u6642"}),e(L,{override:"force",value:i.from.minutes,options:Array.from({length:60}).map((a,f)=>{let u=f;return u!=59&&(r==5&&u%5!=0\|\|r==10&&u%10!=0)?null:{value:u,label:u.zeroEmbed(2)}}),onUpdateValidValue:a=>{n(void 0,a)}},r),e(y,{isSemiBoldFont:!0,children:"\u5206"})]}),e(h.Parts.FooterNav,S(c({},t),{set_value:v,onClear:()=>{v({eventType:"commit",from:m(null)})}}))]})},minutesUnitState:()=>{let[t,i]=P(Number(localStorage.getItem("@env/input/time/selector/clock/minutesUnit")\|\|10));return w(()=>{localStorage.setItem("@env/input/time/selector/clock/minutesUnit",String(t))},[t]),[t,i]},UI:t=>{let{val_value:i}=t;return e(x,{className:V("ClockUiBase"),flexCenter:!0,children:d(x,{className:V("ClockUi"),backgroundColor:"theme.opa.low",isRounded:!0,position:"relative",children:[e(x,{position:"absolute",backgroundColor:"theme",unitWidth:"1/12",className:[V("Needle"),V("hour")].join(" "),freeCSS:{transform:`rotate(${i.from.hours30+i.from.minutes/2}deg)`}}),e(x,{position:"absolute",backgroundColor:"theme",unitWidth:"1/12",className:[V("Needle"),V("minute")].join(" "),freeCSS:{transform:`rotate(${i.from.minutes6}deg)`}})]})})}},Period:{Clock:{index:t=>{let{min:i,max:v}=t,[r,s]=h.Clock.minutesUnitState(),[o,l]=P(T.scope(()=>{let[u,p]=T.flatArray(t.defaultValue),g=m().setFromFormatHHMM(u\|\|"09:00"),C=m().setFromFormatHHMM(p\|\|"18:00");return{eventType:"init",forcus:0,display:g,from:g,to:C}}));w(()=>{if(!o.to.value)return;if(o.from.value>o.to.value){l(p=>S(c({},p),{eventType:"update",from:p.to,to:p.from}));return}t.onValueUpdate({value:[o.from.toFormatHM(),o.to.toFormatHM()],era:"clock",eventType:o.eventType})},[o]);let n=m().setFromFormatHHMM(t.min\|\|"00:00"),a=m().setFromFormatHHMM(t.max\|\|"23:59");const f=(u,p,g)=>{l(C=>{let M=C[u].clone();return T.is.exist(p)&&M.setHours(p),T.is.exist(g)&&M.setMinutes(g),M.toFormatHM().toNumber()>a.toFormatHM().toNumber()&&(M=a.clone()),M.toFormatHM().toNumber()<n.toFormatHM().toNumber()&&(M=n.clone()),S(c({},C),{eventType:"update",[u]:M})})};return d(F,{width:1,freeCSS:{minWidth:1224},children:[d(b.Left,{flexWrap:!0,children:[d(b.Left,{gap:"1/2",children:[e(y.Paragraph,{children:o.from.toFormatHM()\|\|"--:--"}),e(y.Supplement,{children:"-"}),e(y.Paragraph,{children:o.to.toFormatHM()\|\|"--:--"})]}),e(D,{}),e(_,{emptySelect:!1,value:r,paddingLeft:3.5,leftIcon:e(J,{left:"2/3",children:"\u5358\u4F4D"}),pickerPosition:4,pickerStyles:{freeCSS:{minWidth:128}},padding:"1/2",options:[{value:10,label:"10\u5206"},{value:5,label:"5\u5206"},{value:1,label:"1\u5206"}],tabIndex:-1,onUpdateValidValue:u=>{s(u\|\|1)}})]}),e(x,{borderBottom:"1.thin"}),e(h.Period.Preset,S(c({},t),{onPreset:(u,p)=>{l({eventType:"update",forcus:0,display:m(u),from:m(u),to:m(p)})}})),d(b.Center,{gap:"1/2",children:[e(L,{override:"force",value:o.from.hours,options:Array.from({length:24}).map((u,p)=>{let g=p;return n.hours>g\|\|a.hours<g?null:{value:g,label:g.zeroEmbed(2)+"\u6642"}}),onUpdateValidValue:u=>{f("from",u)}}),e(L,{override:"force",value:o.from.minutes,options:Array.from({length:60}).map((u,p)=>{let g=p;return g!=59&&(r==5&&g%5!=0\|\|r==10&&g%10!=0)?null:{value:g,label:g.zeroEmbed(2)+"\u5206"}}),onUpdateValidValue:u=>{f("from",void 0,u)}},r+"-from"),e(y,{isSemiBoldFont:!0,children:"~"}),e(L,{override:"force",value:o.to.hours,options:Array.from({length:24}).map((u,p)=>{let g=p;return n.hours>g\|\|a.hours<g?null:{value:g,label:g.zeroEmbed(2)+"\u6642"}}),onUpdateValidValue:u=>{f("to",u)}}),e(L,{override:"force",value:o.to.minutes,options:Array.from({length:60}).map((u,p)=>{let g=p;return g!=59&&(r==5&&g%5!=0\|\|r==10&&g%10!=0)?null:{value:g,label:g.zeroEmbed(2)+"\u5206"}}),onUpdateValidValue:u=>{f("to",void 0,u)}},r+"-to")]}),e(h.Parts.FooterNav,S(c({},t),{set_value:l,onClear:()=>{l({eventType:"commit",forcus:0,display:m(),from:m(null),to:m(null)})}}))]})}},Date:{index:t=>{let{min:i,max:v}=t,[r,s]=P(T.scope(()=>{let[o,l]=T.flatArray(t.defaultValue),n=m(o\|\|void 0).setFirstOfDay(),a=m(l\|\|null).setFirstOfDay();return{eventType:"init",forcus:0,display:n,from:n,to:a}}));return w(()=>{if(!r.to.value)return;if(r.from.value>r.to.value){s(l=>S(c({},l),{eventType:"update",from:l.to,to:l.from}));return}t.onValueUpdate({value:[r.from.toFormatYMD(),r.to.toFormatYMD()],era:"year",eventType:r.eventType})},[r]),d(F,{freeCSS:{minWidth:1216},children:[d(b.Left,{gap:"1/2",flexWrap:!0,children:[e(y.Supplement,{fontColor:"4.thin",children:"from"}),d(k.Sub,{color:"cloud",isSemiBoldFont:!0,fontColor:"inherit",onClick:()=>{s(o=>S(c({},o),{forcus:0}))},children:[r.from.toFormatYMD()\|\|"----/--/--",r.forcus==0&&e(h.Parts.PeriodFocusSign,{})]}),e(y.Supplement,{fontColor:"4.thin",children:"to"}),d(k.Sub,{color:"cloud",isSemiBoldFont:!0,fontColor:"inherit",onClick:()=>{s(o=>S(c({},o),{forcus:1}))},children:[r.to.toFormatYMD()\|\|"----/--/--",r.forcus==1&&e(h.Parts.PeriodFocusSign,{})]}),e(D,{}),d(b.Right,{gap:"1/2",marginLeft:"auto",children:[e(_,{emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,fontSize:"1.mini",pickerStyles:{freeCSS:{minWidth:1212}},rightIcon:e(N,{right:"2/3",children:e(B.AngleDown,{})}),options:h.YearOptions({reverse:!0}),value:r.display.year,onUpdateValidValue:o=>{s(l=>S(c({},l),{eventType:"update",display:l.display.clone().setYear(Number(o))}))}}),e(_,{emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,fontSize:"1.mini",pickerStyles:{freeCSS:{minWidth:129}},rightIcon:e(N,{right:"2/3",children:e(B.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:r.display.month,onUpdateValidValue:o=>{s(l=>S(c({},l),{eventType:"update",display:l.display.clone().setMonth(Number(o)).setDate(1)}))}}),e(h.Parts.ShiftButtons,{callback:o=>{s(l=>S(c({},l),{eventType:"update",display:l.display.clone().addMonth(o)}))}})]})]}),e(x,{borderBottom:"1.thin"}),e(h.Period.Preset,S(c({},t),{onPreset:(o,l)=>{s({eventType:"update",forcus:0,display:m(o),from:m(o),to:m(l)})}})),e(b.Left,{verticalAlign:"top",flexWrap:!0,gap:2,children:Array.from({length:4}).map((o,l)=>{let n=h.Parts.Calendar({min:i,max:v,targetMonth:r.display.clone().addMonth(l-1),from:r.from,to:r.to,onTitleRender:a=>{let f=a.diff(r.display).months;return e(y.Supplement,{ssHiddenOnBreak:!0,children:d(b.Center,{gap:"1/2",children:[e(y,{isSemiBoldFont:!0,children:a.toFormatYM("JP")}),e(y,{fontColor:"4.thin",children:["[\u524D\u6708]","","[\u7FCC\u6708]","[\u7FCC\u3005\u6708]"][f+1]})]})})},onChange:a=>{if(r.forcus==0){s(f=>S(c({},f),{eventType:"update",forcus:1,from:a,to:m(null)}));return}s(f=>S(c({},f),{eventType:"update",to:a}))}});return e(x,{flexSizing:"auto",ssHiddenOnBreak:l!=1,children:n},l)})}),e(h.Parts.FooterNav,S(c({},t),{set_value:s,onClear:()=>{s({eventType:"update",forcus:0,display:m(),from:m(null),to:m(null)})}}))]})}},Month:{index:t=>{let{min:i,max:v}=t,[r,s]=P(T.scope(()=>{let[o,l]=T.flatArray(t.defaultValue),n=m(o\|\|void 0).setDate(1).setFirstOfDay(),a=m(l\|\|null).setDate(1).setFirstOfDay();return{eventType:"init",forcus:0,display:n,from:n,to:a}}));return w(()=>{if(!r.to.value)return;if(r.from.value>r.to.value){s(l=>S(c({},l),{eventType:"update",from:l.to,to:l.from}));return}t.onValueUpdate({value:[r.from.toFormatYM(),r.to.toFormatYM()],era:"year",eventType:r.eventType})},[r]),d(F,{freeCSS:{minWidth:1216},children:[d(b.Left,{gap:"1/2",flexWrap:!0,children:[e(y.Supplement,{fontColor:"4.thin",children:"from"}),d(k.Sub,{color:"cloud",isSemiBoldFont:!0,fontColor:"inherit",onClick:()=>{s(o=>S(c({},o),{forcus:0}))},children:[r.from.toFormatYM("JP")\|\|"----/--",r.forcus==0&&e(h.Parts.PeriodFocusSign,{})]}),e(y.Supplement,{fontColor:"4.thin",children:"to"}),d(k.Sub,{color:"cloud",isSemiBoldFont:!0,fontColor:"inherit",onClick:()=>{s(o=>S(c({},o),{forcus:1}))},children:[r.to.toFormatYM("JP")\|\|"----/--",r.forcus==1&&e(h.Parts.PeriodFocusSign,{})]}),e(D,{}),d(b.Left,{flexWrap:!0,gap:"1/2",marginLeft:"auto",children:[e(_,{emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,fontSize:"1.mini",pickerStyles:{freeCSS:{minWidth:1212}},rightIcon:e(N,{right:"2/3",children:e(B.AngleDown,{})}),options:h.YearOptions({reverse:!0}),value:r.display.year,onUpdateValidValue:o=>{s(l=>S(c({},l),{eventType:"update",display:l.display.clone().setYear(Number(o))}))}}),e(h.Parts.ShiftButtons,{callback:o=>{s(l=>S(c({},l),{eventType:"update",display:l.display.clone().addYear(o)}))}})]})]}),e(x,{borderBottom:"1.thin"}),e(h.Period.Preset,S(c({},t),{onPreset:(o,l)=>{s({eventType:"update",forcus:0,display:m(o),from:m(o),to:m(l)})}})),e(b.Left,{verticalAlign:"top",flexWrap:!0,gap:2,UnderBreakPointStyles:{gap:1},children:Array.from({length:4}).map((o,l)=>{let n=h.Period.Month.Calendar({min:i,max:v,targetYear:r.display.year+l-1,from:r.from.getFirstDayOfMonth(),to:r.to.getLastDayOfMonth(),onTitleRender:a=>{let f=a-r.display.year;return e(y.Supplement,{children:d(b.Left,{gap:"1/2",children:[d(y,{isSemiBoldFont:!0,children:[a,"\u5E74"]}),e(y,{fontColor:"4.thin",children:["[\u524D\u5E74]","","[\u7FCC\u5E74]","[\u7FCC\u3005\u5E74]"][f+1]})]})})},onChange:a=>{if(r.forcus==0){s(f=>S(c({},f),{eventType:"update",forcus:1,from:a,to:m(null)}));return}s(f=>S(c({},f),{eventType:"update",to:a}))}});return e(x,{flexSizing:"auto",ssHiddenOnBreak:l<1\|\|l>2,freeCSS:{minWidth:"35%"},children:n},l)})}),e(h.Parts.FooterNav,S(c({},t),{set_value:s,onClear:()=>{s({eventType:"update",forcus:0,display:m(),from:m(null),to:m(null)})}}))]})},Calendar:t=>{let{targetYear:i,from:v,to:r,onTitleRender:s=n=>d(y.Supplement,{isSemiBoldFont:!0,children:[n,"\u5E74"]})}=t,o=m(),l=[];for(let n=1;n<=12;n++){let a=m().setYear(t.targetYear).setMonth(n).setDate(1),f=!1;if(t.min){let M=m(t.min).getLastDayOfMonth();M&&a.value<M.value&&(f=!0)}if(t.max){let M=m(t.max).getLastDayOfMonth();M&&M.value<a.value&&(f=!0)}let u=v.year==i&&v.month==a.month,p=!1,g=!1;r&&r.validate&&(p=a.isInRange(v,r),g=r.year==i&&r.month==a.month);let C=o.year==i&&o.month==a.month;l.push(d(k.Clear.S,{isLocked:f,color:"cloud",border:"1.thin",isActive:u\|\|g\|\|p,isActiveStyles:u\|\|g?{fontColor:"white",backgroundColor:"theme",borderColor:"theme",boxShadow:"0.remark"}:{backgroundColor:"theme.opa.few",fontColor:"theme",borderColor:"0.trans"},fontSize:"inherit",ssEffectsOnActive:"shrink",tabIndex:-1,freeCSS:{whiteSpace:"nowrap",minWidth:123,minHeight:123},flexCenter:!0,onClick:()=>{t.onChange(a)},children:[d(b.Center,{gap:"1/2",children:[e(y,{children:a.month}),e(y.Supplement,{opacity:"middle",children:["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"][a.month]})]}),C&&e(h.Parts.CurrentSign,{})]},i+"-"+a.month))}return d(F,{gap:"1/2",children:[s(t.targetYear),e(O,{flexWrap:!0,gridCols:4,gap:"1/6",children:l})]},t.targetYear)}},Preset:t=>t.periodPresets?e(b.Right,{gap:"1/2",flexWrap:!0,children:t.periodPresets.map((i,v)=>e(k.Border.S,{padding:["1/4",1],onClick:()=>{t.onPreset(i.from,i.to)},children:i.label},v))}):null},Parts:{FooterNav:t=>t.commitFooter?d(A,{children:[e(x,{borderBottom:"1.thin"}),d(b.Left,{gap:"1/2",children:[d(k.Sub.S,{color:"cloud",tabIndex:-1,fontSize:"1.mini",borderRadius:"2.tone.secondary",flexSizing:"none",onClick:()=>{t.onClear()},children:[e(B.X,{})," \u30EA\u30BB\u30C3\u30C8"]}),e(h.Parts.MinMax,{restrict:t.restrict,min:t.min,max:t.max}),e(D,{}),e(k.Prime,{tabIndex:-1,borderRadius:"2.tone.secondary",freeCSS:{minWidth:128},onClick:()=>{t.onCommit&&t.onCommit(),t.set_value(i=>S(c({},i),{eventType:"commit"}))},children:"\u6C7A\u5B9A"})]})]}):null,ShiftButtons:t=>d(b.Center,{gap:"1/3",fontSize:"1.mini",children:[e(k.Sub,{className:V("LeftButton"),tabIndex:-1,right:0,position:"relative",ssSquare:2.5,onClick:()=>{t.callback(-1)},children:e(B.ChevronLeft,{})}),e(k.Sub,{className:V("RightButton"),tabIndex:-1,left:0,position:"relative",ssSquare:2.5,onClick:()=>{t.callback(1)},children:e(B.ChevronRight,{})})]}),Calendar:t=>{let{targetMonth:i,from:v,to:r,onTitleRender:s=M=>e(y.Supplement,{isSemiBoldFont:!0,children:M.toFormatYM("JP")})}=t,o=m();if(!t.targetMonth.validate)return null;let l=i.clone().setDate(1),n=l.getLastDayOfMonth(),a=m(l).addMonth(-1).getLastDayOfMonth().date,f=[],u=[],p=[],g=[];for(var C=0;C<7;C++){let M=C==6,R=C==0;f.push(e(y,{textAlign:"center",fontSize:"0.xs",fontColor:M?"googleBlue":R?"googleRed":"inherit",children:T.transformer.weekday.shortJP(C)},C))}for(var C=0;C<l.weekday;C++)u.unshift(e(y.Supplement,{fontColor:"4.thin",flexCenter:!0,children:a-C},C));for(var C=1;C<=n.date;C++){let R=i.clone().setDate(C),z=v.isSameDate(R),E=!1,H=!1;r&&r.validate&&(E=R.isInRange(v,r),H=r.isSameDate(R));let j=o.isSameDate(R),U=!1;if(t.min){let Y=m(t.min);Y&&R.value<Y.value&&(U=!0)}if(t.max){let Y=m(t.max);Y&&Y.value<R.value&&(U=!0)}p.push(d(k.Clear.S,{isLocked:U,color:"cloud",border:"1.thin",isActive:z\|\|H\|\|E,isActiveStyles:z\|\|H?{fontColor:"white",backgroundColor:"theme",borderColor:"theme",boxShadow:"0.remark"}:{backgroundColor:"theme.opa.few",fontColor:"theme",borderColor:"0.trans"},freeCSS:{whiteSpace:"nowrap",minWidth:123,minHeight:123},flexCenter:!0,ssEffectsOnActive:"shrink",tabIndex:-1,onClick:()=>{t.onChange(R)},children:[C,j&&e(h.Parts.CurrentSign,{})]},R.toFormatYMD()))}for(var C=1;C<7-n.weekday;C++)g.push(e(y.Supplement,{flexCenter:!0,fontColor:"4.thin",children:C},C));return d(F,{gap:"1/2",children:[s(i)\|\|"",d(O,{gridCols:7,gap:"1/6",children:[f,u,p,g]})]},i.toFormatYM())},DrumSelector:t=>{let{type:i,min:v,max:r,value:s}=t;const o=(n,a,f)=>{let u=t.value.clone();if(T.is.exist(n)&&(u=u.setYear(n)),T.is.exist(a)&&(u=u.setMonth(a)),T.is.exist(f)&&(u=u.setDate(f)),v){let p=m(v);u.value<p.value&&(u=p)}if(r){let p=m(r);p.value<u.value&&(u=p)}t.onChange(u)};let l=s.getLastDayOfMonth().date;return d(b.Center,{gap:"1/2",children:[e(L,{override:"force",options:h.YearOptions({}),value:s.year,onUpdateValidValue:n=>{o(Number(n))}}),e(y,{isSemiBoldFont:!0,children:"\u5E74"}),e(L,{override:"force",options:Array.from({length:12}).map((n,a)=>{let f=a+1;return{value:f,label:f}}),value:s.month,onUpdateValidValue:n=>{o(void 0,Number(n))}}),e(y,{isSemiBoldFont:!0,children:"\u6708"}),i!="month"&&d(A,{children:[e(L,{override:"force",options:Array.from({length:31}).map((n,a)=>{let f=a+1;return f>l?null:{value:f,label:f}}),value:s.date,onUpdateValidValue:n=>{o(void 0,void 0,Number(n))}}),e(y,{isSemiBoldFont:!0,children:"\u65E5"})]})]})},MinMax:t=>{let{restrict:i,min:v,max:r}=t;if(!v&&!r)return null;let s=m(v\|\|null),o=m(r\|\|null),l="",n="";return i=="year"?(l=s.toFormat("%Y\u5E74"),n=o.toFormat("%Y\u5E74")):i.match(/month/)?(l=s.toFormatYM(),n=o.toFormatYM()):i.match(/date/)?(l=s.toFormatYMD(),n=o.toFormatYMD()):i.match(/clock/)&&(s=m().setFromFormatHHMM(v\|\|""),o=m().setFromFormatHHMM(r\|\|""),l=s.toFormatHM(),n=o.toFormatHM()),d(y.Supplement,{fontHeight:1.2,fontSize:"0.xs",children:[l&&d(y,{children:["\u6700\u5C0F: ",l]}),n&&d(y,{children:["\u6700\u5927: ",n]})]})},CurrentSign:()=>e(x,{position:"absolute",bottom:"1/6",left:"50%",width:1,unitHeight:"1/6",backgroundColor:"warn",freeCSS:{maxWidth:122.5,transform:"translateX(-50%)"},isRounded:!0}),PeriodFocusSign:()=>e(x,{position:"absolute",bottom:"1/4",left:"1/2",right:"1/2",backgroundColor:"theme",unitHeight:"1/4",boxShadow:"0.remark",isRounded:!0})}},W=X;W.picker={open:t=>{let i=null,v=null,r="L";t.restrict=="year"&&(r="S"),t.restrict=="month"&&(r="S"),t.restrict=="clock"?r="XS":(t.restrict=="locale.jp.warekiDate"\|\|t.restrict=="period.clock")&&(r="S");let s=t.sheetID\|\|$();I.open("middleCenter",{sheetID:s,size:r,padding:0,paddingTop:2,closeAtAroundClick:!0,closeAtParentBlur:!1,onClose:()=>{t.onValueUpdate({value:i,era:v,eventType:"commit"})},content:d(F,{children:[d(b.Left,{children:[e(D,{}),e(k.Sub.S,{color:"cloud",ssSphere:3,onClick:()=>{I.close(s)},children:e(B.X,{})})]}),e(I.Body,{children:e(F,{padding:1,children:e(X,{sheetID:s,restrict:t.restrict,commitFooter:!0,min:t.min,max:t.max,era:t.era,defaultValue:t.defaultValue,onValueUpdate:o=>{t.onValueUpdate(o),i=o.value,v=o.era,o.eventType=="commit"&&I.close(s)}})})})]})})},close:t=>{I.close(t)}};export{W as TimeSelector,W as default};
1	+ import{b as c,c as S}from"../../../chunk-C5N2D3ZX.js";import{Fragment as A,jsx as e,jsxs as d}from"react/jsx-runtime";import T,{UUID as $,Time as m}from"jmini";import{useState as P,useEffect as w}from"react";import{Box as x,Grid as O,FAI as B,Column as F,FlexMargin as D}from"../../../atoms";import{Row as b,Literal as y}from"../../../mols";import{Button as k}from"../../Button";import I from"../../Sheet";import _ from"../Select";import{LeftIcon as J,RightIcon as N}from"..";import{InputTimeClasses as V}from"../../../@styles/componentClasses";import L from"../Drum";const X=t=>{let{restrict:i}=t;return i=="year"?e(h.Year,c({},t)):i=="month"?e(h.Month.index,c({},t)):i=="week"?"[DEV]":i=="date"?e(h.Date.index,c({},t)):i=="locale.jp.warekiDate"?e(h.Locale.JP.WarekiDate.index,c({},t)):i=="clock"?e(h.Clock.index,c({},t)):i=="period.clock"?e(h.Period.Clock.index,c({},t)):i=="period.month"?e(h.Period.Month.index,c({},t)):i=="period.date"?e(h.Period.Date.index,c({},t)):null},h={YearOptions:t=>{var s,o,l;let i=[],v=(s=t==null?void 0:t.min)!=null?s:1900,r=(o=t==null?void 0:t.max)!=null?o:m().addYear(10).year;for(let n=v;n<=r;n++){let a=[n],[f,u]=T.transformer.wareki(n).value;((l=t.showJPWareki)==null\|\|l)&&(f&&a.push(e(y.Supplement,{fontSize:"0.xs",fontColor:"4.thin",children:f},1)),u&&a.push(d(y.Supplement,{fontSize:"0.xs",fontColor:"4.thin",children:["[",u,"]"]},2))),i[t.reverse?"unshift":"push"]({value:n,label:e(b.Center,{gap:["1/12","1/4"],verticalAlign:"baseline",flexWrap:!0,children:a})})}return i},calendartypeState:()=>{let[t,i]=P(localStorage.getItem("@env/input/time/selector/calendartype")\|\|"calendar");return w(()=>{localStorage.setItem("@env/input/time/selector/calendartype",String(t))},[t]),[t,i]},Year:t=>{let{min:i,max:v}=t,[r,s]=P(T.scope(()=>{let[o]=String(t.defaultValue).split(/\D/);return{eventType:"init",from:m().setYear(Number(o\|\|m().year))}}));return w(()=>{t.onValueUpdate({value:String(r.from.year\|\|null),era:"year",eventType:r.eventType})},[r]),d(F,{freeCSS:{minWidth:1216},children:[d(b.Left,{flexWrap:!0,children:[d(y.Paragraph,{children:[r.from.year\|\|"----","\u5E74"]}),e(k.Border.XS,{fontColor:"theme",borderRadius:"2.tone.secondary",onClick:()=>{let o=m();s({eventType:"update",from:o})},children:"\u4ECA\u5E74"}),e(D,{})]}),e(x,{borderTop:!0}),e(L,{override:"force",value:r.from.year\|\|null,options:h.YearOptions({min:Number(i)\|\|void 0,max:Number(v)\|\|void 0}),onUpdateValidValue:o=>{s(l=>({eventType:"update",from:l.from.clone().setYear(Number(o))}))}}),e(h.Parts.FooterNav,S(c({},t),{set_value:s,onClear:()=>{s(o=>({eventType:"update",from:m(null)}))}}))]})},Month:{index:t=>{let{min:i,max:v}=t,[r,s]=P(T.scope(()=>{let[o,l]=String(t.defaultValue).split(/\D/);(T.is.nullish(o)\|\|T.is.nullish(l))&&([o,l]=m().toFormat("%Y-%M").split("-"));let n=m(),a=m().setYear(Number(o)\|\|n.year).setMonth(Number(l)\|\|n.month).setDate(1);return{eventType:"init",from:a,display:a}}));return w(()=>{t.onValueUpdate({value:r.from.toFormatYM(),era:"year",eventType:r.eventType})},[r]),d(F,{freeCSS:{minWidth:1216},children:[d(b.Left,{gap:"1/2",children:[e(y.Paragraph,{children:r.from.toFormatYM("JP")\|\|"----/--"}),e(k.Border.XS,{fontColor:"theme",borderRadius:"2.tone.secondary",onClick:()=>{let o=m();s({eventType:"update",from:o,display:o})},children:"\u4ECA\u6708"}),e(D,{})]}),e(x,{borderTop:!0}),e(h.Parts.DrumSelector,{type:"month",min:i,max:v,value:r.from,onChange:o=>{s(S(c({},r),{eventType:"update",from:o}))}}),e(h.Parts.FooterNav,S(c({},t),{set_value:s,onClear:()=>{s(o=>S(c({},o),{eventType:"commit",from:m(null)}))}}))]})}},Date:{index:t=>{let{min:i,max:v}=t,[r,s]=h.calendartypeState(),[o,l]=P(T.scope(()=>{var g;let[n,a,f]=(g=String(t.defaultValue))==null?void 0:g.split(/\D/);(T.is.nullish(n)\|\|T.is.nullish(a)\|\|T.is.nullish(f))&&([n,a,f]=m().toFormat("%Y-%M-%D").split("-"));let u=m(),p=m([Number(n)\|\|u.year,(Number(a)\|\|u.month).zeroEmbed(2),(Number(f)\|\|u.date).zeroEmbed(2)].join("/"));return{eventType:"init",era:"year",display:p,from:p}}));return w(()=>{t.onValueUpdate({value:o.from.toFormatYMD(),era:"year",eventType:o.eventType})},[o]),d(F,{freeCSS:{minWidth:1216},children:[d(b.Left,{flexWrap:!0,gap:"1/2",children:[e(y.Paragraph,{children:o.from.toFormatYMD("JP")\|\|"----/--/--"}),e(k.Border.XS,{fontColor:"theme",borderRadius:"2.tone.secondary",onClick:()=>{let n=m();l({eventType:"update",era:"year",from:n,display:n})},children:"\u4ECA\u65E5"}),e(D,{}),d(k.Border.S,{padding:["1/6","1/2"],fontColor:"3.blur",fontSize:"0.xs",onClick:()=>{s(n=>n=="calendar"?"drum":"calendar")},children:[r=="calendar"&&"\u30C9\u30E9\u30E0",r=="drum"&&"\u30AB\u30EC\u30F3\u30C0\u30FC","\u8868\u793A"]})]}),e(x,{borderTop:!0}),r=="calendar"&&d(A,{children:[d(b.Center,{gap:"1/2",children:[e(_,{override:"force",emptySelect:!1,value:o.display.year,options:h.YearOptions({reverse:!0}),fontSize:"1.mini",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,pickerStyles:{freeCSS:{minWidth:1212}},onUpdateValidValue:n=>{l(a=>S(c({},a),{eventType:"update",display:a.display.clone().setYear(Number(n))}))},rightIcon:e(N,{right:"2/3",children:e(B.AngleDown,{})})}),e(_,{override:"force",emptySelect:!1,value:o.display.month,options:(()=>{let n=[];for(let a=1;a<=12;a++)n.push({value:a,label:String(a)+"\u6708"});return n})(),fontSize:"1.mini",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,pickerStyles:{freeCSS:{minWidth:128}},rightIcon:e(N,{right:"2/3",children:e(B.AngleDown,{})}),onUpdateValidValue:n=>{l(a=>S(c({},a),{eventType:"update",display:a.display.clone().setMonth(Number(n))}))}}),e(h.Parts.ShiftButtons,{callback:n=>{l(a=>S(c({},a),{eventType:"update",display:a.display.clone().addMonth(n)}))}})]}),d(F,{children:[e(x,{margin:"auto",freeCSS:{minWidth:"50%"},UnderBreakPointStyles:{margin:0},children:h.Parts.Calendar({min:i,max:v,onTitleRender:n=>"",targetMonth:o.display,from:o.from,onChange:n=>{l(a=>S(c({},a),{eventType:"update",from:n}))}})}),e(x,{unitHeight:"1/4",isRounded:!0,backgroundColor:"cloud",margin:1,ssHiddenOnBreak:!0}),d(b.Center,{verticalAlign:"unset",ssHiddenOnBreak:!0,children:[e(x,{flexSizing:0,children:h.Parts.Calendar({min:i,max:v,onTitleRender:n=>e(y.Supplement,{children:d(b.Center,{gap:"1/2",children:[e(y,{isSemiBoldFont:!0,children:n.toFormatYM("JP")}),e(y,{fontColor:"4.thin",children:"[\u524D\u6708]"})]})}),targetMonth:o.display.clone().addMonth(-1),from:o.from,onChange:n=>{l(a=>S(c({},a),{eventType:"update",from:n}))}})}),e(x,{unitWidth:"1/4",isRounded:!0,backgroundColor:"cloud",margin:1}),e(x,{flexSizing:0,children:h.Parts.Calendar({min:i,max:v,onTitleRender:n=>e(y.Supplement,{children:d(b.Center,{gap:"1/2",children:[e(y,{isSemiBoldFont:!0,children:n.toFormatYM("JP")}),e(y,{fontColor:"4.thin",children:"[\u7FCC\u6708]"})]})}),targetMonth:o.display.clone().addMonth(1),from:o.from,onChange:n=>{l(a=>S(c({},a),{eventType:"update",from:n}))}})})]})]})]}),r=="drum"&&e(h.Parts.DrumSelector,{type:"date",min:i,max:v,value:o.from,onChange:n=>{l(S(c({},o),{eventType:"update",from:n}))}}),e(h.Parts.FooterNav,S(c({},t),{set_value:l,onClear:()=>{l(n=>S(c({},n),{eventType:"commit",from:m(null)}))}}))]})}},Locale:{JP:{WarekiDate:{index:t=>{var l;let{min:i,max:v}=t,[r,s]=P(T.scope(()=>{var C;let[n,a,f]=(C=String(t.defaultValue))==null?void 0:C.split(/\D/),u=t.era\|\|"year";if(T.is.nullish(n)\|\|T.is.nullish(a)\|\|T.is.nullish(f)){let M=m();u=="heisei"?M.setYear(1989):u=="shouwa"?M.setYear(1926):u=="taisho"?M.setYear(1912):u=="meiji"&&M.setYear(1868),[n,a,f]=M.toFormat("%Y-%M-%D").split("-")}let p=m();return{eventType:"init",from:m([Number(n)\|\|p.year,(Number(a)\|\|p.month).zeroEmbed(2),(Number(f)\|\|p.date).zeroEmbed(2)].join("/"))}}));w(()=>{t.onValueUpdate({value:r.from.toFormatYMD(),era:r.from.wareki.toLower(),eventType:r.eventType})},[r]);let o={year:{label:"\u897F\u66A6",min:"1900/01/01",max:"2100/12/31"},reiwa:{label:"\u4EE4\u548C",min:"2019/05/01",max:m().addYear(10).setMonth(12).setDate(31).toFormatYMD()},heisei:{label:"\u5E73\u6210",min:"1989/01/08",max:"2019/04/30"},showa:{label:"\u662D\u548C",min:"1926/12/25",max:"1989/01/07"},taisho:{label:"\u5927\u6B63",min:"1912/07/30",max:"1926/12/24"},meiji:{label:"\u660E\u6CBB",min:"1868/09/08",max:"1912/07/29"}};return d(F,{children:[d(b.Left,{gap:"1/4",flexWrap:!0,children:[d(y.Paragraph,{children:[r.from.warekiLabel,(l=r.from.warekiYear)==null?void 0:l.zeroEmbed(2),"\u5E74",r.from.toFormatMD("JP")]}),e(D,{})]}),e(x,{borderTop:!0}),e(b.Left,{gap:"1/2",flexWrap:!0,children:["reiwa","heisei","showa","taisho","meiji"].map((n,a)=>{let f=o[n];return f?e(k.Border.S,{onClick:()=>{let u=r.from;if(n=="reiwa"\|\|n=="year")u=m();else{let p=m(f.min),g=m(f.max);p.value>r.from.value&&(u=p),r.from.value>g.value&&(u=g)}if(i){let p=m(i);u.value<p.value&&(u=p)}if(v){let p=m(v);p.value<u.value&&(u=p)}s(S(c({},r),{eventType:"update",from:u}))},children:f.label},a):null})}),e(h.Parts.DrumSelector,{type:"locale.jp.warekiDate",min:t.min,max:t.max,value:r.from,onChange:n=>{s(S(c({},r),{eventType:"update",from:n}))}}),e(h.Parts.FooterNav,S(c({},t),{set_value:s,onClear:()=>{s({eventType:"commit",from:m(null)})}}))]})}}}},Clock:{index:t=>{let[i,v]=P(T.scope(()=>{let a=String(t.defaultValue).split(/[^\d]/);if(!a[0]){let p=m();a=[p.hours,p.minutes]}let f=Number(a[0]),u=Number(a[1]);return{eventType:"init",from:m().setHours(f).setMinutes(u)}}));w(()=>{t.onValueUpdate({value:i.from.toFormatHM(),era:"clock",eventType:i.eventType})},[i]);let[r,s]=h.Clock.minutesUnitState(),o=m().setFromFormatHHMM(t.min\|\|"00:00"),l=m().setFromFormatHHMM(t.max\|\|"23:59");const n=(a,f)=>{v(u=>{let p=u.from.clone();return T.is.exist(a)&&p.setHours(a),T.is.exist(f)&&p.setMinutes(f),p.toFormatHM().toNumber()>l.toFormatHM().toNumber()&&(p=l.clone()),p.toFormatHM().toNumber()<o.toFormatHM().toNumber()&&(p=o.clone()),S(c({},u),{eventType:"update",from:p})})};return d(F,{freeCSS:{minWidth:1216},children:[d(b.Left,{gap:"1/2",flexWrap:!0,children:[d(b.Center,{gap:"1/2",children:[e(x,{className:V("ClockBase"),children:e(h.Clock.UI,{val_value:i})}),d(x,{textAlign:"center",fontHeight:1.2,children:[d(y.Paragraph,{children:[i.from.hours.zeroEmbed(2)," : ",i.from.minutes.zeroEmbed(2)]}),d(y.Supplement,{fontColor:"4.thin",children:[i.from.hours>=12&&"PM"\|\|"AM",i.from.hours%12,":",i.from.minutes.zeroEmbed(2)]})]})]}),e(k.Border.XS,{borderRadius:"2.tone.secondary",fontColor:"theme",onClick:()=>{let a=m().setSeconds(0);a.minutes=Math.round(a.minutes/r)r,n(a.hours,a.minutes)},children:"\u73FE\u6642\u523B"}),e(D,{}),e(_,{emptySelect:!1,value:r,paddingLeft:3.5,leftIcon:e(J,{left:"2/3",children:"\u5358\u4F4D"}),pickerPosition:4,pickerStyles:{freeCSS:{minWidth:128}},padding:"1/2",options:[{value:10,label:"10\u5206"},{value:5,label:"5\u5206"},{value:1,label:"1\u5206"}],tabIndex:-1,onUpdateValidValue:a=>{s(a\|\|1)}})]}),e(x,{borderTop:!0}),d(b.Center,{gap:"1/2",children:[e(L,{freeCSS:{maxHeight:1212},override:"force",options:[{value:0,label:"\u5348\u524D"},{value:12,label:"\u5348\u5F8C"}],value:i.from.hours>=12?12:0,onUpdateValidValue:a=>{let f=i.from.hours%12+a;n(f)}}),e(L,{override:"force",value:i.from.hours,options:Array.from({length:24}).map((a,f)=>{let u=f;return o.hours>u\|\|l.hours<u?null:{value:u,label:u.zeroEmbed(2)}}),onUpdateValidValue:a=>{n(a)}}),e(y,{isSemiBoldFont:!0,children:"\u6642"}),e(L,{override:"force",value:i.from.minutes,options:Array.from({length:60}).map((a,f)=>{let u=f;return u!=59&&(r==5&&u%5!=0\|\|r==10&&u%10!=0)?null:{value:u,label:u.zeroEmbed(2)}}),onUpdateValidValue:a=>{n(void 0,a)}},r),e(y,{isSemiBoldFont:!0,children:"\u5206"})]}),e(h.Parts.FooterNav,S(c({},t),{set_value:v,onClear:()=>{v({eventType:"commit",from:m(null)})}}))]})},minutesUnitState:()=>{let[t,i]=P(Number(localStorage.getItem("@env/input/time/selector/clock/minutesUnit")\|\|10));return w(()=>{localStorage.setItem("@env/input/time/selector/clock/minutesUnit",String(t))},[t]),[t,i]},UI:t=>{let{val_value:i}=t;return e(x,{className:V("ClockUiBase"),flexCenter:!0,children:d(x,{className:V("ClockUi"),backgroundColor:"theme.opa.low",isRounded:!0,position:"relative",children:[e(x,{position:"absolute",backgroundColor:"theme",unitWidth:"1/12",className:[V("Needle"),V("hour")].join(" "),freeCSS:{transform:`rotate(${i.from.hours30+i.from.minutes/2}deg)`}}),e(x,{position:"absolute",backgroundColor:"theme",unitWidth:"1/12",className:[V("Needle"),V("minute")].join(" "),freeCSS:{transform:`rotate(${i.from.minutes6}deg)`}})]})})}},Period:{Clock:{index:t=>{let{min:i,max:v}=t,[r,s]=h.Clock.minutesUnitState(),[o,l]=P(T.scope(()=>{let[u,p]=T.Arrayify(t.defaultValue),g=m().setFromFormatHHMM(u\|\|"09:00"),C=m().setFromFormatHHMM(p\|\|"18:00");return{eventType:"init",forcus:0,display:g,from:g,to:C}}));w(()=>{if(!o.to.value)return;if(o.from.value>o.to.value){l(p=>S(c({},p),{eventType:"update",from:p.to,to:p.from}));return}t.onValueUpdate({value:[o.from.toFormatHM(),o.to.toFormatHM()],era:"clock",eventType:o.eventType})},[o]);let n=m().setFromFormatHHMM(t.min\|\|"00:00"),a=m().setFromFormatHHMM(t.max\|\|"23:59");const f=(u,p,g)=>{l(C=>{let M=C[u].clone();return T.is.exist(p)&&M.setHours(p),T.is.exist(g)&&M.setMinutes(g),M.toFormatHM().toNumber()>a.toFormatHM().toNumber()&&(M=a.clone()),M.toFormatHM().toNumber()<n.toFormatHM().toNumber()&&(M=n.clone()),S(c({},C),{eventType:"update",[u]:M})})};return d(F,{width:1,freeCSS:{minWidth:1224},children:[d(b.Left,{flexWrap:!0,children:[d(b.Left,{gap:"1/2",children:[e(y.Paragraph,{children:o.from.toFormatHM()\|\|"--:--"}),e(y.Supplement,{children:"-"}),e(y.Paragraph,{children:o.to.toFormatHM()\|\|"--:--"})]}),e(D,{}),e(_,{emptySelect:!1,value:r,paddingLeft:3.5,leftIcon:e(J,{left:"2/3",children:"\u5358\u4F4D"}),pickerPosition:4,pickerStyles:{freeCSS:{minWidth:128}},padding:"1/2",options:[{value:10,label:"10\u5206"},{value:5,label:"5\u5206"},{value:1,label:"1\u5206"}],tabIndex:-1,onUpdateValidValue:u=>{s(u\|\|1)}})]}),e(x,{borderBottom:"1.thin"}),e(h.Period.Preset,S(c({},t),{onPreset:(u,p)=>{l({eventType:"update",forcus:0,display:m(u),from:m(u),to:m(p)})}})),d(b.Center,{gap:"1/2",children:[e(L,{override:"force",value:o.from.hours,options:Array.from({length:24}).map((u,p)=>{let g=p;return n.hours>g\|\|a.hours<g?null:{value:g,label:g.zeroEmbed(2)+"\u6642"}}),onUpdateValidValue:u=>{f("from",u)}}),e(L,{override:"force",value:o.from.minutes,options:Array.from({length:60}).map((u,p)=>{let g=p;return g!=59&&(r==5&&g%5!=0\|\|r==10&&g%10!=0)?null:{value:g,label:g.zeroEmbed(2)+"\u5206"}}),onUpdateValidValue:u=>{f("from",void 0,u)}},r+"-from"),e(y,{isSemiBoldFont:!0,children:"~"}),e(L,{override:"force",value:o.to.hours,options:Array.from({length:24}).map((u,p)=>{let g=p;return n.hours>g\|\|a.hours<g?null:{value:g,label:g.zeroEmbed(2)+"\u6642"}}),onUpdateValidValue:u=>{f("to",u)}}),e(L,{override:"force",value:o.to.minutes,options:Array.from({length:60}).map((u,p)=>{let g=p;return g!=59&&(r==5&&g%5!=0\|\|r==10&&g%10!=0)?null:{value:g,label:g.zeroEmbed(2)+"\u5206"}}),onUpdateValidValue:u=>{f("to",void 0,u)}},r+"-to")]}),e(h.Parts.FooterNav,S(c({},t),{set_value:l,onClear:()=>{l({eventType:"commit",forcus:0,display:m(),from:m(null),to:m(null)})}}))]})}},Date:{index:t=>{let{min:i,max:v}=t,[r,s]=P(T.scope(()=>{let[o,l]=T.Arrayify(t.defaultValue),n=m(o\|\|void 0).setFirstOfDay(),a=m(l\|\|null).setFirstOfDay();return{eventType:"init",forcus:0,display:n,from:n,to:a}}));return w(()=>{if(!r.to.value)return;if(r.from.value>r.to.value){s(l=>S(c({},l),{eventType:"update",from:l.to,to:l.from}));return}t.onValueUpdate({value:[r.from.toFormatYMD(),r.to.toFormatYMD()],era:"year",eventType:r.eventType})},[r]),d(F,{freeCSS:{minWidth:1216},children:[d(b.Left,{gap:"1/2",flexWrap:!0,children:[e(y.Supplement,{fontColor:"4.thin",children:"from"}),d(k.Sub,{color:"cloud",isSemiBoldFont:!0,fontColor:"inherit",onClick:()=>{s(o=>S(c({},o),{forcus:0}))},children:[r.from.toFormatYMD()\|\|"----/--/--",r.forcus==0&&e(h.Parts.PeriodFocusSign,{})]}),e(y.Supplement,{fontColor:"4.thin",children:"to"}),d(k.Sub,{color:"cloud",isSemiBoldFont:!0,fontColor:"inherit",onClick:()=>{s(o=>S(c({},o),{forcus:1}))},children:[r.to.toFormatYMD()\|\|"----/--/--",r.forcus==1&&e(h.Parts.PeriodFocusSign,{})]}),e(D,{}),d(b.Right,{gap:"1/2",marginLeft:"auto",children:[e(_,{emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,fontSize:"1.mini",pickerStyles:{freeCSS:{minWidth:1212}},rightIcon:e(N,{right:"2/3",children:e(B.AngleDown,{})}),options:h.YearOptions({reverse:!0}),value:r.display.year,onUpdateValidValue:o=>{s(l=>S(c({},l),{eventType:"update",display:l.display.clone().setYear(Number(o))}))}}),e(_,{emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,fontSize:"1.mini",pickerStyles:{freeCSS:{minWidth:129}},rightIcon:e(N,{right:"2/3",children:e(B.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:r.display.month,onUpdateValidValue:o=>{s(l=>S(c({},l),{eventType:"update",display:l.display.clone().setMonth(Number(o)).setDate(1)}))}}),e(h.Parts.ShiftButtons,{callback:o=>{s(l=>S(c({},l),{eventType:"update",display:l.display.clone().addMonth(o)}))}})]})]}),e(x,{borderBottom:"1.thin"}),e(h.Period.Preset,S(c({},t),{onPreset:(o,l)=>{s({eventType:"update",forcus:0,display:m(o),from:m(o),to:m(l)})}})),e(b.Left,{verticalAlign:"top",flexWrap:!0,gap:2,children:Array.from({length:4}).map((o,l)=>{let n=h.Parts.Calendar({min:i,max:v,targetMonth:r.display.clone().addMonth(l-1),from:r.from,to:r.to,onTitleRender:a=>{let f=a.diff(r.display).months;return e(y.Supplement,{ssHiddenOnBreak:!0,children:d(b.Center,{gap:"1/2",children:[e(y,{isSemiBoldFont:!0,children:a.toFormatYM("JP")}),e(y,{fontColor:"4.thin",children:["[\u524D\u6708]","","[\u7FCC\u6708]","[\u7FCC\u3005\u6708]"][f+1]})]})})},onChange:a=>{if(r.forcus==0){s(f=>S(c({},f),{eventType:"update",forcus:1,from:a,to:m(null)}));return}s(f=>S(c({},f),{eventType:"update",to:a}))}});return e(x,{flexSizing:"auto",ssHiddenOnBreak:l!=1,children:n},l)})}),e(h.Parts.FooterNav,S(c({},t),{set_value:s,onClear:()=>{s({eventType:"update",forcus:0,display:m(),from:m(null),to:m(null)})}}))]})}},Month:{index:t=>{let{min:i,max:v}=t,[r,s]=P(T.scope(()=>{let[o,l]=T.Arrayify(t.defaultValue),n=m(o\|\|void 0).setDate(1).setFirstOfDay(),a=m(l\|\|null).setDate(1).setFirstOfDay();return{eventType:"init",forcus:0,display:n,from:n,to:a}}));return w(()=>{if(!r.to.value)return;if(r.from.value>r.to.value){s(l=>S(c({},l),{eventType:"update",from:l.to,to:l.from}));return}t.onValueUpdate({value:[r.from.toFormatYM(),r.to.toFormatYM()],era:"year",eventType:r.eventType})},[r]),d(F,{freeCSS:{minWidth:1216},children:[d(b.Left,{gap:"1/2",flexWrap:!0,children:[e(y.Supplement,{fontColor:"4.thin",children:"from"}),d(k.Sub,{color:"cloud",isSemiBoldFont:!0,fontColor:"inherit",onClick:()=>{s(o=>S(c({},o),{forcus:0}))},children:[r.from.toFormatYM("JP")\|\|"----/--",r.forcus==0&&e(h.Parts.PeriodFocusSign,{})]}),e(y.Supplement,{fontColor:"4.thin",children:"to"}),d(k.Sub,{color:"cloud",isSemiBoldFont:!0,fontColor:"inherit",onClick:()=>{s(o=>S(c({},o),{forcus:1}))},children:[r.to.toFormatYM("JP")\|\|"----/--",r.forcus==1&&e(h.Parts.PeriodFocusSign,{})]}),e(D,{}),d(b.Left,{flexWrap:!0,gap:"1/2",marginLeft:"auto",children:[e(_,{emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,fontSize:"1.mini",pickerStyles:{freeCSS:{minWidth:1212}},rightIcon:e(N,{right:"2/3",children:e(B.AngleDown,{})}),options:h.YearOptions({reverse:!0}),value:r.display.year,onUpdateValidValue:o=>{s(l=>S(c({},l),{eventType:"update",display:l.display.clone().setYear(Number(o))}))}}),e(h.Parts.ShiftButtons,{callback:o=>{s(l=>S(c({},l),{eventType:"update",display:l.display.clone().addYear(o)}))}})]})]}),e(x,{borderBottom:"1.thin"}),e(h.Period.Preset,S(c({},t),{onPreset:(o,l)=>{s({eventType:"update",forcus:0,display:m(o),from:m(o),to:m(l)})}})),e(b.Left,{verticalAlign:"top",flexWrap:!0,gap:2,UnderBreakPointStyles:{gap:1},children:Array.from({length:4}).map((o,l)=>{let n=h.Period.Month.Calendar({min:i,max:v,targetYear:r.display.year+l-1,from:r.from.getFirstDayOfMonth(),to:r.to.getLastDayOfMonth(),onTitleRender:a=>{let f=a-r.display.year;return e(y.Supplement,{children:d(b.Left,{gap:"1/2",children:[d(y,{isSemiBoldFont:!0,children:[a,"\u5E74"]}),e(y,{fontColor:"4.thin",children:["[\u524D\u5E74]","","[\u7FCC\u5E74]","[\u7FCC\u3005\u5E74]"][f+1]})]})})},onChange:a=>{if(r.forcus==0){s(f=>S(c({},f),{eventType:"update",forcus:1,from:a,to:m(null)}));return}s(f=>S(c({},f),{eventType:"update",to:a}))}});return e(x,{flexSizing:"auto",ssHiddenOnBreak:l<1\|\|l>2,freeCSS:{minWidth:"35%"},children:n},l)})}),e(h.Parts.FooterNav,S(c({},t),{set_value:s,onClear:()=>{s({eventType:"update",forcus:0,display:m(),from:m(null),to:m(null)})}}))]})},Calendar:t=>{let{targetYear:i,from:v,to:r,onTitleRender:s=n=>d(y.Supplement,{isSemiBoldFont:!0,children:[n,"\u5E74"]})}=t,o=m(),l=[];for(let n=1;n<=12;n++){let a=m().setYear(t.targetYear).setMonth(n).setDate(1),f=!1;if(t.min){let M=m(t.min).getLastDayOfMonth();M&&a.value<M.value&&(f=!0)}if(t.max){let M=m(t.max).getLastDayOfMonth();M&&M.value<a.value&&(f=!0)}let u=v.year==i&&v.month==a.month,p=!1,g=!1;r&&r.validate&&(p=a.isInRange(v,r),g=r.year==i&&r.month==a.month);let C=o.year==i&&o.month==a.month;l.push(d(k.Clear.S,{isLocked:f,color:"cloud",border:"1.thin",isActive:u\|\|g\|\|p,isActiveStyles:u\|\|g?{fontColor:"white",backgroundColor:"theme",borderColor:"theme",boxShadow:"0.remark"}:{backgroundColor:"theme.opa.few",fontColor:"theme",borderColor:"0.trans"},fontSize:"inherit",ssEffectsOnActive:"shrink",tabIndex:-1,freeCSS:{whiteSpace:"nowrap",minWidth:123,minHeight:123},flexCenter:!0,onClick:()=>{t.onChange(a)},children:[d(b.Center,{gap:"1/2",children:[e(y,{children:a.month}),e(y.Supplement,{opacity:"middle",children:["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"][a.month]})]}),C&&e(h.Parts.CurrentSign,{})]},i+"-"+a.month))}return d(F,{gap:"1/2",children:[s(t.targetYear),e(O,{flexWrap:!0,gridCols:4,gap:"1/6",children:l})]},t.targetYear)}},Preset:t=>t.periodPresets?e(b.Right,{gap:"1/2",flexWrap:!0,children:t.periodPresets.map((i,v)=>e(k.Border.S,{padding:["1/4",1],onClick:()=>{t.onPreset(i.from,i.to)},children:i.label},v))}):null},Parts:{FooterNav:t=>t.commitFooter?d(A,{children:[e(x,{borderBottom:"1.thin"}),d(b.Left,{gap:"1/2",children:[d(k.Sub.S,{color:"cloud",tabIndex:-1,fontSize:"1.mini",borderRadius:"2.tone.secondary",flexSizing:"none",onClick:()=>{t.onClear()},children:[e(B.X,{})," \u30EA\u30BB\u30C3\u30C8"]}),e(h.Parts.MinMax,{restrict:t.restrict,min:t.min,max:t.max}),e(D,{}),e(k.Prime,{tabIndex:-1,borderRadius:"2.tone.secondary",freeCSS:{minWidth:128},onClick:()=>{t.onCommit&&t.onCommit(),t.set_value(i=>S(c({},i),{eventType:"commit"}))},children:"\u6C7A\u5B9A"})]})]}):null,ShiftButtons:t=>d(b.Center,{gap:"1/3",fontSize:"1.mini",children:[e(k.Sub,{className:V("LeftButton"),tabIndex:-1,right:0,position:"relative",ssSquare:2.5,onClick:()=>{t.callback(-1)},children:e(B.ChevronLeft,{})}),e(k.Sub,{className:V("RightButton"),tabIndex:-1,left:0,position:"relative",ssSquare:2.5,onClick:()=>{t.callback(1)},children:e(B.ChevronRight,{})})]}),Calendar:t=>{let{targetMonth:i,from:v,to:r,onTitleRender:s=M=>e(y.Supplement,{isSemiBoldFont:!0,children:M.toFormatYM("JP")})}=t,o=m();if(!t.targetMonth.validate)return null;let l=i.clone().setDate(1),n=l.getLastDayOfMonth(),a=m(l).addMonth(-1).getLastDayOfMonth().date,f=[],u=[],p=[],g=[];for(var C=0;C<7;C++){let M=C==6,R=C==0;f.push(e(y,{textAlign:"center",fontSize:"0.xs",fontColor:M?"googleBlue":R?"googleRed":"inherit",children:T.transformer.weekday.shortJP(C)},C))}for(var C=0;C<l.weekday;C++)u.unshift(e(y.Supplement,{fontColor:"4.thin",flexCenter:!0,children:a-C},C));for(var C=1;C<=n.date;C++){let R=i.clone().setDate(C),z=v.isSameDate(R),E=!1,H=!1;r&&r.validate&&(E=R.isInRange(v,r),H=r.isSameDate(R));let j=o.isSameDate(R),U=!1;if(t.min){let Y=m(t.min);Y&&R.value<Y.value&&(U=!0)}if(t.max){let Y=m(t.max);Y&&Y.value<R.value&&(U=!0)}p.push(d(k.Clear.S,{isLocked:U,color:"cloud",border:"1.thin",isActive:z\|\|H\|\|E,isActiveStyles:z\|\|H?{fontColor:"white",backgroundColor:"theme",borderColor:"theme",boxShadow:"0.remark"}:{backgroundColor:"theme.opa.few",fontColor:"theme",borderColor:"0.trans"},freeCSS:{whiteSpace:"nowrap",minWidth:123,minHeight:123},flexCenter:!0,ssEffectsOnActive:"shrink",tabIndex:-1,onClick:()=>{t.onChange(R)},children:[C,j&&e(h.Parts.CurrentSign,{})]},R.toFormatYMD()))}for(var C=1;C<7-n.weekday;C++)g.push(e(y.Supplement,{flexCenter:!0,fontColor:"4.thin",children:C},C));return d(F,{gap:"1/2",children:[s(i)\|\|"",d(O,{gridCols:7,gap:"1/6",children:[f,u,p,g]})]},i.toFormatYM())},DrumSelector:t=>{let{type:i,min:v,max:r,value:s}=t;const o=(n,a,f)=>{let u=t.value.clone();if(T.is.exist(n)&&(u=u.setYear(n)),T.is.exist(a)&&(u=u.setMonth(a)),T.is.exist(f)&&(u=u.setDate(f)),v){let p=m(v);u.value<p.value&&(u=p)}if(r){let p=m(r);p.value<u.value&&(u=p)}t.onChange(u)};let l=s.getLastDayOfMonth().date;return d(b.Center,{gap:"1/2",children:[e(L,{override:"force",options:h.YearOptions({}),value:s.year,onUpdateValidValue:n=>{o(Number(n))}}),e(y,{isSemiBoldFont:!0,children:"\u5E74"}),e(L,{override:"force",options:Array.from({length:12}).map((n,a)=>{let f=a+1;return{value:f,label:f}}),value:s.month,onUpdateValidValue:n=>{o(void 0,Number(n))}}),e(y,{isSemiBoldFont:!0,children:"\u6708"}),i!="month"&&d(A,{children:[e(L,{override:"force",options:Array.from({length:31}).map((n,a)=>{let f=a+1;return f>l?null:{value:f,label:f}}),value:s.date,onUpdateValidValue:n=>{o(void 0,void 0,Number(n))}}),e(y,{isSemiBoldFont:!0,children:"\u65E5"})]})]})},MinMax:t=>{let{restrict:i,min:v,max:r}=t;if(!v&&!r)return null;let s=m(v\|\|null),o=m(r\|\|null),l="",n="";return i=="year"?(l=s.toFormat("%Y\u5E74"),n=o.toFormat("%Y\u5E74")):i.match(/month/)?(l=s.toFormatYM(),n=o.toFormatYM()):i.match(/date/)?(l=s.toFormatYMD(),n=o.toFormatYMD()):i.match(/clock/)&&(s=m().setFromFormatHHMM(v\|\|""),o=m().setFromFormatHHMM(r\|\|""),l=s.toFormatHM(),n=o.toFormatHM()),d(y.Supplement,{fontHeight:1.2,fontSize:"0.xs",children:[l&&d(y,{children:["\u6700\u5C0F: ",l]}),n&&d(y,{children:["\u6700\u5927: ",n]})]})},CurrentSign:()=>e(x,{position:"absolute",bottom:"1/6",left:"50%",width:1,unitHeight:"1/6",backgroundColor:"warn",freeCSS:{maxWidth:122.5,transform:"translateX(-50%)"},isRounded:!0}),PeriodFocusSign:()=>e(x,{position:"absolute",bottom:"1/4",left:"1/2",right:"1/2",backgroundColor:"theme",unitHeight:"1/4",boxShadow:"0.remark",isRounded:!0})}},W=X;W.picker={open:t=>{let i=null,v=null,r="L";t.restrict=="year"&&(r="S"),t.restrict=="month"&&(r="S"),t.restrict=="clock"?r="XS":(t.restrict=="locale.jp.warekiDate"\|\|t.restrict=="period.clock")&&(r="S");let s=t.sheetID\|\|$();I.open("middleCenter",{sheetID:s,size:r,padding:0,paddingTop:2,closeAtAroundClick:!0,closeAtParentBlur:!1,onClose:()=>{t.onValueUpdate({value:i,era:v,eventType:"commit"})},content:d(F,{children:[d(b.Left,{children:[e(D,{}),e(k.Sub.S,{color:"cloud",ssSphere:3,onClick:()=>{I.close(s)},children:e(B.X,{})})]}),e(I.Body,{children:e(F,{padding:1,children:e(X,{sheetID:s,restrict:t.restrict,commitFooter:!0,min:t.min,max:t.max,era:t.era,defaultValue:t.defaultValue,onValueUpdate:o=>{t.onValueUpdate(o),i=o.value,v=o.era,o.eventType=="commit"&&I.close(s)}})})})]})})},close:t=>{I.close(t)}};export{W as TimeSelector,W as default};

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

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

package/dist/fn/Input/core.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{b as i,c as l,e as b}from"../../chunk-C5N2D3ZX.js";import{jsx as y,jsxs as h}from"react/jsx-runtime";import{useState as w,useEffect as S}from"react";import u,{UUID as m,useStore as v}from"jmini";import{$$fromRoot as k}from"../../@utils";import{InputClasses as _}from"../../@styles/componentClasses";import{Box as D,Flex as B,FAI as V,Column as E}from"../../atoms";import{Row as x,Literal as O}from"../../mols";import{Button as A}from"../Button";import g from"../Tooltips";const te=e=>{let[n]=w(e.componentId\|\|m(12));e=i({},e),e.states=l(i({enableFormSubmit:!0,status_id:m(8),override:"never",form:"",id:m(),"aria-label":"Input-"+n},e.states),{componentId:n});let{children:a}=e;return y(a,i({},e.states))},ae=e=>{let{children:n,val_status:a,states:t}=e,{leftIcon:s,wrapStyles:p}=t,r=a.notice\|\|[];return t.checkValidationAtFirst\|\|a.eventType=="init"&&(r=[]),h(x.Center,l(i({position:"relative",verticalAlign:"unset",gap:0},p),{className:_("Wrapper"),"data-notice-uid":a.componentId,children:[y(T.Notice,{notice:r,val_status:a}),t.leftIndicator,h(B,{position:"relative",flexSizing:"auto",children:[n,s,y(T.RightIcon,i({},e)),y(T.ClearButton,i({},e))]}),t.rightIndicator]}))},T={ClearButton:e=>!e.states.clearButton\|\|!e.val_status.rawValue?null:y(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:()=>{e.set_status(n=>l(i({},n),{rawValue:"",safeValue:"",eventType:"update",eventID:m(12),isInspected:!1}))},children:y(V.X,{})}),RightIcon:e=>e.states.clearButton&&e.val_status.rawValue?null:e.states.rightIcon,Notice:e=>{let{notice:n,val_status:a}=e,{componentId:t}=a,s="NoticeTimer-"+t,p="NoticeTimerClose-"+t,r="notice-tips-"+t;return S(()=>{u.interval.once(()=>{if(!(n!=null&&n.length)){g.close(r);return}g.open({tipsID:r,parent:`[data-notice-uid="${t}"]`,gravityPoint:24,padding:[1,0],closeAtParentBlur:!1,content:h(g.Body,{padding:["1/2","2/3"],fontSize:"1.mini",position:"relative",children:[y(D,{position:"absolute",unitHeight:1,unitWidth:1,right:1,backgroundColor:"dark",freeCSS:{zIndex:1,transform:"rotate(45deg)",top:-6}}),y(E,{backgroundColor:"inherit",gap:"1/3",position:"relative",freeCSS:{zIndex:2},children:n.map((d,f)=>{let{type:o,label:c}=d,I=o=="invalid"?V.Exclamation:o=="warn"?V.Exclamation:V.Check;return h(x.Left,{gap:0,borderRadius:"2.tone.secondary",children:[y(I,{flexCenter:!0,fontSize:"2.normal",fontColor:{invalid:"nega",warn:"warn",valid:"posi"}[o]}),y(O.Supplement,{fontSize:"0.xs",fontColor:"white",children:c})]},f+"-"+u.Stringify(d))})})]})})},350,s),u.interval.once(()=>{g.close(r)},6e3,p)},[n]),null}},F={DefaultStatus:(e,n)=>({componentId:e,rawValue:n,eventType:"init",eventID:m(12)}),CommonEffects:function(e){let{type:n,states:a,val_status:t,set_status:s,SystemValidation:p}=e;a=i({},a);let{componentId:r}=t;S(()=>(v.update({[`input_alias:id:${a.id}`]:{componentId:r},[`input_alias:name:${a.name}`]:{componentId:r},[r]:{ResolveRefresh:null,remoteUpdate:d=>{s(f=>l(i({},f),{isInspected:!1,isValidated:!1,rawValue:d,status_id:m(8),eventType:"update.remote",eventID:m(12)}))},Refresh:()=>new Promise((d,f)=>{v.get(r).ResolveRefresh=d,s(o=>l(i({},o),{isInspected:!1,eventType:"refresh",eventID:m(12)}))})}}),()=>{v.delete(r)}),[]),S(()=>{F.ValidationCheck({val_status:t,set_status:s,SystemValidation:p,states:a})},[t.eventID,t.rawValue]),u.scope(()=>{let{override:d}=a;if(t.eventType=="update.remote"){s(C=>l(i(i({},C),e.ExtraOverrideStates&&e.ExtraOverrideStates(t.rawValue)),{eventType:"override",eventID:m(12),isInspected:!1,isValidated:!1}));return}if(d=="never"\|\|d=="beforeModified"&&!u.is.oneOf(t.eventType,"init","override")\|\|t.isComposing)return;let f=v.get(t.componentId);if(!f)return;let o=a.value,c=t.rawValue;if(e.ExtraOverrideStates&&(o=e.ExtraOverrideStates(o).rawValue\|\|o),u.is.equal(o,c)){f.status_id=a.status_id;return}let I=u.SortifyObject(o),R=u.SortifyObject(c);if(I&&R&&u.is.equal(I,R)){f.status_id=a.status_id;return}a.status_id!=f.status_id&&(t.eventType=="update"&&!t.isInspected\|\|s(C=>l(i(l(i({},C),{rawValue:o}),e.ExtraOverrideStates&&e.ExtraOverrideStates(o)),{eventType:"override",eventID:m(12),isInspected:!1,isValidated:!1})))});{let{componentId:d,eventType:f}=t,o={eventType:f,componentId:d,isInspected:!!t.isInspected,isValidated:!!t.isValidated,isComposing:!!t.isComposing,isFocusing:!!t.isFocusing,isPickerOpen:!!t.isPickerOpen},c=t.rawValue;n=="autocomplete.single"?c=u.~~flatArray~~(c)[0]:n=="list.radio"?c=u.~~flatArray~~(c)[0]:a.isChecker&&(c=!!u.~~flatArray~~(c)[0]),S(()=>(u.scope(()=>{if(a.form=a.form\|\|"testForm",a.name&&a.form&&v.update({[["form-data",a.form].join("-")]:{[a.name]:{componentId:d,type:n,value:c,validation:t.isValidated}}}),!t.isInspected\|\|f!="refresh")return;let I=v.get(d);I&&I.ResolveRefresh&&I.ResolveRefresh(null)}),()=>{v.update({[["form-data",a.form].join("-")]:{[a.name]:null}})}),[t]),S(()=>{a.onUserAction&&a.onUserAction(c,o)},[t]),S(()=>{t.isInspected&&f=="update"&&(a.onUpdateValue&&a.onUpdateValue(c,o),t.isValidated&&a.onUpdateValidValue&&a.onUpdateValidValue(c,o))},[t.isValidated,t.isInspected,t.rawValue])}},ValidationCheck:e=>{let{states:n}=e;if(e.val_status.isInspected)return;let a="ValidationTimer-"+e.val_status.componentId;u.interval.abort(a),e.set_status(r=>l(i({},r),{isInspected:!1,isValidated:!1}));let t=e.SystemValidation({value:e.val_status.rawValue,states:n});if(!t.ok){e.set_status(r=>l(i({},r),{isInspected:!0,isValidated:!!t.ok,notice:t.notice\|\|[]}));return}let s=t.notice\|\|[];const p=()=>b(void 0,null,function*(){if(!n.onValidate)return;let r=yield n.onValidate(e.val_status.rawValue,e.val_status.eventType,e.val_status);e.set_status(d=>l(i({},d),{isInspected:!0,isValidated:!!r.ok,notice:[...s,...r.notice\|\|[]]}))});if(n.onValidate){if(e.val_status.eventType=="refresh"){p();return}u.interval.once(p,n.onValidateDelay\|\|400,a);return}e.set_status(r=>l(i({},r),{eventID:m(12),isInspected:!0,isValidated:!0,notice:s}))},SubmitForm:(e,n)=>{let a=!1;if(!n)return a;let t=k(`[data-form-submit-button="${n}"]`)[0];if(!t)return a;let s=t.dataset.sdfike\|\|"",p=e.key,r=e.ctrlKey\|\|e.metaKey;return u.scope(()=>{s.includes("enter")&&(p!="Enter"\|\|e.nativeEvent.isComposing\|\|(e==null?void 0:e.keyCode)==229)\|\|((p=="Enter"&&(s.includes("enter")\|\|s.includes("auxEnter")&&r)\|\|p==" "&&s.includes("space"))&&(t.click(),e.preventDefault()),a=!0)}),a},isShowValidation:(e,n)=>{let a=e.isValidated;return!n&&e.eventType=="init"?!0:a}},ne=function(e){e=i({tone:"border"},e);let n=u.scope(()=>{if(e.tone=="plain")return{};let t={padding:1,transition:"middle",flexSizing:"auto",boxShadow:"0.min"};return e.tone=="border"?t=l(i({},t),{border:!0,borderRadius:"2.tone.secondary",backgroundColor:"layer.1"}):e.tone=="cloud"?t=l(i({},t),{border:"1.thin",borderRadius:"2.tone.secondary",backgroundColor:"cloud"}):e.tone=="bottomBorder"&&(t=l(i({},t),{borderRadius:0,border:"unset",borderBottom:!0,backgroundColor:"cloud"})),t});return l(i(i(i(i(i(i({fontColor:"2.normal"},n),!!e.rightIcon&&{paddingRight:3}),!!e.leftIcon&&{paddingLeft:3}),!!e.leftIndicator&&{borderTopLeftRadius:"2/3",borderBottomLeftRadius:"2/3",marginLeft:"1/4"}),!!e.rightIndicator&&{borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3",marginRight:"1/4"}),e),{freeCSS:i({letterSpacing:"1px",resize:"none"},e.freeCSS),className:[_("Input"),e.className].join(" ")})};export{ae as BoxWrapper,F as CoreEffects,ne as DefaultBoxishStyles,te as OptionalInputWrapper};
1	+ import{b as n,c as l,e as b}from"../../chunk-C5N2D3ZX.js";import{jsx as y,jsxs as h}from"react/jsx-runtime";import{useState as w,useEffect as S}from"react";import u,{UUID as m,useStore as v}from"jmini";import{$$fromRoot as k}from"../../@utils";import{InputClasses as _}from"../../@styles/componentClasses";import{Box as D,Flex as B,FAI as V,Column as E}from"../../atoms";import{Row as x,Literal as O}from"../../mols";import{Button as A}from"../Button";import g from"../Tooltips";const te=e=>{let[i]=w(e.componentId\|\|m(12));e=n({},e),e.states=l(n({enableFormSubmit:!0,status_id:m(8),override:"never",form:"",id:m(),"aria-label":"Input-"+i},e.states),{componentId:i});let{children:a}=e;return y(a,n({},e.states))},ae=e=>{let{children:i,val_status:a,states:t}=e,{leftIcon:s,wrapStyles:p}=t,r=a.notice\|\|[];return t.checkValidationAtFirst\|\|a.eventType=="init"&&(r=[]),h(x.Center,l(n({position:"relative",verticalAlign:"unset",gap:0},p),{className:_("Wrapper"),"data-notice-uid":a.componentId,children:[y(T.Notice,{notice:r,val_status:a}),t.leftIndicator,h(B,{position:"relative",flexSizing:"auto",children:[i,s,y(T.RightIcon,n({},e)),y(T.ClearButton,n({},e))]}),t.rightIndicator]}))},T={ClearButton:e=>!e.states.clearButton\|\|!e.val_status.rawValue?null:y(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:()=>{e.set_status(i=>l(n({},i),{rawValue:"",safeValue:"",eventType:"update",eventID:m(12),isInspected:!1}))},children:y(V.X,{})}),RightIcon:e=>e.states.clearButton&&e.val_status.rawValue?null:e.states.rightIcon,Notice:e=>{let{notice:i,val_status:a}=e,{componentId:t}=a,s="NoticeTimer-"+t,p="NoticeTimerClose-"+t,r="notice-tips-"+t;return S(()=>{u.interval.once(()=>{if(!(i!=null&&i.length)){g.close(r);return}g.open({tipsID:r,parent:`[data-notice-uid="${t}"]`,gravityPoint:24,padding:[1,0],closeAtParentBlur:!1,content:h(g.Body,{padding:["1/2","2/3"],fontSize:"1.mini",position:"relative",children:[y(D,{position:"absolute",unitHeight:1,unitWidth:1,right:1,backgroundColor:"dark",freeCSS:{zIndex:1,transform:"rotate(45deg)",top:-6}}),y(E,{backgroundColor:"inherit",gap:"1/3",position:"relative",freeCSS:{zIndex:2},children:i.map((d,f)=>{let{type:o,label:c}=d,I=o=="invalid"?V.Exclamation:o=="warn"?V.Exclamation:V.Check;return h(x.Left,{gap:0,borderRadius:"2.tone.secondary",children:[y(I,{flexCenter:!0,fontSize:"2.normal",fontColor:{invalid:"nega",warn:"warn",valid:"posi"}[o]}),y(O.Supplement,{fontSize:"0.xs",fontColor:"white",children:c})]},f+"-"+u.Stringify(d))})})]})})},350,s),u.interval.once(()=>{g.close(r)},6e3,p)},[i]),null}},F={DefaultStatus:(e,i)=>({componentId:e,rawValue:i,eventType:"init",eventID:m(12)}),CommonEffects:function(e){let{type:i,states:a,val_status:t,set_status:s,SystemValidation:p}=e;a=n({},a);let{componentId:r}=t;S(()=>(v.update({[`input_alias:id:${a.id}`]:{componentId:r},[`input_alias:name:${a.name}`]:{componentId:r},[r]:{ResolveRefresh:null,remoteUpdate:d=>{s(f=>l(n({},f),{isInspected:!1,isValidated:!1,rawValue:d,status_id:m(8),eventType:"update.remote",eventID:m(12)}))},Refresh:()=>new Promise((d,f)=>{v.get(r).ResolveRefresh=d,s(o=>l(n({},o),{isInspected:!1,eventType:"refresh",eventID:m(12)}))})}}),()=>{v.delete(r)}),[]),S(()=>{F.ValidationCheck({val_status:t,set_status:s,SystemValidation:p,states:a})},[t.eventID,t.rawValue]),u.scope(()=>{let{override:d}=a;if(t.eventType=="update.remote"){s(C=>l(n(n({},C),e.ExtraOverrideStates&&e.ExtraOverrideStates(t.rawValue)),{eventType:"override",eventID:m(12),isInspected:!1,isValidated:!1}));return}if(d=="never"\|\|d=="beforeModified"&&!u.is.oneOf(t.eventType,"init","override")\|\|t.isComposing)return;let f=v.get(t.componentId);if(!f)return;let o=a.value,c=t.rawValue;if(e.ExtraOverrideStates&&(o=e.ExtraOverrideStates(o).rawValue\|\|o),u.is.equal(o,c)){f.status_id=a.status_id;return}let I=u.SortifyObject(o),R=u.SortifyObject(c);if(I&&R&&u.is.equal(I,R)){f.status_id=a.status_id;return}a.status_id!=f.status_id&&(t.eventType=="update"&&!t.isInspected\|\|s(C=>l(n(l(n({},C),{rawValue:o}),e.ExtraOverrideStates&&e.ExtraOverrideStates(o)),{eventType:"override",eventID:m(12),isInspected:!1,isValidated:!1})))});{let{componentId:d,eventType:f}=t,o={eventType:f,componentId:d,isInspected:!!t.isInspected,isValidated:!!t.isValidated,isComposing:!!t.isComposing,isFocusing:!!t.isFocusing,isPickerOpen:!!t.isPickerOpen},c=t.rawValue;i=="autocomplete.single"?c=u.Arrayify(c)[0]:i=="list.radio"?c=u.Arrayify(c)[0]:a.isChecker&&(c=!!u.Arrayify(c)[0]),S(()=>(u.scope(()=>{if(a.form=a.form\|\|"testForm",a.name&&a.form&&v.update({[["form-data",a.form].join("-")]:{[a.name]:{componentId:d,type:i,value:c,validation:t.isValidated}}}),!t.isInspected\|\|f!="refresh")return;let I=v.get(d);I&&I.ResolveRefresh&&I.ResolveRefresh(null)}),()=>{v.update({[["form-data",a.form].join("-")]:{[a.name]:null}})}),[t]),S(()=>{a.onUserAction&&a.onUserAction(c,o)},[t]),S(()=>{t.isInspected&&f=="update"&&(a.onUpdateValue&&a.onUpdateValue(c,o),t.isValidated&&a.onUpdateValidValue&&a.onUpdateValidValue(c,o))},[t.isValidated,t.isInspected,t.rawValue])}},ValidationCheck:e=>{let{states:i}=e;if(e.val_status.isInspected)return;let a="ValidationTimer-"+e.val_status.componentId;u.interval.abort(a),e.set_status(r=>l(n({},r),{isInspected:!1,isValidated:!1}));let t=e.SystemValidation({value:e.val_status.rawValue,states:i});if(!t.ok){e.set_status(r=>l(n({},r),{isInspected:!0,isValidated:!!t.ok,notice:t.notice\|\|[]}));return}let s=t.notice\|\|[];const p=()=>b(void 0,null,function*(){if(!i.onValidate)return;let r=yield i.onValidate(e.val_status.rawValue,e.val_status.eventType,e.val_status);e.set_status(d=>l(n({},d),{isInspected:!0,isValidated:!!r.ok,notice:[...s,...r.notice\|\|[]]}))});if(i.onValidate){if(e.val_status.eventType=="refresh"){p();return}u.interval.once(p,i.onValidateDelay\|\|400,a);return}e.set_status(r=>l(n({},r),{eventID:m(12),isInspected:!0,isValidated:!0,notice:s}))},SubmitForm:(e,i)=>{let a=!1;if(!i)return a;let t=k(`[data-form-submit-button="${i}"]`)[0];if(!t)return a;let s=t.dataset.sdfike\|\|"",p=e.key,r=e.ctrlKey\|\|e.metaKey;return u.scope(()=>{s.includes("enter")&&(p!="Enter"\|\|e.nativeEvent.isComposing\|\|(e==null?void 0:e.keyCode)==229)\|\|((p=="Enter"&&(s.includes("enter")\|\|s.includes("auxEnter")&&r)\|\|p==" "&&s.includes("space"))&&(t.click(),e.preventDefault()),a=!0)}),a},isShowValidation:(e,i)=>{let a=e.isValidated;return!i&&e.eventType=="init"?!0:a}},ie=function(e){e=n({tone:"border"},e);let i=u.scope(()=>{if(e.tone=="plain")return{};let t={padding:1,transition:"middle",flexSizing:"auto",boxShadow:"0.min"};return e.tone=="border"?t=l(n({},t),{border:!0,borderRadius:"2.tone.secondary",backgroundColor:"layer.1"}):e.tone=="cloud"?t=l(n({},t),{border:"1.thin",borderRadius:"2.tone.secondary",backgroundColor:"cloud"}):e.tone=="bottomBorder"&&(t=l(n({},t),{borderRadius:0,border:"unset",borderBottom:!0,backgroundColor:"cloud"})),t});return l(n(n(n(n(n(n({fontColor:"2.normal"},i),!!e.rightIcon&&{paddingRight:3}),!!e.leftIcon&&{paddingLeft:3}),!!e.leftIndicator&&{borderTopLeftRadius:"2/3",borderBottomLeftRadius:"2/3",marginLeft:"1/4"}),!!e.rightIndicator&&{borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3",marginRight:"1/4"}),e),{freeCSS:n({letterSpacing:"1px",resize:"none"},e.freeCSS),className:[_("Input"),e.className].join(" ")})};export{ae as BoxWrapper,F as CoreEffects,ie as DefaultBoxishStyles,te as OptionalInputWrapper};

package/dist/fn/RootViewController.js CHANGED Viewed

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

package/dist/fn/Sheet.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{b as h,c as D,d as X}from"../chunk-C5N2D3ZX.js";import{Fragment as pe,jsx as u,jsxs as V}from"react/jsx-runtime";import p,{UUID as J,Time as ce,useStore as w}from"jmini";import{useState as M,useEffect as j,useRef as ue}from"react";import{$$fromRoot as U,Config as G}from"../@utils";import{Box as A,Flex as he,Img as fe,FAI as ae,Column as re,Grid as de,CacheRender as me}from"../atoms";import{Row as ne}from"../mols";import{Button as le}from"./Button";import{SheetClasses as g}from"../@styles/componentClasses";import ge from"./Plate";const v={currentIndex:0,openQueue:{},getSessionStates:()=>{let t=w.get("sessionStates-"+G.get().sessionUID);return t\|\|null},getnew_sheetstates:t=>{var a;let e=D(h({sheetGroups:t.sheetGroups\|\|[],backgroundEffect:!0,overwrap:t.type=="custom",hold_state:!1,closeAtPageTransit:!0,closeAtEscapeKeyDown:!0,closeAtAroundClick:t.type=="custom"},t),{sheetID:t.sheetID\|\|J(),isOpen:!0,created_at:ce()});return e.type=="custom"&&(e.parent=e.parent\|\|((a=e.event)==null?void 0:a.currentTarget)),e},Wrapper:()=>{let[t,e]=M([]),a={val_sheets:t,set_sheets:e},f="sessionStates-"+G.get().sessionUID;return w.set({[f]:a}),j(()=>{let d="Sheet-"+G.get().sessionUID;w.set({[d]:{add:(n,r)=>{let i=w.get(d);if(!i)return;let s=v.getnew_sheetstates(n);if(v.openQueue[s.sheetID])return;if(v.openQueue[s.sheetID]=!0,r!="inherit"&&(s.isOpen=r!=null?r:!0),!!i.find(s.sheetID)){e(y=>{let E=[...y],T=E.findIndex(L=>L.sheetID==s.sheetID);return T==-1\|\|(E[T]=s),E}),delete v.openQueue[s.sheetID];return}e(y=>[s,...y])},find:n=>{let r=v.getSessionStates();if(!r)return null;let{val_sheets:i}=r;return i.find(s=>s.sheetID==n)}}}),p(G.get().appRoot).removeEvent(["SheetEvent.keyUp","SheetEvent.Click"]).addEvent({eventType:"keyup",eventID:"SheetEvent.keyUp",callback:function(n){let{key:r,metaKey:i}=n;if(r=="Escape"\|\|r==","&&i){let s=v.getSessionStates();if(!s)return;let{val_sheets:C}=s,y=C.filter(T=>T.isOpen);if(!y.length)return;let E=y.reduce((T,L)=>T.created_at.value>L.created_at.value?T:L);x.close(E.sheetID,r)}}}).addEvent({eventType:"click",eventID:"SheetEvent.Click",callback:function(n){let r=v.getSessionStates();if(!r)return;let{val_sheets:i}=r,s=n.target;if(!s\|\|s!=null&&s.closest("."+g("CustomSheet")))return;let C=i.filter(y=>y.type=="custom");C.length&&C.forEach(y=>{let{parent:E}=y;if(!y.closeAtAroundClick)return;let T=U(E)[0];E!==s&&T!==s&&(p(T).find(s).length\|\|x.close(y.sheetID))})}})},[]),u(pe,{children:t.map(d=>u(me,{params:d,forceRender:(n,r)=>n.isOpen!=r.isOpen\|\|n.size!=r.size\|\|!p.is.equal(p.SortifyObject(n.props\|\|""),p.SortifyObject(r.props\|\|"")),children:u(v.Core,D(h({},a),{val_sheet:d,patch_sheet:n=>{e(r=>{let i=[...r],s=i.findIndex(C=>C.sheetID==d.sheetID);return s!=-1&&(i[s]=h(h({},i[s]),n)),i})},delete_sheet:()=>{e(n=>[...n.filter(r=>r.sheetID!=d.sheetID)])}}))},d.sheetID))})},sheetCategory:t=>t=="custom"?"custom":t.startsWith("drawer")?"drawer":"normal",sheetPosition:t=>t=="drawer.left"?"left":t=="drawer.right"?"right":t=="drawer.bottom"?"bottom":"",Core:t=>{let{val_sheet:e,patch_sheet:a}=t,[f,d]=M(v.currentIndex+2),[n]=M(J()),r=e.type!="custom"&&!e.overwrap;j(()=>{v.currentIndex++,p.scope(()=>{if(!e.closeAtParentBlur)return;let s=p(e.parent);s[0]&&s.addEvent({eventID:"SheetClosation-"+e.sheetID,eventType:"mouseout",callback:()=>{s.removeEvent("SheetClosation-"+e.sheetID),a({isOpen:!1})}})}),w.set({[e.sheetID]:{modifyProps:s=>{setTimeout(()=>{a({props:s})},10)},resize:s=>{if(e.type=="drawer.bottom"){let C=w.get(n);C&&C.resize&&C.resize(s);return}a({size:s})},close:s=>{a({isOpen:!1})},open:()=>{a({isOpen:!0})}}})},[]),j(()=>{p.scope(()=>{let s=U("#"+n);if(e.isOpen){e.hold_state&&d(v.currentIndex+1),s.await(10).removeClass(g("Hide")).await(10).addClass(g("Open")).callback(()=>{delete v.openQueue[e.sheetID],e.onOpen&&e.onOpen()});return}s.await(10).removeClass(g("Open")).await(251).addClass(g("Hide")).callback(()=>{if(e.onClose&&e.onClose(),r&&G.get().browserIs!="safari"&&p(G.get().appRoot).focus(),e.hold_state)return a({isOpen:!1});t.delete_sheet()})})},[e.isOpen]);let i=v.Types[{topLeft:"Normal",topCenter:"Normal",topRight:"Normal",middleLeft:"Normal",middleCenter:"Normal",middleRight:"Normal",bottomLeft:"Normal",bottomCenter:"Normal",bottomRight:"Normal","drawer.left":"Edge","drawer.right":"Edge","drawer.bottom":"Bottom",custom:"Custom"}[e.type]];return u(A,{className:["AMOTIFY_be",g("Wrap"),g("Tcate_"+v.sheetCategory(e.type)),g("Tpos_"+v.sheetPosition(e.type)),g("isMainSheet_"+r),e.wrapperClassName\|\|""].join(" "),width:1,ssAbsoluteCovered:!0,position:"fixed",freeCSS:{zIndex:f},id:n,children:V(re,{className:g("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[!!r&&u(A,{className:g("TapSensor"),position:"sticky",top:0,height:0,width:1,flexSizing:"none",children:u(A,{backgroundColor:"trans",height:"viewHeight",position:"absolute",top:0,width:1,className:g("TapContent"),onClick:s=>{var y;((y=e.closeAtAroundClick)==null\|\|y)&&x.close(e.sheetID)}})}),u(i,h({componentId:n},e))]})},n)},Types:{Normal:t=>{let k=t,{sheetID:e,sheetGroups:a,bodyScrolls:f,props:d,content:n,className:r="",type:i,size:s="R",freeCSS:C,onOpen:y,onClose:E,closeAtAroundClick:T,closeAtEscapeKeyDown:L,closeAtPageTransit:q,closeAtParentBlur:ee,closeAtSwipeDown:Y,hold_state:te,overwrap:oe,isOpen:se,backgroundEffect:H,wrapperClassName:F}=k,K=X(k,["sheetID","sheetGroups","bodyScrolls","props","content","className","type","size","freeCSS","onOpen","onClose","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect","wrapperClassName"]),_=p.is.function(n)?u(n,h({},d)):n,R={},b=[];return i.match(/top/)?(b.push("top"),R.marginBottom="auto"):i.match(/middle/)?(b.push("center"),R.marginTop="auto",R.marginBottom="auto"):i.match(/bottom/)&&(b.push("bottom"),R.marginTop="auto"),i.match(/left/i)?(b.push("left"),R.marginRight="auto"):i.match(/center/i)?(b.push("center"),R.marginLeft="auto",R.marginRight="auto"):i.match(/right/i)&&(b.push("right"),R.marginLeft="auto"),u(A,D(h(h({className:[g("BB"),r].join(" "),padding:1,transition:"short",opacity:"trans"},K),R),{freeCSS:h({width:{XS:"22rem",S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100%"}[s],maxWidth:"96vw",transformOrigin:b.join(" ")},C),children:_}))},Edge:t=>{let _=t,{sheetID:e,sheetGroups:a,bodyScrolls:f,type:d,props:n,content:r,className:i="",size:s="R",onOpen:C,onClose:y,closeAtAroundClick:E,closeAtEscapeKeyDown:T,closeAtPageTransit:L,closeAtParentBlur:q,closeAtSwipeDown:ee,hold_state:Y,overwrap:te,isOpen:oe,backgroundEffect:se,wrapperClassName:H}=_,F=X(_,["sheetID","sheetGroups","bodyScrolls","type","props","content","className","size","onOpen","onClose","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect","wrapperClassName"]),K=p.is.function(r)?u(r,h({},n)):r;return u(A,D(h(D(h({className:[g("BB"),i].join(" ")},d=="drawer.right"?{marginLeft:"auto"}:d=="drawer.left"?{marginRight:"auto"}:{}),{opacity:"trans",transition:"short",position:"relative",backgroundColor:"layer.1",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark"}),F),{freeCSS:h({width:{XS:"16rem",S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"100vw"}[s],maxWidth:"96vw"},F.freeCSS),children:K}))},Bottom:t=>{let Q=t,{componentId:e,sheetID:a,sheetGroups:f,bodyScrolls:d,props:n,content:r,size:i="R",sizeChanged:s,baseStyles:C,onOpen:y,onClose:E,closeAtAroundClick:T,closeAtEscapeKeyDown:L,closeAtPageTransit:q,closeAtParentBlur:ee,closeAtSwipeDown:Y=!0,hold_state:te,overwrap:oe,isOpen:se,backgroundEffect:H,wrapperClassName:F}=Q,K=X(Q,["componentId","sheetID","sheetGroups","bodyScrolls","props","content","size","sizeChanged","baseStyles","onOpen","onClose","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect","wrapperClassName"]),_=p.is.function(r)?u(r,h({},n)):r,R=p.getScreenSize(),b=[0,.2,.6,.95],k={ZERO:0,XS:1,S:1,R:2,L:3,"2L":3,"3L":3,MAX:3},[W,$]=M(i),[I,P]=M({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:b[k[i]]});w.update({[e]:{val_edit:I,resize:S=>{let m=b[k[S]];P(c=>D(h({},c),{value:m})),$(S)}}});const B={Start:S=>{p(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:B.Move,options:{passive:!1}}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:B.Move,options:{passive:!1}}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:B.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:B.End});let m=p.getCursor(S),c=D(h({},I),{process:!0,processStart:new Date().getTime(),originY:m.y,originValue:I.value,viewHeight:p.getScreenSize().height});w.update({[e]:{val_edit:c}}),P(c)},Move:S=>{var O;let m=(O=w.get(e))==null?void 0:O.val_edit;if(!m.process)return;let z=(p.getCursor(S).y-m.originY)/m.viewHeight,o=m.originValue-z;if(o>.95)o=.95+(o-.95).5;else if(o<.2){let N=.2-o;N-=.1,o=.1+(.1-N).5}return P(D(h({},m),{value:o})),S.preventDefault(),S.stopPropagation(),!1},End:S=>{var o;let m=(o=w.get(e))==null?void 0:o.val_edit;if(!m.process)return;p(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let c=0;if(m.value<.1\|\|(m.value<.5?c=1:m.value>.75?c=3:c=2),new Date().getTime()-m.processStart<300){let O=p.getCursor(S).y-m.originY;if(Math.abs(O)>=20){let N=+(O<0)2-1;c+=N,c=Math.min(Math.max(c,0),b.length-1)}}c==0&&(Y\|\|(c=1)),$(["ZERO","S","R","L"][c]),P(D(h({},m),{value:b[c],process:!1}))}},Z=ue(!1);return j(()=>{Z.current?W=="ZERO"?Y&&x.close(a):setTimeout(()=>{t.sizeChanged&&t.sizeChanged(W)},250):Z.current=!0},[W]),u(A,{className:g("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long",freeCSS:h({maxWidth:1260,height:R.height*I.value},I.process?{transition:"0s"}:{}),children:V(re,D(h({gap:0,flexSizing:"none",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",borderBottom:"unset",boxShadow:"3.remark",position:"relative",overflow:"hidden",height:1},C),{children:[V(ne.Separate,{padding:1,backgroundColor:"layer.1",position:"relative",freeCSS:{userSelect:"none"},children:[u(A,{ssSphere:2.5}),u(ne.Center,{onPointerDown:B.Start,flexSizing:0,padding:"2/3",ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:u(A,{unitWidth:6,unitHeight:"1/2",backgroundColor:"layer.4",isRounded:!0,className:g("DragBar")})}),u(le.Sub,{color:"cloud",ssSphere:2.5,onClick:()=>{x.close(a)},children:u(ae.X,{})})]}),u(A,D(h({backgroundColor:"layer.1",flexSizing:0,overflow:"auto"},K),{children:_}))]}))})},Custom:t=>{let Q=t,{sheetID:e,sheetGroups:a,bodyScrolls:f,event:d,parent:n,nextToCursor:r,gravityPoint:i=22,props:s,content:C,closeAtAroundClick:y,closeAtEscapeKeyDown:E,closeAtPageTransit:T,closeAtParentBlur:L,closeAtSwipeDown:q,hold_state:ee,onOpen:Y,onClose:te,overwrap:oe,isOpen:se,resize:H,backgroundEffect:F,wrapperClassName:K}=Q,_=X(Q,["sheetID","sheetGroups","bodyScrolls","event","parent","nextToCursor","gravityPoint","props","content","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","onOpen","onClose","overwrap","isOpen","resize","backgroundEffect","wrapperClassName"]),R=p.is.function(C)?u(C,h({},s)):C,[b]=M(J()),k=p.is.element(n)\|\|p.is.jmini(n)?p(n):U(n),W='[data-sheet-id="'+b+'"]',$='[data-sheet-content="'+b+'"]';i=i;let I=i%5\|\|5,P=Math.ceil(i/5);const B={Init:()=>{if(r&&d){let l=p.getScreenSize(),ie=p.getCursor(d);return{top:ie.y-l.pageYOffset,left:ie.x-l.pageXOffset}}let S={};if(!k\|\|!k[0])return S;let{top:m,right:c,bottom:z,left:o,height:O,width:N}=k.position();return p.is.oneOf(I,1,2)?S.left=o:I==3?S.left=o+N/2:p.is.oneOf(I,4,5)&&(S.left=c),i<=10?S.top=m:i<=15?S.top=m+O/2:i<=25&&(S.top=z),S},Adjust:()=>{let S=U(W).position(),m=U($).position(),c=k.position(),z=p.getScreenSize(),o={};for(let l in m)o[l]=m[l];if(p.scope(()=>{if(t.nextToCursor)return;let l=0;P==1?l=c.top-o.bottom:P==2?l=c.top-o.top:P==3?l=c.top-o.top+(c.height-o.height)/2:P==4?l=c.bottom-o.bottom:P==5&&(l=c.bottom-o.top),o.top+=l,o.bottom+=l}),p.scope(()=>{if(t.nextToCursor)return;let l=0;I==1?l=c.left-o.right:I==2?l=c.left-o.left:I==3?l=c.left-o.left+(c.width-o.width)/2:I==4?l=c.right-o.right:I==5&&(l=c.right-o.left),o.left+=l,o.right+=l}),o.top<0){let l=-o.top;o.top+=l,o.bottom+=l}if(o.bottom>z.height){let l=o.bottom-z.height;o.top-=l,o.bottom-=l}if(o.left<0){let l=-o.left;o.left+=l,o.right+=l}if(o.right>z.width){let l=o.right-z.width;o.left-=l,o.right-=l}let O=o.top-m.top,N=o.left-m.left;p(W).css({top:S.top+O+"px",left:S.left+N+"px"})}};let[Z]=M(B.Init());return j(()=>{U(W).await(10).addClass(g("Open")).await(200).callback(()=>{(H==null\|\|H)&&B.Adjust()}),w.update({["customSheet-"+t.sheetID]:{reposition:()=>{B.Adjust()}}})},[]),k[0]?u(A,{className:[g("BB"),g("CustomSheet")].join(" "),"data-sheet-id":b,transition:"long",position:"absolute",width:0,height:0,opacity:"trans",flexCenter:!0,freeCSS:Z,children:u(he,{position:"absolute",className:[g("GPT"),g("GPT_"+i),g("Col_"+I),g("Row_"+P)].join(" "),children:u(A,D(h({"data-sheet-content":b,flexSizing:"none",maxHeight:"viewHeight"},_),{freeCSS:h({maxWidth:"98vw"},_.freeCSS),children:R}))})}):null}}},x={Wrapper:()=>u(v.Wrapper,{}),Element:t=>{let d=t,{isOpen:e,children:a}=d,f=X(d,["isOpen","children"]);return j(()=>{if(e){x.open(t.type,D(h({},f),{content:a}));return}f.sheetID&&x.close(f.sheetID)},[e,f.props\|\|""]),u(pe,{})},image:(t,e)=>{let a=t.sheetID\|\|J(),n=t,{type:f}=n,d=X(n,["type"]);x.open(f\|\|"topCenter",D(h({size:"MAX"},d),{sheetID:a,freeCSS:{maxWidth:"100vw"},content:()=>{let[r]=M(p.flatArray(e));return u(ge,{children:V(re,{children:[u(ne.Right,{children:V(le.Sub.S,{color:"cloud",isRounded:!0,onClick:()=>{x.close(a)},children:[u(ae.X,{})," \u9589\u3058\u308B"]})}),u(de.Layout,{gap:1,gridTemplateColumns:"repeat(3,1fr)",gridTemplateRows:"repeat(2,auto)",gridChildTemplates:[["span 3",0],["span 2","span 2"],[0,0],[0,0],[0,"span 2"],["span 2",0],[0,0],[0,0]],children:r.map((i,s)=>u(fe,{ssCardBox:!0,position:"relative",flexCenter:!0,src:i},s))})]})})}}))},open:(t,e,a)=>{e.sheetID=(e.sheetID\|\|"").replace(/\./g,"-"),e.type=t;let f=w.get("Sheet-"+G.get().sessionUID);f&&f.add(e,a)},modifyProps:(t,e)=>{t=(t\|\|"").replace(/\./g,"-");let a=w.get(t);a&&a.modifyProps&&a.modifyProps(e)},resize:(t,e)=>{t=(t\|\|"").replace(/\./g,"-");let a=w.get(t);a&&a.resize&&a.resize(e)},customSheet:{reposition:t=>{let e=w.get("customSheet-"+t);e&&e.reposition&&e.reposition()}},close:function(t,e,a){let f=v.getSessionStates();if(!f)return;let{val_sheets:d}=f;t=t==null?void 0:t.replace(/\./g,"-");let n=d.find(i=>i.sheetID==t);if(!n\|\|e=="Escape"&&!n.closeAtEscapeKeyDown)return;let r=w.get(n.sheetID);r&&r.close&&r.close(a)},closeGroup:t=>{let e=v.getSessionStates();if(!e)return;let{val_sheets:a}=e;t=(t\|\|"").replace(/\./g,"-");for(let f of a)f.sheetGroups&&f.sheetGroups==t&&x.close(f.sheetID)},closeAll:t=>{let e=v.getSessionStates();if(!e)return;let{val_sheets:a}=e;for(let f of a)t&&!f.closeAtPageTransit\|\|x.close(f.sheetID,"pageTransit",!0)},Body:t=>u(A,h({className:g("BaseBody"),backgroundColor:"layer.1",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},t))};export{x as Sheet,x as default};
1	+ import{b as h,c as D,d as X}from"../chunk-C5N2D3ZX.js";import{Fragment as pe,jsx as u,jsxs as V}from"react/jsx-runtime";import p,{UUID as J,Time as ce,useStore as w}from"jmini";import{useState as M,useEffect as j,useRef as ue}from"react";import{$$fromRoot as U,Config as G}from"../@utils";import{Box as A,Flex as he,Img as fe,FAI as ae,Column as re,Grid as de,CacheRender as me}from"../atoms";import{Row as ne}from"../mols";import{Button as le}from"./Button";import{SheetClasses as g}from"../@styles/componentClasses";import ge from"./Plate";const v={currentIndex:0,openQueue:{},getSessionStates:()=>{let t=w.get("sessionStates-"+G.get().sessionUID);return t\|\|null},getnew_sheetstates:t=>{var a;let e=D(h({sheetGroups:t.sheetGroups\|\|[],backgroundEffect:!0,overwrap:t.type=="custom",hold_state:!1,closeAtPageTransit:!0,closeAtEscapeKeyDown:!0,closeAtAroundClick:t.type=="custom"},t),{sheetID:t.sheetID\|\|J(),isOpen:!0,created_at:ce()});return e.type=="custom"&&(e.parent=e.parent\|\|((a=e.event)==null?void 0:a.currentTarget)),e},Wrapper:()=>{let[t,e]=M([]),a={val_sheets:t,set_sheets:e},f="sessionStates-"+G.get().sessionUID;return w.set({[f]:a}),j(()=>{let d="Sheet-"+G.get().sessionUID;w.set({[d]:{add:(n,r)=>{let i=w.get(d);if(!i)return;let s=v.getnew_sheetstates(n);if(v.openQueue[s.sheetID])return;if(v.openQueue[s.sheetID]=!0,r!="inherit"&&(s.isOpen=r!=null?r:!0),!!i.find(s.sheetID)){e(y=>{let E=[...y],T=E.findIndex(L=>L.sheetID==s.sheetID);return T==-1\|\|(E[T]=s),E}),delete v.openQueue[s.sheetID];return}e(y=>[s,...y])},find:n=>{let r=v.getSessionStates();if(!r)return null;let{val_sheets:i}=r;return i.find(s=>s.sheetID==n)}}}),p(G.get().appRoot).removeEvent(["SheetEvent.keyUp","SheetEvent.Click"]).addEvent({eventType:"keyup",eventID:"SheetEvent.keyUp",callback:function(n){let{key:r,metaKey:i}=n;if(r=="Escape"\|\|r==","&&i){let s=v.getSessionStates();if(!s)return;let{val_sheets:C}=s,y=C.filter(T=>T.isOpen);if(!y.length)return;let E=y.reduce((T,L)=>T.created_at.value>L.created_at.value?T:L);x.close(E.sheetID,r)}}}).addEvent({eventType:"click",eventID:"SheetEvent.Click",callback:function(n){let r=v.getSessionStates();if(!r)return;let{val_sheets:i}=r,s=n.target;if(!s\|\|s!=null&&s.closest("."+g("CustomSheet")))return;let C=i.filter(y=>y.type=="custom");C.length&&C.forEach(y=>{let{parent:E}=y;if(!y.closeAtAroundClick)return;let T=U(E)[0];E!==s&&T!==s&&(p(T).find(s).length\|\|x.close(y.sheetID))})}})},[]),u(pe,{children:t.map(d=>u(me,{params:d,forceRender:(n,r)=>n.isOpen!=r.isOpen\|\|n.size!=r.size\|\|!p.is.equal(p.SortifyObject(n.props\|\|""),p.SortifyObject(r.props\|\|"")),children:u(v.Core,D(h({},a),{val_sheet:d,patch_sheet:n=>{e(r=>{let i=[...r],s=i.findIndex(C=>C.sheetID==d.sheetID);return s!=-1&&(i[s]=h(h({},i[s]),n)),i})},delete_sheet:()=>{e(n=>[...n.filter(r=>r.sheetID!=d.sheetID)])}}))},d.sheetID))})},sheetCategory:t=>t=="custom"?"custom":t.startsWith("drawer")?"drawer":"normal",sheetPosition:t=>t=="drawer.left"?"left":t=="drawer.right"?"right":t=="drawer.bottom"?"bottom":"",Core:t=>{let{val_sheet:e,patch_sheet:a}=t,[f,d]=M(v.currentIndex+2),[n]=M(J()),r=e.type!="custom"&&!e.overwrap;j(()=>{v.currentIndex++,p.scope(()=>{if(!e.closeAtParentBlur)return;let s=p(e.parent);s[0]&&s.addEvent({eventID:"SheetClosation-"+e.sheetID,eventType:"mouseout",callback:()=>{s.removeEvent("SheetClosation-"+e.sheetID),a({isOpen:!1})}})}),w.set({[e.sheetID]:{modifyProps:s=>{setTimeout(()=>{a({props:s})},10)},resize:s=>{if(e.type=="drawer.bottom"){let C=w.get(n);C&&C.resize&&C.resize(s);return}a({size:s})},close:s=>{a({isOpen:!1})},open:()=>{a({isOpen:!0})}}})},[]),j(()=>{p.scope(()=>{let s=U("#"+n);if(e.isOpen){e.hold_state&&d(v.currentIndex+1),s.await(10).removeClass(g("Hide")).await(10).addClass(g("Open")).callback(()=>{delete v.openQueue[e.sheetID],e.onOpen&&e.onOpen()});return}s.await(10).removeClass(g("Open")).await(251).addClass(g("Hide")).callback(()=>{if(e.onClose&&e.onClose(),r&&G.get().browserIs!="safari"&&p(G.get().appRoot).focus(),e.hold_state)return a({isOpen:!1});t.delete_sheet()})})},[e.isOpen]);let i=v.Types[{topLeft:"Normal",topCenter:"Normal",topRight:"Normal",middleLeft:"Normal",middleCenter:"Normal",middleRight:"Normal",bottomLeft:"Normal",bottomCenter:"Normal",bottomRight:"Normal","drawer.left":"Edge","drawer.right":"Edge","drawer.bottom":"Bottom",custom:"Custom"}[e.type]];return u(A,{className:["AMOTIFY_be",g("Wrap"),g("Tcate_"+v.sheetCategory(e.type)),g("Tpos_"+v.sheetPosition(e.type)),g("isMainSheet_"+r),e.wrapperClassName\|\|""].join(" "),width:1,ssAbsoluteCovered:!0,position:"fixed",freeCSS:{zIndex:f},id:n,children:V(re,{className:g("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[!!r&&u(A,{className:g("TapSensor"),position:"sticky",top:0,height:0,width:1,flexSizing:"none",children:u(A,{backgroundColor:"trans",height:"viewHeight",position:"absolute",top:0,width:1,className:g("TapContent"),onClick:s=>{var y;((y=e.closeAtAroundClick)==null\|\|y)&&x.close(e.sheetID)}})}),u(i,h({componentId:n},e))]})},n)},Types:{Normal:t=>{let k=t,{sheetID:e,sheetGroups:a,bodyScrolls:f,props:d,content:n,className:r="",type:i,size:s="R",freeCSS:C,onOpen:y,onClose:E,closeAtAroundClick:T,closeAtEscapeKeyDown:L,closeAtPageTransit:q,closeAtParentBlur:ee,closeAtSwipeDown:Y,hold_state:te,overwrap:oe,isOpen:se,backgroundEffect:H,wrapperClassName:F}=k,K=X(k,["sheetID","sheetGroups","bodyScrolls","props","content","className","type","size","freeCSS","onOpen","onClose","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect","wrapperClassName"]),_=p.is.function(n)?u(n,h({},d)):n,R={},b=[];return i.match(/top/)?(b.push("top"),R.marginBottom="auto"):i.match(/middle/)?(b.push("center"),R.marginTop="auto",R.marginBottom="auto"):i.match(/bottom/)&&(b.push("bottom"),R.marginTop="auto"),i.match(/left/i)?(b.push("left"),R.marginRight="auto"):i.match(/center/i)?(b.push("center"),R.marginLeft="auto",R.marginRight="auto"):i.match(/right/i)&&(b.push("right"),R.marginLeft="auto"),u(A,D(h(h({className:[g("BB"),r].join(" "),padding:1,transition:"short",opacity:"trans"},K),R),{freeCSS:h({width:{XS:"22rem",S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100%"}[s],maxWidth:"96vw",transformOrigin:b.join(" ")},C),children:_}))},Edge:t=>{let _=t,{sheetID:e,sheetGroups:a,bodyScrolls:f,type:d,props:n,content:r,className:i="",size:s="R",onOpen:C,onClose:y,closeAtAroundClick:E,closeAtEscapeKeyDown:T,closeAtPageTransit:L,closeAtParentBlur:q,closeAtSwipeDown:ee,hold_state:Y,overwrap:te,isOpen:oe,backgroundEffect:se,wrapperClassName:H}=_,F=X(_,["sheetID","sheetGroups","bodyScrolls","type","props","content","className","size","onOpen","onClose","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect","wrapperClassName"]),K=p.is.function(r)?u(r,h({},n)):r;return u(A,D(h(D(h({className:[g("BB"),i].join(" ")},d=="drawer.right"?{marginLeft:"auto"}:d=="drawer.left"?{marginRight:"auto"}:{}),{opacity:"trans",transition:"short",position:"relative",backgroundColor:"layer.1",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark"}),F),{freeCSS:h({width:{XS:"16rem",S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"100vw"}[s],maxWidth:"96vw"},F.freeCSS),children:K}))},Bottom:t=>{let Q=t,{componentId:e,sheetID:a,sheetGroups:f,bodyScrolls:d,props:n,content:r,size:i="R",sizeChanged:s,baseStyles:C,onOpen:y,onClose:E,closeAtAroundClick:T,closeAtEscapeKeyDown:L,closeAtPageTransit:q,closeAtParentBlur:ee,closeAtSwipeDown:Y=!0,hold_state:te,overwrap:oe,isOpen:se,backgroundEffect:H,wrapperClassName:F}=Q,K=X(Q,["componentId","sheetID","sheetGroups","bodyScrolls","props","content","size","sizeChanged","baseStyles","onOpen","onClose","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect","wrapperClassName"]),_=p.is.function(r)?u(r,h({},n)):r,R=p.getScreenSize(),b=[0,.2,.6,.95],k={ZERO:0,XS:1,S:1,R:2,L:3,"2L":3,"3L":3,MAX:3},[W,$]=M(i),[I,P]=M({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:b[k[i]]});w.update({[e]:{val_edit:I,resize:S=>{let m=b[k[S]];P(c=>D(h({},c),{value:m})),$(S)}}});const B={Start:S=>{p(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:B.Move,options:{passive:!1}}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:B.Move,options:{passive:!1}}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:B.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:B.End});let m=p.getCursor(S),c=D(h({},I),{process:!0,processStart:new Date().getTime(),originY:m.y,originValue:I.value,viewHeight:p.getScreenSize().height});w.update({[e]:{val_edit:c}}),P(c)},Move:S=>{var O;let m=(O=w.get(e))==null?void 0:O.val_edit;if(!m.process)return;let z=(p.getCursor(S).y-m.originY)/m.viewHeight,o=m.originValue-z;if(o>.95)o=.95+(o-.95).5;else if(o<.2){let N=.2-o;N-=.1,o=.1+(.1-N).5}return P(D(h({},m),{value:o})),S.preventDefault(),S.stopPropagation(),!1},End:S=>{var o;let m=(o=w.get(e))==null?void 0:o.val_edit;if(!m.process)return;p(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let c=0;if(m.value<.1\|\|(m.value<.5?c=1:m.value>.75?c=3:c=2),new Date().getTime()-m.processStart<300){let O=p.getCursor(S).y-m.originY;if(Math.abs(O)>=20){let N=+(O<0)2-1;c+=N,c=Math.min(Math.max(c,0),b.length-1)}}c==0&&(Y\|\|(c=1)),$(["ZERO","S","R","L"][c]),P(D(h({},m),{value:b[c],process:!1}))}},Z=ue(!1);return j(()=>{Z.current?W=="ZERO"?Y&&x.close(a):setTimeout(()=>{t.sizeChanged&&t.sizeChanged(W)},250):Z.current=!0},[W]),u(A,{className:g("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long",freeCSS:h({maxWidth:1260,height:R.height*I.value},I.process?{transition:"0s"}:{}),children:V(re,D(h({gap:0,flexSizing:"none",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",borderBottom:"unset",boxShadow:"3.remark",position:"relative",overflow:"hidden",height:1},C),{children:[V(ne.Separate,{padding:1,backgroundColor:"layer.1",position:"relative",freeCSS:{userSelect:"none"},children:[u(A,{ssSphere:2.5}),u(ne.Center,{onPointerDown:B.Start,flexSizing:0,padding:"2/3",ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:u(A,{unitWidth:6,unitHeight:"1/2",backgroundColor:"layer.4",isRounded:!0,className:g("DragBar")})}),u(le.Sub,{color:"cloud",ssSphere:2.5,onClick:()=>{x.close(a)},children:u(ae.X,{})})]}),u(A,D(h({backgroundColor:"layer.1",flexSizing:0,overflow:"auto"},K),{children:_}))]}))})},Custom:t=>{let Q=t,{sheetID:e,sheetGroups:a,bodyScrolls:f,event:d,parent:n,nextToCursor:r,gravityPoint:i=22,props:s,content:C,closeAtAroundClick:y,closeAtEscapeKeyDown:E,closeAtPageTransit:T,closeAtParentBlur:L,closeAtSwipeDown:q,hold_state:ee,onOpen:Y,onClose:te,overwrap:oe,isOpen:se,resize:H,backgroundEffect:F,wrapperClassName:K}=Q,_=X(Q,["sheetID","sheetGroups","bodyScrolls","event","parent","nextToCursor","gravityPoint","props","content","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","onOpen","onClose","overwrap","isOpen","resize","backgroundEffect","wrapperClassName"]),R=p.is.function(C)?u(C,h({},s)):C,[b]=M(J()),k=p.is.element(n)\|\|p.is.jmini(n)?p(n):U(n),W='[data-sheet-id="'+b+'"]',$='[data-sheet-content="'+b+'"]';i=i;let I=i%5\|\|5,P=Math.ceil(i/5);const B={Init:()=>{if(r&&d){let l=p.getScreenSize(),ie=p.getCursor(d);return{top:ie.y-l.pageYOffset,left:ie.x-l.pageXOffset}}let S={};if(!k\|\|!k[0])return S;let{top:m,right:c,bottom:z,left:o,height:O,width:N}=k.position();return p.is.oneOf(I,1,2)?S.left=o:I==3?S.left=o+N/2:p.is.oneOf(I,4,5)&&(S.left=c),i<=10?S.top=m:i<=15?S.top=m+O/2:i<=25&&(S.top=z),S},Adjust:()=>{let S=U(W).position(),m=U($).position(),c=k.position(),z=p.getScreenSize(),o={};for(let l in m)o[l]=m[l];if(p.scope(()=>{if(t.nextToCursor)return;let l=0;P==1?l=c.top-o.bottom:P==2?l=c.top-o.top:P==3?l=c.top-o.top+(c.height-o.height)/2:P==4?l=c.bottom-o.bottom:P==5&&(l=c.bottom-o.top),o.top+=l,o.bottom+=l}),p.scope(()=>{if(t.nextToCursor)return;let l=0;I==1?l=c.left-o.right:I==2?l=c.left-o.left:I==3?l=c.left-o.left+(c.width-o.width)/2:I==4?l=c.right-o.right:I==5&&(l=c.right-o.left),o.left+=l,o.right+=l}),o.top<0){let l=-o.top;o.top+=l,o.bottom+=l}if(o.bottom>z.height){let l=o.bottom-z.height;o.top-=l,o.bottom-=l}if(o.left<0){let l=-o.left;o.left+=l,o.right+=l}if(o.right>z.width){let l=o.right-z.width;o.left-=l,o.right-=l}let O=o.top-m.top,N=o.left-m.left;p(W).css({top:S.top+O+"px",left:S.left+N+"px"})}};let[Z]=M(B.Init());return j(()=>{U(W).await(10).addClass(g("Open")).await(200).callback(()=>{(H==null\|\|H)&&B.Adjust()}),w.update({["customSheet-"+t.sheetID]:{reposition:()=>{B.Adjust()}}})},[]),k[0]?u(A,{className:[g("BB"),g("CustomSheet")].join(" "),"data-sheet-id":b,transition:"long",position:"absolute",width:0,height:0,opacity:"trans",flexCenter:!0,freeCSS:Z,children:u(he,{position:"absolute",className:[g("GPT"),g("GPT_"+i),g("Col_"+I),g("Row_"+P)].join(" "),children:u(A,D(h({"data-sheet-content":b,flexSizing:"none",maxHeight:"viewHeight"},_),{freeCSS:h({maxWidth:"98vw"},_.freeCSS),children:R}))})}):null}}},x={Wrapper:()=>u(v.Wrapper,{}),Element:t=>{let d=t,{isOpen:e,children:a}=d,f=X(d,["isOpen","children"]);return j(()=>{if(e){x.open(t.type,D(h({},f),{content:a}));return}f.sheetID&&x.close(f.sheetID)},[e,f.props\|\|""]),u(pe,{})},image:(t,e)=>{let a=t.sheetID\|\|J(),n=t,{type:f}=n,d=X(n,["type"]);x.open(f\|\|"topCenter",D(h({size:"MAX"},d),{sheetID:a,freeCSS:{maxWidth:"100vw"},content:()=>{let[r]=M(p.Arrayify(e));return u(ge,{children:V(re,{children:[u(ne.Right,{children:V(le.Sub.S,{color:"cloud",isRounded:!0,onClick:()=>{x.close(a)},children:[u(ae.X,{})," \u9589\u3058\u308B"]})}),u(de.Layout,{gap:1,gridTemplateColumns:"repeat(3,1fr)",gridTemplateRows:"repeat(2,auto)",gridChildTemplates:[["span 3",0],["span 2","span 2"],[0,0],[0,0],[0,"span 2"],["span 2",0],[0,0],[0,0]],children:r.map((i,s)=>u(fe,{ssCardBox:!0,position:"relative",flexCenter:!0,src:i},s))})]})})}}))},open:(t,e,a)=>{e.sheetID=(e.sheetID\|\|"").replace(/\./g,"-"),e.type=t;let f=w.get("Sheet-"+G.get().sessionUID);f&&f.add(e,a)},modifyProps:(t,e)=>{t=(t\|\|"").replace(/\./g,"-");let a=w.get(t);a&&a.modifyProps&&a.modifyProps(e)},resize:(t,e)=>{t=(t\|\|"").replace(/\./g,"-");let a=w.get(t);a&&a.resize&&a.resize(e)},customSheet:{reposition:t=>{let e=w.get("customSheet-"+t);e&&e.reposition&&e.reposition()}},close:function(t,e,a){let f=v.getSessionStates();if(!f)return;let{val_sheets:d}=f;t=t==null?void 0:t.replace(/\./g,"-");let n=d.find(i=>i.sheetID==t);if(!n\|\|e=="Escape"&&!n.closeAtEscapeKeyDown)return;let r=w.get(n.sheetID);r&&r.close&&r.close(a)},closeGroup:t=>{let e=v.getSessionStates();if(!e)return;let{val_sheets:a}=e;t=(t\|\|"").replace(/\./g,"-");for(let f of a)f.sheetGroups&&f.sheetGroups==t&&x.close(f.sheetID)},closeAll:t=>{let e=v.getSessionStates();if(!e)return;let{val_sheets:a}=e;for(let f of a)t&&!f.closeAtPageTransit\|\|x.close(f.sheetID,"pageTransit",!0)},Body:t=>u(A,h({className:g("BaseBody"),backgroundColor:"layer.1",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},t))};export{x as Sheet,x as default};

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "amotify",
-  "version": "0.2.271",
+  "version": "0.2.273",
   "description": "UI Component for React,NextJS,esbuild",
   "scripts": {
     "start": "run-p clean build:*",
@@ -90,7 +90,7 @@
     "@fortawesome/free-solid-svg-icons": "^6.7.2",
     "@fortawesome/react-fontawesome": "^3.1.1",
     "dotenv": "^17.0.1",
-    "jmini": "^0.0.107",
+    "jmini": "^0.0.110",
     "react": "^19.2.3"
   },
   "devDependencies": {