amotify 0.2.278 → 0.2.279

package/dist/fn/Input/Select.js

@@ -1 +1 @@
-import{b as n,c as u,d as K}from"../../chunk-C5N2D3ZX.js";import{Fragment as te,jsx as o,jsxs as O}from"react/jsx-runtime";import c,{UUID as v}from"jmini";import{useState as Y,useEffect as q}from"react";import{Box as V,FAI as Z,Column as ve}from"../../atoms";import{Literal as H,Row as $}from"../../mols";import{Button as Ie}from"../Button";import{Sheet as be}from"../Sheet";import{OptionalInputWrapper as ge,BoxWrapper as ke,CoreEffects as T,DefaultBoxishStyles as he}from"./core";import{InputAutocompleteClasses as R}from"../../@styles/componentClasses";import{InputLabel as Ce}from"./Label";import{RightIcon as Oe}from".";function we(t){let{value:e,states:a}=t,{required:d,options:p}=a,i=[];return d&&e===null&&i.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!i.filter(({type:I})=>I=="invalid").length,notice:i}}const k={FilterSelectableOptions:(t,e)=>{let a=t.rootStates.options;return e||(a=a.filter(d=>(d==null?void 0:d.type)!="label")),a},Button:t=>O(te,{children:[o(k.Native,n({},t)),o(k.Original,n({},t))]}),Placeholder:t=>!t.rootStates.placeholder||t.val_status.rawValue!==null?null:o(V,{position:"absolute",opacity:"middle",fontColor:"3.blur",children:t.rootStates.placeholder||""}),Native:t=>{let{rootStates:e,val_status:a,set_status:d}=t,P=e,{tone:p,required:i,form:I,className:r,label:b,isLabelActive:m,placeholder:h,enableFormSubmit:g,emptySelect:x,checkValidationAtFirst:F,onValidate:L,onValidateDelay:z,onUpdateValue:le,onUpdateValidValue:ae,onUserAction:ne,onKeyDown:W,onChange:N,value:re="",options:M,leftIndicator:ie,rightIndicator:se,leftIcon:oe,rightIcon:ue,componentId:ce,status_id:de,wrapStyles:pe,selectedStyles:fe,selectorStyles:Se,pickerStyles:me,pickerPosition:ye,nativePicker:E}=P,s=K(P,["tone","required","form","className","label","isLabelActive","placeholder","enableFormSubmit","emptySelect","checkValidationAtFirst","onValidate","onValidateDelay","onUpdateValue","onUpdateValidValue","onUserAction","onKeyDown","onChange","value","options","leftIndicator","rightIndicator","leftIcon","rightIcon","componentId","status_id","wrapStyles","selectedStyles","selectorStyles","pickerStyles","pickerPosition","nativePicker"]);return E?O(V,u(n({htmlTag:"select",tabIndex:0},s),{"data-disabled":e.disabled,"data-show-validation":T.isShowValidation(a,!!F),"data-component-id":a.componentId,"data-input-origin":a.componentId,className:[r,R("Core")].join(" "),onKeyDown:l=>{W&&W(l),g&&T.SubmitForm(l,I)},onChange:l=>{let{value:S}=l.target;d(D=>u(n({},D),{rawValue:S,eventType:"update",eventID:v(12),isInspected:!1,isValidated:!1,notice:[]})),N&&N(l)},children:[!!x&&o("option",{value:"null",children:"\u9078\u629E"}),M.map(l=>c.isNullish(l==null?void 0:l.value)?null:o("option",{value:l==null?void 0:l.value,children:(l==null?void 0:l.label)||(l==null?void 0:l.value)},String(l==null?void 0:l.value)))]})):null},Original:t=>{let{rootStates:e,val_optionFocused:a,set_optionFocused:d,val_status:p,set_status:i}=t,P=e,{tone:I,required:r,form:b,className:m,label:h,isLabelActive:g,placeholder:x,enableFormSubmit:F,emptySelect:L,checkValidationAtFirst:z,onValidate:le,onValidateDelay:ae,onUpdateValue:ne,onUpdateValidValue:W,onUserAction:N,value:re="",options:M,leftIndicator:ie,rightIndicator:se,leftIcon:oe,rightIcon:ue,componentId:ce,status_id:de,wrapStyles:pe,selectedStyles:fe,selectorStyles:Se,pickerStyles:me,pickerPosition:ye,nativePicker:E}=P,s=K(P,["tone","required","form","className","label","isLabelActive","placeholder","enableFormSubmit","emptySelect","checkValidationAtFirst","onValidate","onValidateDelay","onUpdateValue","onUpdateValidValue","onUserAction","value","options","leftIndicator","rightIndicator","leftIcon","rightIcon","componentId","status_id","wrapStyles","selectedStyles","selectorStyles","pickerStyles","pickerPosition","nativePicker"]);return q(()=>{if(E||e.disabled)return;let l="select-click-"+e.componentId;if(p.isPickerOpen){if(!c('[data-input-origin="'+e.componentId+'"]'))return;c(document).addEvent({eventID:l,eventType:"click",callback:D=>{let A=c(D.target),B=!!c(A).parent("."+R("Core")).length;c(A).parent("."+R("Selector")).length||B||i(f=>u(n({},f),{eventID:v(12),isPickerOpen:!1}))}})}else c(document).removeEvent([l])},[p.isPickerOpen]),E?null:O(te,{children:[o(V,u(n({tabIndex:0},s),{"data-disabled":e.disabled,"data-show-validation":T.isShowValidation(p,!!z),"data-component-id":p.componentId,"data-input-origin":p.componentId,className:[m,R("Core")].join(" "),onFocus:l=>{s!=null&&s.onFocus&&(s==null||s.onFocus(l)),!e.disabled&&i(S=>u(n({},S),{eventID:v(12),isFocusing:!0,isPickerOpen:!0}))},onBlur:l=>{s!=null&&s.onBlur&&(s==null||s.onBlur(l)),i(S=>u(n({},S),{eventID:v(12),isFocusing:!1}))},onClick:l=>{s!=null&&s.onClick&&(s==null||s.onClick(l)),!e.disabled&&i(S=>u(n({},S),{eventID:v(12),isPickerOpen:!0}))},onKeyDown:l=>{let{key:S,metaKey:D,ctrlKey:A}=l,B=D||A;if(s!=null&&s.onKeyDown&&(s==null||s.onKeyDown(l)),F&&T.SubmitForm(l,b),!e.disabled){if(c.scope(()=>{if(!c.isOneOf(S,"ArrowDown","ArrowUp"))return;if(l.preventDefault(),!p.isPickerOpen){i(C=>u(n({},C),{eventID:v(12),isPickerOpen:!0}));return}let y=S=="ArrowDown"?1:-1,f=k.FilterSelectableOptions(t),_=f.length-1,w=null;c.scope(()=>{var j,J,X,G,Q;let C=f.findIndex(U=>(U==null?void 0:U.id)==a);if(y==1){if(w=(j=f[0])==null?void 0:j.id,B){w=f[_].id;return}if(C==-1||C==_)return;w=(J=f[C+1])==null?void 0:J.id}else{if(w=(X=f[_])==null?void 0:X.id,B){w=(G=f[0])==null?void 0:G.id;return}if(C==-1||C==0)return;w=(Q=f[C-1])==null?void 0:Q.id}}),d(w)}),S=="Escape")i(y=>u(n({},y),{eventID:v(12),isPickerOpen:!1}));else if(S=="Tab")i(y=>u(n({},y),{eventID:v(12),isPickerOpen:!1}));else if(S=="Backspace")i(y=>u(n({},y),{rawValue:null,eventType:"update",eventID:v(12),isInspected:!1}));else if(S==" ")l.preventDefault(),i(y=>u(n({},y),{eventID:v(12),isPickerOpen:!0}));else if(S=="Enter"){if(!p.isPickerOpen){i(f=>u(n({},f),{eventID:v(12),isPickerOpen:!0}));return}l.preventDefault();let y=e.options.find(f=>(f==null?void 0:f.id)==a);if(!y)return;i(f=>u(n({},f),{rawValue:y==null?void 0:y.value,eventType:"update",eventID:v(12),isPickerOpen:!1,isInspected:!1}))}}},children:O($.Left,{gap:0,children:[o(V,{freeCSS:{width:0},overflow:"hidden",opacity:"trans","data-input-value-shallow":p.componentId,children:"A"}),O($.Left,{flexWrap:!0,gap:"1/3",freeCSS:{letterSpacing:".5px"},children:[o(k.Placeholder,n({},t)),o(k.Selected,n({},t))]})]})})),o(k.Picker,n({},t))]})},Picker:t=>{var I;let{rootStates:e,val_status:a,val_optionFocused:d}=t;q(()=>{if(!a.isPickerOpen||!a.rawValue)return;let r=c(`[data-picker-id="${a.componentId}"]`)[0];if(!r)return;let b=r.position(),m=e.options.find(g=>(g==null?void 0:g.value)===a.rawValue);if(!m)return;let h=c(`[data-select-input-value="${m.id}"]`)[0];h&&(r.scrollTop=h.offsetTop-b.height/2+h.offsetHeight/2)},[a.isPickerOpen]),q(()=>{let r=c(`[data-picker-id="${a.componentId}"]`)[0];if(!r)return;let b=r.position(),m=c(`[data-select-input-value="${d}"]`)[0];m&&(r.scrollTop=m.offsetTop-b.height/2+m.offsetHeight/2)},[d]);let p=k.FilterSelectableOptions(t,!0),i={};{let r=e.pickerPosition||0;c.isOneOf(r,1,2)?i.bottom="100%":c.isOneOf(r,3,4)&&(i.top="100%"),c.isOneOf(r,1,3)?i.left=0:c.isOneOf(r,2,4)&&(i.right=0)}return a.isPickerOpen?o(V,u(n({position:"absolute",minWidth:1,padding:"1/3"},i),{freeCSS:n({zIndex:1e3},i.freeCSS),children:o(be.Body,u(n({className:R("Selector"),ssCardBox:!0,borderRadius:"2.tone.secondary",boxShadow:"1.normal",overflow:"auto","data-picker-id":a.componentId},e.pickerStyles),{freeCSS:n({minWidth:12*6,maxHeight:12*24},(I=e.pickerStyles)==null?void 0:I.freeCSS),children:O(ve,{gap:"1/12",padding:[1,0],children:[p.map((r,b)=>{if(!r)return null;let{type:m,value:h}=r,g=t.val_optionFocused==r.id,x=t.val_status.rawValue===h;return m=="label"?o(V,{children:r.label||r.value},v()):o(Ie.Sub.S,u(n({"data-select-input-value":r.id,color:"cloud",backgroundColor:"trans",borderRadius:0,fontColor:"2.normal",textAlign:"left",padding:["1/2",1],isActive:x||g,isActiveStyles:g?{backgroundColor:"cloud"}:{backgroundColor:"theme.opa.few",fontColor:"theme"}},e.selectorStyles),{onClick:F=>{t.set_status(L=>u(n({},L),{rawValue:h,eventType:"update",eventID:v(12),isPickerOpen:!1,isInspected:!1}))},children:O($.Left,{gap:"1/2",children:[x&&o(Z.Check,{fontColor:"theme"}),o(H.Supplement,{transition:"short",flexSizing:0,children:r.label||r.value})]})}),r.id)}),!p.length&&o(H.Supplement,{padding:[0,1],fontColor:"4.thin",children:"\u5019\u88DC\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093"},"no-selector-notice")]})}))})):null},Selected:t=>{let e=t.rootStates.options.find(a=>c.isEqual(a==null?void 0:a.value,t.val_status.rawValue));return!e||t.val_status.rawValue===null&&(t.rootStates.label||t.rootStates.placeholder)?null:o(V,u(n({},t.rootStates.selectedStyles),{children:(e==null?void 0:e.selectedLabel)||(e==null?void 0:e.label)||(e==null?void 0:e.value)}),String(e==null?void 0:e.value))},Core:t=>{var r,b;let{value:e}=t,[a,d]=Y(T.DefaultStatus(t.componentId,e)),[p,i]=Y(((r=t.options.find(m=>(m==null?void 0:m.value)===t.value))==null?void 0:r.id)||((b=t.options[0])==null?void 0:b.id)||""),I={rootStates:t,val_optionFocused:p,set_optionFocused:i,val_status:a,set_status:d};return T.CommonEffects({type:"select",states:t,val_status:a,set_status:d,SystemValidation:we}),O(ke,{val_status:a,set_status:d,states:t,children:[o(Ce,{componentId:t.componentId,fontSize:t.fontSize,required:t.required,label:t.label,isActive:t.isLabelActive||a.rawValue!==null}),o(k.Button,n({},I))]})}},ee=t=>{var a,d;let e=n({},t);return e=u(n({emptySelect:!0,nativePicker:!1,pickerPosition:3},e),{freeCSS:n({cursor:"pointer"},e.freeCSS)}),e.emptySelect&&(e.options=[{value:null,label:o(H.Supplement,{fontColor:"4.thin",children:"\u672A\u9078\u629E"})},...e.options]),e.value=(a=e.value)!=null?a:null,(d=e.options)==null||d.forEach((p,i)=>{if(!p)return;let{type:I,value:r}=p;e.options[i]=u(n({id:v(12)},p),{value:r,type:I||"selector"})}),c.isNullish(e.rightIcon)&&(e.rightIcon=o(Oe,{children:o(Z.AngleDown,{})})),o(ge,{componentId:e.componentId,children:k.Core,states:he(e)})};export{ee as Select,ee as default};
+import{b as n,c as u,d as K}from"../../chunk-C5N2D3ZX.js";import{Fragment as te,jsx as o,jsxs as O}from"react/jsx-runtime";import c,{UUID as v}from"jmini";import{useState as Y,useEffect as q}from"react";import{Box as w,FAI as Z,Column as ve}from"../../atoms";import{Literal as H,Row as $}from"../../mols";import{Button as Ie}from"../Button";import{Sheet as be}from"../Sheet";import{OptionalInputWrapper as ke,BoxWrapper as ge,CoreEffects as V,DefaultBoxishStyles as he}from"./core";import{InputAutocompleteClasses as R}from"../../@styles/componentClasses";import{InputLabel as Ce}from"./Label";import{RightIcon as Oe}from".";function Pe(t){let{value:e,states:a}=t,{required:d,options:p}=a,i=[];return d&&e===null&&i.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!i.filter(({type:I})=>I=="invalid").length,notice:i}}const g={FilterSelectableOptions:(t,e)=>{let a=t.rootStates.options;return e||(a=a.filter(d=>(d==null?void 0:d.type)!="label")),a},Button:t=>O(te,{children:[o(g.Native,n({},t)),o(g.Original,n({},t))]}),Placeholder:t=>!t.rootStates.placeholder||t.val_status.rawValue!==null?null:o(w,{position:"absolute",opacity:"middle",fontColor:"3.blur",children:t.rootStates.placeholder||""}),Native:t=>{let{rootStates:e,val_status:a,set_status:d}=t,D=e,{tone:p,required:i,form:I,className:r,label:b,isLabelActive:m,placeholder:h,enableFormSubmit:k,emptySelect:x,checkValidationAtFirst:F,onValidate:L,onValidateDelay:z,onUpdateValue:le,onUpdateValidValue:ae,onUserAction:ne,onKeyDown:W,onChange:N,value:re="",options:M,leftIndicator:ie,rightIndicator:se,leftIcon:oe,rightIcon:ue,componentId:ce,status_id:de,wrapStyles:pe,selectedStyles:fe,selectorStyles:Se,pickerStyles:me,pickerPosition:ye,nativePicker:E}=D,s=K(D,["tone","required","form","className","label","isLabelActive","placeholder","enableFormSubmit","emptySelect","checkValidationAtFirst","onValidate","onValidateDelay","onUpdateValue","onUpdateValidValue","onUserAction","onKeyDown","onChange","value","options","leftIndicator","rightIndicator","leftIcon","rightIcon","componentId","status_id","wrapStyles","selectedStyles","selectorStyles","pickerStyles","pickerPosition","nativePicker"]);return E?O(w,u(n({htmlTag:"select",tabIndex:0},s),{"data-disabled":e.disabled,"data-show-validation":V.isShowValidation(a,!!F),"data-component-id":a.componentId,"data-input-origin":a.componentId,className:[r,R("Core")].join(" "),onKeyDown:l=>{W&&W(l),k&&V.SubmitForm(l,I)},onChange:l=>{let{value:S}=l.target;d(T=>u(n({},T),{rawValue:S,eventType:"update",eventID:v(12),isInspected:!1,isValidated:!1,notice:[]})),N&&N(l)},children:[!!x&&o("option",{value:"null",children:"\u9078\u629E"}),M.map(l=>c.isNullish(l==null?void 0:l.value)?null:o("option",{value:l==null?void 0:l.value,children:(l==null?void 0:l.label)||(l==null?void 0:l.value)},String(l==null?void 0:l.value)))]})):null},Original:t=>{let{rootStates:e,val_optionFocused:a,set_optionFocused:d,val_status:p,set_status:i}=t,D=e,{tone:I,required:r,form:b,className:m,label:h,isLabelActive:k,placeholder:x,enableFormSubmit:F,emptySelect:L,checkValidationAtFirst:z,onValidate:le,onValidateDelay:ae,onUpdateValue:ne,onUpdateValidValue:W,onUserAction:N,value:re="",options:M,leftIndicator:ie,rightIndicator:se,leftIcon:oe,rightIcon:ue,componentId:ce,status_id:de,wrapStyles:pe,selectedStyles:fe,selectorStyles:Se,pickerStyles:me,pickerPosition:ye,nativePicker:E}=D,s=K(D,["tone","required","form","className","label","isLabelActive","placeholder","enableFormSubmit","emptySelect","checkValidationAtFirst","onValidate","onValidateDelay","onUpdateValue","onUpdateValidValue","onUserAction","value","options","leftIndicator","rightIndicator","leftIcon","rightIcon","componentId","status_id","wrapStyles","selectedStyles","selectorStyles","pickerStyles","pickerPosition","nativePicker"]);return q(()=>{if(E||e.disabled)return;let l="select-click-"+e.componentId;if(p.isPickerOpen){if(!c('[data-input-origin="'+e.componentId+'"]'))return;c(document).addEvent({eventID:l,eventType:"click",callback:T=>{let A=c(T.target),B=!!c(A).parent("."+R("Core")).length;c(A).parent("."+R("Selector")).length||B||i(f=>u(n({},f),{eventID:v(12),isPickerOpen:!1}))}})}else c(document).removeEvent([l])},[p.isPickerOpen]),E?null:O(te,{children:[o(w,u(n({tabIndex:0},s),{"data-disabled":e.disabled,"data-show-validation":V.isShowValidation(p,!!z),"data-component-id":p.componentId,"data-input-origin":p.componentId,className:[m,R("Core")].join(" "),onFocus:l=>{s!=null&&s.onFocus&&(s==null||s.onFocus(l)),!e.disabled&&i(S=>u(n({},S),{eventID:v(12),isFocusing:!0,isPickerOpen:!0}))},onBlur:l=>{s!=null&&s.onBlur&&(s==null||s.onBlur(l)),i(S=>u(n({},S),{eventID:v(12),isFocusing:!1}))},onClick:l=>{s!=null&&s.onClick&&(s==null||s.onClick(l)),!e.disabled&&i(S=>u(n({},S),{eventID:v(12),isPickerOpen:!0}))},onKeyDown:l=>{let{key:S,metaKey:T,ctrlKey:A}=l,B=T||A;if(s!=null&&s.onKeyDown&&(s==null||s.onKeyDown(l)),F&&V.SubmitForm(l,b),!e.disabled){if(c.scope(()=>{if(!c.isOneOf(S,"ArrowDown","ArrowUp"))return;if(l.preventDefault(),!p.isPickerOpen){i(C=>u(n({},C),{eventID:v(12),isPickerOpen:!0}));return}let y=S=="ArrowDown"?1:-1,f=g.FilterSelectableOptions(t),_=f.length-1,P=null;c.scope(()=>{var j,J,X,G,Q;let C=f.findIndex(U=>(U==null?void 0:U.id)==a);if(y==1){if(P=(j=f[0])==null?void 0:j.id,B){P=f[_].id;return}if(C==-1||C==_)return;P=(J=f[C+1])==null?void 0:J.id}else{if(P=(X=f[_])==null?void 0:X.id,B){P=(G=f[0])==null?void 0:G.id;return}if(C==-1||C==0)return;P=(Q=f[C-1])==null?void 0:Q.id}}),d(P)}),S=="Escape")i(y=>u(n({},y),{eventID:v(12),isPickerOpen:!1}));else if(S=="Tab")i(y=>u(n({},y),{eventID:v(12),isPickerOpen:!1}));else if(S=="Backspace")i(y=>u(n({},y),{rawValue:null,eventType:"update",eventID:v(12),isInspected:!1}));else if(S==" ")l.preventDefault(),i(y=>u(n({},y),{eventID:v(12),isPickerOpen:!0}));else if(S=="Enter"){if(!p.isPickerOpen){i(f=>u(n({},f),{eventID:v(12),isPickerOpen:!0}));return}l.preventDefault();let y=e.options.find(f=>(f==null?void 0:f.id)==a);if(!y)return;i(f=>u(n({},f),{rawValue:y==null?void 0:y.value,eventType:"update",eventID:v(12),isPickerOpen:!1,isInspected:!1}))}}},children:O($.Left,{gap:0,children:[o(w,{freeCSS:{width:0},overflow:"hidden",opacity:"trans","data-input-value-shallow":p.componentId,children:"A"}),O($.Left,{flexWrap:!0,gap:"1/3",freeCSS:{letterSpacing:".5px"},children:[o(g.Placeholder,n({},t)),o(g.Selected,n({},t))]})]})})),o(g.Picker,n({},t))]})},Picker:t=>{var I;let{rootStates:e,val_status:a,val_optionFocused:d}=t;q(()=>{if(!a.isPickerOpen||!a.rawValue)return;let r=c(`[data-picker-id="${a.componentId}"]`)[0];if(!r)return;let b=r.position(),m=e.options.find(k=>(k==null?void 0:k.value)===a.rawValue);if(!m)return;let h=c(`[data-select-input-value="${m.id}"]`)[0];h&&(r.scrollTop=h.offsetTop-b.height/2+h.offsetHeight/2)},[a.isPickerOpen]),q(()=>{let r=c(`[data-picker-id="${a.componentId}"]`)[0];if(!r)return;let b=r.position(),m=c(`[data-select-input-value="${d}"]`)[0];m&&(r.scrollTop=m.offsetTop-b.height/2+m.offsetHeight/2)},[d]);let p=g.FilterSelectableOptions(t,!0),i={};{let r=e.pickerPosition||0;c.isOneOf(r,1,2)?i.bottom="100%":c.isOneOf(r,3,4)&&(i.top="100%"),c.isOneOf(r,1,3)?i.left=0:c.isOneOf(r,2,4)&&(i.right=0)}return a.isPickerOpen?o(w,u(n({position:"absolute",minWidth:1,padding:"1/3"},i),{freeCSS:n({zIndex:1e3},i.freeCSS),children:o(be.Body,u(n({className:R("Selector"),ssCardBox:!0,borderRadius:"2.tone.secondary",boxShadow:"1.normal",overflow:"auto","data-picker-id":a.componentId},e.pickerStyles),{freeCSS:n({minWidth:12*6,maxHeight:12*24},(I=e.pickerStyles)==null?void 0:I.freeCSS),children:O(ve,{gap:"1/12",padding:[1,0],children:[p.map((r,b)=>{if(!r)return null;let{type:m,value:h}=r,k=t.val_optionFocused==r.id,x=t.val_status.rawValue===h;return m=="label"?o(w,{children:r.label||r.value},v()):o(Ie.Sub.S,u(n({"data-select-input-value":r.id,color:"cloud",backgroundColor:"trans",borderRadius:0,fontColor:"2.normal",textAlign:"left",padding:["1/2",1],isActive:x||k,isActiveStyles:k?{backgroundColor:"cloud"}:{backgroundColor:"theme.opa.few",fontColor:"theme"}},e.selectorStyles),{onClick:F=>{t.set_status(L=>u(n({},L),{rawValue:h,eventType:"update",eventID:v(12),isPickerOpen:!1,isInspected:!1}))},children:O($.Left,{gap:"1/2",children:[x&&o(Z.Check,{fontColor:"theme"}),o(H.Supplement,{transition:"short",flexSizing:0,children:r.label||r.value})]})}),r.id)}),!p.length&&o(H.Supplement,{padding:[0,1],fontColor:"4.thin",children:"\u5019\u88DC\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093"},"no-selector-notice")]})}))})):null},Selected:t=>{let e=t.rootStates.options.find(a=>c.isEqual(a==null?void 0:a.value,t.val_status.rawValue));return!e||t.val_status.rawValue===null&&(t.rootStates.label||t.rootStates.placeholder)?null:o(w,u(n({},t.rootStates.selectedStyles),{children:(e==null?void 0:e.selectedLabel)||(e==null?void 0:e.label)||(e==null?void 0:e.value)}),String(e==null?void 0:e.value))},Core:t=>{var r,b;let{value:e}=t,[a,d]=Y(V.DefaultStatus(t.componentId,e)),[p,i]=Y(((r=t.options.find(m=>(m==null?void 0:m.value)===t.value))==null?void 0:r.id)||((b=t.options[0])==null?void 0:b.id)||""),I={rootStates:t,val_optionFocused:p,set_optionFocused:i,val_status:a,set_status:d};return V.CommonEffects({type:"select",states:t,val_status:a,set_status:d,SystemValidation:Pe}),O(ge,{val_status:a,set_status:d,states:t,children:[o(Ce,{componentId:t.componentId,fontSize:t.fontSize,required:t.required,label:t.label,isActive:t.isLabelActive||a.rawValue!==null}),o(g.Button,n({},I))]})}},ee=t=>{var a,d;let e=n({},t);return e=u(n({emptySelect:!0,nativePicker:!1,pickerPosition:3},e),{freeCSS:n({cursor:"pointer"},e.freeCSS)}),e.emptySelect&&(e.options=[{value:null,label:o(H.Supplement,{fontColor:"4.thin",children:"\u672A\u9078\u629E"})},...e.options]),e.value=(a=e.value)!=null?a:null,(d=e.options)==null||d.forEach((p,i)=>{if(!p)return;let{type:I,value:r}=p;e.options[i]=u(n({id:v(12)},p),{value:r,type:I||"selector"})}),c.isNullish(e.rightIcon)&&(e.rightIcon=o(Oe,{children:o(Z.AngleDown,{})})),o(ke,{componentId:e.componentId,children:g.Core,states:he(e)})};export{ee as Select,ee as default};

package/dist/fn/Input/Slider.js

@@ -1 +1 @@
-import{b as g,c as y,d as N,e as F}from"../../chunk-C5N2D3ZX.js";import{Fragment as Z,jsx as u,jsxs as M}from"react/jsx-runtime";import h,{UUID as V}from"jmini";import{useState as W,useEffect as O}from"react";import{$$fromRoot as _,GenerateHTMLProps as K}from"../../@utils";import{Box as b,Flex as $,Column as z}from"../../atoms";import{Literal as P}from"../../mols";import{Button as q}from"../Button";import{OptionalInputWrapper as Y,BoxWrapper as G,CoreEffects as X}from"./core";import{InputSliderClasses as C}from"../../@styles/componentClasses";function j(e){let{value:s,states:t}=e,{required:a}=t,n=[],[l,o]=h.Arrayify(s);return a&&!l&&!o&&n.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!n.filter(({type:m})=>m=="invalid").length,notice:n}}const c={normalize:e=>{let{min:s,max:t,step:a,value:n}=e;n=Math.max(n,s),n=Math.min(n,t);let l=Math.round(n/a)*a;return{value:l,offsetLeft:Math.min(l/t,1)*100}},Effects:{Start:(e,s)=>{let t=h.getCursor(e).x,{val_status:a}=s,{componentId:n}=a,l=_("#"+n+"_Bar"),{width:o,left:m}=l.position(),d=(t-m)/o;d=Math.max(d,0),d=Math.min(d,1);let i=d*a.max;h(document).addEvent({eventID:"SliderMouseMove",eventType:"mousemove",callback:f=>{c.Effects.Move(f,s,i)},options:{passive:!1}}).addEvent({eventID:"SliderTouchMove",eventType:"touchmove",callback:f=>{c.Effects.Move(f,s,i)},options:{passive:!1}}).addEvent({eventID:"SliderMouseUp",eventType:"mouseup",callback:()=>{c.Effects.End()}}).addEvent({eventID:"SliderTouchEnd",eventType:"touchend",callback:()=>{c.Effects.End()}})},Move:(e,s,t)=>{let a=h.getCursor(e).x,{val_status:n}=s,{componentId:l}=n,o=_("#"+l+"_Bar"),{width:m,left:d}=o.position(),i=(a-d)/m;i=Math.max(i,0),i=Math.min(i,1);let f=i*n.max,r=c.normalize({min:n.min,max:n.max,step:n.step,value:f}).value,S=Math.round(f-t);return s.onChange(r,S),e.preventDefault(),e.stopPropagation(),!1},End:()=>{h(document).removeEvent(["SliderMouseMove","SliderTouchMove","SliderMouseUp","SliderTouchEnd"])}},Rail:e=>{let{rootStates:s,val_status:t,set_status:a}=e,{componentId:n}=t,l=2;s.size=="small"?l=1.5:s.size=="large"&&(l=2.5);let o=[c.normalize({min:t.min,max:t.max,step:t.step,value:t.safeValue[0]}),c.normalize({min:t.min,max:t.max,step:t.step,value:t.safeValue[1]||0})];const m=(d,i)=>{let{min:f,max:v,step:r}=t;d=Math.max(Math.min(d,v),f),a(S=>{let p=g({},S);return p.safeValue[i]==d?p:(p.safeValue[i]=d,t.ranged&&p.safeValue[0]>p.safeValue[1]&&(p.safeValue=[p.safeValue[1],p.safeValue[0]]),y(g({},p),{rawValue:p.ranged?p.safeValue:p.safeValue[0],eventType:"update",eventID:V(12),isInspected:!1}))})};return u(z,{padding:[1,"1/2"],onPointerDown:d=>{e.rootStates.disabled||(d.stopPropagation(),!t.ranged&&c.Effects.Start(d,{val_status:t,onChange:i=>{m(i,0)}}))},children:M(b,{className:C("Bar"),height:0,position:"relative",transition:"middle",flexSizing:"none",id:n+"_Bar",children:[u(b,{position:"absolute",isRounded:!0,backgroundColor:"cloud",freeCSS:{top:-2*l,left:-2*l,right:-2*l,bottom:-2*l}}),u(c.Range,{rootStates:s,val_status:t,set_status:a,formatData:o,onUpdateValue:m}),u(c.DiscreteScale,{rootStates:s,val_status:t}),u(c.Edge,{focusIndex:0,rootStates:s,val_status:t,set_status:a,formatData:o[0],onUpdateValue:m}),t.ranged&&u(c.Edge,{focusIndex:1,rootStates:s,val_status:t,set_status:a,formatData:o[1],onUpdateValue:m})]})})},DiscreteScale:e=>{let{rootStates:s,val_status:t}=e;if(!s.discreteScale)return null;let{min:a,max:n,step:l}=t,o=Math.round(a/l),d=Math.round(n/l)-o+1,i=0,f=t.safeValue[0]||0;return t.ranged&&(i=t.safeValue[0]||0,f=t.safeValue[1]||0),u(Z,{children:Array.from({length:d},(v,r)=>r+o).map(v=>{let r=v*l;r=Math.max(r,a),r=Math.min(r,n);let S=r/n*100+"%",p=h.isInRange(r,i,f);return u(z,{gap:0,position:"absolute",verticalAlign:"center",horizontalAlign:"center",width:0,height:0,transition:"middle",fontColor:"1.clear",freeCSS:{pointerEvents:"none",top:"50%",left:S,transform:"translateY(-50%)"},children:u(b,{isRounded:!0,backgroundColor:p?"layer.0":"gray",ssSphere:"1/4"})},r)})})},Range:e=>{let{rootStates:s,formatData:t,val_status:a}=e,n=2;return s.size=="small"?n=1.5:s.size=="large"&&(n=2.5),M(b,{className:C("Range"),position:"absolute",transition:"middle",freeCSS:g({cursor:"pointer",top:"50%",transform:"translateY(-50%)"},a.ranged?{left:t[0].offsetLeft+"%",width:t[1].offsetLeft-t[0].offsetLeft+"%"}:{left:0,width:(t[0].offsetLeft||0)+"%"}),onPointerDown:l=>{if(!e.rootStates.disabled){if(l.stopPropagation(),a.ranged){let[o,m]=a.safeValue;l.stopPropagation(),c.Effects.Start(l,{val_status:a,onChange:(d,i)=>{e.set_status(f=>{let v=f.safeValue,r=g({},f);return r.safeValue=[c.normalize({min:a.min,max:a.max,step:a.step,value:o+i}).value,c.normalize({min:a.min,max:a.max,step:a.step,value:m+i}).value],r.safeValue[0]==v[0]&&r.safeValue[1]==v[1]?y(g({},f),{eventType:"update",eventID:V(12)}):y(g({},r),{rawValue:r.ranged?r.safeValue:r.safeValue[0],eventType:"update",eventID:V(12),isInspected:!1})})}});return}c.Effects.Start(l,{val_status:a,onChange:o=>{e.onUpdateValue(o,0)}})}},children:[u(b,{className:C("Field"),transition:"middle",position:"absolute",isRounded:!0,backgroundColor:s.color,freeCSS:{top:-6*n,bottom:-6*n,left:-6*n,right:-6*n}}),u(b,{className:C("Child"),transition:"middle",position:"absolute",isRounded:!0,backgroundColor:s.color,freeCSS:{pointerEvents:"none",top:-2*n,left:-2*n,right:-2*n,bottom:-2*n}})]})},Edge:e=>{let{formatData:s,rootStates:t,val_status:a,set_status:n}=e,l=2;return t.size=="small"?l=1.5:t.size=="large"&&(l=2.5),M(q.Plain,{className:C("Edge"),position:"absolute",transition:"middle",height:0,width:0,flexCenter:!0,freeCSS:{left:s.offsetLeft+"%"},onPointerDown:o=>{e.rootStates.disabled||e.focusIndex==1&&!a.ranged||(o.stopPropagation(),c.Effects.Start(o,{val_status:a,onChange:m=>{e.onUpdateValue(m,e.focusIndex)}}))},onKeyDown:o=>{t.enableFormSubmit&&X.SubmitForm(o,t.form);let{min:m,max:d,step:i}=a,{key:f,metaKey:v,ctrlKey:r}=o,S=r||v,p=a.safeValue[e.focusIndex];if(!f.match(/Arrow/))return;o.preventDefault(),f.match(/Left|Up/)?S?p=m:p-=i:f.match(/Right|Down/)&&(S?p=d:p+=i);let E=c.normalize({min:a.min,max:a.max,step:a.step,value:p});e.onUpdateValue(E.value,e.focusIndex)},onFocus:o=>{n(m=>y(g({},m),{eventID:V(12),isFocusing:!0}))},onBlur:o=>{n(m=>y(g({},m),{eventID:V(12),isFocusing:!1}))},children:[u(b,{className:C("EdgeChild"),transition:"middle",position:"absolute",backgroundColor:t.color,isRounded:!0,opacity:"trans",freeCSS:{pointerEvents:"all",top:-12*l,bottom:-12*l,left:-12*l,right:-12*l}}),u(b,{transition:"long",boxShadow:"1.remark",fontSize:"0.xs",backgroundColor:!a.ranged||e.focusIndex==1?t.color:"layer.0",ssSphere:l,freeCSS:{pointerEvents:"all"}})]})},Legends:e=>{var v;let{val_status:s,rootStates:t}=e,{min:a,max:n,step:l}=s,[o]=W(V()),m=(v=t.legends)!=null?v:!0,d=Math.round(a/l),i=Math.round(n/l),f=i-d+1;return O(()=>{if(!m)return;const r=()=>F(void 0,null,function*(){yield h.pending(100);let S=_("#"+o),p=_("#"+o+"-"+a),E=S.position().width-p.position().left,w=12*4,k=Math.round(E/w),B=Math.max(1,Math.floor(f/k));for(let x=d;x<=i;x++){let L=x*l,A=x==d||x==i||x%B==0;_("#"+o+"-"+L).css({display:A?"flex":"none"})}});return h(window).addEvent({eventID:"SliderResizeCB-"+o,eventType:"resize",callback:r}),r(),()=>{h(window).removeEvent("SliderResizeCB-"+o)}},[]),m?M($,{fontSize:"0.xs",position:"relative",padding:[0,"1/2"],id:o,freeCSS:{pointerEvents:"none",userSelect:"none"},children:[M(z,{gap:0,unitWidth:0,opacity:"trans",children:[u(b,{unitHeight:"1/2"}),u(P.Supplement,{fontHeight:1.2,children:"A"})]}),Array.from({length:f},(r,S)=>S+d).map(r=>{let S=r*l;S=Math.max(S,a),S=Math.min(S,n);let p=S/n*100+"%";return M(z,{gap:0,id:o+"-"+S,className:C("Legend"),position:"relative",verticalAlign:"center",unitWidth:0,display:"none",transition:"middle",fontColor:"1.clear",textAlign:"center",freeCSS:{left:p,whiteSpace:"nowrap"},children:[u(b,{isRounded:!0,backgroundColor:"mono.positive",opacity:"low",unitWidth:"1/12",unitHeight:"1/2"}),u(P.Supplement,{fontHeight:1.2,fontSize:"0.xs",children:t.onLegendRender?t.onLegendRender(S):S.rank()})]},S)})]}):null},index:e=>{let U=e,{color:s="theme",required:t,form:a="",discreteScale:n,size:l,ranged:o,legends:m,onLegendRender:d,min:i,max:f,step:v,enableFormSubmit:r,checkValidationAtFirst:S,onValidate:p,onValidateDelay:E,onUpdateValue:w,onUpdateValidValue:k,onUserAction:B,value:x=0,className:L,wrapStyles:A}=U,J=N(U,["color","required","form","discreteScale","size","ranged","legends","onLegendRender","min","max","step","enableFormSubmit","checkValidationAtFirst","onValidate","onValidateDelay","onUpdateValue","onUpdateValidValue","onUserAction","value","className","wrapStyles"]),[D,T]=W({componentId:e.componentId||"",rawValue:x,safeValue:h.Arrayify(x),ranged:!!o,min:i,max:f,step:v,eventType:"init",eventID:V(12)});return X.CommonEffects({type:"slider",states:e,val_status:D,set_status:T,SystemValidation:j,ExtraOverrideStates:H=>({safeValue:h.Arrayify(H)})}),u(G,{val_status:D,set_status:T,states:e,children:M(z,y(g({gap:0,padding:[0,"1/2"],flexSizing:"auto"},J),{className:[L,C("Wrap")].join(" "),children:[u(c.Rail,{rootStates:e,val_status:D,set_status:T}),u(c.Legends,{rootStates:e,val_status:D})]}))})}},R=e=>{let s=y(g({color:"theme",size:"medium",discreteScale:!0},e),{freeCSS:g({minWidth:120},e.freeCSS)});return u(Y,{componentId:e.componentId,children:c.index,states:K(s)})},I=R;I.Small=e=>u(R,g({size:"small"},e)),I.Medium=e=>u(R,g({size:"medium"},e)),I.Large=e=>u(R,g({size:"large"},e));const Q=e=>u(R,g({ranged:!0},e));I.Range=Q,I.Range.Small=e=>u(R,g({ranged:!0,size:"small"},e)),I.Range.Medium=e=>u(R,g({ranged:!0,size:"medium"},e)),I.Range.Large=e=>u(R,g({ranged:!0,size:"large"},e));export{I as Slider,I as default};
+import{b as g,c as y,d as N,e as F}from"../../chunk-C5N2D3ZX.js";import{Fragment as Z,jsx as u,jsxs as M}from"react/jsx-runtime";import h,{UUID as V}from"jmini";import{useState as P,useEffect as O}from"react";import{$$fromRoot as _,GenerateHTMLProps as K}from"../../@utils";import{Box as b,Flex as $,Column as z}from"../../atoms";import{Literal as W}from"../../mols";import{Button as q}from"../Button";import{OptionalInputWrapper as Y,BoxWrapper as G,CoreEffects as X}from"./core";import{InputSliderClasses as C}from"../../@styles/componentClasses";function j(e){let{value:r,states:t}=e,{required:a}=t,n=[],[l,o]=h.Arrayify(r);return a&&!l&&!o&&n.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!n.filter(({type:m})=>m=="invalid").length,notice:n}}const c={normalize:e=>{let{min:r,max:t,step:a,value:n}=e;n=Math.max(n,r),n=Math.min(n,t);let l=Math.round(n/a)*a;return{value:l,offsetLeft:Math.min(l/t,1)*100}},Effects:{Start:(e,r)=>{let t=h.getCursor(e).x,{val_status:a}=r,{componentId:n}=a,l=_("#"+n+"_Bar"),{width:o,left:m}=l.position(),d=(t-m)/o;d=Math.max(d,0),d=Math.min(d,1);let i=d*a.max;h(document).addEvent({eventID:"SliderMouseMove",eventType:"mousemove",callback:f=>{c.Effects.Move(f,r,i)},options:{passive:!1}}).addEvent({eventID:"SliderTouchMove",eventType:"touchmove",callback:f=>{c.Effects.Move(f,r,i)},options:{passive:!1}}).addEvent({eventID:"SliderMouseUp",eventType:"mouseup",callback:()=>{c.Effects.End()}}).addEvent({eventID:"SliderTouchEnd",eventType:"touchend",callback:()=>{c.Effects.End()}})},Move:(e,r,t)=>{let a=h.getCursor(e).x,{val_status:n}=r,{componentId:l}=n,o=_("#"+l+"_Bar"),{width:m,left:d}=o.position(),i=(a-d)/m;i=Math.max(i,0),i=Math.min(i,1);let f=i*n.max,s=c.normalize({min:n.min,max:n.max,step:n.step,value:f}).value,S=Math.round(f-t);return r.onChange(s,S),e.preventDefault(),e.stopPropagation(),!1},End:()=>{h(document).removeEvent(["SliderMouseMove","SliderTouchMove","SliderMouseUp","SliderTouchEnd"])}},Rail:e=>{let{rootStates:r,val_status:t,set_status:a}=e,{componentId:n}=t,l=2;r.size=="small"?l=1.5:r.size=="large"&&(l=2.5);let o=[c.normalize({min:t.min,max:t.max,step:t.step,value:t.safeValue[0]}),c.normalize({min:t.min,max:t.max,step:t.step,value:t.safeValue[1]||0})];const m=(d,i)=>{let{min:f,max:v,step:s}=t;d=Math.max(Math.min(d,v),f),a(S=>{let p=g({},S);return p.safeValue[i]==d?p:(p.safeValue[i]=d,t.ranged&&p.safeValue[0]>p.safeValue[1]&&(p.safeValue=[p.safeValue[1],p.safeValue[0]]),y(g({},p),{rawValue:p.ranged?p.safeValue:p.safeValue[0],eventType:"update",eventID:V(12),isInspected:!1}))})};return u(z,{padding:[1,"1/2"],onPointerDown:d=>{e.rootStates.disabled||(d.stopPropagation(),!t.ranged&&c.Effects.Start(d,{val_status:t,onChange:i=>{m(i,0)}}))},children:M(b,{className:C("Bar"),height:0,position:"relative",transition:"middle",flexSizing:"none",id:n+"_Bar",children:[u(b,{position:"absolute",isRounded:!0,backgroundColor:"cloud",freeCSS:{top:-2*l,left:-2*l,right:-2*l,bottom:-2*l}}),u(c.Range,{rootStates:r,val_status:t,set_status:a,formatData:o,onUpdateValue:m}),u(c.DiscreteScale,{rootStates:r,val_status:t}),u(c.Edge,{focusIndex:0,rootStates:r,val_status:t,set_status:a,formatData:o[0],onUpdateValue:m}),t.ranged&&u(c.Edge,{focusIndex:1,rootStates:r,val_status:t,set_status:a,formatData:o[1],onUpdateValue:m})]})})},DiscreteScale:e=>{let{rootStates:r,val_status:t}=e;if(!r.discreteScale)return null;let{min:a,max:n,step:l}=t,o=Math.round(a/l),d=Math.round(n/l)-o+1,i=0,f=t.safeValue[0]||0;return t.ranged&&(i=t.safeValue[0]||0,f=t.safeValue[1]||0),u(Z,{children:Array.from({length:d},(v,s)=>s+o).map(v=>{let s=v*l;s=Math.max(s,a),s=Math.min(s,n);let S=s/n*100+"%",p=h.isInRange(s,i,f);return u(z,{gap:0,position:"absolute",verticalAlign:"center",horizontalAlign:"center",width:0,height:0,transition:"middle",fontColor:"1.clear",freeCSS:{pointerEvents:"none",top:"50%",left:S,transform:"translateY(-50%)"},children:u(b,{isRounded:!0,backgroundColor:p?"layer.0":"gray",ssSphere:"1/4"})},s)})})},Range:e=>{let{rootStates:r,formatData:t,val_status:a}=e,n=2;return r.size=="small"?n=1.5:r.size=="large"&&(n=2.5),M(b,{className:C("Range"),position:"absolute",transition:"middle",freeCSS:g({cursor:"pointer",top:"50%",transform:"translateY(-50%)"},a.ranged?{left:t[0].offsetLeft+"%",width:t[1].offsetLeft-t[0].offsetLeft+"%"}:{left:0,width:(t[0].offsetLeft||0)+"%"}),onPointerDown:l=>{if(!e.rootStates.disabled){if(l.stopPropagation(),a.ranged){let[o,m]=a.safeValue;l.stopPropagation(),c.Effects.Start(l,{val_status:a,onChange:(d,i)=>{e.set_status(f=>{let v=f.safeValue,s=g({},f);return s.safeValue=[c.normalize({min:a.min,max:a.max,step:a.step,value:o+i}).value,c.normalize({min:a.min,max:a.max,step:a.step,value:m+i}).value],s.safeValue[0]==v[0]&&s.safeValue[1]==v[1]?y(g({},f),{eventType:"update",eventID:V(12)}):y(g({},s),{rawValue:s.ranged?s.safeValue:s.safeValue[0],eventType:"update",eventID:V(12),isInspected:!1})})}});return}c.Effects.Start(l,{val_status:a,onChange:o=>{e.onUpdateValue(o,0)}})}},children:[u(b,{className:C("Field"),transition:"middle",position:"absolute",isRounded:!0,backgroundColor:r.color,freeCSS:{top:-6*n,bottom:-6*n,left:-6*n,right:-6*n}}),u(b,{className:C("Child"),transition:"middle",position:"absolute",isRounded:!0,backgroundColor:r.color,freeCSS:{pointerEvents:"none",top:-2*n,left:-2*n,right:-2*n,bottom:-2*n}})]})},Edge:e=>{let{formatData:r,rootStates:t,val_status:a,set_status:n}=e,l=2;return t.size=="small"?l=1.5:t.size=="large"&&(l=2.5),M(q.Plain,{className:C("Edge"),position:"absolute",transition:"middle",height:0,width:0,flexCenter:!0,freeCSS:{left:r.offsetLeft+"%"},onPointerDown:o=>{e.rootStates.disabled||e.focusIndex==1&&!a.ranged||(o.stopPropagation(),c.Effects.Start(o,{val_status:a,onChange:m=>{e.onUpdateValue(m,e.focusIndex)}}))},onKeyDown:o=>{t.enableFormSubmit&&X.SubmitForm(o,t.form);let{min:m,max:d,step:i}=a,{key:f,metaKey:v,ctrlKey:s}=o,S=s||v,p=a.safeValue[e.focusIndex];if(!f.match(/Arrow/))return;o.preventDefault(),f.match(/Left|Up/)?S?p=m:p-=i:f.match(/Right|Down/)&&(S?p=d:p+=i);let E=c.normalize({min:a.min,max:a.max,step:a.step,value:p});e.onUpdateValue(E.value,e.focusIndex)},onFocus:o=>{n(m=>y(g({},m),{eventID:V(12),isFocusing:!0}))},onBlur:o=>{n(m=>y(g({},m),{eventID:V(12),isFocusing:!1}))},children:[u(b,{className:C("EdgeChild"),transition:"middle",position:"absolute",backgroundColor:t.color,isRounded:!0,opacity:"trans",freeCSS:{pointerEvents:"all",top:-12*l,bottom:-12*l,left:-12*l,right:-12*l}}),u(b,{transition:"long",boxShadow:"1.remark",fontSize:"0.xs",backgroundColor:!a.ranged||e.focusIndex==1?t.color:"layer.0",ssSphere:l,freeCSS:{pointerEvents:"all"}})]})},Legends:e=>{var v;let{val_status:r,rootStates:t}=e,{min:a,max:n,step:l}=r,[o]=P(V()),m=(v=t.legends)!=null?v:!0,d=Math.round(a/l),i=Math.round(n/l),f=i-d+1;return O(()=>{if(!m)return;const s=()=>F(void 0,null,function*(){yield h.pending(100);let S=_("#"+o),p=_("#"+o+"-"+a),E=S.position().width-p.position().left,w=12*4,k=Math.round(E/w),B=Math.max(1,Math.floor(f/k));for(let x=d;x<=i;x++){let L=x*l,A=x==d||x==i||x%B==0;_("#"+o+"-"+L).css({display:A?"flex":"none"})}});return h(window).addEvent({eventID:"SliderResizeCB-"+o,eventType:"resize",callback:s}),s(),()=>{h(window).removeEvent("SliderResizeCB-"+o)}},[]),m?M($,{fontSize:"0.xs",position:"relative",padding:[0,"1/2"],id:o,freeCSS:{pointerEvents:"none",userSelect:"none"},children:[M(z,{gap:0,unitWidth:0,opacity:"trans",children:[u(b,{unitHeight:"1/2"}),u(W.Supplement,{fontHeight:1.2,children:"A"})]}),Array.from({length:f},(s,S)=>S+d).map(s=>{let S=s*l;S=Math.max(S,a),S=Math.min(S,n);let p=S/n*100+"%";return M(z,{gap:0,id:o+"-"+S,className:C("Legend"),position:"relative",verticalAlign:"center",unitWidth:0,display:"none",transition:"middle",fontColor:"1.clear",textAlign:"center",freeCSS:{left:p,whiteSpace:"nowrap"},children:[u(b,{isRounded:!0,backgroundColor:"mono.positive",opacity:"low",unitWidth:"1/12",unitHeight:"1/2"}),u(W.Supplement,{fontHeight:1.2,fontSize:"0.xs",children:t.onLegendRender?t.onLegendRender(S):S.rank()})]},S)})]}):null},index:e=>{let U=e,{color:r="theme",required:t,form:a="",discreteScale:n,size:l,ranged:o,legends:m,onLegendRender:d,min:i,max:f,step:v,enableFormSubmit:s,checkValidationAtFirst:S,onValidate:p,onValidateDelay:E,onUpdateValue:w,onUpdateValidValue:k,onUserAction:B,value:x=0,className:L,wrapStyles:A}=U,J=N(U,["color","required","form","discreteScale","size","ranged","legends","onLegendRender","min","max","step","enableFormSubmit","checkValidationAtFirst","onValidate","onValidateDelay","onUpdateValue","onUpdateValidValue","onUserAction","value","className","wrapStyles"]),[D,T]=P({componentId:e.componentId||"",rawValue:x,safeValue:h.Arrayify(x),ranged:!!o,min:i,max:f,step:v,eventType:"init",eventID:V(12)});return X.CommonEffects({type:"slider",states:e,val_status:D,set_status:T,SystemValidation:j,ExtraOverrideStates:H=>({safeValue:h.Arrayify(H)})}),u(G,{val_status:D,set_status:T,states:e,children:M(z,y(g({gap:0,padding:[0,"1/2"],flexSizing:"auto"},J),{className:[L,C("Wrap")].join(" "),children:[u(c.Rail,{rootStates:e,val_status:D,set_status:T}),u(c.Legends,{rootStates:e,val_status:D})]}))})}},R=e=>{let r=y(g({color:"theme",size:"medium",discreteScale:!0},e),{freeCSS:g({minWidth:120},e.freeCSS)});return u(Y,{componentId:e.componentId,children:c.index,states:K(r)})},I=R;I.Small=e=>u(R,g({size:"small"},e)),I.Medium=e=>u(R,g({size:"medium"},e)),I.Large=e=>u(R,g({size:"large"},e));const Q=e=>u(R,g({ranged:!0},e));I.Range=Q,I.Range.Small=e=>u(R,g({ranged:!0,size:"small"},e)),I.Range.Medium=e=>u(R,g({ranged:!0,size:"medium"},e)),I.Range.Large=e=>u(R,g({ranged:!0,size:"large"},e));export{I as Slider,I as default};

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

@@ -15,14 +15,14 @@ declare namespace Switch {
     };
     type Color = ThemeColor | 'theme' | 'posi' | 'nega' | 'warn';
     namespace Methods {
-        type Component<I> = React.FC<I>;
-        type FNs<I> = {
-            S: React.FC<I>;
-            R: React.FC<I>;
-            L: React.FC<I>;
+        type Component = React.FC<Input>;
+        type FNs = {
+            S: React.FC<Input>;
+            R: React.FC<Input>;
+            L: React.FC<Input>;
         };
     }
-    type Methods = Methods.Component<Input> & Methods.FNs<Input>;
+    type Methods = Methods.Component & Methods.FNs;
 }
 declare const Switch: Switch.Methods;
 export { Switch, Switch as default };

package/dist/fn/Input/Switch.js

@@ -1 +1 @@
-import{b as o,c as l,d as k}from"../../chunk-C5N2D3ZX.js";import{jsx as a,jsxs as D}from"react/jsx-runtime";import{UUID as S}from"jmini";import{useState as E}from"react";import I from"../../atoms/Box";import{Row as L}from"../../mols";import{Label as U}from"../Button";import{OptionalInputWrapper as A,BoxWrapper as W,CoreEffects as B}from"./core";import{InputSwitchClasses as g}from"../../@styles/componentClasses";function P(e){let{value:n,states:r}=e,{required:R}=r,s=[];return R&&!n&&s.push({type:"invalid",label:"ON\u306B\u306A\u3063\u3066\u3044\u307E\u305B\u3093"}),{ok:!s.filter(({type:f})=>f=="invalid").length,notice:s}}const _=e=>{let V=e,{componentId:n,color:r="posi",required:R,form:s,id:f,enableFormSubmit:M,checkValidationAtFirst:H,onChange:F,onKeyDown:v,onValidate:O,onValidateDelay:q,onUpdateValue:K,onUpdateValidValue:$,onUserAction:G,size:w="regular",value:N="",icon:T="",isApply:p=!1}=V,t=k(V,["componentId","color","required","form","id","enableFormSubmit","checkValidationAtFirst","onChange","onKeyDown","onValidate","onValidateDelay","onUpdateValue","onUpdateValidValue","onUserAction","size","value","icon","isApply"]),[c,u]=E({componentId:e.componentId||"",rawValue:N,eventType:"init",eventID:S(12)}),d=!!c.rawValue;B.CommonEffects({type:"switch",states:e,val_status:c,set_status:u,SystemValidation:P});let y="middle",x=5,C=3;return p&&(C=4),D(W,{val_status:c,set_status:u,states:e,children:[a(I,l(o({htmlTag:"input",type:"checkbox","data-component-id":c.componentId,checked:c.rawValue,className:g("Input"),id:f,onKeyDown:i=>{v&&v(i),M&&B.SubmitForm(i,s)},onChange:i=>{let{checked:m}=i.target;u(z=>l(o({},z),{rawValue:m,eventType:"update",eventID:S(12),isInspected:!1,isValidated:!1,notice:[]})),F&&F(i)}},t),{onFocus:i=>{t!=null&&t.onFocus&&(t==null||t.onFocus(i)),u(m=>l(o({},m),{eventID:S(12),isFocusing:!0}))},onBlur:i=>{t!=null&&t.onBlur&&(t==null||t.onBlur(i)),u(m=>l(o({},m),{eventID:S(12),isFocusing:!1}))}})),a(U.Plain,{tabIndex:-1,htmlFor:f,padding:"1/4",transition:y,borderRadius:"1.tone.primary",className:g("Label"),children:a(I,l(o({},p?{padding:"1/4",isRounded:!0,backgroundColor:d?r:"layer.3"}:{}),{children:D(L.Center,{unitHeight:w=="small"?2:w=="regular"?2.5:w=="large"?3:0,position:"relative",freeCSS:{aspectRatio:(x+C)/x},children:[!p&&a(I,{position:"absolute",backgroundColor:d?r:"layer.5",isRounded:!0,transition:y,width:1,opacity:"middle",className:g("Bar"),freeCSS:{height:"40%"}}),a(I,{position:"absolute",top:0,backgroundColor:!p&&d?r:"white",transition:y,isRounded:!0,flexCenter:!0,boxShadow:"1.remark",className:g("Dot"),freeCSS:{height:"100%",aspectRatio:"1",left:d?`calc(${C.ratio(x+C)}%)`:0},children:T&&a(I,{transition:y,flexCenter:!0,fontColor:d?p?r:"white":"6.clear",children:T})})]})}))})]})},b=e=>{let n=o({},e);return n.value=!!n.value,n.color=n.color||"theme",a(A,{componentId:n.componentId,children:_,states:n})},h=b;h.S=e=>a(b,l(o({},e),{size:"small"})),h.R=e=>a(b,l(o({},e),{size:"regular"})),h.L=e=>a(b,l(o({},e),{size:"large"}));export{h as Switch,h as default};
+import{b as o,c as l,d as T}from"../../chunk-C5N2D3ZX.js";import{jsx as a,jsxs as D}from"react/jsx-runtime";import{UUID as C}from"jmini";import{useState as E}from"react";import h from"../../atoms/Box";import{Row as L}from"../../mols";import{Label as P}from"../Button";import{OptionalInputWrapper as U,BoxWrapper as A,CoreEffects as k}from"./core";import{InputSwitchClasses as S}from"../../@styles/componentClasses";function W(e){let{value:n,states:s}=e,{required:x}=s,r=[];return x&&!n&&r.push({type:"invalid",label:"ON\u306B\u306A\u3063\u3066\u3044\u307E\u305B\u3093"}),{ok:!r.filter(({type:f})=>f=="invalid").length,notice:r}}const O=e=>{let V=e,{componentId:n,color:s="posi",required:x,form:r,id:f,enableFormSubmit:M,checkValidationAtFirst:_,onChange:R,onKeyDown:F,onValidate:H,onValidateDelay:q,onUpdateValue:K,onUpdateValidValue:$,onUserAction:j,size:g="regular",value:N="",icon:v="",isApply:p=!1}=V,t=T(V,["componentId","color","required","form","id","enableFormSubmit","checkValidationAtFirst","onChange","onKeyDown","onValidate","onValidateDelay","onUpdateValue","onUpdateValidValue","onUserAction","size","value","icon","isApply"]),[u,c]=E({componentId:e.componentId||"",rawValue:N,eventType:"init",eventID:C(12)}),d=!!u.rawValue;k.CommonEffects({type:"switch",states:e,val_status:u,set_status:c,SystemValidation:W});let I="middle",w=5,y=3;return p&&(y=4),D(A,{val_status:u,set_status:c,states:e,children:[a(h,l(o({htmlTag:"input",type:"checkbox","data-component-id":u.componentId,checked:u.rawValue,className:S("Input"),id:f,onKeyDown:i=>{F&&F(i),M&&k.SubmitForm(i,r)},onChange:i=>{let{checked:m}=i.target;c(z=>l(o({},z),{rawValue:m,eventType:"update",eventID:C(12),isInspected:!1,isValidated:!1,notice:[]})),R&&R(i)}},t),{onFocus:i=>{t!=null&&t.onFocus&&(t==null||t.onFocus(i)),c(m=>l(o({},m),{eventID:C(12),isFocusing:!0}))},onBlur:i=>{t!=null&&t.onBlur&&(t==null||t.onBlur(i)),c(m=>l(o({},m),{eventID:C(12),isFocusing:!1}))}})),a(P.Plain,{tabIndex:-1,htmlFor:f,padding:"1/4",transition:I,borderRadius:"1.tone.primary",className:S("Label"),children:a(h,l(o({},p?{padding:"1/4",isRounded:!0,backgroundColor:d?s:"layer.3"}:{}),{children:D(L.Center,{unitHeight:g=="small"?2:g=="regular"?2.5:g=="large"?3:0,position:"relative",freeCSS:{aspectRatio:(w+y)/w},children:[!p&&a(h,{position:"absolute",backgroundColor:d?s:"layer.5",isRounded:!0,transition:I,width:1,opacity:"middle",className:S("Bar"),freeCSS:{height:"40%"}}),a(h,{position:"absolute",top:0,backgroundColor:!p&&d?s:"white",transition:I,isRounded:!0,flexCenter:!0,boxShadow:"1.remark",className:S("Dot"),freeCSS:{height:"100%",aspectRatio:"1",left:d?`calc(${y.ratio(w+y)}%)`:0},children:v&&a(h,{transition:I,flexCenter:!0,fontColor:d?p?s:"white":"6.clear",children:v})})]})}))})]})},b=e=>{let n=o({},e);return n.value=!!n.value,n.color=n.color||"theme",a(U,{componentId:n.componentId,children:O,states:n})},B=Object.assign(b,{S:e=>a(b,l(o({},e),{size:"small"})),R:e=>a(b,l(o({},e),{size:"regular"})),L:e=>a(b,l(o({},e),{size:"large"}))});export{B as Switch,B as default};

package/dist/fn/Input/TextField.js

@@ -1,3 +1,3 @@
-import{b as n,c as s,d as te,e as ue}from"../../chunk-C5N2D3ZX.js";import{Fragment as fe,jsx as u,jsxs as q}from"react/jsx-runtime";import p,{UUID as y,useStore as ce}from"jmini";import{useState as pe,useEffect as ae}from"react";import{$$fromRoot as Fe,ExtractStyles as Ne}from"../../@utils";import{Box as N,FAI as ke}from"../../atoms";import{Literal as ie}from"../../mols";import{Tips as me,Button as De}from"..";import{faEye as Ee}from"@fortawesome/free-solid-svg-icons/faEye";import{OptionalInputWrapper as He,BoxWrapper as Ae,CoreEffects as Z,DefaultBoxishStyles as Le}from"./core";import{InputLabel as Be}from"./Label";import{LeftIcon as Me,RightIcon as de}from".";const _e={katakana:{reg:/^[ァ-ヶー 　ｦ-ﾟ　 ]*$/g,exist:!0,reason:"\u30AB\u30BF\u30AB\u30CA\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},"hankaku.katakana":{reg:/^[ｦ-ﾟ　 ]*$/g,exist:!0,reason:"\u534A\u89D2\u30AB\u30BF\u30AB\u30CA\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},number:{reg:/^-?[0-9\.]{0,}[0-9]{1,}$/g,exist:!0,reason:"\u534A\u89D2\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},digitNumber:{reg:/^-?[0-9\,\.]{0,}[0-9]{1,}$/g,exist:!0,reason:"\u534A\u89D2\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},fileName:{reg:/[¥\/:*\?\"\'\|\.\s\n\r\<\>]/g,exist:!1,reason:"\u7A7A\u767D\u307E\u305F\u306F\u4E00\u90E8\u306E\u7279\u6B8A\u6587\u5B57\u306F\u4F7F\u7528\u3067\u304D\u307E\u305B\u3093"},creditCard:{reg:/^\d{14,16}$/g,exist:!0,reason:"14~16\u6841\u306E\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},email:{reg:/^[A-Za-z0-9]{1}[A-Za-z0-9_.-]*@{1}[A-Za-z0-9_.-]+\.[A-Za-z0-9]+$/,exist:!0,reason:q(fe,{children:[u(N,{children:"\u25CB\u25CB\u25CB\u25CB@\u25CB\u25CB\u25CB\u25CB.\u25CB\u25CB\u25CB\u306E\u5F62\u5F0F\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),u(N,{children:"\u6700\u5F8C\u306E\u6587\u5B57\u306B.(\u30C9\u30C3\u30C8)\u3092\u5165\u308C\u308B\u3053\u3068\u306F\u3067\u304D\u307E\u305B\u3093"})]})},password:{reg:/^(?=[^A-Z]*[A-Z])(?=[^a-z]*[a-z])(?=[^0-9]*[0-9]).{8,}$/,exist:!0,reason:"8\u6587\u5B57\u4EE5\u4E0A\u3001\u534A\u89D2\u82F1\u6570\u5927\u5C0F\u6587\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},tel:{reg:/.*$/g,exist:!0,reason:q(fe,{children:[u(N,{children:"0\u304B\u3089\u59CB\u307E\u308B\u756A\u53F7\u306E\u307F\u5165\u529B\u53EF\u80FD\u3067\u3059"}),u(N,{children:"9~12\u6841\u306E\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),u(N,{children:"\u6570\u5B57\u306E\u307F\u5165\u529B\u53EF\u80FD\u3067\u3059"})]})},url:{reg:/^https?:\/\/[^\n\s]+(\.|\:)[^\n\s\.\:]+$/,exist:!0,reason:"URL\u5F62\u5F0F : http(s)://\u25EF\u25EF\u25EF\u25EF"},postal:{reg:/^\d{7}$/g,exist:!0,reason:"7\u6841\u306E\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}},w={setSelection:e=>{let{id:i,restrict:a,val_status:o}=e,m=Fe("#"+i)[0];if(!m||!o.prevValue||!o.safeValue||!o.isFocusing||o.isComposing)return;let{safeValue:t,prevValue:f,caretFrom:g,caretTo:r}=o;if(a=="creditCard")t.length>=f.length&&g%5==0&&(g++,r++),m.setSelectionRange(g,r);else if(a=="postal")t.length==5&&f.length==3&&(g++,r++),m.setSelectionRange(g,r);else if(a=="digitNumber"){let l=t.length-f.length;l==2&&(g++,r++),l==-2&&(g--,r--),m.setSelectionRange(g,r)}},Validation:{System:e=>{let{value:i,states:a}=e,{restrict:o="text",defaultValidation:m,maxLength:t,multiline:f,required:g}=a,r=[];if(f||(t=t||255),p.isExist(t)&&i.length>=Number(t)&&r.push({type:"invalid",label:t+"\u5B57\u4EE5\u5185\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),i){let l=w.Validation.Text(i,o,m);l.ok||r.push({type:"invalid",label:l.body})}else g&&r.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"});return{ok:!r.filter(({type:l})=>l=="invalid").length,notice:r}},Text:(e,i,a)=>{let o={ok:!0,body:""};return(()=>{let m=a||_e[i];if(!m)return;let t=m.reason;if(m){let f=!!(+!!e.match(m.reg)^+!m.exist);o={ok:f,body:f?"":t}}})(),o},SyncValue:e=>{let{restrict:i,allowDecimals:a,allowZeroStart:o,value:m=""}=e,t=String(m);p.isOneOf(i,"tel","number","digitNumber","postal","creditCard")&&(t=t.zen2hanNumber()),i=="katakana",i=="hankaku.katakana",p.isOneOf(i,"postal","creditCard")&&(t=t.removeLetters()),p.scope(()=>{if(!p.isOneOf(i,"number","digitNumber"))return;t=t.replace(/(\.\d+)\..*/g,"$1").replace(/\.+/g,".").replace(/[^0-9.-]/g,"");let g=Number(t)<0||t[0]=="-";t=t.replace(/[^0-9.]/g,""),g&&(t="-"+t);let r=Number(a);a?t=t.replace(/(\.\d{0,})\..*/g,"$1").replace(/\.(\d{0,})/g,(l,x)=>x.length>r?"."+x.slice(0,r):l):t=t.replace(/\.\d?/g,""),p.scope(()=>{p.isOneOf(i,"number","digitNumber")&&(o||(t=t.replace(/^0(\d+)/g,"$1").replace(/^-0(\d+)/g,"-$1")))}),p.scope(()=>{let l=t.slice(-1);if(!t||l=="."||l=="-")return;let{min:x,max:h}=e;p.isExist(x)&&p.isNumber(x)&&Number(t)<Number(x)&&(t=String(x.toFixed(r))),p.isExist(h)&&p.isNumber(h)&&Number(t)>Number(h)&&(t=String(h.toFixed(r)))}),p.scope(()=>{if(!t||t=="-"||i!="digitNumber")return;let l=t.slice(-1),[x,h]=t.split(".");t=x.replace(/\B(?=(\d{3})+(?!\d))/g,","),h&&(t+="."+h),l=="."&&(t+=".")})});let f=t;return i=="digitNumber"||(i=="postal"?t.length>=4&&(f=t.clip(0,3)+"-"+t.clip(3)):i=="creditCard"&&(f=t.replace(/.{4}(?=.)/g,"$& "))),(i=="digitNumber"||i=="number")&&(t=t.replace(/,/g,"")),{safeValue:f,rawValue:t}}},Shallow:e=>{let{rootStates:i,val_status:a}=e,o=a.rawValue||"";ae(()=>{p.scope(()=>ue(void 0,null,function*(){if(!i.multiline)return;let l=p('[data-input-origin="'+a.componentId+'"]'),x=p('[data-input-shallow="'+a.componentId+'"]'),h=p('[data-input-min-height-value-shallow="'+a.componentId+'"]'),v=p('[data-input-max-height-value-shallow="'+a.componentId+'"]');if(!l[0]||!x[0]||!h[0]||!v[0])return;let E=x.position(),J=h.position(),Y=v.position(),k=0;i.autoHeight&&(k=E.height),k=Math.max(k,J.height),k=Math.min(k,Y.height),l[0].style.height=k+"px"}))},[o]);let m=o||"";(!!o.match(/\n$/)||!o)&&(m+="T");let f="",g="";if(i.multiline){let l=i.minRows||1,x=i.maxRows||100;f=`
+import{b as n,c as s,d as te,e as ue}from"../../chunk-C5N2D3ZX.js";import{Fragment as fe,jsx as u,jsxs as q}from"react/jsx-runtime";import p,{UUID as w,useStore as ce}from"jmini";import{useState as pe,useEffect as ae}from"react";import{$$fromRoot as Fe,ExtractStyles as Ne}from"../../@utils";import{Box as F,FAI as ke}from"../../atoms";import{Literal as ie}from"../../mols";import{Tips as me,Button as De}from"..";import{faEye as Ee}from"@fortawesome/free-solid-svg-icons/faEye";import{OptionalInputWrapper as He,BoxWrapper as Ae,CoreEffects as $,DefaultBoxishStyles as Le}from"./core";import{InputLabel as Be}from"./Label";import{LeftIcon as Me,RightIcon as de}from".";const _e={katakana:{reg:/^[ァ-ヶー 　ｦ-ﾟ　 ]*$/g,exist:!0,reason:"\u30AB\u30BF\u30AB\u30CA\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},"hankaku.katakana":{reg:/^[ｦ-ﾟ　 ]*$/g,exist:!0,reason:"\u534A\u89D2\u30AB\u30BF\u30AB\u30CA\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},number:{reg:/^-?[0-9\.]{0,}[0-9]{1,}$/g,exist:!0,reason:"\u534A\u89D2\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},digitNumber:{reg:/^-?[0-9\,\.]{0,}[0-9]{1,}$/g,exist:!0,reason:"\u534A\u89D2\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},fileName:{reg:/[¥\/:*\?\"\'\|\.\s\n\r\<\>]/g,exist:!1,reason:"\u7A7A\u767D\u307E\u305F\u306F\u4E00\u90E8\u306E\u7279\u6B8A\u6587\u5B57\u306F\u4F7F\u7528\u3067\u304D\u307E\u305B\u3093"},creditCard:{reg:/^\d{14,16}$/g,exist:!0,reason:"14~16\u6841\u306E\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},email:{reg:/^[A-Za-z0-9]{1}[A-Za-z0-9_.-]*@{1}[A-Za-z0-9_.-]+\.[A-Za-z0-9]+$/,exist:!0,reason:q(fe,{children:[u(F,{children:"\u25CB\u25CB\u25CB\u25CB@\u25CB\u25CB\u25CB\u25CB.\u25CB\u25CB\u25CB\u306E\u5F62\u5F0F\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),u(F,{children:"\u6700\u5F8C\u306E\u6587\u5B57\u306B.(\u30C9\u30C3\u30C8)\u3092\u5165\u308C\u308B\u3053\u3068\u306F\u3067\u304D\u307E\u305B\u3093"})]})},password:{reg:/^(?=[^A-Z]*[A-Z])(?=[^a-z]*[a-z])(?=[^0-9]*[0-9]).{8,}$/,exist:!0,reason:"8\u6587\u5B57\u4EE5\u4E0A\u3001\u534A\u89D2\u82F1\u6570\u5927\u5C0F\u6587\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},tel:{reg:/.*$/g,exist:!0,reason:q(fe,{children:[u(F,{children:"0\u304B\u3089\u59CB\u307E\u308B\u756A\u53F7\u306E\u307F\u5165\u529B\u53EF\u80FD\u3067\u3059"}),u(F,{children:"9~12\u6841\u306E\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),u(F,{children:"\u6570\u5B57\u306E\u307F\u5165\u529B\u53EF\u80FD\u3067\u3059"})]})},url:{reg:/^https?:\/\/[^\n\s]+(\.|\:)[^\n\s\.\:]+$/,exist:!0,reason:"URL\u5F62\u5F0F : http(s)://\u25EF\u25EF\u25EF\u25EF"},postal:{reg:/^\d{7}$/g,exist:!0,reason:"7\u6841\u306E\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}},T={setSelection:e=>{let{id:i,restrict:a,val_status:o}=e,m=Fe("#"+i)[0];if(!m||!o.prevValue||!o.safeValue||!o.isFocusing||o.isComposing)return;let{safeValue:t,prevValue:f,caretFrom:g,caretTo:r}=o;if(a=="creditCard")t.length>=f.length&&g%5==0&&(g++,r++),m.setSelectionRange(g,r);else if(a=="postal")t.length==5&&f.length==3&&(g++,r++),m.setSelectionRange(g,r);else if(a=="digitNumber"){let l=t.length-f.length;l==2&&(g++,r++),l==-2&&(g--,r--),m.setSelectionRange(g,r)}},Validation:{System:e=>{let{value:i,states:a}=e,{restrict:o="text",defaultValidation:m,maxLength:t,multiline:f,required:g}=a,r=[];if(f||(t=t||255),p.isExist(t)&&i.length>=Number(t)&&r.push({type:"invalid",label:t+"\u5B57\u4EE5\u5185\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),i){let l=T.Validation.Text(i,o,m);l.ok||r.push({type:"invalid",label:l.body})}else g&&r.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"});return{ok:!r.filter(({type:l})=>l=="invalid").length,notice:r}},Text:(e,i,a)=>{let o={ok:!0,body:""};return(()=>{let m=a||_e[i];if(!m)return;let t=m.reason;if(m){let f=!!(+!!e.match(m.reg)^+!m.exist);o={ok:f,body:f?"":t}}})(),o},SyncValue:e=>{let{restrict:i,allowDecimals:a,allowZeroStart:o,value:m=""}=e,t=String(m);p.isOneOf(i,"tel","number","digitNumber","postal","creditCard")&&(t=t.zen2hanNumber()),i=="katakana",i=="hankaku.katakana",p.isOneOf(i,"postal","creditCard")&&(t=t.removeLetters()),p.scope(()=>{if(!p.isOneOf(i,"number","digitNumber"))return;t=t.replace(/(\.\d+)\..*/g,"$1").replace(/\.+/g,".").replace(/[^0-9.-]/g,"");let g=Number(t)<0||t[0]=="-";t=t.replace(/[^0-9.]/g,""),g&&(t="-"+t);let r=Number(a);a?t=t.replace(/(\.\d{0,})\..*/g,"$1").replace(/\.(\d{0,})/g,(l,x)=>x.length>r?"."+x.slice(0,r):l):t=t.replace(/\.\d?/g,""),p.scope(()=>{p.isOneOf(i,"number","digitNumber")&&(o||(t=t.replace(/^0(\d+)/g,"$1").replace(/^-0(\d+)/g,"-$1")))}),p.scope(()=>{let l=t.slice(-1);if(!t||l=="."||l=="-")return;let{min:x,max:I}=e;p.isExist(x)&&p.isNumber(x)&&Number(t)<Number(x)&&(t=String(x.toFixed(r))),p.isExist(I)&&p.isNumber(I)&&Number(t)>Number(I)&&(t=String(I.toFixed(r)))}),p.scope(()=>{if(!t||t=="-"||i!="digitNumber")return;let l=t.slice(-1),[x,I]=t.split(".");t=x.replace(/\B(?=(\d{3})+(?!\d))/g,","),I&&(t+="."+I),l=="."&&(t+=".")})});let f=t;return i=="digitNumber"||(i=="postal"?t.length>=4&&(f=t.clip(0,3)+"-"+t.clip(3)):i=="creditCard"&&(f=t.replace(/.{4}(?=.)/g,"$& "))),(i=="digitNumber"||i=="number")&&(t=t.replace(/,/g,"")),{safeValue:f,rawValue:t}}},Shallow:e=>{let{rootStates:i,val_status:a}=e,o=a.rawValue||"";ae(()=>{p.scope(()=>ue(void 0,null,function*(){if(!i.multiline)return;let l=p('[data-input-origin="'+a.componentId+'"]'),x=p('[data-input-shallow="'+a.componentId+'"]'),I=p('[data-input-min-height-value-shallow="'+a.componentId+'"]'),C=p('[data-input-max-height-value-shallow="'+a.componentId+'"]');if(!l[0]||!x[0]||!I[0]||!C[0])return;let D=x.position(),J=I.position(),Y=C.position(),N=0;i.autoHeight&&(N=D.height),N=Math.max(N,J.height),N=Math.min(N,Y.height),l[0].style.height=N+"px"}))},[o]);let m=o||"";(!!o.match(/\n$/)||!o)&&(m+="T");let f="",g="";if(i.multiline){let l=i.minRows||1,x=i.maxRows||100;f=`
 T`.repeat(l-1),g=`
-T`.repeat(x-1)}let r=Ne(i);return q(N,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:[u(ie.Description,s(n({className:i.className},r),{position:"absolute",width:1,freeCSS:s(n({},r.freeCSS),{color:"orange"}),"data-input-shallow":a.componentId,children:u(N,{"data-input-value-shallow":a.componentId,children:m})})),u(ie.Description,s(n({className:i.className},r),{position:"absolute",left:0,freeCSS:s(n({},r.freeCSS),{backgroundColor:"transparent",color:"blue"}),"data-input-min-height-value-shallow":a.componentId,children:f})),u(ie.Description,s(n({className:i.className},r),{position:"absolute",right:0,freeCSS:s(n({},r.freeCSS),{backgroundColor:"transparent",color:"red"}),"data-input-max-height-value-shallow":a.componentId,children:g}))]})},InputBox:e=>{let{rootStates:i,val_status:a,set_status:o,val_inputType:m,set_inputType:t}=e;if(i.multiline)return null;let re=i,{componentId:f,tone:g,required:r,restrict:l="text",form:x,autoComplete:h="off",autoCapitalize:v="off",minRows:E,maxRows:J,multiline:Y,autoHeight:k,enableFormSubmit:ne,clearButton:le=!1,allowDecimals:z,allowZeroStart:B,checkValidationAtFirst:P,onChange:M,onKeyDown:G,onValidate:ge,onValidateDelay:xe,onUpdateValue:be,onUpdateValidValue:Se,onUserAction:Ie,value:he="",leftIndicator:Te,rightIndicator:we,leftIcon:ye,rightIcon:Ce,maxLength:ve,min:c,max:U,label:X,isLabelActive:T,defaultValidation:V,wrapStyles:oe}=re,d=te(re,["componentId","tone","required","restrict","form","autoComplete","autoCapitalize","minRows","maxRows","multiline","autoHeight","enableFormSubmit","clearButton","allowDecimals","allowZeroStart","checkValidationAtFirst","onChange","onKeyDown","onValidate","onValidateDelay","onUpdateValue","onUpdateValidValue","onUserAction","value","leftIndicator","rightIndicator","leftIcon","rightIcon","maxLength","min","max","label","isLabelActive","defaultValidation","wrapStyles"]);return u(N,s(n({htmlTag:"input",type:m,inputMode:p.isOneOf(l,"number","digitNumber","creditCard")?"numeric":l=="email"?"email":"text","data-disabled":i.disabled,"data-show-validation":Z.isShowValidation(a,!!P),"data-component-id":a.componentId,"data-input-origin":a.componentId,value:a.safeValue,autoComplete:h,autoCapitalize:v,onKeyDown:S=>{let{key:b,target:R}=S,L=R,{selectionStart:_,selectionEnd:Q}=L,K=Number(_),O=Number(Q);{let H=a.safeValue[Number(K)],A=a.safeValue[Number(K)-1];b=="Delete"&&(l=="creditCard"&&H==" "||l=="postal"&&H=="-"||l=="digitNumber"&&H==",")&&(L.setSelectionRange(K+1,O+1),S.preventDefault()),b=="Backspace"&&(l=="creditCard"&&A==" "||l=="postal"&&A=="-"||l=="digitNumber"&&A==",")&&(L.setSelectionRange(K-1,O-1),S.preventDefault()),b=="Enter"||b=="Tab"}p.scope(()=>{p.isOneOf(l,"number","digitNumber","creditCard")&&b=="Clear"&&o(H=>s(n({},H),{rawValue:"",safeValue:"",eventType:"update",eventID:y(12),isFocusing:!0,isInspected:!1}))}),p.scope(()=>{if(!p.isOneOf(l,"number","digitNumber")||!p.isOneOf(b,"ArrowUp","ArrowDown"))return;let H=+(b=="ArrowUp")*2-1,A=a.rawValue.slice(-1),se=a.safeValue[O-1],D=O-1,F=String(a.safeValue),j=a.rawValue.split(".")[1],Ve=(j==null?void 0:j.length)||0;p.scope(()=>{if(!A){F="0";return}if(A=="-"){F+="0";return}if(A=="."){F+="0";return}if(O==0)return;let ee=String(F).slice(0,D).match(/\./),Re=String(F).slice(D),W=String(Re.toNumber().toFixed(0)).length;se=="."&&(W=1,D=F.split(".")[0].length-1),se==","&&(W+=1,D--),ee&&(W=-1*(Ve-W));let $=F[D].toNumber()+H;$<0?$=9:$>=10&&($=0),F=F.partReplace(D,String($)),setTimeout(()=>{L.setSelectionRange(D+1,D+1)},1)}),o(ee=>s(n(n({},ee),w.Validation.SyncValue({allowDecimals:z,allowZeroStart:B,min:c,max:U,restrict:l,value:F})),{eventType:"update",eventID:y(12),isFocusing:!0,isInspected:!1,isValidated:!1,notice:[]})),S.preventDefault()}),G&&G(S),ne&&Z.SubmitForm(S,x)},onChange:S=>{let{value:b,selectionStart:R,selectionEnd:L}=S.target,_=w.Validation.SyncValue({allowDecimals:z,allowZeroStart:B,min:c,max:U,restrict:l,value:b});a.isComposing&&(_.safeValue=b),_.safeValue!=a.safeValue&&(o(Q=>s(n(n({},Q),_),{prevValue:a.safeValue,eventType:"update",eventID:y(12),caretFrom:Number(R),caretTo:Number(L),isFocusing:!0,isInspected:!1,isValidated:!1,notice:[]})),M&&M(S))},width:1},d),{onFocus:S=>{d!=null&&d.onFocus&&(d==null||d.onFocus(S)),o(b=>s(n({},b),{eventID:y(12),isFocusing:!0}))},onBlur:S=>{d!=null&&d.onBlur&&(d==null||d.onBlur(S)),o(b=>s(n({},b),{eventID:y(12),isFocusing:!1}))},onCompositionStart:S=>{d!=null&&d.onCompositionStart&&(d==null||d.onCompositionStart(S)),o(b=>s(n({},b),{eventID:y(12),isComposing:!0}))},onCompositionEnd:S=>{if(d!=null&&d.onCompositionEnd&&(d==null||d.onCompositionEnd(S)),l=="text"){p.interval.once(()=>{o(R=>s(n({},R),{isComposing:!1}))},100,"input.textfield.composing.end");return}let b=w.Validation.SyncValue({allowDecimals:z,allowZeroStart:B,min:c,max:U,restrict:l,value:a.safeValue});o(R=>s(n(n({},R),b),{prevValue:R.safeValue,eventType:"update",eventID:y(12),caretFrom:Number(R.safeValue.length+1),caretTo:Number(R.safeValue.length+1),isComposing:!1,isInspected:!1}))}}))},TextAreaBox:e=>{let{rootStates:i,val_status:a,set_status:o,isShallow:m}=e,X=i,{componentId:t,tone:f,required:g,form:r,label:l,isLabelActive:x,clearButton:h=!1,minRows:v,maxRows:E,multiline:J,autoHeight:Y,allowDecimals:k,allowZeroStart:ne,enableFormSubmit:le,maxLength:z,checkValidationAtFirst:B,onChange:P,onKeyDown:M,onValidate:G,onValidateDelay:ge,onUpdateValue:xe,onUpdateValidValue:be,onUserAction:Se,value:Ie="",leftIndicator:he,rightIndicator:Te,leftIcon:we,rightIcon:ye,defaultValidation:Ce,wrapStyles:ve}=X,c=te(X,["componentId","tone","required","form","label","isLabelActive","clearButton","minRows","maxRows","multiline","autoHeight","allowDecimals","allowZeroStart","enableFormSubmit","maxLength","checkValidationAtFirst","onChange","onKeyDown","onValidate","onValidateDelay","onUpdateValue","onUpdateValidValue","onUserAction","value","leftIndicator","rightIndicator","leftIcon","rightIcon","defaultValidation","wrapStyles"]);return!i.multiline?null:u(N,s(n({htmlTag:"textarea","data-show-validation":Z.isShowValidation(a,!!B),"data-input-origin":a.componentId,"data-component-id":a.componentId,value:a.rawValue,width:1},c),{onFocus:T=>{c!=null&&c.onFocus&&(c==null||c.onFocus(T)),o(V=>s(n({},V),{eventID:y(12),isFocusing:!0}))},onBlur:T=>{c!=null&&c.onBlur&&(c==null||c.onBlur(T)),o(V=>s(n({},V),{eventID:y(12),isFocusing:!1}))},onCompositionStart:T=>{c!=null&&c.onCompositionStart&&(c==null||c.onCompositionStart(T)),o(V=>s(n({},V),{eventID:y(12),isComposing:!0}))},onCompositionEnd:T=>{c!=null&&c.onCompositionEnd&&(c==null||c.onCompositionEnd(T)),p.interval.once(()=>{o(V=>s(n({},V),{eventID:y(12),isComposing:!1}))},100,"input.textfield.composing.end")},onKeyDown:T=>{M&&M(T),le&&Z.SubmitForm(T,r)},onChange:T=>{let{value:V}=T.target;o(oe=>s(n({},oe),{rawValue:V,eventType:"update",eventID:y(12),isFocusing:!0,isInspected:!1,isValidated:!1,notice:[]})),P&&P(T)}}))}},Oe=e=>{let{componentId:i,restrict:a="text",value:o="",min:m,max:t,allowDecimals:f,allowZeroStart:g}=e,[r,l]=pe(s(n({componentId:i},w.Validation.SyncValue({allowDecimals:f,allowZeroStart:g,min:m,max:t,restrict:a,value:o})),{prevValue:"",eventType:"init",eventID:y(12),caretFrom:null,caretTo:null})),[x,h]=pe(p.isOneOf(a,"password","concealed")&&"password"||"text");ae(()=>{l(E=>s(n(n({},E),w.Validation.SyncValue({allowDecimals:f,allowZeroStart:g,min:m,max:t,restrict:a,value:o})),{isInspected:!1})),ce.set({[i+":set_inputType"]:h})},[]);let v={rootStates:e,val_inputType:x,set_inputType:h,val_status:r,set_status:l};return Z.CommonEffects({type:"textfield",states:e,val_status:r,set_status:l,SystemValidation:w.Validation.System,ExtraOverrideStates:E=>w.Validation.SyncValue({allowDecimals:f,allowZeroStart:g,min:m,max:t,restrict:a,value:E})}),ae(()=>{w.setSelection({id:e.id,restrict:a,val_status:r})},[r]),q(Ae,{val_status:r,set_status:l,states:v.rootStates,children:[u(Be,{componentId:e.componentId,fontSize:e.fontSize,required:e.required,label:e.label,isActive:e.isLabelActive||!!r.isFocusing||!!r.rawValue}),u(w.Shallow,n({},v)),u(w.InputBox,n({},v)),u(w.TextAreaBox,n({},v))]})},C=e=>{var i,a;return e=n({autoHeight:!0,restrict:"text",fontSize:"inherit",value:""},e),e.value=(a=w.Validation.SyncValue({allowDecimals:e.allowDecimals,allowZeroStart:e.allowZeroStart,min:e.min,max:e.max,restrict:e.restrict||"text",value:(i=e.value)!=null?i:""}).rawValue)!=null?a:"",e.multiline?(e.minRows=e.minRows||5,e.maxRows=e.maxRows||20):(e.minRows=1,e.maxRows=1),u(He,{componentId:e.componentId,children:Oe,states:Le(e)})},I=C;I.Validate=w.Validation.Text,I.Katakana=e=>u(C,s(n({},e),{restrict:"katakana",multiline:!1,autoHeight:!1})),I.HankakuKatakana=e=>u(C,s(n({},e),{restrict:"hankaku.katakana",multiline:!1,autoHeight:!1})),I.CreditCard=e=>u(C,s(n({},e),{restrict:"creditCard",multiline:!1,autoHeight:!1})),I.Tel=e=>u(C,s(n({},e),{restrict:"tel",multiline:!1,autoHeight:!1})),I.Number=e=>u(C,s(n({},e),{restrict:"number",multiline:!1,autoHeight:!1})),I.DigitNumber=e=>u(C,s(n({},e),{restrict:"digitNumber",multiline:!1,autoHeight:!1})),I.Email=e=>u(C,s(n({},e),{restrict:"email",multiline:!1,autoHeight:!1})),I.Url=e=>u(C,s(n({},e),{restrict:"url",multiline:!1,autoHeight:!1})),I.Postal=e=>u(C,s(n({label:"\u90F5\u4FBF\u756A\u53F7"},e),{restrict:"postal",multiline:!1,autoHeight:!1,leftIcon:u(Me,{ssSphere:2,fontColor:"4.thin",children:"\u3012"})})),I.Password=e=>u(C,s(n({label:"\u30D1\u30B9\u30EF\u30FC\u30C9",rightIcon:u(de,{ssSphere:2.5,freeCSS:{pointerEvents:"all"},children:u(De.Sub,{ssSphere:2.5,borderRadius:"3.tone.tertiary",fontColor:"theme",flexCenter:!0,height:1,ssEffectsOnActive:["expand"],onMouseOver:i=>{me.open(i.currentTarget,"\u30C6\u30AD\u30B9\u30C8\u3092\u8868\u793A",24)},onMouseLeave:me.abort,tabIndex:-1,onClick:i=>{p(i.target).parent().parent().find("input").callback(a=>{let o=a[0];if(!o)return;let m=o.dataset.componentId;if(!m)return;let t=ce.get(m+":set_inputType");t&&t(f=>f==="password"&&"text"||"password")})},children:u(ke,{icon:Ee})})}),restrict:"password"},e),{multiline:!1,autoHeight:!1})),I.Concealed=e=>u(I.Password,s(n({label:"\u79D8\u5BC6\u9375"},e),{restrict:"concealed"})),I.Money={JPY:e=>u(I.DigitNumber,s(n({rightIcon:u(de,{fontColor:"4.thin",children:"\u5186"}),allowZeroStart:!1},e),{multiline:!1,autoHeight:!1}))};export{I as TextField,Oe as TextInput,I as default};
+T`.repeat(x-1)}let r=Ne(i);return q(F,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:[u(ie.Description,s(n({className:i.className},r),{position:"absolute",width:1,freeCSS:s(n({},r.freeCSS),{color:"orange"}),"data-input-shallow":a.componentId,children:u(F,{"data-input-value-shallow":a.componentId,children:m})})),u(ie.Description,s(n({className:i.className},r),{position:"absolute",left:0,freeCSS:s(n({},r.freeCSS),{backgroundColor:"transparent",color:"blue"}),"data-input-min-height-value-shallow":a.componentId,children:f})),u(ie.Description,s(n({className:i.className},r),{position:"absolute",right:0,freeCSS:s(n({},r.freeCSS),{backgroundColor:"transparent",color:"red"}),"data-input-max-height-value-shallow":a.componentId,children:g}))]})},InputBox:e=>{let{rootStates:i,val_status:a,set_status:o,val_inputType:m,set_inputType:t}=e;if(i.multiline)return null;let re=i,{componentId:f,tone:g,required:r,restrict:l="text",form:x,autoComplete:I="off",autoCapitalize:C="off",minRows:D,maxRows:J,multiline:Y,autoHeight:N,enableFormSubmit:ne,clearButton:le=!1,allowDecimals:P,allowZeroStart:L,checkValidationAtFirst:Z,onChange:B,onKeyDown:G,onValidate:ge,onValidateDelay:xe,onUpdateValue:be,onUpdateValidValue:Se,onUserAction:Ie,value:he="",leftIndicator:Te,rightIndicator:we,leftIcon:ye,rightIcon:Ce,maxLength:ve,min:c,max:z,label:X,isLabelActive:h,defaultValidation:v,wrapStyles:oe}=re,d=te(re,["componentId","tone","required","restrict","form","autoComplete","autoCapitalize","minRows","maxRows","multiline","autoHeight","enableFormSubmit","clearButton","allowDecimals","allowZeroStart","checkValidationAtFirst","onChange","onKeyDown","onValidate","onValidateDelay","onUpdateValue","onUpdateValidValue","onUserAction","value","leftIndicator","rightIndicator","leftIcon","rightIcon","maxLength","min","max","label","isLabelActive","defaultValidation","wrapStyles"]);return u(F,s(n({htmlTag:"input",type:m,inputMode:p.isOneOf(l,"number","digitNumber","creditCard")?"numeric":l=="email"?"email":"text","data-disabled":i.disabled,"data-show-validation":$.isShowValidation(a,!!Z),"data-component-id":a.componentId,"data-input-origin":a.componentId,value:a.safeValue,autoComplete:I,autoCapitalize:C,onKeyDown:S=>{let{key:b,target:V}=S,A=V,{selectionStart:M,selectionEnd:j}=A,U=Number(M),_=Number(j);{let E=a.safeValue[Number(U)],H=a.safeValue[Number(U)-1];b=="Delete"&&(l=="creditCard"&&E==" "||l=="postal"&&E=="-"||l=="digitNumber"&&E==",")&&(A.setSelectionRange(U+1,_+1),S.preventDefault()),b=="Backspace"&&(l=="creditCard"&&H==" "||l=="postal"&&H=="-"||l=="digitNumber"&&H==",")&&(A.setSelectionRange(U-1,_-1),S.preventDefault()),b=="Enter"||b=="Tab"}p.scope(()=>{p.isOneOf(l,"number","digitNumber","creditCard")&&b=="Clear"&&o(E=>s(n({},E),{rawValue:"",safeValue:"",eventType:"update",eventID:w(12),isFocusing:!0,isInspected:!1}))}),p.scope(()=>{if(!p.isOneOf(l,"number","digitNumber")||!p.isOneOf(b,"ArrowUp","ArrowDown"))return;let E=+(b=="ArrowUp")*2-1,H=a.rawValue.slice(-1),se=a.safeValue[_-1],k=_-1,R=String(a.safeValue),Q=a.rawValue.split(".")[1],Ve=(Q==null?void 0:Q.length)||0;p.scope(()=>{if(!H){R="0";return}if(H=="-"){R+="0";return}if(H=="."){R+="0";return}if(_==0)return;let ee=String(R).slice(0,k).match(/\./),Re=String(R).slice(k),K=String(Re.toNumber().toFixed(0)).length;se=="."&&(K=1,k=R.split(".")[0].length-1),se==","&&(K+=1,k--),ee&&(K=-1*(Ve-K));let O=R[k].toNumber()+E;O<0?O=9:O>=10&&(O=0),R=R.partReplace(k,String(O)),setTimeout(()=>{A.setSelectionRange(k+1,k+1)},1)}),o(ee=>s(n(n({},ee),T.Validation.SyncValue({allowDecimals:P,allowZeroStart:L,min:c,max:z,restrict:l,value:R})),{eventType:"update",eventID:w(12),isFocusing:!0,isInspected:!1,isValidated:!1,notice:[]})),S.preventDefault()}),G&&G(S),ne&&$.SubmitForm(S,x)},onChange:S=>{let{value:b,selectionStart:V,selectionEnd:A}=S.target,M=T.Validation.SyncValue({allowDecimals:P,allowZeroStart:L,min:c,max:z,restrict:l,value:b});a.isComposing&&(M.safeValue=b),M.safeValue!=a.safeValue&&(o(j=>s(n(n({},j),M),{prevValue:a.safeValue,eventType:"update",eventID:w(12),caretFrom:Number(V),caretTo:Number(A),isFocusing:!0,isInspected:!1,isValidated:!1,notice:[]})),B&&B(S))},width:1},d),{onFocus:S=>{d!=null&&d.onFocus&&(d==null||d.onFocus(S)),o(b=>s(n({},b),{eventID:w(12),isFocusing:!0}))},onBlur:S=>{d!=null&&d.onBlur&&(d==null||d.onBlur(S)),o(b=>s(n({},b),{eventID:w(12),isFocusing:!1}))},onCompositionStart:S=>{d!=null&&d.onCompositionStart&&(d==null||d.onCompositionStart(S)),o(b=>s(n({},b),{eventID:w(12),isComposing:!0}))},onCompositionEnd:S=>{if(d!=null&&d.onCompositionEnd&&(d==null||d.onCompositionEnd(S)),l=="text"){p.interval.once(()=>{o(V=>s(n({},V),{isComposing:!1}))},100,"input.textfield.composing.end");return}let b=T.Validation.SyncValue({allowDecimals:P,allowZeroStart:L,min:c,max:z,restrict:l,value:a.safeValue});o(V=>s(n(n({},V),b),{prevValue:V.safeValue,eventType:"update",eventID:w(12),caretFrom:Number(V.safeValue.length+1),caretTo:Number(V.safeValue.length+1),isComposing:!1,isInspected:!1}))}}))},TextAreaBox:e=>{let{rootStates:i,val_status:a,set_status:o,isShallow:m}=e,X=i,{componentId:t,tone:f,required:g,form:r,label:l,isLabelActive:x,clearButton:I=!1,minRows:C,maxRows:D,multiline:J,autoHeight:Y,allowDecimals:N,allowZeroStart:ne,enableFormSubmit:le,maxLength:P,checkValidationAtFirst:L,onChange:Z,onKeyDown:B,onValidate:G,onValidateDelay:ge,onUpdateValue:xe,onUpdateValidValue:be,onUserAction:Se,value:Ie="",leftIndicator:he,rightIndicator:Te,leftIcon:we,rightIcon:ye,defaultValidation:Ce,wrapStyles:ve}=X,c=te(X,["componentId","tone","required","form","label","isLabelActive","clearButton","minRows","maxRows","multiline","autoHeight","allowDecimals","allowZeroStart","enableFormSubmit","maxLength","checkValidationAtFirst","onChange","onKeyDown","onValidate","onValidateDelay","onUpdateValue","onUpdateValidValue","onUserAction","value","leftIndicator","rightIndicator","leftIcon","rightIcon","defaultValidation","wrapStyles"]);return!i.multiline?null:u(F,s(n({htmlTag:"textarea","data-show-validation":$.isShowValidation(a,!!L),"data-input-origin":a.componentId,"data-component-id":a.componentId,value:a.rawValue,width:1},c),{onFocus:h=>{c!=null&&c.onFocus&&(c==null||c.onFocus(h)),o(v=>s(n({},v),{eventID:w(12),isFocusing:!0}))},onBlur:h=>{c!=null&&c.onBlur&&(c==null||c.onBlur(h)),o(v=>s(n({},v),{eventID:w(12),isFocusing:!1}))},onCompositionStart:h=>{c!=null&&c.onCompositionStart&&(c==null||c.onCompositionStart(h)),o(v=>s(n({},v),{eventID:w(12),isComposing:!0}))},onCompositionEnd:h=>{c!=null&&c.onCompositionEnd&&(c==null||c.onCompositionEnd(h)),p.interval.once(()=>{o(v=>s(n({},v),{eventID:w(12),isComposing:!1}))},100,"input.textfield.composing.end")},onKeyDown:h=>{B&&B(h),le&&$.SubmitForm(h,r)},onChange:h=>{let{value:v}=h.target;o(oe=>s(n({},oe),{rawValue:v,eventType:"update",eventID:w(12),isFocusing:!0,isInspected:!1,isValidated:!1,notice:[]})),Z&&Z(h)}}))}},Oe=e=>{let{componentId:i,restrict:a="text",value:o="",min:m,max:t,allowDecimals:f,allowZeroStart:g}=e,[r,l]=pe(s(n({componentId:i},T.Validation.SyncValue({allowDecimals:f,allowZeroStart:g,min:m,max:t,restrict:a,value:o})),{prevValue:"",eventType:"init",eventID:w(12),caretFrom:null,caretTo:null})),[x,I]=pe(p.isOneOf(a,"password","concealed")&&"password"||"text");ae(()=>{l(D=>s(n(n({},D),T.Validation.SyncValue({allowDecimals:f,allowZeroStart:g,min:m,max:t,restrict:a,value:o})),{isInspected:!1})),ce.set({[i+":set_inputType"]:I})},[]);let C={rootStates:e,val_inputType:x,set_inputType:I,val_status:r,set_status:l};return $.CommonEffects({type:"textfield",states:e,val_status:r,set_status:l,SystemValidation:T.Validation.System,ExtraOverrideStates:D=>T.Validation.SyncValue({allowDecimals:f,allowZeroStart:g,min:m,max:t,restrict:a,value:D})}),ae(()=>{T.setSelection({id:e.id,restrict:a,val_status:r})},[r]),q(Ae,{val_status:r,set_status:l,states:C.rootStates,children:[u(Be,{componentId:e.componentId,fontSize:e.fontSize,required:e.required,label:e.label,isActive:e.isLabelActive||!!r.isFocusing||!!r.rawValue}),u(T.Shallow,n({},C)),u(T.InputBox,n({},C)),u(T.TextAreaBox,n({},C))]})},y=e=>{var i,a;return e=n({autoHeight:!0,restrict:"text",fontSize:"inherit",value:""},e),e.value=(a=T.Validation.SyncValue({allowDecimals:e.allowDecimals,allowZeroStart:e.allowZeroStart,min:e.min,max:e.max,restrict:e.restrict||"text",value:(i=e.value)!=null?i:""}).rawValue)!=null?a:"",e.multiline?(e.minRows=e.minRows||5,e.maxRows=e.maxRows||20):(e.minRows=1,e.maxRows=1),u(He,{componentId:e.componentId,children:Oe,states:Le(e)})},W=Object.assign(y,{Validate:T.Validation.Text,Katakana:e=>u(y,s(n({},e),{restrict:"katakana",multiline:!1,autoHeight:!1})),HankakuKatakana:e=>u(y,s(n({},e),{restrict:"hankaku.katakana",multiline:!1,autoHeight:!1})),CreditCard:e=>u(y,s(n({},e),{restrict:"creditCard",multiline:!1,autoHeight:!1})),Tel:e=>u(y,s(n({},e),{restrict:"tel",multiline:!1,autoHeight:!1})),Number:e=>u(y,s(n({},e),{restrict:"number",multiline:!1,autoHeight:!1})),DigitNumber:e=>u(y,s(n({},e),{restrict:"digitNumber",multiline:!1,autoHeight:!1})),Email:e=>u(y,s(n({},e),{restrict:"email",multiline:!1,autoHeight:!1})),Url:e=>u(y,s(n({},e),{restrict:"url",multiline:!1,autoHeight:!1})),Postal:e=>u(y,s(n({label:"\u90F5\u4FBF\u756A\u53F7"},e),{restrict:"postal",multiline:!1,autoHeight:!1,leftIcon:u(Me,{ssSphere:2,fontColor:"4.thin",children:"\u3012"})})),Password:e=>u(y,s(n({label:"\u30D1\u30B9\u30EF\u30FC\u30C9",rightIcon:u(de,{ssSphere:2.5,freeCSS:{pointerEvents:"all"},children:u(De.Sub,{ssSphere:2.5,borderRadius:"3.tone.tertiary",fontColor:"theme",flexCenter:!0,height:1,ssEffectsOnActive:["expand"],onMouseOver:i=>{me.open(i.currentTarget,"\u30C6\u30AD\u30B9\u30C8\u3092\u8868\u793A",24)},onMouseLeave:me.abort,tabIndex:-1,onClick:i=>{p(i.target).parent().parent().find("input").callback(a=>{let o=a[0];if(!o)return;let m=o.dataset.componentId;if(!m)return;let t=ce.get(m+":set_inputType");t&&t(f=>f==="password"&&"text"||"password")})},children:u(ke,{icon:Ee})})}),restrict:"password"},e),{multiline:!1,autoHeight:!1})),Concealed:e=>u(W.Password,s(n({label:"\u79D8\u5BC6\u9375"},e),{restrict:"concealed"})),Money:{JPY:e=>u(W.DigitNumber,s(n({rightIcon:u(de,{fontColor:"4.thin",children:"\u5186"}),allowZeroStart:!1},e),{multiline:!1,autoHeight:!1}))}});export{W as TextField,Oe as TextInput,W as default};

package/dist/fn/Input/core.js

@@ -1 +1 @@
-import{b as i,c as l,e as b}from"../../chunk-C5N2D3ZX.js";import{jsx as y,jsxs as h}from"react/jsx-runtime";import{useState as w,useEffect as S}from"react";import u,{UUID as m,useStore as v}from"jmini";import{$$fromRoot as k}from"../../@utils";import{InputClasses as _}from"../../@styles/componentClasses";import{Box as E,Flex as B,FAI as g,Column as D}from"../../atoms";import{Row as x,Literal as O}from"../../mols";import{Button as A}from"../Button";import V from"../Tooltips";const te=e=>{let[n]=w(e.componentId||m(12));e=i({},e),e.states=l(i({enableFormSubmit:!0,status_id:m(8),override:"never",form:"",id:m(),"aria-label":"Input-"+n},e.states),{componentId:n});let{children:a}=e;return y(a,i({},e.states))},ae=e=>{let{children:n,val_status:a,states:t}=e,{leftIcon:s,wrapStyles:p}=t,r=a.notice||[];return t.checkValidationAtFirst||a.eventType=="init"&&(r=[]),h(x.Center,l(i({position:"relative",verticalAlign:"unset",gap:0},p),{className:_("Wrapper"),"data-notice-uid":a.componentId,children:[y(R.Notice,{notice:r,val_status:a}),t.leftIndicator,h(B,{position:"relative",flexSizing:"auto",children:[n,s,y(R.RightIcon,i({},e)),y(R.ClearButton,i({},e))]}),t.rightIndicator]}))},R={ClearButton:e=>!e.states.clearButton||!e.val_status.rawValue?null:y(A.Normal,{ssSphere:2,flexCenter:!0,fontColor:"5.translucent",ssEffectsOnActive:["ripple.theme"],position:"absolute",right:1,top:"50%",freeCSS:{zIndex:3,transform:"translateY(-50%)"},onClick:()=>{e.set_status(n=>l(i({},n),{rawValue:"",safeValue:"",eventType:"update",eventID:m(12),isInspected:!1}))},children:y(g.X,{})}),RightIcon:e=>e.states.clearButton&&e.val_status.rawValue?null:e.states.rightIcon,Notice:e=>{let{notice:n,val_status:a}=e,{componentId:t}=a,s="NoticeTimer-"+t,p="NoticeTimerClose-"+t,r="notice-tips-"+t;return S(()=>{u.interval.once(()=>{if(!(n!=null&&n.length)){V.close(r);return}V.open({tipsID:r,parent:`[data-notice-uid="${t}"]`,gravityPoint:24,padding:[1,0],closeAtParentBlur:!1,content:h(V.Body,{padding:["1/2","2/3"],fontSize:"1.mini",position:"relative",children:[y(E,{position:"absolute",unitHeight:1,unitWidth:1,right:1,backgroundColor:"dark",freeCSS:{zIndex:1,transform:"rotate(45deg)",top:-6}}),y(D,{backgroundColor:"inherit",gap:"1/3",position:"relative",freeCSS:{zIndex:2},children:n.map((d,f)=>{let{type:o,label:c}=d,I=o=="invalid"?g.Exclamation:o=="warn"?g.Exclamation:g.Check;return h(x.Left,{gap:0,borderRadius:"2.tone.secondary",children:[y(I,{flexCenter:!0,fontSize:"2.normal",fontColor:{invalid:"nega",warn:"warn",valid:"posi"}[o]}),y(O.Supplement,{fontSize:"0.xs",fontColor:"white",children:c})]},f+"-"+u.Stringify(d))})})]})})},350,s),u.interval.once(()=>{V.close(r)},6e3,p)},[n]),null}},F={DefaultStatus:(e,n)=>({componentId:e,rawValue:n,eventType:"init",eventID:m(12)}),CommonEffects:function(e){let{type:n,states:a,val_status:t,set_status:s,SystemValidation:p}=e;a=i({},a);let{componentId:r}=t;S(()=>(v.update({[`input_alias:id:${a.id}`]:{componentId:r},[`input_alias:name:${a.name}`]:{componentId:r},[r]:{ResolveRefresh:null,remoteUpdate:d=>{s(f=>l(i({},f),{isInspected:!1,isValidated:!1,rawValue:d,status_id:m(8),eventType:"update.remote",eventID:m(12)}))},Refresh:()=>new Promise((d,f)=>{v.get(r).ResolveRefresh=d,s(o=>l(i({},o),{isInspected:!1,eventType:"refresh",eventID:m(12)}))})}}),()=>{v.delete(r)}),[]),S(()=>{F.ValidationCheck({val_status:t,set_status:s,SystemValidation:p,states:a})},[t.eventID,t.rawValue]),u.scope(()=>{let{override:d}=a;if(t.eventType=="update.remote"){s(C=>l(i(i({},C),e.ExtraOverrideStates&&e.ExtraOverrideStates(t.rawValue)),{eventType:"override",eventID:m(12),isInspected:!1,isValidated:!1}));return}if(d=="never"||d=="beforeModified"&&!u.isOneOf(t.eventType,"init","override")||t.isComposing)return;let f=v.get(t.componentId);if(!f)return;let o=a.value,c=t.rawValue;if(e.ExtraOverrideStates&&(o=e.ExtraOverrideStates(o).rawValue||o),u.isEqual(o,c)){f.status_id=a.status_id;return}let I=u.SortifyObject(o),T=u.SortifyObject(c);if(I&&T&&u.isEqual(I,T)){f.status_id=a.status_id;return}a.status_id!=f.status_id&&(t.eventType=="update"&&!t.isInspected||s(C=>l(i(l(i({},C),{rawValue:o}),e.ExtraOverrideStates&&e.ExtraOverrideStates(o)),{eventType:"override",eventID:m(12),isInspected:!1,isValidated:!1})))});{let{componentId:d,eventType:f}=t,o={eventType:f,componentId:d,isInspected:!!t.isInspected,isValidated:!!t.isValidated,isComposing:!!t.isComposing,isFocusing:!!t.isFocusing,isPickerOpen:!!t.isPickerOpen},c=t.rawValue;n=="autocomplete.single"?c=u.Arrayify(c)[0]:n=="list.radio"?c=u.Arrayify(c)[0]:a.isChecker&&(c=!!u.Arrayify(c)[0]),S(()=>(u.scope(()=>{if(a.form=a.form||"testForm",a.name&&a.form&&v.update({[["form-data",a.form].join("-")]:{[a.name]:{componentId:d,type:n,value:c,validation:t.isValidated}}}),!t.isInspected||f!="refresh")return;let I=v.get(d);I&&I.ResolveRefresh&&I.ResolveRefresh(null)}),()=>{v.update({[["form-data",a.form].join("-")]:{[a.name]:null}})}),[t]),S(()=>{a.onUserAction&&a.onUserAction(c,o)},[t]),S(()=>{t.isInspected&&f=="update"&&(a.onUpdateValue&&a.onUpdateValue(c,o),t.isValidated&&a.onUpdateValidValue&&a.onUpdateValidValue(c,o))},[t.isValidated,t.isInspected,t.rawValue])}},ValidationCheck:e=>{let{states:n}=e;if(e.val_status.isInspected)return;let a="ValidationTimer-"+e.val_status.componentId;u.interval.abort(a),e.set_status(r=>l(i({},r),{isInspected:!1,isValidated:!1}));let t=e.SystemValidation({value:e.val_status.rawValue,states:n});if(!t.ok){e.set_status(r=>l(i({},r),{isInspected:!0,isValidated:!!t.ok,notice:t.notice||[]}));return}let s=t.notice||[];const p=()=>b(void 0,null,function*(){if(!n.onValidate)return;let r=yield n.onValidate(e.val_status.rawValue,e.val_status.eventType,e.val_status);e.set_status(d=>l(i({},d),{isInspected:!0,isValidated:!!r.ok,notice:[...s,...r.notice||[]]}))});if(n.onValidate){if(e.val_status.eventType=="refresh"){p();return}u.interval.once(p,n.onValidateDelay||400,a);return}e.set_status(r=>l(i({},r),{eventID:m(12),isInspected:!0,isValidated:!0,notice:s}))},SubmitForm:(e,n)=>{let a=!1;if(!n)return a;let t=k(`[data-form-submit-button="${n}"]`)[0];if(!t)return a;let s=t.dataset.sdfike||"",p=e.key,r=e.ctrlKey||e.metaKey;return u.scope(()=>{s.includes("enter")&&(p!="Enter"||e.nativeEvent.isComposing||(e==null?void 0:e.keyCode)==229)||((p=="Enter"&&(s.includes("enter")||s.includes("auxEnter")&&r)||p==" "&&s.includes("space"))&&(t.click(),e.preventDefault()),a=!0)}),a},isShowValidation:(e,n)=>{let a=e.isValidated;return!n&&e.eventType=="init"?!0:a}},ne=function(e){e=i({tone:"border"},e);let n=u.scope(()=>{if(e.tone=="plain")return{};let t={padding:1,transition:"middle",flexSizing:"auto",boxShadow:"0.min"};return e.tone=="border"?t=l(i({},t),{border:!0,borderRadius:"2.tone.secondary",backgroundColor:"layer.1"}):e.tone=="cloud"?t=l(i({},t),{border:"1.thin",borderRadius:"2.tone.secondary",backgroundColor:"cloud"}):e.tone=="bottomBorder"&&(t=l(i({},t),{borderRadius:0,border:"unset",borderBottom:!0,backgroundColor:"cloud"})),t});return l(i(i(i(i(i(i({fontColor:"2.normal"},n),!!e.rightIcon&&{paddingRight:3}),!!e.leftIcon&&{paddingLeft:3}),!!e.leftIndicator&&{borderTopLeftRadius:"2/3",borderBottomLeftRadius:"2/3",marginLeft:"1/4"}),!!e.rightIndicator&&{borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3",marginRight:"1/4"}),e),{freeCSS:i({letterSpacing:"1px",resize:"none"},e.freeCSS),className:[_("Input"),e.className].join(" ")})};export{ae as BoxWrapper,F as CoreEffects,ne as DefaultBoxishStyles,te as OptionalInputWrapper};
+import{b as i,c as l,e as b}from"../../chunk-C5N2D3ZX.js";import{jsx as y,jsxs as h}from"react/jsx-runtime";import{useState as w,useEffect as S}from"react";import u,{UUID as m,useStore as v}from"jmini";import{$$fromRoot as k}from"../../@utils";import{InputClasses as _}from"../../@styles/componentClasses";import{Box as E,Flex as B,FAI as V,Column as D}from"../../atoms";import{Row as x,Literal as O}from"../../mols";import{Button as P}from"../Button";import g from"../Tooltips";const te=e=>{let[n]=w(e.componentId||m(12));e=i({},e),e.states=l(i({enableFormSubmit:!0,status_id:m(8),override:"never",form:"",id:m(),"aria-label":"Input-"+n},e.states),{componentId:n});let{children:a}=e;return y(a,i({},e.states))},ae=e=>{let{children:n,val_status:a,states:t}=e,{leftIcon:s,wrapStyles:f}=t,r=a.notice||[];return t.checkValidationAtFirst||a.eventType=="init"&&(r=[]),h(x.Center,l(i({position:"relative",verticalAlign:"unset",gap:0},f),{className:_("Wrapper"),"data-notice-uid":a.componentId,children:[y(R.Notice,{notice:r,val_status:a}),t.leftIndicator,h(B,{position:"relative",flexSizing:"auto",children:[n,s,y(R.RightIcon,i({},e)),y(R.ClearButton,i({},e))]}),t.rightIndicator]}))},R={ClearButton:e=>!e.states.clearButton||!e.val_status.rawValue?null:y(P.Normal,{ssSphere:2,flexCenter:!0,fontColor:"5.translucent",ssEffectsOnActive:["ripple.theme"],position:"absolute",right:1,top:"50%",freeCSS:{zIndex:3,transform:"translateY(-50%)"},onClick:()=>{e.set_status(n=>l(i({},n),{rawValue:"",safeValue:"",eventType:"update",eventID:m(12),isInspected:!1}))},children:y(V.X,{})}),RightIcon:e=>e.states.clearButton&&e.val_status.rawValue?null:e.states.rightIcon,Notice:e=>{let{notice:n,val_status:a}=e,{componentId:t}=a,s="NoticeTimer-"+t,f="NoticeTimerClose-"+t,r="notice-tips-"+t;return S(()=>{u.interval.once(()=>{if(!(n!=null&&n.length)){g.close(r);return}g.open({tipsID:r,parent:`[data-notice-uid="${t}"]`,gravityPoint:24,padding:[1,0],closeAtParentBlur:!1,content:h(g.Body,{padding:["1/2","2/3"],fontSize:"1.mini",position:"relative",children:[y(E,{position:"absolute",unitHeight:1,unitWidth:1,right:1,backgroundColor:"dark",freeCSS:{zIndex:1,transform:"rotate(45deg)",top:-6}}),y(D,{backgroundColor:"inherit",gap:"1/3",position:"relative",freeCSS:{zIndex:2},children:n.map((d,p)=>{let{type:o,label:c}=d,I=o=="invalid"?V.Exclamation:o=="warn"?V.Exclamation:V.Check;return h(x.Left,{gap:0,borderRadius:"2.tone.secondary",children:[y(I,{flexCenter:!0,fontSize:"2.normal",fontColor:{invalid:"nega",warn:"warn",valid:"posi"}[o]}),y(O.Supplement,{fontSize:"0.xs",fontColor:"white",children:c})]},p+"-"+u.Stringify(d))})})]})})},350,s),u.interval.once(()=>{g.close(r)},6e3,f)},[n]),null}},A={DefaultStatus:(e,n)=>({componentId:e,rawValue:n,eventType:"init",eventID:m(12)}),CommonEffects:function(e){let{type:n,states:a,val_status:t,set_status:s,SystemValidation:f}=e;a=i({},a);let{componentId:r}=t;S(()=>(v.update({[`input_alias:id:${a.id}`]:{componentId:r},[`input_alias:name:${a.name}`]:{componentId:r},[r]:{ResolveRefresh:null,remoteUpdate:d=>{s(p=>l(i({},p),{isInspected:!1,isValidated:!1,rawValue:d,status_id:m(8),eventType:"update.remote",eventID:m(12)}))},Refresh:()=>new Promise((d,p)=>{v.get(r).ResolveRefresh=d,s(o=>l(i({},o),{isInspected:!1,eventType:"refresh",eventID:m(12)}))})}}),()=>{v.delete(r)}),[]),S(()=>{A.ValidationCheck({val_status:t,set_status:s,SystemValidation:f,states:a})},[t.eventID,t.rawValue]),u.scope(()=>{let{override:d}=a;if(t.eventType=="update.remote"){s(C=>l(i(i({},C),e.ExtraOverrideStates&&e.ExtraOverrideStates(t.rawValue)),{eventType:"override",eventID:m(12),isInspected:!1,isValidated:!1}));return}if(d=="never"||d=="beforeModified"&&!u.isOneOf(t.eventType,"init","override")||t.isComposing)return;let p=v.get(t.componentId);if(!p)return;let o=a.value,c=t.rawValue;if(e.ExtraOverrideStates&&(o=e.ExtraOverrideStates(o).rawValue||o),u.isEqual(o,c)){p.status_id=a.status_id;return}let I=u.SortifyObject(o),T=u.SortifyObject(c);if(I&&T&&u.isEqual(I,T)){p.status_id=a.status_id;return}a.status_id!=p.status_id&&(t.eventType=="update"&&!t.isInspected||s(C=>l(i(l(i({},C),{rawValue:o}),e.ExtraOverrideStates&&e.ExtraOverrideStates(o)),{eventType:"override",eventID:m(12),isInspected:!1,isValidated:!1})))});{let{componentId:d,eventType:p}=t,o={eventType:p,componentId:d,isInspected:!!t.isInspected,isValidated:!!t.isValidated,isComposing:!!t.isComposing,isFocusing:!!t.isFocusing,isPickerOpen:!!t.isPickerOpen},c=t.rawValue;n=="autocomplete.single"?c=u.Arrayify(c)[0]:n=="list.radio"?c=u.Arrayify(c)[0]:a.isChecker&&(c=!!u.Arrayify(c)[0]),S(()=>(u.scope(()=>{if(a.form=a.form||"testForm",a.name&&a.form&&v.update({[["form-data",a.form].join("-")]:{[a.name]:{componentId:d,type:n,value:c,validation:t.isValidated}}}),!t.isInspected||p!="refresh")return;let I=v.get(d);I&&I.ResolveRefresh&&I.ResolveRefresh(null)}),()=>{v.update({[["form-data",a.form].join("-")]:{[a.name]:null}})}),[t]),S(()=>{a.onUserAction&&a.onUserAction(c,o)},[t]),S(()=>{t.isInspected&&p=="update"&&(a.onUpdateValue&&a.onUpdateValue(c,o),t.isValidated&&a.onUpdateValidValue&&a.onUpdateValidValue(c,o))},[t.isValidated,t.isInspected,t.rawValue])}},ValidationCheck:e=>{let{states:n}=e;if(e.val_status.isInspected)return;let a="ValidationTimer-"+e.val_status.componentId;u.interval.abort(a),e.set_status(r=>l(i({},r),{isInspected:!1,isValidated:!1}));let t=e.SystemValidation({value:e.val_status.rawValue,states:n});if(!t.ok){e.set_status(r=>l(i({},r),{isInspected:!0,isValidated:!!t.ok,notice:t.notice||[]}));return}let s=t.notice||[];const f=()=>b(void 0,null,function*(){if(!n.onValidate)return;let r=yield n.onValidate(e.val_status.rawValue,e.val_status.eventType,e.val_status);e.set_status(d=>l(i({},d),{isInspected:!0,isValidated:!!r.ok,notice:[...s,...r.notice||[]]}))});if(n.onValidate){if(e.val_status.eventType=="refresh"){f();return}u.interval.once(f,n.onValidateDelay||400,a);return}e.set_status(r=>l(i({},r),{eventID:m(12),isInspected:!0,isValidated:!0,notice:s}))},SubmitForm:(e,n)=>{let a=!1;if(!n)return a;let t=k(`[data-form-submit-button="${n}"]`)[0];if(!t)return a;let s=t.dataset.sdfike||"",f=e.key,r=e.ctrlKey||e.metaKey;return u.scope(()=>{s.includes("enter")&&(f!="Enter"||e.nativeEvent.isComposing||(e==null?void 0:e.keyCode)==229)||((f=="Enter"&&(s.includes("enter")||s.includes("auxEnter")&&r)||f==" "&&s.includes("space"))&&(t.click(),e.preventDefault()),a=!0)}),a},isShowValidation:(e,n)=>{let a=e.isValidated;return!n&&e.eventType=="init"?!0:a}},ne=function(e){e=i({tone:"border"},e);let n=u.scope(()=>{if(e.tone=="plain")return{};let t={padding:1,transition:"middle",flexSizing:"auto",boxShadow:"0.min"};return e.tone=="border"?t=l(i({},t),{border:!0,borderRadius:"2.tone.secondary",backgroundColor:"layer.1"}):e.tone=="cloud"?t=l(i({},t),{border:"1.thin",borderRadius:"2.tone.secondary",backgroundColor:"cloud"}):e.tone=="bottomBorder"&&(t=l(i({},t),{borderRadius:0,border:"unset",borderBottom:!0,backgroundColor:"cloud"})),t});return l(i(i(i(i(i(i({fontColor:"2.normal"},n),!!e.rightIcon&&{paddingRight:3}),!!e.leftIcon&&{paddingLeft:3}),!!e.leftIndicator&&{borderTopLeftRadius:"2/3",borderBottomLeftRadius:"2/3",marginLeft:"1/4"}),!!e.rightIndicator&&{borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3",marginRight:"1/4"}),e),{freeCSS:i({letterSpacing:"1px",resize:"none"},e.freeCSS),className:[_("Input"),e.className].join(" ")})};export{ae as BoxWrapper,A as CoreEffects,ne as DefaultBoxishStyles,te as OptionalInputWrapper};

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

@@ -1,4 +1,4 @@
-import { ReactElement, StyleTags } from '../../@declares';
+import { ReactElement, StyleProps } from '../../@declares';
 export declare namespace InputTypes {
     type BoxTone = 'border' | 'cloud' | 'bottomBorder' | 'plain';
     type Type = 'hidden' | 'textfield' | 'textfield.multiline' | 'select' | 'drum' | 'list.radio' | 'list.checkbox' | 'autocomplete.single' | 'autocomplete.multi' | 'time' | 'switch' | 'slider' | 'file' | 'contenteditable' | 'color' | '';
@@ -33,9 +33,9 @@ export declare namespace InputTypes {
         onUpdateValidValue?: OnUserAction<T>;
         onUserAction?: OnUserAction<T>;
     };
-    type CoreInput<T = any> = UniInput<T> & StyleTags.States & {
+    type CoreInput<T = any> = UniInput<T> & StyleProps.States & {
         className?: string;
-        wrapStyles?: StyleTags.States;
+        wrapStyles?: StyleProps.States;
     };
     namespace Validation {
         type EventType = 'init' | 'update' | 'update.remote' | 'override' | 'refresh';

package/dist/fn/Input/index.js

@@ -1 +1 @@
-import"../../chunk-C5N2D3ZX.js";import*as o from"./Parts";export*from"./Parts";import i from"./fn";import a from"./Plain";import p from"./Hidden";import m from"./TextField";import n from"./Contenteditable";import l from"./DigitCharacters";import s from"./Time";import d from"./Time/Selector";import c from"./Drum";import x from"./Select";import y from"./Autocomplete";import*as r from"./List";import f from"./Search";import T from"./Filer";import b from"./Slider";import g from"./Switch";import S from"./Checker";import _ from"./Segmented";import h from"./Color";import V from"./CollectForm";var t;(e=>(e.fn=i,e.Plain=a,e.Hidden=p,e.TextField=m,e.Contenteditable=n,e.DigitCharacters=l,e.Time=s,e.TimeSelector=d,e.Drum=c,e.Select=x,e.Autocomplete=y,e.List=r.List,e.Radio=r.Radio,e.Checkbox=r.Checkbox,e.Checker=S,e.Search=f,e.Filer=T,e.Slider=b,e.Switch=g,e.Segmented=_,e.Color=h,e.LeftIcon=o.LeftIcon,e.RightIcon=o.RightIcon,e.LeftIndicator=o.LeftIndicator,e.RightIndicator=o.RightIndicator,e.RequiredSign=o.RequiredSign,e.RequiredShortSign=o.RequiredShortSign,e.OmitSign=o.OmitSign,e.CollectForm=V))(t||(t={}));export{t as Input,t as default};
+import"../../chunk-C5N2D3ZX.js";import*as o from"./Parts";export*from"./Parts";import i from"./fn";import a from"./Plain";import p from"./Hidden";import m from"./TextField";import n from"./Contenteditable";import l from"./DigitCharacters";import s from"./Time";import d from"./Time/Selector";import c from"./Drum";import x from"./Select";import y from"./Autocomplete";import*as r from"./List";import f from"./Search";import b from"./Filer";import T from"./Slider";import g from"./Switch";import S from"./Checker";import _ from"./Segmented";import h from"./Color";import V from"./CollectForm";var t;(e=>(e.fn=i,e.Plain=a,e.Hidden=p,e.TextField=m,e.Contenteditable=n,e.DigitCharacters=l,e.Time=s,e.TimeSelector=d,e.Drum=c,e.Select=x,e.Autocomplete=y,e.List=r.List,e.Radio=r.Radio,e.Checkbox=r.Checkbox,e.Checker=S,e.Search=f,e.Filer=b,e.Slider=T,e.Switch=g,e.Segmented=_,e.Color=h,e.LeftIcon=o.LeftIcon,e.RightIcon=o.RightIcon,e.LeftIndicator=o.LeftIndicator,e.RightIndicator=o.RightIndicator,e.RequiredSign=o.RequiredSign,e.RequiredShortSign=o.RequiredShortSign,e.OmitSign=o.OmitSign,e.CollectForm=V))(t||(t={}));export{t as Input,t as default};

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { StyleTags } from '../../@declares';
+import { StyleProps } from '../../@declares';
 declare namespace Loader {
     type Methods = Color & FNs;
     type Color = {
@@ -19,7 +19,7 @@ declare namespace Loader {
     };
     type Sizes = 'S' | 'R' | 'L' | 'XL' | 'MAX';
     type Colors = 'theme' | 'posi' | 'nega' | 'warn' | 'white' | 'cloud';
-    type CompInput = StyleTags.States & {
+    type CompInput = StyleProps.States & {
         showInitial?: boolean;
         loaderID?: string;
     };

package/dist/fn/Loader/index.js

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

package/dist/fn/Loader/mini.js

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

package/dist/fn/RootViewController.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { StyleTags, ReactElement } from '../@declares';
+import { StyleProps, ReactElement } from '../@declares';
 import { Box, Flex } from '../atoms';
 import { Button, ButtonTypes } from './Button';
 declare namespace RootViewController {
@@ -8,7 +8,7 @@ declare namespace RootViewController {
         TopNavigation: React.FC<Flex.Input>;
         SideNavigation: React.FC<Flex.Input>;
         FooterNavigation: React.FC<Flex.Input & {
-            baseStyles?: StyleTags.States;
+            baseStyles?: StyleProps.States;
         }>;
         Comps: {
             Button: React.FC<Button & {

package/dist/fn/RootViewController.js

@@ -1 +1 @@
-import{b as d,c as m,d as v}from"../chunk-C5N2D3ZX.js";import{jsx as h,jsxs as w}from"react/jsx-runtime";import{useState as R,useEffect as S}from"react";import a,{UUID as H}from"jmini";import{$$fromRoot as c,Config as A,pageRouter as T}from"../@utils";import{Box as C,Flex as x,Column as V}from"../atoms";import{Button as E}from"./Button";import{LayoutClasses as y}from"../@styles/componentClasses";const t={Base:o=>{let g=o,{topNavigation:i,sideNavigation:e,footerNavigation:r,children:l,className:s}=g,f=v(g,["topNavigation","sideNavigation","footerNavigation","children","className"]);S(()=>{t.fn.updateCSSProperty.reset(),setTimeout(()=>{t.fn.updateCSSProperty.reset()},100);let n="ResizeCB",p="RemovePageEventCB";return a(window).addEvent({eventType:"resize",eventID:n,callback:()=>{A.get().screen.isPhonepoint()||a.interval.once(()=>{t.fn.updateCSSProperty.reset()},300,"__RVC_calcHeights")}}),()=>{a(window).removeEvent(p),a(window).removeEvent(n)}},[]);let u=l;return w(V,m(d({className:[s,y("RootViewController")].join(" "),backgroundColor:"layer.1",gap:0,minHeight:"viewHeight"},f),{children:[i,w(x,{className:y("Body"),flexWrap:!1,position:"relative",flexSizing:0,children:[e,h(C,{className:y("Content"),position:"relative",flexSizing:0,width:0,children:u})]}),r]}))},TopNavigation:o=>{let s=o,{className:i,children:e}=s,r=v(s,["className","children"]),[l]=R(H());return S(()=>{t.fn.updateCSSProperty.topNav()},[]),h(x,m(d({"data-id":l,flexSizing:"none",flexType:"col",position:"sticky",top:0,backgroundColor:"layer.1"},r),{id:"__RVC_TopNavigation",className:[i,y("TopNav")].join(" "),children:e}),l)},SideNavigation:o=>{let r=o,{className:i=""}=r,e=v(r,["className"]);return S(()=>{t.fn.updateCSSProperty.sideNav()},[]),h(C,m(d({className:[i,y("SideNav")].join(" "),flexSizing:"none",minHeight:"sideNavigationHeight"},e),{id:"__RVC_SideNavigation"}))},FooterNavigation:o=>{let s=o,{className:i="",baseStyles:e}=s,r=v(s,["className","baseStyles"]),[l]=R(H());return S(()=>{t.fn.updateCSSProperty.footer()},[]),h(x,m(d({"data-id":l,borderTop:!0,position:"sticky",bottom:0,overflow:"auto",backgroundColor:"layer.1",paddingBottom:"safeAreaBottom"},e),{id:"__RVC_FooterNavigation",className:[y("FooterNav"),i].join(" "),children:h(x,d({gap:1,flexWrap:!1,padding:"2/3",margin:"auto",width:1},r))}))},Comps:{Button:o=>{let g=o,{isActive:i,path:e,pathGroup:r,currentPath:l}=g,s=v(g,["isActive","path","pathGroup","currentPath"]),f=a.Arrayify(r),u=l||location.pathname;{let n=!1;a.scope(()=>{a.isString(e)&&(a.isNullish(e)||(n=u.replace(/^\//,"").replace(/\/$/,"")==e.replace(/^\//,"").replace(/\/$/,"")))}),a.scope(()=>{if(!n&&f.length)for(let p of f){if(n)break;a.isNullish(p)||(a.isString(p)&&(p=String(p).escapeRegExChar()),u.match(new RegExp(p))&&(n=!0))}}),i=i!=null?i:n}return h(E.Clear,d({isActive:i,isActiveStyles:{fontColor:"theme",backgroundColor:"cloud"},onClick:n=>{a.isExist(e)&&a.isString(e)&&T.push(e,n.ctrlKey||n.metaKey)},color:"cloud",padding:["3/4",1],display:"flex",gap:"1/2",fontColor:"inherit",flexSizing:"none",flexWrap:!1,ssEffectsOnActive:"ripple.cloud",verticalAlign:"center",textAlign:"left",isSemiBoldFont:!0},s))},Bar:o=>h(C,d({flexSizing:"none",backgroundColor:"layer.4.opa.middle",unitHeight:"1/3",margin:["2/3",1],isRounded:!0},o)),Title:o=>h(C,d({fontSize:"3.paragraph",isSemiBoldFont:!0,padding:[0,1]},o))},fn:{updateCSSProperty:{topNav:()=>{let o=a(document.body),i=c("#__RVC_TopNavigation"),e=i.position().height||0,r=e;i.getStyleProperty("position")!="sticky"&&(r=0),t.fn.topNavHeight=e,t.fn.topBase=r,o.setStyleProperty("--topNavHeight",e+"px").setStyleProperty("--topBase",r+"px")},footer:()=>{let o=a(document.body),e=c("#__RVC_FooterNavigation").position().height||0;t.fn.footerNavHeight=e,o.setStyleProperty("--footerNavHeight",e+"px")},sideNav:()=>{let o=a(document.body),e=c("#__RVC_SideNavigation").position().width||0;t.fn.sideNavHeight=e,o.setStyleProperty("--sideNavWidth",e+"px")},reset:()=>{let o=a(document.body),i=c("#__RVC_TopNavigation"),e=c("#__RVC_FooterNavigation"),r=c("#__RVC_SideNavigation"),l=i.position().height||0,s=l,f=e.position().height||0,u=r.position().width||0;i.getStyleProperty("position")!="sticky"&&(s=0);let g=window.innerHeight,n=window.innerWidth,p=g-l-f,B=n-u;t.fn.viewHeight=g,t.fn.viewWidth=n,t.fn.contentHeight=p,t.fn.contentWidth=B,t.fn.topBase=s,t.fn.sideNavHeight=u,t.fn.topNavHeight=l,t.fn.footerNavHeight=f;{let N=getComputedStyle(document.documentElement),P=N.getPropertyValue("--safe-area-top"),_=N.getPropertyValue("--safe-area-bottom"),b=N.getPropertyValue("--safe-area-left"),F=N.getPropertyValue("--safe-area-right");t.fn.safeAreaTop=parseInt(P,10)||0,t.fn.safeAreaBottom=parseInt(_,10)||0,t.fn.safeAreaLeft=parseInt(b,10)||0,t.fn.safeAreaRight=parseInt(F,10)||0}o.setStyleProperty("--viewHeight",g+"px").setStyleProperty("--viewWidth",n+"px").setStyleProperty("--contentHeight",p+"px").setStyleProperty("--contentWidth",B+"px").setStyleProperty("--topBase",s+"px").setStyleProperty("--topNavHeight",l+"px").setStyleProperty("--footerNavHeight",f+"px").setStyleProperty("--sideNavHeight",p+"px")}},viewHeight:0,viewWidth:0,contentHeight:0,contentWidth:0,topBase:0,sideNavHeight:0,topNavHeight:0,footerNavHeight:0,safeAreaTop:0,safeAreaBottom:0,safeAreaLeft:0,safeAreaRight:0}};export{t as RootViewController,t as default};
+import{b as d,c as m,d as v}from"../chunk-C5N2D3ZX.js";import{jsx as h,jsxs as P}from"react/jsx-runtime";import{useState as R,useEffect as S}from"react";import a,{UUID as H}from"jmini";import{$$fromRoot as c,Config as A,pageRouter as T}from"../@utils";import{Box as C,Flex as x,Column as V}from"../atoms";import{Button as E}from"./Button";import{LayoutClasses as y}from"../@styles/componentClasses";const t={Base:o=>{let g=o,{topNavigation:i,sideNavigation:e,footerNavigation:r,children:l,className:s}=g,f=v(g,["topNavigation","sideNavigation","footerNavigation","children","className"]);S(()=>{t.fn.updateCSSProperty.reset(),setTimeout(()=>{t.fn.updateCSSProperty.reset()},100);let n="ResizeCB",p="RemovePageEventCB";return a(window).addEvent({eventType:"resize",eventID:n,callback:()=>{A.get().screen.isPhonepoint()||a.interval.once(()=>{t.fn.updateCSSProperty.reset()},300,"__RVC_calcHeights")}}),()=>{a(window).removeEvent(p),a(window).removeEvent(n)}},[]);let u=l;return P(V,m(d({className:[s,y("RootViewController")].join(" "),backgroundColor:"layer.1",gap:0,minHeight:"viewHeight"},f),{children:[i,P(x,{className:y("Body"),flexWrap:!1,position:"relative",flexSizing:0,children:[e,h(C,{className:y("Content"),position:"relative",flexSizing:0,width:0,children:u})]}),r]}))},TopNavigation:o=>{let s=o,{className:i,children:e}=s,r=v(s,["className","children"]),[l]=R(H());return S(()=>{t.fn.updateCSSProperty.topNav()},[]),h(x,m(d({"data-id":l,flexSizing:"none",flexType:"col",position:"sticky",top:0,backgroundColor:"layer.1"},r),{id:"__RVC_TopNavigation",className:[i,y("TopNav")].join(" "),children:e}),l)},SideNavigation:o=>{let r=o,{className:i=""}=r,e=v(r,["className"]);return S(()=>{t.fn.updateCSSProperty.sideNav()},[]),h(C,m(d({className:[i,y("SideNav")].join(" "),flexSizing:"none",minHeight:"sideNavigationHeight"},e),{id:"__RVC_SideNavigation"}))},FooterNavigation:o=>{let s=o,{className:i="",baseStyles:e}=s,r=v(s,["className","baseStyles"]),[l]=R(H());return S(()=>{t.fn.updateCSSProperty.footer()},[]),h(x,m(d({"data-id":l,borderTop:!0,position:"sticky",bottom:0,overflow:"auto",backgroundColor:"layer.1",paddingBottom:"safeAreaBottom"},e),{id:"__RVC_FooterNavigation",className:[y("FooterNav"),i].join(" "),children:h(x,d({gap:1,flexWrap:!1,padding:"2/3",margin:"auto",width:1},r))}))},Comps:{Button:o=>{let g=o,{isActive:i,path:e,pathGroup:r,currentPath:l}=g,s=v(g,["isActive","path","pathGroup","currentPath"]),f=a.Arrayify(r),u=l||location.pathname;{let n=!1;a.scope(()=>{a.isString(e)&&(a.isNullish(e)||(n=u.replace(/^\//,"").replace(/\/$/,"")==e.replace(/^\//,"").replace(/\/$/,"")))}),a.scope(()=>{if(!n&&f.length)for(let p of f){if(n)break;a.isNullish(p)||(a.isString(p)&&(p=String(p).escapeRegExChar()),u.match(new RegExp(p))&&(n=!0))}}),i=i!=null?i:n}return h(E.Clear,d({isActive:i,isActiveStyles:{fontColor:"theme",backgroundColor:"cloud"},onClick:n=>{a.isExist(e)&&a.isString(e)&&T.push(e,n.ctrlKey||n.metaKey)},color:"cloud",padding:["3/4",1],display:"flex",gap:"1/2",fontColor:"inherit",flexSizing:"none",flexWrap:!1,ssEffectsOnActive:"ripple.cloud",verticalAlign:"center",textAlign:"left",isSemiBoldFont:!0},s))},Bar:o=>h(C,d({flexSizing:"none",backgroundColor:"layer.4.opa.middle",unitHeight:"1/3",margin:["2/3",1],isRounded:!0},o)),Title:o=>h(C,d({fontSize:"3.paragraph",isSemiBoldFont:!0,padding:[0,1]},o))},fn:{updateCSSProperty:{topNav:()=>{let o=a(document.body),i=c("#__RVC_TopNavigation"),e=i.position().height||0,r=e;i.getStyleProperty("position")!="sticky"&&(r=0),t.fn.topNavHeight=e,t.fn.topBase=r,o.setStyleProperty("--topNavHeight",e+"px").setStyleProperty("--topBase",r+"px")},footer:()=>{let o=a(document.body),e=c("#__RVC_FooterNavigation").position().height||0;t.fn.footerNavHeight=e,o.setStyleProperty("--footerNavHeight",e+"px")},sideNav:()=>{let o=a(document.body),e=c("#__RVC_SideNavigation").position().width||0;t.fn.sideNavHeight=e,o.setStyleProperty("--sideNavWidth",e+"px")},reset:()=>{let o=a(document.body),i=c("#__RVC_TopNavigation"),e=c("#__RVC_FooterNavigation"),r=c("#__RVC_SideNavigation"),l=i.position().height||0,s=l,f=e.position().height||0,u=r.position().width||0;i.getStyleProperty("position")!="sticky"&&(s=0);let g=window.innerHeight,n=window.innerWidth,p=g-l-f,B=n-u;t.fn.viewHeight=g,t.fn.viewWidth=n,t.fn.contentHeight=p,t.fn.contentWidth=B,t.fn.topBase=s,t.fn.sideNavHeight=u,t.fn.topNavHeight=l,t.fn.footerNavHeight=f;{let N=getComputedStyle(document.documentElement),w=N.getPropertyValue("--safe-area-top"),_=N.getPropertyValue("--safe-area-bottom"),b=N.getPropertyValue("--safe-area-left"),F=N.getPropertyValue("--safe-area-right");t.fn.safeAreaTop=parseInt(w,10)||0,t.fn.safeAreaBottom=parseInt(_,10)||0,t.fn.safeAreaLeft=parseInt(b,10)||0,t.fn.safeAreaRight=parseInt(F,10)||0}o.setStyleProperty("--viewHeight",g+"px").setStyleProperty("--viewWidth",n+"px").setStyleProperty("--contentHeight",p+"px").setStyleProperty("--contentWidth",B+"px").setStyleProperty("--topBase",s+"px").setStyleProperty("--topNavHeight",l+"px").setStyleProperty("--footerNavHeight",f+"px").setStyleProperty("--sideNavHeight",p+"px")}},viewHeight:0,viewWidth:0,contentHeight:0,contentWidth:0,topBase:0,sideNavHeight:0,topNavHeight:0,footerNavHeight:0,safeAreaTop:0,safeAreaBottom:0,safeAreaLeft:0,safeAreaRight:0}};export{t as RootViewController,t as default};

package/dist/fn/Sheet.d.ts

@@ -1,5 +1,5 @@
 import $$, { Time } from 'jmini';
-import { StyleTags, ReactElement } from '../@declares';
+import { StyleProps, ReactElement } from '../@declares';
 import React from 'react';
 import { Box } from '../atoms';
 declare namespace Sheet {
@@ -49,8 +49,8 @@ declare namespace Sheet {
          * optional for type:drawer.bottom
          */
         sizeChanged?(size: Sizes): void;
-        baseStyles?: StyleTags.States;
-    } & StyleTags.BasicElement & CloseOptions;
+        baseStyles?: StyleProps.States;
+    } & StyleProps.BasicElement & CloseOptions;
     type Content<T = any> = ReactElement | ((props: T) => React.JSX.Element);
     type CloseOptions = {
         closeAtPageTransit?: boolean;

package/dist/fn/Sheet.js

@@ -1 +1 @@
-import{b as d,c as w,d as G}from"../chunk-C5N2D3ZX.js";import{Fragment as pe,jsx as c,jsxs as K}from"react/jsx-runtime";import u,{UUID as V,Time as ue,useStore as x}from"jmini";import{useState as W,useEffect as U,useRef as ce}from"react";import{$$fromRoot as Y,Config as H}from"../@utils";import{Box as A,Flex as he,Img as de,FAI as ae,Column as re,Grid as fe,CacheRender as me}from"../atoms";import{Row as ne}from"../mols";import{Button as le}from"./Button";import{SheetClasses as m}from"../@styles/componentClasses";import ge from"./Plate";const y={currentIndex:0,openQueue:{},getSessionStates:()=>{let t=x.get("sessionStates-"+H.get().sessionUID);return t||null},getnew_sheetstates:t=>{var a;let e=w(d({sheetGroups:t.sheetGroups||[],backgroundEffect:!0,overwrap:t.type=="custom",hold_state:!1,closeAtPageTransit:!0,closeAtEscapeKeyDown:!0,closeAtAroundClick:t.type=="custom",transition:"middle"},t),{sheetID:t.sheetID||V(),isOpen:!0,created_at:ue()});return e.type=="custom"&&(e.parent=e.parent||((a=e.event)==null?void 0:a.currentTarget)),e},Wrapper:()=>{let[t,e]=W([]),a={val_sheets:t,set_sheets:e},f="sessionStates-"+H.get().sessionUID;x.set({[f]:a}),U(()=>{let n="Sheet-"+H.get().sessionUID;x.set({[n]:{add:(r,o)=>{let l=x.get(n);if(!l)return;let i=y.getnew_sheetstates(r);if(y.openQueue[i.sheetID])return;if(y.openQueue[i.sheetID]=!0,o!="inherit"&&(i.isOpen=o!=null?o:!0),!!l.find(i.sheetID)){e(v=>{let R=[...v],E=R.findIndex(M=>M.sheetID==i.sheetID);return E==-1||(R[E]=i),R}),delete y.openQueue[i.sheetID];return}e(v=>[i,...v])},find:r=>{let o=y.getSessionStates();if(!o)return null;let{val_sheets:l}=o;return l.find(i=>i.sheetID==r)}}}),u(H.get().appRoot).removeEvent(["SheetEvent.keyUp","SheetEvent.Click"]).addEvent({eventType:"keyup",eventID:"SheetEvent.keyUp",callback:function(r){let{key:o,metaKey:l}=r;if(o=="Escape"||o==","&&l){let i=y.getSessionStates();if(!i)return;let{val_sheets:I}=i,v=I.filter(E=>E.isOpen);if(!v.length)return;let R=v.reduce((E,M)=>E.created_at.value>M.created_at.value?E:M);k.close(R.sheetID,o)}}}).addEvent({eventType:"click",eventID:"SheetEvent.Click",callback:function(r){let o=y.getSessionStates();if(!o)return;let{val_sheets:l}=o,i=r.target;if(!i||i!=null&&i.closest("."+m("CustomSheet")))return;let I=l.filter(v=>v.type=="custom");I.length&&I.forEach(v=>{let{parent:R}=v;if(!v.closeAtAroundClick)return;let E=Y(R)[0];R!==i&&E!==i&&(u(E).find(i).length||k.close(v.sheetID))})}})},[]);let S=t.some(n=>n.type!="custom"&&!n.overwrap&&n.isOpen);return K(pe,{children:[t.map(n=>c(me,{params:n,forceRender:(r,o)=>r.isOpen!=o.isOpen||r.size!=o.size||!u.isEqual(u.SortifyObject(r.props||""),u.SortifyObject(o.props||"")),children:c(y.Core,w(d({},a),{val_sheet:n,patch_sheet:r=>{e(o=>{let l=[...o],i=l.findIndex(I=>I.sheetID==n.sheetID);return i!=-1&&(l[i]=w(d(d({},l[i]),r),{props:d(d({},l[i].props),r.props)})),l})},delete_sheet:()=>{e(r=>[...r.filter(o=>o.sheetID!=n.sheetID)])}}))},n.sheetID)),c(A,{className:m("BackgroundWrapper"),transition:"middle",backgroundColor:"dark.opa.few",ssAbsoluteCovered:!0,position:"fixed",freeCSS:{opacity:S?1:0,pointerEvents:"none",zIndex:100}})]})},sheetCategory:t=>t=="custom"?"custom":t.startsWith("drawer")?"drawer":"normal",sheetPosition:t=>t=="drawer.left"?"left":t=="drawer.right"?"right":t=="drawer.bottom"?"bottom":"",Core:t=>{let{val_sheet:e,patch_sheet:a}=t,[f,S]=W(101+y.currentIndex),[n]=W(V()),r=e.type!="custom"&&!e.overwrap;U(()=>{y.currentIndex++,u.scope(()=>{if(!e.closeAtParentBlur)return;let l=u(e.parent);l[0]&&l.addEvent({eventID:"SheetClosation-"+e.sheetID,eventType:"mouseout",callback:()=>{l.removeEvent("SheetClosation-"+e.sheetID),a({isOpen:!1})}})}),x.set({[e.sheetID]:{update:l=>{setTimeout(()=>{a(l)},10)},close:l=>{a({isOpen:!1})},open:()=>{a({isOpen:!0})}}})},[]),U(()=>{u.scope(()=>{let l=Y("#"+n);if(e.isOpen){e.hold_state&&S(y.currentIndex+1),l.await(10).removeClass(m("Hide")).await(10).addClass(m("Open")).callback(()=>{delete y.openQueue[e.sheetID],e.onOpen&&e.onOpen()});return}l.await(10).removeClass(m("Open")).await(251).addClass(m("Hide")).callback(()=>{if(e.onClose&&e.onClose(),r&&H.get().browserIs!="safari"&&u(H.get().appRoot).focus(),e.hold_state)return a({isOpen:!1});t.delete_sheet()})})},[e.isOpen]);let o=y.Types[{topLeft:"Normal",topCenter:"Normal",topRight:"Normal",middleLeft:"Normal",middleCenter:"Normal",middleRight:"Normal",bottomLeft:"Normal",bottomCenter:"Normal",bottomRight:"Normal","drawer.left":"Edge","drawer.right":"Edge","drawer.bottom":"Bottom",custom:"Custom"}[e.type]];return c(A,{className:["AMOTIFY_be",m("Wrap"),m("Tcate_"+y.sheetCategory(e.type)),m("Tpos_"+y.sheetPosition(e.type)),m("isMainSheet_"+r),e.wrapperClassName||""].join(" "),transition:"middle",width:1,ssAbsoluteCovered:!0,position:"fixed",overflow:"auto",freeCSS:{zIndex:f},id:n,children:K(re,{className:m("Content"),gap:0,freeCSS:{minHeight:"100%"},children:[!!r&&c(A,{className:m("TapSensor"),position:"sticky",top:0,height:0,width:1,flexSizing:"none",children:c(A,{backgroundColor:"trans",height:"viewHeight",position:"absolute",top:0,width:1,className:m("TapContent"),onClick:l=>{var I;((I=e.closeAtAroundClick)==null||I)&&k.close(e.sheetID)}})}),c(o,d({componentId:n},e))]})},n)},Types:{Normal:t=>{let O=t,{sheetID:e,sheetGroups:a,bodyScrolls:f,props:S,content:n,className:r="",type:o,size:l="R",freeCSS:i,onOpen:I,onClose:v,closeAtAroundClick:R,closeAtEscapeKeyDown:E,closeAtPageTransit:M,closeAtParentBlur:q,closeAtSwipeDown:Q,hold_state:ee,overwrap:te,isOpen:oe,backgroundEffect:F,wrapperClassName:$}=O,j=G(O,["sheetID","sheetGroups","bodyScrolls","props","content","className","type","size","freeCSS","onOpen","onClose","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect","wrapperClassName"]),P=u.isFunction(n)?c(n,d({},S)):n,D={},b=[];return o.match(/top/)?(b.push("top"),D.marginBottom="auto"):o.match(/middle/)?(b.push("center"),D.marginTop="auto",D.marginBottom="auto"):o.match(/bottom/)&&(b.push("bottom"),D.marginTop="auto"),o.match(/left/i)?(b.push("left"),D.marginRight="auto"):o.match(/center/i)?(b.push("center"),D.marginLeft="auto",D.marginRight="auto"):o.match(/right/i)&&(b.push("right"),D.marginLeft="auto"),c(A,w(d(d({className:[m("BB"),r].join(" "),padding:1,opacity:"trans"},j),D),{freeCSS:d({width:{XS:"22rem",S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100%"}[l],maxWidth:"96vw",transformOrigin:b.join(" ")},i),children:P}))},Edge:t=>{let P=t,{sheetID:e,sheetGroups:a,bodyScrolls:f,type:S,props:n,content:r,className:o="",size:l="R",onOpen:i,onClose:I,closeAtAroundClick:v,closeAtEscapeKeyDown:R,closeAtPageTransit:E,closeAtParentBlur:M,closeAtSwipeDown:q,hold_state:Q,overwrap:ee,isOpen:te,backgroundEffect:oe,wrapperClassName:F}=P,$=G(P,["sheetID","sheetGroups","bodyScrolls","type","props","content","className","size","onOpen","onClose","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect","wrapperClassName"]),j=u.isFunction(r)?c(r,d({},n)):r;return c(A,w(d(w(d({className:[m("BB"),o].join(" ")},S=="drawer.right"?{marginLeft:"auto"}:S=="drawer.left"?{marginRight:"auto"}:{}),{opacity:"trans",position:"relative",backgroundColor:"layer.1",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark"}),$),{freeCSS:d({width:{XS:"16rem",S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"100vw"}[l],maxWidth:"96vw"},$.freeCSS),children:j}))},Bottom:t=>{let Z=t,{componentId:e,sheetID:a,sheetGroups:f,bodyScrolls:S,props:n,content:r,size:o="R",sizeChanged:l,baseStyles:i,onOpen:I,onClose:v,closeAtAroundClick:R,closeAtEscapeKeyDown:E,closeAtPageTransit:M,closeAtParentBlur:q,closeAtSwipeDown:Q=!0,hold_state:ee,overwrap:te,isOpen:oe,backgroundEffect:F,wrapperClassName:$}=Z,j=G(Z,["componentId","sheetID","sheetGroups","bodyScrolls","props","content","size","sizeChanged","baseStyles","onOpen","onClose","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect","wrapperClassName"]),P=u.isFunction(r)?c(r,d({},n)):r,D=u.getScreenSize(),b=[0,.2,.6,.95],O={ZERO:0,XS:1,S:1,R:2,L:3,"2L":3,"3L":3,MAX:3},[X,se]=W(o),[T,B]=W({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:b[O[o]]});const _={Start:C=>{u(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:_.Move,options:{passive:!1}}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:_.Move,options:{passive:!1}}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:_.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:_.End});let g=u.getCursor(C),h=w(d({},T),{process:!0,processStart:new Date().getTime(),originY:g.y,originValue:T.value,viewHeight:u.getScreenSize().height});x.update({[e]:{val_edit:h}}),B(h)},Move:C=>{var N;let g=(N=x.get(e))==null?void 0:N.val_edit;if(!g.process)return;let z=(u.getCursor(C).y-g.originY)/g.viewHeight,s=g.originValue-z;if(s>.95)s=.95+(s-.95)*.5;else if(s<.2){let L=.2-s;L-=.1,s=.1+(.1-L)*.5}return B(w(d({},g),{value:s})),C.preventDefault(),C.stopPropagation(),!1},End:C=>{var s;let g=(s=x.get(e))==null?void 0:s.val_edit;if(!g.process)return;u(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let h=0;if(g.value<.1||(g.value<.5?h=1:g.value>.75?h=3:h=2),new Date().getTime()-g.processStart<300){let N=u.getCursor(C).y-g.originY;if(Math.abs(N)>=20){let L=+(N<0)*2-1;h+=L,h=Math.min(Math.max(h,0),b.length-1)}}h==0&&(Q||(h=1)),se(["ZERO","S","R","L"][h]),B(w(d({},g),{value:b[h],process:!1}))}},J=ce(!1);return U(()=>{J.current?X=="ZERO"?Q&&k.close(a):setTimeout(()=>{t.sizeChanged&&t.sizeChanged(X)},250):J.current=!0},[X]),c(A,{className:m("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,freeCSS:d({maxWidth:12*60,height:D.height*T.value},T.process?{transition:"0s"}:{}),children:K(re,w(d({gap:0,flexSizing:"none",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",borderBottom:"unset",boxShadow:"3.remark",position:"relative",overflow:"hidden",height:1},i),{children:[K(ne.Separate,{padding:1,backgroundColor:"layer.1",position:"relative",freeCSS:{userSelect:"none"},children:[c(A,{ssSphere:2.5}),c(ne.Center,{onPointerDown:_.Start,flexSizing:0,padding:"2/3",ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:c(A,{unitWidth:6,unitHeight:"1/2",backgroundColor:"layer.4",isRounded:!0,className:m("DragBar")})}),c(le.Sub,{color:"cloud",ssSphere:2.5,onClick:()=>{k.close(a)},children:c(ae.X,{})})]}),c(A,w(d({backgroundColor:"layer.1",flexSizing:0,overflow:"auto"},j),{children:P}))]}))})},Custom:t=>{let Z=t,{sheetID:e,sheetGroups:a,bodyScrolls:f,event:S,parent:n,nextToCursor:r,gravityPoint:o=22,props:l,content:i,closeAtAroundClick:I,closeAtEscapeKeyDown:v,closeAtPageTransit:R,closeAtParentBlur:E,closeAtSwipeDown:M,hold_state:q,onOpen:Q,onClose:ee,overwrap:te,isOpen:oe,resize:F,backgroundEffect:$,wrapperClassName:j}=Z,P=G(Z,["sheetID","sheetGroups","bodyScrolls","event","parent","nextToCursor","gravityPoint","props","content","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","onOpen","onClose","overwrap","isOpen","resize","backgroundEffect","wrapperClassName"]),D=u.isFunction(i)?c(i,d({},l)):i,[b]=W(V()),O=u.isElement(n)||u.isJmini(n)?u(n):Y(n),X='[data-sheet-id="'+b+'"]',se='[data-sheet-content="'+b+'"]';o=o;let T=o%5||5,B=Math.ceil(o/5);const _={Init:()=>{if(r&&S){let p=u.getScreenSize(),ie=u.getCursor(S);return{top:ie.y-p.pageYOffset,left:ie.x-p.pageXOffset}}let C={};if(!O||!O[0])return C;let{top:g,right:h,bottom:z,left:s,height:N,width:L}=O.position();return u.isOneOf(T,1,2)?C.left=s:T==3?C.left=s+L/2:u.isOneOf(T,4,5)&&(C.left=h),o<=10?C.top=g:o<=15?C.top=g+N/2:o<=25&&(C.top=z),C},Adjust:()=>{let C=Y(X).position(),g=Y(se).position(),h=O.position(),z=u.getScreenSize(),s={};for(let p in g)s[p]=g[p];if(u.scope(()=>{if(t.nextToCursor)return;let p=0;B==1?p=h.top-s.bottom:B==2?p=h.top-s.top:B==3?p=h.top-s.top+(h.height-s.height)/2:B==4?p=h.bottom-s.bottom:B==5&&(p=h.bottom-s.top),s.top+=p,s.bottom+=p}),u.scope(()=>{if(t.nextToCursor)return;let p=0;T==1?p=h.left-s.right:T==2?p=h.left-s.left:T==3?p=h.left-s.left+(h.width-s.width)/2:T==4?p=h.right-s.right:T==5&&(p=h.right-s.left),s.left+=p,s.right+=p}),s.top<0){let p=-s.top;s.top+=p,s.bottom+=p}if(s.bottom>z.height){let p=s.bottom-z.height;s.top-=p,s.bottom-=p}if(s.left<0){let p=-s.left;s.left+=p,s.right+=p}if(s.right>z.width){let p=s.right-z.width;s.left-=p,s.right-=p}let N=s.top-g.top,L=s.left-g.left;u(X).css({top:C.top+N+"px",left:C.left+L+"px"})}};let[J]=W(_.Init());return U(()=>{Y(X).await(10).addClass(m("Open")).await(200).callback(()=>{(F==null||F)&&_.Adjust()}),x.update({["customSheet-"+t.sheetID]:{reposition:()=>{_.Adjust()}}})},[]),O[0]?c(A,{className:[m("BB"),m("CustomSheet")].join(" "),"data-sheet-id":b,transition:"long",position:"absolute",width:0,height:0,opacity:"trans",flexCenter:!0,freeCSS:J,children:c(he,{position:"absolute",className:[m("GPT"),m("GPT_"+o),m("Col_"+T),m("Row_"+B)].join(" "),children:c(A,w(d({"data-sheet-content":b,flexSizing:"none",maxHeight:"viewHeight"},P),{freeCSS:d({maxWidth:"98vw"},P.freeCSS),children:D}))})}):null}}},k={Wrapper:()=>c(y.Wrapper,{}),Element:t=>{let S=t,{isOpen:e,children:a}=S,f=G(S,["isOpen","children"]);return U(()=>{if(e){k.open(t.type,w(d({},f),{content:a}));return}f.sheetID&&k.close(f.sheetID)},[e,f.props||""]),c(pe,{})},image:(t,e)=>{let a=t.sheetID||V(),n=t,{type:f}=n,S=G(n,["type"]);k.open(f||"topCenter",w(d({size:"MAX"},S),{sheetID:a,freeCSS:{maxWidth:"100vw"},content:()=>{let[r]=W(u.Arrayify(e));return c(ge,{children:K(re,{children:[c(ne.Right,{children:K(le.Sub.S,{color:"cloud",isRounded:!0,onClick:()=>{k.close(a)},children:[c(ae.X,{})," \u9589\u3058\u308B"]})}),c(fe.Layout,{gap:1,gridTemplateColumns:"repeat(3,1fr)",gridTemplateRows:"repeat(2,auto)",gridChildTemplates:[["span 3",0],["span 2","span 2"],[0,0],[0,0],[0,"span 2"],["span 2",0],[0,0],[0,0]],children:r.map((o,l)=>c(de,{ssCardBox:!0,position:"relative",flexCenter:!0,src:o},l))})]})})}}))},open:(t,e,a)=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-"),e.type=t;let f=x.get("Sheet-"+H.get().sessionUID);f&&f.add(e,a)},update:(t,e)=>{t=(t||"").replace(/\./g,"-");let a=x.get(t);a&&a.update&&a.update(e)},customSheet:{reposition:t=>{let e=x.get("customSheet-"+t);e&&e.reposition&&e.reposition()}},close:function(t,e,a){let f=y.getSessionStates();if(!f)return;let{val_sheets:S}=f;t=t==null?void 0:t.replace(/\./g,"-");let n=S.find(o=>o.sheetID==t);if(!n||e=="Escape"&&!n.closeAtEscapeKeyDown)return;let r=x.get(n.sheetID);r&&r.close&&r.close(a)},closeGroup:t=>{let e=y.getSessionStates();if(!e)return;let{val_sheets:a}=e;t=(t||"").replace(/\./g,"-");for(let f of a)f.sheetGroups&&f.sheetGroups==t&&k.close(f.sheetID)},closeAll:t=>{let e=y.getSessionStates();if(!e)return;let{val_sheets:a}=e;for(let f of a)t&&!f.closeAtPageTransit||k.close(f.sheetID,"pageTransit",!0)},Body:t=>c(A,d({className:m("BaseBody"),backgroundColor:"layer.1",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},t))};export{k as Sheet,k as default};
+import{b as d,c as w,d as G}from"../chunk-C5N2D3ZX.js";import{Fragment as pe,jsx as c,jsxs as K}from"react/jsx-runtime";import u,{UUID as V,Time as ue,useStore as T}from"jmini";import{useState as W,useEffect as U,useRef as ce}from"react";import{$$fromRoot as Y,Config as H}from"../@utils";import{Box as A,Flex as he,Img as de,FAI as ae,Column as re,Grid as fe,CacheRender as me}from"../atoms";import{Row as ne}from"../mols";import{Button as le}from"./Button";import{SheetClasses as m}from"../@styles/componentClasses";import ge from"./Plate";const y={currentIndex:0,openQueue:{},getSessionStates:()=>{let t=T.get("sessionStates-"+H.get().sessionUID);return t||null},getnew_sheetstates:t=>{var a;let e=w(d({sheetGroups:t.sheetGroups||[],backgroundEffect:!0,overwrap:t.type=="custom",hold_state:!1,closeAtPageTransit:!0,closeAtEscapeKeyDown:!0,closeAtAroundClick:t.type=="custom",transition:"middle"},t),{sheetID:t.sheetID||V(),isOpen:!0,created_at:ue()});return e.type=="custom"&&(e.parent=e.parent||((a=e.event)==null?void 0:a.currentTarget)),e},Wrapper:()=>{let[t,e]=W([]),a={val_sheets:t,set_sheets:e},f="sessionStates-"+H.get().sessionUID;T.set({[f]:a}),U(()=>{let n="Sheet-"+H.get().sessionUID;T.set({[n]:{add:(r,o)=>{let l=T.get(n);if(!l)return;let i=y.getnew_sheetstates(r);if(y.openQueue[i.sheetID])return;if(y.openQueue[i.sheetID]=!0,o!="inherit"&&(i.isOpen=o!=null?o:!0),!!l.find(i.sheetID)){e(v=>{let D=[...v],E=D.findIndex(M=>M.sheetID==i.sheetID);return E==-1||(D[E]=i),D}),delete y.openQueue[i.sheetID];return}e(v=>[i,...v])},find:r=>{let o=y.getSessionStates();if(!o)return null;let{val_sheets:l}=o;return l.find(i=>i.sheetID==r)}}}),u(H.get().appRoot).removeEvent(["SheetEvent.keyUp","SheetEvent.Click"]).addEvent({eventType:"keyup",eventID:"SheetEvent.keyUp",callback:function(r){let{key:o,metaKey:l}=r;if(o=="Escape"||o==","&&l){let i=y.getSessionStates();if(!i)return;let{val_sheets:I}=i,v=I.filter(E=>E.isOpen);if(!v.length)return;let D=v.reduce((E,M)=>E.created_at.value>M.created_at.value?E:M);k.close(D.sheetID,o)}}}).addEvent({eventType:"click",eventID:"SheetEvent.Click",callback:function(r){let o=y.getSessionStates();if(!o)return;let{val_sheets:l}=o,i=r.target;if(!i||i!=null&&i.closest("."+m("CustomSheet")))return;let I=l.filter(v=>v.type=="custom");I.length&&I.forEach(v=>{let{parent:D}=v;if(!v.closeAtAroundClick)return;let E=Y(D)[0];D!==i&&E!==i&&(u(E).find(i).length||k.close(v.sheetID))})}})},[]);let S=t.some(n=>n.type!="custom"&&!n.overwrap&&n.isOpen);return K(pe,{children:[t.map(n=>c(me,{params:n,forceRender:(r,o)=>r.isOpen!=o.isOpen||r.size!=o.size||!u.isEqual(u.SortifyObject(r.props||""),u.SortifyObject(o.props||"")),children:c(y.Core,w(d({},a),{val_sheet:n,patch_sheet:r=>{e(o=>{let l=[...o],i=l.findIndex(I=>I.sheetID==n.sheetID);return i!=-1&&(l[i]=w(d(d({},l[i]),r),{props:d(d({},l[i].props),r.props)})),l})},delete_sheet:()=>{e(r=>[...r.filter(o=>o.sheetID!=n.sheetID)])}}))},n.sheetID)),c(A,{className:m("BackgroundWrapper"),transition:"middle",backgroundColor:"dark.opa.few",ssAbsoluteCovered:!0,position:"fixed",freeCSS:{opacity:S?1:0,pointerEvents:"none",zIndex:100}})]})},sheetCategory:t=>t=="custom"?"custom":t.startsWith("drawer")?"drawer":"normal",sheetPosition:t=>t=="drawer.left"?"left":t=="drawer.right"?"right":t=="drawer.bottom"?"bottom":"",Core:t=>{let{val_sheet:e,patch_sheet:a}=t,[f,S]=W(101+y.currentIndex),[n]=W(V()),r=e.type!="custom"&&!e.overwrap;U(()=>{y.currentIndex++,u.scope(()=>{if(!e.closeAtParentBlur)return;let l=u(e.parent);l[0]&&l.addEvent({eventID:"SheetClosation-"+e.sheetID,eventType:"mouseout",callback:()=>{l.removeEvent("SheetClosation-"+e.sheetID),a({isOpen:!1})}})}),T.set({[e.sheetID]:{update:l=>{setTimeout(()=>{a(l)},10)},close:l=>{a({isOpen:!1})},open:()=>{a({isOpen:!0})}}})},[]),U(()=>{u.scope(()=>{let l=Y("#"+n);if(e.isOpen){e.hold_state&&S(y.currentIndex+1),l.await(10).removeClass(m("Hide")).await(10).addClass(m("Open")).callback(()=>{delete y.openQueue[e.sheetID],e.onOpen&&e.onOpen()});return}l.await(10).removeClass(m("Open")).await(251).addClass(m("Hide")).callback(()=>{if(e.onClose&&e.onClose(),r&&H.get().browserIs!="safari"&&u(H.get().appRoot).focus(),e.hold_state)return a({isOpen:!1});t.delete_sheet()})})},[e.isOpen]);let o=y.Types[{topLeft:"Normal",topCenter:"Normal",topRight:"Normal",middleLeft:"Normal",middleCenter:"Normal",middleRight:"Normal",bottomLeft:"Normal",bottomCenter:"Normal",bottomRight:"Normal","drawer.left":"Edge","drawer.right":"Edge","drawer.bottom":"Bottom",custom:"Custom"}[e.type]];return c(A,{className:["AMOTIFY_be",m("Wrap"),m("Tcate_"+y.sheetCategory(e.type)),m("Tpos_"+y.sheetPosition(e.type)),m("isMainSheet_"+r),e.wrapperClassName||""].join(" "),transition:"middle",width:1,ssAbsoluteCovered:!0,position:"fixed",overflow:"auto",freeCSS:{zIndex:f},id:n,children:K(re,{className:m("Content"),gap:0,freeCSS:{minHeight:"100%"},children:[!!r&&c(A,{className:m("TapSensor"),position:"sticky",top:0,height:0,width:1,flexSizing:"none",children:c(A,{backgroundColor:"trans",height:"viewHeight",position:"absolute",top:0,width:1,className:m("TapContent"),onClick:l=>{var I;((I=e.closeAtAroundClick)==null||I)&&k.close(e.sheetID)}})}),c(o,d({componentId:n},e))]})},n)},Types:{Normal:t=>{let P=t,{sheetID:e,sheetGroups:a,bodyScrolls:f,props:S,content:n,className:r="",type:o,size:l="R",freeCSS:i,onOpen:I,onClose:v,closeAtAroundClick:D,closeAtEscapeKeyDown:E,closeAtPageTransit:M,closeAtParentBlur:q,closeAtSwipeDown:Q,hold_state:ee,overwrap:te,isOpen:oe,backgroundEffect:F,wrapperClassName:$}=P,j=G(P,["sheetID","sheetGroups","bodyScrolls","props","content","className","type","size","freeCSS","onOpen","onClose","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect","wrapperClassName"]),B=u.isFunction(n)?c(n,d({},S)):n,x={},b=[];return o.match(/top/)?(b.push("top"),x.marginBottom="auto"):o.match(/middle/)?(b.push("center"),x.marginTop="auto",x.marginBottom="auto"):o.match(/bottom/)&&(b.push("bottom"),x.marginTop="auto"),o.match(/left/i)?(b.push("left"),x.marginRight="auto"):o.match(/center/i)?(b.push("center"),x.marginLeft="auto",x.marginRight="auto"):o.match(/right/i)&&(b.push("right"),x.marginLeft="auto"),c(A,w(d(d({className:[m("BB"),r].join(" "),padding:1,opacity:"trans"},j),x),{freeCSS:d({width:{XS:"22rem",S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100%"}[l],maxWidth:"96vw",transformOrigin:b.join(" ")},i),children:B}))},Edge:t=>{let B=t,{sheetID:e,sheetGroups:a,bodyScrolls:f,type:S,props:n,content:r,className:o="",size:l="R",onOpen:i,onClose:I,closeAtAroundClick:v,closeAtEscapeKeyDown:D,closeAtPageTransit:E,closeAtParentBlur:M,closeAtSwipeDown:q,hold_state:Q,overwrap:ee,isOpen:te,backgroundEffect:oe,wrapperClassName:F}=B,$=G(B,["sheetID","sheetGroups","bodyScrolls","type","props","content","className","size","onOpen","onClose","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect","wrapperClassName"]),j=u.isFunction(r)?c(r,d({},n)):r;return c(A,w(d(w(d({className:[m("BB"),o].join(" ")},S=="drawer.right"?{marginLeft:"auto"}:S=="drawer.left"?{marginRight:"auto"}:{}),{opacity:"trans",position:"relative",backgroundColor:"layer.1",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark"}),$),{freeCSS:d({width:{XS:"16rem",S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"100vw"}[l],maxWidth:"96vw"},$.freeCSS),children:j}))},Bottom:t=>{let Z=t,{componentId:e,sheetID:a,sheetGroups:f,bodyScrolls:S,props:n,content:r,size:o="R",sizeChanged:l,baseStyles:i,onOpen:I,onClose:v,closeAtAroundClick:D,closeAtEscapeKeyDown:E,closeAtPageTransit:M,closeAtParentBlur:q,closeAtSwipeDown:Q=!0,hold_state:ee,overwrap:te,isOpen:oe,backgroundEffect:F,wrapperClassName:$}=Z,j=G(Z,["componentId","sheetID","sheetGroups","bodyScrolls","props","content","size","sizeChanged","baseStyles","onOpen","onClose","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect","wrapperClassName"]),B=u.isFunction(r)?c(r,d({},n)):r,x=u.getScreenSize(),b=[0,.2,.6,.95],P={ZERO:0,XS:1,S:1,R:2,L:3,"2L":3,"3L":3,MAX:3},[X,se]=W(o),[R,O]=W({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:b[P[o]]});const _={Start:C=>{u(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:_.Move,options:{passive:!1}}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:_.Move,options:{passive:!1}}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:_.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:_.End});let g=u.getCursor(C),h=w(d({},R),{process:!0,processStart:new Date().getTime(),originY:g.y,originValue:R.value,viewHeight:u.getScreenSize().height});T.update({[e]:{val_edit:h}}),O(h)},Move:C=>{var N;let g=(N=T.get(e))==null?void 0:N.val_edit;if(!g.process)return;let z=(u.getCursor(C).y-g.originY)/g.viewHeight,s=g.originValue-z;if(s>.95)s=.95+(s-.95)*.5;else if(s<.2){let L=.2-s;L-=.1,s=.1+(.1-L)*.5}return O(w(d({},g),{value:s})),C.preventDefault(),C.stopPropagation(),!1},End:C=>{var s;let g=(s=T.get(e))==null?void 0:s.val_edit;if(!g.process)return;u(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let h=0;if(g.value<.1||(g.value<.5?h=1:g.value>.75?h=3:h=2),new Date().getTime()-g.processStart<300){let N=u.getCursor(C).y-g.originY;if(Math.abs(N)>=20){let L=+(N<0)*2-1;h+=L,h=Math.min(Math.max(h,0),b.length-1)}}h==0&&(Q||(h=1)),se(["ZERO","S","R","L"][h]),O(w(d({},g),{value:b[h],process:!1}))}},J=ce(!1);return U(()=>{J.current?X=="ZERO"?Q&&k.close(a):setTimeout(()=>{t.sizeChanged&&t.sizeChanged(X)},250):J.current=!0},[X]),c(A,{className:m("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,freeCSS:d({maxWidth:12*60,height:x.height*R.value},R.process?{transition:"0s"}:{}),children:K(re,w(d({gap:0,flexSizing:"none",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",borderBottom:"unset",boxShadow:"3.remark",position:"relative",overflow:"hidden",height:1},i),{children:[K(ne.Separate,{padding:1,backgroundColor:"layer.1",position:"relative",freeCSS:{userSelect:"none"},children:[c(A,{ssSphere:2.5}),c(ne.Center,{onPointerDown:_.Start,flexSizing:0,padding:"2/3",ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:c(A,{unitWidth:6,unitHeight:"1/2",backgroundColor:"layer.4",isRounded:!0,className:m("DragBar")})}),c(le.Sub,{color:"cloud",ssSphere:2.5,onClick:()=>{k.close(a)},children:c(ae.X,{})})]}),c(A,w(d({backgroundColor:"layer.1",flexSizing:0,overflow:"auto"},j),{children:B}))]}))})},Custom:t=>{let Z=t,{sheetID:e,sheetGroups:a,bodyScrolls:f,event:S,parent:n,nextToCursor:r,gravityPoint:o=22,props:l,content:i,closeAtAroundClick:I,closeAtEscapeKeyDown:v,closeAtPageTransit:D,closeAtParentBlur:E,closeAtSwipeDown:M,hold_state:q,onOpen:Q,onClose:ee,overwrap:te,isOpen:oe,resize:F,backgroundEffect:$,wrapperClassName:j}=Z,B=G(Z,["sheetID","sheetGroups","bodyScrolls","event","parent","nextToCursor","gravityPoint","props","content","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","onOpen","onClose","overwrap","isOpen","resize","backgroundEffect","wrapperClassName"]),x=u.isFunction(i)?c(i,d({},l)):i,[b]=W(V()),P=u.isElement(n)||u.isJmini(n)?u(n):Y(n),X='[data-sheet-id="'+b+'"]',se='[data-sheet-content="'+b+'"]';o=o;let R=o%5||5,O=Math.ceil(o/5);const _={Init:()=>{if(r&&S){let p=u.getScreenSize(),ie=u.getCursor(S);return{top:ie.y-p.pageYOffset,left:ie.x-p.pageXOffset}}let C={};if(!P||!P[0])return C;let{top:g,right:h,bottom:z,left:s,height:N,width:L}=P.position();return u.isOneOf(R,1,2)?C.left=s:R==3?C.left=s+L/2:u.isOneOf(R,4,5)&&(C.left=h),o<=10?C.top=g:o<=15?C.top=g+N/2:o<=25&&(C.top=z),C},Adjust:()=>{let C=Y(X).position(),g=Y(se).position(),h=P.position(),z=u.getScreenSize(),s={};for(let p in g)s[p]=g[p];if(u.scope(()=>{if(t.nextToCursor)return;let p=0;O==1?p=h.top-s.bottom:O==2?p=h.top-s.top:O==3?p=h.top-s.top+(h.height-s.height)/2:O==4?p=h.bottom-s.bottom:O==5&&(p=h.bottom-s.top),s.top+=p,s.bottom+=p}),u.scope(()=>{if(t.nextToCursor)return;let p=0;R==1?p=h.left-s.right:R==2?p=h.left-s.left:R==3?p=h.left-s.left+(h.width-s.width)/2:R==4?p=h.right-s.right:R==5&&(p=h.right-s.left),s.left+=p,s.right+=p}),s.top<0){let p=-s.top;s.top+=p,s.bottom+=p}if(s.bottom>z.height){let p=s.bottom-z.height;s.top-=p,s.bottom-=p}if(s.left<0){let p=-s.left;s.left+=p,s.right+=p}if(s.right>z.width){let p=s.right-z.width;s.left-=p,s.right-=p}let N=s.top-g.top,L=s.left-g.left;u(X).css({top:C.top+N+"px",left:C.left+L+"px"})}};let[J]=W(_.Init());return U(()=>{Y(X).await(10).addClass(m("Open")).await(200).callback(()=>{(F==null||F)&&_.Adjust()}),T.update({["customSheet-"+t.sheetID]:{reposition:()=>{_.Adjust()}}})},[]),P[0]?c(A,{className:[m("BB"),m("CustomSheet")].join(" "),"data-sheet-id":b,transition:"long",position:"absolute",width:0,height:0,opacity:"trans",flexCenter:!0,freeCSS:J,children:c(he,{position:"absolute",className:[m("GPT"),m("GPT_"+o),m("Col_"+R),m("Row_"+O)].join(" "),children:c(A,w(d({"data-sheet-content":b,flexSizing:"none",maxHeight:"viewHeight"},B),{freeCSS:d({maxWidth:"98vw"},B.freeCSS),children:x}))})}):null}}},k={Wrapper:()=>c(y.Wrapper,{}),Element:t=>{let S=t,{isOpen:e,children:a}=S,f=G(S,["isOpen","children"]);return U(()=>{if(e){k.open(t.type,w(d({},f),{content:a}));return}f.sheetID&&k.close(f.sheetID)},[e,f.props||""]),c(pe,{})},image:(t,e)=>{let a=t.sheetID||V(),n=t,{type:f}=n,S=G(n,["type"]);k.open(f||"topCenter",w(d({size:"MAX"},S),{sheetID:a,freeCSS:{maxWidth:"100vw"},content:()=>{let[r]=W(u.Arrayify(e));return c(ge,{children:K(re,{children:[c(ne.Right,{children:K(le.Sub.S,{color:"cloud",isRounded:!0,onClick:()=>{k.close(a)},children:[c(ae.X,{})," \u9589\u3058\u308B"]})}),c(fe.Layout,{gap:1,gridTemplateColumns:"repeat(3,1fr)",gridTemplateRows:"repeat(2,auto)",gridChildTemplates:[["span 3",0],["span 2","span 2"],[0,0],[0,0],[0,"span 2"],["span 2",0],[0,0],[0,0]],children:r.map((o,l)=>c(de,{ssCardBox:!0,position:"relative",flexCenter:!0,src:o},l))})]})})}}))},open:(t,e,a)=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-"),e.type=t;let f=T.get("Sheet-"+H.get().sessionUID);f&&f.add(e,a)},update:(t,e)=>{t=(t||"").replace(/\./g,"-");let a=T.get(t);a&&a.update&&a.update(e)},customSheet:{reposition:t=>{let e=T.get("customSheet-"+t);e&&e.reposition&&e.reposition()}},close:function(t,e,a){let f=y.getSessionStates();if(!f)return;let{val_sheets:S}=f;t=t==null?void 0:t.replace(/\./g,"-");let n=S.find(o=>o.sheetID==t);if(!n||e=="Escape"&&!n.closeAtEscapeKeyDown)return;let r=T.get(n.sheetID);r&&r.close&&r.close(a)},closeGroup:t=>{let e=y.getSessionStates();if(!e)return;let{val_sheets:a}=e;t=(t||"").replace(/\./g,"-");for(let f of a)f.sheetGroups&&f.sheetGroups==t&&k.close(f.sheetID)},closeAll:t=>{let e=y.getSessionStates();if(!e)return;let{val_sheets:a}=e;for(let f of a)t&&!f.closeAtPageTransit||k.close(f.sheetID,"pageTransit",!0)},Body:t=>c(A,d({className:m("BaseBody"),backgroundColor:"layer.1",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},t))};export{k as Sheet,k as default};

package/dist/fn/SwipeView.d.ts

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

package/dist/fn/SwipeView.js

@@ -1 +1 @@
-import{b as w,c as m,d as D}from"../chunk-C5N2D3ZX.js";import{jsx as T}from"react/jsx-runtime";import p,{UUID as P}from"jmini";import{useState as V,useEffect as k,useRef as X}from"react";import{$$fromRoot as y}from"../@utils";import{Box as L,Flex as j}from"../atoms";import{LayoutClasses as a}from"../@styles/componentClasses";const _=t=>{let M=t,{options:{onSlideCallback:e,visibilitySurroundSlide:u=!0,autoSwipems:o=0,loop:s=!1,disableMousedrag:n=!1,disableTouch:l=!1}={},wrapper:i=r=>r,slides:S=[],slideIndex:B}=M,g=D(M,["options","wrapper","slides","slideIndex"]),[h]=V(P()),[d,b]=V({eventType:"init",index:t.slideIndex});const C=X(!1);k(()=>{b({eventType:"usr",index:t.slideIndex}),C.current||(C.current=!0)},[t.slideIndex]),k(()=>{let r=d.index+(s?1:0),v=p.isOneOf(d.index,-1,S.length);v||e&&setTimeout(()=>{e(d.index)},300);let E=y("#Swiper-"+h);if(d.eventType=="adjustLoop")E.await(250).css({transition:"0s",transform:x(r)}).children().removeClass(a("Display")).parent().children(r).addClass([a("Display"),a("LoopAdjusting")]).await(100).removeClass(a("LoopAdjusting"));else if(d.eventType=="sys")E.await(250).css({transform:x(r)}).children().removeClass(a("Display")).parent().children(r).addClass(a("Display"));else if(E.children().removeClass(a("Display")).parent().children(r).addClass(a("Display")).parent().css({transition:"0.3s",transform:x(r)}).await(250).css({transition:"0s"}),v){let f=d.index==-1?S.length-1:0;b({eventType:"adjustLoop",index:f})}o&&!v&&p.interval.once(()=>{let f=d.index+1;!s&&f>S.length-1&&(f=0),b({eventType:"usr",index:f})},o-(d.eventType=="sys"?310:0),"SwipeTimer-"+h)},[d]);let c=S.map((r,v)=>T(L,{flexSizing:"none",width:1,height:0,className:a("Child"),children:i(r)},v));s&&(c.push(m(w({},c[0]),{key:c[0].key+"-Shallow0"})),c.unshift(m(w({},c[c.length-2]),{key:c[c.length-2].key+"-Shallow0"})));let A={x:0,y:0,process:!1,effectStartAt:0,id:h,loop:s,index:d.index,minIndex:s?-1:0,maxIndex:S.length+(s?1:-1),width:0,set_event:b},N=d.index+ +!!s;return T(L,m(w({overflow:"hidden",position:"relative"},g),{className:[g.className,a("SwipeView")].join(" "),freeCSS:w({zIndex:1},g.freeCSS),"data-swipe-id":h,onPointerDown:r=>{if(r.pointerType=="touch"){if(l)return}else if(r.pointerType=="mouse"&&(n||r.buttons!=1))return;I.Start(r,A)},children:T(j,{flexWrap:!1,gap:1,transition:"long",className:[a("Rail"),a("ShowOther_"+u)].join(" "),id:"Swiper-"+h,freeCSS:w({},C.current?{}:{transform:x(N)}),children:c})}))},x=t=>`translateX( calc( ${-100*t}%  - ${12*t}px ) )`,I={Start:(t,e)=>{let{x:u,y:o}=p.getCursor(t),s=t.currentTarget,n=t.target;if(p.isOneOf(n.tagName,"SELECT","BUTTON","LABEL","INPUT"))return;e=m(w({},e),{x:u-e.x+window.scrollX,y:o-e.y+window.scrollY,effectStartAt:new Date().getTime(),width:y("#Swiper-"+e.id).position().width});let{swipeId:l}=s.dataset;l==e.id&&p(document).addEvent({eventID:"SwipeView.PointerMove",eventType:"pointermove",callback:i=>{I.Check(i,e)},options:{passive:!1}}).addEvent({eventID:"SwipeView.PointerUp",eventType:"pointerup",callback:i=>{I.End(i,e)},options:{passive:!1}})},Check:(t,e)=>{if(e.process)return;let{x:u,y:o}=p.getCursor(t),s=Math.abs(u-e.x+window.scrollX),n=Math.abs(o-e.y+window.scrollY);if(!(t.touches&&t.touches.length>1)&&!(n+s<15))if(n>s/2)p(document).removeEvent(["SwipeView.PointerMove"]);else{e.process=!0;let l=e.index+(e.loop?1:0);y("#Swiper-"+e.id).children(l-1).addClass(a("Display")),p(document).addEvent({eventID:"SwipeView.Check.MouseMove",eventType:"mousemove",callback:i=>{I.Move(i,e)},options:{passive:!1}}).addEvent({eventID:"SwipeView.Check.TouchMove",eventType:"touchmove",callback:i=>{I.Move(i,e)},options:{passive:!1}}),t.preventDefault();return}},Move:(t,e)=>{if(t.touches&&t.touches.length>1)return;let{x:u}=p.getCursor(t),o=u-e.x+window.scrollX,n=e.index+(e.loop?1:0)-o/e.width;if(n<0)n/=2;else if(n>e.maxIndex){let l=n-e.maxIndex;n=e.maxIndex+l/2}y("#Swiper-"+e.id).css({transition:"0s",transform:x(n)}),t.preventDefault()},End:(t,e)=>{if(e.process){let o=p.getCursor(t).x-e.x+window.scrollX,s=new Date().getTime(),n=s-e.effectStartAt,l=e.index+(e.loop?1:0),i=0;n<400?i=l-(+(o>0)*2-1):i=Math.round(l-o/e.width),i=Math.max(Math.min(i,e.maxIndex),e.minIndex),e.process=!1,l===i?(e.effectStartAt=s,y("#Swiper-"+e.id).css({transition:".2s",transform:x(i)}).await(310).css({transition:"0s"}).children().removeClass(a("Display")).parent().children(l).addClass(a("Display"))):e.set_event({eventType:"usr",index:i+e.minIndex})}p(document).removeEvent(["SwipeView.PointerMove","SwipeView.Check.MouseMove","SwipeView.Check.TouchMove","SwipeView.PointerUp"])}},R=t=>T(_,m(w({},t),{slideIndex:Math.max(Math.min(t.slideIndex,t.slides.length-1),0)}));export{R as SwipeView,R as default};
+import{b as w,c as m,d as D}from"../chunk-C5N2D3ZX.js";import{jsx as T}from"react/jsx-runtime";import p,{UUID as N}from"jmini";import{useState as V,useEffect as k,useRef as X}from"react";import{$$fromRoot as y}from"../@utils";import{Box as L,Flex as j}from"../atoms";import{LayoutClasses as a}from"../@styles/componentClasses";const _=t=>{let M=t,{options:{onSlideCallback:e,visibilitySurroundSlide:u=!0,autoSwipems:o=0,loop:s=!1,disableMousedrag:n=!1,disableTouch:l=!1}={},wrapper:i=r=>r,slides:S=[],slideIndex:B}=M,C=D(M,["options","wrapper","slides","slideIndex"]),[h]=V(N()),[d,b]=V({eventType:"init",index:t.slideIndex});const g=X(!1);k(()=>{b({eventType:"usr",index:t.slideIndex}),g.current||(g.current=!0)},[t.slideIndex]),k(()=>{let r=d.index+(s?1:0),v=p.isOneOf(d.index,-1,S.length);v||e&&setTimeout(()=>{e(d.index)},300);let E=y("#Swiper-"+h);if(d.eventType=="adjustLoop")E.await(250).css({transition:"0s",transform:x(r)}).children().removeClass(a("Display")).parent().children(r).addClass([a("Display"),a("LoopAdjusting")]).await(100).removeClass(a("LoopAdjusting"));else if(d.eventType=="sys")E.await(250).css({transform:x(r)}).children().removeClass(a("Display")).parent().children(r).addClass(a("Display"));else if(E.children().removeClass(a("Display")).parent().children(r).addClass(a("Display")).parent().css({transition:"0.3s",transform:x(r)}).await(250).css({transition:"0s"}),v){let f=d.index==-1?S.length-1:0;b({eventType:"adjustLoop",index:f})}o&&!v&&p.interval.once(()=>{let f=d.index+1;!s&&f>S.length-1&&(f=0),b({eventType:"usr",index:f})},o-(d.eventType=="sys"?310:0),"SwipeTimer-"+h)},[d]);let c=S.map((r,v)=>T(L,{flexSizing:"none",width:1,height:0,className:a("Child"),children:i(r)},v));s&&(c.push(m(w({},c[0]),{key:c[0].key+"-Shallow0"})),c.unshift(m(w({},c[c.length-2]),{key:c[c.length-2].key+"-Shallow0"})));let P={x:0,y:0,process:!1,effectStartAt:0,id:h,loop:s,index:d.index,minIndex:s?-1:0,maxIndex:S.length+(s?1:-1),width:0,set_event:b},A=d.index+ +!!s;return T(L,m(w({overflow:"hidden",position:"relative"},C),{className:[C.className,a("SwipeView")].join(" "),freeCSS:w({zIndex:1},C.freeCSS),"data-swipe-id":h,onPointerDown:r=>{if(r.pointerType=="touch"){if(l)return}else if(r.pointerType=="mouse"&&(n||r.buttons!=1))return;I.Start(r,P)},children:T(j,{flexWrap:!1,gap:1,transition:"long",className:[a("Rail"),a("ShowOther_"+u)].join(" "),id:"Swiper-"+h,freeCSS:w({},g.current?{}:{transform:x(A)}),children:c})}))},x=t=>`translateX( calc( ${-100*t}%  - ${12*t}px ) )`,I={Start:(t,e)=>{let{x:u,y:o}=p.getCursor(t),s=t.currentTarget,n=t.target;if(p.isOneOf(n.tagName,"SELECT","BUTTON","LABEL","INPUT"))return;e=m(w({},e),{x:u-e.x+window.scrollX,y:o-e.y+window.scrollY,effectStartAt:new Date().getTime(),width:y("#Swiper-"+e.id).position().width});let{swipeId:l}=s.dataset;l==e.id&&p(document).addEvent({eventID:"SwipeView.PointerMove",eventType:"pointermove",callback:i=>{I.Check(i,e)},options:{passive:!1}}).addEvent({eventID:"SwipeView.PointerUp",eventType:"pointerup",callback:i=>{I.End(i,e)},options:{passive:!1}})},Check:(t,e)=>{if(e.process)return;let{x:u,y:o}=p.getCursor(t),s=Math.abs(u-e.x+window.scrollX),n=Math.abs(o-e.y+window.scrollY);if(!(t.touches&&t.touches.length>1)&&!(n+s<15))if(n>s/2)p(document).removeEvent(["SwipeView.PointerMove"]);else{e.process=!0;let l=e.index+(e.loop?1:0);y("#Swiper-"+e.id).children(l-1).addClass(a("Display")),p(document).addEvent({eventID:"SwipeView.Check.MouseMove",eventType:"mousemove",callback:i=>{I.Move(i,e)},options:{passive:!1}}).addEvent({eventID:"SwipeView.Check.TouchMove",eventType:"touchmove",callback:i=>{I.Move(i,e)},options:{passive:!1}}),t.preventDefault();return}},Move:(t,e)=>{if(t.touches&&t.touches.length>1)return;let{x:u}=p.getCursor(t),o=u-e.x+window.scrollX,n=e.index+(e.loop?1:0)-o/e.width;if(n<0)n/=2;else if(n>e.maxIndex){let l=n-e.maxIndex;n=e.maxIndex+l/2}y("#Swiper-"+e.id).css({transition:"0s",transform:x(n)}),t.preventDefault()},End:(t,e)=>{if(e.process){let o=p.getCursor(t).x-e.x+window.scrollX,s=new Date().getTime(),n=s-e.effectStartAt,l=e.index+(e.loop?1:0),i=0;n<400?i=l-(+(o>0)*2-1):i=Math.round(l-o/e.width),i=Math.max(Math.min(i,e.maxIndex),e.minIndex),e.process=!1,l===i?(e.effectStartAt=s,y("#Swiper-"+e.id).css({transition:".2s",transform:x(i)}).await(310).css({transition:"0s"}).children().removeClass(a("Display")).parent().children(l).addClass(a("Display"))):e.set_event({eventType:"usr",index:i+e.minIndex})}p(document).removeEvent(["SwipeView.PointerMove","SwipeView.Check.MouseMove","SwipeView.Check.TouchMove","SwipeView.PointerUp"])}},R=t=>T(_,m(w({},t),{slideIndex:Math.max(Math.min(t.slideIndex,t.slides.length-1),0)}));export{R as SwipeView,R as default};