amotify 0.2.26 → 0.2.28

package/dist/fn/Sheet.js

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

package/dist/fn/Snackbar.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="react" />
 import { ReactElement } from '../@declares';
-import Box from '../atoms/Box';
+import { Box } from '../atoms';
 declare namespace Snackbar {
     type Methods = {
         add(props: AddInput): Snackbar.Methods;
         remove(snackID: string): Snackbar.Methods;
         Wrapper(): JSX.Element;
     };
-    type AddInput = Omit<Box.Input, 'children'> & {
+    type AddInput = Omit<Box.DefaultInput, 'children'> & {
         children?: ReactElement | {
             (): JSX.Element;
         };

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 F}from"react/jsx-runtime";import{createElement as _}from"react";import l from"@mingoo/jsmin";import{Config as h,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-"+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:()=>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 S=r(T,{});return e?S=r(e,{close:()=>{f.remove(t)}}):S=F(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"),componentID:n,onMouseOver:()=>{m(-1)},onMouseOut:()=>{m(o||10)},opacity:"trans",width:1,padding:"2/3",marginBottom:1,borderRadius:"1.tone.primary",fontColor:"white",boxShadow:"1.remark",backgroundColor:"dark",transition:"middle"},a),{children:S}))},Wrapper:()=>{let[s,t]=k(l.uuid.gen()),[o,g]=k([]);C(()=>{u.set({["Snackbar-"+h.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=>_(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",overflow:"auto",UnderBreakPointStyles:{left:0,paddingLeft:1,width:"auto"},children:d})}};export{f as Snackbar,f as default};
+import{b as m,c as p,d as D}from"../chunk-C5N2D3ZX.js";import{Fragment as T,jsx as r,jsxs as F}from"react/jsx-runtime";import{createElement as _}from"react";import l from"@mingoo/jsmin";import{Config as h,useStore as u,$$fromRoot as w}from"../@utils";import{useState as k,useEffect as C}from"react";import{Box as x,Flex as y,FAI as E}from"../atoms";import{Row as R}from"../mols";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:()=>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,c]=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||c(i-1)}),i===0&&f.remove(t)},[i]);let S=r(T,{});return e?S=r(e,{close:()=>{f.remove(t)}}):S=F(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(m({className:I("Cell"),componentID:n,onMouseOver:()=>{c(-1)},onMouseOut:()=>{c(o||10)},opacity:"trans",width:1,padding:"2/3",marginBottom:1,borderRadius:"1.tone.primary",fontColor:"white",boxShadow:"1.remark",backgroundColor:"dark",transition:"middle"},a),{children:S}))},Wrapper:()=>{let[s,t]=k(l.uuid.gen()),[o,g]=k([]);C(()=>{u.set({["Snackbar-"+h.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(m({},e),{snackID:e.snackID}));else{let n=[...o];n[a]=p(m({},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(c=>c.snackID==e);if(n==-1)return;let i=[...o];i.splice(n,1),g(i)},210))}}})},[o.length]);let d=o.map(e=>_(B.Cell,p(m({},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",overflow:"auto",UnderBreakPointStyles:{left:0,paddingLeft:1,width:"auto"},children:d})}};export{f as Snackbar,f as default};

package/dist/fn/SwipeView.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { TagProperty, ReactElement } from '../@declares';
+import { StyleTags, ReactElement } from '../@declares';
 declare namespace SwipeView {
-    type Input = TagProperty.BasicElement & {
+    type Input = StyleTags.BasicElement & {
         slideIndex?: number;
         slides: ReactElement[];
         wrapper?: {

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

package/dist/fn/TabBar.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TagProperty, ReactElement } from '../@declares';
+import { StyleTags, ReactElement } from '../@declares';
 declare namespace TabBar {
     type Input = {
         tabIndex: number;
@@ -10,7 +10,7 @@ declare namespace TabBar {
         componentDidMount?: {
             (): void;
         };
-    } & TagProperty.BasicElement;
+    } & StyleTags.BasicElement;
 }
 declare const TabBar: React.FC<TabBar.Input>;
 export { TabBar, TabBar 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",gap:0,override:"force",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 a,c as p,d as m}from"../chunk-C5N2D3ZX.js";import{jsx as o}from"react/jsx-runtime";import{useEffect as s}from"react";import{Box as c,Flex as x}from"../atoms";import v from"./Input";const u=f=>{let i=f,{tabIndex:d,tabs:b,onTabChange:n,componentDidMount:r}=i,l=m(i,["tabIndex","tabs","onTabChange","componentDidMount"]);return s(()=>{r&&r()},[]),o(x,p(a({position:"relative",overflow:"auto",flexWrap:!1},l),{freeCSS:a({zIndex:3,whiteSpace:"nowrap"},l.freeCSS),children:o(c,{margin:[0,"auto"],children:o(v.Segmented.Bottomline,{value:d,fontColor:"inherit",gap:0,override:"force",options:b.map((e,t)=>({value:t,label:e})),onUpdateValidValue:e=>{let t=e.value[0];n&&n(t)}})})}))};export{u as TabBar,u as default};

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TagProperty, ReactElement } from '../../@declares';
+import { StyleTags, ReactElement } from '../../@declares';
 import { TableTypes } from '.';
 import TableParts from './Parts';
 declare namespace Data {
@@ -110,10 +110,10 @@ declare namespace Data {
         head: Data.HeadRow;
         rows: Data.BodyRow[];
         noRecords: ReactElement;
-        cellStyles?: TagProperty.PropsNFreeCSS;
+        cellStyles?: StyleTags.PropsNFreeCSS;
         cellClassName?: string;
         cellStylesCallback?: {
-            (p: TableTypes.StylesCallbackInput): TagProperty.PropsNFreeCSS;
+            (p: TableTypes.StylesCallbackInput): StyleTags.PropsNFreeCSS;
         };
         onRowClick?: TableTypes.OnRowClick;
         onOrderChanged?: {

package/dist/fn/Table/Data.js

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

package/dist/fn/Table/Drag.js

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

package/dist/fn/Table/Normal.js

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

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

@@ -1,12 +1,12 @@
-import { TagProperty } from '../../@declares';
-import React from 'react';
+/// <reference types="react" />
+import { StyleTags } from '../../@declares';
 import { TableTypes } from '.';
 declare namespace TableParts {
-    type Table = TagProperty.BasicElement & TableTypes.customTableHTMLAttributes<HTMLTableElement>;
-    type TableHead = TagProperty.BasicElement & TableTypes.customTableHTMLAttributes<HTMLTableSectionElement>;
-    type TableBody = TagProperty.BasicElement & TableTypes.customTableHTMLAttributes<HTMLTableSectionElement>;
-    type TR = TagProperty.BasicElement & React.HTMLAttributes<HTMLTableRowElement>;
-    type TableCell = TagProperty.BasicElement & React.ThHTMLAttributes<HTMLTableCellElement>;
+    type Table = StyleTags.BasicElement & TableTypes.customTableHTMLAttributes<HTMLTableElement>;
+    type TableHead = StyleTags.BasicElement & TableTypes.customTableHTMLAttributes<HTMLTableSectionElement>;
+    type TableBody = StyleTags.BasicElement & TableTypes.customTableHTMLAttributes<HTMLTableSectionElement>;
+    type TR = StyleTags.BasicElement & React.HTMLAttributes<HTMLTableRowElement>;
+    type TableCell = StyleTags.BasicElement & React.ThHTMLAttributes<HTMLTableCellElement>;
     type Cell = TableCell & {
         type?: 'th' | 'td';
     };

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{GenerateHTMLProps 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 T}from"../../chunk-C5N2D3ZX.js";import{jsx as l}from"react/jsx-runtime";import{FAI as b,Box as a}from"../../atoms";const o={Table:e=>l(a,T(t({htmlTag:"table"},e),{border:e.border})),Head:e=>l(a,t({htmlTag:"thead"},e)),Body:e=>l(a,t({htmlTag:"tbody"},e)),Row:e=>l(a,t({htmlTag:"tr"},e)),TH:e=>l(a,t({htmlTag:"th"},e)),TD:e=>l(a,t({htmlTag:"td"},e)),RightIndicator:{type:"td",unitWidth:4,children:l(b.AngleRight,{fontColor:"theme",fontSize:"4.thirdTitle"})}};export{o as TableParts,o as default};

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

@@ -1,4 +1,4 @@
-import { TagProperty } from '../../@declares';
+import { StyleTags } from '../../@declares';
 import { TableTypes } from '.';
-export declare const DefaultCellStyles: (type: TableTypes.Types, tone: TableTypes.Tones) => TagProperty.States;
-export declare const DefaultCellSystemStyles: (args: TableTypes.StylesCallbackInput) => TagProperty.Properties;
+export declare const DefaultCellStyles: (type: TableTypes.Types, tone: TableTypes.Tones) => StyleTags.States;
+export declare const DefaultCellSystemAdjustingStyles: (args: TableTypes.StylesCallbackInput) => StyleTags.Properties;

package/dist/fn/Table/cellStyling.js

@@ -1 +1 @@
-import{b as o}from"../../chunk-C5N2D3ZX.js";const p=(r,e)=>{if(e=="plain")return{};let t={};return r=="drag"&&(t.padding=1),["border","rowBorder","cellBorder"].includes(e)&&(t.borderBottom="2.normal"),["border","cellBorder"].includes(e)&&(t.borderRight="2.normal"),o({padding:"3/4",backgroundColor:"layer.1",transition:"short",textAlign:"center"},t)},s=r=>{let e={};return r.right&&(e.borderRight="unset"),r.top&&(r.left&&(e.borderTopLeftRadius="inherit"),r.right&&(e.borderTopRightRadius="inherit")),r.bottom&&(e.borderBottom="unset",r.left&&(e.borderBottomLeftRadius="inherit"),r.right&&(e.borderBottomRightRadius="inherit")),e};export{p as DefaultCellStyles,s as DefaultCellSystemStyles};
+import{b as i}from"../../chunk-C5N2D3ZX.js";const n=(t,e)=>{if(e=="plain")return{};let r={};return t=="drag"&&(r.padding=1),["border","rowBorder","cellBorder"].includes(e)&&(r.borderBottom="2.normal"),["border","cellBorder"].includes(e)&&(r.borderRight="2.normal"),i({padding:"3/4",backgroundColor:"layer.1",transition:"short",textAlign:"center"},r)},a=t=>{let e={};return t.right&&(e.borderRight="unset"),t.top&&(t.left&&(e.borderTopLeftRadius="inherit"),t.right&&(e.borderTopRightRadius="inherit")),t.bottom&&(e.borderBottom="unset",t.left&&(e.borderBottomLeftRadius="inherit"),t.right&&(e.borderBottomRightRadius="inherit")),e};export{n as DefaultCellStyles,a as DefaultCellSystemAdjustingStyles};

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

@@ -1,5 +1,5 @@
-import { TagProperty } from '../../@declares';
-import React from 'react';
+/// <reference types="react" />
+import { StyleTags } from '../../@declares';
 export declare namespace TableTypes {
     type customTableHTMLAttributes<T> = Omit<React.TableHTMLAttributes<T>, 'border'>;
     type Types = 'normal' | 'data' | 'drag' | 'spread';
@@ -18,13 +18,13 @@ export declare namespace TableTypes {
         tableID?: string;
         tone?: Tones;
         colLength: number;
-        cellStyles?: TagProperty.PropsNFreeCSS;
+        cellStyles?: StyleTags.PropsNFreeCSS;
         cellClassName?: string;
         cellStylesCallback?: {
-            (p: StylesCallbackInput): TagProperty.PropsNFreeCSS;
+            (p: StylesCallbackInput): StyleTags.PropsNFreeCSS;
         };
         className?: string;
-    } & TagProperty.States;
+    } & StyleTags.States;
     type OnRowClick = {
         (rowIDOrIndex: any, event: React.MouseEvent<HTMLTableRowElement, MouseEvent>): void;
     };

package/dist/fn/Table/index.js

@@ -1 +1 @@
-import"../../chunk-C5N2D3ZX.js";import o from"./Parts";import r from"./Normal";import a from"./Drag";import p from"./Data";var t;(e=>(e.Normal=r,e.Data=p,e.Drag=a,e.Parts=o))(t||(t={}));export{t as Table,t as default};
+import"../../chunk-C5N2D3ZX.js";import o from"./Parts";import r from"./Normal";import a from"./Drag";import l from"./Data";var t;(e=>(e.Normal=r,e.Data=l,e.Drag=a,e.Parts=o))(t||(t={}));export{t as Table,t as default};

package/dist/fn/Tooltips.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { TagProperty, ReactElement } from '../@declares';
+import { StyleTags, ReactElement } from '../@declares';
 import $$ from '@mingoo/jsmin';
-import Box from '../atoms/Box';
+import { Box } from '../atoms';
 import Sheet from './Sheet';
 declare namespace Tooltips {
     type Methods = {
@@ -9,9 +9,7 @@ declare namespace Tooltips {
         open(p: Input): void;
         close(tipsID: string): void;
         closeALL(): void;
-        Comps: {
-            Body: React.FC<Box.Input>;
-        };
+        Body: React.FC<Box.DefaultInput>;
     };
     type Input = {
         tipsID?: string;
@@ -31,7 +29,7 @@ declare namespace Tooltips {
     } | {
         event?: any;
         parent: $$.Args;
-    }) & TagProperty.BasicElement;
+    }) & StyleTags.BasicElement;
 }
 declare const Tooltips: Tooltips.Methods;
 export { Tooltips, Tooltips as default };

package/dist/fn/Tooltips.js

@@ -1 +1 @@
-import{b as e,c as n,d as p}from"../chunk-C5N2D3ZX.js";import{jsx as c}from"react/jsx-runtime";import i from"@mingoo/jsmin";import d from"../atoms/Box";import t from"./Sheet";const l={__memoryID:i.uuid.gen(),open:o=>{let s=o,{tipsID:a=i.uuid.gen(),tipsGroups:u=[]}=s,r=p(s,["tipsID","tipsGroups"]);t.open(n(e({sheetID:a,sheetGroups:["tooltips",...u]},r),{type:"custom",close_option:e({aroundClick:!0,parentBlur:!0,escapeKeyDown:!0,pageTransit:!0},r.close_option)}))},close:o=>{o&&t.close(o)},closeALL:()=>{t.closeGroup("tooltips")},Comps:{Body:o=>c(d,e({padding:"1/2",backgroundColor:"dark",borderRadius:"2.tone.secondary",fontColor:"white",boxShadow:"0.normal"},o))}};export{l as Tooltips,l as default};
+import{b as e,c as r,d as p}from"../chunk-C5N2D3ZX.js";import{jsx as c}from"react/jsx-runtime";import i from"@mingoo/jsmin";import{Box as d}from"../atoms";import t from"./Sheet";const l={__memoryID:i.uuid.gen(),open:o=>{let n=o,{tipsID:a=i.uuid.gen(),tipsGroups:u=[]}=n,s=p(n,["tipsID","tipsGroups"]);t.open(r(e({sheetID:a,sheetGroups:["tooltips",...u]},s),{type:"custom",close_option:e({aroundClick:!0,parentBlur:!0,escapeKeyDown:!0,pageTransit:!0},s.close_option)}))},close:o=>{o&&t.close(o)},closeALL:()=>{t.closeGroup("tooltips")},Body:o=>c(d,e({padding:"1/2",backgroundColor:"dark",borderRadius:"2.tone.secondary",fontColor:"white",boxShadow:"0.normal"},o))};export{l as Tooltips,l as default};

package/dist/index.d.ts

@@ -11,42 +11,51 @@ import * as fn from './fn';
 export * from './fn';
 declare const amotify: {
     RootViewController: fn.RootViewController.Methods;
-    Plate: utils.React.FC<fn.Plate.Input>;
-    PageViewController: utils.React.FC<fn.PageViewController.Input>;
+    Plate: import("react").FC<fn.Plate.Input>;
+    PageViewController: import("react").FC<fn.PageViewController.Input>;
     SwipeView: (p: fn.SwipeView.Input) => import("react/jsx-runtime").JSX.Element;
-    TabBar: utils.React.FC<fn.TabBar.Input>;
+    TabBar: import("react").FC<fn.TabBar.Input>;
     Effect: {
         Ripple: import("./fn/Effect/Ripple").Ripple.Methods;
         Pudding: import("./fn/Effect/Pudding").Pudding.Methods;
-        FadeIn: utils.React.FC<import("./fn/Effect/Fade").FadeIn.Input>;
-        FadeUp: utils.React.FC<import("./fn/Effect/Fade").FadeUp.Input>;
+        FadeIn: import("react").FC<import("./fn/Effect/Fade").FadeIn.Input>;
+        FadeUp: import("react").FC<import("./fn/Effect/Fade").FadeUp.Input>;
     };
     Button: fn.Button.Seed;
     Input: typeof fn.Input;
+    RequiredSign: import("react").FC<atoms.Span.Input>;
+    RequiredShortSign: import("react").FC<atoms.Span.Input>;
+    OmitSign: import("react").FC<atoms.Span.Input>;
+    LeftIndicator: import("react").FC<fn.Parts.Input>;
+    RightIndicator: import("react").FC<fn.Parts.Input>;
+    RightIcon: import("react").FC<fn.Parts.Input>;
+    LeftIcon: import("react").FC<fn.Parts.Input>;
     Table: typeof fn.Table;
     Sheet: fn.Sheet.Methods;
     Snackbar: fn.Snackbar.Methods;
     Loader: fn.Loader.Methods;
     Tooltips: fn.Tooltips.Methods;
     Cropper: fn.Cropper.Methods;
-    PageNotFound: utils.React.FC<fn.PageNotFound.Input>;
+    PageNotFound: import("react").FC<fn.PageNotFound.Input>;
     DesignBook: () => import("react/jsx-runtime").JSX.Element;
     Accordion: mols.Accordion.Methods;
-    Column: utils.React.FC<atoms.Flex.Input>;
-    LinkifyText: utils.React.FC<mols.LinkifyText.Input>;
-    List: utils.React.FC<mols.List.Input>;
+    LinkifyText: import("react").FC<mols.LinkifyText.Input>;
+    List: import("react").FC<mols.List.Input>;
+    ListItem: mols.ListItem.Methods;
     Row: mols.Row.Methods;
     Text: mols.Text.Methods;
-    Box: utils.React.FC<atoms.Box.Input>;
+    Span: import("react").FC<atoms.Span.Input>;
+    P: import("react").FC<atoms.P.Input>;
+    Label: import("react").FC<atoms.Label.Input>;
+    Grid: import("react").FC<atoms.Box.DefaultInput>;
+    Flex: import("react").FC<atoms.Box.DefaultInput>;
+    FlexBr: import("react").FC<atoms.Box.DefaultInput>;
+    Column: import("react").FC<atoms.Box.DefaultInput>;
+    Box: <T extends import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> = "div">(p: atoms.Box.Input<T>) => import("react/jsx-runtime").JSX.Element | null;
     FAI: atoms.FAI.Methods;
-    Flex: utils.React.FC<atoms.Flex.Input>;
-    FlexBr: utils.React.FC<atoms.Box.Input>;
-    Grid: utils.React.FC<atoms.Box.Input>;
-    Img: utils.React.FC<atoms.Img.Input>;
+    Img: import("react").FC<atoms.Img.Input>;
     Logo: atoms.Logo.Methods;
-    P: utils.React.FC<atoms.P.Input>;
-    Placeholder: utils.React.FC<atoms.Placeholder.Input>;
-    Span: utils.React.FC<atoms.Span.Input>;
+    Placeholder: import("react").FC<atoms.Placeholder.Input>;
     Config: utils.Config.Methods;
     useStore: utils.useStore.Methods;
     useRecycle: utils.useRecycle.Methods;
@@ -403,9 +412,8 @@ declare const amotify: {
         };
     };
     ReadStyleSet: (p: any) => any;
-    GenerateHTMLProps: (p: any) => any;
-    ExtractStyles: (p: any) => utils.TagProperty.States;
-    React: typeof utils.React;
+    GenerateHTMLProps: <T_1 = any>(p: T_1) => T_1;
+    ExtractStyles: (p: any) => utils.StyleTags.States;
     LaunchReactApp: (p: utils.LaunchReactApp.Input) => import("react/jsx-runtime").JSX.Element;
     $$fromRoot: (args: any) => import("@mingoo/jsmin").default.Chains;
 };

package/dist/mols/Accordion.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { ReactElement } from '../@declares';
-import { Box } from '../atoms/Box';
+import { Box } from '../atoms';
 declare namespace Accordion {
-    type Input = Box.Input & {
+    type Input = Box.DefaultInput & {
         defaultOpen?: boolean;
         override?: boolean;
         accordionID?: string;

package/dist/mols/Accordion.js

@@ -1 +1 @@
-import{b as m,d as H}from"../chunk-C5N2D3ZX.js";import{jsx as D}from"react/jsx-runtime";import{useState as p,useEffect as w,useRef as R}from"react";import c from"@mingoo/jsmin";import{$$fromRoot as r,useStore as l}from"../@utils";import{Box as A}from"../atoms/Box";import{AccordionClasses as I}from"../@styles/componentClasses";const _=e=>{e=m({},e);let v=e,{accordionID:t="",slideAnimation:x="fast",defaultOpen:f=!1,override:y=!1}=v,C=H(v,["accordionID","slideAnimation","defaultOpen","override"]),[d]=p(c.uuid.gen()),[g]=p(c.uuid.gen()),[s,a]=p(f);s!=f&&y&&a(f);const h=R(!1);return w(()=>{let n=r('[data-accordion-content-id="'+g+'"]')[0];if(n){let i=n.offsetHeight,o=0;x=="fast"?(o=i/1e3,o=Math.max(o,.2)):x=="slow"&&(o=i/300),r("#"+d).css({transition:o+"s"})}},[]),w(()=>{let n=r("#"+d),i=r('[data-accordion-content-id="'+g+'"]')[0];if(h.current){if(i){let o=i.offsetHeight;c.is.exist(o)&&(s?n.css({maxHeight:o+1+"px"}).await(200).css({maxHeight:"unset",overflow:(e==null?void 0:e.overflow)||"unset"}):n.css({maxHeight:o+1+"px"}).await(100).css({maxHeight:"0px",overflow:"hidden"}))}}else if(h.current=!0,i){let o=i.offsetHeight;c.is.exist(o)&&(s?n.css({maxHeight:o+1+"px"}).await(200).css({maxHeight:"unset",overflow:(e==null?void 0:e.overflow)||"unset"}):n.css({maxHeight:"0px",overflow:"hidden"}))}},[s]),t&&l.set({["Accordion-"+t]:{open:()=>{a(!0)},close:()=>{a(!1)},toggle:()=>{a(!s)}}}),D(A,{className:[I("Wrap"),I("Open_"+s)].join(" "),id:d,children:D(A,m({"data-accordion-content-id":g},C))})},u=_;u.fn={open:e=>{let t=l.get("Accordion-"+e);!t||t.open()},close:e=>{let t=l.get("Accordion-"+e);!t||t.close()},toggle:e=>{let t=l.get("Accordion-"+e);!t||t.toggle()}};export{u as Accordion,u as default};
+import{b as m,d as H}from"../chunk-C5N2D3ZX.js";import{jsx as D}from"react/jsx-runtime";import{useState as p,useEffect as w,useRef as R}from"react";import c from"@mingoo/jsmin";import{$$fromRoot as r,useStore as l}from"../@utils";import{Box as A}from"../atoms";import{AccordionClasses as I}from"../@styles/componentClasses";const _=e=>{e=m({},e);let v=e,{accordionID:t="",slideAnimation:x="fast",defaultOpen:f=!1,override:y=!1}=v,C=H(v,["accordionID","slideAnimation","defaultOpen","override"]),[d]=p(c.uuid.gen()),[g]=p(c.uuid.gen()),[s,a]=p(f);s!=f&&y&&a(f);const h=R(!1);return w(()=>{let n=r('[data-accordion-content-id="'+g+'"]')[0];if(n){let i=n.offsetHeight,o=0;x=="fast"?(o=i/1e3,o=Math.max(o,.2)):x=="slow"&&(o=i/300),r("#"+d).css({transition:o+"s"})}},[]),w(()=>{let n=r("#"+d),i=r('[data-accordion-content-id="'+g+'"]')[0];if(h.current){if(i){let o=i.offsetHeight;c.is.exist(o)&&(s?n.css({maxHeight:o+1+"px"}).await(200).css({maxHeight:"unset",overflow:(e==null?void 0:e.overflow)||"unset"}):n.css({maxHeight:o+1+"px"}).await(100).css({maxHeight:"0px",overflow:"hidden"}))}}else if(h.current=!0,i){let o=i.offsetHeight;c.is.exist(o)&&(s?n.css({maxHeight:o+1+"px"}).await(200).css({maxHeight:"unset",overflow:(e==null?void 0:e.overflow)||"unset"}):n.css({maxHeight:"0px",overflow:"hidden"}))}},[s]),t&&l.set({["Accordion-"+t]:{open:()=>{a(!0)},close:()=>{a(!1)},toggle:()=>{a(!s)}}}),D(A,{className:[I("Wrap"),I("Open_"+s)].join(" "),id:d,children:D(A,m({"data-accordion-content-id":g},C))})},u=_;u.fn={open:e=>{let t=l.get("Accordion-"+e);!t||t.open()},close:e=>{let t=l.get("Accordion-"+e);!t||t.close()},toggle:e=>{let t=l.get("Accordion-"+e);!t||t.toggle()}};export{u as Accordion,u as default};

package/dist/mols/LinkifyText.d.ts

@@ -1,5 +1,5 @@
+/// <reference types="react" />
 import { ReactElement } from '../@declares';
-import React from 'react';
 declare namespace LinkifyText {
     type Input = {
         text: string;

package/dist/mols/LinkifyText.js

@@ -1 +1 @@
-import"../chunk-C5N2D3ZX.js";import{Fragment as f,jsx as s}from"react/jsx-runtime";import c from"../fn/Button";const a=u=>{let{text:e,placeholder:i}=u,r=[];if(e){let p=[];e=e.replace(/https?:\/\/[^\s|\n|\r]*/ig,(...t)=>{let l=t[0];return p.push(l),"[$_url]"});let n=e.split("[$_url]");for(let t=0;t<=n.length-1;t++){let l=n[t],o=p[t];r.push(l),t<n.length-1&&r.push(s(c.Anchor.Link,{href:o,newTab:!0,children:o},"Link-"+t))}}else i&&(r=[i]);return s(f,{children:r})};export{a as LinkifyText,a as default};
+import"../chunk-C5N2D3ZX.js";import{Fragment as f,jsx as s}from"react/jsx-runtime";import{Button as c}from"../fn";const a=u=>{let{text:e,placeholder:i}=u,n=[];if(e){let p=[];e=e.replace(/https?:\/\/[^\s|\n|\r]*/ig,(...t)=>{let r=t[0];return p.push(r),"[$_url]"});let l=e.split("[$_url]");for(let t=0;t<=l.length-1;t++){let r=l[t],o=p[t];n.push(r),t<l.length-1&&n.push(s(c.Anchor.Link,{href:o,newTab:!0,children:o},"Link-"+t))}}else i&&(n=[i]);return s(f,{children:n})};export{a as LinkifyText,a as default};