amotify 0.2.255 → 0.2.257

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

@@ -2,30 +2,55 @@
 import { ReactElement, ThemeColor } from '../../@declares';
 import { InputTypes } from '.';
 declare namespace Slider {
-    type Input = InputTypes.CoreInput<number> & React.DOMAttributes<HTMLInputElement> & {
-        tabIndex?: number;
-        id?: string;
-        disabled?: boolean;
-        value?: number;
-        color?: Color;
-        min: number;
-        max: number;
-        step: number;
-        legends?: {
-            enable?: boolean;
-            custom?: LegendsCallback;
-            showAlways?: boolean;
+    type Size = 'small' | 'medium' | 'large';
+    namespace Input {
+        type Base = React.DOMAttributes<HTMLInputElement> & {
+            tabIndex?: number;
+            id?: string;
+            discreteScale?: boolean;
+            size?: Size;
+            disabled?: boolean;
+            value?: number | [number, number];
+            color?: Color;
+            min: number;
+            max: number;
+            step: number;
+            legends?: boolean;
+            onLegendRender?: LegendsCallback;
         };
-    };
+        type Single = Base & InputTypes.CoreInput<number> & {
+            ranged?: false;
+        };
+        type Range = Base & InputTypes.CoreInput<number[]> & {
+            ranged: true;
+        };
+    }
+    type Input = Input.Single | Input.Range;
     type Color = ThemeColor | 'theme' | 'posi' | 'nega' | 'warn';
     type LegendsCallback = {
         (value: number): ReactElement;
     };
-    type DataLevelingResult = {
-        stepValue: number;
-        stepIndex: number;
-        positionLeft: string;
+    type NormalizedData = {
+        value: number;
+        offsetLeft: number;
     };
+    namespace Methods {
+        type Component = {
+            (p: Slider.Input): React.JSX.Element;
+        };
+        type FNs = {
+            Small(props: Slider.Input): React.JSX.Element;
+            Medium(props: Slider.Input): React.JSX.Element;
+            Large(props: Slider.Input): React.JSX.Element;
+            Range: {
+                (props: Omit<Slider.Input.Range, 'ranged'>): React.JSX.Element;
+                Small(props: Omit<Slider.Input.Range, 'ranged'>): React.JSX.Element;
+                Medium(props: Omit<Slider.Input.Range, 'ranged'>): React.JSX.Element;
+                Large(props: Omit<Slider.Input.Range, 'ranged'>): React.JSX.Element;
+            };
+        };
+    }
+    type Methods = Methods.Component & Methods.FNs;
 }
-declare const Slider: React.FC<Slider.Input>;
+declare const Slider: Slider.Methods;
 export { Slider, Slider as default };

package/dist/fn/Input/Slider.js

@@ -1 +1 @@
-import{b,c as I,d as V}from"../../chunk-C5N2D3ZX.js";import{jsx as p,jsxs as z}from"react/jsx-runtime";import L,{UUID as x}from"jmini";import{useState as U,useEffect as W}from"react";import{$$fromRoot as C,GenerateHTMLProps as K}from"../../@utils";import{Box as w,Flex as B,Column as P}from"../../atoms";import{Button as $}from"../Button";import{OptionalInputWrapper as q,BoxWrapper as O,CoreEffects as k}from"./core";import{InputSliderClasses as m}from"../../@styles/componentClasses";function G(t){let{value:e,states:o}=t,{required:s}=o,n=[];return s&&!e&&n.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!n.filter(({type:r})=>r=="invalid").length,notice:n}}const A=t=>{let{value:e,val_status:o}=t,{min:s,max:n,step:r}=o;e=Math.max(e,s),e=Math.min(e,n);let a=e/n*n;return a=Math.round(a/r),{stepValue:a*r,stepIndex:a,positionLeft:a*r/n*100+"%"}},h={IndicatorLabels:t=>{let{componentId:e,min:o,max:s,step:n,customLegends:r}=t,u=[],a=Math.round(o/n),i=Math.round(s/n),c=i-a+1;for(var d=a;d<=i;d++){let l=d*n;l=Math.max(l,o),l=Math.min(l,s);let S=l/s*100+"%";u.push(p(w,{className:m("Label"),id:"Legend-"+e+"-"+d,display:d==a||d==i?"flex":"none",position:"absolute",top:0,unitHeight:1,unitWidth:1.5,transition:"middle",fontColor:"1.clear",verticalAlign:"center",horizontalAlign:"center",freeCSS:{left:S,whiteSpace:"nowrap",textAlign:"center"},children:r?r(l):l.rank()},l))}return W(()=>{const l=()=>{let S=C("#Labels-"+e),{width:f}=S.position(),R=Math.round(f/50)-1,y=Math.round(c/R);for(let v=a+1;v<i;v++)C("#Legend-"+e+"-"+v).css({display:v%y==0?"flex":"none"})};return L(window).addEvent({eventID:"SliderResizeCallback-"+e,eventType:"resize",callback:()=>{l()}}),l(),()=>{L(window).removeEvent("SliderResizeCallback-"+e)}},[]),p(B,{className:m("Labels"),verticalAlign:"center",horizontalAlign:"between",fontSize:"0.xs",position:"relative",unitHeight:1,id:"Labels-"+e,children:p(w,{position:"absolute",top:0,left:0,bottom:0,freeCSS:{right:12*1.5},children:u})})},Rail:t=>{let{val_status:e,set_status:o,DotData:s,form:n,enableFormSubmit:r}=t,{componentId:u}=e;return z(B,{className:m("Rail"),position:"relative",paddingLeft:"1/2",unitHeight:1.5,verticalAlign:"center",freeCSS:{zIndex:1,cursor:"pointer"},onPointerDown:a=>{t.rootStates.disabled||(a.stopPropagation(),h.Effects.Start(a,{val_status:e,set_status:o,DotData:s}))},children:[p(w,{className:m("Bar"),backgroundColor:"layer.4",position:"relative",borderRadius:"1.tone.primary",transition:"middle",flexSizing:"none",unitHeight:"2/3",width:1,id:u+"_Bar",children:p(w,{className:m("BarColor"),position:"relative",height:1,width:0,left:0,transition:"long",borderRadius:"inherit",backgroundColor:t.color,opacity:"middle",overflow:"hidden",freeCSS:{width:s.positionLeft},id:u+"_BarColor"})}),p(w,{className:m("BallWrap"),position:"absolute",top:0,left:0,bottom:0,freeCSS:{right:12*1.5},children:p($.Plain,{className:m("Ball"),position:"absolute",boxShadow:"1.remark",backgroundColor:t.color,top:0,left:0,ssSquare:1.5,borderRadius:"1.tone.primary",freeCSS:{zIndex:2,left:s.positionLeft},id:u+"_Ball",onKeyDown:a=>{h.KeyDownEvent({event:a,val_status:e,set_status:o,DotData:s}),r&&k.SubmitForm(a,n)},onFocus:a=>{o(i=>I(b({},i),{eventID:x(12),isFocusing:!0}))},onBlur:a=>{o(i=>I(b({},i),{eventID:x(12),isFocusing:!1}))}})})]})},Effects:{Start:(t,e)=>{L(document).addEvent({eventID:"SliderMouseMove",eventType:"mousemove",callback:o=>{h.Effects.Move(o,e)},options:{passive:!1}}).addEvent({eventID:"SliderTouchMove",eventType:"touchmove",callback:o=>{h.Effects.Move(o,e)},options:{passive:!1}}).addEvent({eventID:"SliderMouseUp",eventType:"mouseup",callback:()=>{h.Effects.End()}}).addEvent({eventID:"SliderTouchEnd",eventType:"touchend",callback:()=>{h.Effects.End()}})},Move:(t,e)=>{let o=L.getCursor(t).x,{val_status:s,set_status:n}=e,{componentId:r,min:u,max:a}=s,i=C("#"+r+"_Ball"),c=C("#"+r+"_Bar"),d=C("#"+r+"_BarColor"),{width:l,left:S}=c.position(),f=(o-S)/l;f=Math.max(f,0),f=Math.min(f,1);let R=f*a,y=A({value:R,val_status:s}),v=y.positionLeft,T=y.stepValue;return i.css({left:v}),d.css({width:v}),n(D=>{let E=D.dataValue;return T==E?D:I(b({},D),{dataValue:T,eventType:"update",eventID:x(12),isInspected:!1})}),t.preventDefault(),t.stopPropagation(),!1},End:()=>{L(document).removeEvent(["SliderMouseMove","SliderTouchMove","SliderMouseUp","SliderTouchEnd"])}},KeyDownEvent:t=>{let{event:e,val_status:o,set_status:s}=t,{min:n,max:r,step:u}=o,{key:a,metaKey:i,ctrlKey:c}=e,d=c||i,l=o.dataValue;a.match(/Arrow/)&&(e.preventDefault(),a.match(/Left|Up/)?d?l=n:l-=u:a.match(/Right|Down/)&&(d?l=r:l+=u),l=Math.max(Math.min(l,r),n),s(S=>I(b({},S),{dataValue:l,eventType:"update",eventID:x(12),isInspected:!1})))}},X=t=>{let M=t,{color:e="theme",required:o,form:s="",legends:{enable:n=!0,custom:r,showAlways:u=!1}={},min:a,max:i,step:c,enableFormSubmit:d,checkValidationAtFirst:l,onValidate:S,onValidateDelay:f,onUpdateValue:R,onUpdateValidValue:y,onUserAction:v,value:T="",className:D,wrapStyles:E}=M,N=V(M,["color","required","form","legends","min","max","step","enableFormSubmit","checkValidationAtFirst","onValidate","onValidateDelay","onUpdateValue","onUpdateValidValue","onUserAction","value","className","wrapStyles"]),[g,_]=U({componentId:t.componentId||"",dataValue:T,min:a,max:i,step:c,eventType:"init",eventID:x(12)});k.CommonEffects({type:"slider",states:t,val_status:g,set_status:_,SystemValidation:G});let H=A({value:g.dataValue,val_status:g});return p(O,{val_status:g,set_status:_,states:t,children:z(P,I(b({gap:"1/2",flexSizing:"auto"},N),{className:[m("Wrap"),D,m("ShowLegendsAlways_"+u)].join(" "),children:[p(h.Rail,{rootStates:t,color:e,val_status:g,set_status:_,DotData:H,form:s,enableFormSubmit:d}),!!n&&p(h.IndicatorLabels,{componentId:g.componentId,min:a,max:i,step:c,customLegends:r})]}))})},F=t=>{let e=I(b({},t),{freeCSS:b({minWidth:120},t.freeCSS)});return p(q,{componentId:t.componentId,children:X,states:K(e)})};export{F as Slider,F 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.flatArray(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.flatArray(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.flatArray(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/Switch.js

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

package/dist/fn/Input/TextField.js

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

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

@@ -1,16 +1,24 @@
 import { Time } from 'jmini';
+import { ReactElement } from '../../../@declares';
 import React from 'react';
 import { TimeTypes } from '.';
 declare namespace TimeSelector {
     type EventType = 'init' | 'override' | 'update' | 'commit';
     type Value = string;
+    type ClanedarType = 'calendar' | 'drum';
     type Input = {
+        sheetID?: string;
         restrict: TimeTypes.Restrict;
         defaultValue?: string | string[];
         era?: TimeTypes.Era;
         min?: string;
         max?: string;
         commitFooter?: boolean;
+        periodPresets?: {
+            label: ReactElement;
+            from: Time.Chains | Value;
+            to: Time.Chains | Value;
+        }[];
         onValueUpdate(p: {
             value: Value | [Value, Value];
             era: TimeTypes.Era;
@@ -20,6 +28,8 @@ declare namespace TimeSelector {
     type Status = {
         eventType: EventType;
         from: Time.Chains;
+        min?: Time.Chains;
+        max?: Time.Chains;
     };
     namespace Status {
         type Month = Status & {
@@ -29,9 +39,6 @@ declare namespace TimeSelector {
             era: TimeTypes.Era;
             display: Time.Chains;
         };
-        type LocalJPWarekiDate = Status & {
-            era: TimeTypes.Era;
-        };
         type Period = Status & {
             display: Time.Chains;
             to: Time.Chains;

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

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

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

@@ -3,7 +3,7 @@ import { ReactElement } from '../../../@declares';
 import { InputTypes } from '..';
 export declare namespace TimeTypes {
     type Era = 'clock' | 'year' | 'meiji' | 'taisho' | 'shouwa' | 'heisei' | 'reiwa';
-    type Restrict = 'clock' | 'date' | 'week' | 'month' | 'year' | 'period.date' | 'period.month' | 'locale.jp.warekiDate';
+    type Restrict = 'clock' | 'date' | 'week' | 'month' | 'year' | 'period.clock' | 'period.date' | 'period.month' | 'locale.jp.warekiDate';
     type Range = {
         type: 'hour' | 'minute' | 'date' | 'month' | 'year' | 'week' | 'locale.jp.warekiDate';
         from: number;
@@ -29,6 +29,7 @@ declare namespace Time {
             };
         };
         Periods: {
+            Clock(props: Period): React.JSX.Element;
             Date(props: Period): React.JSX.Element;
             Month(props: Period): React.JSX.Element;
         };
@@ -44,6 +45,7 @@ declare namespace Time {
         value?: string | [string, string];
         min?: string;
         max?: string;
+        periodPresets?: TimeSelector.Input['periodPresets'];
         leftIndicator?: ReactElement | false;
         rightIndicator?: ReactElement | false;
         leftIcon?: ReactElement | false;

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

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

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

@@ -27,7 +27,7 @@ export declare const CoreEffects: {
         val_status: InputTypes.Status.Plain;
         set_status: React.Dispatch<React.SetStateAction<InputTypes.Status.Plain & T>>;
         SystemValidation: InputTypes.Validation.System;
-        ExtraOverrideStates?: () => KeyValueDict;
+        ExtraOverrideStates?: (overrideValue: any) => KeyValueDict;
     }) => void;
     ValidationCheck: (p: {
         val_status: InputTypes.Status.Plain;