amotify 0.2.126 → 0.2.128

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.
@@ -104,7 +104,7 @@ export declare namespace Sizes {
104
104
  }
105
105
  export declare namespace StyleSets {
106
106
  type States = {
107
- ssCardBox?: boolean | 'border' | 'layer' | 'cloud' | 'shadow';
107
+ ssCardBox?: boolean | 'border' | 'plain' | 'cloud' | 'shadow';
108
108
  ssPushable?: boolean;
109
109
  ssSphere?: Sizes.Size;
110
110
  ssSquare?: Sizes.Size;
@@ -1 +1 @@
1
- import{b as a,c as Ne,d as ke}from"../chunk-C5N2D3ZX.js";import d from"jmini";import{Config as Fe}from".";const e={toConcreteBorderRadius:n=>{let H=Fe.get().roundness|0;return n=="1.tone.primary"?n=[0,2,3,4,5,5][H]:n=="2.tone.secondary"?n=[0,1,2,3,4,5][H]:n=="3.tone.tertiary"&&(n=[0,"1/3","2/3",1,2,3][H]),n},ev:n=>d.is.exist(n),ClassNames:(n,H)=>{var O,Re,Ce,F,Be,Te,_e,Le,we,We;let i=[],{gap:l,display:y,position:R,overflow:P,fontColor:G,fontSize:D,fontWeight:g,fontHeight:j,backgroundColor:q,textAlign:z,textDecoration:M,boxShadow:C,margin:h,marginTop:s,marginRight:r,marginBottom:x,marginLeft:b,padding:o,paddingTop:S,paddingRight:B,paddingBottom:T,paddingLeft:_,top:X,right:J,bottom:Q,left:Y,border:N,borderTop:f,borderRight:u,borderBottom:v,borderLeft:m,borderWidth:Z,borderColor:ee,borderStyle:te,borderRadius:k,borderTopLeftRadius:L,borderTopRightRadius:w,borderBottomLeftRadius:W,borderBottomRightRadius:A,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:ce,opacity:xe}=H;{if(e.ev(y)&&i.push("dsp"+y),P){let c=d.flatArray(P);i.push("ovfl-x-"+c[0]),i.push("ovfl-y-"+(c[1]||c[0]))}e.ev(R)&&i.push("ps"+R),e.ev(z)&&i.push("txtalg"+z),e.ev(z)&&i.push("txtdeco"+M),e.ev(G)&&i.push("ftcl"+((O=String(G))==null?void 0:O.replace(/\./g,"_"))),e.ev(D)&&i.push("ftsz"+((Re=String(D))==null?void 0:Re.replace(/\..*/,""))),e.ev(g)&&i.push("ftwgt"+((Ce=String(g))==null?void 0:Ce.replace(/\..*/,""))),e.ev(j)&&i.push("fthgt"+((F=String(j))==null?void 0:F.replace(/\./g,"_"))),e.ev(q)&&i.push("bgc"+((Be=String(q))==null?void 0:Be.replace(/\./g,"_"))),e.ev(C)&&i.push("bs"+C);let $,U,V,I;d.is.exist(h)&&(d.is.array(h)?h.length==2?[$,U,V,I]=[...h,...h]:h.length==4&&([$,U,V,I]=h):$=U=V=I=h,s=s!=null?s:$,r=r!=null?r:U,x=x!=null?x:V,b=b!=null?b:I),e.ev(s)&&i.push("mrgt"+s),e.ev(r)&&i.push("mrgr"+r),e.ev(x)&&i.push("mrgb"+x),e.ev(b)&&i.push("mrgl"+b);let K,t,Ae,ye;d.is.exist(o)&&(d.is.array(o)?o.length==2?[K,t,Ae,ye]=[...o,...o]:o.length==4&&([K,t,Ae,ye]=o):K=t=Ae=ye=o,S=S!=null?S:K,B=B!=null?B:t,T=T!=null?T:Ae,_=_!=null?_:ye),e.ev(S)&&i.push("pdt"+S),e.ev(B)&&i.push("pdr"+B),e.ev(T)&&i.push("pdb"+T),e.ev(_)&&i.push("pdl"+_),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(N)&&(f=f!=null?f:N,u=u!=null?u:N,v=v!=null?v:N,m=m!=null?m:N),d.is.boolean(f)&&(f=["unset","2.normal"][Number(f)]),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)]),e.ev(f)&&i.push("b_t_ss"+((Te=String(f))==null?void 0:Te.replace(/\./g,"_"))),e.ev(u)&&i.push("b_r_ss"+((_e=String(u))==null?void 0:_e.replace(/\./g,"_"))),e.ev(v)&&i.push("b_b_ss"+((Le=String(v))==null?void 0:Le.replace(/\./g,"_"))),e.ev(m)&&i.push("b_l_ss"+((we=String(m))==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,p,E,He;d.is.exist(k)&&(d.is.array(k)?k.length==4&&([c,p,He,E]=k):c=p=E=He=k,L=L!=null?L:c,w=w!=null?w:p,W=W!=null?W:E,A=A!=null?A:He)}e.ev(L)&&i.push("br_tl"+e.toConcreteBorderRadius(L)),e.ev(w)&&i.push("br_tr"+e.toConcreteBorderRadius(w)),e.ev(W)&&i.push("br_bl"+e.toConcreteBorderRadius(W)),e.ev(A)&&i.push("br_br"+e.toConcreteBorderRadius(A))}if(e.ev(xe)&&i.push("op"+xe),d.is.exist(l)){let c,p;d.is.array(l)?(c=l[0],p=l[1]):c=p=l,i.push("gapRow"+c,"gapCol"+p)}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(ce)&&i.push("untwdt"+ce),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 x=a({},n),{gradients:i,ssCardBox:l,ssSphere:y,ssSquare:R,ssPushable:P,ssAbsoluteCovered:G,ssTextEllipsis:D,flexCenter:g,flexNewLine:j,isLightFont:q,isBoldFont:z,isSemiBoldFont:M,isRounded:C,isSquare:h,freeCSS:b={}}=x,s=ke(b,[]),r=ke(x,["gradients","ssCardBox","ssSphere","ssSquare","ssPushable","ssAbsoluteCovered","ssTextEllipsis","flexCenter","flexNewLine","isLightFont","isBoldFont","isSemiBoldFont","isRounded","isSquare","freeCSS"]);if(s=s||{},r=r||{},i){let{deg:o,colors:S}=i;s=Ne(a({},s),{background:`linear-gradient(${o}deg,${S.join(",")})`})}if(l){l===!0&&(l="border");let o={backgroundColor:"layer.1",borderRadius:"1.tone.primary",boxShadow:"0.min"};l=="border"?o.border=!0:l=="layer"?o.backgroundColor="layer.1":l=="cloud"?o.backgroundColor="cloud":l=="shadow"&&(o.boxShadow="0.normal"),Fe.get().darkMode=="dim"&&(o.boxShadow="1.normal"),Fe.get().darkMode=="dark"&&(o.boxShadow="1.remark"),s=a(a({},o.freeCSS),s),r=a(a({},o),r)}return y&&(g=g!=null?g:!0,r=a({padding:0,unitWidth:y,unitHeight:y,borderRadius:"sphere",flexSizing:"none"},r)),R&&(g=g!=null?g:!0,r=a({padding:0,unitWidth:R,unitHeight:R,flexSizing:"none"},r)),P&&(r=a({transition:"middle"},r),r=Ne(a({},r),{className:[r.className,"ssPushable"].join(" ")})),G&&(r=a({position:"absolute",top:0,left:0,right:0,bottom:0},r)),D&&(r=a({overflow:"hidden"},r),s=a({whiteSpace:"nowrap",textOverflow:"ellipsis"},s)),j&&(r=a({width:1,flexSizing:"none"},r)),g&&(r=a({display:"flex",horizontalAlign:"center",verticalAlign:"center"},r)),q&&(r.fontWeight="1.light"),M&&(r.fontWeight="3.semiBold"),z&&(r.fontWeight="4.bold"),C&&(d.is.number(C)?s.borderRadius=C*12:r.borderRadius="sphere"),h&&(s.aspectRatio="1"),Ne(a({},r),{freeCSS:s})},$e=n=>{let He=Ge(n),{componentID:i,gap:l,display:y,position:R,overflow:P,fontColor:G,fontSize:D,fontWeight:g,fontHeight:j,backgroundColor:q,textAlign:z,textDecoration:M,boxShadow:C,margin:h,marginTop:s,marginRight:r,marginBottom:x,marginLeft:b,padding:o,paddingTop:S,paddingRight:B,paddingBottom:T,paddingLeft:_,top:X,right:J,bottom:Q,left:Y,border:N,borderTop:f,borderRight:u,borderBottom:v,borderLeft:m,borderWidth:Z,borderColor:ee,borderStyle:te,borderRadius:k,borderTopLeftRadius:L,borderTopRightRadius:w,borderBottomLeftRadius:W,borderBottomRightRadius:A,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:ce,opacity:xe,ssLastChildLossBorder:O,ssAbsoluteCovered:Re,ssCardBox:Ce,ssEffectsOnActive:F,ssPushable:Be,ssSphere:Te,ssSquare:_e,ssTextEllipsis:Le,isBoldFont:we,isLightFont:We,isSemiBoldFont:$,isRounded:U,flexCenter:V,flexNewLine:I,gradients:K,UnderBreakPointStyles:t={},className:Ae="",freeCSS:ye={}}=He,c=ke(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"]),p=a({},c),E=[Ae];if(O&&E.push("ssLastChildLossBorder_"+O),F){F=d.flatArray(F);for(let ze of F){let[Pe,Ee]=ze.split(".");p["data-effect-"+Pe]="1",Ee&&(p["data-effect-tone"]=Ee)}}{let ze=e.ClassNames("amotf_",{gap:l,display:y,position:R,overflow:P,fontColor:G,fontSize:D,fontWeight:g,fontHeight:j,backgroundColor:q,textAlign:z,textDecoration:M,boxShadow:C,margin:h,marginTop:s,marginRight:r,marginBottom:x,marginLeft:b,padding:o,paddingTop:S,paddingRight:B,paddingBottom:T,paddingLeft:_,top:X,right:J,bottom:Q,left:Y,border:N,borderTop:f,borderRight:u,borderBottom:v,borderLeft:m,borderWidth:Z,borderColor:ee,borderStyle:te,borderRadius:k,borderTopLeftRadius:L,borderTopRightRadius:w,borderBottomLeftRadius:W,borderBottomRightRadius:A,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:ce,opacity:xe});E.push(ze)}return t&&E.push(e.ClassNames("amotf_bp",t)),ye&&(p.style=a(a({},ye),p.style)),(i||p["data-component-id"])&&(p["data-component-id"]=p["data-component-id"]||i),E.length&&E.join("")&&(p.className=E.join(" ").trim().replace(/%/ig,"P").replace(/\d+px/ig,"PIX").replace(/\s+/ig," ").replace(/\//ig,"_").replace(/\./ig,"-")),p},Ue=n=>{let{gap:H,display:i,position:l,overflow:y,fontColor:R,fontSize:P,fontWeight:G,fontHeight:D,backgroundColor:g,textAlign:j,textDecoration:q,boxShadow:z,margin:M,marginTop:C,marginRight:h,marginBottom:s,marginLeft:r,padding:x,paddingTop:b,paddingRight:o,paddingBottom:S,paddingLeft:B,top:T,right:_,bottom:X,left:J,border:Q,borderTop:Y,borderRight:N,borderBottom:f,borderLeft:u,borderWidth:v,borderColor:m,borderStyle:Z,borderRadius:ee,borderTopLeftRadius:te,borderTopRightRadius:k,borderBottomLeftRadius:L,borderBottomRightRadius:w,flexSizing:W,flexWrap:A,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:ce,ssAbsoluteCovered:xe,ssCardBox:O,ssEffectsOnActive:Re,ssPushable:Ce,ssSphere:F,ssSquare:Be,ssTextEllipsis:Te,isBoldFont:_e,isLightFont:Le,isSemiBoldFont:we,isRounded:We,flexCenter:$,flexNewLine:U,gradients:V,UnderBreakPointStyles:I={},freeCSS:K={}}=n,t={};return e.ev(H)&&(t.gap=H),e.ev(i)&&(t.display=i),e.ev(l)&&(t.position=l),e.ev(y)&&(t.overflow=y),e.ev(R)&&(t.fontColor=R),e.ev(P)&&(t.fontSize=P),e.ev(G)&&(t.fontWeight=G),e.ev(D)&&(t.fontHeight=D),e.ev(g)&&(t.backgroundColor=g),e.ev(j)&&(t.textAlign=j),e.ev(q)&&(t.textDecoration=q),e.ev(z)&&(t.boxShadow=z),e.ev(M)&&(t.margin=M),e.ev(C)&&(t.marginTop=C),e.ev(h)&&(t.marginRight=h),e.ev(s)&&(t.marginBottom=s),e.ev(r)&&(t.marginLeft=r),e.ev(x)&&(t.padding=x),e.ev(b)&&(t.paddingTop=b),e.ev(o)&&(t.paddingRight=o),e.ev(S)&&(t.paddingBottom=S),e.ev(B)&&(t.paddingLeft=B),e.ev(T)&&(t.top=T),e.ev(_)&&(t.right=_),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(N)&&(t.borderRight=N),e.ev(f)&&(t.borderBottom=f),e.ev(u)&&(t.borderLeft=u),e.ev(v)&&(t.borderWidth=v),e.ev(m)&&(t.borderColor=m),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(L)&&(t.borderBottomLeftRadius=L),e.ev(w)&&(t.borderBottomRightRadius=w),e.ev(W)&&(t.flexSizing=W),e.ev(A)&&(t.flexWrap=A),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(ce)&&(t.ssLastChildLossBorder=ce),e.ev(xe)&&(t.ssAbsoluteCovered=xe),e.ev(O)&&(t.ssCardBox=O),e.ev(Re)&&(t.ssEffectsOnActive=Re),e.ev(Ce)&&(t.ssPushable=Ce),e.ev(F)&&(t.ssSphere=F),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($)&&(t.flexCenter=$),e.ev(U)&&(t.flexNewLine=U),e.ev(V)&&(t.gradients=V),e.ev(K)&&(t.freeCSS=K),e.ev(I)&&(t.UnderBreakPointStyles=I),t};export{Ue as ExtractStyles,$e as GenerateHTMLProps,Ge as ReadStyleSet};
1
+ import{b as a,c as Ne,d as ke}from"../chunk-C5N2D3ZX.js";import d from"jmini";import{Config as Fe}from".";const e={toConcreteBorderRadius:n=>{let H=Fe.get().roundness|0;return n=="1.tone.primary"?n=[0,2,3,4,5,5][H]:n=="2.tone.secondary"?n=[0,1,2,3,4,5][H]:n=="3.tone.tertiary"&&(n=[0,"1/3","2/3",1,2,3][H]),n},ev:n=>d.is.exist(n),ClassNames:(n,H)=>{var O,Re,Ce,F,Be,Te,_e,Le,we,We;let i=[],{gap:l,display:y,position:R,overflow:P,fontColor:G,fontSize:D,fontWeight:g,fontHeight:j,backgroundColor:q,textAlign:z,textDecoration:M,boxShadow:C,margin:h,marginTop:s,marginRight:r,marginBottom:c,marginLeft:b,padding:o,paddingTop:S,paddingRight:B,paddingBottom:T,paddingLeft:_,top:X,right:J,bottom:Q,left:Y,border:N,borderTop:f,borderRight:u,borderBottom:v,borderLeft:m,borderWidth:Z,borderColor:ee,borderStyle:te,borderRadius:k,borderTopLeftRadius:L,borderTopRightRadius:w,borderBottomLeftRadius:W,borderBottomRightRadius:A,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}=H;{if(e.ev(y)&&i.push("dsp"+y),P){let x=d.flatArray(P);i.push("ovfl-x-"+x[0]),i.push("ovfl-y-"+(x[1]||x[0]))}e.ev(R)&&i.push("ps"+R),e.ev(z)&&i.push("txtalg"+z),e.ev(z)&&i.push("txtdeco"+M),e.ev(G)&&i.push("ftcl"+((O=String(G))==null?void 0:O.replace(/\./g,"_"))),e.ev(D)&&i.push("ftsz"+((Re=String(D))==null?void 0:Re.replace(/\..*/,""))),e.ev(g)&&i.push("ftwgt"+((Ce=String(g))==null?void 0:Ce.replace(/\..*/,""))),e.ev(j)&&i.push("fthgt"+((F=String(j))==null?void 0:F.replace(/\./g,"_"))),e.ev(q)&&i.push("bgc"+((Be=String(q))==null?void 0:Be.replace(/\./g,"_"))),e.ev(C)&&i.push("bs"+C);let $,U,V,I;d.is.exist(h)&&(d.is.array(h)?h.length==2?[$,U,V,I]=[...h,...h]:h.length==4&&([$,U,V,I]=h):$=U=V=I=h,s=s!=null?s:$,r=r!=null?r:U,c=c!=null?c:V,b=b!=null?b:I),e.ev(s)&&i.push("mrgt"+s),e.ev(r)&&i.push("mrgr"+r),e.ev(c)&&i.push("mrgb"+c),e.ev(b)&&i.push("mrgl"+b);let K,t,Ae,ye;d.is.exist(o)&&(d.is.array(o)?o.length==2?[K,t,Ae,ye]=[...o,...o]:o.length==4&&([K,t,Ae,ye]=o):K=t=Ae=ye=o,S=S!=null?S:K,B=B!=null?B:t,T=T!=null?T:Ae,_=_!=null?_:ye),e.ev(S)&&i.push("pdt"+S),e.ev(B)&&i.push("pdr"+B),e.ev(T)&&i.push("pdb"+T),e.ev(_)&&i.push("pdl"+_),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(N)&&(f=f!=null?f:N,u=u!=null?u:N,v=v!=null?v:N,m=m!=null?m:N),d.is.boolean(f)&&(f=["unset","2.normal"][Number(f)]),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)]),e.ev(f)&&i.push("b_t_ss"+((Te=String(f))==null?void 0:Te.replace(/\./g,"_"))),e.ev(u)&&i.push("b_r_ss"+((_e=String(u))==null?void 0:_e.replace(/\./g,"_"))),e.ev(v)&&i.push("b_b_ss"+((Le=String(v))==null?void 0:Le.replace(/\./g,"_"))),e.ev(m)&&i.push("b_l_ss"+((we=String(m))==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 x,p,E,He;d.is.exist(k)&&(d.is.array(k)?k.length==4&&([x,p,He,E]=k):x=p=E=He=k,L=L!=null?L:x,w=w!=null?w:p,W=W!=null?W:E,A=A!=null?A:He)}e.ev(L)&&i.push("br_tl"+e.toConcreteBorderRadius(L)),e.ev(w)&&i.push("br_tr"+e.toConcreteBorderRadius(w)),e.ev(W)&&i.push("br_bl"+e.toConcreteBorderRadius(W)),e.ev(A)&&i.push("br_br"+e.toConcreteBorderRadius(A))}if(e.ev(ce)&&i.push("op"+ce),d.is.exist(l)){let x,p;d.is.array(l)?(x=l[0],p=l[1]):x=p=l,i.push("gapRow"+x,"gapCol"+p)}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 c=a({},n),{gradients:i,ssCardBox:l,ssSphere:y,ssSquare:R,ssPushable:P,ssAbsoluteCovered:G,ssTextEllipsis:D,flexCenter:g,flexNewLine:j,isLightFont:q,isBoldFont:z,isSemiBoldFont:M,isRounded:C,isSquare:h,freeCSS:b={}}=c,s=ke(b,[]),r=ke(c,["gradients","ssCardBox","ssSphere","ssSquare","ssPushable","ssAbsoluteCovered","ssTextEllipsis","flexCenter","flexNewLine","isLightFont","isBoldFont","isSemiBoldFont","isRounded","isSquare","freeCSS"]);if(s=s||{},r=r||{},i){let{deg:o,colors:S}=i;s=Ne(a({},s),{background:`linear-gradient(${o}deg,${S.join(",")})`})}if(l){l===!0&&(l="border");let o={backgroundColor:"layer.1",borderRadius:"1.tone.primary",boxShadow:"0.min"};l=="border"?o.border=!0:l=="plain"?(o.backgroundColor="layer.1",o.boxShadow="none"):l=="cloud"?o.backgroundColor="cloud":l=="shadow"&&(o.boxShadow="0.normal"),Fe.get().darkMode=="dim"&&(o.boxShadow="1.normal"),Fe.get().darkMode=="dark"&&(o.boxShadow="1.remark"),s=a(a({},o.freeCSS),s),r=a(a({},o),r)}return y&&(g=g!=null?g:!0,r=a({padding:0,unitWidth:y,unitHeight:y,borderRadius:"sphere",flexSizing:"none"},r)),R&&(g=g!=null?g:!0,r=a({padding:0,unitWidth:R,unitHeight:R,flexSizing:"none"},r)),P&&(r=a({transition:"middle"},r),r=Ne(a({},r),{className:[r.className,"ssPushable"].join(" ")})),G&&(r=a({position:"absolute",top:0,left:0,right:0,bottom:0},r)),D&&(r=a({overflow:"hidden"},r),s=a({whiteSpace:"nowrap",textOverflow:"ellipsis"},s)),j&&(r=a({width:1,flexSizing:"none"},r)),g&&(r=a({display:"flex",horizontalAlign:"center",verticalAlign:"center"},r)),q&&(r.fontWeight="1.light"),M&&(r.fontWeight="3.semiBold"),z&&(r.fontWeight="4.bold"),C&&(d.is.number(C)?s.borderRadius=C*12:r.borderRadius="sphere"),h&&(s.aspectRatio="1"),Ne(a({},r),{freeCSS:s})},$e=n=>{let He=Ge(n),{componentID:i,gap:l,display:y,position:R,overflow:P,fontColor:G,fontSize:D,fontWeight:g,fontHeight:j,backgroundColor:q,textAlign:z,textDecoration:M,boxShadow:C,margin:h,marginTop:s,marginRight:r,marginBottom:c,marginLeft:b,padding:o,paddingTop:S,paddingRight:B,paddingBottom:T,paddingLeft:_,top:X,right:J,bottom:Q,left:Y,border:N,borderTop:f,borderRight:u,borderBottom:v,borderLeft:m,borderWidth:Z,borderColor:ee,borderStyle:te,borderRadius:k,borderTopLeftRadius:L,borderTopRightRadius:w,borderBottomLeftRadius:W,borderBottomRightRadius:A,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:F,ssPushable:Be,ssSphere:Te,ssSquare:_e,ssTextEllipsis:Le,isBoldFont:we,isLightFont:We,isSemiBoldFont:$,isRounded:U,flexCenter:V,flexNewLine:I,gradients:K,UnderBreakPointStyles:t={},className:Ae="",freeCSS:ye={}}=He,x=ke(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"]),p=a({},x),E=[Ae];if(O&&E.push("ssLastChildLossBorder_"+O),F){F=d.flatArray(F);for(let ze of F){let[Pe,Ee]=ze.split(".");p["data-effect-"+Pe]="1",Ee&&(p["data-effect-tone"]=Ee)}}{let ze=e.ClassNames("amotf_",{gap:l,display:y,position:R,overflow:P,fontColor:G,fontSize:D,fontWeight:g,fontHeight:j,backgroundColor:q,textAlign:z,textDecoration:M,boxShadow:C,margin:h,marginTop:s,marginRight:r,marginBottom:c,marginLeft:b,padding:o,paddingTop:S,paddingRight:B,paddingBottom:T,paddingLeft:_,top:X,right:J,bottom:Q,left:Y,border:N,borderTop:f,borderRight:u,borderBottom:v,borderLeft:m,borderWidth:Z,borderColor:ee,borderStyle:te,borderRadius:k,borderTopLeftRadius:L,borderTopRightRadius:w,borderBottomLeftRadius:W,borderBottomRightRadius:A,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});E.push(ze)}return t&&E.push(e.ClassNames("amotf_bp",t)),ye&&(p.style=a(a({},ye),p.style)),(i||p["data-component-id"])&&(p["data-component-id"]=p["data-component-id"]||i),E.length&&E.join("")&&(p.className=E.join(" ").trim().replace(/%/ig,"P").replace(/\d+px/ig,"PIX").replace(/\s+/ig," ").replace(/\//ig,"_").replace(/\./ig,"-")),p},Ue=n=>{let{gap:H,display:i,position:l,overflow:y,fontColor:R,fontSize:P,fontWeight:G,fontHeight:D,backgroundColor:g,textAlign:j,textDecoration:q,boxShadow:z,margin:M,marginTop:C,marginRight:h,marginBottom:s,marginLeft:r,padding:c,paddingTop:b,paddingRight:o,paddingBottom:S,paddingLeft:B,top:T,right:_,bottom:X,left:J,border:Q,borderTop:Y,borderRight:N,borderBottom:f,borderLeft:u,borderWidth:v,borderColor:m,borderStyle:Z,borderRadius:ee,borderTopLeftRadius:te,borderTopRightRadius:k,borderBottomLeftRadius:L,borderBottomRightRadius:w,flexSizing:W,flexWrap:A,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:F,ssSquare:Be,ssTextEllipsis:Te,isBoldFont:_e,isLightFont:Le,isSemiBoldFont:we,isRounded:We,flexCenter:$,flexNewLine:U,gradients:V,UnderBreakPointStyles:I={},freeCSS:K={}}=n,t={};return e.ev(H)&&(t.gap=H),e.ev(i)&&(t.display=i),e.ev(l)&&(t.position=l),e.ev(y)&&(t.overflow=y),e.ev(R)&&(t.fontColor=R),e.ev(P)&&(t.fontSize=P),e.ev(G)&&(t.fontWeight=G),e.ev(D)&&(t.fontHeight=D),e.ev(g)&&(t.backgroundColor=g),e.ev(j)&&(t.textAlign=j),e.ev(q)&&(t.textDecoration=q),e.ev(z)&&(t.boxShadow=z),e.ev(M)&&(t.margin=M),e.ev(C)&&(t.marginTop=C),e.ev(h)&&(t.marginRight=h),e.ev(s)&&(t.marginBottom=s),e.ev(r)&&(t.marginLeft=r),e.ev(c)&&(t.padding=c),e.ev(b)&&(t.paddingTop=b),e.ev(o)&&(t.paddingRight=o),e.ev(S)&&(t.paddingBottom=S),e.ev(B)&&(t.paddingLeft=B),e.ev(T)&&(t.top=T),e.ev(_)&&(t.right=_),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(N)&&(t.borderRight=N),e.ev(f)&&(t.borderBottom=f),e.ev(u)&&(t.borderLeft=u),e.ev(v)&&(t.borderWidth=v),e.ev(m)&&(t.borderColor=m),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(L)&&(t.borderBottomLeftRadius=L),e.ev(w)&&(t.borderBottomRightRadius=w),e.ev(W)&&(t.flexSizing=W),e.ev(A)&&(t.flexWrap=A),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(F)&&(t.ssSphere=F),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($)&&(t.flexCenter=$),e.ev(U)&&(t.flexNewLine=U),e.ev(V)&&(t.gradients=V),e.ev(K)&&(t.freeCSS=K),e.ev(I)&&(t.UnderBreakPointStyles=I),t};export{Ue as ExtractStyles,$e as GenerateHTMLProps,Ge as ReadStyleSet};
@@ -0,0 +1,13 @@
1
+ /// <reference types="react" />
2
+ import Box from './Box';
3
+ declare namespace Card {
4
+ type Input = Box.DefaultInput & {};
5
+ type Methods = React.FC<Input> & {
6
+ Border: React.FC<Input>;
7
+ Plain: React.FC<Input>;
8
+ Cloud: React.FC<Input>;
9
+ Shadow: React.FC<Input>;
10
+ };
11
+ }
12
+ declare const Card: Card.Methods;
13
+ export { Card, Card as default };
@@ -0,0 +1 @@
1
+ import{b as t,d as e}from"../chunk-C5N2D3ZX.js";import{jsx as r}from"react/jsx-runtime";import C from"./Box";const d=a=>{let s=e(a,[]);return r(C,t({ssCardBox:!0,padding:1.5},s))},o=d;o.Border=a=>r(d,t({ssCardBox:"border"},a)),o.Plain=a=>r(d,t({ssCardBox:"plain"},a)),o.Cloud=a=>r(d,t({ssCardBox:"cloud"},a)),o.Shadow=a=>r(d,t({ssCardBox:"shadow"},a));export{o as Card,o as default};
@@ -36,3 +36,4 @@ export * from './FAI';
36
36
  export * from './Img';
37
37
  export * from './Logo';
38
38
  export * from './Placeholder';
39
+ export * from './Card';
@@ -1 +1 @@
1
- import{b as t,c as n}from"../chunk-C5N2D3ZX.js";import{jsx as p}from"react/jsx-runtime";export*from"./Box";import o from"./Box";const r=e=>p(o,n(t({},e),{htmlTag:"span"})),x=e=>p(o,n(t({},e),{htmlTag:"p"})),l=e=>p(o,t({display:"grid"},e)),a=e=>p(o,n(t({flexType:"row",flexWrap:!0,display:"flex"},e),{freeCSS:t({wordBreak:"break-word"},e.freeCSS)})),u=e=>p(o,t({width:1,flexSizing:"none"},e)),c=e=>p(a,t({flexType:"col",gap:1},e));export*from"./FAI";export*from"./Img";export*from"./Logo";export*from"./Placeholder";export{c as Column,a as Flex,u as FlexBr,l as Grid,x as P,r as Span};
1
+ import{b as t,c as n}from"../chunk-C5N2D3ZX.js";import{jsx as p}from"react/jsx-runtime";export*from"./Box";import o from"./Box";const a=e=>p(o,n(t({},e),{htmlTag:"span"})),x=e=>p(o,n(t({},e),{htmlTag:"p"})),l=e=>p(o,t({display:"grid"},e)),r=e=>p(o,n(t({flexType:"row",flexWrap:!0,display:"flex"},e),{freeCSS:t({wordBreak:"break-word"},e.freeCSS)})),u=e=>p(o,t({width:1,flexSizing:"none"},e)),f=e=>p(r,t({flexType:"col",gap:1},e));export*from"./FAI";export*from"./Img";export*from"./Logo";export*from"./Placeholder";export*from"./Card";export{f as Column,r as Flex,u as FlexBr,l as Grid,x as P,a as Span};
@@ -5,6 +5,10 @@ import { Box } from '../atoms';
5
5
  declare namespace Sheet {
6
6
  type Methods = {
7
7
  Wrapper(): JSX.Element;
8
+ Element: React.FC<Omit<Input, 'content'> & {
9
+ isOpen: boolean;
10
+ children: ReactElement;
11
+ }>;
8
12
  open<T extends Input>(p: T, defaultOpen?: boolean | 'inherit'): void;
9
13
  resize(p: {
10
14
  sheetID: string;
package/dist/fn/Sheet.js CHANGED
@@ -1 +1 @@
1
- import{b as C,c as D,d as H}from"../chunk-C5N2D3ZX.js";import{jsx as l,jsxs as V}from"react/jsx-runtime";import h,{UUID as Z,Time as le,useStore as x}from"jmini";import{useState as P,useEffect as F,useRef as pe}from"react";import{$$fromRoot as G,Config as M}from"../@utils";import{Box as E,Flex as he,Img as ie,FAI as ae,Column as oe}from"../atoms";import{Row as re}from"../mols";import{Button as se}from"./Button";import ce from"./Input";import{SheetClasses as S}from"../@styles/componentClasses";import ue from"./Effect";const k={currentIndex:0,mainSheetIDs:{},getSessionStates:()=>{let t=x.get("sessionStates-"+M.get().sessionUID);return t||null},getNewSheetStates:t=>{var u;let e=D(C({sheetGroups:t.sheetGroups||[],backgroundEffect:!0,overwrap:t.type=="custom",hold_state:!1,closeAtPageTransit:!0,closeAtEscapeKeyDown:!0,closeAtAroundClick:t.type=="custom"},t),{sheetID:t.sheetID||Z(),isOpen:!0,created_at:le()});if(e.type=="custom"){let c=e;c.parent=c.parent||((u=c==null?void 0:c.event)==null?void 0:u.currentTarget),e=c}return e}},J={Wrapper:()=>{let[t,e]=P([]),u={val_sheets:t,set_sheets:e};x.set({["sessionStates-"+M.get().sessionUID]:u}),F(()=>{x.set({["Sheet-"+M.get().sessionUID]:{add:(p,s)=>{let n=x.get("Sheet-"+M.get().sessionUID);if(!n)return;let r=k.getNewSheetStates(p);if(s!="inherit"&&(r.isOpen=s!=null?s:!0),!!n.find(r.sheetID)){e(g=>{let f=[...g],y=f.findIndex(T=>T.sheetID==r.sheetID);return y==-1||(f[y]=r),f});return}e(g=>[r,...g])},find:p=>{let s=k.getSessionStates();if(!s)return null;let{val_sheets:n}=s;return n.find(r=>r.sheetID==p)}}}),h(M.get().appRoot).addEvent({eventType:"keyup",eventID:"SheetEvent.keyUp",callback:function(p){let{key:s,metaKey:n}=p;if(s=="Escape"||s==","&&n){let r=k.getSessionStates();if(!r)return;let{val_sheets:m}=r,g=m.filter(y=>y.isOpen);if(!g.length)return;let f=g.reduce((y,T)=>y.created_at.value>T.created_at.value?y:T);_.close(f.sheetID,s)}}}).addEvent({eventType:"click",eventID:"SheetEvent.Click",callback:function(p){let s=k.getSessionStates();if(!s)return;let{val_sheets:n}=s,r=p.target;if(!r||r!=null&&r.closest("."+S("CustomSheet")))return;let m=n.filter(g=>g.type=="custom");m.length&&m.forEach(g=>{let{parent:f}=g;if(!g.closeAtAroundClick)return;let y=G(f)[0];f!==r&&y!==r&&(h(y).find(r).length||_.close(g.sheetID))})}})},[]);let c=t.map(p=>l(J.Core,D(C({},u),{val_sheet:p,patch_sheet:s=>{e(n=>{let r=[...n],m=r.findIndex(g=>g.sheetID==p.sheetID);return m==-1||(r[m]=C(C({},r[m]),s)),r})},delete_sheet:()=>{e(s=>{let n=[...s],r=n.findIndex(m=>m.sheetID==p.sheetID);return r==-1||n.splice(r,1),n})}}),p.sheetID));return l(E,{className:["AMOTIFY_be",S("Wrapper")].join(" "),children:c})},Core:t=>{let{val_sheet:e,patch_sheet:u}=t,[c,p]=P(k.currentIndex+2),[s]=P(Z()),n=e.type!="custom"&&!e.overwrap;F(()=>{k.currentIndex++,h.scope(()=>{if(!e.closeAtParentBlur)return;let f=h(e.parent);f[0]&&f.addEvent({eventID:"SheetClosation-"+e.sheetID,eventType:"mouseout",callback:()=>{f.removeEvent("SheetClosation-"+e.sheetID),u({isOpen:!1})}})}),x.set({[e.sheetID]:{resize:f=>{if(e.type=="drawer.bottom"){let y=x.get(s);y&&y.resize&&y.resize(f)}else(e.type.includes("normal")||e.type.includes("drawer"))&&u({size:f})},close:f=>{u({isOpen:!1})},open:()=>{u({isOpen:!0})}}})},[]),F(()=>{h.scope(()=>{let f=G("#"+s);if(e.isOpen){e.hold_state&&p(k.currentIndex+1),f.await(10).removeClass(S("Hide")).await(10).addClass(S("Open")).callback(()=>{e.openAfter&&e.openAfter()});return}f.await(10).removeClass(S("Open")).await(251).addClass(S("Hide")).callback(()=>{if(e.closeAfter&&e.closeAfter(),n&&M.get().browserIs!="safari"&&h(M.get().appRoot).focus(),e.hold_state)return u({isOpen:!1});t.delete_sheet()})})},[e.isOpen]);let[r,m]=e.type.split("."),g=J.Types[{"normal.topLeft":"Normal","normal.topCenter":"Normal","normal.topRight":"Normal","normal.middleLeft":"Normal","normal.middleCenter":"Normal","normal.middleRight":"Normal","normal.bottomLeft":"Normal","normal.bottomCenter":"Normal","normal.bottomRight":"Normal",image:"Normal","drawer.left":"Edge","drawer.right":"Edge","drawer.bottom":"Bottom",custom:"Custom"}[e.type]];return l(E,{className:[S("Wrap"),S("Tcate_"+r),S("Tpos_"+m),S("isMainSheet_"+n)].join(" "),width:1,ssAbsoluteCovered:!0,freeCSS:{zIndex:c},id:s,children:V(oe,{className:S("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[!!n&&l(J.TapSensor,{sheetID:e.sheetID,delegateAroundClick:e.closeAtAroundClick}),l(g,C({componentID:s},e))]})},s)},Types:{Normal:t=>{let U=t,{sheetID:e,sheetGroups:u,bodyScrolls:c,content:p,className:s="",type:n,size:r="R",freeCSS:m,openAfter:g,closeAfter:f,closeAtAroundClick:y,closeAtEscapeKeyDown:T,closeAtPageTransit:K,closeAtParentBlur:Q,closeAtSwipeDown:X,hold_state:q,overwrap:ee,isOpen:te,backgroundEffect:L}=U,W=H(U,["sheetID","sheetGroups","bodyScrolls","content","className","type","size","freeCSS","openAfter","closeAfter","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]),[j,I]=n.split("."),b={},w=[];return I.match(/top/)?(w.push("top"),b.marginBottom="auto"):I.match(/middle/)?(w.push("center"),b.marginTop="auto",b.marginBottom="auto"):I.match(/bottom/)&&(w.push("bottom"),b.marginTop="auto"),I.match(/left/i)?(w.push("left"),b.marginRight="auto"):I.match(/center/i)?(w.push("center"),b.marginLeft="auto",b.marginRight="auto"):I.match(/right/i)&&(w.push("right"),b.marginLeft="auto"),l(E,D(C(C({className:[S("BB"),s].join(" "),padding:1,transition:"long",opacity:"trans"},W),b),{freeCSS:C({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100%"}[r],maxWidth:"96vw",transformOrigin:w.join(" ")},m),children:h.is.function(p)?l(p,{}):p}))},Edge:t=>{let W=t,{sheetID:e,sheetGroups:u,bodyScrolls:c,type:p,content:s,className:n="",size:r="R",openAfter:m,closeAfter:g,closeAtAroundClick:f,closeAtEscapeKeyDown:y,closeAtPageTransit:T,closeAtParentBlur:K,closeAtSwipeDown:Q,hold_state:X,overwrap:q,isOpen:ee,backgroundEffect:te}=W,L=H(W,["sheetID","sheetGroups","bodyScrolls","type","content","className","size","openAfter","closeAfter","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]);return l(E,D(C(D(C({className:[S("BB"),n].join(" ")},p=="drawer.right"?{marginLeft:"auto"}:p=="drawer.left"?{marginRight:"auto"}:{}),{opacity:"trans",transition:"long",position:"relative",backgroundColor:"layer.1",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark"}),L),{freeCSS:C({width:{S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"100vw"}[r],maxWidth:"96vw"},L.freeCSS),children:h.is.function(s)?l(s,{}):s}))},Bottom:t=>{let Y=t,{componentID:e,sheetID:u,sheetGroups:c,bodyScrolls:p,content:s,size:n="R",sizeChanged:r,baseStyles:m,openAfter:g,closeAfter:f,closeAtAroundClick:y,closeAtEscapeKeyDown:T,closeAtPageTransit:K,closeAtParentBlur:Q,closeAtSwipeDown:X=!0,hold_state:q,overwrap:ee,isOpen:te,backgroundEffect:L}=Y,W=H(Y,["componentID","sheetID","sheetGroups","bodyScrolls","content","size","sizeChanged","baseStyles","openAfter","closeAfter","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]),j=h.getScreenSize(),I=[0,.2,.6,.95],b={ZERO:0,S:1,R:2,L:3},[w,U]=P(n),[A,R]=P({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:I[b[n]]});x.update({[e]:{val_edit:A,resize:v=>{let d=I[b[v]];R(a=>D(C({},a),{value:d})),U(v)}}});const z={Start:v=>{h(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:z.Move,options:{passive:!1}}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:z.Move,options:{passive:!1}}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:z.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:z.End});let d=h.getCursor(v),a=D(C({},A),{process:!0,processStart:new Date().getTime(),originY:d.y,originValue:A.value,viewHeight:h.getScreenSize().height});x.update({[e]:{val_edit:a}}),R(a)},Move:v=>{var N;let d=(N=x.get(e))==null?void 0:N.val_edit;if(!d.process)return;let B=(h.getCursor(v).y-d.originY)/d.viewHeight,o=d.originValue-B;if(o>.95)o=.95+(o-.95)*.5;else if(o<.2){let O=.2-o;O-=.1,o=.1+(.1-O)*.5}return R(D(C({},d),{value:o})),v.preventDefault(),v.stopPropagation(),!1},End:v=>{var o;let d=(o=x.get(e))==null?void 0:o.val_edit;if(!d.process)return;h(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let a=0;if(d.value<.1||(d.value<.5?a=1:d.value>.75?a=3:a=2),new Date().getTime()-d.processStart<300){let N=h.getCursor(v).y-d.originY;if(Math.abs(N)>=20){let O=+(N<0)*2-1;a+=O,a=Math.min(Math.max(a,0),I.length-1)}}a==0&&(X||(a=1)),U(["ZERO","S","R","L"][a]),R(D(C({},d),{value:I[a],process:!1}))}},$=pe(!1);return F(()=>{$.current?w=="ZERO"?X&&_.close(u):setTimeout(()=>{t.sizeChanged&&t.sizeChanged(w)},250):$.current=!0},[w]),l(E,{className:S("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long",freeCSS:C({maxWidth:12*60,height:j.height*A.value},A.process?{transition:"0s"}:{}),children:V(oe,D(C({gap:0,flexSizing:"none",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",borderBottom:"unset",boxShadow:"3.remark",position:"relative",overflow:"hidden",height:1},m),{children:[V(re.Separate,{padding:1,backgroundColor:"layer.1",position:"relative",freeCSS:{userSelect:"none"},children:[l(E,{ssSphere:2.5}),l(re.Center,{onPointerDown:z.Start,flexSizing:0,padding:"2/3",ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:l(E,{unitWidth:6,unitHeight:"1/2",backgroundColor:"layer.4",isRounded:!0,className:S("DragBar")})}),l(se.Sub,{color:"cloud",ssSphere:2.5,onClick:()=>{_.close(u)},children:l(ae.Times,{})})]}),l(E,D(C({backgroundColor:"layer.1",flexSizing:0,overflow:"auto"},W),{children:h.is.function(s)?l(s,{}):s}))]}))})},Custom:t=>{let Y=t,{sheetID:e,sheetGroups:u,bodyScrolls:c,event:p,parent:s,nextToCursor:n,gravityPoint:r=22,content:m,closeAtAroundClick:g,closeAtEscapeKeyDown:f,closeAtPageTransit:y,closeAtParentBlur:T,closeAtSwipeDown:K,hold_state:Q,openAfter:X,closeAfter:q,overwrap:ee,isOpen:te,resize:L,backgroundEffect:W}=Y,j=H(Y,["sheetID","sheetGroups","bodyScrolls","event","parent","nextToCursor","gravityPoint","content","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","openAfter","closeAfter","overwrap","isOpen","resize","backgroundEffect"]),[I]=P(Z()),b=h.is.element(s)||h.is.jmini(s)?h(s):G(s),w='[data-sheet-id="'+I+'"]',U='[data-sheet-content="'+I+'"]';r=r;let A=r%5||5,R=Math.ceil(r/5);const z={Init:()=>{if(n&&p){let i=h.getScreenSize(),ne=h.getCursor(p);return{top:ne.y-i.pageYOffset,left:ne.x-i.pageXOffset}}let v={};if(!b||!b[0])return v;let{top:d,right:a,bottom:B,left:o,height:N,width:O}=b.position();return[1,2].includes(A)?v.left=o:A==3?v.left=o+O/2:[4,5].includes(A)&&(v.left=a),r<=10?v.top=d:r<=15?v.top=d+N/2:r<=25&&(v.top=B),v},Adjust:()=>{let v=G(w).position(),d=G(U).position(),a=b.position(),B=h.getScreenSize(),o={};for(let i in d)o[i]=d[i];if(h.scope(()=>{if(t.nextToCursor)return;let i=0;R==1?i=a.top-o.bottom:R==2?i=a.top-o.top:R==3?i=a.top-o.top+(a.height-o.height)/2:R==4?i=a.bottom-o.bottom:R==5&&(i=a.bottom-o.top),o.top+=i,o.bottom+=i}),h.scope(()=>{if(t.nextToCursor)return;let i=0;A==1?i=a.left-o.right:A==2?i=a.left-o.left:A==3?i=a.left-o.left+(a.width-o.width)/2:A==4?i=a.right-o.right:A==5&&(i=a.right-o.left),o.left+=i,o.right+=i}),o.top<0){let i=-o.top;o.top+=i,o.bottom+=i}if(o.bottom>B.height){let i=o.bottom-B.height;o.top-=i,o.bottom-=i}if(o.left<0){let i=-o.left;o.left+=i,o.right+=i}if(o.right>B.width){let i=o.right-B.width;o.left-=i,o.right-=i}let N=o.top-d.top,O=o.left-d.left;h(w).css({top:v.top+N+"px",left:v.left+O+"px"})}};let[$]=P(z.Init());return F(()=>{G(w).await(10).addClass(S("Open")).await(200).callback(()=>{(L==null||L)&&z.Adjust()}),x.update({["customSheet-"+t.sheetID]:{reposition:()=>{z.Adjust()}}})},[]),b[0]?l(E,{className:[S("BB"),S("CustomSheet")].join(" "),"data-sheet-id":I,transition:"long",position:"absolute",width:0,height:0,opacity:"trans",flexCenter:!0,freeCSS:$,children:l(he,{position:"absolute",className:[S("GPT"),S("GPT_"+r),S("Col_"+A),S("Row_"+R)].join(" "),children:l(E,D(C({"data-sheet-content":I,flexSizing:"none",maxHeight:"viewHeight"},j),{freeCSS:C({maxWidth:"98vw"},j.freeCSS),children:h.is.function(m)?l(m,{}):m}))})}):null}},TapSensor:t=>l(E,{className:S("TapSensor"),children:l(se.Plain,{className:S("TapContent"),onClick:()=>{var e;(e=t.delegateAroundClick)!=null&&e&&_.close(t.sheetID)},freeCSS:{cursor:"default",pointerEvents:"all"}})})},_={Wrapper:()=>l(J.Wrapper,{}),open:(t,e)=>{if(t.sheetID=(t.sheetID||"").replace(/\./g,"-"),t.type=="image"){let p=t.sheetID||Z(),c=t,{type:s,src:n}=c,r=H(c,["type","src"]);_.open(D(C({type:"normal.topCenter",size:"MAX",backgroundColor:"trans",height:"viewHeight"},r),{sheetID:p,freeCSS:{maxWidth:"96vw",transformOrigin:"top"},content:()=>{let[m]=P(h.flatArray(n)),[g,f]=P(0),y=[];return m.forEach((T,K)=>{y.push({value:K,label:l(ie,{src:h.flatArray(T)[0],width:"auto",height:1,borderRadius:"3.tone.tertiary",freeCSS:{maxWidth:12*6,maxHeight:12*3}})})}),V(oe,{gap:0,height:1,position:"relative",children:[V(re.Separate,{position:"absolute",top:0,left:0,right:0,padding:[1,2],freeCSS:{zIndex:2},children:[l(ce.Radio,{icon:!1,value:g,override:"force",horizontalAlign:"center",onUpdateValidValue:T=>{f(T)},cellStyles:{border:!0,borderWidth:2,padding:"1/3",paddingRight:"1/3",boxShadow:"2.normal",gap:0},cellCheckedStyles:{borderColor:"theme"},options:y}),l(se.Sub.S,{color:"cloud",ssSphere:3,onClick:()=>{_.close(p)},children:l(ae.Times,{})})]}),l(ue.FadeIn,{flexCenter:!0,flexSizing:0,overflow:"auto",children:l(ie,{width:"auto",height:"auto",maxWidth:1,maxHeight:1,src:m[g]})},g)]})}}));return}let u=x.get("Sheet-"+M.get().sessionUID);u&&u.add(t,e)},resize:t=>{t.sheetID=(t.sheetID||"").replace(/\./g,"-");let e=x.get(t.sheetID);e&&e.resize&&e.resize(t.size)},customSheet:{reposition:t=>{let e=x.get("customSheet-"+t);e&&e.reposition&&e.reposition()}},close:function(t,e,u){let c=k.getSessionStates();if(!c)return;let{val_sheets:p}=c;t=t==null?void 0:t.replace(/\./g,"-");let s=p.find(r=>r.sheetID==t);if(!s||e=="Escape"&&!s.closeAtEscapeKeyDown)return;let n=x.get(s.sheetID);n&&n.close&&n.close(u)},closeGroup:t=>{let e=k.getSessionStates();if(!e)return;let{val_sheets:u}=e;t=(t||"").replace(/\./g,"-");for(let c of u)c.sheetGroups&&c.sheetGroups==t&&_.close(c.sheetID)},closeAll:t=>{let e=k.getSessionStates();if(!e)return;let{val_sheets:u}=e;for(let c of u)t&&!c.closeAtPageTransit||_.close(c.sheetID,"pageTransit",!0)},Body:t=>l(E,C({className:S("BaseBody"),backgroundColor:"layer.1",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},t))};export{_ as Sheet,_ as default};
1
+ import{b as C,c as D,d as H}from"../chunk-C5N2D3ZX.js";import{jsx as h,jsxs as V}from"react/jsx-runtime";import u,{UUID as Z,Time as le,useStore as x}from"jmini";import{useState as P,useEffect as G,useRef as pe}from"react";import{$$fromRoot as K,Config as M}from"../@utils";import{Box as R,Flex as he,Img as ie,FAI as ae,Column as oe}from"../atoms";import{Row as re}from"../mols";import{Button as se}from"./Button";import ce from"./Input";import{SheetClasses as S}from"../@styles/componentClasses";import ue from"./Effect";const k={currentIndex:0,mainSheetIDs:{},getSessionStates:()=>{let t=x.get("sessionStates-"+M.get().sessionUID);return t||null},getNewSheetStates:t=>{var c;let e=D(C({sheetGroups:t.sheetGroups||[],backgroundEffect:!0,overwrap:t.type=="custom",hold_state:!1,closeAtPageTransit:!0,closeAtEscapeKeyDown:!0,closeAtAroundClick:t.type=="custom"},t),{sheetID:t.sheetID||Z(),isOpen:!0,created_at:le()});if(e.type=="custom"){let l=e;l.parent=l.parent||((c=l==null?void 0:l.event)==null?void 0:c.currentTarget),e=l}return e}},J={Wrapper:()=>{let[t,e]=P([]),c={val_sheets:t,set_sheets:e};x.set({["sessionStates-"+M.get().sessionUID]:c}),G(()=>{x.set({["Sheet-"+M.get().sessionUID]:{add:(i,s)=>{let n=x.get("Sheet-"+M.get().sessionUID);if(!n)return;let r=k.getNewSheetStates(i);if(s!="inherit"&&(r.isOpen=s!=null?s:!0),!!n.find(r.sheetID)){e(g=>{let f=[...g],y=f.findIndex(E=>E.sheetID==r.sheetID);return y==-1||(f[y]=r),f});return}e(g=>[r,...g])},find:i=>{let s=k.getSessionStates();if(!s)return null;let{val_sheets:n}=s;return n.find(r=>r.sheetID==i)}}}),u(M.get().appRoot).addEvent({eventType:"keyup",eventID:"SheetEvent.keyUp",callback:function(i){let{key:s,metaKey:n}=i;if(s=="Escape"||s==","&&n){let r=k.getSessionStates();if(!r)return;let{val_sheets:m}=r,g=m.filter(y=>y.isOpen);if(!g.length)return;let f=g.reduce((y,E)=>y.created_at.value>E.created_at.value?y:E);T.close(f.sheetID,s)}}}).addEvent({eventType:"click",eventID:"SheetEvent.Click",callback:function(i){let s=k.getSessionStates();if(!s)return;let{val_sheets:n}=s,r=i.target;if(!r||r!=null&&r.closest("."+S("CustomSheet")))return;let m=n.filter(g=>g.type=="custom");m.length&&m.forEach(g=>{let{parent:f}=g;if(!g.closeAtAroundClick)return;let y=K(f)[0];f!==r&&y!==r&&(u(y).find(r).length||T.close(g.sheetID))})}})},[]);let l=t.map(i=>h(J.Core,D(C({},c),{val_sheet:i,patch_sheet:s=>{e(n=>{let r=[...n],m=r.findIndex(g=>g.sheetID==i.sheetID);return m==-1||(r[m]=C(C({},r[m]),s)),r})},delete_sheet:()=>{e(s=>{let n=[...s],r=n.findIndex(m=>m.sheetID==i.sheetID);return r==-1||n.splice(r,1),n})}}),i.sheetID));return h(R,{className:["AMOTIFY_be",S("Wrapper")].join(" "),children:l})},Core:t=>{let{val_sheet:e,patch_sheet:c}=t,[l,i]=P(k.currentIndex+2),[s]=P(Z()),n=e.type!="custom"&&!e.overwrap;G(()=>{k.currentIndex++,u.scope(()=>{if(!e.closeAtParentBlur)return;let f=u(e.parent);f[0]&&f.addEvent({eventID:"SheetClosation-"+e.sheetID,eventType:"mouseout",callback:()=>{f.removeEvent("SheetClosation-"+e.sheetID),c({isOpen:!1})}})}),x.set({[e.sheetID]:{resize:f=>{if(e.type=="drawer.bottom"){let y=x.get(s);y&&y.resize&&y.resize(f)}else(e.type.includes("normal")||e.type.includes("drawer"))&&c({size:f})},close:f=>{c({isOpen:!1})},open:()=>{c({isOpen:!0})}}})},[]),G(()=>{u.scope(()=>{let f=K("#"+s);if(e.isOpen){e.hold_state&&i(k.currentIndex+1),f.await(10).removeClass(S("Hide")).await(10).addClass(S("Open")).callback(()=>{e.openAfter&&e.openAfter()});return}f.await(10).removeClass(S("Open")).await(251).addClass(S("Hide")).callback(()=>{if(e.closeAfter&&e.closeAfter(),n&&M.get().browserIs!="safari"&&u(M.get().appRoot).focus(),e.hold_state)return c({isOpen:!1});t.delete_sheet()})})},[e.isOpen]);let[r,m]=e.type.split("."),g=J.Types[{"normal.topLeft":"Normal","normal.topCenter":"Normal","normal.topRight":"Normal","normal.middleLeft":"Normal","normal.middleCenter":"Normal","normal.middleRight":"Normal","normal.bottomLeft":"Normal","normal.bottomCenter":"Normal","normal.bottomRight":"Normal",image:"Normal","drawer.left":"Edge","drawer.right":"Edge","drawer.bottom":"Bottom",custom:"Custom"}[e.type]];return h(R,{className:[S("Wrap"),S("Tcate_"+r),S("Tpos_"+m),S("isMainSheet_"+n)].join(" "),width:1,ssAbsoluteCovered:!0,freeCSS:{zIndex:l},id:s,children:V(oe,{className:S("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[!!n&&h(J.TapSensor,{sheetID:e.sheetID,delegateAroundClick:e.closeAtAroundClick}),h(g,C({componentID:s},e))]})},s)},Types:{Normal:t=>{let U=t,{sheetID:e,sheetGroups:c,bodyScrolls:l,content:i,className:s="",type:n,size:r="R",freeCSS:m,openAfter:g,closeAfter:f,closeAtAroundClick:y,closeAtEscapeKeyDown:E,closeAtPageTransit:X,closeAtParentBlur:Q,closeAtSwipeDown:j,hold_state:q,overwrap:ee,isOpen:te,backgroundEffect:L}=U,W=H(U,["sheetID","sheetGroups","bodyScrolls","content","className","type","size","freeCSS","openAfter","closeAfter","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]),[F,b]=n.split("."),I={},w=[];return b.match(/top/)?(w.push("top"),I.marginBottom="auto"):b.match(/middle/)?(w.push("center"),I.marginTop="auto",I.marginBottom="auto"):b.match(/bottom/)&&(w.push("bottom"),I.marginTop="auto"),b.match(/left/i)?(w.push("left"),I.marginRight="auto"):b.match(/center/i)?(w.push("center"),I.marginLeft="auto",I.marginRight="auto"):b.match(/right/i)&&(w.push("right"),I.marginLeft="auto"),h(R,D(C(C({className:[S("BB"),s].join(" "),padding:1,transition:"long",opacity:"trans"},W),I),{freeCSS:C({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100%"}[r],maxWidth:"96vw",transformOrigin:w.join(" ")},m),children:u.is.function(i)?h(i,{}):i}))},Edge:t=>{let W=t,{sheetID:e,sheetGroups:c,bodyScrolls:l,type:i,content:s,className:n="",size:r="R",openAfter:m,closeAfter:g,closeAtAroundClick:f,closeAtEscapeKeyDown:y,closeAtPageTransit:E,closeAtParentBlur:X,closeAtSwipeDown:Q,hold_state:j,overwrap:q,isOpen:ee,backgroundEffect:te}=W,L=H(W,["sheetID","sheetGroups","bodyScrolls","type","content","className","size","openAfter","closeAfter","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]);return h(R,D(C(D(C({className:[S("BB"),n].join(" ")},i=="drawer.right"?{marginLeft:"auto"}:i=="drawer.left"?{marginRight:"auto"}:{}),{opacity:"trans",transition:"long",position:"relative",backgroundColor:"layer.1",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark"}),L),{freeCSS:C({width:{S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"100vw"}[r],maxWidth:"96vw"},L.freeCSS),children:u.is.function(s)?h(s,{}):s}))},Bottom:t=>{let Y=t,{componentID:e,sheetID:c,sheetGroups:l,bodyScrolls:i,content:s,size:n="R",sizeChanged:r,baseStyles:m,openAfter:g,closeAfter:f,closeAtAroundClick:y,closeAtEscapeKeyDown:E,closeAtPageTransit:X,closeAtParentBlur:Q,closeAtSwipeDown:j=!0,hold_state:q,overwrap:ee,isOpen:te,backgroundEffect:L}=Y,W=H(Y,["componentID","sheetID","sheetGroups","bodyScrolls","content","size","sizeChanged","baseStyles","openAfter","closeAfter","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]),F=u.getScreenSize(),b=[0,.2,.6,.95],I={ZERO:0,S:1,R:2,L:3},[w,U]=P(n),[A,_]=P({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:b[I[n]]});x.update({[e]:{val_edit:A,resize:v=>{let d=b[I[v]];_(p=>D(C({},p),{value:d})),U(v)}}});const z={Start:v=>{u(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:z.Move,options:{passive:!1}}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:z.Move,options:{passive:!1}}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:z.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:z.End});let d=u.getCursor(v),p=D(C({},A),{process:!0,processStart:new Date().getTime(),originY:d.y,originValue:A.value,viewHeight:u.getScreenSize().height});x.update({[e]:{val_edit:p}}),_(p)},Move:v=>{var O;let d=(O=x.get(e))==null?void 0:O.val_edit;if(!d.process)return;let B=(u.getCursor(v).y-d.originY)/d.viewHeight,o=d.originValue-B;if(o>.95)o=.95+(o-.95)*.5;else if(o<.2){let N=.2-o;N-=.1,o=.1+(.1-N)*.5}return _(D(C({},d),{value:o})),v.preventDefault(),v.stopPropagation(),!1},End:v=>{var o;let d=(o=x.get(e))==null?void 0:o.val_edit;if(!d.process)return;u(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let p=0;if(d.value<.1||(d.value<.5?p=1:d.value>.75?p=3:p=2),new Date().getTime()-d.processStart<300){let O=u.getCursor(v).y-d.originY;if(Math.abs(O)>=20){let N=+(O<0)*2-1;p+=N,p=Math.min(Math.max(p,0),b.length-1)}}p==0&&(j||(p=1)),U(["ZERO","S","R","L"][p]),_(D(C({},d),{value:b[p],process:!1}))}},$=pe(!1);return G(()=>{$.current?w=="ZERO"?j&&T.close(c):setTimeout(()=>{t.sizeChanged&&t.sizeChanged(w)},250):$.current=!0},[w]),h(R,{className:S("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long",freeCSS:C({maxWidth:12*60,height:F.height*A.value},A.process?{transition:"0s"}:{}),children:V(oe,D(C({gap:0,flexSizing:"none",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",borderBottom:"unset",boxShadow:"3.remark",position:"relative",overflow:"hidden",height:1},m),{children:[V(re.Separate,{padding:1,backgroundColor:"layer.1",position:"relative",freeCSS:{userSelect:"none"},children:[h(R,{ssSphere:2.5}),h(re.Center,{onPointerDown:z.Start,flexSizing:0,padding:"2/3",ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:h(R,{unitWidth:6,unitHeight:"1/2",backgroundColor:"layer.4",isRounded:!0,className:S("DragBar")})}),h(se.Sub,{color:"cloud",ssSphere:2.5,onClick:()=>{T.close(c)},children:h(ae.Times,{})})]}),h(R,D(C({backgroundColor:"layer.1",flexSizing:0,overflow:"auto"},W),{children:u.is.function(s)?h(s,{}):s}))]}))})},Custom:t=>{let Y=t,{sheetID:e,sheetGroups:c,bodyScrolls:l,event:i,parent:s,nextToCursor:n,gravityPoint:r=22,content:m,closeAtAroundClick:g,closeAtEscapeKeyDown:f,closeAtPageTransit:y,closeAtParentBlur:E,closeAtSwipeDown:X,hold_state:Q,openAfter:j,closeAfter:q,overwrap:ee,isOpen:te,resize:L,backgroundEffect:W}=Y,F=H(Y,["sheetID","sheetGroups","bodyScrolls","event","parent","nextToCursor","gravityPoint","content","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","openAfter","closeAfter","overwrap","isOpen","resize","backgroundEffect"]),[b]=P(Z()),I=u.is.element(s)||u.is.jmini(s)?u(s):K(s),w='[data-sheet-id="'+b+'"]',U='[data-sheet-content="'+b+'"]';r=r;let A=r%5||5,_=Math.ceil(r/5);const z={Init:()=>{if(n&&i){let a=u.getScreenSize(),ne=u.getCursor(i);return{top:ne.y-a.pageYOffset,left:ne.x-a.pageXOffset}}let v={};if(!I||!I[0])return v;let{top:d,right:p,bottom:B,left:o,height:O,width:N}=I.position();return[1,2].includes(A)?v.left=o:A==3?v.left=o+N/2:[4,5].includes(A)&&(v.left=p),r<=10?v.top=d:r<=15?v.top=d+O/2:r<=25&&(v.top=B),v},Adjust:()=>{let v=K(w).position(),d=K(U).position(),p=I.position(),B=u.getScreenSize(),o={};for(let a in d)o[a]=d[a];if(u.scope(()=>{if(t.nextToCursor)return;let a=0;_==1?a=p.top-o.bottom:_==2?a=p.top-o.top:_==3?a=p.top-o.top+(p.height-o.height)/2:_==4?a=p.bottom-o.bottom:_==5&&(a=p.bottom-o.top),o.top+=a,o.bottom+=a}),u.scope(()=>{if(t.nextToCursor)return;let a=0;A==1?a=p.left-o.right:A==2?a=p.left-o.left:A==3?a=p.left-o.left+(p.width-o.width)/2:A==4?a=p.right-o.right:A==5&&(a=p.right-o.left),o.left+=a,o.right+=a}),o.top<0){let a=-o.top;o.top+=a,o.bottom+=a}if(o.bottom>B.height){let a=o.bottom-B.height;o.top-=a,o.bottom-=a}if(o.left<0){let a=-o.left;o.left+=a,o.right+=a}if(o.right>B.width){let a=o.right-B.width;o.left-=a,o.right-=a}let O=o.top-d.top,N=o.left-d.left;u(w).css({top:v.top+O+"px",left:v.left+N+"px"})}};let[$]=P(z.Init());return G(()=>{K(w).await(10).addClass(S("Open")).await(200).callback(()=>{(L==null||L)&&z.Adjust()}),x.update({["customSheet-"+t.sheetID]:{reposition:()=>{z.Adjust()}}})},[]),I[0]?h(R,{className:[S("BB"),S("CustomSheet")].join(" "),"data-sheet-id":b,transition:"long",position:"absolute",width:0,height:0,opacity:"trans",flexCenter:!0,freeCSS:$,children:h(he,{position:"absolute",className:[S("GPT"),S("GPT_"+r),S("Col_"+A),S("Row_"+_)].join(" "),children:h(R,D(C({"data-sheet-content":b,flexSizing:"none",maxHeight:"viewHeight"},F),{freeCSS:C({maxWidth:"98vw"},F.freeCSS),children:u.is.function(m)?h(m,{}):m}))})}):null}},TapSensor:t=>h(R,{className:S("TapSensor"),children:h(se.Plain,{className:S("TapContent"),onClick:()=>{var e;(e=t.delegateAroundClick)!=null&&e&&T.close(t.sheetID)},freeCSS:{cursor:"default",pointerEvents:"all"}})})},T={Wrapper:()=>h(J.Wrapper,{}),Element:t=>{let i=t,{isOpen:e,children:c}=i,l=H(i,["isOpen","children"]);return G(()=>{if(e){T.open(D(C({},l),{content:c}));return}l.sheetID&&T.close(l.sheetID)},[e]),null},open:(t,e)=>{if(t.sheetID=(t.sheetID||"").replace(/\./g,"-"),t.type=="image"){let i=t.sheetID||Z(),l=t,{type:s,src:n}=l,r=H(l,["type","src"]);T.open(D(C({type:"normal.topCenter",size:"MAX",backgroundColor:"trans",height:"viewHeight"},r),{sheetID:i,freeCSS:{maxWidth:"96vw",transformOrigin:"top"},content:()=>{let[m]=P(u.flatArray(n)),[g,f]=P(0),y=[];return m.forEach((E,X)=>{y.push({value:X,label:h(ie,{src:u.flatArray(E)[0],width:"auto",height:1,borderRadius:"3.tone.tertiary",freeCSS:{maxWidth:12*6,maxHeight:12*3}})})}),V(oe,{gap:0,height:1,position:"relative",children:[V(re.Separate,{position:"absolute",top:0,left:0,right:0,padding:[1,2],freeCSS:{zIndex:2},children:[h(ce.Radio,{icon:!1,value:g,override:"force",horizontalAlign:"center",onUpdateValidValue:E=>{f(E)},cellStyles:{border:!0,borderWidth:2,padding:"1/3",paddingRight:"1/3",boxShadow:"2.normal",gap:0},cellCheckedStyles:{borderColor:"theme"},options:y}),h(se.Sub.S,{color:"cloud",ssSphere:3,onClick:()=>{T.close(i)},children:h(ae.Times,{})})]}),h(ue.FadeIn,{flexCenter:!0,flexSizing:0,overflow:"auto",children:h(ie,{width:"auto",height:"auto",maxWidth:1,maxHeight:1,src:m[g]})},g)]})}}));return}let c=x.get("Sheet-"+M.get().sessionUID);c&&c.add(t,e)},resize:t=>{t.sheetID=(t.sheetID||"").replace(/\./g,"-");let e=x.get(t.sheetID);e&&e.resize&&e.resize(t.size)},customSheet:{reposition:t=>{let e=x.get("customSheet-"+t);e&&e.reposition&&e.reposition()}},close:function(t,e,c){let l=k.getSessionStates();if(!l)return;let{val_sheets:i}=l;t=t==null?void 0:t.replace(/\./g,"-");let s=i.find(r=>r.sheetID==t);if(!s||e=="Escape"&&!s.closeAtEscapeKeyDown)return;let n=x.get(s.sheetID);n&&n.close&&n.close(c)},closeGroup:t=>{let e=k.getSessionStates();if(!e)return;let{val_sheets:c}=e;t=(t||"").replace(/\./g,"-");for(let l of c)l.sheetGroups&&l.sheetGroups==t&&T.close(l.sheetID)},closeAll:t=>{let e=k.getSessionStates();if(!e)return;let{val_sheets:c}=e;for(let l of c)t&&!l.closeAtPageTransit||T.close(l.sheetID,"pageTransit",!0)},Body:t=>h(R,C({className:S("BaseBody"),backgroundColor:"layer.1",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},t))};export{T as Sheet,T as default};
package/dist/index.d.ts CHANGED
@@ -57,6 +57,7 @@ declare const amotify: {
57
57
  Img: import("react").FC<atoms.Img.Input>;
58
58
  Logo: atoms.Logo.Methods;
59
59
  Placeholder: import("react").FC<atoms.Placeholder.Input>;
60
+ Card: atoms.Card.Methods;
60
61
  Config: utils.Config.Methods;
61
62
  useRefresh: utils.useRefresh.Methods;
62
63
  useRouterEffect: (p: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "amotify",
3
- "version": "0.2.126",
3
+ "version": "0.2.128",
4
4
  "description": "UI Component for React,NextJS,esbuild",
5
5
  "scripts": {
6
6
  "start": "run-p clean build:*",
@@ -90,7 +90,7 @@
90
90
  "@fortawesome/free-solid-svg-icons": "^6.6.0",
91
91
  "@fortawesome/react-fontawesome": "^0.2.0",
92
92
  "dotenv": "^16.4.6",
93
- "jmini": "^0.0.30",
93
+ "jmini": "^0.0.32",
94
94
  "react": "^18.3.1"
95
95
  },
96
96
  "devDependencies": {