amotify 0.1.46 → 0.1.48

package/dist/@declaration/property.d.ts

@@ -96,7 +96,7 @@ export declare namespace Sizes {
         unitWidth?: Size;
         unitHeight?: Size;
         width?: 0 | 1 | 'viewWidth' | 'auto';
-        height?: 0 | 1 | 'viewHeight' | 'topNavigationHeight' | 'sideNavigationHeight' | 'contentHeight' | 'auto';
+        height?: 0 | 1 | 'viewHeight' | 'topNavigationHeight' | 'footerNavigationHeight' | 'sideNavigationHeight' | 'contentHeight' | 'auto';
     };
     type Size = 0 | '1/12' | '1/6' | '1/4' | '1/3' | '1/2' | '2/3' | '3/4' | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 6 | 8 | 12 | 'unset';
 }
@@ -132,7 +132,7 @@ export type Properties = Pargins.Params & Fonts.Params & Borders.Params & FlexGr
     position?: 'relative' | 'absolute' | 'fixed' | 'sticky' | 'static';
     top?: Others.TRBL | 'topBase' | 'topNavigationHeight';
     right?: Others.TRBL;
-    bottom?: Others.TRBL;
+    bottom?: Others.TRBL | 'footerNavigationHeight';
     left?: Others.TRBL;
     opacity?: 'trans' | 'few' | 'low' | 'middle' | 'high' | 'most';
     transition?: 'none' | 'short' | 'middle' | 'long';

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

@@ -1,12 +1,12 @@
 /**
 * @license amotify
-* amotify 0.1.45
+* amotify 0.1.48
 * https://mingoo.co.jp/
 
 * Copyright (c) mingoo, LLC.
 * Released under the MIT license
 
-* Latest updated at: 2024/6/29
+* Latest updated at: 2024/7/8
 */
 
 /* esbuild-sass-plugin:css-chunk:src/@styles/componentClasses/a_img.module.scss */

package/dist/@styles/index.css

@@ -1,12 +1,12 @@
 /**
 * @license amotify
-* amotify 0.1.45
+* amotify 0.1.48
 * https://mingoo.co.jp/
 
 * Copyright (c) mingoo, LLC.
 * Released under the MIT license
 
-* Latest updated at: 2024/6/29
+* Latest updated at: 2024/7/8
 */
 
 /* esbuild-sass-plugin:css-chunk:src/@styles/componentClasses/a_img.module.scss */

package/dist/@styles/init.css

@@ -1,12 +1,12 @@
 /**
 * @license amotify
-* amotify 0.1.45
+* amotify 0.1.48
 * https://mingoo.co.jp/
 
 * Copyright (c) mingoo, LLC.
 * Released under the MIT license
 
-* Latest updated at: 2024/6/29
+* Latest updated at: 2024/7/8
 */
 
 /* src/@styles/init.scss */

package/dist/@styles/style.css

@@ -1,12 +1,12 @@
 /**
 * @license amotify
-* amotify 0.1.45
+* amotify 0.1.48
 * https://mingoo.co.jp/
 
 * Copyright (c) mingoo, LLC.
 * Released under the MIT license
 
-* Latest updated at: 2024/6/29
+* Latest updated at: 2024/7/8
 */
 
 /* src/@styles/@app.scss */
@@ -4195,6 +4195,9 @@ amotify-app {
 .amotf_pstttopBase {
   top: var(--topBase);
 }
+.amotf_psttfooterNavigationHeight {
+  top: var(--footerNavHeight);
+}
 .amotf_pstr0 {
   right: 0;
 }
@@ -4243,6 +4246,9 @@ amotify-app {
 .amotf_pstrtopBase {
   right: var(--topBase);
 }
+.amotf_pstrfooterNavigationHeight {
+  right: var(--footerNavHeight);
+}
 .amotf_pstb0 {
   bottom: 0;
 }
@@ -4291,6 +4297,9 @@ amotify-app {
 .amotf_pstbtopBase {
   bottom: var(--topBase);
 }
+.amotf_pstbfooterNavigationHeight {
+  bottom: var(--footerNavHeight);
+}
 .amotf_pstl0 {
   left: 0;
 }
@@ -4339,6 +4348,9 @@ amotify-app {
 .amotf_pstltopBase {
   left: var(--topBase);
 }
+.amotf_pstlfooterNavigationHeight {
+  left: var(--footerNavHeight);
+}
 .amotf_b_t_ss0 {
   border-top: 1px solid transparent;
 }
@@ -4982,6 +4994,9 @@ amotify-app {
 .amotf_hgtsideNavigationHeight {
   height: var(--sideNavHeight);
 }
+.amotf_hgtfooterNavigationHeight {
+  height: var(--footerNavHeight);
+}
 .amotf_hgtcontentHeight {
   height: var(--contentHeight);
 }
@@ -6450,6 +6465,9 @@ amotify-app {
   .amotf_bppstttopBase {
     top: var(--topBase);
   }
+  .amotf_bppsttfooterNavigationHeight {
+    top: var(--footerNavHeight);
+  }
   .amotf_bppstr0 {
     right: 0;
   }
@@ -6498,6 +6516,9 @@ amotify-app {
   .amotf_bppstrtopBase {
     right: var(--topBase);
   }
+  .amotf_bppstrfooterNavigationHeight {
+    right: var(--footerNavHeight);
+  }
   .amotf_bppstb0 {
     bottom: 0;
   }
@@ -6546,6 +6567,9 @@ amotify-app {
   .amotf_bppstbtopBase {
     bottom: var(--topBase);
   }
+  .amotf_bppstbfooterNavigationHeight {
+    bottom: var(--footerNavHeight);
+  }
   .amotf_bppstl0 {
     left: 0;
   }
@@ -6594,6 +6618,9 @@ amotify-app {
   .amotf_bppstltopBase {
     left: var(--topBase);
   }
+  .amotf_bppstlfooterNavigationHeight {
+    left: var(--footerNavHeight);
+  }
   .amotf_bpb_t_ss0 {
     border-top: 1px solid transparent;
   }
@@ -7237,6 +7264,9 @@ amotify-app {
   .amotf_bphgtsideNavigationHeight {
     height: var(--sideNavHeight);
   }
+  .amotf_bphgtfooterNavigationHeight {
+    height: var(--footerNavHeight);
+  }
   .amotf_bphgtcontentHeight {
     height: var(--contentHeight);
   }

package/dist/@styles/var.css

@@ -1,12 +1,12 @@
 /**
 * @license amotify
-* amotify 0.1.45
+* amotify 0.1.48
 * https://mingoo.co.jp/
 
 * Copyright (c) mingoo, LLC.
 * Released under the MIT license
 
-* Latest updated at: 2024/6/29
+* Latest updated at: 2024/7/8
 */
 
 /* src/@styles/var.scss */

package/dist/fn/Sheet.js

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

package/package.json

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