amotify 0.1.16 → 0.1.18

package/dist/@styles/componentClasses/_.css

@@ -1,12 +1,12 @@
 /**
 * @license amotify
-* amotify 0.1.15
+* amotify 0.1.17
 * https://mingoo.co.jp/
 
 * Copyright (c) mingoo, LLC.
 * Released under the MIT license
 
-* Latest updated at: 2024/5/15
+* Latest updated at: 2024/5/21
 */
 
 /* esbuild-sass-plugin:css-chunk:src/@styles/componentClasses/a_img.module.scss */

package/dist/fn/Sheet.js

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

package/dist/fn/Table/_.d.ts

@@ -18,13 +18,13 @@ export declare namespace TableTypes {
         tableID?: string;
         tone?: Tones;
         colLength: number;
-        cellStyles?: TagProperty.Properties;
+        cellStyles?: TagProperty.Params;
         cellClassName?: string;
         cellStylesCallback?: {
-            (params: StylesCallbackInput): TagProperty.Properties;
+            (params: StylesCallbackInput): TagProperty.Params;
         };
         className?: string;
-    } & TagProperty.Properties;
+    } & TagProperty.Params;
     type OnRowClick = {
         (rowIDOrIndex: any, event: React.MouseEvent<HTMLTableRowElement, MouseEvent>): void;
     };

package/dist/style.css

@@ -1,12 +1,12 @@
 /**
 * @license amotify
-* amotify 0.1.15
+* amotify 0.1.17
 * https://mingoo.co.jp/
 
 * Copyright (c) mingoo, LLC.
 * Released under the MIT license
 
-* Latest updated at: 2024/5/15
+* Latest updated at: 2024/5/21
 */
 
 /* src/@styles/@app.scss */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "amotify",
-  "version": "0.1.16",
+  "version": "0.1.18",
   "description": "UI FW for React",
   "scripts": {
     "clean": "rimraf dist",