amotify 0.2.15 → 0.2.17

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ReactElement } from '../../@declaration';
+import { ReactElement } from '../../@declares';
 import { InputTypes } from '.';
 declare namespace Text {
     type Restrict = 'text' | 'katakana' | 'hankaku.katakana' | 'number' | 'number.zeroStart' | 'digitNumber' | 'tel' | 'email' | 'url' | 'fileName' | 'password' | 'postal' | 'creditCard' | 'concealed';

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ReactElement } from '../../@declaration';
+import { ReactElement } from '../../@declares';
 import { InputTypes } from '.';
 declare namespace TextArea {
     type Input = InputTypes.CoreInput & React.TextareaHTMLAttributes<HTMLTextAreaElement> & {

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ReactElement } from '../../../@declaration';
+import { ReactElement } from '../../../@declares';
 import Tooltips from '../../Tooltips';
 import { InputTypes } from '..';
 export declare namespace TimeTypes {

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TagProperty, ReactElement } from '../../@declaration';
+import { TagProperty, ReactElement } from '../../@declares';
 import { KeyValueDict } from '@mingoo/jsmin';
 import { InputTypes } from '.';
 import List from './List';

package/dist/fn/Input/core.js

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

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { KeyValueDict } from '@mingoo/jsmin';
-import { ReactElement, TagProperty } from '../../@declaration';
+import { ReactElement, TagProperty } from '../../@declares';
 export declare namespace InputTypes {
     type BoxTone = 'border' | 'cloud' | 'bottomBorder' | 'plain';
     type OnUpdateValue = {

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TagProperty } from '../../@declaration';
+import { TagProperty } from '../../@declares';
 declare namespace Loader {
     type Methods = Color & FNs;
     type Color = {

package/dist/fn/Loader/mini.js

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

package/dist/fn/PageViewController.d.ts

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

package/dist/fn/RootViewController.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TagProperty, ReactElement } from '../@declaration';
+import { TagProperty, ReactElement } from '../@declares';
 import Box from '../atoms/Box';
 import Flex from '../atoms/Flex';
 import Button from './Button';

package/dist/fn/Sheet.d.ts

@@ -1,5 +1,5 @@
 import $$ from '@mingoo/jsmin';
-import { TagProperty, ReactElement } from '../@declaration';
+import { TagProperty, ReactElement } from '../@declares';
 import React from 'react';
 import Box from '../atoms/Box';
 declare namespace Sheet {

package/dist/fn/Snackbar.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ReactElement } from '../@declaration';
+import { ReactElement } from '../@declares';
 import Box from '../atoms/Box';
 declare namespace Snackbar {
     type Methods = {

package/dist/fn/Snackbar.js

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

package/dist/fn/SwipeView.d.ts

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

package/dist/fn/TabBar.d.ts

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

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TagProperty, ReactElement } from '../../@declaration';
+import { TagProperty, ReactElement } from '../../@declares';
 import { TableTypes } from '.';
 import TableParts from './Parts';
 declare namespace Data {

package/dist/fn/Table/Data.js

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

package/dist/fn/Table/Drag.js

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

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

@@ -1,4 +1,4 @@
-import { TagProperty } from '../../@declaration';
+import { TagProperty } from '../../@declares';
 import React from 'react';
 import { TableTypes } from '.';
 declare namespace TableParts {

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

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

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

@@ -1,4 +1,4 @@
-import { TagProperty } from '../../@declaration';
+import { TagProperty } from '../../@declares';
 import React from 'react';
 export declare namespace TableTypes {
     type customTableHTMLAttributes<T> = Omit<React.TableHTMLAttributes<T>, 'border'>;

package/dist/fn/Tooltips.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TagProperty, ReactElement } from '../@declaration';
+import { TagProperty, ReactElement } from '../@declares';
 import $$ from '@mingoo/jsmin';
 import Box from '../atoms/Box';
 import Sheet from './Sheet';

package/dist/mols/Accordion.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ReactElement } from '../@declaration';
+import { ReactElement } from '../@declares';
 import { Box } from '../atoms/Box';
 declare namespace Accordion {
     type Input = Box.Input & {

package/dist/mols/LinkifyText.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from '../@declaration';
+import { ReactElement } from '../@declares';
 import React from 'react';
 declare namespace LinkifyText {
     type Input = {

package/dist/mols/List.d.ts

@@ -1,4 +1,4 @@
-import { TagProperty } from '../@declaration';
+import { TagProperty } from '../@declares';
 import React from 'react';
 import { Flex } from '../atoms/Flex';
 declare namespace List {

package/dist/mols/Row.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TagProperty, ReactElement } from '../@declaration';
+import { TagProperty, ReactElement } from '../@declares';
 import { Flex } from '../atoms/Flex';
 declare namespace Row {
     type Input = TagProperty.BasicElement & {

package/dist/mols/Text.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TagProperty, ReactElement } from '../@declaration';
+import { TagProperty, ReactElement } from '../@declares';
 import { Box } from '../atoms/Box';
 import { Span } from '../atoms/Span';
 declare namespace Text {