amotify 0.1.48 → 0.1.49

package/dist/fn/Input/core.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
-import { TagProperty, ReactElement } from '../../@declaration/_';
-import { InputTypes } from './_';
+import { TagProperty, ReactElement } from '../../@declaration';
+import { InputTypes } from '.';
 import List from './List';
 declare namespace Wrapper {
     type Input = {
         componentID?: string;
         children: React.FC<any>;
-        params: any;
+        para: any;
     };
 }
 export declare const Wrapper: React.FC<Wrapper.Input>;
@@ -15,7 +15,7 @@ declare namespace BoxWrapper {
         val_status: any;
         set_status: React.Dispatch<React.SetStateAction<any>>;
         val_validate: InputTypes.Validation.Result;
-        params: any;
+        para: any;
         children: ReactElement;
     };
 }
@@ -23,7 +23,7 @@ export declare const BoxWrapper: React.FC<BoxWrapper.Input>;
 export declare const CommonEffects: {
     (props: {
         type?: string;
-        params: plainObject;
+        para: plainObject;
         val_status: InputTypes.Status.Plain;
         set_status: React.Dispatch<React.SetStateAction<any>>;
         val_validate: InputTypes.Validation.Result;
@@ -39,16 +39,16 @@ export declare const ValidationCheck: {
     (props: {
         val_status: InputTypes.Status.Plain;
         DefaultValidation: InputTypes.Validation.SystemCheck;
-        params: any;
+        para: any;
         set_validate: React.Dispatch<React.SetStateAction<InputTypes.Validation.Result>>;
     }): void;
 };
 export declare const SubmitForm: (event: React.KeyboardEvent) => boolean;
 export declare const DefaultStyles: {
-    Input: (type: InputTypes.BoxTone) => TagProperty.Params;
-    ListCell: (params: List.Plain) => List.Plain;
-    Boxish: (params: any) => any;
-    Indicator: (type: InputTypes.BoxTone) => TagProperty.Params;
-    IndicatorIcon: TagProperty.Params;
+    Input: (type: InputTypes.BoxTone) => TagProperty.Para;
+    ListCell: (para: List.Plain) => List.Plain;
+    Boxish: (para: any) => any;
+    Indicator: (type: InputTypes.BoxTone) => TagProperty.Para;
+    IndicatorIcon: TagProperty.Para;
 };
 export {};

package/dist/fn/Input/core.js

@@ -1 +1 @@
-import{b as o,c as a,e as D}from"../../chunk-VY3566IV.js";import{jsx as v,jsxs as V}from"react/jsx-runtime";import{useState as _,useEffect as R,useRef as O}from"react";import{$$ as i,$$fromRoot as z,Config as L,useStore as y,GenerateClassName as B}from"../../@utils/_";import{InputClasses as N}from"../../@styles/componentClasses/_";import P from"../../atoms/Box";import A from"../../atoms/Flex";import T from"../../atoms/FAI";import E from"../../mols/Row";import W from"../../mols/Column";import U from"../Button";import k from"../Tooltips";const se=e=>{let[t]=_(e.componentID||i.uuid.gen());e=o({},e),e.params=a(o({enableFormSubmit:!0,status_id:i.uuid.gen(),override:"never",name:i.uuid.gen(),id:i.uuid.gen(),"aria-label":"Input-"+t},e.params),{componentID:t});let{children:r}=e;return v(r,o({},e.params))},ue=e=>{let{children:t,val_status:r,set_status:n,val_validate:c,params:l}=e,{clearButton:s,rightIcon:u,leftIcon:p,wrapStyles:m}=l;return r.eventType=="init"&&!l.checkValidationAtFirst&&(c.notice=[]),V(E.Center,a(o({position:"relative",verticalAlign:"unset",gap:0},m),{className:N("Wrapper"),"data-notice-uid":r.componentID,children:[v($,{notice:c.notice,val_status:r}),l.leftIndicator,V(A,{position:"relative",flexSizing:"auto",children:[p,t,s&&r.dataValue?v(U.Button.Normal.R,{ssSphere:2,flexCenter:!0,fontColor:"5.translucent",ssEffectsOnActive:["ripple.theme"],position:"absolute",right:1,top:"50%",freeCSS:{zIndex:3,transform:"translateY(-50%)"},onClick:()=>{n(a(o({},r),{dataValue:"",formatValue:"",eventType:"update",eventID:i.uuid.gen()}))},children:v(T.Times,{})}):u]}),l.rightIndicator]}))},$=e=>{let{notice:t,val_status:r}=e,{componentID:n,eventType:c}=r,l="NoticeTimer-"+n,s="NoticeTimerClose-"+n,u="notice-tips-"+n;return i.interval.clear(l),i.interval.clear(s),t.length?(i.interval.standBy(l,350,()=>{k.open({tipsID:u,parent:`[data-notice-uid="${n}"]`,gravityPoint:22,padding:[1,0],close_option:{parentBlur:!1},content:V(k.Comps.Body,{padding:["1/2","2/3"],fontSize:"1.mini",position:"relative",children:[v(P,{position:"absolute",unitHeight:1,unitWidth:1,left:1,backgroundColor:"dark",freeCSS:{zIndex:1,transform:"rotate(45deg)",top:-6}}),v(W,{gap:"1/3",position:"relative",freeCSS:{zIndex:2},backgroundColor:"inherit",children:t.map(p=>{let{type:m,label:S}=p,b=m=="invalid"?T.Times:m=="warn"?T.Exclamation:T.Check;return V(E.Left,{gap:0,borderRadius:"2.tone.secondary",children:[v(b,{flexCenter:!0,fontSize:"3.paragraph",fontColor:{invalid:"nega",warn:"warn",valid:"posi"}[m]}),v(P,{fontColor:"white",children:S})]})})})]})})}),i.interval.standBy(s,6e3,()=>{k.close(u)}),null):(k.close(u),null)},de=e=>{let{type:t,params:r,val_status:n,set_status:c,ExtraOverrideParams:l,ExtraStoreParams:s,val_validate:u,set_validate:p,DefaultValidation:m,onUpdateValue:S,onUpdateValidValue:b}=e;r=o({},r);let{componentID:I}=n,[w,F]=_(i.uuid.gen());R(()=>(y.update({key:I,value:o({ResolveRefresh:null,Refresh:()=>new Promise((d,f)=>{y.get(I).ResolveRefresh=d,F(i.uuid.gen())}),GenNotice:d=>{let{ok:f,notice:g}=d;p({ok:f,notice:g})}},s)}),()=>{y.delete(I)}),[]);const x=O(!1);R(()=>{x.current?c(a(o({},n),{eventType:"refresh",eventID:i.uuid.gen()})):x.current=!0},[w]),R(()=>{r.value=n.dataValue,i.interval.clear("ValidationTimer-"+I),j({val_status:n,set_validate:p,DefaultValidation:m,params:r})},[n.eventID]),(()=>{let{override:d}=r;if(d=="never"||d=="beforeModified"&&!["init","override"].includes(n.eventType))return;let f=y.get(n.componentID);f&&(r.value!=n.dataValue&&r.status_id!=f.status_id&&c(a(o(a(o({},n),{dataValue:r.value}),l),{eventType:"override",eventID:i.uuid.gen()})),f.status_id=r.status_id)})(),R(()=>{let{componentID:d,eventType:f,dataValue:g}=n,h=g;if(t=="list"?h=g.map(C=>JSON.parse(C)):t=="select"||t=="richSelect"?h=JSON.parse(g):t=="file"&&y.update({key:d,value:{Files:n.dataValue}}),f=="refresh"){let C=y.get(d);C&&C.ResolveRefresh&&C.ResolveRefresh(null)}f=="update"&&(S&&S({componentID:d,value:h,storeData:y.get(d),eventType:f}),i.scope(()=>{u.ok&&b&&b({componentID:d,value:h,storeData:y.get(d),eventType:f})}))},[u])},j=e=>{let{val_status:t,params:r,set_validate:n,DefaultValidation:c}=e,l=c({value:t.dataValue,params:r});if(!l.ok){n(l);return}let s=l.notice;const u=()=>D(void 0,null,function*(){if(!r.onValidate)return;let p=yield r.onValidate({value:t.dataValue,eventType:t.eventType,props:e});if(!p.ok){n({ok:!1,notice:[...s,...p.notice]});return}n({ok:!0,notice:[...s,...p.notice]})});r.onValidate?t.eventType=="refresh"?u():i.interval.standBy("ValidationTimer-"+t.componentID,450,u):n({ok:!0,notice:s})},ce=e=>{let t=e.target,{form:r,formName:n}=t.dataset;r=n||r;let c=!1,l=z(`[data-form-submit-button="${r}"]`)[0];if(!l)return c;let s=l.dataset.sdfike||"",u=e.key,p=e.ctrlKey||e.metaKey;return i.scope(()=>{s.includes("enter")&&(u!="Enter"||e.nativeEvent.isComposing||L.get().browserIs=="safari"&&e.keyCode==229)||((u=="Enter"&&(s.includes("enter")||s.includes("auxEnter")&&p)||u==" "&&s.includes("space"))&&(l.click(),e.preventDefault()),c=!0)}),c},K={Input:e=>{if(e=="plain")return{};let t={padding:"3/4",transition:"middle",flexSizing:"auto",boxShadow:"0.thin"};return e=="border"?t=a(o({},t),{border:!0,borderRadius:"2.tone.secondary",backgroundColor:"layer.1"}):e=="cloud"?t=a(o({},t),{border:"1.thin",borderRadius:"2.tone.secondary",backgroundColor:"cloud"}):e=="bottomBorder"&&(t=a(o({},t),{borderRadius:0,border:"unset",borderBottom:!0,backgroundColor:"cloud"})),t},ListCell:e=>{e=o({},e),e.tone||(e.tone="border");let{tone:t}=e;return t=="plain"||(e=a(o({},e),{cellStyles:o({position:"relative",padding:["3/4",1],borderRadius:"2.tone.secondary",transition:"middle"},e.cellStyles)}),t=="normal"?e=a(o({gap:"1/2"},e),{cellStyles:o({isSemiBoldFont:!0},e.cellStyles),cellCheckedStyles:{backgroundColor:"cloud"}}):(e=a(o({gap:"3/4"},e),{cellStyles:o({boxShadow:"0.thin"},e.cellStyles)}),(t=="cloud"||t=="vivid")&&(e.cellStyles=o({border:"1.thin",backgroundColor:"layer.2"},e.cellStyles)),t=="border"?(e.cellStyles=o({border:!0,backgroundColor:"layer.1"},e.cellStyles),e.cellCheckedStyles=o({borderColor:"theme",fontColor:"theme"},e.cellCheckedStyles)):t=="cloud"?e.cellCheckedStyles=o({backgroundColor:"theme.opa.few",fontColor:"theme",borderColor:"theme"},e.cellCheckedStyles):t=="vivid"&&(e.cellCheckedStyles=o({backgroundColor:"theme",fontColor:"white",borderColor:"theme"},e.cellCheckedStyles)))),B(e)},Boxish:e=>{e=o({},e),e.tone||(e.tone="border");let t=a(o(o(o(a(o({},K.Input(e.tone)),{fontColor:"2.normal"}),e),!!e.leftIndicator&&{borderTopLeftRadius:"2/3",borderBottomLeftRadius:"2/3",marginLeft:"1/4"}),!!e.rightIndicator&&{borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3",marginRight:"1/4"}),{className:[N("Input"),e.className].join(" ")});return B(t)},Indicator:e=>{if(e||(e="border"),e=="plain")return{};let t={flexSizing:"none",flexCenter:!0,padding:[0,1],borderRadius:"2.tone.secondary",backgroundColor:"cloud"};return e=="border"?t=a(o({},t),{border:!0}):e=="cloud"?t=a(o({},t),{border:"1.thin"}):e=="bottomBorder"&&(t=a(o({},t),{borderRadius:0,borderBottom:!0})),t},IndicatorIcon:{position:"absolute",ssSquare:2,top:"50%",flexCenter:!0,fontColor:"theme",fontSize:"1.mini",backgroundColor:"inherit",freeCSS:{transform:"translateY(-50%)"}}};export{ue as BoxWrapper,de as CommonEffects,K as DefaultStyles,ce as SubmitForm,j as ValidationCheck,se as Wrapper};
+import{b as o,c as a,e as D}from"../../chunk-VY3566IV.js";import{jsx as v,jsxs as V}from"react/jsx-runtime";import{useState as _,useEffect as R,useRef as O}from"react";import{$$ as i,$$fromRoot as z,Config as L,useStore as y,GenerateClassName as B}from"../../@utils";import{InputClasses as N}from"../../@styles/componentClasses";import P from"../../atoms/Box";import A from"../../atoms/Flex";import T from"../../atoms/FAI";import E from"../../mols/Row";import W from"../../mols/Column";import U from"../Button";import k from"../Tooltips";const se=e=>{let[t]=_(e.componentID||i.uuid.gen());e=o({},e),e.para=a(o({enableFormSubmit:!0,status_id:i.uuid.gen(),override:"never",name:i.uuid.gen(),id:i.uuid.gen(),"aria-label":"Input-"+t},e.para),{componentID:t});let{children:r}=e;return v(r,o({},e.para))},ue=e=>{let{children:t,val_status:r,set_status:n,val_validate:c,para:l}=e,{clearButton:s,rightIcon:u,leftIcon:p,wrapStyles:m}=l;return r.eventType=="init"&&!l.checkValidationAtFirst&&(c.notice=[]),V(E.Center,a(o({position:"relative",verticalAlign:"unset",gap:0},m),{className:N("Wrapper"),"data-notice-uid":r.componentID,children:[v($,{notice:c.notice,val_status:r}),l.leftIndicator,V(A,{position:"relative",flexSizing:"auto",children:[p,t,s&&r.dataValue?v(U.Button.Normal.R,{ssSphere:2,flexCenter:!0,fontColor:"5.translucent",ssEffectsOnActive:["ripple.theme"],position:"absolute",right:1,top:"50%",freeCSS:{zIndex:3,transform:"translateY(-50%)"},onClick:()=>{n(a(o({},r),{dataValue:"",formatValue:"",eventType:"update",eventID:i.uuid.gen()}))},children:v(T.Times,{})}):u]}),l.rightIndicator]}))},$=e=>{let{notice:t,val_status:r}=e,{componentID:n,eventType:c}=r,l="NoticeTimer-"+n,s="NoticeTimerClose-"+n,u="notice-tips-"+n;return i.interval.clear(l),i.interval.clear(s),t.length?(i.interval.standBy(l,350,()=>{k.open({tipsID:u,parent:`[data-notice-uid="${n}"]`,gravityPoint:22,padding:[1,0],close_option:{parentBlur:!1},content:V(k.Comps.Body,{padding:["1/2","2/3"],fontSize:"1.mini",position:"relative",children:[v(P,{position:"absolute",unitHeight:1,unitWidth:1,left:1,backgroundColor:"dark",freeCSS:{zIndex:1,transform:"rotate(45deg)",top:-6}}),v(W,{gap:"1/3",position:"relative",freeCSS:{zIndex:2},backgroundColor:"inherit",children:t.map(p=>{let{type:m,label:S}=p,b=m=="invalid"?T.Times:m=="warn"?T.Exclamation:T.Check;return V(E.Left,{gap:0,borderRadius:"2.tone.secondary",children:[v(b,{flexCenter:!0,fontSize:"3.paragraph",fontColor:{invalid:"nega",warn:"warn",valid:"posi"}[m]}),v(P,{fontColor:"white",children:S})]})})})]})})}),i.interval.standBy(s,6e3,()=>{k.close(u)}),null):(k.close(u),null)},de=e=>{let{type:t,para:r,val_status:n,set_status:c,ExtraOverrideParams:l,ExtraStoreParams:s,val_validate:u,set_validate:p,DefaultValidation:m,onUpdateValue:S,onUpdateValidValue:b}=e;r=o({},r);let{componentID:I}=n,[w,F]=_(i.uuid.gen());R(()=>(y.update({key:I,value:o({ResolveRefresh:null,Refresh:()=>new Promise((d,f)=>{y.get(I).ResolveRefresh=d,F(i.uuid.gen())}),GenNotice:d=>{let{ok:f,notice:g}=d;p({ok:f,notice:g})}},s)}),()=>{y.delete(I)}),[]);const x=O(!1);R(()=>{x.current?c(a(o({},n),{eventType:"refresh",eventID:i.uuid.gen()})):x.current=!0},[w]),R(()=>{r.value=n.dataValue,i.interval.clear("ValidationTimer-"+I),j({val_status:n,set_validate:p,DefaultValidation:m,para:r})},[n.eventID]),(()=>{let{override:d}=r;if(d=="never"||d=="beforeModified"&&!["init","override"].includes(n.eventType))return;let f=y.get(n.componentID);f&&(r.value!=n.dataValue&&r.status_id!=f.status_id&&c(a(o(a(o({},n),{dataValue:r.value}),l),{eventType:"override",eventID:i.uuid.gen()})),f.status_id=r.status_id)})(),R(()=>{let{componentID:d,eventType:f,dataValue:g}=n,h=g;if(t=="list"?h=g.map(C=>JSON.parse(C)):t=="select"||t=="richSelect"?h=JSON.parse(g):t=="file"&&y.update({key:d,value:{Files:n.dataValue}}),f=="refresh"){let C=y.get(d);C&&C.ResolveRefresh&&C.ResolveRefresh(null)}f=="update"&&(S&&S({componentID:d,value:h,storeData:y.get(d),eventType:f}),i.scope(()=>{u.ok&&b&&b({componentID:d,value:h,storeData:y.get(d),eventType:f})}))},[u])},j=e=>{let{val_status:t,para:r,set_validate:n,DefaultValidation:c}=e,l=c({value:t.dataValue,para:r});if(!l.ok){n(l);return}let s=l.notice;const u=()=>D(void 0,null,function*(){if(!r.onValidate)return;let p=yield r.onValidate({value:t.dataValue,eventType:t.eventType,props:e});if(!p.ok){n({ok:!1,notice:[...s,...p.notice]});return}n({ok:!0,notice:[...s,...p.notice]})});r.onValidate?t.eventType=="refresh"?u():i.interval.standBy("ValidationTimer-"+t.componentID,450,u):n({ok:!0,notice:s})},ce=e=>{let t=e.target,{form:r,formName:n}=t.dataset;r=n||r;let c=!1,l=z(`[data-form-submit-button="${r}"]`)[0];if(!l)return c;let s=l.dataset.sdfike||"",u=e.key,p=e.ctrlKey||e.metaKey;return i.scope(()=>{s.includes("enter")&&(u!="Enter"||e.nativeEvent.isComposing||L.get().browserIs=="safari"&&e.keyCode==229)||((u=="Enter"&&(s.includes("enter")||s.includes("auxEnter")&&p)||u==" "&&s.includes("space"))&&(l.click(),e.preventDefault()),c=!0)}),c},K={Input:e=>{if(e=="plain")return{};let t={padding:"3/4",transition:"middle",flexSizing:"auto",boxShadow:"0.thin"};return e=="border"?t=a(o({},t),{border:!0,borderRadius:"2.tone.secondary",backgroundColor:"layer.1"}):e=="cloud"?t=a(o({},t),{border:"1.thin",borderRadius:"2.tone.secondary",backgroundColor:"cloud"}):e=="bottomBorder"&&(t=a(o({},t),{borderRadius:0,border:"unset",borderBottom:!0,backgroundColor:"cloud"})),t},ListCell:e=>{e=o({},e),e.tone||(e.tone="border");let{tone:t}=e;return t=="plain"||(e=a(o({},e),{cellStyles:o({position:"relative",padding:["3/4",1],borderRadius:"2.tone.secondary",transition:"middle"},e.cellStyles)}),t=="normal"?e=a(o({gap:"1/2"},e),{cellStyles:o({isSemiBoldFont:!0},e.cellStyles),cellCheckedStyles:{backgroundColor:"cloud"}}):(e=a(o({gap:"3/4"},e),{cellStyles:o({boxShadow:"0.thin"},e.cellStyles)}),(t=="cloud"||t=="vivid")&&(e.cellStyles=o({border:"1.thin",backgroundColor:"layer.2"},e.cellStyles)),t=="border"?(e.cellStyles=o({border:!0,backgroundColor:"layer.1"},e.cellStyles),e.cellCheckedStyles=o({borderColor:"theme",fontColor:"theme"},e.cellCheckedStyles)):t=="cloud"?e.cellCheckedStyles=o({backgroundColor:"theme.opa.few",fontColor:"theme",borderColor:"theme"},e.cellCheckedStyles):t=="vivid"&&(e.cellCheckedStyles=o({backgroundColor:"theme",fontColor:"white",borderColor:"theme"},e.cellCheckedStyles)))),B(e)},Boxish:e=>{e=o({},e),e.tone||(e.tone="border");let t=a(o(o(o(a(o({},K.Input(e.tone)),{fontColor:"2.normal"}),e),!!e.leftIndicator&&{borderTopLeftRadius:"2/3",borderBottomLeftRadius:"2/3",marginLeft:"1/4"}),!!e.rightIndicator&&{borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3",marginRight:"1/4"}),{className:[N("Input"),e.className].join(" ")});return B(t)},Indicator:e=>{if(e||(e="border"),e=="plain")return{};let t={flexSizing:"none",flexCenter:!0,padding:[0,1],borderRadius:"2.tone.secondary",backgroundColor:"cloud"};return e=="border"?t=a(o({},t),{border:!0}):e=="cloud"?t=a(o({},t),{border:"1.thin"}):e=="bottomBorder"&&(t=a(o({},t),{borderRadius:0,borderBottom:!0})),t},IndicatorIcon:{position:"absolute",ssSquare:2,top:"50%",flexCenter:!0,fontColor:"theme",fontSize:"1.mini",backgroundColor:"inherit",freeCSS:{transform:"translateY(-50%)"}}};export{ue as BoxWrapper,de as CommonEffects,K as DefaultStyles,ce as SubmitForm,j as ValidationCheck,se as Wrapper};

package/dist/fn/Input/{_.d.ts → index.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ReactElement, TagProperty } from '../../@declaration/_';
+import { ReactElement, TagProperty } from '../../@declaration';
 export declare namespace InputTypes {
     type BoxTone = 'border' | 'cloud' | 'bottomBorder' | 'plain';
     type OnUpdateValue = {
@@ -25,8 +25,8 @@ export declare namespace InputTypes {
     };
     type CoreInput = UniInput & {
         className?: string;
-        wrapStyles?: TagProperty.Params;
-    } & TagProperty.Params;
+        wrapStyles?: TagProperty.Para;
+    } & TagProperty.Para;
     namespace Validation {
         type EventType = 'init' | 'update' | 'override' | 'refresh';
         type Notice = {
@@ -40,7 +40,7 @@ export declare namespace InputTypes {
         type SystemCheck = {
             (props: {
                 value: any;
-                params: any;
+                para: any;
             }): Result;
         };
         type OnValidate = {
@@ -85,11 +85,11 @@ import _TextArea from './TextArea';
 import _AutoHeightText from './AutoHeightText';
 import _Contenteditable from './Contenteditable';
 import _DigitCharacters from './DigitCharacters';
-import _Time from './Time/_';
+import _Time from './Time';
 import _Select from './Select';
 import _RichSelect from './RichSelect';
 import * as _List from './List';
-import _Chips from './Chips/_';
+import _Chips from './Chips';
 import _Search from './Search';
 import _Filer from './Filer';
 import _Slider from './Slider';
@@ -99,7 +99,7 @@ import _Segmented from './Segmented';
 import _Parts from './Parts';
 declare namespace Input {
     type Methods = {
-        Plain: React.FC<TagProperty.Params & React.InputHTMLAttributes<HTMLInputElement>>;
+        Plain: React.FC<TagProperty.Para & React.InputHTMLAttributes<HTMLInputElement>>;
         Hidden: React.FC<_Hidden.Input>;
         Text: _Text.Methods;
         TextArea: React.FC<_TextArea.Input>;

package/dist/fn/Input/index.js

@@ -0,0 +1 @@
+import"../../chunk-VY3566IV.js";import o from"./Plain";import i from"./Hidden";import a from"./Text";import p from"./TextArea";import m from"./AutoHeightText";import n from"./Contenteditable";import l from"./DigitCharacters";import c from"./Time";import s from"./Select";import d from"./RichSelect";import*as r from"./List";import x from"./Chips";import h from"./Search";import _ from"./Filer";import y from"./Slider";import C from"./Switch";import T from"./Checker";import u from"./Segmented";import f from"./Parts";var t;(e=>(e.Plain=o,e.Hidden=i,e.Text=a,e.TextArea=p,e.AutoHeightText=m,e.Contenteditable=n,e.DigitCharacters=l,e.Time=c,e.Select=s,e.RichSelect=d,e.List=r.List,e.Radio=r.Radio,e.Checkbox=r.Checkbox,e.Checker=T,e.Chips=x,e.Search=h,e.Filer=_,e.Slider=y,e.Switch=C,e.Segmented=u,e.Comps=f))(t||(t={}));export{t as Input,t as default};

package/dist/fn/Layout/PageRouter.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ReactElement } from '../../@declaration/_';
+import { ReactElement } from '../../@declaration';
 declare namespace PageRouter {
     type RoutesProps = {
         path: string;

package/dist/fn/Layout/PageRouter.js

@@ -1 +1 @@
-import"../../chunk-VY3566IV.js";import{jsx as n,jsxs as P}from"react/jsx-runtime";import{useEffect as c,useRef as m}from"react";import{useStore as R}from"../../@utils/_";import*as s from"react-router-dom";import C from"../Sheet";import{PageNotFound as g}from"./PageNotFound";import{RootViewController as k}from"./RootViewController";const h=(t,o,a)=>{const r=m(!1);let e=s.useLocation(),u=s.useNavigate();R.set({key:"navigate",value:u}),c(()=>{r.current?(C.closeAll(!0),k.fn.updateCSSProperty.reset()):r.current=!0},[e.pathname]),t&&t(e),c(()=>{a&&a(e)},[]),c(()=>{setTimeout(()=>{window.dispatchEvent(new Event("resize"))},200),o&&o(e)},[e])},B=t=>{let{routes:o,beforeCallBack:a,afterCallBack:r,afterFirstCallBack:e}=t;h(a,r,e);let u=o.map(i=>{let{path:l,content:f}=i;return l="/"+l.replace(/^\//,""),n(s.Route,{path:l,element:f},l)});return P(s.Routes,{children:[u,n(s.Route,{path:"*",element:n(g,{})})]})},p=t=>{let{pages:o,beforeCallBack:a,afterCallBack:r,afterFirstCallBack:e}=t;return n(B,{routes:o,beforeCallBack:a,afterCallBack:r,afterFirstCallBack:e})};export{p as PageRouter,p as default};
+import"../../chunk-VY3566IV.js";import{jsx as n,jsxs as P}from"react/jsx-runtime";import{useEffect as c,useRef as m}from"react";import{useStore as R}from"../../@utils";import*as s from"react-router-dom";import C from"../Sheet";import{PageNotFound as g}from"./PageNotFound";import{RootViewController as k}from"./RootViewController";const h=(t,o,a)=>{const r=m(!1);let e=s.useLocation(),u=s.useNavigate();R.set({key:"navigate",value:u}),c(()=>{r.current?(C.closeAll(!0),k.fn.updateCSSProperty.reset()):r.current=!0},[e.pathname]),t&&t(e),c(()=>{a&&a(e)},[]),c(()=>{setTimeout(()=>{window.dispatchEvent(new Event("resize"))},200),o&&o(e)},[e])},B=t=>{let{routes:o,beforeCallBack:a,afterCallBack:r,afterFirstCallBack:e}=t;h(a,r,e);let u=o.map(i=>{let{path:l,content:f}=i;return l="/"+l.replace(/^\//,""),n(s.Route,{path:l,element:f},l)});return P(s.Routes,{children:[u,n(s.Route,{path:"*",element:n(g,{})})]})},p=t=>{let{pages:o,beforeCallBack:a,afterCallBack:r,afterFirstCallBack:e}=t;return n(B,{routes:o,beforeCallBack:a,afterCallBack:r,afterFirstCallBack:e})};export{p as PageRouter,p as default};

package/dist/fn/Layout/PageViewController.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ReactElement } from '../../@declaration/_';
+import { ReactElement } from '../../@declaration';
 declare namespace PageViewController {
     type Input = {
         viewIndex: number;

package/dist/fn/Layout/PageViewController.js

@@ -1 +1 @@
-import"../../chunk-VY3566IV.js";import{Fragment as c,jsx as a}from"react/jsx-runtime";import{useState as p}from"react";import w from"../Effect/_";const n=r=>{let{viewIndex:e=0,views:t,wrapper:i=m=>a(w.FadeIn,{animationTime:400,children:m},e)}=r;e=Math.min(Math.max(e,0),t.length);let[l,o]=p(e);return l!=e&&o(e),a(c,{children:i(t[e])})};export{n as PageViewController,n as default};
+import"../../chunk-VY3566IV.js";import{Fragment as c,jsx as a}from"react/jsx-runtime";import{useState as p}from"react";import w from"../Effect";const n=r=>{let{viewIndex:e=0,views:t,wrapper:i=m=>a(w.FadeIn,{animationTime:400,children:m},e)}=r;e=Math.min(Math.max(e,0),t.length);let[l,o]=p(e);return l!=e&&o(e),a(c,{children:i(t[e])})};export{n as PageViewController,n as default};

package/dist/fn/Layout/RootViewController.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TagProperty, ReactElement } from '../../@declaration/_';
+import { TagProperty, ReactElement } from '../../@declaration';
 import Box from '../../atoms/Box';
 import Flex from '../../atoms/Flex';
 import Button from '../Button';
@@ -8,10 +8,10 @@ declare namespace RootViewController {
         Base: React.FC<RootViewController.BaseParams>;
         TopNavigation: React.FC<Flex.Input>;
         SideNavigation: React.FC<Flex.Input & {
-            baseStyles?: TagProperty.Params;
+            baseStyles?: TagProperty.Para;
         }>;
         FooterNavigation: React.FC<Flex.Input & {
-            baseStyles?: TagProperty.Params;
+            baseStyles?: TagProperty.Para;
         }>;
         Comps: {
             Button: React.FC<ButtonParams>;

package/dist/fn/Layout/RootViewController.js

@@ -1 +1 @@
-import{b as s,c as f,d as m}from"../../chunk-VY3566IV.js";import{jsx as p,jsxs as x}from"react/jsx-runtime";import{useState as S,useEffect as N}from"react";import{$$ as a,$$fromRoot as v,Config as R,pageTransit as P}from"../../@utils/_";import h from"../../atoms/Box";import C from"../../atoms/Flex";import F from"../../mols/Column";import _ from"../Button";import{LayoutClasses as y}from"../../@styles/componentClasses/_";const c={Base:o=>{let l=o,{topNavigation:e,sideNavigation:t,footerNavigation:i,children:r,className:n}=l,g=m(l,["topNavigation","sideNavigation","footerNavigation","children","className"]);N(()=>{c.fn.updateCSSProperty.reset(),setTimeout(()=>{c.fn.updateCSSProperty.reset()},100);let u="ResizeCB",B="RemovePageEventCB";return a(window).addEvent({eventType:"resize",eventID:u,callback:()=>{R.get().screen.isPhonepoint()||(a.interval.clear("__RVC_calcHeights"),a.interval.standBy("__RVC_calcHeights",300,()=>{c.fn.updateCSSProperty.reset()}))}}),()=>{a(window).removeEvent(B),a(window).removeEvent(u)}},[]);let d=r;return x(F,f(s({className:[n,y("RootViewController")].join(" "),backgroundColor:"layer.1",gap:0,minHeight:"viewHeight"},g),{children:[e,x(C,{className:y("Body"),flexWrap:!1,position:"relative",flexSizing:0,children:[t,p(h,{className:y("Content"),position:"relative",flexSizing:0,width:0,UnderBreakPointStyles:{width:"auto"},children:d})]}),i]}))},TopNavigation:o=>{let n=o,{className:e,children:t}=n,i=m(n,["className","children"]),[r]=S(a.uuid.gen());return N(()=>{c.fn.updateCSSProperty.topNav()},[]),p(C,f(s({"data-id":r,flexSizing:"none",flexType:"col",position:"sticky",top:0,backgroundColor:"layer.1"},i),{id:"__RVC_TopNavigation",className:[e,y("TopNav")].join(" "),children:t}),r)},SideNavigation:o=>{let r=o,{className:e="",baseStyles:t}=r,i=m(r,["className","baseStyles"]);return p(h,s({flexSizing:"none",className:[e,y("SideNav")].join(" "),minHeight:"sideNavigationHeight"},i))},FooterNavigation:o=>{let n=o,{className:e="",baseStyles:t}=n,i=m(n,["className","baseStyles"]),[r]=S(a.uuid.gen());return N(()=>{c.fn.updateCSSProperty.footer()},[]),p(C,f(s({"data-id":r,borderTop:!0,position:"sticky",bottom:0,overflow:"auto",backgroundColor:"layer.1",paddingBottom:"safeAreaBottom"},t),{id:"__RVC_FooterNavigation",className:[y("FooterNav"),e].join(" "),children:p(C,s({gap:1,flexWrap:!1,padding:"2/3",margin:"auto"},i))}))},Comps:{Button:o=>{let d=o,{isActive:e,uri:t,uriGroup:i}=d,r=m(d,["isActive","uri","uriGroup"]),n=a.flatArray(i),g=location.pathname;{let l=!1;if(a.is.exist(t)&&a.is.string(t)){let u=[location.origin,t.replace(/\//,"")].join("/");l=g==new URL(u).pathname}if(!l&&n.length)for(let u of n)a.is.nullish(u)||g.match(new RegExp(u))&&(l=!0);e=e!=null?e:l}return p(_.Button.Clear.R,s({padding:["3/4",1],display:"flex",gap:"1/2",fontColor:"inherit",width:1,flexSizing:"none",flexWrap:!1,ssEffectsOnActive:"ripple.cloud",verticalAlign:"center",textAlign:"left",isSemiBoldFont:!0,isActive:e,isActiveStyles:{fontColor:"theme",backgroundColor:"cloud"},onClick:l=>{a.is.exist(t)&&a.is.string(t)&&P.push(t,l.ctrlKey||l.metaKey)},color:"cloud"},r))},Bar:o=>p(h,s({flexSizing:"none",backgroundColor:"layer.4.opa.middle",unitHeight:"1/3",margin:["2/3",1],borderRadius:"sphere"},o)),Title:o=>p(h,s({fontSize:"3.paragraph",isSemiBoldFont:!0,padding:[0,1]},o))},fn:{updateCSSProperty:{topNav:()=>{let o=a(document.body),e=v("#__RVC_TopNavigation"),t=e.position().height||0,i=t;e.getStyleProperty("position")!="sticky"&&(i=0),o.setStyleProperty("--topNavHeight",t+"px").setStyleProperty("--topBase",i+"px")},footer:()=>{let o=a(document.body),t=v("#__RVC_FooterNavigation").position().height||0;o.setStyleProperty("--footerNavHeight",t+"px")},reset:()=>{let o=a(document.body),e=v("#__RVC_TopNavigation"),t=v("#__RVC_FooterNavigation"),i=e.position().height||0,r=i,n=t.position().height||0;e.getStyleProperty("position")!="sticky"&&(r=0);let g=window.innerHeight,d=g-i-n;o.setStyleProperty("--topNavHeight",i+"px").setStyleProperty("--topBase",r+"px").setStyleProperty("--footerNavHeight",n+"px").setStyleProperty("--viewHeight",g+"px").setStyleProperty("--sideNavHeight",d+"px").setStyleProperty("--contentHeight",d+"px")}}}};export{c as RootViewController,c as default};
+import{b as s,c as m,d as y}from"../../chunk-VY3566IV.js";import{jsx as p,jsxs as x}from"react/jsx-runtime";import{useState as S,useEffect as N}from"react";import{$$ as a,$$fromRoot as v,Config as R,pageTransit as P}from"../../@utils";import h from"../../atoms/Box";import C from"../../atoms/Flex";import F from"../../mols/Column";import _ from"../Button";import{LayoutClasses as f}from"../../@styles/componentClasses";const c={Base:o=>{let l=o,{topNavigation:e,sideNavigation:t,footerNavigation:i,children:r,className:n}=l,g=y(l,["topNavigation","sideNavigation","footerNavigation","children","className"]);N(()=>{c.fn.updateCSSProperty.reset(),setTimeout(()=>{c.fn.updateCSSProperty.reset()},100);let u="ResizeCB",B="RemovePageEventCB";return a(window).addEvent({eventType:"resize",eventID:u,callback:()=>{R.get().screen.isPhonepoint()||(a.interval.clear("__RVC_calcHeights"),a.interval.standBy("__RVC_calcHeights",300,()=>{c.fn.updateCSSProperty.reset()}))}}),()=>{a(window).removeEvent(B),a(window).removeEvent(u)}},[]);let d=r;return x(F,m(s({className:[n,f("RootViewController")].join(" "),backgroundColor:"layer.1",gap:0,minHeight:"viewHeight"},g),{children:[e,x(C,{className:f("Body"),flexWrap:!1,position:"relative",flexSizing:0,children:[t,p(h,{className:f("Content"),position:"relative",flexSizing:0,width:0,UnderBreakPointStyles:{width:"auto"},children:d})]}),i]}))},TopNavigation:o=>{let n=o,{className:e,children:t}=n,i=y(n,["className","children"]),[r]=S(a.uuid.gen());return N(()=>{c.fn.updateCSSProperty.topNav()},[]),p(C,m(s({"data-id":r,flexSizing:"none",flexType:"col",position:"sticky",top:0,backgroundColor:"layer.1"},i),{id:"__RVC_TopNavigation",className:[e,f("TopNav")].join(" "),children:t}),r)},SideNavigation:o=>{let r=o,{className:e="",baseStyles:t}=r,i=y(r,["className","baseStyles"]);return p(h,s({flexSizing:"none",className:[e,f("SideNav")].join(" "),minHeight:"sideNavigationHeight"},i))},FooterNavigation:o=>{let n=o,{className:e="",baseStyles:t}=n,i=y(n,["className","baseStyles"]),[r]=S(a.uuid.gen());return N(()=>{c.fn.updateCSSProperty.footer()},[]),p(C,m(s({"data-id":r,borderTop:!0,position:"sticky",bottom:0,overflow:"auto",backgroundColor:"layer.1",paddingBottom:"safeAreaBottom"},t),{id:"__RVC_FooterNavigation",className:[f("FooterNav"),e].join(" "),children:p(C,s({gap:1,flexWrap:!1,padding:"2/3",margin:"auto"},i))}))},Comps:{Button:o=>{let d=o,{isActive:e,uri:t,uriGroup:i}=d,r=y(d,["isActive","uri","uriGroup"]),n=a.flatArray(i),g=location.pathname;{let l=!1;if(a.is.exist(t)&&a.is.string(t)){let u=[location.origin,t.replace(/\//,"")].join("/");l=g==new URL(u).pathname}if(!l&&n.length)for(let u of n)a.is.nullish(u)||g.match(new RegExp(u))&&(l=!0);e=e!=null?e:l}return p(_.Button.Clear.R,s({padding:["3/4",1],display:"flex",gap:"1/2",fontColor:"inherit",width:1,flexSizing:"none",flexWrap:!1,ssEffectsOnActive:"ripple.cloud",verticalAlign:"center",textAlign:"left",isSemiBoldFont:!0,isActive:e,isActiveStyles:{fontColor:"theme",backgroundColor:"cloud"},onClick:l=>{a.is.exist(t)&&a.is.string(t)&&P.push(t,l.ctrlKey||l.metaKey)},color:"cloud"},r))},Bar:o=>p(h,s({flexSizing:"none",backgroundColor:"layer.4.opa.middle",unitHeight:"1/3",margin:["2/3",1],borderRadius:"sphere"},o)),Title:o=>p(h,s({fontSize:"3.paragraph",isSemiBoldFont:!0,padding:[0,1]},o))},fn:{updateCSSProperty:{topNav:()=>{let o=a(document.body),e=v("#__RVC_TopNavigation"),t=e.position().height||0,i=t;e.getStyleProperty("position")!="sticky"&&(i=0),o.setStyleProperty("--topNavHeight",t+"px").setStyleProperty("--topBase",i+"px")},footer:()=>{let o=a(document.body),t=v("#__RVC_FooterNavigation").position().height||0;o.setStyleProperty("--footerNavHeight",t+"px")},reset:()=>{let o=a(document.body),e=v("#__RVC_TopNavigation"),t=v("#__RVC_FooterNavigation"),i=e.position().height||0,r=i,n=t.position().height||0;e.getStyleProperty("position")!="sticky"&&(r=0);let g=window.innerHeight,d=g-i-n;o.setStyleProperty("--topNavHeight",i+"px").setStyleProperty("--topBase",r+"px").setStyleProperty("--footerNavHeight",n+"px").setStyleProperty("--viewHeight",g+"px").setStyleProperty("--sideNavHeight",d+"px").setStyleProperty("--contentHeight",d+"px")}}}};export{c as RootViewController,c as default};

package/dist/fn/Layout/SwipeView.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TagProperty, ReactElement } from '../../@declaration/_';
+import { TagProperty, ReactElement } from '../../@declaration';
 declare namespace SwipeView {
     type Input = TagProperty.BasicElement & {
         slideIndex?: number;
@@ -36,5 +36,5 @@ declare namespace SwipeView {
         set_event: React.Dispatch<React.SetStateAction<SlideEvent>>;
     };
 }
-declare const SwipeView: (params: SwipeView.Input) => import("react/jsx-runtime").JSX.Element;
+declare const SwipeView: (para: SwipeView.Input) => import("react/jsx-runtime").JSX.Element;
 export { SwipeView, SwipeView as default };

package/dist/fn/Layout/SwipeView.js

@@ -1 +1 @@
-import{b as f,c as T,d as k}from"../../chunk-VY3566IV.js";import{jsx as I}from"react/jsx-runtime";import{useState as L,useEffect as M,useRef as N}from"react";import{$$ as c,$$fromRoot as h,useStore as X}from"../../@utils/_";import R from"../../atoms/Box";import j from"../../atoms/Flex";import{LayoutClasses as a}from"../../@styles/componentClasses/_";const B=t=>{let D=t,{options:{onSlideCallback:e,visibilitySurroundSlide:u=!0,autoSwipems:d=0,loop:i=!1,disableMousedrag:r=!1,disableTouch:o=!1}={},wrapper:s=n=>n,slides:v=[]}=D,E=k(D,["options","wrapper","slides"]),[w]=L(c.uuid.gen()),[p,y]=L({eventType:"init",index:t.slideIndex});M(()=>{X.set({key:"SwipeTimer-"+w,value:null})},[]);const g=N(!1);M(()=>{y({eventType:"usr",index:t.slideIndex}),g.current||(g.current=!0)},[t.slideIndex]),M(()=>{let n=p.index+(i?1:0),m=[-1,v.length].includes(p.index);m||e&&setTimeout(()=>{e(p.index)},300);let b=h("#Swiper-"+w);if(p.eventType=="adjustLoop")b.await(250).css({transition:"0s",transform:l.TrasformString(n)}).children().removeClass(a("Display")).parent().children(n).addClass([a("Display"),a("LoopAdjusting")]).await(100).removeClass(a("LoopAdjusting"));else if(p.eventType=="sys")b.await(250).css({transform:l.TrasformString(n)}).children().removeClass(a("Display")).parent().children(n).addClass(a("Display"));else if(b.children().removeClass(a("Display")).parent().children(n).addClass(a("Display")).parent().css({transition:"0.3s",transform:l.TrasformString(n)}).await(250).css({transition:"0s"}),m){let x=p.index==-1?v.length-1:0;y({eventType:"adjustLoop",index:x})}d&&!m&&(c.interval.clear("SwipeTimer-"+w),c.interval.standBy("SwipeTimer-"+w,d-(p.eventType=="sys"?310:0),()=>{let x=p.index+1;!i&&x>v.length-1&&(x=0),y({eventType:"usr",index:x})}))},[p]);let S=v.map((n,m)=>I(R,{flexSizing:"none",width:1,height:0,className:a("Child"),children:s(n)},m));i&&(S.push(S[0]),S.unshift(S[S.length-2]));let C={x:0,y:0,process:!1,effectStartAt:0,id:w,loop:i,index:p.index,minIndex:i?-1:0,maxIndex:v.length+(i?1:-1),width:0,set_event:y},A=p.index+(i?1:0);return I(R,T(f({overflow:"hidden",position:"relative"},E),{className:[E.className,a("SwipeView")].join(" "),freeCSS:f({zIndex:1},E.freeCSS),"data-swipe-id":w,onMouseDown:n=>{r||n.buttons==1&&l.EffectStart(n,C)},onTouchStart:n=>{var m;o||((m=n.touches)==null?void 0:m.length)==1&&l.EffectStart(n,C)},children:I(j,{flexWrap:!1,gap:1,transition:"long",className:[a("Rail"),a("ShowOther_"+u)].join(" "),id:"Swiper-"+w,freeCSS:f({},g.current?{}:{transform:l.TrasformString(A)}),children:S})}))},l={TrasformString:t=>`translateX( calc( ${-100*t}%  - ${12*t}px ) )`,EffectStart:(t,e)=>{let{x:u,y:d}=c.getCursor(t),i=t.currentTarget,r=t.target;if(["SELECT","BUTTON","LABEL","INPUT"].includes(r.tagName))return;e=T(f({},e),{x:u-e.x+window.scrollX,y:d-e.y+window.scrollY,effectStartAt:new Date().getTime(),width:h("#Swiper-"+e.id).position().width});let{swipeId:o}=i.dataset;o==e.id&&c(document).addEvent({eventID:"SwipeMouseMove",eventType:"mousemove",callback:s=>{l.EffectCheck(s,e)},options:{passive:!1}}).addEvent({eventID:"SwipeTouchMove",eventType:"touchmove",callback:s=>{l.EffectCheck(s,e)},options:{passive:!1}}).addEvent({eventID:"SwipeMouseUp",eventType:"mouseup",callback:s=>{l.EffectEnd(s,e)},options:{passive:!1}}).addEvent({eventID:"SwipeTouchEnd",eventType:"touchend",callback:s=>{l.EffectEnd(s,e)},options:{passive:!1}})},EffectCheck:(t,e)=>{if(e.process)return;let{x:u,y:d}=c.getCursor(t),i=Math.abs(u-e.x+window.scrollX),r=Math.abs(d-e.y+window.scrollY);if(!(t.touches&&t.touches.length>1)&&!(r+i<15))if(r>i/2)c(document).removeEvent(["SwipeMouseMove","SwipeTouchMove"]);else{e.process=!0;let o=e.index+(e.loop?1:0);h("#Swiper-"+e.id).children(o-1).addClass(a("Display")),c(document).addEvent({eventID:"SwipeCheckMouseMove",eventType:"mousemove",callback:s=>{l.EffectMove(s,e)},options:{passive:!1}}).addEvent({eventID:"SwipeCheckTouchMove",eventType:"touchmove",callback:s=>{l.EffectMove(s,e)},options:{passive:!1}}),t.preventDefault();return}},EffectMove:(t,e)=>{if(t.touches&&t.touches.length>1)return;let{x:u}=c.getCursor(t),d=u-e.x+window.scrollX,r=e.index+(e.loop?1:0)-d/e.width;if(r<0)r/=2;else if(r>e.maxIndex){let o=r-e.maxIndex;r=e.maxIndex+o/2}h("#Swiper-"+e.id).css({transition:"0s",transform:l.TrasformString(r)}),t.preventDefault()},EffectEnd:(t,e)=>{if(e.process){let d=c.getCursor(t).x-e.x+window.scrollX,i=new Date().getTime(),r=i-e.effectStartAt,o=e.index+(e.loop?1:0),s=0;r<400?s=o-(+(d>0)*2-1):s=Math.round(o-d/e.width),s=Math.max(Math.min(s,e.maxIndex),e.minIndex),e.process=!1,o===s?(e.effectStartAt=i,h("#Swiper-"+e.id).css({transition:".2s",transform:l.TrasformString(s)}).await(310).css({transition:"0s"}).children().removeClass(a("Display")).parent().children(o).addClass(a("Display"))):e.set_event({eventType:"usr",index:s+e.minIndex})}c(document).removeEvent(["SwipeMouseMove","SwipeTouchMove","SwipeCheckMouseMove","SwipeCheckTouchMove","SwipeMouseUp","SwipeTouchEnd"])}},V=t=>I(B,T(f({},t),{slideIndex:Math.max(Math.min(t.slideIndex,t.slides.length-1),0)}));export{V as SwipeView,V as default};
+import{b as f,c as T,d as k}from"../../chunk-VY3566IV.js";import{jsx as I}from"react/jsx-runtime";import{useState as L,useEffect as M,useRef as N}from"react";import{$$ as c,$$fromRoot as h,useStore as X}from"../../@utils";import R from"../../atoms/Box";import j from"../../atoms/Flex";import{LayoutClasses as a}from"../../@styles/componentClasses";const B=t=>{let D=t,{options:{onSlideCallback:e,visibilitySurroundSlide:u=!0,autoSwipems:d=0,loop:i=!1,disableMousedrag:r=!1,disableTouch:o=!1}={},wrapper:s=n=>n,slides:v=[]}=D,E=k(D,["options","wrapper","slides"]),[w]=L(c.uuid.gen()),[p,y]=L({eventType:"init",index:t.slideIndex});M(()=>{X.set({key:"SwipeTimer-"+w,value:null})},[]);const g=N(!1);M(()=>{y({eventType:"usr",index:t.slideIndex}),g.current||(g.current=!0)},[t.slideIndex]),M(()=>{let n=p.index+(i?1:0),m=[-1,v.length].includes(p.index);m||e&&setTimeout(()=>{e(p.index)},300);let b=h("#Swiper-"+w);if(p.eventType=="adjustLoop")b.await(250).css({transition:"0s",transform:l.TrasformString(n)}).children().removeClass(a("Display")).parent().children(n).addClass([a("Display"),a("LoopAdjusting")]).await(100).removeClass(a("LoopAdjusting"));else if(p.eventType=="sys")b.await(250).css({transform:l.TrasformString(n)}).children().removeClass(a("Display")).parent().children(n).addClass(a("Display"));else if(b.children().removeClass(a("Display")).parent().children(n).addClass(a("Display")).parent().css({transition:"0.3s",transform:l.TrasformString(n)}).await(250).css({transition:"0s"}),m){let x=p.index==-1?v.length-1:0;y({eventType:"adjustLoop",index:x})}d&&!m&&(c.interval.clear("SwipeTimer-"+w),c.interval.standBy("SwipeTimer-"+w,d-(p.eventType=="sys"?310:0),()=>{let x=p.index+1;!i&&x>v.length-1&&(x=0),y({eventType:"usr",index:x})}))},[p]);let S=v.map((n,m)=>I(R,{flexSizing:"none",width:1,height:0,className:a("Child"),children:s(n)},m));i&&(S.push(S[0]),S.unshift(S[S.length-2]));let C={x:0,y:0,process:!1,effectStartAt:0,id:w,loop:i,index:p.index,minIndex:i?-1:0,maxIndex:v.length+(i?1:-1),width:0,set_event:y},A=p.index+(i?1:0);return I(R,T(f({overflow:"hidden",position:"relative"},E),{className:[E.className,a("SwipeView")].join(" "),freeCSS:f({zIndex:1},E.freeCSS),"data-swipe-id":w,onMouseDown:n=>{r||n.buttons==1&&l.EffectStart(n,C)},onTouchStart:n=>{var m;o||((m=n.touches)==null?void 0:m.length)==1&&l.EffectStart(n,C)},children:I(j,{flexWrap:!1,gap:1,transition:"long",className:[a("Rail"),a("ShowOther_"+u)].join(" "),id:"Swiper-"+w,freeCSS:f({},g.current?{}:{transform:l.TrasformString(A)}),children:S})}))},l={TrasformString:t=>`translateX( calc( ${-100*t}%  - ${12*t}px ) )`,EffectStart:(t,e)=>{let{x:u,y:d}=c.getCursor(t),i=t.currentTarget,r=t.target;if(["SELECT","BUTTON","LABEL","INPUT"].includes(r.tagName))return;e=T(f({},e),{x:u-e.x+window.scrollX,y:d-e.y+window.scrollY,effectStartAt:new Date().getTime(),width:h("#Swiper-"+e.id).position().width});let{swipeId:o}=i.dataset;o==e.id&&c(document).addEvent({eventID:"SwipeMouseMove",eventType:"mousemove",callback:s=>{l.EffectCheck(s,e)},options:{passive:!1}}).addEvent({eventID:"SwipeTouchMove",eventType:"touchmove",callback:s=>{l.EffectCheck(s,e)},options:{passive:!1}}).addEvent({eventID:"SwipeMouseUp",eventType:"mouseup",callback:s=>{l.EffectEnd(s,e)},options:{passive:!1}}).addEvent({eventID:"SwipeTouchEnd",eventType:"touchend",callback:s=>{l.EffectEnd(s,e)},options:{passive:!1}})},EffectCheck:(t,e)=>{if(e.process)return;let{x:u,y:d}=c.getCursor(t),i=Math.abs(u-e.x+window.scrollX),r=Math.abs(d-e.y+window.scrollY);if(!(t.touches&&t.touches.length>1)&&!(r+i<15))if(r>i/2)c(document).removeEvent(["SwipeMouseMove","SwipeTouchMove"]);else{e.process=!0;let o=e.index+(e.loop?1:0);h("#Swiper-"+e.id).children(o-1).addClass(a("Display")),c(document).addEvent({eventID:"SwipeCheckMouseMove",eventType:"mousemove",callback:s=>{l.EffectMove(s,e)},options:{passive:!1}}).addEvent({eventID:"SwipeCheckTouchMove",eventType:"touchmove",callback:s=>{l.EffectMove(s,e)},options:{passive:!1}}),t.preventDefault();return}},EffectMove:(t,e)=>{if(t.touches&&t.touches.length>1)return;let{x:u}=c.getCursor(t),d=u-e.x+window.scrollX,r=e.index+(e.loop?1:0)-d/e.width;if(r<0)r/=2;else if(r>e.maxIndex){let o=r-e.maxIndex;r=e.maxIndex+o/2}h("#Swiper-"+e.id).css({transition:"0s",transform:l.TrasformString(r)}),t.preventDefault()},EffectEnd:(t,e)=>{if(e.process){let d=c.getCursor(t).x-e.x+window.scrollX,i=new Date().getTime(),r=i-e.effectStartAt,o=e.index+(e.loop?1:0),s=0;r<400?s=o-(+(d>0)*2-1):s=Math.round(o-d/e.width),s=Math.max(Math.min(s,e.maxIndex),e.minIndex),e.process=!1,o===s?(e.effectStartAt=i,h("#Swiper-"+e.id).css({transition:".2s",transform:l.TrasformString(s)}).await(310).css({transition:"0s"}).children().removeClass(a("Display")).parent().children(o).addClass(a("Display"))):e.set_event({eventType:"usr",index:s+e.minIndex})}c(document).removeEvent(["SwipeMouseMove","SwipeTouchMove","SwipeCheckMouseMove","SwipeCheckTouchMove","SwipeMouseUp","SwipeTouchEnd"])}},V=t=>I(B,T(f({},t),{slideIndex:Math.max(Math.min(t.slideIndex,t.slides.length-1),0)}));export{V as SwipeView,V as default};

package/dist/fn/Layout/TabBar.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TagProperty, ReactElement } from '../../@declaration/_';
+import { TagProperty, ReactElement } from '../../@declaration';
 declare namespace TabBar {
     type Input = {
         tabIndex: number;

package/dist/fn/Layout/TabBar.js

@@ -1 +1 @@
-import{b as o,c as l,d as m}from"../../chunk-VY3566IV.js";import{jsx as a}from"react/jsx-runtime";import{useEffect as s}from"react";import c from"../../atoms/Box";import x from"../../atoms/Flex";import v from"../Input/_";const u=f=>{let i=f,{tabIndex:d,tabs:b,onTabChange:r,componentDidMount:n}=i,p=m(i,["tabIndex","tabs","onTabChange","componentDidMount"]);return s(()=>{n&&n()},[]),a(x,l(o({position:"relative",overflow:"auto",flexWrap:!1},p),{freeCSS:o({zIndex:3,whiteSpace:"nowrap"},p.freeCSS),children:a(c,{margin:[0,"auto"],children:a(v.Segmented.BottomLine,{value:d,fontColor:"inherit",override:"force",gap:0,options:b.map((e,t)=>({value:t,label:e})),onUpdateValidValue:e=>{let t=e.value[0];r&&r(t)}})})}))};export{u as TabBar,u as default};
+import{b as o,c as l,d as m}from"../../chunk-VY3566IV.js";import{jsx as a}from"react/jsx-runtime";import{useEffect as s}from"react";import c from"../../atoms/Box";import x from"../../atoms/Flex";import v from"../Input";const u=f=>{let i=f,{tabIndex:d,tabs:b,onTabChange:r,componentDidMount:n}=i,p=m(i,["tabIndex","tabs","onTabChange","componentDidMount"]);return s(()=>{n&&n()},[]),a(x,l(o({position:"relative",overflow:"auto",flexWrap:!1},p),{freeCSS:o({zIndex:3,whiteSpace:"nowrap"},p.freeCSS),children:a(c,{margin:[0,"auto"],children:a(v.Segmented.BottomLine,{value:d,fontColor:"inherit",override:"force",gap:0,options:b.map((e,t)=>({value:t,label:e})),onUpdateValidValue:e=>{let t=e.value[0];r&&r(t)}})})}))};export{u as TabBar,u as default};

package/dist/fn/Loader/corner.js

@@ -1 +1 @@
-import"../../chunk-VY3566IV.js";import{jsx as a,jsxs as t}from"react/jsx-runtime";import{Config as n,useStore as l}from"../../@utils/_";import{useState as d,useEffect as c}from"react";import o from"../../atoms/Box";import s from"../../atoms/Flex";import{LoaderClasses as e}from"../../@styles/componentClasses/_";const N=()=>{let[i,r]=d(!1);return c(()=>{l.set({key:"Loader-corner-"+n.get().sessionUID+"-corner",value:{active:()=>{r(!0)},stop:()=>{r(!1)}}})},[]),t(s,{className:[e("CornerLoader"),e("Active_"+i)].join(" "),gap:"1/2",padding:["1/2","3/4"],borderRadius:"2/3",backgroundColor:"dark",position:"fixed",boxShadow:"1.remark",left:"50%",top:1,opacity:"trans",transition:"short",isRounded:!0,freeCSS:{pointerEvents:"none",transform:"translateX(-50%)"},children:[t(s,{className:e("Wrap"),flexWrap:!1,verticalAlign:"center",horizontalAlign:"center",children:[a(o,{className:e("Ld4")}),a(o,{className:e("Ld3")}),a(o,{className:e("Ld2")}),a(o,{className:e("Ld1")}),a(o,{className:e("Ld2")}),a(o,{className:e("Ld3")}),a(o,{className:e("Ld4")})]}),a(o,{fontColor:"white",fontSize:"0.xs",isSemiBoldFont:!0,children:"Loading"})]})};export{N as Corner};
+import"../../chunk-VY3566IV.js";import{jsx as a,jsxs as t}from"react/jsx-runtime";import{Config as n,useStore as l}from"../../@utils";import{useState as d,useEffect as c}from"react";import o from"../../atoms/Box";import s from"../../atoms/Flex";import{LoaderClasses as e}from"../../@styles/componentClasses";const N=()=>{let[i,r]=d(!1);return c(()=>{l.set({key:"Loader-corner-"+n.get().sessionUID+"-corner",value:{active:()=>{r(!0)},stop:()=>{r(!1)}}})},[]),t(s,{className:[e("CornerLoader"),e("Active_"+i)].join(" "),gap:"1/2",padding:["1/2","3/4"],borderRadius:"2/3",backgroundColor:"dark",position:"fixed",boxShadow:"1.remark",left:"50%",top:1,opacity:"trans",transition:"short",isRounded:!0,freeCSS:{pointerEvents:"none",transform:"translateX(-50%)"},children:[t(s,{className:e("Wrap"),flexWrap:!1,verticalAlign:"center",horizontalAlign:"center",children:[a(o,{className:e("Ld4")}),a(o,{className:e("Ld3")}),a(o,{className:e("Ld2")}),a(o,{className:e("Ld1")}),a(o,{className:e("Ld2")}),a(o,{className:e("Ld3")}),a(o,{className:e("Ld4")})]}),a(o,{fontColor:"white",fontSize:"0.xs",isSemiBoldFont:!0,children:"Loading"})]})};export{N as Corner};

package/dist/fn/Loader/{_.d.ts → index.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TagProperty } from '../../@declaration/_';
+import { TagProperty } from '../../@declaration';
 declare namespace Loader {
     type Methods = Color & FNs;
     type Color = {
@@ -19,7 +19,7 @@ declare namespace Loader {
     };
     type Sizes = 'S' | 'R' | 'L' | 'XL' | 'MAX';
     type Colors = 'theme' | 'posi' | 'nega' | 'warn' | 'white' | 'cloud';
-    type CompInput = TagProperty.Params & {
+    type CompInput = TagProperty.Para & {
         showInitial?: boolean;
         loaderID?: string;
     };

package/dist/fn/Loader/index.js

@@ -0,0 +1 @@
+import{b as a}from"../../chunk-VY3566IV.js";import{jsx as i,jsxs as I}from"react/jsx-runtime";import{Config as m,useStore as p,$$fromRoot as d}from"../../@utils";import L from"../../atoms/Box";import{LoaderClasses as l}from"../../@styles/componentClasses";import{Top as C}from"./top";import{Mini as s}from"./mini";import{Corner as f}from"./corner";const n=o=>{let t=o.color;return{S:e=>i(s,a({size:"S",color:t},e)),R:e=>i(s,a({size:"R",color:t},e)),L:e=>i(s,a({size:"L",color:t},e)),XL:e=>i(s,a({size:"XL",color:t},e)),MAX:e=>i(s,a({size:"MAX",color:t},e))}},c={Wrapper:()=>I(L,{className:["AMOTIFY_be",l("Wrapper")].join(" "),children:[i(C,{}),i(f,{})]}),Theme:n({color:"theme"}),Posi:n({color:"posi"}),Nega:n({color:"nega"}),Warn:n({color:"warn"}),White:n({color:"white"}),Cloud:n({color:"cloud"}),fn:{top:{active:()=>{let o=p.get("Loader-top-"+m.get().sessionUID+"-corner");o&&o.active()},stop:()=>{let o=p.get("Loader-top-"+m.get().sessionUID+"-corner");o&&o.stop()}},corner:{active:()=>{let o=p.get("Loader-corner-"+m.get().sessionUID+"-corner");o&&o.active()},stop:()=>{let o=p.get("Loader-corner-"+m.get().sessionUID+"-corner");o&&o.stop()}},mini:{active:(o="")=>{d("."+l("MiniLoader")).for(t=>{let{dataset:{componentId:e}={}}=t;if(!e)return;let r=p.get(e);r&&r.active&&r.active(o)})},stop:(o="")=>{d("."+l("MiniLoader")).for(t=>{let{dataset:{componentId:e}={}}=t;if(!e)return;let r=p.get(e);r&&r.stop&&r.stop(o)})},stopALL:()=>{d("."+l("MiniLoader")).for(o=>{let{dataset:{componentId:t}={}}=o;if(!t)return;let e=p.get(t);e&&e.stopForce&&e.stopForce()})}},stopALL:()=>{c.fn.top.stop(),c.fn.corner.stop(),c.fn.mini.stopALL()}}};export{c as Loader,c as default};

package/dist/fn/Loader/mini.d.ts

@@ -1,5 +1,5 @@
-import { Loader } from './_';
-declare const Mini: (params: Loader.CompInput & {
+import { Loader } from '.';
+declare const Mini: (para: Loader.CompInput & {
     color?: Loader.Colors;
     size?: Loader.Sizes;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/fn/Loader/mini.js

@@ -1 +1 @@
-import{b as d,c as f,d as h}from"../../chunk-VY3566IV.js";import{jsx as s,jsxs as k}from"react/jsx-runtime";import{$$ as y,$$fromRoot as L,useStore as z}from"../../@utils/_";import{useState as l,useEffect as g}from"react";import{LoaderClasses as e}from"../../@styles/componentClasses/_";import I from"../../mols/Row";const R=w=>{let p=w,{color:u="theme",size:t="R",showInitial:c=!1,loaderID:C=""}=p,S=h(p,["color","size","showInitial","loaderID"]),[m]=l(C),[i]=l(y.uuid.gen()),[n,a]=l(c),o=0;t=="S"?o=1:t=="R"?o=1.5:t=="L"?o=3:t=="XL"?o=4:t=="MAX"&&(o=6);let v={theme:"hsl( var( --color-theme-hsl ) )",posi:"var( --color-positive )",nega:"var( --color-negative )",warn:"var( --color-warning )",cloud:"hsl( var( --color-layer5-hsl ) )",white:"white"}[u];return g(()=>{let r=L('[data-component-id="'+i+'"]');n?r.removeClass(e("Hide")).await(10).addClass(e("Active")):r.removeClass(e("Active")).await(210).addClass(e("Hide"))},[n]),g(()=>{z.set({key:i,value:{active:r=>{m==r&&a(!0)},stop:r=>{m==r&&a(!1)},stopForce:()=>{a(!1)}}})},[]),k(I.Center,f(d({ssSphere:o,className:[e("MiniLoader"),c?"":e("Hide")].join(" "),componentID:i,position:"relative"},S),{children:[s("svg",{className:e("SVG1"),width:"100",height:"100",viewBox:"0 0 100 100",style:{stroke:v},children:s("circle",{cx:"50",cy:"50",r:"40"})}),s("svg",{className:e("SVG2"),width:"100",height:"100",viewBox:"0 0 100 100",style:{stroke:v},children:s("circle",{cx:"50",cy:"50",r:"40"})})]}))};export{R as Mini};
+import{b as d,c as f,d as h}from"../../chunk-VY3566IV.js";import{jsx as s,jsxs as k}from"react/jsx-runtime";import{$$ as y,$$fromRoot as L,useStore as z}from"../../@utils";import{useState as l,useEffect as g}from"react";import{LoaderClasses as e}from"../../@styles/componentClasses";import I from"../../mols/Row";const R=w=>{let p=w,{color:u="theme",size:t="R",showInitial:c=!1,loaderID:C=""}=p,S=h(p,["color","size","showInitial","loaderID"]),[m]=l(C),[i]=l(y.uuid.gen()),[n,a]=l(c),o=0;t=="S"?o=1:t=="R"?o=1.5:t=="L"?o=3:t=="XL"?o=4:t=="MAX"&&(o=6);let v={theme:"hsl( var( --color-theme-hsl ) )",posi:"var( --color-positive )",nega:"var( --color-negative )",warn:"var( --color-warning )",cloud:"hsl( var( --color-layer5-hsl ) )",white:"white"}[u];return g(()=>{let r=L('[data-component-id="'+i+'"]');n?r.removeClass(e("Hide")).await(10).addClass(e("Active")):r.removeClass(e("Active")).await(210).addClass(e("Hide"))},[n]),g(()=>{z.set({key:i,value:{active:r=>{m==r&&a(!0)},stop:r=>{m==r&&a(!1)},stopForce:()=>{a(!1)}}})},[]),k(I.Center,f(d({ssSphere:o,className:[e("MiniLoader"),c?"":e("Hide")].join(" "),componentID:i,position:"relative"},S),{children:[s("svg",{className:e("SVG1"),width:"100",height:"100",viewBox:"0 0 100 100",style:{stroke:v},children:s("circle",{cx:"50",cy:"50",r:"40"})}),s("svg",{className:e("SVG2"),width:"100",height:"100",viewBox:"0 0 100 100",style:{stroke:v},children:s("circle",{cx:"50",cy:"50",r:"40"})})]}))};export{R as Mini};

package/dist/fn/Loader/top.js

@@ -1 +1 @@
-import"../../chunk-VY3566IV.js";import{jsx as o,jsxs as r}from"react/jsx-runtime";import{Config as t,useStore as n}from"../../@utils/_";import{useState as c,useEffect as C}from"react";import{LoaderClasses as e}from"../../@styles/componentClasses/_";import l from"../../atoms/Box";import a from"../../atoms/Flex";const m=()=>{let[s,i]=c(!1);return C(()=>{n.set({key:"Loader-top-"+t.get().sessionUID+"-corner",value:{active:()=>{i(!0)},stop:()=>{i(!1)}}})},[]),o(a,{className:[e("TopLoader"),e("Active_"+s)].join(" "),position:"fixed",top:0,left:0,right:0,bottom:0,horizontalAlign:"center",transition:"long",opacity:"trans",backgroundColor:"layer.4.opa.high",freeCSS:{paddingTop:12*8,pointerEvents:"none"},children:r(a,{flexType:"col",position:"relative",children:[o(a,{className:e("Center"),flexCenter:!0,children:r(l,{children:[o(l,{className:[e("Child"),e("Child1")].join(" "),children:o(l,{className:e("Circle"),backgroundColor:"theme.darken"})}),o(l,{className:[e("Child"),e("Child2")].join(" "),children:o(l,{className:e("Circle"),backgroundColor:"theme.darker"})}),o(l,{className:[e("Child"),e("Child3")].join(" "),children:o(l,{className:e("Circle"),backgroundColor:"theme.darkest"})}),o(l,{className:[e("Child"),e("Child4")].join(" "),children:o(l,{className:e("Circle"),backgroundColor:"theme.lighten"})}),o(l,{className:[e("Child"),e("Child5")].join(" "),children:o(l,{className:e("Circle"),backgroundColor:"theme.lighter"})}),o(l,{className:[e("Child"),e("Child6")].join(" "),children:o(l,{className:e("Circle"),backgroundColor:"theme.lightest"})}),o(l,{className:[e("Child"),e("Child7")].join(" "),children:o(l,{className:e("Circle"),backgroundColor:"theme"})})]})}),o(l,{flexCenter:!0,fontSize:"2.normal",children:"Loading..."})]})})};export{m as Top};
+import"../../chunk-VY3566IV.js";import{jsx as o,jsxs as r}from"react/jsx-runtime";import{Config as t,useStore as n}from"../../@utils";import{useState as c,useEffect as C}from"react";import{LoaderClasses as e}from"../../@styles/componentClasses";import l from"../../atoms/Box";import a from"../../atoms/Flex";const m=()=>{let[s,i]=c(!1);return C(()=>{n.set({key:"Loader-top-"+t.get().sessionUID+"-corner",value:{active:()=>{i(!0)},stop:()=>{i(!1)}}})},[]),o(a,{className:[e("TopLoader"),e("Active_"+s)].join(" "),position:"fixed",top:0,left:0,right:0,bottom:0,horizontalAlign:"center",transition:"long",opacity:"trans",backgroundColor:"layer.4.opa.high",freeCSS:{paddingTop:12*8,pointerEvents:"none"},children:r(a,{flexType:"col",position:"relative",children:[o(a,{className:e("Center"),flexCenter:!0,children:r(l,{children:[o(l,{className:[e("Child"),e("Child1")].join(" "),children:o(l,{className:e("Circle"),backgroundColor:"theme.darken"})}),o(l,{className:[e("Child"),e("Child2")].join(" "),children:o(l,{className:e("Circle"),backgroundColor:"theme.darker"})}),o(l,{className:[e("Child"),e("Child3")].join(" "),children:o(l,{className:e("Circle"),backgroundColor:"theme.darkest"})}),o(l,{className:[e("Child"),e("Child4")].join(" "),children:o(l,{className:e("Circle"),backgroundColor:"theme.lighten"})}),o(l,{className:[e("Child"),e("Child5")].join(" "),children:o(l,{className:e("Circle"),backgroundColor:"theme.lighter"})}),o(l,{className:[e("Child"),e("Child6")].join(" "),children:o(l,{className:e("Circle"),backgroundColor:"theme.lightest"})}),o(l,{className:[e("Child"),e("Child7")].join(" "),children:o(l,{className:e("Circle"),backgroundColor:"theme"})})]})}),o(l,{flexCenter:!0,fontSize:"2.normal",children:"Loading..."})]})})};export{m as Top};

package/dist/fn/Sheet.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="react" />
-import { TagProperty, ReactElement } from '../@declaration/_';
-import { $$ } from '../@utils/_';
+import { TagProperty, ReactElement } from '../@declaration';
+import { $$ } from '../@utils';
 import Box from '../atoms/Box';
 declare namespace Sheet {
     type Methods = {
         Wrapper(): JSX.Element;
-        open(params: Params): void;
-        refresh(params: Params, open: boolean): void;
-        resize(params: {
+        open(para: Input): void;
+        refresh(para: Input, open: boolean): void;
+        resize(para: {
             sheetID: string;
             size: Size;
         }): void;
@@ -19,8 +19,8 @@ declare namespace Sheet {
             Body: React.FC<Box.Input>;
         };
     };
-    type Params = Normal | Edge | Custom | Image | Bottom.Params;
-    type UniParams = {
+    type Input = Normal | Edge | Custom | Image | Bottom.Input;
+    type UniPara = {
         sheetID?: string;
         sheetGroups?: string | string[];
         backgroundEffect?: boolean;
@@ -42,30 +42,30 @@ declare namespace Sheet {
         parentBlur?: boolean;
     };
     type Sheet = 'normal.topLeft' | 'normal.topCenter' | 'normal.topRight' | 'normal.middleLeft' | 'normal.middleCenter' | 'normal.middleRight' | 'normal.bottomLeft' | 'normal.bottomCenter' | 'normal.bottomRight' | 'drawer.left' | 'drawer.right' | 'drawer.bottom' | 'custom' | 'image';
-    type Normal = UniParams & {
+    type Normal = UniPara & {
         type: Sheet;
         size?: Size;
     };
-    type Edge = UniParams & {
+    type Edge = UniPara & {
         type: Sheet;
         size?: Size;
     };
-    type Custom = UniParams & {
+    type Custom = UniPara & {
         type: 'custom';
         parent: $$.Args;
         gravityPoint?: number;
     };
-    type Image = Omit<UniParams, 'content'> & {
+    type Image = Omit<UniPara, 'content'> & {
         type: 'image';
         src: string | string[];
     };
     namespace Bottom {
         type Sizes = 'S' | 'R' | 'L';
-        type Params = UniParams & {
+        type Input = UniPara & {
             type: 'drawer.bottom';
             size: Sizes;
             sizeChanged?(size: Sizes): void;
-            baseStyles?: TagProperty.Params;
+            baseStyles?: TagProperty.Para;
             close_option?: CloseOptions & {
                 swipeDown?: boolean;
             };

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 $}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};
+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 a,$$fromRoot as A,Config as H,useStore as T}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||a.uuid.gen(),close_option:d({pageTransit:!0,escapeKeyDown:!0,aroundClick:e.type=="custom"},e.close_option)}),this.contents[e.sheetID]){let r=T.get(e.sheetID);r&&r.refresh&&r.refresh(e,!0);return}this.contents[e.sheetID]={isOpen:!0,hold_state:!!e.hold_state,para:e,created_at:a.Time()};let t=T.get("Sheet-"+H.get().sessionUID);t&&t.refresh()},Wrapper:()=>{let[e,t]=z(a.uuid.gen());F(()=>{T.set({key:"Sheet-"+H.get().sessionUID,value:{refresh:()=>{t(a.uuid.gen())}}}),a(H.get().appRoot).addEvent({eventType:"keyup",callback:function(n){let{key:o,metaKey:h}=n;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.para.sheetID,o)}}}).addEvent({eventType:"click",callback:function(n){var g;let o=Object.values(c.contents).filter(s=>s.para.type=="custom");!o.length||o.find(s=>{let{para:v}=s,w=v.parent,b=n.target,y=A(w)[0];return!!(w==b||y===b||a(y).find(b).length)})||(g=n.target)!=null&&g.closest("."+l("CustomSheet"))||o.forEach(s=>{var v;(v=s.para.close_option)!=null&&v.aroundClick&&D.close(s.para.sheetID)})}})},[]);let r=Object.entries(c.contents).map(([n,o])=>i(x,{id:"Sheet-"+n,children:i(c.Core,d({isOpen:o.isOpen},o.para),n)},n));return i(x,{className:["AMOTIFY_be",l("Wrapper")].join(" "),children:r})},Core:e=>{var E;let[t]=z(a.uuid.gen()),[r,n]=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(()=>{T.set({key:s,value:{refresh:(u,p)=>{n(u),h(p!=null?p:!1)},resize:u=>{if(g=="drawer.bottom"){let p=T.get(t);p&&p.resize&&p.resize(u)}else(r.type.includes("normal")||r.type.includes("drawer"))&&n(R(d({},r),{size:u}))},close:u=>{c.contents[s].isOpen=!1,h(!1)},open:()=>{c.contents[s].isOpen=!0,h(!0)}}})}),F(()=>{a.scope(()=>{if(b&&r.backgroundEffect){if(c.subSheetLength=c.subSheetLength+(o?1:-1),o){let u=a("html");if(c.subSheetLength==1){let p=u[0].scrollTop;c.mainSheetScrolls=p}H.get().isPhone||(u.callback(()=>{A(".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||A(".AMOTIFY_be_root").removeClass(l("Float")).await(251).removeClass(l("FixScroll")).callback(()=>{a("html")[0].scrollTop=c.mainSheetScrolls|0,A(".AMOTIFY_be_root")[0].scrollTop=0}))}}),a.scope(()=>{let u=A("#"+t);if(o){u.await(10).removeClass(l("Hide")).await(10).addClass(l("Open")).callback(()=>{c.contents[s].isOpen=!0,v&&v()});return}u.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=T.get("Sheet-"+H.get().sessionUID);p&&p.refresh()})})},[o]),F(()=>{c.currentIndex++;let{close_option:u}=r;a.scope(()=>{if(!(u!=null&&u.parentBlur))return;let p=a(r.parent);p[0]&&p.addEvent({eventID:"SheetClosation-"+s,eventType:"mouseout",callback:()=>{p.removeEvent("SheetClosation-"+s),h(!1)}})})},[]);let[L,M]=g.split(".");return i(x,{className:[l("Wrap"),l("Tcate_"+L),l("Tpos_"+M),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 P=e,{sheetID:t,sheetGroups:r,content:n,className:o="",type:h,size:g="R",freeCSS:s,openAfter:v,closeAfter:w,close_option:b,hold_state:y,overwrap:L,isOpen:M,backgroundEffect:E}=P,u=j(P,["sheetID","sheetGroups","content","className","type","size","freeCSS","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]),[p,_]=h.split("."),C={},k=[];return _.match(/top/)?(k.push("top"),C.marginBottom="auto"):_.match(/middle/)?(k.push("center"),C.marginTop="auto",C.marginBottom="auto"):_.match(/bottom/)&&(k.push("bottom"),C.marginTop="auto"),_.match(/left/i)?(k.push("left"),C.marginRight="auto"):_.match(/center/i)?(k.push("center"),C.marginLeft="auto",C.marginRight="auto"):_.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),u),{freeCSS:d({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100vw"}[g],maxWidth:"96vw",transformOrigin:k.join(" ")},s),children:a.is.function(n)?i(n,{}):n}))},Edge:e=>{let p=e,{sheetID:t,sheetGroups:r,type:n,content:o,className:h="",size:g="R",freeCSS:s,openAfter:v,closeAfter:w,close_option:b,hold_state:y,overwrap:L,isOpen:M,backgroundEffect:E}=p,u=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(" ")},n=="drawer.right"?{marginLeft:"auto"}:n=="drawer.left"?{marginRight:"auto"}:{}),u),{freeCSS:d({width:{S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"100vw"}[g],maxWidth:"96vw"},s),children:a.is.function(o)?i(o,{}):o}))},Bottom:e=>{let I=e,{componentID:t,sheetID:r,sheetGroups:n,content:o,size:h="R",sizeChanged:g,baseStyles:s,openAfter:v,closeAfter:w,close_option:{swipeDown:b=!0}={},hold_state:y,overwrap:L,isOpen:M,backgroundEffect:E}=I,u=j(I,["componentID","sheetID","sheetGroups","content","size","sizeChanged","baseStyles","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]),p=a.getScreenSize(),_=[0,.2,.6,.95],C={ZERO:0,S:1,R:2,L:3},[k,P]=z(h),[O,W]=z({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:_[C[h]]});T.update({key:t,value:{val_edit:O,resize:S=>{let m=_[C[S]];W(R(d({},O),{value:m})),P(S)}}});const N={Start:S=>{a(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:N.Move}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:N.Move}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:N.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:N.End});let m=a.getCursor(S),f=R(d({},O),{process:!0,processStart:new Date().getTime(),originY:m.y,originValue:O.value,viewHeight:a.getScreenSize().height});T.update({key:t,value:{val_edit:f}}),W(f)},Move:S=>{var U;let m=(U=T.get(t))==null?void 0:U.val_edit;if(!m.process)return;let Y=(a.getCursor(S).y-m.originY)/m.viewHeight,B=m.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({},m),{value:B}))},End:S=>{var B;let m=(B=T.get(t))==null?void 0:B.val_edit;if(!m.process)return;a(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let f=0;if(m.value<.1||(m.value<.5?f=1:m.value>.75?f=3:f=2),new Date().getTime()-m.processStart<300){let U=a.getCursor(S).y-m.originY;if(Math.abs(U)>=20){let V=+(U<0)*2-1;f+=V,f=Math.min(Math.max(f,0),_.length-1)}}f==0&&(b||(f=1)),P(["ZERO","S","R","L"][f]),W(R(d({},m),{value:_[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:N.Start,onTouchStart:N.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"},u),{children:a.is.function(o)?i(o,{}):o}))]}))})},Custom:e=>{let G=e,{sheetID:t,sheetGroups:r,parent:n,gravityPoint:o=22,content:h,close_option:g,hold_state:s,openAfter:v,closeAfter:w,overwrap:b,isOpen:y,backgroundEffect:L}=G,M=j(G,["sheetID","sheetGroups","parent","gravityPoint","content","close_option","hold_state","openAfter","closeAfter","overwrap","isOpen","backgroundEffect"]),[E]=z(a.uuid.gen()),u=a.is.element(n)?a(n):a.is.jsmin(n)?n:A(n),p='[data-sheet-id="'+E+'"]',_='[data-sheet-content="'+E+'"]';o=o;let C=o%5||5,k=Math.ceil(o/5);const P=()=>{let I={},{top:S,right:m,bottom:f,left:Y,height:B,width:U}=u.position();return[1,2].includes(C)?I.left=Y:C==3?I.left=Y+U/2:[4,5].includes(C)&&(I.left=m),o<=10?I.top=S:o<=15?I.top=S+B/2:o<=25&&(I.top=f),I};let[O,W]=z(P());const N=()=>{let I=A(p).position(),S=A(_).position(),m=a.getScreenSize(),f=d({},O);return S.top<0&&(f.top=I.top-S.top),S.left<0&&(f.left=I.left-S.left),S.right>m.width&&(f.left=I.left-(S.right-m.width)),S.bottom>m.height&&(f.top=I.top-(S.bottom-m.height)),f};return F(()=>{A(p).await(10).addClass(l("Open")).await(250).callback(()=>{W(N())}),T.update({key:"customSheet-"+e.sheetID,value:{reposition:()=>{setTimeout(()=>{W(N())},200)}}})},[]),u[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},M),{freeCSS:d({maxWidth:"98vw"},M.freeCSS),children:a.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||a.uuid.gen(),t=e,{type:n,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(a.flatArray(o)),[s,v]=z(0),w=[],b=[];return g.forEach((y,L)=>{w.push({value:L,label:i(Z,{src:a.flatArray(y)[0],width:"auto",height:1,freeCSS:{maxWidth:12*6,maxHeight:12*3}})}),b.push(i(Z,{width:1,height:"auto",src:a.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=T.get(e.sheetID);r&&r.refresh&&r.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,r){var o;e=e==null?void 0:e.replace(/\./g,"-");let n=c.contents[e];if(n&&!(t=="Escape"&&!((o=n.para.close_option)!=null&&o.escapeKeyDown))){let{para:h}=n,{sheetID:g}=h,s=T.get(g);s&&s.close&&s.close(r)}},closeGroup:e=>{var t;e=(e||"").replace(/\./g,"-");for(let[r,n]of Object.entries(c.contents))(t=n.para.sheetGroups)!=null&&t.includes(e)&&D.close(r)},closeAll:e=>{var t;for(let[r,n]of Object.entries(c.contents))e&&((t=n.para.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/dist/fn/Snackbar.d.ts

@@ -1,18 +1,18 @@
 /// <reference types="react" />
-import { ReactElement } from '../@declaration/_';
+import { ReactElement } from '../@declaration';
 import Box from '../atoms/Box';
 declare namespace Snackbar {
     type Methods = {
-        add(props: AddParams): Snackbar.Methods;
+        add(props: AddInput): Snackbar.Methods;
         remove(snackID: string): Snackbar.Methods;
         Wrapper(): JSX.Element;
     };
-    type AddParams = Omit<Box.Input, 'children'> & {
+    type AddInput = Omit<Box.Input, 'children'> & {
         children?: ReactElement | {
             (): JSX.Element;
         };
         customChildren?: {
-            (params: {
+            (para: {
                 close(): void;
             }): JSX.Element;
         };

package/dist/fn/Snackbar.js

@@ -1 +1 @@
-import{b as m,c,d as C}from"../chunk-VY3566IV.js";import{Fragment as P,jsx as o,jsxs as _}from"react/jsx-runtime";import{createElement as M}from"react";import{$$ as s,Config as S,useStore as p,$$fromRoot as y}from"../@utils/_";import{useState as f,useEffect as D}from"react";import x from"../atoms/Box";import w from"../atoms/Flex";import E from"../atoms/FAI";import R from"../mols/Row";import A from"./Button";import{SnackbarClasses as k}from"../@styles/componentClasses/_";const u={add:function(i){return p.get("Snackbar-"+S.get().sessionUID).add(i),this},remove:function(i){return p.get("Snackbar-"+S.get().sessionUID).remove(i),this},Wrapper:()=>o(B.Wrapper,{})},B={Cell:i=>{let b=i,{snackID:l,secondsToClose:n=10,componentID:g=s.uuid.gen(),children:d,customChildren:e}=b,r=C(b,["snackID","secondsToClose","componentID","children","customChildren"]),[t]=f(g),[a,h]=f(!1);D(()=>{let v=y('[data-component-id="'+t+'"]');setTimeout(()=>{v.addClass(k("FadeIn"))},10),p.set({key:"Snackbar-"+l,value:{remove:()=>{v.addClass(k("FadeOut"))}}})},[]),D(()=>{s.interval.clear("Snackbar-"+t),a||setTimeout(()=>{s.interval.standBy("Snackbar-"+t,n*1e3,()=>{a||u.remove(l)})},100)},[a]);let I=o(P,{});return e?I=o(e,{close:()=>{u.remove(l)}}):I=_(R.Separate,{verticalAlign:"top",children:[o(x,{padding:["1/4",0],flexSizing:0,children:s.is.function(d)?o(d,{}):d}),o(A.Button.Clear.R,{color:"layer",backgroundColor:"layer.4.opa.low",fontColor:"white",ssSphere:2.5,onClick:()=>{u.remove(l)},children:o(E.Times,{})})]}),o(x,c(m({className:k("Cell"),opacity:"trans",width:1,padding:"2/3",marginBottom:1,borderRadius:"1.tone.primary",fontColor:"white",boxShadow:"1.remark",backgroundColor:"dark",transition:"middle",componentID:t,onMouseOver:()=>{h(!0)},onMouseOut:()=>{h(!1)}},r),{children:I}))},Wrapper:()=>{let[i,l]=f(s.uuid.gen()),[n,g]=f([]);p.set({key:"Snackbar-"+S.get().sessionUID,value:{add:e=>{e.snackID=e.snackID||s.uuid.gen();let r=n.findIndex(t=>t.snackID==e.snackID);if(r==-1)n.unshift(c(m({},e),{snackID:e.snackID}));else{let t=[...n];t[r]=c(m({},e),{snackID:e.snackID}),n=t}l(s.uuid.gen())},remove:e=>{let r=p.get("Snackbar-"+e);r&&r.remove&&(r.remove(),setTimeout(()=>{let t=n.findIndex(a=>a.snackID==e);if(t!=-1){let a=[...n];a.splice(t,1),g(a)}},210))}}});let d=n.map(e=>M(B.Cell,c(m({},e),{key:e.snackID})));return o(w,{className:["AMOTIFY_be",k("Wrapper")].join(" "),position:"fixed",right:0,bottom:0,paddingLeft:0,paddingRight:1,paddingBottom:"safeAreaBottom",verticalAlign:"bottom",children:d,overflow:"auto",UnderBreakPointStyles:{left:0,paddingLeft:1,width:"auto"}})}};export{u as Snackbar,u as default};
+import{b as m,c,d as C}from"../chunk-VY3566IV.js";import{Fragment as _,jsx as o,jsxs as M}from"react/jsx-runtime";import{createElement as O}from"react";import{$$ as s,Config as S,useStore as p,$$fromRoot as y}from"../@utils";import{useState as f,useEffect as D}from"react";import x from"../atoms/Box";import w from"../atoms/Flex";import E from"../atoms/FAI";import R from"../mols/Row";import A from"./Button";import{SnackbarClasses as k}from"../@styles/componentClasses";const u={add:function(i){return p.get("Snackbar-"+S.get().sessionUID).add(i),this},remove:function(i){return p.get("Snackbar-"+S.get().sessionUID).remove(i),this},Wrapper:()=>o(B.Wrapper,{})},B={Cell:i=>{let b=i,{snackID:l,secondsToClose:n=10,componentID:I=s.uuid.gen(),children:d,customChildren:e}=b,r=C(b,["snackID","secondsToClose","componentID","children","customChildren"]),[t]=f(I),[a,h]=f(!1);D(()=>{let v=y('[data-component-id="'+t+'"]');setTimeout(()=>{v.addClass(k("FadeIn"))},10),p.set({key:"Snackbar-"+l,value:{remove:()=>{v.addClass(k("FadeOut"))}}})},[]),D(()=>{s.interval.clear("Snackbar-"+t),a||setTimeout(()=>{s.interval.standBy("Snackbar-"+t,n*1e3,()=>{a||u.remove(l)})},100)},[a]);let g=o(_,{});return e?g=o(e,{close:()=>{u.remove(l)}}):g=M(R.Separate,{verticalAlign:"top",children:[o(x,{padding:["1/4",0],flexSizing:0,children:s.is.function(d)?o(d,{}):d}),o(A.Button.Clear.R,{color:"layer",backgroundColor:"layer.4.opa.low",fontColor:"white",ssSphere:2.5,onClick:()=>{u.remove(l)},children:o(E.Times,{})})]}),o(x,c(m({className:k("Cell"),opacity:"trans",width:1,padding:"2/3",marginBottom:1,borderRadius:"1.tone.primary",fontColor:"white",boxShadow:"1.remark",backgroundColor:"dark",transition:"middle",componentID:t,onMouseOver:()=>{h(!0)},onMouseOut:()=>{h(!1)}},r),{children:g}))},Wrapper:()=>{let[i,l]=f(s.uuid.gen()),[n,I]=f([]);p.set({key:"Snackbar-"+S.get().sessionUID,value:{add:e=>{e.snackID=e.snackID||s.uuid.gen();let r=n.findIndex(t=>t.snackID==e.snackID);if(r==-1)n.unshift(c(m({},e),{snackID:e.snackID}));else{let t=[...n];t[r]=c(m({},e),{snackID:e.snackID}),n=t}l(s.uuid.gen())},remove:e=>{let r=p.get("Snackbar-"+e);r&&r.remove&&(r.remove(),setTimeout(()=>{let t=n.findIndex(a=>a.snackID==e);if(t!=-1){let a=[...n];a.splice(t,1),I(a)}},210))}}});let d=n.map(e=>O(B.Cell,c(m({},e),{key:e.snackID})));return o(w,{className:["AMOTIFY_be",k("Wrapper")].join(" "),position:"fixed",right:0,bottom:0,paddingLeft:0,paddingRight:1,paddingBottom:"safeAreaBottom",verticalAlign:"bottom",children:d,overflow:"auto",UnderBreakPointStyles:{left:0,paddingLeft:1,width:"auto"}})}};export{u as Snackbar,u as default};

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { TagProperty, ReactElement } from '../../@declaration/_';
-import { TableTypes } from './_';
+import { TagProperty, ReactElement } from '../../@declaration';
+import { TableTypes } from '.';
 import TableParts from './Parts';
 declare namespace Data {
     type Cell = TableParts.TableCell & {
@@ -110,10 +110,10 @@ declare namespace Data {
         head: Data.HeadRow;
         rows: Data.BodyRow[];
         noRecords: ReactElement;
-        cellStyles?: TagProperty.Params;
+        cellStyles?: TagProperty.Para;
         cellClassName?: string;
         cellStylesCallback?: {
-            (params: TableTypes.StylesCallbackInput): TagProperty.Params;
+            (para: TableTypes.StylesCallbackInput): TagProperty.Para;
         };
         onRowClick?: TableTypes.OnRowClick;
         onOrderChanged?: {