amotify 0.1.31 → 0.1.32

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

@@ -1 +1,867 @@
-import{a as Y,b as o,c as _,d as H}from"../../../chunk-VY3566IV.js";import{Fragment as ke,jsx as T,jsxs as Z}from"react/jsx-runtime";import{useState as W,useEffect as X,useRef as re}from"react";import{$$ as b,$$fromRoot as ie,Config as z,useStore as O}from"../../../@utils/_";import ae from"../../../atoms/Box";import ne from"../../../atoms/FAI";import q from"../../Button";import G from"../../Tooltips";import{faClock as le}from"@fortawesome/free-solid-svg-icons/faClock";import{faCalendarAlt as oe}from"@fortawesome/free-solid-svg-icons/faCalendarAlt";import{Wrapper as se,BoxWrapper as ue,SubmitForm as pe,CommonEffects as me,DefaultStyles as ce}from"../core";import de from"../Hidden";import fe from"../Select";import he from"../Parts";import ge from"./Picker";const A=" ~ ",ye={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},dates:{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+A.length,length:4},{type:"month",from:15+A.length,length:2},{type:"date",from:18+A.length,length:2}],sets:2},months:{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+A.length,length:4},{type:"month",from:13+A.length,length:2,region:3}],sets:2},dateWareki:{defaultValue:"----\u5E74--\u6708--\u65E5",format:/^\d{4}\D\d{2}\D\d{2}$/,ranges:[{type:"dateWareki",from:0,length:4,region:5},{type:"month",from:5,length:2,region:3},{type:"date",from:8,length:2,region:3}],sets:1}},P=e=>{let{restrict:l,value:v,era:t}=e,D=b.flatArray(v||""),{defaultValue:h,format:d,ranges:m,sets:i}=ye[l],u=[],n=l=="clock"?":":"/";for(let a=0;a<D.length;a++)D[a]=String(D[a]).replace(/\D/ig,n);for(let a=0;a<i;a++){let c=D[a]||"";if(!c.match(d))D[a]="",u.push(h);else{let x=h;c.split(/\D/).forEach((S,R)=>{if(R==0&&l=="dateWareki"){let g=Number(S);t!="year"&&(g>=2019?t=="reiwa"?g-=2018:t=="heisei"&&(g=31):g>=1989?t=="heisei"?g-=1988:t=="shouwa"&&(g=64):g>=1926?t=="shouwa"?g-=1925:t=="taisho"&&(g=15):g>=1912?t=="taisho"?g-=1911:t=="meiji"&&(g=45):g>=1868&&(g-=1867)),S=g.zeroEmbed(4)}x=x.replace(new RegExp("------------------".slice(0,S.length)),S)}),u.push(x)}}return{formatValue:u.join(A),dataValue:["dates","months"].includes(l)?D:D[0],ranges:m}};function ve(e){let{params:l}=e,{restrict:v,min:t,max:D,required:h}=l,d=[],m=b.flatArray(e.value),i={empty:!1,escalated:1,filled:!0,correct:!0,prohibited:!1};(()=>{let u=v=="clock"?":":"/";for(let n=0;n<m.length;n++)m[n]=String(m[n]).replace(/\D/ig,u);for(let n=0;n<m.length;n++){let a=m[n],c=m[n-1];a.removeLetters()||(i.empty=!0),n>0&&(i.escalated&=+(a>=c))}i.escalated&&(i.empty||(v.match(/clock/)?m.forEach(n=>{let[a,c]=n.split(/\D+/);!a||!c?i.filled=!1:(Number(a)>23||Number(c)>59)&&(i.correct=!1)}):v.match(/date/)?m.forEach(n=>{let[a,c,x]=n.split(/\D+/);if(!a||!c||!x)i.filled=!1;else{let S=b.Time(n);(!S.validate||n!=S.toFormatYMD())&&(i.correct=!1)}}):v.match(/week/)?m.forEach(n=>{let[a,c]=n.split(/\D+/);if(!a||!c)i.filled=!1;else{let x=b.Time(a+"/01/01").weekday,R=b.Time(a+"/01/0"+(7-x+1)).addWeek(Number(c)-1);a!=String(R.year)&&(i.correct=!1)}}):v.match(/month/)?m.forEach(n=>{let[a,c]=n.split(/\D+/);!a||!c?i.filled=!1:b.Time([a,c,"01"].join("/")).validate||(i.correct=!1)}):v.match(/year/),i.filled&&i.correct&&m.forEach(n=>{{let a=Number(String(n).replace(/\D/ig,""));if(t&&Number(String(t).replace(/\D/ig,""))>a&&(i.prohibited=!0),D){let c=Number(String(D).replace(/\D/ig,""));a>c&&(i.prohibited=!0)}}})))})();{let{empty:u,escalated:n,filled:a,correct:c,prohibited:x}=i;u&&h&&(d=[{type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}]),n||d.push({type:"invalid",label:"\u6642\u7CFB\u5217\u3092\u6B63\u3057\u304F\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),c||d.push({type:"invalid",label:"\u7121\u52B9\u306A\u5024\u304C\u5165\u529B\u3055\u308C\u3066\u3044\u307E\u3059"}),a||d.push({type:"invalid",label:"\u6700\u5F8C\u307E\u3067\u5024\u3092\u57CB\u3081\u3066\u304F\u3060\u3055\u3044"}),x&&d.push({type:"invalid",label:Z(ke,{children:[T(ae,{children:"\u5165\u529B\u7BC4\u56F2\u304C\u5236\u9650\u3055\u308C\u3066\u3044\u307E\u3059"}),"[",t||"\u4E0B\u9650\u7121\u3057","] ~ [",D||"\u4E0A\u9650\u7121\u3057","]"]})})}return{ok:!d.filter(({type:u})=>u=="invalid").length,notice:d}}const Q={picker:{launch:e=>{let l=e.tipsID||b.uuid.gen();G.open(_(o({gravityPoint:e.gravityPoint||24,padding:"1/2",tipsID:l},e),{close_option:o({aroundClick:!0,parentBlur:!1},e.close_option),content:T(ge,{restrict:e.restrict,min:e.min,max:e.max,era:e.era,defaultValue:e.defaultValue,tipsID:l,onValueUpdate:(v,t)=>{e.onValueUpdate(v,t)}})}))},remove:e=>{G.close(e)}}},De=e=>{let U=e,{tone:l,required:v,restrict:t="clock",componentID:D,era:h,form:d,name:m,min:i,max:u,className:n,enableFormSubmit:a,checkValidationAtFirst:c,onKeyDown:x,onValidate:S,onUpdateValue:R,onUpdateValidValue:g,value:$="",leftIndicator:J,rightIndicator:F}=U,f=H(U,["tone","required","restrict","componentID","era","form","name","min","max","className","enableFormSubmit","checkValidationAtFirst","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","leftIndicator","rightIndicator"]),[r,C]=W(h),[s,V]=W(_(o({componentID:e.componentID||""},P({restrict:t,value:$,era:r})),{eventType:"init",eventID:b.uuid.gen()})),[y,M]=W({ok:!1,notice:[]}),[I,k]=W({active:!1,index:0,prevIndex:-1});me({type:"time",params:e,val_status:s,set_status:V,val_validate:y,set_validate:M,DefaultValidation:ve,onUpdateValue:R,onUpdateValidValue:g,ExtraOverrideParams:o({},P({restrict:t,value:$,era:r}))});const E=re(!1);return X(()=>{if(E.current){V(o(o({},s),P({restrict:t,value:s.dataValue,era:r})));let p=O.get("refreshEra_"+s.componentID);p&&p.refreshEra(r)}else E.current=!0},[r]),O.update({key:s.componentID,value:{openPicker:()=>{e.disabled||Q.picker.launch({parent:"#Picker-"+s.componentID,tipsID:"PickerTips-"+s.componentID,restrict:t,min:i,max:u,defaultValue:s.dataValue,era:r,onValueUpdate:(p,w)=>{V(_(o(o({},s),P({restrict:t,value:p,era:w})),{eventType:"update",eventID:b.uuid.gen()})),C(w)}})},resetEra:p=>{C(p),V(_(o(o({},s),P({restrict:t,value:"",era:r})),{eventType:"update",eventID:b.uuid.gen()}))}}}),X(()=>{let{index:p,active:w}=I;if(w){p=Math.max(p,0),p=Math.min(p,s.ranges.length-1);let{from:B,length:L}=s.ranges[p],j=ie("#"+e.id)[0];j&&j.setSelectionRange(B,B+L)}},[I]),Z(ue,{val_status:s,set_status:V,val_validate:y,params:e,children:[T(de,{name:m,"data-input-type":"time","data-form":d,"data-validation":y.ok,componentID:s.componentID,"data-value":JSON.stringify(["dates","months"].includes(t)?!s.dataValue[0]||!s.dataValue[1]?null:s.dataValue:s.dataValue||null)}),z.get().isTouchDevice?T(q.Button.Plain,{className:n,freeCSS:{textAlign:"left"},children:s.formatValue,onClick:p=>{let w=O.get(s.componentID);w&&w.openPicker(),p.stopPropagation()}}):T("input",o({type:"text",inputMode:"numeric","data-input-type":"time","data-form-name":d,value:s.formatValue,className:n,tabIndex:z.get().isTouchDevice?-1:0,onKeyDown:p=>{Ie({restrict:t,event:p,val_era:r,val_status:s,set_status:V,val_focus:I,set_focus:k}),x&&x(p),a&&pe(p)},onKeyUp:p=>{p.key=="Tab"&&k(_(o({},I),{active:!0}))},onClick:p=>{let w=p.target.selectionEnd,B=0;s.ranges.forEach((L,j)=>{let{from:K,length:ee,region:te}=L;K<=w&&w<=K+(te||ee)&&(B=j)}),k(_(o({},I),{active:!0,index:B})),p.preventDefault()},onChange:()=>{}},f))]})},Ie=e=>{let{val_era:l,restrict:v,event:t,val_status:D,set_status:h,val_focus:d,set_focus:m}=e,{key:i,shiftKey:u,ctrlKey:n,metaKey:a}=t,c=n||a,{selectionStart:x,selectionEnd:S}=t.target,{index:R,prevIndex:g}=d,{ranges:$,formatValue:J}=D,F=$.length-1;if(["Tab","ArrowLeft","ArrowRight"].includes(i)){let f=0;if(i=="Tab"){let r=+!u*2-1;if(f=d.index+r,f<0||f>F)return}else{let r=i=="ArrowLeft"?-1:i=="ArrowRight"?1:0;c||x==0&&S==String(D.formatValue).length?f=r==1?F:0:f=Math.max(0,Math.min(R+r,F))}m(_(o({},d),{index:f,prevIndex:R})),t.preventDefault()}if(["Backspace","ArrowUp","ArrowDown","0","1","2","3","4","5","6","7","8","9"].includes(i)){t.preventDefault();let f=R;f=Math.max(f,0),f=Math.min(f,F);let{type:r,from:C,length:s}=$[f],V=J.slice(C,C+s),y;if(i=="Backspace")y="------".slice(0,s);else if(["ArrowUp","ArrowDown"].includes(i)){let M=i=="ArrowUp"?1:-1;V=V|0,y=V+M;let[I,k,E]=r=="dateWareki"?l=="year"?[0,2999,4]:l=="reiwa"?[1,2999,4]:l=="heisei"?[1,31,4]:l=="shouwa"?[1,64,4]:l=="taisho"?[1,15,4]:l=="meiji"?[1,45,4]:[0,0,0]:r=="minute"?[0,59,2]:r=="hour"?[0,23,2]:r=="date"?[1,31,2]:r=="week"?[1,53,2]:r=="month"?[1,12,2]:r=="year"?[0,2999,4]:[0,0,0];y>k?y=I:y<I&&(y=k),y=Number(y).zeroEmbed(E)}else if(["0","1","2","3","4","5","6","7","8","9"].includes(i)){let M=V|0,I=i,k=`${M}${I}`;if(g!=R&&g>=0&&(M=0,k="0"+I),r=="year"||r=="dateWareki"&&l=="year")Number(k)>1e4?y=I:y=k,(y|0)>1e3&&f++;else if(["hour","minute","date","week","month"].includes(r)||r=="dateWareki"&&l!="year"){let E=r=="dateWareki"?l=="reiwa"?100:l=="heisei"?31:l=="shouwa"?64:l=="taisho"?15:l=="meiji"?45:0:r=="minute"?59:r=="hour"?23:r=="date"?31:r=="week"?53:r=="month"?12:0;y=(k|0)>E?I:k,(Number(I)>Number(String(E)[0])||V=="0000".slice(0,String(E).length)&&(k!="0000".slice(0,String(E).length)||["minute","hour"].includes(r)&&g==R)||(k|0)>=Y(10,String(E).length-1))&&f++}r=="year"||r=="dateWareki"?y=(y|0).zeroEmbed(4):y=(y|0).zeroEmbed(2)}{let M=String(J).partReplace(C,String(y)),I=M.split(A).map(k=>k.replace(/(^\D|\D$)/,"").split(/\D+/).join(v=="clock"?":":"/").replace(/(^\D|\D$)/,""));if(v=="dateWareki"){let k=I[0].split(/\D/),[E,U,p]=k;k.length==3&&E&&(I=[[Number(E)-1+Number({year:1,reiwa:2019,heisei:1989,shouwa:1926,taisho:1912,meiji:1868}[l]),U,p].join("/")])}f=Math.max(f,0),f=Math.min(f,F),h(_(o({},D),{dataValue:["dates","months"].includes(v)?I:I[0],formatValue:M,eventType:"update",eventID:b.uuid.gen()})),m(_(o({},d),{index:f,prevIndex:d.index}))}}},N={Origin:e=>{e=o({},e);let[l]=W(e.componentID||b.uuid.gen());if(e.componentID=l,b.is.nullish(e.rightIndicator)){let v=(e.restrict||"").match(/clock/)?le:oe;e.rightIndicator=T(he.RightIndicator,{padding:0,children:T(q.Button.Sub.R,{color:"cloud",border:"unset",padding:[0,1],fontColor:"theme",borderRadius:"inherit",backgroundColor:"inherit",flexCenter:!0,height:1,ssEffectsOnActive:["ripple.cloud"],tabIndex:-1,id:"Picker-"+e.componentID,onClick:()=>{let t=O.get(e.componentID);t&&t.openPicker()},children:T(ne,{icon:v})})})}return T(se,{componentID:e.componentID,children:De,params:ce.Boxish(e)})},Clock:e=>T(N.Origin,o({restrict:"clock",era:"clock"},e)),Date:e=>T(N.Origin,o({restrict:"date"},e)),Week:e=>T(N.Origin,o({restrict:"week"},e)),Month:e=>T(N.Origin,o({restrict:"month"},e)),Year:e=>T(N.Origin,o({restrict:"year"},e)),DateWareki:e=>{e=o({},e);let[l]=W(e.componentID||b.uuid.gen());e.componentID=l;let{defaultEra:v="wareki"}=e,[t,D]=W((()=>{let h="year";if(v=="wareki"&&(h="reiwa",e.value)){let[d,m,i]=e.value.split(/\D/);if(d&&m&&i){let u=Number(d);u>=2019?(u-=2019,h="reiwa"):u>=1989?(u-=1989,h="heisei"):u>=1926?(u-=1926,h="shouwa"):u>=1912?(u-=1912,h="taisho"):u>=1868&&(u-=1868,h="meiji"),u+=1}}return h})());return X(()=>{O.set({key:"refreshEra_"+l,value:{refreshEra:h=>{D(h)}}})},[]),T(N.Origin,_(o({restrict:"dateWareki",leftIndicator:T(fe,{enableUnSelected:!1,value:t,tone:e.tone,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:({value:h,eventType:d})=>{D(h);let m=O.get(e.componentID);m&&m.resetEra&&m.resetEra(h)}})},e),{era:t}))},Periods:{Date:e=>T(N.Origin,o({restrict:"dates"},e)),Month:e=>T(N.Origin,o({restrict:"months"},e))},fn:Q};export{N as Time,N as default};
+import {
+  __objRest,
+  __pow,
+  __spreadProps,
+  __spreadValues
+} from "../../../chunk-JJ3PEWPN.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import {
+  useState,
+  useEffect,
+  useRef
+} from "react";
+import {
+  $$,
+  $$fromRoot,
+  Config,
+  useStore
+} from "../../../@utils/_";
+import Box from "../../../atoms/Box";
+import FAI from "../../../atoms/FAI";
+import Button from "../../Button";
+import Tooltips from "../../Tooltips";
+import { faClock } from "@fortawesome/free-solid-svg-icons/faClock";
+import { faCalendarAlt } from "@fortawesome/free-solid-svg-icons/faCalendarAlt";
+import {
+  Wrapper,
+  BoxWrapper,
+  SubmitForm,
+  CommonEffects,
+  DefaultStyles
+} from "../core";
+import Hidden from "../Hidden";
+import Select from "../Select";
+import Parts from "../Parts";
+import Picker from "./Picker";
+const PeriodMargin = " ~ ";
+const TimeFormatDatas = {
+  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
+  },
+  dates: {
+    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 + PeriodMargin.length, length: 4 },
+      { type: "month", from: 15 + PeriodMargin.length, length: 2 },
+      { type: "date", from: 18 + PeriodMargin.length, length: 2 }
+    ],
+    sets: 2
+  },
+  months: {
+    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 + PeriodMargin.length, length: 4 },
+      { type: "month", from: 13 + PeriodMargin.length, length: 2, region: 3 }
+    ],
+    sets: 2
+  },
+  dateWareki: {
+    defaultValue: "----\u5E74--\u6708--\u65E5",
+    format: /^\d{4}\D\d{2}\D\d{2}$/,
+    ranges: [
+      { type: "dateWareki", from: 0, length: 4, region: 5 },
+      { type: "month", from: 5, length: 2, region: 3 },
+      { type: "date", from: 8, length: 2, region: 3 }
+    ],
+    sets: 1
+  }
+};
+const DataLeveling = (params) => {
+  let {
+    restrict,
+    value,
+    era
+  } = params;
+  let dataValue = $$.flatArray(value || "");
+  let {
+    defaultValue,
+    format,
+    ranges,
+    sets
+  } = TimeFormatDatas[restrict];
+  let formatValues = [];
+  let separateStr = restrict == "clock" ? ":" : "/";
+  for (let index = 0; index < dataValue.length; index++) {
+    dataValue[index] = String(dataValue[index]).replace(/\D/ig, separateStr);
+  }
+  for (let index = 0; index < sets; index++) {
+    let val = dataValue[index] || "";
+    if (!val.match(format)) {
+      dataValue[index] = "";
+      formatValues.push(defaultValue);
+    } else {
+      let _value = defaultValue;
+      val.split(/\D/).forEach((v, i) => {
+        if (i == 0 && restrict == "dateWareki") {
+          let Year = Number(v);
+          if (era != "year") {
+            if (Year >= 2019) {
+              if (era == "reiwa")
+                Year -= 2019 - 1;
+              else if (era == "heisei")
+                Year = 31;
+            } else if (Year >= 1989) {
+              if (era == "heisei")
+                Year -= 1989 - 1;
+              else if (era == "shouwa")
+                Year = 64;
+            } else if (Year >= 1926) {
+              if (era == "shouwa")
+                Year -= 1926 - 1;
+              else if (era == "taisho")
+                Year = 15;
+            } else if (Year >= 1912) {
+              if (era == "taisho")
+                Year -= 1912 - 1;
+              else if (era == "meiji")
+                Year = 45;
+            } else if (Year >= 1868)
+              Year -= 1868 - 1;
+          }
+          v = Year.zeroEmbed(4);
+        }
+        _value = _value.replace(new RegExp("------------------".slice(0, v.length)), v);
+      });
+      formatValues.push(_value);
+    }
+  }
+  return {
+    formatValue: formatValues.join(PeriodMargin),
+    dataValue: ["dates", "months"].includes(restrict) ? dataValue : dataValue[0],
+    ranges
+  };
+};
+function DefaultValidation(props) {
+  let {
+    params
+  } = props;
+  let {
+    restrict,
+    min,
+    max,
+    required
+  } = params;
+  let notice = [];
+  let values = $$.flatArray(props.value);
+  let validate = {
+    empty: false,
+    escalated: 1,
+    filled: true,
+    correct: true,
+    prohibited: false
+  };
+  (() => {
+    let separateStr = restrict == "clock" ? ":" : "/";
+    for (let index = 0; index < values.length; index++) {
+      values[index] = String(values[index]).replace(/\D/ig, separateStr);
+    }
+    for (let index = 0; index < values.length; index++) {
+      let value = values[index];
+      let prevValue = values[index - 1];
+      if (!value.removeLetters())
+        validate.empty = true;
+      if (index > 0)
+        validate.escalated &= Number(value >= prevValue);
+    }
+    if (!validate.escalated)
+      return;
+    if (validate.empty)
+      return;
+    if (restrict.match(/clock/)) {
+      values.forEach((value) => {
+        let [hour, minute] = value.split(/\D+/);
+        if (!hour || !minute) {
+          validate.filled = false;
+        } else if (Number(hour) > 23 || Number(minute) > 59) {
+          validate.correct = false;
+        }
+      });
+    } else if (restrict.match(/date/)) {
+      values.forEach((value) => {
+        let [year, month, day] = value.split(/\D+/);
+        if (!year || !month || !day) {
+          validate.filled = false;
+        } else {
+          let Time2 = $$.Time(value);
+          if (!Time2.validate || value != Time2.toFormatYMD()) {
+            validate.correct = false;
+          }
+        }
+      });
+    } else if (restrict.match(/week/)) {
+      values.forEach((value) => {
+        let [year, week] = value.split(/\D+/);
+        if (!year || !week) {
+          validate.filled = false;
+        } else {
+          let yearFirstDay = $$.Time(year + "/01/01").weekday;
+          let yearFirstWeek0Day = $$.Time(year + "/01/0" + (7 - yearFirstDay + 1));
+          let yearValueWeek0Day = yearFirstWeek0Day.addWeek(Number(week) - 1);
+          if (year != String(yearValueWeek0Day.year)) {
+            validate.correct = false;
+          }
+        }
+      });
+    } else if (restrict.match(/month/)) {
+      values.forEach((value) => {
+        let [year, month] = value.split(/\D+/);
+        if (!year || !month) {
+          validate.filled = false;
+        } else {
+          let date = $$.Time([year, month, "01"].join("/"));
+          if (!date.validate)
+            validate.correct = false;
+        }
+      });
+    } else if (restrict.match(/year/)) {
+    }
+    if (validate.filled && validate.correct) {
+      values.forEach((value) => {
+        {
+          let VAL = Number(String(value).replace(/\D/ig, ""));
+          if (min) {
+            let MIN = Number(String(min).replace(/\D/ig, ""));
+            if (MIN > VAL)
+              validate.prohibited = true;
+          }
+          if (max) {
+            let MAX = Number(String(max).replace(/\D/ig, ""));
+            if (VAL > MAX)
+              validate.prohibited = true;
+          }
+        }
+      });
+    }
+  })();
+  {
+    let {
+      empty,
+      escalated,
+      filled,
+      correct,
+      prohibited
+    } = validate;
+    if (empty && required) {
+      notice = [
+        { type: "invalid", label: "\u5FC5\u9808\u9805\u76EE\u3067\u3059" }
+      ];
+    }
+    if (!escalated) {
+      notice.push({ type: "invalid", label: "\u6642\u7CFB\u5217\u3092\u6B63\u3057\u304F\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044" });
+    }
+    if (!correct) {
+      notice.push({ type: "invalid", label: "\u7121\u52B9\u306A\u5024\u304C\u5165\u529B\u3055\u308C\u3066\u3044\u307E\u3059" });
+    }
+    if (!filled) {
+      notice.push({ type: "invalid", label: "\u6700\u5F8C\u307E\u3067\u5024\u3092\u57CB\u3081\u3066\u304F\u3060\u3055\u3044" });
+    }
+    if (prohibited) {
+      notice.push({
+        type: "invalid",
+        label: /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Box, { children: "\u5165\u529B\u7BC4\u56F2\u304C\u5236\u9650\u3055\u308C\u3066\u3044\u307E\u3059" }),
+          "[",
+          min || "\u4E0B\u9650\u7121\u3057",
+          "] ~ [",
+          max || "\u4E0A\u9650\u7121\u3057",
+          "]"
+        ] })
+      });
+    }
+  }
+  return {
+    ok: !notice.filter(({ type }) => type == "invalid").length,
+    notice
+  };
+}
+const FNs = {
+  picker: {
+    launch: (params) => {
+      let tipsID = params.tipsID || $$.uuid.gen();
+      Tooltips.open(__spreadProps(__spreadValues({
+        gravityPoint: params.gravityPoint || 24,
+        padding: "1/2",
+        tipsID
+      }, params), {
+        close_option: __spreadValues({
+          aroundClick: true,
+          parentBlur: false
+        }, params.close_option),
+        content: /* @__PURE__ */ jsx(
+          Picker,
+          {
+            restrict: params.restrict,
+            min: params.min,
+            max: params.max,
+            era: params.era,
+            defaultValue: params.defaultValue,
+            tipsID,
+            onValueUpdate: (value, era) => {
+              params.onValueUpdate(value, era);
+            }
+          }
+        )
+      }));
+    },
+    remove: (tipsID) => {
+      Tooltips.close(tipsID);
+    }
+  }
+};
+const Component = (params) => {
+  let _a = params, {
+    tone,
+    required,
+    restrict = "clock",
+    componentID,
+    era,
+    form,
+    name,
+    min,
+    max,
+    className,
+    enableFormSubmit,
+    checkValidationAtFirst,
+    onKeyDown,
+    onValidate,
+    onUpdateValue,
+    onUpdateValidValue,
+    value = "",
+    leftIndicator,
+    rightIndicator
+  } = _a, others = __objRest(_a, [
+    "tone",
+    "required",
+    "restrict",
+    "componentID",
+    "era",
+    "form",
+    "name",
+    "min",
+    "max",
+    "className",
+    "enableFormSubmit",
+    "checkValidationAtFirst",
+    "onKeyDown",
+    "onValidate",
+    "onUpdateValue",
+    "onUpdateValidValue",
+    "value",
+    "leftIndicator",
+    "rightIndicator"
+  ]);
+  let [val_era, set_era] = useState(era);
+  let [val_status, set_status] = useState(__spreadProps(__spreadValues({
+    componentID: params.componentID || ""
+  }, DataLeveling({
+    restrict,
+    value,
+    era: val_era
+  })), {
+    eventType: "init",
+    eventID: $$.uuid.gen()
+  }));
+  let [val_validate, set_validate] = useState({
+    ok: false,
+    notice: []
+  });
+  let [val_focus, set_focus] = useState({
+    active: false,
+    index: 0,
+    prevIndex: -1
+  });
+  CommonEffects({
+    type: "time",
+    params,
+    val_status,
+    set_status,
+    val_validate,
+    set_validate,
+    DefaultValidation,
+    onUpdateValue,
+    onUpdateValidValue,
+    ExtraOverrideParams: __spreadValues({}, DataLeveling({
+      restrict,
+      value,
+      era: val_era
+    }))
+  });
+  const mounted = useRef(false);
+  useEffect(() => {
+    if (mounted.current) {
+      set_status(__spreadValues(__spreadValues({}, val_status), DataLeveling({
+        restrict,
+        value: val_status.dataValue,
+        era: val_era
+      })));
+      let ParentComponent = useStore.get("refreshEra_" + val_status.componentID);
+      ParentComponent && ParentComponent.refreshEra(val_era);
+    } else {
+      mounted.current = true;
+    }
+  }, [val_era]);
+  useStore.update({
+    key: val_status.componentID,
+    value: {
+      openPicker: () => {
+        if (params.disabled)
+          return;
+        FNs.picker.launch({
+          parent: "#Picker-" + val_status.componentID,
+          tipsID: "PickerTips-" + val_status.componentID,
+          restrict,
+          min,
+          max,
+          defaultValue: val_status.dataValue,
+          era: val_era,
+          onValueUpdate: (value2, era2) => {
+            set_status(__spreadProps(__spreadValues(__spreadValues({}, val_status), DataLeveling({
+              restrict,
+              value: value2,
+              era: era2
+            })), {
+              eventType: "update",
+              eventID: $$.uuid.gen()
+            }));
+            set_era(era2);
+          }
+        });
+      },
+      resetEra: (era2) => {
+        set_era(era2);
+        set_status(__spreadProps(__spreadValues(__spreadValues({}, val_status), DataLeveling({
+          restrict,
+          value: "",
+          era: val_era
+        })), {
+          eventType: "update",
+          eventID: $$.uuid.gen()
+        }));
+      }
+    }
+  });
+  useEffect(() => {
+    let { index, active } = val_focus;
+    if (active) {
+      index = Math.max(index, 0);
+      index = Math.min(index, val_status.ranges.length - 1);
+      let { from, length } = val_status.ranges[index];
+      let input = $$fromRoot("#" + params.id)[0];
+      input && input.setSelectionRange(from, from + length);
+    }
+  }, [val_focus]);
+  return /* @__PURE__ */ jsxs(
+    BoxWrapper,
+    {
+      val_status,
+      set_status,
+      val_validate,
+      params,
+      children: [
+        /* @__PURE__ */ jsx(
+          Hidden,
+          {
+            name,
+            "data-input-type": "time",
+            "data-form": form,
+            "data-validation": val_validate.ok,
+            componentID: val_status.componentID,
+            "data-value": JSON.stringify(
+              ["dates", "months"].includes(restrict) ? !val_status.dataValue[0] || !val_status.dataValue[1] ? null : val_status.dataValue : val_status.dataValue || null
+            )
+          }
+        ),
+        Config.get().isTouchDevice ? /* @__PURE__ */ jsx(
+          Button.Button.Plain,
+          {
+            className,
+            freeCSS: {
+              textAlign: "left"
+            },
+            children: val_status.formatValue,
+            onClick: (event) => {
+              let component = useStore.get(val_status.componentID);
+              if (component)
+                component.openPicker();
+              event.stopPropagation();
+            }
+          }
+        ) : /* @__PURE__ */ jsx(
+          "input",
+          __spreadValues({
+            type: "text",
+            inputMode: "numeric",
+            "data-input-type": "time",
+            "data-form-name": form,
+            value: val_status.formatValue,
+            className,
+            tabIndex: Config.get().isTouchDevice ? -1 : 0,
+            onKeyDown: (event) => {
+              KeyDownEvent({
+                restrict,
+                event,
+                val_era,
+                val_status,
+                set_status,
+                val_focus,
+                set_focus
+              });
+              if (onKeyDown)
+                onKeyDown(event);
+              if (enableFormSubmit)
+                SubmitForm(event);
+            },
+            onKeyUp: (event) => {
+              if (event.key == "Tab")
+                set_focus(__spreadProps(__spreadValues({}, val_focus), {
+                  active: true
+                }));
+            },
+            onClick: (event) => {
+              let caretTo = event.target.selectionEnd;
+              let Index = 0;
+              val_status.ranges.forEach((range, index) => {
+                let { from, length, region } = range;
+                if (from <= caretTo && caretTo <= from + (region || length)) {
+                  Index = index;
+                }
+              });
+              set_focus(__spreadProps(__spreadValues({}, val_focus), {
+                active: true,
+                index: Index
+              }));
+              event.preventDefault();
+            },
+            onChange: () => {
+            }
+          }, others)
+        )
+      ]
+    }
+  );
+};
+const KeyDownEvent = (props) => {
+  let {
+    val_era,
+    restrict,
+    event,
+    val_status,
+    set_status,
+    val_focus,
+    set_focus
+  } = props;
+  let { key, shiftKey, ctrlKey, metaKey } = event;
+  let auxKey = ctrlKey || metaKey;
+  let {
+    selectionStart: caretFrom,
+    selectionEnd: caretTo
+  } = event.target;
+  let {
+    index: currentFocusIndex,
+    prevIndex: prevFocusIndex
+  } = val_focus;
+  let {
+    ranges,
+    formatValue
+  } = val_status;
+  let maxFocusIndex = ranges.length - 1;
+  if (["Tab", "ArrowLeft", "ArrowRight"].includes(key)) {
+    let nextFocusIndex = 0;
+    if (key == "Tab") {
+      let direction = Number(!shiftKey) * 2 - 1;
+      nextFocusIndex = val_focus.index + direction;
+      if (nextFocusIndex < 0 || nextFocusIndex > maxFocusIndex)
+        return;
+    } else {
+      let direction = key == "ArrowLeft" ? -1 : key == "ArrowRight" ? 1 : 0;
+      if (auxKey) {
+        nextFocusIndex = direction == 1 ? maxFocusIndex : 0;
+      } else {
+        if (caretFrom == 0 && caretTo == String(val_status.formatValue).length) {
+          nextFocusIndex = direction == 1 ? maxFocusIndex : 0;
+        } else {
+          nextFocusIndex = Math.max(0, Math.min(currentFocusIndex + direction, maxFocusIndex));
+        }
+      }
+    }
+    set_focus(__spreadProps(__spreadValues({}, val_focus), {
+      index: nextFocusIndex,
+      prevIndex: currentFocusIndex
+    }));
+    event.preventDefault();
+  }
+  if (["Backspace", "ArrowUp", "ArrowDown", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9"].includes(key)) {
+    event.preventDefault();
+    let nextFocusIndex = currentFocusIndex;
+    nextFocusIndex = Math.max(nextFocusIndex, 0);
+    nextFocusIndex = Math.min(nextFocusIndex, maxFocusIndex);
+    let {
+      type,
+      from,
+      length
+    } = ranges[nextFocusIndex];
+    let prevValue = formatValue.slice(from, from + length);
+    let partsValue;
+    if (key == "Backspace") {
+      partsValue = "------".slice(0, length);
+    } else if (["ArrowUp", "ArrowDown"].includes(key)) {
+      let direction = key == "ArrowUp" ? 1 : -1;
+      prevValue = prevValue | 0;
+      partsValue = prevValue + direction;
+      let [min, max, range] = type == "dateWareki" ? val_era == "year" ? [0, 2999, 4] : val_era == "reiwa" ? [1, 2999, 4] : val_era == "heisei" ? [1, 31, 4] : val_era == "shouwa" ? [1, 64, 4] : val_era == "taisho" ? [1, 15, 4] : val_era == "meiji" ? [1, 45, 4] : [0, 0, 0] : type == "minute" ? [0, 59, 2] : type == "hour" ? [0, 23, 2] : type == "date" ? [1, 31, 2] : type == "week" ? [1, 53, 2] : type == "month" ? [1, 12, 2] : type == "year" ? [0, 2999, 4] : [0, 0, 0];
+      if (partsValue > max)
+        partsValue = min;
+      else if (partsValue < min)
+        partsValue = max;
+      partsValue = Number(partsValue).zeroEmbed(range);
+    } else if (["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"].includes(key)) {
+      let prev = prevValue | 0;
+      let add = key;
+      let compound = `${prev}${add}`;
+      if (prevFocusIndex != currentFocusIndex && prevFocusIndex >= 0) {
+        prev = 0, compound = "0" + add;
+      }
+      if (type == "year" || type == "dateWareki" && val_era == "year") {
+        if (Number(compound) > 1e4)
+          partsValue = add;
+        else
+          partsValue = compound;
+        if ((partsValue | 0) > 1e3)
+          nextFocusIndex++;
+      } else if (["hour", "minute", "date", "week", "month"].includes(type) || type == "dateWareki" && val_era != "year") {
+        let base = type == "dateWareki" ? val_era == "reiwa" ? 100 : val_era == "heisei" ? 31 : val_era == "shouwa" ? 64 : val_era == "taisho" ? 15 : val_era == "meiji" ? 45 : 0 : type == "minute" ? 59 : type == "hour" ? 23 : type == "date" ? 31 : type == "week" ? 53 : type == "month" ? 12 : 0;
+        partsValue = (compound | 0) > base ? add : compound;
+        if (Number(add) > Number(String(base)[0]) || prevValue == "0000".slice(0, String(base).length) && (compound != "0000".slice(0, String(base).length) || ["minute", "hour"].includes(type) && prevFocusIndex == currentFocusIndex) || (compound | 0) >= __pow(10, String(base).length - 1))
+          nextFocusIndex++;
+      }
+      if (type == "year" || type == "dateWareki")
+        partsValue = (partsValue | 0).zeroEmbed(4);
+      else
+        partsValue = (partsValue | 0).zeroEmbed(2);
+    }
+    {
+      let nextFormatValue = String(formatValue).partReplace(from, String(partsValue));
+      let nextDataValue = nextFormatValue.split(PeriodMargin).map((value) => {
+        return value.replace(/(^\D|\D$)/, "").split(/\D+/).join(restrict == "clock" ? ":" : "/").replace(/(^\D|\D$)/, "");
+      });
+      if (restrict == "dateWareki") {
+        let v = nextDataValue[0].split(/\D/);
+        let [year, month, day] = v;
+        if (v.length == 3 && year) {
+          let yearYear = Number(year) - 1 + Number(
+            {
+              year: 1,
+              reiwa: 2019,
+              heisei: 1989,
+              shouwa: 1926,
+              taisho: 1912,
+              meiji: 1868
+            }[val_era]
+          );
+          nextDataValue = [[yearYear, month, day].join("/")];
+        }
+      }
+      nextFocusIndex = Math.max(nextFocusIndex, 0);
+      nextFocusIndex = Math.min(nextFocusIndex, maxFocusIndex);
+      set_status(__spreadProps(__spreadValues({}, val_status), {
+        dataValue: ["dates", "months"].includes(restrict) ? nextDataValue : nextDataValue[0],
+        formatValue: nextFormatValue,
+        eventType: "update",
+        eventID: $$.uuid.gen()
+      }));
+      set_focus(__spreadProps(__spreadValues({}, val_focus), {
+        index: nextFocusIndex,
+        prevIndex: val_focus.index
+      }));
+    }
+  }
+};
+const Time = {
+  Origin: (rawParams) => {
+    rawParams = __spreadValues({}, rawParams);
+    let [val_componentID] = useState(rawParams.componentID || $$.uuid.gen());
+    rawParams.componentID = val_componentID;
+    if ($$.is.nullish(rawParams.rightIndicator)) {
+      let icon = (rawParams.restrict || "").match(/clock/) ? faClock : faCalendarAlt;
+      rawParams.rightIndicator = /* @__PURE__ */ jsx(
+        Parts.RightIndicator,
+        {
+          padding: 0,
+          children: /* @__PURE__ */ jsx(
+            Button.Button.Sub.R,
+            {
+              color: "cloud",
+              border: "unset",
+              padding: [0, 1],
+              fontColor: "theme",
+              borderRadius: "inherit",
+              backgroundColor: "inherit",
+              flexCenter: true,
+              height: 1,
+              ssEffectsOnActive: ["ripple.cloud"],
+              tabIndex: -1,
+              id: "Picker-" + rawParams.componentID,
+              onClick: () => {
+                let component = useStore.get(rawParams.componentID);
+                if (component)
+                  component.openPicker();
+              },
+              children: /* @__PURE__ */ jsx(FAI, { icon })
+            }
+          )
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      Wrapper,
+      {
+        componentID: rawParams.componentID,
+        children: Component,
+        params: DefaultStyles.Boxish(rawParams)
+      }
+    );
+  },
+  Clock: (props) => /* @__PURE__ */ jsx(Time.Origin, __spreadValues({ restrict: "clock", era: "clock" }, props)),
+  Date: (props) => /* @__PURE__ */ jsx(Time.Origin, __spreadValues({ restrict: "date" }, props)),
+  Week: (props) => /* @__PURE__ */ jsx(Time.Origin, __spreadValues({ restrict: "week" }, props)),
+  Month: (props) => /* @__PURE__ */ jsx(Time.Origin, __spreadValues({ restrict: "month" }, props)),
+  Year: (props) => /* @__PURE__ */ jsx(Time.Origin, __spreadValues({ restrict: "year" }, props)),
+  DateWareki: (params) => {
+    params = __spreadValues({}, params);
+    let [val_componentID] = useState(params.componentID || $$.uuid.gen());
+    params.componentID = val_componentID;
+    let {
+      defaultEra = "wareki"
+    } = params;
+    let [val_era, set_era] = useState((() => {
+      let era = "year";
+      if (defaultEra == "wareki") {
+        era = "reiwa";
+        if (params.value) {
+          let [year, month, date] = params.value.split(/\D/);
+          if (year && month && date) {
+            let Year = Number(year);
+            if (Year >= 2019) {
+              Year -= 2019, era = "reiwa";
+            } else if (Year >= 1989) {
+              Year -= 1989, era = "heisei";
+            } else if (Year >= 1926) {
+              Year -= 1926, era = "shouwa";
+            } else if (Year >= 1912) {
+              Year -= 1912, era = "taisho";
+            } else if (Year >= 1868) {
+              Year -= 1868, era = "meiji";
+            }
+            Year += 1;
+          }
+        }
+      }
+      return era;
+    })());
+    useEffect(() => {
+      useStore.set({
+        key: "refreshEra_" + val_componentID,
+        value: {
+          refreshEra: (value) => {
+            set_era(value);
+          }
+        }
+      });
+    }, []);
+    return /* @__PURE__ */ jsx(
+      Time.Origin,
+      __spreadProps(__spreadValues({
+        restrict: "dateWareki",
+        leftIndicator: /* @__PURE__ */ jsx(
+          Select,
+          {
+            enableUnSelected: false,
+            value: val_era,
+            tone: params.tone,
+            override: "force",
+            flexCenter: true,
+            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: ({ value, eventType }) => {
+              set_era(value);
+              let component = useStore.get(params.componentID);
+              component && component.resetEra && component.resetEra(value);
+            }
+          }
+        )
+      }, params), {
+        era: val_era
+      })
+    );
+  },
+  Periods: {
+    Date: (props) => /* @__PURE__ */ jsx(Time.Origin, __spreadValues({ restrict: "dates" }, props)),
+    Month: (props) => /* @__PURE__ */ jsx(Time.Origin, __spreadValues({ restrict: "months" }, props))
+  },
+  fn: FNs
+};
+export {
+  Time,
+  Time as default
+};