amotify 0.2.8 → 0.2.10

package/dist/fn/Input/core.js

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

package/dist/fn/Sheet.js

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

package/dist/fn/Table/Data.js

@@ -1 +1 @@
-import{b as s,c as R,d as q}from"../../chunk-C5N2D3ZX.js";import{Fragment as W,jsx as o,jsxs as _}from"react/jsx-runtime";import{useState as F,useEffect as G}from"react";import w from"@mingoo/jsmin";import{useStore as k}from"../../@utils";import O from"../../atoms/Box";import M from"../../atoms/Flex";import K from"../../atoms/FAI";import Y from"../../atoms/Span";import Z from"../../mols/Column";import A from"../../mols/Row";import E from"../Button";import U from"../Sheet";import T from"../Input";import{faArrowUp as ee}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faArrowDown as te}from"@fortawesome/free-solid-svg-icons/faArrowDown";import{faArrowRight as re}from"@fortawesome/free-solid-svg-icons/faArrowRight";import{faFilter as ae}from"@fortawesome/free-solid-svg-icons/faFilter";import x from"./Parts";import oe from"./Wrapper";import{DefaultCellSystemStyles as V}from"./cellStyling";import{TableClasses as m}from"../../@styles/componentClasses";const f={__memoryID:w.uuid.gen(),Header:t=>{let{val_status:e,set_status:r,KeywordFilterRows:i}=s({},t),{order:u,filter:a}=e,[S,y]=u.current,h=[],c=[...e.head];e.checker&&h.push(o(x.TH,R(s(s(R(s({},e.cellStyles),{fontWeight:"2.normal",position:"sticky",top:0,unitWidth:4,padding:0}),V({top:!0,bottom:!e.rows.length,left:!0,right:!e.colLength})),e.cellStylesCallback?e.cellStylesCallback({top:!0,bottom:!e.rows.length,left:!0,right:!e.colLength,rowIndex:0,colIndex:0,isBody:!1,isHeader:!0}):{}),{className:[m("Cell"),e.cellClassName].join(" "),freeCSS:{zIndex:2},children:o(O,{flexCenter:!0,children:o(T.Checker,{label:null,value:!1,onUpdateValidValue:({value:n})=>{let g=e.rows;g.forEach(C=>{C.checked=n}),r(R(s({},e),{rows:g}))}})})}),-1));for(let n=0;n<e.colLength;n++){let g=c[n];if(!g)continue;let C=g.children||g.data,l=u.enabled&&u.column[n],d=a.enabled&&a.column[n],p=l?o(K,{fontSize:"1.mini",fontColor:n==S?"1.clear":"5.translucent",icon:n==S?y=="DESC"?te:ee:re}):null,P=o(W,{});if(d){let L=i.map(B=>{var N;return(N=B[n])==null?void 0:N.data});L=[...new Set(L)].order({direction:"ASC"});let v=a.current[n];if(v){let B=L.filter(D=>!v.includes(D)),N=[];L.forEach(D=>{D&&N.push({value:D,label:o(O,{flexSizing:"auto",children:D})})});let j="BUTTON-"+e.componentID+"-"+n,J=e.componentID+"-"+n,X={sheetID:J,parent:"#"+j,gravityPoint:23,type:"custom",content:_(M,{flexType:"col",border:!0,boxShadow:"3.remark",backgroundColor:"layer.1",borderRadius:1,freeCSS:{minWidth:12*20,maxWidth:12*30},children:[o(Z,{gap:"1/3",overflow:"auto",padding:"2/3",freeCSS:{maxHeight:12*30},children:o(T.Checkbox,{tone:"cloud",icon:!0,value:B,display:"flex",gap:"1/2",override:"force",options:N,hideInput:!0,name:"DTFilter-col-"+n+"-table-"+e.componentID,cellStyles:{flexSizing:"auto",padding:"2/3"},onUpdateValidValue:({value:D})=>{let H=L.filter(Q=>!D.includes(Q)),$=s({},e);$.filter.current[n]=H,r($)}})}),_(A.Separate,{gap:"2/3",padding:"2/3",horizontalAlign:"right",children:[o(E.Button.Border.S,{isRounded:!0,onClick:()=>{U.close(J)},children:"\u9589\u3058\u308B"}),o(E.Button.Prime.S,{color:"theme",isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{let D=[];v.length||(D=L);let H=s({},e);H.filter.current[n]=D,r(H)},children:"\u5168\u9078\u629E"})]})]})};U.refresh(X,!0),P=o(O,{className:m("FilterRegion"),children:o(E.Button.Sub.S,{ssSphere:2.5,fontSize:"1.mini",className:m("Filtering_"+!!v.length),id:j,onClick:D=>{D.stopPropagation(),U.open(X)},children:o(K,{icon:ae})})})}}g=R(s(s(s(s({},e.cellStyles),g),V({top:!0,bottom:!e.rows.length,left:n==Number(e.checker),right:n==e.colLength-1})),e.cellStylesCallback?e.cellStylesCallback({top:!0,bottom:!e.rows.length,left:n==Number(e.checker),right:n==e.colLength-1,rowIndex:0,colIndex:n,isBody:!1,isHeader:!0}):{}),{ssPushable:l,className:[m("Cell"),e.cellClassName,g.className].join(" ")}),delete g.orderIndex,h.push(o(x.TH,R(s({fontWeight:"2.normal",position:"sticky",top:0},g),{freeCSS:s({zIndex:2},g.freeCSS),onClick:L=>{if(l){let v=s({},e),B=[n,S===n&&y=="ASC"?"DESC":"ASC"];v.order.current=B,r(v),e.onOrderChanged&&e.onOrderChanged(B)}},children:_(M,{flexType:"row-r",flexWrap:!1,height:1,borderRadius:"inherit",flexCenter:!0,children:[P,_(M,{flexSizing:0,position:"relative",borderRadius:"inherit",gap:"1/3",flexWrap:!1,horizontalAlign:"center",children:[p,C]})]})}),n))}return o(x.Row,{className:[m("Row"),m("HeadRow")].join(" "),children:h})},Body:t=>{let{val_status:e,PageRows:r}=t,i=[];if(r.forEach((u,a)=>{let S=[...u],y=[];e.checker&&y.push(o(x.TH,R(s(s(s({unitWidth:4,padding:0,borderRight:!0},e.cellStyles),V({top:a==0&&!e.head,bottom:a==r.length-1,left:!0,right:!e.colLength})),e.cellStylesCallback?e.cellStylesCallback({top:a==0&&!e.head,bottom:a==r.length-1,left:!0,right:!e.colLength,rowIndex:a,colIndex:0,isBody:!0,isHeader:!1}):{}),{className:[m("Cell"),e.cellClassName].join(" "),children:o(O,{flexCenter:!0,children:o(T.Checker,{label:null,value:u.checked,override:"force",onUpdateValidValue:({value:h})=>{let c=e.rows;c[a].checked=h,t.set_status(R(s({},e),{rows:c}))}})})}),-1)),S.forEach((h,c)=>{if(!h)return;let l=h,{type:n="td"}=l,g=q(l,["type"]);g=R(s(s(s(s({},e.cellStyles),g),V({top:a==0&&!e.head,bottom:a==r.length-1,left:e.checker?!1:c==0,right:c==e.colLength-1})),e.cellStylesCallback?e.cellStylesCallback({top:a==0&&!e.head,bottom:a==r.length-1,left:e.checker?!1:c==0,right:c==e.colLength-1,rowIndex:a,colIndex:c,isBody:!0,isHeader:!1}):{}),{className:[m("Cell"),e.cellClassName,g.className].join(" ")}),delete g.orderIndex;let C=x[n=="td"?"TD":"TH"];y.push(o(C,s({},g),c))}),i.push(o(x.Row,{className:[m("Row"),m("BodyRow")].join(" "),children:y,onClick:h=>{e.onRowClick&&e.onRowClick(JSON.parse(u.rowID),h)}},a))}),!r.length){let u=o(O,{padding:2,fontColor:"4.thin",freeCSS:{textAlign:"center"},borderTop:"1.thin",children:"\u30C6\u30FC\u30D6\u30EB\u304C\u3042\u308A\u307E\u305B\u3093"});e.noRecords&&(u=o(W,{children:e.noRecords})),i.push(o(x.Row,{className:[m("Row"),m("BodyRow"),m("DataNotFound")].join(" "),children:o(x.TD,{colSpan:e.colLength,className:m("Cell"),children:u})},"dataNotFound"))}return o(W,{children:i})},Core:t=>{let{val_status:e,set_status:r}=t,{searchKeyword:i,filter:u,order:a,paging:S}=e,y=[...e.rows],h=[...e.rows],c=[...e.rows],n=[...e.rows];if(i&&(h=y.filter(l=>(l.__sys4SearchKey||"").match(new RegExp(i,"i"))?1:0),c=[...h],n=[...h]),u.enabled)for(let l=0;l<e.colLength;l++){let d=u.column[l],p=u.current[l];d&&p&&p.length&&(c=c.filter(P=>!p.includes(P[l].data)),n=[...c])}a.enabled&&(c=c.order({direction:a.current[1],keys:[a.current[0],"orderIndex"]}),n=[...c]);{let{currentPageIndex:l,rowLength:d}=S;n=[...n].splice((l-1)*d,d)}let g=f.__memoryID+"_"+e.tableID,C={tableComponentDidMount:!0,totalRows:y.length,pageRows:n.length,filteredRows:c.length,filter:e.filter,order:e.order,paging:e.paging,searchKeyword:e.searchKeyword};return k.update({[g]:{status:C,updatePageIndex:l=>{let d=Math.min(Math.max(1,l),e.paging.pageLength),p=s({},e);p.paging.currentPageIndex=d,r(p)},updateRowLength:l=>{let d=s({},e);d.paging={rowLength:l,currentPageIndex:1,pageLength:Math.ceil(c.length/l)},r(d)},updateKeyword:l=>{w.interval.clear("InputSearchTime"),w.interval.standBy("InputSearchTime",200,()=>{let d=s({},e);d.searchKeyword=l,d.paging.currentPageIndex=1,d.filter.current=d.filter.current.map(()=>[]),r(d)})},getRowData:()=>{let l=[...y];return a.enabled&&(l=l.order({direction:a.current[1],keys:[a.current[0],"orderIndex"]})),l.forEach(d=>{d.currentPage=!1,d.filtered=!1}),n.forEach(d=>{let{rowID:p}=d;l.find(P=>P.rowID==p).currentPage=!0}),c.forEach(d=>{let{rowID:p}=d;l.find(P=>P.rowID==p).filtered=!0}),l}}}),G(()=>{let l=f.Propagations[e.tableID]||[];Object.keys(l).forEach(d=>{let p=k.get(d);p!=null&&p.refresh&&p.refresh()})}),o(O,{className:m("TableBase"),children:o(x.Table,{className:m("Table"),children:_(x.Body,{children:[o(f.Header,{val_status:e,set_status:r,KeywordFilterRows:h}),o(f.Body,{val_status:e,set_status:r,PageRows:n})]})})})},Propagations:{},DataLeveler:t=>{var e,r;return t=s({},t),t.filter=(e=t.filter)!=null?e:!1,t.filter=Array.from({length:t.colLength}).map((i,u)=>{var a;return w.is.boolean(t.filter)?t.filter:(a=t.filter[u])!=null?a:!1}),t.order=(r=t.order)!=null?r:!0,t.order=Array.from({length:t.colLength}).map((i,u)=>{var a;return w.is.boolean(t.order)?t.order:(a=t.order[u])!=null?a:!0}),t=s({checker:!1,searchKeyword:"",filter:!1,order:!0,defaultOrder:[0,"ASC"]},t),t.rows.forEach((i,u)=>{i.rowID=JSON.stringify(i.rowID||u);let a=[];i.forEach((S,y)=>{let{data:h,children:c,orderIndex:n}=S;S.orderIndex=w.is.exist(n)?String(n):String(h),S.children=c||String(h),a.push(String(S.data))}),i.__sys4SearchKey=a.join("/")}),o(f.StateManager,s({eventID:w.uuid.gen()},t))},StateManager:t=>{let{colLength:e,eventID:r,checker:i=!1,searchKeyword:u="",filter:a,order:S,defaultOrder:y=[0,"ASC"],pageRowLength:h=30}=t,[c]=F(w.uuid.gen()),n={tableID:t.tableID||c,componentID:c,colLength:e,checker:i,searchKeyword:u,filter:{enabled:a!==!1,column:a,current:Array.from({length:e},()=>[])},order:{enabled:S!==!1,column:S,current:y},paging:{rowLength:h,pageLength:Math.ceil(t.rows.length/h),currentPageIndex:1},head:t.head,rows:t.rows,noRecords:t.noRecords,cellStyles:t.cellStyles||{},cellClassName:t.cellClassName||"",cellStylesCallback:t.cellStylesCallback,onRowClick:t.onRowClick,onOrderChanged:t.onOrderChanged},[g,C]=F(n),[l,d]=F(t.eventID);return l!=t.eventID&&(d(t.eventID),C(n)),o(f.Core,{val_status:g,set_status:C})}},b={__memoryID:f.__memoryID,useStatus:t=>{var a;let[e]=F(w.uuid.gen()),[r,i]=F(w.uuid.gen()),u=f.__memoryID+"_"+t;return G(()=>(f.Propagations[t]=R(s({},f.Propagations[t]),{[e]:1}),k.set({[e]:{refresh:()=>{i(w.uuid.gen())}}}),()=>{delete f.Propagations[t][e]}),[]),((a=k.get(u))==null?void 0:a.status)||{tableComponentDidMount:!1}},getRowData:t=>{let e=k.get(f.__memoryID+"_"+t);if(e!=null&&e.getRowData)return e.getRowData()},setPageIndex:(t,e)=>{let r=k.get(f.__memoryID+"_"+t);r!=null&&r.updatePageIndex&&r.updatePageIndex(e)},setRowLength:(t,e)=>{let r=k.get(f.__memoryID+"_"+t);r!=null&&r.updateRowLength&&r.updateRowLength(e)},setSearchKeyword:(t,e)=>{let r=k.get(f.__memoryID+"_"+t);r!=null&&r.updateKeyword&&r.updateKeyword(e)}},z={SearchInput:t=>{let e=b.useStatus(t.tableID);return e.tableComponentDidMount?o(T.Text.Normal,{placeholder:"\u691C\u7D22...",clearButton:!0,padding:"2/3",paddingRight:3,rightIcon:o(T.Comps.RightIcon,{fontColor:"5.translucent",right:"2/3",children:o(K.Search,{})}),override:"force",value:e.searchKeyword,onUpdateValidValue:({value:r})=>{w.interval.clear("InputSearchTime"),w.interval.standBy("InputSearchTime",500,()=>{b.setSearchKeyword(t.tableID,r)})}}):null},Info:t=>{let e=b.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=e.filteredRows.ratio(e.totalRows)||0;return _(M,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[o(Y,{fontSize:"4.thirdTitle",fontColor:"theme",children:e.filteredRows.toLocaleString()}),"/ ",e.totalRows.toLocaleString(),"\u4EF6 (",r,"%)"]})},Paging:t=>{let e=b.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=[];for(let i=0;i<e.paging.pageLength;i++)r.push({value:i+1,label:(i+1).toString()});return _(A.Center,{children:[_(A.Center,{gap:"1/2",children:["\u30DA\u30FC\u30B8 :",o(T.Select,{enableUnSelected:!1,padding:["1/3","2/3"],rightIcon:!1,placeholder:"",override:"force",value:e.paging.currentPageIndex,options:r,onUpdateValidValue:({value:i})=>{b.setPageIndex(t.tableID,i)}}),"/ ",e.paging.pageLength]}),_(A.Right,{gap:"1/2",children:[o(E.Button.Sub.R,{ssSphere:3,onClick:()=>{if(e.paging.currentPageIndex==1){b.setPageIndex(t.tableID,e.paging.pageLength);return}b.setPageIndex(t.tableID,e.paging.currentPageIndex-1)},children:o(K.ChevronLeft,{})}),o(E.Button.Sub.R,{ssSphere:3,onClick:()=>{if(e.paging.currentPageIndex==e.paging.pageLength){b.setPageIndex(t.tableID,1);return}b.setPageIndex(t.tableID,e.paging.currentPageIndex+1)},children:o(K.ChevronRight,{})})]})]})},RowLength:t=>{let e=b.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=e.paging.rowLength,i=0,u=t.lengthSelect.map(a=>(i|=+(a==r),{value:a,label:a.toString()}));return i||u.push({value:r,label:r.toString()}),u=u.order({direction:"ASC",keys:["value"]}),_(A.Center,{gap:"1/2",children:["\u4EF6\u6570 :",o(T.Select,{enableUnSelected:!1,rightIcon:!1,placeholder:"\u9078\u629E",override:"force",padding:["1/3","2/3"],value:e.paging.rowLength,options:u,onUpdateValidValue:({value:a})=>{b.setRowLength(t.tableID,a)}})]})}},ne=t=>o(oe,R(s({},t),{type:"data",JSXChildren:f.DataLeveler})),I=ne;I.__memoryID=f.__memoryID,I.useStatus=b.useStatus,I.getRowData=b.getRowData,I.setPageIndex=b.setPageIndex,I.setRowLength=b.setRowLength,I.setSearchKeyword=b.setSearchKeyword,I.Info=z.Info,I.Paging=z.Paging,I.RowLength=z.RowLength,I.SearchInput=z.SearchInput;export{I as Data,I as default};
+import{b as s,c as R,d as q}from"../../chunk-C5N2D3ZX.js";import{Fragment as W,jsx as n,jsxs as _}from"react/jsx-runtime";import{useState as F,useEffect as G}from"react";import w from"@mingoo/jsmin";import{useStore as k}from"../../@utils";import O from"../../atoms/Box";import M from"../../atoms/Flex";import K from"../../atoms/FAI";import Y from"../../atoms/Span";import Z from"../../mols/Column";import A from"../../mols/Row";import E from"../Button";import U from"../Sheet";import T from"../Input";import{faArrowUp as ee}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faArrowDown as te}from"@fortawesome/free-solid-svg-icons/faArrowDown";import{faArrowRight as re}from"@fortawesome/free-solid-svg-icons/faArrowRight";import{faFilter as ae}from"@fortawesome/free-solid-svg-icons/faFilter";import x from"./Parts";import oe from"./Wrapper";import{DefaultCellSystemStyles as V}from"./cellStyling";import{TableClasses as m}from"../../@styles/componentClasses";const f={__memoryID:w.uuid.gen(),Header:t=>{let{val_status:e,set_status:r,KeywordFilterRows:i}=s({},t),{order:u,filter:a}=e,[S,y]=u.current,h=[],c=[...e.head];e.checker&&h.push(n(x.TH,R(s(s(R(s({},e.cellStyles),{fontWeight:"2.normal",position:"sticky",top:0,unitWidth:4,padding:0}),V({top:!0,bottom:!e.rows.length,left:!0,right:!e.colLength})),e.cellStylesCallback?e.cellStylesCallback({top:!0,bottom:!e.rows.length,left:!0,right:!e.colLength,rowIndex:0,colIndex:0,isBody:!1,isHeader:!0}):{}),{className:[m("Cell"),e.cellClassName].join(" "),freeCSS:{zIndex:2},children:n(O,{flexCenter:!0,children:n(T.Checker,{label:null,value:!1,onUpdateValidValue:({value:o})=>{let g=e.rows;g.forEach(C=>{C.checked=o}),r(R(s({},e),{rows:g}))}})})}),-1));for(let o=0;o<e.colLength;o++){let g=c[o];if(!g)continue;let C=g.children||g.data,l=u.enabled&&u.column[o],d=a.enabled&&a.column[o],p=l?n(K,{fontSize:"1.mini",fontColor:o==S?"1.clear":"5.translucent",icon:o==S?y=="DESC"?te:ee:re}):null,P=n(W,{});if(d){let L=i.map(B=>{var N;return(N=B[o])==null?void 0:N.data});L=[...new Set(L)].order({direction:"ASC"});let v=a.current[o];if(v){let B=L.filter(D=>!v.includes(D)),N=[];L.forEach(D=>{D&&N.push({value:D,label:n(O,{flexSizing:"auto",children:D})})});let j="BUTTON-"+e.componentID+"-"+o,J=e.componentID+"-"+o,X={sheetID:J,parent:"#"+j,gravityPoint:23,type:"custom",content:_(M,{flexType:"col",border:!0,boxShadow:"3.remark",backgroundColor:"layer.1",borderRadius:1,freeCSS:{minWidth:12*20,maxWidth:12*30},children:[n(Z,{gap:"1/3",overflow:"auto",padding:"2/3",freeCSS:{maxHeight:12*30},children:n(T.Checkbox,{tone:"cloud",icon:!0,value:B,display:"flex",gap:"1/2",override:"force",options:N,hideInput:!0,name:"DTFilter-col-"+o+"-table-"+e.componentID,cellStyles:{flexSizing:"auto",padding:"2/3"},onUpdateValidValue:({value:D})=>{let H=L.filter(Q=>!D.includes(Q)),$=s({},e);$.filter.current[o]=H,r($)}})}),_(A.Separate,{gap:"2/3",padding:"2/3",horizontalAlign:"right",children:[n(E.Button.Border.S,{isRounded:!0,onClick:()=>{U.close(J)},children:"\u9589\u3058\u308B"}),n(E.Button.Prime.S,{color:"theme",isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{let D=[];v.length||(D=L);let H=s({},e);H.filter.current[o]=D,r(H)},children:"\u5168\u9078\u629E"})]})]})};U.refresh(X,!0),P=n(O,{className:m("FilterRegion"),children:n(E.Button.Sub.S,{ssSphere:2.5,fontSize:"1.mini",className:m("Filtering_"+!!v.length),id:j,onClick:D=>{D.stopPropagation(),U.open(X)},children:n(K,{icon:ae})})})}}g=R(s(s(s(s({},e.cellStyles),g),V({top:!0,bottom:!e.rows.length,left:o==Number(e.checker),right:o==e.colLength-1})),e.cellStylesCallback?e.cellStylesCallback({top:!0,bottom:!e.rows.length,left:o==Number(e.checker),right:o==e.colLength-1,rowIndex:0,colIndex:o,isBody:!1,isHeader:!0}):{}),{ssPushable:l,className:[m("Cell"),e.cellClassName,g.className].join(" ")}),delete g.orderIndex,h.push(n(x.TH,R(s({fontWeight:"2.normal",position:"sticky",top:0},g),{freeCSS:s({zIndex:2},g.freeCSS),onClick:L=>{if(l){let v=s({},e),B=[o,S===o&&y=="ASC"?"DESC":"ASC"];v.order.current=B,r(v),e.onOrderChanged&&e.onOrderChanged(B)}},children:_(M,{flexType:"row-r",flexWrap:!1,height:1,borderRadius:"inherit",flexCenter:!0,children:[P,_(M,{flexSizing:0,position:"relative",borderRadius:"inherit",gap:"1/3",flexWrap:!1,horizontalAlign:"center",children:[p,C]})]})}),o))}return n(x.Row,{className:[m("Row"),m("HeadRow")].join(" "),children:h})},Body:t=>{let{val_status:e,PageRows:r}=t,i=[];if(r.forEach((u,a)=>{let S=[...u],y=[];e.checker&&y.push(n(x.TH,R(s(s(s({unitWidth:4,padding:0,borderRight:!0},e.cellStyles),V({top:a==0&&!e.head,bottom:a==r.length-1,left:!0,right:!e.colLength})),e.cellStylesCallback?e.cellStylesCallback({top:a==0&&!e.head,bottom:a==r.length-1,left:!0,right:!e.colLength,rowIndex:a,colIndex:0,isBody:!0,isHeader:!1}):{}),{className:[m("Cell"),e.cellClassName].join(" "),children:n(O,{flexCenter:!0,children:n(T.Checker,{label:null,value:u.checked,override:"force",onUpdateValidValue:({value:h})=>{let c=e.rows;c[a].checked=h,t.set_status(o=>R(s({},o),{rows:c}))}})})}),-1)),S.forEach((h,c)=>{if(!h)return;let l=h,{type:o="td"}=l,g=q(l,["type"]);g=R(s(s(s(s({},e.cellStyles),g),V({top:a==0&&!e.head,bottom:a==r.length-1,left:e.checker?!1:c==0,right:c==e.colLength-1})),e.cellStylesCallback?e.cellStylesCallback({top:a==0&&!e.head,bottom:a==r.length-1,left:e.checker?!1:c==0,right:c==e.colLength-1,rowIndex:a,colIndex:c,isBody:!0,isHeader:!1}):{}),{className:[m("Cell"),e.cellClassName,g.className].join(" ")}),delete g.orderIndex;let C=x[o=="td"?"TD":"TH"];y.push(n(C,s({},g),c))}),i.push(n(x.Row,{className:[m("Row"),m("BodyRow")].join(" "),children:y,onClick:h=>{e.onRowClick&&e.onRowClick(JSON.parse(u.rowID),h)}},a))}),!r.length){let u=n(O,{padding:2,fontColor:"4.thin",freeCSS:{textAlign:"center"},borderTop:"1.thin",children:"\u30C6\u30FC\u30D6\u30EB\u304C\u3042\u308A\u307E\u305B\u3093"});e.noRecords&&(u=n(W,{children:e.noRecords})),i.push(n(x.Row,{className:[m("Row"),m("BodyRow"),m("DataNotFound")].join(" "),children:n(x.TD,{colSpan:e.colLength,className:m("Cell"),children:u})},"dataNotFound"))}return n(W,{children:i})},Core:t=>{let{val_status:e,set_status:r}=t,{searchKeyword:i,filter:u,order:a,paging:S}=e,y=[...e.rows],h=[...e.rows],c=[...e.rows],o=[...e.rows];if(i&&(h=y.filter(l=>(l.__sys4SearchKey||"").match(new RegExp(i,"i"))?1:0),c=[...h],o=[...h]),u.enabled)for(let l=0;l<e.colLength;l++){let d=u.column[l],p=u.current[l];d&&p&&p.length&&(c=c.filter(P=>!p.includes(P[l].data)),o=[...c])}a.enabled&&(c=c.order({direction:a.current[1],keys:[a.current[0],"orderIndex"]}),o=[...c]);{let{currentPageIndex:l,rowLength:d}=S;o=[...o].splice((l-1)*d,d)}let g=f.__memoryID+"_"+e.tableID,C={tableComponentDidMount:!0,totalRows:y.length,pageRows:o.length,filteredRows:c.length,filter:e.filter,order:e.order,paging:e.paging,searchKeyword:e.searchKeyword};return k.update({[g]:{status:C,updatePageIndex:l=>{let d=Math.min(Math.max(1,l),e.paging.pageLength),p=s({},e);p.paging.currentPageIndex=d,r(p)},updateRowLength:l=>{let d=s({},e);d.paging={rowLength:l,currentPageIndex:1,pageLength:Math.ceil(c.length/l)},r(d)},updateKeyword:l=>{w.interval.clear("InputSearchTime"),w.interval.standBy("InputSearchTime",200,()=>{let d=s({},e);d.searchKeyword=l,d.paging.currentPageIndex=1,d.filter.current=d.filter.current.map(()=>[]),r(d)})},getRowData:()=>{let l=[...y];return a.enabled&&(l=l.order({direction:a.current[1],keys:[a.current[0],"orderIndex"]})),l.forEach(d=>{d.currentPage=!1,d.filtered=!1}),o.forEach(d=>{let{rowID:p}=d;l.find(P=>P.rowID==p).currentPage=!0}),c.forEach(d=>{let{rowID:p}=d;l.find(P=>P.rowID==p).filtered=!0}),l}}}),G(()=>{let l=f.Propagations[e.tableID]||[];Object.keys(l).forEach(d=>{let p=k.get(d);p!=null&&p.refresh&&p.refresh()})}),n(O,{className:m("TableBase"),children:n(x.Table,{className:m("Table"),children:_(x.Body,{children:[n(f.Header,{val_status:e,set_status:r,KeywordFilterRows:h}),n(f.Body,{val_status:e,set_status:r,PageRows:o})]})})})},Propagations:{},DataLeveler:t=>{var e,r;return t=s({},t),t.filter=(e=t.filter)!=null?e:!1,t.filter=Array.from({length:t.colLength}).map((i,u)=>{var a;return w.is.boolean(t.filter)?t.filter:(a=t.filter[u])!=null?a:!1}),t.order=(r=t.order)!=null?r:!0,t.order=Array.from({length:t.colLength}).map((i,u)=>{var a;return w.is.boolean(t.order)?t.order:(a=t.order[u])!=null?a:!0}),t=s({checker:!1,searchKeyword:"",filter:!1,order:!0,defaultOrder:[0,"ASC"]},t),t.rows.forEach((i,u)=>{i.rowID=JSON.stringify(i.rowID||u);let a=[];i.forEach((S,y)=>{let{data:h,children:c,orderIndex:o}=S;S.orderIndex=w.is.exist(o)?String(o):String(h),S.children=c||String(h),a.push(String(S.data))}),i.__sys4SearchKey=a.join("/")}),n(f.StateManager,s({eventID:w.uuid.gen()},t))},StateManager:t=>{let{colLength:e,eventID:r,checker:i=!1,searchKeyword:u="",filter:a,order:S,defaultOrder:y=[0,"ASC"],pageRowLength:h=30}=t,[c]=F(w.uuid.gen()),o={tableID:t.tableID||c,componentID:c,colLength:e,checker:i,searchKeyword:u,filter:{enabled:a!==!1,column:a,current:Array.from({length:e},()=>[])},order:{enabled:S!==!1,column:S,current:y},paging:{rowLength:h,pageLength:Math.ceil(t.rows.length/h),currentPageIndex:1},head:t.head,rows:t.rows,noRecords:t.noRecords,cellStyles:t.cellStyles||{},cellClassName:t.cellClassName||"",cellStylesCallback:t.cellStylesCallback,onRowClick:t.onRowClick,onOrderChanged:t.onOrderChanged},[g,C]=F(o),[l,d]=F(t.eventID);return l!=t.eventID&&(d(t.eventID),C(o)),n(f.Core,{val_status:g,set_status:C})}},b={__memoryID:f.__memoryID,useStatus:t=>{var a;let[e]=F(w.uuid.gen()),[r,i]=F(w.uuid.gen()),u=f.__memoryID+"_"+t;return G(()=>(f.Propagations[t]=R(s({},f.Propagations[t]),{[e]:1}),k.set({[e]:{refresh:()=>{i(w.uuid.gen())}}}),()=>{delete f.Propagations[t][e]}),[]),((a=k.get(u))==null?void 0:a.status)||{tableComponentDidMount:!1}},getRowData:t=>{let e=k.get(f.__memoryID+"_"+t);if(e!=null&&e.getRowData)return e.getRowData()},setPageIndex:(t,e)=>{let r=k.get(f.__memoryID+"_"+t);r!=null&&r.updatePageIndex&&r.updatePageIndex(e)},setRowLength:(t,e)=>{let r=k.get(f.__memoryID+"_"+t);r!=null&&r.updateRowLength&&r.updateRowLength(e)},setSearchKeyword:(t,e)=>{let r=k.get(f.__memoryID+"_"+t);r!=null&&r.updateKeyword&&r.updateKeyword(e)}},z={SearchInput:t=>{let e=b.useStatus(t.tableID);return e.tableComponentDidMount?n(T.Text.Normal,{placeholder:"\u691C\u7D22...",clearButton:!0,padding:"2/3",paddingRight:3,rightIcon:n(T.Comps.RightIcon,{fontColor:"5.translucent",right:"2/3",children:n(K.Search,{})}),override:"force",value:e.searchKeyword,onUpdateValidValue:({value:r})=>{w.interval.clear("InputSearchTime"),w.interval.standBy("InputSearchTime",500,()=>{b.setSearchKeyword(t.tableID,r)})}}):null},Info:t=>{let e=b.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=e.filteredRows.ratio(e.totalRows)||0;return _(M,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[n(Y,{fontSize:"4.thirdTitle",fontColor:"theme",children:e.filteredRows.toLocaleString()}),"/ ",e.totalRows.toLocaleString(),"\u4EF6 (",r,"%)"]})},Paging:t=>{let e=b.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=[];for(let i=0;i<e.paging.pageLength;i++)r.push({value:i+1,label:(i+1).toString()});return _(A.Center,{children:[_(A.Center,{gap:"1/2",children:["\u30DA\u30FC\u30B8 :",n(T.Select,{enableUnSelected:!1,padding:["1/3","2/3"],rightIcon:!1,placeholder:"",override:"force",value:e.paging.currentPageIndex,options:r,onUpdateValidValue:({value:i})=>{b.setPageIndex(t.tableID,i)}}),"/ ",e.paging.pageLength]}),_(A.Right,{gap:"1/2",children:[n(E.Button.Sub.R,{ssSphere:3,onClick:()=>{if(e.paging.currentPageIndex==1){b.setPageIndex(t.tableID,e.paging.pageLength);return}b.setPageIndex(t.tableID,e.paging.currentPageIndex-1)},children:n(K.ChevronLeft,{})}),n(E.Button.Sub.R,{ssSphere:3,onClick:()=>{if(e.paging.currentPageIndex==e.paging.pageLength){b.setPageIndex(t.tableID,1);return}b.setPageIndex(t.tableID,e.paging.currentPageIndex+1)},children:n(K.ChevronRight,{})})]})]})},RowLength:t=>{let e=b.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=e.paging.rowLength,i=0,u=t.lengthSelect.map(a=>(i|=+(a==r),{value:a,label:a.toString()}));return i||u.push({value:r,label:r.toString()}),u=u.order({direction:"ASC",keys:["value"]}),_(A.Center,{gap:"1/2",children:["\u4EF6\u6570 :",n(T.Select,{enableUnSelected:!1,rightIcon:!1,placeholder:"\u9078\u629E",override:"force",padding:["1/3","2/3"],value:e.paging.rowLength,options:u,onUpdateValidValue:({value:a})=>{b.setRowLength(t.tableID,a)}})]})}},ne=t=>n(oe,R(s({},t),{type:"data",JSXChildren:f.DataLeveler})),I=ne;I.__memoryID=f.__memoryID,I.useStatus=b.useStatus,I.getRowData=b.getRowData,I.setPageIndex=b.setPageIndex,I.setRowLength=b.setRowLength,I.setSearchKeyword=b.setSearchKeyword,I.Info=z.Info,I.Paging=z.Paging,I.RowLength=z.RowLength,I.SearchInput=z.SearchInput;export{I as Data,I as default};

package/dist/temps/designBook.js

@@ -70,10 +70,10 @@ Some Text`})]}),t(B.Separate,{children:[e(r.Button.Sub.S,{color:"white",onClick:
     required
     value={ 'hello React!!' }
   />`}),t(h,{gap:"1/2",children:[t(o,{children:["testInputLabel ",e(d.Comps.RequiredSign,{})]}),e(d.Text.Normal,{required:!0,value:"helloReact"})]})]}),t(c,{gap:2,flexChilds:"auto",children:[t(o,{children:["Input.Text.Email",e(d.Text.Email,{autoComplete:"off",name:"emailInput",value:"******@gmail.com"})]}),t(o,{children:["Input.Text.Number",e(d.Text.Number,{value:"324"})]}),t(o,{children:["Input.Text.Tel",e(d.Text.Tel,{value:"080-6995-2229"})]}),t(o,{children:["Input.Text.Money.JPY",e(d.Text.Money.JPY,{value:"3000"})]}),t(o,{children:["Input.Text.Url",e(d.Text.Url,{value:"http://google.com"})]}),t(o,{children:["Input.Text.Postal",t(B.Right,{children:[e(o,{flexSizing:0,children:e(d.Text.Postal,{override:"force"})}),e(r.Button.Border.R,{onClick:()=>I(void 0,null,function*(){}),children:"\u73FE\u5728\u5730\u3092\u53D6\u5F97"})]}),e(o,{id:"postalResult",padding:1,textAlign:"left"})]}),t(o,{children:["Input.Text.Password",e(d.Text.Password,{value:"onigiriUmai"})]}),t(o,{flexNewLine:!0,children:["Input.TextArea",e(d.TextArea,{value:`text1
-  text2
-  text3
-  text4
-  text5`,rows:5})]})]})]})]}),Time:()=>e(u,{children:t(o,{ssCardBox:!0,children:[e(n.Paragraph,{padding:1,borderBottom:!0,children:"Time Input"}),e(o,{padding:1,children:t(c,{gap:2,flexChilds:"auto",children:[t(o,{children:["Input.Time.Clock",e(d.Time.Clock,{})]}),t(o,{children:["Input.Time.Date",e(d.Time.Date,{})]}),t(o,{children:["Input.Time.Week",e(d.Time.Week,{})]}),t(o,{children:["Input.Time.Month",e(d.Time.Month,{})]}),t(o,{children:["Input.Time.Year",e(d.Time.Year,{})]}),t(o,{children:["Input.Time.Periods.Date",e(d.Time.Periods.Date,{})]}),t(o,{children:["Input.Time.Periods.Month",e(d.Time.Periods.Month,{})]}),t(o,{children:["Input.Time.DateWareki",e(d.Time.DateWareki,{})]}),t(o,{children:["Input.Time.picker",e(d.Select,{id:"timePicker",options:[{value:"clock",label:"clock"},{value:"date",label:"date"},{value:"week",label:"week"},{value:"month",label:"month"},{value:"year",label:"year"},{value:"dates",label:"dates"},{value:"months",label:"months"},{value:"dateWareki",label:"dateWareki"}],onUpdateValidValue:({value:i})=>{d.Time.fn.picker.launch({parent:"#timePicker",restrict:i,defaultValue:"",onValueUpdate:s=>{console.log(s)}})}})]})]})})]})}),List:()=>e(u,{children:t(o,{ssCardBox:!0,children:[e(n.Paragraph,{padding:1,borderBottom:!0,children:"Radio & Checkbox Input"}),e(o,{padding:1,children:t(h,{children:[t(c,{gap:2,flexChilds:"auto",children:[t(o,{children:["Input.Radio",e(d.Radio,{value:[1],options:[{value:1,label:"option1"},{value:2,label:"option2"},{value:3,label:"option3"},{value:4,label:"option4"},{value:5,label:"option5"}]})]}),t(o,{children:["Input.Checkbox",e(d.Checkbox,{value:[2,"3"],options:[{value:"1",label:"option1"},{value:"2",label:"option2"},{value:"3",label:"option3"}]})]})]}),t(h,{children:[e(n.Paragraph,{children:"Tones"}),t(c,{gap:2,flexChilds:"auto",children:[e(d.Radio,{tone:"plain",value:[1],gap:1,options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]}),e(d.Radio,{tone:"normal",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]}),e(d.Radio,{tone:"cloud",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]}),e(d.Radio,{tone:"border",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]}),e(d.Radio,{tone:"vivid",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]})]})]})]})})]})}),Select:()=>e(u,{children:t(o,{ssCardBox:!0,children:[e(n.Paragraph,{padding:1,borderBottom:!0,children:"Select,Search,Chips Input"}),e(o,{padding:1,children:e(h,{children:t(c,{gap:2,flexChilds:"auto",children:[t(o,{children:["Input.Select",e(d.Select,{required:!0,value:3,options:[{value:1,label:"option1"},{value:2,label:"option2"},{value:3,label:"option3a"},{value:4,label:"option4"}]})]}),t(o,{children:["Input.Search",e(d.Search,{required:!0,defaultOptions:[{value:1,label:"1"},{value:{value1:2,value2:3},label:"Object"},{value:3,label:"3"},{value:101,label:"101"},{value:102,label:"102"}],onDynamicSearch:(...i)=>I(void 0,null,function*(){let s=[];for(let p=0;p<100;p++)s.push({value:p,label:String(p)});return{options:s}})})]}),t(o,{flexNewLine:!0,children:["Input.Chips",e(d.Chips,{limit:5,value:[{value:"option3",label:"option3"}],onUpdateValidValue:({value:i})=>{console.log(i)},defaultOptions:[{value:1,label:"option1"},{value:2,label:"option2"},{value:3,label:"option3"},{value:4,label:"option4"}]})]})]})})})]})}),Variables:()=>e(u,{children:t(o,{ssCardBox:!0,children:[e(n.Paragraph,{padding:1,borderBottom:!0,children:"Variables"}),e(o,{padding:1,children:e(h,{children:t(c,{gap:2,flexChilds:"auto",children:[t(o,{children:["Input.File",e(d.Filer,{limit:3})]}),t(o,{children:["Input.Switch",t(c,{gap:2,children:[e(d.Switch,{}),e(d.Switch,{appearance:"applely",color:"icicles",value:!0}),e(d.Switch,{appearance:"applely",icon:e(x.Check,{}),color:"warn",value:!0})]})]}),t(o,{flexNewLine:!0,children:["Input.Slider",e(d.Slider,{color:"battery",name:"sliderInput",value:40,step:10,min:0,max:100})]})]})})})]})})};return e(u,{children:e(_,{size:"L",children:t(g,{gap:2,gridCols:2,children:[e(a.Basic,{}),e(a.Select,{}),e(a.Time,{}),e(a.List,{}),e(a.Variables,{})]})})})},Z=()=>{const a=i=>{let s="testModal2";T.open({type:i,sheetID:s,size:"S",padding:2,content:t(T.Comps.Body,{padding:1,children:[e(o,{padding:2,children:"Content"}),e(B.Right,{children:e(r.Button.Prime.R,{onClick:()=>{T.close(s)},children:"\u9589\u3058\u308B"})})]})})};return t(u,{children:[t(o,{ssCardBox:!0,children:[e(n.SubTitle,{padding:1,borderBottom:!0,children:"CardBox"}),e(o,{padding:1,overflow:"auto",children:e(n.Description,{children:`<Box ssCardBox>
+text2
+text3
+text4
+text5`,rows:5})]})]})]})]}),Time:()=>e(u,{children:t(o,{ssCardBox:!0,children:[e(n.Paragraph,{padding:1,borderBottom:!0,children:"Time Input"}),e(o,{padding:1,children:t(c,{gap:2,flexChilds:"auto",children:[t(o,{children:["Input.Time.Clock",e(d.Time.Clock,{})]}),t(o,{children:["Input.Time.Date",e(d.Time.Date,{})]}),t(o,{children:["Input.Time.Week",e(d.Time.Week,{})]}),t(o,{children:["Input.Time.Month",e(d.Time.Month,{})]}),t(o,{children:["Input.Time.Year",e(d.Time.Year,{})]}),t(o,{children:["Input.Time.Periods.Date",e(d.Time.Periods.Date,{})]}),t(o,{children:["Input.Time.Periods.Month",e(d.Time.Periods.Month,{})]}),t(o,{children:["Input.Time.DateWareki",e(d.Time.DateWareki,{})]}),t(o,{children:["Input.Time.picker",e(d.Select,{id:"timePicker",options:[{value:"clock",label:"clock"},{value:"date",label:"date"},{value:"week",label:"week"},{value:"month",label:"month"},{value:"year",label:"year"},{value:"dates",label:"dates"},{value:"months",label:"months"},{value:"dateWareki",label:"dateWareki"}],onUpdateValidValue:({value:i})=>{d.Time.fn.picker.launch({parent:"#timePicker",restrict:i,defaultValue:"",onValueUpdate:s=>{console.log(s)}})}})]})]})})]})}),List:()=>e(u,{children:t(o,{ssCardBox:!0,children:[e(n.Paragraph,{padding:1,borderBottom:!0,children:"Radio & Checkbox Input"}),e(o,{padding:1,children:t(h,{children:[t(c,{gap:2,flexChilds:"auto",children:[t(o,{children:["Input.Radio",e(d.Radio,{value:[1],options:[{value:1,label:"option1"},{value:2,label:"option2"},{value:3,label:"option3"},{value:4,label:"option4"},{value:5,label:"option5"}]})]}),t(o,{children:["Input.Checkbox",e(d.Checkbox,{value:[2,"3"],options:[{value:"1",label:"option1"},{value:"2",label:"option2"},{value:"3",label:"option3"}]})]})]}),t(h,{children:[e(n.Paragraph,{children:"Tones"}),t(c,{gap:2,flexChilds:"auto",children:[e(d.Radio,{tone:"plain",value:[1],gap:1,options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]}),e(d.Radio,{tone:"normal",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]}),e(d.Radio,{tone:"cloud",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]}),e(d.Radio,{tone:"border",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]}),e(d.Radio,{tone:"vivid",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]})]})]})]})})]})}),Select:()=>e(u,{children:t(o,{ssCardBox:!0,children:[e(n.Paragraph,{padding:1,borderBottom:!0,children:"Select,Search,Chips Input"}),e(o,{padding:1,children:e(h,{children:t(c,{gap:2,flexChilds:"auto",children:[t(o,{children:["Input.Select",e(d.Select,{required:!0,value:3,options:[{value:1,label:"option1"},{value:2,label:"option2"},{value:3,label:"option3a"},{value:4,label:"option4"}]})]}),t(o,{children:["Input.Search",e(d.Search,{required:!0,defaultOptions:[{value:1,label:"1"},{value:{value1:2,value2:3},label:"Object"},{value:3,label:"3"},{value:101,label:"101"},{value:102,label:"102"}],onDynamicSearch:(...i)=>I(void 0,null,function*(){let s=[];for(let p=0;p<100;p++)s.push({value:p,label:String(p)});return{options:s}})})]}),t(o,{flexNewLine:!0,children:["Input.Chips",e(d.Chips,{limit:5,value:[{value:"option3",label:"option3"}],onUpdateValidValue:({value:i})=>{console.log(i)},defaultOptions:[{value:1,label:"option1"},{value:2,label:"option2"},{value:3,label:"option3"},{value:4,label:"option4"}]})]})]})})})]})}),Variables:()=>e(u,{children:t(o,{ssCardBox:!0,children:[e(n.Paragraph,{padding:1,borderBottom:!0,children:"Variables"}),e(o,{padding:1,children:e(h,{children:t(c,{gap:2,flexChilds:"auto",children:[t(o,{children:["Input.File",e(d.Filer,{limit:3})]}),t(o,{children:["Input.Switch",t(c,{gap:2,children:[e(d.Switch,{}),e(d.Switch,{appearance:"applely",color:"icicles",value:!0}),e(d.Switch,{appearance:"applely",icon:e(x.Check,{}),color:"warn",value:!0})]})]}),t(o,{flexNewLine:!0,children:["Input.Slider",e(d.Slider,{color:"battery",name:"sliderInput",value:40,step:10,min:0,max:100})]})]})})})]})})};return e(u,{children:e(_,{size:"L",children:t(g,{gap:2,gridCols:2,children:[e(a.Basic,{}),e(a.Select,{}),e(a.Time,{}),e(a.List,{}),e(a.Variables,{})]})})})},Z=()=>{const a=i=>{let s="testModal2";T.open({type:i,sheetID:s,size:"S",padding:2,content:t(T.Comps.Body,{padding:1,children:[e(o,{padding:2,children:"Content"}),e(B.Right,{children:e(r.Button.Prime.R,{onClick:()=>{T.close(s)},children:"\u9589\u3058\u308B"})})]})})};return t(u,{children:[t(o,{ssCardBox:!0,children:[e(n.SubTitle,{padding:1,borderBottom:!0,children:"CardBox"}),e(o,{padding:1,overflow:"auto",children:e(n.Description,{children:`<Box ssCardBox>
   <Box>
     Header
   </Box>
@@ -96,4 +96,4 @@ Some Text`})]}),t(B.Separate,{children:[e(r.Button.Sub.S,{color:"white",onClick:
   header: ReactElement | React.FC< { modalClose } >,
   body: ReactElement | React.FC< { modalClose } >,
   footer: ReactElement | React.FC< { modalClose } >
-} );`})}),t(h,{padding:2,children:[e(r.Button.Border.R,{onClick:i=>{v.open({tipsID:"testTips",parent:i.currentTarget,close_option:{parentBlur:!1,aroundClick:!1,escapeKeyDown:!0},content:()=>e(T.Comps.Body,{padding:2,children:e(r.Button.Prime.R,{onClick:()=>{T.open({sheetID:"testSheet",close_option:{aroundClick:!0},type:"normal.middleLeft",content:()=>e(T.Comps.Body,{padding:2,children:"END"})})},children:"nest"})})})},children:"Tooltips with nested sheet"}),e(o,{flexCenter:!0,children:t(g,{gridCols:3,gap:1,children:[e(r.Button.Border.R,{onClick:()=>{a("normal.topLeft")},children:"Top Left"}),e(r.Button.Border.R,{onClick:()=>{a("normal.topCenter")},children:"Top Center"}),e(r.Button.Border.R,{onClick:()=>{a("normal.topRight")},children:"Top Right"}),e(r.Button.Border.R,{onClick:()=>{a("normal.middleLeft")},children:"Middle Left"}),e(r.Button.Border.R,{onClick:()=>{a("normal.middleCenter")},children:"Middle Center"}),e(r.Button.Border.R,{onClick:()=>{a("normal.middleRight")},children:"Middle Right"}),e(r.Button.Border.R,{onClick:()=>{a("normal.bottomLeft")},children:"Bottom Left"}),e(r.Button.Border.R,{onClick:()=>{a("normal.bottomCenter")},children:"Bottom Center"}),e(r.Button.Border.R,{onClick:()=>{a("normal.bottomRight")},children:"Bottom Right"}),e(r.Button.Border.R,{onClick:()=>{a("drawer.left")},children:"Drawer Left"}),e(r.Button.Border.R,{onClick:()=>{a("drawer.bottom")},children:"Drawer Bottom"}),e(r.Button.Border.R,{onClick:()=>{a("drawer.right")},children:"Drawer Right"}),e(r.Button.Border.R,{onClick:i=>{v.open({tipsID:"test40",content:e(o,{padding:1,border:!0,borderRadius:2,backgroundColor:"dark",fontColor:"white",children:"Content"}),parent:i.target})},children:"Open Tooltips"})]})}),t(B.Center,{children:["Image Picker",e(f,{src:l.Images.defaultIcon("user"),unitWidth:6,unitHeight:6,showExpand:!0})]})]})]})]})},D={_:()=>e(u,{children:t(h,{children:[e(D.Normal,{}),e(D.Data,{}),e(D.Drag,{}),e(D.Spread,{})]})}),Normal:()=>{let a=[];for(var i=0;i<10;i++){let s=[{children:"head_"+i},{children:"data_"+i},{children:"data_"+i}];a.push(s)}return t(u,{children:[e(o,{fontSize:"5.subTitle",children:"Table.Normal"}),e(m.Normal,{colLength:3,head:[{children:"head1"},{children:"head2"},{children:"head3"}],rows:a,ssCardBox:!0,onRowClick:s=>{console.log(s)}})]})},Drag:()=>{let a=[];for(var i=0;i<4;i++){let s=[{children:"head_"+i},{children:"data_"+i},{children:"data_"+i}];s.rowID="rowID-"+i,a.push(s)}return t(u,{children:[e(o,{fontSize:"5.subTitle",children:"Table.Drag"}),e(m.Drag,{colLength:3,head:[{children:"head1"},{children:"head2"},{children:"head3"}],rows:a,ssCardBox:!0,onOrderChanged:s=>{console.log(s)}})]})},Data:()=>{let a=[];for(var i=0;i<100;i++){let p=Math.round(Math.random()*50+1),y=Math.round(Math.random()*50+1),A=Math.round(Math.random()*50+1),b="name_"+p,W="data_"+y,E="data_"+A,H=[{type:"th",children:i+":"+b,data:b,orderIndex:i},{type:"td",children:W,data:W},{type:"td",children:E,data:E}];a.push(H)}a[1].checked=!0,a[4].checked=!0,a[10].checked=!0;let s="testDataTable";return t(u,{children:[t(c,{horizontalAlign:"between",children:[e(o,{fontSize:"5.subTitle",children:"Table.Data"}),t(c,{gap:"1/2",backgroundColor:"theme",borderRadius:"1.tone.primary",overflow:"hidden",fontColor:"white",children:[e(r.Button.Clear.R,{color:"white",children:"SubmitButton"}),e(o,{flexSizing:"none",unitWidth:"1/4",backgroundColor:"layer.4.opa.middle",isRounded:!0,margin:["2/3",0]}),e(r.Button.Clear.R,{padding:[0,1],color:"white",onClick:p=>{v.open({tipsID:S.uuid.gen(),parent:p.target,gravityPoint:24,close_option:{aroundClick:!0,parentBlur:!1},content:e(u,{children:t(h,{gap:0,padding:["2/3",0],backgroundColor:"layer.1",borderRadius:2,boxShadow:"0.normal",overflow:"hidden",children:[e(r.Button.Clear.S,{borderRadius:0,borderBottom:"1.thin",children:"\u3059\u3079\u3066\u3092\u51FA\u529B"}),e(r.Button.Clear.S,{borderRadius:0,borderBottom:"1.thin",children:"\u3053\u306E\u30DA\u30FC\u30B8\u306E\u307F\u51FA\u529B"}),e(r.Button.Clear.S,{borderRadius:0,children:"\u30C1\u30A7\u30C3\u30AF\u3057\u305F\u884C\u306E\u307F\u51FA\u529B"})]})})})},children:e(x.EllipsisV,{})})]})]}),t(B.Separate,{verticalAlign:"bottom",children:[t(B.Left,{verticalAlign:"bottom",children:[e(m.Data.SearchInput,{tableID:s}),e(m.Data.Info,{tableID:s})]}),t(B.Right,{verticalAlign:"unset",children:[e(m.Data.RowLength,{tableID:s,lengthSelect:[30,50,100]}),e(m.Data.Paging,{tableID:s})]})]}),e(m.Data,{tableID:s,colLength:3,head:[{data:"head1"},{data:"head2"},{data:"head3"}],rows:a,pageRowLength:30,ssCardBox:!0,filter:[!0],checker:!0})]})},Spread:()=>e(u,{children:e(o,{fontSize:"5.subTitle",children:"Table.Spread"})})},ee=()=>{let[a,i]=z(""),[s,p]=z(""),[y,A]=z("");return e(u,{children:t(o,{children:[t(r.Button.Prime.R,{onClick:()=>{$.open({use:"square",develops:[{size:"S"},{size:"R"},{size:"L"}],onProcessFinished:b=>I(void 0,null,function*(){i(yield b[0].toDataUrl()),p(yield b[1].toDataUrl()),A(yield b[2].toDataUrl())})})},children:[e(x.Image,{})," \u30A4\u30E1\u30FC\u30B8\u3092\u9078\u629E"]}),t(c,{verticalAlign:"top",gap:1,children:[a&&e(f,{isRounded:!0,src:a,alt:"",showExpand:!0,freeCSS:{maxWidth:12*12}}),s&&e(f,{style:{maxWidth:24*12},src:s,alt:"",showExpand:!0}),y&&e(f,{style:{maxWidth:24*12},src:y,alt:"",showExpand:!0}),e(J,{border:!0,borderWidth:3,margin:[3,"auto"],freeCSS:{width:12*10},slideIndex:1,options:{loop:!0,onSlideCallback:b=>{}},slides:[e(o,{backgroundColor:"nega",padding:3,flexCenter:!0,children:"test1"}),e(o,{backgroundColor:"posi",padding:3,flexCenter:!0,children:"test2"}),e(o,{backgroundColor:"warn",padding:3,flexCenter:!0,children:"test3"}),e(o,{backgroundColor:"theme",padding:3,flexCenter:!0,children:"test4"})]})]})]})})};let N=()=>{let[a,i]=z(Number(S.queryParams.get().ti)||0);return V(()=>{S.queryParams.set({ti:String(a)})},[a]),e(u,{children:t(h,{gap:0,minHeight:"contentHeight",backgroundColor:"layer.1",children:[e(j,{borderBottom:!0,position:"sticky",backgroundColor:"layer.1",top:"topBase",tabIndex:a,tabs:["Profiles","Basic","Buttons","Inputs","Styling","Effection","Tables","Croppie","PlayGround","Logo"],onTabChange:s=>{localStorage.setItem("designTabHeader",String(s)),i(s)},UnderBreakPointStyles:{position:"static",top:0}}),e(o,{flexSizing:0,position:"relative",freeCSS:{zIndex:1},children:e(K,{viewIndex:a,views:[e(O._,{}),e(R._,{}),e(P._,{}),e(Q,{}),e(Z,{}),e(L._,{}),e(D._,{}),e(ee,{}),e(C._,{})],wrapper:s=>e(X.FadeIn,{animationTime:200,children:e(_,{children:e(c,{gap:2,padding:2,flexWrap:!0,flexChilds:"auto",children:s})})},a)})})]})})};export{N as DesignBook,N as default};
+} )`})}),t(h,{padding:2,children:[e(r.Button.Border.R,{onClick:i=>{v.open({tipsID:"testTips",parent:i.currentTarget,close_option:{parentBlur:!1,aroundClick:!1,escapeKeyDown:!0},content:()=>e(T.Comps.Body,{padding:2,children:e(r.Button.Prime.R,{onClick:()=>{T.open({sheetID:"testSheet",close_option:{aroundClick:!0},type:"normal.middleLeft",content:()=>e(T.Comps.Body,{padding:2,children:"END"})})},children:"nest"})})})},children:"Tooltips with nested sheet"}),e(o,{flexCenter:!0,children:t(g,{gridCols:3,gap:1,children:[e(r.Button.Border.R,{onClick:()=>{a("normal.topLeft")},children:"Top Left"}),e(r.Button.Border.R,{onClick:()=>{a("normal.topCenter")},children:"Top Center"}),e(r.Button.Border.R,{onClick:()=>{a("normal.topRight")},children:"Top Right"}),e(r.Button.Border.R,{onClick:()=>{a("normal.middleLeft")},children:"Middle Left"}),e(r.Button.Border.R,{onClick:()=>{a("normal.middleCenter")},children:"Middle Center"}),e(r.Button.Border.R,{onClick:()=>{a("normal.middleRight")},children:"Middle Right"}),e(r.Button.Border.R,{onClick:()=>{a("normal.bottomLeft")},children:"Bottom Left"}),e(r.Button.Border.R,{onClick:()=>{a("normal.bottomCenter")},children:"Bottom Center"}),e(r.Button.Border.R,{onClick:()=>{a("normal.bottomRight")},children:"Bottom Right"}),e(r.Button.Border.R,{onClick:()=>{a("drawer.left")},children:"Drawer Left"}),e(r.Button.Border.R,{onClick:()=>{a("drawer.bottom")},children:"Drawer Bottom"}),e(r.Button.Border.R,{onClick:()=>{a("drawer.right")},children:"Drawer Right"}),e(r.Button.Border.R,{onClick:i=>{v.open({tipsID:"test40",content:e(o,{padding:1,border:!0,borderRadius:2,backgroundColor:"dark",fontColor:"white",children:"Content"}),parent:i.target})},children:"Open Tooltips"})]})}),t(B.Center,{children:["Image Picker",e(f,{src:l.Images.defaultIcon("user"),unitWidth:6,unitHeight:6,showExpand:!0})]})]})]})]})},D={_:()=>e(u,{children:t(h,{children:[e(D.Normal,{}),e(D.Data,{}),e(D.Drag,{}),e(D.Spread,{})]})}),Normal:()=>{let a=[];for(var i=0;i<10;i++){let s=[{children:"head_"+i},{children:"data_"+i},{children:"data_"+i}];a.push(s)}return t(u,{children:[e(o,{fontSize:"5.subTitle",children:"Table.Normal"}),e(m.Normal,{colLength:3,head:[{children:"head1"},{children:"head2"},{children:"head3"}],rows:a,ssCardBox:!0,onRowClick:s=>{console.log(s)}})]})},Drag:()=>{let a=[];for(var i=0;i<4;i++){let s=[{children:"head_"+i},{children:"data_"+i},{children:"data_"+i}];s.rowID="rowID-"+i,a.push(s)}return t(u,{children:[e(o,{fontSize:"5.subTitle",children:"Table.Drag"}),e(m.Drag,{colLength:3,head:[{children:"head1"},{children:"head2"},{children:"head3"}],rows:a,ssCardBox:!0,onOrderChanged:s=>{console.log(s)}})]})},Data:()=>{let a=[];for(var i=0;i<100;i++){let p=Math.round(Math.random()*50+1),y=Math.round(Math.random()*50+1),A=Math.round(Math.random()*50+1),b="name_"+p,W="data_"+y,E="data_"+A,H=[{type:"th",children:i+":"+b,data:b,orderIndex:i},{type:"td",children:W,data:W},{type:"td",children:E,data:E}];a.push(H)}a[1].checked=!0,a[4].checked=!0,a[10].checked=!0;let s="testDataTable";return t(u,{children:[t(c,{horizontalAlign:"between",children:[e(o,{fontSize:"5.subTitle",children:"Table.Data"}),t(c,{gap:"1/2",backgroundColor:"theme",borderRadius:"1.tone.primary",overflow:"hidden",fontColor:"white",children:[e(r.Button.Clear.R,{color:"white",children:"SubmitButton"}),e(o,{flexSizing:"none",unitWidth:"1/4",backgroundColor:"layer.4.opa.middle",isRounded:!0,margin:["2/3",0]}),e(r.Button.Clear.R,{padding:[0,1],color:"white",onClick:p=>{v.open({tipsID:S.uuid.gen(),parent:p.target,gravityPoint:24,close_option:{aroundClick:!0,parentBlur:!1},content:e(u,{children:t(h,{gap:0,padding:["2/3",0],backgroundColor:"layer.1",borderRadius:2,boxShadow:"0.normal",overflow:"hidden",children:[e(r.Button.Clear.S,{borderRadius:0,borderBottom:"1.thin",children:"\u3059\u3079\u3066\u3092\u51FA\u529B"}),e(r.Button.Clear.S,{borderRadius:0,borderBottom:"1.thin",children:"\u3053\u306E\u30DA\u30FC\u30B8\u306E\u307F\u51FA\u529B"}),e(r.Button.Clear.S,{borderRadius:0,children:"\u30C1\u30A7\u30C3\u30AF\u3057\u305F\u884C\u306E\u307F\u51FA\u529B"})]})})})},children:e(x.EllipsisV,{})})]})]}),t(B.Separate,{verticalAlign:"bottom",children:[t(B.Left,{verticalAlign:"bottom",children:[e(m.Data.SearchInput,{tableID:s}),e(m.Data.Info,{tableID:s})]}),t(B.Right,{verticalAlign:"unset",children:[e(m.Data.RowLength,{tableID:s,lengthSelect:[30,50,100]}),e(m.Data.Paging,{tableID:s})]})]}),e(m.Data,{tableID:s,colLength:3,head:[{data:"head1"},{data:"head2"},{data:"head3"}],rows:a,pageRowLength:30,ssCardBox:!0,filter:[!0],checker:!0})]})},Spread:()=>e(u,{children:e(o,{fontSize:"5.subTitle",children:"Table.Spread"})})},ee=()=>{let[a,i]=z(""),[s,p]=z(""),[y,A]=z("");return e(u,{children:t(o,{children:[t(r.Button.Prime.R,{onClick:()=>{$.open({use:"square",develops:[{size:"S"},{size:"R"},{size:"L"}],onProcessFinished:b=>I(void 0,null,function*(){i(yield b[0].toDataUrl()),p(yield b[1].toDataUrl()),A(yield b[2].toDataUrl())})})},children:[e(x.Image,{})," \u30A4\u30E1\u30FC\u30B8\u3092\u9078\u629E"]}),t(c,{verticalAlign:"top",gap:1,children:[a&&e(f,{isRounded:!0,src:a,alt:"",showExpand:!0,freeCSS:{maxWidth:12*12}}),s&&e(f,{style:{maxWidth:24*12},src:s,alt:"",showExpand:!0}),y&&e(f,{style:{maxWidth:24*12},src:y,alt:"",showExpand:!0}),e(J,{border:!0,borderWidth:3,margin:[3,"auto"],freeCSS:{width:12*10},slideIndex:1,options:{loop:!0,onSlideCallback:b=>{}},slides:[e(o,{backgroundColor:"nega",padding:3,flexCenter:!0,children:"test1"}),e(o,{backgroundColor:"posi",padding:3,flexCenter:!0,children:"test2"}),e(o,{backgroundColor:"warn",padding:3,flexCenter:!0,children:"test3"}),e(o,{backgroundColor:"theme",padding:3,flexCenter:!0,children:"test4"})]})]})]})})};let N=()=>{let[a,i]=z(Number(S.queryParams.get().ti)||0);return V(()=>{S.queryParams.set({ti:String(a)})},[a]),e(u,{children:t(h,{gap:0,minHeight:"contentHeight",backgroundColor:"layer.1",children:[e(j,{borderBottom:!0,position:"sticky",backgroundColor:"layer.1",top:"topBase",tabIndex:a,tabs:["Profiles","Basic","Buttons","Inputs","Styling","Effection","Tables","Croppie","PlayGround","Logo"],onTabChange:s=>{localStorage.setItem("designTabHeader",String(s)),i(s)},UnderBreakPointStyles:{position:"static",top:0}}),e(o,{flexSizing:0,position:"relative",freeCSS:{zIndex:1},children:e(K,{viewIndex:a,views:[e(O._,{}),e(R._,{}),e(P._,{}),e(Q,{}),e(Z,{}),e(L._,{}),e(D._,{}),e(ee,{}),e(C._,{})],wrapper:s=>e(X.FadeIn,{animationTime:200,children:e(_,{children:e(c,{gap:2,padding:2,flexWrap:!0,flexChilds:"auto",children:s})})},a)})})]})})};export{N as DesignBook,N as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "amotify",
-  "version": "0.2.8",
+  "version": "0.2.10",
   "description": "UI Component for React,NextJS,esbuild",
   "scripts": {
     "start": "run-p clean build:*",
@@ -89,7 +89,7 @@
     "@fortawesome/free-regular-svg-icons": "^6.5.2",
     "@fortawesome/free-solid-svg-icons": "^6.5.1",
     "@fortawesome/react-fontawesome": "^0.2.0",
-    "@mingoo/jsmin": "^0.0.46",
+    "@mingoo/jsmin": "^0.0.48",
     "react": "^18.3.1"
   },
   "devDependencies": {