amotify 0.2.276 → 0.2.277

package/dist/fn/Sheet.js

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

@@ -1,6 +1,6 @@
 {
   "name": "amotify",
-  "version": "0.2.276",
+  "version": "0.2.277",
   "description": "UI Component for React,NextJS,esbuild",
   "scripts": {
     "start": "run-p clean build:*",