amotify 0.2.279 → 0.2.280

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

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

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

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

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

@@ -20,23 +20,23 @@ declare namespace BoxWrapper {
 }
 export declare const BoxWrapper: React.FC<BoxWrapper.Input>;
 export declare const CoreEffects: {
-    DefaultStatus: (componentId: string, value: any) => InputTypes.Status.Plain<any>;
+    DefaultStatus: (componentId: string, value: any) => InputTypes.Status<any>;
     CommonEffects: <T = Records<any>>(props: {
         type: InputTypes.Type;
         states: Records;
-        val_status: InputTypes.Status.Plain;
-        set_status: React.Dispatch<React.SetStateAction<InputTypes.Status.Plain & T>>;
+        val_status: InputTypes.Status;
+        set_status: React.Dispatch<React.SetStateAction<InputTypes.Status & T>>;
         SystemValidation: InputTypes.Validation.System;
         ExtraOverrideStates?: (overrideValue: any) => Records;
     }) => void;
     ValidationCheck: (p: {
-        val_status: InputTypes.Status.Plain;
-        set_status: React.Dispatch<React.SetStateAction<InputTypes.Status.Plain>>;
+        val_status: InputTypes.Status;
+        set_status: React.Dispatch<React.SetStateAction<InputTypes.Status>>;
         SystemValidation: InputTypes.Validation.System;
         states: any;
     }) => void;
     SubmitForm: (event: React.KeyboardEvent, formName: string) => boolean;
-    isShowValidation: (val_status: InputTypes.Status.Plain, checkValidationAtFirst: boolean) => boolean | undefined;
+    isShowValidation: (val_status: InputTypes.Status, showInitValidation: boolean) => boolean | undefined;
 };
 export declare const DefaultBoxishStyles: <T = any>(p: any) => T;
 export {};

package/dist/fn/Input/core.js

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

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

@@ -26,7 +26,7 @@ export declare namespace InputTypes {
         override?: 'force' | 'beforeModified' | 'never';
         required?: boolean;
         enableFormSubmit?: boolean;
-        checkValidationAtFirst?: boolean;
+        showInitValidation?: boolean;
         onValidate?: Validation.OnValidate<T>;
         onValidateDelay?: number;
         onUpdateValue?: OnUserAction<T>;
@@ -51,35 +51,35 @@ export declare namespace InputTypes {
             value: any;
             states: any;
         }) => Result;
-        type OnValidate<T = any> = (value: T, eventType: EventType, opt: Status.Plain) => Promise<Result>;
+        type OnValidate<T = any> = (value: T, eventType: EventType, opt: Status) => Promise<Result>;
     }
+    type Status<T = any> = {
+        componentId: string;
+        rawValue: T;
+        eventType: Validation.EventType;
+        eventID: string;
+        isValidated?: boolean;
+        isInspected?: boolean;
+        isFocusing?: boolean;
+        isComposing?: boolean;
+        isPickerOpen?: boolean;
+        notice?: Validation.Notice[];
+    };
     namespace Status {
-        type Plain<T = any> = {
-            componentId: string;
-            rawValue: T;
-            eventType: Validation.EventType;
-            eventID: string;
-            isValidated?: boolean;
-            isInspected?: boolean;
-            isFocusing?: boolean;
-            isComposing?: boolean;
-            isPickerOpen?: boolean;
-            notice?: Validation.Notice[];
-        };
-        type Text = Plain & {
+        type Text = Status & {
             safeValue: any;
             prevValue: any;
             caretFrom: number;
             caretTo: number;
         };
-        type DigitCharacters = Plain & {
+        type DigitCharacters = Status & {
             safeValue: any;
         };
-        type Time = Plain & {
+        type Time = Status & {
             safeValue: any;
             ranges: _Time.Range[];
         };
-        type Slider = Plain & {
+        type Slider = Status & {
             safeValue: number[];
             ranged: boolean;
             min: number;

package/dist/fn/Input/index.js

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

package/dist/fn/Loader/corner.js

@@ -1 +1 @@
-import"../../chunk-C5N2D3ZX.js";import{jsx as a,jsxs as m}from"react/jsx-runtime";import{useStore as i}from"jmini";import{Config as l}from"../../@utils";import{useState as n,useEffect as c}from"react";import{Box as r,Flex as s}from"../../atoms";import{LoaderClasses as e}from"../../@styles/componentClasses";const g=()=>{let[t,o]=n(!1);return c(()=>{i.set({["Loader-corner-"+l.get().sessionUID+"-corner"]:{active:()=>{o(!0)},stop:()=>{o(!1)}}})},[]),a(s,{className:[e("CornerLoader"),t?e("isActive"):""].join(" "),gap:"1/2",padding:["1/2","3/4"],borderRadius:"3.tone.tertiary",backgroundColor:"dark",position:"fixed",boxShadow:"1.remark",bottom:1,right:1,opacity:"trans",transition:"middle",freeCSS:{pointerEvents:"none"},children:m(s,{className:e("Wrap"),flexWrap:!1,verticalAlign:"center",horizontalAlign:"center",children:[a(r,{className:e("Ld4")}),a(r,{className:e("Ld3")}),a(r,{className:e("Ld2")}),a(r,{className:e("Ld1")}),a(r,{className:e("Ld2")}),a(r,{className:e("Ld3")}),a(r,{className:e("Ld4")})]})})};export{g as Corner};
+import"../../chunk-C5N2D3ZX.js";import{jsx as a,jsxs as m}from"react/jsx-runtime";import{useStore as i}from"jmini";import{Config as l}from"../../@utils";import{useState as n,useEffect as c}from"react";import{Box as r,Flex as s}from"../../atoms";import{LoaderClasses as e}from"../../@styles/componentClasses";const g=()=>{let[t,o]=n(!1);return c(()=>{i.set({["Loader-corner-"+l.get().sessionUID+"-corner"]:{active:()=>{o(!0)},stop:()=>{o(!1)}}})},[]),a(s,{className:[e("CornerLoader"),t?e("isActive"):""].join(" "),gap:"1/2",padding:["1/2","3/4"],borderRadius:"3.tone.tertiary",backgroundColor:"dark",position:"fixed",boxShadow:"1.remark",bottom:1,right:1,opacity:"trans",transition:"middle",xcss:{pointerEvents:"none"},children:m(s,{className:e("Wrap"),flexWrap:!1,verticalAlign:"center",horizontalAlign:"center",children:[a(r,{className:e("Ld4")}),a(r,{className:e("Ld3")}),a(r,{className:e("Ld2")}),a(r,{className:e("Ld1")}),a(r,{className:e("Ld2")}),a(r,{className:e("Ld3")}),a(r,{className:e("Ld4")})]})})};export{g as Corner};

package/dist/fn/PageNotFound.js

@@ -1 +1 @@
-import"../chunk-C5N2D3ZX.js";import{jsx as o,jsxs as e}from"react/jsx-runtime";import{Box as r,FAI as d,Column as a}from"../atoms";import{Row as m,Literal as t}from"../mols";import{Anchor as i}from"./Button";const l=()=>{let{href:n}=location;return o(m.Center,{padding:[4,1],children:e(a,{ssCardBox:!0,gap:2,padding:[3,2],textAlign:"center",width:1,freeCSS:{maxWidth:12*30},children:[o(d.LinkSlash,{fontColor:"theme",freeCSS:{fontSize:"3rem"}}),e(r,{children:[o(t.Paragraph,{children:"\u3053\u306E\u30DA\u30FC\u30B8\u306F\u3054\u5229\u7528\u3044\u305F\u3060\u3051\u307E\u305B\u3093\u3002"}),o(t.Supplement,{fontColor:"3.blur",children:"\u5165\u529B\u3055\u308C\u305F\u30EA\u30F3\u30AF\u306E\u30DA\u30FC\u30B8\u306F\u5B58\u5728\u3057\u307E\u305B\u3093\u3067\u3057\u305F\u3002"})]}),e(a,{children:[e(t,{textAlign:"left",ssCardBox:"cloud",isSemiBoldFont:!0,padding:1,children:["\u30FB\u30EA\u30F3\u30AF\u304C\u6B63\u3057\u3044\u304B",o(r,{margin:["1/2",0],borderBottom:!0}),"\u30FB\u30EA\u30F3\u30AF\u306E\u6709\u52B9\u671F\u9650",o(r,{margin:["1/2",0],borderBottom:!0}),"\u30FB\u30A2\u30AF\u30BB\u30B9\u6A29\u9650\u7B49\u304C\u6B63\u3057\u3044\u304B"]}),"\u306A\u3069\u3092\u3082\u3046\u4E00\u5EA6\u78BA\u8A8D\u3057\u3066\u304F\u3060\u3055\u3044\u3002"]}),o(i.Link,{newTab:!0,href:n,children:n}),o(i.BorderToFill,{href:"/",width:1,children:"\u30DB\u30FC\u30E0\u306B\u623B\u308B"})]})})};export{l as PageNotFound,l as default};
+import"../chunk-C5N2D3ZX.js";import{jsx as o,jsxs as r}from"react/jsx-runtime";import{Box as t,FAI as d,Column as a}from"../atoms";import{Row as m,Literal as e}from"../mols";import{Anchor as i}from"./Button";const l=()=>{let{href:n}=location;return o(m.Center,{padding:[4,1],children:r(a,{ssCardBox:!0,gap:2,padding:[3,2],textAlign:"center",width:1,xcss:{maxWidth:12*30},children:[o(d.LinkSlash,{fontColor:"theme",xcss:{fontSize:"3rem"}}),r(t,{children:[o(e.Paragraph,{children:"\u3053\u306E\u30DA\u30FC\u30B8\u306F\u3054\u5229\u7528\u3044\u305F\u3060\u3051\u307E\u305B\u3093\u3002"}),o(e.Supplement,{fontColor:"3.blur",children:"\u5165\u529B\u3055\u308C\u305F\u30EA\u30F3\u30AF\u306E\u30DA\u30FC\u30B8\u306F\u5B58\u5728\u3057\u307E\u305B\u3093\u3067\u3057\u305F\u3002"})]}),r(a,{children:[r(e,{textAlign:"left",ssCardBox:"cloud",isSemiBoldFont:!0,padding:1,children:["\u30FB\u30EA\u30F3\u30AF\u304C\u6B63\u3057\u3044\u304B",o(t,{margin:["1/2",0],borderBottom:!0}),"\u30FB\u30EA\u30F3\u30AF\u306E\u6709\u52B9\u671F\u9650",o(t,{margin:["1/2",0],borderBottom:!0}),"\u30FB\u30A2\u30AF\u30BB\u30B9\u6A29\u9650\u7B49\u304C\u6B63\u3057\u3044\u304B"]}),"\u306A\u3069\u3092\u3082\u3046\u4E00\u5EA6\u78BA\u8A8D\u3057\u3066\u304F\u3060\u3055\u3044\u3002"]}),o(i.Link,{newTab:!0,href:n,children:n}),o(i.BorderToFill,{href:"/",width:1,children:"\u30DB\u30FC\u30E0\u306B\u623B\u308B"})]})})};export{l as PageNotFound,l as default};

package/dist/fn/Plate.js

@@ -1 +1 @@
-import{b as e,c as o,d as S}from"../chunk-C5N2D3ZX.js";import{jsx as u}from"react/jsx-runtime";import{Box as n}from"../atoms";const p=r=>{let a=r,{size:l="R"}=a,t=S(a,["size"]),i={MIN:36,XS:48,S:60,R:72,L:84,XL:100,MAX:120}[l];return u(n,o(e({margin:[0,"auto"],width:1},t),{freeCSS:e({maxWidth:12*i},t.freeCSS)}))};export{p as Plate,p as default};
+import{b as t,c as o,d as s}from"../chunk-C5N2D3ZX.js";import{jsx as u}from"react/jsx-runtime";import{Box as r}from"../atoms";const p=l=>{let a=l,{size:i="R"}=a,e=s(a,["size"]),n={MIN:36,XS:48,S:60,R:72,L:84,XL:100,MAX:120}[i];return u(r,o(t({margin:[0,"auto"],width:1},e),{xcss:t({maxWidth:12*n},e.xcss)}))};export{p as Plate,p as default};

package/dist/fn/RootViewController.js

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

package/dist/fn/Sheet.js

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

package/dist/fn/SwipeView.js

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

package/dist/fn/TabBar.js

@@ -1 +1 @@
-import{b as o,c as i,d as l}from"../chunk-C5N2D3ZX.js";import{jsx as t}from"react/jsx-runtime";import{useEffect as s}from"react";import{Box as c,Flex as x}from"../atoms";import S from"./Input";const m=f=>{let p=f,{tabIndex:u,tabs:b,onTabChange:a,componentDidMount:n}=p,r=l(p,["tabIndex","tabs","onTabChange","componentDidMount"]);return s(()=>{n&&n()},[]),t(x,i(o({position:"relative",overflow:"auto",flexWrap:!1},r),{freeCSS:o({zIndex:3,whiteSpace:"nowrap"},r.freeCSS),children:t(c,{margin:[0,"auto"],children:t(S.Segmented.Bottomline,{value:u,fontColor:"inherit",gap:0,override:"force",options:b.map((e,d)=>({value:d,label:e})),onUpdateValidValue:e=>{a&&a(e)}})})}))};export{m as TabBar,m as default};
+import{b as o,c as l,d as m}from"../chunk-C5N2D3ZX.js";import{jsx as t}from"react/jsx-runtime";import{useEffect as d}from"react";import{Box as c,Flex as x}from"../atoms";import B from"./Input";const i=s=>{let p=s,{tabIndex:u,tabs:f,onTabChange:a,componentDidMount:n}=p,r=m(p,["tabIndex","tabs","onTabChange","componentDidMount"]);return d(()=>{n&&n()},[]),t(x,l(o({ssZIndex:3,overflow:"auto",flexWrap:!1},r),{xcss:o({whiteSpace:"nowrap"},r.xcss),children:t(c,{margin:[0,"auto"],children:t(B.Segmented.Bottomline,{value:u,fontColor:"inherit",gap:0,override:"force",options:f.map((e,b)=>({value:b,label:e})),onUpdateValidValue:e=>{a&&a(e)}})})}))};export{i as TabBar,i as default};