amotify 0.1.31 → 0.1.32

package/dist/fn/Sheet.js

@@ -1 +1,1101 @@
-import{b as h,c as I,d as M}from"../chunk-VY3566IV.js";import{jsx as i,jsxs as j}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=I(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 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: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(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 n=v.reduce((S,w)=>S.created_at.value>w.created_at.value?S:w);x.close(n.params.sheetID,o)}}}).addEvent({eventType:"click",callback:function(r){var v;let o=Object.values(d.contents).filter(n=>n.params.type=="custom");!o.length||o.find(n=>{let{params:S}=n,w=S.parent,_=r.target,g=P(w)[0];return!!(w==_||g===_||a(g).find(_).length)})||(v=r.target)!=null&&v.closest("."+c("CustomSheet"))||o.forEach(n=>{var S;(S=n.params.close_option)!=null&&S.aroundClick&&x.close(n.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(a.uuid.gen()),[s,r]=z(e),[o,f]=z(!0),{type:v,sheetID:n,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:n,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[n].isOpen=!1,f(!1)},open:()=>{d.contents[n].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[n].isOpen=!0,S&&S()});return}p.await(10).removeClass(c("Open")).await(251).addClass(c("Hide")).callback(()=>{if(!w||w(),d.contents[n].isOpen=!1,e.hold_state)return;delete d.contents[n];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(s.parent);m[0]&&m.addEvent({eventID:"SheetClosation-"+n,eventType:"mouseout",callback:()=>{m.removeEvent("SheetClosation-"+n),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:j(G,{className:c("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[_?i(d.TapSensor,{sheetID:n,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:n,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(" "),padding:1,transition:"long",opacity:"trans"},y),g),{freeCSS:h({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100vw"}[v],maxWidth:"96vw",transformOrigin:p.join(" ")},n),children:a.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:n,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:"100vw"}[v],maxWidth:"96vw"},n),children:a.is.function(o)?i(o,{}):o}))},Bottom:e=>{let H=e,{componentID:t,sheetID:s,sheetGroups:r,content:o,size:f="R",sizeChanged:v,baseStyles:n,close_option:{swipeDown:S=!0}={},hold_state:w,overwrap:_}=H,g=M(H,["componentID","sheetID","sheetGroups","content","size","sizeChanged","baseStyles","close_option","hold_state","overwrap"]),B=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(I(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=I(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(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;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(I(h({},l),{value:C[u],process:!1}))}},F=Z(!1);return W(()=>{F.current?p=="ZERO"?S&&x.close(s):setTimeout(()=>{e.sizeChanged&&e.sizeChanged(p)},250):F.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:j(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},n),{children:[j(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:a.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:n,overwrap:S,openAfter:w,closeAfter:_}=k,g=M(k,["sheetID","sheetGroups","parent","gravityPoint","content","close_option","hold_state","overwrap","openAfter","closeAfter"]),[B]=z(a.uuid.gen()),C=a.is.element(r)?a(r):a.is.jsmin(r)?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,F]=z(A());const H=()=>{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(()=>{F(H())}),T.update({key:"customSheet-"+e.sheetID,value:{reposition:()=>{setTimeout(()=>{F(H())},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: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 s=e.sheetID||a.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(a.flatArray(o)),[n,S]=z(0),w=[],_=[];return v.forEach((g,B)=>{w.push({value:B,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]}))}),j(G,{gap:0,children:[j(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:n,override:"force",horizontalAlign:"center",onUpdateValidValue:({value:g})=>{S(g[0])},cellStyles:{borderWidth:2,padding:"1/3"},options:w}),j(V.Button.Border.R,{color:"cloud",isRounded:!0,onClick:()=>{x.close(s)},children:["\u9589\u3058\u308B ",i(X.Times,{})]})]}),i(Q.SwipeView,{slideIndex:n,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,n=T.get(v);n&&n.close&&n.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};
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "../chunk-JJ3PEWPN.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  useState,
+  useEffect,
+  useRef
+} from "react";
+import {
+  $$,
+  $$fromRoot,
+  Config,
+  useStore
+} from "../@utils/_";
+import Box from "../atoms/Box";
+import Img from "../atoms/Img";
+import FAI from "../atoms/FAI";
+import Flex from "../atoms/Flex";
+import Column from "../mols/Column";
+import Row from "../mols/Row";
+import Button from "./Button";
+import Layout from "./Layout/_";
+import Input from "./Input/_";
+import { SheetClasses } from "../@styles/componentClasses/_";
+const Comps = {
+  mainSheetScrolls: 0,
+  subSheetLength: 0,
+  currentIndex: 0,
+  contents: {},
+  addNewSheet: function(params) {
+    params = __spreadProps(__spreadValues({
+      sheetGroups: params.sheetGroups || [],
+      backgroundEffect: true,
+      overwrap: params.type == "custom" ? true : false,
+      hold_state: false,
+      isOpen: true
+    }, params), {
+      sheetID: params.sheetID || $$.uuid.gen(),
+      close_option: __spreadValues({
+        pageTransit: true,
+        escapeKeyDown: true,
+        aroundClick: params.type == "custom"
+      }, params.close_option)
+    });
+    if (this.contents[params.sheetID]) {
+      let comp = useStore.get(params.sheetID);
+      comp && comp.refresh && comp.refresh(params, true);
+      return;
+    }
+    this.contents[params.sheetID] = {
+      isOpen: true,
+      hold_state: !!params.hold_state,
+      params,
+      created_at: $$.Time()
+    };
+    let wrapper = useStore.get("Sheet-" + Config.get().sessionUID);
+    wrapper && wrapper.refresh();
+  },
+  Wrapper: () => {
+    let [val_refresh, set_refresh] = useState($$.uuid.gen());
+    useEffect(() => {
+      useStore.set({
+        key: "Sheet-" + Config.get().sessionUID,
+        value: {
+          refresh: () => {
+            set_refresh($$.uuid.gen());
+          }
+        }
+      });
+      $$(Config.get().appRoot).addEvent({
+        eventType: "keyup",
+        callback: function(event) {
+          let { key, metaKey } = event;
+          if (key == "Escape" || key == "," && metaKey) {
+            let OpenSheets = Object.values(Comps.contents).filter((elm) => elm.isOpen);
+            if (!OpenSheets.length)
+              return;
+            let latestSheet = OpenSheets.reduce((a, b) => {
+              return a.created_at.value > b.created_at.value ? a : b;
+            });
+            Sheet.close(latestSheet.params.sheetID, key);
+          }
+        }
+      }).addEvent({
+        eventType: "click",
+        callback: function(event) {
+          var _a;
+          let customSheets = Object.values(Comps.contents).filter((elm) => elm.params.type == "custom");
+          if (!customSheets.length)
+            return;
+          let isParent = !!customSheets.find((customSheet) => {
+            let { params } = customSheet;
+            let parent = params.parent;
+            let target = event.target;
+            let Parent = $$fromRoot(parent)[0];
+            if (parent == target)
+              return true;
+            if (Parent === target)
+              return true;
+            if ($$(Parent).find(target).length)
+              return true;
+            return false;
+          });
+          if (isParent)
+            return;
+          if ((_a = event.target) == null ? void 0 : _a.closest("." + SheetClasses("CustomSheet")))
+            return;
+          customSheets.forEach((customSheets2) => {
+            var _a2;
+            if (!!((_a2 = customSheets2.params.close_option) == null ? void 0 : _a2.aroundClick)) {
+              Sheet.close(customSheets2.params.sheetID);
+            }
+          });
+        }
+      });
+    }, []);
+    let Sheets = Object.entries(Comps.contents).map(([sheetID, Sheet2]) => {
+      return /* @__PURE__ */ jsx(
+        Box,
+        {
+          id: "Sheet-" + sheetID,
+          children: /* @__PURE__ */ jsx(
+            Comps.Core,
+            __spreadValues({
+              isOpen: Sheet2.isOpen
+            }, Sheet2.params),
+            sheetID
+          )
+        },
+        sheetID
+      );
+    });
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        className: [
+          "AMOTIFY_be",
+          SheetClasses("Wrapper")
+        ].join(" "),
+        children: Sheets
+      }
+    );
+  },
+  Core: (params) => {
+    var _a;
+    let [val_compUID] = useState($$.uuid.gen());
+    let [val_params, set_params] = useState(params);
+    let [val_open, set_open] = useState(params.isOpen);
+    let {
+      type,
+      sheetID,
+      openAfter,
+      closeAfter
+    } = val_params;
+    let isNewSheet = !val_params.overwrap;
+    let ContentFC = Comps.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"
+    }[type]];
+    useEffect(() => {
+      useStore.set({
+        key: sheetID,
+        value: {
+          refresh: (params2, open) => {
+            set_params(params2);
+            set_open(open != null ? open : false);
+          },
+          resize: (size) => {
+            if (type == "drawer.bottom") {
+              let comp = useStore.get(val_compUID);
+              comp && comp.resize && comp.resize(size);
+            } else if (val_params.type.includes("normal") || val_params.type.includes("drawer")) {
+              set_params(__spreadProps(__spreadValues({}, val_params), {
+                size
+              }));
+            }
+          },
+          close: (force) => {
+            Comps.contents[sheetID].isOpen = false;
+            set_open(false);
+          },
+          open: () => {
+            Comps.contents[sheetID].isOpen = true;
+            set_open(true);
+          }
+        }
+      });
+    });
+    useEffect(() => {
+      $$.scope(() => {
+        if (!isNewSheet)
+          return;
+        if (!val_params.backgroundEffect)
+          return;
+        Comps.subSheetLength = Comps.subSheetLength + (val_open ? 1 : -1);
+        if (val_open) {
+          let html = $$("html");
+          if (Comps.subSheetLength == 1) {
+            let scroll = html[0].scrollTop;
+            Comps.mainSheetScrolls = scroll;
+          }
+          if (!Config.get().isPhone) {
+            html.callback(() => {
+              $$fromRoot(".AMOTIFY_be_root").addClass(SheetClasses("FixScroll")).callback((appRoot) => {
+                appRoot[0].scrollTop = Comps.mainSheetScrolls;
+              }).await(40).addClass(SheetClasses("Float"));
+            })[0].scrollTop = 0;
+          }
+          return;
+        }
+        if (Comps.subSheetLength != 0)
+          return;
+        if (Config.get().isPhone)
+          return;
+        $$fromRoot(".AMOTIFY_be_root").removeClass(SheetClasses("Float")).await(251).removeClass(SheetClasses("FixScroll")).callback(() => {
+          $$("html")[0].scrollTop = Comps.mainSheetScrolls | 0;
+          $$fromRoot(".AMOTIFY_be_root")[0].scrollTop = 0;
+        });
+      });
+      $$.scope(() => {
+        let Core = $$fromRoot("#" + val_compUID);
+        if (val_open) {
+          Core.await(10).removeClass(SheetClasses("Hide")).await(10).addClass(SheetClasses("Open")).callback(() => {
+            Comps.contents[sheetID].isOpen = true;
+            if (openAfter)
+              openAfter();
+          });
+          return;
+        }
+        Core.await(10).removeClass(SheetClasses("Open")).await(251).addClass(SheetClasses("Hide")).callback(() => {
+          !closeAfter || closeAfter();
+          Comps.contents[sheetID].isOpen = false;
+          if (val_params.hold_state)
+            return;
+          delete Comps.contents[sheetID];
+          let wrapper = useStore.get("Sheet-" + Config.get().sessionUID);
+          wrapper && wrapper.refresh();
+        });
+      });
+    }, [val_open]);
+    useEffect(() => {
+      Comps.currentIndex++;
+      let {
+        close_option
+      } = val_params;
+      $$.scope(() => {
+        if (!(close_option == null ? void 0 : close_option.parentBlur))
+          return;
+        let element = $$(val_params.parent);
+        if (!element[0])
+          return;
+        element.addEvent({
+          eventID: "SheetClosation-" + sheetID,
+          eventType: "mouseout",
+          callback: () => {
+            element.removeEvent("SheetClosation-" + sheetID);
+            set_open(false);
+          }
+        });
+      });
+    }, []);
+    let [Tcate, Tpos] = type.split(".");
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        className: [
+          SheetClasses("Wrap"),
+          SheetClasses("Tcate_" + Tcate),
+          SheetClasses("Tpos_" + Tpos),
+          SheetClasses("isNewSheet_" + isNewSheet)
+        ].join(" "),
+        width: 1,
+        height: 0,
+        ssAbsoluteCovered: true,
+        freeCSS: {
+          zIndex: Comps.currentIndex + 1
+        },
+        id: val_compUID,
+        children: /* @__PURE__ */ jsxs(
+          Column,
+          {
+            className: SheetClasses("Content"),
+            gap: 0,
+            height: "viewHeight",
+            overflow: "auto",
+            transition: "middle",
+            children: [
+              !!isNewSheet && /* @__PURE__ */ jsx(
+                Comps.TapSensor,
+                {
+                  sheetID,
+                  delegateAroundClick: (_a = val_params.close_option) == null ? void 0 : _a.aroundClick
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                ContentFC,
+                __spreadValues({
+                  componentID: val_compUID
+                }, val_params)
+              )
+            ]
+          }
+        )
+      },
+      val_compUID
+    );
+  },
+  Types: {
+    Normal: (params) => {
+      let _a = params, {
+        sheetID,
+        sheetGroups,
+        content: Content,
+        className = "",
+        type,
+        size = "R",
+        freeCSS,
+        openAfter,
+        closeAfter,
+        close_option,
+        hold_state,
+        overwrap,
+        isOpen,
+        backgroundEffect
+      } = _a, styles = __objRest(_a, [
+        "sheetID",
+        "sheetGroups",
+        "content",
+        "className",
+        "type",
+        "size",
+        "freeCSS",
+        "openAfter",
+        "closeAfter",
+        "close_option",
+        "hold_state",
+        "overwrap",
+        "isOpen",
+        "backgroundEffect"
+      ]);
+      let [Tcate, Tpos] = type.split(".");
+      let SysStyles = {};
+      let transformOrigins = [];
+      if (Tpos.match(/top/)) {
+        transformOrigins.push("top");
+        SysStyles.marginBottom = "auto";
+      } else if (Tpos.match(/middle/)) {
+        transformOrigins.push("center");
+        SysStyles.marginTop = "auto";
+        SysStyles.marginBottom = "auto";
+      } else if (Tpos.match(/bottom/)) {
+        transformOrigins.push("bottom");
+        SysStyles.marginTop = "auto";
+      }
+      if (Tpos.match(/left/i)) {
+        transformOrigins.push("left");
+        SysStyles.marginRight = "auto";
+      } else if (Tpos.match(/center/i)) {
+        transformOrigins.push("center");
+        SysStyles.marginLeft = "auto";
+        SysStyles.marginRight = "auto";
+      } else if (Tpos.match(/right/i)) {
+        transformOrigins.push("right");
+        SysStyles.marginLeft = "auto";
+      }
+      return /* @__PURE__ */ jsx(
+        Box,
+        __spreadProps(__spreadValues(__spreadValues({
+          className: [
+            SheetClasses("BB"),
+            className
+          ].join(" "),
+          padding: 1,
+          transition: "long",
+          opacity: "trans"
+        }, SysStyles), styles), {
+          freeCSS: __spreadValues({
+            width: {
+              "S": "26rem",
+              "R": "36rem",
+              "L": "44rem",
+              "2L": "60rem",
+              "3L": "72rem",
+              "MAX": "100vw"
+            }[size],
+            maxWidth: "96vw",
+            transformOrigin: transformOrigins.join(" ")
+          }, freeCSS),
+          children: $$.is.function(Content) ? /* @__PURE__ */ jsx(Content, {}) : Content
+        })
+      );
+    },
+    Edge: (params) => {
+      let _a = params, {
+        sheetID,
+        sheetGroups,
+        type,
+        content: Content,
+        className = "",
+        size = "R",
+        freeCSS,
+        openAfter,
+        closeAfter,
+        close_option,
+        hold_state,
+        overwrap,
+        isOpen,
+        backgroundEffect
+      } = _a, styles = __objRest(_a, [
+        "sheetID",
+        "sheetGroups",
+        "type",
+        "content",
+        "className",
+        "size",
+        "freeCSS",
+        "openAfter",
+        "closeAfter",
+        "close_option",
+        "hold_state",
+        "overwrap",
+        "isOpen",
+        "backgroundEffect"
+      ]);
+      return /* @__PURE__ */ jsx(
+        Box,
+        __spreadProps(__spreadValues(__spreadValues({
+          opacity: "trans",
+          transition: "long",
+          position: "relative",
+          backgroundColor: "1.layer.base",
+          flexSizing: "none",
+          minHeight: "viewHeight",
+          boxShadow: "3.remark",
+          className: [
+            SheetClasses("BB"),
+            className
+          ].join(" ")
+        }, type == "drawer.right" ? {
+          marginLeft: "auto"
+        } : type == "drawer.left" ? {
+          marginRight: "auto"
+        } : {}), styles), {
+          freeCSS: __spreadValues({
+            width: {
+              "S": "20rem",
+              "R": "27rem",
+              "L": "32rem",
+              "2L": "40rem",
+              "3L": "58rem",
+              "MAX": "100vw"
+            }[size],
+            maxWidth: "96vw"
+          }, freeCSS),
+          children: $$.is.function(Content) ? /* @__PURE__ */ jsx(Content, {}) : Content
+        })
+      );
+    },
+    Bottom: (params) => {
+      let _a = params, {
+        componentID,
+        sheetID,
+        sheetGroups,
+        content: Content,
+        size = "R",
+        sizeChanged,
+        baseStyles,
+        openAfter,
+        closeAfter,
+        close_option: {
+          swipeDown = true
+        } = {},
+        hold_state,
+        overwrap,
+        isOpen,
+        backgroundEffect
+      } = _a, styles = __objRest(_a, [
+        "componentID",
+        "sheetID",
+        "sheetGroups",
+        "content",
+        "size",
+        "sizeChanged",
+        "baseStyles",
+        "openAfter",
+        "closeAfter",
+        "close_option",
+        "hold_state",
+        "overwrap",
+        "isOpen",
+        "backgroundEffect"
+      ]);
+      let screen = $$.getScreenSize();
+      let sizeArray = [0, 0.2, 0.6, 0.95];
+      let SizeSets = {
+        "ZERO": 0,
+        "S": 1,
+        "R": 2,
+        "L": 3
+      };
+      let [val_stableSize, set_stableSize] = useState(size);
+      let [val_edit, set_edit] = useState({
+        process: false,
+        processStart: 0,
+        originY: 0,
+        originValue: 0,
+        viewHeight: 0,
+        value: sizeArray[SizeSets[size]]
+      });
+      useStore.update({
+        key: componentID,
+        value: {
+          val_edit,
+          resize: (size2) => {
+            let Size = sizeArray[SizeSets[size2]];
+            set_edit(__spreadProps(__spreadValues({}, val_edit), {
+              value: Size
+            }));
+            set_stableSize(size2);
+          }
+        }
+      });
+      const Effects = {
+        Start: (event) => {
+          $$(document).addEvent({
+            eventID: "BottomSheetMouseMove",
+            eventType: "mousemove",
+            callback: Effects.Move
+          }).addEvent({
+            eventID: "BottomSheetTouchMove",
+            eventType: "touchmove",
+            callback: Effects.Move
+          }).addEvent({
+            eventID: "BottomSheetMouseUp",
+            eventType: "mouseup",
+            callback: Effects.End
+          }).addEvent({
+            eventID: "BottomSheetTouchEnd",
+            eventType: "touchend",
+            callback: Effects.End
+          });
+          let cursor = $$.getCursor(event);
+          let newEditInfo = __spreadProps(__spreadValues({}, val_edit), {
+            process: true,
+            processStart: (/* @__PURE__ */ new Date()).getTime(),
+            originY: cursor.y,
+            originValue: val_edit.value,
+            viewHeight: $$.getScreenSize().height
+          });
+          useStore.update({
+            key: componentID,
+            value: {
+              val_edit: newEditInfo
+            }
+          });
+          set_edit(newEditInfo);
+        },
+        Move: (event) => {
+          var _a2;
+          let editInfo = (_a2 = useStore.get(componentID)) == null ? void 0 : _a2.val_edit;
+          if (!editInfo.process)
+            return;
+          let margin = $$.getCursor(event).y - editInfo.originY;
+          let marginRate = margin / editInfo.viewHeight;
+          let newRate = editInfo.originValue - marginRate;
+          if (newRate > 0.95) {
+            let margin2 = newRate - 0.95;
+            newRate = 0.95 + margin2 * 0.5;
+          } else if (newRate < 0.2) {
+            let margin2 = 0.2 - newRate;
+            margin2 -= 0.1;
+            newRate = 0.1 + (0.1 - margin2) * 0.5;
+          }
+          set_edit(__spreadProps(__spreadValues({}, editInfo), {
+            value: newRate
+          }));
+        },
+        End: (event) => {
+          var _a2;
+          let editInfo = (_a2 = useStore.get(componentID)) == null ? void 0 : _a2.val_edit;
+          if (!editInfo.process)
+            return;
+          $$(document).removeEvent([
+            "BottomSheetMouseMove",
+            "BottomSheetTouchMove",
+            "BottomSheetMouseUp",
+            "BottomSheetTouchEnd"
+          ]);
+          let sizeIndex = 0;
+          if (editInfo.value < 0.1) {
+          } else if (editInfo.value < 0.5) {
+            sizeIndex = 1;
+          } else if (editInfo.value > 0.75) {
+            sizeIndex = 3;
+          } else {
+            sizeIndex = 2;
+          }
+          let ms = (/* @__PURE__ */ new Date()).getTime() - editInfo.processStart;
+          if (ms < 300) {
+            let margin = $$.getCursor(event).y - editInfo.originY;
+            if (Math.abs(margin) >= 20) {
+              let dir = Number(margin < 0) * 2 - 1;
+              sizeIndex += dir;
+              sizeIndex = Math.min(Math.max(sizeIndex, 0), sizeArray.length - 1);
+            }
+          }
+          if (sizeIndex == 0) {
+            if (!swipeDown)
+              sizeIndex = 1;
+          }
+          set_stableSize(["ZERO", "S", "R", "L"][sizeIndex]);
+          set_edit(__spreadProps(__spreadValues({}, editInfo), {
+            value: sizeArray[sizeIndex],
+            process: false
+          }));
+        }
+      };
+      const mounted = useRef(false);
+      useEffect(() => {
+        if (mounted.current) {
+          if (val_stableSize == "ZERO") {
+            if (swipeDown)
+              Sheet.close(sheetID);
+          } else {
+            setTimeout(() => {
+              if (params.sizeChanged)
+                params.sizeChanged(val_stableSize);
+            }, 250);
+          }
+        } else {
+          mounted.current = true;
+        }
+      }, [val_stableSize]);
+      return /* @__PURE__ */ jsx(
+        Box,
+        {
+          className: SheetClasses("BB"),
+          margin: [0, "auto"],
+          marginTop: "auto",
+          opacity: "trans",
+          width: 1,
+          transition: "long",
+          freeCSS: __spreadValues({
+            maxWidth: 12 * 60,
+            height: screen.height * val_edit.value
+          }, val_edit.process ? {
+            transition: "0s"
+          } : {}),
+          children: /* @__PURE__ */ jsxs(
+            Column,
+            __spreadProps(__spreadValues({
+              gap: 0,
+              flexSizing: "none",
+              borderTopLeftRadius: "1.tone.primary",
+              borderTopRightRadius: "1.tone.primary",
+              border: true,
+              borderBottom: "unset",
+              boxShadow: "3.remark",
+              position: "relative",
+              overflow: "hidden",
+              height: 1
+            }, baseStyles), {
+              children: [
+                /* @__PURE__ */ jsxs(
+                  Row.Separate,
+                  {
+                    padding: "1/2",
+                    backgroundColor: "1.layer.base",
+                    position: "relative",
+                    freeCSS: {
+                      userSelect: "none"
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        Row.Center,
+                        {
+                          flexSizing: 0,
+                          padding: "2/3",
+                          onMouseDown: Effects.Start,
+                          onTouchStart: Effects.Start,
+                          ssPushable: true,
+                          isRounded: true,
+                          freeCSS: {
+                            cursor: "grab",
+                            userSelect: "none"
+                          },
+                          children: /* @__PURE__ */ jsx(
+                            Box,
+                            {
+                              unitWidth: 6,
+                              unitHeight: "1/2",
+                              backgroundColor: "5.layer.darker",
+                              isRounded: true,
+                              className: SheetClasses("DragBar")
+                            }
+                          )
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        Button.Button.Sub.R,
+                        {
+                          color: "cloud",
+                          ssSphere: 2,
+                          onClick: () => {
+                            Sheet.close(sheetID);
+                          },
+                          children: /* @__PURE__ */ jsx(FAI.Times, {})
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Box,
+                  __spreadProps(__spreadValues({
+                    backgroundColor: "1.layer.base",
+                    flexSizing: 0,
+                    overflow: "auto"
+                  }, styles), {
+                    children: $$.is.function(Content) ? /* @__PURE__ */ jsx(Content, {}) : Content
+                  })
+                )
+              ]
+            })
+          )
+        }
+      );
+    },
+    Custom: (params) => {
+      let _a = params, {
+        sheetID,
+        sheetGroups,
+        parent,
+        gravityPoint: GPT = 22,
+        content: Content,
+        close_option,
+        hold_state,
+        openAfter,
+        closeAfter,
+        overwrap,
+        isOpen,
+        backgroundEffect
+      } = _a, others = __objRest(_a, [
+        "sheetID",
+        "sheetGroups",
+        "parent",
+        "gravityPoint",
+        "content",
+        "close_option",
+        "hold_state",
+        "openAfter",
+        "closeAfter",
+        "overwrap",
+        "isOpen",
+        "backgroundEffect"
+      ]);
+      let [val_compUID] = useState($$.uuid.gen());
+      let Parent = $$.is.element(parent) ? $$(parent) : $$.is.jsmin(parent) ? parent : $$fromRoot(parent);
+      let Query = '[data-sheet-id="' + val_compUID + '"]';
+      let ContentQuery = '[data-sheet-content="' + val_compUID + '"]';
+      GPT = GPT;
+      let column = GPT % 5 || 5;
+      let row = Math.ceil(GPT / 5);
+      const getWrapperCSS = () => {
+        let WrapperCSS = {};
+        let { top, right, bottom, left, height, width } = Parent.position();
+        if ([1, 2].includes(column)) {
+          WrapperCSS.left = left;
+        } else if (column == 3) {
+          WrapperCSS.left = left + width / 2;
+        } else if ([4, 5].includes(column)) {
+          WrapperCSS.left = right;
+        }
+        if (GPT <= 10) {
+          WrapperCSS.top = top;
+        } else if (GPT <= 15) {
+          WrapperCSS.top = top + height / 2;
+        } else if (GPT <= 25) {
+          WrapperCSS.top = bottom;
+        }
+        return WrapperCSS;
+      };
+      let [val_Styles, set_Styles] = useState(getWrapperCSS());
+      const AdjustExtrusion = () => {
+        let BaseRect = $$fromRoot(Query).position();
+        let ContentRect = $$fromRoot(ContentQuery).position();
+        let screen = $$.getScreenSize();
+        let newStyles = __spreadValues({}, val_Styles);
+        if (ContentRect.top < 0) {
+          newStyles.top = BaseRect.top - ContentRect.top;
+        }
+        if (ContentRect.left < 0) {
+          newStyles.left = BaseRect.left - ContentRect.left;
+        }
+        if (ContentRect.right > screen.width) {
+          newStyles.left = BaseRect.left - (ContentRect.right - screen.width);
+        }
+        if (ContentRect.bottom > screen.height) {
+          newStyles.top = BaseRect.top - (ContentRect.bottom - screen.height);
+        }
+        return newStyles;
+      };
+      useEffect(() => {
+        $$fromRoot(Query).await(10).addClass(SheetClasses("Open")).await(250).callback(() => {
+          set_Styles(AdjustExtrusion());
+        });
+        useStore.update({
+          key: "customSheet-" + params.sheetID,
+          value: {
+            reposition: () => {
+              setTimeout(() => {
+                set_Styles(AdjustExtrusion());
+              }, 200);
+            }
+          }
+        });
+      }, []);
+      if (!Parent[0])
+        return null;
+      return /* @__PURE__ */ jsx(
+        Box,
+        {
+          className: [
+            SheetClasses("BB"),
+            SheetClasses("CustomSheet")
+          ].join(" "),
+          "data-sheet-id": val_compUID,
+          transition: "long",
+          opacity: "trans",
+          position: "absolute",
+          width: 0,
+          height: 0,
+          flexCenter: true,
+          freeCSS: val_Styles,
+          children: /* @__PURE__ */ jsx(
+            Flex,
+            {
+              className: [
+                SheetClasses("GPT"),
+                SheetClasses("GPT_" + GPT),
+                SheetClasses("Col_" + column),
+                SheetClasses("Row_" + row)
+              ].join(" "),
+              position: "absolute",
+              children: /* @__PURE__ */ jsx(
+                Box,
+                __spreadProps(__spreadValues({
+                  flexSizing: "none",
+                  "data-sheet-content": val_compUID,
+                  maxHeight: "viewHeight",
+                  overflow: "auto",
+                  padding: 1
+                }, others), {
+                  freeCSS: __spreadValues({
+                    maxWidth: "98vw"
+                  }, others.freeCSS),
+                  children: $$.is.function(Content) ? /* @__PURE__ */ jsx(Content, {}) : Content
+                })
+              )
+            }
+          )
+        }
+      );
+    }
+  },
+  TapSensor: (params) => {
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        className: SheetClasses("TapSensor"),
+        children: /* @__PURE__ */ jsx(
+          Button.Button.Plain,
+          {
+            className: SheetClasses("TapContent"),
+            onClick: () => {
+              var _a;
+              console.log("gyilbh;unojikpol");
+              if ((_a = params.delegateAroundClick) != null ? _a : false)
+                Sheet.close(params.sheetID);
+            },
+            freeCSS: {
+              cursor: "default",
+              pointerEvents: "all"
+            }
+          }
+        )
+      }
+    );
+  }
+};
+const Sheet = {
+  Wrapper: () => /* @__PURE__ */ jsx(Comps.Wrapper, {}),
+  open: (params) => {
+    params.sheetID = (params.sheetID || "").replace(/\./g, "-");
+    if (params.type == "image") {
+      let sheetID = params.sheetID || $$.uuid.gen();
+      let _a = params, {
+        type,
+        src
+      } = _a, others = __objRest(_a, [
+        "type",
+        "src"
+      ]);
+      Sheet.open(__spreadProps(__spreadValues({
+        type: "normal.topCenter",
+        backgroundColor: "trans"
+      }, others), {
+        sheetID,
+        freeCSS: {
+          maxWidth: "96vw",
+          transformOrigin: "top"
+        },
+        content: () => {
+          let [val_image] = useState($$.flatArray(src));
+          let [val_viewIndex, set_viewIndex] = useState(0);
+          let Radio = [];
+          let Slides = [];
+          val_image.forEach((src2, index) => {
+            Radio.push({
+              value: index,
+              label: /* @__PURE__ */ jsx(
+                Img,
+                {
+                  src: $$.flatArray(src2)[0],
+                  width: "auto",
+                  height: 1,
+                  freeCSS: {
+                    maxWidth: 12 * 6,
+                    maxHeight: 12 * 3
+                  }
+                }
+              )
+            });
+            Slides.push(/* @__PURE__ */ jsx(
+              Img,
+              {
+                width: 1,
+                height: "auto",
+                src: $$.flatArray(src2)[0]
+              }
+            ));
+          });
+          return /* @__PURE__ */ jsxs(
+            Column,
+            {
+              gap: 0,
+              children: [
+                /* @__PURE__ */ jsxs(
+                  Row.Separate,
+                  {
+                    gap: 2,
+                    padding: 1,
+                    backgroundColor: "1.layer.base",
+                    borderTopLeftRadius: "1.tone.primary",
+                    borderTopRightRadius: "1.tone.primary",
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        Input.Radio,
+                        {
+                          tone: "border",
+                          icon: false,
+                          value: val_viewIndex,
+                          override: "force",
+                          horizontalAlign: "center",
+                          onUpdateValidValue: ({ value }) => {
+                            set_viewIndex(value[0]);
+                          },
+                          cellStyles: {
+                            borderWidth: 2,
+                            padding: "1/3"
+                          },
+                          options: Radio
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs(
+                        Button.Button.Border.R,
+                        {
+                          color: "cloud",
+                          isRounded: true,
+                          onClick: () => {
+                            Sheet.close(sheetID);
+                          },
+                          children: [
+                            "\u9589\u3058\u308B ",
+                            /* @__PURE__ */ jsx(FAI.Times, {})
+                          ]
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Layout.SwipeView,
+                  {
+                    slideIndex: val_viewIndex,
+                    options: {
+                      loop: val_image.length > 1,
+                      onSlideCallback: (index) => {
+                        set_viewIndex(index);
+                      }
+                    },
+                    slides: Slides,
+                    wrapper: (View) => /* @__PURE__ */ jsx(
+                      Box,
+                      {
+                        borderBottomLeftRadius: "1.tone.primary",
+                        borderBottomRightRadius: "1.tone.primary",
+                        children: View
+                      }
+                    )
+                  }
+                )
+              ]
+            }
+          );
+        }
+      }));
+      return;
+    }
+    Comps.addNewSheet(params);
+  },
+  refresh: (params, open) => {
+    params.sheetID = (params.sheetID || "").replace(/\./g, "-");
+    let comps = useStore.get(params.sheetID);
+    comps && comps.refresh && comps.refresh(params, open);
+  },
+  resize: (params) => {
+    params.sheetID = (params.sheetID || "").replace(/\./g, "-");
+    let comps = useStore.get(params.sheetID);
+    comps && comps.resize && comps.resize(params.size);
+  },
+  reposition: (sheetID) => {
+    let Comps2 = useStore.get("customSheet-" + sheetID);
+    Comps2 && Comps2.reposition && Comps2.reposition();
+  },
+  close: function(sheetID, et, force) {
+    var _a;
+    sheetID = sheetID == null ? void 0 : sheetID.replace(/\./g, "-");
+    let Content = Comps.contents[sheetID];
+    if (!Content)
+      return;
+    if (et == "Escape" && !((_a = Content.params.close_option) == null ? void 0 : _a.escapeKeyDown))
+      return;
+    {
+      let { params } = Content;
+      let { sheetID: sheetID2 } = params;
+      let comp = useStore.get(sheetID2);
+      comp && comp.close && comp.close(force);
+    }
+  },
+  closeGroup: (sheetGroup) => {
+    var _a;
+    sheetGroup = (sheetGroup || "").replace(/\./g, "-");
+    for (let [key, value] of Object.entries(Comps.contents)) {
+      if ((_a = value.params.sheetGroups) == null ? void 0 : _a.includes(sheetGroup))
+        Sheet.close(key);
+    }
+  },
+  closeAll: (pageTransit) => {
+    var _a;
+    for (let [key, value] of Object.entries(Comps.contents)) {
+      if (pageTransit) {
+        if (((_a = value.params.close_option) == null ? void 0 : _a.pageTransit) == false)
+          continue;
+      }
+      Sheet.close(key, "pageTransit", true);
+    }
+  },
+  Comps: {
+    Body: (params) => /* @__PURE__ */ jsx(
+      Box,
+      __spreadValues({
+        className: SheetClasses("BaseBody"),
+        backgroundColor: "1.layer.base",
+        borderRadius: "1.tone.primary",
+        position: "relative",
+        boxShadow: "3.remark",
+        transition: "long"
+      }, params)
+    )
+  }
+};
+export {
+  Sheet,
+  Sheet as default
+};