amotify 0.2.69 → 0.2.71

package/dist/fn/Input/Autocomplete.js

@@ -1 +1 @@
-import{b as v,c as D,d as j,e as Q}from"../../chunk-C5N2D3ZX.js";import{Fragment as U,jsx as l,jsxs as K}from"react/jsx-runtime";import{useState as g,useEffect as V,useRef as ne}from"react";import i from"@mingoo/jsmin";import{ExtractStyles as ae,useStore as Y}from"../../@utils";import{Box as x,Span as re,FAI as N,Column as ie}from"../../atoms";import{Text as B,Row as M}from"../../mols";import{Button as Z}from"../Button";import{Loader as se}from"../Loader";import{Sheet as z}from"../Sheet";import{OptionalInputWrapper as ue,BoxWrapper as ce,CoreEffects as L,DefaultBoxishStyles as pe}from"./core";import{InputAutocompleteClasses as P}from"../../@styles/componentClasses";import{InputLabel as de}from"./Label";import{RightIcon as ee}from".";function me(t){let{value:e,states:n}=t,{required:o,options:d,min:c,max:S}=n;c=c||0,S=S||65535;let a=[],r=e.filter(m=>m!==null).length;return o&&(r||a.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"})),r<c&&a.push({type:"invalid",label:c+"\u500B\u4EE5\u4E0A\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044"}),r>S&&a.push({type:"invalid",label:S+"\u500B\u307E\u3067\u9078\u629E\u3067\u304D\u307E\u3059"}),{ok:!a.filter(({type:m})=>m=="invalid").length,notice:a}}const A={InitOptions:t=>{let e=[];return t.forEach(n=>{let{type:o,label:d,value:c,searchValue:S}=n,a=S||(i.is.string(d)?d:"")||(i.is.string(c)?c:"");e.push(D(v({},n),{searchValue:a,type:o||"selector",value:c}))}),e},FilterSelectableOptions:(t,e)=>{let n=t.val_options;if(e||(n=t.val_options.filter(o=>o.type!="label")),t.val_keyword){let o=t.val_keyword.toLower().replace(/ /g,"");n=n.filter(d=>(d.searchValue||"").toLower().replace(/ /g,"").includes(o))}return n}},R={Shallow:t=>{let{rootStates:e,val_status:n}=t,o=ae(e);return l(x,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:l(B.Description,D(v({className:e.className},o),{position:"absolute",width:1,freeCSS:D(v({},o.freeCSS),{color:"orange"}),"data-id":"shallow_"+n.componentID,children:l(x,{"data-input-value-shallow":n.componentID,children:"A"})}))})},Button:t=>{let{rootStates:e,val_keyword:n,set_keyword:o,val_optionFocused:d,set_optionFocused:c,val_options:S,set_options:a,val_optionsDict:r,set_optionsDict:m,val_preventOpenSelectorOnFocus:s,set_preventOpenSelectorOnFocus:u,val_selectorOpen:f,set_selectorOpen:y,val_status:p,set_status:C,val_validate:b,set_validate:T}=t,X=e,{tone:w,required:O,form:F,className:k,multiSelect:J,enableFormSubmit:E,checkValidationAtFirst:q,onValidate:G,onUpdateValue:W,onUpdateValidValue:Se,value:fe="",options:ve,leftIndicator:he,rightIndicator:ye,leftIcon:_e,rightIcon:ge,componentID:be,status_id:Oe,wrapStyles:Ie,emptySelect:De,SearchInput:Ce,SearchInputPlaceholder:we,SelectedComponent:Ve,SelectorComponent:Te,SelectorGravityPoint:ke,DynamicOptionsOnSearch:xe}=X,_=j(X,["tone","required","form","className","multiSelect","enableFormSubmit","checkValidationAtFirst","onValidate","onUpdateValue","onUpdateValidValue","value","options","leftIndicator","rightIndicator","leftIcon","rightIcon","componentID","status_id","wrapStyles","emptySelect","SearchInput","SearchInputPlaceholder","SelectedComponent","SelectorComponent","SelectorGravityPoint","DynamicOptionsOnSearch"]);V(()=>{var I;if(e.disabled||!f)return;let h=A.FilterSelectableOptions(t);c(((I=h[0])==null?void 0:I.value)||null)},[n]),V(()=>{p.eventType!="init"&&(e.max==p.dataValue.length?(y(!1),u(!0),setTimeout(()=>{let h=i('[data-input-origin="'+e.componentID+'"]');h&&h.focus()},10)):i("#SearchInput_"+e.componentID).focus())},[p.dataValue]);let H="autocomplete-sheet-"+e.componentID;return V(()=>{let h="autocomplete-click-"+e.componentID;if(f){let I=i('[data-input-origin="'+e.componentID+'"]');if(!I)return;i("#SearchInput_"+e.componentID).focus(),z.open({sheetID:H,type:"custom",parent:I[0],padding:["1/4",0],gravityPoint:e.SelectorGravityPoint||22,closeAtAroundClick:!1,content:l(R.Selector,v({},t))}),i(document).addEvent({eventID:h,eventType:"mousedown",callback:oe=>{let $=i(oe.target),le=!!i($).parent("."+P("Core")).length;i($).parent("."+P("Selector")).length||le||y(!1)}})}else i(document).removeEvent([h]),o(""),z.close(H)},[f]),V(()=>{if(e.disabled||!f)return;z.customSheet.reposition(H);let h=Y.get("refresh-autocomplete-selector-"+e.componentID);h&&h(t)},[S,p.dataValue,n,d]),l(U,{children:l(x,D(v({tabIndex:0},_),{"data-disabled":e.disabled,"data-show-validation":L.isShowValidation(b,p,!!q),"data-component-id":p.componentID,"data-input-origin":p.componentID,"data-focus":!!f,className:[k,P("Core")].join(" "),onFocus:h=>{if(_!=null&&_.onFocus&&(_==null||_.onFocus(h)),!e.disabled){if(s)return u(!1);y(!0),h.preventDefault()}},onClick:h=>{_!=null&&_.onClick&&(_==null||_.onClick(h)),!e.disabled&&y(!0)},onKeyDown:h=>{let{key:I}=h;E&&L.SubmitForm(h,F),!f&&(I==" "||I=="ArrowDown"||I=="ArrowUp"||I=="Enter")&&y(!0)},children:K(M.Left,{flexWrap:!0,gap:"1/3",freeCSS:{letterSpacing:".5px"},children:[l(R.Selected,v({},t)),l(re,{width:0,overflow:"hidden",opacity:"trans",children:"A"}),l(R.SearchInput,v({},t))]})}))})},SearchInput:t=>{let{rootStates:e}=t;return e.disabled||!t.val_selectorOpen?null:l(x,{id:"SearchInput_"+e.componentID,placeholder:e.SearchInputPlaceholder||"\u691C\u7D22...",opacity:t.val_selectorOpen?"max":"trans",transition:"middle",flexSizing:0,htmlTag:"input",border:"unset",backgroundColor:"trans",value:t.val_keyword,freeCSS:{outline:"none"},onKeyDown:n=>{let{key:o,metaKey:d,ctrlKey:c}=n,S=d||c;o=="Escape"?(t.set_selectorOpen(!1),t.set_preventOpenSelectorOnFocus(!0),setTimeout(()=>{let a=i('[data-input-origin="'+e.componentID+'"]');a&&a.focus()},10)):o=="Tab"?t.set_selectorOpen(!1):o==" "?i.scope(()=>{t.val_selectorOpen||t.val_keyword||(n.preventDefault(),t.set_selectorOpen(!0))}):o=="Backspace"?i.scope(()=>{if(t.val_keyword)return;let a=[...t.val_status.dataValue];a.pop(),t.set_status(r=>D(v({},r),{dataValue:a,eventType:"update",eventID:i.uuid.gen()}))}):o=="Enter"&&i.scope(()=>{if(!t.val_selectorOpen)return t.set_selectorOpen(!0);let a=t.val_options.find(m=>m.value==t.val_optionFocused);if(!a)return;let{value:r}=a;t.set_status(m=>{let s=[...m.dataValue];return i.scope(()=>{if(r===null)return s=[];m.dataValue.includes(r)?s=s.filter(f=>f!==r):e.multiSelect?s.push(r):s=[r]}),D(v({},m),{dataValue:s,eventType:"update",eventID:i.uuid.gen()})}),t.set_keyword(""),t.set_preventDynamicSearchOnKeywordChange(!0)}),i.scope(()=>{if(!["ArrowDown","ArrowUp"].includes(o))return;if(n.preventDefault(),!t.val_selectorOpen)return t.set_selectorOpen(!0);let a=o=="ArrowDown"?1:-1,r=A.FilterSelectableOptions(t),m=r.length-1,s=null;i.scope(()=>{var f,y,p,C;let u=r.findIndex(b=>b.value==t.val_optionFocused);if(a==1){if(s=((f=r[0])==null?void 0:f.value)||null,S){s=r[m].value||null;return}if(u==-1||u==m)return;s=((y=r[u+1])==null?void 0:y.value)||null}else{if(s=r[m].value||null,S){s=((p=r[0])==null?void 0:p.value)||null;return}if(u==-1||u==0)return;s=((C=r[u-1])==null?void 0:C.value)||null}}),t.set_optionFocused(s)}),e.enableFormSubmit&&L.SubmitForm(n,t.rootStates.form)},onChange:n=>{let d=n.target.value;t.set_keyword(d)}},"searchInput")},Selector:t=>{let[e,n]=g(t),{rootStates:o}=e,[d,c]=g("idle"),[S,a]=g("idle");V(()=>{Y.set({["refresh-autocomplete-selector-"+o.componentID]:u=>{n(u)}})},[]),V(()=>{if(!e.val_selectorOpen||!o.DynamicOptionsOnSearch)return;if(e.val_preventDynamicSearchOnKeywordChange)return e.set_preventDynamicSearchOnKeywordChange(!1);if(d=="idle")return c("ok");a("fetch");let u="autocomplete-search-"+o.componentID;i.interval.clear(u),i.interval.standBy(u,300,()=>Q(void 0,null,function*(){let f=yield o.DynamicOptionsOnSearch(e.val_keyword);a("idle");let y=A.InitOptions(f||[]);e.set_options(y)}))},[e.val_keyword]);let r=[],m=A.FilterSelectableOptions(e,!0),s=A.FilterSelectableOptions(e);return m.forEach((u,f)=>{let{type:y,value:p}=u,C=e.val_optionFocused==p,b=e.val_status.dataValue.includes(p),T=o.SelectorComponent;r.push(l(T,{option:u,isFocused:C,isSelected:b,addCallback:()=>{e.set_status(w=>{let O=[...w.dataValue];return i.scope(()=>{if(p===null)return O=[];w.dataValue.includes(p)?O=O.filter(k=>k!==p):o.multiSelect?O.push(p):O=[p]}),D(v({},w),{dataValue:O,eventType:"update",eventID:i.uuid.gen()})})}},String(p)||i.uuid.gen()))}),s.length||(r=[l(B.Supplement,{padding:[0,1],fontColor:"4.thin",children:"\u5019\u88DC\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093"},"no-selector-notice")]),S=="fetch"&&(r=[K(M.Left,{padding:1,fontColor:"3.blur",children:[l(se.Theme.R,{showInitial:!0}),l(B.Supplement,{children:"Loading..."})]},"loader")]),l(z.Body,{className:P("Selector"),ssCardBox:!0,borderRadius:"3.tone.tertiary",boxShadow:"1.normal",freeCSS:{minWidth:12*18},children:l(ie,{gap:0,padding:[1,0],children:r})})},Selected:t=>{let{rootStates:e,val_status:n,set_status:o,val_optionsDict:d}=t,c=[];return n.dataValue.forEach(S=>{let a=d[String(S)];if(!a)return;let r=e.SelectedComponent,m=a.label;a.value===null&&(m=""),c.push(l(x,{className:P("SelectedCell"),children:l(r,{value:a.value,label:m,removeCallback:s=>{if(s.stopPropagation(),s.preventDefault(),e.disabled)return;let u=[...n.dataValue];u=u.filter(f=>f!==S),o(f=>D(v({},f),{dataValue:u,eventType:"update",eventID:i.uuid.gen()}))}})},String(a.value)))}),l(U,{children:c})},Core:t=>{let{value:e}=t,[n,o]=g(!1),[d,c]=g(!1),[S,a]=g(!1),[r,m]=g(""),[s,u]=g(t.options),[f,y]=g(t.value[0]||null),[p,C]=g({}),[b,T]=g(L.DefaultStatus(t.componentID,e)),[w,O]=g({ok:!1,notice:[]}),F=ne(!1);V(()=>{F.current?u(t.options):F.current=!0},[t.options]),V(()=>{if(!s.length)return;let q=[...s],G=v({},p);q.forEach(W=>{W.type!="label"&&(G[String(W.value)]=W)}),C(G)},[s]);let k={rootStates:t,val_options:s,set_options:u,val_optionFocused:f,set_optionFocused:y,val_optionsDict:p,set_optionsDict:C,val_preventDynamicSearchOnKeywordChange:d,set_preventDynamicSearchOnKeywordChange:c,val_preventOpenSelectorOnFocus:n,set_preventOpenSelectorOnFocus:o,val_selectorOpen:S,set_selectorOpen:a,val_keyword:r,set_keyword:m,val_status:b,set_status:T,val_validate:w,set_validate:O},J=!!t.multiSelect;L.CommonEffects({type:J?"autocomplete.multi":"autocomplete.single",states:t,val_status:b,set_status:T,val_validate:w,set_validate:O,SystemValidation:me});let E=b.dataValue.length&&b.dataValue[0]!==null;return E=E||S,K(ce,{val_status:b,set_status:T,val_validate:w,states:t,children:[l(de,{componentID:t.componentID,fontSize:t.fontSize,required:t.required,label:t.label,isActive:E}),l(R.Shallow,v({},k)),l(R.Button,v({},k))]})}},te=t=>{let e=v({},t);return e=D(v({value:[],min:0,max:65535,multiSelect:!0,SearchInput:!0,emptySelect:!0,SelectorComponent:({option:n,isSelected:o,isFocused:d,addCallback:c})=>n.type=="selector"?l(Z.Sub.S,{color:"cloud",backgroundColor:"trans",borderRadius:0,fontColor:"2.normal",textAlign:"left",padding:["1/2",1.5],isActive:d,isActiveStyles:{backgroundColor:"cloud"},onClick:S=>{c()},children:K(M.Left,{gap:"1/2",children:[o&&l(N.Check,{fontColor:"theme"}),l(B.Supplement,{transition:"short",children:n.label})]})}):l(U,{children:n.label}),SelectedComponent:({value:n,label:o,removeCallback:d})=>K(M.Left,{ssCardBox:"cloud",backgroundColor:"layer.3",borderRadius:"2.tone.secondary",fontSize:"1.mini",padding:"1/2",gap:0,children:[l(x,{padding:[0,"1/4"],children:o}),l(Z.Sub,{color:"cloud",fontColor:"white",backgroundColor:"layer.6",isRounded:!0,padding:"1/4",onClick:d,children:l(N.Times,{ssSphere:1})})]})},e),{freeCSS:v({cursor:"pointer"},e.freeCSS)}),e.multiSelect||(e.min=1,e.max=1),e.options=e.options||[],e.emptySelect&&(e.options=[{value:null,label:l(B.Supplement,{fontColor:"4.thin",children:"\u9078\u629E\u3092\u89E3\u9664"})},...e.options]),e.value=i.flatArray(e.value||null),e.options=A.InitOptions(e.options),i.is.nullish(e.rightIcon)&&(e.rightIcon=l(ee,{ssSphere:2,children:l(N.Search,{})}),e.disabled&&(e.rightIcon=l(ee,{ssSphere:2,fontColor:"5.translucent",children:l(N.Ban,{})}))),e.rightIcon&&(e=v({paddingRight:3},e)),e.leftIcon&&(e=v({paddingLeft:3},e)),l(ue,{componentID:e.componentID,children:R.Core,states:pe(e)})};export{te as Autocomplete,te as default};
+import{b as v,c as D,d as j,e as Q}from"../../chunk-C5N2D3ZX.js";import{Fragment as H,jsx as l,jsxs as K}from"react/jsx-runtime";import{useState as g,useEffect as T,useRef as ne}from"react";import a from"@mingoo/jsmin";import{ExtractStyles as ae,useStore as Y}from"../../@utils";import{Box as x,Span as re,FAI as J,Column as ie}from"../../atoms";import{Text as B,Row as N}from"../../mols";import{Button as Z}from"../Button";import{Loader as se}from"../Loader";import{Sheet as M}from"../Sheet";import{OptionalInputWrapper as ue,BoxWrapper as ce,CoreEffects as L,DefaultBoxishStyles as pe}from"./core";import{InputAutocompleteClasses as P}from"../../@styles/componentClasses";import{InputLabel as de}from"./Label";import{RightIcon as ee}from".";function me(t){let{value:e,states:n}=t,{required:o,options:d,min:c,max:S}=n;c=c||0,S=S||65535;let r=[],i=e.filter(m=>m!==null).length;return o&&(i||r.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"})),i<c&&r.push({type:"invalid",label:c+"\u500B\u4EE5\u4E0A\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044"}),i>S&&r.push({type:"invalid",label:S+"\u500B\u307E\u3067\u9078\u629E\u3067\u304D\u307E\u3059"}),{ok:!r.filter(({type:m})=>m=="invalid").length,notice:r}}const A={InitOptions:t=>{let e=[];return t.forEach(n=>{let{type:o,label:d,value:c,searchValue:S}=n,r=S||(a.is.string(d)?d:"")||(a.is.string(c)?c:"");e.push(D(v({},n),{searchValue:r,type:o||"selector",value:c}))}),e},FilterSelectableOptions:(t,e)=>{let n=t.val_options;if(e||(n=t.val_options.filter(o=>o.type!="label")),t.val_keyword){let o=t.val_keyword.toLower().replace(/ /g,"");n=n.filter(d=>(d.searchValue||"").toLower().replace(/ /g,"").includes(o))}return n}},R={Shallow:t=>{let{rootStates:e,val_status:n}=t,o=ae(e);return l(x,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:l(B.Description,D(v({className:e.className},o),{position:"absolute",width:1,freeCSS:D(v({},o.freeCSS),{color:"orange"}),"data-id":"shallow_"+n.componentID,children:l(x,{"data-input-value-shallow":n.componentID,children:"A"})}))})},Button:t=>{let{rootStates:e,val_keyword:n,set_keyword:o,val_optionFocused:d,set_optionFocused:c,val_options:S,set_options:r,val_optionsDict:i,set_optionsDict:m,val_preventOpenSelectorOnFocus:s,set_preventOpenSelectorOnFocus:u,val_selectorOpen:f,set_selectorOpen:y,val_status:p,set_status:C,val_validate:b,set_validate:V}=t,X=e,{tone:w,required:O,form:F,className:k,multiSelect:U,enableFormSubmit:E,checkValidationAtFirst:z,onValidate:q,onUpdateValue:W,onUpdateValidValue:Se,value:fe="",options:ve,leftIndicator:he,rightIndicator:ye,leftIcon:_e,rightIcon:ge,componentID:be,status_id:Oe,wrapStyles:Ie,emptySelect:De,SearchInput:Ce,SearchInputPlaceholder:we,SelectedComponent:Te,SelectorComponent:Ve,SelectorGravityPoint:ke,DynamicOptionsOnSearch:xe}=X,_=j(X,["tone","required","form","className","multiSelect","enableFormSubmit","checkValidationAtFirst","onValidate","onUpdateValue","onUpdateValidValue","value","options","leftIndicator","rightIndicator","leftIcon","rightIcon","componentID","status_id","wrapStyles","emptySelect","SearchInput","SearchInputPlaceholder","SelectedComponent","SelectorComponent","SelectorGravityPoint","DynamicOptionsOnSearch"]);T(()=>{var I;if(e.disabled||!f)return;let h=A.FilterSelectableOptions(t);c(((I=h[0])==null?void 0:I.value)||null)},[n]),T(()=>{p.eventType!="init"&&(e.max==p.dataValue.length?(y(!1),u(!0),setTimeout(()=>{let h=a('[data-input-origin="'+e.componentID+'"]');h&&h.focus()},10)):a("#SearchInput_"+e.componentID).focus())},[p.dataValue]);let G="autocomplete-sheet-"+e.componentID;return T(()=>{let h="autocomplete-click-"+e.componentID;if(f){let I=a('[data-input-origin="'+e.componentID+'"]');if(!I)return;a("#SearchInput_"+e.componentID).focus(),M.open({sheetID:G,type:"custom",parent:I[0],padding:["1/4",0],gravityPoint:e.SelectorGravityPoint||22,closeAtAroundClick:!1,content:l(R.Selector,v({},t))}),a(document).addEvent({eventID:h,eventType:"mousedown",callback:oe=>{let $=a(oe.target),le=!!a($).parent("."+P("Core")).length;a($).parent("."+P("Selector")).length||le||y(!1)}})}else a(document).removeEvent([h]),o(""),M.close(G)},[f]),T(()=>{if(e.disabled||!f)return;M.customSheet.reposition(G);let h=Y.get("refresh-autocomplete-selector-"+e.componentID);h&&h(t)},[S,p.dataValue,n,d]),l(H,{children:l(x,D(v({tabIndex:0},_),{"data-disabled":e.disabled,"data-show-validation":L.isShowValidation(b,p,!!z),"data-component-id":p.componentID,"data-input-origin":p.componentID,"data-focus":!!f,className:[k,P("Core")].join(" "),onFocus:h=>{if(_!=null&&_.onFocus&&(_==null||_.onFocus(h)),!e.disabled){if(s)return u(!1);y(!0),h.preventDefault()}},onClick:h=>{_!=null&&_.onClick&&(_==null||_.onClick(h)),!e.disabled&&y(!0)},onKeyDown:h=>{let{key:I}=h;E&&L.SubmitForm(h,F),!f&&(I==" "||I=="ArrowDown"||I=="ArrowUp"||I=="Enter")&&y(!0)},children:K(N.Left,{flexWrap:!0,gap:"1/3",freeCSS:{letterSpacing:".5px"},children:[l(R.Selected,v({},t)),l(re,{width:0,overflow:"hidden",opacity:"trans",children:"A"}),l(R.SearchInput,v({},t))]})}))})},SearchInput:t=>{let{rootStates:e}=t;return e.disabled||!t.val_selectorOpen?null:l(x,{id:"SearchInput_"+e.componentID,placeholder:e.SearchInputPlaceholder||"\u691C\u7D22...",opacity:t.val_selectorOpen?"max":"trans",transition:"middle",flexSizing:0,htmlTag:"input",border:"unset",backgroundColor:"trans",value:t.val_keyword,freeCSS:{outline:"none"},onKeyDown:n=>{let{key:o,metaKey:d,ctrlKey:c}=n,S=d||c;o=="Escape"?(t.set_selectorOpen(!1),t.set_preventOpenSelectorOnFocus(!0),setTimeout(()=>{let r=a('[data-input-origin="'+e.componentID+'"]');r&&r.focus()},10)):o=="Tab"?t.set_selectorOpen(!1):o==" "?a.scope(()=>{t.val_selectorOpen||t.val_keyword||(n.preventDefault(),t.set_selectorOpen(!0))}):o=="Backspace"?a.scope(()=>{if(t.val_keyword)return;let r=[...t.val_status.dataValue];r.pop(),t.set_status(i=>D(v({},i),{dataValue:r,eventType:"update",eventID:a.uuid.gen()}))}):o=="Enter"&&a.scope(()=>{if(!t.val_selectorOpen)return t.set_selectorOpen(!0);let r=t.val_options.find(m=>m.value==t.val_optionFocused);if(!r)return;let{value:i}=r;t.set_status(m=>{let s=[...m.dataValue];return a.scope(()=>{if(i===null)return s=[];m.dataValue.includes(i)?s=s.filter(f=>f!==i):e.multiSelect?s.push(i):s=[i]}),D(v({},m),{dataValue:s,eventType:"update",eventID:a.uuid.gen()})}),t.set_keyword(""),t.set_preventDynamicSearchOnKeywordChange(!0)}),a.scope(()=>{if(!["ArrowDown","ArrowUp"].includes(o))return;if(n.preventDefault(),!t.val_selectorOpen)return t.set_selectorOpen(!0);let r=o=="ArrowDown"?1:-1,i=A.FilterSelectableOptions(t),m=i.length-1,s=null;a.scope(()=>{var f,y,p,C;let u=i.findIndex(b=>b.value==t.val_optionFocused);if(r==1){if(s=((f=i[0])==null?void 0:f.value)||null,S){s=i[m].value||null;return}if(u==-1||u==m)return;s=((y=i[u+1])==null?void 0:y.value)||null}else{if(s=i[m].value||null,S){s=((p=i[0])==null?void 0:p.value)||null;return}if(u==-1||u==0)return;s=((C=i[u-1])==null?void 0:C.value)||null}}),t.set_optionFocused(s)}),e.enableFormSubmit&&L.SubmitForm(n,t.rootStates.form)},onChange:n=>{let d=n.target.value;t.set_keyword(d)}},"searchInput")},Selector:t=>{let[e,n]=g(t),{rootStates:o}=e,[d,c]=g("idle"),[S,r]=g("idle");T(()=>{Y.set({["refresh-autocomplete-selector-"+o.componentID]:u=>{n(u)}})},[]),T(()=>{if(!e.val_selectorOpen||!o.DynamicOptionsOnSearch)return;if(e.val_preventDynamicSearchOnKeywordChange)return e.set_preventDynamicSearchOnKeywordChange(!1);if(d=="idle")return c("ok");r("fetch");let u="autocomplete-search-"+o.componentID;a.interval.clear(u),a.interval.standBy(u,300,()=>Q(void 0,null,function*(){let f=yield o.DynamicOptionsOnSearch(e.val_keyword);r("idle");let y=A.InitOptions(f||[]);e.set_options(y)}))},[e.val_keyword]);let i=[],m=A.FilterSelectableOptions(e,!0),s=A.FilterSelectableOptions(e);return m.forEach((u,f)=>{let{type:y,value:p}=u,C=e.val_optionFocused==p,b=e.val_status.dataValue.includes(p),V=o.SelectorComponent;i.push(l(V,{option:u,isFocused:C,isSelected:b,addCallback:()=>{e.set_status(w=>{let O=[...w.dataValue];return a.scope(()=>{if(p===null)return O=[];w.dataValue.includes(p)?O=O.filter(k=>k!==p):o.multiSelect?O.push(p):O=[p]}),D(v({},w),{dataValue:O,eventType:"update",eventID:a.uuid.gen()})})}},a.JsonTo(p)||a.uuid.gen()))}),s.length||(i=[l(B.Supplement,{padding:[0,1],fontColor:"4.thin",children:"\u5019\u88DC\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093"},"no-selector-notice")]),S=="fetch"&&(i=[K(N.Left,{padding:1,fontColor:"3.blur",children:[l(se.Theme.R,{showInitial:!0}),l(B.Supplement,{children:"Loading..."})]},"loader")]),l(M.Body,{className:P("Selector"),ssCardBox:!0,borderRadius:"3.tone.tertiary",boxShadow:"1.normal",freeCSS:{minWidth:12*18},children:l(ie,{gap:0,padding:[1,0],children:i})})},Selected:t=>{let{rootStates:e,val_status:n,set_status:o,val_optionsDict:d}=t,c=[];return n.dataValue.forEach(S=>{let r=d[a.JsonTo(S)];if(!r)return;let i=e.SelectedComponent,m=r.label;r.value===null&&(m=""),c.push(l(x,{className:P("SelectedCell"),children:l(i,{value:r.value,label:m,removeCallback:s=>{if(s.stopPropagation(),s.preventDefault(),e.disabled)return;let u=[...n.dataValue];u=u.filter(f=>f!==S),o(f=>D(v({},f),{dataValue:u,eventType:"update",eventID:a.uuid.gen()}))}})},a.JsonTo(r.value)))}),l(H,{children:c})},Core:t=>{let{value:e}=t,[n,o]=g(!1),[d,c]=g(!1),[S,r]=g(!1),[i,m]=g(""),[s,u]=g(t.options),[f,y]=g(t.value[0]||null),[p,C]=g({}),[b,V]=g(L.DefaultStatus(t.componentID,e)),[w,O]=g({ok:!1,notice:[]}),F=ne(!1);T(()=>{F.current?u(t.options):F.current=!0},[t.options]),T(()=>{if(!s.length)return;let z=[...s],q=v({},p);z.forEach(W=>{W.type!="label"&&(q[a.JsonTo(W.value)]=W)}),C(q)},[s]);let k={rootStates:t,val_options:s,set_options:u,val_optionFocused:f,set_optionFocused:y,val_optionsDict:p,set_optionsDict:C,val_preventDynamicSearchOnKeywordChange:d,set_preventDynamicSearchOnKeywordChange:c,val_preventOpenSelectorOnFocus:n,set_preventOpenSelectorOnFocus:o,val_selectorOpen:S,set_selectorOpen:r,val_keyword:i,set_keyword:m,val_status:b,set_status:V,val_validate:w,set_validate:O},U=!!t.multiSelect;L.CommonEffects({type:U?"autocomplete.multi":"autocomplete.single",states:t,val_status:b,set_status:V,val_validate:w,set_validate:O,SystemValidation:me});let E=b.dataValue.length&&b.dataValue[0]!==null;return E=E||S,K(ce,{val_status:b,set_status:V,val_validate:w,states:t,children:[l(de,{componentID:t.componentID,fontSize:t.fontSize,required:t.required,label:t.label,isActive:E}),l(R.Shallow,v({},k)),l(R.Button,v({},k))]})}},te=t=>{let e=v({},t);return e=D(v({value:[],min:0,max:65535,multiSelect:!0,SearchInput:!0,emptySelect:!0,SelectorComponent:({option:n,isSelected:o,isFocused:d,addCallback:c})=>n.type=="selector"?l(Z.Sub.S,{color:"cloud",backgroundColor:"trans",borderRadius:0,fontColor:"2.normal",textAlign:"left",padding:["1/2",1.5],isActive:d,isActiveStyles:{backgroundColor:"cloud"},onClick:S=>{c()},children:K(N.Left,{gap:"1/2",children:[o&&l(J.Check,{fontColor:"theme"}),l(B.Supplement,{transition:"short",children:n.label})]})}):l(H,{children:n.label}),SelectedComponent:({value:n,label:o,removeCallback:d})=>K(N.Left,{ssCardBox:"cloud",backgroundColor:"layer.3",borderRadius:"2.tone.secondary",fontSize:"1.mini",padding:"1/2",gap:0,children:[l(x,{padding:[0,"1/4"],children:o}),l(Z.Sub,{color:"cloud",fontColor:"white",backgroundColor:"layer.6",isRounded:!0,padding:"1/4",onClick:d,children:l(J.Times,{ssSphere:1})})]})},e),{freeCSS:v({cursor:"pointer"},e.freeCSS)}),e.multiSelect||(e.min=1,e.max=1),e.options=e.options||[],e.emptySelect&&(e.options=[{value:null,label:l(B.Supplement,{fontColor:"4.thin",children:"\u9078\u629E\u3092\u89E3\u9664"})},...e.options]),e.value=a.flatArray(e.value||null),e.options=A.InitOptions(e.options),a.is.nullish(e.rightIcon)&&(e.rightIcon=l(ee,{ssSphere:2,children:l(J.Search,{})}),e.disabled&&(e.rightIcon=l(ee,{ssSphere:2,fontColor:"5.translucent",children:l(J.Ban,{})}))),e.rightIcon&&(e=v({paddingRight:3},e)),e.leftIcon&&(e=v({paddingLeft:3},e)),l(ue,{componentID:e.componentID,children:R.Core,states:pe(e)})};export{te as Autocomplete,te as default};

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

@@ -23,7 +23,6 @@ declare namespace Data {
         head: HeadRow;
         rows: BodyRow[];
         onRowClick?: TableTypes.OnRowClick;
-        eventID?: string;
         checker?: boolean;
         searchKeyword?: string;
         filter?: boolean | boolean[];

package/dist/fn/Table/Data.js

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

package/dist/temps/designBook.js

@@ -1,4 +1,4 @@
-import{b as N,c as Y,e as v}from"../chunk-C5N2D3ZX.js";import{Fragment as c,jsx as e,jsxs as o}from"react/jsx-runtime";import{useState as k,useEffect as G}from"react";import T,{Filer as U}from"@mingoo/jsmin";import{Config as L,ThemeColors as Z,Box as t,Span as ee,Grid as m,Flex as b,FAI as x,Img as I,Logo as s,Column as p,Placeholder as oe,List as F,ListItem as E,LinkifyText as te,Accordion as K,Row as u,Text as i,PageViewController as re,SwipeView as le,TabBar as ae,Plate as X,Table as C,Input as n,Button as r,Anchor as M,Label as A,Sheet as B,Snackbar as V,Tooltips as R,Tips as j,Loader as P,Effect as ne,Cropper as ie,RootViewController as de}from"..";const y={index:()=>o(c,{children:[o(b,{gap:1,children:[e(t,{flexCenter:!0,children:e(oe,{ssSphere:6,children:"Placeholder"})}),o(m,{gridCols:3,gap:1,flexSizing:"auto",children:[e(t,{padding:2,backgroundColor:"layer.1"}),e(t,{padding:2,backgroundColor:"layer.2"}),e(t,{padding:2,backgroundColor:"layer.3"}),e(t,{padding:2,backgroundColor:"layer.4"}),e(t,{padding:2,backgroundColor:"layer.5"}),e(t,{padding:2,backgroundColor:"layer.6"})]}),o(m,{gridCols:3,gap:"1/2",flexSizing:"auto",ssCardBox:!0,children:[e(t,{flexCenter:!0,fontColor:"1.clear",children:"FontColor1"}),e(t,{flexCenter:!0,fontColor:"2.normal",children:"FontColor2"}),e(t,{flexCenter:!0,fontColor:"3.blur",children:"FontColor3"}),e(t,{flexCenter:!0,fontColor:"4.thin",children:"FontColor4"}),e(t,{flexCenter:!0,fontColor:"5.translucent",children:"FontColor5"})]})]}),e(y.Fonts,{}),e(y.Box,{}),e(y.Flex,{}),e(y.Grid,{}),e(y.Others,{})]}),Fonts:()=>o(t,{ssCardBox:!0,children:[e(i.SubTitle,{padding:1,borderBottom:!0,children:"Font"}),o(t,{overflow:"auto",padding:1,children:[e(i.Description,{padding:1,children:`<Box
+import{b as N,c as Y,e as v}from"../chunk-C5N2D3ZX.js";import{Fragment as c,jsx as e,jsxs as o}from"react/jsx-runtime";import{useState as k,useEffect as G}from"react";import T,{Filer as U}from"@mingoo/jsmin";import{Config as L,ThemeColors as Z,Box as t,Span as ee,Grid as m,Flex as b,FAI as x,Img as I,Logo as s,Column as p,Placeholder as oe,List as F,ListItem as E,LinkifyText as te,Accordion as X,Row as u,Text as i,PageViewController as re,SwipeView as le,TabBar as ae,Plate as j,Table as C,Input as n,Button as r,Anchor as M,Label as A,Sheet as B,Snackbar as V,Tooltips as R,Tips as J,Loader as P,Effect as ne,Cropper as ie,RootViewController as de}from"..";const y={index:()=>o(c,{children:[o(b,{gap:1,children:[e(t,{flexCenter:!0,children:e(oe,{ssSphere:6,children:"Placeholder"})}),o(m,{gridCols:3,gap:1,flexSizing:"auto",children:[e(t,{padding:2,backgroundColor:"layer.1"}),e(t,{padding:2,backgroundColor:"layer.2"}),e(t,{padding:2,backgroundColor:"layer.3"}),e(t,{padding:2,backgroundColor:"layer.4"}),e(t,{padding:2,backgroundColor:"layer.5"}),e(t,{padding:2,backgroundColor:"layer.6"})]}),o(m,{gridCols:3,gap:"1/2",flexSizing:"auto",ssCardBox:!0,children:[e(t,{flexCenter:!0,fontColor:"1.clear",children:"FontColor1"}),e(t,{flexCenter:!0,fontColor:"2.normal",children:"FontColor2"}),e(t,{flexCenter:!0,fontColor:"3.blur",children:"FontColor3"}),e(t,{flexCenter:!0,fontColor:"4.thin",children:"FontColor4"}),e(t,{flexCenter:!0,fontColor:"5.translucent",children:"FontColor5"})]})]}),e(y.Fonts,{}),e(y.Box,{}),e(y.Flex,{}),e(y.Grid,{}),e(y.Others,{})]}),Fonts:()=>o(t,{ssCardBox:!0,children:[e(i.SubTitle,{padding:1,borderBottom:!0,children:"Font"}),o(t,{overflow:"auto",padding:1,children:[e(i.Description,{padding:1,children:`<Box
   fontSize={ 0 ~ 8 }
 >
   some text
@@ -53,7 +53,7 @@ children={
     in Accordion Element
   </>
 }
-/>`})})},{children:o(c,{children:[e(A,{}),e(A.Sub,{children:"ToggleButton",onClick:()=>{K.fn.toggle("testAccordion")}}),e(K,{accordionID:"testAccordion",defaultOpen:!0,children:"in Accordion Element"})]})}],[{children:e(i.Description,{children:`
+/>`})})},{children:o(c,{children:[e(A,{}),e(A.Sub,{children:"ToggleButton",onClick:()=>{X.fn.toggle("testAccordion")}}),e(X,{accordionID:"testAccordion",defaultOpen:!0,children:"in Accordion Element"})]})}],[{children:e(i.Description,{children:`
 <Img
 maxheight={ 8 }
 maxWidth={ 8 }
@@ -69,11 +69,11 @@ Some Text
 Some Text`})]}),o(u.Separate,{children:[e(r.Sub.S,{color:"white",onClick:()=>{V.remove(l)},children:"\u9589\u3058\u308B"}),e(M.Prime.S,{href:"",children:"\u8A73\u7D30"})]})]})})},children:"Message"})]})]})},W={index:()=>o(c,{children:[e(W.Types,{}),e(W.Tone,{})]}),Tone:()=>o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"Tone"}),e(t,{padding:1,overflow:"auto",children:o(m,{gridCols:2,gap:2,children:[o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBPrime"}),o(m,{gridCols:3,padding:1,gap:1,children:[e(r,{color:"theme",children:"theme"}),e(r,{backgroundColor:"coffee",children:"posi"}),e(r,{backgroundColor:"ninja",children:"nega"}),e(r,{backgroundColor:"droplet",children:"warn"}),e(r,{backgroundColor:"googleBlue",children:"mono"}),e(r,{backgroundColor:"poizon",children:"pozion"})]})]}),o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBSub"}),o(m,{gridCols:3,gap:1,padding:1,children:[e(r.Sub,{color:"theme",children:"theme"}),e(r.Sub,{color:"posi",children:"posi"}),e(r.Sub,{color:"nega",children:"nega"}),e(r.Sub,{color:"warn",children:"warn"}),e(r.Sub,{color:"cloud",children:"cloud"})]}),o(m,{gridCols:3,gap:1,padding:1,ssCardBox:!0,backgroundColor:"dark",children:[e(r.Sub,{color:"white",children:"white"}),e(r.Sub,{color:"cloud",children:"cloud"})]})]}),o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBClear"}),o(m,{gridCols:3,gap:1,padding:1,children:[e(r.Clear,{color:"theme",children:"theme"}),e(r.Clear,{color:"posi",children:"posi"}),e(r.Clear,{color:"nega",children:"nega"}),e(r.Clear,{color:"warn",children:"warn"}),e(r.Clear,{color:"cloud",children:"cloud"})]}),o(m,{gridCols:3,gap:1,padding:1,ssCardBox:!0,backgroundColor:"dark",children:[e(r.Clear,{color:"white",children:"white"}),e(r.Clear,{color:"cloud",children:"cloud"})]})]}),o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBFillToBorder"}),o(m,{gridCols:3,gap:1,padding:1,children:[e(r.FillToBorder,{color:"theme",children:"theme"}),e(r.FillToBorder,{color:"posi",children:"posi"}),e(r.FillToBorder,{color:"nega",children:"nega"}),e(r.FillToBorder,{color:"warn",children:"warn"})]}),o(m,{gridCols:3,gap:1,padding:1,ssCardBox:!0,backgroundColor:"dark",children:[e(r.FillToBorder,{color:"white",children:"white"}),e(r.FillToBorder,{color:"cloud",children:"cloud"})]})]}),o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBBorderToFill"}),o(m,{gridCols:3,gap:1,padding:1,children:[e(r.BorderToFill,{color:"theme",fontColor:"nega",children:e(t,{children:"theme"})}),e(r.BorderToFill,{color:"posi",children:"posi"}),e(r.BorderToFill,{color:"nega",children:"nega"}),e(r.BorderToFill,{color:"warn",children:"warn"})]}),o(m,{gridCols:3,gap:1,padding:1,ssCardBox:!0,backgroundColor:"dark",children:[e(r.BorderToFill,{color:"white",children:"white"}),e(r.BorderToFill,{color:"cloud",children:"cloud"})]})]}),o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBOthers"}),o(m,{gridCols:3,gap:1,padding:1,children:[e(r.Border,{children:"Border"}),e(r.Normal,{children:"Normal"}),e(r.Link,{children:"Link"}),e(r.Plain,{children:"Plain"})]})]})]})})]}),Types:()=>o(b,{gap:2,flexChilds:"auto",children:[o(t,{ssCardBox:!0,children:[e(i.ThirdTitle,{borderBottom:!0,padding:1,children:"\u30FBButton"}),e(t,{padding:1,overflow:"auto",children:e(F,{items:[o(c,{children:[e(r.Prime,{children:"Button.Prime"}),"Button.Button.Prime"]}),o(c,{children:[e(r.Sub,{children:"Button.Sub"}),"Button.Button.Sub"]}),o(c,{children:[e(r.Border,{children:"Button.Border"}),"Button.Button.Border"]})]})})]}),o(t,{ssCardBox:!0,children:[e(i.ThirdTitle,{borderBottom:!0,padding:1,children:"\u30FBLabel"}),e(t,{padding:1,overflow:"auto",children:e(F,{ListChildCallback:({children:l})=>e(p,{gap:"1/3",padding:[1,0],horizontalAlign:"between",borderBottom:"2.normal",children:l}),items:[o(c,{children:["Label.Prime",e(A.Prime,{children:"Label.Prime"})]}),o(c,{children:["Label.Sub",e(A.Sub,{children:"Label.Sub"})]}),o(c,{children:["Label.Border",e(A.Border,{children:"Label.Border"})]})]})})]}),o(t,{ssCardBox:!0,children:[e(i.ThirdTitle,{borderBottom:!0,padding:1,children:"\u30FBAnchor"}),e(t,{padding:1,overflow:"auto",children:e(F,{ListChildCallback:({children:l})=>e(p,{gap:"1/3",padding:[1,0],horizontalAlign:"between",borderBottom:"2.normal",children:l}),items:[o(c,{children:["Button.Anchor.Prime",e(M.Prime,{href:"",children:"Anchor.Prime"})]}),o(c,{children:["Button.Anchor.Sub",e(M.Sub,{href:"",children:"Anchor.Sub"})]}),o(c,{children:["Button.Anchor.Border",e(M.Border,{href:"",children:"Anchor.Border"})]})]})})]}),o(t,{ssCardBox:!0,children:[e(i.ThirdTitle,{borderBottom:!0,padding:1,children:"\u30FBSizes"}),o(p,{padding:2,gap:2,children:[e(u.Left,{children:e(r.Prime.XS,{children:'size="XS"'})}),e(u.Left,{children:e(r.Prime.S,{children:'size="S"'})}),e(u.Left,{children:e(r.Prime,{children:'size="R"'})}),e(u.Left,{children:e(r.Prime.L,{children:'size="L"'})})]})]})]})},se={index:()=>{let l=a=>e(t,N({flexCenter:!0,ssCardBox:"layer",textAlign:"center",padding:2},a));return o(p,{gap:4,children:[o(p,{children:[e(i.Paragraph,{children:"Shadows"}),o(m,{gap:2,gridCols:4,children:[e(l,{boxShadow:"0.min",children:"0.min"}),e(l,{boxShadow:"0.normal",children:"0.normal"}),e(l,{boxShadow:"0.remark",children:"0.remark"}),e(l,{boxShadow:"0.max",children:"0.max"}),e(l,{boxShadow:"1.min",children:"1.min"}),e(l,{boxShadow:"1.normal",children:"1.normal"}),e(l,{boxShadow:"1.remark",children:"1.remark"}),e(l,{boxShadow:"1.max",children:"1.max"}),e(l,{boxShadow:"2.min",children:"2.min"}),e(l,{boxShadow:"2.normal",children:"2.normal"}),e(l,{boxShadow:"2.remark",children:"2.remark"}),e(l,{boxShadow:"2.max",children:"2.max"}),e(l,{boxShadow:"3.min",children:"3.min"}),e(l,{boxShadow:"3.normal",children:"3.normal"}),e(l,{boxShadow:"3.remark",children:"3.remark"}),e(l,{boxShadow:"3.max",children:"3.max"}),e(l,{boxShadow:"4.min",children:"4.min"}),e(l,{boxShadow:"4.normal",children:"4.normal"}),e(l,{boxShadow:"4.remark",children:"4.remark"}),e(l,{boxShadow:"4.max",children:"4.max"}),e(l,{boxShadow:"5.min",children:"5.min"}),e(l,{boxShadow:"5.normal",children:"5.normal"}),e(l,{boxShadow:"5.remark",children:"5.remark"}),e(l,{boxShadow:"5.max",children:"5.max"})]})]}),o(p,{children:[e(i.Paragraph,{children:"Inset Shadows"}),o(m,{gap:2,gridCols:4,children:[e(l,{boxShadow:"0.min.inset",children:"0.min.inset"}),e(l,{boxShadow:"0.normal.inset",children:"0.normal.inset"}),e(l,{boxShadow:"0.remark.inset",children:"0.remark.inset"}),e(l,{boxShadow:"0.max.inset",children:"0.max.inset"}),e(l,{boxShadow:"1.min.inset",children:"1.min.inset"}),e(l,{boxShadow:"1.normal.inset",children:"1.normal.inset"}),e(l,{boxShadow:"1.remark.inset",children:"1.remark.inset"}),e(l,{boxShadow:"1.max.inset",children:"1.max.inset"}),e(l,{boxShadow:"2.min.inset",children:"2.min.inset"}),e(l,{boxShadow:"2.normal.inset",children:"2.normal.inset"}),e(l,{boxShadow:"2.remark.inset",children:"2.remark.inset"}),e(l,{boxShadow:"2.max.inset",children:"2.max.inset"}),e(l,{boxShadow:"3.min.inset",children:"3.min.inset"}),e(l,{boxShadow:"3.normal.inset",children:"3.normal.inset"}),e(l,{boxShadow:"3.remark.inset",children:"3.remark.inset"}),e(l,{boxShadow:"3.max.inset",children:"3.max.inset"})]})]})]})}},ue=()=>{const l={Basic:()=>o(t,{ssCardBox:!0,children:[e(i.Paragraph,{borderBottom:!0,padding:1,children:"TextInput"}),o(p,{padding:1,gap:2,children:[o(u.Separate,{marginBottom:2,children:[e(i.Description,{children:`<Input.Text
     required
     value={ 'hello React!!' }
-  />`}),e(n.TextField,{tone:"cloud",name:"textfield",label:"testInputLabel",placeholder:"testInputPlaceholder",isLabelActive:!0,required:!0,value:"helloReact"})]}),e(n.TextField.Email,{label:"Input.TextField.Email",name:"textfield.email",autoComplete:"off",value:"test@gmail.com"}),e(n.TextField.Number,{label:"Input.TextField.Number",value:324,onUpdateValidValue:({value:a})=>{console.log(a)}}),e(n.TextField,{label:"Input.TextField (number.zeroStart)",name:"textfield.zeroStart",restrict:"number.zeroStart",value:"0324"}),o(t,{children:["Input.DigitCharacters",e(n.DigitCharacters,{numericOnly:!0,value:"032421",name:"digitCharacters",digits:6,onUpdateValidValue:({value:a})=>{console.log(a)}})]}),e(n.TextField.Tel,{label:"Input.TextField.Tel",name:"textfield.tel",value:"080-6995-2229"}),e(n.TextField.Money.JPY,{value:"3000",label:"Input.TextField.Money.JPY",name:"textfield.money"}),e(n.TextField.Url,{label:"Input.TextField.Url",value:"http://google.com",name:"textfield.url"}),o(t,{children:[e(n.TextField.Postal,{label:"Input.TextField.Postal",name:"textfield.postal",override:"force",rightIcon:e(n.RightIcon,{freeCSS:{pointerEvents:"all"},children:e(r.Sub.S,{borderRadius:"3.tone.tertiary",ssSphere:2,onClick:()=>v(void 0,null,function*(){}),onMouseOver:a=>{j.open(a.currentTarget,"\u73FE\u5728\u5730\u3092\u53D6\u5F97")},onMouseLeave:()=>{j.abort()},children:e(x.Location,{})})})}),e(t,{id:"postalResult",padding:1,textAlign:"left"})]}),e(n.TextField.Password,{label:"Input.TextField.Password",name:"textfield.password",value:"onigiriUmai123"}),e(n.TextField,{label:"Input.TextField (multiline)",name:"textfield.multiline",multiline:!0,autoHeight:!1,value:`text1
+  />`}),e(n.TextField,{tone:"cloud",name:"textfield",label:"testInputLabel",placeholder:"testInputPlaceholder",isLabelActive:!0,required:!0,value:"helloReact"})]}),e(n.TextField.Email,{label:"Input.TextField.Email",name:"textfield.email",autoComplete:"off",value:"test@gmail.com"}),e(n.TextField.Number,{label:"Input.TextField.Number",value:324,onUpdateValidValue:({value:a})=>{console.log(a)}}),e(n.TextField,{label:"Input.TextField (number.zeroStart)",name:"textfield.zeroStart",restrict:"number.zeroStart",value:"0324"}),o(t,{children:["Input.DigitCharacters",e(n.DigitCharacters,{numericOnly:!0,value:"032421",name:"digitCharacters",digits:6,onUpdateValidValue:({value:a})=>{console.log(a)}})]}),e(n.TextField.Tel,{label:"Input.TextField.Tel",name:"textfield.tel",value:"080-6995-2229"}),e(n.TextField.Money.JPY,{value:"3000",label:"Input.TextField.Money.JPY",name:"textfield.money"}),e(n.TextField.Url,{label:"Input.TextField.Url",value:"http://google.com",name:"textfield.url"}),o(t,{children:[e(n.TextField.Postal,{label:"Input.TextField.Postal",name:"textfield.postal",override:"force",rightIcon:e(n.RightIcon,{freeCSS:{pointerEvents:"all"},children:e(r.Sub.S,{borderRadius:"3.tone.tertiary",ssSphere:2,onClick:()=>v(void 0,null,function*(){}),onMouseOver:a=>{J.open(a.currentTarget,"\u73FE\u5728\u5730\u3092\u53D6\u5F97")},onMouseLeave:()=>{J.abort()},children:e(x.Location,{})})})}),e(t,{id:"postalResult",padding:1,textAlign:"left"})]}),e(n.TextField.Password,{label:"Input.TextField.Password",name:"textfield.password",value:"onigiriUmai123"}),e(n.TextField,{label:"Input.TextField (multiline)",name:"textfield.multiline",multiline:!0,autoHeight:!1,value:`text1
 text2
 text3
 text4
-text5`,minRows:5}),e(n.TextField,{label:"Input.TextField",name:"textfield.autoHeight",isLabelActive:!0,placeholder:"(autoHeight) (multiline)",multiline:!0,autoHeight:!0,value:"",freeCSS:{minHeight:72},onUpdateValidValue:a=>{console.log(a)}}),e(n.TextField,{label:"Input.LeftIndicator",leftIndicator:e(n.LeftIndicator,{children:"Left Indicator"})}),e(n.TextField,{label:"Input.LeftIcon",paddingLeft:6,leftIcon:e(n.LeftIcon,{ssSquare:void 0,freeCSS:{pointerEvents:"all"},children:e(r.Sub.S,{padding:["1/3","1/2"],children:"Left Icon"})})}),e(n.TextField,{label:"Input.RightIcon",paddingRight:6,rightIcon:e(n.RightIcon,{ssSquare:void 0,freeCSS:{pointerEvents:"all"},children:e(r.Sub.S,{padding:["1/3","1/2"],children:"Right Icon"})})}),e(n.TextField,{label:"Input.RightIndicator",rightIndicator:e(n.RightIndicator,{children:"Right Indicator"})})]})]}),Time:()=>e(c,{children:o(t,{ssCardBox:!0,children:[e(i.Paragraph,{borderBottom:!0,padding:1,children:"Time Input"}),e(t,{padding:1,children:o(p,{gap:1.5,children:[e(n.Time.Clock,{label:"Input.Time.Clock",name:"time.clock"}),e(n.Time.Date,{label:"Input.Time.Date",name:"time.date"}),e(n.Time.Week,{label:"Input.Time.Week",name:"time.week"}),e(n.Time.Month,{label:"Input.Time.Month",name:"time.month"}),e(n.Time.Year,{label:"Input.Time.Year",name:"time.year"}),e(n.Time.Periods.Date,{label:"Input.Time.Periods.Date",name:"time.periods.date"}),e(n.Time.Periods.Month,{label:"Input.Time.Periods.Month",name:"time.periods.month"}),e(n.Time.DateWareki,{label:"Input.Time.DateWareki",name:"time.dateWareki"}),e(t,{children:e(n.Select,{label:"Input.TimePicker",id:"timePicker",options:[{value:"clock",label:"clock"},{value:"date",label:"date"},{value:"week",label:"week"},{value:"month",label:"month"},{value:"year",label:"year"},{value:"dates",label:"dates"},{value:"months",label:"months"},{value:"dateWareki",label:"dateWareki"}],onUpdateValidValue:({value:a})=>{n.Time.fn.picker.launch({parent:"#timePicker",restrict:a,defaultValue:"",onValueUpdate:d=>{console.log(d)}})}})})]})})]})}),List:()=>e(c,{children:o(t,{ssCardBox:!0,children:[e(i.Paragraph,{borderBottom:!0,padding:1,children:"Radio & Checkbox Input"}),e(t,{padding:1,children:o(p,{children:[o(b,{gap:2,flexChilds:"auto",children:[o(t,{children:["Input.Checkbox",e(n.Checkbox,{name:"checkbox",value:[2,"3"],min:2,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Input.Radio",e(n.Radio,{name:"radio",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"},{value:4,label:"Option4"},{value:5,label:"Option5"}]})]}),o(t,{children:["CustomIcon",e(n.Radio,{name:"radio.CustomIcon",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}],CustomIcon:a=>o(r.Normal.S,{ssPushable:!0,color:"cloud",tabIndex:-1,ssEffectsOnActive:"ripple.cloud",isRounded:!0,fontSize:"3.paragraph",fontColor:a.isChecked?"theme":"5.translucent",onClick:d=>{d.preventDefault(),d.stopPropagation(),a.toggle()},children:[e(x.Heart,{})," 3"]})})]})]}),o(p,{children:[e(i.Paragraph,{children:"Tones"}),o(p,{children:[o(t,{children:["Plain",e(n.Radio,{name:"radio.plain",value:[1],gap:1,options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]})]}),o(t,{children:["Plain icon={ false }",e(n.Checkbox,{name:"checkbox.plain",icon:!1,cellStyles:{padding:["1/3","2/3"],isRounded:!0},cellCheckedStyles:{fontColor:"theme"},value:[2,"3"],hideInput:!0,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Simple",e(n.Checkbox.Simple,{name:"checkbox.simple",value:[2,"3"],hideInput:!0,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Normal",e(n.Checkbox.Normal,{name:"checkbox.normal",value:[2,"3"],hideInput:!0,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Vivid",e(n.Checkbox.Vivid,{name:"checkbox.vivid",value:[2,"3"],hideInput:!0,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Cloud",e(n.Checkbox.Cloud,{name:"checkbox.cloud",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]})]}),o(t,{children:["Border",e(n.Radio.Border,{name:"radio.border",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]})]})]})]})]})})]})}),Select:()=>e(c,{children:o(t,{ssCardBox:!0,children:[e(i.Paragraph,{borderBottom:!0,padding:1,children:"Select,Autocomplete Input"}),o(p,{padding:2,gap:1.5,children:[e(n.Select,{name:"select",label:"Input.Select",isLabelActive:!0,placeholder:"Select",required:!0,value:3,options:[{value:1,label:"option1"},{value:2,label:"option2"},{value:3,label:"option3a"},{value:4,label:"option4"}]}),e(n.Search,{name:"search",label:"Input.Search",required:!0,options:[{value:1,label:"1"},{value:{value1:2,value2:3},label:"Object"},{value:3,label:"3"},{value:101,label:"101"},{value:102,label:"102"}],DynamicOptionsOnSearch:a=>v(void 0,null,function*(){console.log("keyword",a);let d=[];for(let g=0;g<100;g++)d.push({value:g,label:String(g),searchValue:a});return d})}),e(n.Autocomplete,{name:"autocomplete",label:"Input.Autocomplete",SelectorGravityPoint:6,max:2,value:[4],options:[{value:1,label:"X-men"},{value:2,label:"\u30B7\u30E7\u30FC\u30B7\u30E3\u30F3\u30AF\u306E\u7A7A"},{value:3,label:"\u30B9\u30BF\u30FC\u30A6\u30A9\u30FC\u30BA"},{value:4,label:"\u30B4\u30C3\u30C9\u30D5\u30A1\u30FC\u30B6\u30FC: Part II"},{value:5,label:"\u30B4\u30C3\u30C9\u30D5\u30A1\u30FC\u30B6\u30FC: Part III"},{value:6,label:"\u30A4\u30F3\u30BB\u30D7\u30B7\u30E7\u30F3"}]}),e(n.Autocomplete,{name:"autocomplete.dynamic",label:"Input.Search",required:!0,options:[{value:1,label:"1"},{value:{value1:2,value2:3},label:"Object"},{value:3,label:"3"},{value:101,label:"101"},{value:102,label:"102"}],DynamicOptionsOnSearch:a=>v(void 0,null,function*(){console.log("keyword",a),yield T.pending(()=>{},1e3);let d=[];for(let g=0;g<100;g++)d.push({value:g,label:String(g),searchValue:a});return d})})]})]})}),Segmented:()=>o(t,{ssCardBox:!0,children:[e(i.ThirdTitle,{borderBottom:!0,padding:1,children:"Segmented"}),o(p,{padding:2,gap:2,children:[e(u.Left,{children:e(n.Segmented,{name:"segmented",value:1,options:[{value:0,label:"Home"},{value:1,label:"Notice"},{value:2,label:"Posts"},{value:3,label:"Settings"}]})}),e(u.Left,{children:e(n.Segmented.Cloud,{name:"segmented.cloud",value:1,options:[{value:0,label:e(x.AngleLeft,{})},{value:1,label:e(x.AngleRight,{})},{value:2,label:e(x.AngleUp,{})},{value:3,label:e(x.AngleDown,{})}]})}),e(u.Left,{children:e(n.Segmented.CloudTheme,{name:"segmented.cloudTheme",value:1,options:[{value:0,label:e(x.AngleLeft,{})},{value:1,label:e(x.AngleRight,{})},{value:2,label:e(x.AngleUp,{})},{value:3,label:e(x.AngleDown,{})}]})}),e(u.Left,{children:e(n.Segmented.CloudMono,{name:"segmented.cloudMono",value:1,options:[{value:0,label:e(x.AngleLeft,{})},{value:1,label:e(x.AngleRight,{})},{value:2,label:e(x.AngleUp,{})},{value:3,label:e(x.AngleDown,{})}]})}),e(u.Left,{children:e(n.Segmented.Border,{name:"segmented.border",value:1,options:[{value:0,label:"On"},{value:1,label:"Off"}]})}),e(u.Left,{children:e(n.Segmented.BorderVivid,{name:"segmented.borderVivid",value:1,options:[{value:0,label:"On"},{value:1,label:"Off"}]})}),e(u.Left,{borderBottom:!0,children:e(n.Segmented.Bottomline,{name:"segmented.bottomline",value:1,options:[{value:0,label:"Takana"},{value:1,label:"Mentai"},{value:2,label:"Mayo"},{value:3,label:"Gyudon"}]})})]})]}),Variables:()=>e(c,{children:o(t,{ssCardBox:!0,children:[e(i.Paragraph,{borderBottom:!0,padding:1,children:"Variables"}),e(t,{padding:1,children:e(p,{children:o(p,{gap:2,children:[o(t,{children:["Input.File",e(n.Filer,{name:"filer",limit:3,onUpdateValidValue:({value:a})=>{console.log(a[0])}})]}),o(t,{children:["Input.Switch",o(u.Left,{gap:2,children:[e(n.Switch,{name:"switch"}),e(n.Switch,{name:"switch.applely",appearance:"applely",color:"icicles",value:!0}),e(n.Switch,{name:"switch.warn",appearance:"applely",icon:e(x.ExclamationTriangle,{}),color:"warn",value:!0})]})]}),e(u.Left,{children:e(n.Color,{name:"color",onUpdateValidValue:({value:a})=>{console.log(a)},value:"#4332c3"})}),o(t,{flexNewLine:!0,children:["Input.Slider",e(n.Slider,{name:"slider",color:"battery",value:40,step:10,min:0,max:100,onUpdateValidValue:({value:a})=>{console.log(a)}})]})]})})})]})})};return e(c,{children:e(X,{size:"L",children:o(m,{gridCols:2,gap:2,children:[e(l.Basic,{}),e(l.Select,{}),e(l.Time,{}),e(l.List,{}),e(l.Segmented,{}),e(l.Variables,{})]})})})},ce=()=>{const l=(a,d)=>{let g="testModal"+d;B.open({type:a,sheetID:g,size:"S",padding:2,content:o(B.Body,{padding:1,children:[o(t,{padding:2,children:["Content ",d||0]}),e(r.Sub,{onClick:()=>{l(a,d?d+1:1)},children:"Open Nested"}),e(u.Right,{children:e(r,{onClick:()=>{B.close(g)},children:"\u9589\u3058\u308B"})})]})})};return o(c,{children:[o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"CardBox"}),e(t,{padding:1,overflow:"auto",children:e(i.Description,{children:`<Box styles={{ssCardBox:true}}>
+text5`,minRows:5}),e(n.TextField,{label:"Input.TextField",name:"textfield.autoHeight",isLabelActive:!0,placeholder:"(autoHeight) (multiline)",multiline:!0,autoHeight:!0,value:"",freeCSS:{minHeight:72},onUpdateValidValue:a=>{console.log(a)}}),e(n.TextField,{label:"Input.LeftIndicator",leftIndicator:e(n.LeftIndicator,{children:"Left Indicator"})}),e(n.TextField,{label:"Input.LeftIcon",paddingLeft:6,leftIcon:e(n.LeftIcon,{ssSquare:void 0,freeCSS:{pointerEvents:"all"},children:e(r.Sub.S,{padding:["1/3","1/2"],children:"Left Icon"})})}),e(n.TextField,{label:"Input.RightIcon",paddingRight:6,rightIcon:e(n.RightIcon,{ssSquare:void 0,freeCSS:{pointerEvents:"all"},children:e(r.Sub.S,{padding:["1/3","1/2"],children:"Right Icon"})})}),e(n.TextField,{label:"Input.RightIndicator",rightIndicator:e(n.RightIndicator,{children:"Right Indicator"})})]})]}),Time:()=>e(c,{children:o(t,{ssCardBox:!0,children:[e(i.Paragraph,{borderBottom:!0,padding:1,children:"Time Input"}),e(t,{padding:1,children:o(p,{gap:1.5,children:[e(n.Time.Clock,{label:"Input.Time.Clock",name:"time.clock"}),e(n.Time.Date,{label:"Input.Time.Date",name:"time.date"}),e(n.Time.Week,{label:"Input.Time.Week",name:"time.week"}),e(n.Time.Month,{label:"Input.Time.Month",name:"time.month"}),e(n.Time.Year,{label:"Input.Time.Year",name:"time.year"}),e(n.Time.Periods.Date,{label:"Input.Time.Periods.Date",name:"time.periods.date"}),e(n.Time.Periods.Month,{label:"Input.Time.Periods.Month",name:"time.periods.month"}),e(n.Time.DateWareki,{label:"Input.Time.DateWareki",name:"time.dateWareki"}),e(t,{children:e(n.Select,{label:"Input.TimePicker",id:"timePicker",options:[{value:"clock",label:"clock"},{value:"date",label:"date"},{value:"week",label:"week"},{value:"month",label:"month"},{value:"year",label:"year"},{value:"dates",label:"dates"},{value:"months",label:"months"},{value:"dateWareki",label:"dateWareki"}],onUpdateValidValue:({value:a})=>{n.Time.fn.picker.launch({parent:"#timePicker",restrict:a,defaultValue:"",onValueUpdate:d=>{console.log(d)}})}})})]})})]})}),List:()=>e(c,{children:o(t,{ssCardBox:!0,children:[e(i.Paragraph,{borderBottom:!0,padding:1,children:"Radio & Checkbox Input"}),e(t,{padding:1,children:o(p,{children:[o(b,{gap:2,flexChilds:"auto",children:[o(t,{children:["Input.Checkbox",e(n.Checkbox,{name:"checkbox",value:[2,"3"],min:2,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Input.Radio",e(n.Radio,{name:"radio",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"},{value:4,label:"Option4"},{value:5,label:"Option5"}]})]}),o(t,{children:["CustomIcon",e(n.Radio,{name:"radio.CustomIcon",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}],CustomIcon:a=>o(r.Normal.S,{ssPushable:!0,color:"cloud",tabIndex:-1,ssEffectsOnActive:"ripple.cloud",isRounded:!0,fontSize:"3.paragraph",fontColor:a.isChecked?"theme":"5.translucent",onClick:d=>{d.preventDefault(),d.stopPropagation(),a.toggle()},children:[e(x.Heart,{})," 3"]})})]})]}),o(p,{children:[e(i.Paragraph,{children:"Tones"}),o(p,{children:[o(t,{children:["Plain",e(n.Radio,{name:"radio.plain",value:[1],gap:1,options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]})]}),o(t,{children:["Plain icon={ false }",e(n.Checkbox,{name:"checkbox.plain",icon:!1,cellStyles:{padding:["1/3","2/3"],isRounded:!0},cellCheckedStyles:{fontColor:"theme"},value:[2,"3"],hideInput:!0,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Simple",e(n.Checkbox.Simple,{name:"checkbox.simple",value:[2,"3"],hideInput:!0,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Normal",e(n.Checkbox.Normal,{name:"checkbox.normal",value:[2,"3"],hideInput:!0,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Vivid",e(n.Checkbox.Vivid,{name:"checkbox.vivid",value:[2,"3"],hideInput:!0,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Cloud",e(n.Checkbox.Cloud,{name:"checkbox.cloud",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]})]}),o(t,{children:["Border",e(n.Radio.Border,{name:"radio.border",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]})]})]})]})]})})]})}),Select:()=>e(c,{children:o(t,{ssCardBox:!0,children:[e(i.Paragraph,{borderBottom:!0,padding:1,children:"Select,Autocomplete Input"}),o(p,{padding:2,gap:1.5,children:[e(n.Select,{name:"select",label:"Input.Select",isLabelActive:!0,placeholder:"Select",required:!0,value:3,options:[{value:1,label:"option1"},{value:2,label:"option2"},{value:3,label:"option3a"},{value:4,label:"option4"}]}),e(n.Search,{name:"search",label:"Input.Search",required:!0,options:[{value:1,label:"1"},{value:{value1:2,value2:3},label:"Object"},{value:3,label:"3"},{value:101,label:"101"},{value:102,label:"102"}],DynamicOptionsOnSearch:a=>v(void 0,null,function*(){console.log("keyword",a);let d=[];for(let g=0;g<100;g++)d.push({value:g,label:String(g),searchValue:a});return d})}),e(n.Autocomplete,{name:"autocomplete",label:"Input.Autocomplete",SelectorGravityPoint:6,max:2,value:[4],options:[{value:1,label:"X-men"},{value:2,label:"\u30B7\u30E7\u30FC\u30B7\u30E3\u30F3\u30AF\u306E\u7A7A"},{value:3,label:"\u30B9\u30BF\u30FC\u30A6\u30A9\u30FC\u30BA"},{value:4,label:"\u30B4\u30C3\u30C9\u30D5\u30A1\u30FC\u30B6\u30FC: Part II"},{value:5,label:"\u30B4\u30C3\u30C9\u30D5\u30A1\u30FC\u30B6\u30FC: Part III"},{value:6,label:"\u30A4\u30F3\u30BB\u30D7\u30B7\u30E7\u30F3"}]}),e(n.Autocomplete,{name:"autocomplete.dynamic",label:"Input.Search",required:!0,options:[{value:1,label:"1"},{value:{value1:2,value2:3},label:"Object"},{value:3,label:"3"},{value:101,label:"101"},{value:102,label:"102"}],DynamicOptionsOnSearch:a=>v(void 0,null,function*(){console.log("keyword",a),yield T.pending(()=>{},1e3);let d=[];for(let g=0;g<100;g++)d.push({value:g,label:String(g),searchValue:a});return d})})]})]})}),Segmented:()=>o(t,{ssCardBox:!0,children:[e(i.ThirdTitle,{borderBottom:!0,padding:1,children:"Segmented"}),o(p,{padding:2,gap:2,children:[e(u.Left,{children:e(n.Segmented,{name:"segmented",value:1,options:[{value:0,label:"Home"},{value:1,label:"Notice"},{value:2,label:"Posts"},{value:3,label:"Settings"}]})}),e(u.Left,{children:e(n.Segmented.Cloud,{name:"segmented.cloud",value:1,options:[{value:0,label:e(x.AngleLeft,{})},{value:1,label:e(x.AngleRight,{})},{value:2,label:e(x.AngleUp,{})},{value:3,label:e(x.AngleDown,{})}]})}),e(u.Left,{children:e(n.Segmented.CloudTheme,{name:"segmented.cloudTheme",value:1,options:[{value:0,label:e(x.AngleLeft,{})},{value:1,label:e(x.AngleRight,{})},{value:2,label:e(x.AngleUp,{})},{value:3,label:e(x.AngleDown,{})}]})}),e(u.Left,{children:e(n.Segmented.CloudMono,{name:"segmented.cloudMono",value:1,options:[{value:0,label:e(x.AngleLeft,{})},{value:1,label:e(x.AngleRight,{})},{value:2,label:e(x.AngleUp,{})},{value:3,label:e(x.AngleDown,{})}]})}),e(u.Left,{children:e(n.Segmented.Border,{name:"segmented.border",value:1,options:[{value:0,label:"On"},{value:1,label:"Off"}]})}),e(u.Left,{children:e(n.Segmented.BorderVivid,{name:"segmented.borderVivid",value:1,options:[{value:0,label:"On"},{value:1,label:"Off"}]})}),e(u.Left,{borderBottom:!0,children:e(n.Segmented.Bottomline,{name:"segmented.bottomline",value:1,options:[{value:0,label:"Takana"},{value:1,label:"Mentai"},{value:2,label:"Mayo"},{value:3,label:"Gyudon"}]})})]})]}),Variables:()=>e(c,{children:o(t,{ssCardBox:!0,children:[e(i.Paragraph,{borderBottom:!0,padding:1,children:"Variables"}),e(t,{padding:1,children:e(p,{children:o(p,{gap:2,children:[o(t,{children:["Input.File",e(n.Filer,{name:"filer",limit:3,onUpdateValidValue:({value:a})=>{console.log(a[0])}})]}),o(t,{children:["Input.Switch",o(u.Left,{gap:2,children:[e(n.Switch,{name:"switch"}),e(n.Switch,{name:"switch.applely",appearance:"applely",color:"icicles",value:!0}),e(n.Switch,{name:"switch.warn",appearance:"applely",icon:e(x.ExclamationTriangle,{}),color:"warn",value:!0})]})]}),e(u.Left,{children:e(n.Color,{name:"color",onUpdateValidValue:({value:a})=>{console.log(a)},value:"#4332c3"})}),o(t,{flexNewLine:!0,children:["Input.Slider",e(n.Slider,{name:"slider",color:"battery",value:40,step:10,min:0,max:100,onUpdateValidValue:({value:a})=>{console.log(a)}})]})]})})})]})})};return e(c,{children:e(j,{size:"L",children:o(m,{gridCols:2,gap:2,children:[e(l.Basic,{}),e(l.Select,{}),e(l.Time,{}),e(l.List,{}),e(l.Segmented,{}),e(l.Variables,{})]})})})},ce=()=>{const l=(a,d)=>{let g="testModal"+d;B.open({type:a,sheetID:g,size:"S",padding:2,content:o(B.Body,{padding:1,children:[o(t,{padding:2,children:["Content ",d||0]}),e(r.Sub,{onClick:()=>{l(a,d?d+1:1)},children:"Open Nested"}),e(u.Right,{children:e(r,{onClick:()=>{B.close(g)},children:"\u9589\u3058\u308B"})})]})})};return o(c,{children:[o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"CardBox"}),e(t,{padding:1,overflow:"auto",children:e(i.Description,{children:`<Box styles={{ssCardBox:true}}>
   <Box>
     Header
   </Box>
@@ -96,4 +96,4 @@ text5`,minRows:5}),e(n.TextField,{label:"Input.TextField",name:"textfield.autoHe
   header: ReactElement | React.FC< { modalClose } >,
   body: ReactElement | React.FC< { modalClose } >,
   footer: ReactElement | React.FC< { modalClose } >
-} )`})}),o(p,{padding:2,children:[e(r.Border,{onClick:a=>{R.open({tipsID:"testTips",parent:a.currentTarget,closeAtParentBlur:!1,closeAtAroundClick:!1,closeAtEscapeKeyDown:!0,content:()=>e(B.Body,{padding:2,children:e(r,{onClick:()=>{B.open({sheetID:"testSheet",closeAtAroundClick:!0,type:"normal.middleLeft",content:()=>e(B.Body,{padding:2,children:"END"})})},children:"nest"})})})},children:"Tooltips with nested sheet"}),e(t,{flexCenter:!0,children:o(m,{gridCols:3,gap:1,children:[e(r.Border,{onClick:()=>{l("normal.topLeft")},children:"Top Left"}),e(r.Border,{onClick:()=>{l("normal.topCenter")},children:"Top Center"}),e(r.Border,{onClick:()=>{l("normal.topRight")},children:"Top Right"}),e(r.Border,{onClick:()=>{l("normal.middleLeft")},children:"Middle Left"}),e(r.Border,{onClick:()=>{l("normal.middleCenter")},children:"Middle Center"}),e(r.Border,{onClick:()=>{l("normal.middleRight")},children:"Middle Right"}),e(r.Border,{onClick:()=>{l("normal.bottomLeft")},children:"Bottom Left"}),e(r.Border,{onClick:()=>{l("normal.bottomCenter")},children:"Bottom Center"}),e(r.Border,{onClick:()=>{l("normal.bottomRight")},children:"Bottom Right"}),e(r.Border,{onClick:()=>{l("drawer.left")},children:"Drawer Left"}),e(r.Border,{onClick:()=>{l("drawer.bottom")},children:"Drawer Bottom"}),e(r.Border,{onClick:()=>{l("drawer.right")},children:"Drawer Right"}),e(r.Border,{onClick:a=>{R.open({tipsID:"test40",parent:a.currentTarget,content:e(t,{padding:1,border:!0,borderRadius:2,backgroundColor:"dark",fontColor:"white",children:"Content"})})},children:"Open Tooltips"})]})}),o(u.Center,{children:["Image Picker",e(I,{src:s.Images.defaultIcon("user"),ssSphere:6,showExpand:!0})]})]})]})]})},O={index:()=>e(c,{children:o(p,{gap:3,children:[e(O.Data,{}),e(O.Normal,{}),e(O.Drag,{}),e(O.Spread,{})]})}),Normal:()=>{let l=[];for(var a=0;a<10;a++){let d=[{children:"head_"+a},{children:"data_"+a},{children:"data_"+a}];l.push(d)}return o(c,{children:[e(t,{fontSize:"5.subTitle",children:"Table.Normal"}),e(C.Normal,{colLength:3,head:[{children:"head1"},{children:"head2"},{children:"head3"}],rows:l,ssCardBox:!0,onRowClick:d=>{console.log(d)}})]})},Drag:()=>{let l=[];for(var a=0;a<4;a++){let d=[{children:"head_"+a},{children:"data_"+a},{children:"data_"+a}];d.rowID="rowID-"+a,l.push(d)}return o(c,{children:[e(t,{fontSize:"5.subTitle",children:"Table.Drag"}),e(C.Drag,{colLength:3,head:[{children:"head1"},{children:"head2"},{children:"head3"}],cellStyles:{},cellStylesCallback:()=>({}),rows:l,ssCardBox:!0,onOrderChanged:d=>{console.log(d)}})]})},Data:()=>{let[l,a]=k(""),d=[];for(var g=0;g<100;g++){let f=Math.round(Math.random()*50+1),h=Math.round(Math.random()*50+1),_=Math.round(Math.random()*50+1),D="name_"+f,H="data_"+h,q="data_"+_,Q=[{type:"th",children:g+":"+D,data:D,orderIndex:g},{type:"td",children:H,data:H},{type:"td",children:q,data:q}];d.push(Q)}d[1].checked=!0,d[4].checked=!0,d[10].checked=!0;let S="testDataTable";return o(p,{children:[o(b,{horizontalAlign:"between",children:[e(t,{fontSize:"5.subTitle",children:"Table.Data"}),o(b,{gap:"1/2",backgroundColor:"theme",borderRadius:"1.tone.primary",overflow:"hidden",fontColor:"white",children:[e(r.Clear,{color:"white",children:"SubmitButton"}),e(t,{flexSizing:"none",unitWidth:"1/4",backgroundColor:"layer.4.opa.middle",isRounded:!0,margin:["2/3",0]}),e(r.Clear,{padding:[0,1],color:"white",onClick:f=>{R.open({tipsID:T.uuid.gen(),parent:f.target,gravityPoint:24,closeAtAroundClick:!0,closeAtParentBlur:!1,content:o(p,{gap:0,padding:["2/3",0],backgroundColor:"layer.1",borderRadius:2,boxShadow:"0.normal",overflow:"hidden",children:[e(r.Clear.S,{borderRadius:0,borderBottom:"1.thin",children:"\u3059\u3079\u3066\u3092\u51FA\u529B"}),e(r.Clear.S,{borderRadius:0,borderBottom:"1.thin",children:"\u3053\u306E\u30DA\u30FC\u30B8\u306E\u307F\u51FA\u529B"}),e(r.Clear.S,{borderRadius:0,children:"\u30C1\u30A7\u30C3\u30AF\u3057\u305F\u884C\u306E\u307F\u51FA\u529B"})]})})},children:e(x.EllipsisV,{})})]})]}),o(u.Separate,{verticalAlign:"bottom",children:[o(u.Left,{verticalAlign:"bottom",children:[e(C.Data.SearchInput,{tableID:S,onChange:f=>{a(f)}}),e(C.Data.Info,{tableID:S})]}),o(u.Right,{verticalAlign:"unset",children:[e(C.Data.RowLength,{tableID:S,lengthSelect:[30,50,100]}),e(C.Data.Paging,{tableID:S})]})]}),e(C.Data,{tableID:S,colLength:3,head:[{data:"head1"},{data:"head2"},{data:"head3"}],rows:d,pageRowLength:30,ssCardBox:!0,cellStyles:{},cellStylesCallback:()=>({}),filter:[!0],checker:!0})]})},Spread:()=>e(c,{children:e(t,{fontSize:"5.subTitle",children:"Table.Spread"})})},pe=()=>{let[l,a]=k(""),[d,g]=k(""),[S,f]=k("");return e(c,{children:o(t,{children:[o(r,{onClick:()=>{ie.openDialogNEdit({use:"square",develops:[{size:"S"},{size:"R"},{size:"L"}],onProcessFinished:h=>v(void 0,null,function*(){a(yield(yield U.fromFile(h[0])).toDataURL()),g(yield(yield U.fromFile(h[1])).toDataURL()),f(yield(yield U.fromFile(h[2])).toDataURL())})})},children:[e(x.Image,{})," \u30A4\u30E1\u30FC\u30B8\u3092\u9078\u629E"]}),o(b,{gap:1,verticalAlign:"top",children:[l&&e(I,{isRounded:!0,src:l,alt:"",showExpand:!0,freeCSS:{maxWidth:12*12}}),d&&e(I,{style:{maxWidth:24*12},src:d,alt:"",showExpand:!0}),S&&e(I,{style:{maxWidth:24*12},src:S,alt:"",showExpand:!0}),e(le,{border:!0,borderWidth:3,margin:[3,"auto"],freeCSS:{width:12*10},slideIndex:1,options:{loop:!0,onSlideCallback:h=>{}},slides:[e(t,{flexCenter:!0,padding:3,backgroundColor:"nega",children:"test1"}),e(t,{flexCenter:!0,padding:3,backgroundColor:"posi",children:"test2"}),e(t,{flexCenter:!0,padding:3,backgroundColor:"warn",children:"test3"}),e(t,{flexCenter:!0,padding:3,backgroundColor:"theme",children:"test4"})]})]})]})})},J={Darkmode:l=>(G(()=>{B.open({sheetID:"darkModeSelector",type:"custom",parent:document.body,gravityPoint:19,closeAtAroundClick:!1,content:()=>e(t,{padding:1,children:e(n.Segmented.Cloud,Y(N({cellStyles:{flexCenter:!0,padding:["1/4","1/2"],isRounded:!0},cellCheckedStyles:{boxShadow:"2.normal",backgroundColor:"theme",fontColor:"white"},ssCardBox:!0,backgroundColor:"layer.1",isRounded:!0,gap:"1/6",fontColor:"4.thin"},l),{options:[{value:"light",label:"Light"},{value:"dim",label:"Dim"},{value:"dark",label:"Dark"}],value:L.get().darkMode,onUpdateValidValue:({value:a})=>{let d=a;T.setLocalStrageData("prf.darkMode",d),L.update.darkMode(d)}}))})})},[]),null),ThemeColor:()=>{const l=a=>{let d="themeColorSelector";B.open({sheetID:d,type:"normal.middleCenter",size:"L",closeAtParentBlur:!1,closeAtAroundClick:!1,closeAfter:()=>{de.fn.updateCSSProperty.reset()},content:()=>{let[g,S]=k(a.defaultColor);G(()=>{T.scope(()=>{g!==L.get().themeColor&&(L.update.themeColor(g),T.setLocalStrageData("prf.themeColor",g),B.close(d))})},[g]);let f=Object.entries(Z).map(([h,_])=>{let D=h===g;return e(r.Clear,{color:"cloud",textAlign:"center",onClick:()=>{S(h)},children:o(p,{gap:"1/2",textAlign:"center",children:[D&&e(i.Supplement,{padding:["1/4","1/2"],borderRadius:"3.tone.tertiary",backgroundColor:h,boxShadow:"2.normal",margin:"auto",fontColor:"white",fontSize:"0.xs",children:"\u8A2D\u5B9A\u4E2D"}),e(t,{position:"relative",margin:"auto",backgroundColor:h,ssSphere:2.5,children:e(t,{ssAbsoluteCovered:!0,border:!0,opacity:D?"max":"low",borderWidth:2,transition:"short",isRounded:!0,freeCSS:{transform:"scale(1.25)"}})}),e(i.Supplement,{ssTextEllipsis:!0,freeCSS:{lineHeight:1.25},children:h.toCapital()})]})},h)});return e(B.Body,{children:o(p,{padding:2,gap:2,children:[o(u.Separate,{children:[e(i.Paragraph,{children:"\u30C6\u30FC\u30DE\u3092\u9078\u629E"}),e(r.Sub,{color:"cloud",ssSphere:3,onClick:()=>{B.close(d)},children:e(x.Times,{})})]}),e(m,{gap:"1/4",freeCSS:{gridTemplateColumns:"repeat(auto-fit, minmax(4.5rem, 1fr))"},children:f})]})})}})};return G(()=>{T.scope(()=>v(void 0,null,function*(){B.open({sheetID:"themeColorSelector",type:"custom",parent:document.body,gravityPoint:17,closeAtParentBlur:!1,closeAtAroundClick:!1,content:()=>e(t,{padding:1,children:e(r.Border,{isRounded:!0,fontColor:"theme",onClick:a=>{l({defaultColor:L.get().themeColor,cb:d=>{}})},children:o(u.Center,{gap:"1/3",children:[e(t,{boxShadow:"2.normal",ssSquare:1,borderRadius:"1/3",backgroundColor:"theme"}),"Theme: ",L.get().themeColor.toCapital()]})})})})}))},[]),null}};let $=()=>{let[l,a]=k(Number(T.queryParams.get().ti)||0);return G(()=>{T.queryParams.set({ti:String(l)})},[l]),o(c,{children:[e(J.Darkmode,{}),e(J.ThemeColor,{}),o(p,{gap:0,minHeight:"contentHeight",backgroundColor:"layer.1",position:"relative",freeCSS:{zIndex:1},children:[e(ae,{borderBottom:!0,position:"sticky",backgroundColor:"layer.1",boxShadow:"2.normal",top:"topBase",tabIndex:l,tabs:["Basic","Shadows","Buttons","Inputs","Styling","Effection","Tables","Croppie","PlayGround","Logo"],onTabChange:d=>{localStorage.setItem("designTabHeader",String(d)),a(d)},UnderBreakPointStyles:{position:"static",top:0}}),e(t,{flexSizing:0,position:"relative",freeCSS:{zIndex:1},children:e(re,{viewIndex:l,views:[e(y.index,{}),e(se.index,{}),e(W.index,{}),e(ue,{}),e(ce,{}),e(z.index,{}),e(O.index,{}),e(pe,{}),"",e(w.index,{})],wrapper:d=>e(ne.FadeIn,{animationTime:200,children:e(X,{children:e(b,{gap:2,padding:2,flexWrap:!0,flexChilds:"auto",children:d})})},l)})})]})]})};export{$ as DesignBook,$ as default};
+} )`})}),o(p,{padding:2,children:[e(r.Border,{onClick:a=>{R.open({tipsID:"testTips",parent:a.currentTarget,closeAtParentBlur:!1,closeAtAroundClick:!1,closeAtEscapeKeyDown:!0,content:()=>e(B.Body,{padding:2,children:e(r,{onClick:()=>{B.open({sheetID:"testSheet",closeAtAroundClick:!0,type:"normal.middleLeft",content:()=>e(B.Body,{padding:2,children:"END"})})},children:"nest"})})})},children:"Tooltips with nested sheet"}),e(t,{flexCenter:!0,children:o(m,{gridCols:3,gap:1,children:[e(r.Border,{onClick:()=>{l("normal.topLeft")},children:"Top Left"}),e(r.Border,{onClick:()=>{l("normal.topCenter")},children:"Top Center"}),e(r.Border,{onClick:()=>{l("normal.topRight")},children:"Top Right"}),e(r.Border,{onClick:()=>{l("normal.middleLeft")},children:"Middle Left"}),e(r.Border,{onClick:()=>{l("normal.middleCenter")},children:"Middle Center"}),e(r.Border,{onClick:()=>{l("normal.middleRight")},children:"Middle Right"}),e(r.Border,{onClick:()=>{l("normal.bottomLeft")},children:"Bottom Left"}),e(r.Border,{onClick:()=>{l("normal.bottomCenter")},children:"Bottom Center"}),e(r.Border,{onClick:()=>{l("normal.bottomRight")},children:"Bottom Right"}),e(r.Border,{onClick:()=>{l("drawer.left")},children:"Drawer Left"}),e(r.Border,{onClick:()=>{l("drawer.bottom")},children:"Drawer Bottom"}),e(r.Border,{onClick:()=>{l("drawer.right")},children:"Drawer Right"}),e(r.Border,{onClick:a=>{R.open({tipsID:"test40",parent:a.currentTarget,content:e(t,{padding:1,border:!0,borderRadius:2,backgroundColor:"dark",fontColor:"white",children:"Content"})})},children:"Open Tooltips"})]})}),o(u.Center,{children:["Image Picker",e(I,{src:s.Images.defaultIcon("user"),ssSphere:6,showExpand:!0})]})]})]})]})},O={index:()=>e(c,{children:o(p,{gap:3,children:[e(O.Data,{}),e(O.Normal,{}),e(O.Drag,{}),e(O.Spread,{})]})}),Normal:()=>{let l=[];for(var a=0;a<10;a++){let d=[{children:"head_"+a},{children:"data_"+a},{children:"data_"+a}];l.push(d)}return o(c,{children:[e(t,{fontSize:"5.subTitle",children:"Table.Normal"}),e(C.Normal,{colLength:3,head:[{children:"head1"},{children:"head2"},{children:"head3"}],rows:l,ssCardBox:!0,onRowClick:d=>{console.log(d)}})]})},Drag:()=>{let l=[];for(var a=0;a<4;a++){let d=[{children:"head_"+a},{children:"data_"+a},{children:"data_"+a}];d.rowID="rowID-"+a,l.push(d)}return o(c,{children:[e(t,{fontSize:"5.subTitle",children:"Table.Drag"}),e(C.Drag,{colLength:3,head:[{children:"head1"},{children:"head2"},{children:"head3"}],cellStyles:{},cellStylesCallback:()=>({}),rows:l,ssCardBox:!0,onOrderChanged:d=>{console.log(d)}})]})},Data:()=>{let[l,a]=k(""),d=[];for(var g=0;g<100;g++){let f=Math.round(Math.random()*50+1),h=Math.round(Math.random()*50+1),_=Math.round(Math.random()*50+1),D="name_"+f,H="data_"+h,q="data_"+_,Q=[{type:"th",children:g+":"+D,data:D,orderIndex:g},{type:"td",children:H,data:H},{type:"td",children:q,data:q}];d.push(Q)}d[1].checked=!0,d[4].checked=!0,d[10].checked=!0;let S="testDataTable";return o(p,{children:[o(b,{horizontalAlign:"between",children:[e(t,{fontSize:"5.subTitle",children:"Table.Data"}),o(b,{gap:"1/2",backgroundColor:"theme",borderRadius:"1.tone.primary",overflow:"hidden",fontColor:"white",children:[e(r.Clear,{color:"white",children:"SubmitButton"}),e(t,{flexSizing:"none",unitWidth:"1/4",backgroundColor:"layer.4.opa.middle",isRounded:!0,margin:["2/3",0]}),e(r.Clear,{padding:[0,1],color:"white",onClick:f=>{R.open({tipsID:T.uuid.gen(),parent:f.target,gravityPoint:24,closeAtAroundClick:!0,closeAtParentBlur:!1,content:o(p,{gap:0,padding:["2/3",0],backgroundColor:"layer.1",borderRadius:2,boxShadow:"0.normal",overflow:"hidden",children:[e(r.Clear.S,{borderRadius:0,borderBottom:"1.thin",children:"\u3059\u3079\u3066\u3092\u51FA\u529B"}),e(r.Clear.S,{borderRadius:0,borderBottom:"1.thin",children:"\u3053\u306E\u30DA\u30FC\u30B8\u306E\u307F\u51FA\u529B"}),e(r.Clear.S,{borderRadius:0,children:"\u30C1\u30A7\u30C3\u30AF\u3057\u305F\u884C\u306E\u307F\u51FA\u529B"})]})})},children:e(x.EllipsisV,{})})]})]}),o(u.Separate,{verticalAlign:"bottom",children:[o(u.Left,{verticalAlign:"bottom",children:[e(C.Data.SearchInput,{tableID:S,onChange:f=>{a(f)}}),e(C.Data.Info,{tableID:S})]}),o(u.Right,{verticalAlign:"unset",children:[e(C.Data.RowLength,{tableID:S,lengthSelect:[30,50,100]}),e(C.Data.Paging,{tableID:S})]})]}),e(C.Data,{tableID:S,colLength:3,head:[{data:"head1"},{data:"head2"},{data:"head3"}],rows:d,pageRowLength:30,ssCardBox:!0,cellStyles:{padding:"1/2"},filter:[!0],checker:!0})]})},Spread:()=>e(c,{children:e(t,{fontSize:"5.subTitle",children:"Table.Spread"})})},pe=()=>{let[l,a]=k(""),[d,g]=k(""),[S,f]=k("");return e(c,{children:o(t,{children:[o(r,{onClick:()=>{ie.openDialogNEdit({use:"square",develops:[{size:"S"},{size:"R"},{size:"L"}],onProcessFinished:h=>v(void 0,null,function*(){a(yield(yield U.fromFile(h[0])).toDataURL()),g(yield(yield U.fromFile(h[1])).toDataURL()),f(yield(yield U.fromFile(h[2])).toDataURL())})})},children:[e(x.Image,{})," \u30A4\u30E1\u30FC\u30B8\u3092\u9078\u629E"]}),o(b,{gap:1,verticalAlign:"top",children:[l&&e(I,{isRounded:!0,src:l,alt:"",showExpand:!0,freeCSS:{maxWidth:12*12}}),d&&e(I,{style:{maxWidth:24*12},src:d,alt:"",showExpand:!0}),S&&e(I,{style:{maxWidth:24*12},src:S,alt:"",showExpand:!0}),e(le,{border:!0,borderWidth:3,margin:[3,"auto"],freeCSS:{width:12*10},slideIndex:1,options:{loop:!0,onSlideCallback:h=>{}},slides:[e(t,{flexCenter:!0,padding:3,backgroundColor:"nega",children:"test1"}),e(t,{flexCenter:!0,padding:3,backgroundColor:"posi",children:"test2"}),e(t,{flexCenter:!0,padding:3,backgroundColor:"warn",children:"test3"}),e(t,{flexCenter:!0,padding:3,backgroundColor:"theme",children:"test4"})]})]})]})})},K={Darkmode:l=>(G(()=>{B.open({sheetID:"darkModeSelector",type:"custom",parent:document.body,gravityPoint:19,closeAtAroundClick:!1,content:()=>e(t,{padding:1,children:e(n.Segmented.Cloud,Y(N({cellStyles:{flexCenter:!0,padding:["1/4","1/2"],isRounded:!0},cellCheckedStyles:{boxShadow:"2.normal",backgroundColor:"theme",fontColor:"white"},ssCardBox:!0,backgroundColor:"layer.1",isRounded:!0,gap:"1/6",fontColor:"4.thin"},l),{options:[{value:"light",label:"Light"},{value:"dim",label:"Dim"},{value:"dark",label:"Dark"}],value:L.get().darkMode,onUpdateValidValue:({value:a})=>{let d=a;T.setLocalStrageData("prf.darkMode",d),L.update.darkMode(d)}}))})})},[]),null),ThemeColor:()=>{const l=a=>{let d="themeColorSelector";B.open({sheetID:d,type:"normal.middleCenter",size:"L",closeAtParentBlur:!1,closeAtAroundClick:!1,closeAfter:()=>{de.fn.updateCSSProperty.reset()},content:()=>{let[g,S]=k(a.defaultColor);G(()=>{T.scope(()=>{g!==L.get().themeColor&&(L.update.themeColor(g),T.setLocalStrageData("prf.themeColor",g),B.close(d))})},[g]);let f=Object.entries(Z).map(([h,_])=>{let D=h===g;return e(r.Clear,{color:"cloud",textAlign:"center",onClick:()=>{S(h)},children:o(p,{gap:"1/2",textAlign:"center",children:[D&&e(i.Supplement,{padding:["1/4","1/2"],borderRadius:"3.tone.tertiary",backgroundColor:h,boxShadow:"2.normal",margin:"auto",fontColor:"white",fontSize:"0.xs",children:"\u8A2D\u5B9A\u4E2D"}),e(t,{position:"relative",margin:"auto",backgroundColor:h,ssSphere:2.5,children:e(t,{ssAbsoluteCovered:!0,border:!0,opacity:D?"max":"low",borderWidth:2,transition:"short",isRounded:!0,freeCSS:{transform:"scale(1.25)"}})}),e(i.Supplement,{ssTextEllipsis:!0,freeCSS:{lineHeight:1.25},children:h.toCapital()})]})},h)});return e(B.Body,{children:o(p,{padding:2,gap:2,children:[o(u.Separate,{children:[e(i.Paragraph,{children:"\u30C6\u30FC\u30DE\u3092\u9078\u629E"}),e(r.Sub,{color:"cloud",ssSphere:3,onClick:()=>{B.close(d)},children:e(x.Times,{})})]}),e(m,{gap:"1/4",freeCSS:{gridTemplateColumns:"repeat(auto-fit, minmax(4.5rem, 1fr))"},children:f})]})})}})};return G(()=>{T.scope(()=>v(void 0,null,function*(){B.open({sheetID:"themeColorSelector",type:"custom",parent:document.body,gravityPoint:17,closeAtParentBlur:!1,closeAtAroundClick:!1,content:()=>e(t,{padding:1,children:e(r.Border,{isRounded:!0,fontColor:"theme",onClick:a=>{l({defaultColor:L.get().themeColor,cb:d=>{}})},children:o(u.Center,{gap:"1/3",children:[e(t,{boxShadow:"2.normal",ssSquare:1,borderRadius:"1/3",backgroundColor:"theme"}),"Theme: ",L.get().themeColor.toCapital()]})})})})}))},[]),null}};let $=()=>{let[l,a]=k(Number(T.queryParams.get().ti)||0);return G(()=>{T.queryParams.set({ti:String(l)})},[l]),o(c,{children:[e(K.Darkmode,{}),e(K.ThemeColor,{}),o(p,{gap:0,minHeight:"contentHeight",backgroundColor:"layer.1",position:"relative",freeCSS:{zIndex:1},children:[e(ae,{borderBottom:!0,position:"sticky",backgroundColor:"layer.1",boxShadow:"2.normal",top:"topBase",tabIndex:l,tabs:["Basic","Shadows","Buttons","Inputs","Styling","Effection","Tables","Croppie","PlayGround","Logo"],onTabChange:d=>{localStorage.setItem("designTabHeader",String(d)),a(d)},UnderBreakPointStyles:{position:"static",top:0}}),e(t,{flexSizing:0,position:"relative",freeCSS:{zIndex:1},children:e(re,{viewIndex:l,views:[e(y.index,{}),e(se.index,{}),e(W.index,{}),e(ue,{}),e(ce,{}),e(z.index,{}),e(O.index,{}),e(pe,{}),"",e(w.index,{})],wrapper:d=>e(ne.FadeIn,{animationTime:200,children:e(j,{children:e(b,{gap:2,padding:2,flexWrap:!0,flexChilds:"auto",children:d})})},l)})})]})]})};export{$ as DesignBook,$ as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "amotify",
-  "version": "0.2.69",
+  "version": "0.2.71",
   "description": "UI Component for React,NextJS,esbuild",
   "scripts": {
     "start": "run-p clean build:*",