amotify 0.2.273 → 0.2.276

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

@@ -1,13 +1,13 @@
 /// <reference types="react" />
 import { StyleTags, ReactElement } from '../../@declares';
-import { KeyValueDict } from 'jmini';
+import { Records } from 'jmini';
 import { InputTypes } from '.';
 declare namespace List {
     type Type = 'radio' | 'checkbox';
     type IconType = Type;
     type Tone = 'normal' | 'border' | 'cloud' | 'plain';
     type Size = 'small' | 'regular' | 'large';
-    type Value<T = any> = T extends infer V ? V : string | number | boolean | KeyValueDict | void | null;
+    type Value<T = any> = T extends infer V ? V : string | number | boolean | Records | void | null;
     type Input<T = Value, O = T> = InputTypes.CoreInput<O> & {
         type?: Type;
         tone?: Tone;

package/dist/fn/Input/List.js

@@ -1 +1 @@
-import{b as o,c as m,d as z}from"../../chunk-C5N2D3ZX.js";import{jsx as a}from"react/jsx-runtime";import p,{UUID as F}from"jmini";import{useState as ie}from"react";import{$$fromRoot as ae,GenerateHTMLProps as ne}from"../../@utils";import{Box as I,Flex as se,FAI as re,Span as ce}from"../../atoms";import{Button as ue}from"../Button";import{OptionalInputWrapper as de,BoxWrapper as me,CoreEffects as B}from"./core";import{InputListClasses as T}from"../../@styles/componentClasses";function pe(t){let{value:l,states:i}=t,{type:e,required:s,min:n,max:C}=i;n=n||0,C=C||65535;let c=[],S=l.length;return s&&(S||e=="radio"&&c.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"})),S<n&&c.push({type:"invalid",label:n+"\u500B\u4EE5\u4E0A\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044"}),S>C&&c.push({type:"invalid",label:C+"\u500B\u307E\u3067\u9078\u629E\u3067\u304D\u307E\u3059"}),{ok:!c.filter(({type:V})=>V=="invalid").length,notice:c}}const h={InitOptions:t=>{let l=[];return t.forEach(i=>{if(!i)return;let{label:e,value:s}=i;p.is.nullish(e)&&(e=String(s)),l.push(m(o({},i),{label:e,value:s}))}),l},OptionalListWrapper:t=>{let{value:l,options:i=[]}=t,e=p.is.exist(l)?p.Arrayify(l):[],s=[];return e.forEach(n=>{i.findIndex(c=>p.is.equal(c.value,n))!=-1&&s.push(n)}),a(h.Core,m(o({},t),{value:s,options:i}))},Core:t=>{let g=t,{type:l,tone:i,required:e,componentId:s="",form:n,override:C,icon:c,iconType:S,iconSize:V,iconPosition:J,iconColor:v,CustomIcon:P,enableFormSubmit:X,checkValidationAtFirst:A,onValidate:$,onValidateDelay:N,onUpdateValue:U,onUpdateValidValue:W,onUserAction:H,value:f,options:q,className:K,cellStyles:j,cellClassName:G,cellCheckedStyles:Q,cellCheckedClassName:E,min:u,max:R,hideInput:b,freeCSS:Y,wrapStyles:x}=g,Z=z(g,["type","tone","required","componentId","form","override","icon","iconType","iconSize","iconPosition","iconColor","CustomIcon","enableFormSubmit","checkValidationAtFirst","onValidate","onValidateDelay","onUpdateValue","onUpdateValidValue","onUserAction","value","options","className","cellStyles","cellClassName","cellCheckedStyles","cellCheckedClassName","min","max","hideInput","freeCSS","wrapStyles"]),[O,L]=ie(B.DefaultStatus(s,f));return B.CommonEffects({type:"list."+l,states:t,val_status:O,set_status:L,SystemValidation:pe}),a(me,{val_status:O,set_status:L,states:t,children:a(h.List,{rootStates:t,val_status:O,set_status:L})})},List:t=>{let{rootStates:l,val_status:i,set_status:e}=t,{componentId:s,type:n,tone:C,icon:c,iconSize:S,iconColor:V,isChecker:J,options:v,name:P,form:X,tabIndex:A,hideInput:$,disabled:N,className:U,cellStyles:W,cellClassName:H="",cellCheckedStyles:f,cellCheckedClassName:q="",enableFormSubmit:K}=l,j=l.CustomIcon,G=v.map((Q,E)=>{let oe=Q,{value:u,label:R,disabled:b,className:Y="",checkedStyles:x,checkedClassName:Z="",freeCSS:O}=oe,L=z(oe,["value","label","disabled","className","checkedStyles","checkedClassName","freeCSS"]),g=F(),w=i.rawValue.findIndex(r=>r===u||p.is.equal(r,u))!=-1,y=o(o({},W),L),D=[T("Label"),H,Y];w&&(y=m(o(o(o({},y),f),x),{freeCSS:o(o(o({},y==null?void 0:y.freeCSS),f==null?void 0:f.freeCSS),x==null?void 0:x.freeCSS)}),D=[...D,q,Z]);const ee=()=>{if(N||b)return;let r=[];if(n=="radio")r=[u];else if(n=="checkbox"||J)if(!w)r=[...i.rawValue,u];else{let d=[...i.rawValue];d.splice(i.rawValue.findIndex(_=>_==u),1),r=d}e(d=>m(o({},d),{rawValue:r,eventType:"update",eventID:F(12),isInspected:!1}))};let te=[a(ce,{position:"relative",freeCSS:{zIndex:2},flexSizing:0,children:p.is.string(R)?a(I,{children:R}):R},"content")];return c&&te[l.iconPosition=="right"?"push":"unshift"](a(j,{isChecked:w,iconSize:S,iconColor:V,toggle:ee},"icon")),[a(I,{htmlTag:"input",type:n=="radio"?"radio":"checkbox",className:T("Input"),name:"RadioCheckbox-"+P,"data-list-index":s+"-"+E,id:g,value:String(u),disabled:N||b,checked:w,onFocus:r=>{b||n=="radio"&&(i.rawValue.length||e(d=>m(o({},d),{rawValue:[u],eventType:"update",eventID:F(12),isInspected:!1})))},onChange:()=>{ee()},onKeyDown:r=>{let{key:d,shiftKey:_}=r;if((n=="checkbox"||t.rootStates.isChecker)&&d!="Tab"){if(d.match(/Arrow/)){r.preventDefault();let le=p.is.oneOf(d,"ArrowLeft","ArrowUp")?-1:1,k=E+le;k<0?k=v.length-1:k>=v.length&&(k=0),ae(`input[data-list-index="${s}-${k}"]`).focus()}}K&&B.SubmitForm(r,X)},tabIndex:A},"List-"+p.Stringify(u)),a(I,m(o({htmlTag:"label","data-disabled":N||b,htmlFor:g,className:D.join(" "),tabIndex:-1,display:"flex",verticalAlign:"center",flexWrap:!1},y),{children:te}),"ListTrigger-"+p.Stringify(u))]});return a(se,{flexSizing:"auto",style:l.style,freeCSS:o({},l.freeCSS),className:[U,T("CellBase"),T("HideInput_"+$),T("IconIndicator_"+!!c),T("Tone_"+C)].join(" "),children:G})},_Icon:t=>{let l=1.5;return t.iconSize=="small"?l=1.2:t.iconSize=="large"&&(l=2),a(ue.Normal,{ssPushable:!0,color:"cloud",tabIndex:-1,ssEffectsOnActive:"ripple.cloud",ssSphere:2,freeCSS:{transform:`scale(${l})`},onClick:i=>{i.preventDefault(),i.stopPropagation(),t.toggle()},children:t.children})},RadioIcon:t=>a(h._Icon,m(o({type:"radio"},t),{children:a(I,{flexCenter:!0,isRounded:!0,border:t.isChecked?"0.trans":"3.thick",borderColor:t.isChecked?t.iconColor:"3.thick",position:"relative",transition:"middle",freeCSS:{width:"50%",height:"50%"},children:a(I,{position:"absolute",transition:"middle",isRounded:!0,backgroundColor:t.iconColor,opacity:t.isChecked?"max":"trans",freeCSS:{width:"60%",height:"60%",transform:t.isChecked?"scale(1)":"scale(.4)"}})})})),CheckboxIcon:t=>a(h._Icon,m(o({type:"checkbox"},t),{children:a(I,{flexCenter:!0,boxShadow:t.isChecked?"0.remark":"none",border:t.isChecked?"0.trans":"3.thick",backgroundColor:t.isChecked?t.iconColor:"trans",position:"relative",transition:"middle",fontColor:"white",freeCSS:{borderRadius:"25%",padding:"4%",width:"50%",height:"50%"},children:a(re.Check,{transition:"middle",opacity:t.isChecked?"max":"trans",freeCSS:{zIndex:8,width:"100%",height:"100%",transform:t.isChecked?"scale(1)":"scale(.5)"}})})}))},M=t=>{t=t||"checkbox";const l=e=>(e=m(o({gap:1,icon:!0,iconSize:"regular",iconType:t=="radio"?"radio":"checkbox",iconPosition:"left",iconColor:"theme"},e),{type:t,cellStyles:o({gap:"1/6",position:"relative",borderRadius:"2.tone.secondary",transition:"middle"},e.cellStyles)}),e.CustomIcon||(e.iconType=="radio"?e.CustomIcon=h.RadioIcon:e.iconType=="checkbox"&&(e.CustomIcon=h.CheckboxIcon)),e.iconSize=="small"?e.cellStyles.gap=0:e.iconSize=="large"&&(e.cellStyles.gap="1/2"),e.tone=="normal"?(e.cellStyles=o({padding:["1/4",1],border:"1.thin",backgroundColor:"layer.1"},e.cellStyles),e.cellCheckedStyles=o({borderColor:"theme",fontColor:"theme",boxShadow:"1.normal"},e.cellCheckedStyles)):e.tone=="border"?(e.cellStyles=o({border:"1.thin",backgroundColor:"layer.1",padding:["1/2",1,"1/2","1/2"]},e.cellStyles),e.cellCheckedStyles=o({borderColor:"theme",fontColor:"theme"},e.cellCheckedStyles)):e.tone=="cloud"&&(e.cellStyles=o({border:"1.thin",backgroundColor:"layer.2",padding:["1/2",1,"1/2","1/2"]},e.cellStyles),e.cellCheckedStyles=o({backgroundColor:"cloud",fontColor:"theme"},e.cellCheckedStyles)),e=ne(e),e.options=h.InitOptions(e.options),a(de,{componentId:e.componentId,children:h.OptionalListWrapper,states:e})),i=l;return i.Normal=e=>a(l,o({type:t,tone:"normal",icon:!1},e)),i.Border=e=>a(l,o({type:t,tone:"border"},e)),i.Cloud=e=>a(l,o({type:t,tone:"cloud"},e)),i.Vivid=e=>a(l,o({type:t,tone:"normal",icon:!1,cellCheckedStyles:{backgroundColor:"theme",fontColor:"white"}},e)),i.Simple=e=>a(l,o({type:t,tone:"plain",icon:!1,cellCheckedStyles:{fontColor:"theme"}},e)),i},Ce=M("radio"),he=M("checkbox"),Se=M();export{he as Checkbox,Se as List,Ce as Radio};
+import{b as o,c as m,d as F}from"../../chunk-C5N2D3ZX.js";import{jsx as a}from"react/jsx-runtime";import p,{UUID as B}from"jmini";import{useState as ie}from"react";import{$$fromRoot as ae,GenerateHTMLProps as ne}from"../../@utils";import{Box as I,Flex as se,FAI as re,Span as ce}from"../../atoms";import{Button as ue}from"../Button";import{OptionalInputWrapper as de,BoxWrapper as me,CoreEffects as D}from"./core";import{InputListClasses as T}from"../../@styles/componentClasses";function pe(t){let{value:l,states:i}=t,{type:e,required:s,min:n,max:C}=i;n=n||0,C=C||65535;let c=[],S=l.length;return s&&(S||e=="radio"&&c.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"})),S<n&&c.push({type:"invalid",label:n+"\u500B\u4EE5\u4E0A\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044"}),S>C&&c.push({type:"invalid",label:C+"\u500B\u307E\u3067\u9078\u629E\u3067\u304D\u307E\u3059"}),{ok:!c.filter(({type:V})=>V=="invalid").length,notice:c}}const h={InitOptions:t=>{let l=[];return t.forEach(i=>{if(!i)return;let{label:e,value:s}=i;p.isNullish(e)&&(e=String(s)),l.push(m(o({},i),{label:e,value:s}))}),l},OptionalListWrapper:t=>{let{value:l,options:i=[]}=t,e=p.isExist(l)?p.Arrayify(l):[],s=[];return e.forEach(n=>{i.findIndex(c=>p.isEqual(c.value,n))!=-1&&s.push(n)}),a(h.Core,m(o({},t),{value:s,options:i}))},Core:t=>{let g=t,{type:l,tone:i,required:e,componentId:s="",form:n,override:C,icon:c,iconType:S,iconSize:V,iconPosition:J,iconColor:v,CustomIcon:P,enableFormSubmit:X,checkValidationAtFirst:A,onValidate:$,onValidateDelay:R,onUpdateValue:U,onUpdateValidValue:W,onUserAction:H,value:f,options:q,className:K,cellStyles:j,cellClassName:G,cellCheckedStyles:Q,cellCheckedClassName:w,min:u,max:N,hideInput:b,freeCSS:Y,wrapStyles:x}=g,Z=F(g,["type","tone","required","componentId","form","override","icon","iconType","iconSize","iconPosition","iconColor","CustomIcon","enableFormSubmit","checkValidationAtFirst","onValidate","onValidateDelay","onUpdateValue","onUpdateValidValue","onUserAction","value","options","className","cellStyles","cellClassName","cellCheckedStyles","cellCheckedClassName","min","max","hideInput","freeCSS","wrapStyles"]),[O,L]=ie(D.DefaultStatus(s,f));return D.CommonEffects({type:"list."+l,states:t,val_status:O,set_status:L,SystemValidation:pe}),a(me,{val_status:O,set_status:L,states:t,children:a(h.List,{rootStates:t,val_status:O,set_status:L})})},List:t=>{let{rootStates:l,val_status:i,set_status:e}=t,{componentId:s,type:n,tone:C,icon:c,iconSize:S,iconColor:V,isChecker:J,options:v,name:P,form:X,tabIndex:A,hideInput:$,disabled:R,className:U,cellStyles:W,cellClassName:H="",cellCheckedStyles:f,cellCheckedClassName:q="",enableFormSubmit:K}=l,j=l.CustomIcon,G=v.map((Q,w)=>{let oe=Q,{value:u,label:N,disabled:b,className:Y="",checkedStyles:x,checkedClassName:Z="",freeCSS:O}=oe,L=F(oe,["value","label","disabled","className","checkedStyles","checkedClassName","freeCSS"]),g=B(),E=i.rawValue.findIndex(r=>r===u||p.isEqual(r,u))!=-1,y=o(o({},W),L),_=[T("Label"),H,Y];E&&(y=m(o(o(o({},y),f),x),{freeCSS:o(o(o({},y==null?void 0:y.freeCSS),f==null?void 0:f.freeCSS),x==null?void 0:x.freeCSS)}),_=[..._,q,Z]);const ee=()=>{if(R||b)return;let r=[];if(n=="radio")r=[u];else if(n=="checkbox"||J)if(!E)r=[...i.rawValue,u];else{let d=[...i.rawValue];d.splice(i.rawValue.findIndex(z=>z==u),1),r=d}e(d=>m(o({},d),{rawValue:r,eventType:"update",eventID:B(12),isInspected:!1}))};let te=[a(ce,{position:"relative",freeCSS:{zIndex:2},flexSizing:0,children:p.isString(N)?a(I,{children:N}):N},"content")];return c&&te[l.iconPosition=="right"?"push":"unshift"](a(j,{isChecked:E,iconSize:S,iconColor:V,toggle:ee},"icon")),[a(I,{htmlTag:"input",type:n=="radio"?"radio":"checkbox",className:T("Input"),name:"RadioCheckbox-"+P,"data-list-index":s+"-"+w,id:g,value:String(u),disabled:R||b,checked:E,onFocus:r=>{b||n=="radio"&&(i.rawValue.length||e(d=>m(o({},d),{rawValue:[u],eventType:"update",eventID:B(12),isInspected:!1})))},onChange:()=>{ee()},onKeyDown:r=>{let{key:d,shiftKey:z}=r;if((n=="checkbox"||t.rootStates.isChecker)&&d!="Tab"){if(d.match(/Arrow/)){r.preventDefault();let le=p.isOneOf(d,"ArrowLeft","ArrowUp")?-1:1,k=w+le;k<0?k=v.length-1:k>=v.length&&(k=0),ae(`input[data-list-index="${s}-${k}"]`).focus()}}K&&D.SubmitForm(r,X)},tabIndex:A},"List-"+p.Stringify(u)),a(I,m(o({htmlTag:"label","data-disabled":R||b,htmlFor:g,className:_.join(" "),tabIndex:-1,display:"flex",verticalAlign:"center",flexWrap:!1},y),{children:te}),"ListTrigger-"+p.Stringify(u))]});return a(se,{flexSizing:"auto",style:l.style,freeCSS:o({},l.freeCSS),className:[U,T("CellBase"),T("HideInput_"+$),T("IconIndicator_"+!!c),T("Tone_"+C)].join(" "),children:G})},_Icon:t=>{let l=1.5;return t.iconSize=="small"?l=1.2:t.iconSize=="large"&&(l=2),a(ue.Normal,{ssPushable:!0,color:"cloud",tabIndex:-1,ssEffectsOnActive:"ripple.cloud",ssSphere:2,freeCSS:{transform:`scale(${l})`},onClick:i=>{i.preventDefault(),i.stopPropagation(),t.toggle()},children:t.children})},RadioIcon:t=>a(h._Icon,m(o({type:"radio"},t),{children:a(I,{flexCenter:!0,isRounded:!0,border:t.isChecked?"0.trans":"3.thick",borderColor:t.isChecked?t.iconColor:"3.thick",position:"relative",transition:"middle",freeCSS:{width:"50%",height:"50%"},children:a(I,{position:"absolute",transition:"middle",isRounded:!0,backgroundColor:t.iconColor,opacity:t.isChecked?"max":"trans",freeCSS:{width:"60%",height:"60%",transform:t.isChecked?"scale(1)":"scale(.4)"}})})})),CheckboxIcon:t=>a(h._Icon,m(o({type:"checkbox"},t),{children:a(I,{flexCenter:!0,boxShadow:t.isChecked?"0.remark":"none",border:t.isChecked?"0.trans":"3.thick",backgroundColor:t.isChecked?t.iconColor:"trans",position:"relative",transition:"middle",fontColor:"white",freeCSS:{borderRadius:"25%",padding:"4%",width:"50%",height:"50%"},children:a(re.Check,{transition:"middle",opacity:t.isChecked?"max":"trans",freeCSS:{zIndex:8,width:"100%",height:"100%",transform:t.isChecked?"scale(1)":"scale(.5)"}})})}))},M=t=>{t=t||"checkbox";const l=e=>(e=m(o({gap:1,icon:!0,iconSize:"regular",iconType:t=="radio"?"radio":"checkbox",iconPosition:"left",iconColor:"theme"},e),{type:t,cellStyles:o({gap:"1/6",position:"relative",borderRadius:"2.tone.secondary",transition:"middle"},e.cellStyles)}),e.CustomIcon||(e.iconType=="radio"?e.CustomIcon=h.RadioIcon:e.iconType=="checkbox"&&(e.CustomIcon=h.CheckboxIcon)),e.iconSize=="small"?e.cellStyles.gap=0:e.iconSize=="large"&&(e.cellStyles.gap="1/2"),e.tone=="normal"?(e.cellStyles=o({padding:["1/4",1],border:"1.thin",backgroundColor:"layer.1"},e.cellStyles),e.cellCheckedStyles=o({borderColor:"theme",fontColor:"theme",boxShadow:"1.normal"},e.cellCheckedStyles)):e.tone=="border"?(e.cellStyles=o({border:"1.thin",backgroundColor:"layer.1",padding:["1/2",1,"1/2","1/2"]},e.cellStyles),e.cellCheckedStyles=o({borderColor:"theme",fontColor:"theme"},e.cellCheckedStyles)):e.tone=="cloud"&&(e.cellStyles=o({border:"1.thin",backgroundColor:"layer.2",padding:["1/2",1,"1/2","1/2"]},e.cellStyles),e.cellCheckedStyles=o({backgroundColor:"cloud",fontColor:"theme"},e.cellCheckedStyles)),e=ne(e),e.options=h.InitOptions(e.options),a(de,{componentId:e.componentId,children:h.OptionalListWrapper,states:e})),i=l;return i.Normal=e=>a(l,o({type:t,tone:"normal",icon:!1},e)),i.Border=e=>a(l,o({type:t,tone:"border"},e)),i.Cloud=e=>a(l,o({type:t,tone:"cloud"},e)),i.Vivid=e=>a(l,o({type:t,tone:"normal",icon:!1,cellCheckedStyles:{backgroundColor:"theme",fontColor:"white"}},e)),i.Simple=e=>a(l,o({type:t,tone:"plain",icon:!1,cellCheckedStyles:{fontColor:"theme"}},e)),i},Ce=M("radio"),he=M("checkbox"),Se=M();export{he as Checkbox,Se as List,Ce as Radio};

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

@@ -1,12 +1,12 @@
 /// <reference types="react" />
-import { KeyValueDict } from 'jmini';
+import { Records } from 'jmini';
 import { List } from './List';
 declare namespace Segmented {
     type Tones = 'plain' | 'cloud' | 'cloud.theme' | 'cloud.mono' | 'border' | 'border.vivid' | 'bottomline';
     type CoreInput = Segmented.Input & {
         __sys_segmented_type: Segmented.Tones;
     };
-    type Value<T = any> = T extends infer V ? V : string | number | boolean | KeyValueDict | void | null;
+    type Value<T = any> = T extends infer V ? V : string | number | boolean | Records | void | null;
     type Input<T = any> = List.Input<T>;
     namespace Methods {
         type Component = {

package/dist/fn/Input/Segmented.js

@@ -1 +1 @@
-import{b as e,c as n,d as C}from"../../chunk-C5N2D3ZX.js";import{jsx as r}from"react/jsx-runtime";import{UUID as R}from"jmini";import{useState as a}from"react";import{Radio as w}from"./List";import{InputSegmentedClasses as c}from"../../@styles/componentClasses";const E=t=>{let m=t,{__sys_segmented_type:o,tone:B,value:d,options:S,onUpdateValue:h,onUpdateValidValue:u,onUserAction:g,enableFormSubmit:M,checkValidationAtFirst:U,cellStyles:_,cellClassName:b,cellCheckedClassName:f,cellCheckedStyles:k,freeCSS:I,wrapStyles:J}=m,T=C(m,["__sys_segmented_type","tone","value","options","onUpdateValue","onUpdateValidValue","onUserAction","enableFormSubmit","checkValidationAtFirst","cellStyles","cellClassName","cellCheckedClassName","cellCheckedStyles","freeCSS","wrapStyles"]),[V]=a(R()),[p,v]=a(d),[x,i]=a(p);return p!=d&&(v(d),i(d)),r(w,n(e({options:S,value:x,componentId:V,icon:!1,flexWrap:!1,borderRadius:"2.tone.secondary",position:"relative"},T),{freeCSS:e({whiteSpace:"nowrap"},I),cellStyles:e({flexCenter:!0,ssEffectsOnActive:"push"},_),cellCheckedStyles:e({},k),cellClassName:[b,c("Label"),c("Tone_"+o.replace(/\./ig,""))].join(" "),cellCheckedClassName:[f,c("Checked")].join(" "),tone:"custom",onUpdateValue:h,onUpdateValidValue:(...y)=>{u&&u(...y),o=="bottomline"&&i(y[0])},onUserAction:g}))},s=t=>{let{__sys_segmented_type:o}=t;return o=o||"plain",o=="plain"&&(t=n(e({padding:"1/3",gap:"1/3",ssCardBox:!0},t),{cellStyles:e({padding:["1/2","3/4"],borderRadius:"inherit",position:"relative"},t.cellStyles),cellCheckedStyles:e({backgroundColor:"theme",boxShadow:"1.normal",fontColor:"white"},t.cellCheckedStyles)})),r(E,e({__sys_segmented_type:"plain"},t))},l=s;l.Cloud=t=>{let o=n(e({__sys_segmented_type:"cloud",padding:"1/3",gap:"1/3",backgroundColor:"cloud"},t),{cellStyles:e({padding:"3/4",borderRadius:"inherit",position:"relative"},t.cellStyles),cellCheckedStyles:e({boxShadow:"1.normal",backgroundColor:"theme",fontColor:"white"},t.cellCheckedStyles)});return r(s,e({},o))},l.CloudTheme=t=>{let o=e({backgroundColor:"theme.opa.few",fontColor:"theme",__sys_segmented_type:"cloud.theme"},t);return r(l.Cloud,e({},o))},l.CloudMono=t=>{let o=n(e({fontColor:"3.blur",__sys_segmented_type:"cloud.mono"},t),{cellCheckedStyles:e({backgroundColor:"layer.1",fontColor:"1.clear"},t.cellCheckedStyles)});return r(l.Cloud,e({},o))},l.Border=t=>{let o=n(e({backgroundColor:"layer.1",border:"2.normal",overflow:"hidden",gap:0,fontColor:"3.blur",ssLastChildLossBorder:"right",boxShadow:"0.min",__sys_segmented_type:"border"},t),{cellStyles:e({padding:["3/4",1],borderRadius:0,borderRight:"2.normal"},t.cellStyles),cellCheckedStyles:e({backgroundColor:"theme.opa.few",fontColor:"theme"},t.cellCheckedStyles)});return r(s,e({},o))},l.BorderVivid=t=>{let o=n(e({border:!0,borderColor:"theme",__sys_segmented_type:"border.vivid"},t),{cellStyles:e({borderRight:!0,borderColor:"theme"},t.cellStyles),cellCheckedStyles:e({backgroundColor:"theme",fontColor:"white"},t.cellCheckedStyles)});return r(l.Border,e({},o))},l.Bottomline=t=>{let o=n(e({__sys_segmented_type:"bottomline",gap:0,fontColor:"3.blur"},t),{cellStyles:e({ssEffectsOnActive:"ripple.theme",borderRadius:0,padding:1},t.cellStyles),cellCheckedStyles:e({fontColor:"theme"},t.cellCheckedStyles)});return r(s,e({},o))};export{l as Segmented,l as default};
+import{b as e,c as n,d as y}from"../../chunk-C5N2D3ZX.js";import{jsx as r}from"react/jsx-runtime";import{UUID as x}from"jmini";import{useState as a}from"react";import{Radio as w}from"./List";import{InputSegmentedClasses as c}from"../../@styles/componentClasses";const E=t=>{let i=t,{__sys_segmented_type:o,tone:B,value:d,options:S,onUpdateValue:h,onUpdateValidValue:u,onUserAction:g,enableFormSubmit:M,checkValidationAtFirst:U,cellStyles:_,cellClassName:b,cellCheckedClassName:f,cellCheckedStyles:k,freeCSS:I,wrapStyles:J}=i,T=y(i,["__sys_segmented_type","tone","value","options","onUpdateValue","onUpdateValidValue","onUserAction","enableFormSubmit","checkValidationAtFirst","cellStyles","cellClassName","cellCheckedClassName","cellCheckedStyles","freeCSS","wrapStyles"]),[v]=a(x()),[p,V]=a(d),[R,m]=a(p);return p!=d&&(V(d),m(d)),r(w,n(e({options:S,value:R,componentId:v,icon:!1,flexWrap:!1,borderRadius:"2.tone.secondary",position:"relative"},T),{freeCSS:e({whiteSpace:"nowrap"},I),cellStyles:e({flexCenter:!0,ssEffectsOnActive:"push"},_),cellCheckedStyles:e({},k),cellClassName:[b,c("Label"),c("Tone_"+o.replace(/\./ig,""))].join(" "),cellCheckedClassName:[f,c("Checked")].join(" "),tone:"custom",onUpdateValue:h,onUpdateValidValue:(...C)=>{u&&u(...C),o=="bottomline"&&m(C[0])},onUserAction:g}))},s=t=>{let{__sys_segmented_type:o}=t;return o=o||"plain",o=="plain"&&(t=n(e({padding:"1/3",gap:"1/3",ssCardBox:!0},t),{cellStyles:e({padding:["1/2","3/4"],borderRadius:"inherit",position:"relative"},t.cellStyles),cellCheckedStyles:e({backgroundColor:"theme",boxShadow:"1.normal",fontColor:"white"},t.cellCheckedStyles)})),r(E,e({__sys_segmented_type:"plain"},t))},l=s;l.Cloud=t=>{let o=n(e({__sys_segmented_type:"cloud",padding:"1/3",gap:"1/3",backgroundColor:"cloud"},t),{cellStyles:e({padding:"3/4",borderRadius:"inherit",position:"relative"},t.cellStyles),cellCheckedStyles:e({boxShadow:"1.normal",backgroundColor:"theme",fontColor:"white"},t.cellCheckedStyles)});return r(s,e({},o))},l.CloudTheme=t=>{let o=e({backgroundColor:"theme.opa.few",fontColor:"theme",__sys_segmented_type:"cloud.theme"},t);return r(l.Cloud,e({},o))},l.CloudMono=t=>{let o=n(e({fontColor:"3.blur",__sys_segmented_type:"cloud.mono"},t),{cellCheckedStyles:e({backgroundColor:"layer.1",fontColor:"1.clear"},t.cellCheckedStyles)});return r(l.Cloud,e({},o))},l.Border=t=>{let o=n(e({backgroundColor:"layer.1",border:"2.normal",overflow:"hidden",gap:0,fontColor:"3.blur",ssLastChildLossBorder:"right",boxShadow:"0.min",__sys_segmented_type:"border"},t),{cellStyles:e({padding:["3/4",1],borderRadius:0,borderRight:"2.normal"},t.cellStyles),cellCheckedStyles:e({backgroundColor:"theme.opa.few",fontColor:"theme"},t.cellCheckedStyles)});return r(s,e({},o))},l.BorderVivid=t=>{let o=n(e({border:!0,borderColor:"theme",__sys_segmented_type:"border.vivid"},t),{cellStyles:e({borderRight:!0,borderColor:"theme"},t.cellStyles),cellCheckedStyles:e({backgroundColor:"theme",fontColor:"white"},t.cellCheckedStyles)});return r(l.Border,e({},o))},l.Bottomline=t=>{let o=n(e({__sys_segmented_type:"bottomline",gap:0,fontColor:"3.blur"},t),{cellStyles:e({ssEffectsOnActive:"ripple.theme",borderRadius:0,padding:1},t.cellStyles),cellCheckedStyles:e({fontColor:"theme"},t.cellCheckedStyles)});return r(s,e({},o))};export{l as Segmented,l as default};

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { StyleTags, ReactElement } from '../../@declares';
-import { KeyValueDict } from 'jmini';
+import { Records } from 'jmini';
 import { InputTypes } from '.';
 declare namespace Select {
     type Input<T = Value> = InputTypes.CoreInput<T> & React.DOMAttributes<HTMLInputElement> & {
@@ -24,7 +24,7 @@ declare namespace Select {
         pickerPosition?: 1 | 2 | 3 | 4;
         nativePicker?: boolean;
     };
-    type Value<T = any> = T extends infer V ? V : string | number | boolean | KeyValueDict | void | null;
+    type Value<T = any> = T extends infer V ? V : string | number | boolean | Records | void | null;
     type Option<T = Value> = {
         type?: 'selector';
         id?: string;

package/dist/fn/Input/Select.js

@@ -1 +1 @@
-import{b as n,c as u,d as U}from"../../chunk-C5N2D3ZX.js";import{Fragment as te,jsx as o,jsxs as V}from"react/jsx-runtime";import c,{UUID as v}from"jmini";import{useState as Y,useEffect as q}from"react";import{Box as T,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 O,DefaultBoxishStyles as he}from"./core";import{InputAutocompleteClasses as F}from"../../@styles/componentClasses";import{InputLabel as Ce}from"./Label";import{RightIcon as Ve}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=>V(te,{children:[o(k.Native,n({},t)),o(k.Original,n({},t))]}),Placeholder:t=>!t.rootStates.placeholder||t.val_status.rawValue!==null?null:o(T,{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:g,emptySelect:x,checkValidationAtFirst:R,onValidate:L,onValidateDelay:z,onUpdateValue:le,onUpdateValidValue:ae,onUserAction:ne,onKeyDown:W,onChange:_,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:A}=D,s=U(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 A?V(T,u(n({htmlTag:"select",tabIndex:0},s),{"data-disabled":e.disabled,"data-show-validation":O.isShowValidation(a,!!R),"data-component-id":a.componentId,"data-input-origin":a.componentId,className:[r,F("Core")].join(" "),onKeyDown:l=>{W&&W(l),g&&O.SubmitForm(l,I)},onChange:l=>{let{value:S}=l.target;d(P=>u(n({},P),{rawValue:S,eventType:"update",eventID:v(12),isInspected:!1,isValidated:!1,notice:[]})),_&&_(l)},children:[!!x&&o("option",{value:"null",children:"\u9078\u629E"}),M.map(l=>c.is.nullish(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:g,placeholder:x,enableFormSubmit:R,emptySelect:L,checkValidationAtFirst:z,onValidate:le,onValidateDelay:ae,onUpdateValue:ne,onUpdateValidValue:W,onUserAction:_,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:A}=D,s=U(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(A||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:P=>{let B=c(P.target),E=!!c(B).parent("."+F("Core")).length;c(B).parent("."+F("Selector")).length||E||i(f=>u(n({},f),{eventID:v(12),isPickerOpen:!1}))}})}else c(document).removeEvent([l])},[p.isPickerOpen]),A?null:V(te,{children:[o(T,u(n({tabIndex:0},s),{"data-disabled":e.disabled,"data-show-validation":O.isShowValidation(p,!!z),"data-component-id":p.componentId,"data-input-origin":p.componentId,className:[m,F("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:P,ctrlKey:B}=l,E=P||B;if(s!=null&&s.onKeyDown&&(s==null||s.onKeyDown(l)),R&&O.SubmitForm(l,b),!e.disabled){if(c.scope(()=>{if(!c.is.oneOf(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),N=f.length-1,w=null;c.scope(()=>{var j,J,X,G,Q;let C=f.findIndex(K=>(K==null?void 0:K.id)==a);if(y==1){if(w=(j=f[0])==null?void 0:j.id,E){w=f[N].id;return}if(C==-1||C==N)return;w=(J=f[C+1])==null?void 0:J.id}else{if(w=(X=f[N])==null?void 0:X.id,E){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:V($.Left,{gap:0,children:[o(T,{freeCSS:{width:0},overflow:"hidden",opacity:"trans","data-input-value-shallow":p.componentId,children:"A"}),V($.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.is.oneOf(r,1,2)?i.bottom="100%":c.is.oneOf(r,3,4)&&(i.top="100%"),c.is.oneOf(r,1,3)?i.left=0:c.is.oneOf(r,2,4)&&(i.right=0)}return a.isPickerOpen?o(T,u(n({position:"absolute",minWidth:1,padding:"1/3"},i),{freeCSS:n({zIndex:1e3},i.freeCSS),children:o(be.Body,u(n({className:F("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:V(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(T,{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:R=>{t.set_status(L=>u(n({},L),{rawValue:h,eventType:"update",eventID:v(12),isPickerOpen:!1,isInspected:!1}))},children:V($.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.is.equal(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(T,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(O.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 O.CommonEffects({type:"select",states:t,val_status:a,set_status:d,SystemValidation:we}),V(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.is.nullish(e.rightIcon)&&(e.rightIcon=o(Ve,{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 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};

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.is.inRange(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 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};

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.is.exist(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.is.oneOf(i,"tel","number","digitNumber","postal","creditCard")&&(t=t.zen2hanNumber()),i=="katakana",i=="hankaku.katakana",p.is.oneOf(i,"postal","creditCard")&&(t=t.removeLetters()),p.scope(()=>{if(!p.is.oneOf(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.is.oneOf(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.is.exist(x)&&p.is.number(x)&&Number(t)<Number(x)&&(t=String(x.toFixed(r))),p.is.exist(h)&&p.is.number(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 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=`
 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.is.oneOf(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(_),$=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,$+1),S.preventDefault()),b=="Backspace"&&(l=="creditCard"&&A==" "||l=="postal"&&A=="-"||l=="digitNumber"&&A==",")&&(L.setSelectionRange(K-1,$-1),S.preventDefault()),b=="Enter"||b=="Tab"}p.scope(()=>{p.is.oneOf(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.is.oneOf(l,"number","digitNumber")||!p.is.oneOf(b,"ArrowUp","ArrowDown"))return;let H=+(b=="ArrowUp")*2-1,A=a.rawValue.slice(-1),se=a.safeValue[$-1],D=$-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($==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 O=F[D].toNumber()+H;O<0?O=9:O>=10&&(O=0),F=F.partReplace(D,String(O)),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)}}))}},$e=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.is.oneOf(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:$e,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,$e as TextInput,I as default};
+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};

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

@@ -1 +1 @@
-import{b as c,c as S}from"../../../chunk-C5N2D3ZX.js";import{Fragment as A,jsx as e,jsxs as d}from"react/jsx-runtime";import T,{UUID as $,Time as m}from"jmini";import{useState as P,useEffect as w}from"react";import{Box as x,Grid as O,FAI as B,Column as F,FlexMargin as D}from"../../../atoms";import{Row as b,Literal as y}from"../../../mols";import{Button as k}from"../../Button";import I from"../../Sheet";import _ from"../Select";import{LeftIcon as J,RightIcon as N}from"..";import{InputTimeClasses as V}from"../../../@styles/componentClasses";import L from"../Drum";const X=t=>{let{restrict:i}=t;return i=="year"?e(h.Year,c({},t)):i=="month"?e(h.Month.index,c({},t)):i=="week"?"[DEV]":i=="date"?e(h.Date.index,c({},t)):i=="locale.jp.warekiDate"?e(h.Locale.JP.WarekiDate.index,c({},t)):i=="clock"?e(h.Clock.index,c({},t)):i=="period.clock"?e(h.Period.Clock.index,c({},t)):i=="period.month"?e(h.Period.Month.index,c({},t)):i=="period.date"?e(h.Period.Date.index,c({},t)):null},h={YearOptions:t=>{var s,o,l;let i=[],v=(s=t==null?void 0:t.min)!=null?s:1900,r=(o=t==null?void 0:t.max)!=null?o:m().addYear(10).year;for(let n=v;n<=r;n++){let a=[n],[f,u]=T.transformer.wareki(n).value;((l=t.showJPWareki)==null||l)&&(f&&a.push(e(y.Supplement,{fontSize:"0.xs",fontColor:"4.thin",children:f},1)),u&&a.push(d(y.Supplement,{fontSize:"0.xs",fontColor:"4.thin",children:["[",u,"]"]},2))),i[t.reverse?"unshift":"push"]({value:n,label:e(b.Center,{gap:["1/12","1/4"],verticalAlign:"baseline",flexWrap:!0,children:a})})}return i},calendartypeState:()=>{let[t,i]=P(localStorage.getItem("@env/input/time/selector/calendartype")||"calendar");return w(()=>{localStorage.setItem("@env/input/time/selector/calendartype",String(t))},[t]),[t,i]},Year:t=>{let{min:i,max:v}=t,[r,s]=P(T.scope(()=>{let[o]=String(t.defaultValue).split(/\D/);return{eventType:"init",from:m().setYear(Number(o||m().year))}}));return w(()=>{t.onValueUpdate({value:String(r.from.year||null),era:"year",eventType:r.eventType})},[r]),d(F,{freeCSS:{minWidth:12*16},children:[d(b.Left,{flexWrap:!0,children:[d(y.Paragraph,{children:[r.from.year||"----","\u5E74"]}),e(k.Border.XS,{fontColor:"theme",borderRadius:"2.tone.secondary",onClick:()=>{let o=m();s({eventType:"update",from:o})},children:"\u4ECA\u5E74"}),e(D,{})]}),e(x,{borderTop:!0}),e(L,{override:"force",value:r.from.year||null,options:h.YearOptions({min:Number(i)||void 0,max:Number(v)||void 0}),onUpdateValidValue:o=>{s(l=>({eventType:"update",from:l.from.clone().setYear(Number(o))}))}}),e(h.Parts.FooterNav,S(c({},t),{set_value:s,onClear:()=>{s(o=>({eventType:"update",from:m(null)}))}}))]})},Month:{index:t=>{let{min:i,max:v}=t,[r,s]=P(T.scope(()=>{let[o,l]=String(t.defaultValue).split(/\D/);(T.is.nullish(o)||T.is.nullish(l))&&([o,l]=m().toFormat("%Y-%M").split("-"));let n=m(),a=m().setYear(Number(o)||n.year).setMonth(Number(l)||n.month).setDate(1);return{eventType:"init",from:a,display:a}}));return w(()=>{t.onValueUpdate({value:r.from.toFormatYM(),era:"year",eventType:r.eventType})},[r]),d(F,{freeCSS:{minWidth:12*16},children:[d(b.Left,{gap:"1/2",children:[e(y.Paragraph,{children:r.from.toFormatYM("JP")||"----/--"}),e(k.Border.XS,{fontColor:"theme",borderRadius:"2.tone.secondary",onClick:()=>{let o=m();s({eventType:"update",from:o,display:o})},children:"\u4ECA\u6708"}),e(D,{})]}),e(x,{borderTop:!0}),e(h.Parts.DrumSelector,{type:"month",min:i,max:v,value:r.from,onChange:o=>{s(S(c({},r),{eventType:"update",from:o}))}}),e(h.Parts.FooterNav,S(c({},t),{set_value:s,onClear:()=>{s(o=>S(c({},o),{eventType:"commit",from:m(null)}))}}))]})}},Date:{index:t=>{let{min:i,max:v}=t,[r,s]=h.calendartypeState(),[o,l]=P(T.scope(()=>{var g;let[n,a,f]=(g=String(t.defaultValue))==null?void 0:g.split(/\D/);(T.is.nullish(n)||T.is.nullish(a)||T.is.nullish(f))&&([n,a,f]=m().toFormat("%Y-%M-%D").split("-"));let u=m(),p=m([Number(n)||u.year,(Number(a)||u.month).zeroEmbed(2),(Number(f)||u.date).zeroEmbed(2)].join("/"));return{eventType:"init",era:"year",display:p,from:p}}));return w(()=>{t.onValueUpdate({value:o.from.toFormatYMD(),era:"year",eventType:o.eventType})},[o]),d(F,{freeCSS:{minWidth:12*16},children:[d(b.Left,{flexWrap:!0,gap:"1/2",children:[e(y.Paragraph,{children:o.from.toFormatYMD("JP")||"----/--/--"}),e(k.Border.XS,{fontColor:"theme",borderRadius:"2.tone.secondary",onClick:()=>{let n=m();l({eventType:"update",era:"year",from:n,display:n})},children:"\u4ECA\u65E5"}),e(D,{}),d(k.Border.S,{padding:["1/6","1/2"],fontColor:"3.blur",fontSize:"0.xs",onClick:()=>{s(n=>n=="calendar"?"drum":"calendar")},children:[r=="calendar"&&"\u30C9\u30E9\u30E0",r=="drum"&&"\u30AB\u30EC\u30F3\u30C0\u30FC","\u8868\u793A"]})]}),e(x,{borderTop:!0}),r=="calendar"&&d(A,{children:[d(b.Center,{gap:"1/2",children:[e(_,{override:"force",emptySelect:!1,value:o.display.year,options:h.YearOptions({reverse:!0}),fontSize:"1.mini",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,pickerStyles:{freeCSS:{minWidth:12*12}},onUpdateValidValue:n=>{l(a=>S(c({},a),{eventType:"update",display:a.display.clone().setYear(Number(n))}))},rightIcon:e(N,{right:"2/3",children:e(B.AngleDown,{})})}),e(_,{override:"force",emptySelect:!1,value:o.display.month,options:(()=>{let n=[];for(let a=1;a<=12;a++)n.push({value:a,label:String(a)+"\u6708"});return n})(),fontSize:"1.mini",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,pickerStyles:{freeCSS:{minWidth:12*8}},rightIcon:e(N,{right:"2/3",children:e(B.AngleDown,{})}),onUpdateValidValue:n=>{l(a=>S(c({},a),{eventType:"update",display:a.display.clone().setMonth(Number(n))}))}}),e(h.Parts.ShiftButtons,{callback:n=>{l(a=>S(c({},a),{eventType:"update",display:a.display.clone().addMonth(n)}))}})]}),d(F,{children:[e(x,{margin:"auto",freeCSS:{minWidth:"50%"},UnderBreakPointStyles:{margin:0},children:h.Parts.Calendar({min:i,max:v,onTitleRender:n=>"",targetMonth:o.display,from:o.from,onChange:n=>{l(a=>S(c({},a),{eventType:"update",from:n}))}})}),e(x,{unitHeight:"1/4",isRounded:!0,backgroundColor:"cloud",margin:1,ssHiddenOnBreak:!0}),d(b.Center,{verticalAlign:"unset",ssHiddenOnBreak:!0,children:[e(x,{flexSizing:0,children:h.Parts.Calendar({min:i,max:v,onTitleRender:n=>e(y.Supplement,{children:d(b.Center,{gap:"1/2",children:[e(y,{isSemiBoldFont:!0,children:n.toFormatYM("JP")}),e(y,{fontColor:"4.thin",children:"[\u524D\u6708]"})]})}),targetMonth:o.display.clone().addMonth(-1),from:o.from,onChange:n=>{l(a=>S(c({},a),{eventType:"update",from:n}))}})}),e(x,{unitWidth:"1/4",isRounded:!0,backgroundColor:"cloud",margin:1}),e(x,{flexSizing:0,children:h.Parts.Calendar({min:i,max:v,onTitleRender:n=>e(y.Supplement,{children:d(b.Center,{gap:"1/2",children:[e(y,{isSemiBoldFont:!0,children:n.toFormatYM("JP")}),e(y,{fontColor:"4.thin",children:"[\u7FCC\u6708]"})]})}),targetMonth:o.display.clone().addMonth(1),from:o.from,onChange:n=>{l(a=>S(c({},a),{eventType:"update",from:n}))}})})]})]})]}),r=="drum"&&e(h.Parts.DrumSelector,{type:"date",min:i,max:v,value:o.from,onChange:n=>{l(S(c({},o),{eventType:"update",from:n}))}}),e(h.Parts.FooterNav,S(c({},t),{set_value:l,onClear:()=>{l(n=>S(c({},n),{eventType:"commit",from:m(null)}))}}))]})}},Locale:{JP:{WarekiDate:{index:t=>{var l;let{min:i,max:v}=t,[r,s]=P(T.scope(()=>{var C;let[n,a,f]=(C=String(t.defaultValue))==null?void 0:C.split(/\D/),u=t.era||"year";if(T.is.nullish(n)||T.is.nullish(a)||T.is.nullish(f)){let M=m();u=="heisei"?M.setYear(1989):u=="shouwa"?M.setYear(1926):u=="taisho"?M.setYear(1912):u=="meiji"&&M.setYear(1868),[n,a,f]=M.toFormat("%Y-%M-%D").split("-")}let p=m();return{eventType:"init",from:m([Number(n)||p.year,(Number(a)||p.month).zeroEmbed(2),(Number(f)||p.date).zeroEmbed(2)].join("/"))}}));w(()=>{t.onValueUpdate({value:r.from.toFormatYMD(),era:r.from.wareki.toLower(),eventType:r.eventType})},[r]);let o={year:{label:"\u897F\u66A6",min:"1900/01/01",max:"2100/12/31"},reiwa:{label:"\u4EE4\u548C",min:"2019/05/01",max:m().addYear(10).setMonth(12).setDate(31).toFormatYMD()},heisei:{label:"\u5E73\u6210",min:"1989/01/08",max:"2019/04/30"},showa:{label:"\u662D\u548C",min:"1926/12/25",max:"1989/01/07"},taisho:{label:"\u5927\u6B63",min:"1912/07/30",max:"1926/12/24"},meiji:{label:"\u660E\u6CBB",min:"1868/09/08",max:"1912/07/29"}};return d(F,{children:[d(b.Left,{gap:"1/4",flexWrap:!0,children:[d(y.Paragraph,{children:[r.from.warekiLabel,(l=r.from.warekiYear)==null?void 0:l.zeroEmbed(2),"\u5E74",r.from.toFormatMD("JP")]}),e(D,{})]}),e(x,{borderTop:!0}),e(b.Left,{gap:"1/2",flexWrap:!0,children:["reiwa","heisei","showa","taisho","meiji"].map((n,a)=>{let f=o[n];return f?e(k.Border.S,{onClick:()=>{let u=r.from;if(n=="reiwa"||n=="year")u=m();else{let p=m(f.min),g=m(f.max);p.value>r.from.value&&(u=p),r.from.value>g.value&&(u=g)}if(i){let p=m(i);u.value<p.value&&(u=p)}if(v){let p=m(v);p.value<u.value&&(u=p)}s(S(c({},r),{eventType:"update",from:u}))},children:f.label},a):null})}),e(h.Parts.DrumSelector,{type:"locale.jp.warekiDate",min:t.min,max:t.max,value:r.from,onChange:n=>{s(S(c({},r),{eventType:"update",from:n}))}}),e(h.Parts.FooterNav,S(c({},t),{set_value:s,onClear:()=>{s({eventType:"commit",from:m(null)})}}))]})}}}},Clock:{index:t=>{let[i,v]=P(T.scope(()=>{let a=String(t.defaultValue).split(/[^\d]/);if(!a[0]){let p=m();a=[p.hours,p.minutes]}let f=Number(a[0]),u=Number(a[1]);return{eventType:"init",from:m().setHours(f).setMinutes(u)}}));w(()=>{t.onValueUpdate({value:i.from.toFormatHM(),era:"clock",eventType:i.eventType})},[i]);let[r,s]=h.Clock.minutesUnitState(),o=m().setFromFormatHHMM(t.min||"00:00"),l=m().setFromFormatHHMM(t.max||"23:59");const n=(a,f)=>{v(u=>{let p=u.from.clone();return T.is.exist(a)&&p.setHours(a),T.is.exist(f)&&p.setMinutes(f),p.toFormatHM().toNumber()>l.toFormatHM().toNumber()&&(p=l.clone()),p.toFormatHM().toNumber()<o.toFormatHM().toNumber()&&(p=o.clone()),S(c({},u),{eventType:"update",from:p})})};return d(F,{freeCSS:{minWidth:12*16},children:[d(b.Left,{gap:"1/2",flexWrap:!0,children:[d(b.Center,{gap:"1/2",children:[e(x,{className:V("ClockBase"),children:e(h.Clock.UI,{val_value:i})}),d(x,{textAlign:"center",fontHeight:1.2,children:[d(y.Paragraph,{children:[i.from.hours.zeroEmbed(2)," : ",i.from.minutes.zeroEmbed(2)]}),d(y.Supplement,{fontColor:"4.thin",children:[i.from.hours>=12&&"PM"||"AM",i.from.hours%12,":",i.from.minutes.zeroEmbed(2)]})]})]}),e(k.Border.XS,{borderRadius:"2.tone.secondary",fontColor:"theme",onClick:()=>{let a=m().setSeconds(0);a.minutes=Math.round(a.minutes/r)*r,n(a.hours,a.minutes)},children:"\u73FE\u6642\u523B"}),e(D,{}),e(_,{emptySelect:!1,value:r,paddingLeft:3.5,leftIcon:e(J,{left:"2/3",children:"\u5358\u4F4D"}),pickerPosition:4,pickerStyles:{freeCSS:{minWidth:12*8}},padding:"1/2",options:[{value:10,label:"10\u5206"},{value:5,label:"5\u5206"},{value:1,label:"1\u5206"}],tabIndex:-1,onUpdateValidValue:a=>{s(a||1)}})]}),e(x,{borderTop:!0}),d(b.Center,{gap:"1/2",children:[e(L,{freeCSS:{maxHeight:12*12},override:"force",options:[{value:0,label:"\u5348\u524D"},{value:12,label:"\u5348\u5F8C"}],value:i.from.hours>=12?12:0,onUpdateValidValue:a=>{let f=i.from.hours%12+a;n(f)}}),e(L,{override:"force",value:i.from.hours,options:Array.from({length:24}).map((a,f)=>{let u=f;return o.hours>u||l.hours<u?null:{value:u,label:u.zeroEmbed(2)}}),onUpdateValidValue:a=>{n(a)}}),e(y,{isSemiBoldFont:!0,children:"\u6642"}),e(L,{override:"force",value:i.from.minutes,options:Array.from({length:60}).map((a,f)=>{let u=f;return u!=59&&(r==5&&u%5!=0||r==10&&u%10!=0)?null:{value:u,label:u.zeroEmbed(2)}}),onUpdateValidValue:a=>{n(void 0,a)}},r),e(y,{isSemiBoldFont:!0,children:"\u5206"})]}),e(h.Parts.FooterNav,S(c({},t),{set_value:v,onClear:()=>{v({eventType:"commit",from:m(null)})}}))]})},minutesUnitState:()=>{let[t,i]=P(Number(localStorage.getItem("@env/input/time/selector/clock/minutesUnit")||10));return w(()=>{localStorage.setItem("@env/input/time/selector/clock/minutesUnit",String(t))},[t]),[t,i]},UI:t=>{let{val_value:i}=t;return e(x,{className:V("ClockUiBase"),flexCenter:!0,children:d(x,{className:V("ClockUi"),backgroundColor:"theme.opa.low",isRounded:!0,position:"relative",children:[e(x,{position:"absolute",backgroundColor:"theme",unitWidth:"1/12",className:[V("Needle"),V("hour")].join(" "),freeCSS:{transform:`rotate(${i.from.hours*30+i.from.minutes/2}deg)`}}),e(x,{position:"absolute",backgroundColor:"theme",unitWidth:"1/12",className:[V("Needle"),V("minute")].join(" "),freeCSS:{transform:`rotate(${i.from.minutes*6}deg)`}})]})})}},Period:{Clock:{index:t=>{let{min:i,max:v}=t,[r,s]=h.Clock.minutesUnitState(),[o,l]=P(T.scope(()=>{let[u,p]=T.Arrayify(t.defaultValue),g=m().setFromFormatHHMM(u||"09:00"),C=m().setFromFormatHHMM(p||"18:00");return{eventType:"init",forcus:0,display:g,from:g,to:C}}));w(()=>{if(!o.to.value)return;if(o.from.value>o.to.value){l(p=>S(c({},p),{eventType:"update",from:p.to,to:p.from}));return}t.onValueUpdate({value:[o.from.toFormatHM(),o.to.toFormatHM()],era:"clock",eventType:o.eventType})},[o]);let n=m().setFromFormatHHMM(t.min||"00:00"),a=m().setFromFormatHHMM(t.max||"23:59");const f=(u,p,g)=>{l(C=>{let M=C[u].clone();return T.is.exist(p)&&M.setHours(p),T.is.exist(g)&&M.setMinutes(g),M.toFormatHM().toNumber()>a.toFormatHM().toNumber()&&(M=a.clone()),M.toFormatHM().toNumber()<n.toFormatHM().toNumber()&&(M=n.clone()),S(c({},C),{eventType:"update",[u]:M})})};return d(F,{width:1,freeCSS:{minWidth:12*24},children:[d(b.Left,{flexWrap:!0,children:[d(b.Left,{gap:"1/2",children:[e(y.Paragraph,{children:o.from.toFormatHM()||"--:--"}),e(y.Supplement,{children:"-"}),e(y.Paragraph,{children:o.to.toFormatHM()||"--:--"})]}),e(D,{}),e(_,{emptySelect:!1,value:r,paddingLeft:3.5,leftIcon:e(J,{left:"2/3",children:"\u5358\u4F4D"}),pickerPosition:4,pickerStyles:{freeCSS:{minWidth:12*8}},padding:"1/2",options:[{value:10,label:"10\u5206"},{value:5,label:"5\u5206"},{value:1,label:"1\u5206"}],tabIndex:-1,onUpdateValidValue:u=>{s(u||1)}})]}),e(x,{borderBottom:"1.thin"}),e(h.Period.Preset,S(c({},t),{onPreset:(u,p)=>{l({eventType:"update",forcus:0,display:m(u),from:m(u),to:m(p)})}})),d(b.Center,{gap:"1/2",children:[e(L,{override:"force",value:o.from.hours,options:Array.from({length:24}).map((u,p)=>{let g=p;return n.hours>g||a.hours<g?null:{value:g,label:g.zeroEmbed(2)+"\u6642"}}),onUpdateValidValue:u=>{f("from",u)}}),e(L,{override:"force",value:o.from.minutes,options:Array.from({length:60}).map((u,p)=>{let g=p;return g!=59&&(r==5&&g%5!=0||r==10&&g%10!=0)?null:{value:g,label:g.zeroEmbed(2)+"\u5206"}}),onUpdateValidValue:u=>{f("from",void 0,u)}},r+"-from"),e(y,{isSemiBoldFont:!0,children:"~"}),e(L,{override:"force",value:o.to.hours,options:Array.from({length:24}).map((u,p)=>{let g=p;return n.hours>g||a.hours<g?null:{value:g,label:g.zeroEmbed(2)+"\u6642"}}),onUpdateValidValue:u=>{f("to",u)}}),e(L,{override:"force",value:o.to.minutes,options:Array.from({length:60}).map((u,p)=>{let g=p;return g!=59&&(r==5&&g%5!=0||r==10&&g%10!=0)?null:{value:g,label:g.zeroEmbed(2)+"\u5206"}}),onUpdateValidValue:u=>{f("to",void 0,u)}},r+"-to")]}),e(h.Parts.FooterNav,S(c({},t),{set_value:l,onClear:()=>{l({eventType:"commit",forcus:0,display:m(),from:m(null),to:m(null)})}}))]})}},Date:{index:t=>{let{min:i,max:v}=t,[r,s]=P(T.scope(()=>{let[o,l]=T.Arrayify(t.defaultValue),n=m(o||void 0).setFirstOfDay(),a=m(l||null).setFirstOfDay();return{eventType:"init",forcus:0,display:n,from:n,to:a}}));return w(()=>{if(!r.to.value)return;if(r.from.value>r.to.value){s(l=>S(c({},l),{eventType:"update",from:l.to,to:l.from}));return}t.onValueUpdate({value:[r.from.toFormatYMD(),r.to.toFormatYMD()],era:"year",eventType:r.eventType})},[r]),d(F,{freeCSS:{minWidth:12*16},children:[d(b.Left,{gap:"1/2",flexWrap:!0,children:[e(y.Supplement,{fontColor:"4.thin",children:"from"}),d(k.Sub,{color:"cloud",isSemiBoldFont:!0,fontColor:"inherit",onClick:()=>{s(o=>S(c({},o),{forcus:0}))},children:[r.from.toFormatYMD()||"----/--/--",r.forcus==0&&e(h.Parts.PeriodFocusSign,{})]}),e(y.Supplement,{fontColor:"4.thin",children:"to"}),d(k.Sub,{color:"cloud",isSemiBoldFont:!0,fontColor:"inherit",onClick:()=>{s(o=>S(c({},o),{forcus:1}))},children:[r.to.toFormatYMD()||"----/--/--",r.forcus==1&&e(h.Parts.PeriodFocusSign,{})]}),e(D,{}),d(b.Right,{gap:"1/2",marginLeft:"auto",children:[e(_,{emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,fontSize:"1.mini",pickerStyles:{freeCSS:{minWidth:12*12}},rightIcon:e(N,{right:"2/3",children:e(B.AngleDown,{})}),options:h.YearOptions({reverse:!0}),value:r.display.year,onUpdateValidValue:o=>{s(l=>S(c({},l),{eventType:"update",display:l.display.clone().setYear(Number(o))}))}}),e(_,{emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,fontSize:"1.mini",pickerStyles:{freeCSS:{minWidth:12*9}},rightIcon:e(N,{right:"2/3",children:e(B.AngleDown,{})}),options:[{value:1,label:"1\u6708"},{value:2,label:"2\u6708"},{value:3,label:"3\u6708"},{value:4,label:"4\u6708"},{value:5,label:"5\u6708"},{value:6,label:"6\u6708"},{value:7,label:"7\u6708"},{value:8,label:"8\u6708"},{value:9,label:"9\u6708"},{value:10,label:"10\u6708"},{value:11,label:"11\u6708"},{value:12,label:"12\u6708"}],value:r.display.month,onUpdateValidValue:o=>{s(l=>S(c({},l),{eventType:"update",display:l.display.clone().setMonth(Number(o)).setDate(1)}))}}),e(h.Parts.ShiftButtons,{callback:o=>{s(l=>S(c({},l),{eventType:"update",display:l.display.clone().addMonth(o)}))}})]})]}),e(x,{borderBottom:"1.thin"}),e(h.Period.Preset,S(c({},t),{onPreset:(o,l)=>{s({eventType:"update",forcus:0,display:m(o),from:m(o),to:m(l)})}})),e(b.Left,{verticalAlign:"top",flexWrap:!0,gap:2,children:Array.from({length:4}).map((o,l)=>{let n=h.Parts.Calendar({min:i,max:v,targetMonth:r.display.clone().addMonth(l-1),from:r.from,to:r.to,onTitleRender:a=>{let f=a.diff(r.display).months;return e(y.Supplement,{ssHiddenOnBreak:!0,children:d(b.Center,{gap:"1/2",children:[e(y,{isSemiBoldFont:!0,children:a.toFormatYM("JP")}),e(y,{fontColor:"4.thin",children:["[\u524D\u6708]","","[\u7FCC\u6708]","[\u7FCC\u3005\u6708]"][f+1]})]})})},onChange:a=>{if(r.forcus==0){s(f=>S(c({},f),{eventType:"update",forcus:1,from:a,to:m(null)}));return}s(f=>S(c({},f),{eventType:"update",to:a}))}});return e(x,{flexSizing:"auto",ssHiddenOnBreak:l!=1,children:n},l)})}),e(h.Parts.FooterNav,S(c({},t),{set_value:s,onClear:()=>{s({eventType:"update",forcus:0,display:m(),from:m(null),to:m(null)})}}))]})}},Month:{index:t=>{let{min:i,max:v}=t,[r,s]=P(T.scope(()=>{let[o,l]=T.Arrayify(t.defaultValue),n=m(o||void 0).setDate(1).setFirstOfDay(),a=m(l||null).setDate(1).setFirstOfDay();return{eventType:"init",forcus:0,display:n,from:n,to:a}}));return w(()=>{if(!r.to.value)return;if(r.from.value>r.to.value){s(l=>S(c({},l),{eventType:"update",from:l.to,to:l.from}));return}t.onValueUpdate({value:[r.from.toFormatYM(),r.to.toFormatYM()],era:"year",eventType:r.eventType})},[r]),d(F,{freeCSS:{minWidth:12*16},children:[d(b.Left,{gap:"1/2",flexWrap:!0,children:[e(y.Supplement,{fontColor:"4.thin",children:"from"}),d(k.Sub,{color:"cloud",isSemiBoldFont:!0,fontColor:"inherit",onClick:()=>{s(o=>S(c({},o),{forcus:0}))},children:[r.from.toFormatYM("JP")||"----/--",r.forcus==0&&e(h.Parts.PeriodFocusSign,{})]}),e(y.Supplement,{fontColor:"4.thin",children:"to"}),d(k.Sub,{color:"cloud",isSemiBoldFont:!0,fontColor:"inherit",onClick:()=>{s(o=>S(c({},o),{forcus:1}))},children:[r.to.toFormatYM("JP")||"----/--",r.forcus==1&&e(h.Parts.PeriodFocusSign,{})]}),e(D,{}),d(b.Left,{flexWrap:!0,gap:"1/2",marginLeft:"auto",children:[e(_,{emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,fontSize:"1.mini",pickerStyles:{freeCSS:{minWidth:12*12}},rightIcon:e(N,{right:"2/3",children:e(B.AngleDown,{})}),options:h.YearOptions({reverse:!0}),value:r.display.year,onUpdateValidValue:o=>{s(l=>S(c({},l),{eventType:"update",display:l.display.clone().setYear(Number(o))}))}}),e(h.Parts.ShiftButtons,{callback:o=>{s(l=>S(c({},l),{eventType:"update",display:l.display.clone().addYear(o)}))}})]})]}),e(x,{borderBottom:"1.thin"}),e(h.Period.Preset,S(c({},t),{onPreset:(o,l)=>{s({eventType:"update",forcus:0,display:m(o),from:m(o),to:m(l)})}})),e(b.Left,{verticalAlign:"top",flexWrap:!0,gap:2,UnderBreakPointStyles:{gap:1},children:Array.from({length:4}).map((o,l)=>{let n=h.Period.Month.Calendar({min:i,max:v,targetYear:r.display.year+l-1,from:r.from.getFirstDayOfMonth(),to:r.to.getLastDayOfMonth(),onTitleRender:a=>{let f=a-r.display.year;return e(y.Supplement,{children:d(b.Left,{gap:"1/2",children:[d(y,{isSemiBoldFont:!0,children:[a,"\u5E74"]}),e(y,{fontColor:"4.thin",children:["[\u524D\u5E74]","","[\u7FCC\u5E74]","[\u7FCC\u3005\u5E74]"][f+1]})]})})},onChange:a=>{if(r.forcus==0){s(f=>S(c({},f),{eventType:"update",forcus:1,from:a,to:m(null)}));return}s(f=>S(c({},f),{eventType:"update",to:a}))}});return e(x,{flexSizing:"auto",ssHiddenOnBreak:l<1||l>2,freeCSS:{minWidth:"35%"},children:n},l)})}),e(h.Parts.FooterNav,S(c({},t),{set_value:s,onClear:()=>{s({eventType:"update",forcus:0,display:m(),from:m(null),to:m(null)})}}))]})},Calendar:t=>{let{targetYear:i,from:v,to:r,onTitleRender:s=n=>d(y.Supplement,{isSemiBoldFont:!0,children:[n,"\u5E74"]})}=t,o=m(),l=[];for(let n=1;n<=12;n++){let a=m().setYear(t.targetYear).setMonth(n).setDate(1),f=!1;if(t.min){let M=m(t.min).getLastDayOfMonth();M&&a.value<M.value&&(f=!0)}if(t.max){let M=m(t.max).getLastDayOfMonth();M&&M.value<a.value&&(f=!0)}let u=v.year==i&&v.month==a.month,p=!1,g=!1;r&&r.validate&&(p=a.isInRange(v,r),g=r.year==i&&r.month==a.month);let C=o.year==i&&o.month==a.month;l.push(d(k.Clear.S,{isLocked:f,color:"cloud",border:"1.thin",isActive:u||g||p,isActiveStyles:u||g?{fontColor:"white",backgroundColor:"theme",borderColor:"theme",boxShadow:"0.remark"}:{backgroundColor:"theme.opa.few",fontColor:"theme",borderColor:"0.trans"},fontSize:"inherit",ssEffectsOnActive:"shrink",tabIndex:-1,freeCSS:{whiteSpace:"nowrap",minWidth:12*3,minHeight:12*3},flexCenter:!0,onClick:()=>{t.onChange(a)},children:[d(b.Center,{gap:"1/2",children:[e(y,{children:a.month}),e(y.Supplement,{opacity:"middle",children:["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"][a.month]})]}),C&&e(h.Parts.CurrentSign,{})]},i+"-"+a.month))}return d(F,{gap:"1/2",children:[s(t.targetYear),e(O,{flexWrap:!0,gridCols:4,gap:"1/6",children:l})]},t.targetYear)}},Preset:t=>t.periodPresets?e(b.Right,{gap:"1/2",flexWrap:!0,children:t.periodPresets.map((i,v)=>e(k.Border.S,{padding:["1/4",1],onClick:()=>{t.onPreset(i.from,i.to)},children:i.label},v))}):null},Parts:{FooterNav:t=>t.commitFooter?d(A,{children:[e(x,{borderBottom:"1.thin"}),d(b.Left,{gap:"1/2",children:[d(k.Sub.S,{color:"cloud",tabIndex:-1,fontSize:"1.mini",borderRadius:"2.tone.secondary",flexSizing:"none",onClick:()=>{t.onClear()},children:[e(B.X,{})," \u30EA\u30BB\u30C3\u30C8"]}),e(h.Parts.MinMax,{restrict:t.restrict,min:t.min,max:t.max}),e(D,{}),e(k.Prime,{tabIndex:-1,borderRadius:"2.tone.secondary",freeCSS:{minWidth:12*8},onClick:()=>{t.onCommit&&t.onCommit(),t.set_value(i=>S(c({},i),{eventType:"commit"}))},children:"\u6C7A\u5B9A"})]})]}):null,ShiftButtons:t=>d(b.Center,{gap:"1/3",fontSize:"1.mini",children:[e(k.Sub,{className:V("LeftButton"),tabIndex:-1,right:0,position:"relative",ssSquare:2.5,onClick:()=>{t.callback(-1)},children:e(B.ChevronLeft,{})}),e(k.Sub,{className:V("RightButton"),tabIndex:-1,left:0,position:"relative",ssSquare:2.5,onClick:()=>{t.callback(1)},children:e(B.ChevronRight,{})})]}),Calendar:t=>{let{targetMonth:i,from:v,to:r,onTitleRender:s=M=>e(y.Supplement,{isSemiBoldFont:!0,children:M.toFormatYM("JP")})}=t,o=m();if(!t.targetMonth.validate)return null;let l=i.clone().setDate(1),n=l.getLastDayOfMonth(),a=m(l).addMonth(-1).getLastDayOfMonth().date,f=[],u=[],p=[],g=[];for(var C=0;C<7;C++){let M=C==6,R=C==0;f.push(e(y,{textAlign:"center",fontSize:"0.xs",fontColor:M?"googleBlue":R?"googleRed":"inherit",children:T.transformer.weekday.shortJP(C)},C))}for(var C=0;C<l.weekday;C++)u.unshift(e(y.Supplement,{fontColor:"4.thin",flexCenter:!0,children:a-C},C));for(var C=1;C<=n.date;C++){let R=i.clone().setDate(C),z=v.isSameDate(R),E=!1,H=!1;r&&r.validate&&(E=R.isInRange(v,r),H=r.isSameDate(R));let j=o.isSameDate(R),U=!1;if(t.min){let Y=m(t.min);Y&&R.value<Y.value&&(U=!0)}if(t.max){let Y=m(t.max);Y&&Y.value<R.value&&(U=!0)}p.push(d(k.Clear.S,{isLocked:U,color:"cloud",border:"1.thin",isActive:z||H||E,isActiveStyles:z||H?{fontColor:"white",backgroundColor:"theme",borderColor:"theme",boxShadow:"0.remark"}:{backgroundColor:"theme.opa.few",fontColor:"theme",borderColor:"0.trans"},freeCSS:{whiteSpace:"nowrap",minWidth:12*3,minHeight:12*3},flexCenter:!0,ssEffectsOnActive:"shrink",tabIndex:-1,onClick:()=>{t.onChange(R)},children:[C,j&&e(h.Parts.CurrentSign,{})]},R.toFormatYMD()))}for(var C=1;C<7-n.weekday;C++)g.push(e(y.Supplement,{flexCenter:!0,fontColor:"4.thin",children:C},C));return d(F,{gap:"1/2",children:[s(i)||"",d(O,{gridCols:7,gap:"1/6",children:[f,u,p,g]})]},i.toFormatYM())},DrumSelector:t=>{let{type:i,min:v,max:r,value:s}=t;const o=(n,a,f)=>{let u=t.value.clone();if(T.is.exist(n)&&(u=u.setYear(n)),T.is.exist(a)&&(u=u.setMonth(a)),T.is.exist(f)&&(u=u.setDate(f)),v){let p=m(v);u.value<p.value&&(u=p)}if(r){let p=m(r);p.value<u.value&&(u=p)}t.onChange(u)};let l=s.getLastDayOfMonth().date;return d(b.Center,{gap:"1/2",children:[e(L,{override:"force",options:h.YearOptions({}),value:s.year,onUpdateValidValue:n=>{o(Number(n))}}),e(y,{isSemiBoldFont:!0,children:"\u5E74"}),e(L,{override:"force",options:Array.from({length:12}).map((n,a)=>{let f=a+1;return{value:f,label:f}}),value:s.month,onUpdateValidValue:n=>{o(void 0,Number(n))}}),e(y,{isSemiBoldFont:!0,children:"\u6708"}),i!="month"&&d(A,{children:[e(L,{override:"force",options:Array.from({length:31}).map((n,a)=>{let f=a+1;return f>l?null:{value:f,label:f}}),value:s.date,onUpdateValidValue:n=>{o(void 0,void 0,Number(n))}}),e(y,{isSemiBoldFont:!0,children:"\u65E5"})]})]})},MinMax:t=>{let{restrict:i,min:v,max:r}=t;if(!v&&!r)return null;let s=m(v||null),o=m(r||null),l="",n="";return i=="year"?(l=s.toFormat("%Y\u5E74"),n=o.toFormat("%Y\u5E74")):i.match(/month/)?(l=s.toFormatYM(),n=o.toFormatYM()):i.match(/date/)?(l=s.toFormatYMD(),n=o.toFormatYMD()):i.match(/clock/)&&(s=m().setFromFormatHHMM(v||""),o=m().setFromFormatHHMM(r||""),l=s.toFormatHM(),n=o.toFormatHM()),d(y.Supplement,{fontHeight:1.2,fontSize:"0.xs",children:[l&&d(y,{children:["\u6700\u5C0F: ",l]}),n&&d(y,{children:["\u6700\u5927: ",n]})]})},CurrentSign:()=>e(x,{position:"absolute",bottom:"1/6",left:"50%",width:1,unitHeight:"1/6",backgroundColor:"warn",freeCSS:{maxWidth:12*2.5,transform:"translateX(-50%)"},isRounded:!0}),PeriodFocusSign:()=>e(x,{position:"absolute",bottom:"1/4",left:"1/2",right:"1/2",backgroundColor:"theme",unitHeight:"1/4",boxShadow:"0.remark",isRounded:!0})}},W=X;W.picker={open:t=>{let i=null,v=null,r="L";t.restrict=="year"&&(r="S"),t.restrict=="month"&&(r="S"),t.restrict=="clock"?r="XS":(t.restrict=="locale.jp.warekiDate"||t.restrict=="period.clock")&&(r="S");let s=t.sheetID||$();I.open("middleCenter",{sheetID:s,size:r,padding:0,paddingTop:2,closeAtAroundClick:!0,closeAtParentBlur:!1,onClose:()=>{t.onValueUpdate({value:i,era:v,eventType:"commit"})},content:d(F,{children:[d(b.Left,{children:[e(D,{}),e(k.Sub.S,{color:"cloud",ssSphere:3,onClick:()=>{I.close(s)},children:e(B.X,{})})]}),e(I.Body,{children:e(F,{padding:1,children:e(X,{sheetID:s,restrict:t.restrict,commitFooter:!0,min:t.min,max:t.max,era:t.era,defaultValue:t.defaultValue,onValueUpdate:o=>{t.onValueUpdate(o),i=o.value,v=o.era,o.eventType=="commit"&&I.close(s)}})})})]})})},close:t=>{I.close(t)}};export{W as TimeSelector,W as default};
+import{b as c,c as S}from"../../../chunk-C5N2D3ZX.js";import{Fragment as X,jsx as e,jsxs as f}from"react/jsx-runtime";import T,{UUID as $,Time as m}from"jmini";import{useState as P,useEffect as w}from"react";import{Box as M,Grid as E,FAI as B,Column as F,FlexMargin as D}from"../../../atoms";import{Row as b,Literal as y}from"../../../mols";import{Button as k}from"../../Button";import N from"../../Sheet";import _ from"../Select";import{LeftIcon as O,RightIcon as I}from"..";import{InputTimeClasses as V}from"../../../@styles/componentClasses";import L from"../Drum";const J=t=>{let{restrict:i}=t;return i=="year"?e(h.Year,c({},t)):i=="month"?e(h.Month.index,c({},t)):i=="week"?"[DEV]":i=="date"?e(h.Date.index,c({},t)):i=="locale.jp.warekiDate"?e(h.Locale.JP.WarekiDate.index,c({},t)):i=="clock"?e(h.Clock.index,c({},t)):i=="period.clock"?e(h.Period.Clock.index,c({},t)):i=="period.month"?e(h.Period.Month.index,c({},t)):i=="period.date"?e(h.Period.Date.index,c({},t)):null},h={YearOptions:t=>{var s,o,l;let i=[],v=(s=t==null?void 0:t.min)!=null?s:1900,r=(o=t==null?void 0:t.max)!=null?o:m().addYear(10).year;for(let n=v;n<=r;n++){let a=[n],[d,u]=T.transformer.wareki(n).value;((l=t.showJPWareki)==null||l)&&(d&&a.push(e(y.Supplement,{fontSize:"0.xs",fontColor:"4.thin",children:d},1)),u&&a.push(f(y.Supplement,{fontSize:"0.xs",fontColor:"4.thin",children:["[",u,"]"]},2))),i[t.reverse?"unshift":"push"]({value:n,label:e(b.Center,{gap:["1/12","1/4"],verticalAlign:"baseline",flexWrap:!0,children:a})})}return i},calendartypeState:()=>{let[t,i]=P(localStorage.getItem("@env/input/time/selector/calendartype")||"calendar");return w(()=>{localStorage.setItem("@env/input/time/selector/calendartype",String(t))},[t]),[t,i]},Year:t=>{let{min:i,max:v}=t,[r,s]=P(T.scope(()=>{let[o]=String(t.defaultValue).split(/\D/);return{eventType:"init",from:m().setYear(Number(o||m().year))}}));return w(()=>{t.onValueUpdate({value:String(r.from.year||null),era:"year",eventType:r.eventType})},[r]),f(F,{freeCSS:{minWidth:12*16},children:[f(b.Left,{flexWrap:!0,children:[f(y.Paragraph,{children:[r.from.year||"----","\u5E74"]}),e(k.Border.XS,{fontColor:"theme",borderRadius:"2.tone.secondary",onClick:()=>{let o=m();s({eventType:"update",from:o})},children:"\u4ECA\u5E74"}),e(D,{})]}),e(M,{borderTop:!0}),e(L,{override:"force",value:r.from.year||null,options:h.YearOptions({min:Number(i)||void 0,max:Number(v)||void 0}),onUpdateValidValue:o=>{s(l=>({eventType:"update",from:l.from.clone().setYear(Number(o))}))}}),e(h.Parts.FooterNav,S(c({},t),{set_value:s,onClear:()=>{s(o=>({eventType:"update",from:m(null)}))}}))]})},Month:{index:t=>{let{min:i,max:v}=t,[r,s]=P(T.scope(()=>{let[o,l]=String(t.defaultValue).split(/\D/);(T.isNullish(o)||T.isNullish(l))&&([o,l]=m().toFormat("%Y-%M").split("-"));let n=m(),a=m().setYear(Number(o)||n.year).setMonth(Number(l)||n.month).setDate(1);return{eventType:"init",from:a,display:a}}));return w(()=>{t.onValueUpdate({value:r.from.toFormatYM(),era:"year",eventType:r.eventType})},[r]),f(F,{freeCSS:{minWidth:12*16},children:[f(b.Left,{gap:"1/2",children:[e(y.Paragraph,{children:r.from.toFormatYM("JP")||"----/--"}),e(k.Border.XS,{fontColor:"theme",borderRadius:"2.tone.secondary",onClick:()=>{let o=m();s({eventType:"update",from:o,display:o})},children:"\u4ECA\u6708"}),e(D,{})]}),e(M,{borderTop:!0}),e(h.Parts.DrumSelector,{type:"month",min:i,max:v,value:r.from,onChange:o=>{s(S(c({},r),{eventType:"update",from:o}))}}),e(h.Parts.FooterNav,S(c({},t),{set_value:s,onClear:()=>{s(o=>S(c({},o),{eventType:"commit",from:m(null)}))}}))]})}},Date:{index:t=>{let{min:i,max:v}=t,[r,s]=h.calendartypeState(),[o,l]=P(T.scope(()=>{var g;let[n,a,d]=(g=String(t.defaultValue))==null?void 0:g.split(/\D/);(T.isNullish(n)||T.isNullish(a)||T.isNullish(d))&&([n,a,d]=m().toFormat("%Y-%M-%D").split("-"));let u=m(),p=m([Number(n)||u.year,(Number(a)||u.month).zeroEmbed(2),(Number(d)||u.date).zeroEmbed(2)].join("/"));return{eventType:"init",era:"year",display:p,from:p}}));return w(()=>{t.onValueUpdate({value:o.from.toFormatYMD(),era:"year",eventType:o.eventType})},[o]),f(F,{freeCSS:{minWidth:12*16},children:[f(b.Left,{flexWrap:!0,gap:"1/2",children:[e(y.Paragraph,{children:o.from.toFormatYMD("JP")||"----/--/--"}),e(k.Border.XS,{fontColor:"theme",borderRadius:"2.tone.secondary",onClick:()=>{let n=m();l({eventType:"update",era:"year",from:n,display:n})},children:"\u4ECA\u65E5"}),e(D,{}),f(k.Border.S,{padding:["1/6","1/2"],fontColor:"3.blur",fontSize:"0.xs",onClick:()=>{s(n=>n=="calendar"?"drum":"calendar")},children:[r=="calendar"&&"\u30C9\u30E9\u30E0",r=="drum"&&"\u30AB\u30EC\u30F3\u30C0\u30FC","\u8868\u793A"]})]}),e(M,{borderTop:!0}),r=="calendar"&&f(X,{children:[f(b.Center,{gap:"1/2",children:[e(_,{override:"force",emptySelect:!1,value:o.display.year,options:h.YearOptions({reverse:!0}),fontSize:"1.mini",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,pickerStyles:{freeCSS:{minWidth:12*12}},onUpdateValidValue:n=>{l(a=>S(c({},a),{eventType:"update",display:a.display.clone().setYear(Number(n))}))},rightIcon:e(I,{right:"2/3",children:e(B.AngleDown,{})})}),e(_,{override:"force",emptySelect:!1,value:o.display.month,options:(()=>{let n=[];for(let a=1;a<=12;a++)n.push({value:a,label:String(a)+"\u6708"});return n})(),fontSize:"1.mini",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,pickerStyles:{freeCSS:{minWidth:12*8}},rightIcon:e(I,{right:"2/3",children:e(B.AngleDown,{})}),onUpdateValidValue:n=>{l(a=>S(c({},a),{eventType:"update",display:a.display.clone().setMonth(Number(n))}))}}),e(h.Parts.ShiftButtons,{callback:n=>{l(a=>S(c({},a),{eventType:"update",display:a.display.clone().addMonth(n)}))}})]}),f(F,{children:[e(M,{margin:"auto",freeCSS:{minWidth:"50%"},UnderBreakPointStyles:{margin:0},children:h.Parts.Calendar({min:i,max:v,onTitleRender:n=>"",targetMonth:o.display,from:o.from,onChange:n=>{l(a=>S(c({},a),{eventType:"update",from:n}))}})}),e(M,{unitHeight:"1/4",isRounded:!0,backgroundColor:"cloud",margin:1,ssHiddenOnBreak:!0}),f(b.Center,{verticalAlign:"unset",ssHiddenOnBreak:!0,children:[e(M,{flexSizing:0,children:h.Parts.Calendar({min:i,max:v,onTitleRender:n=>e(y.Supplement,{children:f(b.Center,{gap:"1/2",children:[e(y,{isSemiBoldFont:!0,children:n.toFormatYM("JP")}),e(y,{fontColor:"4.thin",children:"[\u524D\u6708]"})]})}),targetMonth:o.display.clone().addMonth(-1),from:o.from,onChange:n=>{l(a=>S(c({},a),{eventType:"update",from:n}))}})}),e(M,{unitWidth:"1/4",isRounded:!0,backgroundColor:"cloud",margin:1}),e(M,{flexSizing:0,children:h.Parts.Calendar({min:i,max:v,onTitleRender:n=>e(y.Supplement,{children:f(b.Center,{gap:"1/2",children:[e(y,{isSemiBoldFont:!0,children:n.toFormatYM("JP")}),e(y,{fontColor:"4.thin",children:"[\u7FCC\u6708]"})]})}),targetMonth:o.display.clone().addMonth(1),from:o.from,onChange:n=>{l(a=>S(c({},a),{eventType:"update",from:n}))}})})]})]})]}),r=="drum"&&e(h.Parts.DrumSelector,{type:"date",min:i,max:v,value:o.from,onChange:n=>{l(S(c({},o),{eventType:"update",from:n}))}}),e(h.Parts.FooterNav,S(c({},t),{set_value:l,onClear:()=>{l(n=>S(c({},n),{eventType:"commit",from:m(null)}))}}))]})}},Locale:{JP:{WarekiDate:{index:t=>{var l;let{min:i,max:v}=t,[r,s]=P(T.scope(()=>{var C;let[n,a,d]=(C=String(t.defaultValue))==null?void 0:C.split(/\D/),u=t.era||"year";if(T.isNullish(n)||T.isNullish(a)||T.isNullish(d)){let x=m();u=="heisei"?x.setYear(1989):u=="shouwa"?x.setYear(1926):u=="taisho"?x.setYear(1912):u=="meiji"&&x.setYear(1868),[n,a,d]=x.toFormat("%Y-%M-%D").split("-")}let p=m();return{eventType:"init",from:m([Number(n)||p.year,(Number(a)||p.month).zeroEmbed(2),(Number(d)||p.date).zeroEmbed(2)].join("/"))}}));w(()=>{t.onValueUpdate({value:r.from.toFormatYMD(),era:r.from.wareki.toLower(),eventType:r.eventType})},[r]);let o={year:{label:"\u897F\u66A6",min:"1900/01/01",max:"2100/12/31"},reiwa:{label:"\u4EE4\u548C",min:"2019/05/01",max:m().addYear(10).setMonth(12).setDate(31).toFormatYMD()},heisei:{label:"\u5E73\u6210",min:"1989/01/08",max:"2019/04/30"},showa:{label:"\u662D\u548C",min:"1926/12/25",max:"1989/01/07"},taisho:{label:"\u5927\u6B63",min:"1912/07/30",max:"1926/12/24"},meiji:{label:"\u660E\u6CBB",min:"1868/09/08",max:"1912/07/29"}};return f(F,{children:[f(b.Left,{gap:"1/4",flexWrap:!0,children:[f(y.Paragraph,{children:[r.from.warekiLabel,(l=r.from.warekiYear)==null?void 0:l.zeroEmbed(2),"\u5E74",r.from.toFormatMD("JP")]}),e(D,{})]}),e(M,{borderTop:!0}),e(b.Left,{gap:"1/2",flexWrap:!0,children:["reiwa","heisei","showa","taisho","meiji"].map((n,a)=>{let d=o[n];return d?e(k.Border.S,{onClick:()=>{let u=r.from;if(n=="reiwa"||n=="year")u=m();else{let p=m(d.min),g=m(d.max);p.value>r.from.value&&(u=p),r.from.value>g.value&&(u=g)}if(i){let p=m(i);u.value<p.value&&(u=p)}if(v){let p=m(v);p.value<u.value&&(u=p)}s(S(c({},r),{eventType:"update",from:u}))},children:d.label},a):null})}),e(h.Parts.DrumSelector,{type:"locale.jp.warekiDate",min:t.min,max:t.max,value:r.from,onChange:n=>{s(S(c({},r),{eventType:"update",from:n}))}}),e(h.Parts.FooterNav,S(c({},t),{set_value:s,onClear:()=>{s({eventType:"commit",from:m(null)})}}))]})}}}},Clock:{index:t=>{let[i,v]=P(T.scope(()=>{let a=String(t.defaultValue).split(/[^\d]/);if(!a[0]){let p=m();a=[p.hours,p.minutes]}let d=Number(a[0]),u=Number(a[1]);return{eventType:"init",from:m().setHours(d).setMinutes(u)}}));w(()=>{t.onValueUpdate({value:i.from.toFormatHM(),era:"clock",eventType:i.eventType})},[i]);let[r,s]=h.Clock.minutesUnitState(),o=m().setFromFormatHHMM(t.min||"00:00"),l=m().setFromFormatHHMM(t.max||"23:59");const n=(a,d)=>{v(u=>{let p=u.from.clone();return T.isExist(a)&&p.setHours(a),T.isExist(d)&&p.setMinutes(d),p.toFormatHM().toNumber()>l.toFormatHM().toNumber()&&(p=l.clone()),p.toFormatHM().toNumber()<o.toFormatHM().toNumber()&&(p=o.clone()),S(c({},u),{eventType:"update",from:p})})};return f(F,{freeCSS:{minWidth:12*16},children:[f(b.Left,{gap:"1/2",flexWrap:!0,children:[f(b.Center,{gap:"1/2",children:[e(M,{className:V("ClockBase"),children:e(h.Clock.UI,{val_value:i})}),f(M,{textAlign:"center",fontHeight:1.2,children:[f(y.Paragraph,{children:[i.from.hours.zeroEmbed(2)," : ",i.from.minutes.zeroEmbed(2)]}),f(y.Supplement,{fontColor:"4.thin",children:[i.from.hours>=12&&"PM"||"AM",i.from.hours%12,":",i.from.minutes.zeroEmbed(2)]})]})]}),e(k.Border.XS,{borderRadius:"2.tone.secondary",fontColor:"theme",onClick:()=>{let a=m().setSeconds(0);a.minutes=Math.round(a.minutes/r)*r,n(a.hours,a.minutes)},children:"\u73FE\u6642\u523B"}),e(D,{}),e(_,{emptySelect:!1,value:r,paddingLeft:3.5,leftIcon:e(O,{left:"2/3",children:"\u5358\u4F4D"}),pickerPosition:4,pickerStyles:{freeCSS:{minWidth:12*8}},padding:"1/2",options:[{value:10,label:"10\u5206"},{value:5,label:"5\u5206"},{value:1,label:"1\u5206"}],tabIndex:-1,onUpdateValidValue:a=>{s(a||1)}})]}),e(M,{borderTop:!0}),f(b.Center,{gap:"1/2",children:[e(L,{freeCSS:{maxHeight:12*12},override:"force",options:[{value:0,label:"\u5348\u524D"},{value:12,label:"\u5348\u5F8C"}],value:i.from.hours>=12?12:0,onUpdateValidValue:a=>{let d=i.from.hours%12+a;n(d)}}),e(L,{override:"force",value:i.from.hours,options:Array.from({length:24}).map((a,d)=>{let u=d;return o.hours>u||l.hours<u?null:{value:u,label:u.zeroEmbed(2)}}),onUpdateValidValue:a=>{n(a)}}),e(y,{isSemiBoldFont:!0,children:"\u6642"}),e(L,{override:"force",value:i.from.minutes,options:Array.from({length:60}).map((a,d)=>{let u=d;return u!=59&&(r==5&&u%5!=0||r==10&&u%10!=0)?null:{value:u,label:u.zeroEmbed(2)}}),onUpdateValidValue:a=>{n(void 0,a)}},r),e(y,{isSemiBoldFont:!0,children:"\u5206"})]}),e(h.Parts.FooterNav,S(c({},t),{set_value:v,onClear:()=>{v({eventType:"commit",from:m(null)})}}))]})},minutesUnitState:()=>{let[t,i]=P(Number(localStorage.getItem("@env/input/time/selector/clock/minutesUnit")||10));return w(()=>{localStorage.setItem("@env/input/time/selector/clock/minutesUnit",String(t))},[t]),[t,i]},UI:t=>{let{val_value:i}=t;return e(M,{className:V("ClockUiBase"),flexCenter:!0,children:f(M,{className:V("ClockUi"),backgroundColor:"theme.opa.low",isRounded:!0,position:"relative",children:[e(M,{position:"absolute",backgroundColor:"theme",unitWidth:"1/12",className:[V("Needle"),V("hour")].join(" "),freeCSS:{transform:`rotate(${i.from.hours*30+i.from.minutes/2}deg)`}}),e(M,{position:"absolute",backgroundColor:"theme",unitWidth:"1/12",className:[V("Needle"),V("minute")].join(" "),freeCSS:{transform:`rotate(${i.from.minutes*6}deg)`}})]})})}},Period:{Clock:{index:t=>{let{min:i,max:v}=t,[r,s]=h.Clock.minutesUnitState(),[o,l]=P(T.scope(()=>{let[u,p]=T.Arrayify(t.defaultValue),g=m().setFromFormatHHMM(u||"09:00"),C=m().setFromFormatHHMM(p||"18:00");return{eventType:"init",forcus:0,display:g,from:g,to:C}}));w(()=>{if(!o.to.value)return;if(o.from.value>o.to.value){l(p=>S(c({},p),{eventType:"update",from:p.to,to:p.from}));return}t.onValueUpdate({value:[o.from.toFormatHM(),o.to.toFormatHM()],era:"clock",eventType:o.eventType})},[o]);let n=m().setFromFormatHHMM(t.min||"00:00"),a=m().setFromFormatHHMM(t.max||"23:59");const d=(u,p,g)=>{l(C=>{let x=C[u].clone();return T.isExist(p)&&x.setHours(p),T.isExist(g)&&x.setMinutes(g),x.toFormatHM().toNumber()>a.toFormatHM().toNumber()&&(x=a.clone()),x.toFormatHM().toNumber()<n.toFormatHM().toNumber()&&(x=n.clone()),S(c({},C),{eventType:"update",[u]:x})})};return f(F,{width:1,freeCSS:{minWidth:12*24},children:[f(b.Left,{flexWrap:!0,children:[f(b.Left,{gap:"1/2",children:[e(y.Paragraph,{children:o.from.toFormatHM()||"--:--"}),e(y.Supplement,{children:"-"}),e(y.Paragraph,{children:o.to.toFormatHM()||"--:--"})]}),e(D,{}),e(_,{emptySelect:!1,value:r,paddingLeft:3.5,leftIcon:e(O,{left:"2/3",children:"\u5358\u4F4D"}),pickerPosition:4,pickerStyles:{freeCSS:{minWidth:12*8}},padding:"1/2",options:[{value:10,label:"10\u5206"},{value:5,label:"5\u5206"},{value:1,label:"1\u5206"}],tabIndex:-1,onUpdateValidValue:u=>{s(u||1)}})]}),e(M,{borderBottom:"1.thin"}),e(h.Period.Preset,S(c({},t),{onPreset:(u,p)=>{l({eventType:"update",forcus:0,display:m(u),from:m(u),to:m(p)})}})),f(b.Center,{gap:"1/2",children:[e(L,{override:"force",value:o.from.hours,options:Array.from({length:24}).map((u,p)=>{let g=p;return n.hours>g||a.hours<g?null:{value:g,label:g.zeroEmbed(2)+"\u6642"}}),onUpdateValidValue:u=>{d("from",u)}}),e(L,{override:"force",value:o.from.minutes,options:Array.from({length:60}).map((u,p)=>{let g=p;return g!=59&&(r==5&&g%5!=0||r==10&&g%10!=0)?null:{value:g,label:g.zeroEmbed(2)+"\u5206"}}),onUpdateValidValue:u=>{d("from",void 0,u)}},r+"-from"),e(y,{isSemiBoldFont:!0,children:"~"}),e(L,{override:"force",value:o.to.hours,options:Array.from({length:24}).map((u,p)=>{let g=p;return n.hours>g||a.hours<g?null:{value:g,label:g.zeroEmbed(2)+"\u6642"}}),onUpdateValidValue:u=>{d("to",u)}}),e(L,{override:"force",value:o.to.minutes,options:Array.from({length:60}).map((u,p)=>{let g=p;return g!=59&&(r==5&&g%5!=0||r==10&&g%10!=0)?null:{value:g,label:g.zeroEmbed(2)+"\u5206"}}),onUpdateValidValue:u=>{d("to",void 0,u)}},r+"-to")]}),e(h.Parts.FooterNav,S(c({},t),{set_value:l,onClear:()=>{l({eventType:"commit",forcus:0,display:m(),from:m(null),to:m(null)})}}))]})}},Date:{index:t=>{let{min:i,max:v}=t,[r,s]=P(T.scope(()=>{let[o,l]=T.Arrayify(t.defaultValue),n=m(o||void 0).setFirstOfDay(),a=m(l||null).setFirstOfDay();return{eventType:"init",forcus:0,display:n,from:n,to:a}}));return w(()=>{if(!r.to.value)return;if(r.from.value>r.to.value){s(l=>S(c({},l),{eventType:"update",from:l.to,to:l.from}));return}t.onValueUpdate({value:[r.from.toFormatYMD(),r.to.toFormatYMD()],era:"year",eventType:r.eventType})},[r]),f(F,{freeCSS:{minWidth:12*16},children:[f(b.Left,{gap:"1/2",flexWrap:!0,children:[e(y.Supplement,{fontColor:"4.thin",children:"from"}),f(k.Sub,{color:"cloud",isSemiBoldFont:!0,fontColor:"inherit",onClick:()=>{s(o=>S(c({},o),{forcus:0}))},children:[r.from.toFormatYMD()||"----/--/--",r.forcus==0&&e(h.Parts.PeriodFocusSign,{})]}),e(y.Supplement,{fontColor:"4.thin",children:"to"}),f(k.Sub,{color:"cloud",isSemiBoldFont:!0,fontColor:"inherit",onClick:()=>{s(o=>S(c({},o),{forcus:1}))},children:[r.to.toFormatYMD()||"----/--/--",r.forcus==1&&e(h.Parts.PeriodFocusSign,{})]}),e(D,{}),f(b.Right,{gap:"1/2",marginLeft:"auto",children:[e(_,{emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,fontSize:"1.mini",pickerStyles:{freeCSS:{minWidth:12*12}},rightIcon:e(I,{right:"2/3",children:e(B.AngleDown,{})}),options:h.YearOptions({reverse:!0}),value:r.display.year,onUpdateValidValue:o=>{s(l=>S(c({},l),{eventType:"update",display:l.display.clone().setYear(Number(o))}))}}),e(_,{emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,fontSize:"1.mini",pickerStyles:{freeCSS:{minWidth:12*9}},rightIcon:e(I,{right:"2/3",children:e(B.AngleDown,{})}),options:[{value:1,label:"1\u6708"},{value:2,label:"2\u6708"},{value:3,label:"3\u6708"},{value:4,label:"4\u6708"},{value:5,label:"5\u6708"},{value:6,label:"6\u6708"},{value:7,label:"7\u6708"},{value:8,label:"8\u6708"},{value:9,label:"9\u6708"},{value:10,label:"10\u6708"},{value:11,label:"11\u6708"},{value:12,label:"12\u6708"}],value:r.display.month,onUpdateValidValue:o=>{s(l=>S(c({},l),{eventType:"update",display:l.display.clone().setMonth(Number(o)).setDate(1)}))}}),e(h.Parts.ShiftButtons,{callback:o=>{s(l=>S(c({},l),{eventType:"update",display:l.display.clone().addMonth(o)}))}})]})]}),e(M,{borderBottom:"1.thin"}),e(h.Period.Preset,S(c({},t),{onPreset:(o,l)=>{s({eventType:"update",forcus:0,display:m(o),from:m(o),to:m(l)})}})),e(b.Left,{verticalAlign:"top",flexWrap:!0,gap:2,children:Array.from({length:4}).map((o,l)=>{let n=h.Parts.Calendar({min:i,max:v,targetMonth:r.display.clone().addMonth(l-1),from:r.from,to:r.to,onTitleRender:a=>{let d=a.diff(r.display).months;return e(y.Supplement,{ssHiddenOnBreak:!0,children:f(b.Center,{gap:"1/2",children:[e(y,{isSemiBoldFont:!0,children:a.toFormatYM("JP")}),e(y,{fontColor:"4.thin",children:["[\u524D\u6708]","","[\u7FCC\u6708]","[\u7FCC\u3005\u6708]"][d+1]})]})})},onChange:a=>{if(r.forcus==0){s(d=>S(c({},d),{eventType:"update",forcus:1,from:a,to:m(null)}));return}s(d=>S(c({},d),{eventType:"update",to:a}))}});return e(M,{flexSizing:"auto",ssHiddenOnBreak:l!=1,children:n},l)})}),e(h.Parts.FooterNav,S(c({},t),{set_value:s,onClear:()=>{s({eventType:"update",forcus:0,display:m(),from:m(null),to:m(null)})}}))]})}},Month:{index:t=>{let{min:i,max:v}=t,[r,s]=P(T.scope(()=>{let[o,l]=T.Arrayify(t.defaultValue),n=m(o||void 0).setDate(1).setFirstOfDay(),a=m(l||null).setDate(1).setFirstOfDay();return{eventType:"init",forcus:0,display:n,from:n,to:a}}));return w(()=>{if(!r.to.value)return;if(r.from.value>r.to.value){s(l=>S(c({},l),{eventType:"update",from:l.to,to:l.from}));return}t.onValueUpdate({value:[r.from.toFormatYM(),r.to.toFormatYM()],era:"year",eventType:r.eventType})},[r]),f(F,{freeCSS:{minWidth:12*16},children:[f(b.Left,{gap:"1/2",flexWrap:!0,children:[e(y.Supplement,{fontColor:"4.thin",children:"from"}),f(k.Sub,{color:"cloud",isSemiBoldFont:!0,fontColor:"inherit",onClick:()=>{s(o=>S(c({},o),{forcus:0}))},children:[r.from.toFormatYM("JP")||"----/--",r.forcus==0&&e(h.Parts.PeriodFocusSign,{})]}),e(y.Supplement,{fontColor:"4.thin",children:"to"}),f(k.Sub,{color:"cloud",isSemiBoldFont:!0,fontColor:"inherit",onClick:()=>{s(o=>S(c({},o),{forcus:1}))},children:[r.to.toFormatYM("JP")||"----/--",r.forcus==1&&e(h.Parts.PeriodFocusSign,{})]}),e(D,{}),f(b.Left,{flexWrap:!0,gap:"1/2",marginLeft:"auto",children:[e(_,{emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,fontSize:"1.mini",pickerStyles:{freeCSS:{minWidth:12*12}},rightIcon:e(I,{right:"2/3",children:e(B.AngleDown,{})}),options:h.YearOptions({reverse:!0}),value:r.display.year,onUpdateValidValue:o=>{s(l=>S(c({},l),{eventType:"update",display:l.display.clone().setYear(Number(o))}))}}),e(h.Parts.ShiftButtons,{callback:o=>{s(l=>S(c({},l),{eventType:"update",display:l.display.clone().addYear(o)}))}})]})]}),e(M,{borderBottom:"1.thin"}),e(h.Period.Preset,S(c({},t),{onPreset:(o,l)=>{s({eventType:"update",forcus:0,display:m(o),from:m(o),to:m(l)})}})),e(b.Left,{verticalAlign:"top",flexWrap:!0,gap:2,UnderBreakPointStyles:{gap:1},children:Array.from({length:4}).map((o,l)=>{let n=h.Period.Month.Calendar({min:i,max:v,targetYear:r.display.year+l-1,from:r.from.getFirstDayOfMonth(),to:r.to.getLastDayOfMonth(),onTitleRender:a=>{let d=a-r.display.year;return e(y.Supplement,{children:f(b.Left,{gap:"1/2",children:[f(y,{isSemiBoldFont:!0,children:[a,"\u5E74"]}),e(y,{fontColor:"4.thin",children:["[\u524D\u5E74]","","[\u7FCC\u5E74]","[\u7FCC\u3005\u5E74]"][d+1]})]})})},onChange:a=>{if(r.forcus==0){s(d=>S(c({},d),{eventType:"update",forcus:1,from:a,to:m(null)}));return}s(d=>S(c({},d),{eventType:"update",to:a}))}});return e(M,{flexSizing:"auto",ssHiddenOnBreak:l<1||l>2,freeCSS:{minWidth:"35%"},children:n},l)})}),e(h.Parts.FooterNav,S(c({},t),{set_value:s,onClear:()=>{s({eventType:"update",forcus:0,display:m(),from:m(null),to:m(null)})}}))]})},Calendar:t=>{let{targetYear:i,from:v,to:r,onTitleRender:s=n=>f(y.Supplement,{isSemiBoldFont:!0,children:[n,"\u5E74"]})}=t,o=m(),l=[];for(let n=1;n<=12;n++){let a=m().setYear(t.targetYear).setMonth(n).setDate(1),d=!1;if(t.min){let x=m(t.min).getLastDayOfMonth();x&&a.value<x.value&&(d=!0)}if(t.max){let x=m(t.max).getLastDayOfMonth();x&&x.value<a.value&&(d=!0)}let u=v.year==i&&v.month==a.month,p=!1,g=!1;r&&r.validate&&(p=a.isInRange(v,r),g=r.year==i&&r.month==a.month);let C=o.year==i&&o.month==a.month;l.push(f(k.Clear.S,{isLocked:d,color:"cloud",border:"1.thin",isActive:u||g||p,isActiveStyles:u||g?{fontColor:"white",backgroundColor:"theme",borderColor:"theme",boxShadow:"0.remark"}:{backgroundColor:"theme.opa.few",fontColor:"theme",borderColor:"0.trans"},fontSize:"inherit",ssEffectsOnActive:"shrink",tabIndex:-1,freeCSS:{whiteSpace:"nowrap",minWidth:12*3,minHeight:12*3},flexCenter:!0,onClick:()=>{t.onChange(a)},children:[f(b.Center,{gap:"1/2",children:[e(y,{children:a.month}),e(y.Supplement,{opacity:"middle",children:["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"][a.month]})]}),C&&e(h.Parts.CurrentSign,{})]},i+"-"+a.month))}return f(F,{gap:"1/2",children:[s(t.targetYear),e(E,{flexWrap:!0,gridCols:4,gap:"1/6",children:l})]},t.targetYear)}},Preset:t=>t.periodPresets?e(b.Right,{gap:"1/2",flexWrap:!0,children:t.periodPresets.map((i,v)=>e(k.Border.S,{padding:["1/4",1],onClick:()=>{t.onPreset(i.from,i.to)},children:i.label},v))}):null},Parts:{FooterNav:t=>t.commitFooter?f(b.Left,{ssCardBox:!0,border:!1,borderTop:"1.thin",padding:"1/2",boxShadow:"0.remark",position:"sticky",bottom:1,gap:"1/2",freeCSS:{zIndex:10},children:[f(k.Sub.S,{color:"cloud",tabIndex:-1,fontSize:"1.mini",borderRadius:"2.tone.secondary",flexSizing:"none",onClick:()=>{t.onClear()},children:[e(B.X,{})," \u30EA\u30BB\u30C3\u30C8"]}),e(h.Parts.MinMax,{restrict:t.restrict,min:t.min,max:t.max}),e(D,{}),e(k.Prime.S,{tabIndex:-1,freeCSS:{minWidth:12*6},onClick:()=>{t.onCommit&&t.onCommit(),t.set_value(i=>S(c({},i),{eventType:"commit"}))},children:"\u6C7A\u5B9A"})]}):null,ShiftButtons:t=>f(b.Center,{gap:"1/3",fontSize:"1.mini",children:[e(k.Sub,{className:V("LeftButton"),tabIndex:-1,right:0,position:"relative",ssSquare:2.5,onClick:()=>{t.callback(-1)},children:e(B.ChevronLeft,{})}),e(k.Sub,{className:V("RightButton"),tabIndex:-1,left:0,position:"relative",ssSquare:2.5,onClick:()=>{t.callback(1)},children:e(B.ChevronRight,{})})]}),Calendar:t=>{let{targetMonth:i,from:v,to:r,onTitleRender:s=x=>e(y.Supplement,{isSemiBoldFont:!0,children:x.toFormatYM("JP")})}=t,o=m();if(!t.targetMonth.validate)return null;let l=i.clone().setDate(1),n=l.getLastDayOfMonth(),a=m(l).addMonth(-1).getLastDayOfMonth().date,d=[],u=[],p=[],g=[];for(var C=0;C<7;C++){let x=C==6,R=C==0;d.push(e(y,{textAlign:"center",fontSize:"0.xs",fontColor:x?"googleBlue":R?"googleRed":"inherit",children:T.transformer.weekday.shortJP(C)},C))}for(var C=0;C<l.weekday;C++)u.unshift(e(y.Supplement,{fontColor:"4.thin",flexCenter:!0,children:a-C},C));for(var C=1;C<=n.date;C++){let R=i.clone().setDate(C),A=v.isSameDate(R),z=!1,H=!1;r&&r.validate&&(z=R.isInRange(v,r),H=r.isSameDate(R));let j=o.isSameDate(R),U=!1;if(t.min){let Y=m(t.min);Y&&R.value<Y.value&&(U=!0)}if(t.max){let Y=m(t.max);Y&&Y.value<R.value&&(U=!0)}p.push(f(k.Clear.S,{isLocked:U,color:"cloud",border:"1.thin",isActive:A||H||z,isActiveStyles:A||H?{fontColor:"white",backgroundColor:"theme",borderColor:"theme",boxShadow:"0.remark"}:{backgroundColor:"theme.opa.few",fontColor:"theme",borderColor:"0.trans"},freeCSS:{whiteSpace:"nowrap",minWidth:12*3,minHeight:12*3},flexCenter:!0,ssEffectsOnActive:"shrink",tabIndex:-1,onClick:()=>{t.onChange(R)},children:[C,j&&e(h.Parts.CurrentSign,{})]},R.toFormatYMD()))}for(var C=1;C<7-n.weekday;C++)g.push(e(y.Supplement,{flexCenter:!0,fontColor:"4.thin",children:C},C));return f(F,{gap:"1/2",children:[s(i)||"",f(E,{gridCols:7,gap:"1/6",children:[d,u,p,g]})]},i.toFormatYM())},DrumSelector:t=>{let{type:i,min:v,max:r,value:s}=t;const o=(n,a,d)=>{let u=t.value.clone();if(T.isExist(n)&&(u=u.setYear(n)),T.isExist(a)&&(u=u.setMonth(a)),T.isExist(d)&&(u=u.setDate(d)),v){let p=m(v);u.value<p.value&&(u=p)}if(r){let p=m(r);p.value<u.value&&(u=p)}t.onChange(u)};let l=s.getLastDayOfMonth().date;return f(b.Center,{gap:"1/2",children:[e(L,{override:"force",options:h.YearOptions({}),value:s.year,onUpdateValidValue:n=>{o(Number(n))}}),e(y,{isSemiBoldFont:!0,children:"\u5E74"}),e(L,{override:"force",options:Array.from({length:12}).map((n,a)=>{let d=a+1;return{value:d,label:d}}),value:s.month,onUpdateValidValue:n=>{o(void 0,Number(n))}}),e(y,{isSemiBoldFont:!0,children:"\u6708"}),i!="month"&&f(X,{children:[e(L,{override:"force",options:Array.from({length:31}).map((n,a)=>{let d=a+1;return d>l?null:{value:d,label:d}}),value:s.date,onUpdateValidValue:n=>{o(void 0,void 0,Number(n))}}),e(y,{isSemiBoldFont:!0,children:"\u65E5"})]})]})},MinMax:t=>{let{restrict:i,min:v,max:r}=t;if(!v&&!r)return null;let s=m(v||null),o=m(r||null),l="",n="";return i=="year"?(l=s.toFormat("%Y\u5E74"),n=o.toFormat("%Y\u5E74")):i.match(/month/)?(l=s.toFormatYM(),n=o.toFormatYM()):i.match(/date/)?(l=s.toFormatYMD(),n=o.toFormatYMD()):i.match(/clock/)&&(s=m().setFromFormatHHMM(v||""),o=m().setFromFormatHHMM(r||""),l=s.toFormatHM(),n=o.toFormatHM()),f(y.Supplement,{fontHeight:1.2,fontSize:"0.xs",children:[l&&f(y,{children:["\u6700\u5C0F: ",l]}),n&&f(y,{children:["\u6700\u5927: ",n]})]})},CurrentSign:()=>e(M,{position:"absolute",bottom:"1/6",left:"50%",width:1,unitHeight:"1/6",backgroundColor:"warn",freeCSS:{maxWidth:12*2.5,transform:"translateX(-50%)"},isRounded:!0}),PeriodFocusSign:()=>e(M,{position:"absolute",bottom:"1/4",left:"1/2",right:"1/2",backgroundColor:"theme",unitHeight:"1/4",boxShadow:"0.remark",isRounded:!0})}},W=J;W.picker={open:t=>{let i=null,v=null,r="L";t.restrict=="year"&&(r="S"),t.restrict=="month"&&(r="S"),t.restrict=="clock"?r="XS":(t.restrict=="locale.jp.warekiDate"||t.restrict=="period.clock")&&(r="S");let s=t.sheetID||$();N.open("middleCenter",{sheetID:s,size:r,padding:0,paddingTop:2,closeAtAroundClick:!0,closeAtParentBlur:!1,onClose:()=>{t.onValueUpdate({value:i,era:v,eventType:"commit"})},content:f(F,{children:[f(b.Left,{children:[e(D,{}),e(k.Sub.S,{color:"cloud",ssSphere:3,onClick:()=>{N.close(s)},children:e(B.X,{})})]}),e(N.Body,{children:e(F,{padding:1,children:e(J,{sheetID:s,restrict:t.restrict,commitFooter:!0,min:t.min,max:t.max,era:t.era,defaultValue:t.defaultValue,onValueUpdate:o=>{t.onValueUpdate(o),i=o.value,v=o.era,o.eventType=="commit"&&N.close(s)}})})})]})})},close:t=>{N.close(t)}};export{W as TimeSelector,W as default};

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

@@ -1 +1 @@
-import{a as re,b as i,c as I,d as Z}from"../../../chunk-C5N2D3ZX.js";import{Fragment as Ee,jsx as f,jsxs as le}from"react/jsx-runtime";import C,{UUID as $,useStore as W}from"jmini";import*as K from"jmini";import{useState as B,useEffect as z,useRef as me}from"react";import{$$fromRoot as ue,Config as ie,ExtractStyles as fe}from"../../../@utils";import{Box as H,FAI as de}from"../../../atoms";import{Literal as he}from"../../../mols";import{Button as oe}from"../../Button";import{faClock as ge}from"@fortawesome/free-solid-svg-icons/faClock";import{faCalendarAlt as ye}from"@fortawesome/free-solid-svg-icons/faCalendarAlt";import{OptionalInputWrapper as Se,BoxWrapper as Ie,CoreEffects as Y,DefaultBoxishStyles as ve}from"../core";import{RightIcon as Te}from"..";import we from"../Select";import{InputLabel as De}from"../Label";import{TimeSelector as ne}from"./Selector";const M=" ~ ",be={clock:{defaultValue:"--:--",format:/^\d{2}\D\d{2}$/,ranges:[{type:"hour",from:0,length:2},{type:"minute",from:3,length:2}],sets:1},date:{defaultValue:"----/--/--",format:/^\d{4}\D\d{2}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2},{type:"date",from:8,length:2}],sets:1},week:{defaultValue:"----\u5E74\u7B2C--\u9031",format:/^\d{4}\D\d{2}$/,ranges:[{type:"year",from:0,length:4,region:6},{type:"week",from:6,length:2,region:3}],sets:1},month:{defaultValue:"----\u5E74--\u6708",format:/^\d{4}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2,region:3}],sets:1},year:{defaultValue:"----\u5E74",format:/^\d{4}$/,ranges:[{type:"year",from:0,length:4,region:5}],sets:1},"period.clock":{defaultValue:"--:--",format:/^\d{2}\D\d{2}$/,ranges:[{type:"hour",from:0,length:2},{type:"minute",from:3,length:2},{type:"hour",from:5+M.length,length:2},{type:"minute",from:8+M.length,length:2}],sets:2},"period.date":{defaultValue:"----/--/--",format:/^\d{4}\D\d{2}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2},{type:"date",from:8,length:2,region:5},{type:"year",from:10+M.length,length:4},{type:"month",from:15+M.length,length:2},{type:"date",from:18+M.length,length:2}],sets:2},"period.month":{defaultValue:"----\u5E74--\u6708",format:/^\d{4}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2,region:6},{type:"year",from:8+M.length,length:4},{type:"month",from:13+M.length,length:2,region:3}],sets:2},"locale.jp.warekiDate":{defaultValue:"----\u5E74--\u6708--\u65E5",format:/^\d{4}\D\d{2}\D\d{2}$/,ranges:[{type:"locale.jp.warekiDate",from:0,length:4,region:5},{type:"month",from:5,length:2,region:3},{type:"date",from:8,length:2,region:3}],sets:1}},O={PeriodMargin:" ~ ",SyncValue:e=>{let{restrict:a,value:S,era:o}=e,d=C.Arrayify(S||""),{defaultValue:E,format:T,ranges:l,sets:r}=be[a],_=[],D=a.match(/clock/)?":":"/";for(let t=0;t<d.length;t++)d[t]=String(d[t]).replace(/\D/ig,D);for(let t=0;t<r;t++){let p=d[t]||"";if(!p.match(T))d[t]="",_.push(E);else{let m=E;p.split(/\D/).forEach((b,k)=>{if(k==0&&a=="locale.jp.warekiDate"){let h=Number(b);o!="year"&&(h>=2019?o=="reiwa"?h-=2018:o=="heisei"&&(h=31):h>=1989?o=="heisei"?h-=1988:o=="shouwa"&&(h=64):h>=1926?o=="shouwa"?h-=1925:o=="taisho"&&(h=15):h>=1912?o=="taisho"?h-=1911:o=="meiji"&&(h=45):h>=1868&&(h-=1867)),b=h.zeroEmbed(4)}m=m.replace(new RegExp("------------------".slice(0,b.length)),b)}),_.push(m)}}return{safeValue:_.join(M),rawValue:a.startsWith("period.")?d:d[0],ranges:l}},SystemValidation:e=>{let{states:a}=e,{restrict:S,min:o,max:d,required:E}=a,T=[],l=C.Arrayify(e.value),r={empty:!1,escalated:1,filled:!0,correct:!0,prohibited:!1};(()=>{let D=S.match(/clock/)?":":"/";for(let t=0;t<l.length;t++)l[t]=String(l[t]).replace(/\D/ig,D);for(let t=0;t<l.length;t++){let p=l[t],m=l[t-1];p.removeLetters()||(r.empty=!0),t>0&&(r.escalated&=+(p>=m))}r.escalated&&(r.empty||(S.match(/clock/)?l.forEach(t=>{let[p,m]=t.split(/\D+/);!p||!m?r.filled=!1:(Number(p)>23||Number(m)>59)&&(r.correct=!1)}):S.match(/date/)?l.forEach(t=>{let[p,m,b]=t.split(/\D+/);if(!p||!m||!b)r.filled=!1;else{let k=K.Time(t);(!k.validate||t!=k.toFormatYMD())&&(r.correct=!1)}}):S.match(/week/)?l.forEach(t=>{let[p,m]=t.split(/\D+/);if(!p||!m)r.filled=!1;else{let b=K.Time(p+"/01/01").weekday,h=K.Time(p+"/01/0"+(7-b+1)).addWeek(Number(m)-1);p!=String(h.year)&&(r.correct=!1)}}):S.match(/month/)?l.forEach(t=>{let[p,m]=t.split(/\D+/);!p||!m?r.filled=!1:K.Time([p,m,"01"].join("/")).validate||(r.correct=!1)}):S.match(/year/),r.filled&&r.correct&&l.forEach(t=>{{let p=Number(String(t).replace(/\D/ig,""));if(o&&Number(String(o).replace(/\D/ig,""))>p&&(r.prohibited=!0),d){let m=Number(String(d).replace(/\D/ig,""));p>m&&(r.prohibited=!0)}}})))})();{let{empty:D,escalated:t,filled:p,correct:m,prohibited:b}=r;D&&E&&(T=[{type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}]),t||T.push({type:"invalid",label:"\u6642\u7CFB\u5217\u3092\u6B63\u3057\u304F\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),m||T.push({type:"invalid",label:"\u7121\u52B9\u306A\u5024\u304C\u5165\u529B\u3055\u308C\u3066\u3044\u307E\u3059"}),p||T.push({type:"invalid",label:"\u6700\u5F8C\u307E\u3067\u5024\u3092\u57CB\u3081\u3066\u304F\u3060\u3055\u3044"}),b&&T.push({type:"invalid",label:le(Ee,{children:[f(H,{children:"\u5165\u529B\u7BC4\u56F2\u304C\u5236\u9650\u3055\u308C\u3066\u3044\u307E\u3059"}),"[",o||"\u4E0B\u9650\u7121\u3057","] ~ [",d||"\u4E0A\u9650\u7121\u3057","]"]})})}return{ok:!T.filter(({type:D})=>D=="invalid").length,notice:T}},KeyDownEvent:e=>{let{val_era:a,restrict:S,event:o,val_status:d,set_status:E,val_focus:T,set_focus:l}=e,{key:r,shiftKey:_,ctrlKey:D,metaKey:t}=o,p=D||t,{selectionStart:m,selectionEnd:b}=o.target,{index:k,prevIndex:h}=T,{ranges:q,safeValue:G}=d,F=q.length-1;if(C.is.oneOf(r,"Tab","ArrowLeft","ArrowRight")){let u=0;if(r=="Tab"){let c=+!_*2-1;if(u=T.index+c,u<0||u>F)return}else{let c=r=="ArrowLeft"?-1:r=="ArrowRight"?1:0;p||m==0&&b==String(d.safeValue).length?u=c==1?F:0:u=Math.max(0,Math.min(k+c,F))}l(c=>I(i({},c),{index:u,prevIndex:k})),o.preventDefault()}if(C.is.oneOf(r,"Backspace","ArrowUp","ArrowDown","0","1","2","3","4","5","6","7","8","9")){o.preventDefault();let u=k;u=Math.max(u,0),u=Math.min(u,F);let{type:c,from:X,length:Q}=q[u],j=G.slice(X,X+Q),v;if(r=="Backspace")v="------".slice(0,Q);else if(C.is.oneOf(r,"ArrowUp","ArrowDown")){let P=r=="ArrowUp"?1:-1;j=j|0,v=j+P;let[w,s,x]=c=="locale.jp.warekiDate"?a=="year"?[0,2999,4]:a=="reiwa"?[1,2999,4]:a=="heisei"?[1,31,4]:a=="shouwa"?[1,64,4]:a=="taisho"?[1,15,4]:a=="meiji"?[1,45,4]:[0,0,0]:c=="minute"?[0,59,2]:c=="hour"?[0,23,2]:c=="date"?[1,31,2]:c=="week"?[1,53,2]:c=="month"?[1,12,2]:c=="year"?[0,2999,4]:[0,0,0];v>s?v=w:v<w&&(v=s),v=Number(v).zeroEmbed(x)}else if(C.is.oneOf(r,"0","1","2","3","4","5","6","7","8","9")){let P=j|0,w=r,s=`${P}${w}`;if(h!=k&&(P=0,s="0"+w),c=="year"||c=="locale.jp.warekiDate"&&a=="year")Number(s)>1e4?v=w:v=s,(v|0)>1e3&&u++;else if(C.is.oneOf(c,"hour","minute","date","week","month")||c=="locale.jp.warekiDate"&&a!="year"){let x=c=="locale.jp.warekiDate"?a=="reiwa"?100:a=="heisei"?31:a=="shouwa"?64:a=="taisho"?15:a=="meiji"?45:0:c=="minute"?59:c=="hour"?23:c=="date"?31:c=="week"?53:c=="month"?12:0;v=(s|0)>x?w:s,(Number(w)>Number(String(x)[0])||j=="0000".slice(0,String(x).length)&&(s!="0000".slice(0,String(x).length)||C.is.oneOf(c,"minute","hour")&&h==k)||(s|0)>=re(10,String(x).length-1))&&u++}c=="year"||c=="locale.jp.warekiDate"?v=(v|0).zeroEmbed(4):v=(v|0).zeroEmbed(2)}{let P=String(G).partReplace(X,String(v)),w=P.split(M).map(s=>s.replace(/(^\D|\D$)/,"").split(/\D+/).join(S.match(/clock/)&&":"||"/").replace(/(^\D|\D$)/,""));if(S=="locale.jp.warekiDate"){let s=w[0].split(/\D/),[x,g,R]=s;s.length==3&&x&&(w=[[Number(x)-1+Number({year:1,reiwa:2019,heisei:1989,shouwa:1926,taisho:1912,meiji:1868}[a]),g,R].join("/")])}u=Math.max(u,0),u=Math.min(u,F),E(s=>I(i({},s),{rawValue:S.startsWith("period.")?w:w[0],safeValue:P,eventType:"update",eventID:$(12),isInspected:!1})),l(s=>I(i({},s),{index:u,prevIndex:s.index}))}}},Shallow:e=>{let{rootStates:a,val_status:S}=e,o=fe(a);return f(H,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:f(he.Description,I(i({className:a.className},o),{position:"absolute",width:1,freeCSS:I(i({},o.freeCSS),{color:"orange"}),children:f(H,{"data-input-value-shallow":S.componentId,children:"A"})}))})}},xe=e=>{let te=e,{tone:a,required:S,restrict:o="clock",componentId:d,era:E,form:T,name:l,min:r,max:_,className:D,enableFormSubmit:t,checkValidationAtFirst:p,onKeyDown:m,periodPresets:b,onValidate:k,onValidateDelay:h,onUpdateValue:q,onUpdateValidValue:G,onUserAction:F,value:u="",leftIndicator:c,rightIndicator:X,leftIcon:Q,rightIcon:j,freeCSS:v,wrapStyles:P}=te,w=Z(te,["tone","required","restrict","componentId","era","form","name","min","max","className","enableFormSubmit","checkValidationAtFirst","onKeyDown","periodPresets","onValidate","onValidateDelay","onUpdateValue","onUpdateValidValue","onUserAction","value","leftIndicator","rightIndicator","leftIcon","rightIcon","freeCSS","wrapStyles"]),[s,x]=B(E||"year"),[g,R]=B(I(i({componentId:e.componentId||""},O.SyncValue({restrict:o,value:u,era:s})),{ranges:[],eventType:"init",eventID:$(12)})),[J,N]=B({active:!1,index:0,prevIndex:-1}),se={rootStates:e,val_status:g,set_status:R,val_era:s,set_era:x,val_focus:J,set_focus:N};Y.CommonEffects({type:"time",states:e,val_status:g,set_status:R,SystemValidation:O.SystemValidation,ExtraOverrideStates:n=>O.SyncValue({restrict:o,value:n,era:s})}),z(()=>{R(n=>I(i(i({},n),O.SyncValue({restrict:o,value:u,era:s})),{isInspected:!1}))},[]);const ee=me(!1);return z(()=>{if(ee.current){R(y=>I(i(i({},y),O.SyncValue({restrict:o,value:y.rawValue,era:s})),{isInspected:!1}));let n=W.get("refreshEra_"+g.componentId);n&&n.refreshEra(s)}else ee.current=!0},[s]),W.update({[g.componentId]:{openPicker:n=>{e.disabled||ne.picker.open({restrict:o,era:E,defaultValue:g.rawValue,min:r,max:_,periodPresets:e.periodPresets,onValueUpdate:y=>{y.eventType=="commit"&&(R(A=>I(i(i({},A),O.SyncValue({restrict:o,value:y.value,era:y.era})),{eventType:"update",eventID:$(12),isInspected:!1,isValidated:!1,notice:[]})),x(y.era))}})},resetEra:n=>{x(n),R(y=>I(i(i({},y),O.SyncValue({restrict:o,value:"",era:s})),{eventType:"update",eventID:$(12),isInspected:!1}))}}}),z(()=>{let{index:n,active:y}=J;if(y){n=Math.max(n,0),n=Math.min(n,g.ranges.length-1);let{from:A,length:L}=g.ranges[n],U=ue("#"+e.id)[0];U&&U.setSelectionRange&&U.setSelectionRange(A,A+L)}R(A=>I(i({},A),{isFocusing:y}))},[J]),le(Ie,{val_status:g,set_status:R,states:e,children:[f(O.Shallow,i({},se)),f(De,{componentId:e.componentId,fontSize:e.fontSize,required:e.required,label:e.label,isActive:!0}),ie.get().isTouchDevice?f(oe.Plain,I(i({"data-show-validation":Y.isShowValidation(g,!!p),"data-component-id":g.componentId,"data-input-origin":g.componentId,"data-disabled":e.disabled,className:D,freeCSS:{textAlign:"left"}},w),{children:g.safeValue,onClick:n=>{let y=W.get(g.componentId);y&&y.openPicker(`[data-input-origin="${g.componentId}"]`),n.stopPropagation()},onFocus:()=>{N(n=>I(i({},n),{active:!0}))},onBlur:()=>{N(n=>I(i({},n),{active:!1}))}})):f(H,i({htmlTag:"input",type:"text",inputMode:"numeric","data-show-validation":Y.isShowValidation(g,!!p),"data-input-origin":g.componentId,"data-disabled":e.disabled,value:g.safeValue,className:D,tabIndex:ie.get().isTouchDevice?-1:0,onKeyDown:n=>{O.KeyDownEvent({restrict:o,event:n,val_era:s,val_status:g,set_status:R,val_focus:J,set_focus:N}),m&&m(n),t&&Y.SubmitForm(n,T)},onKeyUp:n=>{n.key=="Tab"&&N(y=>I(i({},y),{active:!0}))},onClick:n=>{let y=n.target.selectionEnd,A=0;g.ranges.forEach((L,U)=>{let{from:ae,length:ce,region:pe}=L;ae<=y&&y<=ae+(pe||ce)&&(A=U)}),N(L=>I(i({},L),{active:!0,index:A})),n.preventDefault()},onBlur:()=>{N(n=>I(i({},n),{active:!1}))},onChange:()=>{}},w))]})},V={Origin:e=>{let a=i({fontSize:"inherit",width:1,value:""},e);a.value=a.value||"";let[S]=B(e.componentId||$(12));if(a.componentId=S,C.is.nullish(a.rightIcon)){let o=(e.restrict||"").match(/clock/)?ge:ye;a.rightIcon=f(Te,{ssSphere:2.5,freeCSS:{pointerEvents:"all"},children:f(oe.Sub,{color:"cloud",border:"unset",ssSphere:2.5,fontColor:"theme",boxShadow:"0.normal",borderRadius:"3.tone.tertiary",flexCenter:!0,ssEffectsOnActive:"push",tabIndex:-1,id:"Picker-"+a.componentId,onClick:()=>{let d=W.get(a.componentId);d&&d.openPicker("#Picker-"+a.componentId)},children:f(de,{icon:o})})})}return f(Se,{componentId:a.componentId,children:xe,states:ve(a)})},Clock:e=>f(V.Origin,i({restrict:"clock",era:"clock"},e)),Date:e=>f(V.Origin,i({restrict:"date"},e)),Week:e=>f(V.Origin,i({restrict:"week"},e)),Month:e=>f(V.Origin,i({restrict:"month"},e)),Year:e=>f(V.Origin,i({restrict:"year"},e)),Locale:{JP:{WarekiDate:e=>{e=i({},e);let[a]=B(e.componentId||$(12));e.componentId=a;let T=e,{defaultEra:S="wareki"}=T,o=Z(T,["defaultEra"]),[d,E]=B((()=>{let l="year";if(S=="wareki"&&(l="reiwa",e.value)){let[r,_,D]=e.value.split(/\D/);if(r&&_&&D){let t=Number(r);t>=2019?(t-=2019,l="reiwa"):t>=1989?(t-=1989,l="heisei"):t>=1926?(t-=1926,l="shouwa"):t>=1912?(t-=1912,l="taisho"):t>=1868&&(t-=1868,l="meiji"),t+=1}}return l})());return z(()=>{W.set({["refreshEra_"+a]:{refreshEra:l=>{E(l)}}})},[]),f(V.Origin,I(i({restrict:"locale.jp.warekiDate",leftIndicator:f(we,{label:"\u5143\u53F7",emptySelect:!1,value:d,tone:e.tone||"border",override:"force",flexCenter:!0,borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3",height:1,freeCSS:{whiteSpace:"nowrap"},options:[{value:"year",label:"\u897F\u66A6"},{value:"reiwa",label:"\u4EE4\u548C"},{value:"heisei",label:"\u5E73\u6210"},{value:"shouwa",label:"\u662D\u548C"},{value:"taisho",label:"\u5927\u6B63"},{value:"meiji",label:"\u660E\u6CBB"}],onUpdateValidValue:l=>{E(l);let r=W.get(e.componentId);r&&r.resetEra&&r.resetEra(l)}})},o),{era:d}))}}},Periods:{Clock:e=>f(V.Origin,i({restrict:"period.clock",era:"clock"},e)),Date:e=>f(V.Origin,i({restrict:"period.date"},e)),Month:e=>f(V.Origin,i({restrict:"period.month"},e))}};export{V as Time,ne as TimeSelector,V as default};
+import{a as re,b as i,c as I,d as Z}from"../../../chunk-C5N2D3ZX.js";import{Fragment as Ee,jsx as f,jsxs as le}from"react/jsx-runtime";import A,{UUID as $,useStore as W}from"jmini";import*as K from"jmini";import{useState as B,useEffect as z,useRef as me}from"react";import{$$fromRoot as ue,Config as ie,ExtractStyles as fe}from"../../../@utils";import{Box as H,FAI as de}from"../../../atoms";import{Literal as he}from"../../../mols";import{Button as oe}from"../../Button";import{faClock as ge}from"@fortawesome/free-solid-svg-icons/faClock";import{faCalendarAlt as ye}from"@fortawesome/free-solid-svg-icons/faCalendarAlt";import{OptionalInputWrapper as Se,BoxWrapper as Ie,CoreEffects as Y,DefaultBoxishStyles as ve}from"../core";import{RightIcon as Te}from"..";import we from"../Select";import{InputLabel as De}from"../Label";import{TimeSelector as ne}from"./Selector";const C=" ~ ",be={clock:{defaultValue:"--:--",format:/^\d{2}\D\d{2}$/,ranges:[{type:"hour",from:0,length:2},{type:"minute",from:3,length:2}],sets:1},date:{defaultValue:"----/--/--",format:/^\d{4}\D\d{2}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2},{type:"date",from:8,length:2}],sets:1},week:{defaultValue:"----\u5E74\u7B2C--\u9031",format:/^\d{4}\D\d{2}$/,ranges:[{type:"year",from:0,length:4,region:6},{type:"week",from:6,length:2,region:3}],sets:1},month:{defaultValue:"----\u5E74--\u6708",format:/^\d{4}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2,region:3}],sets:1},year:{defaultValue:"----\u5E74",format:/^\d{4}$/,ranges:[{type:"year",from:0,length:4,region:5}],sets:1},"period.clock":{defaultValue:"--:--",format:/^\d{2}\D\d{2}$/,ranges:[{type:"hour",from:0,length:2},{type:"minute",from:3,length:2},{type:"hour",from:5+C.length,length:2},{type:"minute",from:8+C.length,length:2}],sets:2},"period.date":{defaultValue:"----/--/--",format:/^\d{4}\D\d{2}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2},{type:"date",from:8,length:2,region:5},{type:"year",from:10+C.length,length:4},{type:"month",from:15+C.length,length:2},{type:"date",from:18+C.length,length:2}],sets:2},"period.month":{defaultValue:"----\u5E74--\u6708",format:/^\d{4}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2,region:6},{type:"year",from:8+C.length,length:4},{type:"month",from:13+C.length,length:2,region:3}],sets:2},"locale.jp.warekiDate":{defaultValue:"----\u5E74--\u6708--\u65E5",format:/^\d{4}\D\d{2}\D\d{2}$/,ranges:[{type:"locale.jp.warekiDate",from:0,length:4,region:5},{type:"month",from:5,length:2,region:3},{type:"date",from:8,length:2,region:3}],sets:1}},M={PeriodMargin:" ~ ",SyncValue:e=>{let{restrict:a,value:S,era:o}=e,d=A.Arrayify(S||""),{defaultValue:E,format:T,ranges:l,sets:r}=be[a],_=[],D=a.match(/clock/)?":":"/";for(let t=0;t<d.length;t++)d[t]=String(d[t]).replace(/\D/ig,D);for(let t=0;t<r;t++){let p=d[t]||"";if(!p.match(T))d[t]="",_.push(E);else{let m=E;p.split(/\D/).forEach((b,k)=>{if(k==0&&a=="locale.jp.warekiDate"){let h=Number(b);o!="year"&&(h>=2019?o=="reiwa"?h-=2018:o=="heisei"&&(h=31):h>=1989?o=="heisei"?h-=1988:o=="shouwa"&&(h=64):h>=1926?o=="shouwa"?h-=1925:o=="taisho"&&(h=15):h>=1912?o=="taisho"?h-=1911:o=="meiji"&&(h=45):h>=1868&&(h-=1867)),b=h.zeroEmbed(4)}m=m.replace(new RegExp("------------------".slice(0,b.length)),b)}),_.push(m)}}return{safeValue:_.join(C),rawValue:a.startsWith("period.")?d:d[0],ranges:l}},SystemValidation:e=>{let{states:a}=e,{restrict:S,min:o,max:d,required:E}=a,T=[],l=A.Arrayify(e.value),r={empty:!1,escalated:1,filled:!0,correct:!0,prohibited:!1};(()=>{let D=S.match(/clock/)?":":"/";for(let t=0;t<l.length;t++)l[t]=String(l[t]).replace(/\D/ig,D);for(let t=0;t<l.length;t++){let p=l[t],m=l[t-1];p.removeLetters()||(r.empty=!0),t>0&&(r.escalated&=+(p>=m))}r.escalated&&(r.empty||(S.match(/clock/)?l.forEach(t=>{let[p,m]=t.split(/\D+/);!p||!m?r.filled=!1:(Number(p)>23||Number(m)>59)&&(r.correct=!1)}):S.match(/date/)?l.forEach(t=>{let[p,m,b]=t.split(/\D+/);if(!p||!m||!b)r.filled=!1;else{let k=K.Time(t);(!k.validate||t!=k.toFormatYMD())&&(r.correct=!1)}}):S.match(/week/)?l.forEach(t=>{let[p,m]=t.split(/\D+/);if(!p||!m)r.filled=!1;else{let b=K.Time(p+"/01/01").weekday,h=K.Time(p+"/01/0"+(7-b+1)).addWeek(Number(m)-1);p!=String(h.year)&&(r.correct=!1)}}):S.match(/month/)?l.forEach(t=>{let[p,m]=t.split(/\D+/);!p||!m?r.filled=!1:K.Time([p,m,"01"].join("/")).validate||(r.correct=!1)}):S.match(/year/),r.filled&&r.correct&&l.forEach(t=>{{let p=Number(String(t).replace(/\D/ig,""));if(o&&Number(String(o).replace(/\D/ig,""))>p&&(r.prohibited=!0),d){let m=Number(String(d).replace(/\D/ig,""));p>m&&(r.prohibited=!0)}}})))})();{let{empty:D,escalated:t,filled:p,correct:m,prohibited:b}=r;D&&E&&(T=[{type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}]),t||T.push({type:"invalid",label:"\u6642\u7CFB\u5217\u3092\u6B63\u3057\u304F\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),m||T.push({type:"invalid",label:"\u7121\u52B9\u306A\u5024\u304C\u5165\u529B\u3055\u308C\u3066\u3044\u307E\u3059"}),p||T.push({type:"invalid",label:"\u6700\u5F8C\u307E\u3067\u5024\u3092\u57CB\u3081\u3066\u304F\u3060\u3055\u3044"}),b&&T.push({type:"invalid",label:le(Ee,{children:[f(H,{children:"\u5165\u529B\u7BC4\u56F2\u304C\u5236\u9650\u3055\u308C\u3066\u3044\u307E\u3059"}),"[",o||"\u4E0B\u9650\u7121\u3057","] ~ [",d||"\u4E0A\u9650\u7121\u3057","]"]})})}return{ok:!T.filter(({type:D})=>D=="invalid").length,notice:T}},KeyDownEvent:e=>{let{val_era:a,restrict:S,event:o,val_status:d,set_status:E,val_focus:T,set_focus:l}=e,{key:r,shiftKey:_,ctrlKey:D,metaKey:t}=o,p=D||t,{selectionStart:m,selectionEnd:b}=o.target,{index:k,prevIndex:h}=T,{ranges:q,safeValue:G}=d,P=q.length-1;if(A.isOneOf(r,"Tab","ArrowLeft","ArrowRight")){let u=0;if(r=="Tab"){let c=+!_*2-1;if(u=T.index+c,u<0||u>P)return}else{let c=r=="ArrowLeft"?-1:r=="ArrowRight"?1:0;p||m==0&&b==String(d.safeValue).length?u=c==1?P:0:u=Math.max(0,Math.min(k+c,P))}l(c=>I(i({},c),{index:u,prevIndex:k})),o.preventDefault()}if(A.isOneOf(r,"Backspace","ArrowUp","ArrowDown","0","1","2","3","4","5","6","7","8","9")){o.preventDefault();let u=k;u=Math.max(u,0),u=Math.min(u,P);let{type:c,from:X,length:Q}=q[u],j=G.slice(X,X+Q),v;if(r=="Backspace")v="------".slice(0,Q);else if(A.isOneOf(r,"ArrowUp","ArrowDown")){let N=r=="ArrowUp"?1:-1;j=j|0,v=j+N;let[w,s,x]=c=="locale.jp.warekiDate"?a=="year"?[0,2999,4]:a=="reiwa"?[1,2999,4]:a=="heisei"?[1,31,4]:a=="shouwa"?[1,64,4]:a=="taisho"?[1,15,4]:a=="meiji"?[1,45,4]:[0,0,0]:c=="minute"?[0,59,2]:c=="hour"?[0,23,2]:c=="date"?[1,31,2]:c=="week"?[1,53,2]:c=="month"?[1,12,2]:c=="year"?[0,2999,4]:[0,0,0];v>s?v=w:v<w&&(v=s),v=Number(v).zeroEmbed(x)}else if(A.isOneOf(r,"0","1","2","3","4","5","6","7","8","9")){let N=j|0,w=r,s=`${N}${w}`;if(h!=k&&(N=0,s="0"+w),c=="year"||c=="locale.jp.warekiDate"&&a=="year")Number(s)>1e4?v=w:v=s,(v|0)>1e3&&u++;else if(A.isOneOf(c,"hour","minute","date","week","month")||c=="locale.jp.warekiDate"&&a!="year"){let x=c=="locale.jp.warekiDate"?a=="reiwa"?100:a=="heisei"?31:a=="shouwa"?64:a=="taisho"?15:a=="meiji"?45:0:c=="minute"?59:c=="hour"?23:c=="date"?31:c=="week"?53:c=="month"?12:0;v=(s|0)>x?w:s,(Number(w)>Number(String(x)[0])||j=="0000".slice(0,String(x).length)&&(s!="0000".slice(0,String(x).length)||A.isOneOf(c,"minute","hour")&&h==k)||(s|0)>=re(10,String(x).length-1))&&u++}c=="year"||c=="locale.jp.warekiDate"?v=(v|0).zeroEmbed(4):v=(v|0).zeroEmbed(2)}{let N=String(G).partReplace(X,String(v)),w=N.split(C).map(s=>s.replace(/(^\D|\D$)/,"").split(/\D+/).join(S.match(/clock/)&&":"||"/").replace(/(^\D|\D$)/,""));if(S=="locale.jp.warekiDate"){let s=w[0].split(/\D/),[x,g,R]=s;s.length==3&&x&&(w=[[Number(x)-1+Number({year:1,reiwa:2019,heisei:1989,shouwa:1926,taisho:1912,meiji:1868}[a]),g,R].join("/")])}u=Math.max(u,0),u=Math.min(u,P),E(s=>I(i({},s),{rawValue:S.startsWith("period.")?w:w[0],safeValue:N,eventType:"update",eventID:$(12),isInspected:!1})),l(s=>I(i({},s),{index:u,prevIndex:s.index}))}}},Shallow:e=>{let{rootStates:a,val_status:S}=e,o=fe(a);return f(H,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:f(he.Description,I(i({className:a.className},o),{position:"absolute",width:1,freeCSS:I(i({},o.freeCSS),{color:"orange"}),children:f(H,{"data-input-value-shallow":S.componentId,children:"A"})}))})}},xe=e=>{let te=e,{tone:a,required:S,restrict:o="clock",componentId:d,era:E,form:T,name:l,min:r,max:_,className:D,enableFormSubmit:t,checkValidationAtFirst:p,onKeyDown:m,periodPresets:b,onValidate:k,onValidateDelay:h,onUpdateValue:q,onUpdateValidValue:G,onUserAction:P,value:u="",leftIndicator:c,rightIndicator:X,leftIcon:Q,rightIcon:j,freeCSS:v,wrapStyles:N}=te,w=Z(te,["tone","required","restrict","componentId","era","form","name","min","max","className","enableFormSubmit","checkValidationAtFirst","onKeyDown","periodPresets","onValidate","onValidateDelay","onUpdateValue","onUpdateValidValue","onUserAction","value","leftIndicator","rightIndicator","leftIcon","rightIcon","freeCSS","wrapStyles"]),[s,x]=B(E||"year"),[g,R]=B(I(i({componentId:e.componentId||""},M.SyncValue({restrict:o,value:u,era:s})),{ranges:[],eventType:"init",eventID:$(12)})),[J,F]=B({active:!1,index:0,prevIndex:-1}),se={rootStates:e,val_status:g,set_status:R,val_era:s,set_era:x,val_focus:J,set_focus:F};Y.CommonEffects({type:"time",states:e,val_status:g,set_status:R,SystemValidation:M.SystemValidation,ExtraOverrideStates:n=>M.SyncValue({restrict:o,value:n,era:s})}),z(()=>{R(n=>I(i(i({},n),M.SyncValue({restrict:o,value:u,era:s})),{isInspected:!1}))},[]);const ee=me(!1);return z(()=>{if(ee.current){R(y=>I(i(i({},y),M.SyncValue({restrict:o,value:y.rawValue,era:s})),{isInspected:!1}));let n=W.get("refreshEra_"+g.componentId);n&&n.refreshEra(s)}else ee.current=!0},[s]),W.update({[g.componentId]:{openPicker:n=>{e.disabled||ne.picker.open({restrict:o,era:E,defaultValue:g.rawValue,min:r,max:_,periodPresets:e.periodPresets,onValueUpdate:y=>{y.eventType=="commit"&&(R(O=>I(i(i({},O),M.SyncValue({restrict:o,value:y.value,era:y.era})),{eventType:"update",eventID:$(12),isInspected:!1,isValidated:!1,notice:[]})),x(y.era))}})},resetEra:n=>{x(n),R(y=>I(i(i({},y),M.SyncValue({restrict:o,value:"",era:s})),{eventType:"update",eventID:$(12),isInspected:!1}))}}}),z(()=>{let{index:n,active:y}=J;if(y){n=Math.max(n,0),n=Math.min(n,g.ranges.length-1);let{from:O,length:L}=g.ranges[n],U=ue("#"+e.id)[0];U&&U.setSelectionRange&&U.setSelectionRange(O,O+L)}R(O=>I(i({},O),{isFocusing:y}))},[J]),le(Ie,{val_status:g,set_status:R,states:e,children:[f(M.Shallow,i({},se)),f(De,{componentId:e.componentId,fontSize:e.fontSize,required:e.required,label:e.label,isActive:!0}),ie.get().isTouchDevice?f(oe.Plain,I(i({"data-show-validation":Y.isShowValidation(g,!!p),"data-component-id":g.componentId,"data-input-origin":g.componentId,"data-disabled":e.disabled,className:D,freeCSS:{textAlign:"left"}},w),{children:g.safeValue,onClick:n=>{let y=W.get(g.componentId);y&&y.openPicker(`[data-input-origin="${g.componentId}"]`),n.stopPropagation()},onFocus:()=>{F(n=>I(i({},n),{active:!0}))},onBlur:()=>{F(n=>I(i({},n),{active:!1}))}})):f(H,i({htmlTag:"input",type:"text",inputMode:"numeric","data-show-validation":Y.isShowValidation(g,!!p),"data-input-origin":g.componentId,"data-disabled":e.disabled,value:g.safeValue,className:D,tabIndex:ie.get().isTouchDevice?-1:0,onKeyDown:n=>{M.KeyDownEvent({restrict:o,event:n,val_era:s,val_status:g,set_status:R,val_focus:J,set_focus:F}),m&&m(n),t&&Y.SubmitForm(n,T)},onKeyUp:n=>{n.key=="Tab"&&F(y=>I(i({},y),{active:!0}))},onClick:n=>{let y=n.target.selectionEnd,O=0;g.ranges.forEach((L,U)=>{let{from:ae,length:ce,region:pe}=L;ae<=y&&y<=ae+(pe||ce)&&(O=U)}),F(L=>I(i({},L),{active:!0,index:O})),n.preventDefault()},onBlur:()=>{F(n=>I(i({},n),{active:!1}))},onChange:()=>{}},w))]})},V={Origin:e=>{let a=i({fontSize:"inherit",width:1,value:""},e);a.value=a.value||"";let[S]=B(e.componentId||$(12));if(a.componentId=S,A.isNullish(a.rightIcon)){let o=(e.restrict||"").match(/clock/)?ge:ye;a.rightIcon=f(Te,{ssSphere:2.5,freeCSS:{pointerEvents:"all"},children:f(oe.Sub,{color:"cloud",border:"unset",ssSphere:2.5,fontColor:"theme",boxShadow:"0.normal",borderRadius:"3.tone.tertiary",flexCenter:!0,ssEffectsOnActive:"push",tabIndex:-1,id:"Picker-"+a.componentId,onClick:()=>{let d=W.get(a.componentId);d&&d.openPicker("#Picker-"+a.componentId)},children:f(de,{icon:o})})})}return f(Se,{componentId:a.componentId,children:xe,states:ve(a)})},Clock:e=>f(V.Origin,i({restrict:"clock",era:"clock"},e)),Date:e=>f(V.Origin,i({restrict:"date"},e)),Week:e=>f(V.Origin,i({restrict:"week"},e)),Month:e=>f(V.Origin,i({restrict:"month"},e)),Year:e=>f(V.Origin,i({restrict:"year"},e)),Locale:{JP:{WarekiDate:e=>{e=i({},e);let[a]=B(e.componentId||$(12));e.componentId=a;let T=e,{defaultEra:S="wareki"}=T,o=Z(T,["defaultEra"]),[d,E]=B((()=>{let l="year";if(S=="wareki"&&(l="reiwa",e.value)){let[r,_,D]=e.value.split(/\D/);if(r&&_&&D){let t=Number(r);t>=2019?(t-=2019,l="reiwa"):t>=1989?(t-=1989,l="heisei"):t>=1926?(t-=1926,l="shouwa"):t>=1912?(t-=1912,l="taisho"):t>=1868&&(t-=1868,l="meiji"),t+=1}}return l})());return z(()=>{W.set({["refreshEra_"+a]:{refreshEra:l=>{E(l)}}})},[]),f(V.Origin,I(i({restrict:"locale.jp.warekiDate",leftIndicator:f(we,{label:"\u5143\u53F7",emptySelect:!1,value:d,tone:e.tone||"border",override:"force",flexCenter:!0,borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3",height:1,freeCSS:{whiteSpace:"nowrap"},options:[{value:"year",label:"\u897F\u66A6"},{value:"reiwa",label:"\u4EE4\u548C"},{value:"heisei",label:"\u5E73\u6210"},{value:"shouwa",label:"\u662D\u548C"},{value:"taisho",label:"\u5927\u6B63"},{value:"meiji",label:"\u660E\u6CBB"}],onUpdateValidValue:l=>{E(l);let r=W.get(e.componentId);r&&r.resetEra&&r.resetEra(l)}})},o),{era:d}))}}},Periods:{Clock:e=>f(V.Origin,i({restrict:"period.clock",era:"clock"},e)),Date:e=>f(V.Origin,i({restrict:"period.date"},e)),Month:e=>f(V.Origin,i({restrict:"period.month"},e))}};export{V as Time,ne as TimeSelector,V as default};