amotify 0.2.274 → 0.2.277

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

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

package/dist/fn/Sheet.d.ts

@@ -14,8 +14,7 @@ declare namespace Sheet {
         }): React.JSX.Element;
         image(params: Omit<Input, 'content'>, src: string | string[]): void;
         open<P = any>(type: Type, params: Input<P>, defaultOpen?: boolean | 'inherit'): void;
-        modifyProps(sheetID: string, props: any): void;
-        resize(sheetID: string, size: Sizes): void;
+        update<P = any>(sheetID: string, params: Partial<Input<P>>): void;
         customSheet: {
             reposition(sheetID: string): void;
         };

package/dist/fn/Sheet.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "amotify",
-  "version": "0.2.274",
+  "version": "0.2.277",
   "description": "UI Component for React,NextJS,esbuild",
   "scripts": {
     "start": "run-p clean build:*",