amotify 0.1.60 → 0.2.0

package/dist/fn/Input/Time/index.js

@@ -1 +1 @@
-import{a as Y,b as o,c as _,d as H}from"../../../chunk-VY3566IV.js";import{Fragment as ke,jsx as T,jsxs as Z}from"react/jsx-runtime";import{useState as W,useEffect as X,useRef as re}from"react";import b from"@mingoo/jsmin";import{$$fromRoot as ie,Config as z,useStore as O}from"../../../@utils";import ae from"../../../atoms/Box";import ne from"../../../atoms/FAI";import q from"../../Button";import G from"../../Tooltips";import{faClock as le}from"@fortawesome/free-solid-svg-icons/faClock";import{faCalendarAlt as oe}from"@fortawesome/free-solid-svg-icons/faCalendarAlt";import{Wrapper as se,BoxWrapper as me,SubmitForm as ue,CommonEffects as pe,DefaultStyles as ce}from"../core";import de from"../Hidden";import fe from"../Select";import he from"../Parts";import ge from"./Picker";const A=" ~ ",ye={clock:{defaultValue:"--:--",format:/^\d{2}\D\d{2}$/,ranges:[{type:"hour",from:0,length:2},{type:"minute",from:3,length:2}],sets:1},date:{defaultValue:"----/--/--",format:/^\d{4}\D\d{2}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2},{type:"date",from:8,length:2}],sets:1},week:{defaultValue:"----\u5E74\u7B2C--\u9031",format:/^\d{4}\D\d{2}$/,ranges:[{type:"year",from:0,length:4,region:6},{type:"week",from:6,length:2,region:3}],sets:1},month:{defaultValue:"----\u5E74--\u6708",format:/^\d{4}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2,region:3}],sets:1},year:{defaultValue:"----\u5E74",format:/^\d{4}$/,ranges:[{type:"year",from:0,length:4,region:5}],sets:1},dates:{defaultValue:"----/--/--",format:/^\d{4}\D\d{2}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2},{type:"date",from:8,length:2,region:5},{type:"year",from:10+A.length,length:4},{type:"month",from:15+A.length,length:2},{type:"date",from:18+A.length,length:2}],sets:2},months:{defaultValue:"----\u5E74--\u6708",format:/^\d{4}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2,region:6},{type:"year",from:8+A.length,length:4},{type:"month",from:13+A.length,length:2,region:3}],sets:2},dateWareki:{defaultValue:"----\u5E74--\u6708--\u65E5",format:/^\d{4}\D\d{2}\D\d{2}$/,ranges:[{type:"dateWareki",from:0,length:4,region:5},{type:"month",from:5,length:2,region:3},{type:"date",from:8,length:2,region:3}],sets:1}},P=e=>{let{restrict:l,value:v,era:t}=e,D=b.flatArray(v||""),{defaultValue:h,format:d,ranges:p,sets:i}=ye[l],m=[],n=l=="clock"?":":"/";for(let a=0;a<D.length;a++)D[a]=String(D[a]).replace(/\D/ig,n);for(let a=0;a<i;a++){let c=D[a]||"";if(!c.match(d))D[a]="",m.push(h);else{let x=h;c.split(/\D/).forEach((S,R)=>{if(R==0&&l=="dateWareki"){let y=Number(S);t!="year"&&(y>=2019?t=="reiwa"?y-=2018:t=="heisei"&&(y=31):y>=1989?t=="heisei"?y-=1988:t=="shouwa"&&(y=64):y>=1926?t=="shouwa"?y-=1925:t=="taisho"&&(y=15):y>=1912?t=="taisho"?y-=1911:t=="meiji"&&(y=45):y>=1868&&(y-=1867)),S=y.zeroEmbed(4)}x=x.replace(new RegExp("------------------".slice(0,S.length)),S)}),m.push(x)}}return{formatValue:m.join(A),dataValue:["dates","months"].includes(l)?D:D[0],ranges:p}};function ve(e){let{para:l}=e,{restrict:v,min:t,max:D,required:h}=l,d=[],p=b.flatArray(e.value),i={empty:!1,escalated:1,filled:!0,correct:!0,prohibited:!1};(()=>{let m=v=="clock"?":":"/";for(let n=0;n<p.length;n++)p[n]=String(p[n]).replace(/\D/ig,m);for(let n=0;n<p.length;n++){let a=p[n],c=p[n-1];a.removeLetters()||(i.empty=!0),n>0&&(i.escalated&=+(a>=c))}i.escalated&&(i.empty||(v.match(/clock/)?p.forEach(n=>{let[a,c]=n.split(/\D+/);!a||!c?i.filled=!1:(Number(a)>23||Number(c)>59)&&(i.correct=!1)}):v.match(/date/)?p.forEach(n=>{let[a,c,x]=n.split(/\D+/);if(!a||!c||!x)i.filled=!1;else{let S=b.Time(n);(!S.validate||n!=S.toFormatYMD())&&(i.correct=!1)}}):v.match(/week/)?p.forEach(n=>{let[a,c]=n.split(/\D+/);if(!a||!c)i.filled=!1;else{let x=b.Time(a+"/01/01").weekday,R=b.Time(a+"/01/0"+(7-x+1)).addWeek(Number(c)-1);a!=String(R.year)&&(i.correct=!1)}}):v.match(/month/)?p.forEach(n=>{let[a,c]=n.split(/\D+/);!a||!c?i.filled=!1:b.Time([a,c,"01"].join("/")).validate||(i.correct=!1)}):v.match(/year/),i.filled&&i.correct&&p.forEach(n=>{{let a=Number(String(n).replace(/\D/ig,""));if(t&&Number(String(t).replace(/\D/ig,""))>a&&(i.prohibited=!0),D){let c=Number(String(D).replace(/\D/ig,""));a>c&&(i.prohibited=!0)}}})))})();{let{empty:m,escalated:n,filled:a,correct:c,prohibited:x}=i;m&&h&&(d=[{type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}]),n||d.push({type:"invalid",label:"\u6642\u7CFB\u5217\u3092\u6B63\u3057\u304F\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),c||d.push({type:"invalid",label:"\u7121\u52B9\u306A\u5024\u304C\u5165\u529B\u3055\u308C\u3066\u3044\u307E\u3059"}),a||d.push({type:"invalid",label:"\u6700\u5F8C\u307E\u3067\u5024\u3092\u57CB\u3081\u3066\u304F\u3060\u3055\u3044"}),x&&d.push({type:"invalid",label:Z(ke,{children:[T(ae,{children:"\u5165\u529B\u7BC4\u56F2\u304C\u5236\u9650\u3055\u308C\u3066\u3044\u307E\u3059"}),"[",t||"\u4E0B\u9650\u7121\u3057","] ~ [",D||"\u4E0A\u9650\u7121\u3057","]"]})})}return{ok:!d.filter(({type:m})=>m=="invalid").length,notice:d}}const Q={picker:{launch:e=>{let l=e.tipsID||b.uuid.gen();G.open(_(o({gravityPoint:e.gravityPoint||24,padding:"1/2",tipsID:l},e),{close_option:o({aroundClick:!0,parentBlur:!1},e.close_option),content:T(ge,{restrict:e.restrict,min:e.min,max:e.max,era:e.era,defaultValue:e.defaultValue,tipsID:l,onValueUpdate:(v,t)=>{e.onValueUpdate(v,t)}})}))},remove:e=>{G.close(e)}}},De=e=>{let U=e,{tone:l,required:v,restrict:t="clock",componentID:D,era:h,form:d,name:p,min:i,max:m,className:n,enableFormSubmit:a,checkValidationAtFirst:c,onKeyDown:x,onValidate:S,onUpdateValue:R,onUpdateValidValue:y,value:$="",leftIndicator:J,rightIndicator:F}=U,f=H(U,["tone","required","restrict","componentID","era","form","name","min","max","className","enableFormSubmit","checkValidationAtFirst","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","leftIndicator","rightIndicator"]),[r,C]=W(h),[s,V]=W(_(o({componentID:e.componentID||""},P({restrict:t,value:$,era:r})),{eventType:"init",eventID:b.uuid.gen()})),[g,M]=W({ok:!1,notice:[]}),[I,k]=W({active:!1,index:0,prevIndex:-1});pe({type:"time",para:e,val_status:s,set_status:V,val_validate:g,set_validate:M,DefaultValidation:ve,onUpdateValue:R,onUpdateValidValue:y,ExtraOverrideParams:o({},P({restrict:t,value:$,era:r}))});const E=re(!1);return X(()=>{if(E.current){V(o(o({},s),P({restrict:t,value:s.dataValue,era:r})));let u=O.get("refreshEra_"+s.componentID);u&&u.refreshEra(r)}else E.current=!0},[r]),O.update({key:s.componentID,value:{openPicker:()=>{e.disabled||Q.picker.launch({parent:"#Picker-"+s.componentID,tipsID:"PickerTips-"+s.componentID,restrict:t,min:i,max:m,defaultValue:s.dataValue,era:r,onValueUpdate:(u,w)=>{V(_(o(o({},s),P({restrict:t,value:u,era:w})),{eventType:"update",eventID:b.uuid.gen()})),C(w)}})},resetEra:u=>{C(u),V(_(o(o({},s),P({restrict:t,value:"",era:r})),{eventType:"update",eventID:b.uuid.gen()}))}}}),X(()=>{let{index:u,active:w}=I;if(w){u=Math.max(u,0),u=Math.min(u,s.ranges.length-1);let{from:B,length:L}=s.ranges[u],j=ie("#"+e.id)[0];j&&j.setSelectionRange(B,B+L)}},[I]),Z(me,{val_status:s,set_status:V,val_validate:g,para:e,children:[T(de,{name:p,"data-input-type":"time","data-form":d,"data-validation":g.ok,componentID:s.componentID,"data-value":JSON.stringify(["dates","months"].includes(t)?!s.dataValue[0]||!s.dataValue[1]?null:s.dataValue:s.dataValue||null)}),z.get().isTouchDevice?T(q.Button.Plain,{className:n,freeCSS:{textAlign:"left"},children:s.formatValue,onClick:u=>{let w=O.get(s.componentID);w&&w.openPicker(),u.stopPropagation()}}):T("input",o({type:"text",inputMode:"numeric","data-input-type":"time","data-form-name":d,value:s.formatValue,className:n,tabIndex:z.get().isTouchDevice?-1:0,onKeyDown:u=>{Ie({restrict:t,event:u,val_era:r,val_status:s,set_status:V,val_focus:I,set_focus:k}),x&&x(u),a&&ue(u)},onKeyUp:u=>{u.key=="Tab"&&k(_(o({},I),{active:!0}))},onClick:u=>{let w=u.target.selectionEnd,B=0;s.ranges.forEach((L,j)=>{let{from:K,length:ee,region:te}=L;K<=w&&w<=K+(te||ee)&&(B=j)}),k(_(o({},I),{active:!0,index:B})),u.preventDefault()},onChange:()=>{}},f))]})},Ie=e=>{let{val_era:l,restrict:v,event:t,val_status:D,set_status:h,val_focus:d,set_focus:p}=e,{key:i,shiftKey:m,ctrlKey:n,metaKey:a}=t,c=n||a,{selectionStart:x,selectionEnd:S}=t.target,{index:R,prevIndex:y}=d,{ranges:$,formatValue:J}=D,F=$.length-1;if(["Tab","ArrowLeft","ArrowRight"].includes(i)){let f=0;if(i=="Tab"){let r=+!m*2-1;if(f=d.index+r,f<0||f>F)return}else{let r=i=="ArrowLeft"?-1:i=="ArrowRight"?1:0;c||x==0&&S==String(D.formatValue).length?f=r==1?F:0:f=Math.max(0,Math.min(R+r,F))}p(_(o({},d),{index:f,prevIndex:R})),t.preventDefault()}if(["Backspace","ArrowUp","ArrowDown","0","1","2","3","4","5","6","7","8","9"].includes(i)){t.preventDefault();let f=R;f=Math.max(f,0),f=Math.min(f,F);let{type:r,from:C,length:s}=$[f],V=J.slice(C,C+s),g;if(i=="Backspace")g="------".slice(0,s);else if(["ArrowUp","ArrowDown"].includes(i)){let M=i=="ArrowUp"?1:-1;V=V|0,g=V+M;let[I,k,E]=r=="dateWareki"?l=="year"?[0,2999,4]:l=="reiwa"?[1,2999,4]:l=="heisei"?[1,31,4]:l=="shouwa"?[1,64,4]:l=="taisho"?[1,15,4]:l=="meiji"?[1,45,4]:[0,0,0]:r=="minute"?[0,59,2]:r=="hour"?[0,23,2]:r=="date"?[1,31,2]:r=="week"?[1,53,2]:r=="month"?[1,12,2]:r=="year"?[0,2999,4]:[0,0,0];g>k?g=I:g<I&&(g=k),g=Number(g).zeroEmbed(E)}else if(["0","1","2","3","4","5","6","7","8","9"].includes(i)){let M=V|0,I=i,k=`${M}${I}`;if(y!=R&&(M=0,k="0"+I),r=="year"||r=="dateWareki"&&l=="year")Number(k)>1e4?g=I:g=k,(g|0)>1e3&&f++;else if(["hour","minute","date","week","month"].includes(r)||r=="dateWareki"&&l!="year"){let E=r=="dateWareki"?l=="reiwa"?100:l=="heisei"?31:l=="shouwa"?64:l=="taisho"?15:l=="meiji"?45:0:r=="minute"?59:r=="hour"?23:r=="date"?31:r=="week"?53:r=="month"?12:0;g=(k|0)>E?I:k,(Number(I)>Number(String(E)[0])||V=="0000".slice(0,String(E).length)&&(k!="0000".slice(0,String(E).length)||["minute","hour"].includes(r)&&y==R)||(k|0)>=Y(10,String(E).length-1))&&f++}r=="year"||r=="dateWareki"?g=(g|0).zeroEmbed(4):g=(g|0).zeroEmbed(2)}{let M=String(J).partReplace(C,String(g)),I=M.split(A).map(k=>k.replace(/(^\D|\D$)/,"").split(/\D+/).join(v=="clock"?":":"/").replace(/(^\D|\D$)/,""));if(v=="dateWareki"){let k=I[0].split(/\D/),[E,U,u]=k;k.length==3&&E&&(I=[[Number(E)-1+Number({year:1,reiwa:2019,heisei:1989,shouwa:1926,taisho:1912,meiji:1868}[l]),U,u].join("/")])}f=Math.max(f,0),f=Math.min(f,F),h(_(o({},D),{dataValue:["dates","months"].includes(v)?I:I[0],formatValue:M,eventType:"update",eventID:b.uuid.gen()})),p(_(o({},d),{index:f,prevIndex:d.index}))}}},N={Origin:e=>{e=o({},e);let[l]=W(e.componentID||b.uuid.gen());if(e.componentID=l,b.is.nullish(e.rightIndicator)){let v=(e.restrict||"").match(/clock/)?le:oe;e.rightIndicator=T(he.RightIndicator,{padding:0,children:T(q.Button.Sub.R,{color:"cloud",border:"unset",padding:[0,1],fontColor:"theme",borderRadius:"inherit",backgroundColor:"inherit",flexCenter:!0,height:1,ssEffectsOnActive:["ripple.cloud"],tabIndex:-1,id:"Picker-"+e.componentID,onClick:()=>{let t=O.get(e.componentID);t&&t.openPicker()},children:T(ne,{icon:v})})})}return T(se,{componentID:e.componentID,children:De,para:ce.Boxish(e)})},Clock:e=>T(N.Origin,o({restrict:"clock",era:"clock"},e)),Date:e=>T(N.Origin,o({restrict:"date"},e)),Week:e=>T(N.Origin,o({restrict:"week"},e)),Month:e=>T(N.Origin,o({restrict:"month"},e)),Year:e=>T(N.Origin,o({restrict:"year"},e)),DateWareki:e=>{e=o({},e);let[l]=W(e.componentID||b.uuid.gen());e.componentID=l;let{defaultEra:v="wareki"}=e,[t,D]=W((()=>{let h="year";if(v=="wareki"&&(h="reiwa",e.value)){let[d,p,i]=e.value.split(/\D/);if(d&&p&&i){let m=Number(d);m>=2019?(m-=2019,h="reiwa"):m>=1989?(m-=1989,h="heisei"):m>=1926?(m-=1926,h="shouwa"):m>=1912?(m-=1912,h="taisho"):m>=1868&&(m-=1868,h="meiji"),m+=1}}return h})());return X(()=>{O.set({key:"refreshEra_"+l,value:{refreshEra:h=>{D(h)}}})},[]),T(N.Origin,_(o({restrict:"dateWareki",leftIndicator:T(fe,{enableUnSelected:!1,value:t,tone:e.tone,override:"force",flexCenter:!0,borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3",height:1,freeCSS:{whiteSpace:"nowrap"},options:[{value:"year",label:"\u897F\u66A6"},{value:"reiwa",label:"\u4EE4\u548C"},{value:"heisei",label:"\u5E73\u6210"},{value:"shouwa",label:"\u662D\u548C"},{value:"taisho",label:"\u5927\u6B63"},{value:"meiji",label:"\u660E\u6CBB"}],onUpdateValidValue:({value:h,eventType:d})=>{D(h);let p=O.get(e.componentID);p&&p.resetEra&&p.resetEra(h)}})},e),{era:t}))},Periods:{Date:e=>T(N.Origin,o({restrict:"dates"},e)),Month:e=>T(N.Origin,o({restrict:"months"},e))},fn:Q};export{N as Time,N as default};
+import{a as Y,b as o,c as _,d as H}from"../../../chunk-VY3566IV.js";import{Fragment as ke,jsx as T,jsxs as Z}from"react/jsx-runtime";import{useState as W,useEffect as X,useRef as ae}from"react";import b from"@mingoo/jsmin";import{$$fromRoot as re,Config as z,useStore as C}from"../../../@utils";import ie from"../../../atoms/Box";import ne from"../../../atoms/FAI";import q from"../../Button";import G from"../../Tooltips";import{faClock as le}from"@fortawesome/free-solid-svg-icons/faClock";import{faCalendarAlt as oe}from"@fortawesome/free-solid-svg-icons/faCalendarAlt";import{Wrapper as se,BoxWrapper as me,SubmitForm as ue,CommonEffects as ce,DefaultStyles as pe}from"../core";import de from"../Hidden";import fe from"../Select";import he from"../Parts";import ge from"./Picker";const P=" ~ ",ye={clock:{defaultValue:"--:--",format:/^\d{2}\D\d{2}$/,ranges:[{type:"hour",from:0,length:2},{type:"minute",from:3,length:2}],sets:1},date:{defaultValue:"----/--/--",format:/^\d{4}\D\d{2}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2},{type:"date",from:8,length:2}],sets:1},week:{defaultValue:"----\u5E74\u7B2C--\u9031",format:/^\d{4}\D\d{2}$/,ranges:[{type:"year",from:0,length:4,region:6},{type:"week",from:6,length:2,region:3}],sets:1},month:{defaultValue:"----\u5E74--\u6708",format:/^\d{4}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2,region:3}],sets:1},year:{defaultValue:"----\u5E74",format:/^\d{4}$/,ranges:[{type:"year",from:0,length:4,region:5}],sets:1},dates:{defaultValue:"----/--/--",format:/^\d{4}\D\d{2}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2},{type:"date",from:8,length:2,region:5},{type:"year",from:10+P.length,length:4},{type:"month",from:15+P.length,length:2},{type:"date",from:18+P.length,length:2}],sets:2},months:{defaultValue:"----\u5E74--\u6708",format:/^\d{4}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2,region:6},{type:"year",from:8+P.length,length:4},{type:"month",from:13+P.length,length:2,region:3}],sets:2},dateWareki:{defaultValue:"----\u5E74--\u6708--\u65E5",format:/^\d{4}\D\d{2}\D\d{2}$/,ranges:[{type:"dateWareki",from:0,length:4,region:5},{type:"month",from:5,length:2,region:3},{type:"date",from:8,length:2,region:3}],sets:1}},B=e=>{let{restrict:l,value:v,era:t}=e,D=b.flatArray(v||""),{defaultValue:h,format:d,ranges:c,sets:r}=ye[l],m=[],n=l=="clock"?":":"/";for(let i=0;i<D.length;i++)D[i]=String(D[i]).replace(/\D/ig,n);for(let i=0;i<r;i++){let p=D[i]||"";if(!p.match(d))D[i]="",m.push(h);else{let x=h;p.split(/\D/).forEach((S,w)=>{if(w==0&&l=="dateWareki"){let y=Number(S);t!="year"&&(y>=2019?t=="reiwa"?y-=2018:t=="heisei"&&(y=31):y>=1989?t=="heisei"?y-=1988:t=="shouwa"&&(y=64):y>=1926?t=="shouwa"?y-=1925:t=="taisho"&&(y=15):y>=1912?t=="taisho"?y-=1911:t=="meiji"&&(y=45):y>=1868&&(y-=1867)),S=y.zeroEmbed(4)}x=x.replace(new RegExp("------------------".slice(0,S.length)),S)}),m.push(x)}}return{formatValue:m.join(P),dataValue:["dates","months"].includes(l)?D:D[0],ranges:c}};function ve(e){let{states:l}=e,{restrict:v,min:t,max:D,required:h}=l,d=[],c=b.flatArray(e.value),r={empty:!1,escalated:1,filled:!0,correct:!0,prohibited:!1};(()=>{let m=v=="clock"?":":"/";for(let n=0;n<c.length;n++)c[n]=String(c[n]).replace(/\D/ig,m);for(let n=0;n<c.length;n++){let i=c[n],p=c[n-1];i.removeLetters()||(r.empty=!0),n>0&&(r.escalated&=+(i>=p))}r.escalated&&(r.empty||(v.match(/clock/)?c.forEach(n=>{let[i,p]=n.split(/\D+/);!i||!p?r.filled=!1:(Number(i)>23||Number(p)>59)&&(r.correct=!1)}):v.match(/date/)?c.forEach(n=>{let[i,p,x]=n.split(/\D+/);if(!i||!p||!x)r.filled=!1;else{let S=b.Time(n);(!S.validate||n!=S.toFormatYMD())&&(r.correct=!1)}}):v.match(/week/)?c.forEach(n=>{let[i,p]=n.split(/\D+/);if(!i||!p)r.filled=!1;else{let x=b.Time(i+"/01/01").weekday,w=b.Time(i+"/01/0"+(7-x+1)).addWeek(Number(p)-1);i!=String(w.year)&&(r.correct=!1)}}):v.match(/month/)?c.forEach(n=>{let[i,p]=n.split(/\D+/);!i||!p?r.filled=!1:b.Time([i,p,"01"].join("/")).validate||(r.correct=!1)}):v.match(/year/),r.filled&&r.correct&&c.forEach(n=>{{let i=Number(String(n).replace(/\D/ig,""));if(t&&Number(String(t).replace(/\D/ig,""))>i&&(r.prohibited=!0),D){let p=Number(String(D).replace(/\D/ig,""));i>p&&(r.prohibited=!0)}}})))})();{let{empty:m,escalated:n,filled:i,correct:p,prohibited:x}=r;m&&h&&(d=[{type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}]),n||d.push({type:"invalid",label:"\u6642\u7CFB\u5217\u3092\u6B63\u3057\u304F\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),p||d.push({type:"invalid",label:"\u7121\u52B9\u306A\u5024\u304C\u5165\u529B\u3055\u308C\u3066\u3044\u307E\u3059"}),i||d.push({type:"invalid",label:"\u6700\u5F8C\u307E\u3067\u5024\u3092\u57CB\u3081\u3066\u304F\u3060\u3055\u3044"}),x&&d.push({type:"invalid",label:Z(ke,{children:[T(ie,{children:"\u5165\u529B\u7BC4\u56F2\u304C\u5236\u9650\u3055\u308C\u3066\u3044\u307E\u3059"}),"[",t||"\u4E0B\u9650\u7121\u3057","] ~ [",D||"\u4E0A\u9650\u7121\u3057","]"]})})}return{ok:!d.filter(({type:m})=>m=="invalid").length,notice:d}}const Q={picker:{launch:e=>{let l=e.tipsID||b.uuid.gen();G.open(_(o({gravityPoint:e.gravityPoint||24,padding:"1/2",tipsID:l},e),{close_option:o({aroundClick:!0,parentBlur:!1},e.close_option),content:T(ge,{restrict:e.restrict,min:e.min,max:e.max,era:e.era,defaultValue:e.defaultValue,tipsID:l,onValueUpdate:(v,t)=>{e.onValueUpdate(v,t)}})}))},remove:e=>{G.close(e)}}},De=e=>{let U=e,{tone:l,required:v,restrict:t="clock",componentID:D,era:h,form:d,name:c,min:r,max:m,className:n,enableFormSubmit:i,checkValidationAtFirst:p,onKeyDown:x,onValidate:S,onUpdateValue:w,onUpdateValidValue:y,value:O="",leftIndicator:J,rightIndicator:F}=U,f=H(U,["tone","required","restrict","componentID","era","form","name","min","max","className","enableFormSubmit","checkValidationAtFirst","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","leftIndicator","rightIndicator"]),[a,A]=W(h),[s,V]=W(_(o({componentID:e.componentID||""},B({restrict:t,value:O,era:a})),{eventType:"init",eventID:b.uuid.gen()})),[g,M]=W({ok:!1,notice:[]}),[I,k]=W({active:!1,index:0,prevIndex:-1});ce({type:"time",states:e,val_status:s,set_status:V,val_validate:g,set_validate:M,DefaultValidation:ve,onUpdateValue:w,onUpdateValidValue:y,ExtraOverrideStates:o({},B({restrict:t,value:O,era:a}))});const E=ae(!1);return X(()=>{if(E.current){V(o(o({},s),B({restrict:t,value:s.dataValue,era:a})));let u=C.get("refreshEra_"+s.componentID);u&&u.refreshEra(a)}else E.current=!0},[a]),C.update({[s.componentID]:{openPicker:()=>{e.disabled||Q.picker.launch({parent:"#Picker-"+s.componentID,tipsID:"PickerTips-"+s.componentID,restrict:t,min:r,max:m,defaultValue:s.dataValue,era:a,onValueUpdate:(u,R)=>{V(_(o(o({},s),B({restrict:t,value:u,era:R})),{eventType:"update",eventID:b.uuid.gen()})),A(R)}})},resetEra:u=>{A(u),V(_(o(o({},s),B({restrict:t,value:"",era:a})),{eventType:"update",eventID:b.uuid.gen()}))}}}),X(()=>{let{index:u,active:R}=I;if(R){u=Math.max(u,0),u=Math.min(u,s.ranges.length-1);let{from:$,length:L}=s.ranges[u],j=re("#"+e.id)[0];j&&j.setSelectionRange($,$+L)}},[I]),Z(me,{val_status:s,set_status:V,val_validate:g,states:e,children:[T(de,{name:c,"data-input-type":"time","data-form":d,"data-validation":g.ok,componentID:s.componentID,"data-value":JSON.stringify(["dates","months"].includes(t)?!s.dataValue[0]||!s.dataValue[1]?null:s.dataValue:s.dataValue||null)}),z.get().isTouchDevice?T(q.Button.Plain,{className:n,freeCSS:{textAlign:"left"},children:s.formatValue,onClick:u=>{let R=C.get(s.componentID);R&&R.openPicker(),u.stopPropagation()}}):T("input",o({type:"text",inputMode:"numeric","data-input-type":"time","data-form-name":d,value:s.formatValue,className:n,tabIndex:z.get().isTouchDevice?-1:0,onKeyDown:u=>{Ie({restrict:t,event:u,val_era:a,val_status:s,set_status:V,val_focus:I,set_focus:k}),x&&x(u),i&&ue(u)},onKeyUp:u=>{u.key=="Tab"&&k(_(o({},I),{active:!0}))},onClick:u=>{let R=u.target.selectionEnd,$=0;s.ranges.forEach((L,j)=>{let{from:K,length:ee,region:te}=L;K<=R&&R<=K+(te||ee)&&($=j)}),k(_(o({},I),{active:!0,index:$})),u.preventDefault()},onChange:()=>{}},f))]})},Ie=e=>{let{val_era:l,restrict:v,event:t,val_status:D,set_status:h,val_focus:d,set_focus:c}=e,{key:r,shiftKey:m,ctrlKey:n,metaKey:i}=t,p=n||i,{selectionStart:x,selectionEnd:S}=t.target,{index:w,prevIndex:y}=d,{ranges:O,formatValue:J}=D,F=O.length-1;if(["Tab","ArrowLeft","ArrowRight"].includes(r)){let f=0;if(r=="Tab"){let a=+!m*2-1;if(f=d.index+a,f<0||f>F)return}else{let a=r=="ArrowLeft"?-1:r=="ArrowRight"?1:0;p||x==0&&S==String(D.formatValue).length?f=a==1?F:0:f=Math.max(0,Math.min(w+a,F))}c(_(o({},d),{index:f,prevIndex:w})),t.preventDefault()}if(["Backspace","ArrowUp","ArrowDown","0","1","2","3","4","5","6","7","8","9"].includes(r)){t.preventDefault();let f=w;f=Math.max(f,0),f=Math.min(f,F);let{type:a,from:A,length:s}=O[f],V=J.slice(A,A+s),g;if(r=="Backspace")g="------".slice(0,s);else if(["ArrowUp","ArrowDown"].includes(r)){let M=r=="ArrowUp"?1:-1;V=V|0,g=V+M;let[I,k,E]=a=="dateWareki"?l=="year"?[0,2999,4]:l=="reiwa"?[1,2999,4]:l=="heisei"?[1,31,4]:l=="shouwa"?[1,64,4]:l=="taisho"?[1,15,4]:l=="meiji"?[1,45,4]:[0,0,0]:a=="minute"?[0,59,2]:a=="hour"?[0,23,2]:a=="date"?[1,31,2]:a=="week"?[1,53,2]:a=="month"?[1,12,2]:a=="year"?[0,2999,4]:[0,0,0];g>k?g=I:g<I&&(g=k),g=Number(g).zeroEmbed(E)}else if(["0","1","2","3","4","5","6","7","8","9"].includes(r)){let M=V|0,I=r,k=`${M}${I}`;if(y!=w&&(M=0,k="0"+I),a=="year"||a=="dateWareki"&&l=="year")Number(k)>1e4?g=I:g=k,(g|0)>1e3&&f++;else if(["hour","minute","date","week","month"].includes(a)||a=="dateWareki"&&l!="year"){let E=a=="dateWareki"?l=="reiwa"?100:l=="heisei"?31:l=="shouwa"?64:l=="taisho"?15:l=="meiji"?45:0:a=="minute"?59:a=="hour"?23:a=="date"?31:a=="week"?53:a=="month"?12:0;g=(k|0)>E?I:k,(Number(I)>Number(String(E)[0])||V=="0000".slice(0,String(E).length)&&(k!="0000".slice(0,String(E).length)||["minute","hour"].includes(a)&&y==w)||(k|0)>=Y(10,String(E).length-1))&&f++}a=="year"||a=="dateWareki"?g=(g|0).zeroEmbed(4):g=(g|0).zeroEmbed(2)}{let M=String(J).partReplace(A,String(g)),I=M.split(P).map(k=>k.replace(/(^\D|\D$)/,"").split(/\D+/).join(v=="clock"?":":"/").replace(/(^\D|\D$)/,""));if(v=="dateWareki"){let k=I[0].split(/\D/),[E,U,u]=k;k.length==3&&E&&(I=[[Number(E)-1+Number({year:1,reiwa:2019,heisei:1989,shouwa:1926,taisho:1912,meiji:1868}[l]),U,u].join("/")])}f=Math.max(f,0),f=Math.min(f,F),h(_(o({},D),{dataValue:["dates","months"].includes(v)?I:I[0],formatValue:M,eventType:"update",eventID:b.uuid.gen()})),c(_(o({},d),{index:f,prevIndex:d.index}))}}},N={Origin:e=>{e=o({},e);let[l]=W(e.componentID||b.uuid.gen());if(e.componentID=l,b.is.nullish(e.rightIndicator)){let v=(e.restrict||"").match(/clock/)?le:oe;e.rightIndicator=T(he.RightIndicator,{padding:0,children:T(q.Button.Sub.R,{color:"cloud",border:"unset",padding:[0,1],fontColor:"theme",borderRadius:"inherit",backgroundColor:"inherit",flexCenter:!0,height:1,ssEffectsOnActive:["ripple.cloud"],tabIndex:-1,id:"Picker-"+e.componentID,onClick:()=>{let t=C.get(e.componentID);t&&t.openPicker()},children:T(ne,{icon:v})})})}return T(se,{componentID:e.componentID,children:De,states:pe.Boxish(e)})},Clock:e=>T(N.Origin,o({restrict:"clock",era:"clock"},e)),Date:e=>T(N.Origin,o({restrict:"date"},e)),Week:e=>T(N.Origin,o({restrict:"week"},e)),Month:e=>T(N.Origin,o({restrict:"month"},e)),Year:e=>T(N.Origin,o({restrict:"year"},e)),DateWareki:e=>{e=o({},e);let[l]=W(e.componentID||b.uuid.gen());e.componentID=l;let{defaultEra:v="wareki"}=e,[t,D]=W((()=>{let h="year";if(v=="wareki"&&(h="reiwa",e.value)){let[d,c,r]=e.value.split(/\D/);if(d&&c&&r){let m=Number(d);m>=2019?(m-=2019,h="reiwa"):m>=1989?(m-=1989,h="heisei"):m>=1926?(m-=1926,h="shouwa"):m>=1912?(m-=1912,h="taisho"):m>=1868&&(m-=1868,h="meiji"),m+=1}}return h})());return X(()=>{C.set({["refreshEra_"+l]:{refreshEra:h=>{D(h)}}})},[]),T(N.Origin,_(o({restrict:"dateWareki",leftIndicator:T(fe,{enableUnSelected:!1,value:t,tone:e.tone,override:"force",flexCenter:!0,borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3",height:1,freeCSS:{whiteSpace:"nowrap"},options:[{value:"year",label:"\u897F\u66A6"},{value:"reiwa",label:"\u4EE4\u548C"},{value:"heisei",label:"\u5E73\u6210"},{value:"shouwa",label:"\u662D\u548C"},{value:"taisho",label:"\u5927\u6B63"},{value:"meiji",label:"\u660E\u6CBB"}],onUpdateValidValue:({value:h,eventType:d})=>{D(h);let c=C.get(e.componentID);c&&c.resetEra&&c.resetEra(h)}})},e),{era:t}))},Periods:{Date:e=>T(N.Origin,o({restrict:"dates"},e)),Month:e=>T(N.Origin,o({restrict:"months"},e))},fn:Q};export{N as Time,N as default};

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

@@ -6,7 +6,7 @@ declare namespace Wrapper {
     type Input = {
         componentID?: string;
         children: React.FC<any>;
-        para: any;
+        states: any;
     };
 }
 export declare const Wrapper: React.FC<Wrapper.Input>;
@@ -15,7 +15,7 @@ declare namespace BoxWrapper {
         val_status: any;
         set_status: React.Dispatch<React.SetStateAction<any>>;
         val_validate: InputTypes.Validation.Result;
-        para: any;
+        states: any;
         children: ReactElement;
     };
 }
@@ -23,7 +23,7 @@ export declare const BoxWrapper: React.FC<BoxWrapper.Input>;
 export declare const CommonEffects: {
     (props: {
         type?: string;
-        para: plainObject;
+        states: plainObject;
         val_status: InputTypes.Status.Plain;
         set_status: React.Dispatch<React.SetStateAction<any>>;
         val_validate: InputTypes.Validation.Result;
@@ -31,24 +31,24 @@ export declare const CommonEffects: {
         DefaultValidation: InputTypes.Validation.SystemCheck;
         onUpdateValue?: InputTypes.OnUpdateValue;
         onUpdateValidValue?: InputTypes.OnUpdateValue;
-        ExtraOverrideParams?: plainObject;
-        ExtraStoreParams?: plainObject;
+        ExtraOverrideStates?: plainObject;
+        ExtraStoreStates?: plainObject;
     }): void;
 };
 export declare const ValidationCheck: {
     (props: {
         val_status: InputTypes.Status.Plain;
         DefaultValidation: InputTypes.Validation.SystemCheck;
-        para: any;
+        states: any;
         set_validate: React.Dispatch<React.SetStateAction<InputTypes.Validation.Result>>;
     }): void;
 };
 export declare const SubmitForm: (event: React.KeyboardEvent) => boolean;
 export declare const DefaultStyles: {
-    Input: (type: InputTypes.BoxTone) => TagProperty.Para;
-    ListCell: (para: List.Plain) => List.Plain;
-    Boxish: (para: any) => any;
-    Indicator: (type: InputTypes.BoxTone) => TagProperty.Para;
-    IndicatorIcon: TagProperty.Para;
+    Input: (type: InputTypes.BoxTone) => TagProperty.States;
+    ListCell: (p: List.Plain) => List.Plain;
+    Boxish: (p: any) => any;
+    Indicator: (type: InputTypes.BoxTone) => TagProperty.States;
+    IndicatorIcon: TagProperty.States;
 };
 export {};

package/dist/fn/Input/core.js

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

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

@@ -25,8 +25,8 @@ export declare namespace InputTypes {
     };
     type CoreInput = UniInput & {
         className?: string;
-        wrapStyles?: TagProperty.Para;
-    } & TagProperty.Para;
+        wrapStyles?: TagProperty.States;
+    } & TagProperty.States;
     namespace Validation {
         type EventType = 'init' | 'update' | 'override' | 'refresh';
         type Notice = {
@@ -40,7 +40,7 @@ export declare namespace InputTypes {
         type SystemCheck = {
             (props: {
                 value: any;
-                para: any;
+                states: any;
             }): Result;
         };
         type OnValidate = {
@@ -99,7 +99,7 @@ import _Segmented from './Segmented';
 import _Parts from './Parts';
 declare namespace Input {
     type Methods = {
-        Plain: React.FC<TagProperty.Para & React.InputHTMLAttributes<HTMLInputElement>>;
+        Plain: React.FC<TagProperty.States & React.InputHTMLAttributes<HTMLInputElement>>;
         Hidden: React.FC<_Hidden.Input>;
         Text: _Text.Methods;
         TextArea: React.FC<_TextArea.Input>;

package/dist/fn/Input/index.js

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

package/dist/fn/Loader/corner.js

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

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

@@ -19,7 +19,7 @@ declare namespace Loader {
     };
     type Sizes = 'S' | 'R' | 'L' | 'XL' | 'MAX';
     type Colors = 'theme' | 'posi' | 'nega' | 'warn' | 'white' | 'cloud';
-    type CompInput = TagProperty.Para & {
+    type CompInput = TagProperty.States & {
         showInitial?: boolean;
         loaderID?: string;
     };
@@ -27,10 +27,6 @@ declare namespace Loader {
         Wrapper(): JSX.Element;
         fn: {
             stopALL(): void;
-            top: {
-                active(): void;
-                stop(): void;
-            };
             corner: {
                 active(): void;
                 stop(): void;

package/dist/fn/Loader/index.js

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

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

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

package/dist/fn/Loader/mini.js

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

package/dist/fn/PageNotFound.js

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

package/dist/fn/{Layout/PageViewController.d.ts → PageViewController.d.ts}

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

package/dist/fn/PageViewController.js

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

package/dist/fn/{Layout/Plate.d.ts → Plate.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import Box from '../../atoms/Box';
+import Box from '../atoms/Box';
 declare namespace Plate {
     type Input = {
         size?: 'XS' | 'S' | 'R' | 'L' | 'XL' | 'MAX';

package/dist/fn/Plate.js

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

package/dist/fn/{Layout/RootViewController.d.ts → RootViewController.d.ts}

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

package/dist/fn/RootViewController.js

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

package/dist/fn/Sheet.d.ts

@@ -5,9 +5,9 @@ import Box from '../atoms/Box';
 declare namespace Sheet {
     type Methods = {
         Wrapper(): JSX.Element;
-        open(para: Input): void;
-        refresh(para: Input, open: boolean): void;
-        resize(para: {
+        open(p: Input): void;
+        refresh(p: Input, open: boolean): void;
+        resize(p: {
             sheetID: string;
             size: Size;
         }): void;
@@ -20,7 +20,7 @@ declare namespace Sheet {
         };
     };
     type Input = Normal | Edge | Custom | Image | Bottom.Input;
-    type UniPara = {
+    type States = {
         sheetID?: string;
         sheetGroups?: string | string[];
         backgroundEffect?: boolean;
@@ -31,6 +31,7 @@ declare namespace Sheet {
         overwrap?: boolean;
         close_option?: CloseOptions;
         hold_state?: boolean;
+        bodyScrolls?: number;
         openAfter?(): void;
         closeAfter?(): void;
     } & TagProperty.BasicElement;
@@ -42,30 +43,30 @@ declare namespace Sheet {
         parentBlur?: boolean;
     };
     type Sheet = 'normal.topLeft' | 'normal.topCenter' | 'normal.topRight' | 'normal.middleLeft' | 'normal.middleCenter' | 'normal.middleRight' | 'normal.bottomLeft' | 'normal.bottomCenter' | 'normal.bottomRight' | 'drawer.left' | 'drawer.right' | 'drawer.bottom' | 'custom' | 'image';
-    type Normal = UniPara & {
+    type Normal = States & {
         type: Sheet;
         size?: Size;
     };
-    type Edge = UniPara & {
+    type Edge = States & {
         type: Sheet;
         size?: Size;
     };
-    type Custom = UniPara & {
+    type Custom = States & {
         type: 'custom';
         parent: $$.Args;
         gravityPoint?: number;
     };
-    type Image = Omit<UniPara, 'content'> & {
+    type Image = Omit<States, 'content'> & {
         type: 'image';
         src: string | string[];
     };
     namespace Bottom {
         type Sizes = 'S' | 'R' | 'L';
-        type Input = UniPara & {
+        type Input = States & {
             type: 'drawer.bottom';
             size: Sizes;
             sizeChanged?(size: Sizes): void;
-            baseStyles?: TagProperty.Para;
+            baseStyles?: TagProperty.States;
             close_option?: CloseOptions & {
                 swipeDown?: boolean;
             };

package/dist/fn/Sheet.js

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

@@ -12,7 +12,7 @@ declare namespace Snackbar {
             (): JSX.Element;
         };
         customChildren?: {
-            (para: {
+            (p: {
                 close(): void;
             }): JSX.Element;
         };

package/dist/fn/Snackbar.js

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

package/dist/fn/{Layout/SwipeView.d.ts → SwipeView.d.ts}

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

package/dist/fn/SwipeView.js

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

package/dist/fn/{Layout/TabBar.d.ts → TabBar.d.ts}

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