amotify 0.1.58 → 0.1.59

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

@@ -0,0 +1,145 @@
+/// <reference types="react" />
+import { ReactElement, TagProperty } from '../../@declaration';
+export declare namespace InputTypes {
+    type BoxTone = 'border' | 'cloud' | 'bottomBorder' | 'plain';
+    type OnUpdateValue = {
+        (data: {
+            value: any;
+            componentID: string;
+            storeData?: plainObject;
+            eventType: Validation.EventType;
+        }): void;
+    };
+    type UniInput = {
+        name?: string;
+        form?: string;
+        status_id?: string;
+        componentID?: string;
+        override?: 'force' | 'beforeModified' | 'never';
+        required?: boolean;
+        enableFormSubmit?: boolean;
+        checkValidationAtFirst?: boolean;
+        onValidate?: Validation.OnValidate;
+        onUpdateValue?: OnUpdateValue;
+        onUpdateValidValue?: OnUpdateValue;
+    };
+    type CoreInput = UniInput & {
+        className?: string;
+        wrapStyles?: TagProperty.Para;
+    } & TagProperty.Para;
+    namespace Validation {
+        type EventType = 'init' | 'update' | 'override' | 'refresh';
+        type Notice = {
+            type: 'valid' | 'invalid' | 'warn';
+            label: ReactElement;
+        };
+        type Result = {
+            ok: boolean;
+            notice: Notice[];
+        };
+        type SystemCheck = {
+            (props: {
+                value: any;
+                para: any;
+            }): Result;
+        };
+        type OnValidate = {
+            (state: {
+                eventType: EventType;
+                value: any;
+                props: plainObject;
+            }): Promise<Result>;
+        };
+    }
+    namespace Status {
+        type Plain = {
+            componentID: string;
+            dataValue: any;
+            eventType: Validation.EventType;
+            eventID: string;
+        };
+        type Text = Plain & {
+            formatValue: any;
+            prevValue: any;
+            caretFrom: number;
+            caretTo: number;
+        };
+        type DigitCharacters = Plain & {
+            formatValue: any;
+        };
+        type Time = Plain & {
+            formatValue: any;
+            ranges: _Time.Range[];
+        };
+        type Slider = Plain & {
+            min: number;
+            max: number;
+            step: number;
+        };
+    }
+}
+import _Plain from './Plain';
+import _Hidden from './Hidden';
+import _Text from './Text';
+import _TextArea from './TextArea';
+import _AutoHeightText from './AutoHeightText';
+import _Contenteditable from './Contenteditable';
+import _DigitCharacters from './DigitCharacters';
+import _Time from './Time';
+import _Select from './Select';
+import _RichSelect from './RichSelect';
+import * as _List from './List';
+import _Chips from './Chips';
+import _Search from './Search';
+import _Filer from './Filer';
+import _Slider from './Slider';
+import _Switch from './Switch';
+import _Checker from './Checker';
+import _Segmented from './Segmented';
+import _Parts from './Parts';
+declare namespace Input {
+    type Methods = {
+        Plain: React.FC<TagProperty.Para & React.InputHTMLAttributes<HTMLInputElement>>;
+        Hidden: React.FC<_Hidden.Input>;
+        Text: _Text.Methods;
+        TextArea: React.FC<_TextArea.Input>;
+        AutoHeightText: React.FC<_AutoHeightText.Input>;
+        Contenteditable: React.FC<_Contenteditable.Input>;
+        DigitCharacters: React.FC<_DigitCharacters.Input>;
+        Time: _Time.Methods;
+        Select: React.FC<_Select.Input>;
+        RichSelect: React.FC<_RichSelect.Input>;
+        Radio: React.FC<_List.List.Input>;
+        Checkbox: React.FC<_List.List.Input>;
+        Checker: React.FC<_Checker.Input>;
+        Chips: _Chips.Methods;
+        Search: React.FC<_Search.Input>;
+        Filer: _Filer.Methods;
+        Slider: React.FC<_Slider.Input>;
+        Switch: React.FC<_Switch.Input>;
+        Segmented: _Segmented.Methods;
+        Comps: _Parts.Methods;
+    };
+    export import Plain = _Plain;
+    export import Hidden = _Hidden;
+    export import Text = _Text;
+    export import TextArea = _TextArea;
+    export import AutoHeightText = _AutoHeightText;
+    export import Contenteditable = _Contenteditable;
+    export import DigitCharacters = _DigitCharacters;
+    export import Time = _Time;
+    export import Select = _Select;
+    export import RichSelect = _RichSelect;
+    export import List = _List.List;
+    export import Radio = _List.Radio;
+    export import Checkbox = _List.Checkbox;
+    export import Checker = _Checker;
+    export import Chips = _Chips;
+    export import Search = _Search;
+    export import Filer = _Filer;
+    export import Slider = _Slider;
+    export import Switch = _Switch;
+    export import Segmented = _Segmented;
+    export import Comps = _Parts;
+}
+export { Input, Input as default };

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/PageNotFound.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare namespace PageNotFound {
+    type Input = {};
+}
+declare const PageNotFound: React.FC<PageNotFound.Input>;
+export { PageNotFound, PageNotFound as default };

package/dist/fn/Layout/PageNotFound.js

@@ -0,0 +1 @@
+import"../../chunk-VY3566IV.js";import{jsx as o,jsxs as t}from"react/jsx-runtime";import r from"../../atoms/Box";import l from"../../atoms/FAI";import p from"../../mols/Row";import e from"../../mols/Text";import a from"../../mols/Column";import m from"../Button";const i=()=>{let{href:n}=location;return o(p.Center,{padding:[4,1],children:t(a,{ssCardBox:!0,gap:2,padding:[3,2],textAlign:"center",width:1,freeCSS:{maxWidth:12*30},children:[o(l.LinkSlash,{fontColor:"theme",freeCSS:{fontSize:"3rem"}}),t(r,{children:[o(e.Paragraph,{children:"\u3053\u306E\u30DA\u30FC\u30B8\u306F\u3054\u5229\u7528\u3044\u305F\u3060\u3051\u307E\u305B\u3093\u3002"}),o(e.Supplement,{fontColor:"3.blur",children:"\u5165\u529B\u3055\u308C\u305F\u30EA\u30F3\u30AF\u306E\u30DA\u30FC\u30B8\u306F\u5B58\u5728\u3057\u307E\u305B\u3093\u3067\u3057\u305F\u3002"})]}),t(a,{children:[t(e.Normal,{textAlign:"left",ssCardBox:"cloud",isSemiBoldFont:!0,padding:1,children:["\u30FB\u30EA\u30F3\u30AF\u304C\u6B63\u3057\u3044\u304B",o(r,{margin:["1/2",0],borderBottom:!0}),"\u30FB\u30EA\u30F3\u30AF\u306E\u6709\u52B9\u671F\u9650",o(r,{margin:["1/2",0],borderBottom:!0}),"\u30FB\u30A2\u30AF\u30BB\u30B9\u6A29\u9650\u7B49\u304C\u6B63\u3057\u3044\u304B"]}),"\u306A\u3069\u3092\u3082\u3046\u4E00\u5EA6\u78BA\u8A8D\u3057\u3066\u304F\u3060\u3055\u3044\u3002"]}),o(m.Anchor.Link,{newTab:!0,href:n,children:n}),o(m.Anchor.BorderToFill.R,{href:"/",width:1,children:"\u30DB\u30FC\u30E0\u306B\u623B\u308B"})]})})};export{i as PageNotFound,i as default};

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

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { ReactElement } from '../../@declaration';
+declare namespace PageRouter {
+    type RoutesProps = {
+        path: string;
+        content: ReactElement;
+    };
+    type Callbacks = {
+        beforeCallBack?: {
+            (pathName: string): void;
+        };
+        afterCallBack?: {
+            (pathName: string): void;
+        };
+        afterFirstCallBack?: {
+            (pathName: string): void;
+        };
+    };
+    type RoutesSwitchProps = {
+        routes: RoutesProps[];
+    } & Callbacks;
+    type Input = {
+        pages: RoutesProps[];
+    } & Callbacks;
+}
+declare const PageRouter: React.FC<PageRouter.Input>;
+export { PageRouter, PageRouter as default };

package/dist/fn/Layout/PageRouter.js

@@ -0,0 +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};

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { ReactElement } from '../../@declaration';
+declare namespace PageViewController {
+    type Input = {
+        viewIndex: number;
+        views: ReactElement[];
+        wrapper?: {
+            (view: ReactElement): ReactElement;
+        };
+    };
+}
+declare const PageViewController: React.FC<PageViewController.Input>;
+export { PageViewController, PageViewController as default, };

package/dist/fn/Layout/PageViewController.js

@@ -0,0 +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};

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import Box from '../../atoms/Box';
+declare namespace Plate {
+    type Input = {
+        size?: 'XS' | 'S' | 'R' | 'L' | 'XL' | 'MAX';
+    } & Box.Input;
+}
+declare const Plate: React.FC<Plate.Input>;
+export { Plate, Plate as default };

package/dist/fn/Layout/Plate.js

@@ -0,0 +1 @@
+import{b as e,c as o,d as S}from"../../chunk-VY3566IV.js";import{jsx as X}from"react/jsx-runtime";import n from"../../atoms/Box";const p=r=>{let a=r,{size:i="R"}=a,t=S(a,["size"]),l={XS:48,S:60,R:72,L:84,XL:100,MAX:120}[i];return X(n,o(e({margin:[0,"auto"],width:1},t),{freeCSS:e({maxWidth:12*l},t.freeCSS)}))};export{p as Plate,p as default};

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

@@ -0,0 +1,41 @@
+/// <reference types="react" />
+import { TagProperty, ReactElement } from '../../@declaration';
+import Box from '../../atoms/Box';
+import Flex from '../../atoms/Flex';
+import Button from '../Button';
+declare namespace RootViewController {
+    type Methods = {
+        Base: React.FC<RootViewController.BaseParams>;
+        TopNavigation: React.FC<Flex.Input>;
+        SideNavigation: React.FC<Flex.Input & {
+            baseStyles?: TagProperty.Para;
+        }>;
+        FooterNavigation: React.FC<Flex.Input & {
+            baseStyles?: TagProperty.Para;
+        }>;
+        Comps: {
+            Button: React.FC<ButtonParams>;
+            Title: React.FC<Box.Input>;
+            Bar: React.FC<Box.Input>;
+        };
+        fn: FNs;
+    };
+    type BaseParams = Box.Input & {
+        topNavigation?: ReactElement;
+        sideNavigation?: ReactElement;
+        footerNavigation?: ReactElement;
+    };
+    type ButtonParams = Button.ButtonInput & Button.Tones.Clear & {
+        uri?: string;
+        uriGroup?: (string | RegExp) | (string | RegExp)[];
+    };
+    type FNs = {
+        updateCSSProperty: {
+            topNav(): void;
+            footer(): void;
+            reset(): void;
+        };
+    };
+}
+declare const RootViewController: RootViewController.Methods;
+export { RootViewController, RootViewController as default };

package/dist/fn/Layout/RootViewController.js

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

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+import { TagProperty, ReactElement } from '../../@declaration';
+declare namespace SwipeView {
+    type Input = TagProperty.BasicElement & {
+        slideIndex?: number;
+        slides: ReactElement[];
+        wrapper?: {
+            (slide: ReactElement): ReactElement;
+        };
+        options?: {
+            onSlideCallback?: {
+                (index: number): void;
+            };
+            visibilitySurroundSlide?: boolean;
+            autoSwipems?: number;
+            loop?: boolean;
+            disableMousedrag?: boolean;
+            disableTouch?: boolean;
+        };
+    };
+    type SlideEvent = {
+        eventType: 'usr' | 'sys' | 'init' | 'adjustLoop';
+        index: number;
+    };
+    type SliderInfo = {
+        x: number;
+        y: number;
+        effectStartAt: number;
+        process: boolean;
+        loop: boolean;
+        id: string;
+        index: number;
+        minIndex: number;
+        maxIndex: number;
+        width: number;
+        set_event: React.Dispatch<React.SetStateAction<SlideEvent>>;
+    };
+}
+declare const SwipeView: (para: SwipeView.Input) => import("react/jsx-runtime").JSX.Element;
+export { SwipeView, SwipeView as default };

package/dist/fn/Layout/SwipeView.js

@@ -0,0 +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 c from"@mingoo/jsmin";import{$$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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { TagProperty, ReactElement } from '../../@declaration';
+declare namespace TabBar {
+    type Input = {
+        tabIndex: number;
+        tabs: ReactElement[];
+        onTabChange?: {
+            (index: number): void;
+        };
+        componentDidMount?: {
+            (): void;
+        };
+    } & TagProperty.BasicElement;
+}
+declare const TabBar: React.FC<TabBar.Input>;
+export { TabBar, TabBar as default };

package/dist/fn/Layout/TabBar.js

@@ -0,0 +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};

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

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import _SwipeView from './SwipeView';
+import _PageViewController from './PageViewController';
+import _TabBar from './TabBar';
+import _Plate from './Plate';
+import _PageNotFound from './PageNotFound';
+import _PageRouter from './PageRouter';
+import _RootViewController from './RootViewController';
+declare namespace Layout {
+    type Methods = {
+        PageViewController: React.FC<_PageViewController.Input>;
+        TabBar: React.FC<_TabBar.Input>;
+        Plate: React.FC<_Plate.Input>;
+        SwipeView: React.FC<_SwipeView.Input>;
+        PageRouter: React.FC<_PageRouter.Input>;
+        PageNotFound: React.FC<{}>;
+        RootViewController: _RootViewController.Methods;
+    };
+    export import PageViewController = _PageViewController;
+    export import TabBar = _TabBar;
+    export import Plate = _Plate;
+    export import SwipeView = _SwipeView;
+    export import PageRouter = _PageRouter;
+    export import PageNotFound = _PageNotFound;
+    export import RootViewController = _RootViewController;
+}
+export { Layout, Layout as default };

package/dist/fn/Layout/index.js

@@ -0,0 +1 @@
+import"../../chunk-VY3566IV.js";import r from"./SwipeView";import t from"./PageViewController";import p from"./TabBar";import i from"./Plate";import a from"./PageNotFound";import m from"./PageRouter";import l from"./RootViewController";var o;(e=>(e.PageViewController=t,e.TabBar=p,e.Plate=i,e.SwipeView=r,e.PageRouter=m,e.PageNotFound=a,e.RootViewController=l))(o||(o={}));export{o as Layout,o as default};

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

@@ -0,0 +1 @@
+export declare const Corner: () => import("react/jsx-runtime").JSX.Element;

package/dist/fn/Loader/corner.js

@@ -0,0 +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};

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

@@ -0,0 +1,47 @@
+/// <reference types="react" />
+import { TagProperty } from '../../@declaration';
+declare namespace Loader {
+    type Methods = Color & FNs;
+    type Color = {
+        Theme: Size<CompInput>;
+        Posi: Size<CompInput>;
+        Nega: Size<CompInput>;
+        Warn: Size<CompInput>;
+        White: Size<CompInput>;
+        Cloud: Size<CompInput>;
+    };
+    type Size<T> = {
+        S: React.FC<T>;
+        R: React.FC<T>;
+        L: React.FC<T>;
+        XL: React.FC<T>;
+        MAX: React.FC<T>;
+    };
+    type Sizes = 'S' | 'R' | 'L' | 'XL' | 'MAX';
+    type Colors = 'theme' | 'posi' | 'nega' | 'warn' | 'white' | 'cloud';
+    type CompInput = TagProperty.Para & {
+        showInitial?: boolean;
+        loaderID?: string;
+    };
+    type FNs = {
+        Wrapper(): JSX.Element;
+        fn: {
+            stopALL(): void;
+            top: {
+                active(): void;
+                stop(): void;
+            };
+            corner: {
+                active(): void;
+                stop(): void;
+            };
+            mini: {
+                active(loaderID?: string): void;
+                stop(loaderID?: string): void;
+                stopALL(): void;
+            };
+        };
+    };
+}
+declare const Loader: Loader.Methods;
+export { Loader, Loader as default };

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

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

package/dist/fn/Loader/mini.js

@@ -0,0 +1 @@
+import{b as d,c as f,d as h}from"../../chunk-VY3566IV.js";import{jsx as i,jsxs as k}from"react/jsx-runtime";import y from"@mingoo/jsmin";import{$$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 v=w,{color:u="theme",size:t="R",showInitial:c=!1,loaderID:C=""}=v,S=h(v,["color","size","showInitial","loaderID"]),[m]=l(C),[s]=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 p={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="'+s+'"]');n?r.removeClass(e("Hide")).await(10).addClass(e("Active")):r.removeClass(e("Active")).await(210).addClass(e("Hide"))},[n]),g(()=>{z.set({key:s,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:s,position:"relative"},S),{children:[i("svg",{className:e("SVG1"),width:"100",height:"100",viewBox:"0 0 100 100",style:{stroke:p},children:i("circle",{cx:"50",cy:"50",r:"40"})}),i("svg",{className:e("SVG2"),width:"100",height:"100",viewBox:"0 0 100 100",style:{stroke:p},children:i("circle",{cx:"50",cy:"50",r:"40"})})]}))};export{R as Mini};

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

@@ -0,0 +1,2 @@
+declare const Top: () => import("react/jsx-runtime").JSX.Element;
+export { Top };

package/dist/fn/Loader/top.js

@@ -0,0 +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};

package/dist/fn/Sheet.d.ts

@@ -0,0 +1,76 @@
+/// <reference types="react" />
+import { TagProperty, ReactElement } from '../@declaration';
+import $$ from '@mingoo/jsmin';
+import Box from '../atoms/Box';
+declare namespace Sheet {
+    type Methods = {
+        Wrapper(): JSX.Element;
+        open(para: Input): void;
+        refresh(para: Input, open: boolean): void;
+        resize(para: {
+            sheetID: string;
+            size: Size;
+        }): void;
+        reposition(sheetID: string): void;
+        close(key: string, eventType?: 'Escape' | 'pageTransit', force?: boolean): void;
+        closeGroup(keyGroup: string): void;
+        closeAll(pageTransit?: boolean): void;
+        Comps: {
+            Body: React.FC<Box.Input>;
+        };
+    };
+    type Input = Normal | Edge | Custom | Image | Bottom.Input;
+    type UniPara = {
+        sheetID?: string;
+        sheetGroups?: string | string[];
+        backgroundEffect?: boolean;
+        content: ReactElement | {
+            (): JSX.Element;
+        };
+        isOpen?: boolean;
+        overwrap?: boolean;
+        close_option?: CloseOptions;
+        hold_state?: boolean;
+        openAfter?(): void;
+        closeAfter?(): void;
+    } & TagProperty.BasicElement;
+    type Size = 'S' | 'R' | 'L' | '2L' | '3L' | 'MAX';
+    type CloseOptions = {
+        pageTransit?: boolean;
+        escapeKeyDown?: boolean;
+        aroundClick?: boolean;
+        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 = UniPara & {
+        type: Sheet;
+        size?: Size;
+    };
+    type Edge = UniPara & {
+        type: Sheet;
+        size?: Size;
+    };
+    type Custom = UniPara & {
+        type: 'custom';
+        parent: $$.Args;
+        gravityPoint?: number;
+    };
+    type Image = Omit<UniPara, 'content'> & {
+        type: 'image';
+        src: string | string[];
+    };
+    namespace Bottom {
+        type Sizes = 'S' | 'R' | 'L';
+        type Input = UniPara & {
+            type: 'drawer.bottom';
+            size: Sizes;
+            sizeChanged?(size: Sizes): void;
+            baseStyles?: TagProperty.Para;
+            close_option?: CloseOptions & {
+                swipeDown?: boolean;
+            };
+        };
+    }
+}
+declare const Sheet: Sheet.Methods;
+export { Sheet, Sheet as default };

package/dist/fn/Sheet.js

@@ -0,0 +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 a from"@mingoo/jsmin";import{$$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

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

package/dist/fn/Snackbar.js

@@ -0,0 +1 @@
+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 s from"@mingoo/jsmin";import{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};