amotify 0.2.21 → 0.2.23

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

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

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

@@ -46,10 +46,10 @@ export declare const ValidationCheck: {
 };
 export declare const SubmitForm: (event: React.KeyboardEvent) => boolean;
 export declare const DefaultStyles: {
-    Input: (type: InputTypes.BoxTone) => TagProperty.States;
+    Input: (type: InputTypes.BoxTone) => TagProperty.PropsNFreeCSS;
     ListCell: (p: List.Plain) => List.Plain;
     Boxish: (p: any) => any;
-    Indicator: (type: InputTypes.BoxTone) => TagProperty.States;
-    IndicatorIcon: TagProperty.States;
+    Indicator: (type: InputTypes.BoxTone) => TagProperty.Properties;
+    IndicatorIcon: TagProperty.PropsNFreeCSS;
 };
 export {};

package/dist/fn/Input/core.js

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

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

@@ -26,7 +26,7 @@ export declare namespace InputTypes {
     };
     type CoreInput = UniInput & {
         className?: string;
-        wrapStyles?: TagProperty.States;
+        wrapStyles?: TagProperty.PropsNFreeCSS;
     } & TagProperty.States;
     namespace Validation {
         type EventType = 'init' | 'update' | 'override' | 'refresh';

package/dist/fn/Loader/corner.js

@@ -1 +1 @@
-import"../../chunk-C5N2D3ZX.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};
+import"../../chunk-C5N2D3ZX.js";import{jsx as s,jsxs as t}from"react/jsx-runtime";import{Config as l,useStore as n}from"../../@utils";import{useState as d,useEffect as c}from"react";import o from"../../atoms/Box";import a from"../../atoms/Flex";import{LoaderClasses as e}from"../../@styles/componentClasses";const u=()=>{let[i,r]=d(!1);return c(()=>{n.set({["Loader-corner-"+l.get().sessionUID+"-corner"]:{active:()=>{r(!0)},stop:()=>{r(!1)}}})},[]),t(a,{className:[e("CornerLoader"),i?e("isActive"):""].join(" "),styles:{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(a,{className:e("Wrap"),styles:{flexWrap:!1,verticalAlign:"center",horizontalAlign:"center"},children:[s(o,{className:e("Ld4")}),s(o,{className:e("Ld3")}),s(o,{className:e("Ld2")}),s(o,{className:e("Ld1")}),s(o,{className:e("Ld2")}),s(o,{className:e("Ld3")}),s(o,{className:e("Ld4")})]}),s(o,{styles:{fontColor:"white",fontSize:"0.xs",isSemiBoldFont:!0},children:"Loading..."})]})};export{u as Corner};

package/dist/fn/Loader/mini.js

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

package/dist/fn/PageNotFound.js

@@ -1 +1 @@
-import"../chunk-C5N2D3ZX.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};
+import"../chunk-C5N2D3ZX.js";import{jsx as t,jsxs as o}from"react/jsx-runtime";import e from"../atoms/Box";import i from"../atoms/FAI";import s from"../mols/Row";import r from"../mols/Text";import l from"../mols/Column";import a from"./Button";const m=()=>{let{href:n}=location;return t(s.Center,{styles:{padding:[4,1]},children:o(l,{styles:{ssCardBox:!0,gap:2,padding:[3,2],textAlign:"center",width:1},freeCSS:{maxWidth:12*30},children:[t(i.LinkSlash,{styles:{fontColor:"theme"},freeCSS:{fontSize:"3rem"}}),o(e,{children:[t(r.Paragraph,{children:"\u3053\u306E\u30DA\u30FC\u30B8\u306F\u3054\u5229\u7528\u3044\u305F\u3060\u3051\u307E\u305B\u3093\u3002"}),t(r.Supplement,{styles:{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"})]}),o(l,{children:[o(r.Normal,{styles:{textAlign:"left",ssCardBox:"cloud",isSemiBoldFont:!0,padding:1},children:["\u30FB\u30EA\u30F3\u30AF\u304C\u6B63\u3057\u3044\u304B",t(e,{styles:{margin:["1/2",0],borderBottom:!0}}),"\u30FB\u30EA\u30F3\u30AF\u306E\u6709\u52B9\u671F\u9650",t(e,{styles:{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"]}),t(a.Anchor.Link,{newTab:!0,href:n,children:n}),t(a.Anchor.BorderToFill.R,{href:"/",styles:{width:1},children:"\u30DB\u30FC\u30E0\u306B\u623B\u308B"})]})})};export{m as PageNotFound,m as default};

package/dist/fn/Plate.js

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

package/dist/fn/RootViewController.d.ts

@@ -7,11 +7,9 @@ declare namespace RootViewController {
     type Methods = {
         Base: React.FC<RootViewController.Base>;
         TopNavigation: React.FC<Flex.Input>;
-        SideNavigation: React.FC<Flex.Input & {
-            baseStyles?: TagProperty.States;
-        }>;
+        SideNavigation: React.FC<Flex.Input>;
         FooterNavigation: React.FC<Flex.Input & {
-            baseStyles?: TagProperty.States;
+            baseStyles?: TagProperty.Properties;
         }>;
         Comps: {
             Button: React.FC<Button>;

package/dist/fn/RootViewController.js

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

package/dist/fn/Sheet.js

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

package/dist/fn/Snackbar.js

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

package/dist/fn/SwipeView.js

@@ -1 +1 @@
-import{b as f,c as T,d as k}from"../chunk-C5N2D3ZX.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};
+import{b as S,c as I,d as k}from"../chunk-C5N2D3ZX.js";import{jsx as E}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,y=k(D,["options","wrapper","slides"]),[w]=L(c.uuid.gen()),[p,T]=L({eventType:"init",index:t.slideIndex});M(()=>{X.set({["SwipeTimer-"+w]:null})},[]);const g=N(!1);M(()=>{T({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;T({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),T({eventType:"usr",index:v})}))},[p]);let f=x.map((n,m)=>E(R,{styles:{flexSizing:"none",width:1,height:0},className:a("Child"),children:s(n)},m));i&&(f.push(f[0]),f.unshift(f[f.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:T},A=p.index+(i?1:0);return E(R,I(S({},y),{styles:S({overflow:"hidden",position:"relative"},y.styles),className:[y.className,a("SwipeView")].join(" "),freeCSS:S({zIndex:1},y.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:E(j,{styles:{flexWrap:!1,gap:1,transition:"long"},className:[a("Rail"),a("ShowOther_"+u)].join(" "),id:"Swiper-"+w,freeCSS:S({},g.current?{}:{transform:l.TrasformString(A)}),children:f})}))},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=I(S({},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=>E(B,I(S({},t),{slideIndex:Math.max(Math.min(t.slideIndex,t.slides.length-1),0)}));export{V as SwipeView,V as default};

package/dist/fn/TabBar.js

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

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

@@ -110,10 +110,10 @@ declare namespace Data {
         head: Data.HeadRow;
         rows: Data.BodyRow[];
         noRecords: ReactElement;
-        cellStyles?: TagProperty.States;
+        cellStyles?: TagProperty.PropsNFreeCSS;
         cellClassName?: string;
         cellStylesCallback?: {
-            (p: TableTypes.StylesCallbackInput): TagProperty.States;
+            (p: TableTypes.StylesCallbackInput): TagProperty.PropsNFreeCSS;
         };
         onRowClick?: TableTypes.OnRowClick;
         onOrderChanged?: {

package/dist/fn/Table/Data.js

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

package/dist/fn/Table/Drag.js

@@ -1 +1 @@
-import{b as a,c as w,e as I}from"../../chunk-C5N2D3ZX.js";import{Fragment as z,jsx as l,jsxs as j}from"react/jsx-runtime";import{useState as k,useEffect as x}from"react";import C from"@mingoo/jsmin";import{$$fromRoot as N,useStore as R}from"../../@utils";import v from"../../atoms/FAI";import M from"../Button";import L from"../Tooltips";import y from"./Parts";import $ from"./Wrapper";import{faGripVertical as P}from"@fortawesome/free-solid-svg-icons/faGripVertical";import{DefaultCellSystemStyles as B}from"./cellStyling";import{TableClasses as g}from"../../@styles/componentClasses";const E={HeadRow:e=>{let{cellStyles:t={},cellClassName:m="",cellStylesCallback:s,colLength:n,head:o,rows:p}=e;if(!o)return null;let c=[];for(let i=0;i<n;i++){let u=o[i],D=y[u.type=="th"?"TH":"TD"];c.push(l(D,a(w(a(a(a({},t),B({top:!0,bottom:!p.length,left:i==0,right:i==n-1})),s?s({top:!0,bottom:!p.length,left:i==0,right:i==n-1,rowIndex:0,colIndex:i,isBody:!1,isHeader:!0}):{}),{className:[g("Cell"),m,u.className].join(" ")}),u),i))}return l(y.Row,{className:[g("Row"),g("HeadRow")].join(" "),children:c})},BodyRows:e=>{let{cellStyles:t={},cellClassName:m="",cellStylesCallback:s,head:n,rows:o,colLength:p,onOrderChanged:c}=e,[i]=k(C.uuid.gen()),[u,D]=k({rows:o,origin:0,to:NaN}),S=[];if(u.rows.forEach((b,r)=>{let f=[];f.push(l(y.TH,w(a(a(a({padding:0,borderRight:!0},t),B({top:r==0&&!n,bottom:r==o.length-1,left:!0,right:!1})),s?s({top:r==0&&!n,bottom:r==o.length-1,left:!0,right:!1,rowIndex:r,colIndex:0,isBody:!0,isHeader:!1}):{}),{className:[g("Cell"),g("Draggable"),m].join(" "),children:l(M.Button.Clear.R,{className:g("DragableButton"),fontColor:"4.thin",fontSize:"3.paragraph",margin:"auto",tabIndex:-1,ssSphere:3,onMouseDown:d=>{T.Start(d,{id:i,index:r,rows:u.rows,maxLength:o.length})},onTouchStart:d=>{T.Start(d,{id:i,index:r,rows:u.rows,maxLength:o.length})},children:l(v,{icon:P})})}),"DragOrigin")),b.forEach((d,h)=>{d=a({},d);let H=y[d.type=="th"?"TH":"TD"];f.push(l(H,a(w(a(a(a({},t),B({top:!!n&&!n.length,bottom:r==o.length-1,left:!1,right:h==p-2})),s?s({top:!!n&&!n.length,bottom:r==o.length-1,left:!1,right:h==p-2,rowIndex:r,colIndex:h,isBody:!0,isHeader:!1}):{}),{className:[g("Cell"),m,d.className].join(" ")}),d),h))}),S.push(l(y.Row,{id:"TableRow-"+i+"-"+r,className:[g("Row"),g("BodyRow")].join(" "),children:f},r))}),!isNaN(u.to)){let{origin:b,to:r}=u,f=[];f.push(l(y.TH,{backgroundColor:"theme.opa.low",padding:0,borderRight:"2.normal",className:[g("Cell"),g("Draggable"),m].join(" "),children:l(v.ArrowRight,{fontColor:"theme"})},"dragButton")),u.rows[b].forEach((h,H)=>{h=a({},h);let U=y[h.type=="th"?"TH":"TD"];f.push(l(U,a(w(a(a(a({},t),B({top:!1,bottom:!1,left:!1,right:!1})),s?s({top:!1,bottom:!1,left:!1,right:!1,rowIndex:-1,colIndex:-1,isBody:!0,isHeader:!1}):{}),{className:[g("Cell"),m,h.className].join(" "),backgroundColor:"theme.opa.low"}),h)))}),S.splice(r,0,l(y.Row,{className:[g("Row"),g("Pre")].join(" "),children:f},"preSet"))}return x(()=>{R.set({[i]:{swap:(b,r)=>{if(r||r==0){let f=u.rows[b],d=[...u.rows];d.splice(b,1),d.splice(r-(b<r?1:0),0,f),D({rows:d,origin:0,to:NaN}),c(d.map(h=>JSON.parse(h.rowID)))}},preSet:b=>{let{origin:r,index:f}=b;D({rows:u.rows,origin:r,to:f})}}})}),x(()=>()=>{R.delete(i)},[]),l(z,{children:S})},Drag:e=>(e=a({},e),e.colLength=e.colLength+1,e.head&&(e.head=[{children:l(M.Button.Clear.R,{ssSphere:3,fontSize:"3.paragraph",fontColor:"theme",onMouseOver:t=>{L.open({parent:t.currentTarget,content:j(L.Comps.Body,{children:[l(v,{icon:P}),"\u30DC\u30BF\u30F3\u3092\u30C9\u30E9\u30C3\u30B0\u3057\u3066\u9806\u5E8F\u3092\u5909\u66F4"]})})},children:l(v.QuestionCircle,{})}),padding:[0,1],unitWidth:4},...e.head]),e.rows=e.rows.map((t,m)=>(t.rowID=JSON.stringify(t.rowID||m),t)),l(y.Table,{className:g("Table"),children:j(y.Body,{children:[l(E.HeadRow,a({},e)),l(E.BodyRows,a({},e))]})}))},O=e=>l($,w(a({type:"drag"},e),{JSXChildren:E.Drag})),T={Start:function(e,t){return I(this,null,function*(){e.stopPropagation(),e.preventDefault();let{id:m,index:s,rows:n,maxLength:o}=t;N("#TableRow-"+m+"-"+s).addClass(g("DraggerOrigin")),C(document).addEvent({eventID:"DragMouseMove",eventType:"mousemove",callback:p=>{T.Move(p,t)},options:{passive:!1}}).addEvent({eventID:"DragTouchMove",eventType:"touchmove",callback:p=>{T.Move(p,t)},options:{passive:!1}}).addEvent({eventID:"DragMouseUp",eventType:"mouseup",callback:p=>{T.End(p,t)}}).addEvent({eventID:"DragTouchEnd",eventType:"touchend",callback:p=>{T.End(p,t)}})})},Move:function(e,t){let{id:m,maxLength:s}=t,n=C.getCursor(e).y-C.getScreenSize().scrollY;for(let o=0;o<s;o++){let p=N("#TableRow-"+m+"-"+o),{top:c,bottom:i,height:u}=p.position();o==0&&n<c?t.insertIndex=0:o===s-1&&i<=n?t.insertIndex=s:n>=c&&n<i&&(t.insertIndex=o+1)}{let{index:o,insertIndex:p}=t,c=R.get(m);c&&c.preSet&&c.preSet({origin:o,index:p})}return e.stopPropagation(),e.preventDefault(),!1},End:function(e,t){let{id:m,index:s,insertIndex:n}=t,o=R.get(m);o&&o.swap&&o.swap(s,n),N("#TableRow-"+m+"-"+s).removeClass(g("DraggerOrigin")),C(document).removeEvent(["DragMouseMove","DragTouchMove","DragMouseUp","DragTouchEnd"])}};export{O as Drag,O as default};
+import{b as e,c as w,e as H}from"../../chunk-C5N2D3ZX.js";import{Fragment as J,jsx as r,jsxs as $}from"react/jsx-runtime";import{useState as M,useEffect as L}from"react";import D from"@mingoo/jsmin";import{$$fromRoot as k,useStore as v}from"../../@utils";import I from"../../atoms/FAI";import P from"../Button";import O from"../Tooltips";import h from"./Parts";import z from"./Wrapper";import{faGripVertical as j}from"@fortawesome/free-solid-svg-icons/faGripVertical";import{DefaultCellSystemStyles as B}from"./cellStyling";import{TableClasses as p}from"../../@styles/componentClasses";const E={HeadRow:l=>{let{cellStyles:t={},cellClassName:d="",cellStylesCallback:o,colLength:f,head:a,rows:u}=l;if(!a)return null;let c=[];for(let m=0;m<f;m++){let g=a[m],R=h[g.type=="th"?"TH":"TD"],S={top:!0,bottom:!u.length,left:m==0,right:m==f-1,rowIndex:0,colIndex:m,isBody:!1,isHeader:!0};c.push(r(R,w(e({},g),{styles:e(e(e(e({},t),B(S)),o?o(S):{}),g.styles),freeCSS:e(e(e({},t.freeCSS),o?o(S).freeCSS:{}),g.freeCSS),className:[p("Cell"),d,g.className].join(" ")}),m))}return r(h.Row,{className:[p("Row"),p("HeadRow")].join(" "),children:c})},BodyRows:l=>{let{cellStyles:t={},cellClassName:d="",cellStylesCallback:o,head:f,rows:a,colLength:u,onOrderChanged:c}=l,[m]=M(D.uuid.gen()),[g,R]=M({rows:a,origin:0,to:NaN}),S=[];if(g.rows.forEach((C,s)=>{let y=[];{let n={top:s==0&&!f,bottom:s==a.length-1,left:!0,right:!1,rowIndex:s,colIndex:0,isBody:!0,isHeader:!1};y.push(r(h.TH,{styles:e(e(e({padding:0,borderRight:!0},t),B(n)),o?o(n):{}),freeCSS:e(e({},t.freeCSS),o?o(n).freeCSS:{}),className:[p("Cell"),p("Draggable"),d].join(" "),children:r(P.Button.Clear.R,{className:p("DragableButton"),styles:{fontColor:"4.thin",fontSize:"3.paragraph",margin:"auto",ssSphere:3},tabIndex:-1,onMouseDown:i=>{b.Start(i,{id:m,index:s,rows:g.rows,maxLength:a.length})},onTouchStart:i=>{b.Start(i,{id:m,index:s,rows:g.rows,maxLength:a.length})},children:r(I,{icon:j})})},"DragOrigin"))}C.forEach((n,i)=>{n=e({},n);let x=h[n.type=="th"?"TH":"TD"],T={top:!!f&&!f.length,bottom:s==a.length-1,left:!1,right:i==u-2,rowIndex:s,colIndex:i,isBody:!0,isHeader:!1};y.push(r(x,w(e({},n),{styles:e(e(e(e({},t),B(T)),o?o(T):{}),n.styles),freeCSS:e(e(e({},t.freeCSS),o?o(T).freeCSS:{}),n.freeCSS),className:[p("Cell"),d,n.className].join(" ")}),i))}),S.push(r(h.Row,{id:"TableRow-"+m+"-"+s,className:[p("Row"),p("BodyRow")].join(" "),children:y},s))}),!isNaN(g.to)){let{origin:C,to:s}=g,y=[];y.push(r(h.TH,{styles:{backgroundColor:"theme.opa.low",padding:0,borderRight:"2.normal"},className:[p("Cell"),p("Draggable"),d].join(" "),children:r(I.ArrowRight,{styles:{fontColor:"theme"}})},"dragButton")),g.rows[C].forEach((i,x)=>{i=e({},i);let T=h[i.type=="th"?"TH":"TD"],N={top:!1,bottom:!1,left:!1,right:!1,rowIndex:-1,colIndex:-1,isBody:!0,isHeader:!1};y.push(r(T,w(e({className:[p("Cell"),d,i.className].join(" ")},i),{styles:e(e(e(e({backgroundColor:"theme.opa.low"},t),B(N)),o?o(N):{}),i.styles),freeCSS:e(e(e({},t.freeCSS),o?o(N).freeCSS:{}),i.freeCSS)})))}),S.splice(s,0,r(h.Row,{className:[p("Row"),p("Pre")].join(" "),children:y},"preSet"))}return L(()=>{v.set({[m]:{swap:(C,s)=>{if(s||s==0){let y=g.rows[C],n=[...g.rows];n.splice(C,1),n.splice(s-(C<s?1:0),0,y),R({rows:n,origin:0,to:NaN}),c(n.map(i=>JSON.parse(i.rowID)))}},preSet:C=>{let{origin:s,index:y}=C;R({rows:g.rows,origin:s,to:y})}}})}),L(()=>()=>{v.delete(m)},[]),r(J,{children:S})},Drag:l=>(l=e({},l),l.colLength=l.colLength+1,l.head&&(l.head=[{children:r(P.Button.Clear.R,{styles:{ssSphere:3,fontSize:"3.paragraph",fontColor:"theme"},onMouseOver:t=>{O.open({parent:t.currentTarget,content:$(O.Comps.Body,{children:[r(I,{icon:j}),"\u30DC\u30BF\u30F3\u3092\u30C9\u30E9\u30C3\u30B0\u3057\u3066\u9806\u5E8F\u3092\u5909\u66F4"]})})},children:r(I.QuestionCircle,{})}),styles:{padding:[0,1],unitWidth:4}},...l.head]),l.rows=l.rows.map((t,d)=>(t.rowID=JSON.stringify(t.rowID||d),t)),r(h.Table,{className:p("Table"),children:$(h.Body,{children:[r(E.HeadRow,e({},l)),r(E.BodyRows,e({},l))]})}))},U=l=>r(z,w(e({type:"drag"},l),{JSXChildren:E.Drag})),b={Start:function(l,t){return H(this,null,function*(){l.stopPropagation(),l.preventDefault();let{id:d,index:o,rows:f,maxLength:a}=t;k("#TableRow-"+d+"-"+o).addClass(p("DraggerOrigin")),D(document).addEvent({eventID:"DragMouseMove",eventType:"mousemove",callback:u=>{b.Move(u,t)},options:{passive:!1}}).addEvent({eventID:"DragTouchMove",eventType:"touchmove",callback:u=>{b.Move(u,t)},options:{passive:!1}}).addEvent({eventID:"DragMouseUp",eventType:"mouseup",callback:u=>{b.End(u,t)}}).addEvent({eventID:"DragTouchEnd",eventType:"touchend",callback:u=>{b.End(u,t)}})})},Move:function(l,t){let{id:d,maxLength:o}=t,f=D.getCursor(l).y-D.getScreenSize().scrollY;for(let a=0;a<o;a++){let u=k("#TableRow-"+d+"-"+a),{top:c,bottom:m,height:g}=u.position();a==0&&f<c?t.insertIndex=0:a===o-1&&m<=f?t.insertIndex=o:f>=c&&f<m&&(t.insertIndex=a+1)}{let{index:a,insertIndex:u}=t,c=v.get(d);c&&c.preSet&&c.preSet({origin:a,index:u})}return l.stopPropagation(),l.preventDefault(),!1},End:function(l,t){let{id:d,index:o,insertIndex:f}=t,a=v.get(d);a&&a.swap&&a.swap(o,f),k("#TableRow-"+d+"-"+o).removeClass(p("DraggerOrigin")),D(document).removeEvent(["DragMouseMove","DragTouchMove","DragMouseUp","DragTouchEnd"])}};export{U as Drag,U as default};

package/dist/fn/Table/Normal.js

@@ -1 +1 @@
-import{b as e,c as f}from"../../chunk-C5N2D3ZX.js";import{Fragment as B,jsx as a,jsxs as k}from"react/jsx-runtime";import i from"./Parts";import d from"./Wrapper";import{DefaultCellSystemStyles as c}from"./cellStyling";import{TableClasses as s}from"../../@styles/componentClasses";const b={HeadRow:l=>{let{cellStyles:r={},cellClassName:n="",cellStylesCallback:h,colLength:C,head:m,rows:R}=l;if(!m)return null;let u=[];return m.forEach((p,t)=>{let o=i[p.type=="th"?"TH":"TD"];u.push(a(o,e(f(e(e(e({},r),c({top:!0,bottom:!R.length,left:t==0,right:t==C-1})),h?h({top:!0,bottom:!R.length,left:t==0,right:t==C-1,rowIndex:0,colIndex:t,isBody:!1,isHeader:!0}):{}),{className:[s("Cell"),n,p.className].join(" ")}),p),t))}),a(i.Row,{className:[s("Row"),s("HeadRow")].join(" "),children:u})},BodyRows:l=>{let{cellStyles:r={},cellClassName:n="",cellStylesCallback:h,head:C,rows:m,colLength:R,onRowClick:u}=l,p=[];return m.forEach((t,o)=>{let T=[];t.forEach((w,y)=>{let g=i[w.type=="th"?"TH":"TD"];T.push(a(g,e(f(e(e(e({},r),c({top:o==0&&!C,bottom:o==m.length-1,left:y==0,right:y==R-1})),h?h({top:o==0&&!C,bottom:o==m.length-1,left:y==0,right:y==R-1,rowIndex:o,colIndex:y,isBody:!0,isHeader:!1}):{}),{className:[s("Cell"),n,w.className].join(" ")}),w),y))}),p.push(a(i.Row,{className:[s("Row"),s("BodyRow")].join(" "),children:T,onClick:w=>{u&&u(t.rowID,w)}},o))}),a(B,{children:p})},Normal:l=>(l=e({},l),l.rows=l.rows.map((r,n)=>(r.rowID=r.rowID||n,r)),a(i.Table,{className:s("Table"),children:k(i.Body,{children:[a(b.HeadRow,e({},l)),a(b.BodyRows,e({},l))]})}))},N=l=>a(d,f(e({type:"normal"},l),{JSXChildren:b.Normal}));export{N as Normal,N as default};
+import{b as e,c as u}from"../../chunk-C5N2D3ZX.js";import{Fragment as B,jsx as s,jsxs as H}from"react/jsx-runtime";import C from"./Parts";import k from"./Wrapper";import{DefaultCellSystemStyles as h}from"./cellStyling";import{TableClasses as y}from"../../@styles/componentClasses";const b={HeadRow:l=>{let{cellStyles:t={},cellClassName:f="",cellStylesCallback:a,colLength:R,head:i,rows:T}=l;if(!i)return null;let S=[];return i.forEach((o,r)=>{let p=C[o.type=="th"?"TH":"TD"],n={top:!0,bottom:!T.length,left:r==0,right:r==R-1,rowIndex:0,colIndex:r,isBody:!1,isHeader:!0};S.push(s(p,u(e({},o),{className:[y("Cell"),f,o.className].join(" "),styles:e(e(e(e({},t),h(n)),a?a(n):{}),o.styles),freeCSS:e(e(e({},t.freeCSS),a?a(n).freeCSS:{}),o.freeCSS)}),r))}),s(C.Row,{className:[y("Row"),y("HeadRow")].join(" "),children:S})},BodyRows:l=>{let{cellStyles:t={},cellClassName:f="",cellStylesCallback:a,head:R,rows:i,colLength:T,onRowClick:S}=l,o=[];return i.forEach((r,p)=>{let n=[];r.forEach((m,w)=>{let d=C[m.type=="th"?"TH":"TD"],c={top:p==0&&!R,bottom:p==i.length-1,left:w==0,right:w==T-1,rowIndex:p,colIndex:w,isBody:!0,isHeader:!1};n.push(s(d,u(e({},m),{className:[y("Cell"),f,m.className].join(" "),styles:e(e(e(e({},t),h(c)),a?a(c):{}),m.styles),freeCSS:e(e(e({},t.freeCSS),a?a(c).freeCSS:{}),m.freeCSS)}),w))}),o.push(s(C.Row,{className:[y("Row"),y("BodyRow")].join(" "),children:n,onClick:m=>{S&&S(r.rowID,m)}},p))}),s(B,{children:o})},Normal:l=>(l=e({},l),l.rows=l.rows.map((t,f)=>(t.rowID=t.rowID||f,t)),s(C.Table,{className:y("Table"),children:H(C.Body,{children:[s(b.HeadRow,e({},l)),s(b.BodyRows,e({},l))]})}))},N=l=>s(k,u(e({type:"normal"},l),{JSXChildren:b.Normal}));export{N as Normal,N as default};

package/dist/fn/Table/Parts.js

@@ -1 +1 @@
-import{b as t,c as r}from"../../chunk-C5N2D3ZX.js";import{jsx as a}from"react/jsx-runtime";import{GenerateClassName as l}from"../../@utils";import b from"../../atoms/FAI";const o={Table:e=>{let T=l(e);return a("table",r(t({},T),{border:T.border}))},Head:e=>a("thead",t({},l(e))),Body:e=>a("tbody",t({},l(e))),Row:e=>a("tr",t({},l(e))),TH:e=>a("th",t({},l(e))),TD:e=>a("td",t({},l(e))),RightIndicator:{type:"td",unitWidth:4,children:a(b.AngleRight,{fontColor:"theme",fontSize:"4.thirdTitle"})}};export{o as TableParts,o as default};
+import{b as t,c as r}from"../../chunk-C5N2D3ZX.js";import{jsx as a}from"react/jsx-runtime";import{GenerateClassName as l}from"../../@utils";import b from"../../atoms/FAI";const o={Table:e=>{let T=l(e);return a("table",r(t({},T),{border:T.border}))},Head:e=>a("thead",t({},l(e))),Body:e=>a("tbody",t({},l(e))),Row:e=>a("tr",t({},l(e))),TH:e=>a("th",t({},l(e))),TD:e=>a("td",t({},l(e))),RightIndicator:{type:"td",styles:{unitWidth:4},children:a(b.AngleRight,{styles:{fontColor:"theme",fontSize:"4.thirdTitle"}})}};export{o as TableParts,o as default};

package/dist/fn/Table/Wrapper.js

@@ -1 +1 @@
-import{b as o,c as l,d as p}from"../../chunk-C5N2D3ZX.js";import{jsx as s}from"react/jsx-runtime";import u from"@mingoo/jsmin";import{GenerateClassName as C}from"../../@utils";import c from"../../atoms/Box";import{DefaultCellStyles as T}from"./cellStyling";import{TableClasses as r}from"../../@styles/componentClasses";const n=y=>{let e=o({},y),{JSXChildren:i}=e;(!e.tone||e.tone=="auto")&&(e.tone="border",e.type=="drag"&&(e.tone="rowBorder"));let t=l(o({tableID:e.tableID||u.uuid.gen(),tone:e.tone},e),{cellStyles:o(o({},T(e.type,e.tone)),e.cellStyles)});e.tone!="plain"&&(t.backgroundColor=t.backgroundColor||"layer.1",t.borderRadius=t.borderRadius||"1.tone.primary");let a=C(t),{className:m,style:b}=a,d=p(a,["className","style"]),f=[m,r("Wrap"),r("TableType_"+e.type),r("RowClickable_"+!!t.onRowClick)].join(" ");return s(c,{className:f,style:b,children:s(i,o({},d))})};export{n as Wrapper,n as default};
+import{b as t,c as r,d as p}from"../../chunk-C5N2D3ZX.js";import{jsx as n}from"react/jsx-runtime";import d from"@mingoo/jsmin";import{GenerateClassName as u}from"../../@utils";import T from"../../atoms/Box";import{DefaultCellStyles as c}from"./cellStyling";import{TableClasses as a}from"../../@styles/componentClasses";const s=y=>{let e=t({},y),{JSXChildren:i}=e;(!e.tone||e.tone=="auto")&&(e.tone="border",e.type=="drag"&&(e.tone="rowBorder"));let l=r(t({tableID:e.tableID||d.uuid.gen(),tone:e.tone},e),{cellStyles:t(t({},c(e.type,e.tone)),e.cellStyles)});e.tone!="plain"&&(l.styles=t({backgroundColor:"layer.1",borderRadius:"1.tone.primary"},l.styles));let o=u(l),{className:m,style:f}=o,b=p(o,["className","style"]),C=[m,a("Wrap"),a("TableType_"+e.type),a("RowClickable_"+!!l.onRowClick)].join(" ");return n(T,{className:C,style:f,children:n(i,t({},b))})};export{s as Wrapper,s as default};