npm - amotify - Versions diffs - 0.2.34 → 0.2.35 - Mend

amotify 0.2.34 → 0.2.35

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/demo/esbuild/public/index.js +1 -1
package/dist/fn/Input/Segmented.js +1 -1
package/dist/fn/Input/TextField.js +1 -1
package/dist/fn/Table/Data.js +1 -1
package/package.json +1 -1

package/demo/esbuild/public/index.js CHANGED Viewed

@@ -977,7 +977,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
   <div class="${Ql("Wave")}" />
   </div>`).addEvent({eventID:"RippleMouseOut",eventType:"mouseout",callback:M=>{hd.End(W)}}).find("#"+d).find("."+Ql("Wave")).css({left:A,top:R}).await(10).css({height:T,width:T,opacity:".3",transition:".25s"})},End:r=>{let{RippleElement:a,startedAt:o,size:l}=r,s=rs.default.Time().ms-o<=400?".75s":".55s",d=l*2.5;(0,rs.default)(document).removeEvent(["RippleMouseUp","RippleTouchMove","RippleTouchEnd","RippleMouseOut"]),a.removeEvent(["RippleMouseOut"]).find("."+Ql("Wave")).css({height:d,width:d,opacity:"0",transition:s}).await(750).parent().callback(c=>{c.remove()})}},RN={Wrapper:()=>(typeof window=="undefined"||(0,rs.default)(ut.get().appRoot).addEvent({eventType:"touchstart",target:hd.RippleElementTag,callback:r=>{hd.Start(r)}}).addEvent({eventType:"mousedown",eventID:"RippleMouseDown",target:hd.RippleElementTag,callback:r=>{ut.get().isTouchDevice||hd.Start(r)}}),null)};var tw=Z(pr());var DN={Wrapper:()=>(typeof window=="undefined"||(0,tw.default)(ut.get().appRoot).addEvent({eventType:"click",eventID:"PuddingClick",target:'[data-effect-pudding="1"]',callback:function(r){(0,tw.default)(r.target).removeClass(Ql("PuddingEffect")).await(1).addClass(Ql("PuddingEffect")).await(510).removeClass(Ql("PuddingEffect"))}}),null)};var gu={Ripple:RN,Pudding:DN,FadeIn:TN,FadeUp:EN};var w_=r=>{let{viewIndex:a=0,views:o,wrapper:l=c=>(0,pm.jsx)(gu.FadeIn,{animationTime:400,children:c},a)}=r;a=Math.min(Math.max(a,0),o.length);let[s,d]=(0,LN.useState)(a);return s!=a&&d(a),(0,pm.jsx)(pm.Fragment,{children:l(o[a])})};var hm=Z(Mt()),_u=Z(fr()),El=Z(pr());var W$=r=>{let a=r,{options:{onSlideCallback:o,visibilitySurroundSlide:l=!0,autoSwipems:s=0,loop:d=!1,disableMousedrag:c=!1,disableTouch:h=!1}={},wrapper:p=z=>z,slides:g=[],slideIndex:y}=a,b=Ze(a,["options","wrapper","slides","slideIndex"]),[x]=(0,_u.useState)(El.default.uuid.gen()),[w,T]=(0,_u.useState)({eventType:"init",index:r.slideIndex});(0,_u.useEffect)(()=>{We.set({["SwipeTimer-"+x]:null})},[]);let A=(0,_u.useRef)(!1);(0,_u.useEffect)(()=>{T({eventType:"usr",index:r.slideIndex}),A.current||(A.current=!0)},[r.slideIndex]),(0,_u.useEffect)(()=>{let z=w.index+(d?1:0),j=[-1,g.length].includes(w.index);j||o&&setTimeout(()=>{o(w.index)},300);let K=xt("#Swiper-"+x);if(w.eventType=="adjustLoop")K.await(250).css({transition:"0s",transform:No.TrasformString(z)}).children().removeClass(Da("Display")).parent().children(z).addClass([Da("Display"),Da("LoopAdjusting")]).await(100).removeClass(Da("LoopAdjusting"));else if(w.eventType=="sys")K.await(250).css({transform:No.TrasformString(z)}).children().removeClass(Da("Display")).parent().children(z).addClass(Da("Display"));else if(K.children().removeClass(Da("Display")).parent().children(z).addClass(Da("Display")).parent().css({transition:"0.3s",transform:No.TrasformString(z)}).await(250).css({transition:"0s"}),j){let P=w.index==-1?g.length-1:0;T({eventType:"adjustLoop",index:P})}s&&!j&&(El.default.interval.clear("SwipeTimer-"+x),El.default.interval.standBy("SwipeTimer-"+x,s-(w.eventType=="sys"?310:0),()=>{let P=w.index+1;!d&&P>g.length-1&&(P=0),T({eventType:"usr",index:P})}))},[w]);let R=g.map((z,j)=>(0,hm.jsx)(E,{flexSizing:"none",width:1,height:0,className:Da("Child"),children:p(z)},j));d&&(R.push(R[0]),R.unshift(R[R.length-2]));let W={x:0,y:0,process:!1,effectStartAt:0,id:x,loop:d,index:w.index,minIndex:d?-1:0,maxIndex:g.length+(d?1:-1),width:0,set_event:T},M=w.index+(d?1:0);return(0,hm.jsx)(E,L(_({overflow:"hidden",position:"relative"},b),{className:[b.className,Da("SwipeView")].join(" "),freeCSS:_({zIndex:1},b.freeCSS),"data-swipe-id":x,onMouseDown:z=>{c||z.buttons==1&&No.EffectStart(z,W)},onTouchStart:z=>{var j;h||((j=z.touches)==null?void 0:j.length)==1&&No.EffectStart(z,W)},children:(0,hm.jsx)(pt,{flexWrap:!1,gap:1,transition:"long",className:[Da("Rail"),Da("ShowOther_"+l)].join(" "),id:"Swiper-"+x,freeCSS:_({},A.current?{}:{transform:No.TrasformString(M)}),children:R})}))},No={TrasformString:r=>`translateX( calc( ${-100*r}%  - ${12*r}px ) )`,EffectStart:(r,a)=>{let{x:o,y:l}=El.default.getCursor(r),s=r.currentTarget,d=r.target;if(["SELECT","BUTTON","LABEL","INPUT"].includes(d.tagName))return;a=L(_({},a),{x:o-a.x+window.scrollX,y:l-a.y+window.scrollY,effectStartAt:new Date().getTime(),width:xt("#Swiper-"+a.id).position().width});let{swipeId:c}=s.dataset;c==a.id&&(0,El.default)(document).addEvent({eventID:"SwipeMouseMove",eventType:"mousemove",callback:h=>{No.EffectCheck(h,a)},options:{passive:!1}}).addEvent({eventID:"SwipeTouchMove",eventType:"touchmove",callback:h=>{No.EffectCheck(h,a)},options:{passive:!1}}).addEvent({eventID:"SwipeMouseUp",eventType:"mouseup",callback:h=>{No.EffectEnd(h,a)},options:{passive:!1}}).addEvent({eventID:"SwipeTouchEnd",eventType:"touchend",callback:h=>{No.EffectEnd(h,a)},options:{passive:!1}})},EffectCheck:(r,a)=>{if(a.process)return;let{x:o,y:l}=El.default.getCursor(r),s=Math.abs(o-a.x+window.scrollX),d=Math.abs(l-a.y+window.scrollY);if(!(r.touches&&r.touches.length>1)&&!(d+s<15))if(d>s/2)(0,El.default)(document).removeEvent(["SwipeMouseMove","SwipeTouchMove"]);else{a.process=!0;let c=a.index+(a.loop?1:0);xt("#Swiper-"+a.id).children(c-1).addClass(Da("Display")),(0,El.default)(document).addEvent({eventID:"SwipeCheckMouseMove",eventType:"mousemove",callback:h=>{No.EffectMove(h,a)},options:{passive:!1}}).addEvent({eventID:"SwipeCheckTouchMove",eventType:"touchmove",callback:h=>{No.EffectMove(h,a)},options:{passive:!1}}),r.preventDefault();return}},EffectMove:(r,a)=>{if(r.touches&&r.touches.length>1)return;let{x:o}=El.default.getCursor(r),l=o-a.x+window.scrollX,s=a.index+(a.loop?1:0)-l/a.width;if(s<0)s/=2;else if(s>a.maxIndex){let d=s-a.maxIndex;s=a.maxIndex+d/2}xt("#Swiper-"+a.id).css({transition:"0s",transform:No.TrasformString(s)}),r.preventDefault()},EffectEnd:(r,a)=>{if(a.process){let o=El.default.getCursor(r).x-a.x+window.scrollX,l=new Date().getTime(),s=l-a.effectStartAt,d=a.index+(a.loop?1:0),c=0;s<400?c=d-(+(o>0)*2-1):c=Math.round(d-o/a.width),c=Math.max(Math.min(c,a.maxIndex),a.minIndex),a.process=!1,d===c?(a.effectStartAt=l,xt("#Swiper-"+a.id).css({transition:".2s",transform:No.TrasformString(c)}).await(310).css({transition:"0s"}).children().removeClass(Da("Display")).parent().children(d).addClass(Da("Display"))):a.set_event({eventType:"usr",index:c+a.minIndex})}(0,El.default)(document).removeEvent(["SwipeMouseMove","SwipeTouchMove","SwipeCheckMouseMove","SwipeCheckTouchMove","SwipeMouseUp","SwipeTouchEnd"])}},$f=r=>(0,hm.jsx)(W$,L(_({},r),{slideIndex:Math.max(Math.min(r.slideIndex,r.slides.length-1),0)}));var M_=Z(Mt()),NO=Z(fr());var gc=Z(Mt());var qn=Z(Mt()),qf=Z(fr()),mn=Z(pr());var aw={};rd(aw,{Accordion:()=>Gf,LinkifyText:()=>C_,List:()=>vc,ListItem:()=>as,Row:()=>Je,Text:()=>Xe});var rw=Z(Mt()),bu=Z(fr()),mm=Z(pr());var Y$=r=>{r=_({},r);let a=r,{accordionID:o="",slideAnimation:l="fast",defaultOpen:s=!1,override:d=!1}=a,c=Ze(a,["accordionID","slideAnimation","defaultOpen","override"]),[h]=(0,bu.useState)(mm.default.uuid.gen()),[p]=(0,bu.useState)(mm.default.uuid.gen()),[g,y]=(0,bu.useState)(s);g!=s&&d&&y(s);let b=(0,bu.useRef)(!1);return(0,bu.useEffect)(()=>{let x=xt('[data-accordion-content-id="'+p+'"]')[0];if(x){let w=x.offsetHeight,T=0;l=="fast"?(T=w/1e3,T=Math.max(T,.2)):l=="slow"&&(T=w/300),xt("#"+h).css({transition:T+"s"})}},[]),(0,bu.useEffect)(()=>{let x=xt("#"+h),w=xt('[data-accordion-content-id="'+p+'"]')[0];if(b.current){if(w){let T=w.offsetHeight;mm.default.is.exist(T)&&(g?x.css({maxHeight:T+1+"px"}).await(200).css({maxHeight:"unset",overflow:(r==null?void 0:r.overflow)||"unset"}):x.css({maxHeight:T+1+"px"}).await(100).css({maxHeight:"0px",overflow:"hidden"}))}}else if(b.current=!0,w){let T=w.offsetHeight;mm.default.is.exist(T)&&(g?x.css({maxHeight:T+1+"px"}).await(200).css({maxHeight:"unset",overflow:(r==null?void 0:r.overflow)||"unset"}):x.css({maxHeight:"0px",overflow:"hidden"}))}},[g]),o&&We.set({["Accordion-"+o]:{open:()=>{y(!0)},close:()=>{y(!1)},toggle:()=>{y(!g)}}}),(0,rw.jsx)(E,{className:[GS("Wrap"),GS("Open_"+g)].join(" "),id:h,children:(0,rw.jsx)(E,_({"data-accordion-content-id":p},c))})},Gf=Y$;Gf.fn={open:r=>{let a=We.get("Accordion-"+r);!a||a.open()},close:r=>{let a=We.get("Accordion-"+r);!a||a.close()},toggle:r=>{let a=We.get("Accordion-"+r);!a||a.toggle()}};var vm=Z(Mt());var C_=r=>{let{text:a,placeholder:o}=r,l=[];if(a){let s=[];a=a.replace(/https?:\/\/[^\s|\n|\r]*/ig,(...c)=>{let h=c[0];return s.push(h),"[$_url]"});let d=a.split("[$_url]");for(let c=0;c<=d.length-1;c++){let h=d[c],p=s[c];l.push(h),c<d.length-1&&l.push((0,vm.jsx)(oe.Anchor.Link,{href:p,newTab:!0,children:p},"Link-"+c))}}else o&&(l=[o]);return(0,vm.jsx)(vm.Fragment,{children:l})};var Rl=Z(Mt());var vc=r=>{let a=r,{items:o=[],ListChildCallback:l}=a,s=Ze(a,["items","ListChildCallback"]);l=l||AN;let d=o.map((c,h)=>(0,Rl.jsx)(l,{children:c,index:h},h));return(0,Rl.jsx)(E,L(_({htmlTag:"ul",children:d},s),{freeCSS:_({listStyle:"none"},s.freeCSS)}))},AN=r=>(0,Rl.jsx)(E,_({htmlTag:"li",padding:"3/4",gap:"1/2",borderBottom:!0,flexWrap:!0},r)),as=AN;as.Center=r=>(0,Rl.jsx)(E,{htmlTag:"li",children:(0,Rl.jsx)(Je.Center,_({width:1,padding:"3/4",borderBottom:!0,flexWrap:!0},r))}),as.Left=r=>(0,Rl.jsx)(E,{htmlTag:"li",children:(0,Rl.jsx)(Je.Left,_({width:1,padding:"3/4",borderBottom:!0,flexWrap:!0},r))}),as.Right=r=>(0,Rl.jsx)(E,{htmlTag:"li",children:(0,Rl.jsx)(Je.Right,_({width:1,padding:"3/4",borderBottom:!0,flexWrap:!0},r))}),as.Separate=r=>(0,Rl.jsx)(E,{htmlTag:"li",children:(0,Rl.jsx)(Je.Separate,_({width:1,padding:"3/4",borderBottom:!0,flexWrap:!0},r))});var gm=Z(Mt());var Je={Center:r=>(0,gm.jsx)(pt,_({horizontalAlign:"center",verticalAlign:"center",flexWrap:!1,gap:1},r)),Left:r=>(0,gm.jsx)(pt,_({horizontalAlign:"left",verticalAlign:"center",flexWrap:!1,gap:1},r)),Right:r=>(0,gm.jsx)(pt,_({horizontalAlign:"right",verticalAlign:"center",flexWrap:!1,gap:1},r)),Separate:r=>(0,gm.jsx)(pt,_({horizontalAlign:"between",verticalAlign:"center",flexWrap:!1,gap:1},r))};var yu=Z(Mt());var md=r=>(0,yu.jsx)(E,_({},r)),Xe=md;Xe.Title=r=>(0,yu.jsx)(md,_({fontSize:"6.title",fontWeight:"3.semiBold"},r)),Xe.SubTitle=r=>(0,yu.jsx)(md,_({fontSize:"5.subTitle",fontWeight:"3.semiBold"},r)),Xe.ThirdTitle=r=>(0,yu.jsx)(md,_({fontSize:"4.thirdTitle",fontWeight:"3.semiBold"},r)),Xe.Paragraph=r=>(0,yu.jsx)(md,_({fontSize:"3.paragraph",fontWeight:"3.semiBold"},r)),Xe.Description=r=>(0,yu.jsx)(md,L(_({},r),{freeCSS:_({whiteSpace:"pre-wrap"},r.freeCSS)})),Xe.Supplement=r=>(0,yu.jsx)(md,_({fontSize:"1.mini"},r)),Xe.NowrapSpan=r=>(0,yu.jsx)(Cn,L(_({},r),{freeCSS:_({whiteSpace:"nowrap"},r.freeCSS)}));var BN=Z(Mt()),nw=Z(pr());var vr=Z(Mt()),wr=Z(pr()),Ja=Z(fr());var hn={currentIndex:0,contents:{},addNewSheet:function(r){let a=L(_({sheetGroups:r.sheetGroups||[],backgroundEffect:!0,overwrap:r.type=="custom",hold_state:!1,isOpen:!0},r),{sheetID:r.sheetID||wr.default.uuid.gen(),close_option:_({pageTransit:!0,escapeKeyDown:!0,aroundClick:r.type=="custom"},r.close_option)});if(a.type=="custom"&&(a.parent=a.parent||a.event.currentTarget),this.contents[a.sheetID]){let l=We.get(a.sheetID);l&&l.refresh&&l.refresh(a,!0);return}this.contents[a.sheetID]={isOpen:!0,hold_state:!!a.hold_state,p:a,created_at:wr.default.Time()};let o=We.get("Sheet-"+ut.get().sessionUID);o&&o.refresh()},Wrapper:()=>{let[r,a]=(0,Ja.useState)(wr.default.uuid.gen());(0,Ja.useEffect)(()=>{We.set({["Sheet-"+ut.get().sessionUID]:{refresh:()=>{a(wr.default.uuid.gen())}}}),(0,wr.default)(ut.get().appRoot).addEvent({eventType:"keyup",eventID:"SheetEvent.keyUp",callback:function(l){let{key:s,metaKey:d}=l;if(s=="Escape"||s==","&&d){let c=Object.values(hn.contents).filter(p=>p.isOpen);if(!c.length)return;let h=c.reduce((p,g)=>p.created_at.value>g.created_at.value?p:g);Vt.close(h.p.sheetID,s)}}}).addEvent({eventType:"click",eventID:"SheetEvent.Click",callback:function(l){let s=Object.values(hn.contents).filter(c=>c.p.type=="custom");if(!s.length||s.find(c=>{let{p:h}=c,p=h.parent,g=l.target,y=xt(p)[0];return!!(p==g||y===g||(0,wr.default)(y).find(g).length)}))return;let d=l.target;d!=null&&d.closest("."+jr("CustomSheet"))||s.forEach(c=>{var h;(h=c.p.close_option)!=null&&h.aroundClick&&Vt.close(c.p.sheetID)})}})},[]);let o=Object.entries(hn.contents).map(([l,s])=>(0,vr.jsx)(E,{id:"Sheet-"+l,children:(0,vr.jsx)(hn.Core,_({isOpen:s.isOpen},s.p),l)},l));return(0,vr.jsx)(E,{className:["AMOTIFY_be",jr("Wrapper")].join(" "),children:o})},Core:r=>{var a;let[o]=(0,Ja.useState)(wr.default.uuid.gen()),[l,s]=(0,Ja.useState)(r),[d,c]=(0,Ja.useState)(r.isOpen),{type:h,sheetID:p,openAfter:g,closeAfter:y}=l,b=!l.overwrap,x=hn.Types[{"normal.topLeft":"Normal","normal.topCenter":"Normal","normal.topRight":"Normal","normal.middleLeft":"Normal","normal.middleCenter":"Normal","normal.middleRight":"Normal","normal.bottomLeft":"Normal","normal.bottomCenter":"Normal","normal.bottomRight":"Normal",image:"Normal","drawer.left":"Edge","drawer.right":"Edge","drawer.bottom":"Bottom",custom:"Custom"}[h]];(0,Ja.useEffect)(()=>{We.set({[p]:{refresh:(A,R)=>{s(A),c(R!=null?R:!1)},resize:A=>{if(h=="drawer.bottom"){let R=We.get(o);R&&R.resize&&R.resize(A)}else(l.type.includes("normal")||l.type.includes("drawer"))&&s(R=>L(_({},R),{size:A}))},close:A=>{hn.contents[p].isOpen=!1,c(!1)},open:()=>{hn.contents[p].isOpen=!0,c(!0)}}})}),(0,Ja.useEffect)(()=>{wr.default.scope(()=>{if(!b||!l.backgroundEffect)return;let A=Object.values(hn.contents).filter(W=>W.isOpen&&!W.p.overwrap&&W.p.type!="custom").length,R=xt(".AMOTIFY_be_root");if(d){if(R.hasClass(jr("FixScroll")))return;let W=(0,wr.default)("html"),M=0;A==1&&(M=W[0].scrollTop|0,s(z=>L(_({},z),{bodyScrolls:M}))),ut.get().isPhone||(W[0].scrollTop=0,R.addClass(jr("FixScroll")).callback(z=>{z[0].scrollTop=M}).await(40).addClass(jr("Float")));return}ut.get().isPhone||A==0&&R.hasClass(jr("FixScroll"))&&R.removeClass(jr("Float")).await(251).removeClass(jr("FixScroll")).callback(()=>{(0,wr.default)("html")[0].scrollTop=l.bodyScrolls||0,R[0].scrollTop=0})}),wr.default.scope(()=>{let A=xt("#"+o);if(d){A.await(10).removeClass(jr("Hide")).await(10).addClass(jr("Open")).callback(()=>{let R=hn.contents[p];R&&(R.isOpen=!0,g&&g())});return}A.await(10).removeClass(jr("Open")).await(251).addClass(jr("Hide")).callback(()=>{!y||y();let R=hn.contents[p];if(!R||(R.isOpen=!1,l.hold_state))return;delete hn.contents[p];let W=We.get("Sheet-"+ut.get().sessionUID);W&&W.refresh()})})},[d]),(0,Ja.useEffect)(()=>{hn.currentIndex++;let{close_option:A}=l;wr.default.scope(()=>{if(!(A!=null&&A.parentBlur))return;let R=(0,wr.default)(l.parent);R[0]&&R.addEvent({eventID:"SheetClosation-"+p,eventType:"mouseout",callback:()=>{R.removeEvent("SheetClosation-"+p),c(!1)}})})},[]);let[w,T]=h.split(".");return(0,vr.jsx)(E,{className:[jr("Wrap"),jr("Tcate_"+w),jr("Tpos_"+T),jr("isNewSheet_"+b)].join(" "),width:1,height:0,ssAbsoluteCovered:!0,freeCSS:{zIndex:hn.currentIndex+1},id:o,children:(0,vr.jsxs)(ht,{className:jr("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[!!b&&(0,vr.jsx)(hn.TapSensor,{sheetID:p,delegateAroundClick:(a=l.close_option)==null?void 0:a.aroundClick}),(0,vr.jsx)(x,_({componentID:o},l))]})},o)},Types:{Normal:r=>{let a=r,{sheetID:o,sheetGroups:l,bodyScrolls:s,content:d,className:c="",type:h,size:p="R",freeCSS:g,openAfter:y,closeAfter:b,close_option:x,hold_state:w,overwrap:T,isOpen:A,backgroundEffect:R}=a,W=Ze(a,["sheetID","sheetGroups","bodyScrolls","content","className","type","size","freeCSS","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]),[M,z]=h.split("."),j={},K=[];return z.match(/top/)?(K.push("top"),j.marginBottom="auto"):z.match(/middle/)?(K.push("center"),j.marginTop="auto",j.marginBottom="auto"):z.match(/bottom/)&&(K.push("bottom"),j.marginTop="auto"),z.match(/left/i)?(K.push("left"),j.marginRight="auto"):z.match(/center/i)?(K.push("center"),j.marginLeft="auto",j.marginRight="auto"):z.match(/right/i)&&(K.push("right"),j.marginLeft="auto"),(0,vr.jsx)(E,L(_(_({className:[jr("BB"),c].join(" "),padding:1,transition:"long",opacity:"trans"},W),j),{freeCSS:_({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100vw"}[p],maxWidth:"96vw",transformOrigin:K.join(" ")},g),children:wr.default.is.function(d)?(0,vr.jsx)(d,{}):d}))},Edge:r=>{let a=r,{sheetID:o,sheetGroups:l,bodyScrolls:s,type:d,content:c,className:h="",size:p="R",openAfter:g,closeAfter:y,close_option:b,hold_state:x,overwrap:w,isOpen:T,backgroundEffect:A}=a,R=Ze(a,["sheetID","sheetGroups","bodyScrolls","type","content","className","size","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]);return(0,vr.jsx)(E,L(_(L(_({className:[jr("BB"),h].join(" ")},d=="drawer.right"?{marginLeft:"auto"}:d=="drawer.left"?{marginRight:"auto"}:{}),{opacity:"trans",transition:"long",position:"relative",backgroundColor:"layer.1",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark"}),R),{freeCSS:_({width:{S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"100vw"}[p],maxWidth:"96vw"},R.freeCSS),children:wr.default.is.function(c)?(0,vr.jsx)(c,{}):c}))},Bottom:r=>{let a=r,{componentID:o,sheetID:l,sheetGroups:s,bodyScrolls:d,content:c,size:h="R",sizeChanged:p,baseStyles:g,openAfter:y,closeAfter:b,close_option:{swipeDown:x=!0}={},hold_state:w,overwrap:T,isOpen:A,backgroundEffect:R}=a,W=Ze(a,["componentID","sheetID","sheetGroups","bodyScrolls","content","size","sizeChanged","baseStyles","openAfter","closeAfter","close_option","hold_state","overwrap","isOpen","backgroundEffect"]),M=wr.default.getScreenSize(),z=[0,.2,.6,.95],j={ZERO:0,S:1,R:2,L:3},[K,P]=(0,Ja.useState)(h),[le,Ee]=(0,Ja.useState)({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:z[j[h]]});We.update({[o]:{val_edit:le,resize:ye=>{let de=z[j[ye]];Ee(U=>L(_({},U),{value:de})),P(ye)}}});let te={Start:ye=>{(0,wr.default)(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:te.Move}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:te.Move}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:te.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:te.End});let de=wr.default.getCursor(ye),U=L(_({},le),{process:!0,processStart:new Date().getTime(),originY:de.y,originValue:le.value,viewHeight:wr.default.getScreenSize().height});We.update({[o]:{val_edit:U}}),Ee(U)},Move:ye=>{var de;let U=(de=We.get(o))==null?void 0:de.val_edit;if(!U.process)return;let Q=(wr.default.getCursor(ye).y-U.originY)/U.viewHeight,re=U.originValue-Q;if(re>.95)re=.95+(re-.95)*.5;else if(re<.2){let V=.2-re;V-=.1,re=.1+(.1-V)*.5}Ee(L(_({},U),{value:re}))},End:ye=>{var de;let U=(de=We.get(o))==null?void 0:de.val_edit;if(!U.process)return;(0,wr.default)(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let Q=0;if(U.value<.1||(U.value<.5?Q=1:U.value>.75?Q=3:Q=2),new Date().getTime()-U.processStart<300){let re=wr.default.getCursor(ye).y-U.originY;if(Math.abs(re)>=20){let V=+(re<0)*2-1;Q+=V,Q=Math.min(Math.max(Q,0),z.length-1)}}Q==0&&(x||(Q=1)),P(["ZERO","S","R","L"][Q]),Ee(L(_({},U),{value:z[Q],process:!1}))}},me=(0,Ja.useRef)(!1);return(0,Ja.useEffect)(()=>{me.current?K=="ZERO"?x&&Vt.close(l):setTimeout(()=>{r.sizeChanged&&r.sizeChanged(K)},250):me.current=!0},[K]),(0,vr.jsx)(E,{className:jr("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long",freeCSS:_({maxWidth:12*60,height:M.height*le.value},le.process?{transition:"0s"}:{}),children:(0,vr.jsxs)(ht,L(_({gap:0,flexSizing:"none",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",border:!0,borderBottom:"unset",boxShadow:"3.remark",position:"relative",overflow:"hidden",height:1},g),{children:[(0,vr.jsx)(Je.Separate,{padding:"1/2",backgroundColor:"layer.1",position:"relative",freeCSS:{userSelect:"none"},children:(0,vr.jsx)(Je.Center,{onMouseDown:te.Start,onTouchStart:te.Start,flexSizing:0,padding:"2/3",ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:(0,vr.jsx)(E,{unitWidth:6,unitHeight:"1/2",backgroundColor:"layer.4",isRounded:!0,className:jr("DragBar")})})}),(0,vr.jsx)(E,L(_({backgroundColor:"layer.1",flexSizing:0,overflow:"auto"},W),{children:wr.default.is.function(c)?(0,vr.jsx)(c,{}):c}))]}))})},Custom:r=>{let a=r,{sheetID:o,sheetGroups:l,bodyScrolls:s,event:d,parent:c,nextToCursor:h,gravityPoint:p=22,content:g,close_option:y,hold_state:b,openAfter:x,closeAfter:w,overwrap:T,isOpen:A,backgroundEffect:R}=a,W=Ze(a,["sheetID","sheetGroups","bodyScrolls","event","parent","nextToCursor","gravityPoint","content","close_option","hold_state","openAfter","closeAfter","overwrap","isOpen","backgroundEffect"]),[M]=(0,Ja.useState)(wr.default.uuid.gen()),z=wr.default.is.element(c)||wr.default.is.jsmin(c)?(0,wr.default)(c):xt(c),j='[data-sheet-id="'+M+'"]',K='[data-sheet-content="'+M+'"]';p=p;let P=p%5||5,le=Math.ceil(p/5),Ee={Init:()=>{if(h&&d){let ie=wr.default.getScreenSize(),Se=wr.default.getCursor(d);return{top:Se.y-ie.pageYOffset,left:Se.x-ie.pageXOffset}}let ye={},{top:de,right:U,bottom:Q,left:re,height:V,width:ee}=z.position();return[1,2].includes(P)?ye.left=re:P==3?ye.left=re+ee/2:[4,5].includes(P)&&(ye.left=U),p<=10?ye.top=de:p<=15?ye.top=de+V/2:p<=25&&(ye.top=Q),ye},Adjust:()=>{let ye=xt(j).position(),de=xt(K).position(),U=z.position(),Q=wr.default.getScreenSize(),re={};for(let ie in de)re[ie]=de[ie];{let ie=0;le==1?ie=U.top-re.bottom:le==2?ie=U.top-re.top:le==3?ie=U.top-re.top+(U.height-re.height)/2:le==4?ie=U.bottom-re.bottom:le==5&&(ie=U.bottom-re.top),re.top+=ie,re.bottom+=ie}{let ie=0;P==1?ie=U.left-re.right:P==2?ie=U.left-re.left:P==3?ie=U.left-re.left+(U.width-re.width)/2:P==4?ie=U.right-re.right:P==5&&(ie=U.right-re.left),re.left+=ie,re.right+=ie}if(re.top<0){let ie=-re.top;re.top+=ie,re.bottom+=ie}if(re.bottom>Q.height){let ie=re.bottom-Q.height;re.top-=ie,re.bottom-=ie}if(re.left<0){let ie=-re.left;re.left+=ie,re.right+=ie}if(re.right>Q.width){let ie=re.right-Q.width;re.left-=ie,re.right-=ie}let V=re.top-de.top,ee=re.left-de.left;(0,wr.default)(j).css({top:ye.top+V+"px",left:ye.left+ee+"px"})}},[te,me]=(0,Ja.useState)(Ee.Init());return(0,Ja.useEffect)(()=>{xt(j).await(10).addClass(jr("Open")).await(200).callback(()=>{Ee.Adjust()}),We.update({["customSheet-"+r.sheetID]:{reposition:()=>{Ee.Adjust()}}})},[]),z[0]?(0,vr.jsx)(E,{className:[jr("BB"),jr("CustomSheet")].join(" "),"data-sheet-id":M,transition:"long",position:"absolute",width:0,height:0,opacity:"trans",flexCenter:!0,freeCSS:te,children:(0,vr.jsx)(pt,{position:"absolute",className:[jr("GPT"),jr("GPT_"+p),jr("Col_"+P),jr("Row_"+le)].join(" "),children:(0,vr.jsx)(E,L(_({"data-sheet-content":M,flexSizing:"none",maxHeight:"viewHeight"},W),{freeCSS:_({maxWidth:"98vw"},W.freeCSS),children:wr.default.is.function(g)?(0,vr.jsx)(g,{}):g}))})}):null}},TapSensor:r=>(0,vr.jsx)(E,{className:jr("TapSensor"),children:(0,vr.jsx)(oe.Button.Plain,{className:jr("TapContent"),onClick:()=>{var a;(a=r.delegateAroundClick)!=null&&a&&Vt.close(r.sheetID)},freeCSS:{cursor:"default",pointerEvents:"all"}})})},Vt={Wrapper:()=>(0,vr.jsx)(hn.Wrapper,{}),open:r=>{let a=r;if(a.sheetID=(a.sheetID||"").replace(/\./g,"-"),a.type=="image"){let o=a.sheetID||wr.default.uuid.gen(),l=a,{type:s,src:d}=l,c=Ze(l,["type","src"]);Vt.open(L(_({type:"normal.topCenter",backgroundColor:"trans"},c),{sheetID:o,freeCSS:{maxWidth:"96vw",transformOrigin:"top"},content:()=>{let[h]=(0,Ja.useState)(wr.default.flatArray(d)),[p,g]=(0,Ja.useState)(0),y=[],b=[];return h.forEach((x,w)=>{y.push({value:w,label:(0,vr.jsx)(Fn,{src:wr.default.flatArray(x)[0],width:"auto",height:1,freeCSS:{maxWidth:12*6,maxHeight:12*3}})}),b.push((0,vr.jsx)(Fn,{width:1,height:"auto",src:wr.default.flatArray(x)[0]}))}),(0,vr.jsxs)(ht,{gap:0,children:[(0,vr.jsxs)(Je.Separate,{gap:2,padding:1,backgroundColor:"layer.1",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",children:[(0,vr.jsx)(gt.Radio.Border,{icon:!1,value:p,override:"force",horizontalAlign:"center",onUpdateValidValue:({value:x})=>{g(x)},cellStyles:{borderWidth:2,padding:"1/3"},options:y}),(0,vr.jsx)(oe.Button.Border.S,{color:"cloud",isRounded:!0,onClick:()=>{Vt.close(o)},children:(0,vr.jsxs)(Je.Center,{gap:"1/3",children:["\u9589\u3058\u308B",(0,vr.jsx)(xe.Times,{})]})})]}),(0,vr.jsx)($f,{slideIndex:p,options:{loop:h.length>1,onSlideCallback:x=>{g(x)}},slides:b,wrapper:x=>(0,vr.jsx)(E,{borderBottomLeftRadius:"1.tone.primary",borderBottomRightRadius:"1.tone.primary",children:x})})]})}}));return}hn.addNewSheet(a)},refresh:(r,a)=>{r.sheetID=(r.sheetID||"").replace(/\./g,"-");let o=We.get(r.sheetID);o&&o.refresh&&o.refresh(r,a)},resize:r=>{r.sheetID=(r.sheetID||"").replace(/\./g,"-");let a=We.get(r.sheetID);a&&a.resize&&a.resize(r.size)},customSheet:{reposition:r=>{let a=We.get("customSheet-"+r);a&&a.reposition&&a.reposition()}},close:function(r,a,o){var l;r=r==null?void 0:r.replace(/\./g,"-");let s=hn.contents[r];if(s&&!(a=="Escape"&&!((l=s.p.close_option)!=null&&l.escapeKeyDown))){let{p:d}=s,{sheetID:c}=d,h=We.get(c);h&&h.close&&h.close(o)}},closeGroup:r=>{var a;r=(r||"").replace(/\./g,"-");for(let[o,l]of Object.entries(hn.contents))(a=l.p.sheetGroups)!=null&&a.includes(r)&&Vt.close(o)},closeAll:r=>{var a;for(let[o,l]of Object.entries(hn.contents))r&&((a=l.p.close_option)==null?void 0:a.pageTransit)==!1||Vt.close(o,"pageTransit",!0)},Body:r=>(0,vr.jsx)(E,_({className:jr("BaseBody"),backgroundColor:"layer.1",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},r))};var Ar={__memoryID:nw.default.uuid.gen(),open:r=>{let a=r,{tipsID:o=nw.default.uuid.gen(),tipsGroups:l=[]}=a,s=Ze(a,["tipsID","tipsGroups"]);Vt.open(L(_({sheetID:o,sheetGroups:["tooltips",...l]},s),{type:"custom",close_option:_({aroundClick:!0,parentBlur:!0,escapeKeyDown:!0,pageTransit:!0},s.close_option)}))},close:r=>{r&&Vt.close(r)},closeALL:()=>{Vt.closeGroup("tooltips")},Body:r=>(0,BN.jsx)(E,_({padding:"1/2",backgroundColor:"dark",borderRadius:"2.tone.secondary",fontColor:"white",boxShadow:"0.normal"},r))};var Ha=r=>{let[a]=(0,qf.useState)(r.componentID||mn.default.uuid.gen());r=_({},r),r.states=L(_({enableFormSubmit:!0,status_id:mn.default.uuid.gen(),override:"never",name:mn.default.uuid.gen(),id:mn.default.uuid.gen(),"aria-label":"Input-"+a},r.states),{componentID:a});let{children:o}=r;return(0,qn.jsx)(o,_({},r.states))},Qa=r=>{let{children:a,val_status:o,set_status:l,val_validate:s,states:d}=r,{leftIcon:c,wrapStyles:h}=d;return o.eventType=="init"&&!d.checkValidationAtFirst&&(s.notice=[]),(0,qn.jsxs)(Je.Center,L(_({position:"relative",verticalAlign:"unset",gap:0},h),{className:Vf("Wrapper"),"data-notice-uid":o.componentID,children:[(0,qn.jsx)(ow.Notice,{notice:s.notice,val_status:o}),d.leftIndicator,(0,qn.jsxs)(pt,{position:"relative",flexSizing:"auto",children:[c,a,(0,qn.jsx)(ow.ClearButton,_({},r)),(0,qn.jsx)(ow.RightIcon,_({},r))]}),d.rightIndicator]}))},ow={ClearButton:r=>!r.states.clearButton||!r.val_status.dataValue?null:(0,qn.jsx)(oe.Button.Normal.R,{ssSphere:2,flexCenter:!0,fontColor:"5.translucent",ssEffectsOnActive:["ripple.theme"],position:"absolute",right:1,top:"50%",freeCSS:{zIndex:3,transform:"translateY(-50%)"},onClick:()=>{r.set_status(a=>L(_({},a),{dataValue:"",formatValue:"",eventType:"update",eventID:mn.default.uuid.gen()}))},children:(0,qn.jsx)(xe.Times,{})}),RightIcon:r=>r.states.clearButton&&r.val_status.dataValue?null:r.states.rightIcon,Notice:r=>{let{notice:a,val_status:o}=r,{componentID:l}=o,s="NoticeTimer-"+l,d="NoticeTimerClose-"+l,c="notice-tips-"+l;return mn.default.interval.clear(s),mn.default.interval.clear(d),mn.default.interval.standBy(s,350,()=>{if(!a.length){Ar.close(c);return}Ar.open({tipsID:c,parent:`[data-notice-uid="${l}"]`,gravityPoint:22,padding:[1,0],close_option:{parentBlur:!1},content:(0,qn.jsxs)(Ar.Body,{padding:["1/2","2/3"],fontSize:"1.mini",position:"relative",children:[(0,qn.jsx)(E,{position:"absolute",unitHeight:1,unitWidth:1,left:1,backgroundColor:"dark",freeCSS:{zIndex:1,transform:"rotate(45deg)",top:-6}}),(0,qn.jsx)(ht,{backgroundColor:"inherit",gap:"1/3",position:"relative",freeCSS:{zIndex:2},children:a.map((h,p)=>{let{type:g,label:y}=h,b=g=="invalid"?xe.Times:g=="warn"?xe.Exclamation:xe.Check;return(0,qn.jsxs)(Je.Left,{gap:0,borderRadius:"2.tone.secondary",children:[(0,qn.jsx)(b,{flexCenter:!0,fontSize:"2.normal",fontColor:{invalid:"nega",warn:"warn",valid:"posi"}[g]}),(0,qn.jsx)(Xe.Supplement,{fontSize:"0.xs",fontColor:"white",children:y})]},p+"-"+JSON.stringify(h))})})]})})}),mn.default.interval.standBy(d,6e3,()=>{Ar.close(c)}),null}},hr={CommonEffects:r=>{let{type:a,states:o,val_status:l,set_status:s,ExtraOverrideStates:d,ExtraStoreStates:c,val_validate:h,set_validate:p,DefaultValidation:g,onUpdateValue:y,onUpdateValidValue:b}=r;o=_({},o);let{componentID:x}=l;(0,qf.useEffect)(()=>(We.update({[x]:_({ResolveRefresh:null,Refresh:()=>new Promise((w,T)=>{We.get(x).ResolveRefresh=w,s(A=>L(_({},A),{eventType:"refresh",eventID:mn.default.uuid.gen()}))}),GenNotice:w=>{let{ok:T,notice:A}=w;p({ok:T,notice:A})}},c)}),()=>{We.delete(x)}),[]),(0,qf.useEffect)(()=>{o.value=l.dataValue,mn.default.interval.clear("ValidationTimer-"+x),hr.ValidationCheck({val_status:l,set_validate:p,DefaultValidation:g,states:o})},[l.eventID]),(()=>{let{override:w}=o;if(w=="never"||w=="beforeModified"&&!["init","override"].includes(l.eventType))return;let T=We.get(l.componentID);T&&(o.value!=l.dataValue&&o.status_id!=T.status_id&&s(A=>L(_(L(_({},A),{dataValue:o.value}),d),{eventType:"override",eventID:mn.default.uuid.gen()})),T.status_id=o.status_id)})(),(0,qf.useEffect)(()=>{let{componentID:w,eventType:T,dataValue:A}=l,R=A;if(a=="list"?(R=A.map(W=>mn.default.toJson(W).body),o.type=="radio"&&(R=R[0])):a=="autocomplete"?(R=A.map(W=>mn.default.toJson(W).body),o.multiSelect||(R=R[0])):a=="select"?R=mn.default.toJson(R).body:a=="file"&&We.update({[w]:{Files:l.dataValue}}),T=="refresh"){let W=We.get(w);W&&W.ResolveRefresh&&W.ResolveRefresh(null)}T=="update"&&(y&&y({componentID:w,value:R,storeData:We.get(w),eventType:T}),mn.default.scope(()=>{h.ok&&b&&b({componentID:w,value:R,storeData:We.get(w),eventType:T})}))},[h])},ValidationCheck:r=>{let{val_status:a,states:o,set_validate:l,DefaultValidation:s}=r,d=s({value:a.dataValue,states:o});if(!d.ok){l(d);return}let c=d.notice,h=()=>pa(void 0,null,function*(){if(!o.onValidate)return;let p=yield o.onValidate({value:a.dataValue,eventType:a.eventType,props:r});if(!p.ok){l({ok:!1,notice:[...c,...p.notice]});return}l({ok:!0,notice:[...c,...p.notice]})});o.onValidate?a.eventType=="refresh"?h():mn.default.interval.standBy("ValidationTimer-"+a.componentID,450,h):l({ok:!0,notice:c})},SubmitForm:r=>{let a=r.target,{form:o,formName:l}=a.dataset;o=l||o;let s=!1,d=xt(`[data-form-submit-button="${o}"]`)[0];if(!d)return s;let c=d.dataset.sdfike||"",h=r.key,p=r.ctrlKey||r.metaKey;return mn.default.scope(()=>{c.includes("enter")&&(h!="Enter"||r.nativeEvent.isComposing||ut.get().browserIs=="safari"&&r.keyCode==229)||((h=="Enter"&&(c.includes("enter")||c.includes("auxEnter")&&p)||h==" "&&c.includes("space"))&&(d.click(),r.preventDefault()),s=!0)}),s},isShowValidation:(r,a,o)=>{let l=r.ok;return!o&&a.eventType=="init"&&(l=!0),l}},ja={Input:r=>{if(r=="plain")return{};let a={padding:"3/4",transition:"middle",flexSizing:"auto",boxShadow:"0.min"};return r=="border"?a=L(_({},a),{border:!0,borderRadius:"2.tone.secondary",backgroundColor:"layer.1"}):r=="cloud"?a=L(_({},a),{border:"1.thin",borderRadius:"2.tone.secondary",backgroundColor:"cloud"}):r=="bottomBorder"&&(a=L(_({},a),{borderRadius:0,border:"unset",borderBottom:!0,backgroundColor:"cloud"})),a},Boxish:function(r){r=_({},r),r.tone||(r.tone="border");let a=ja.Input(r.tone);return L(_(_(_(_({fontColor:"2.normal"},a),!!r.leftIndicator&&{borderTopLeftRadius:"2/3",borderBottomLeftRadius:"2/3",marginLeft:"1/4"}),!!r.rightIndicator&&{borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3",marginRight:"1/4"}),r),{freeCSS:_({letterSpacing:"1px",resize:"none"},r.freeCSS),className:[Vf("Input"),r.className].join(" ")})},Indicator:r=>{if(r||(r="border"),r=="plain")return{};let a={flexSizing:"none",flexCenter:!0,padding:[0,1],borderRadius:"2.tone.secondary",backgroundColor:"cloud"};return r=="border"?a=L(_({},a),{border:!0}):r=="cloud"?a=L(_({},a),{border:"1.thin"}):r=="bottomBorder"&&(a=L(_({},a),{borderRadius:0,borderBottom:!0})),a},IndicatorIcon:{position:"absolute",ssSquare:2,flexCenter:!0,fontColor:"theme",fontSize:"1.mini",backgroundColor:"inherit",top:"50%",freeCSS:{transform:"translateY(-50%)"}}};var x_=r=>(0,gc.jsx)(Cn,_({children:"\u5FC5\u9808",fontColor:"white",fontSize:"0.xs",padding:["1/4","1/3"],backgroundColor:"nega",borderRadius:"3.tone.tertiary"},r)),k_=r=>(0,gc.jsx)(Cn,_({children:"*",fontColor:"nega",padding:["1/4","1/3"],borderRadius:"3.tone.tertiary"},r)),T_=r=>(0,gc.jsx)(Cn,_({children:"\u7701\u7565\u53EF",fontColor:"white",fontSize:"0.xs",padding:["1/4","1/3"],borderRadius:"3.tone.tertiary",backgroundColor:"layer.6"},r)),Kf=r=>{let a=r,{tone:o}=a,l=Ze(a,["tone"]);return(0,gc.jsx)(E,_(L(_({},ja.Indicator(o)),{borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3"}),l))},_c=r=>{let a=r,{tone:o}=a,l=Ze(a,["tone"]);return(0,gc.jsx)(E,_(L(_({},ja.Indicator(o)),{borderTopLeftRadius:"2/3",borderBottomLeftRadius:"2/3"}),l))},vn=r=>{let a=r,{tone:o="border"}=a,l=Ze(a,["tone"]);return(0,gc.jsx)(E,L(_(L(_({},ja.IndicatorIcon),{position:"absolute",right:"3/4"}),l),{freeCSS:_(_({},ja.IndicatorIcon.freeCSS),l.freeCSS)}))},E_=r=>{let a=r,{tone:o="border"}=a,l=Ze(a,["tone"]);return(0,gc.jsx)(E,L(_(L(_({},ja.IndicatorIcon),{left:"3/4"}),l),{freeCSS:_(_({},ja.IndicatorIcon.freeCSS),l.freeCSS)}))};var NN=Z(Mt());var ON=r=>(0,NN.jsx)(E,_({htmlTag:"input"},r));var iw=Z(Mt());var G$=r=>{let a=r,{componentID:o="",enableFormSubmit:l,form:s,value:d=""}=a,c=Ze(a,["componentID","enableFormSubmit","form","value"]);return(0,iw.jsx)("input",L(_({value:JSON.stringify(d),"data-input-type":"hidden","data-form":s,"data-component-id":o,"data-value":JSON.stringify(d)},c),{type:"hidden"}))},As=r=>(0,iw.jsx)(Ha,{componentID:r.componentID,children:G$,states:r});var tr=Z(Mt()),Bs=Z(fr()),kn=Z(pr());var uw=Z(jN());var D_=Z(Mt()),L_=Z(fr()),R_=Z(pr());var bc=r=>{if(!r.label)return null;let[a,o]=(0,L_.useState)({});return(0,L_.useEffect)(()=>{let l=(0,R_.default)('[data-input-origin="'+r.componentID+'"]'),s=(0,R_.default)('[data-input-label="'+r.componentID+'"]'),d=(0,R_.default)('[data-input-value-shallow="'+r.componentID+'"]');if(!l[0]||!s[0]||!d[0])return;let c=l.position(),h=d.position();if(r.isActive){let p=h.left-c.left;o({backgroundColor:"layer.1",opacity:"max",freeCSS:{lineHeight:1,fontSize:"12px",transform:`translate(${p}px,-6px)`}})}else{let p=h.left-c.left,g=h.top-c.top;o({fontSize:r.fontSize||"inherit",opacity:"middle",freeCSS:{lineHeight:"inherit",transform:`translate(${p}px,${g}px)`,backgroundColor:"transparent"}})}s.getAttribute("data-label-init")=="true"&&s.setAttribute("data-label-init","false").await(10).css({transition:"var(--animation-time2)"})},[r.isActive]),(0,D_.jsxs)(E,L(_({htmlTag:"label","data-input-label":r.componentID,"data-label-init":"true",position:"absolute",left:0,top:0,fontColor:"3.blur",backgroundColor:"trans",borderRadius:"1/3",padding:[0,"1/4"],opacity:"min"},a),{freeCSS:_({zIndex:2,pointerEvents:"none",lineHeight:"inherit"},a.freeCSS),children:[r.label,r.required&&(0,D_.jsx)(Cn,{fontColor:"nega",children:" * "})]}))};var q$={number:{reg:/^-?[0-9\.]+$/g,exist:!0,reason:"\u534A\u89D2\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},katakana:{reg:/^[ァ-ヶー 　ｦ-ﾟ　 ]*$/g,exist:!0,reason:"\u30AB\u30BF\u30AB\u30CA\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},"hankaku.katakana":{reg:/^[ｦ-ﾟ　 ]*$/g,exist:!0,reason:"\u534A\u89D2\u30AB\u30BF\u30AB\u30CA\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},digitNumber:{reg:/^-?[0-9\.]+$/g,exist:!0,reason:"\u534A\u89D2\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},fileName:{reg:/[¥\/:*\?\"\'\|\.\s\n\r\<\>]/g,exist:!1,reason:"\u7A7A\u767D\u307E\u305F\u306F\u4E00\u90E8\u306E\u7279\u6B8A\u6587\u5B57\u306F\u4F7F\u7528\u3067\u304D\u307E\u305B\u3093"},creditCard:{reg:/^\d{14,16}$/g,exist:!0,reason:"14~16\u6841\u306E\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},email:{reg:/^[A-Za-z0-9]{1}[A-Za-z0-9_.-]*@{1}[A-Za-z0-9_.-]+\.[A-Za-z0-9]+$/,exist:!0,reason:(0,tr.jsxs)(tr.Fragment,{children:[(0,tr.jsx)(E,{children:"\u25CB\u25CB\u25CB\u25CB@\u25CB\u25CB\u25CB\u25CB.\u25CB\u25CB\u25CB\u306E\u5F62\u5F0F\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),(0,tr.jsx)(E,{children:"\u6700\u5F8C\u306E\u6587\u5B57\u306B.(\u30C9\u30C3\u30C8)\u3092\u5165\u308C\u308B\u3053\u3068\u306F\u3067\u304D\u307E\u305B\u3093"})]})},password:{reg:/^(?=[^A-Z]*[A-Z])(?=[^a-z]*[a-z])(?=[^0-9]*[0-9]).{8,}$/,exist:!0,reason:"8\u6587\u5B57\u4EE5\u4E0A\u3001\u534A\u89D2\u82F1\u6570\u5927\u5C0F\u6587\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},tel:{reg:/.*$/g,exist:!0,reason:(0,tr.jsxs)(tr.Fragment,{children:[(0,tr.jsx)(E,{children:"0\u304B\u3089\u59CB\u307E\u308B\u756A\u53F7\u306E\u307F\u5165\u529B\u53EF\u80FD\u3067\u3059"}),(0,tr.jsx)(E,{children:"9~12\u6841\u306E\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),(0,tr.jsx)(E,{children:"\u6570\u5B57\u306E\u307F\u5165\u529B\u53EF\u80FD\u3067\u3059"})]})},url:{reg:/^https?:\/\/[^\n\s]+(\.|\:)[^\n\s\.\:]+$/,exist:!0,reason:"URL\u5F62\u5F0F : http(s)://\u25EF\u25EF\u25EF\u25EF"},postal:{reg:/^\d{7}$/g,exist:!0,reason:"7\u6841\u306E\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}},Su={setSelection:r=>{let{id:a,restrict:o,val_status:l}=r,s=xt("#"+a)[0];if(s&&l.prevValue&&l.formatValue){let{formatValue:d,prevValue:c,caretFrom:h,caretTo:p}=l;if(o=="creditCard")d.length>=c.length&&h%5==0&&(h++,p++),s.setSelectionRange(h,p);else if(o=="postal")d.length==5&&c.length==3&&(h++,p++),s.setSelectionRange(h,p);else if(o=="digitNumber"){let g=d.length-c.length;g==2&&(h++,p++),g==-2&&(h--,p--),s.setSelectionRange(h,p)}}},Validation:{Default:r=>{let{value:a,states:o}=r,{restrict:l="text",maxLength:s,multiline:d,required:c}=o,h=[];if(d||(s=s||255),kn.default.is.exist(s)&&a.length>=Number(s)&&h.push({type:"invalid",label:s+"\u5B57\u4EE5\u5185\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),a){let p=Su.Validation.Text(a,l);p.ok||h.push({type:"invalid",label:p.body})}else c&&h.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"});return{ok:!h.filter(({type:p})=>p=="invalid").length,notice:h}},Text:(r,a)=>{let o={ok:!0,body:""};return(()=>{let l=q$[a];if(!l)return;let s=l.reason;if(l){let d=!!(+!!r.match(l.reg)^+!l.exist);o={ok:d,body:d?"":s}}})(),o},DataLeveling:r=>{let{restrict:a,value:o=""}=r,l=String(o),s=!1;if(["tel","number","digitNumber","test","postal","creditCard"].includes(a)&&(l=l.zen2hanNumber()),a=="katakana"&&(l=l.replace(/[^ァ-ヶー 　ｦ-ﾟ　 ]/ig,"")),a=="hankaku.katakana"&&(l=l.replace(/[^ｦ-ﾟ　 ]/ig,"")),["postal","creditCard"].includes(a)&&(l=l.removeLetters()),["number","number.zeroStart","digitNumber"].includes(a)){let c=l[0]=="0";if(l){if(l!="-")if(l=="0-")l="-";else{l[0]=="-"&&(s=!0),l=l.replace(/[^0-9\.]/ig,"");let h=Number(l);h===0&&(s=!1),s&&(h=-1*h),kn.default.is.exist(r.min)&&(h=Math.max(h,Number(r.min))),kn.default.is.exist(r.max)&&(h=Math.min(h,Number(r.max))),l=String(Math.abs(h))}c&&l!="0"&&a=="number.zeroStart"&&(l="0"+l)}}let d=l;if(a=="digitNumber"){if(l&&l!="-"){let c=[];for(let h=l.length-1;h>=0;h--){c.unshift(l[h]);let p=l.length-1-h+1;h!=0&&p%3==0&&c.unshift(",")}d=c.join("")}}else a=="postal"?l.length>=4&&(d=l.clip(0,3)+"-"+l.clip(3)):a=="creditCard"&&(d=l.replace(/.{4}(?=.)/g,"$& "));return["number","digitNumber"].includes(a)&&s&&(l="-"+l,d="-"+d),{formatValue:d,dataValue:l}}}},sw={Shallow:r=>{let{rootStates:a,val_status:o}=r,l=o.dataValue||"";(0,Bs.useEffect)(()=>{kn.default.scope(()=>pa(void 0,null,function*(){if(!a.multiline)return;let p=(0,kn.default)('[data-input-origin="'+o.componentID+'"]'),g=(0,kn.default)('[data-input-shallow="'+o.componentID+'"]'),y=(0,kn.default)('[data-input-min-height-value-shallow="'+o.componentID+'"]'),b=(0,kn.default)('[data-input-max-height-value-shallow="'+o.componentID+'"]');if(!p[0]||!g[0]||!y[0]||!b[0])return;let x=g.position(),w=y.position(),T=b.position(),A=0;a.autoHeight&&(A=x.height),A=Math.max(A,w.height),A=Math.min(A,T.height),p[0].style.height=A+"px"}))},[l]);let s=l||a.label||a.placeholder||"";(l.match(/\n$/)||!l)&&(s+="T");let d="",c="";if(a.multiline){let p=a.minRows||1,g=a.maxRows||100;d=`
 T`.repeat(p-1),c=`
-T`.repeat(g-1)}let h=Ns(a);return(0,tr.jsxs)(E,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:[(0,tr.jsx)(Xe.Description,L(_({className:a.className},h),{position:"absolute",width:1,freeCSS:L(_({},h.freeCSS),{color:"orange"}),"data-input-shallow":o.componentID,children:(0,tr.jsx)(E,{"data-input-value-shallow":o.componentID,children:s})})),(0,tr.jsx)(Xe.Description,L(_({className:a.className},h),{position:"absolute",left:0,freeCSS:L(_({},h.freeCSS),{backgroundColor:"transparent",color:"blue"}),"data-input-min-height-value-shallow":o.componentID,children:d})),(0,tr.jsx)(Xe.Description,L(_({className:a.className},h),{position:"absolute",right:0,freeCSS:L(_({},h.freeCSS),{backgroundColor:"transparent",color:"red"}),"data-input-max-height-value-shallow":o.componentID,children:c}))]})},InputBox:r=>{let{rootStates:a,val_validate:o,set_validate:l,val_status:s,set_status:d,val_focus:c,set_focus:h,val_isComposing:p,set_isComposing:g}=r;if(a.multiline)return null;let y=a,{componentID:b,tone:x,required:w,restrict:T="text",form:A,autoComplete:R="off",autoCapitalize:W="off",minRows:M,maxRows:z,multiline:j,autoHeight:K,enableFormSubmit:P,clearButton:le=!1,checkValidationAtFirst:Ee,onChange:te,onKeyDown:me,onValidate:ye,onUpdateValue:de,onUpdateValidValue:U,value:Q="",leftIndicator:re,rightIndicator:V,leftIcon:ee,rightIcon:ie,maxLength:Se,min:se,max:Re,label:De,wrapStyles:Ie}=y,je=Ze(y,["componentID","tone","required","restrict","form","autoComplete","autoCapitalize","minRows","maxRows","multiline","autoHeight","enableFormSubmit","clearButton","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","leftIndicator","rightIndicator","leftIcon","rightIcon","maxLength","min","max","label","wrapStyles"]),ot=T=="password"||T=="concealed"?"password":"text",St=["number","digitNumber","creditCard"].includes(T)?"numeric":T=="email"?"email":"text";return(0,tr.jsx)(E,L(_({htmlTag:"input",type:ot,inputMode:St,"data-disabled":a.disabled,"data-form":A,"data-input-type":"text","data-show-validation":hr.isShowValidation(o,s,!!Ee),"data-validation":o.ok,"data-value":s.dataValue,"data-component-id":s.componentID,"data-input-origin":s.componentID,value:s.formatValue,autoComplete:R,autoCapitalize:W,onKeyDown:_t=>{let{key:wt,target:Et}=_t;{let Rt=Et,{selectionStart:dt,selectionEnd:Be}=Rt,It=Number(dt),Wt=Number(Be),Ft=s.formatValue[Number(It)],Yt=s.formatValue[Number(It)-1];wt=="Delete"&&(T=="creditCard"&&Ft==" "||T=="postal"&&Ft=="-"||T=="digitNumber"&&Ft==",")&&(Rt.setSelectionRange(It+1,Wt+1),_t.preventDefault()),wt=="Backspace"&&(T=="creditCard"&&Yt==" "||T=="postal"&&Yt=="-"||T=="digitNumber"&&Yt==",")&&(Rt.setSelectionRange(It-1,Wt-1),_t.preventDefault()),wt=="Enter"||wt=="Tab"}if(["number","digitNumber","creditCard"].includes(T)&&wt=="Clear"&&d(Rt=>L(_({},Rt),{dataValue:"",formatValue:"",eventType:"update",eventID:kn.default.uuid.gen()})),["number","digitNumber"].includes(T)&&["ArrowUp","ArrowDown"].includes(wt)){let Rt=+(wt=="ArrowUp")*2-1,dt=String(Number(s.dataValue)+Rt);o.ok&&l({ok:!1,notice:[]}),d(Be=>L(_(_({},Be),Su.Validation.DataLeveling({min:se,max:Re,restrict:T,value:dt})),{eventType:"update",eventID:kn.default.uuid.gen()})),_t.preventDefault()}me&&me(_t),P&&hr.SubmitForm(_t)},onChange:_t=>{let{value:wt,selectionStart:Et,selectionEnd:Rt}=_t.target,dt=Su.Validation.DataLeveling({min:se,max:Re,restrict:T,value:wt});p&&(dt.formatValue=wt),dt.formatValue!=s.formatValue&&(o.ok&&l({ok:!1,notice:[]}),d(Be=>L(_(_({},Be),dt),{prevValue:s.formatValue,eventType:"update",eventID:kn.default.uuid.gen(),caretFrom:Number(Et),caretTo:Number(Rt)})),te&&te(_t))},width:1},je),{onFocus:_t=>{je!=null&&je.onFocus&&(je==null||je.onFocus(_t)),h(!0)},onBlur:_t=>{je!=null&&je.onBlur&&(je==null||je.onBlur(_t)),h(!1)},onCompositionStart:_t=>{je!=null&&je.onCompositionStart&&(je==null||je.onCompositionStart(_t)),g(!0)},onCompositionEnd:_t=>{if(je!=null&&je.onCompositionEnd&&(je==null||je.onCompositionEnd(_t)),T=="text")return;let wt=Su.Validation.DataLeveling({min:se,max:Re,restrict:T,value:s.formatValue});d(Et=>L(_(_({},Et),wt),{prevValue:Et.formatValue,eventType:"update",eventID:kn.default.uuid.gen(),caretFrom:Number(Et.formatValue.length+1),caretTo:Number(Et.formatValue.length+1)})),g(!1)}}))},TextAreaBox:r=>{let{rootStates:a,val_focus:o,set_focus:l,val_validate:s,set_validate:d,val_status:c,set_status:h,isShallow:p}=r,g=a,{componentID:y,tone:b,required:x,form:w,minRows:T,maxRows:A,multiline:R,autoHeight:W,enableFormSubmit:M,maxLength:z,checkValidationAtFirst:j,onChange:K,onKeyDown:P,onValidate:le,onUpdateValue:Ee,onUpdateValidValue:te,value:me="",leftIndicator:ye,rightIndicator:de,leftIcon:U,rightIcon:Q,wrapStyles:re}=g,V=Ze(g,["componentID","tone","required","form","minRows","maxRows","multiline","autoHeight","enableFormSubmit","maxLength","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","leftIndicator","rightIndicator","leftIcon","rightIcon","wrapStyles"]);return a.multiline?(0,tr.jsx)(E,L(_({htmlTag:"textarea","data-form":w,"data-input-type":"textarea","data-show-validation":hr.isShowValidation(s,c,!!j),"data-validation":s.ok,"data-value":c.dataValue,"data-input-origin":c.componentID,"data-component-id":c.componentID,value:c.dataValue,width:1},V),{onFocus:ee=>{V!=null&&V.onFocus&&(V==null||V.onFocus(ee)),l(!0)},onBlur:ee=>{V!=null&&V.onBlur&&(V==null||V.onBlur(ee)),l(!1)},onKeyDown:ee=>{P&&P(ee),M&&hr.SubmitForm(ee)},onChange:ee=>{let{value:ie}=ee.target;s.ok&&d({ok:!1,notice:[]}),h(Se=>L(_({},Se),{dataValue:ie,eventType:"update",eventID:kn.default.uuid.gen()})),K&&K(ee)}})):null}},K$=r=>{let{componentID:a,restrict:o="text",onUpdateValue:l,onUpdateValidValue:s,value:d="",min:c,max:h}=r,p=L(_({componentID:a},Su.Validation.DataLeveling({min:c,max:h,restrict:o,value:d})),{prevValue:"",eventType:"init",eventID:kn.default.uuid.gen(),caretFrom:null,caretTo:null}),[g,y]=(0,Bs.useState)(!1),[b,x]=(0,Bs.useState)(!1),[w,T]=(0,Bs.useState)(p),[A,R]=(0,Bs.useState)({ok:!1,notice:[]}),W={rootStates:r,val_focus:g,set_focus:y,val_isComposing:b,set_isComposing:x,val_status:w,set_status:T,val_validate:A,set_validate:R};return hr.CommonEffects({type:"textfield",states:r,val_status:w,set_status:T,val_validate:A,set_validate:R,onUpdateValue:l,onUpdateValidValue:s,DefaultValidation:Su.Validation.Default,ExtraOverrideStates:_({},Su.Validation.DataLeveling({min:c,max:h,restrict:o,value:d}))}),(0,Bs.useEffect)(()=>{Su.setSelection({id:r.id,restrict:o,val_status:w})},[w]),(0,tr.jsxs)(Qa,{val_status:w,set_status:T,val_validate:A,states:W.rootStates,children:[(0,tr.jsx)(bc,{componentID:r.componentID,fontSize:r.fontSize,required:r.required,label:r.label,isActive:g||!!w.dataValue}),(0,tr.jsx)(sw.Shallow,_({},W)),(0,tr.jsx)(sw.InputBox,_({},W)),(0,tr.jsx)(sw.TextAreaBox,_({},W))]})},Dl=r=>{r=_({autoHeight:!0,restrict:"text",fontSize:"2.normal"},r),r.rightIcon&&(r=_({paddingRight:3},r)),r.leftIcon&&(r=_({paddingLeft:3},r)),r.multiline?(r.minRows=r.minRows||5,r.maxRows=r.maxRows||20):(r.minRows=1,r.maxRows=1);let a=ja.Boxish(r);return(0,tr.jsx)(Ha,{componentID:r.componentID,children:K$,states:a})},xn=Dl;xn.Validate=Su.Validation.Text,xn.Katakana=r=>(0,tr.jsx)(Dl,L(_({},r),{restrict:"katakana",multiline:!1,autoHeight:!1})),xn.HankakuKatakana=r=>(0,tr.jsx)(Dl,L(_({},r),{restrict:"hankaku.katakana",multiline:!1,autoHeight:!1})),xn.CreditCard=r=>(0,tr.jsx)(Dl,L(_({},r),{restrict:"creditCard",multiline:!1,autoHeight:!1})),xn.Tel=r=>(0,tr.jsx)(Dl,L(_({},r),{restrict:"tel",placeholder:"xxx-xxxx-xxxx",multiline:!1,autoHeight:!1})),xn.Number=r=>(0,tr.jsx)(Dl,L(_({},r),{restrict:"number",multiline:!1,autoHeight:!1})),xn.DigitNumber=r=>(0,tr.jsx)(Dl,L(_({},r),{restrict:"digitNumber",multiline:!1,autoHeight:!1})),xn.Email=r=>(0,tr.jsx)(Dl,L(_({},r),{restrict:"email",multiline:!1,autoHeight:!1})),xn.Url=r=>(0,tr.jsx)(Dl,L(_({},r),{restrict:"url",multiline:!1,autoHeight:!1})),xn.Postal=r=>{let[a]=(0,Bs.useState)(kn.default.uuid.gen());return(0,Bs.useEffect)(()=>()=>{We.delete(a)},[]),(0,tr.jsx)(Dl,L(_({label:"\u90F5\u4FBF\u756A\u53F7"},r),{restrict:"postal",multiline:!1,autoHeight:!1,leftIndicator:(0,tr.jsx)(Kf,{children:"\u3012"})}))},xn.Password=r=>(0,tr.jsx)(Dl,L(_({label:"\u30D1\u30B9\u30EF\u30FC\u30C9",rightIndicator:(0,tr.jsx)(_c,{padding:0,children:(0,tr.jsx)(oe.Button.Normal.R,{padding:[0,1],fontColor:"theme",borderRadius:"inherit",backgroundColor:"inherit",flexCenter:!0,height:1,ssEffectsOnActive:["expand"],onMouseOver:a=>{Ar.open({parent:a.currentTarget,gravityPoint:24,padding:[1,0],content:(0,tr.jsx)(Ar.Body,{children:"\u30D1\u30B9\u30EF\u30FC\u30C9\u3092\u8868\u793A"})})},tabIndex:-1,onClick:a=>{(0,kn.default)(a.target).parent().parent().find("input").callback(o=>{let l=o[0];l.type=l.type==="password"?"text":"password"})},children:(0,tr.jsx)(xe,{icon:uw.faEye})})})},r),{restrict:"password",multiline:!1,autoHeight:!1})),xn.Concealed=r=>(0,tr.jsx)(Dl,L(_({label:"\u79D8\u5BC6\u9375",rightIndicator:(0,tr.jsx)(_c,{padding:0,children:(0,tr.jsx)(oe.Button.Normal.R,{padding:[0,1],fontColor:"theme",borderRadius:"inherit",backgroundColor:"inherit",flexCenter:!0,height:1,ssEffectsOnActive:["expand"],onMouseOver:a=>{Ar.open({parent:a.currentTarget,gravityPoint:24,padding:[1,0],content:(0,tr.jsx)(Ar.Body,{children:"\u5024\u3092\u8868\u793A"})})},tabIndex:-1,onClick:a=>{(0,kn.default)(a.target).parent().parent().parent().find("input").callback(o=>{let l=o[0];l.type=l.type==="password"?"text":"password"})},children:(0,tr.jsx)(xe,{icon:uw.faEye})})})},r),{restrict:"concealed",multiline:!1,autoHeight:!1})),xn.Money={JPY:r=>(0,tr.jsx)(xn.DigitNumber,L(_({label:"\u91D1\u984D",rightIndicator:(0,tr.jsx)(_c,{children:"\u5186"})},r),{multiline:!1,autoHeight:!1}))};var A_=Z(Mt()),cw=Z(fr()),dw=Z(pr());function X$(r){let{value:a,states:o}=r,{required:l}=o,s=[];return l&&!a&&s.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!s.filter(({type:d})=>d=="invalid").length,notice:s}}var J$=r=>{let a=r,{componentID:o,tone:l,required:s,form:d,value:c,enableFormSubmit:h,checkValidationAtFirst:p,onInput:g,onKeyDown:y,onValidate:b,onUpdateValue:x,onUpdateValidValue:w,children:T="",leftIndicator:A,rightIndicator:R,leftIcon:W,rightIcon:M,freeCSS:z,wrapStyles:j}=a,K=Ze(a,["componentID","tone","required","form","value","enableFormSubmit","checkValidationAtFirst","onInput","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","children","leftIndicator","rightIndicator","leftIcon","rightIcon","freeCSS","wrapStyles"]),P={componentID:o,dataValue:c,eventType:"init",eventID:dw.default.uuid.gen()},[le,Ee]=(0,cw.useState)(P),[te,me]=(0,cw.useState)({ok:!1,notice:[]});return hr.CommonEffects({type:"contenteditable",states:r,val_status:le,set_status:Ee,val_validate:te,set_validate:me,onUpdateValue:x,onUpdateValidValue:w,DefaultValidation:X$}),(0,A_.jsx)(Qa,{val_status:le,set_status:Ee,val_validate:te,states:r,children:(0,A_.jsx)("div",L(_({contentEditable:!0,"data-form":d,"data-name":r.name,"data-input-type":"contenteditable","data-show-validation":hr.isShowValidation(te,le,!!p),"data-validation":te.ok,"data-value":le.dataValue,"data-component-id":le.componentID,onKeyDown:ye=>{y&&y(ye),h&&hr.SubmitForm(ye)},onInput:ye=>{let de=ye.currentTarget,{innerHTML:U,innerText:Q}=de;te.ok&&me({ok:!1,notice:[]}),Ee(re=>L(_({},re),{dataValue:Q,eventType:"update",eventID:dw.default.uuid.gen()})),g&&g(ye)}},K),{children:T}))})},UN=r=>{r=_({rows:5},r),r.rightIcon&&(r=_({paddingRight:3},r)),r.leftIcon&&(r=_({paddingLeft:3},r)),r=L(_({},r),{freeCSS:_({whiteSpace:"pre-wrap"},r.freeCSS)});let a=Wa(ja.Boxish(r));return(0,A_.jsx)(Ha,{componentID:r.componentID,children:J$,states:a})};var vd=Z(Mt()),fw=Z(fr()),_m=Z(pr());function Q$(r){let{value:a,states:o}=r,{required:l,numericOnly:s=!1,digits:d}=o,c=[];return l&&!a&&c.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),a&&(s&&a.match(/\D/)&&c.push({type:"invalid",label:"\u6570\u5B57\u306E\u307F\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),a.length!=d&&c.push({type:"warn",label:"\u6700\u5F8C\u307E\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"})),{ok:!c.filter(({type:h})=>h=="invalid"||h=="warn").length,notice:c}}var Z$=(r,a="")=>{let o=String(a),l=[];for(let s=0;s<r;s++)l[s]=o[s]||"";return{formatValue:l,dataValue:o}},VN=(r="")=>{let a=r,o=a.join("");return{formatValue:a,dataValue:o}},eG=r=>{let a=r,{tone:o,required:l,form:s,name:d,className:c="",digits:h,numericOnly:p=!1,enableFormSubmit:g,checkValidationAtFirst:y,onChange:b,onKeyDown:x,onValidate:w,onUpdateValue:T,onUpdateValidValue:A,value:R="",override:W,freeCSS:M,wrapStyles:z,combineInput:j,componentID:K,listStyles:P}=a,le=Ze(a,["tone","required","form","name","className","digits","numericOnly","enableFormSubmit","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","override","freeCSS","wrapStyles","combineInput","componentID","listStyles"]),Ee=L(_({componentID:r.componentID||""},Z$(h,R)),{eventType:"init",eventID:_m.default.uuid.gen()}),[te,me]=(0,fw.useState)(Ee),[ye,de]=(0,fw.useState)({ok:!1,notice:[]});hr.CommonEffects({type:"textfield",states:r,val_status:te,set_status:me,val_validate:ye,set_validate:de,onUpdateValue:T,onUpdateValidValue:A,DefaultValidation:Q$});let U=[];for(let Q=0;Q<h;Q++){let re=te.formatValue[Q],V={},ee=c;r.combineInput&&(ee=[c,Vf("DigitCharacterCell"),Vf("Combined")].join(" ")),U.push((0,vd.jsx)("input",{type:"text",inputMode:p?"numeric":r.inputMode||"text",value:re,"data-form-name":s,id:"Digit-"+Q+"-"+te.componentID,className:ee,style:_(_({},r.style),V),onKeyDown:ie=>{let{key:Se,code:se}=ie;if(Se=="Tab")return;ie.preventDefault();let Re=null;if(Se=="Backspace"){let De=te.formatValue;De[Q]="",me(Ie=>L(_(_({},Ie),VN(De)),{eventType:"update",eventID:_m.default.uuid.gen()})),Re=Q-1}else if(["ArrowLeft","ArrowRight"].includes(Se)){let De=+(Se=="ArrowRight")*2-1;Re=Q+De}else g&&hr.SubmitForm(ie),(()=>{let De=se.match(/^(Key(.)|Digit(\d)|Numpad(\d))/);if(!De)return;let Ie=De[2]||De[3]||De[4];if(p&&!Ie.match(/\d/)||!Ie)return;let je=te.formatValue;je[Q]=Ie,me(ot=>L(_(_({},ot),VN(je)),{eventType:"update",eventID:_m.default.uuid.gen()})),Re=Q+1})();_m.default.is.exist(Re)&&xt("#Digit-"+Re+"-"+te.componentID).focus()},onChange:()=>{}},Q))}return(0,vd.jsxs)(Qa,{val_status:te,set_status:me,val_validate:ye,states:r,children:[(0,vd.jsx)(As,_({name:d,"data-input-type":"digitCharacters","data-form":s,"data-validation":ye.ok,componentID:te.componentID,"data-value":te.dataValue},le)),(0,vd.jsx)(pt,L(_({gap:"1/2",flexChilds:"even",flexWrap:!1,flexSizing:"auto"},P),{children:U}))]})},WN=r=>{r=_({},r),r=_({textAlign:"center",width:0},r),r.combineInput&&(r=L(_({textAlign:"center",width:0},r),{freeCSS:_({minWidth:12*2,marginRight:-1},r.freeCSS),listStyles:_({borderRadius:"2.tone.secondary",border:"unset",gap:0},r.listStyles)}));let a=Wa(ja.Boxish(r));return(0,vd.jsx)(Ha,{componentID:r.componentID,children:eG,states:a})};var ra=Z(Mt()),Oo=Z(fr()),Co=Z(pr());var uO=Z(JN()),cO=Z(oO());var ea=Z(Mt()),Ll=Z(fr()),gn=Z(pr());function tG(r){let{value:a,states:o}=r,{required:l,options:s}=o,d=[];return l&&a==="null"&&d.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!d.filter(({type:c})=>c=="invalid").length,notice:d}}var mw={FilterSelectableOptions:(r,a)=>{let o=r.rootStates.options;return a||(o=o.filter(l=>l.type!="label")),o}},bm={Shallow:r=>{let{rootStates:a,val_status:o}=r,l=Ns(a);return(0,ea.jsx)(E,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:(0,ea.jsx)(Xe.Description,L(_({className:a.className},l),{position:"absolute",width:1,freeCSS:L(_({},l.freeCSS),{color:"orange"}),children:(0,ea.jsx)(E,{"data-input-value-shallow":o.componentID,children:"A"})}))})},Button:r=>{let{rootStates:a,val_preventOpenSelectorOnFocus:o,set_preventOpenSelectorOnFocus:l,val_optionFocused:s,set_optionFocused:d,val_validate:c,set_validate:h,val_status:p,set_status:g,val_selectorOpen:y,set_selectorOpen:b}=r,x=a,{tone:w,required:T,form:A,className:R,enableFormSubmit:W,emptySelect:M,checkValidationAtFirst:z,onValidate:j,onUpdateValue:K,onUpdateValidValue:P,value:le="",options:Ee,leftIndicator:te,rightIndicator:me,leftIcon:ye,rightIcon:de,componentID:U,status_id:Q,wrapStyles:re,SelectedCellStyles:V,SelectorCellStyles:ee,SelectorStyles:ie,SelectorGravityPoint:Se}=x,se=Ze(x,["tone","required","form","className","enableFormSubmit","emptySelect","checkValidationAtFirst","onValidate","onUpdateValue","onUpdateValidValue","value","options","leftIndicator","rightIndicator","leftIcon","rightIcon","componentID","status_id","wrapStyles","SelectedCellStyles","SelectorCellStyles","SelectorStyles","SelectorGravityPoint"]),Re="select-sheet-"+a.componentID;return(0,Ll.useEffect)(()=>{if(a.disabled)return;let De="select-click-"+a.componentID;if(y){let Ie=(0,gn.default)('[data-input-origin="'+a.componentID+'"]');if(!Ie)return;Vt.open({sheetID:Re,type:"custom",parent:Ie[0],padding:["1/4",0],gravityPoint:a.SelectorGravityPoint||22,close_option:{aroundClick:!1},content:(0,ea.jsx)(bm.Selector,_({},r))}),(0,gn.default)(document).addEvent({eventID:De,eventType:"click",callback:je=>{let ot=(0,gn.default)(je.target),St=!!(0,gn.default)(ot).parent("."+es("Core")).length;(0,gn.default)(ot).parent("."+es("Selector")).length||St||b(!1)}})}else(0,gn.default)(document).removeEvent([De]),Vt.close(Re)},[y]),(0,Ll.useEffect)(()=>{if(p.eventType=="init")return;let De=(0,gn.default)('[data-input-origin="'+a.componentID+'"]');De&&De.focus()},[p.dataValue]),(0,Ll.useEffect)(()=>{if(a.disabled||!y)return;let De=We.get("refresh-select-selector-"+a.componentID);De&&De(r)},[a.options,p.dataValue,s]),(0,ea.jsx)(ea.Fragment,{children:(0,ea.jsx)(E,L(_({tabIndex:0},se),{"data-disabled":a.disabled,"data-name":a.name,"data-form":A,"data-show-validation":hr.isShowValidation(c,p,!!z),"data-validation":c.ok,"data-component-id":p.componentID,"data-input-origin":p.componentID,"data-value":p.dataValue,"data-input-type":"select",className:[R,es("Core")].join(" "),onFocus:De=>{if(se!=null&&se.onFocus&&(se==null||se.onFocus(De)),!a.disabled){if(o)return l(!1);b(!0)}},onClick:De=>{se!=null&&se.onClick&&(se==null||se.onClick(De)),!a.disabled&&b(!0)},onKeyDown:De=>{let{key:Ie,metaKey:je,ctrlKey:ot}=De,St=je||ot;if(se!=null&&se.onKeyDown&&(se==null||se.onKeyDown(De)),W&&hr.SubmitForm(De),!a.disabled){if(gn.default.scope(()=>{if(!["ArrowDown","ArrowUp"].includes(Ie))return;if(De.preventDefault(),!y)return b(!0);let _t=Ie=="ArrowDown"?1:-1,wt=mw.FilterSelectableOptions(r),Et=wt.length-1,Rt=null;gn.default.scope(()=>{var dt,Be,It,Wt;if(_t==1){if(Rt=((dt=wt[0])==null?void 0:dt.value)||null,s==null)return;if(St){Rt=wt[Et].value||Rt||null;return}let Ft=wt.findIndex(Yt=>Yt.value==s);if(Ft==-1)return;Rt=((Be=wt[Ft+1])==null?void 0:Be.value)||Rt||null}else{if(Rt=wt[Et].value||null,s==null)return;if(St){Rt=((It=wt[0])==null?void 0:It.value)||Rt||null;return}let Ft=wt.findIndex(Yt=>Yt.value==s);if(Ft==-1)return;Rt=((Wt=wt[Ft-1])==null?void 0:Wt.value)||Rt||null}}),d(Rt)}),Ie=="Escape")b(!1);else if(Ie=="Tab")b(!1);else if(Ie=="Backspace")g(_t=>L(_({},_t),{dataValue:"null",eventType:"update",eventID:gn.default.uuid.gen()}));else if(Ie==" ")De.preventDefault(),b(!0);else if(Ie=="Enter"){if(!y)return b(!0);if(!s)return;De.preventDefault();let _t=a.options.find(wt=>wt.value==s);if(!_t)return;g(wt=>L(_({},wt),{dataValue:_t.value,eventType:"update",eventID:gn.default.uuid.gen()})),b(!1)}}},children:(0,ea.jsxs)(Je.Left,{flexWrap:!0,gap:"1/3",freeCSS:{letterSpacing:".5px"},children:[(0,ea.jsx)(bm.Selected,_({},r)),(0,ea.jsx)(Cn,{width:0,overflow:"hidden",opacity:"trans",children:"A"})]})}))})},Selector:r=>{let[a,o]=(0,Ll.useState)(r),{rootStates:l}=a;(0,Ll.useEffect)(()=>{We.set({["refresh-select-selector-"+l.componentID]:h=>{o(h)}})},[]);let s=[],d=mw.FilterSelectableOptions(a,!0),c=mw.FilterSelectableOptions(a);return d.forEach((h,p)=>{let{type:g,value:y}=h,b=a.val_optionFocused==y,x=a.val_status.dataValue===y;if(g=="selector"){s.push((0,ea.jsx)(oe.Button.Sub.S,{color:"cloud",backgroundColor:"trans",borderRadius:0,fontColor:"2.normal",textAlign:"left",padding:["1/2",1.5],isActive:x||b,isActiveStyles:b?{backgroundColor:"cloud"}:{backgroundColor:"theme.opa.few",fontColor:"theme"},onClick:w=>{a.set_status(T=>L(_({},T),{dataValue:y,eventType:"update",eventID:gn.default.uuid.gen()})),a.set_selectorOpen(!1),a.set_preventOpenSelectorOnFocus(!0)},children:(0,ea.jsx)(Xe.Supplement,{paddingLeft:x?"1/2":0,transition:"short",children:h.label})},String(y)));return}s.push((0,ea.jsx)(E,{children:h.label},gn.default.uuid.gen()))}),c.length||(s=[(0,ea.jsx)(Xe.Supplement,{padding:[0,1],fontColor:"4.thin",children:"\u5019\u88DC\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093"},"no-selector-notice")]),(0,ea.jsx)(Vt.Body,{className:es("Selector"),ssCardBox:!0,borderRadius:"3.tone.tertiary",boxShadow:"1.normal",freeCSS:{minWidth:12*18},children:(0,ea.jsx)(ht,{gap:0,padding:[1,0],children:s})})},Selected:r=>{let a=[];return r.val_status.dataValue!=="null"&&gn.default.scope(()=>{let o=r.rootStates.options.find(l=>l.value==r.val_status.dataValue);o&&a.push((0,ea.jsx)(E,L(_({},r.rootStates.SelectedCellStyles),{children:o.label}),String(o.value)))}),(0,ea.jsx)(ea.Fragment,{children:a})},Core:r=>{let{onUpdateValue:a,onUpdateValidValue:o,value:l}=r,s={componentID:r.componentID||"",dataValue:l,eventType:"init",eventID:gn.default.uuid.gen()},[d,c]=(0,Ll.useState)(!1),[h,p]=(0,Ll.useState)(s),[g,y]=(0,Ll.useState)(!1),[b,x]=(0,Ll.useState)(r.value||null),[w,T]=(0,Ll.useState)({ok:!1,notice:[]}),A={rootStates:r,val_preventOpenSelectorOnFocus:d,set_preventOpenSelectorOnFocus:c,val_optionFocused:b,set_optionFocused:x,val_selectorOpen:g,set_selectorOpen:y,val_status:h,set_status:p,val_validate:w,set_validate:T};return hr.CommonEffects({type:"select",states:r,val_status:h,set_status:p,val_validate:w,set_validate:T,onUpdateValue:a,onUpdateValidValue:o,DefaultValidation:tG,ExtraOverrideStates:{dataValue:l,formatValue:l}}),(0,ea.jsxs)(Qa,{val_status:h,set_status:p,val_validate:w,states:r,children:[(0,ea.jsx)(bc,{componentID:r.componentID,fontSize:r.fontSize,required:r.required,label:r.label,isActive:h.dataValue!=="null"}),(0,ea.jsx)(bm.Shallow,_({},A)),(0,ea.jsx)(bm.Button,_({},A))]})}},ns=r=>(r=L(_({emptySelect:!0},r),{freeCSS:_({cursor:"pointer"},r.freeCSS)}),r.value=gn.default.JsonTo(r.value||null),r.emptySelect&&(r.options=[{value:null,label:(0,ea.jsx)(Xe.Supplement,{fontColor:"4.thin",children:"\u9078\u629E\u3092\u89E3\u9664"})},...r.options]),r.options.forEach((a,o)=>{let{type:l,value:s}=a;r.options[o]=L(_({},a),{type:l||"selector",value:gn.default.JsonTo(s)})}),gn.default.is.nullish(r.rightIcon)&&(r.rightIcon=(0,ea.jsx)(vn,{freeCSS:{pointerEvents:"none"},children:(0,ea.jsx)(xe.AngleDown,{})})),r.rightIcon&&(r=_({paddingRight:3},r)),r.leftIcon&&(r=_({paddingLeft:3},r)),(0,ea.jsx)(Ha,{componentID:r.componentID,children:bm.Core,states:ja.Boxish(r)}));var Ve=Z(Mt()),lO=Z(fr()),wu=Z(fr()),$r=Z(pr());var La=Z(Mt()),vw=Z(fr()),yc=Z(pr());function rG(r){let{value:a,states:o}=r,{type:l,required:s,minSelect:d=0}=o,c=[];return s&&(a.length||l=="radio"&&c.push({type:"invalid",label:"\u9078\u629E\u3055\u308C\u3066\u3044\u307E\u305B\u3093"})),d&&a.length<d&&c.push({type:"invalid",label:`${d}\u500B\u4EE5\u4E0A\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044`}),{ok:!c.filter(({type:h})=>h=="invalid").length,notice:c}}var ym={OptionalListWrapper:r=>{let{value:a,options:o=[]}=r,l=yc.default.is.exist(a)?yc.default.flatArray(a):[],s=o.map(c=>{let{value:h,label:p}=c;return L(_({},c),{value:JSON.stringify(h),label:p})}),d=[];return l.forEach(c=>{let h=JSON.stringify(c);s.findIndex(p=>p.value==h)!=-1&&d.push(h)}),(0,La.jsx)(ym.Core,L(_({},r),{value:d,options:s}))},Core:r=>{let a=r,{type:o,tone:l,required:s,componentID:d="",form:c,override:h,icon:p,iconType:g,CustomIcon:y,enableFormSubmit:b,checkValidationAtFirst:x,onValidate:w,onUpdateValue:T,onUpdateValidValue:A,value:R,options:W,className:M,cellStyles:z,cellClassName:j,cellCheckedStyles:K,cellCheckedClassName:P,minSelect:le,hideInput:Ee,freeCSS:te,wrapStyles:me}=a,ye=Ze(a,["type","tone","required","componentID","form","override","icon","iconType","CustomIcon","enableFormSubmit","checkValidationAtFirst","onValidate","onUpdateValue","onUpdateValidValue","value","options","className","cellStyles","cellClassName","cellCheckedStyles","cellCheckedClassName","minSelect","hideInput","freeCSS","wrapStyles"]),de={componentID:d,dataValue:R,eventType:"init",eventID:yc.default.uuid.gen()},[U,Q]=(0,vw.useState)(de),[re,V]=(0,vw.useState)({ok:!1,notice:[]});return hr.CommonEffects({type:"list",states:r,val_status:U,set_status:Q,val_validate:re,set_validate:V,onUpdateValue:T,onUpdateValidValue:A,DefaultValidation:rG}),(0,La.jsxs)(Qa,{val_status:U,set_status:Q,val_validate:re,states:r,children:[(0,La.jsx)(As,L(_({"data-value":JSON.stringify(U.dataValue),form:c,"data-input-type":o,"data-validation":re.ok},ye),{componentID:U.componentID})),(0,La.jsx)(ym.List,{rootStates:r,val_status:U,set_status:Q})]})},List:r=>{let{rootStates:a,val_status:o,set_status:l}=r,{componentID:s,type:d,tone:c,icon:h=!0,options:p,name:g,form:y,tabIndex:b,hideInput:x,disabled:w,className:T,cellStyles:A,cellClassName:R="",cellCheckedStyles:W,cellCheckedClassName:M="",enableFormSubmit:z}=a,{dataValue:j}=o,K=a.CustomIcon,P=p.map((le,Ee)=>{let te=le,{value:me,label:ye,disabled:de,className:U="",checkedStyles:Q,checkedClassName:re="",freeCSS:V}=te,ee=Ze(te,["value","label","disabled","className","checkedStyles","checkedClassName","freeCSS"]),ie=yc.default.uuid.gen(),Se=j.findIndex(Ie=>Ie===me)!=-1,se=_(_({},A),ee),Re=[dd("Label"),R,U];Se&&(se=L(_(_(_({},se),W),Q),{freeCSS:_(_(_({},se==null?void 0:se.freeCSS),W==null?void 0:W.freeCSS),Q==null?void 0:Q.freeCSS)}),Re=[...Re,M,re]);let De=()=>{if(w||de)return;let Ie=[];if(d=="radio")Ie=[me];else if(d=="checkbox"||d=="checker")if(!Se)Ie=[...o.dataValue,me];else{let je=[...o.dataValue];je.splice(o.dataValue.findIndex(ot=>ot==me),1),Ie=je}l(je=>L(_({},je),{dataValue:Ie,eventType:"update",eventID:yc.default.uuid.gen()}))};return[(0,La.jsx)(E,{htmlTag:"input",type:d=="radio"?"radio":"checkbox",className:dd("Input"),name:"RadioCheckbox-"+g,"data-list-index":s+"-"+Ee,id:ie,value:String(me),"data-form-name":y,disabled:w||de,checked:Se,onFocus:Ie=>{de||d=="radio"&&(o.dataValue.length||l(je=>L(_({},je),{dataValue:[me],eventType:"update",eventID:yc.default.uuid.gen()})))},onChange:()=>{De()},onKeyDown:Ie=>{let{key:je,shiftKey:ot}=Ie;if((d=="checkbox"||d=="checker")&&je!="Tab"&&je.match(/Arrow/)){Ie.preventDefault();let St=["ArrowLeft","ArrowUp"].includes(je)?-1:1,_t=Ee+St;_t<0?_t=p.length-1:_t>=p.length&&(_t=0),xt(`input[data-list-index="${s}-${_t}"]`).focus()}z&&hr.SubmitForm(Ie)},tabIndex:b},"List-"+JSON.stringify(me)),(0,La.jsxs)(y_,L(_({"data-disabled":w||de,htmlFor:ie,className:Re.join(" "),tabIndex:-1,display:"flex",verticalAlign:"center",gap:"1/6",flexWrap:!1},se),{children:[h&&(0,La.jsx)(K,{isChecked:Se,toggle:()=>{De()}}),yc.default.is.string(ye)?(0,La.jsx)(E,{children:ye}):ye]}),"ListTrigger-"+JSON.stringify(me))]});return(0,La.jsx)(pt,{flexSizing:"auto",style:a.style,freeCSS:_({},a.freeCSS),className:[T,dd("CellBase"),dd("HideInput_"+x),dd("IconIndicator_"+!!h),dd("Tone_"+c)].join(" "),children:P})},RadioIcon:r=>(0,La.jsx)(oe.Button.Normal.R,{ssPushable:!0,color:"cloud",tabIndex:-1,ssEffectsOnActive:"ripple.cloud",ssSphere:3,onClick:a=>{a.preventDefault(),a.stopPropagation(),r.toggle()},children:(0,La.jsx)(E,{ssSphere:1.5,border:"3.thick",borderWidth:2,borderColor:r.isChecked?"theme":"3.thick",position:"relative",transition:"middle",children:(0,La.jsx)(E,{position:"absolute",transition:"middle",isRounded:!0,backgroundColor:r.isChecked?"theme":"trans",opacity:r.isChecked?"max":"trans",freeCSS:{width:"60%",height:"60%",transform:r.isChecked?"scale(1)":"scale(.6)"}})})}),CheckboxIcon:r=>(0,La.jsx)(oe.Button.Normal.R,{ssPushable:!0,color:"cloud",tabIndex:-1,ssEffectsOnActive:"ripple.cloud",ssSphere:3,onClick:a=>{a.preventDefault(),a.stopPropagation(),r.toggle()},children:(0,La.jsx)(E,{ssSquare:1.5,flexCenter:!0,border:"3.thick",borderWidth:2,borderColor:r.isChecked?"theme":"3.thick",borderRadius:"3.tone.tertiary",position:"relative",backgroundColor:r.isChecked?"theme":"trans",transition:"middle",fontColor:"white",children:(0,La.jsx)(xe.Check,{transition:"middle",opacity:r.isChecked?"max":"trans",freeCSS:{zIndex:8}})})})},gw=r=>{r=r||"checkbox";let a=l=>(l=L(_({gap:"1/2",iconType:r=="radio"?"radio":"checkbox"},l),{type:r,cellStyles:_({position:"relative",borderRadius:"2.tone.secondary",transition:"middle"},l.cellStyles)}),l.CustomIcon||(l.iconType=="radio"?l.CustomIcon=ym.RadioIcon:l.iconType=="checkbox"&&(l.CustomIcon=ym.CheckboxIcon)),l.tone=="normal"?(l.cellStyles=_({padding:["1/4",1],border:"1.thin",isRounded:!0,backgroundColor:"layer.1"},l.cellStyles),l.cellCheckedStyles=_({borderColor:"theme",fontColor:"theme",boxShadow:"1.normal"},l.cellCheckedStyles)):l.tone=="border"?(l.cellStyles=_({paddingRight:1,border:"1.thin",isRounded:!0,backgroundColor:"layer.1"},l.cellStyles),l.cellCheckedStyles=_({borderColor:"theme",fontColor:"theme"},l.cellCheckedStyles)):l.tone=="cloud"&&(l.cellStyles=_({paddingRight:1,isRounded:!0,border:"1.thin",backgroundColor:"layer.2"},l.cellStyles),l.cellCheckedStyles=_({backgroundColor:"cloud",fontColor:"theme"},l.cellCheckedStyles)),l=Wa(l),(0,La.jsx)(Ha,{componentID:l.componentID,children:ym.OptionalListWrapper,states:l})),o=a;return o.Normal=l=>(0,La.jsx)(a,_({type:r,tone:"normal",icon:!1},l)),o.Border=l=>(0,La.jsx)(a,_({type:r,tone:"border"},l)),o.Cloud=l=>(0,La.jsx)(a,_({type:r,tone:"cloud"},l)),o.Vivid=l=>(0,La.jsx)(a,_({type:r,tone:"normal",icon:!1,cellCheckedStyles:{backgroundColor:"theme",fontColor:"white"}},l)),o.Simple=l=>(0,La.jsx)(a,_({type:r,tone:"plain",icon:!1,cellCheckedStyles:{fontColor:"theme"}},l)),o},B_=gw("checkbox"),gd=gw("radio"),iO=gw();var _w=r=>{var a,o;let l=[],s=Number((a=r==null?void 0:r.min)!=null?a:1900),d=Number((o=r==null?void 0:r.max)!=null?o:$r.default.Time().addYear(10).year);for(let c=s;c<=d;c++)l.unshift({value:c,label:[c,...$r.default.transformer.wareki(c).value].join(" - ")});return l},sO=r=>{let{restrict:a,era:o="year",defaultValue:l=""}=r;r=_({},r),r.tipsID=r.tipsID||$r.default.uuid.gen();let s=(0,wu.useRef)(!1),[d,c]=(0,wu.useState)((()=>{var p,g;if(a=="clock"){let y=String(l).split(/[^\d]/);y[0]||(y=[0,0]);let b=Number(y[0]),x=Number(y[1]);return{modifiedType:"init",hour:b,minutes:x}}else if(a=="date"){let[y,b,x]=(p=String(l))==null?void 0:p.split(/\D/);return($r.default.is.nullish(y)||$r.default.is.nullish(b)||$r.default.is.nullish(x))&&([y,b,x]=$r.default.Time().toFormat("%Y-%M-%D").split("-")),{modifiedType:"init",year:Number(y),month:Number(b),date:Number(x)}}else if(a!="week"){if(a=="month"){let[y,b]=String(l).split(/\D/);return($r.default.is.nullish(y)||$r.default.is.nullish(b))&&([y,b]=$r.default.Time().toFormat("%Y-%M").split("-")),{modifiedType:"init",year:Number(y),month:Number(b)}}else if(a=="year"){let[y]=String(l).split(/\D/);return $r.default.is.nullish(y)&&([y]=$r.default.Time().toFormat("%Y").split("-")),{modifiedType:"init",year:Number(y)}}else if(a=="dateWareki"){let[y,b,x]=(g=String(l))==null?void 0:g.split(/\D/);return($r.default.is.nullish(y)||$r.default.is.nullish(b)||$r.default.is.nullish(x))&&([y,b,x]=$r.default.Time().toFormat("%Y-%M-%D").split("-")),{modifiedType:"init",era:o||"year",year:Number(y),month:Number(b),date:Number(x)}}}return{}})());(0,wu.useEffect)(()=>{if(s.current){if(d.modifiedType=="update"){let p="",g=o||"year";if(a=="clock"){let{hour:y,minutes:b}=d;p=[y.zeroEmbed(2),b.zeroEmbed(2)].join("/")}else if(a=="date"){let{year:y,month:b,date:x}=d;p=[y,b.zeroEmbed(2),x.zeroEmbed(2)].join("/")}else if(a!="week"){if(a=="month"){let{year:y,month:b}=d;p=[y,b.zeroEmbed(2)].join("/")}else if(a=="year"){let{year:y}=d;p=String(y)}else if(a=="dateWareki"){let{year:y,month:b,date:x,era:w}=d;g=w,p=[y,b.zeroEmbed(2),x.zeroEmbed(2)].join("/")}}r.onValueUpdate(p,g)}}else s.current=!0},[d]);let h=L(_({},r),{val_value:d,set_value:c});return(0,Ve.jsx)(E,{backgroundColor:"layer.1",borderRadius:"2.tone.secondary",boxShadow:"1.remark",border:!0,overflow:"hidden",children:(0,Ve.jsx)(E,{overflow:"auto",className:za(a.toCapital()+"Base"),children:a=="clock"?(0,Ve.jsx)(Ya.Clock.index,_({},h)):a=="date"?(0,Ve.jsx)(Ya.Date.index,_({},h)):a=="week"?"":a=="month"?(0,Ve.jsx)(Ya.Month.index,_({},h)):a=="year"?(0,Ve.jsx)(Ya.Year.index,_({},h)):a=="dates"||a=="months"?"":a=="dateWareki"?(0,Ve.jsx)(Ya.DateWareki.index,_({},h)):(0,Ve.jsx)(Ve.Fragment,{})})})},Ya={Clock:{index:r=>{let{min:a,max:o,onValueUpdate:l,tipsID:s,val_value:d,set_value:c}=r,[h,p]=(0,wu.useState)(d.hour>12?2:1),[g,y]=(0,wu.useState)(Number(localStorage.getItem("timePickerUnit")||5));(0,wu.useEffect)(()=>{localStorage.setItem("timePickerUnit",String(g))},[g]);let{hour:b,minutes:x}=d;return(0,Ve.jsxs)(ht,{padding:1,children:[(0,Ve.jsxs)(pt,{flexType:"row",flexWrap:!1,gap:1,className:za("Body"),children:[(0,Ve.jsxs)(ht,{className:za("DesignSide"),flexSizing:0,children:[(0,Ve.jsx)(E,{className:za("ClockUiBase"),padding:[1,"2/3"],flexCenter:!0,children:(0,Ve.jsxs)(E,{className:za("ClockUi"),backgroundColor:"theme.opa.low",isRounded:!0,position:"relative",children:[(0,Ve.jsx)(E,{position:"absolute",backgroundColor:"theme",unitWidth:"1/12",className:[za("Needle"),za("hour")].join(" "),freeCSS:{transform:`rotate(${b*30+x/2}deg)`}}),(0,Ve.jsx)(E,{position:"absolute",backgroundColor:"theme",unitWidth:"1/12",className:[za("Needle"),za("minute")].join(" "),freeCSS:{transform:`rotate(${x*6}deg)`}})]})}),(0,Ve.jsx)(gd,{icon:!0,value:[h],options:[{value:1,label:"AM"},{value:2,label:"PM"}],flexType:"col",gap:0,cellStyles:{padding:"1/2",horizontalAlign:"between",gap:"1/3"},tabIndex:-1,onUpdateValidValue:({value:w})=>{let T=d.hour%12+(w==2?12:0);p(w),c({modifiedType:"update",hour:T,minutes:d.minutes})}}),(0,Ve.jsx)(E,{borderTop:!0,margin:[0,1]}),(0,Ve.jsx)(gd,{icon:!0,value:[g],options:[{value:1,label:"/ 1\u5206"},{value:2,label:"/ 2\u5206"},{value:5,label:"/ 5\u5206"}],flexType:"col",gap:0,cellStyles:{padding:"1/2",horizontalAlign:"between",gap:"1/3"},tabIndex:-1,onUpdateValidValue:({value:w})=>{y(w)}})]}),(0,Ve.jsxs)(ht,{children:[(0,Ve.jsxs)(E,{flexCenter:!0,isSemiBoldFont:!0,fontSize:"3.paragraph",children:[d.hour.zeroEmbed(2)," : ",d.minutes.zeroEmbed(2)]}),(0,Ve.jsxs)(pt,{flexWrap:!1,borderRadius:"1.tone.primary",boxShadow:"0.remark.inset",flexChilds:"even",padding:["1/3",0],freeCSS:{minWidth:12*12},children:[(0,Ve.jsx)(ht,{gap:0,overflow:"auto",padding:"2/3",borderRight:!0,freeCSS:{maxHeight:12*22},children:Ya.Clock.Hours({onClick:w=>{let T=w+(h==2?12:0);c({modifiedType:"update",hour:T,minutes:d.minutes})},min:a,max:o,ampm:h})}),(0,Ve.jsx)(ht,{gap:0,overflow:"auto",padding:"2/3",freeCSS:{maxHeight:12*22},children:Ya.Clock.Minutes({onClick:w=>{c({modifiedType:"update",hour:d.hour,minutes:w})},min:a,max:o,unit:g})})]})]})]}),(0,Ve.jsx)(Ya.Variables.Footer,{tipsID:s,onValueUpdate:l})]})},Hours:r=>{let a=[];for(let o=0;o<12;o++){let l=r.ampm==2?o+12:o,s=!1;{let d=Number(String(l*100).replace(/\D/ig,""));if(r.min&&Number(String(r.min).replace(/\D/ig,""))>d&&(s=!0),r.max){let c=Number(String(r.max).replace(/\D/ig,""));d>c&&(s=!0)}}a.push((0,Ve.jsx)(oe.Button.Normal.R,{isLocked:s,borderBottom:!0,borderRadius:0,padding:["1/2",1],freeCSS:{whiteSpace:"nowrap"},tabIndex:-1,onClick:()=>{r.onClick(o)},children:l.zeroEmbed(2)},o))}return a},Minutes:r=>{let a=[];for(let o=0;o<60/r.unit;o++){let l=o*r.unit;a.push((0,Ve.jsx)(oe.Button.Normal.R,{borderBottom:!0,borderRadius:0,padding:["1/2",1],freeCSS:{whiteSpace:"nowrap"},tabIndex:-1,onClick:()=>{r.onClick(l)},children:l.zeroEmbed(2)},l))}return a}},Date:{index:r=>{let{min:a,max:o,onValueUpdate:l,tipsID:s,val_value:d,set_value:c}=r,{year:h,month:p,date:g}=d;return(0,Ve.jsxs)(ht,{padding:1,children:[(0,Ve.jsxs)(pt,{flexWrap:!0,verticalAlign:"center",horizontalAlign:"between",children:[(0,Ve.jsxs)(pt,{verticalAlign:"bottom",horizontalAlign:"left",gap:"2/3",flexWrap:!1,children:[(0,Ve.jsx)(ns,{override:"force",emptySelect:!1,value:h,options:_w(),border:"1.thin",padding:["1/3","2/3"],paddingRight:2,onUpdateValidValue:({value:y})=>{c({modifiedType:"update",year:Number(y),month:p,date:g})},rightIcon:(0,Ve.jsx)(vn,{right:"1/3",children:(0,Ve.jsx)(xe.AngleDown,{})})}),(0,Ve.jsx)(ns,{override:"force",emptySelect:!1,value:p,options:(()=>{let y=[];for(let b=1;b<=12;b++)y.push({value:b,label:String(b),displayLabel:String(b)+"\u6708"});return y})(),border:"1.thin",padding:["1/3","2/3"],paddingRight:2,rightIcon:(0,Ve.jsx)(vn,{right:"1/3",children:(0,Ve.jsx)(xe.AngleDown,{})}),onUpdateValidValue:({value:y})=>{c({modifiedType:"update",year:h,month:Number(y),date:g})}})]}),(0,Ve.jsx)(Ya.Variables.ShiftButtons,{callback:y=>{let b=p+y,x=h;y==-1?(b<=0&&x--,b=b||12):p==12&&x++,c({modifiedType:"update",year:x,month:b,date:d.date})}})]}),(0,Ve.jsx)(E,{borderTop:!0}),(0,Ve.jsx)(E,{children:Ya.Date.MonthCalendar({min:a,max:o,year:d.year,month:d.month,current:[d.year,d.month,d.date],callback:y=>{let[b,x,w]=y;c({modifiedType:"update",year:b,month:x,date:w})}})}),(0,Ve.jsx)(Ya.Variables.Footer,{tipsID:s,onValueUpdate:l})]})},MonthCalendar:r=>{let{min:a,max:o,year:l,month:s,current:d,callback:c}=r,h=$r.default.Time(),p=$r.default.Time([l,s.zeroEmbed(2),"01"].join("/")),g=p.getLastDayOfTheMonth(),y=$r.default.Time(p).addMonth(-1).getLastDayOfTheMonth().date,b=[],x=[],w=[],T=[],A={padding:0,unitWidth:3,unitHeight:3,flexCenter:!0,borderRadius:"3.tone.tertiary"};for(var R=0;R<7;R++)b.push((0,Ve.jsx)(E,L(_({className:[za("CalendarDay"),za("Legend")].join(" ")},A),{children:["\u65E5","\u6708","\u706B","\u6C34","\u6728","\u91D1","\u571F"][R]}),R));for(var R=0;R<p.weekday;R++)x.unshift((0,lO.createElement)(E,L(_({className:[za("CalendarDay"),za("Dummy")].join(" "),fontColor:"4.thin"},A),{key:R}),y-R));for(var R=1;R<=g.date;R++){let M=R,z=l==h.year&&s==h.month&&R==h.date,j=!1;{let K=Number(String([l,s.zeroEmbed(2),R.zeroEmbed(2)].join("/")).replace(/\D/ig,""));if(r.min&&Number(String(r.min).replace(/\D/ig,""))>K&&(j=!0),r.max){let P=Number(String(r.max).replace(/\D/ig,""));K>P&&(j=!0)}}w.push((0,Ve.jsx)(oe.Button.Clear.R,L(_({className:[za("CalendarDay"),za("isToday_"+z)].join(" ")},A),{fontColor:"1.clear",padding:0,flexCenter:!0,isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{c([l,s,M])},tabIndex:-1,isLocked:j,children:R}),M))}for(var R=1;R<7-g.weekday;R++)T.push((0,Ve.jsx)(E,L(_({className:[za("CalendarDay"),za("Dummy")].join(" "),fontColor:"4.thin"},A),{children:R}),R));return(0,Ve.jsxs)(ha,{gridCols:7,gap:"1/3",children:[b,x,w,T]})}},Month:{index:r=>{let{min:a,max:o,onValueUpdate:l,tipsID:s,val_value:d,set_value:c}=r,{year:h,month:p}=d;return(0,Ve.jsxs)(ht,{padding:1,children:[(0,Ve.jsxs)(Je.Separate,{gap:0,children:[(0,Ve.jsx)(Je.Center,{verticalAlign:"bottom",gap:"2/3",children:(0,Ve.jsx)(ns,{emptySelect:!1,value:h,options:_w(),override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,rightIcon:(0,Ve.jsx)(vn,{right:"1/3",children:(0,Ve.jsx)(xe.AngleDown,{})}),onUpdateValidValue:({value:g})=>{c({modifiedType:"update",year:Number(g),month:p})}})}),(0,Ve.jsx)(Ya.Variables.ShiftButtons,{callback:g=>{let y=Math.min(Math.max(h+g,1900),2100);c({modifiedType:"update",year:y,month:p})}})]}),(0,Ve.jsx)(E,{borderTop:!0}),Ya.Month.Months({min:a,max:o,year:d.year,callback:g=>{let[y,b]=g;c({modifiedType:"update",year:y,month:b})}}),(0,Ve.jsx)(Ya.Variables.Footer,{tipsID:s,onValueUpdate:l})]})},Months:r=>{let{year:a,callback:o}=r,l=$r.default.Time(),s=[];for(let d=1;d<=12;d++){let c=a==l.year&&d==l.month,h=!1;{let g=Number(String([a,d.zeroEmbed(2)].join("/")).replace(/\D/ig,""));if(r.min&&Number(String(r.min).replace(/\D/ig,""))>g&&(h=!0),r.max){let y=Number(String(r.max).replace(/\D/ig,""));g>y&&(h=!0)}}let p=[za("Cell"),c?za("isThisMonth"):""].join(" ");s.push((0,Ve.jsxs)(oe.Button.Clear.R,{className:p,isLocked:h,fontColor:"2.normal",padding:["1/3",1],ssEffectsOnActive:"shrink",onClick:()=>{o([a,d])},children:[d," \u6708"]},a+"-"+d))}return(0,Ve.jsx)(ha,{gridCols:4,gap:"2/3",children:s})}},Year:{index:r=>{let{min:a,max:o,onValueUpdate:l,tipsID:s,val_value:d,set_value:c}=r,{year:h}=d;return(0,Ve.jsxs)(ht,{padding:1,children:[(0,Ve.jsx)(ns,{emptySelect:!1,value:h||$r.default.Time().year,override:"force",options:_w({min:a,max:o}),onUpdateValidValue:({value:p})=>{c({modifiedType:"update",year:Number(p)})}}),(0,Ve.jsx)(Ya.Variables.Footer,{tipsID:s,onValueUpdate:l,onSubmit:()=>{c({modifiedType:"update",year:Number(h||$r.default.Time().year)})}})]})}},DateWareki:{index:r=>{let{min:a,max:o,onValueUpdate:l,tipsID:s,val_value:d,set_value:c}=r,{era:h,year:p,month:g,date:y}=d,b={val_value:d,set_value:c};return(0,Ve.jsxs)(E,{children:[(0,Ve.jsxs)(Je.Left,{borderBottom:!0,gap:0,verticalAlign:"unset",children:[(0,Ve.jsx)(Ya.DateWareki.EraSelect,_({},b)),(0,Ve.jsx)(E,{borderRight:!0}),(0,Ve.jsx)(Ya.DateWareki.Calendar,_({},b))]}),(0,Ve.jsx)(E,{padding:1,children:(0,Ve.jsx)(Ya.Variables.Footer,{tipsID:s,onValueUpdate:l})})]})},EraSelect:r=>{let{val_value:a,set_value:o}=r,l={padding:["1/2",1.5],fontColor:"3.blur"},s={backgroundColor:"cloud",fontColor:"2.normal",isSemiBoldFont:!0};return(0,Ve.jsxs)(ht,{padding:1,gap:0,children:[(0,Ve.jsx)(oe.Button.Clear.R,L(_({color:"cloud"},l),{isActiveStyles:s,isActive:a.era=="year",onClick:()=>{let d=$r.default.Time();o({modifiedType:"update",era:"year",year:d.year,month:d.month,date:d.date})},children:"\u897F\u66A6"})),(0,Ve.jsx)(oe.Button.Clear.R,L(_({color:"cloud"},l),{isActiveStyles:s,isActive:a.era=="reiwa",onClick:()=>{let d=$r.default.Time();o({modifiedType:"update",era:"reiwa",year:d.year,month:d.month,date:d.date})},children:"\u4EE4\u548C"})),(0,Ve.jsx)(oe.Button.Clear.R,L(_({color:"cloud"},l),{isActiveStyles:s,isActive:a.era=="heisei",onClick:()=>{o({modifiedType:"update",era:"heisei",year:2019,month:1,date:1})},children:"\u5E73\u6210"})),(0,Ve.jsx)(oe.Button.Clear.R,L(_({color:"cloud"},l),{isActiveStyles:s,isActive:a.era=="shouwa",onClick:()=>{o({modifiedType:"update",era:"shouwa",year:1989,month:1,date:1})},children:"\u662D\u548C"})),(0,Ve.jsx)(oe.Button.Clear.R,L(_({color:"cloud"},l),{isActiveStyles:s,isActive:a.era=="taisho",onClick:()=>{o({modifiedType:"update",era:"taisho",year:1926,month:1,date:1})},children:"\u5927\u6B63"})),(0,Ve.jsx)(oe.Button.Clear.R,L(_({color:"cloud"},l),{isActiveStyles:s,isActive:a.era=="meiji",onClick:()=>{o({modifiedType:"update",era:"meiji",year:1912,month:1,date:1})},children:"\u660E\u6CBB"}))]})},Calendar:r=>{let{val_value:a,set_value:o}=r,l=[];if(a.era=="year")for(let s=1900;s<2100;s++)l.unshift({value:s,label:s+"\u5E74"});else if(a.era=="reiwa"){let s=$r.default.Time().year-2018;for(let d=1;d<=s+10;d++)l.unshift({value:2019+d-1,label:"\u4EE4\u548C"+(d==1?"\u5143":d)+"\u5E74"})}else if(a.era=="heisei")for(let s=1;s<=31;s++)l.unshift({value:1989+s-1,label:"\u5E73\u6210"+(s==1?"\u5143":s)+"\u5E74"});else if(a.era=="shouwa")for(let s=1;s<=64;s++)l.unshift({value:1926+s-1,label:"\u662D\u548C"+(s==1?"\u5143":s)+"\u5E74"});else if(a.era=="taisho")for(let s=1;s<=15;s++)l.unshift({value:1912+s-1,label:"\u5927\u6B63"+(s==1?"\u5143":s)+"\u5E74"});else if(a.era=="meiji")for(let s=1;s<=45;s++)l.unshift({value:1868+s-1,label:"\u660E\u6CBB"+(s==1?"\u5143":s)+"\u5E74"});return(0,Ve.jsxs)(ht,{padding:1,children:[(0,Ve.jsxs)(Je.Separate,{children:[(0,Ve.jsx)(ns,{tone:"cloud",emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,rightIcon:(0,Ve.jsx)(vn,{right:"1/3",children:(0,Ve.jsx)(xe.AngleDown,{})}),options:l,value:a.year,onUpdateValidValue:({value:s})=>{o(d=>L(_({},d),{modifiedType:"update",year:Number(s)}))}}),(0,Ve.jsxs)(Je.Center,{gap:"1/3",children:[(0,Ve.jsx)(oe.Button.Clear.S,{ssSphere:2,onClick:()=>{let s=a.month-1;o({modifiedType:"update",era:a.era,year:s==0?a.year-1:a.year,month:s==0?12:s,date:1})},children:(0,Ve.jsx)(xe.ChevronLeft,{})}),(0,Ve.jsx)(ns,{tone:"cloud",emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,rightIcon:(0,Ve.jsx)(vn,{right:"1/3",children:(0,Ve.jsx)(xe.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:a.month,onUpdateValidValue:({value:s})=>{o({modifiedType:"update",era:a.era,year:a.year,month:Number(s),date:1})}}),(0,Ve.jsx)(oe.Button.Clear.S,{ssSphere:2,onClick:()=>{let s=a.month+1;o({modifiedType:"update",era:a.era,year:s==13?a.year+1:a.year,month:s==13?1:s,date:1})},children:(0,Ve.jsx)(xe.ChevronRight,{})})]})]}),(0,Ve.jsx)(Ya.DateWareki.MonthCell,_({},r))]},a.era)},MonthCell:r=>{let{val_value:a,set_value:o}=r,l=$r.default.Time([a.year.zeroEmbed(4),a.month.zeroEmbed(2),a.date.zeroEmbed(2)].join("/"));if(!l.validate)return;let s=l.getFirstDayOfTheMonth().weekday,d=l.getLastDayOfTheMonth(),c=[];for(let h=0;h<7;h++)c.push((0,Ve.jsx)(Xe.Supplement,{flexCenter:!0,fontColor:h==0?"googleRed":h==6?"googleBlue":"3.blur",children:$r.default.transformer.weekday.shortJP(h)},"legend-"+h));for(let h=0;h<s;h++){let p=$r.default.Time(l).getFirstDayOfTheMonth().addDate(h-s);c.push((0,Ve.jsx)(oe.Button.Sub.R,{color:"cloud",border:"1.thin",ssSphere:3,opacity:"middle",onClick:g=>{g.preventDefault(),g.stopPropagation(),o({modifiedType:"update",era:a.era,year:p.year,month:p.month,date:p.date})},children:p.date},"lastMonth-"+h))}for(let h=1;h<=d.date;h++){let p=$r.default.Time(l).setDate(h);c.push((0,Ve.jsx)(oe.Button.Border.R,{ssSphere:3,onClick:()=>{o({modifiedType:"update",era:a.era,year:p.year,month:p.month,date:p.date})},children:p.date},"currentMonth-"+h))}for(let h=0;h<7-d.weekday-1;h++){let p=$r.default.Time(l).addMonth(1).setDate(1).addDate(h);c.push((0,Ve.jsx)(oe.Button.Sub.R,{color:"cloud",border:"1.thin",ssSquare:3,opacity:"middle",onClick:g=>{g.preventDefault(),g.stopPropagation(),o({modifiedType:"update",era:a.era,year:p.year,month:p.month,date:p.date})},children:p.date},"nextMonth-"+h))}return(0,Ve.jsx)(ha,{gridCols:7,gap:"1/4",children:c})}},Variables:{Footer:r=>(0,Ve.jsxs)(pt,{flexWrap:!1,gap:1,flexChilds:"even",freeCSS:{whiteSpace:"nowrap"},children:[(0,Ve.jsxs)(oe.Button.Border.R,{onClick:()=>{r.onValueUpdate("")},tabIndex:-1,flexSizing:"none",padding:["2/3",1],children:[(0,Ve.jsx)(xe.Times,{})," \u524A\u9664"]}),(0,Ve.jsx)(oe.Button.Prime.R,{flexSizing:"auto",padding:["2/3",1],onClick:()=>{r.onSubmit&&r.onSubmit(),Ar.close(r.tipsID)},tabIndex:-1,children:"\u6C7A\u5B9A"})]}),ShiftButtons:r=>(0,Ve.jsxs)(pt,{gap:"1/3",flexWrap:!1,children:[(0,Ve.jsx)(oe.Button.Clear.R,L(_({className:za("LeftButton"),tabIndex:-1,right:0},Ya.Variables.ShiftButtonStyles),{onClick:()=>{r.callback(-1)},children:(0,Ve.jsx)(xe.ChevronLeft,{})})),(0,Ve.jsx)(oe.Button.Clear.R,L(_({className:za("RightButton"),tabIndex:-1,left:0},Ya.Variables.ShiftButtonStyles),{onClick:()=>{r.callback(1)},children:(0,Ve.jsx)(xe.ChevronRight,{})}))]}),ShiftButtonStyles:{flexCenter:!0,padding:0,unitWidth:3,unitHeight:3,borderRadius:"sphere",position:"relative"}}};var bd=" ~ ",nG={clock:{defaultValue:"--:--",format:/^\d{2}\D\d{2}$/,ranges:[{type:"hour",from:0,length:2},{type:"minute",from:3,length:2}],sets:1},date:{defaultValue:"----/--/--",format:/^\d{4}\D\d{2}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2},{type:"date",from:8,length:2}],sets:1},week:{defaultValue:"----\u5E74\u7B2C--\u9031",format:/^\d{4}\D\d{2}$/,ranges:[{type:"year",from:0,length:4,region:6},{type:"week",from:6,length:2,region:3}],sets:1},month:{defaultValue:"----\u5E74--\u6708",format:/^\d{4}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2,region:3}],sets:1},year:{defaultValue:"----\u5E74",format:/^\d{4}$/,ranges:[{type:"year",from:0,length:4,region:5}],sets:1},dates:{defaultValue:"----/--/--",format:/^\d{4}\D\d{2}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2},{type:"date",from:8,length:2,region:5},{type:"year",from:10+bd.length,length:4},{type:"month",from:15+bd.length,length:2},{type:"date",from:18+bd.length,length:2}],sets:2},months:{defaultValue:"----\u5E74--\u6708",format:/^\d{4}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2,region:6},{type:"year",from:8+bd.length,length:4},{type:"month",from:13+bd.length,length:2,region:3}],sets:2},dateWareki:{defaultValue:"----\u5E74--\u6708--\u65E5",format:/^\d{4}\D\d{2}\D\d{2}$/,ranges:[{type:"dateWareki",from:0,length:4,region:5},{type:"month",from:5,length:2,region:3},{type:"date",from:8,length:2,region:3}],sets:1}},_d={PeriodMargin:" ~ ",DataLeveling:r=>{let{restrict:a,value:o,era:l}=r,s=Co.default.flatArray(o||""),{defaultValue:d,format:c,ranges:h,sets:p}=nG[a],g=[],y=a=="clock"?":":"/";for(let b=0;b<s.length;b++)s[b]=String(s[b]).replace(/\D/ig,y);for(let b=0;b<p;b++){let x=s[b]||"";if(!x.match(c))s[b]="",g.push(d);else{let w=d;x.split(/\D/).forEach((T,A)=>{if(A==0&&a=="dateWareki"){let R=Number(T);l!="year"&&(R>=2019?l=="reiwa"?R-=2018:l=="heisei"&&(R=31):R>=1989?l=="heisei"?R-=1988:l=="shouwa"&&(R=64):R>=1926?l=="shouwa"?R-=1925:l=="taisho"&&(R=15):R>=1912?l=="taisho"?R-=1911:l=="meiji"&&(R=45):R>=1868&&(R-=1867)),T=R.zeroEmbed(4)}w=w.replace(new RegExp("------------------".slice(0,T.length)),T)}),g.push(w)}}return{formatValue:g.join(bd),dataValue:["dates","months"].includes(a)?s:s[0],ranges:h}},DefaultValidation:r=>{let{states:a}=r,{restrict:o,min:l,max:s,required:d}=a,c=[],h=Co.default.flatArray(r.value),p={empty:!1,escalated:1,filled:!0,correct:!0,prohibited:!1};(()=>{let g=o=="clock"?":":"/";for(let y=0;y<h.length;y++)h[y]=String(h[y]).replace(/\D/ig,g);for(let y=0;y<h.length;y++){let b=h[y],x=h[y-1];b.removeLetters()||(p.empty=!0),y>0&&(p.escalated&=+(b>=x))}p.escalated&&(p.empty||(o.match(/clock/)?h.forEach(y=>{let[b,x]=y.split(/\D+/);!b||!x?p.filled=!1:(Number(b)>23||Number(x)>59)&&(p.correct=!1)}):o.match(/date/)?h.forEach(y=>{let[b,x,w]=y.split(/\D+/);if(!b||!x||!w)p.filled=!1;else{let T=Co.default.Time(y);(!T.validate||y!=T.toFormatYMD())&&(p.correct=!1)}}):o.match(/week/)?h.forEach(y=>{let[b,x]=y.split(/\D+/);if(!b||!x)p.filled=!1;else{let w=Co.default.Time(b+"/01/01").weekday,T=Co.default.Time(b+"/01/0"+(7-w+1)).addWeek(Number(x)-1);b!=String(T.year)&&(p.correct=!1)}}):o.match(/month/)?h.forEach(y=>{let[b,x]=y.split(/\D+/);!b||!x?p.filled=!1:Co.default.Time([b,x,"01"].join("/")).validate||(p.correct=!1)}):o.match(/year/),p.filled&&p.correct&&h.forEach(y=>{{let b=Number(String(y).replace(/\D/ig,""));if(l&&Number(String(l).replace(/\D/ig,""))>b&&(p.prohibited=!0),s){let x=Number(String(s).replace(/\D/ig,""));b>x&&(p.prohibited=!0)}}})))})();{let{empty:g,escalated:y,filled:b,correct:x,prohibited:w}=p;g&&d&&(c=[{type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}]),y||c.push({type:"invalid",label:"\u6642\u7CFB\u5217\u3092\u6B63\u3057\u304F\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),x||c.push({type:"invalid",label:"\u7121\u52B9\u306A\u5024\u304C\u5165\u529B\u3055\u308C\u3066\u3044\u307E\u3059"}),b||c.push({type:"invalid",label:"\u6700\u5F8C\u307E\u3067\u5024\u3092\u57CB\u3081\u3066\u304F\u3060\u3055\u3044"}),w&&c.push({type:"invalid",label:(0,ra.jsxs)(ra.Fragment,{children:[(0,ra.jsx)(E,{children:"\u5165\u529B\u7BC4\u56F2\u304C\u5236\u9650\u3055\u308C\u3066\u3044\u307E\u3059"}),"[",l||"\u4E0B\u9650\u7121\u3057","] ~ [",s||"\u4E0A\u9650\u7121\u3057","]"]})})}return{ok:!c.filter(({type:g})=>g=="invalid").length,notice:c}},KeyDownEvent:r=>{let{val_era:a,restrict:o,event:l,val_status:s,set_status:d,val_focus:c,set_focus:h}=r,{key:p,shiftKey:g,ctrlKey:y,metaKey:b}=l,x=y||b,{selectionStart:w,selectionEnd:T}=l.target,{index:A,prevIndex:R}=c,{ranges:W,formatValue:M}=s,z=W.length-1;if(["Tab","ArrowLeft","ArrowRight"].includes(p)){let j=0;if(p=="Tab"){let K=+!g*2-1;if(j=c.index+K,j<0||j>z)return}else{let K=p=="ArrowLeft"?-1:p=="ArrowRight"?1:0;x||w==0&&T==String(s.formatValue).length?j=K==1?z:0:j=Math.max(0,Math.min(A+K,z))}h(K=>L(_({},K),{index:j,prevIndex:A})),l.preventDefault()}if(["Backspace","ArrowUp","ArrowDown","0","1","2","3","4","5","6","7","8","9"].includes(p)){l.preventDefault();let j=A;j=Math.max(j,0),j=Math.min(j,z);let{type:K,from:P,length:le}=W[j],Ee=M.slice(P,P+le),te;if(p=="Backspace")te="------".slice(0,le);else if(["ArrowUp","ArrowDown"].includes(p)){let me=p=="ArrowUp"?1:-1;Ee=Ee|0,te=Ee+me;let[ye,de,U]=K=="dateWareki"?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]:K=="minute"?[0,59,2]:K=="hour"?[0,23,2]:K=="date"?[1,31,2]:K=="week"?[1,53,2]:K=="month"?[1,12,2]:K=="year"?[0,2999,4]:[0,0,0];te>de?te=ye:te<ye&&(te=de),te=Number(te).zeroEmbed(U)}else if(["0","1","2","3","4","5","6","7","8","9"].includes(p)){let me=Ee|0,ye=p,de=`${me}${ye}`;if(R!=A&&(me=0,de="0"+ye),K=="year"||K=="dateWareki"&&a=="year")Number(de)>1e4?te=ye:te=de,(te|0)>1e3&&j++;else if(["hour","minute","date","week","month"].includes(K)||K=="dateWareki"&&a!="year"){let U=K=="dateWareki"?a=="reiwa"?100:a=="heisei"?31:a=="shouwa"?64:a=="taisho"?15:a=="meiji"?45:0:K=="minute"?59:K=="hour"?23:K=="date"?31:K=="week"?53:K=="month"?12:0;te=(de|0)>U?ye:de,(Number(ye)>Number(String(U)[0])||Ee=="0000".slice(0,String(U).length)&&(de!="0000".slice(0,String(U).length)||["minute","hour"].includes(K)&&R==A)||(de|0)>=h5(10,String(U).length-1))&&j++}K=="year"||K=="dateWareki"?te=(te|0).zeroEmbed(4):te=(te|0).zeroEmbed(2)}{let me=String(M).partReplace(P,String(te)),ye=me.split(bd).map(de=>de.replace(/(^\D|\D$)/,"").split(/\D+/).join(o=="clock"?":":"/").replace(/(^\D|\D$)/,""));if(o=="dateWareki"){let de=ye[0].split(/\D/),[U,Q,re]=de;de.length==3&&U&&(ye=[[Number(U)-1+Number({year:1,reiwa:2019,heisei:1989,shouwa:1926,taisho:1912,meiji:1868}[a]),Q,re].join("/")])}j=Math.max(j,0),j=Math.min(j,z),d(de=>L(_({},de),{dataValue:["dates","months"].includes(o)?ye:ye[0],formatValue:me,eventType:"update",eventID:Co.default.uuid.gen()})),h(de=>L(_({},de),{index:j,prevIndex:de.index}))}}}},dO={picker:{launch:r=>{let a=r.tipsID||Co.default.uuid.gen(),o=r,{onValueUpdate:l,min:s,max:d,era:c,restrict:h,defaultValue:p}=o,g=Ze(o,["onValueUpdate","min","max","era","restrict","defaultValue"]);Ar.open(L(_({gravityPoint:r.gravityPoint||24,tipsID:a,padding:0},g),{parent:g.parent,close_option:_({aroundClick:!0,parentBlur:!1},g.close_option),content:(0,ra.jsx)(sO,{restrict:h,min:s,max:d,era:c,defaultValue:p,tipsID:a,onValueUpdate:(y,b)=>{l(y,b)}})}))},remove:r=>{Ar.close(r)}}},oG={Shallow:r=>{let{rootStates:a,val_status:o}=r,l=Ns(a);return(0,ra.jsx)(E,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:(0,ra.jsx)(Xe.Description,L(_({className:a.className},l),{position:"absolute",width:1,freeCSS:L(_({},l.freeCSS),{color:"orange"}),children:(0,ra.jsx)(E,{"data-input-value-shallow":o.componentID,children:"A"})}))})}},iG=r=>{let a=r,{tone:o,required:l,restrict:s="clock",componentID:d,era:c,form:h,name:p,min:g,max:y,className:b,enableFormSubmit:x,checkValidationAtFirst:w,onKeyDown:T,onValidate:A,onUpdateValue:R,onUpdateValidValue:W,value:M="",leftIndicator:z,rightIndicator:j,leftIcon:K,rightIcon:P,freeCSS:le,wrapStyles:Ee}=a,te=Ze(a,["tone","required","restrict","componentID","era","form","name","min","max","className","enableFormSubmit","checkValidationAtFirst","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","leftIndicator","rightIndicator","leftIcon","rightIcon","freeCSS","wrapStyles"]),[me,ye]=(0,Oo.useState)(c),[de,U]=(0,Oo.useState)(L(_({componentID:r.componentID||""},_d.DataLeveling({restrict:s,value:M,era:me})),{eventType:"init",eventID:Co.default.uuid.gen()})),[Q,re]=(0,Oo.useState)({ok:!1,notice:[]}),[V,ee]=(0,Oo.useState)({active:!1,index:0,prevIndex:-1}),ie={rootStates:r,val_status:de,set_status:U,val_validate:Q,set_validate:re,val_era:me,set_era:ye,val_focus:V,set_focus:ee};hr.CommonEffects({type:"time",states:r,val_status:de,set_status:U,val_validate:Q,set_validate:re,onUpdateValue:R,onUpdateValidValue:W,DefaultValidation:_d.DefaultValidation,ExtraOverrideStates:_({},_d.DataLeveling({restrict:s,value:M,era:me}))});let Se=(0,Oo.useRef)(!1);return(0,Oo.useEffect)(()=>{if(Se.current){U(Re=>_(_({},Re),_d.DataLeveling({restrict:s,value:Re.dataValue,era:me})));let se=We.get("refreshEra_"+de.componentID);se&&se.refreshEra(me)}else Se.current=!0},[me]),We.update({[de.componentID]:{openPicker:()=>{r.disabled||dO.picker.launch({parent:"#Picker-"+de.componentID,tipsID:"PickerTips-"+de.componentID,restrict:s,min:g,max:y,defaultValue:de.dataValue,era:me,onValueUpdate:(se,Re)=>{U(De=>L(_(_({},De),_d.DataLeveling({restrict:s,value:se,era:Re})),{eventType:"update",eventID:Co.default.uuid.gen()})),ye(Re)}})},resetEra:se=>{ye(se),U(Re=>L(_(_({},Re),_d.DataLeveling({restrict:s,value:"",era:me})),{eventType:"update",eventID:Co.default.uuid.gen()}))}}}),(0,Oo.useEffect)(()=>{let{index:se,active:Re}=V;if(Re){se=Math.max(se,0),se=Math.min(se,de.ranges.length-1);let{from:De,length:Ie}=de.ranges[se],je=xt("#"+r.id)[0];je&&je.setSelectionRange(De,De+Ie)}},[V]),(0,ra.jsxs)(Qa,{val_status:de,set_status:U,val_validate:Q,states:r,children:[(0,ra.jsx)(oG.Shallow,_({},ie)),(0,ra.jsx)(bc,{componentID:r.componentID,fontSize:r.fontSize,required:r.required,label:r.label,isActive:!0}),(0,ra.jsx)(As,{name:p,"data-disabled":r.disabled,"data-input-type":"time","data-form":h,"data-validation":Q.ok,componentID:de.componentID,"data-value":JSON.stringify(["dates","months"].includes(s)?!de.dataValue[0]||!de.dataValue[1]?null:de.dataValue:de.dataValue||null)}),ut.get().isTouchDevice?(0,ra.jsx)(oe.Button.Plain,{"data-show-validation":hr.isShowValidation(Q,de,!!w),"data-component-id":de.componentID,className:b,freeCSS:{textAlign:"left"},children:de.formatValue,onClick:se=>{let Re=We.get(de.componentID);Re&&Re.openPicker(),se.stopPropagation()}}):(0,ra.jsx)(E,_({htmlTag:"input",type:"text",inputMode:"numeric","data-show-validation":hr.isShowValidation(Q,de,!!w),"data-input-origin":de.componentID,"data-disabled":r.disabled,"data-input-type":"time","data-form-name":h,value:de.formatValue,className:b,tabIndex:ut.get().isTouchDevice?-1:0,onKeyDown:se=>{_d.KeyDownEvent({restrict:s,event:se,val_era:me,val_status:de,set_status:U,val_focus:V,set_focus:ee}),T&&T(se),x&&hr.SubmitForm(se)},onKeyUp:se=>{se.key=="Tab"&&ee(Re=>L(_({},Re),{active:!0}))},onClick:se=>{let Re=se.target.selectionEnd,De=0;de.ranges.forEach((Ie,je)=>{let{from:ot,length:St,region:_t}=Ie;ot<=Re&&Re<=ot+(_t||St)&&(De=je)}),ee(Ie=>L(_({},Ie),{active:!0,index:De})),se.preventDefault()},onChange:()=>{}},te))]})},Os={Origin:r=>{r=_({},r),r.rightIcon&&(r=_({paddingRight:3},r)),r.leftIcon&&(r=_({paddingLeft:3},r));let[a]=(0,Oo.useState)(r.componentID||Co.default.uuid.gen());if(r.componentID=a,Co.default.is.nullish(r.rightIcon)){let o=(r.restrict||"").match(/clock/)?uO.faClock:cO.faCalendarAlt;r.rightIcon=(0,ra.jsx)(vn,{padding:0,children:(0,ra.jsx)(oe.Button.Sub.R,{color:"cloud",border:"unset",ssSphere:2,fontColor:"theme",boxShadow:"0.normal",borderRadius:"3.tone.tertiary",flexCenter:!0,ssEffectsOnActive:"push",tabIndex:-1,id:"Picker-"+r.componentID,onClick:()=>{let l=We.get(r.componentID);l&&l.openPicker()},children:(0,ra.jsx)(xe,{icon:o})})})}return(0,ra.jsx)(Ha,{componentID:r.componentID,children:iG,states:Wa(ja.Boxish(r))})},Clock:r=>(0,ra.jsx)(Os.Origin,_({restrict:"clock",era:"clock"},r)),Date:r=>(0,ra.jsx)(Os.Origin,_({restrict:"date"},r)),Week:r=>(0,ra.jsx)(Os.Origin,_({restrict:"week"},r)),Month:r=>(0,ra.jsx)(Os.Origin,_({restrict:"month"},r)),Year:r=>(0,ra.jsx)(Os.Origin,_({restrict:"year"},r)),DateWareki:r=>{r=_({},r);let[a]=(0,Oo.useState)(r.componentID||Co.default.uuid.gen());r.componentID=a;let{defaultEra:o="wareki"}=r,[l,s]=(0,Oo.useState)((()=>{let d="year";if(o=="wareki"&&(d="reiwa",r.value)){let[c,h,p]=r.value.split(/\D/);if(c&&h&&p){let g=Number(c);g>=2019?(g-=2019,d="reiwa"):g>=1989?(g-=1989,d="heisei"):g>=1926?(g-=1926,d="shouwa"):g>=1912?(g-=1912,d="taisho"):g>=1868&&(g-=1868,d="meiji"),g+=1}}return d})());return(0,Oo.useEffect)(()=>{We.set({["refreshEra_"+a]:{refreshEra:d=>{s(d)}}})},[]),(0,ra.jsx)(Os.Origin,L(_({restrict:"dateWareki",leftIndicator:(0,ra.jsx)(ns,{label:"\u5143\u53F7",emptySelect:!1,value:l,tone:r.tone,override:"force",flexCenter:!0,borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3",height:1,freeCSS:{whiteSpace:"nowrap"},options:[{value:"year",label:"\u897F\u66A6"},{value:"reiwa",label:"\u4EE4\u548C"},{value:"heisei",label:"\u5E73\u6210"},{value:"shouwa",label:"\u662D\u548C"},{value:"taisho",label:"\u5927\u6B63"},{value:"meiji",label:"\u660E\u6CBB"}],onUpdateValidValue:({value:d,eventType:c})=>{s(d);let h=We.get(r.componentID);h&&h.resetEra&&h.resetEra(d)}})},r),{era:l}))},Periods:{Date:r=>(0,ra.jsx)(Os.Origin,_({restrict:"dates"},r)),Month:r=>(0,ra.jsx)(Os.Origin,_({restrict:"months"},r))},fn:dO};var ir=Z(Mt()),Aa=Z(fr()),Fr=Z(pr());var wd=Z(Mt());var yd=Z(Mt()),fO=Z(pr());var Sd=Z(fr());var Xf=r=>{let a=r,{color:o="theme",size:l="R",showInitial:s=!1,loaderID:d=""}=a,c=Ze(a,["color","size","showInitial","loaderID"]),[h]=(0,Sd.useState)(d),[p]=(0,Sd.useState)(fO.default.uuid.gen()),[g,y]=(0,Sd.useState)(s),b=0;l=="S"?b=1:l=="R"?b=1.5:l=="L"?b=3:l=="XL"?b=4:l=="MAX"&&(b=6);let x={theme:"hsl( var( --color-theme-hsl ) )",posi:"var( --color-positive )",nega:"var( --color-negative )",warn:"var( --color-warning )",cloud:"hsl( var( --color-layer5-hsl ) )",white:"white"}[o];return(0,Sd.useEffect)(()=>{let w=xt('[data-component-id="'+p+'"]');g?w.removeClass(Ta("Hide")).await(10).addClass(Ta("Active")):w.removeClass(Ta("Active")).await(210).addClass(Ta("Hide"))},[g]),(0,Sd.useEffect)(()=>{We.set({[p]:{active:w=>{h==w&&y(!0)},stop:w=>{h==w&&y(!1)},stopForce:()=>{y(!1)}}})},[]),(0,yd.jsxs)(Je.Center,L(_({className:[Ta("MiniLoader"),Ta(s?"Active":"Hide")].join(" "),componentID:p,ssSphere:b,position:"relative"},c),{children:[(0,yd.jsx)("svg",{className:Ta("SVG1"),width:"100",height:"100",viewBox:"0 0 100 100",style:{stroke:x},children:(0,yd.jsx)("circle",{cx:"50",cy:"50",r:"40"})}),(0,yd.jsx)("svg",{className:Ta("SVG2"),width:"100",height:"100",viewBox:"0 0 100 100",style:{stroke:x},children:(0,yd.jsx)("circle",{cx:"50",cy:"50",r:"40"})})]}))};var Al=Z(Mt());var N_=Z(fr());var pO=()=>{let[r,a]=(0,N_.useState)(!1);return(0,N_.useEffect)(()=>{We.set({["Loader-corner-"+ut.get().sessionUID+"-corner"]:{active:()=>{a(!0)},stop:()=>{a(!1)}}})},[]),(0,Al.jsxs)(pt,{className:[Ta("CornerLoader"),r?Ta("isActive"):""].join(" "),gap:"1/2",padding:["1/2","3/4"],borderRadius:"2/3",backgroundColor:"dark",position:"fixed",boxShadow:"1.remark",left:"50%",top:1,opacity:"trans",transition:"short",isRounded:!0,freeCSS:{zIndex:10,pointerEvents:"none",transform:"translateX(-50%)"},children:[(0,Al.jsxs)(pt,{className:Ta("Wrap"),flexWrap:!1,verticalAlign:"center",horizontalAlign:"center",children:[(0,Al.jsx)(E,{className:Ta("Ld4")}),(0,Al.jsx)(E,{className:Ta("Ld3")}),(0,Al.jsx)(E,{className:Ta("Ld2")}),(0,Al.jsx)(E,{className:Ta("Ld1")}),(0,Al.jsx)(E,{className:Ta("Ld2")}),(0,Al.jsx)(E,{className:Ta("Ld3")}),(0,Al.jsx)(E,{className:Ta("Ld4")})]}),(0,Al.jsx)(E,{fontColor:"white",fontSize:"0.xs",isSemiBoldFont:!0,children:"Loading..."})]})};var Jf=r=>{let a=r.color;return{S:o=>(0,wd.jsx)(Xf,_({size:"S",color:a},o)),R:o=>(0,wd.jsx)(Xf,_({size:"R",color:a},o)),L:o=>(0,wd.jsx)(Xf,_({size:"L",color:a},o)),XL:o=>(0,wd.jsx)(Xf,_({size:"XL",color:a},o)),MAX:o=>(0,wd.jsx)(Xf,_({size:"MAX",color:a},o))}},Za={Wrapper:()=>(0,wd.jsx)(pO,{}),Theme:Jf({color:"theme"}),Posi:Jf({color:"posi"}),Nega:Jf({color:"nega"}),Warn:Jf({color:"warn"}),White:Jf({color:"white"}),Cloud:Jf({color:"cloud"}),fn:{corner:{active:()=>{let r=We.get("Loader-corner-"+ut.get().sessionUID+"-corner");r&&r.active()},stop:()=>{let r=We.get("Loader-corner-"+ut.get().sessionUID+"-corner");r&&r.stop()}},mini:{active:(r="")=>{xt("."+Ta("MiniLoader")).for(a=>{let{dataset:{componentId:o}={}}=a;if(!o)return;let l=We.get(o);l&&l.active&&l.active(r)})},stop:(r="")=>{xt("."+Ta("MiniLoader")).for(a=>{let{dataset:{componentId:o}={}}=a;if(!o)return;let l=We.get(o);l&&l.stop&&l.stop(r)})},stopALL:()=>{xt("."+Ta("MiniLoader")).for(r=>{let{dataset:{componentId:a}={}}=r;if(!a)return;let o=We.get(a);o&&o.stopForce&&o.stopForce()})}},stopALL:()=>{Za.fn.corner.stop(),Za.fn.mini.stopALL()}}};function lG(r){let{value:a,states:o}=r,{required:l,options:s,min:d,max:c}=o;d=d||0,c=c||65535;let h=[],p=a.filter(g=>g!=="null").length;return l&&(p||h.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"})),p<d&&h.push({type:"invalid",label:d+"\u500B\u4EE5\u4E0A\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044"}),p>c&&h.push({type:"invalid",label:c+"\u500B\u307E\u3067\u9078\u629E\u3067\u304D\u307E\u3059"}),{ok:!h.filter(({type:g})=>g=="invalid").length,notice:h}}var Qf={InitOptions:r=>{let a=[];return r.forEach(o=>{let{type:l,label:s,value:d,searchValue:c}=o,h=c||(Fr.default.is.string(s)?s:"")||(Fr.default.is.string(d)?d:"");a.push(L(_({},o),{searchValue:h,type:l||"selector",value:Fr.default.JsonTo(d)}))}),a},FilterSelectableOptions:(r,a)=>{let o=r.val_options;if(a||(o=r.val_options.filter(l=>l.type!="label")),r.val_keyword){let l=r.val_keyword.toLower().replace(/ /g,"");o=o.filter(s=>(s.searchValue||"").toLower().replace(/ /g,"").includes(l))}return o}},Zf={Shallow:r=>{let{rootStates:a,val_status:o}=r,l=Ns(a);return(0,ir.jsx)(E,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:(0,ir.jsx)(Xe.Description,L(_({className:a.className},l),{position:"absolute",width:1,freeCSS:L(_({},l.freeCSS),{color:"orange"}),"data-id":"shallow_"+o.componentID,children:(0,ir.jsx)(E,{"data-input-value-shallow":o.componentID,children:"A"})}))})},Button:r=>{let{rootStates:a,val_keyword:o,set_keyword:l,val_optionFocused:s,set_optionFocused:d,val_options:c,set_options:h,val_optionsDict:p,set_optionsDict:g,val_preventOpenSelectorOnFocus:y,set_preventOpenSelectorOnFocus:b,val_selectorOpen:x,set_selectorOpen:w,val_status:T,set_status:A,val_validate:R,set_validate:W}=r,M=a,{tone:z,required:j,form:K,className:P,multiSelect:le,enableFormSubmit:Ee,checkValidationAtFirst:te,onValidate:me,onUpdateValue:ye,onUpdateValidValue:de,value:U="",options:Q,leftIndicator:re,rightIndicator:V,leftIcon:ee,rightIcon:ie,componentID:Se,status_id:se,wrapStyles:Re,emptySelect:De,SearchInput:Ie,SearchInputPlaceholder:je,SelectedComponent:ot,SelectorComponent:St,SelectorGravityPoint:_t,DynamicOptionsOnSearch:wt}=M,Et=Ze(M,["tone","required","form","className","multiSelect","enableFormSubmit","checkValidationAtFirst","onValidate","onUpdateValue","onUpdateValidValue","value","options","leftIndicator","rightIndicator","leftIcon","rightIcon","componentID","status_id","wrapStyles","emptySelect","SearchInput","SearchInputPlaceholder","SelectedComponent","SelectorComponent","SelectorGravityPoint","DynamicOptionsOnSearch"]);(0,Aa.useEffect)(()=>{var dt;if(a.disabled||!x)return;let Be=Qf.FilterSelectableOptions(r);d(((dt=Be[0])==null?void 0:dt.value)||null)},[o]),(0,Aa.useEffect)(()=>{T.eventType!="init"&&(a.max==T.dataValue.length?(w(!1),b(!0),setTimeout(()=>{let dt=(0,Fr.default)('[data-input-origin="'+a.componentID+'"]');dt&&dt.focus()},10)):(0,Fr.default)("#SearchInput_"+a.componentID).focus())},[T.dataValue]);let Rt="autocomplete-sheet-"+a.componentID;return(0,Aa.useEffect)(()=>{let dt="autocomplete-click-"+a.componentID;if(x){let Be=(0,Fr.default)('[data-input-origin="'+a.componentID+'"]');if(!Be)return;(0,Fr.default)("#SearchInput_"+a.componentID).focus(),Vt.open({sheetID:Rt,type:"custom",parent:Be[0],padding:["1/4",0],gravityPoint:a.SelectorGravityPoint||22,close_option:{aroundClick:!1},content:(0,ir.jsx)(Zf.Selector,_({},r))}),(0,Fr.default)(document).addEvent({eventID:dt,eventType:"click",callback:It=>{let Wt=(0,Fr.default)(It.target),Ft=!!(0,Fr.default)(Wt).parent("."+es("Core")).length;(0,Fr.default)(Wt).parent("."+es("Selector")).length||Ft||w(!1)}})}else(0,Fr.default)(document).removeEvent([dt]),l(""),Vt.close(Rt)},[x]),(0,Aa.useEffect)(()=>{if(a.disabled||!x)return;Vt.customSheet.reposition(Rt);let dt=We.get("refresh-autocomplete-selector-"+a.componentID);dt&&dt(r)},[c,T.dataValue,o,s]),(0,ir.jsx)(ir.Fragment,{children:(0,ir.jsx)(E,L(_({tabIndex:0},Et),{"data-disabled":a.disabled,"data-name":a.name,"data-value":Fr.default.JsonTo(T.dataValue),"data-form":K,"data-show-validation":hr.isShowValidation(R,T,!!te),"data-validation":R.ok,"data-component-id":T.componentID,"data-input-origin":T.componentID,"data-focus":!!x,"data-input-type":"autocomplete-"+(le?"multi":"single"),className:[P,es("Core")].join(" "),onFocus:dt=>{if(Et!=null&&Et.onFocus&&(Et==null||Et.onFocus(dt)),!a.disabled){if(y)return b(!1);w(!0),dt.preventDefault()}},onClick:dt=>{Et!=null&&Et.onClick&&(Et==null||Et.onClick(dt)),!a.disabled&&w(!0)},onKeyDown:dt=>{let{key:Be}=dt;Ee&&hr.SubmitForm(dt),!x&&(Be==" "||Be=="ArrowDown"||Be=="ArrowUp"||Be=="Enter")&&w(!0)},children:(0,ir.jsxs)(Je.Left,{flexWrap:!0,gap:"1/3",freeCSS:{letterSpacing:".5px"},children:[(0,ir.jsx)(Zf.Selected,_({},r)),(0,ir.jsx)(Cn,{width:0,overflow:"hidden",opacity:"trans",children:"A"}),(0,ir.jsx)(Zf.SearchInput,_({},r))]})}))})},SearchInput:r=>{let{rootStates:a}=r;return a.disabled||!r.val_selectorOpen?null:(0,ir.jsx)(E,{id:"SearchInput_"+a.componentID,placeholder:a.SearchInputPlaceholder||"\u691C\u7D22...",opacity:r.val_selectorOpen?"max":"trans","data-form":a.form,transition:"middle",flexSizing:0,htmlTag:"input",border:"unset",backgroundColor:"trans",value:r.val_keyword,freeCSS:{outline:"none"},onKeyDown:o=>{let{key:l,metaKey:s,ctrlKey:d}=o,c=s||d;l=="Escape"?(r.set_selectorOpen(!1),r.set_preventOpenSelectorOnFocus(!0),setTimeout(()=>{let h=(0,Fr.default)('[data-input-origin="'+a.componentID+'"]');h&&h.focus()},10)):l=="Tab"?r.set_selectorOpen(!1):l==" "?Fr.default.scope(()=>{r.val_selectorOpen||r.val_keyword||(o.preventDefault(),r.set_selectorOpen(!0))}):l=="Backspace"?Fr.default.scope(()=>{if(r.val_keyword)return;let h=[...r.val_status.dataValue];h.pop(),r.set_status(p=>L(_({},p),{dataValue:h,eventType:"update",eventID:Fr.default.uuid.gen()}))}):l=="Enter"&&Fr.default.scope(()=>{if(!r.val_selectorOpen)return r.set_selectorOpen(!0);if(!r.val_optionFocused)return;let h=r.val_options.find(g=>g.value==r.val_optionFocused);if(!h)return;let{value:p}=h;r.set_status(g=>{let y=[...g.dataValue];return Fr.default.scope(()=>{if(p==="null")return y=[];g.dataValue.includes(p)?y=y.filter(b=>b!==p):a.multiSelect?y.push(p):y=[p]}),L(_({},g),{dataValue:y,eventType:"update",eventID:Fr.default.uuid.gen()})}),r.set_keyword("")}),Fr.default.scope(()=>{if(!["ArrowDown","ArrowUp"].includes(l))return;if(o.preventDefault(),!r.val_selectorOpen)return r.set_selectorOpen(!0);let h=l=="ArrowDown"?1:-1,p=Qf.FilterSelectableOptions(r),g=p.length-1,y=null;Fr.default.scope(()=>{var b,x,w,T;if(h==1){if(y=((b=p[0])==null?void 0:b.value)||null,r.val_optionFocused==null)return;if(c){y=p[g].value||y||null;return}let A=p.findIndex(R=>R.value==r.val_optionFocused);if(A==-1)return;y=((x=p[A+1])==null?void 0:x.value)||y||null}else{if(y=p[g].value||null,r.val_optionFocused==null)return;if(c){y=((w=p[0])==null?void 0:w.value)||y||null;return}let A=p.findIndex(R=>R.value==r.val_optionFocused);if(A==-1)return;y=((T=p[A-1])==null?void 0:T.value)||y||null}}),r.set_optionFocused(y)}),a.enableFormSubmit&&hr.SubmitForm(o)},onChange:o=>{let l=o.target.value;r.set_keyword(l)}},"searchInput")},Selector:r=>{let[a,o]=(0,Aa.useState)(r),{rootStates:l}=a,[s,d]=(0,Aa.useState)("idle"),[c,h]=(0,Aa.useState)("idle");(0,Aa.useEffect)(()=>{We.set({["refresh-autocomplete-selector-"+l.componentID]:b=>{o(b)}})},[]),(0,Aa.useEffect)(()=>{if(!a.val_selectorOpen||!l.DynamicOptionsOnSearch)return;if(s=="idle")return d("ok");h("fetch");let b="autocomplete-search-"+l.componentID;Fr.default.interval.clear(b),Fr.default.interval.standBy(b,300,()=>pa(void 0,null,function*(){let x=yield l.DynamicOptionsOnSearch(a.val_keyword);h("idle");let w=Qf.InitOptions(x||[]);a.set_options(w)}))},[a.val_keyword]);let p=[],g=Qf.FilterSelectableOptions(a,!0),y=Qf.FilterSelectableOptions(a);return g.forEach((b,x)=>{let{type:w,value:T}=b,A=a.val_optionFocused==T,R=a.val_status.dataValue.includes(T),W=l.SelectorComponent;p.push((0,ir.jsx)(W,{option:b,isFocused:A,isSelected:R,addCallback:()=>{a.set_status(M=>{let z=[...M.dataValue];return Fr.default.scope(()=>{if(T==="null")return z=[];M.dataValue.includes(T)?z=z.filter(j=>j!==T):l.multiSelect?z.push(T):z=[T]}),L(_({},M),{dataValue:z,eventType:"update",eventID:Fr.default.uuid.gen()})})}},String(T)||Fr.default.uuid.gen()))}),y.length||(p=[(0,ir.jsx)(Xe.Supplement,{padding:[0,1],fontColor:"4.thin",children:"\u5019\u88DC\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093"},"no-selector-notice")]),c=="fetch"&&(p=[(0,ir.jsxs)(Je.Left,{padding:1,fontColor:"3.blur",children:[(0,ir.jsx)(Za.Theme.R,{showInitial:!0}),(0,ir.jsx)(Xe.Supplement,{children:"Loading..."})]},"loader")]),(0,ir.jsx)(Vt.Body,{className:es("Selector"),ssCardBox:!0,borderRadius:"3.tone.tertiary",boxShadow:"1.normal",freeCSS:{minWidth:12*18},children:(0,ir.jsx)(ht,{gap:0,padding:[1,0],children:p})})},Selected:r=>{let{rootStates:a,val_status:o,set_status:l,val_optionsDict:s}=r,d=[];return o.dataValue.forEach(c=>{let h=s[String(c)];if(!h)return;let p=a.SelectedComponent,g=h.label;h.value==="null"&&(g=""),d.push((0,ir.jsx)(E,{className:es("SelectedCell"),children:(0,ir.jsx)(p,{value:h.value,label:g,children:g,removeCallback:y=>{if(y.stopPropagation(),y.preventDefault(),a.disabled)return;let b=[...o.dataValue];b=b.filter(x=>x!==c),l(x=>L(_({},x),{dataValue:b,eventType:"update",eventID:Fr.default.uuid.gen()}))}})},String(h.value)))}),(0,ir.jsx)(ir.Fragment,{children:d})},Core:r=>{let{onUpdateValue:a,onUpdateValidValue:o,value:l}=r,s={componentID:r.componentID||"",dataValue:l,eventType:"init",eventID:Fr.default.uuid.gen()},[d,c]=(0,Aa.useState)(!1),[h,p]=(0,Aa.useState)(!1),[g,y]=(0,Aa.useState)(""),[b,x]=(0,Aa.useState)(r.options),[w,T]=(0,Aa.useState)(r.value[0]||null),[A,R]=(0,Aa.useState)({}),[W,M]=(0,Aa.useState)(s),[z,j]=(0,Aa.useState)({ok:!1,notice:[]}),K=(0,Aa.useRef)(!1);(0,Aa.useEffect)(()=>{K.current?x(r.options):K.current=!0},[r.options]),(0,Aa.useEffect)(()=>{if(!b.length)return;let Ee=[...b],te=_({},A);Ee.forEach(me=>{me.type!="label"&&(te[String(me.value)]=me)}),R(te)},[b]);let P={rootStates:r,val_options:b,set_options:x,val_optionFocused:w,set_optionFocused:T,val_optionsDict:A,set_optionsDict:R,val_preventOpenSelectorOnFocus:d,set_preventOpenSelectorOnFocus:c,val_selectorOpen:h,set_selectorOpen:p,val_keyword:g,set_keyword:y,val_status:W,set_status:M,val_validate:z,set_validate:j};hr.CommonEffects({type:"autocomplete",states:r,val_status:W,set_status:M,val_validate:z,set_validate:j,onUpdateValue:a,onUpdateValidValue:o,DefaultValidation:lG,ExtraOverrideStates:{dataValue:l,formatValue:l}});let le=W.dataValue.length&&W.dataValue[0]!=="null";return le=le||h,(0,ir.jsxs)(Qa,{val_status:W,set_status:M,val_validate:z,states:r,children:[(0,ir.jsx)(bc,{componentID:r.componentID,fontSize:r.fontSize,required:r.required,label:r.label,isActive:le}),(0,ir.jsx)(Zf.Shallow,_({},P)),(0,ir.jsx)(Zf.Button,_({},P))]})}},O_=r=>{let a=_({},r);a=L(_({value:[],min:0,max:65535,multiSelect:!0,padding:1,SearchInput:!0,emptySelect:!0,SelectorComponent:({option:l,isSelected:s,isFocused:d,addCallback:c})=>l.type=="selector"?(0,ir.jsx)(oe.Button.Sub.S,{color:"cloud",backgroundColor:"trans",borderRadius:0,fontColor:"2.normal",textAlign:"left",padding:["1/2",1.5],isActive:s||d,isActiveStyles:d?{backgroundColor:"cloud"}:{backgroundColor:"theme.opa.few",fontColor:"theme"},onClick:h=>{c()},children:(0,ir.jsx)(Xe.Supplement,{paddingLeft:s?"1/2":0,transition:"short",children:l.label})}):(0,ir.jsx)(ir.Fragment,{children:l.label}),SelectedComponent:({value:l,label:s,removeCallback:d})=>(0,ir.jsxs)(Je.Left,{ssCardBox:"cloud",backgroundColor:"layer.3",borderRadius:"2.tone.secondary",fontSize:"1.mini",padding:"1/2",gap:0,children:[(0,ir.jsx)(E,{padding:[0,"1/4"],children:s}),(0,ir.jsx)(oe.Button.Sub.R,{color:"cloud",fontColor:"white",backgroundColor:"layer.6",isRounded:!0,padding:"1/4",onClick:d,children:(0,ir.jsx)(xe.Times,{ssSphere:1})})]},"test")},a),{freeCSS:_({cursor:"pointer"},a.freeCSS)}),a.multiSelect||(a.min=1,a.max=1),a.options=a.options||[],a.emptySelect&&(a.options=[{value:null,label:(0,ir.jsx)(Xe.Supplement,{fontColor:"4.thin",children:"\u9078\u629E\u3092\u89E3\u9664"})},...a.options]);let o=[];return a.value=Fr.default.flatArray(a.value||null),a.value.forEach((l,s)=>{o.push(Fr.default.JsonTo(l))}),a.value=o,a.options=Qf.InitOptions(a.options),Fr.default.is.nullish(a.rightIcon)&&(a.rightIcon=(0,ir.jsx)(vn,{freeCSS:{pointerEvents:"none"},children:(0,ir.jsx)(xe.Search,{})}),a.disabled&&(a.rightIcon=(0,ir.jsx)(vn,{fontColor:"5.translucent",freeCSS:{pointerEvents:"none"},children:(0,ir.jsx)(xe.Ban,{})}))),a.rightIcon&&(a=_({paddingRight:3},a)),a.leftIcon&&(a=_({paddingLeft:3},a)),(0,ir.jsx)(Ha,{componentID:a.componentID,children:Zf.Core,states:ja.Boxish(a)})};var Cd=Z(Mt());var hO=r=>(0,Cd.jsx)(O_,_({multiSelect:!1,SelectedComponent:({value:a,label:o})=>(0,Cd.jsx)(Cd.Fragment,{children:o}),rightIcon:(0,Cd.jsx)(vn,{freeCSS:{pointerEvents:"none"},children:(0,Cd.jsx)(xe.AngleDown,{})})},r));var Cr=Z(Mt()),ep=Z(fr()),xu=Z(pr());var Io=Z(Mt()),mO=Z(fr()),Sc=Z(pr());var Cu=Z(fr());var Kn={add:function(r){let a=We.get("Snackbar-"+ut.get().sessionUID);return a&&a.add(r),this},remove:function(r){let a=We.get("Snackbar-"+ut.get().sessionUID);return a&&a.remove(r),this},Wrapper:()=>(0,Io.jsx)(vO.Wrapper,{})},vO={Cell:r=>{let a=r,{snackID:o,secondsToClose:l,componentID:s=Sc.default.uuid.gen(),children:d,customChildren:c}=a,h=Ze(a,["snackID","secondsToClose","componentID","children","customChildren"]),[p]=(0,Cu.useState)(s),[g,y]=(0,Cu.useState)(r.secondsToClose||10);(0,Cu.useEffect)(()=>{let x=xt('[data-component-id="'+p+'"]');setTimeout(()=>{x.addClass(um("FadeIn"))},10),We.set({["Snackbar-"+o]:{remove:()=>{x.addClass(um("FadeOut"))}}})},[]),(0,Cu.useEffect)(()=>{Sc.default.interval.clear("Snackbar-"+p),Sc.default.interval.standBy("Snackbar-"+p,1e3,()=>{g<=0||y(g-1)}),g===0&&Kn.remove(o)},[g]);let b=(0,Io.jsx)(Io.Fragment,{});return c?b=(0,Io.jsx)(c,{close:()=>{Kn.remove(o)}}):b=(0,Io.jsxs)(Je.Separate,{verticalAlign:"top",children:[(0,Io.jsx)(E,{padding:["1/4",0],flexSizing:0,children:Sc.default.is.function(d)?(0,Io.jsx)(d,{}):d}),(0,Io.jsx)(oe.Button.Clear.R,{color:"layer",backgroundColor:"layer.4.opa.low",fontColor:"white",ssSphere:2.5,onClick:()=>{Kn.remove(o)},children:(0,Io.jsx)(xe.Times,{})})]}),(0,Io.jsx)(E,L(_({className:um("Cell"),componentID:p,onMouseOver:()=>{y(-1)},onMouseOut:()=>{y(l||10)},opacity:"trans",width:1,padding:"2/3",marginBottom:1,borderRadius:"1.tone.primary",fontColor:"white",boxShadow:"1.remark",backgroundColor:"dark",transition:"middle"},h),{children:b}))},Wrapper:()=>{let[r,a]=(0,Cu.useState)(Sc.default.uuid.gen()),[o,l]=(0,Cu.useState)([]);(0,Cu.useEffect)(()=>{We.set({["Snackbar-"+ut.get().sessionUID]:{add:d=>{d.snackID=d.snackID||Sc.default.uuid.gen();let c=o.findIndex(h=>h.snackID==d.snackID);if(c==-1)o.unshift(L(_({},d),{snackID:d.snackID}));else{let h=[...o];h[c]=L(_({},d),{snackID:d.snackID}),o=h}a(Sc.default.uuid.gen())},remove:d=>{let c=We.get("Snackbar-"+d);c&&c.remove&&(c.remove(),setTimeout(()=>{let h=o.findIndex(g=>g.snackID==d);if(h==-1)return;let p=[...o];p.splice(h,1),l(p)},210))}}})},[o.length]);let s=o.map(d=>(0,mO.createElement)(vO.Cell,L(_({},d),{key:d.snackID})));return(0,Io.jsx)(pt,{className:["AMOTIFY_be",um("Wrapper")].join(" "),position:"fixed",right:0,bottom:0,paddingLeft:0,paddingRight:1,paddingBottom:"safeAreaBottom",verticalAlign:"bottom",overflow:"auto",UnderBreakPointStyles:{left:0,paddingLeft:1,width:"auto"},children:s})}};var xO=Z(CO());function sG(r){let{value:a,states:o}=r,{required:l}=o,s=[];return l&&!a.length&&s.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!s.filter(({type:d})=>d=="invalid").length,notice:s}}var kO={List:r=>{let{files:a,states:o,val_status:l,set_status:s}=r,d=(o.limit||1)-l.dataValue.length,c=a.map((h,p)=>(0,Cr.jsx)(kO.Cell,{index:p,file:h,className:o.cellClassName,val_status:l,set_status:s,fileNameEdit:o.fileNameEdit},h.name));return d>0&&c.push((0,Cr.jsx)("label",{className:[o.cellClassName,Zl("AddButton")].join(" "),"data-component-id":l.componentID,htmlFor:o.id,tabIndex:o.tabIndex,onKeyDown:h=>{let{key:p}=h;o.tabIndex!=-1&&[" ","Enter"].includes(p)&&xt("#"+o.id).click()},children:(0,Cr.jsxs)(Je.Center,{padding:["1/3",0],children:[(0,Cr.jsx)(E,{isRounded:!0,className:Zl("AddIcon"),children:(0,Cr.jsx)(xe,{icon:xO.faCloudArrowUp,className:Zl("Icon"),fontColor:"theme",fontSize:"4.thirdTitle",backgroundColor:"theme.opa.low",ssSphere:3,padding:"1/2"})}),(0,Cr.jsxs)(E,{children:[(0,Cr.jsxs)(E,{fontColor:"theme",fontSize:"2.normal",isSemiBoldFont:!0,children:["\u30D5\u30A1\u30A4\u30EB\u3092\u9078\u629E(",d,")"]}),(0,Cr.jsx)(E,{fontColor:"4.thin",fontSize:"0.xs",isSemiBoldFont:!0,children:"\u30D5\u30A1\u30A4\u30EB\u3092\u30C9\u30ED\u30C3\u30D7"})]})]})},"AddButton")),(0,Cr.jsx)(ht,{flexSizing:"auto",className:o.className,children:c})},Cell:r=>{let{index:a,file:o,className:l,val_status:s,set_status:d,fileNameEdit:c=!0}=r,{name:h,size:p,type:g}=o,[y,b]=(0,ep.useState)(!1),x=xu.default.uuid.gen(),w=p.rank(),[T,A]=h.replace(/\s/,"").replace(/(.*)\.(.*)$/,"$1 $2").split(" "),R="\u30D5\u30A1\u30A4\u30EB";return g.match(/image/)?R=g.replace(/image\//,""):g.match(/pdf/)?R="PDF":g.match(/csv/)?R="CSV":g.match(/spreadsheet/)?R="SpreadSheet":g.match(/presentation/)?R="PowerPoint":g.match(/word/)?R="Word":g.match(/zip/)?R="Zip":g.match(/powerpoint/)?R="PowerPoint":g.match(/html/)?R="HTML":g.match(/js/)?R="JavaScript":g.match(/css/)?R="CSS":g.match(/text\/plain/)&&(R="\u30C6\u30AD\u30B9\u30C8"),(0,ep.useEffect)(()=>{y&&setTimeout(()=>{xt("#"+x).focus()},100)},[y]),(0,Cr.jsxs)(pt,{verticalAlign:"center",flexWrap:!1,gap:1,className:l,children:[(0,Cr.jsx)(xe.File,{fontSize:"4.thirdTitle",fontColor:"4.thin"}),(0,Cr.jsxs)(E,{flexSizing:0,children:[(0,Cr.jsx)(E,{children:(0,Cr.jsx)(pt,{verticalAlign:"center",gap:"2/3",flexWrap:!1,className:Zl("FileName"),children:y?(0,Cr.jsx)(Cr.Fragment,{children:(0,Cr.jsxs)(ht,{flexSizing:0,gap:"1/2",children:[(0,Cr.jsxs)(pt,{gap:"2/3",verticalAlign:"center",children:[(0,Cr.jsx)(xn,{tone:"border",wrapStyles:{flexSizing:"auto"},restrict:"fileName",name:"name",required:!0,id:x,form:"form-"+x,enableFormSubmit:!0,value:T,onKeyDown:W=>{let{key:M}=W;M=="Escape"&&b(!1)}}),(0,Cr.jsxs)(E,{children:[". ",A]})]}),(0,Cr.jsxs)(pt,{gap:"2/3",horizontalAlign:"right",flexWrap:!1,children:[(0,Cr.jsx)(oe.Button.Sub.R,{padding:["2/3",1],onClick:()=>{b(!1)},children:"\u9589\u3058\u308B"}),(0,Cr.jsx)(oe.Button.Prime.R,{padding:["2/3",1],submitOption:{formName:"form-"+x,callback:W=>pa(void 0,null,function*(){let{name:M}=W,z=[...s.dataValue],j=z[a],K=j.id;if(!j)return;let{target:P}=yield j.convert();if(!P)return;let le=yield String(P.result).toBlob(o.type);if(!le)return;let Ee=new File([le],M+"."+A,{type:j.type});Ee.id=K,z[a]=Ee,d(te=>L(_({},te),{dataValue:z,eventType:"update",eventID:xu.default.uuid.gen()})),b(!1)})},children:"\u6C7A\u5B9A"})]})]})}):(0,Cr.jsxs)(Cr.Fragment,{children:[h,!!c&&(0,Cr.jsx)(oe.Button.Clear.R,{ssSphere:2.5,flexSizing:"none",fontColor:"4.thin",padding:"1/3",ssEffectsOnActive:"expand",color:"cloud",onClick:()=>{b(!0)},children:(0,Cr.jsx)(xe.Pen,{})})]})})}),!y&&(0,Cr.jsxs)(E,{fontSize:"1.mini",fontColor:"4.thin",flexSizing:0,children:[R,"\u30D5\u30A1\u30A4\u30EB / ",w,"B"]})]}),(0,Cr.jsx)(oe.Button.Sub.R,{color:"cloud",fontColor:"4.thin",ssSphere:3,onClick:()=>{let W=[...s.dataValue];W[a]&&(W.splice(a,1),d(M=>L(_({},M),{dataValue:W,eventType:"update",eventID:xu.default.uuid.gen()})))},children:(0,Cr.jsx)(xe.Times,{})})]})}},uG=r=>{let a=r,{tone:o,required:l,form:s,fileNameEdit:d=!0,systemOnly:c=!1,accept:h="*",limit:p=1,checkValidationAtFirst:g,onChange:y,onValidate:b,onUpdateValue:x,onUpdateValidValue:w,value:T=[],className:A,cellStyles:R,cellClassName:W,componentID:M,status_id:z,enableFormSubmit:j,freeCSS:K,wrapStyles:P}=a,le=Ze(a,["tone","required","form","fileNameEdit","systemOnly","accept","limit","checkValidationAtFirst","onChange","onValidate","onUpdateValue","onUpdateValidValue","value","className","cellStyles","cellClassName","componentID","status_id","enableFormSubmit","freeCSS","wrapStyles"]),Ee={componentID:r.componentID||"",dataValue:T,eventType:"init",eventID:xu.default.uuid.gen()},[te,me]=(0,ep.useState)(Ee),[ye,de]=(0,ep.useState)({ok:!1,notice:[]});hr.CommonEffects({type:"file",states:r,val_status:te,set_status:me,val_validate:ye,set_validate:de,onUpdateValue:x,onUpdateValidValue:w,DefaultValidation:sG,ExtraOverrideStates:{dataValue:T,formatValue:T},ExtraStoreStates:{AddFiles:Q=>pa(void 0,null,function*(){let re=We.get(te.componentID).Files,V=[];for(var ee=0;ee<(Q==null?void 0:Q.length);ee++){let ie=Q[ee],{type:Se,name:se}=ie;if(ee+1+re.length>p){Kn.add({componentID:se,secondsToClose:12e3,children:`\u30D5\u30A1\u30A4\u30EB\u9078\u629E\u4E0A\u9650\u3092\u8D85\u3048\u305F\u305F\u3081\u3001${se}}\u306F\u8FFD\u52A0\u3067\u304D\u307E\u305B\u3093\u3002`,backgroundColor:"nega"});continue}if(h&&h=="image"&&!Se.match(/image/)){Kn.add({componentID:se,secondsToClose:12e3,children:`\u30D5\u30A1\u30A4\u30EB\u5F62\u5F0F\u304C\u7570\u306A\u308B\u305F\u3081\u3001${se} \u306F\u8FFD\u52A0\u3067\u304D\u307E\u305B\u3093\u3002`,backgroundColor:"nega"});continue}V.push(ie)}me(ie=>L(_({},ie),{dataValue:[...re,...V],eventType:"update",eventID:xu.default.uuid.gen()}))})}});let U="";return h&&(h=="image"?U="image/png,image/jpeg":U=h),(0,Cr.jsxs)(Qa,{val_status:te,set_status:me,val_validate:ye,states:r,children:[(0,Cr.jsx)(E,L(_({htmlTag:"input",type:"file",className:Zl("Input"),"data-form":s,"data-input-type":"file","data-component-id":te.componentID,"data-validation":ye.ok,accept:U,multiple:p!=1,onChange:Q=>pa(void 0,null,function*(){let re=Q.target,V=re.files,ee=[];for(var ie=0;ie<(V==null?void 0:V.length);ie++){let Se=V[ie],se=Se.name;if(Se.id=xu.default.uuid.gen(),ie+1+te.dataValue.length>p){Kn.add({componentID:se,secondsToClose:12e3,children:`\u30D5\u30A1\u30A4\u30EB\u767B\u9332\u6570\u3092\u8D85\u3048\u305F\u305F\u3081\u3001${se}}\u306F\u8FFD\u52A0\u3067\u304D\u307E\u305B\u3093\u3067\u3057\u305F\u3002`,backgroundColor:"nega"});continue}ee.push(Se)}me(Se=>L(_({},Se),{dataValue:[...Se.dataValue,...ee],eventType:"update",eventID:xu.default.uuid.gen()})),re.value=""})},le),{tabIndex:-1,value:""})),!c&&(0,Cr.jsx)(kO.List,{files:te.dataValue,states:r,val_status:te,set_status:me})]})};typeof window!="undefined"&&window.document&&(0,xu.default)(document).addEvent({eventType:"dragover",callback:r=>{r.preventDefault(),xt("."+Zl("AddButton")).addClass(Zl("Draggable"))},options:{passive:!1}}).addEvent({eventType:"drop",callback:r=>{r.preventDefault(),xt("."+Zl("AddButton")).removeClass(Zl("Draggable"));let a=r.dataTransfer.files;if(a.length){let o=r.target;if(xt(o).hasClass(Zl("AddButton"))){let{componentId:l}=o.dataset,s=We.get(l);s&&s.AddFiles&&s.AddFiles(a)}}},options:{passive:!1}});var yw=r=>{r=_({},r),r.override="force";let a=Wa(r);return a.cellClassName=[a.cellClassName,Wa(ja.Boxish(L(_({},a.cellStyles),{tone:a.tone}))).className].join(" "),(0,Cr.jsx)(Ha,{componentID:r.componentID,children:uG,states:a})};yw.fn={openDialog:r=>{let{multiple:a,accept:o}=r;return new Promise(l=>{let s=document.createElement("input");s.type="file",s.multiple=a!=null?a:!0,o&&(o=="image"?s.accept="image/png,image/jpeg":s.accept=o),s.onchange=d=>{l(d.target.files)},s.click()})}};var Xn=Z(Mt()),Sm=Z(fr()),Is=Z(pr());function cG(r){let{value:a,states:o}=r,{required:l}=o,s=[];return l&&!a&&s.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!s.filter(({type:d})=>d=="invalid").length,notice:s}}var EO=r=>{let{value:a,val_status:o}=r,{min:l,max:s,step:d}=o;a=Math.max(a,l),a=Math.min(a,s);let c=a/s*s;return c=Math.round(c/d),{stepValue:c*d,stepIndex:c,positionLeft:c*d/s*100+"%"}},TO={IndicatorLabels:r=>{let{componentID:a,min:o,max:l,step:s,customLegends:d}=r,c=[],h=Math.round(o/s),p=Math.round(l/s),g=p-h+1;for(var y=h;y<=p;y++){let b=y*s;b=Math.max(b,o),b=Math.min(b,l);let x=b/l*100+"%";c.push((0,Xn.jsx)(E,{className:Ds("Label"),id:"Legend-"+a+"-"+y,display:y==h||y==p?"flex":"none",position:"absolute",top:0,unitHeight:1,unitWidth:1.5,transition:"middle",fontColor:"1.clear",verticalAlign:"center",horizontalAlign:"center",freeCSS:{left:x,whiteSpace:"nowrap",textAlign:"center"},children:d?d(b):b.rank()},b))}return(0,Sm.useEffect)(()=>{let b=()=>{let x=xt("#Labels-"+a),{width:w}=x.position(),T=Math.round(w/50)-1,A=Math.round(g/T);for(let R=h+1;R<p;R++)xt("#Legend-"+a+"-"+R).css({display:R%A==0?"flex":"none"})};return(0,Is.default)(window).addEvent({eventID:"SliderResizeCallback-"+a,eventType:"resize",callback:()=>{b()}}),b(),()=>{(0,Is.default)(window).removeEvent("SliderResizeCallback-"+a)}},[]),(0,Xn.jsx)(pt,{className:Ds("Labels"),verticalAlign:"center",horizontalAlign:"between",fontSize:"0.xs",position:"relative",unitHeight:1,id:"Labels-"+a,children:(0,Xn.jsx)(E,{position:"absolute",top:0,left:0,bottom:0,freeCSS:{right:12*1.5},children:c})})},Rail:r=>{let{val_status:a,set_status:o,DotData:l,form:s,enableFormSubmit:d}=r,{componentID:c}=a;return(0,Xn.jsxs)(pt,{className:Ds("Rail"),position:"relative",paddingLeft:"1/2",unitHeight:1.5,verticalAlign:"center",freeCSS:{minWidth:"10rem",zIndex:1,cursor:"pointer"},onMouseDown:h=>{r.rootStates.disabled||(h.stopPropagation(),xd.Effects.Start(h,{val_status:a,set_status:o,DotData:l}))},onTouchStart:h=>{r.rootStates.disabled||(h.stopPropagation(),xd.Effects.Start(h,{val_status:a,set_status:o,DotData:l}))},children:[(0,Xn.jsx)(E,{className:Ds("Bar"),backgroundColor:"layer.4",position:"relative",isRounded:!0,transition:"middle",flexSizing:"none",unitHeight:"2/3",width:1,id:c+"_Bar",children:(0,Xn.jsx)(E,{className:Ds("BarColor"),position:"relative",height:1,width:0,left:0,transition:"long",borderRadius:"inherit",backgroundColor:r.color,opacity:"middle",overflow:"hidden",freeCSS:{width:l.positionLeft},id:c+"_BarColor"})}),(0,Xn.jsx)(E,{className:Ds("BallWrap"),position:"absolute",top:0,left:0,bottom:0,freeCSS:{right:12*1.5},children:(0,Xn.jsx)(oe.Button.Plain,{className:Ds("Ball"),position:"absolute",backgroundColor:r.color,top:0,left:0,ssSphere:1.5,freeCSS:{zIndex:2,left:l.positionLeft},"data-form-name":s,id:c+"_Ball",onKeyDown:h=>{xd.KeyDownEvent({event:h,val_status:a,set_status:o,DotData:l}),d&&hr.SubmitForm(h)}})})]})}},xd={Effects:{Start:(r,a)=>{(0,Is.default)(document).addEvent({eventID:"SliderMouseMove",eventType:"mousemove",callback:o=>{xd.Effects.Move(o,a)},options:{passive:!1}}).addEvent({eventID:"SliderTouchMove",eventType:"touchmove",callback:o=>{xd.Effects.Move(o,a)},options:{passive:!1}}).addEvent({eventID:"SliderMouseUp",eventType:"mouseup",callback:()=>{xd.Effects.End()}}).addEvent({eventID:"SliderTouchEnd",eventType:"touchend",callback:()=>{xd.Effects.End()}})},Move:(r,a)=>{let o=Is.default.getCursor(r).x,{val_status:l,set_status:s}=a,{componentID:d,min:c,max:h}=l,p=xt("#"+d+"_Ball"),g=xt("#"+d+"_Bar"),y=xt("#"+d+"_BarColor"),{width:b,left:x}=g.position(),w=(o-x)/b;w=Math.max(w,0),w=Math.min(w,1);let T=w*h,A=EO({value:T,val_status:l}),R=A.positionLeft,W=A.stepValue;p.css({left:R}),y.css({width:R});let{prevValue:M}=We.get(d);return W!=M&&(We.update({[d]:{prevValue:W}}),s(z=>L(_({},z),{dataValue:W,eventType:"update",eventID:Is.default.uuid.gen()}))),r.preventDefault(),r.stopPropagation(),!1},End:()=>{(0,Is.default)(document).removeEvent(["SliderMouseMove","SliderTouchMove","SliderMouseUp","SliderTouchEnd"])}},KeyDownEvent:r=>{let{event:a,val_status:o,set_status:l}=r,{min:s,max:d,step:c}=o,{key:h,metaKey:p,ctrlKey:g}=a,y=g||p,b=o.dataValue;h.match(/Arrow/)&&(a.preventDefault(),h.match(/Left|Up/)?y?b=s:b-=c:h.match(/Right|Down/)&&(y?b=d:b+=c),b=Math.max(Math.min(b,d),s),We.update({[o.componentID]:{prevValue:b}}),l(x=>L(_({},x),{dataValue:b,eventType:"update",eventID:Is.default.uuid.gen()})))}},dG=r=>{let a=r,{color:o="theme",required:l,form:s="",legends:{enable:d=!0,custom:c,showAlways:h=!1}={},min:p,max:g,step:y,enableFormSubmit:b,checkValidationAtFirst:x,onChange:w,onKeyDown:T,onValidate:A,onUpdateValue:R,onUpdateValidValue:W,value:M="",className:z,freeCSS:j,wrapStyles:K}=a,P=Ze(a,["color","required","form","legends","min","max","step","enableFormSubmit","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","className","freeCSS","wrapStyles"]),le={componentID:r.componentID||"",dataValue:M,min:p,max:g,step:y,eventType:"init",eventID:Is.default.uuid.gen()},[Ee,te]=(0,Sm.useState)(le),[me,ye]=(0,Sm.useState)({ok:!1,notice:[]});hr.CommonEffects({type:"slider",states:r,val_status:Ee,set_status:te,val_validate:me,set_validate:ye,onUpdateValue:R,onUpdateValidValue:W,DefaultValidation:cG,ExtraOverrideStates:{dataValue:M},ExtraStoreStates:{prevValue:Ee.dataValue,setValueByForeign:U=>{te(Q=>L(_({},Q),{dataValue:U,eventType:"update",eventID:Is.default.uuid.gen()}))}}});let de=EO({value:Ee.dataValue,val_status:Ee});return(0,Xn.jsxs)(Qa,{val_status:Ee,set_status:te,val_validate:me,states:r,children:[(0,Xn.jsx)(As,_({value:de.stepValue,form:s,"data-value":de.stepValue,"data-validation":me.ok,"data-input-type":"slider"},P)),(0,Xn.jsxs)(ht,{gap:"1/2",flexSizing:"auto",className:[Ds("Wrap"),z,Ds("ShowLegendsAlways_"+h)].join(" "),children:[(0,Xn.jsx)(TO.Rail,{rootStates:r,color:o,val_status:Ee,set_status:te,DotData:de,form:s,enableFormSubmit:b}),!!d&&(0,Xn.jsx)(TO.IndicatorLabels,{componentID:Ee.componentID,min:p,max:g,step:y,customLegends:c})]})]})},RO=r=>(r=_({},r),(0,Xn.jsx)(Ha,{componentID:r.componentID,children:dG,states:Wa(r)}));var os=Z(Mt()),Sw=Z(fr()),ww=Z(pr());function fG(r){let{value:a,states:o}=r,{required:l}=o,s=[];return l&&!a&&s.push({type:"invalid",label:"ON\u306B\u306A\u3063\u3066\u3044\u307E\u305B\u3093"}),{ok:!s.filter(({type:d})=>d=="invalid").length,notice:s}}var pG=r=>{let a=r,{componentID:o,color:l="posi",required:s,form:d,id:c,enableFormSubmit:h,checkValidationAtFirst:p,onChange:g,onKeyDown:y,onValidate:b,onUpdateValue:x,onUpdateValidValue:w,value:T="",icon:A="",appearance:R="material"}=a,W=Ze(a,["componentID","color","required","form","id","enableFormSubmit","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","icon","appearance"]),M={componentID:r.componentID||"",dataValue:T,eventType:"init",eventID:ww.default.uuid.gen()},[z,j]=(0,Sw.useState)(M),[K,P]=(0,Sw.useState)({ok:!1,notice:[]}),le=!!z.dataValue;return hr.CommonEffects({type:"switch",states:r,val_status:z,set_status:j,val_validate:K,set_validate:P,DefaultValidation:fG,onUpdateValue:x,onUpdateValidValue:w,ExtraOverrideStates:{dataValue:T,formatValue:T}}),(0,os.jsxs)(Qa,{val_status:z,set_status:j,val_validate:K,states:r,children:[(0,os.jsx)(E,_({htmlTag:"input",type:"checkbox","data-form":d,"data-input-type":"switch","data-validation":K.ok,"data-component-id":z.componentID,"data-value":z.dataValue,checked:z.dataValue,className:cm("Input"),id:c,onKeyDown:Ee=>{y&&y(Ee),h&&hr.SubmitForm(Ee)},onChange:Ee=>{let{checked:te}=Ee.target;K.ok&&P({ok:!1,notice:[]}),j(me=>L(_({},me),{dataValue:te,eventType:"update",eventID:ww.default.uuid.gen()})),g&&g(Ee)}},W)),(0,os.jsx)(oe.Label.Plain,{tabIndex:-1,htmlFor:c,padding:"1/3",transition:"middle",borderRadius:"1.tone.primary",className:cm("Label"),children:(0,os.jsx)(E,L(_({},R=="applely"?{padding:"1/4",isRounded:!0,backgroundColor:le?l:"layer.5"}:{}),{children:(0,os.jsxs)(Je.Center,{unitHeight:2.5,position:"relative",freeCSS:{width:12*4.5},children:[R=="material"&&(0,os.jsx)(E,{position:"absolute",backgroundColor:le?l:"layer.5",isRounded:!0,unitHeight:1,transition:"middle",width:1,opacity:"middle",className:cm("Bar")}),(0,os.jsx)(E,{position:"absolute",top:0,left:0,backgroundColor:R=="material"&&le?l:"white",transition:"middle",ssSphere:2.5,boxShadow:"1.remark",className:cm("Dot"),children:A&&(0,os.jsx)(E,{transition:"middle",ssSquare:2,flexCenter:!0,fontColor:R=="applely"&&le?l:"white",children:A})})]})}))})]})},DO=r=>(r=_({},r),r.color=r.color||"theme",(0,os.jsx)(Ha,{componentID:r.componentID,children:pG,states:r}));var LO=Z(Mt());var AO=r=>(r=_({},r),(0,LO.jsx)(B_,L(_({},r),{icon:!0,value:r.value?!0:null,cellStyles:_({padding:0},r.cellStyles),options:[{value:!0,label:r.label}],onUpdateValidValue:a=>{let o=!!a.value[0];r.onUpdateValidValue&&r.onUpdateValidValue(L(_({},a),{value:o}))}})));var ku=Z(Mt()),BO=Z(pr()),I_=Z(fr());var hG=r=>{let a=r,{__sys_segmented_type:o,tone:l,value:s,options:d,onUpdateValue:c,onUpdateValidValue:h,enableFormSubmit:p,checkValidationAtFirst:g,cellStyles:y,cellClassName:b,cellCheckedClassName:x,cellCheckedStyles:w,freeCSS:T,wrapStyles:A}=a,R=Ze(a,["__sys_segmented_type","tone","value","options","onUpdateValue","onUpdateValidValue","enableFormSubmit","checkValidationAtFirst","cellStyles","cellClassName","cellCheckedClassName","cellCheckedStyles","freeCSS","wrapStyles"]),[W]=(0,I_.useState)(BO.default.uuid.gen()),[M,z]=(0,I_.useState)(s),[j,K]=(0,I_.useState)(M);return M!=s&&(z(s),K(s)),(0,ku.jsx)(gd,L(_({options:d,value:j,componentID:W,icon:!1,flexWrap:!1,borderRadius:"2.tone.secondary",position:"relative"},R),{freeCSS:_({whiteSpace:"nowrap"},T),cellStyles:_({flexCenter:!0,ssEffectsOnActive:"push"},y),cellCheckedStyles:_({},w),cellClassName:[b,__("Label"),__("Tone_"+o.replace(/\./ig,""))].join(" "),cellCheckedClassName:[x,__("Checked")].join(" "),tone:"custom",onUpdateValue:c,onUpdateValidValue:P=>{h&&h(P),o=="bottomline"&&K(P.value)}}))},P_=r=>{let{__sys_segmented_type:a}=r;return a=a||"plain",a=="plain"&&(r=L(_({padding:"1/3",gap:"1/3",ssCardBox:!0,isRounded:!0},r),{cellStyles:_({isRounded:!0,padding:["1/2","3/4"],borderRadius:"inherit",position:"relative"},r.cellStyles),cellCheckedStyles:_({backgroundColor:"theme",boxShadow:"1.normal",fontColor:"white"},r.cellCheckedStyles)})),(0,ku.jsx)(hG,_({__sys_segmented_type:"plain"},r))},is=P_;is.Cloud=r=>{let a=L(_({__sys_segmented_type:"cloud",padding:"1/3",gap:"1/3",backgroundColor:"cloud"},r),{cellStyles:_({padding:"3/4",borderRadius:"inherit",position:"relative"},r.cellStyles),cellCheckedStyles:_({boxShadow:"1.normal",backgroundColor:"theme",fontColor:"white"},r.cellCheckedStyles)});return(0,ku.jsx)(P_,_({},a))},is.CloudTheme=r=>{let a=_({backgroundColor:"theme.opa.few",fontColor:"theme",__sys_segmented_type:"cloud.theme"},r);return(0,ku.jsx)(is.Cloud,_({},a))},is.CloudMono=r=>{let a=L(_({fontColor:"3.blur",__sys_segmented_type:"cloud.mono"},r),{cellCheckedStyles:_({backgroundColor:"layer.1",fontColor:"1.clear"},r.cellCheckedStyles)});return(0,ku.jsx)(is.Cloud,_({},a))},is.Border=r=>{let a=L(_({backgroundColor:"layer.1",border:"2.normal",overflow:"hidden",gap:0,fontColor:"3.blur",ssLastChildLossBorder:"right",boxShadow:"0.min",__sys_segmented_type:"border"},r),{cellStyles:_({padding:["1/4","2/3"],borderRadius:0,borderRight:"2.normal"},r.cellStyles),cellCheckedStyles:_({backgroundColor:"theme.opa.few",fontColor:"theme"},r.cellCheckedStyles)});return(0,ku.jsx)(P_,_({},a))},is.BorderVivid=r=>{let a=L(_({border:!0,borderColor:"theme",__sys_segmented_type:"border.vivid"},r),{cellStyles:_({borderRight:!0,borderColor:"theme"},r.cellStyles),cellCheckedStyles:_({backgroundColor:"theme",fontColor:"white"},r.cellCheckedStyles)});return(0,ku.jsx)(is.Border,_({},a))},is.Bottomline=r=>{let a=L(_({__sys_segmented_type:"bottomline",gap:0,fontColor:"3.blur"},r),{cellStyles:_({ssEffectsOnActive:"ripple.theme",borderRadius:0,padding:1},r.cellStyles),cellCheckedStyles:_({fontColor:"theme"},r.cellCheckedStyles)});return(0,ku.jsx)(P_,_({},a))};var gt;(r=>(r.Plain=ON,r.Hidden=As,r.TextField=xn,r.Contenteditable=UN,r.DigitCharacters=WN,r.Time=Os,r.Select=ns,r.Autocomplete=O_,r.List=iO,r.Radio=gd,r.Checkbox=B_,r.Checker=AO,r.Search=hO,r.Filer=yw,r.Slider=RO,r.Switch=DO,r.Segmented=is,r.LeftIcon=E_,r.RightIcon=vn,r.LeftIndicator=Kf,r.RightIndicator=_c,r.RequiredSign=x_,r.RequiredShortSign=k_,r.OmitSign=T_))(gt||(gt={}));var F_=r=>{let a=r,{tabIndex:o,tabs:l,onTabChange:s,componentDidMount:d}=a,c=Ze(a,["tabIndex","tabs","onTabChange","componentDidMount"]);return(0,NO.useEffect)(()=>{d&&d()},[]),(0,M_.jsx)(pt,L(_({position:"relative",overflow:"auto",flexWrap:!1},c),{freeCSS:_({zIndex:3,whiteSpace:"nowrap"},c.freeCSS),children:(0,M_.jsx)(E,{margin:[0,"auto"],children:(0,M_.jsx)(gt.Segmented.Bottomline,{value:o,fontColor:"inherit",gap:0,override:"force",options:l.map((h,p)=>({value:p,label:h})),onUpdateValidValue:h=>{let p=h.value;s&&s(p)}})})}))};var wc=Z(Mt());var Gr={Table:r=>(0,wc.jsx)(E,L(_({htmlTag:"table"},r),{border:r.border})),Head:r=>(0,wc.jsx)(E,_({htmlTag:"thead"},r)),Body:r=>(0,wc.jsx)(E,_({htmlTag:"tbody"},r)),Row:r=>(0,wc.jsx)(E,_({htmlTag:"tr"},r)),TH:r=>(0,wc.jsx)(E,_({htmlTag:"th"},r)),TD:r=>(0,wc.jsx)(E,_({htmlTag:"td"},r)),RightIndicator:{type:"td",unitWidth:4,children:(0,wc.jsx)(xe.AngleRight,{fontColor:"theme",fontSize:"4.thirdTitle"})}};var Po=Z(Mt());var Cw=Z(Mt()),IO=Z(pr());var OO=(r,a)=>{if(a=="plain")return{};let o={};return r=="drag"&&(o.padding=1),["border","rowBorder","cellBorder"].includes(a)&&(o.borderBottom="2.normal"),["border","cellBorder"].includes(a)&&(o.borderRight="2.normal"),_({padding:"3/4",backgroundColor:"layer.1",transition:"short",textAlign:"center"},o)},sl=r=>{let a={};return r.right&&(a.borderRight="unset"),r.top&&(r.left&&(a.borderTopLeftRadius="inherit"),r.right&&(a.borderTopRightRadius="inherit")),r.bottom&&(a.borderBottom="unset",r.left&&(a.borderBottomLeftRadius="inherit"),r.right&&(a.borderBottomRightRadius="inherit")),a};var tp=r=>{let a=_({},r),{JSXChildren:o}=a;(!a.tone||a.tone=="auto")&&(a.tone="border",a.type=="drag"&&(a.tone="rowBorder"));let l=L(_({tableID:a.tableID||IO.default.uuid.gen(),tone:a.tone},a),{cellStyles:_(_({},OO(a.type,a.tone)),a.cellStyles)});a.tone!="plain"&&(l=_({backgroundColor:"layer.1",borderRadius:"1.tone.primary"},l));let s=Wa(l),{className:d,style:c}=s,h=Ze(s,["className","style"]),p=[d,er("Wrap"),er("TableType_"+a.type),er("RowClickable_"+!!l.onRowClick)].join(" ");return(0,Cw.jsx)(E,{className:p,style:c,children:(0,Cw.jsx)(o,_({},h))})};var xw={HeadRow:r=>{let{cellStyles:a={},cellClassName:o="",cellStylesCallback:l,colLength:s,head:d,rows:c}=r;if(!d)return null;let h=[];return d.forEach((p,g)=>{let y=Gr[p.type=="th"?"TH":"TD"],b={top:!0,bottom:!c.length,left:g==0,right:g==s-1,rowIndex:0,colIndex:g,isBody:!1,isHeader:!0},x=sl(b),w=l?l(b):{},T=L(_(_(_(_({},a),x),w),p),{freeCSS:_(_(_({},a.freeCSS),w.freeCSS),p.freeCSS),className:[er("Cell"),o,p.className].join(" ")});h.push((0,Po.jsx)(y,_({},T),g))}),(0,Po.jsx)(Gr.Row,{className:[er("Row"),er("HeadRow")].join(" "),children:h})},BodyRows:r=>{let{cellStyles:a={},cellClassName:o="",cellStylesCallback:l,head:s,rows:d,colLength:c,onRowClick:h}=r,p=[];return d.forEach((g,y)=>{let b=[];g.forEach((x,w)=>{let T=Gr[x.type=="th"?"TH":"TD"],A={top:y==0&&!s,bottom:y==d.length-1,left:w==0,right:w==c-1,rowIndex:y,colIndex:w,isBody:!0,isHeader:!1},R=sl(A),W=l?l(A):{};b.push((0,Po.jsx)(T,L(_(_(_(_({},a),R),x),W),{freeCSS:_(_(_({},a.freeCSS),W.freeCSS),x.freeCSS),className:[er("Cell"),o,x.className].join(" ")}),w))}),p.push((0,Po.jsx)(Gr.Row,{className:[er("Row"),er("BodyRow")].join(" "),children:b,onClick:x=>{h&&h(g.rowID,x)}},y))}),(0,Po.jsx)(Po.Fragment,{children:p})},Normal:r=>(r=_({},r),r.rows=r.rows.map((a,o)=>(a.rowID=a.rowID||o,a)),(0,Po.jsx)(Gr.Table,{className:er("Table"),children:(0,Po.jsxs)(Gr.Body,{children:[(0,Po.jsx)(xw.HeadRow,_({},r)),(0,Po.jsx)(xw.BodyRows,_({},r))]})}))},PO=r=>(0,Po.jsx)(tp,L(_({type:"normal"},r),{JSXChildren:xw.Normal}));var Ca=Z(Mt()),np=Z(fr()),rp=Z(pr());var Tw=Z(VO());var Ew={HeadRow:r=>{let{cellStyles:a={},cellClassName:o="",cellStylesCallback:l,colLength:s,head:d,rows:c}=r;if(!d)return null;let h=[];for(let p=0;p<s;p++){let g=d[p],y=Gr[g.type=="th"?"TH":"TD"],b={top:!0,bottom:!c.length,left:p==0,right:p==s-1,rowIndex:0,colIndex:p,isBody:!1,isHeader:!0},x=sl(b),w=l?l(b):{};h.push((0,Ca.jsx)(y,L(_(_(_(_({},a),x),g),w),{freeCSS:_(_(_({},a.freeCSS),w.freeCSS),g.freeCSS),className:[er("Cell"),o,g.className].join(" ")}),p))}return(0,Ca.jsx)(Gr.Row,{className:[er("Row"),er("HeadRow")].join(" "),children:h})},BodyRows:r=>{let{cellStyles:a={},cellClassName:o="",cellStylesCallback:l,head:s,rows:d,colLength:c,onOrderChanged:h}=r,[p]=(0,np.useState)(rp.default.uuid.gen()),[g,y]=(0,np.useState)({rows:d,origin:0,to:NaN}),b=[];if(g.rows.forEach((x,w)=>{let T=[];{let A={top:w==0&&!s,bottom:w==d.length-1,left:!0,right:!1,rowIndex:w,colIndex:0,isBody:!0,isHeader:!1},R=sl(A),W=l?l(A):{};T.push((0,Ca.jsx)(Gr.TH,L(_(_(_({padding:0,borderRight:!0},a),R),W),{freeCSS:_(_({},a.freeCSS),W.freeCSS),className:[er("Cell"),er("Draggable"),o].join(" "),children:(0,Ca.jsx)(oe.Button.Clear.R,{className:er("DragableButton"),fontColor:"4.thin",fontSize:"3.paragraph",margin:"auto",ssSphere:3,tabIndex:-1,onMouseDown:M=>{ap.Start(M,{id:p,index:w,rows:g.rows,maxLength:d.length})},onTouchStart:M=>{ap.Start(M,{id:p,index:w,rows:g.rows,maxLength:d.length})},children:(0,Ca.jsx)(xe,{icon:Tw.faGripVertical})})}),"DragOrigin"))}x.forEach((A,R)=>{A=_({},A);let W=Gr[A.type=="th"?"TH":"TD"],M={top:!!s&&!s.length,bottom:w==d.length-1,left:!1,right:R==c-2,rowIndex:w,colIndex:R,isBody:!0,isHeader:!1},z=sl(M),j=l?l(M):{};T.push((0,Ca.jsx)(W,L(_(_(_(_({},a),z),A),j),{freeCSS:_(_(_({},a.freeCSS),j.freeCSS),A.freeCSS),className:[er("Cell"),o,A.className].join(" ")}),R))}),b.push((0,Ca.jsx)(Gr.Row,{id:"TableRow-"+p+"-"+w,className:[er("Row"),er("BodyRow")].join(" "),children:T},w))}),!isNaN(g.to)){let{origin:x,to:w}=g,T=[];T.push((0,Ca.jsx)(Gr.TH,{backgroundColor:"theme.opa.low",padding:0,borderRight:"2.normal",className:[er("Cell"),er("Draggable"),o].join(" "),children:(0,Ca.jsx)(xe.ArrowRight,{fontColor:"theme"})},"dragButton")),g.rows[x].forEach((A,R)=>{A=_({},A);let W=Gr[A.type=="th"?"TH":"TD"],M={top:!1,bottom:!1,left:!1,right:!1,rowIndex:-1,colIndex:-1,isBody:!0,isHeader:!1},z=sl(M),j=l?l(M):{};T.push((0,Ca.jsx)(W,L(_(_(L(_({className:[er("Cell"),o,A.className].join(" ")},z),{backgroundColor:"theme.opa.low"}),j),A),{freeCSS:_(_(_({},a.freeCSS),j.freeCSS),A.freeCSS)})))}),b.splice(w,0,(0,Ca.jsx)(Gr.Row,{className:[er("Row"),er("Pre")].join(" "),children:T},"preSet"))}return(0,np.useEffect)(()=>{We.set({[p]:{swap:(x,w)=>{if(w||w==0){let T=g.rows[x],A=[...g.rows];A.splice(x,1),A.splice(w-(x<w?1:0),0,T),y({rows:A,origin:0,to:NaN}),h(A.map(R=>JSON.parse(R.rowID)))}},preSet:x=>{let{origin:w,index:T}=x;y({rows:g.rows,origin:w,to:T})}}})}),(0,np.useEffect)(()=>()=>{We.delete(p)},[]),(0,Ca.jsx)(Ca.Fragment,{children:b})},Drag:r=>(r=_({},r),r.colLength=r.colLength+1,r.head&&(r.head=[{children:(0,Ca.jsx)(oe.Button.Clear.R,{ssSphere:3,fontSize:"3.paragraph",fontColor:"theme",onMouseOver:a=>{Ar.open({parent:a.currentTarget,content:(0,Ca.jsxs)(Ar.Body,{children:[(0,Ca.jsx)(xe,{icon:Tw.faGripVertical}),"\u30DC\u30BF\u30F3\u3092\u30C9\u30E9\u30C3\u30B0\u3057\u3066\u9806\u5E8F\u3092\u5909\u66F4"]})})},children:(0,Ca.jsx)(xe.QuestionCircle,{})}),padding:[0,1],unitWidth:4},...r.head]),r.rows=r.rows.map((a,o)=>(a.rowID=JSON.stringify(a.rowID||o),a)),(0,Ca.jsx)(Gr.Table,{className:er("Table"),children:(0,Ca.jsxs)(Gr.Body,{children:[(0,Ca.jsx)(Ew.HeadRow,_({},r)),(0,Ca.jsx)(Ew.BodyRows,_({},r))]})}))},WO=r=>(0,Ca.jsx)(tp,L(_({type:"drag"},r),{JSXChildren:Ew.Drag})),ap={Start:function(r,a){return pa(this,null,function*(){r.stopPropagation(),r.preventDefault();let{id:o,index:l,rows:s,maxLength:d}=a;xt("#TableRow-"+o+"-"+l).addClass(er("DraggerOrigin")),(0,rp.default)(document).addEvent({eventID:"DragMouseMove",eventType:"mousemove",callback:c=>{ap.Move(c,a)},options:{passive:!1}}).addEvent({eventID:"DragTouchMove",eventType:"touchmove",callback:c=>{ap.Move(c,a)},options:{passive:!1}}).addEvent({eventID:"DragMouseUp",eventType:"mouseup",callback:c=>{ap.End(c,a)}}).addEvent({eventID:"DragTouchEnd",eventType:"touchend",callback:c=>{ap.End(c,a)}})})},Move:function(r,a){let{id:o,maxLength:l}=a,s=rp.default.getCursor(r).y-rp.default.getScreenSize().scrollY;for(let d=0;d<l;d++){let c=xt("#TableRow-"+o+"-"+d),{top:h,bottom:p,height:g}=c.position();d==0&&s<h?a.insertIndex=0:d===l-1&&p<=s?a.insertIndex=l:s>=h&&s<p&&(a.insertIndex=d+1)}{let{index:d,insertIndex:c}=a,h=We.get(o);h&&h.preSet&&h.preSet({origin:d,index:c})}return r.stopPropagation(),r.preventDefault(),!1},End:function(r,a){let{id:o,index:l,insertIndex:s}=a,d=We.get(o);d&&d.swap&&d.swap(l,s),xt("#TableRow-"+o+"-"+l).removeClass(er("DraggerOrigin")),(0,rp.default)(document).removeEvent(["DragMouseMove","DragTouchMove","DragMouseUp","DragTouchEnd"])}};var Nt=Z(Mt()),Tu=Z(fr()),Mo=Z(pr());var QO=Z(cS()),ZO=Z(fS()),e7=Z(sS()),t7=Z(JO());var jn={__memoryID:Mo.default.uuid.gen(),Header:r=>{var a,o;let{val_status:l,set_status:s,KeywordFilterRows:d}=_({},r),{order:c,filter:h}=l,[p,g]=c.current,y=[],b=[...l.head];if(l.checker){let x={top:!0,bottom:!l.rows.length,left:!0,right:!l.colLength,rowIndex:0,colIndex:0,isBody:!1,isHeader:!0},w=sl(x),T=l.cellStylesCallback?l.cellStylesCallback(x):{};y.push((0,Nt.jsx)(Gr.TH,L(_(_(_({fontWeight:"2.normal",position:"sticky",top:0,unitWidth:4,padding:0},l.cellStyles),w),T),{freeCSS:L(_(_({},(a=l.cellStyles)==null?void 0:a.freeCSS),T.freeCSS),{zIndex:2}),className:[er("Cell"),l.cellClassName].join(" "),children:(0,Nt.jsx)(E,{flexCenter:!0,children:(0,Nt.jsx)(gt.Checker,{label:null,value:!1,onUpdateValidValue:({value:A})=>{let R=l.rows;R.forEach(W=>{W.checked=A}),s(L(_({},l),{rows:R}))}})})}),-1))}for(let x=0;x<l.colLength;x++){let w=b[x];if(!w)continue;let T=w.children||w.data,A=c.enabled&&c.column[x],R=h.enabled&&h.column[x],W=A?(0,Nt.jsx)(xe,{fontSize:"1.mini",fontColor:x==p?"1.clear":"5.translucent",icon:x==p?g=="DESC"?ZO.faArrowDown:QO.faArrowUp:e7.faArrowRight}):null,M=(0,Nt.jsx)(Nt.Fragment,{});if(R){let P=d.map(Ee=>{var te;return(te=Ee[x])==null?void 0:te.data});P=[...new Set(P)].order({direction:"ASC"});let le=h.current[x];if(le){let Ee=P.filter(U=>!le.includes(U)),te=[];P.forEach(U=>{U&&te.push({value:U,label:(0,Nt.jsx)(E,{flexSizing:"auto",children:U})})});let me="BUTTON-"+l.componentID+"-"+x,ye=l.componentID+"-"+x,de={sheetID:ye,parent:"#"+me,gravityPoint:23,type:"custom",content:(0,Nt.jsxs)(pt,{flexType:"col",border:!0,boxShadow:"3.remark",backgroundColor:"layer.1",borderRadius:1,freeCSS:{minWidth:12*20,maxWidth:12*30},children:[(0,Nt.jsx)(ht,{gap:"1/3",overflow:"auto",padding:"2/3",freeCSS:{maxHeight:12*30},children:(0,Nt.jsx)(gt.Checkbox,{icon:!0,value:Ee,display:"flex",gap:"1/2",override:"force",options:te,hideInput:!0,name:"DTFilter-col-"+x+"-table-"+l.componentID,cellStyles:{flexSizing:"auto",padding:"2/3"},onUpdateValidValue:({value:U})=>{let Q=P.filter(V=>!U.includes(V)),re=_({},l);re.filter.current[x]=Q,s(re)}})}),(0,Nt.jsxs)(Je.Separate,{gap:"2/3",padding:"2/3",horizontalAlign:"right",children:[(0,Nt.jsx)(oe.Button.Border.S,{isRounded:!0,onClick:()=>{Vt.close(ye)},children:"\u9589\u3058\u308B"}),(0,Nt.jsx)(oe.Button.Prime.S,{color:"theme",isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{let U=[];le.length||(U=P);let Q=_({},l);Q.filter.current[x]=U,s(Q)},children:"\u5168\u9078\u629E"})]})]})};Vt.refresh(de,!0),M=(0,Nt.jsx)(E,{className:er("FilterRegion"),children:(0,Nt.jsx)(oe.Button.Sub.S,{ssSphere:2.5,fontSize:"1.mini",className:er("Filtering_"+!!le.length),id:me,onClick:U=>{U.stopPropagation(),Vt.open(de)},children:(0,Nt.jsx)(xe,{icon:t7.faFilter})})})}}let z={top:!0,bottom:!l.rows.length,left:l.checker?!1:x==0,right:x==l.colLength-1,rowIndex:0,colIndex:x,isBody:!1,isHeader:!0},j=sl(z),K=l.cellStylesCallback?l.cellStylesCallback(z):{};w=L(_(_(_(_({},l.cellStyles),j),w),K),{ssPushable:A,freeCSS:_(_(_({},(o=l.cellStyles)==null?void 0:o.freeCSS),K.freeCSS),w.freeCSS),className:[er("Cell"),l.cellClassName,w.className].join(" ")}),delete w.orderIndex,y.push((0,Nt.jsx)(Gr.TH,L(_({fontWeight:"2.normal",position:"sticky",top:0},w),{freeCSS:_({zIndex:2},w.freeCSS),onClick:P=>{if(A){let le=_({},l),Ee=[x,p===x&&g=="ASC"?"DESC":"ASC"];le.order.current=Ee,s(le),l.onOrderChanged&&l.onOrderChanged(Ee)}},children:(0,Nt.jsxs)(pt,{flexType:"row-r",flexWrap:!1,height:1,borderRadius:"inherit",flexCenter:!0,children:[M,(0,Nt.jsxs)(pt,{flexSizing:0,position:"relative",borderRadius:"inherit",gap:"1/3",flexWrap:!1,horizontalAlign:"center",children:[W,T]})]})}),x))}return(0,Nt.jsx)(Gr.Row,{className:[er("Row"),er("HeadRow")].join(" "),children:y})},Body:r=>{let{val_status:a,PageRows:o}=r,l=[];if(o.forEach((s,d)=>{var c;let h=[...s],p=[];if(a.checker){let g={top:d==0&&!a.head,bottom:d==o.length-1,left:!0,right:!a.colLength,rowIndex:d,colIndex:0,isBody:!0,isHeader:!1},y=sl(g),b=a.cellStylesCallback?a.cellStylesCallback(g):{};p.push((0,Nt.jsx)(Gr.TH,L(_(_(_({unitWidth:4,padding:0,borderRight:!0},a.cellStyles),y),b),{freeCSS:_(_({},(c=a.cellStyles)==null?void 0:c.freeCSS),b.freeCSS),className:[er("Cell"),a.cellClassName].join(" "),children:(0,Nt.jsx)(E,{flexCenter:!0,children:(0,Nt.jsx)(gt.Checker,{label:null,value:s.checked,override:"force",onUpdateValidValue:({value:x})=>{let w=a.rows;w[d].checked=x,r.set_status(T=>L(_({},T),{rows:w}))}})})}),-1))}h.forEach((g,y)=>{var b;if(!g)return;let x=g,{type:w="td"}=x,T=Ze(x,["type"]),A={top:d==0&&!a.head,bottom:d==o.length-1,left:a.checker?!1:y==0,right:y==a.colLength-1,rowIndex:d,colIndex:y,isBody:!0,isHeader:!1},R=sl(A),W=a.cellStylesCallback?a.cellStylesCallback(A):{};T=L(_(_(_(_({},a.cellStyles),R),T),W),{freeCSS:_(_(_({},(b=a.cellStyles)==null?void 0:b.freeCSS),T.freeCSS),W.freeCSS),className:[er("Cell"),a.cellClassName,T.className].join(" ")}),delete T.orderIndex;let M=Gr[w=="td"?"TD":"TH"];p.push((0,Nt.jsx)(M,_({},T),y))}),l.push((0,Nt.jsx)(Gr.Row,{className:[er("Row"),er("BodyRow")].join(" "),children:p,onClick:g=>{a.onRowClick&&a.onRowClick(JSON.parse(s.rowID),g)}},d))}),!o.length){let s=(0,Nt.jsx)(E,{padding:2,fontColor:"4.thin",textAlign:"center",borderTop:"1.thin",children:"\u30C6\u30FC\u30D6\u30EB\u304C\u3042\u308A\u307E\u305B\u3093"});a.noRecords&&(s=(0,Nt.jsx)(Nt.Fragment,{children:a.noRecords})),l.push((0,Nt.jsx)(Gr.Row,{className:[er("Row"),er("BodyRow"),er("DataNotFound")].join(" "),children:(0,Nt.jsx)(Gr.TD,{colSpan:a.colLength,className:er("Cell"),children:s})},"dataNotFound"))}return(0,Nt.jsx)(Nt.Fragment,{children:l})},Core:r=>{let{val_status:a,set_status:o}=r,{searchKeyword:l,filter:s,order:d,paging:c}=a,h=[...a.rows],p=[...a.rows],g=[...a.rows],y=[...a.rows];if(l&&(p=h.filter(w=>(w.__sys4SearchKey||"").match(new RegExp(l,"i"))?1:0),g=[...p],y=[...p]),s.enabled)for(let w=0;w<a.colLength;w++){let T=s.column[w],A=s.current[w];T&&A&&A.length&&(g=g.filter(R=>!A.includes(R[w].data)),y=[...g])}d.enabled&&(g=g.order({direction:d.current[1],keys:[d.current[0],"orderIndex"]}),y=[...g]);{let{currentPageIndex:w,rowLength:T}=c;y=[...y].splice((w-1)*T,T)}let b=jn.__memoryID+"_"+a.tableID,x={tableComponentDidMount:!0,totalRows:h.length,pageRows:y.length,filteredRows:g.length,filter:a.filter,order:a.order,paging:a.paging,searchKeyword:a.searchKeyword};return We.update({[b]:{status:x,updatePageIndex:w=>{let T=Math.min(Math.max(1,w),a.paging.pageLength),A=_({},a);A.paging.currentPageIndex=T,o(A)},updateRowLength:w=>{let T=_({},a);T.paging={rowLength:w,currentPageIndex:1,pageLength:Math.ceil(g.length/w)},o(T)},updateKeyword:w=>{Mo.default.interval.clear("InputSearchTime"),Mo.default.interval.standBy("InputSearchTime",200,()=>{let T=_({},a);T.searchKeyword=w,T.paging.currentPageIndex=1,T.filter.current=T.filter.current.map(()=>[]),o(T)})},getRowData:()=>{let w=[...h];return d.enabled&&(w=w.order({direction:d.current[1],keys:[d.current[0],"orderIndex"]})),w.forEach(T=>{T.currentPage=!1,T.filtered=!1}),y.forEach(T=>{let{rowID:A}=T;w.find(R=>R.rowID==A).currentPage=!0}),g.forEach(T=>{let{rowID:A}=T;w.find(R=>R.rowID==A).filtered=!0}),w}}}),(0,Tu.useEffect)(()=>{let w=jn.Propagations[a.tableID]||[];Object.keys(w).forEach(T=>{let A=We.get(T);A!=null&&A.refresh&&A.refresh()})}),(0,Nt.jsx)(E,{className:er("TableBase"),children:(0,Nt.jsx)(Gr.Table,{className:er("Table"),children:(0,Nt.jsxs)(Gr.Body,{children:[(0,Nt.jsx)(jn.Header,{val_status:a,set_status:o,KeywordFilterRows:p}),(0,Nt.jsx)(jn.Body,{val_status:a,set_status:o,PageRows:y})]})})})},Propagations:{},DataLeveler:r=>{var a,o;return r=_({},r),r.filter=(a=r.filter)!=null?a:!1,r.filter=Array.from({length:r.colLength}).map((l,s)=>{var d;return Mo.default.is.boolean(r.filter)?r.filter:(d=r.filter[s])!=null?d:!1}),r.order=(o=r.order)!=null?o:!0,r.order=Array.from({length:r.colLength}).map((l,s)=>{var d;return Mo.default.is.boolean(r.order)?r.order:(d=r.order[s])!=null?d:!0}),r=_({checker:!1,searchKeyword:"",filter:!1,order:!0,defaultOrder:[0,"ASC"]},r),r.rows.forEach((l,s)=>{l.rowID=JSON.stringify(l.rowID||s);let d=[];l.forEach((c,h)=>{let{data:p,children:g,orderIndex:y}=c;c.orderIndex=Mo.default.is.exist(y)?String(y):String(p),c.children=g||String(p),d.push(String(c.data))}),l.__sys4SearchKey=d.join("/")}),(0,Nt.jsx)(jn.StateManager,_({eventID:Mo.default.uuid.gen()},r))},StateManager:r=>{let{colLength:a,eventID:o,checker:l=!1,searchKeyword:s="",filter:d,order:c,defaultOrder:h=[0,"ASC"],pageRowLength:p=30}=r,[g]=(0,Tu.useState)(Mo.default.uuid.gen()),y={tableID:r.tableID||g,componentID:g,colLength:a,checker:l,searchKeyword:s,filter:{enabled:d!==!1,column:d,current:Array.from({length:a},()=>[])},order:{enabled:c!==!1,column:c,current:h},paging:{rowLength:p,pageLength:Math.ceil(r.rows.length/p),currentPageIndex:1},head:r.head,rows:r.rows,noRecords:r.noRecords,cellStyles:r.cellStyles||{},cellClassName:r.cellClassName||"",cellStylesCallback:r.cellStylesCallback,onRowClick:r.onRowClick,onOrderChanged:r.onOrderChanged},[b,x]=(0,Tu.useState)(y),[w,T]=(0,Tu.useState)(r.eventID);return w!=r.eventID&&(T(r.eventID),x(y)),(0,Nt.jsx)(jn.Core,{val_status:b,set_status:x})}},Jn={__memoryID:jn.__memoryID,useStatus:r=>{var a;let[o]=(0,Tu.useState)(Mo.default.uuid.gen()),[l,s]=(0,Tu.useState)(Mo.default.uuid.gen()),d=jn.__memoryID+"_"+r;return(0,Tu.useEffect)(()=>(jn.Propagations[r]=L(_({},jn.Propagations[r]),{[o]:1}),We.set({[o]:{refresh:()=>{s(Mo.default.uuid.gen())}}}),()=>{delete jn.Propagations[r][o]}),[]),((a=We.get(d))==null?void 0:a.status)||{tableComponentDidMount:!1}},getRowData:r=>{let a=We.get(jn.__memoryID+"_"+r);if(a!=null&&a.getRowData)return a.getRowData()},setPageIndex:(r,a)=>{let o=We.get(jn.__memoryID+"_"+r);o!=null&&o.updatePageIndex&&o.updatePageIndex(a)},setRowLength:(r,a)=>{let o=We.get(jn.__memoryID+"_"+r);o!=null&&o.updateRowLength&&o.updateRowLength(a)},setSearchKeyword:(r,a)=>{let o=We.get(jn.__memoryID+"_"+r);o!=null&&o.updateKeyword&&o.updateKeyword(a)}},z_={SearchInput:r=>{let a=Jn.useStatus(r.tableID);return a.tableComponentDidMount?(0,Nt.jsx)(gt.TextField,{placeholder:"\u691C\u7D22...",clearButton:!0,padding:"2/3",paddingRight:3,rightIcon:(0,Nt.jsx)(gt.RightIcon,{fontColor:"5.translucent",right:"2/3",children:(0,Nt.jsx)(xe.Search,{})}),override:"force",value:a.searchKeyword,onUpdateValidValue:({value:o})=>{Mo.default.interval.clear("InputSearchTime"),Mo.default.interval.standBy("InputSearchTime",500,()=>{Jn.setSearchKeyword(r.tableID,o)})}}):null},Info:r=>{let a=Jn.useStatus(r.tableID);if(!a.tableComponentDidMount)return null;let o=a.filteredRows.ratio(a.totalRows)||0;return(0,Nt.jsxs)(pt,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[(0,Nt.jsx)(Cn,{fontSize:"4.thirdTitle",fontColor:"theme",children:a.filteredRows.toLocaleString()}),"/ ",a.totalRows.toLocaleString(),"\u4EF6 (",o,"%)"]})},Paging:r=>{let a=Jn.useStatus(r.tableID);if(!a.tableComponentDidMount)return null;let o=[];for(let l=0;l<a.paging.pageLength;l++)o.push({value:l+1,label:(l+1).toString()});return(0,Nt.jsxs)(Je.Center,{children:[(0,Nt.jsxs)(Je.Center,{gap:"1/2",children:["\u30DA\u30FC\u30B8 :",(0,Nt.jsx)(gt.Select,{emptySelect:!1,padding:["1/3","2/3"],rightIcon:!1,override:"force",value:a.paging.currentPageIndex,options:o,onUpdateValidValue:({value:l})=>{Jn.setPageIndex(r.tableID,l)}}),"/ ",a.paging.pageLength]}),(0,Nt.jsxs)(Je.Right,{gap:"1/2",children:[(0,Nt.jsx)(oe.Button.Sub.R,{ssSphere:3,onClick:()=>{if(a.paging.currentPageIndex==1){Jn.setPageIndex(r.tableID,a.paging.pageLength);return}Jn.setPageIndex(r.tableID,a.paging.currentPageIndex-1)},children:(0,Nt.jsx)(xe.ChevronLeft,{})}),(0,Nt.jsx)(oe.Button.Sub.R,{ssSphere:3,onClick:()=>{if(a.paging.currentPageIndex==a.paging.pageLength){Jn.setPageIndex(r.tableID,1);return}Jn.setPageIndex(r.tableID,a.paging.currentPageIndex+1)},children:(0,Nt.jsx)(xe.ChevronRight,{})})]})]})},RowLength:r=>{let a=Jn.useStatus(r.tableID);if(!a.tableComponentDidMount)return null;let o=a.paging.rowLength,l=0,s=r.lengthSelect.map(d=>(l|=+(d==o),{value:d,label:d.toString()}));return l||s.push({value:o,label:o.toString()}),s=s.order({direction:"ASC",keys:["value"]}),(0,Nt.jsxs)(Je.Center,{gap:"1/2",children:["\u4EF6\u6570 :",(0,Nt.jsx)(gt.Select,{emptySelect:!1,rightIcon:!1,label:"\u9078\u629E",override:"force",padding:["1/3","2/3"],value:a.paging.rowLength,options:s,onUpdateValidValue:({value:d})=>{Jn.setRowLength(r.tableID,d)}})]})}},mG=r=>(0,Nt.jsx)(tp,L(_({},r),{type:"data",JSXChildren:jn.DataLeveler})),Bl=mG;Bl.__memoryID=jn.__memoryID,Bl.useStatus=Jn.useStatus,Bl.getRowData=Jn.getRowData,Bl.setPageIndex=Jn.setPageIndex,Bl.setRowLength=Jn.setRowLength,Bl.setSearchKeyword=Jn.setSearchKeyword,Bl.Info=z_.Info,Bl.Paging=z_.Paging,Bl.RowLength=z_.RowLength,Bl.SearchInput=z_.SearchInput;var Qn;(r=>(r.Normal=PO,r.Data=Bl,r.Drag=WO,r.Parts=Gr))(Qn||(Qn={}));var mt=Z(Mt()),Ba=Z(pr());var ls=Z(fr());var L7=Z(s7()),A7=Z(m7()),B7=Z(w7()),N7=Z(D7());var Nw=class{constructor(a){this.set_scale=a.set_scale,this.val_file=a.val_file,this.develops=a.develops,this.use=a.use,this.componentID=a.componentID,this.scale={current:a.scale.default,default:a.scale.default,min:a.scale.min,max:a.scale.max};let o=a.canvas;this.Canvas={elm:o,ctx:o.getContext("2d")};let l=a.picture.image,{width:s,height:d}=l,c=s/d;this.Picture={elm:l,originDataUrl:l.src,aspect:c,revisedAspect:1,rotate:a.picture.rotate,grayScale:a.picture.grayScale,tone:a.picture.tone},this.pst={frame:{x:0,y:0,w:0,h:0,aspect:1},outImage:{x:0,y:0,w:0,h:0},imageX:s/2,imageY:d/2,centerX:0,centerY:0},this.dragEffectInfo={origin:{x:0,y:0},frameExpandRate:{x:0,y:0}},this.pinchEffectInfo={origin:{x:0,y:0,scale:this.scale.current}},this.frameSizing(),this.modifyImage()}frameSizing(){let a=this.Canvas.elm,o=this.Picture.elm,l=0,s=0;if(this.use=="square"){let y=a.width/3*2,b=a.height/3*2;l=Math.min(y,b),s=l}else this.use=="wallpaper.horizontal"?(l=a.width*(7/9),s=l/3):this.use=="wallpaper.vertical"&&(s=a.height*(7/9),l=s/2);let{width:d,height:c}=o,h=(a.width-l)/2,p=(a.height-s)/2,g=l/s;this.pst={frame:{x:h,y:p,w:l,h:s,aspect:g},outImage:{x:0,y:0,w:0,h:0},imageX:d/2,imageY:c/2,centerX:a.width/2,centerY:a.height/2}}dragEffect(a){let{eventType:o,x:l,y:s}=a;if(o=="start"){let d=this.Canvas.elm.position();this.dragEffectInfo={origin:{x:l,y:s},frameExpandRate:{x:this.Canvas.elm.width/d.width,y:this.Canvas.elm.height/d.height}}}else{let{origin:d,frameExpandRate:c}=this.dragEffectInfo,h=d.x-l,p=d.y-s,g=this.scale.current*this.Picture.revisedAspect/100,y=h/g*c.x,b=p/g*c.y;o=="move"?this.drawImage(this.pst.imageX+y,this.pst.imageY+b):o=="end"&&this.drawImage(this.pst.imageX+=y,this.pst.imageY+=b)}}pinchEffect(a){let{eventType:o,event:l}=a,{x:s,y:d}=Ba.default.getCursor(l.touches[0]),{x:c,y:h}=Ba.default.getCursor(l.touches[1]),p=c-s,g=h-d;if(o=="start")this.pinchEffectInfo.origin={x:p,y:g,scale:this.scale.current};else if(o=="move"){let{origin:y}=this.pinchEffectInfo,b=Math.sqrt(Math.pow(y.x,2)+Math.pow(y.y,2)),x=Math.sqrt(Math.pow(p,2)+Math.pow(g,2))/b,w=Number(y.scale*x);this.set_scale(w)}}updateScale(a){let o=a;o=Math.max(o,this.scale.min),o=Math.min(o,this.scale.max),this.scale.current=o,this.drawImage()}updateFilter(a){this.Picture.grayScale=a.grayScale,this.Picture.tone=a.tone,this.Picture.rotate=a.rotate,this.modifyImage()}modifyImage(){return pa(this,null,function*(){let{grayScale:a,tone:o,rotate:l}=this.Picture,s=document.createElement("canvas"),d=s.getContext("2d"),c=yield Ba.default.ImageLoader(this.Picture.originDataUrl),h=c.width,p=c.height;(l==90||l==270)&&(h=c.height,p=c.width),s.width=h,s.height=p,a&&(d.filter="grayscale("+a+"%)"),l&&(d.translate(h/2,p/2),d.rotate(l*Math.PI/180),[90,270].includes(l)?d.translate(-p/2,-h/2):d.translate(-h/2,-p/2)),d.drawImage(c,0,0,c.width,c.height);let g=d.getImageData(0,0,s.width,s.height),y=g.data;{a/=100;let T=[[255,255,255],[255,200,100],[170,170,255],[240,200,145],[128,255,255],[255,128,255],[255,255,128],[128,158,169],[128,112,162],[50,192,87],[246,100,140]][o],A=T[0]/255,R=T[1]/255,W=T[2]/255;for(let M=0;M<p;M++)for(let z=0;z<h;z++){var b=(M*h+z)*4;if(a){let j=.3*y[b]+.59*y[b+1]+.11*y[b+2];for(var x=0;x<3;x++){let K=y[b+x];y[b+x]=K+(j-K)*a}}y[b]*=A,y[b+1]*=R,y[b+2]*=W}}d.putImageData(g,0,0);let w=s.toDataURL("image/jpeg");{let T=yield Ba.default.ImageLoader(w),{width:A,height:R}=T,W=A/R;this.Picture=L(_({},this.Picture),{elm:T,aspect:W,revisedAspect:this.pst.frame.aspect>W?this.pst.frame.w/A:this.pst.frame.h/R})}this.drawImage()})}drawImage(a,o){let{use:l,Canvas:{ctx:s,elm:d},pst:{frame:c}}=this,h=a||this.pst.imageX,p=o||this.pst.imageY;{let g=this.scale.current/100,y=this.Picture.revisedAspect*g,b=this.pst.centerX-h*y,x=this.pst.centerY-p*y,w=this.Picture.elm.width*y,T=this.Picture.elm.height*y;{let A=this.pst.frame.x+this.pst.frame.w-w,R=this.pst.frame.x,W=this.pst.frame.y+this.pst.frame.h-T,M=this.pst.frame.y,z=0;b<A&&(z=b-A),b>R&&(z=b-R);let j=0;x<W&&(j=x-W),x>M&&(j=x-M),this.dragEffectInfo.origin.x+=z/2/this.dragEffectInfo.frameExpandRate.x,this.dragEffectInfo.origin.y+=j/2/this.dragEffectInfo.frameExpandRate.y,b=Math.min(Math.max(b,A),R),x=Math.min(Math.max(x,W),M)}this.pst.outImage={x:b,y:x,w,h:T},s.clearRect(0,0,this.Canvas.elm.width,this.Canvas.elm.height),s.drawImage(this.Picture.elm,0,0,this.Picture.elm.width,this.Picture.elm.height,b,x,w,T)}{if(l=="square"){s.fillStyle="rgba( 20,24,20,.3 )",s.beginPath();let y=d.width/3*2,b=d.height/3*2,x=Math.min(y,b),w=Math.max(y,b);s.arc(d.width/2,d.height/2,w,0,Math.PI*2,!0),s.arc(d.width/2,d.height/2,x/2,0,Math.PI*2,!1),s.closePath(),s.fill()}else(l=="wallpaper.horizontal"||l=="wallpaper.vertical")&&(s.fillStyle="rgba( 20,24,20,.3 )");s.beginPath(),s.moveTo(0,0),s.lineTo(d.width,0),s.lineTo(d.width,d.height),s.lineTo(0,d.height),s.lineTo(0,0),s.closePath(),s.lineTo(c.x,c.y),s.lineTo(c.x,c.y+c.h),s.lineTo(c.x+c.w,c.y+c.h),s.lineTo(c.x+c.w,c.y),s.lineTo(c.x,c.y),s.fill();let g=(0,Ba.default)(document.body).getStyleProperty("--color-theme-hsl");s.lineWidth=4,s.strokeStyle=`hsla( ${g},1 )`,s.strokeRect(c.x,c.y,c.w,c.h)}}export(){return pa(this,null,function*(){let{Canvas:a,develops:o,Picture:l,pst:{outImage:s,frame:d}}=this,c=s.w/l.elm.width,h=s.h/l.elm.height,p=(d.x-s.x)/c,g=(d.x-s.x+d.w)/c,y=(d.y-s.y)/h,b=(d.y-s.y+d.h)/h,x=Array.from({length:o.length}),w="image/jpeg";for(let T=0;T<o.length;T++){let{size:A,maxSize:R}=o[T];R=R||{S:1024*20,R:1024*100,L:1024*350}[A];let W={S:140,R:600,L:1200}[A],M=W;this.use=="wallpaper.horizontal"?M=W/3:this.use=="wallpaper.vertical"&&(M=W*2);let z=document.createElement("canvas");z.width=W,z.height=M;let j=z.getContext("2d");if(!j)return;j.clearRect(0,0,W,M),j.drawImage(this.Picture.elm,p,y,g-p,b-y,0,0,W,M);let K=z.toDataURL(w),P=yield K.toBlob(w);if(!P)return;if(P.size>=R){let Ee=R/P.size;if(K=z.toDataURL(w,Ee*.92),P=yield K.toBlob(w),!P)return}let le=new File([P],this.val_file.name,{type:w});x[T]=le}return x})}},O7={Core:r=>{let{val_file:a,options:o,finishedCallback:l,abortCallback:s}=r,{use:d,develops:c=[]}=o,[h]=(0,ls.useState)(Ba.default.uuid.gen(32)),p={scale:{default:120,min:100,max:400},rotate:0,grayScale:0,tone:0},[g,y]=(0,ls.useState)(p.scale.default),[b,x]=(0,ls.useState)(p.rotate),[w,T]=(0,ls.useState)(p.grayScale),[A,R]=(0,ls.useState)(p.tone);return(0,ls.useEffect)(()=>{let W="CropperResize";return(0,Ba.default)(window).addEvent({eventType:"resize",eventID:W,callback:()=>{Ba.default.interval.clear("CropperResize"),Ba.default.interval.standBy("CropperResize",200,()=>{var M;let z=xt("#Canvas-"+h)[0];if(!z)return;let j=(M=We.get(h))==null?void 0:M.Instance;if(!j)return;let K=z.position(),P=K.width/K.height;z.width=2400,z.height=2400/P;let{width:le,height:Ee}=z;j.pst.centerX=le/2,j.pst.centerY=Ee/2,j.frameSizing(),j.modifyImage()})}}),()=>{(0,Ba.default)(window).removeEvent(W)}},[]),(0,ls.useEffect)(()=>{We.set({[h]:{}}),pa(void 0,null,function*(){Za.fn.corner.active(),yield Ba.default.pending(()=>{},400);let{target:W}=yield a.convert();if(!W)return;let M=W.result,z=xt("#Canvas-"+h)[0];if(!z)return;let j=z.position(),K=j.width/j.height;z.width=2400,z.height=2400/K;let P=new Nw({set_scale:y,val_file:a,develops:c,use:d,scale:p.scale,componentID:h,canvas:z,picture:{image:yield Ba.default.ImageLoader(M),grayScale:p.grayScale,tone:p.tone,rotate:p.rotate}});We.set({[h]:{Instance:P}});let le=function(me){if(me.preventDefault(),me.touches&&me.touches.length>1)P.pinchEffect({eventType:"start",event:me}),(0,Ba.default)(document).addEvent({eventType:"touchmove",eventID:"CropperEffectMove",options:{passive:!1},callback:ye=>{ye.preventDefault(),P.pinchEffect({eventType:"move",event:ye})}}).addEvent({eventType:"touchend",eventID:"CropperEffectEnd",options:{passive:!1},callback:te});else{P.dragEffect(_({eventType:"start"},Ba.default.getCursor(me)));let{type:ye}=me;(0,Ba.default)(document).addEvent({eventType:ye=="touchstart"?"touchmove":"mousemove",eventID:"CropperEffectMove",options:{passive:!1},callback:de=>{Ee("move",de)}}).addEvent({eventType:ye=="touchstart"?"touchend":"mouseup",eventID:"CropperEffectEnd",options:{passive:!1},callback:de=>{Ee("end",de),te(de)}})}},Ee=function(me,ye){ye.preventDefault(),P.dragEffect(_({eventType:me},Ba.default.getCursor(ye)))},te=function(me){me.preventDefault(),(0,Ba.default)(document).removeEvent(["CropperEffectMove","CropperEffectEnd"])};(0,Ba.default)(z).removeEvent(["CropperMouseWheel","CropperTouchStart","CropperMouseDown"]).addEvent({eventID:"CropperMouseWheel",eventType:"wheel",callback:me=>{me.preventDefault();let ye=Number(me.wheelDelta*.04),de=P.scale.current+ye;de=Math.max(de,P.scale.min),de=Math.min(de,P.scale.max),y(de)},options:{passive:!1}}).addEvent({eventType:"touchstart",eventID:"CropperTouchStart",callback:le,options:{passive:!1}}).addEvent({eventType:"mousedown",eventID:"CropperMouseDown",callback:le,options:{passive:!1}}),setTimeout(()=>{Za.fn.corner.stop()},1e3)})},[a.id]),(0,ls.useEffect)(()=>{var W;let M=(W=We.get(h))==null?void 0:W.Instance;M&&M.updateScale(g)},[g]),(0,ls.useEffect)(()=>{var W;let M=(W=We.get(h))==null?void 0:W.Instance;M&&M.updateFilter({grayScale:w,tone:A,rotate:b})},[w,A,b]),(0,mt.jsx)(Vt.Body,{borderRadius:0,height:"viewHeight",width:"viewWidth",children:(0,mt.jsxs)(ht,{className:[fc("Wrap"),fc("Use_"+d)].join(" "),gap:0,height:1,position:"relative",overflow:"hidden",borderRadius:"inherit",children:[(0,mt.jsx)(E,{flexSizing:0,overflow:"hidden",position:"relative",backgroundColor:"black",flexCenter:!0,freeCSS:{zIndex:1},children:(0,mt.jsx)("canvas",{style:{width:"100%",height:"100%"},width:2400,height:2400,className:fc("Canvas"),id:"Canvas-"+h})}),(0,mt.jsxs)(Je.Separate,{borderTop:!0,flexSizing:"none",backgroundColor:"layer.1",padding:1,verticalAlign:"unset",UnderBreakPointStyles:{flexType:"col"},children:[(0,mt.jsx)(O7.SettingRegion,{DefaultOptions:p,val_scale:g,set_scale:y,val_tone:A,set_tone:R,val_grayScale:w,set_grayScale:T,val_rotate:b,set_rotate:x}),(0,mt.jsxs)(Je.Right,{flexSizing:"none",children:[(0,mt.jsx)(oe.Button.Border.R,{isRounded:!0,onClick:()=>{s()},children:"\u9589\u3058\u308B"}),(0,mt.jsx)(oe.Button.Prime.R,{isRounded:!0,boxShadow:"3.remark",onClick:()=>pa(void 0,null,function*(){var W;let M=(W=We.get(h))==null?void 0:W.Instance;if(!M)return;Za.fn.mini.active("CropperExportation");let z=yield M.export();setTimeout(()=>{Za.fn.mini.stop("CropperExportation"),l(z)},3e3)}),children:(0,mt.jsxs)(Je.Center,{gap:"1/2",children:[(0,mt.jsx)(Za.White.R,{loaderID:"CropperExportation"}),"\u6C7A\u5B9A"]})})]})]})]})})},SettingRegion:r=>{let a=["","\u6696\u8272","\u5BD2\u8272","\u30BB\u30D4\u30A2","\u30B7\u30A2\u30F3","\u30DE\u30BC\u30F3\u30BF","\u30A4\u30A8\u30ED\u30FC","\u30AA\u30EA\u30B8\u30CA\u30EB1","\u30AA\u30EA\u30B8\u30CA\u30EB2","\u30AA\u30EA\u30B8\u30CA\u30EB3","\u30AA\u30EA\u30B8\u30CA\u30EB4"],o=l=>a[l]||"\u306A\u3057";return(0,mt.jsxs)(Je.Left,{verticalAlign:"unset",flexWrap:!0,children:[(0,mt.jsxs)(ht,{gap:"1/3",children:[(0,mt.jsx)(Xe.Supplement,{children:"Rotate"}),(0,mt.jsxs)(Je.Left,{flexChilds:"even",gap:"1/6",children:[(0,mt.jsx)(oe.Button.Border.S,{isRounded:!0,borderTopRightRadius:0,borderBottomRightRadius:0,onClick:()=>{let l=r.val_rotate-90;l<0&&(l+=360),r.set_rotate(l)},children:(0,mt.jsxs)(Je.Center,{gap:"1/4",children:["90\xB0",(0,mt.jsx)(xe,{icon:B7.faRotateLeft})]})}),(0,mt.jsx)(oe.Button.Border.S,{isRounded:!0,borderTopLeftRadius:0,borderBottomLeftRadius:0,onClick:()=>{r.set_rotate((r.val_rotate+90)%360)},children:(0,mt.jsxs)(Je.Center,{gap:"1/4",children:[(0,mt.jsx)(xe,{icon:N7.faRotateRight}),"90\xB0"]})})]})]}),(0,mt.jsxs)(ht,{gap:"1/3",freeCSS:{minWidth:12*6},children:[(0,mt.jsx)(Xe.Supplement,{children:"Zoom"}),(0,mt.jsxs)(oe.Button.Border.S,{flexCenter:!0,isRounded:!0,flexSizing:0,onClick:l=>{let s="CropperZoomEdit";Ar.open({tipsID:s,gravityPoint:3,event:l,close_option:{parentBlur:!1},freeCSS:{minWidth:12*26},content:(0,mt.jsx)(Vt.Body,{children:(0,mt.jsxs)(ht,{padding:1.5,children:[(0,mt.jsxs)(Je.Separate,{children:[(0,mt.jsx)(Xe.Paragraph,{children:(0,mt.jsxs)(Je.Center,{gap:"1/2",children:[(0,mt.jsx)(xe.Search,{fontColor:"5.translucent"}),"Zoom"]})}),(0,mt.jsx)(oe.Button.Sub.R,{color:"cloud",ssSphere:2.5,onClick:()=>{Ar.close(s)},children:(0,mt.jsx)(xe.Times,{})})]}),(0,mt.jsx)(E,{borderBottom:!0,opacity:"low"}),(0,mt.jsx)(gt.Slider,{override:"force",value:r.val_scale-100,min:r.DefaultOptions.scale.min-100,max:r.DefaultOptions.scale.max-100,step:25,onUpdateValidValue:({eventType:d,value:c})=>{Ba.default.interval.clear("Cropper.UpdateScale"),Ba.default.interval.standBy("Cropper.UpdateScale",250,()=>{r.set_scale(c+100)})},legends:{enable:!0,custom:d=>"x"+Math.round(100+d)/100}})]})})})},children:[r.val_scale.rate(1,0),"%"]})]}),(0,mt.jsxs)(ht,{gap:"1/3",freeCSS:{minWidth:12*6},children:[(0,mt.jsx)(Xe.Supplement,{children:"GrayScale"}),(0,mt.jsxs)(oe.Button.Border.S,{flexCenter:!0,isRounded:!0,flexSizing:0,onClick:l=>{let s="CropperGrayScaleEdit";Ar.open({tipsID:s,gravityPoint:3,event:l,close_option:{parentBlur:!1},freeCSS:{minWidth:12*26},content:(0,mt.jsx)(Vt.Body,{children:(0,mt.jsxs)(ht,{padding:1.5,children:[(0,mt.jsxs)(Je.Separate,{children:[(0,mt.jsx)(Xe.Paragraph,{children:(0,mt.jsxs)(Je.Center,{gap:"1/2",children:[(0,mt.jsx)(xe,{icon:L7.faPalette,fontColor:"5.translucent"}),"Gray Scale"]})}),(0,mt.jsx)(oe.Button.Sub.R,{color:"cloud",ssSphere:2.5,onClick:()=>{Ar.close(s)},children:(0,mt.jsx)(xe.Times,{})})]}),(0,mt.jsx)(E,{borderBottom:!0,opacity:"low"}),(0,mt.jsx)(gt.Slider,{value:r.val_grayScale,min:0,max:100,step:10,onUpdateValidValue:({value:d})=>{Ba.default.interval.clear("Cropper.GrayScale"),Ba.default.interval.standBy("Cropper.GrayScale",250,()=>{r.set_grayScale(d)})},legends:{enable:!0,custom:d=>d+"%"}})]})})})},children:[r.val_grayScale.rate(1,0),"%"]})]}),(0,mt.jsxs)(ht,{gap:"1/3",freeCSS:{minWidth:12*6},children:[(0,mt.jsx)(Xe.Supplement,{children:"Tone"}),(0,mt.jsx)(oe.Button.Border.S,{flexCenter:!0,isRounded:!0,flexSizing:0,onClick:l=>{let s="CropperToneEdit";Ar.open({tipsID:s,gravityPoint:3,event:l,close_option:{parentBlur:!1},freeCSS:{minWidth:12*26,maxWidth:12*24},content:()=>{let d=[];for(let c=1;c<=10;c++)d.push({value:c,label:(0,mt.jsxs)(mt.Fragment,{children:[(0,mt.jsx)(E,{ssSphere:1,className:[fc("ToneBall"),fc("ToneBall_"+c)].join(" ")}),(0,mt.jsx)(E,{textAlign:"left",flexSizing:0,children:o(c)})]})});return(0,mt.jsx)(Vt.Body,{children:(0,mt.jsxs)(ht,{padding:1.5,children:[(0,mt.jsxs)(Je.Separate,{children:[(0,mt.jsx)(Xe.Paragraph,{children:(0,mt.jsxs)(Je.Center,{gap:"1/2",children:[(0,mt.jsx)(xe,{icon:A7.faBarsStaggered,fontColor:"5.translucent"}),"Tone"]})}),(0,mt.jsx)(oe.Button.Sub.R,{color:"cloud",ssSphere:2.5,onClick:()=>{Ar.close(s)},children:(0,mt.jsx)(xe.Times,{})})]}),(0,mt.jsx)(E,{borderBottom:!0,opacity:"low"}),(0,mt.jsx)(gt.Radio.Normal,{value:r.val_tone,gap:"1/2",cellStyles:{fontColor:"3.blur"},options:[{value:0,label:(0,mt.jsx)(E,{flexSizing:0,textAlign:"center",children:"\u306A\u3057"})},...d],onUpdateValidValue:({value:c})=>{r.set_tone(c)}})]})})}})},children:(0,mt.jsxs)(Je.Center,{gap:"1/2",children:[(0,mt.jsx)(E,{boxShadow:"2.remark",ssSphere:1,className:[fc("ToneBall"),fc("ToneBall_"+r.val_tone)].join(" ")}),o(r.val_tone)]})})]})]})}},wm={openDialogNEdit:r=>pa(void 0,null,function*(){let a=yield gt.Filer.fn.openDialog({accept:"image",multiple:!1});wm.openEditor(_({imageFile:a[0]},r))}),openEditor:r=>pa(void 0,null,function*(){let a="CropperImage";Vt.open({sheetID:a,type:"normal.middleCenter",size:"MAX",padding:0,margin:0,freeCSS:{maxWidth:"100vw"},content:(0,mt.jsx)(O7.Core,{val_file:r.imageFile,options:r,finishedCallback:o=>{Vt.close(a),r.onProcessFinished(o)},abortCallback:()=>{Vt.close(a)}}),close_option:{escapeKeyDown:!1}})})};var Fo=Z(Mt());var I7=()=>{let{href:r}=location;return(0,Fo.jsx)(Je.Center,{padding:[4,1],children:(0,Fo.jsxs)(ht,{ssCardBox:!0,gap:2,padding:[3,2],textAlign:"center",width:1,freeCSS:{maxWidth:12*30},children:[(0,Fo.jsx)(xe.LinkSlash,{fontColor:"theme",freeCSS:{fontSize:"3rem"}}),(0,Fo.jsxs)(E,{children:[(0,Fo.jsx)(Xe.Paragraph,{children:"\u3053\u306E\u30DA\u30FC\u30B8\u306F\u3054\u5229\u7528\u3044\u305F\u3060\u3051\u307E\u305B\u3093\u3002"}),(0,Fo.jsx)(Xe.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"})]}),(0,Fo.jsxs)(ht,{children:[(0,Fo.jsxs)(Xe,{textAlign:"left",ssCardBox:"cloud",isSemiBoldFont:!0,padding:1,children:["\u30FB\u30EA\u30F3\u30AF\u304C\u6B63\u3057\u3044\u304B",(0,Fo.jsx)(E,{margin:["1/2",0],borderBottom:!0}),"\u30FB\u30EA\u30F3\u30AF\u306E\u6709\u52B9\u671F\u9650",(0,Fo.jsx)(E,{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"]}),(0,Fo.jsx)(oe.Anchor.Link,{newTab:!0,href:r,children:r}),(0,Fo.jsx)(oe.Anchor.BorderToFill.R,{href:"/",width:1,children:"\u30DB\u30FC\u30E0\u306B\u623B\u308B"})]})})};var H_=r=>{let[a,o]=(0,Cc.useState)(r.pathname),l=!0;a!==r.pathname&&(l=!1,o(r.pathname));let s=(0,Cc.useRef)(!1);(0,Cc.useEffect)(()=>{l&&(s.current?(Vt.closeAll(!0),ts.fn.updateCSSProperty.reset()):s.current=!0)},[a]),l&&r.beforeCB&&r.beforeCB(location.href),(0,Cc.useEffect)(()=>{l&&r.afterFirstCB&&r.afterFirstCB(location.href)},[]),(0,Cc.useEffect)(()=>{l&&(setTimeout(()=>{window.dispatchEvent(new Event("resize"))},200),r.afterCB&&r.afterCB(location.href))},[a])};var ss=Z(pr());var Iw=!1,S_=r=>pa(void 0,null,function*(){if(Iw)return{valid:!1,data:{}};let a=document.activeElement;a&&a.blur(),Iw=!0;let o=(0,ss.default)(`[data-form="${r}"]`),l=1,s={};for(let d=0;d<o.length;d++){let c=o[d],{componentId:h=""}=c.dataset,p=We.get(h);p&&p.Refresh&&(yield p.Refresh());let{value:g,name:y,checked:b,dataset:{value:x,name:w="",inputType:T="",validation:A}}=o[d],R=x;if(y=y||w,A=+((A!=null?A:"true")=="true"),T=="hidden")R&&(R=JSON.parse(R));else if(["radio","checkbox","checker"].includes(T)){if(R){let M=ss.default.toJson(R);if(!M.ok)continue;R=M.body,ss.default.is.array(R)?R=R.map(z=>ss.default.toJson(z).body):R=ss.default.toJson(R).body,T=="radio"&&(R=R[0]),T=="checker"&&(R=!!R[0])}}else["autocomplete-single","autocomplete-multi"].includes(T)?(R=ss.default.toJson(R).body,R.length&&(R=R.map(M=>ss.default.toJson(M).body),T=="autocomplete-single"&&(R=R[0]))):T=="time"?R&&(R=ss.default.toJson(R).body):T=="select"?(console.log(R),R=ss.default.toJson(R).body,console.log(R)):T=="file"?p&&(R=p.Files):T=="slider"?R&&(R=ss.default.toJson(R).body):T=="switch"&&(R=b|0);let W=(A!=null?A:1)|0;l&=W,A&&(s[y]=R)}return Iw=!1,{valid:!!l,data:s}});var zn={open:r=>{window.open(r)},pushSync:r=>{window.location.href=r},push:(r,a)=>{if(a){zn.open(r);return}zn.pushAsync(r)},pushAsync:r=>{if(r.match(/https?:\/\//)){zn.pushSync(r);return}zn.__push(r)},back:()=>{zn.__back()},__push:r=>{},__back:()=>{},setPushEffect:r=>{zn.__push=r},setBackEffect:r=>{zn.__back=r}};var $a=Z(pr());var Ae={toConcreteBorderRadius:r=>{let a=ut.get().roundness|0;return r=="1.tone.primary"?r=[0,2,3,4,5,5][a]:r=="2.tone.secondary"?r=[0,1,2,3,4,5][a]:r=="3.tone.tertiary"&&(r=[0,"1/3","2/3",1,2,3][a]),r},ev:r=>$a.default.is.exist(r),ClassNames:(r,a)=>{var o,l,s,d,c,h,p;let g=[],{gap:y,display:b,position:x,overflow:w,fontColor:T,fontSize:A,fontWeight:R,backgroundColor:W,textAlign:M,textDecoration:z,boxShadow:j,margin:K,marginTop:P,marginRight:le,marginBottom:Ee,marginLeft:te,padding:me,paddingTop:ye,paddingRight:de,paddingBottom:U,paddingLeft:Q,top:re,right:V,bottom:ee,left:ie,border:Se,borderTop:se,borderRight:Re,borderBottom:De,borderLeft:Ie,borderWidth:je,borderColor:ot,borderStyle:St,borderRadius:_t,borderTopLeftRadius:wt,borderTopRightRadius:Et,borderBottomLeftRadius:Rt,borderBottomRightRadius:dt,flexSizing:Be,flexWrap:It,flexType:Wt,flexChilds:Ft,flexGrid:Yt,horizontalAlign:gr,verticalAlign:_r,transition:zr,gridCenter:_a,gridCols:aa,maxHeight:ia,minHeight:Br,maxWidth:Nr,minWidth:Or,width:ma,height:ur,unitHeight:Er,unitWidth:Ir,opacity:ba}=a;{if(Ae.ev(b)&&g.push("dsp"+b),w){let I=$a.default.flatArray(w);g.push("ovfl-x-"+I[0]),g.push("ovfl-y-"+(I[1]||I[0]))}Ae.ev(x)&&g.push("ps"+x),Ae.ev(M)&&g.push("txtalg"+M),Ae.ev(M)&&g.push("txtdeco"+z),Ae.ev(T)&&g.push("ftcl"+((o=String(T))==null?void 0:o.replace(/\./g,"_"))),Ae.ev(A)&&g.push("ftsz"+((l=String(A))==null?void 0:l.replace(/\..*/,""))),Ae.ev(R)&&g.push("ftwt"+(R==null?void 0:R.replace(/\..*/,""))),Ae.ev(W)&&g.push("bgc"+((s=String(W))==null?void 0:s.replace(/\./g,"_"))),Ae.ev(j)&&g.push("bs"+j);let ze,lt,bt,Xt;$a.default.is.exist(K)&&($a.default.is.array(K)?K.length==2?[ze,lt,bt,Xt]=[...K,...K]:K.length==4&&([ze,lt,bt,Xt]=K):ze=lt=bt=Xt=K,P=P!=null?P:ze,le=le!=null?le:lt,Ee=Ee!=null?Ee:bt,te=te!=null?te:Xt),Ae.ev(P)&&g.push("mrgt"+P),Ae.ev(le)&&g.push("mrgr"+le),Ae.ev(Ee)&&g.push("mrgb"+Ee),Ae.ev(te)&&g.push("mrgl"+te);let qt,Tr,mr,qr;$a.default.is.exist(me)&&($a.default.is.array(me)?me.length==2?[qt,Tr,mr,qr]=[...me,...me]:me.length==4&&([qt,Tr,mr,qr]=me):qt=Tr=mr=qr=me,ye=ye!=null?ye:qt,de=de!=null?de:Tr,U=U!=null?U:mr,Q=Q!=null?Q:qr),Ae.ev(ye)&&g.push("pdt"+ye),Ae.ev(de)&&g.push("pdr"+de),Ae.ev(U)&&g.push("pdb"+U),Ae.ev(Q)&&g.push("pdl"+Q),Ae.ev(re)&&g.push("pstt"+re),Ae.ev(V)&&g.push("pstr"+V),Ae.ev(ee)&&g.push("pstb"+ee),Ae.ev(ie)&&g.push("pstl"+ie);{$a.default.is.exist(Se)&&(se=se!=null?se:Se,Re=Re!=null?Re:Se,De=De!=null?De:Se,Ie=Ie!=null?Ie:Se),$a.default.is.boolean(se)&&(se=["unset","2.normal"][Number(se)]),$a.default.is.boolean(Re)&&(Re=["unset","2.normal"][Number(Re)]),$a.default.is.boolean(De)&&(De=["unset","2.normal"][Number(De)]),$a.default.is.boolean(Ie)&&(Ie=["unset","2.normal"][Number(Ie)]),Ae.ev(se)&&g.push("b_t_ss"+((d=String(se))==null?void 0:d.replace(/\..*/,""))),Ae.ev(Re)&&g.push("b_r_ss"+((c=String(Re))==null?void 0:c.replace(/\..*/,""))),Ae.ev(De)&&g.push("b_b_ss"+((h=String(De))==null?void 0:h.replace(/\..*/,""))),Ae.ev(Ie)&&g.push("b_l_ss"+((p=String(Ie))==null?void 0:p.replace(/\..*/,""))),$a.default.is.exist(je)&&g.push("b_wth"+String(je)),$a.default.is.exist(ot)&&g.push("b_cl"+String(ot)),$a.default.is.exist(St)&&g.push("b_st"+String(St));{let I,ae,B,H;$a.default.is.exist(_t)&&($a.default.is.array(_t)?_t.length==4&&([I,ae,H,B]=_t):I=ae=B=H=_t,wt=wt!=null?wt:I,Et=Et!=null?Et:ae,Rt=Rt!=null?Rt:B,dt=dt!=null?dt:H)}Ae.ev(wt)&&g.push("br_tl"+Ae.toConcreteBorderRadius(wt)),Ae.ev(Et)&&g.push("br_tr"+Ae.toConcreteBorderRadius(Et)),Ae.ev(Rt)&&g.push("br_bl"+Ae.toConcreteBorderRadius(Rt)),Ae.ev(dt)&&g.push("br_br"+Ae.toConcreteBorderRadius(dt))}if(Ae.ev(ba)&&g.push("op"+ba),$a.default.is.exist(y)){let I,ae;$a.default.is.array(y)?(I=y[0],ae=y[1]):I=ae=y,g.push("gapRow"+I,"gapCol"+ae)}Ae.ev(Be)&&g.push("flsz"+Be),Ae.ev(It)&&g.push("flwrp"+It),Ae.ev(Wt)&&g.push("fltyp"+Wt),Ae.ev(Ft)&&g.push("flchld"+Ft),Ae.ev(Yt)&&g.push("flgrid"+Yt),Ae.ev(_r)&&g.push("flvrt"+_r),Ae.ev(gr)&&g.push("flhrz"+gr),Ae.ev(_a)&&g.push("grcnt"+_a),Ae.ev(aa)&&g.push("grcol"+aa),Ae.ev(ur)&&g.push("hgt"+ur),Ae.ev(ma)&&g.push("wdt"+ma),Ae.ev(Er)&&g.push("unthgt"+Er),Ae.ev(Ir)&&g.push("untwdt"+Ir),Ae.ev(zr)&&g.push("trnst"+zr),Ae.ev(ia)&&g.push("maxh"+ia),Ae.ev(Br)&&g.push("minh"+Br),Ae.ev(Nr)&&g.push("maxw"+Nr),Ae.ev(Or)&&g.push("minw"+Or)}return g.length?r+g.join(" "+r):""}},dm=r=>{let a=_({},r),{gradients:o,ssCardBox:l,ssSphere:s,ssSquare:d,ssPushable:c,ssAbsoluteCovered:h,ssTextEllipsis:p,flexCenter:g,flexNewLine:y,isLightFont:b,isBoldFont:x,isSemiBoldFont:w,isRounded:T,isSquare:A,freeCSS:R={}}=a,W=Ze(R,[]),M=Ze(a,["gradients","ssCardBox","ssSphere","ssSquare","ssPushable","ssAbsoluteCovered","ssTextEllipsis","flexCenter","flexNewLine","isLightFont","isBoldFont","isSemiBoldFont","isRounded","isSquare","freeCSS"]);if(W=W||{},M=M||{},o){let{deg:z,colors:j}=o;W=L(_({},W),{background:`linear-gradient(${z}deg,${j.join(",")})`})}if(l){l===!0&&(l="border");let z={backgroundColor:"layer.1",borderRadius:"1.tone.primary",boxShadow:"0.min"};l=="border"?z.border=!0:l=="layer"?z.backgroundColor="layer.1":l=="cloud"?z.backgroundColor="cloud":l=="shadow"&&(z.boxShadow="0.normal"),ut.get().darkMode=="dim"&&(z.boxShadow="1.normal"),ut.get().darkMode=="dark"&&(z.boxShadow="1.remark"),W=_(_({},z.freeCSS),W),M=_(_({},z),M)}return s&&(g=g!=null?g:!0,M=_({padding:0,unitWidth:s,unitHeight:s,borderRadius:"sphere",flexSizing:"none"},M)),d&&(g=g!=null?g:!0,M=_({padding:0,unitWidth:d,unitHeight:d,flexSizing:"none"},M)),c&&(M=_({transition:"middle"},M),M=L(_({},M),{className:[M.className,"ssPushable"].join(" ")})),h&&(M=_({position:"absolute",top:0,left:0,right:0,bottom:0},M)),p&&(M=_({overflow:"hidden"},M),W=_({whiteSpace:"nowrap",textOverflow:"ellipsis"},W)),y&&(M=_({width:1,flexSizing:"none"},M)),g&&(M=_({display:"flex",horizontalAlign:"center",verticalAlign:"center"},M)),b&&(M.fontWeight="1.light"),w&&(M.fontWeight="3.semiBold"),x&&(M.fontWeight="4.bold"),T&&($a.default.is.number(T)?W.borderRadius=T*12:M.borderRadius="sphere"),A&&(W.aspectRatio="1"),L(_({},M),{freeCSS:W})},Wa=r=>{let a=dm(r),{componentID:o,gap:l,display:s,position:d,overflow:c,fontColor:h,fontSize:p,fontWeight:g,backgroundColor:y,textAlign:b,textDecoration:x,boxShadow:w,margin:T,marginTop:A,marginRight:R,marginBottom:W,marginLeft:M,padding:z,paddingTop:j,paddingRight:K,paddingBottom:P,paddingLeft:le,top:Ee,right:te,bottom:me,left:ye,border:de,borderTop:U,borderRight:Q,borderBottom:re,borderLeft:V,borderWidth:ee,borderColor:ie,borderStyle:Se,borderRadius:se,borderTopLeftRadius:Re,borderTopRightRadius:De,borderBottomLeftRadius:Ie,borderBottomRightRadius:je,flexSizing:ot,flexWrap:St,flexType:_t,flexChilds:wt,flexGrid:Et,horizontalAlign:Rt,verticalAlign:dt,transition:Be,gridCenter:It,gridCols:Wt,maxHeight:Ft,minHeight:Yt,maxWidth:gr,minWidth:_r,width:zr,height:_a,unitHeight:aa,unitWidth:ia,opacity:Br,ssLastChildLossBorder:Nr,ssAbsoluteCovered:Or,ssCardBox:ma,ssEffectsOnActive:ur,ssPushable:Er,ssSphere:Ir,ssSquare:ba,ssTextEllipsis:ze,isBoldFont:lt,isLightFont:bt,isSemiBoldFont:Xt,isRounded:qt,flexCenter:Tr,flexNewLine:mr,gradients:qr,UnderBreakPointStyles:I={},className:ae="",freeCSS:B={}}=a,H=Ze(a,["componentID","gap","display","position","overflow","fontColor","fontSize","fontWeight","backgroundColor","textAlign","textDecoration","boxShadow","margin","marginTop","marginRight","marginBottom","marginLeft","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","top","right","bottom","left","border","borderTop","borderRight","borderBottom","borderLeft","borderWidth","borderColor","borderStyle","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","flexSizing","flexWrap","flexType","flexChilds","flexGrid","horizontalAlign","verticalAlign","transition","gridCenter","gridCols","maxHeight","minHeight","maxWidth","minWidth","width","height","unitHeight","unitWidth","opacity","ssLastChildLossBorder","ssAbsoluteCovered","ssCardBox","ssEffectsOnActive","ssPushable","ssSphere","ssSquare","ssTextEllipsis","isBoldFont","isLightFont","isSemiBoldFont","isRounded","flexCenter","flexNewLine","gradients","UnderBreakPointStyles","className","freeCSS"]),q=_({},H),he=[ae];if(Nr&&he.push("ssLastChildLossBorder_"+Nr),ur){ur=$a.default.flatArray(ur);for(let ue of ur){let[Pe,Me]=ue.split(".");q["data-effect-"+Pe]="1",Me&&(q["data-effect-tone"]=Me)}}{let ue=Ae.ClassNames("amotf_",{gap:l,display:s,position:d,overflow:c,fontColor:h,fontSize:p,fontWeight:g,backgroundColor:y,textAlign:b,textDecoration:x,boxShadow:w,margin:T,marginTop:A,marginRight:R,marginBottom:W,marginLeft:M,padding:z,paddingTop:j,paddingRight:K,paddingBottom:P,paddingLeft:le,top:Ee,right:te,bottom:me,left:ye,border:de,borderTop:U,borderRight:Q,borderBottom:re,borderLeft:V,borderWidth:ee,borderColor:ie,borderStyle:Se,borderRadius:se,borderTopLeftRadius:Re,borderTopRightRadius:De,borderBottomLeftRadius:Ie,borderBottomRightRadius:je,flexSizing:ot,flexWrap:St,flexType:_t,flexChilds:wt,flexGrid:Et,horizontalAlign:Rt,verticalAlign:dt,transition:Be,gridCenter:It,gridCols:Wt,maxHeight:Ft,minHeight:Yt,maxWidth:gr,minWidth:_r,width:zr,height:_a,unitHeight:aa,unitWidth:ia,opacity:Br});he.push(ue)}return I&&he.push(Ae.ClassNames("amotf_bp",I)),B&&(q.style=_(_({},B),q.style)),(o||q["data-component-id"])&&(q["data-component-id"]=q["data-component-id"]||o),he.length&&he.join("")&&(q.className=he.join(" ").trim().replace(/%/ig,"P").replace(/\d+px/ig,"PIX").replace(/\s+/ig," ").replace(/\//ig,"_").replace(/\./ig,"-")),q},Ns=r=>{let{gap:a,display:o,position:l,overflow:s,fontColor:d,fontSize:c,fontWeight:h,backgroundColor:p,textAlign:g,textDecoration:y,boxShadow:b,margin:x,marginTop:w,marginRight:T,marginBottom:A,marginLeft:R,padding:W,paddingTop:M,paddingRight:z,paddingBottom:j,paddingLeft:K,top:P,right:le,bottom:Ee,left:te,border:me,borderTop:ye,borderRight:de,borderBottom:U,borderLeft:Q,borderWidth:re,borderColor:V,borderStyle:ee,borderRadius:ie,borderTopLeftRadius:Se,borderTopRightRadius:se,borderBottomLeftRadius:Re,borderBottomRightRadius:De,flexSizing:Ie,flexWrap:je,flexType:ot,flexChilds:St,flexGrid:_t,horizontalAlign:wt,verticalAlign:Et,transition:Rt,gridCenter:dt,gridCols:Be,maxHeight:It,minHeight:Wt,maxWidth:Ft,minWidth:Yt,width:gr,height:_r,unitHeight:zr,unitWidth:_a,opacity:aa,ssLastChildLossBorder:ia,ssAbsoluteCovered:Br,ssCardBox:Nr,ssEffectsOnActive:Or,ssPushable:ma,ssSphere:ur,ssSquare:Er,ssTextEllipsis:Ir,isBoldFont:ba,isLightFont:ze,isSemiBoldFont:lt,isRounded:bt,flexCenter:Xt,flexNewLine:qt,gradients:Tr,UnderBreakPointStyles:mr={},freeCSS:qr={}}=r,I={};return Ae.ev(a)&&(I.gap=a),Ae.ev(o)&&(I.display=o),Ae.ev(l)&&(I.position=l),Ae.ev(s)&&(I.overflow=s),Ae.ev(d)&&(I.fontColor=d),Ae.ev(c)&&(I.fontSize=c),Ae.ev(h)&&(I.fontWeight=h),Ae.ev(p)&&(I.backgroundColor=p),Ae.ev(g)&&(I.textAlign=g),Ae.ev(y)&&(I.textDecoration=y),Ae.ev(b)&&(I.boxShadow=b),Ae.ev(x)&&(I.margin=x),Ae.ev(w)&&(I.marginTop=w),Ae.ev(T)&&(I.marginRight=T),Ae.ev(A)&&(I.marginBottom=A),Ae.ev(R)&&(I.marginLeft=R),Ae.ev(W)&&(I.padding=W),Ae.ev(M)&&(I.paddingTop=M),Ae.ev(z)&&(I.paddingRight=z),Ae.ev(j)&&(I.paddingBottom=j),Ae.ev(K)&&(I.paddingLeft=K),Ae.ev(P)&&(I.top=P),Ae.ev(le)&&(I.right=le),Ae.ev(Ee)&&(I.bottom=Ee),Ae.ev(te)&&(I.left=te),Ae.ev(me)&&(I.border=me),Ae.ev(ye)&&(I.borderTop=ye),Ae.ev(de)&&(I.borderRight=de),Ae.ev(U)&&(I.borderBottom=U),Ae.ev(Q)&&(I.borderLeft=Q),Ae.ev(re)&&(I.borderWidth=re),Ae.ev(V)&&(I.borderColor=V),Ae.ev(ee)&&(I.borderStyle=ee),Ae.ev(ie)&&(I.borderRadius=ie),Ae.ev(Se)&&(I.borderTopLeftRadius=Se),Ae.ev(se)&&(I.borderTopRightRadius=se),Ae.ev(Re)&&(I.borderBottomLeftRadius=Re),Ae.ev(De)&&(I.borderBottomRightRadius=De),Ae.ev(Ie)&&(I.flexSizing=Ie),Ae.ev(je)&&(I.flexWrap=je),Ae.ev(ot)&&(I.flexType=ot),Ae.ev(St)&&(I.flexChilds=St),Ae.ev(_t)&&(I.flexGrid=_t),Ae.ev(wt)&&(I.horizontalAlign=wt),Ae.ev(Et)&&(I.verticalAlign=Et),Ae.ev(Rt)&&(I.transition=Rt),Ae.ev(dt)&&(I.gridCenter=dt),Ae.ev(Be)&&(I.gridCols=Be),Ae.ev(It)&&(I.maxHeight=It),Ae.ev(Wt)&&(I.minHeight=Wt),Ae.ev(Ft)&&(I.maxWidth=Ft),Ae.ev(Yt)&&(I.minWidth=Yt),Ae.ev(gr)&&(I.width=gr),Ae.ev(_r)&&(I.height=_r),Ae.ev(zr)&&(I.unitHeight=zr),Ae.ev(_a)&&(I.unitWidth=_a),Ae.ev(aa)&&(I.opacity=aa),Ae.ev(ia)&&(I.ssLastChildLossBorder=ia),Ae.ev(Br)&&(I.ssAbsoluteCovered=Br),Ae.ev(Nr)&&(I.ssCardBox=Nr),Ae.ev(Or)&&(I.ssEffectsOnActive=Or),Ae.ev(ma)&&(I.ssPushable=ma),Ae.ev(ur)&&(I.ssSphere=ur),Ae.ev(Er)&&(I.ssSquare=Er),Ae.ev(Ir)&&(I.ssTextEllipsis=Ir),Ae.ev(ba)&&(I.isBoldFont=ba),Ae.ev(ze)&&(I.isLightFont=ze),Ae.ev(lt)&&(I.isSemiBoldFont=lt),Ae.ev(bt)&&(I.isRounded=bt),Ae.ev(Xt)&&(I.flexCenter=Xt),Ae.ev(qt)&&(I.flexNewLine=qt),Ae.ev(Tr)&&(I.gradients=Tr),Ae.ev(qr)&&(I.freeCSS=qr),Ae.ev(mr)&&(I.UnderBreakPointStyles=mr),I};var ml=Z(Mt());var j_=r=>{var a;let o=If.set("RootViewController_"+ut.get().sessionUID);return(0,ml.jsxs)(ml.Fragment,{children:[(0,ml.jsx)("style",{children:r.inlineCSS}),(0,ml.jsxs)("amotify-app",{id:"appRoot_"+ut.get().sessionUID,children:[(0,ml.jsx)(gu.Pudding.Wrapper,{}),(0,ml.jsx)(gu.Ripple.Wrapper,{}),(0,ml.jsx)(Za.Wrapper,{}),(0,ml.jsx)(Kn.Wrapper,{}),(0,ml.jsx)(Vt.Wrapper,{}),(0,ml.jsx)(E,{className:["AMOTIFY_be","AMOTIFY_be_root",(a=r.isRootPage)==null||a?"AMOTIFY_be_origin":"",r.originClassName||""].join(" "),children:r.children},o)]})]})};var U_=Z(pr()),xt=r=>{let a=ut.get().appRoot;return U_.default.is.shadowRoot(a)?(0,U_.default)(a).find(r):(0,U_.default)(r)};var yG=Z(Mw());so(Tn,Z(Mw()));var zw={};rd(zw,{DesignBook:()=>V_});var m=Z(Mt()),Eu=Z(fr()),Nl=Z(pr());var op={index:()=>(0,m.jsxs)(m.Fragment,{children:[(0,m.jsxs)(pt,{gap:1,children:[(0,m.jsx)(E,{flexCenter:!0,children:(0,m.jsx)(b_,{ssSphere:6,children:"Placeholder"})}),(0,m.jsxs)(ha,{gridCols:3,gap:1,flexSizing:"auto",children:[(0,m.jsx)(E,{padding:2,backgroundColor:"layer.1"}),(0,m.jsx)(E,{padding:2,backgroundColor:"layer.2"}),(0,m.jsx)(E,{padding:2,backgroundColor:"layer.3"}),(0,m.jsx)(E,{padding:2,backgroundColor:"layer.4"}),(0,m.jsx)(E,{padding:2,backgroundColor:"layer.5"}),(0,m.jsx)(E,{padding:2,backgroundColor:"layer.6"})]}),(0,m.jsxs)(ha,{gridCols:3,gap:"1/2",flexSizing:"auto",ssCardBox:!0,children:[(0,m.jsx)(E,{flexCenter:!0,fontColor:"1.clear",children:"FontColor1"}),(0,m.jsx)(E,{flexCenter:!0,fontColor:"2.normal",children:"FontColor2"}),(0,m.jsx)(E,{flexCenter:!0,fontColor:"3.blur",children:"FontColor3"}),(0,m.jsx)(E,{flexCenter:!0,fontColor:"4.thin",children:"FontColor4"}),(0,m.jsx)(E,{flexCenter:!0,fontColor:"5.translucent",children:"FontColor5"})]})]}),(0,m.jsx)(op.Fonts,{}),(0,m.jsx)(op.Box,{}),(0,m.jsx)(op.Flex,{}),(0,m.jsx)(op.Grid,{}),(0,m.jsx)(op.Others,{})]}),Fonts:()=>(0,m.jsxs)(E,{ssCardBox:!0,children:[(0,m.jsx)(Xe.SubTitle,{padding:1,borderBottom:!0,children:"Font"}),(0,m.jsxs)(E,{overflow:"auto",padding:1,children:[(0,m.jsx)(Xe.Description,{padding:1,children:`<Box
+T`.repeat(g-1)}let h=Ns(a);return(0,tr.jsxs)(E,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:[(0,tr.jsx)(Xe.Description,L(_({className:a.className},h),{position:"absolute",width:1,freeCSS:L(_({},h.freeCSS),{color:"orange"}),"data-input-shallow":o.componentID,children:(0,tr.jsx)(E,{"data-input-value-shallow":o.componentID,children:s})})),(0,tr.jsx)(Xe.Description,L(_({className:a.className},h),{position:"absolute",left:0,freeCSS:L(_({},h.freeCSS),{backgroundColor:"transparent",color:"blue"}),"data-input-min-height-value-shallow":o.componentID,children:d})),(0,tr.jsx)(Xe.Description,L(_({className:a.className},h),{position:"absolute",right:0,freeCSS:L(_({},h.freeCSS),{backgroundColor:"transparent",color:"red"}),"data-input-max-height-value-shallow":o.componentID,children:c}))]})},InputBox:r=>{let{rootStates:a,val_validate:o,set_validate:l,val_status:s,set_status:d,val_focus:c,set_focus:h,val_isComposing:p,set_isComposing:g}=r;if(a.multiline)return null;let y=a,{componentID:b,tone:x,required:w,restrict:T="text",form:A,autoComplete:R="off",autoCapitalize:W="off",minRows:M,maxRows:z,multiline:j,autoHeight:K,enableFormSubmit:P,clearButton:le=!1,checkValidationAtFirst:Ee,onChange:te,onKeyDown:me,onValidate:ye,onUpdateValue:de,onUpdateValidValue:U,value:Q="",leftIndicator:re,rightIndicator:V,leftIcon:ee,rightIcon:ie,maxLength:Se,min:se,max:Re,label:De,wrapStyles:Ie}=y,je=Ze(y,["componentID","tone","required","restrict","form","autoComplete","autoCapitalize","minRows","maxRows","multiline","autoHeight","enableFormSubmit","clearButton","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","leftIndicator","rightIndicator","leftIcon","rightIcon","maxLength","min","max","label","wrapStyles"]),ot=T=="password"||T=="concealed"?"password":"text",St=["number","digitNumber","creditCard"].includes(T)?"numeric":T=="email"?"email":"text";return(0,tr.jsx)(E,L(_({htmlTag:"input",type:ot,inputMode:St,"data-disabled":a.disabled,"data-form":A,"data-input-type":"text","data-show-validation":hr.isShowValidation(o,s,!!Ee),"data-validation":o.ok,"data-value":s.dataValue,"data-component-id":s.componentID,"data-input-origin":s.componentID,value:s.formatValue,autoComplete:R,autoCapitalize:W,onKeyDown:_t=>{let{key:wt,target:Et}=_t;{let Rt=Et,{selectionStart:dt,selectionEnd:Be}=Rt,It=Number(dt),Wt=Number(Be),Ft=s.formatValue[Number(It)],Yt=s.formatValue[Number(It)-1];wt=="Delete"&&(T=="creditCard"&&Ft==" "||T=="postal"&&Ft=="-"||T=="digitNumber"&&Ft==",")&&(Rt.setSelectionRange(It+1,Wt+1),_t.preventDefault()),wt=="Backspace"&&(T=="creditCard"&&Yt==" "||T=="postal"&&Yt=="-"||T=="digitNumber"&&Yt==",")&&(Rt.setSelectionRange(It-1,Wt-1),_t.preventDefault()),wt=="Enter"||wt=="Tab"}if(["number","digitNumber","creditCard"].includes(T)&&wt=="Clear"&&d(Rt=>L(_({},Rt),{dataValue:"",formatValue:"",eventType:"update",eventID:kn.default.uuid.gen()})),["number","digitNumber"].includes(T)&&["ArrowUp","ArrowDown"].includes(wt)){let Rt=+(wt=="ArrowUp")*2-1,dt=String(Number(s.dataValue)+Rt);o.ok&&l({ok:!1,notice:[]}),d(Be=>L(_(_({},Be),Su.Validation.DataLeveling({min:se,max:Re,restrict:T,value:dt})),{eventType:"update",eventID:kn.default.uuid.gen()})),_t.preventDefault()}me&&me(_t),P&&hr.SubmitForm(_t)},onChange:_t=>{let{value:wt,selectionStart:Et,selectionEnd:Rt}=_t.target,dt=Su.Validation.DataLeveling({min:se,max:Re,restrict:T,value:wt});p&&(dt.formatValue=wt),dt.formatValue!=s.formatValue&&(o.ok&&l({ok:!1,notice:[]}),d(Be=>L(_(_({},Be),dt),{prevValue:s.formatValue,eventType:"update",eventID:kn.default.uuid.gen(),caretFrom:Number(Et),caretTo:Number(Rt)})),te&&te(_t))},width:1},je),{onFocus:_t=>{je!=null&&je.onFocus&&(je==null||je.onFocus(_t)),h(!0)},onBlur:_t=>{je!=null&&je.onBlur&&(je==null||je.onBlur(_t)),h(!1)},onCompositionStart:_t=>{je!=null&&je.onCompositionStart&&(je==null||je.onCompositionStart(_t)),g(!0)},onCompositionEnd:_t=>{if(je!=null&&je.onCompositionEnd&&(je==null||je.onCompositionEnd(_t)),T=="text")return;let wt=Su.Validation.DataLeveling({min:se,max:Re,restrict:T,value:s.formatValue});d(Et=>L(_(_({},Et),wt),{prevValue:Et.formatValue,eventType:"update",eventID:kn.default.uuid.gen(),caretFrom:Number(Et.formatValue.length+1),caretTo:Number(Et.formatValue.length+1)})),g(!1)}}))},TextAreaBox:r=>{let{rootStates:a,val_focus:o,set_focus:l,val_validate:s,set_validate:d,val_status:c,set_status:h,isShallow:p}=r,g=a,{componentID:y,tone:b,required:x,form:w,minRows:T,maxRows:A,multiline:R,autoHeight:W,enableFormSubmit:M,maxLength:z,checkValidationAtFirst:j,onChange:K,onKeyDown:P,onValidate:le,onUpdateValue:Ee,onUpdateValidValue:te,value:me="",leftIndicator:ye,rightIndicator:de,leftIcon:U,rightIcon:Q,wrapStyles:re}=g,V=Ze(g,["componentID","tone","required","form","minRows","maxRows","multiline","autoHeight","enableFormSubmit","maxLength","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","leftIndicator","rightIndicator","leftIcon","rightIcon","wrapStyles"]);return a.multiline?(0,tr.jsx)(E,L(_({htmlTag:"textarea","data-form":w,"data-input-type":"textarea","data-show-validation":hr.isShowValidation(s,c,!!j),"data-validation":s.ok,"data-value":c.dataValue,"data-input-origin":c.componentID,"data-component-id":c.componentID,value:c.dataValue,width:1},V),{onFocus:ee=>{V!=null&&V.onFocus&&(V==null||V.onFocus(ee)),l(!0)},onBlur:ee=>{V!=null&&V.onBlur&&(V==null||V.onBlur(ee)),l(!1)},onKeyDown:ee=>{P&&P(ee),M&&hr.SubmitForm(ee)},onChange:ee=>{let{value:ie}=ee.target;s.ok&&d({ok:!1,notice:[]}),h(Se=>L(_({},Se),{dataValue:ie,eventType:"update",eventID:kn.default.uuid.gen()})),K&&K(ee)}})):null}},K$=r=>{let{componentID:a,restrict:o="text",onUpdateValue:l,onUpdateValidValue:s,value:d="",min:c,max:h}=r,p=L(_({componentID:a},Su.Validation.DataLeveling({min:c,max:h,restrict:o,value:d})),{prevValue:"",eventType:"init",eventID:kn.default.uuid.gen(),caretFrom:null,caretTo:null}),[g,y]=(0,Bs.useState)(!1),[b,x]=(0,Bs.useState)(!1),[w,T]=(0,Bs.useState)(p),[A,R]=(0,Bs.useState)({ok:!1,notice:[]}),W={rootStates:r,val_focus:g,set_focus:y,val_isComposing:b,set_isComposing:x,val_status:w,set_status:T,val_validate:A,set_validate:R};return hr.CommonEffects({type:"textfield",states:r,val_status:w,set_status:T,val_validate:A,set_validate:R,onUpdateValue:l,onUpdateValidValue:s,DefaultValidation:Su.Validation.Default,ExtraOverrideStates:_({},Su.Validation.DataLeveling({min:c,max:h,restrict:o,value:d}))}),(0,Bs.useEffect)(()=>{Su.setSelection({id:r.id,restrict:o,val_status:w})},[w]),(0,tr.jsxs)(Qa,{val_status:w,set_status:T,val_validate:A,states:W.rootStates,children:[(0,tr.jsx)(bc,{componentID:r.componentID,fontSize:r.fontSize,required:r.required,label:r.label,isActive:g||!!w.dataValue}),(0,tr.jsx)(sw.Shallow,_({},W)),(0,tr.jsx)(sw.InputBox,_({},W)),(0,tr.jsx)(sw.TextAreaBox,_({},W))]})},Dl=r=>{r=_({autoHeight:!0,restrict:"text",fontSize:"2.normal"},r),r.rightIcon&&(r=_({paddingRight:3},r)),r.leftIcon&&(r=_({paddingLeft:3},r)),r.multiline?(r.minRows=r.minRows||5,r.maxRows=r.maxRows||20):(r.minRows=1,r.maxRows=1);let a=ja.Boxish(r);return(0,tr.jsx)(Ha,{componentID:r.componentID,children:K$,states:a})},xn=Dl;xn.Validate=Su.Validation.Text,xn.Katakana=r=>(0,tr.jsx)(Dl,L(_({},r),{restrict:"katakana",multiline:!1,autoHeight:!1})),xn.HankakuKatakana=r=>(0,tr.jsx)(Dl,L(_({},r),{restrict:"hankaku.katakana",multiline:!1,autoHeight:!1})),xn.CreditCard=r=>(0,tr.jsx)(Dl,L(_({},r),{restrict:"creditCard",multiline:!1,autoHeight:!1})),xn.Tel=r=>(0,tr.jsx)(Dl,L(_({},r),{restrict:"tel",multiline:!1,autoHeight:!1})),xn.Number=r=>(0,tr.jsx)(Dl,L(_({},r),{restrict:"number",multiline:!1,autoHeight:!1})),xn.DigitNumber=r=>(0,tr.jsx)(Dl,L(_({},r),{restrict:"digitNumber",multiline:!1,autoHeight:!1})),xn.Email=r=>(0,tr.jsx)(Dl,L(_({},r),{restrict:"email",multiline:!1,autoHeight:!1})),xn.Url=r=>(0,tr.jsx)(Dl,L(_({},r),{restrict:"url",multiline:!1,autoHeight:!1})),xn.Postal=r=>{let[a]=(0,Bs.useState)(kn.default.uuid.gen());return(0,Bs.useEffect)(()=>()=>{We.delete(a)},[]),(0,tr.jsx)(Dl,L(_({label:"\u90F5\u4FBF\u756A\u53F7"},r),{restrict:"postal",multiline:!1,autoHeight:!1,leftIndicator:(0,tr.jsx)(Kf,{children:"\u3012"})}))},xn.Password=r=>(0,tr.jsx)(Dl,L(_({label:"\u30D1\u30B9\u30EF\u30FC\u30C9",rightIndicator:(0,tr.jsx)(_c,{padding:0,children:(0,tr.jsx)(oe.Button.Normal.R,{padding:[0,1],fontColor:"theme",borderRadius:"inherit",backgroundColor:"inherit",flexCenter:!0,height:1,ssEffectsOnActive:["expand"],onMouseOver:a=>{Ar.open({parent:a.currentTarget,gravityPoint:24,padding:[1,0],content:(0,tr.jsx)(Ar.Body,{children:"\u30D1\u30B9\u30EF\u30FC\u30C9\u3092\u8868\u793A"})})},tabIndex:-1,onClick:a=>{(0,kn.default)(a.target).parent().parent().find("input").callback(o=>{let l=o[0];l.type=l.type==="password"?"text":"password"})},children:(0,tr.jsx)(xe,{icon:uw.faEye})})})},r),{restrict:"password",multiline:!1,autoHeight:!1})),xn.Concealed=r=>(0,tr.jsx)(Dl,L(_({label:"\u79D8\u5BC6\u9375",rightIndicator:(0,tr.jsx)(_c,{padding:0,children:(0,tr.jsx)(oe.Button.Normal.R,{padding:[0,1],fontColor:"theme",borderRadius:"inherit",backgroundColor:"inherit",flexCenter:!0,height:1,ssEffectsOnActive:["expand"],onMouseOver:a=>{Ar.open({parent:a.currentTarget,gravityPoint:24,padding:[1,0],content:(0,tr.jsx)(Ar.Body,{children:"\u5024\u3092\u8868\u793A"})})},tabIndex:-1,onClick:a=>{(0,kn.default)(a.target).parent().parent().parent().find("input").callback(o=>{let l=o[0];l.type=l.type==="password"?"text":"password"})},children:(0,tr.jsx)(xe,{icon:uw.faEye})})})},r),{restrict:"concealed",multiline:!1,autoHeight:!1})),xn.Money={JPY:r=>(0,tr.jsx)(xn.DigitNumber,L(_({label:"\u91D1\u984D",rightIndicator:(0,tr.jsx)(_c,{children:"\u5186"})},r),{multiline:!1,autoHeight:!1}))};var A_=Z(Mt()),cw=Z(fr()),dw=Z(pr());function X$(r){let{value:a,states:o}=r,{required:l}=o,s=[];return l&&!a&&s.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!s.filter(({type:d})=>d=="invalid").length,notice:s}}var J$=r=>{let a=r,{componentID:o,tone:l,required:s,form:d,value:c,enableFormSubmit:h,checkValidationAtFirst:p,onInput:g,onKeyDown:y,onValidate:b,onUpdateValue:x,onUpdateValidValue:w,children:T="",leftIndicator:A,rightIndicator:R,leftIcon:W,rightIcon:M,freeCSS:z,wrapStyles:j}=a,K=Ze(a,["componentID","tone","required","form","value","enableFormSubmit","checkValidationAtFirst","onInput","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","children","leftIndicator","rightIndicator","leftIcon","rightIcon","freeCSS","wrapStyles"]),P={componentID:o,dataValue:c,eventType:"init",eventID:dw.default.uuid.gen()},[le,Ee]=(0,cw.useState)(P),[te,me]=(0,cw.useState)({ok:!1,notice:[]});return hr.CommonEffects({type:"contenteditable",states:r,val_status:le,set_status:Ee,val_validate:te,set_validate:me,onUpdateValue:x,onUpdateValidValue:w,DefaultValidation:X$}),(0,A_.jsx)(Qa,{val_status:le,set_status:Ee,val_validate:te,states:r,children:(0,A_.jsx)("div",L(_({contentEditable:!0,"data-form":d,"data-name":r.name,"data-input-type":"contenteditable","data-show-validation":hr.isShowValidation(te,le,!!p),"data-validation":te.ok,"data-value":le.dataValue,"data-component-id":le.componentID,onKeyDown:ye=>{y&&y(ye),h&&hr.SubmitForm(ye)},onInput:ye=>{let de=ye.currentTarget,{innerHTML:U,innerText:Q}=de;te.ok&&me({ok:!1,notice:[]}),Ee(re=>L(_({},re),{dataValue:Q,eventType:"update",eventID:dw.default.uuid.gen()})),g&&g(ye)}},K),{children:T}))})},UN=r=>{r=_({rows:5},r),r.rightIcon&&(r=_({paddingRight:3},r)),r.leftIcon&&(r=_({paddingLeft:3},r)),r=L(_({},r),{freeCSS:_({whiteSpace:"pre-wrap"},r.freeCSS)});let a=Wa(ja.Boxish(r));return(0,A_.jsx)(Ha,{componentID:r.componentID,children:J$,states:a})};var vd=Z(Mt()),fw=Z(fr()),_m=Z(pr());function Q$(r){let{value:a,states:o}=r,{required:l,numericOnly:s=!1,digits:d}=o,c=[];return l&&!a&&c.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),a&&(s&&a.match(/\D/)&&c.push({type:"invalid",label:"\u6570\u5B57\u306E\u307F\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),a.length!=d&&c.push({type:"warn",label:"\u6700\u5F8C\u307E\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"})),{ok:!c.filter(({type:h})=>h=="invalid"||h=="warn").length,notice:c}}var Z$=(r,a="")=>{let o=String(a),l=[];for(let s=0;s<r;s++)l[s]=o[s]||"";return{formatValue:l,dataValue:o}},VN=(r="")=>{let a=r,o=a.join("");return{formatValue:a,dataValue:o}},eG=r=>{let a=r,{tone:o,required:l,form:s,name:d,className:c="",digits:h,numericOnly:p=!1,enableFormSubmit:g,checkValidationAtFirst:y,onChange:b,onKeyDown:x,onValidate:w,onUpdateValue:T,onUpdateValidValue:A,value:R="",override:W,freeCSS:M,wrapStyles:z,combineInput:j,componentID:K,listStyles:P}=a,le=Ze(a,["tone","required","form","name","className","digits","numericOnly","enableFormSubmit","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","override","freeCSS","wrapStyles","combineInput","componentID","listStyles"]),Ee=L(_({componentID:r.componentID||""},Z$(h,R)),{eventType:"init",eventID:_m.default.uuid.gen()}),[te,me]=(0,fw.useState)(Ee),[ye,de]=(0,fw.useState)({ok:!1,notice:[]});hr.CommonEffects({type:"textfield",states:r,val_status:te,set_status:me,val_validate:ye,set_validate:de,onUpdateValue:T,onUpdateValidValue:A,DefaultValidation:Q$});let U=[];for(let Q=0;Q<h;Q++){let re=te.formatValue[Q],V={},ee=c;r.combineInput&&(ee=[c,Vf("DigitCharacterCell"),Vf("Combined")].join(" ")),U.push((0,vd.jsx)("input",{type:"text",inputMode:p?"numeric":r.inputMode||"text",value:re,"data-form-name":s,id:"Digit-"+Q+"-"+te.componentID,className:ee,style:_(_({},r.style),V),onKeyDown:ie=>{let{key:Se,code:se}=ie;if(Se=="Tab")return;ie.preventDefault();let Re=null;if(Se=="Backspace"){let De=te.formatValue;De[Q]="",me(Ie=>L(_(_({},Ie),VN(De)),{eventType:"update",eventID:_m.default.uuid.gen()})),Re=Q-1}else if(["ArrowLeft","ArrowRight"].includes(Se)){let De=+(Se=="ArrowRight")*2-1;Re=Q+De}else g&&hr.SubmitForm(ie),(()=>{let De=se.match(/^(Key(.)|Digit(\d)|Numpad(\d))/);if(!De)return;let Ie=De[2]||De[3]||De[4];if(p&&!Ie.match(/\d/)||!Ie)return;let je=te.formatValue;je[Q]=Ie,me(ot=>L(_(_({},ot),VN(je)),{eventType:"update",eventID:_m.default.uuid.gen()})),Re=Q+1})();_m.default.is.exist(Re)&&xt("#Digit-"+Re+"-"+te.componentID).focus()},onChange:()=>{}},Q))}return(0,vd.jsxs)(Qa,{val_status:te,set_status:me,val_validate:ye,states:r,children:[(0,vd.jsx)(As,_({name:d,"data-input-type":"digitCharacters","data-form":s,"data-validation":ye.ok,componentID:te.componentID,"data-value":te.dataValue},le)),(0,vd.jsx)(pt,L(_({gap:"1/2",flexChilds:"even",flexWrap:!1,flexSizing:"auto"},P),{children:U}))]})},WN=r=>{r=_({},r),r=_({textAlign:"center",width:0},r),r.combineInput&&(r=L(_({textAlign:"center",width:0},r),{freeCSS:_({minWidth:12*2,marginRight:-1},r.freeCSS),listStyles:_({borderRadius:"2.tone.secondary",border:"unset",gap:0},r.listStyles)}));let a=Wa(ja.Boxish(r));return(0,vd.jsx)(Ha,{componentID:r.componentID,children:eG,states:a})};var ra=Z(Mt()),Oo=Z(fr()),Co=Z(pr());var uO=Z(JN()),cO=Z(oO());var ea=Z(Mt()),Ll=Z(fr()),gn=Z(pr());function tG(r){let{value:a,states:o}=r,{required:l,options:s}=o,d=[];return l&&a==="null"&&d.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!d.filter(({type:c})=>c=="invalid").length,notice:d}}var mw={FilterSelectableOptions:(r,a)=>{let o=r.rootStates.options;return a||(o=o.filter(l=>l.type!="label")),o}},bm={Shallow:r=>{let{rootStates:a,val_status:o}=r,l=Ns(a);return(0,ea.jsx)(E,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:(0,ea.jsx)(Xe.Description,L(_({className:a.className},l),{position:"absolute",width:1,freeCSS:L(_({},l.freeCSS),{color:"orange"}),children:(0,ea.jsx)(E,{"data-input-value-shallow":o.componentID,children:"A"})}))})},Button:r=>{let{rootStates:a,val_preventOpenSelectorOnFocus:o,set_preventOpenSelectorOnFocus:l,val_optionFocused:s,set_optionFocused:d,val_validate:c,set_validate:h,val_status:p,set_status:g,val_selectorOpen:y,set_selectorOpen:b}=r,x=a,{tone:w,required:T,form:A,className:R,enableFormSubmit:W,emptySelect:M,checkValidationAtFirst:z,onValidate:j,onUpdateValue:K,onUpdateValidValue:P,value:le="",options:Ee,leftIndicator:te,rightIndicator:me,leftIcon:ye,rightIcon:de,componentID:U,status_id:Q,wrapStyles:re,SelectedCellStyles:V,SelectorCellStyles:ee,SelectorStyles:ie,SelectorGravityPoint:Se}=x,se=Ze(x,["tone","required","form","className","enableFormSubmit","emptySelect","checkValidationAtFirst","onValidate","onUpdateValue","onUpdateValidValue","value","options","leftIndicator","rightIndicator","leftIcon","rightIcon","componentID","status_id","wrapStyles","SelectedCellStyles","SelectorCellStyles","SelectorStyles","SelectorGravityPoint"]),Re="select-sheet-"+a.componentID;return(0,Ll.useEffect)(()=>{if(a.disabled)return;let De="select-click-"+a.componentID;if(y){let Ie=(0,gn.default)('[data-input-origin="'+a.componentID+'"]');if(!Ie)return;Vt.open({sheetID:Re,type:"custom",parent:Ie[0],padding:["1/4",0],gravityPoint:a.SelectorGravityPoint||22,close_option:{aroundClick:!1},content:(0,ea.jsx)(bm.Selector,_({},r))}),(0,gn.default)(document).addEvent({eventID:De,eventType:"click",callback:je=>{let ot=(0,gn.default)(je.target),St=!!(0,gn.default)(ot).parent("."+es("Core")).length;(0,gn.default)(ot).parent("."+es("Selector")).length||St||b(!1)}})}else(0,gn.default)(document).removeEvent([De]),Vt.close(Re)},[y]),(0,Ll.useEffect)(()=>{if(p.eventType=="init")return;let De=(0,gn.default)('[data-input-origin="'+a.componentID+'"]');De&&De.focus()},[p.dataValue]),(0,Ll.useEffect)(()=>{if(a.disabled||!y)return;let De=We.get("refresh-select-selector-"+a.componentID);De&&De(r)},[a.options,p.dataValue,s]),(0,ea.jsx)(ea.Fragment,{children:(0,ea.jsx)(E,L(_({tabIndex:0},se),{"data-disabled":a.disabled,"data-name":a.name,"data-form":A,"data-show-validation":hr.isShowValidation(c,p,!!z),"data-validation":c.ok,"data-component-id":p.componentID,"data-input-origin":p.componentID,"data-value":p.dataValue,"data-input-type":"select",className:[R,es("Core")].join(" "),onFocus:De=>{if(se!=null&&se.onFocus&&(se==null||se.onFocus(De)),!a.disabled){if(o)return l(!1);b(!0)}},onClick:De=>{se!=null&&se.onClick&&(se==null||se.onClick(De)),!a.disabled&&b(!0)},onKeyDown:De=>{let{key:Ie,metaKey:je,ctrlKey:ot}=De,St=je||ot;if(se!=null&&se.onKeyDown&&(se==null||se.onKeyDown(De)),W&&hr.SubmitForm(De),!a.disabled){if(gn.default.scope(()=>{if(!["ArrowDown","ArrowUp"].includes(Ie))return;if(De.preventDefault(),!y)return b(!0);let _t=Ie=="ArrowDown"?1:-1,wt=mw.FilterSelectableOptions(r),Et=wt.length-1,Rt=null;gn.default.scope(()=>{var dt,Be,It,Wt;if(_t==1){if(Rt=((dt=wt[0])==null?void 0:dt.value)||null,s==null)return;if(St){Rt=wt[Et].value||Rt||null;return}let Ft=wt.findIndex(Yt=>Yt.value==s);if(Ft==-1)return;Rt=((Be=wt[Ft+1])==null?void 0:Be.value)||Rt||null}else{if(Rt=wt[Et].value||null,s==null)return;if(St){Rt=((It=wt[0])==null?void 0:It.value)||Rt||null;return}let Ft=wt.findIndex(Yt=>Yt.value==s);if(Ft==-1)return;Rt=((Wt=wt[Ft-1])==null?void 0:Wt.value)||Rt||null}}),d(Rt)}),Ie=="Escape")b(!1);else if(Ie=="Tab")b(!1);else if(Ie=="Backspace")g(_t=>L(_({},_t),{dataValue:"null",eventType:"update",eventID:gn.default.uuid.gen()}));else if(Ie==" ")De.preventDefault(),b(!0);else if(Ie=="Enter"){if(!y)return b(!0);if(!s)return;De.preventDefault();let _t=a.options.find(wt=>wt.value==s);if(!_t)return;g(wt=>L(_({},wt),{dataValue:_t.value,eventType:"update",eventID:gn.default.uuid.gen()})),b(!1)}}},children:(0,ea.jsxs)(Je.Left,{flexWrap:!0,gap:"1/3",freeCSS:{letterSpacing:".5px"},children:[(0,ea.jsx)(bm.Selected,_({},r)),(0,ea.jsx)(Cn,{width:0,overflow:"hidden",opacity:"trans",children:"A"})]})}))})},Selector:r=>{let[a,o]=(0,Ll.useState)(r),{rootStates:l}=a;(0,Ll.useEffect)(()=>{We.set({["refresh-select-selector-"+l.componentID]:h=>{o(h)}})},[]);let s=[],d=mw.FilterSelectableOptions(a,!0),c=mw.FilterSelectableOptions(a);return d.forEach((h,p)=>{let{type:g,value:y}=h,b=a.val_optionFocused==y,x=a.val_status.dataValue===y;if(g=="selector"){s.push((0,ea.jsx)(oe.Button.Sub.S,{color:"cloud",backgroundColor:"trans",borderRadius:0,fontColor:"2.normal",textAlign:"left",padding:["1/2",1.5],isActive:x||b,isActiveStyles:b?{backgroundColor:"cloud"}:{backgroundColor:"theme.opa.few",fontColor:"theme"},onClick:w=>{a.set_status(T=>L(_({},T),{dataValue:y,eventType:"update",eventID:gn.default.uuid.gen()})),a.set_selectorOpen(!1),a.set_preventOpenSelectorOnFocus(!0)},children:(0,ea.jsx)(Xe.Supplement,{paddingLeft:x?"1/2":0,transition:"short",children:h.label})},String(y)));return}s.push((0,ea.jsx)(E,{children:h.label},gn.default.uuid.gen()))}),c.length||(s=[(0,ea.jsx)(Xe.Supplement,{padding:[0,1],fontColor:"4.thin",children:"\u5019\u88DC\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093"},"no-selector-notice")]),(0,ea.jsx)(Vt.Body,{className:es("Selector"),ssCardBox:!0,borderRadius:"3.tone.tertiary",boxShadow:"1.normal",freeCSS:{minWidth:12*18},children:(0,ea.jsx)(ht,{gap:0,padding:[1,0],children:s})})},Selected:r=>{let a=[];return r.val_status.dataValue!=="null"&&gn.default.scope(()=>{let o=r.rootStates.options.find(l=>l.value==r.val_status.dataValue);o&&a.push((0,ea.jsx)(E,L(_({},r.rootStates.SelectedCellStyles),{children:o.label}),String(o.value)))}),(0,ea.jsx)(ea.Fragment,{children:a})},Core:r=>{let{onUpdateValue:a,onUpdateValidValue:o,value:l}=r,s={componentID:r.componentID||"",dataValue:l,eventType:"init",eventID:gn.default.uuid.gen()},[d,c]=(0,Ll.useState)(!1),[h,p]=(0,Ll.useState)(s),[g,y]=(0,Ll.useState)(!1),[b,x]=(0,Ll.useState)(r.value||null),[w,T]=(0,Ll.useState)({ok:!1,notice:[]}),A={rootStates:r,val_preventOpenSelectorOnFocus:d,set_preventOpenSelectorOnFocus:c,val_optionFocused:b,set_optionFocused:x,val_selectorOpen:g,set_selectorOpen:y,val_status:h,set_status:p,val_validate:w,set_validate:T};return hr.CommonEffects({type:"select",states:r,val_status:h,set_status:p,val_validate:w,set_validate:T,onUpdateValue:a,onUpdateValidValue:o,DefaultValidation:tG,ExtraOverrideStates:{dataValue:l,formatValue:l}}),(0,ea.jsxs)(Qa,{val_status:h,set_status:p,val_validate:w,states:r,children:[(0,ea.jsx)(bc,{componentID:r.componentID,fontSize:r.fontSize,required:r.required,label:r.label,isActive:h.dataValue!=="null"}),(0,ea.jsx)(bm.Shallow,_({},A)),(0,ea.jsx)(bm.Button,_({},A))]})}},ns=r=>(r=L(_({emptySelect:!0},r),{freeCSS:_({cursor:"pointer"},r.freeCSS)}),r.value=gn.default.JsonTo(r.value||null),r.emptySelect&&(r.options=[{value:null,label:(0,ea.jsx)(Xe.Supplement,{fontColor:"4.thin",children:"\u9078\u629E\u3092\u89E3\u9664"})},...r.options]),r.options.forEach((a,o)=>{let{type:l,value:s}=a;r.options[o]=L(_({},a),{type:l||"selector",value:gn.default.JsonTo(s)})}),gn.default.is.nullish(r.rightIcon)&&(r.rightIcon=(0,ea.jsx)(vn,{freeCSS:{pointerEvents:"none"},children:(0,ea.jsx)(xe.AngleDown,{})})),r.rightIcon&&(r=_({paddingRight:3},r)),r.leftIcon&&(r=_({paddingLeft:3},r)),(0,ea.jsx)(Ha,{componentID:r.componentID,children:bm.Core,states:ja.Boxish(r)}));var Ve=Z(Mt()),lO=Z(fr()),wu=Z(fr()),$r=Z(pr());var La=Z(Mt()),vw=Z(fr()),yc=Z(pr());function rG(r){let{value:a,states:o}=r,{type:l,required:s,minSelect:d=0}=o,c=[];return s&&(a.length||l=="radio"&&c.push({type:"invalid",label:"\u9078\u629E\u3055\u308C\u3066\u3044\u307E\u305B\u3093"})),d&&a.length<d&&c.push({type:"invalid",label:`${d}\u500B\u4EE5\u4E0A\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044`}),{ok:!c.filter(({type:h})=>h=="invalid").length,notice:c}}var ym={OptionalListWrapper:r=>{let{value:a,options:o=[]}=r,l=yc.default.is.exist(a)?yc.default.flatArray(a):[],s=o.map(c=>{let{value:h,label:p}=c;return L(_({},c),{value:JSON.stringify(h),label:p})}),d=[];return l.forEach(c=>{let h=JSON.stringify(c);s.findIndex(p=>p.value==h)!=-1&&d.push(h)}),(0,La.jsx)(ym.Core,L(_({},r),{value:d,options:s}))},Core:r=>{let a=r,{type:o,tone:l,required:s,componentID:d="",form:c,override:h,icon:p,iconType:g,CustomIcon:y,enableFormSubmit:b,checkValidationAtFirst:x,onValidate:w,onUpdateValue:T,onUpdateValidValue:A,value:R,options:W,className:M,cellStyles:z,cellClassName:j,cellCheckedStyles:K,cellCheckedClassName:P,minSelect:le,hideInput:Ee,freeCSS:te,wrapStyles:me}=a,ye=Ze(a,["type","tone","required","componentID","form","override","icon","iconType","CustomIcon","enableFormSubmit","checkValidationAtFirst","onValidate","onUpdateValue","onUpdateValidValue","value","options","className","cellStyles","cellClassName","cellCheckedStyles","cellCheckedClassName","minSelect","hideInput","freeCSS","wrapStyles"]),de={componentID:d,dataValue:R,eventType:"init",eventID:yc.default.uuid.gen()},[U,Q]=(0,vw.useState)(de),[re,V]=(0,vw.useState)({ok:!1,notice:[]});return hr.CommonEffects({type:"list",states:r,val_status:U,set_status:Q,val_validate:re,set_validate:V,onUpdateValue:T,onUpdateValidValue:A,DefaultValidation:rG}),(0,La.jsxs)(Qa,{val_status:U,set_status:Q,val_validate:re,states:r,children:[(0,La.jsx)(As,L(_({"data-value":JSON.stringify(U.dataValue),form:c,"data-input-type":o,"data-validation":re.ok},ye),{componentID:U.componentID})),(0,La.jsx)(ym.List,{rootStates:r,val_status:U,set_status:Q})]})},List:r=>{let{rootStates:a,val_status:o,set_status:l}=r,{componentID:s,type:d,tone:c,icon:h=!0,options:p,name:g,form:y,tabIndex:b,hideInput:x,disabled:w,className:T,cellStyles:A,cellClassName:R="",cellCheckedStyles:W,cellCheckedClassName:M="",enableFormSubmit:z}=a,{dataValue:j}=o,K=a.CustomIcon,P=p.map((le,Ee)=>{let te=le,{value:me,label:ye,disabled:de,className:U="",checkedStyles:Q,checkedClassName:re="",freeCSS:V}=te,ee=Ze(te,["value","label","disabled","className","checkedStyles","checkedClassName","freeCSS"]),ie=yc.default.uuid.gen(),Se=j.findIndex(Ie=>Ie===me)!=-1,se=_(_({},A),ee),Re=[dd("Label"),R,U];Se&&(se=L(_(_(_({},se),W),Q),{freeCSS:_(_(_({},se==null?void 0:se.freeCSS),W==null?void 0:W.freeCSS),Q==null?void 0:Q.freeCSS)}),Re=[...Re,M,re]);let De=()=>{if(w||de)return;let Ie=[];if(d=="radio")Ie=[me];else if(d=="checkbox"||d=="checker")if(!Se)Ie=[...o.dataValue,me];else{let je=[...o.dataValue];je.splice(o.dataValue.findIndex(ot=>ot==me),1),Ie=je}l(je=>L(_({},je),{dataValue:Ie,eventType:"update",eventID:yc.default.uuid.gen()}))};return[(0,La.jsx)(E,{htmlTag:"input",type:d=="radio"?"radio":"checkbox",className:dd("Input"),name:"RadioCheckbox-"+g,"data-list-index":s+"-"+Ee,id:ie,value:String(me),"data-form-name":y,disabled:w||de,checked:Se,onFocus:Ie=>{de||d=="radio"&&(o.dataValue.length||l(je=>L(_({},je),{dataValue:[me],eventType:"update",eventID:yc.default.uuid.gen()})))},onChange:()=>{De()},onKeyDown:Ie=>{let{key:je,shiftKey:ot}=Ie;if((d=="checkbox"||d=="checker")&&je!="Tab"&&je.match(/Arrow/)){Ie.preventDefault();let St=["ArrowLeft","ArrowUp"].includes(je)?-1:1,_t=Ee+St;_t<0?_t=p.length-1:_t>=p.length&&(_t=0),xt(`input[data-list-index="${s}-${_t}"]`).focus()}z&&hr.SubmitForm(Ie)},tabIndex:b},"List-"+JSON.stringify(me)),(0,La.jsxs)(y_,L(_({"data-disabled":w||de,htmlFor:ie,className:Re.join(" "),tabIndex:-1,display:"flex",verticalAlign:"center",gap:"1/6",flexWrap:!1},se),{children:[h&&(0,La.jsx)(K,{isChecked:Se,toggle:()=>{De()}}),yc.default.is.string(ye)?(0,La.jsx)(E,{children:ye}):ye]}),"ListTrigger-"+JSON.stringify(me))]});return(0,La.jsx)(pt,{flexSizing:"auto",style:a.style,freeCSS:_({},a.freeCSS),className:[T,dd("CellBase"),dd("HideInput_"+x),dd("IconIndicator_"+!!h),dd("Tone_"+c)].join(" "),children:P})},RadioIcon:r=>(0,La.jsx)(oe.Button.Normal.R,{ssPushable:!0,color:"cloud",tabIndex:-1,ssEffectsOnActive:"ripple.cloud",ssSphere:3,onClick:a=>{a.preventDefault(),a.stopPropagation(),r.toggle()},children:(0,La.jsx)(E,{ssSphere:1.5,border:"3.thick",borderWidth:2,borderColor:r.isChecked?"theme":"3.thick",position:"relative",transition:"middle",children:(0,La.jsx)(E,{position:"absolute",transition:"middle",isRounded:!0,backgroundColor:r.isChecked?"theme":"trans",opacity:r.isChecked?"max":"trans",freeCSS:{width:"60%",height:"60%",transform:r.isChecked?"scale(1)":"scale(.6)"}})})}),CheckboxIcon:r=>(0,La.jsx)(oe.Button.Normal.R,{ssPushable:!0,color:"cloud",tabIndex:-1,ssEffectsOnActive:"ripple.cloud",ssSphere:3,onClick:a=>{a.preventDefault(),a.stopPropagation(),r.toggle()},children:(0,La.jsx)(E,{ssSquare:1.5,flexCenter:!0,border:"3.thick",borderWidth:2,borderColor:r.isChecked?"theme":"3.thick",borderRadius:"3.tone.tertiary",position:"relative",backgroundColor:r.isChecked?"theme":"trans",transition:"middle",fontColor:"white",children:(0,La.jsx)(xe.Check,{transition:"middle",opacity:r.isChecked?"max":"trans",freeCSS:{zIndex:8}})})})},gw=r=>{r=r||"checkbox";let a=l=>(l=L(_({gap:"1/2",iconType:r=="radio"?"radio":"checkbox"},l),{type:r,cellStyles:_({position:"relative",borderRadius:"2.tone.secondary",transition:"middle"},l.cellStyles)}),l.CustomIcon||(l.iconType=="radio"?l.CustomIcon=ym.RadioIcon:l.iconType=="checkbox"&&(l.CustomIcon=ym.CheckboxIcon)),l.tone=="normal"?(l.cellStyles=_({padding:["1/4",1],border:"1.thin",isRounded:!0,backgroundColor:"layer.1"},l.cellStyles),l.cellCheckedStyles=_({borderColor:"theme",fontColor:"theme",boxShadow:"1.normal"},l.cellCheckedStyles)):l.tone=="border"?(l.cellStyles=_({paddingRight:1,border:"1.thin",isRounded:!0,backgroundColor:"layer.1"},l.cellStyles),l.cellCheckedStyles=_({borderColor:"theme",fontColor:"theme"},l.cellCheckedStyles)):l.tone=="cloud"&&(l.cellStyles=_({paddingRight:1,isRounded:!0,border:"1.thin",backgroundColor:"layer.2"},l.cellStyles),l.cellCheckedStyles=_({backgroundColor:"cloud",fontColor:"theme"},l.cellCheckedStyles)),l=Wa(l),(0,La.jsx)(Ha,{componentID:l.componentID,children:ym.OptionalListWrapper,states:l})),o=a;return o.Normal=l=>(0,La.jsx)(a,_({type:r,tone:"normal",icon:!1},l)),o.Border=l=>(0,La.jsx)(a,_({type:r,tone:"border"},l)),o.Cloud=l=>(0,La.jsx)(a,_({type:r,tone:"cloud"},l)),o.Vivid=l=>(0,La.jsx)(a,_({type:r,tone:"normal",icon:!1,cellCheckedStyles:{backgroundColor:"theme",fontColor:"white"}},l)),o.Simple=l=>(0,La.jsx)(a,_({type:r,tone:"plain",icon:!1,cellCheckedStyles:{fontColor:"theme"}},l)),o},B_=gw("checkbox"),gd=gw("radio"),iO=gw();var _w=r=>{var a,o;let l=[],s=Number((a=r==null?void 0:r.min)!=null?a:1900),d=Number((o=r==null?void 0:r.max)!=null?o:$r.default.Time().addYear(10).year);for(let c=s;c<=d;c++)l.unshift({value:c,label:[c,...$r.default.transformer.wareki(c).value].join(" - ")});return l},sO=r=>{let{restrict:a,era:o="year",defaultValue:l=""}=r;r=_({},r),r.tipsID=r.tipsID||$r.default.uuid.gen();let s=(0,wu.useRef)(!1),[d,c]=(0,wu.useState)((()=>{var p,g;if(a=="clock"){let y=String(l).split(/[^\d]/);y[0]||(y=[0,0]);let b=Number(y[0]),x=Number(y[1]);return{modifiedType:"init",hour:b,minutes:x}}else if(a=="date"){let[y,b,x]=(p=String(l))==null?void 0:p.split(/\D/);return($r.default.is.nullish(y)||$r.default.is.nullish(b)||$r.default.is.nullish(x))&&([y,b,x]=$r.default.Time().toFormat("%Y-%M-%D").split("-")),{modifiedType:"init",year:Number(y),month:Number(b),date:Number(x)}}else if(a!="week"){if(a=="month"){let[y,b]=String(l).split(/\D/);return($r.default.is.nullish(y)||$r.default.is.nullish(b))&&([y,b]=$r.default.Time().toFormat("%Y-%M").split("-")),{modifiedType:"init",year:Number(y),month:Number(b)}}else if(a=="year"){let[y]=String(l).split(/\D/);return $r.default.is.nullish(y)&&([y]=$r.default.Time().toFormat("%Y").split("-")),{modifiedType:"init",year:Number(y)}}else if(a=="dateWareki"){let[y,b,x]=(g=String(l))==null?void 0:g.split(/\D/);return($r.default.is.nullish(y)||$r.default.is.nullish(b)||$r.default.is.nullish(x))&&([y,b,x]=$r.default.Time().toFormat("%Y-%M-%D").split("-")),{modifiedType:"init",era:o||"year",year:Number(y),month:Number(b),date:Number(x)}}}return{}})());(0,wu.useEffect)(()=>{if(s.current){if(d.modifiedType=="update"){let p="",g=o||"year";if(a=="clock"){let{hour:y,minutes:b}=d;p=[y.zeroEmbed(2),b.zeroEmbed(2)].join("/")}else if(a=="date"){let{year:y,month:b,date:x}=d;p=[y,b.zeroEmbed(2),x.zeroEmbed(2)].join("/")}else if(a!="week"){if(a=="month"){let{year:y,month:b}=d;p=[y,b.zeroEmbed(2)].join("/")}else if(a=="year"){let{year:y}=d;p=String(y)}else if(a=="dateWareki"){let{year:y,month:b,date:x,era:w}=d;g=w,p=[y,b.zeroEmbed(2),x.zeroEmbed(2)].join("/")}}r.onValueUpdate(p,g)}}else s.current=!0},[d]);let h=L(_({},r),{val_value:d,set_value:c});return(0,Ve.jsx)(E,{backgroundColor:"layer.1",borderRadius:"2.tone.secondary",boxShadow:"1.remark",border:!0,overflow:"hidden",children:(0,Ve.jsx)(E,{overflow:"auto",className:za(a.toCapital()+"Base"),children:a=="clock"?(0,Ve.jsx)(Ya.Clock.index,_({},h)):a=="date"?(0,Ve.jsx)(Ya.Date.index,_({},h)):a=="week"?"":a=="month"?(0,Ve.jsx)(Ya.Month.index,_({},h)):a=="year"?(0,Ve.jsx)(Ya.Year.index,_({},h)):a=="dates"||a=="months"?"":a=="dateWareki"?(0,Ve.jsx)(Ya.DateWareki.index,_({},h)):(0,Ve.jsx)(Ve.Fragment,{})})})},Ya={Clock:{index:r=>{let{min:a,max:o,onValueUpdate:l,tipsID:s,val_value:d,set_value:c}=r,[h,p]=(0,wu.useState)(d.hour>12?2:1),[g,y]=(0,wu.useState)(Number(localStorage.getItem("timePickerUnit")||5));(0,wu.useEffect)(()=>{localStorage.setItem("timePickerUnit",String(g))},[g]);let{hour:b,minutes:x}=d;return(0,Ve.jsxs)(ht,{padding:1,children:[(0,Ve.jsxs)(pt,{flexType:"row",flexWrap:!1,gap:1,className:za("Body"),children:[(0,Ve.jsxs)(ht,{className:za("DesignSide"),flexSizing:0,children:[(0,Ve.jsx)(E,{className:za("ClockUiBase"),padding:[1,"2/3"],flexCenter:!0,children:(0,Ve.jsxs)(E,{className:za("ClockUi"),backgroundColor:"theme.opa.low",isRounded:!0,position:"relative",children:[(0,Ve.jsx)(E,{position:"absolute",backgroundColor:"theme",unitWidth:"1/12",className:[za("Needle"),za("hour")].join(" "),freeCSS:{transform:`rotate(${b*30+x/2}deg)`}}),(0,Ve.jsx)(E,{position:"absolute",backgroundColor:"theme",unitWidth:"1/12",className:[za("Needle"),za("minute")].join(" "),freeCSS:{transform:`rotate(${x*6}deg)`}})]})}),(0,Ve.jsx)(gd,{icon:!0,value:[h],options:[{value:1,label:"AM"},{value:2,label:"PM"}],flexType:"col",gap:0,cellStyles:{padding:"1/2",horizontalAlign:"between",gap:"1/3"},tabIndex:-1,onUpdateValidValue:({value:w})=>{let T=d.hour%12+(w==2?12:0);p(w),c({modifiedType:"update",hour:T,minutes:d.minutes})}}),(0,Ve.jsx)(E,{borderTop:!0,margin:[0,1]}),(0,Ve.jsx)(gd,{icon:!0,value:[g],options:[{value:1,label:"/ 1\u5206"},{value:2,label:"/ 2\u5206"},{value:5,label:"/ 5\u5206"}],flexType:"col",gap:0,cellStyles:{padding:"1/2",horizontalAlign:"between",gap:"1/3"},tabIndex:-1,onUpdateValidValue:({value:w})=>{y(w)}})]}),(0,Ve.jsxs)(ht,{children:[(0,Ve.jsxs)(E,{flexCenter:!0,isSemiBoldFont:!0,fontSize:"3.paragraph",children:[d.hour.zeroEmbed(2)," : ",d.minutes.zeroEmbed(2)]}),(0,Ve.jsxs)(pt,{flexWrap:!1,borderRadius:"1.tone.primary",boxShadow:"0.remark.inset",flexChilds:"even",padding:["1/3",0],freeCSS:{minWidth:12*12},children:[(0,Ve.jsx)(ht,{gap:0,overflow:"auto",padding:"2/3",borderRight:!0,freeCSS:{maxHeight:12*22},children:Ya.Clock.Hours({onClick:w=>{let T=w+(h==2?12:0);c({modifiedType:"update",hour:T,minutes:d.minutes})},min:a,max:o,ampm:h})}),(0,Ve.jsx)(ht,{gap:0,overflow:"auto",padding:"2/3",freeCSS:{maxHeight:12*22},children:Ya.Clock.Minutes({onClick:w=>{c({modifiedType:"update",hour:d.hour,minutes:w})},min:a,max:o,unit:g})})]})]})]}),(0,Ve.jsx)(Ya.Variables.Footer,{tipsID:s,onValueUpdate:l})]})},Hours:r=>{let a=[];for(let o=0;o<12;o++){let l=r.ampm==2?o+12:o,s=!1;{let d=Number(String(l*100).replace(/\D/ig,""));if(r.min&&Number(String(r.min).replace(/\D/ig,""))>d&&(s=!0),r.max){let c=Number(String(r.max).replace(/\D/ig,""));d>c&&(s=!0)}}a.push((0,Ve.jsx)(oe.Button.Normal.R,{isLocked:s,borderBottom:!0,borderRadius:0,padding:["1/2",1],freeCSS:{whiteSpace:"nowrap"},tabIndex:-1,onClick:()=>{r.onClick(o)},children:l.zeroEmbed(2)},o))}return a},Minutes:r=>{let a=[];for(let o=0;o<60/r.unit;o++){let l=o*r.unit;a.push((0,Ve.jsx)(oe.Button.Normal.R,{borderBottom:!0,borderRadius:0,padding:["1/2",1],freeCSS:{whiteSpace:"nowrap"},tabIndex:-1,onClick:()=>{r.onClick(l)},children:l.zeroEmbed(2)},l))}return a}},Date:{index:r=>{let{min:a,max:o,onValueUpdate:l,tipsID:s,val_value:d,set_value:c}=r,{year:h,month:p,date:g}=d;return(0,Ve.jsxs)(ht,{padding:1,children:[(0,Ve.jsxs)(pt,{flexWrap:!0,verticalAlign:"center",horizontalAlign:"between",children:[(0,Ve.jsxs)(pt,{verticalAlign:"bottom",horizontalAlign:"left",gap:"2/3",flexWrap:!1,children:[(0,Ve.jsx)(ns,{override:"force",emptySelect:!1,value:h,options:_w(),border:"1.thin",padding:["1/3","2/3"],paddingRight:2,onUpdateValidValue:({value:y})=>{c({modifiedType:"update",year:Number(y),month:p,date:g})},rightIcon:(0,Ve.jsx)(vn,{right:"1/3",children:(0,Ve.jsx)(xe.AngleDown,{})})}),(0,Ve.jsx)(ns,{override:"force",emptySelect:!1,value:p,options:(()=>{let y=[];for(let b=1;b<=12;b++)y.push({value:b,label:String(b),displayLabel:String(b)+"\u6708"});return y})(),border:"1.thin",padding:["1/3","2/3"],paddingRight:2,rightIcon:(0,Ve.jsx)(vn,{right:"1/3",children:(0,Ve.jsx)(xe.AngleDown,{})}),onUpdateValidValue:({value:y})=>{c({modifiedType:"update",year:h,month:Number(y),date:g})}})]}),(0,Ve.jsx)(Ya.Variables.ShiftButtons,{callback:y=>{let b=p+y,x=h;y==-1?(b<=0&&x--,b=b||12):p==12&&x++,c({modifiedType:"update",year:x,month:b,date:d.date})}})]}),(0,Ve.jsx)(E,{borderTop:!0}),(0,Ve.jsx)(E,{children:Ya.Date.MonthCalendar({min:a,max:o,year:d.year,month:d.month,current:[d.year,d.month,d.date],callback:y=>{let[b,x,w]=y;c({modifiedType:"update",year:b,month:x,date:w})}})}),(0,Ve.jsx)(Ya.Variables.Footer,{tipsID:s,onValueUpdate:l})]})},MonthCalendar:r=>{let{min:a,max:o,year:l,month:s,current:d,callback:c}=r,h=$r.default.Time(),p=$r.default.Time([l,s.zeroEmbed(2),"01"].join("/")),g=p.getLastDayOfTheMonth(),y=$r.default.Time(p).addMonth(-1).getLastDayOfTheMonth().date,b=[],x=[],w=[],T=[],A={padding:0,unitWidth:3,unitHeight:3,flexCenter:!0,borderRadius:"3.tone.tertiary"};for(var R=0;R<7;R++)b.push((0,Ve.jsx)(E,L(_({className:[za("CalendarDay"),za("Legend")].join(" ")},A),{children:["\u65E5","\u6708","\u706B","\u6C34","\u6728","\u91D1","\u571F"][R]}),R));for(var R=0;R<p.weekday;R++)x.unshift((0,lO.createElement)(E,L(_({className:[za("CalendarDay"),za("Dummy")].join(" "),fontColor:"4.thin"},A),{key:R}),y-R));for(var R=1;R<=g.date;R++){let M=R,z=l==h.year&&s==h.month&&R==h.date,j=!1;{let K=Number(String([l,s.zeroEmbed(2),R.zeroEmbed(2)].join("/")).replace(/\D/ig,""));if(r.min&&Number(String(r.min).replace(/\D/ig,""))>K&&(j=!0),r.max){let P=Number(String(r.max).replace(/\D/ig,""));K>P&&(j=!0)}}w.push((0,Ve.jsx)(oe.Button.Clear.R,L(_({className:[za("CalendarDay"),za("isToday_"+z)].join(" ")},A),{fontColor:"1.clear",padding:0,flexCenter:!0,isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{c([l,s,M])},tabIndex:-1,isLocked:j,children:R}),M))}for(var R=1;R<7-g.weekday;R++)T.push((0,Ve.jsx)(E,L(_({className:[za("CalendarDay"),za("Dummy")].join(" "),fontColor:"4.thin"},A),{children:R}),R));return(0,Ve.jsxs)(ha,{gridCols:7,gap:"1/3",children:[b,x,w,T]})}},Month:{index:r=>{let{min:a,max:o,onValueUpdate:l,tipsID:s,val_value:d,set_value:c}=r,{year:h,month:p}=d;return(0,Ve.jsxs)(ht,{padding:1,children:[(0,Ve.jsxs)(Je.Separate,{gap:0,children:[(0,Ve.jsx)(Je.Center,{verticalAlign:"bottom",gap:"2/3",children:(0,Ve.jsx)(ns,{emptySelect:!1,value:h,options:_w(),override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,rightIcon:(0,Ve.jsx)(vn,{right:"1/3",children:(0,Ve.jsx)(xe.AngleDown,{})}),onUpdateValidValue:({value:g})=>{c({modifiedType:"update",year:Number(g),month:p})}})}),(0,Ve.jsx)(Ya.Variables.ShiftButtons,{callback:g=>{let y=Math.min(Math.max(h+g,1900),2100);c({modifiedType:"update",year:y,month:p})}})]}),(0,Ve.jsx)(E,{borderTop:!0}),Ya.Month.Months({min:a,max:o,year:d.year,callback:g=>{let[y,b]=g;c({modifiedType:"update",year:y,month:b})}}),(0,Ve.jsx)(Ya.Variables.Footer,{tipsID:s,onValueUpdate:l})]})},Months:r=>{let{year:a,callback:o}=r,l=$r.default.Time(),s=[];for(let d=1;d<=12;d++){let c=a==l.year&&d==l.month,h=!1;{let g=Number(String([a,d.zeroEmbed(2)].join("/")).replace(/\D/ig,""));if(r.min&&Number(String(r.min).replace(/\D/ig,""))>g&&(h=!0),r.max){let y=Number(String(r.max).replace(/\D/ig,""));g>y&&(h=!0)}}let p=[za("Cell"),c?za("isThisMonth"):""].join(" ");s.push((0,Ve.jsxs)(oe.Button.Clear.R,{className:p,isLocked:h,fontColor:"2.normal",padding:["1/3",1],ssEffectsOnActive:"shrink",onClick:()=>{o([a,d])},children:[d," \u6708"]},a+"-"+d))}return(0,Ve.jsx)(ha,{gridCols:4,gap:"2/3",children:s})}},Year:{index:r=>{let{min:a,max:o,onValueUpdate:l,tipsID:s,val_value:d,set_value:c}=r,{year:h}=d;return(0,Ve.jsxs)(ht,{padding:1,children:[(0,Ve.jsx)(ns,{emptySelect:!1,value:h||$r.default.Time().year,override:"force",options:_w({min:a,max:o}),onUpdateValidValue:({value:p})=>{c({modifiedType:"update",year:Number(p)})}}),(0,Ve.jsx)(Ya.Variables.Footer,{tipsID:s,onValueUpdate:l,onSubmit:()=>{c({modifiedType:"update",year:Number(h||$r.default.Time().year)})}})]})}},DateWareki:{index:r=>{let{min:a,max:o,onValueUpdate:l,tipsID:s,val_value:d,set_value:c}=r,{era:h,year:p,month:g,date:y}=d,b={val_value:d,set_value:c};return(0,Ve.jsxs)(E,{children:[(0,Ve.jsxs)(Je.Left,{borderBottom:!0,gap:0,verticalAlign:"unset",children:[(0,Ve.jsx)(Ya.DateWareki.EraSelect,_({},b)),(0,Ve.jsx)(E,{borderRight:!0}),(0,Ve.jsx)(Ya.DateWareki.Calendar,_({},b))]}),(0,Ve.jsx)(E,{padding:1,children:(0,Ve.jsx)(Ya.Variables.Footer,{tipsID:s,onValueUpdate:l})})]})},EraSelect:r=>{let{val_value:a,set_value:o}=r,l={padding:["1/2",1.5],fontColor:"3.blur"},s={backgroundColor:"cloud",fontColor:"2.normal",isSemiBoldFont:!0};return(0,Ve.jsxs)(ht,{padding:1,gap:0,children:[(0,Ve.jsx)(oe.Button.Clear.R,L(_({color:"cloud"},l),{isActiveStyles:s,isActive:a.era=="year",onClick:()=>{let d=$r.default.Time();o({modifiedType:"update",era:"year",year:d.year,month:d.month,date:d.date})},children:"\u897F\u66A6"})),(0,Ve.jsx)(oe.Button.Clear.R,L(_({color:"cloud"},l),{isActiveStyles:s,isActive:a.era=="reiwa",onClick:()=>{let d=$r.default.Time();o({modifiedType:"update",era:"reiwa",year:d.year,month:d.month,date:d.date})},children:"\u4EE4\u548C"})),(0,Ve.jsx)(oe.Button.Clear.R,L(_({color:"cloud"},l),{isActiveStyles:s,isActive:a.era=="heisei",onClick:()=>{o({modifiedType:"update",era:"heisei",year:2019,month:1,date:1})},children:"\u5E73\u6210"})),(0,Ve.jsx)(oe.Button.Clear.R,L(_({color:"cloud"},l),{isActiveStyles:s,isActive:a.era=="shouwa",onClick:()=>{o({modifiedType:"update",era:"shouwa",year:1989,month:1,date:1})},children:"\u662D\u548C"})),(0,Ve.jsx)(oe.Button.Clear.R,L(_({color:"cloud"},l),{isActiveStyles:s,isActive:a.era=="taisho",onClick:()=>{o({modifiedType:"update",era:"taisho",year:1926,month:1,date:1})},children:"\u5927\u6B63"})),(0,Ve.jsx)(oe.Button.Clear.R,L(_({color:"cloud"},l),{isActiveStyles:s,isActive:a.era=="meiji",onClick:()=>{o({modifiedType:"update",era:"meiji",year:1912,month:1,date:1})},children:"\u660E\u6CBB"}))]})},Calendar:r=>{let{val_value:a,set_value:o}=r,l=[];if(a.era=="year")for(let s=1900;s<2100;s++)l.unshift({value:s,label:s+"\u5E74"});else if(a.era=="reiwa"){let s=$r.default.Time().year-2018;for(let d=1;d<=s+10;d++)l.unshift({value:2019+d-1,label:"\u4EE4\u548C"+(d==1?"\u5143":d)+"\u5E74"})}else if(a.era=="heisei")for(let s=1;s<=31;s++)l.unshift({value:1989+s-1,label:"\u5E73\u6210"+(s==1?"\u5143":s)+"\u5E74"});else if(a.era=="shouwa")for(let s=1;s<=64;s++)l.unshift({value:1926+s-1,label:"\u662D\u548C"+(s==1?"\u5143":s)+"\u5E74"});else if(a.era=="taisho")for(let s=1;s<=15;s++)l.unshift({value:1912+s-1,label:"\u5927\u6B63"+(s==1?"\u5143":s)+"\u5E74"});else if(a.era=="meiji")for(let s=1;s<=45;s++)l.unshift({value:1868+s-1,label:"\u660E\u6CBB"+(s==1?"\u5143":s)+"\u5E74"});return(0,Ve.jsxs)(ht,{padding:1,children:[(0,Ve.jsxs)(Je.Separate,{children:[(0,Ve.jsx)(ns,{tone:"cloud",emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,rightIcon:(0,Ve.jsx)(vn,{right:"1/3",children:(0,Ve.jsx)(xe.AngleDown,{})}),options:l,value:a.year,onUpdateValidValue:({value:s})=>{o(d=>L(_({},d),{modifiedType:"update",year:Number(s)}))}}),(0,Ve.jsxs)(Je.Center,{gap:"1/3",children:[(0,Ve.jsx)(oe.Button.Clear.S,{ssSphere:2,onClick:()=>{let s=a.month-1;o({modifiedType:"update",era:a.era,year:s==0?a.year-1:a.year,month:s==0?12:s,date:1})},children:(0,Ve.jsx)(xe.ChevronLeft,{})}),(0,Ve.jsx)(ns,{tone:"cloud",emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,rightIcon:(0,Ve.jsx)(vn,{right:"1/3",children:(0,Ve.jsx)(xe.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:a.month,onUpdateValidValue:({value:s})=>{o({modifiedType:"update",era:a.era,year:a.year,month:Number(s),date:1})}}),(0,Ve.jsx)(oe.Button.Clear.S,{ssSphere:2,onClick:()=>{let s=a.month+1;o({modifiedType:"update",era:a.era,year:s==13?a.year+1:a.year,month:s==13?1:s,date:1})},children:(0,Ve.jsx)(xe.ChevronRight,{})})]})]}),(0,Ve.jsx)(Ya.DateWareki.MonthCell,_({},r))]},a.era)},MonthCell:r=>{let{val_value:a,set_value:o}=r,l=$r.default.Time([a.year.zeroEmbed(4),a.month.zeroEmbed(2),a.date.zeroEmbed(2)].join("/"));if(!l.validate)return;let s=l.getFirstDayOfTheMonth().weekday,d=l.getLastDayOfTheMonth(),c=[];for(let h=0;h<7;h++)c.push((0,Ve.jsx)(Xe.Supplement,{flexCenter:!0,fontColor:h==0?"googleRed":h==6?"googleBlue":"3.blur",children:$r.default.transformer.weekday.shortJP(h)},"legend-"+h));for(let h=0;h<s;h++){let p=$r.default.Time(l).getFirstDayOfTheMonth().addDate(h-s);c.push((0,Ve.jsx)(oe.Button.Sub.R,{color:"cloud",border:"1.thin",ssSphere:3,opacity:"middle",onClick:g=>{g.preventDefault(),g.stopPropagation(),o({modifiedType:"update",era:a.era,year:p.year,month:p.month,date:p.date})},children:p.date},"lastMonth-"+h))}for(let h=1;h<=d.date;h++){let p=$r.default.Time(l).setDate(h);c.push((0,Ve.jsx)(oe.Button.Border.R,{ssSphere:3,onClick:()=>{o({modifiedType:"update",era:a.era,year:p.year,month:p.month,date:p.date})},children:p.date},"currentMonth-"+h))}for(let h=0;h<7-d.weekday-1;h++){let p=$r.default.Time(l).addMonth(1).setDate(1).addDate(h);c.push((0,Ve.jsx)(oe.Button.Sub.R,{color:"cloud",border:"1.thin",ssSquare:3,opacity:"middle",onClick:g=>{g.preventDefault(),g.stopPropagation(),o({modifiedType:"update",era:a.era,year:p.year,month:p.month,date:p.date})},children:p.date},"nextMonth-"+h))}return(0,Ve.jsx)(ha,{gridCols:7,gap:"1/4",children:c})}},Variables:{Footer:r=>(0,Ve.jsxs)(pt,{flexWrap:!1,gap:1,flexChilds:"even",freeCSS:{whiteSpace:"nowrap"},children:[(0,Ve.jsxs)(oe.Button.Border.R,{onClick:()=>{r.onValueUpdate("")},tabIndex:-1,flexSizing:"none",padding:["2/3",1],children:[(0,Ve.jsx)(xe.Times,{})," \u524A\u9664"]}),(0,Ve.jsx)(oe.Button.Prime.R,{flexSizing:"auto",padding:["2/3",1],onClick:()=>{r.onSubmit&&r.onSubmit(),Ar.close(r.tipsID)},tabIndex:-1,children:"\u6C7A\u5B9A"})]}),ShiftButtons:r=>(0,Ve.jsxs)(pt,{gap:"1/3",flexWrap:!1,children:[(0,Ve.jsx)(oe.Button.Clear.R,L(_({className:za("LeftButton"),tabIndex:-1,right:0},Ya.Variables.ShiftButtonStyles),{onClick:()=>{r.callback(-1)},children:(0,Ve.jsx)(xe.ChevronLeft,{})})),(0,Ve.jsx)(oe.Button.Clear.R,L(_({className:za("RightButton"),tabIndex:-1,left:0},Ya.Variables.ShiftButtonStyles),{onClick:()=>{r.callback(1)},children:(0,Ve.jsx)(xe.ChevronRight,{})}))]}),ShiftButtonStyles:{flexCenter:!0,padding:0,unitWidth:3,unitHeight:3,borderRadius:"sphere",position:"relative"}}};var bd=" ~ ",nG={clock:{defaultValue:"--:--",format:/^\d{2}\D\d{2}$/,ranges:[{type:"hour",from:0,length:2},{type:"minute",from:3,length:2}],sets:1},date:{defaultValue:"----/--/--",format:/^\d{4}\D\d{2}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2},{type:"date",from:8,length:2}],sets:1},week:{defaultValue:"----\u5E74\u7B2C--\u9031",format:/^\d{4}\D\d{2}$/,ranges:[{type:"year",from:0,length:4,region:6},{type:"week",from:6,length:2,region:3}],sets:1},month:{defaultValue:"----\u5E74--\u6708",format:/^\d{4}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2,region:3}],sets:1},year:{defaultValue:"----\u5E74",format:/^\d{4}$/,ranges:[{type:"year",from:0,length:4,region:5}],sets:1},dates:{defaultValue:"----/--/--",format:/^\d{4}\D\d{2}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2},{type:"date",from:8,length:2,region:5},{type:"year",from:10+bd.length,length:4},{type:"month",from:15+bd.length,length:2},{type:"date",from:18+bd.length,length:2}],sets:2},months:{defaultValue:"----\u5E74--\u6708",format:/^\d{4}\D\d{2}$/,ranges:[{type:"year",from:0,length:4},{type:"month",from:5,length:2,region:6},{type:"year",from:8+bd.length,length:4},{type:"month",from:13+bd.length,length:2,region:3}],sets:2},dateWareki:{defaultValue:"----\u5E74--\u6708--\u65E5",format:/^\d{4}\D\d{2}\D\d{2}$/,ranges:[{type:"dateWareki",from:0,length:4,region:5},{type:"month",from:5,length:2,region:3},{type:"date",from:8,length:2,region:3}],sets:1}},_d={PeriodMargin:" ~ ",DataLeveling:r=>{let{restrict:a,value:o,era:l}=r,s=Co.default.flatArray(o||""),{defaultValue:d,format:c,ranges:h,sets:p}=nG[a],g=[],y=a=="clock"?":":"/";for(let b=0;b<s.length;b++)s[b]=String(s[b]).replace(/\D/ig,y);for(let b=0;b<p;b++){let x=s[b]||"";if(!x.match(c))s[b]="",g.push(d);else{let w=d;x.split(/\D/).forEach((T,A)=>{if(A==0&&a=="dateWareki"){let R=Number(T);l!="year"&&(R>=2019?l=="reiwa"?R-=2018:l=="heisei"&&(R=31):R>=1989?l=="heisei"?R-=1988:l=="shouwa"&&(R=64):R>=1926?l=="shouwa"?R-=1925:l=="taisho"&&(R=15):R>=1912?l=="taisho"?R-=1911:l=="meiji"&&(R=45):R>=1868&&(R-=1867)),T=R.zeroEmbed(4)}w=w.replace(new RegExp("------------------".slice(0,T.length)),T)}),g.push(w)}}return{formatValue:g.join(bd),dataValue:["dates","months"].includes(a)?s:s[0],ranges:h}},DefaultValidation:r=>{let{states:a}=r,{restrict:o,min:l,max:s,required:d}=a,c=[],h=Co.default.flatArray(r.value),p={empty:!1,escalated:1,filled:!0,correct:!0,prohibited:!1};(()=>{let g=o=="clock"?":":"/";for(let y=0;y<h.length;y++)h[y]=String(h[y]).replace(/\D/ig,g);for(let y=0;y<h.length;y++){let b=h[y],x=h[y-1];b.removeLetters()||(p.empty=!0),y>0&&(p.escalated&=+(b>=x))}p.escalated&&(p.empty||(o.match(/clock/)?h.forEach(y=>{let[b,x]=y.split(/\D+/);!b||!x?p.filled=!1:(Number(b)>23||Number(x)>59)&&(p.correct=!1)}):o.match(/date/)?h.forEach(y=>{let[b,x,w]=y.split(/\D+/);if(!b||!x||!w)p.filled=!1;else{let T=Co.default.Time(y);(!T.validate||y!=T.toFormatYMD())&&(p.correct=!1)}}):o.match(/week/)?h.forEach(y=>{let[b,x]=y.split(/\D+/);if(!b||!x)p.filled=!1;else{let w=Co.default.Time(b+"/01/01").weekday,T=Co.default.Time(b+"/01/0"+(7-w+1)).addWeek(Number(x)-1);b!=String(T.year)&&(p.correct=!1)}}):o.match(/month/)?h.forEach(y=>{let[b,x]=y.split(/\D+/);!b||!x?p.filled=!1:Co.default.Time([b,x,"01"].join("/")).validate||(p.correct=!1)}):o.match(/year/),p.filled&&p.correct&&h.forEach(y=>{{let b=Number(String(y).replace(/\D/ig,""));if(l&&Number(String(l).replace(/\D/ig,""))>b&&(p.prohibited=!0),s){let x=Number(String(s).replace(/\D/ig,""));b>x&&(p.prohibited=!0)}}})))})();{let{empty:g,escalated:y,filled:b,correct:x,prohibited:w}=p;g&&d&&(c=[{type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}]),y||c.push({type:"invalid",label:"\u6642\u7CFB\u5217\u3092\u6B63\u3057\u304F\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),x||c.push({type:"invalid",label:"\u7121\u52B9\u306A\u5024\u304C\u5165\u529B\u3055\u308C\u3066\u3044\u307E\u3059"}),b||c.push({type:"invalid",label:"\u6700\u5F8C\u307E\u3067\u5024\u3092\u57CB\u3081\u3066\u304F\u3060\u3055\u3044"}),w&&c.push({type:"invalid",label:(0,ra.jsxs)(ra.Fragment,{children:[(0,ra.jsx)(E,{children:"\u5165\u529B\u7BC4\u56F2\u304C\u5236\u9650\u3055\u308C\u3066\u3044\u307E\u3059"}),"[",l||"\u4E0B\u9650\u7121\u3057","] ~ [",s||"\u4E0A\u9650\u7121\u3057","]"]})})}return{ok:!c.filter(({type:g})=>g=="invalid").length,notice:c}},KeyDownEvent:r=>{let{val_era:a,restrict:o,event:l,val_status:s,set_status:d,val_focus:c,set_focus:h}=r,{key:p,shiftKey:g,ctrlKey:y,metaKey:b}=l,x=y||b,{selectionStart:w,selectionEnd:T}=l.target,{index:A,prevIndex:R}=c,{ranges:W,formatValue:M}=s,z=W.length-1;if(["Tab","ArrowLeft","ArrowRight"].includes(p)){let j=0;if(p=="Tab"){let K=+!g*2-1;if(j=c.index+K,j<0||j>z)return}else{let K=p=="ArrowLeft"?-1:p=="ArrowRight"?1:0;x||w==0&&T==String(s.formatValue).length?j=K==1?z:0:j=Math.max(0,Math.min(A+K,z))}h(K=>L(_({},K),{index:j,prevIndex:A})),l.preventDefault()}if(["Backspace","ArrowUp","ArrowDown","0","1","2","3","4","5","6","7","8","9"].includes(p)){l.preventDefault();let j=A;j=Math.max(j,0),j=Math.min(j,z);let{type:K,from:P,length:le}=W[j],Ee=M.slice(P,P+le),te;if(p=="Backspace")te="------".slice(0,le);else if(["ArrowUp","ArrowDown"].includes(p)){let me=p=="ArrowUp"?1:-1;Ee=Ee|0,te=Ee+me;let[ye,de,U]=K=="dateWareki"?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]:K=="minute"?[0,59,2]:K=="hour"?[0,23,2]:K=="date"?[1,31,2]:K=="week"?[1,53,2]:K=="month"?[1,12,2]:K=="year"?[0,2999,4]:[0,0,0];te>de?te=ye:te<ye&&(te=de),te=Number(te).zeroEmbed(U)}else if(["0","1","2","3","4","5","6","7","8","9"].includes(p)){let me=Ee|0,ye=p,de=`${me}${ye}`;if(R!=A&&(me=0,de="0"+ye),K=="year"||K=="dateWareki"&&a=="year")Number(de)>1e4?te=ye:te=de,(te|0)>1e3&&j++;else if(["hour","minute","date","week","month"].includes(K)||K=="dateWareki"&&a!="year"){let U=K=="dateWareki"?a=="reiwa"?100:a=="heisei"?31:a=="shouwa"?64:a=="taisho"?15:a=="meiji"?45:0:K=="minute"?59:K=="hour"?23:K=="date"?31:K=="week"?53:K=="month"?12:0;te=(de|0)>U?ye:de,(Number(ye)>Number(String(U)[0])||Ee=="0000".slice(0,String(U).length)&&(de!="0000".slice(0,String(U).length)||["minute","hour"].includes(K)&&R==A)||(de|0)>=h5(10,String(U).length-1))&&j++}K=="year"||K=="dateWareki"?te=(te|0).zeroEmbed(4):te=(te|0).zeroEmbed(2)}{let me=String(M).partReplace(P,String(te)),ye=me.split(bd).map(de=>de.replace(/(^\D|\D$)/,"").split(/\D+/).join(o=="clock"?":":"/").replace(/(^\D|\D$)/,""));if(o=="dateWareki"){let de=ye[0].split(/\D/),[U,Q,re]=de;de.length==3&&U&&(ye=[[Number(U)-1+Number({year:1,reiwa:2019,heisei:1989,shouwa:1926,taisho:1912,meiji:1868}[a]),Q,re].join("/")])}j=Math.max(j,0),j=Math.min(j,z),d(de=>L(_({},de),{dataValue:["dates","months"].includes(o)?ye:ye[0],formatValue:me,eventType:"update",eventID:Co.default.uuid.gen()})),h(de=>L(_({},de),{index:j,prevIndex:de.index}))}}}},dO={picker:{launch:r=>{let a=r.tipsID||Co.default.uuid.gen(),o=r,{onValueUpdate:l,min:s,max:d,era:c,restrict:h,defaultValue:p}=o,g=Ze(o,["onValueUpdate","min","max","era","restrict","defaultValue"]);Ar.open(L(_({gravityPoint:r.gravityPoint||24,tipsID:a,padding:0},g),{parent:g.parent,close_option:_({aroundClick:!0,parentBlur:!1},g.close_option),content:(0,ra.jsx)(sO,{restrict:h,min:s,max:d,era:c,defaultValue:p,tipsID:a,onValueUpdate:(y,b)=>{l(y,b)}})}))},remove:r=>{Ar.close(r)}}},oG={Shallow:r=>{let{rootStates:a,val_status:o}=r,l=Ns(a);return(0,ra.jsx)(E,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:(0,ra.jsx)(Xe.Description,L(_({className:a.className},l),{position:"absolute",width:1,freeCSS:L(_({},l.freeCSS),{color:"orange"}),children:(0,ra.jsx)(E,{"data-input-value-shallow":o.componentID,children:"A"})}))})}},iG=r=>{let a=r,{tone:o,required:l,restrict:s="clock",componentID:d,era:c,form:h,name:p,min:g,max:y,className:b,enableFormSubmit:x,checkValidationAtFirst:w,onKeyDown:T,onValidate:A,onUpdateValue:R,onUpdateValidValue:W,value:M="",leftIndicator:z,rightIndicator:j,leftIcon:K,rightIcon:P,freeCSS:le,wrapStyles:Ee}=a,te=Ze(a,["tone","required","restrict","componentID","era","form","name","min","max","className","enableFormSubmit","checkValidationAtFirst","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","leftIndicator","rightIndicator","leftIcon","rightIcon","freeCSS","wrapStyles"]),[me,ye]=(0,Oo.useState)(c),[de,U]=(0,Oo.useState)(L(_({componentID:r.componentID||""},_d.DataLeveling({restrict:s,value:M,era:me})),{eventType:"init",eventID:Co.default.uuid.gen()})),[Q,re]=(0,Oo.useState)({ok:!1,notice:[]}),[V,ee]=(0,Oo.useState)({active:!1,index:0,prevIndex:-1}),ie={rootStates:r,val_status:de,set_status:U,val_validate:Q,set_validate:re,val_era:me,set_era:ye,val_focus:V,set_focus:ee};hr.CommonEffects({type:"time",states:r,val_status:de,set_status:U,val_validate:Q,set_validate:re,onUpdateValue:R,onUpdateValidValue:W,DefaultValidation:_d.DefaultValidation,ExtraOverrideStates:_({},_d.DataLeveling({restrict:s,value:M,era:me}))});let Se=(0,Oo.useRef)(!1);return(0,Oo.useEffect)(()=>{if(Se.current){U(Re=>_(_({},Re),_d.DataLeveling({restrict:s,value:Re.dataValue,era:me})));let se=We.get("refreshEra_"+de.componentID);se&&se.refreshEra(me)}else Se.current=!0},[me]),We.update({[de.componentID]:{openPicker:()=>{r.disabled||dO.picker.launch({parent:"#Picker-"+de.componentID,tipsID:"PickerTips-"+de.componentID,restrict:s,min:g,max:y,defaultValue:de.dataValue,era:me,onValueUpdate:(se,Re)=>{U(De=>L(_(_({},De),_d.DataLeveling({restrict:s,value:se,era:Re})),{eventType:"update",eventID:Co.default.uuid.gen()})),ye(Re)}})},resetEra:se=>{ye(se),U(Re=>L(_(_({},Re),_d.DataLeveling({restrict:s,value:"",era:me})),{eventType:"update",eventID:Co.default.uuid.gen()}))}}}),(0,Oo.useEffect)(()=>{let{index:se,active:Re}=V;if(Re){se=Math.max(se,0),se=Math.min(se,de.ranges.length-1);let{from:De,length:Ie}=de.ranges[se],je=xt("#"+r.id)[0];je&&je.setSelectionRange(De,De+Ie)}},[V]),(0,ra.jsxs)(Qa,{val_status:de,set_status:U,val_validate:Q,states:r,children:[(0,ra.jsx)(oG.Shallow,_({},ie)),(0,ra.jsx)(bc,{componentID:r.componentID,fontSize:r.fontSize,required:r.required,label:r.label,isActive:!0}),(0,ra.jsx)(As,{name:p,"data-disabled":r.disabled,"data-input-type":"time","data-form":h,"data-validation":Q.ok,componentID:de.componentID,"data-value":JSON.stringify(["dates","months"].includes(s)?!de.dataValue[0]||!de.dataValue[1]?null:de.dataValue:de.dataValue||null)}),ut.get().isTouchDevice?(0,ra.jsx)(oe.Button.Plain,{"data-show-validation":hr.isShowValidation(Q,de,!!w),"data-component-id":de.componentID,className:b,freeCSS:{textAlign:"left"},children:de.formatValue,onClick:se=>{let Re=We.get(de.componentID);Re&&Re.openPicker(),se.stopPropagation()}}):(0,ra.jsx)(E,_({htmlTag:"input",type:"text",inputMode:"numeric","data-show-validation":hr.isShowValidation(Q,de,!!w),"data-input-origin":de.componentID,"data-disabled":r.disabled,"data-input-type":"time","data-form-name":h,value:de.formatValue,className:b,tabIndex:ut.get().isTouchDevice?-1:0,onKeyDown:se=>{_d.KeyDownEvent({restrict:s,event:se,val_era:me,val_status:de,set_status:U,val_focus:V,set_focus:ee}),T&&T(se),x&&hr.SubmitForm(se)},onKeyUp:se=>{se.key=="Tab"&&ee(Re=>L(_({},Re),{active:!0}))},onClick:se=>{let Re=se.target.selectionEnd,De=0;de.ranges.forEach((Ie,je)=>{let{from:ot,length:St,region:_t}=Ie;ot<=Re&&Re<=ot+(_t||St)&&(De=je)}),ee(Ie=>L(_({},Ie),{active:!0,index:De})),se.preventDefault()},onChange:()=>{}},te))]})},Os={Origin:r=>{r=_({},r),r.rightIcon&&(r=_({paddingRight:3},r)),r.leftIcon&&(r=_({paddingLeft:3},r));let[a]=(0,Oo.useState)(r.componentID||Co.default.uuid.gen());if(r.componentID=a,Co.default.is.nullish(r.rightIcon)){let o=(r.restrict||"").match(/clock/)?uO.faClock:cO.faCalendarAlt;r.rightIcon=(0,ra.jsx)(vn,{padding:0,children:(0,ra.jsx)(oe.Button.Sub.R,{color:"cloud",border:"unset",ssSphere:2,fontColor:"theme",boxShadow:"0.normal",borderRadius:"3.tone.tertiary",flexCenter:!0,ssEffectsOnActive:"push",tabIndex:-1,id:"Picker-"+r.componentID,onClick:()=>{let l=We.get(r.componentID);l&&l.openPicker()},children:(0,ra.jsx)(xe,{icon:o})})})}return(0,ra.jsx)(Ha,{componentID:r.componentID,children:iG,states:Wa(ja.Boxish(r))})},Clock:r=>(0,ra.jsx)(Os.Origin,_({restrict:"clock",era:"clock"},r)),Date:r=>(0,ra.jsx)(Os.Origin,_({restrict:"date"},r)),Week:r=>(0,ra.jsx)(Os.Origin,_({restrict:"week"},r)),Month:r=>(0,ra.jsx)(Os.Origin,_({restrict:"month"},r)),Year:r=>(0,ra.jsx)(Os.Origin,_({restrict:"year"},r)),DateWareki:r=>{r=_({},r);let[a]=(0,Oo.useState)(r.componentID||Co.default.uuid.gen());r.componentID=a;let{defaultEra:o="wareki"}=r,[l,s]=(0,Oo.useState)((()=>{let d="year";if(o=="wareki"&&(d="reiwa",r.value)){let[c,h,p]=r.value.split(/\D/);if(c&&h&&p){let g=Number(c);g>=2019?(g-=2019,d="reiwa"):g>=1989?(g-=1989,d="heisei"):g>=1926?(g-=1926,d="shouwa"):g>=1912?(g-=1912,d="taisho"):g>=1868&&(g-=1868,d="meiji"),g+=1}}return d})());return(0,Oo.useEffect)(()=>{We.set({["refreshEra_"+a]:{refreshEra:d=>{s(d)}}})},[]),(0,ra.jsx)(Os.Origin,L(_({restrict:"dateWareki",leftIndicator:(0,ra.jsx)(ns,{label:"\u5143\u53F7",emptySelect:!1,value:l,tone:r.tone,override:"force",flexCenter:!0,borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3",height:1,freeCSS:{whiteSpace:"nowrap"},options:[{value:"year",label:"\u897F\u66A6"},{value:"reiwa",label:"\u4EE4\u548C"},{value:"heisei",label:"\u5E73\u6210"},{value:"shouwa",label:"\u662D\u548C"},{value:"taisho",label:"\u5927\u6B63"},{value:"meiji",label:"\u660E\u6CBB"}],onUpdateValidValue:({value:d,eventType:c})=>{s(d);let h=We.get(r.componentID);h&&h.resetEra&&h.resetEra(d)}})},r),{era:l}))},Periods:{Date:r=>(0,ra.jsx)(Os.Origin,_({restrict:"dates"},r)),Month:r=>(0,ra.jsx)(Os.Origin,_({restrict:"months"},r))},fn:dO};var ir=Z(Mt()),Aa=Z(fr()),Fr=Z(pr());var wd=Z(Mt());var yd=Z(Mt()),fO=Z(pr());var Sd=Z(fr());var Xf=r=>{let a=r,{color:o="theme",size:l="R",showInitial:s=!1,loaderID:d=""}=a,c=Ze(a,["color","size","showInitial","loaderID"]),[h]=(0,Sd.useState)(d),[p]=(0,Sd.useState)(fO.default.uuid.gen()),[g,y]=(0,Sd.useState)(s),b=0;l=="S"?b=1:l=="R"?b=1.5:l=="L"?b=3:l=="XL"?b=4:l=="MAX"&&(b=6);let x={theme:"hsl( var( --color-theme-hsl ) )",posi:"var( --color-positive )",nega:"var( --color-negative )",warn:"var( --color-warning )",cloud:"hsl( var( --color-layer5-hsl ) )",white:"white"}[o];return(0,Sd.useEffect)(()=>{let w=xt('[data-component-id="'+p+'"]');g?w.removeClass(Ta("Hide")).await(10).addClass(Ta("Active")):w.removeClass(Ta("Active")).await(210).addClass(Ta("Hide"))},[g]),(0,Sd.useEffect)(()=>{We.set({[p]:{active:w=>{h==w&&y(!0)},stop:w=>{h==w&&y(!1)},stopForce:()=>{y(!1)}}})},[]),(0,yd.jsxs)(Je.Center,L(_({className:[Ta("MiniLoader"),Ta(s?"Active":"Hide")].join(" "),componentID:p,ssSphere:b,position:"relative"},c),{children:[(0,yd.jsx)("svg",{className:Ta("SVG1"),width:"100",height:"100",viewBox:"0 0 100 100",style:{stroke:x},children:(0,yd.jsx)("circle",{cx:"50",cy:"50",r:"40"})}),(0,yd.jsx)("svg",{className:Ta("SVG2"),width:"100",height:"100",viewBox:"0 0 100 100",style:{stroke:x},children:(0,yd.jsx)("circle",{cx:"50",cy:"50",r:"40"})})]}))};var Al=Z(Mt());var N_=Z(fr());var pO=()=>{let[r,a]=(0,N_.useState)(!1);return(0,N_.useEffect)(()=>{We.set({["Loader-corner-"+ut.get().sessionUID+"-corner"]:{active:()=>{a(!0)},stop:()=>{a(!1)}}})},[]),(0,Al.jsxs)(pt,{className:[Ta("CornerLoader"),r?Ta("isActive"):""].join(" "),gap:"1/2",padding:["1/2","3/4"],borderRadius:"2/3",backgroundColor:"dark",position:"fixed",boxShadow:"1.remark",left:"50%",top:1,opacity:"trans",transition:"short",isRounded:!0,freeCSS:{zIndex:10,pointerEvents:"none",transform:"translateX(-50%)"},children:[(0,Al.jsxs)(pt,{className:Ta("Wrap"),flexWrap:!1,verticalAlign:"center",horizontalAlign:"center",children:[(0,Al.jsx)(E,{className:Ta("Ld4")}),(0,Al.jsx)(E,{className:Ta("Ld3")}),(0,Al.jsx)(E,{className:Ta("Ld2")}),(0,Al.jsx)(E,{className:Ta("Ld1")}),(0,Al.jsx)(E,{className:Ta("Ld2")}),(0,Al.jsx)(E,{className:Ta("Ld3")}),(0,Al.jsx)(E,{className:Ta("Ld4")})]}),(0,Al.jsx)(E,{fontColor:"white",fontSize:"0.xs",isSemiBoldFont:!0,children:"Loading..."})]})};var Jf=r=>{let a=r.color;return{S:o=>(0,wd.jsx)(Xf,_({size:"S",color:a},o)),R:o=>(0,wd.jsx)(Xf,_({size:"R",color:a},o)),L:o=>(0,wd.jsx)(Xf,_({size:"L",color:a},o)),XL:o=>(0,wd.jsx)(Xf,_({size:"XL",color:a},o)),MAX:o=>(0,wd.jsx)(Xf,_({size:"MAX",color:a},o))}},Za={Wrapper:()=>(0,wd.jsx)(pO,{}),Theme:Jf({color:"theme"}),Posi:Jf({color:"posi"}),Nega:Jf({color:"nega"}),Warn:Jf({color:"warn"}),White:Jf({color:"white"}),Cloud:Jf({color:"cloud"}),fn:{corner:{active:()=>{let r=We.get("Loader-corner-"+ut.get().sessionUID+"-corner");r&&r.active()},stop:()=>{let r=We.get("Loader-corner-"+ut.get().sessionUID+"-corner");r&&r.stop()}},mini:{active:(r="")=>{xt("."+Ta("MiniLoader")).for(a=>{let{dataset:{componentId:o}={}}=a;if(!o)return;let l=We.get(o);l&&l.active&&l.active(r)})},stop:(r="")=>{xt("."+Ta("MiniLoader")).for(a=>{let{dataset:{componentId:o}={}}=a;if(!o)return;let l=We.get(o);l&&l.stop&&l.stop(r)})},stopALL:()=>{xt("."+Ta("MiniLoader")).for(r=>{let{dataset:{componentId:a}={}}=r;if(!a)return;let o=We.get(a);o&&o.stopForce&&o.stopForce()})}},stopALL:()=>{Za.fn.corner.stop(),Za.fn.mini.stopALL()}}};function lG(r){let{value:a,states:o}=r,{required:l,options:s,min:d,max:c}=o;d=d||0,c=c||65535;let h=[],p=a.filter(g=>g!=="null").length;return l&&(p||h.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"})),p<d&&h.push({type:"invalid",label:d+"\u500B\u4EE5\u4E0A\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044"}),p>c&&h.push({type:"invalid",label:c+"\u500B\u307E\u3067\u9078\u629E\u3067\u304D\u307E\u3059"}),{ok:!h.filter(({type:g})=>g=="invalid").length,notice:h}}var Qf={InitOptions:r=>{let a=[];return r.forEach(o=>{let{type:l,label:s,value:d,searchValue:c}=o,h=c||(Fr.default.is.string(s)?s:"")||(Fr.default.is.string(d)?d:"");a.push(L(_({},o),{searchValue:h,type:l||"selector",value:Fr.default.JsonTo(d)}))}),a},FilterSelectableOptions:(r,a)=>{let o=r.val_options;if(a||(o=r.val_options.filter(l=>l.type!="label")),r.val_keyword){let l=r.val_keyword.toLower().replace(/ /g,"");o=o.filter(s=>(s.searchValue||"").toLower().replace(/ /g,"").includes(l))}return o}},Zf={Shallow:r=>{let{rootStates:a,val_status:o}=r,l=Ns(a);return(0,ir.jsx)(E,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:(0,ir.jsx)(Xe.Description,L(_({className:a.className},l),{position:"absolute",width:1,freeCSS:L(_({},l.freeCSS),{color:"orange"}),"data-id":"shallow_"+o.componentID,children:(0,ir.jsx)(E,{"data-input-value-shallow":o.componentID,children:"A"})}))})},Button:r=>{let{rootStates:a,val_keyword:o,set_keyword:l,val_optionFocused:s,set_optionFocused:d,val_options:c,set_options:h,val_optionsDict:p,set_optionsDict:g,val_preventOpenSelectorOnFocus:y,set_preventOpenSelectorOnFocus:b,val_selectorOpen:x,set_selectorOpen:w,val_status:T,set_status:A,val_validate:R,set_validate:W}=r,M=a,{tone:z,required:j,form:K,className:P,multiSelect:le,enableFormSubmit:Ee,checkValidationAtFirst:te,onValidate:me,onUpdateValue:ye,onUpdateValidValue:de,value:U="",options:Q,leftIndicator:re,rightIndicator:V,leftIcon:ee,rightIcon:ie,componentID:Se,status_id:se,wrapStyles:Re,emptySelect:De,SearchInput:Ie,SearchInputPlaceholder:je,SelectedComponent:ot,SelectorComponent:St,SelectorGravityPoint:_t,DynamicOptionsOnSearch:wt}=M,Et=Ze(M,["tone","required","form","className","multiSelect","enableFormSubmit","checkValidationAtFirst","onValidate","onUpdateValue","onUpdateValidValue","value","options","leftIndicator","rightIndicator","leftIcon","rightIcon","componentID","status_id","wrapStyles","emptySelect","SearchInput","SearchInputPlaceholder","SelectedComponent","SelectorComponent","SelectorGravityPoint","DynamicOptionsOnSearch"]);(0,Aa.useEffect)(()=>{var dt;if(a.disabled||!x)return;let Be=Qf.FilterSelectableOptions(r);d(((dt=Be[0])==null?void 0:dt.value)||null)},[o]),(0,Aa.useEffect)(()=>{T.eventType!="init"&&(a.max==T.dataValue.length?(w(!1),b(!0),setTimeout(()=>{let dt=(0,Fr.default)('[data-input-origin="'+a.componentID+'"]');dt&&dt.focus()},10)):(0,Fr.default)("#SearchInput_"+a.componentID).focus())},[T.dataValue]);let Rt="autocomplete-sheet-"+a.componentID;return(0,Aa.useEffect)(()=>{let dt="autocomplete-click-"+a.componentID;if(x){let Be=(0,Fr.default)('[data-input-origin="'+a.componentID+'"]');if(!Be)return;(0,Fr.default)("#SearchInput_"+a.componentID).focus(),Vt.open({sheetID:Rt,type:"custom",parent:Be[0],padding:["1/4",0],gravityPoint:a.SelectorGravityPoint||22,close_option:{aroundClick:!1},content:(0,ir.jsx)(Zf.Selector,_({},r))}),(0,Fr.default)(document).addEvent({eventID:dt,eventType:"click",callback:It=>{let Wt=(0,Fr.default)(It.target),Ft=!!(0,Fr.default)(Wt).parent("."+es("Core")).length;(0,Fr.default)(Wt).parent("."+es("Selector")).length||Ft||w(!1)}})}else(0,Fr.default)(document).removeEvent([dt]),l(""),Vt.close(Rt)},[x]),(0,Aa.useEffect)(()=>{if(a.disabled||!x)return;Vt.customSheet.reposition(Rt);let dt=We.get("refresh-autocomplete-selector-"+a.componentID);dt&&dt(r)},[c,T.dataValue,o,s]),(0,ir.jsx)(ir.Fragment,{children:(0,ir.jsx)(E,L(_({tabIndex:0},Et),{"data-disabled":a.disabled,"data-name":a.name,"data-value":Fr.default.JsonTo(T.dataValue),"data-form":K,"data-show-validation":hr.isShowValidation(R,T,!!te),"data-validation":R.ok,"data-component-id":T.componentID,"data-input-origin":T.componentID,"data-focus":!!x,"data-input-type":"autocomplete-"+(le?"multi":"single"),className:[P,es("Core")].join(" "),onFocus:dt=>{if(Et!=null&&Et.onFocus&&(Et==null||Et.onFocus(dt)),!a.disabled){if(y)return b(!1);w(!0),dt.preventDefault()}},onClick:dt=>{Et!=null&&Et.onClick&&(Et==null||Et.onClick(dt)),!a.disabled&&w(!0)},onKeyDown:dt=>{let{key:Be}=dt;Ee&&hr.SubmitForm(dt),!x&&(Be==" "||Be=="ArrowDown"||Be=="ArrowUp"||Be=="Enter")&&w(!0)},children:(0,ir.jsxs)(Je.Left,{flexWrap:!0,gap:"1/3",freeCSS:{letterSpacing:".5px"},children:[(0,ir.jsx)(Zf.Selected,_({},r)),(0,ir.jsx)(Cn,{width:0,overflow:"hidden",opacity:"trans",children:"A"}),(0,ir.jsx)(Zf.SearchInput,_({},r))]})}))})},SearchInput:r=>{let{rootStates:a}=r;return a.disabled||!r.val_selectorOpen?null:(0,ir.jsx)(E,{id:"SearchInput_"+a.componentID,placeholder:a.SearchInputPlaceholder||"\u691C\u7D22...",opacity:r.val_selectorOpen?"max":"trans","data-form":a.form,transition:"middle",flexSizing:0,htmlTag:"input",border:"unset",backgroundColor:"trans",value:r.val_keyword,freeCSS:{outline:"none"},onKeyDown:o=>{let{key:l,metaKey:s,ctrlKey:d}=o,c=s||d;l=="Escape"?(r.set_selectorOpen(!1),r.set_preventOpenSelectorOnFocus(!0),setTimeout(()=>{let h=(0,Fr.default)('[data-input-origin="'+a.componentID+'"]');h&&h.focus()},10)):l=="Tab"?r.set_selectorOpen(!1):l==" "?Fr.default.scope(()=>{r.val_selectorOpen||r.val_keyword||(o.preventDefault(),r.set_selectorOpen(!0))}):l=="Backspace"?Fr.default.scope(()=>{if(r.val_keyword)return;let h=[...r.val_status.dataValue];h.pop(),r.set_status(p=>L(_({},p),{dataValue:h,eventType:"update",eventID:Fr.default.uuid.gen()}))}):l=="Enter"&&Fr.default.scope(()=>{if(!r.val_selectorOpen)return r.set_selectorOpen(!0);if(!r.val_optionFocused)return;let h=r.val_options.find(g=>g.value==r.val_optionFocused);if(!h)return;let{value:p}=h;r.set_status(g=>{let y=[...g.dataValue];return Fr.default.scope(()=>{if(p==="null")return y=[];g.dataValue.includes(p)?y=y.filter(b=>b!==p):a.multiSelect?y.push(p):y=[p]}),L(_({},g),{dataValue:y,eventType:"update",eventID:Fr.default.uuid.gen()})}),r.set_keyword("")}),Fr.default.scope(()=>{if(!["ArrowDown","ArrowUp"].includes(l))return;if(o.preventDefault(),!r.val_selectorOpen)return r.set_selectorOpen(!0);let h=l=="ArrowDown"?1:-1,p=Qf.FilterSelectableOptions(r),g=p.length-1,y=null;Fr.default.scope(()=>{var b,x,w,T;if(h==1){if(y=((b=p[0])==null?void 0:b.value)||null,r.val_optionFocused==null)return;if(c){y=p[g].value||y||null;return}let A=p.findIndex(R=>R.value==r.val_optionFocused);if(A==-1)return;y=((x=p[A+1])==null?void 0:x.value)||y||null}else{if(y=p[g].value||null,r.val_optionFocused==null)return;if(c){y=((w=p[0])==null?void 0:w.value)||y||null;return}let A=p.findIndex(R=>R.value==r.val_optionFocused);if(A==-1)return;y=((T=p[A-1])==null?void 0:T.value)||y||null}}),r.set_optionFocused(y)}),a.enableFormSubmit&&hr.SubmitForm(o)},onChange:o=>{let l=o.target.value;r.set_keyword(l)}},"searchInput")},Selector:r=>{let[a,o]=(0,Aa.useState)(r),{rootStates:l}=a,[s,d]=(0,Aa.useState)("idle"),[c,h]=(0,Aa.useState)("idle");(0,Aa.useEffect)(()=>{We.set({["refresh-autocomplete-selector-"+l.componentID]:b=>{o(b)}})},[]),(0,Aa.useEffect)(()=>{if(!a.val_selectorOpen||!l.DynamicOptionsOnSearch)return;if(s=="idle")return d("ok");h("fetch");let b="autocomplete-search-"+l.componentID;Fr.default.interval.clear(b),Fr.default.interval.standBy(b,300,()=>pa(void 0,null,function*(){let x=yield l.DynamicOptionsOnSearch(a.val_keyword);h("idle");let w=Qf.InitOptions(x||[]);a.set_options(w)}))},[a.val_keyword]);let p=[],g=Qf.FilterSelectableOptions(a,!0),y=Qf.FilterSelectableOptions(a);return g.forEach((b,x)=>{let{type:w,value:T}=b,A=a.val_optionFocused==T,R=a.val_status.dataValue.includes(T),W=l.SelectorComponent;p.push((0,ir.jsx)(W,{option:b,isFocused:A,isSelected:R,addCallback:()=>{a.set_status(M=>{let z=[...M.dataValue];return Fr.default.scope(()=>{if(T==="null")return z=[];M.dataValue.includes(T)?z=z.filter(j=>j!==T):l.multiSelect?z.push(T):z=[T]}),L(_({},M),{dataValue:z,eventType:"update",eventID:Fr.default.uuid.gen()})})}},String(T)||Fr.default.uuid.gen()))}),y.length||(p=[(0,ir.jsx)(Xe.Supplement,{padding:[0,1],fontColor:"4.thin",children:"\u5019\u88DC\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093"},"no-selector-notice")]),c=="fetch"&&(p=[(0,ir.jsxs)(Je.Left,{padding:1,fontColor:"3.blur",children:[(0,ir.jsx)(Za.Theme.R,{showInitial:!0}),(0,ir.jsx)(Xe.Supplement,{children:"Loading..."})]},"loader")]),(0,ir.jsx)(Vt.Body,{className:es("Selector"),ssCardBox:!0,borderRadius:"3.tone.tertiary",boxShadow:"1.normal",freeCSS:{minWidth:12*18},children:(0,ir.jsx)(ht,{gap:0,padding:[1,0],children:p})})},Selected:r=>{let{rootStates:a,val_status:o,set_status:l,val_optionsDict:s}=r,d=[];return o.dataValue.forEach(c=>{let h=s[String(c)];if(!h)return;let p=a.SelectedComponent,g=h.label;h.value==="null"&&(g=""),d.push((0,ir.jsx)(E,{className:es("SelectedCell"),children:(0,ir.jsx)(p,{value:h.value,label:g,children:g,removeCallback:y=>{if(y.stopPropagation(),y.preventDefault(),a.disabled)return;let b=[...o.dataValue];b=b.filter(x=>x!==c),l(x=>L(_({},x),{dataValue:b,eventType:"update",eventID:Fr.default.uuid.gen()}))}})},String(h.value)))}),(0,ir.jsx)(ir.Fragment,{children:d})},Core:r=>{let{onUpdateValue:a,onUpdateValidValue:o,value:l}=r,s={componentID:r.componentID||"",dataValue:l,eventType:"init",eventID:Fr.default.uuid.gen()},[d,c]=(0,Aa.useState)(!1),[h,p]=(0,Aa.useState)(!1),[g,y]=(0,Aa.useState)(""),[b,x]=(0,Aa.useState)(r.options),[w,T]=(0,Aa.useState)(r.value[0]||null),[A,R]=(0,Aa.useState)({}),[W,M]=(0,Aa.useState)(s),[z,j]=(0,Aa.useState)({ok:!1,notice:[]}),K=(0,Aa.useRef)(!1);(0,Aa.useEffect)(()=>{K.current?x(r.options):K.current=!0},[r.options]),(0,Aa.useEffect)(()=>{if(!b.length)return;let Ee=[...b],te=_({},A);Ee.forEach(me=>{me.type!="label"&&(te[String(me.value)]=me)}),R(te)},[b]);let P={rootStates:r,val_options:b,set_options:x,val_optionFocused:w,set_optionFocused:T,val_optionsDict:A,set_optionsDict:R,val_preventOpenSelectorOnFocus:d,set_preventOpenSelectorOnFocus:c,val_selectorOpen:h,set_selectorOpen:p,val_keyword:g,set_keyword:y,val_status:W,set_status:M,val_validate:z,set_validate:j};hr.CommonEffects({type:"autocomplete",states:r,val_status:W,set_status:M,val_validate:z,set_validate:j,onUpdateValue:a,onUpdateValidValue:o,DefaultValidation:lG,ExtraOverrideStates:{dataValue:l,formatValue:l}});let le=W.dataValue.length&&W.dataValue[0]!=="null";return le=le||h,(0,ir.jsxs)(Qa,{val_status:W,set_status:M,val_validate:z,states:r,children:[(0,ir.jsx)(bc,{componentID:r.componentID,fontSize:r.fontSize,required:r.required,label:r.label,isActive:le}),(0,ir.jsx)(Zf.Shallow,_({},P)),(0,ir.jsx)(Zf.Button,_({},P))]})}},O_=r=>{let a=_({},r);a=L(_({value:[],min:0,max:65535,multiSelect:!0,padding:1,SearchInput:!0,emptySelect:!0,SelectorComponent:({option:l,isSelected:s,isFocused:d,addCallback:c})=>l.type=="selector"?(0,ir.jsx)(oe.Button.Sub.S,{color:"cloud",backgroundColor:"trans",borderRadius:0,fontColor:"2.normal",textAlign:"left",padding:["1/2",1.5],isActive:s||d,isActiveStyles:d?{backgroundColor:"cloud"}:{backgroundColor:"theme.opa.few",fontColor:"theme"},onClick:h=>{c()},children:(0,ir.jsx)(Xe.Supplement,{paddingLeft:s?"1/2":0,transition:"short",children:l.label})}):(0,ir.jsx)(ir.Fragment,{children:l.label}),SelectedComponent:({value:l,label:s,removeCallback:d})=>(0,ir.jsxs)(Je.Left,{ssCardBox:"cloud",backgroundColor:"layer.3",borderRadius:"2.tone.secondary",fontSize:"1.mini",padding:"1/2",gap:0,children:[(0,ir.jsx)(E,{padding:[0,"1/4"],children:s}),(0,ir.jsx)(oe.Button.Sub.R,{color:"cloud",fontColor:"white",backgroundColor:"layer.6",isRounded:!0,padding:"1/4",onClick:d,children:(0,ir.jsx)(xe.Times,{ssSphere:1})})]},"test")},a),{freeCSS:_({cursor:"pointer"},a.freeCSS)}),a.multiSelect||(a.min=1,a.max=1),a.options=a.options||[],a.emptySelect&&(a.options=[{value:null,label:(0,ir.jsx)(Xe.Supplement,{fontColor:"4.thin",children:"\u9078\u629E\u3092\u89E3\u9664"})},...a.options]);let o=[];return a.value=Fr.default.flatArray(a.value||null),a.value.forEach((l,s)=>{o.push(Fr.default.JsonTo(l))}),a.value=o,a.options=Qf.InitOptions(a.options),Fr.default.is.nullish(a.rightIcon)&&(a.rightIcon=(0,ir.jsx)(vn,{freeCSS:{pointerEvents:"none"},children:(0,ir.jsx)(xe.Search,{})}),a.disabled&&(a.rightIcon=(0,ir.jsx)(vn,{fontColor:"5.translucent",freeCSS:{pointerEvents:"none"},children:(0,ir.jsx)(xe.Ban,{})}))),a.rightIcon&&(a=_({paddingRight:3},a)),a.leftIcon&&(a=_({paddingLeft:3},a)),(0,ir.jsx)(Ha,{componentID:a.componentID,children:Zf.Core,states:ja.Boxish(a)})};var Cd=Z(Mt());var hO=r=>(0,Cd.jsx)(O_,_({multiSelect:!1,SelectedComponent:({value:a,label:o})=>(0,Cd.jsx)(Cd.Fragment,{children:o}),rightIcon:(0,Cd.jsx)(vn,{freeCSS:{pointerEvents:"none"},children:(0,Cd.jsx)(xe.AngleDown,{})})},r));var Cr=Z(Mt()),ep=Z(fr()),xu=Z(pr());var Io=Z(Mt()),mO=Z(fr()),Sc=Z(pr());var Cu=Z(fr());var Kn={add:function(r){let a=We.get("Snackbar-"+ut.get().sessionUID);return a&&a.add(r),this},remove:function(r){let a=We.get("Snackbar-"+ut.get().sessionUID);return a&&a.remove(r),this},Wrapper:()=>(0,Io.jsx)(vO.Wrapper,{})},vO={Cell:r=>{let a=r,{snackID:o,secondsToClose:l,componentID:s=Sc.default.uuid.gen(),children:d,customChildren:c}=a,h=Ze(a,["snackID","secondsToClose","componentID","children","customChildren"]),[p]=(0,Cu.useState)(s),[g,y]=(0,Cu.useState)(r.secondsToClose||10);(0,Cu.useEffect)(()=>{let x=xt('[data-component-id="'+p+'"]');setTimeout(()=>{x.addClass(um("FadeIn"))},10),We.set({["Snackbar-"+o]:{remove:()=>{x.addClass(um("FadeOut"))}}})},[]),(0,Cu.useEffect)(()=>{Sc.default.interval.clear("Snackbar-"+p),Sc.default.interval.standBy("Snackbar-"+p,1e3,()=>{g<=0||y(g-1)}),g===0&&Kn.remove(o)},[g]);let b=(0,Io.jsx)(Io.Fragment,{});return c?b=(0,Io.jsx)(c,{close:()=>{Kn.remove(o)}}):b=(0,Io.jsxs)(Je.Separate,{verticalAlign:"top",children:[(0,Io.jsx)(E,{padding:["1/4",0],flexSizing:0,children:Sc.default.is.function(d)?(0,Io.jsx)(d,{}):d}),(0,Io.jsx)(oe.Button.Clear.R,{color:"layer",backgroundColor:"layer.4.opa.low",fontColor:"white",ssSphere:2.5,onClick:()=>{Kn.remove(o)},children:(0,Io.jsx)(xe.Times,{})})]}),(0,Io.jsx)(E,L(_({className:um("Cell"),componentID:p,onMouseOver:()=>{y(-1)},onMouseOut:()=>{y(l||10)},opacity:"trans",width:1,padding:"2/3",marginBottom:1,borderRadius:"1.tone.primary",fontColor:"white",boxShadow:"1.remark",backgroundColor:"dark",transition:"middle"},h),{children:b}))},Wrapper:()=>{let[r,a]=(0,Cu.useState)(Sc.default.uuid.gen()),[o,l]=(0,Cu.useState)([]);(0,Cu.useEffect)(()=>{We.set({["Snackbar-"+ut.get().sessionUID]:{add:d=>{d.snackID=d.snackID||Sc.default.uuid.gen();let c=o.findIndex(h=>h.snackID==d.snackID);if(c==-1)o.unshift(L(_({},d),{snackID:d.snackID}));else{let h=[...o];h[c]=L(_({},d),{snackID:d.snackID}),o=h}a(Sc.default.uuid.gen())},remove:d=>{let c=We.get("Snackbar-"+d);c&&c.remove&&(c.remove(),setTimeout(()=>{let h=o.findIndex(g=>g.snackID==d);if(h==-1)return;let p=[...o];p.splice(h,1),l(p)},210))}}})},[o.length]);let s=o.map(d=>(0,mO.createElement)(vO.Cell,L(_({},d),{key:d.snackID})));return(0,Io.jsx)(pt,{className:["AMOTIFY_be",um("Wrapper")].join(" "),position:"fixed",right:0,bottom:0,paddingLeft:0,paddingRight:1,paddingBottom:"safeAreaBottom",verticalAlign:"bottom",overflow:"auto",UnderBreakPointStyles:{left:0,paddingLeft:1,width:"auto"},children:s})}};var xO=Z(CO());function sG(r){let{value:a,states:o}=r,{required:l}=o,s=[];return l&&!a.length&&s.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!s.filter(({type:d})=>d=="invalid").length,notice:s}}var kO={List:r=>{let{files:a,states:o,val_status:l,set_status:s}=r,d=(o.limit||1)-l.dataValue.length,c=a.map((h,p)=>(0,Cr.jsx)(kO.Cell,{index:p,file:h,className:o.cellClassName,val_status:l,set_status:s,fileNameEdit:o.fileNameEdit},h.name));return d>0&&c.push((0,Cr.jsx)("label",{className:[o.cellClassName,Zl("AddButton")].join(" "),"data-component-id":l.componentID,htmlFor:o.id,tabIndex:o.tabIndex,onKeyDown:h=>{let{key:p}=h;o.tabIndex!=-1&&[" ","Enter"].includes(p)&&xt("#"+o.id).click()},children:(0,Cr.jsxs)(Je.Center,{padding:["1/3",0],children:[(0,Cr.jsx)(E,{isRounded:!0,className:Zl("AddIcon"),children:(0,Cr.jsx)(xe,{icon:xO.faCloudArrowUp,className:Zl("Icon"),fontColor:"theme",fontSize:"4.thirdTitle",backgroundColor:"theme.opa.low",ssSphere:3,padding:"1/2"})}),(0,Cr.jsxs)(E,{children:[(0,Cr.jsxs)(E,{fontColor:"theme",fontSize:"2.normal",isSemiBoldFont:!0,children:["\u30D5\u30A1\u30A4\u30EB\u3092\u9078\u629E(",d,")"]}),(0,Cr.jsx)(E,{fontColor:"4.thin",fontSize:"0.xs",isSemiBoldFont:!0,children:"\u30D5\u30A1\u30A4\u30EB\u3092\u30C9\u30ED\u30C3\u30D7"})]})]})},"AddButton")),(0,Cr.jsx)(ht,{flexSizing:"auto",className:o.className,children:c})},Cell:r=>{let{index:a,file:o,className:l,val_status:s,set_status:d,fileNameEdit:c=!0}=r,{name:h,size:p,type:g}=o,[y,b]=(0,ep.useState)(!1),x=xu.default.uuid.gen(),w=p.rank(),[T,A]=h.replace(/\s/,"").replace(/(.*)\.(.*)$/,"$1 $2").split(" "),R="\u30D5\u30A1\u30A4\u30EB";return g.match(/image/)?R=g.replace(/image\//,""):g.match(/pdf/)?R="PDF":g.match(/csv/)?R="CSV":g.match(/spreadsheet/)?R="SpreadSheet":g.match(/presentation/)?R="PowerPoint":g.match(/word/)?R="Word":g.match(/zip/)?R="Zip":g.match(/powerpoint/)?R="PowerPoint":g.match(/html/)?R="HTML":g.match(/js/)?R="JavaScript":g.match(/css/)?R="CSS":g.match(/text\/plain/)&&(R="\u30C6\u30AD\u30B9\u30C8"),(0,ep.useEffect)(()=>{y&&setTimeout(()=>{xt("#"+x).focus()},100)},[y]),(0,Cr.jsxs)(pt,{verticalAlign:"center",flexWrap:!1,gap:1,className:l,children:[(0,Cr.jsx)(xe.File,{fontSize:"4.thirdTitle",fontColor:"4.thin"}),(0,Cr.jsxs)(E,{flexSizing:0,children:[(0,Cr.jsx)(E,{children:(0,Cr.jsx)(pt,{verticalAlign:"center",gap:"2/3",flexWrap:!1,className:Zl("FileName"),children:y?(0,Cr.jsx)(Cr.Fragment,{children:(0,Cr.jsxs)(ht,{flexSizing:0,gap:"1/2",children:[(0,Cr.jsxs)(pt,{gap:"2/3",verticalAlign:"center",children:[(0,Cr.jsx)(xn,{tone:"border",wrapStyles:{flexSizing:"auto"},restrict:"fileName",name:"name",required:!0,id:x,form:"form-"+x,enableFormSubmit:!0,value:T,onKeyDown:W=>{let{key:M}=W;M=="Escape"&&b(!1)}}),(0,Cr.jsxs)(E,{children:[". ",A]})]}),(0,Cr.jsxs)(pt,{gap:"2/3",horizontalAlign:"right",flexWrap:!1,children:[(0,Cr.jsx)(oe.Button.Sub.R,{padding:["2/3",1],onClick:()=>{b(!1)},children:"\u9589\u3058\u308B"}),(0,Cr.jsx)(oe.Button.Prime.R,{padding:["2/3",1],submitOption:{formName:"form-"+x,callback:W=>pa(void 0,null,function*(){let{name:M}=W,z=[...s.dataValue],j=z[a],K=j.id;if(!j)return;let{target:P}=yield j.convert();if(!P)return;let le=yield String(P.result).toBlob(o.type);if(!le)return;let Ee=new File([le],M+"."+A,{type:j.type});Ee.id=K,z[a]=Ee,d(te=>L(_({},te),{dataValue:z,eventType:"update",eventID:xu.default.uuid.gen()})),b(!1)})},children:"\u6C7A\u5B9A"})]})]})}):(0,Cr.jsxs)(Cr.Fragment,{children:[h,!!c&&(0,Cr.jsx)(oe.Button.Clear.R,{ssSphere:2.5,flexSizing:"none",fontColor:"4.thin",padding:"1/3",ssEffectsOnActive:"expand",color:"cloud",onClick:()=>{b(!0)},children:(0,Cr.jsx)(xe.Pen,{})})]})})}),!y&&(0,Cr.jsxs)(E,{fontSize:"1.mini",fontColor:"4.thin",flexSizing:0,children:[R,"\u30D5\u30A1\u30A4\u30EB / ",w,"B"]})]}),(0,Cr.jsx)(oe.Button.Sub.R,{color:"cloud",fontColor:"4.thin",ssSphere:3,onClick:()=>{let W=[...s.dataValue];W[a]&&(W.splice(a,1),d(M=>L(_({},M),{dataValue:W,eventType:"update",eventID:xu.default.uuid.gen()})))},children:(0,Cr.jsx)(xe.Times,{})})]})}},uG=r=>{let a=r,{tone:o,required:l,form:s,fileNameEdit:d=!0,systemOnly:c=!1,accept:h="*",limit:p=1,checkValidationAtFirst:g,onChange:y,onValidate:b,onUpdateValue:x,onUpdateValidValue:w,value:T=[],className:A,cellStyles:R,cellClassName:W,componentID:M,status_id:z,enableFormSubmit:j,freeCSS:K,wrapStyles:P}=a,le=Ze(a,["tone","required","form","fileNameEdit","systemOnly","accept","limit","checkValidationAtFirst","onChange","onValidate","onUpdateValue","onUpdateValidValue","value","className","cellStyles","cellClassName","componentID","status_id","enableFormSubmit","freeCSS","wrapStyles"]),Ee={componentID:r.componentID||"",dataValue:T,eventType:"init",eventID:xu.default.uuid.gen()},[te,me]=(0,ep.useState)(Ee),[ye,de]=(0,ep.useState)({ok:!1,notice:[]});hr.CommonEffects({type:"file",states:r,val_status:te,set_status:me,val_validate:ye,set_validate:de,onUpdateValue:x,onUpdateValidValue:w,DefaultValidation:sG,ExtraOverrideStates:{dataValue:T,formatValue:T},ExtraStoreStates:{AddFiles:Q=>pa(void 0,null,function*(){let re=We.get(te.componentID).Files,V=[];for(var ee=0;ee<(Q==null?void 0:Q.length);ee++){let ie=Q[ee],{type:Se,name:se}=ie;if(ee+1+re.length>p){Kn.add({componentID:se,secondsToClose:12e3,children:`\u30D5\u30A1\u30A4\u30EB\u9078\u629E\u4E0A\u9650\u3092\u8D85\u3048\u305F\u305F\u3081\u3001${se}}\u306F\u8FFD\u52A0\u3067\u304D\u307E\u305B\u3093\u3002`,backgroundColor:"nega"});continue}if(h&&h=="image"&&!Se.match(/image/)){Kn.add({componentID:se,secondsToClose:12e3,children:`\u30D5\u30A1\u30A4\u30EB\u5F62\u5F0F\u304C\u7570\u306A\u308B\u305F\u3081\u3001${se} \u306F\u8FFD\u52A0\u3067\u304D\u307E\u305B\u3093\u3002`,backgroundColor:"nega"});continue}V.push(ie)}me(ie=>L(_({},ie),{dataValue:[...re,...V],eventType:"update",eventID:xu.default.uuid.gen()}))})}});let U="";return h&&(h=="image"?U="image/png,image/jpeg":U=h),(0,Cr.jsxs)(Qa,{val_status:te,set_status:me,val_validate:ye,states:r,children:[(0,Cr.jsx)(E,L(_({htmlTag:"input",type:"file",className:Zl("Input"),"data-form":s,"data-input-type":"file","data-component-id":te.componentID,"data-validation":ye.ok,accept:U,multiple:p!=1,onChange:Q=>pa(void 0,null,function*(){let re=Q.target,V=re.files,ee=[];for(var ie=0;ie<(V==null?void 0:V.length);ie++){let Se=V[ie],se=Se.name;if(Se.id=xu.default.uuid.gen(),ie+1+te.dataValue.length>p){Kn.add({componentID:se,secondsToClose:12e3,children:`\u30D5\u30A1\u30A4\u30EB\u767B\u9332\u6570\u3092\u8D85\u3048\u305F\u305F\u3081\u3001${se}}\u306F\u8FFD\u52A0\u3067\u304D\u307E\u305B\u3093\u3067\u3057\u305F\u3002`,backgroundColor:"nega"});continue}ee.push(Se)}me(Se=>L(_({},Se),{dataValue:[...Se.dataValue,...ee],eventType:"update",eventID:xu.default.uuid.gen()})),re.value=""})},le),{tabIndex:-1,value:""})),!c&&(0,Cr.jsx)(kO.List,{files:te.dataValue,states:r,val_status:te,set_status:me})]})};typeof window!="undefined"&&window.document&&(0,xu.default)(document).addEvent({eventType:"dragover",callback:r=>{r.preventDefault(),xt("."+Zl("AddButton")).addClass(Zl("Draggable"))},options:{passive:!1}}).addEvent({eventType:"drop",callback:r=>{r.preventDefault(),xt("."+Zl("AddButton")).removeClass(Zl("Draggable"));let a=r.dataTransfer.files;if(a.length){let o=r.target;if(xt(o).hasClass(Zl("AddButton"))){let{componentId:l}=o.dataset,s=We.get(l);s&&s.AddFiles&&s.AddFiles(a)}}},options:{passive:!1}});var yw=r=>{r=_({},r),r.override="force";let a=Wa(r);return a.cellClassName=[a.cellClassName,Wa(ja.Boxish(L(_({},a.cellStyles),{tone:a.tone}))).className].join(" "),(0,Cr.jsx)(Ha,{componentID:r.componentID,children:uG,states:a})};yw.fn={openDialog:r=>{let{multiple:a,accept:o}=r;return new Promise(l=>{let s=document.createElement("input");s.type="file",s.multiple=a!=null?a:!0,o&&(o=="image"?s.accept="image/png,image/jpeg":s.accept=o),s.onchange=d=>{l(d.target.files)},s.click()})}};var Xn=Z(Mt()),Sm=Z(fr()),Is=Z(pr());function cG(r){let{value:a,states:o}=r,{required:l}=o,s=[];return l&&!a&&s.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!s.filter(({type:d})=>d=="invalid").length,notice:s}}var EO=r=>{let{value:a,val_status:o}=r,{min:l,max:s,step:d}=o;a=Math.max(a,l),a=Math.min(a,s);let c=a/s*s;return c=Math.round(c/d),{stepValue:c*d,stepIndex:c,positionLeft:c*d/s*100+"%"}},TO={IndicatorLabels:r=>{let{componentID:a,min:o,max:l,step:s,customLegends:d}=r,c=[],h=Math.round(o/s),p=Math.round(l/s),g=p-h+1;for(var y=h;y<=p;y++){let b=y*s;b=Math.max(b,o),b=Math.min(b,l);let x=b/l*100+"%";c.push((0,Xn.jsx)(E,{className:Ds("Label"),id:"Legend-"+a+"-"+y,display:y==h||y==p?"flex":"none",position:"absolute",top:0,unitHeight:1,unitWidth:1.5,transition:"middle",fontColor:"1.clear",verticalAlign:"center",horizontalAlign:"center",freeCSS:{left:x,whiteSpace:"nowrap",textAlign:"center"},children:d?d(b):b.rank()},b))}return(0,Sm.useEffect)(()=>{let b=()=>{let x=xt("#Labels-"+a),{width:w}=x.position(),T=Math.round(w/50)-1,A=Math.round(g/T);for(let R=h+1;R<p;R++)xt("#Legend-"+a+"-"+R).css({display:R%A==0?"flex":"none"})};return(0,Is.default)(window).addEvent({eventID:"SliderResizeCallback-"+a,eventType:"resize",callback:()=>{b()}}),b(),()=>{(0,Is.default)(window).removeEvent("SliderResizeCallback-"+a)}},[]),(0,Xn.jsx)(pt,{className:Ds("Labels"),verticalAlign:"center",horizontalAlign:"between",fontSize:"0.xs",position:"relative",unitHeight:1,id:"Labels-"+a,children:(0,Xn.jsx)(E,{position:"absolute",top:0,left:0,bottom:0,freeCSS:{right:12*1.5},children:c})})},Rail:r=>{let{val_status:a,set_status:o,DotData:l,form:s,enableFormSubmit:d}=r,{componentID:c}=a;return(0,Xn.jsxs)(pt,{className:Ds("Rail"),position:"relative",paddingLeft:"1/2",unitHeight:1.5,verticalAlign:"center",freeCSS:{minWidth:"10rem",zIndex:1,cursor:"pointer"},onMouseDown:h=>{r.rootStates.disabled||(h.stopPropagation(),xd.Effects.Start(h,{val_status:a,set_status:o,DotData:l}))},onTouchStart:h=>{r.rootStates.disabled||(h.stopPropagation(),xd.Effects.Start(h,{val_status:a,set_status:o,DotData:l}))},children:[(0,Xn.jsx)(E,{className:Ds("Bar"),backgroundColor:"layer.4",position:"relative",isRounded:!0,transition:"middle",flexSizing:"none",unitHeight:"2/3",width:1,id:c+"_Bar",children:(0,Xn.jsx)(E,{className:Ds("BarColor"),position:"relative",height:1,width:0,left:0,transition:"long",borderRadius:"inherit",backgroundColor:r.color,opacity:"middle",overflow:"hidden",freeCSS:{width:l.positionLeft},id:c+"_BarColor"})}),(0,Xn.jsx)(E,{className:Ds("BallWrap"),position:"absolute",top:0,left:0,bottom:0,freeCSS:{right:12*1.5},children:(0,Xn.jsx)(oe.Button.Plain,{className:Ds("Ball"),position:"absolute",backgroundColor:r.color,top:0,left:0,ssSphere:1.5,freeCSS:{zIndex:2,left:l.positionLeft},"data-form-name":s,id:c+"_Ball",onKeyDown:h=>{xd.KeyDownEvent({event:h,val_status:a,set_status:o,DotData:l}),d&&hr.SubmitForm(h)}})})]})}},xd={Effects:{Start:(r,a)=>{(0,Is.default)(document).addEvent({eventID:"SliderMouseMove",eventType:"mousemove",callback:o=>{xd.Effects.Move(o,a)},options:{passive:!1}}).addEvent({eventID:"SliderTouchMove",eventType:"touchmove",callback:o=>{xd.Effects.Move(o,a)},options:{passive:!1}}).addEvent({eventID:"SliderMouseUp",eventType:"mouseup",callback:()=>{xd.Effects.End()}}).addEvent({eventID:"SliderTouchEnd",eventType:"touchend",callback:()=>{xd.Effects.End()}})},Move:(r,a)=>{let o=Is.default.getCursor(r).x,{val_status:l,set_status:s}=a,{componentID:d,min:c,max:h}=l,p=xt("#"+d+"_Ball"),g=xt("#"+d+"_Bar"),y=xt("#"+d+"_BarColor"),{width:b,left:x}=g.position(),w=(o-x)/b;w=Math.max(w,0),w=Math.min(w,1);let T=w*h,A=EO({value:T,val_status:l}),R=A.positionLeft,W=A.stepValue;p.css({left:R}),y.css({width:R});let{prevValue:M}=We.get(d);return W!=M&&(We.update({[d]:{prevValue:W}}),s(z=>L(_({},z),{dataValue:W,eventType:"update",eventID:Is.default.uuid.gen()}))),r.preventDefault(),r.stopPropagation(),!1},End:()=>{(0,Is.default)(document).removeEvent(["SliderMouseMove","SliderTouchMove","SliderMouseUp","SliderTouchEnd"])}},KeyDownEvent:r=>{let{event:a,val_status:o,set_status:l}=r,{min:s,max:d,step:c}=o,{key:h,metaKey:p,ctrlKey:g}=a,y=g||p,b=o.dataValue;h.match(/Arrow/)&&(a.preventDefault(),h.match(/Left|Up/)?y?b=s:b-=c:h.match(/Right|Down/)&&(y?b=d:b+=c),b=Math.max(Math.min(b,d),s),We.update({[o.componentID]:{prevValue:b}}),l(x=>L(_({},x),{dataValue:b,eventType:"update",eventID:Is.default.uuid.gen()})))}},dG=r=>{let a=r,{color:o="theme",required:l,form:s="",legends:{enable:d=!0,custom:c,showAlways:h=!1}={},min:p,max:g,step:y,enableFormSubmit:b,checkValidationAtFirst:x,onChange:w,onKeyDown:T,onValidate:A,onUpdateValue:R,onUpdateValidValue:W,value:M="",className:z,freeCSS:j,wrapStyles:K}=a,P=Ze(a,["color","required","form","legends","min","max","step","enableFormSubmit","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","className","freeCSS","wrapStyles"]),le={componentID:r.componentID||"",dataValue:M,min:p,max:g,step:y,eventType:"init",eventID:Is.default.uuid.gen()},[Ee,te]=(0,Sm.useState)(le),[me,ye]=(0,Sm.useState)({ok:!1,notice:[]});hr.CommonEffects({type:"slider",states:r,val_status:Ee,set_status:te,val_validate:me,set_validate:ye,onUpdateValue:R,onUpdateValidValue:W,DefaultValidation:cG,ExtraOverrideStates:{dataValue:M},ExtraStoreStates:{prevValue:Ee.dataValue,setValueByForeign:U=>{te(Q=>L(_({},Q),{dataValue:U,eventType:"update",eventID:Is.default.uuid.gen()}))}}});let de=EO({value:Ee.dataValue,val_status:Ee});return(0,Xn.jsxs)(Qa,{val_status:Ee,set_status:te,val_validate:me,states:r,children:[(0,Xn.jsx)(As,_({value:de.stepValue,form:s,"data-value":de.stepValue,"data-validation":me.ok,"data-input-type":"slider"},P)),(0,Xn.jsxs)(ht,{gap:"1/2",flexSizing:"auto",className:[Ds("Wrap"),z,Ds("ShowLegendsAlways_"+h)].join(" "),children:[(0,Xn.jsx)(TO.Rail,{rootStates:r,color:o,val_status:Ee,set_status:te,DotData:de,form:s,enableFormSubmit:b}),!!d&&(0,Xn.jsx)(TO.IndicatorLabels,{componentID:Ee.componentID,min:p,max:g,step:y,customLegends:c})]})]})},RO=r=>(r=_({},r),(0,Xn.jsx)(Ha,{componentID:r.componentID,children:dG,states:Wa(r)}));var os=Z(Mt()),Sw=Z(fr()),ww=Z(pr());function fG(r){let{value:a,states:o}=r,{required:l}=o,s=[];return l&&!a&&s.push({type:"invalid",label:"ON\u306B\u306A\u3063\u3066\u3044\u307E\u305B\u3093"}),{ok:!s.filter(({type:d})=>d=="invalid").length,notice:s}}var pG=r=>{let a=r,{componentID:o,color:l="posi",required:s,form:d,id:c,enableFormSubmit:h,checkValidationAtFirst:p,onChange:g,onKeyDown:y,onValidate:b,onUpdateValue:x,onUpdateValidValue:w,value:T="",icon:A="",appearance:R="material"}=a,W=Ze(a,["componentID","color","required","form","id","enableFormSubmit","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","icon","appearance"]),M={componentID:r.componentID||"",dataValue:T,eventType:"init",eventID:ww.default.uuid.gen()},[z,j]=(0,Sw.useState)(M),[K,P]=(0,Sw.useState)({ok:!1,notice:[]}),le=!!z.dataValue;return hr.CommonEffects({type:"switch",states:r,val_status:z,set_status:j,val_validate:K,set_validate:P,DefaultValidation:fG,onUpdateValue:x,onUpdateValidValue:w,ExtraOverrideStates:{dataValue:T,formatValue:T}}),(0,os.jsxs)(Qa,{val_status:z,set_status:j,val_validate:K,states:r,children:[(0,os.jsx)(E,_({htmlTag:"input",type:"checkbox","data-form":d,"data-input-type":"switch","data-validation":K.ok,"data-component-id":z.componentID,"data-value":z.dataValue,checked:z.dataValue,className:cm("Input"),id:c,onKeyDown:Ee=>{y&&y(Ee),h&&hr.SubmitForm(Ee)},onChange:Ee=>{let{checked:te}=Ee.target;K.ok&&P({ok:!1,notice:[]}),j(me=>L(_({},me),{dataValue:te,eventType:"update",eventID:ww.default.uuid.gen()})),g&&g(Ee)}},W)),(0,os.jsx)(oe.Label.Plain,{tabIndex:-1,htmlFor:c,padding:"1/3",transition:"middle",borderRadius:"1.tone.primary",className:cm("Label"),children:(0,os.jsx)(E,L(_({},R=="applely"?{padding:"1/4",isRounded:!0,backgroundColor:le?l:"layer.5"}:{}),{children:(0,os.jsxs)(Je.Center,{unitHeight:2.5,position:"relative",freeCSS:{width:12*4.5},children:[R=="material"&&(0,os.jsx)(E,{position:"absolute",backgroundColor:le?l:"layer.5",isRounded:!0,unitHeight:1,transition:"middle",width:1,opacity:"middle",className:cm("Bar")}),(0,os.jsx)(E,{position:"absolute",top:0,left:0,backgroundColor:R=="material"&&le?l:"white",transition:"middle",ssSphere:2.5,boxShadow:"1.remark",className:cm("Dot"),children:A&&(0,os.jsx)(E,{transition:"middle",ssSquare:2,flexCenter:!0,fontColor:R=="applely"&&le?l:"white",children:A})})]})}))})]})},DO=r=>(r=_({},r),r.color=r.color||"theme",(0,os.jsx)(Ha,{componentID:r.componentID,children:pG,states:r}));var LO=Z(Mt());var AO=r=>(r=_({},r),(0,LO.jsx)(B_,L(_({},r),{icon:!0,value:r.value?!0:null,cellStyles:_({padding:0},r.cellStyles),options:[{value:!0,label:r.label}],onUpdateValidValue:a=>{let o=!!a.value[0];r.onUpdateValidValue&&r.onUpdateValidValue(L(_({},a),{value:o}))}})));var ku=Z(Mt()),BO=Z(pr()),I_=Z(fr());var hG=r=>{let a=r,{__sys_segmented_type:o,tone:l,value:s,options:d,onUpdateValue:c,onUpdateValidValue:h,enableFormSubmit:p,checkValidationAtFirst:g,cellStyles:y,cellClassName:b,cellCheckedClassName:x,cellCheckedStyles:w,freeCSS:T,wrapStyles:A}=a,R=Ze(a,["__sys_segmented_type","tone","value","options","onUpdateValue","onUpdateValidValue","enableFormSubmit","checkValidationAtFirst","cellStyles","cellClassName","cellCheckedClassName","cellCheckedStyles","freeCSS","wrapStyles"]),[W]=(0,I_.useState)(BO.default.uuid.gen()),[M,z]=(0,I_.useState)(s),[j,K]=(0,I_.useState)(M);return M!=s&&(z(s),K(s)),(0,ku.jsx)(gd,L(_({options:d,value:j,componentID:W,icon:!1,flexWrap:!1,borderRadius:"2.tone.secondary",position:"relative"},R),{freeCSS:_({whiteSpace:"nowrap"},T),cellStyles:_({flexCenter:!0,ssEffectsOnActive:"push"},y),cellCheckedStyles:_({},w),cellClassName:[b,__("Label"),__("Tone_"+o.replace(/\./ig,""))].join(" "),cellCheckedClassName:[x,__("Checked")].join(" "),tone:"custom",onUpdateValue:c,onUpdateValidValue:P=>{h&&h(P),o=="bottomline"&&K(P.value)}}))},P_=r=>{let{__sys_segmented_type:a}=r;return a=a||"plain",a=="plain"&&(r=L(_({padding:"1/3",gap:"1/3",ssCardBox:!0,isRounded:!0},r),{cellStyles:_({isRounded:!0,padding:["1/2","3/4"],borderRadius:"inherit",position:"relative"},r.cellStyles),cellCheckedStyles:_({backgroundColor:"theme",boxShadow:"1.normal",fontColor:"white"},r.cellCheckedStyles)})),(0,ku.jsx)(hG,_({__sys_segmented_type:"plain"},r))},is=P_;is.Cloud=r=>{let a=L(_({__sys_segmented_type:"cloud",padding:"1/3",gap:"1/3",backgroundColor:"cloud"},r),{cellStyles:_({padding:"3/4",borderRadius:"inherit",position:"relative"},r.cellStyles),cellCheckedStyles:_({boxShadow:"1.normal",backgroundColor:"theme",fontColor:"white"},r.cellCheckedStyles)});return(0,ku.jsx)(P_,_({},a))},is.CloudTheme=r=>{let a=_({backgroundColor:"theme.opa.few",fontColor:"theme",__sys_segmented_type:"cloud.theme"},r);return(0,ku.jsx)(is.Cloud,_({},a))},is.CloudMono=r=>{let a=L(_({fontColor:"3.blur",__sys_segmented_type:"cloud.mono"},r),{cellCheckedStyles:_({backgroundColor:"layer.1",fontColor:"1.clear"},r.cellCheckedStyles)});return(0,ku.jsx)(is.Cloud,_({},a))},is.Border=r=>{let a=L(_({backgroundColor:"layer.1",border:"2.normal",overflow:"hidden",gap:0,fontColor:"3.blur",ssLastChildLossBorder:"right",boxShadow:"0.min",__sys_segmented_type:"border"},r),{cellStyles:_({padding:["3/4",1],borderRadius:0,borderRight:"2.normal"},r.cellStyles),cellCheckedStyles:_({backgroundColor:"theme.opa.few",fontColor:"theme"},r.cellCheckedStyles)});return(0,ku.jsx)(P_,_({},a))},is.BorderVivid=r=>{let a=L(_({border:!0,borderColor:"theme",__sys_segmented_type:"border.vivid"},r),{cellStyles:_({borderRight:!0,borderColor:"theme"},r.cellStyles),cellCheckedStyles:_({backgroundColor:"theme",fontColor:"white"},r.cellCheckedStyles)});return(0,ku.jsx)(is.Border,_({},a))},is.Bottomline=r=>{let a=L(_({__sys_segmented_type:"bottomline",gap:0,fontColor:"3.blur"},r),{cellStyles:_({ssEffectsOnActive:"ripple.theme",borderRadius:0,padding:1},r.cellStyles),cellCheckedStyles:_({fontColor:"theme"},r.cellCheckedStyles)});return(0,ku.jsx)(P_,_({},a))};var gt;(r=>(r.Plain=ON,r.Hidden=As,r.TextField=xn,r.Contenteditable=UN,r.DigitCharacters=WN,r.Time=Os,r.Select=ns,r.Autocomplete=O_,r.List=iO,r.Radio=gd,r.Checkbox=B_,r.Checker=AO,r.Search=hO,r.Filer=yw,r.Slider=RO,r.Switch=DO,r.Segmented=is,r.LeftIcon=E_,r.RightIcon=vn,r.LeftIndicator=Kf,r.RightIndicator=_c,r.RequiredSign=x_,r.RequiredShortSign=k_,r.OmitSign=T_))(gt||(gt={}));var F_=r=>{let a=r,{tabIndex:o,tabs:l,onTabChange:s,componentDidMount:d}=a,c=Ze(a,["tabIndex","tabs","onTabChange","componentDidMount"]);return(0,NO.useEffect)(()=>{d&&d()},[]),(0,M_.jsx)(pt,L(_({position:"relative",overflow:"auto",flexWrap:!1},c),{freeCSS:_({zIndex:3,whiteSpace:"nowrap"},c.freeCSS),children:(0,M_.jsx)(E,{margin:[0,"auto"],children:(0,M_.jsx)(gt.Segmented.Bottomline,{value:o,fontColor:"inherit",gap:0,override:"force",options:l.map((h,p)=>({value:p,label:h})),onUpdateValidValue:h=>{let p=h.value;s&&s(p)}})})}))};var wc=Z(Mt());var Gr={Table:r=>(0,wc.jsx)(E,L(_({htmlTag:"table"},r),{border:r.border})),Head:r=>(0,wc.jsx)(E,_({htmlTag:"thead"},r)),Body:r=>(0,wc.jsx)(E,_({htmlTag:"tbody"},r)),Row:r=>(0,wc.jsx)(E,_({htmlTag:"tr"},r)),TH:r=>(0,wc.jsx)(E,_({htmlTag:"th"},r)),TD:r=>(0,wc.jsx)(E,_({htmlTag:"td"},r)),RightIndicator:{type:"td",unitWidth:4,children:(0,wc.jsx)(xe.AngleRight,{fontColor:"theme",fontSize:"4.thirdTitle"})}};var Po=Z(Mt());var Cw=Z(Mt()),IO=Z(pr());var OO=(r,a)=>{if(a=="plain")return{};let o={};return r=="drag"&&(o.padding=1),["border","rowBorder","cellBorder"].includes(a)&&(o.borderBottom="2.normal"),["border","cellBorder"].includes(a)&&(o.borderRight="2.normal"),_({padding:"3/4",backgroundColor:"layer.1",transition:"short",textAlign:"center"},o)},sl=r=>{let a={};return r.right&&(a.borderRight="unset"),r.top&&(r.left&&(a.borderTopLeftRadius="inherit"),r.right&&(a.borderTopRightRadius="inherit")),r.bottom&&(a.borderBottom="unset",r.left&&(a.borderBottomLeftRadius="inherit"),r.right&&(a.borderBottomRightRadius="inherit")),a};var tp=r=>{let a=_({},r),{JSXChildren:o}=a;(!a.tone||a.tone=="auto")&&(a.tone="border",a.type=="drag"&&(a.tone="rowBorder"));let l=L(_({tableID:a.tableID||IO.default.uuid.gen(),tone:a.tone},a),{cellStyles:_(_({},OO(a.type,a.tone)),a.cellStyles)});a.tone!="plain"&&(l=_({backgroundColor:"layer.1",borderRadius:"1.tone.primary"},l));let s=Wa(l),{className:d,style:c}=s,h=Ze(s,["className","style"]),p=[d,er("Wrap"),er("TableType_"+a.type),er("RowClickable_"+!!l.onRowClick)].join(" ");return(0,Cw.jsx)(E,{className:p,style:c,children:(0,Cw.jsx)(o,_({},h))})};var xw={HeadRow:r=>{let{cellStyles:a={},cellClassName:o="",cellStylesCallback:l,colLength:s,head:d,rows:c}=r;if(!d)return null;let h=[];return d.forEach((p,g)=>{let y=Gr[p.type=="th"?"TH":"TD"],b={top:!0,bottom:!c.length,left:g==0,right:g==s-1,rowIndex:0,colIndex:g,isBody:!1,isHeader:!0},x=sl(b),w=l?l(b):{},T=L(_(_(_(_({},a),x),w),p),{freeCSS:_(_(_({},a.freeCSS),w.freeCSS),p.freeCSS),className:[er("Cell"),o,p.className].join(" ")});h.push((0,Po.jsx)(y,_({},T),g))}),(0,Po.jsx)(Gr.Row,{className:[er("Row"),er("HeadRow")].join(" "),children:h})},BodyRows:r=>{let{cellStyles:a={},cellClassName:o="",cellStylesCallback:l,head:s,rows:d,colLength:c,onRowClick:h}=r,p=[];return d.forEach((g,y)=>{let b=[];g.forEach((x,w)=>{let T=Gr[x.type=="th"?"TH":"TD"],A={top:y==0&&!s,bottom:y==d.length-1,left:w==0,right:w==c-1,rowIndex:y,colIndex:w,isBody:!0,isHeader:!1},R=sl(A),W=l?l(A):{};b.push((0,Po.jsx)(T,L(_(_(_(_({},a),R),x),W),{freeCSS:_(_(_({},a.freeCSS),W.freeCSS),x.freeCSS),className:[er("Cell"),o,x.className].join(" ")}),w))}),p.push((0,Po.jsx)(Gr.Row,{className:[er("Row"),er("BodyRow")].join(" "),children:b,onClick:x=>{h&&h(g.rowID,x)}},y))}),(0,Po.jsx)(Po.Fragment,{children:p})},Normal:r=>(r=_({},r),r.rows=r.rows.map((a,o)=>(a.rowID=a.rowID||o,a)),(0,Po.jsx)(Gr.Table,{className:er("Table"),children:(0,Po.jsxs)(Gr.Body,{children:[(0,Po.jsx)(xw.HeadRow,_({},r)),(0,Po.jsx)(xw.BodyRows,_({},r))]})}))},PO=r=>(0,Po.jsx)(tp,L(_({type:"normal"},r),{JSXChildren:xw.Normal}));var Ca=Z(Mt()),np=Z(fr()),rp=Z(pr());var Tw=Z(VO());var Ew={HeadRow:r=>{let{cellStyles:a={},cellClassName:o="",cellStylesCallback:l,colLength:s,head:d,rows:c}=r;if(!d)return null;let h=[];for(let p=0;p<s;p++){let g=d[p],y=Gr[g.type=="th"?"TH":"TD"],b={top:!0,bottom:!c.length,left:p==0,right:p==s-1,rowIndex:0,colIndex:p,isBody:!1,isHeader:!0},x=sl(b),w=l?l(b):{};h.push((0,Ca.jsx)(y,L(_(_(_(_({},a),x),g),w),{freeCSS:_(_(_({},a.freeCSS),w.freeCSS),g.freeCSS),className:[er("Cell"),o,g.className].join(" ")}),p))}return(0,Ca.jsx)(Gr.Row,{className:[er("Row"),er("HeadRow")].join(" "),children:h})},BodyRows:r=>{let{cellStyles:a={},cellClassName:o="",cellStylesCallback:l,head:s,rows:d,colLength:c,onOrderChanged:h}=r,[p]=(0,np.useState)(rp.default.uuid.gen()),[g,y]=(0,np.useState)({rows:d,origin:0,to:NaN}),b=[];if(g.rows.forEach((x,w)=>{let T=[];{let A={top:w==0&&!s,bottom:w==d.length-1,left:!0,right:!1,rowIndex:w,colIndex:0,isBody:!0,isHeader:!1},R=sl(A),W=l?l(A):{};T.push((0,Ca.jsx)(Gr.TH,L(_(_(_({padding:0,borderRight:!0},a),R),W),{freeCSS:_(_({},a.freeCSS),W.freeCSS),className:[er("Cell"),er("Draggable"),o].join(" "),children:(0,Ca.jsx)(oe.Button.Clear.R,{className:er("DragableButton"),fontColor:"4.thin",fontSize:"3.paragraph",margin:"auto",ssSphere:3,tabIndex:-1,onMouseDown:M=>{ap.Start(M,{id:p,index:w,rows:g.rows,maxLength:d.length})},onTouchStart:M=>{ap.Start(M,{id:p,index:w,rows:g.rows,maxLength:d.length})},children:(0,Ca.jsx)(xe,{icon:Tw.faGripVertical})})}),"DragOrigin"))}x.forEach((A,R)=>{A=_({},A);let W=Gr[A.type=="th"?"TH":"TD"],M={top:!!s&&!s.length,bottom:w==d.length-1,left:!1,right:R==c-2,rowIndex:w,colIndex:R,isBody:!0,isHeader:!1},z=sl(M),j=l?l(M):{};T.push((0,Ca.jsx)(W,L(_(_(_(_({},a),z),A),j),{freeCSS:_(_(_({},a.freeCSS),j.freeCSS),A.freeCSS),className:[er("Cell"),o,A.className].join(" ")}),R))}),b.push((0,Ca.jsx)(Gr.Row,{id:"TableRow-"+p+"-"+w,className:[er("Row"),er("BodyRow")].join(" "),children:T},w))}),!isNaN(g.to)){let{origin:x,to:w}=g,T=[];T.push((0,Ca.jsx)(Gr.TH,{backgroundColor:"theme.opa.low",padding:0,borderRight:"2.normal",className:[er("Cell"),er("Draggable"),o].join(" "),children:(0,Ca.jsx)(xe.ArrowRight,{fontColor:"theme"})},"dragButton")),g.rows[x].forEach((A,R)=>{A=_({},A);let W=Gr[A.type=="th"?"TH":"TD"],M={top:!1,bottom:!1,left:!1,right:!1,rowIndex:-1,colIndex:-1,isBody:!0,isHeader:!1},z=sl(M),j=l?l(M):{};T.push((0,Ca.jsx)(W,L(_(_(L(_({className:[er("Cell"),o,A.className].join(" ")},z),{backgroundColor:"theme.opa.low"}),j),A),{freeCSS:_(_(_({},a.freeCSS),j.freeCSS),A.freeCSS)})))}),b.splice(w,0,(0,Ca.jsx)(Gr.Row,{className:[er("Row"),er("Pre")].join(" "),children:T},"preSet"))}return(0,np.useEffect)(()=>{We.set({[p]:{swap:(x,w)=>{if(w||w==0){let T=g.rows[x],A=[...g.rows];A.splice(x,1),A.splice(w-(x<w?1:0),0,T),y({rows:A,origin:0,to:NaN}),h(A.map(R=>JSON.parse(R.rowID)))}},preSet:x=>{let{origin:w,index:T}=x;y({rows:g.rows,origin:w,to:T})}}})}),(0,np.useEffect)(()=>()=>{We.delete(p)},[]),(0,Ca.jsx)(Ca.Fragment,{children:b})},Drag:r=>(r=_({},r),r.colLength=r.colLength+1,r.head&&(r.head=[{children:(0,Ca.jsx)(oe.Button.Clear.R,{ssSphere:3,fontSize:"3.paragraph",fontColor:"theme",onMouseOver:a=>{Ar.open({parent:a.currentTarget,content:(0,Ca.jsxs)(Ar.Body,{children:[(0,Ca.jsx)(xe,{icon:Tw.faGripVertical}),"\u30DC\u30BF\u30F3\u3092\u30C9\u30E9\u30C3\u30B0\u3057\u3066\u9806\u5E8F\u3092\u5909\u66F4"]})})},children:(0,Ca.jsx)(xe.QuestionCircle,{})}),padding:[0,1],unitWidth:4},...r.head]),r.rows=r.rows.map((a,o)=>(a.rowID=JSON.stringify(a.rowID||o),a)),(0,Ca.jsx)(Gr.Table,{className:er("Table"),children:(0,Ca.jsxs)(Gr.Body,{children:[(0,Ca.jsx)(Ew.HeadRow,_({},r)),(0,Ca.jsx)(Ew.BodyRows,_({},r))]})}))},WO=r=>(0,Ca.jsx)(tp,L(_({type:"drag"},r),{JSXChildren:Ew.Drag})),ap={Start:function(r,a){return pa(this,null,function*(){r.stopPropagation(),r.preventDefault();let{id:o,index:l,rows:s,maxLength:d}=a;xt("#TableRow-"+o+"-"+l).addClass(er("DraggerOrigin")),(0,rp.default)(document).addEvent({eventID:"DragMouseMove",eventType:"mousemove",callback:c=>{ap.Move(c,a)},options:{passive:!1}}).addEvent({eventID:"DragTouchMove",eventType:"touchmove",callback:c=>{ap.Move(c,a)},options:{passive:!1}}).addEvent({eventID:"DragMouseUp",eventType:"mouseup",callback:c=>{ap.End(c,a)}}).addEvent({eventID:"DragTouchEnd",eventType:"touchend",callback:c=>{ap.End(c,a)}})})},Move:function(r,a){let{id:o,maxLength:l}=a,s=rp.default.getCursor(r).y-rp.default.getScreenSize().scrollY;for(let d=0;d<l;d++){let c=xt("#TableRow-"+o+"-"+d),{top:h,bottom:p,height:g}=c.position();d==0&&s<h?a.insertIndex=0:d===l-1&&p<=s?a.insertIndex=l:s>=h&&s<p&&(a.insertIndex=d+1)}{let{index:d,insertIndex:c}=a,h=We.get(o);h&&h.preSet&&h.preSet({origin:d,index:c})}return r.stopPropagation(),r.preventDefault(),!1},End:function(r,a){let{id:o,index:l,insertIndex:s}=a,d=We.get(o);d&&d.swap&&d.swap(l,s),xt("#TableRow-"+o+"-"+l).removeClass(er("DraggerOrigin")),(0,rp.default)(document).removeEvent(["DragMouseMove","DragTouchMove","DragMouseUp","DragTouchEnd"])}};var Nt=Z(Mt()),Tu=Z(fr()),Mo=Z(pr());var QO=Z(cS()),ZO=Z(fS()),e7=Z(sS()),t7=Z(JO());var jn={__memoryID:Mo.default.uuid.gen(),Header:r=>{var a,o;let{val_status:l,set_status:s,KeywordFilterRows:d}=_({},r),{order:c,filter:h}=l,[p,g]=c.current,y=[],b=[...l.head];if(l.checker){let x={top:!0,bottom:!l.rows.length,left:!0,right:!l.colLength,rowIndex:0,colIndex:0,isBody:!1,isHeader:!0},w=sl(x),T=l.cellStylesCallback?l.cellStylesCallback(x):{};y.push((0,Nt.jsx)(Gr.TH,L(_(_(_({fontWeight:"2.normal",position:"sticky",top:0,unitWidth:4,padding:0},l.cellStyles),w),T),{freeCSS:L(_(_({},(a=l.cellStyles)==null?void 0:a.freeCSS),T.freeCSS),{zIndex:2}),className:[er("Cell"),l.cellClassName].join(" "),children:(0,Nt.jsx)(E,{flexCenter:!0,children:(0,Nt.jsx)(gt.Checker,{label:null,value:!1,onUpdateValidValue:({value:A})=>{let R=l.rows;R.forEach(W=>{W.checked=A}),s(L(_({},l),{rows:R}))}})})}),-1))}for(let x=0;x<l.colLength;x++){let w=b[x];if(!w)continue;let T=w.children||w.data,A=c.enabled&&c.column[x],R=h.enabled&&h.column[x],W=A?(0,Nt.jsx)(xe,{fontSize:"1.mini",fontColor:x==p?"1.clear":"5.translucent",icon:x==p?g=="DESC"?ZO.faArrowDown:QO.faArrowUp:e7.faArrowRight}):null,M=(0,Nt.jsx)(Nt.Fragment,{});if(R){let P=d.map(Ee=>{var te;return(te=Ee[x])==null?void 0:te.data});P=[...new Set(P)].order({direction:"ASC"});let le=h.current[x];if(le){let Ee=P.filter(U=>!le.includes(U)),te=[];P.forEach(U=>{U&&te.push({value:U,label:(0,Nt.jsx)(E,{flexSizing:"auto",children:U})})});let me="BUTTON-"+l.componentID+"-"+x,ye=l.componentID+"-"+x,de={sheetID:ye,parent:"#"+me,gravityPoint:23,type:"custom",content:(0,Nt.jsxs)(pt,{flexType:"col",border:!0,boxShadow:"3.remark",backgroundColor:"layer.1",borderRadius:1,freeCSS:{minWidth:12*20,maxWidth:12*30},children:[(0,Nt.jsx)(ht,{gap:"1/3",overflow:"auto",padding:"2/3",freeCSS:{maxHeight:12*30},children:(0,Nt.jsx)(gt.Checkbox,{icon:!0,value:Ee,display:"flex",gap:"1/2",override:"force",options:te,hideInput:!0,name:"DTFilter-col-"+x+"-table-"+l.componentID,cellStyles:{flexSizing:"auto",padding:"2/3"},onUpdateValidValue:({value:U})=>{let Q=P.filter(V=>!U.includes(V)),re=_({},l);re.filter.current[x]=Q,s(re)}})}),(0,Nt.jsxs)(Je.Separate,{gap:"2/3",padding:"2/3",horizontalAlign:"right",children:[(0,Nt.jsx)(oe.Button.Border.S,{isRounded:!0,onClick:()=>{Vt.close(ye)},children:"\u9589\u3058\u308B"}),(0,Nt.jsx)(oe.Button.Prime.S,{color:"theme",isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{let U=[];le.length||(U=P);let Q=_({},l);Q.filter.current[x]=U,s(Q)},children:"\u5168\u9078\u629E"})]})]})};Vt.refresh(de,!0),M=(0,Nt.jsx)(E,{className:er("FilterRegion"),children:(0,Nt.jsx)(oe.Button.Sub.S,{ssSphere:2.5,fontSize:"1.mini",className:er("Filtering_"+!!le.length),id:me,onClick:U=>{U.stopPropagation(),Vt.open(de)},children:(0,Nt.jsx)(xe,{icon:t7.faFilter})})})}}let z={top:!0,bottom:!l.rows.length,left:l.checker?!1:x==0,right:x==l.colLength-1,rowIndex:0,colIndex:x,isBody:!1,isHeader:!0},j=sl(z),K=l.cellStylesCallback?l.cellStylesCallback(z):{};w=L(_(_(_(_({},l.cellStyles),j),w),K),{ssPushable:A,freeCSS:_(_(_({},(o=l.cellStyles)==null?void 0:o.freeCSS),K.freeCSS),w.freeCSS),className:[er("Cell"),l.cellClassName,w.className].join(" ")}),delete w.orderIndex,y.push((0,Nt.jsx)(Gr.TH,L(_({fontWeight:"2.normal",position:"sticky",top:0},w),{freeCSS:_({zIndex:2},w.freeCSS),onClick:P=>{if(A){let le=_({},l),Ee=[x,p===x&&g=="ASC"?"DESC":"ASC"];le.order.current=Ee,s(le),l.onOrderChanged&&l.onOrderChanged(Ee)}},children:(0,Nt.jsxs)(pt,{flexType:"row-r",flexWrap:!1,height:1,borderRadius:"inherit",flexCenter:!0,children:[M,(0,Nt.jsxs)(pt,{flexSizing:0,position:"relative",borderRadius:"inherit",gap:"1/3",flexWrap:!1,horizontalAlign:"center",children:[W,T]})]})}),x))}return(0,Nt.jsx)(Gr.Row,{className:[er("Row"),er("HeadRow")].join(" "),children:y})},Body:r=>{let{val_status:a,PageRows:o}=r,l=[];if(o.forEach((s,d)=>{var c;let h=[...s],p=[];if(a.checker){let g={top:d==0&&!a.head,bottom:d==o.length-1,left:!0,right:!a.colLength,rowIndex:d,colIndex:0,isBody:!0,isHeader:!1},y=sl(g),b=a.cellStylesCallback?a.cellStylesCallback(g):{};p.push((0,Nt.jsx)(Gr.TH,L(_(_(_({unitWidth:4,padding:0,borderRight:!0},a.cellStyles),y),b),{freeCSS:_(_({},(c=a.cellStyles)==null?void 0:c.freeCSS),b.freeCSS),className:[er("Cell"),a.cellClassName].join(" "),children:(0,Nt.jsx)(E,{flexCenter:!0,children:(0,Nt.jsx)(gt.Checker,{label:null,value:s.checked,override:"force",onUpdateValidValue:({value:x})=>{let w=a.rows;w[d].checked=x,r.set_status(T=>L(_({},T),{rows:w}))}})})}),-1))}h.forEach((g,y)=>{var b;if(!g)return;let x=g,{type:w="td"}=x,T=Ze(x,["type"]),A={top:d==0&&!a.head,bottom:d==o.length-1,left:a.checker?!1:y==0,right:y==a.colLength-1,rowIndex:d,colIndex:y,isBody:!0,isHeader:!1},R=sl(A),W=a.cellStylesCallback?a.cellStylesCallback(A):{};T=L(_(_(_(_({},a.cellStyles),R),T),W),{freeCSS:_(_(_({},(b=a.cellStyles)==null?void 0:b.freeCSS),T.freeCSS),W.freeCSS),className:[er("Cell"),a.cellClassName,T.className].join(" ")}),delete T.orderIndex;let M=Gr[w=="td"?"TD":"TH"];p.push((0,Nt.jsx)(M,_({},T),y))}),l.push((0,Nt.jsx)(Gr.Row,{className:[er("Row"),er("BodyRow")].join(" "),children:p,onClick:g=>{a.onRowClick&&a.onRowClick(JSON.parse(s.rowID),g)}},d))}),!o.length){let s=(0,Nt.jsx)(E,{padding:2,fontColor:"4.thin",textAlign:"center",borderTop:"1.thin",children:"\u30C6\u30FC\u30D6\u30EB\u304C\u3042\u308A\u307E\u305B\u3093"});a.noRecords&&(s=(0,Nt.jsx)(Nt.Fragment,{children:a.noRecords})),l.push((0,Nt.jsx)(Gr.Row,{className:[er("Row"),er("BodyRow"),er("DataNotFound")].join(" "),children:(0,Nt.jsx)(Gr.TD,{colSpan:a.colLength,className:er("Cell"),children:s})},"dataNotFound"))}return(0,Nt.jsx)(Nt.Fragment,{children:l})},Core:r=>{let{val_status:a,set_status:o}=r,{searchKeyword:l,filter:s,order:d,paging:c}=a,h=[...a.rows],p=[...a.rows],g=[...a.rows],y=[...a.rows];if(l&&(p=h.filter(w=>(w.__sys4SearchKey||"").match(new RegExp(l,"i"))?1:0),g=[...p],y=[...p]),s.enabled)for(let w=0;w<a.colLength;w++){let T=s.column[w],A=s.current[w];T&&A&&A.length&&(g=g.filter(R=>!A.includes(R[w].data)),y=[...g])}d.enabled&&(g=g.order({direction:d.current[1],keys:[d.current[0],"orderIndex"]}),y=[...g]);{let{currentPageIndex:w,rowLength:T}=c;y=[...y].splice((w-1)*T,T)}let b=jn.__memoryID+"_"+a.tableID,x={tableComponentDidMount:!0,totalRows:h.length,pageRows:y.length,filteredRows:g.length,filter:a.filter,order:a.order,paging:a.paging,searchKeyword:a.searchKeyword};return We.update({[b]:{status:x,updatePageIndex:w=>{let T=Math.min(Math.max(1,w),a.paging.pageLength),A=_({},a);A.paging.currentPageIndex=T,o(A)},updateRowLength:w=>{let T=_({},a);T.paging={rowLength:w,currentPageIndex:1,pageLength:Math.ceil(g.length/w)},o(T)},updateKeyword:w=>{Mo.default.interval.clear("InputSearchTime"),Mo.default.interval.standBy("InputSearchTime",200,()=>{let T=_({},a);T.searchKeyword=w,T.paging.currentPageIndex=1,T.filter.current=T.filter.current.map(()=>[]),o(T)})},getRowData:()=>{let w=[...h];return d.enabled&&(w=w.order({direction:d.current[1],keys:[d.current[0],"orderIndex"]})),w.forEach(T=>{T.currentPage=!1,T.filtered=!1}),y.forEach(T=>{let{rowID:A}=T;w.find(R=>R.rowID==A).currentPage=!0}),g.forEach(T=>{let{rowID:A}=T;w.find(R=>R.rowID==A).filtered=!0}),w}}}),(0,Tu.useEffect)(()=>{let w=jn.Propagations[a.tableID]||[];Object.keys(w).forEach(T=>{let A=We.get(T);A!=null&&A.refresh&&A.refresh()})}),(0,Nt.jsx)(E,{className:er("TableBase"),children:(0,Nt.jsx)(Gr.Table,{className:er("Table"),children:(0,Nt.jsxs)(Gr.Body,{children:[(0,Nt.jsx)(jn.Header,{val_status:a,set_status:o,KeywordFilterRows:p}),(0,Nt.jsx)(jn.Body,{val_status:a,set_status:o,PageRows:y})]})})})},Propagations:{},DataLeveler:r=>{var a,o;return r=_({},r),r.filter=(a=r.filter)!=null?a:!1,r.filter=Array.from({length:r.colLength}).map((l,s)=>{var d;return Mo.default.is.boolean(r.filter)?r.filter:(d=r.filter[s])!=null?d:!1}),r.order=(o=r.order)!=null?o:!0,r.order=Array.from({length:r.colLength}).map((l,s)=>{var d;return Mo.default.is.boolean(r.order)?r.order:(d=r.order[s])!=null?d:!0}),r=_({checker:!1,searchKeyword:"",filter:!1,order:!0,defaultOrder:[0,"ASC"]},r),r.rows.forEach((l,s)=>{l.rowID=JSON.stringify(l.rowID||s);let d=[];l.forEach((c,h)=>{let{data:p,children:g,orderIndex:y}=c;c.orderIndex=Mo.default.is.exist(y)?String(y):String(p),c.children=g||String(p),d.push(String(c.data))}),l.__sys4SearchKey=d.join("/")}),(0,Nt.jsx)(jn.StateManager,_({eventID:Mo.default.uuid.gen()},r))},StateManager:r=>{let{colLength:a,eventID:o,checker:l=!1,searchKeyword:s="",filter:d,order:c,defaultOrder:h=[0,"ASC"],pageRowLength:p=30}=r,[g]=(0,Tu.useState)(Mo.default.uuid.gen()),y={tableID:r.tableID||g,componentID:g,colLength:a,checker:l,searchKeyword:s,filter:{enabled:d!==!1,column:d,current:Array.from({length:a},()=>[])},order:{enabled:c!==!1,column:c,current:h},paging:{rowLength:p,pageLength:Math.ceil(r.rows.length/p),currentPageIndex:1},head:r.head,rows:r.rows,noRecords:r.noRecords,cellStyles:r.cellStyles||{},cellClassName:r.cellClassName||"",cellStylesCallback:r.cellStylesCallback,onRowClick:r.onRowClick,onOrderChanged:r.onOrderChanged},[b,x]=(0,Tu.useState)(y),[w,T]=(0,Tu.useState)(r.eventID);return w!=r.eventID&&(T(r.eventID),x(y)),(0,Nt.jsx)(jn.Core,{val_status:b,set_status:x})}},Jn={__memoryID:jn.__memoryID,useStatus:r=>{var a;let[o]=(0,Tu.useState)(Mo.default.uuid.gen()),[l,s]=(0,Tu.useState)(Mo.default.uuid.gen()),d=jn.__memoryID+"_"+r;return(0,Tu.useEffect)(()=>(jn.Propagations[r]=L(_({},jn.Propagations[r]),{[o]:1}),We.set({[o]:{refresh:()=>{s(Mo.default.uuid.gen())}}}),()=>{delete jn.Propagations[r][o]}),[]),((a=We.get(d))==null?void 0:a.status)||{tableComponentDidMount:!1}},getRowData:r=>{let a=We.get(jn.__memoryID+"_"+r);if(a!=null&&a.getRowData)return a.getRowData()},setPageIndex:(r,a)=>{let o=We.get(jn.__memoryID+"_"+r);o!=null&&o.updatePageIndex&&o.updatePageIndex(a)},setRowLength:(r,a)=>{let o=We.get(jn.__memoryID+"_"+r);o!=null&&o.updateRowLength&&o.updateRowLength(a)},setSearchKeyword:(r,a)=>{let o=We.get(jn.__memoryID+"_"+r);o!=null&&o.updateKeyword&&o.updateKeyword(a)}},z_={SearchInput:r=>{let a=Jn.useStatus(r.tableID);return a.tableComponentDidMount?(0,Nt.jsx)(gt.TextField,{label:"\u691C\u7D22...",clearButton:!0,padding:"2/3",paddingRight:3,rightIcon:(0,Nt.jsx)(gt.RightIcon,{fontColor:"5.translucent",right:"2/3",children:(0,Nt.jsx)(xe.Search,{})}),override:"force",value:a.searchKeyword,onUpdateValidValue:({value:o})=>{Mo.default.interval.clear("InputSearchTime"),Mo.default.interval.standBy("InputSearchTime",500,()=>{Jn.setSearchKeyword(r.tableID,o)})}}):null},Info:r=>{let a=Jn.useStatus(r.tableID);if(!a.tableComponentDidMount)return null;let o=a.filteredRows.ratio(a.totalRows)||0;return(0,Nt.jsxs)(pt,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[(0,Nt.jsx)(Cn,{fontSize:"4.thirdTitle",fontColor:"theme",children:a.filteredRows.toLocaleString()}),"/ ",a.totalRows.toLocaleString(),"\u4EF6 (",o,"%)"]})},Paging:r=>{let a=Jn.useStatus(r.tableID);if(!a.tableComponentDidMount)return null;let o=[];for(let l=0;l<a.paging.pageLength;l++)o.push({value:l+1,label:(l+1).toString()});return(0,Nt.jsxs)(Je.Center,{children:[(0,Nt.jsxs)(Je.Center,{gap:"1/2",children:["\u30DA\u30FC\u30B8 :",(0,Nt.jsx)(gt.Select,{emptySelect:!1,padding:["1/3","2/3"],rightIcon:!1,override:"force",value:a.paging.currentPageIndex,options:o,onUpdateValidValue:({value:l})=>{Jn.setPageIndex(r.tableID,l)}}),"/ ",a.paging.pageLength]}),(0,Nt.jsxs)(Je.Right,{gap:"1/2",children:[(0,Nt.jsx)(oe.Button.Sub.R,{ssSphere:3,onClick:()=>{if(a.paging.currentPageIndex==1){Jn.setPageIndex(r.tableID,a.paging.pageLength);return}Jn.setPageIndex(r.tableID,a.paging.currentPageIndex-1)},children:(0,Nt.jsx)(xe.ChevronLeft,{})}),(0,Nt.jsx)(oe.Button.Sub.R,{ssSphere:3,onClick:()=>{if(a.paging.currentPageIndex==a.paging.pageLength){Jn.setPageIndex(r.tableID,1);return}Jn.setPageIndex(r.tableID,a.paging.currentPageIndex+1)},children:(0,Nt.jsx)(xe.ChevronRight,{})})]})]})},RowLength:r=>{let a=Jn.useStatus(r.tableID);if(!a.tableComponentDidMount)return null;let o=a.paging.rowLength,l=0,s=r.lengthSelect.map(d=>(l|=+(d==o),{value:d,label:d.toString()}));return l||s.push({value:o,label:o.toString()}),s=s.order({direction:"ASC",keys:["value"]}),(0,Nt.jsxs)(Je.Center,{gap:"1/2",children:["\u4EF6\u6570 :",(0,Nt.jsx)(gt.Select,{emptySelect:!1,rightIcon:!1,label:"\u9078\u629E",override:"force",padding:["1/3","2/3"],value:a.paging.rowLength,options:s,onUpdateValidValue:({value:d})=>{Jn.setRowLength(r.tableID,d)}})]})}},mG=r=>(0,Nt.jsx)(tp,L(_({},r),{type:"data",JSXChildren:jn.DataLeveler})),Bl=mG;Bl.__memoryID=jn.__memoryID,Bl.useStatus=Jn.useStatus,Bl.getRowData=Jn.getRowData,Bl.setPageIndex=Jn.setPageIndex,Bl.setRowLength=Jn.setRowLength,Bl.setSearchKeyword=Jn.setSearchKeyword,Bl.Info=z_.Info,Bl.Paging=z_.Paging,Bl.RowLength=z_.RowLength,Bl.SearchInput=z_.SearchInput;var Qn;(r=>(r.Normal=PO,r.Data=Bl,r.Drag=WO,r.Parts=Gr))(Qn||(Qn={}));var mt=Z(Mt()),Ba=Z(pr());var ls=Z(fr());var L7=Z(s7()),A7=Z(m7()),B7=Z(w7()),N7=Z(D7());var Nw=class{constructor(a){this.set_scale=a.set_scale,this.val_file=a.val_file,this.develops=a.develops,this.use=a.use,this.componentID=a.componentID,this.scale={current:a.scale.default,default:a.scale.default,min:a.scale.min,max:a.scale.max};let o=a.canvas;this.Canvas={elm:o,ctx:o.getContext("2d")};let l=a.picture.image,{width:s,height:d}=l,c=s/d;this.Picture={elm:l,originDataUrl:l.src,aspect:c,revisedAspect:1,rotate:a.picture.rotate,grayScale:a.picture.grayScale,tone:a.picture.tone},this.pst={frame:{x:0,y:0,w:0,h:0,aspect:1},outImage:{x:0,y:0,w:0,h:0},imageX:s/2,imageY:d/2,centerX:0,centerY:0},this.dragEffectInfo={origin:{x:0,y:0},frameExpandRate:{x:0,y:0}},this.pinchEffectInfo={origin:{x:0,y:0,scale:this.scale.current}},this.frameSizing(),this.modifyImage()}frameSizing(){let a=this.Canvas.elm,o=this.Picture.elm,l=0,s=0;if(this.use=="square"){let y=a.width/3*2,b=a.height/3*2;l=Math.min(y,b),s=l}else this.use=="wallpaper.horizontal"?(l=a.width*(7/9),s=l/3):this.use=="wallpaper.vertical"&&(s=a.height*(7/9),l=s/2);let{width:d,height:c}=o,h=(a.width-l)/2,p=(a.height-s)/2,g=l/s;this.pst={frame:{x:h,y:p,w:l,h:s,aspect:g},outImage:{x:0,y:0,w:0,h:0},imageX:d/2,imageY:c/2,centerX:a.width/2,centerY:a.height/2}}dragEffect(a){let{eventType:o,x:l,y:s}=a;if(o=="start"){let d=this.Canvas.elm.position();this.dragEffectInfo={origin:{x:l,y:s},frameExpandRate:{x:this.Canvas.elm.width/d.width,y:this.Canvas.elm.height/d.height}}}else{let{origin:d,frameExpandRate:c}=this.dragEffectInfo,h=d.x-l,p=d.y-s,g=this.scale.current*this.Picture.revisedAspect/100,y=h/g*c.x,b=p/g*c.y;o=="move"?this.drawImage(this.pst.imageX+y,this.pst.imageY+b):o=="end"&&this.drawImage(this.pst.imageX+=y,this.pst.imageY+=b)}}pinchEffect(a){let{eventType:o,event:l}=a,{x:s,y:d}=Ba.default.getCursor(l.touches[0]),{x:c,y:h}=Ba.default.getCursor(l.touches[1]),p=c-s,g=h-d;if(o=="start")this.pinchEffectInfo.origin={x:p,y:g,scale:this.scale.current};else if(o=="move"){let{origin:y}=this.pinchEffectInfo,b=Math.sqrt(Math.pow(y.x,2)+Math.pow(y.y,2)),x=Math.sqrt(Math.pow(p,2)+Math.pow(g,2))/b,w=Number(y.scale*x);this.set_scale(w)}}updateScale(a){let o=a;o=Math.max(o,this.scale.min),o=Math.min(o,this.scale.max),this.scale.current=o,this.drawImage()}updateFilter(a){this.Picture.grayScale=a.grayScale,this.Picture.tone=a.tone,this.Picture.rotate=a.rotate,this.modifyImage()}modifyImage(){return pa(this,null,function*(){let{grayScale:a,tone:o,rotate:l}=this.Picture,s=document.createElement("canvas"),d=s.getContext("2d"),c=yield Ba.default.ImageLoader(this.Picture.originDataUrl),h=c.width,p=c.height;(l==90||l==270)&&(h=c.height,p=c.width),s.width=h,s.height=p,a&&(d.filter="grayscale("+a+"%)"),l&&(d.translate(h/2,p/2),d.rotate(l*Math.PI/180),[90,270].includes(l)?d.translate(-p/2,-h/2):d.translate(-h/2,-p/2)),d.drawImage(c,0,0,c.width,c.height);let g=d.getImageData(0,0,s.width,s.height),y=g.data;{a/=100;let T=[[255,255,255],[255,200,100],[170,170,255],[240,200,145],[128,255,255],[255,128,255],[255,255,128],[128,158,169],[128,112,162],[50,192,87],[246,100,140]][o],A=T[0]/255,R=T[1]/255,W=T[2]/255;for(let M=0;M<p;M++)for(let z=0;z<h;z++){var b=(M*h+z)*4;if(a){let j=.3*y[b]+.59*y[b+1]+.11*y[b+2];for(var x=0;x<3;x++){let K=y[b+x];y[b+x]=K+(j-K)*a}}y[b]*=A,y[b+1]*=R,y[b+2]*=W}}d.putImageData(g,0,0);let w=s.toDataURL("image/jpeg");{let T=yield Ba.default.ImageLoader(w),{width:A,height:R}=T,W=A/R;this.Picture=L(_({},this.Picture),{elm:T,aspect:W,revisedAspect:this.pst.frame.aspect>W?this.pst.frame.w/A:this.pst.frame.h/R})}this.drawImage()})}drawImage(a,o){let{use:l,Canvas:{ctx:s,elm:d},pst:{frame:c}}=this,h=a||this.pst.imageX,p=o||this.pst.imageY;{let g=this.scale.current/100,y=this.Picture.revisedAspect*g,b=this.pst.centerX-h*y,x=this.pst.centerY-p*y,w=this.Picture.elm.width*y,T=this.Picture.elm.height*y;{let A=this.pst.frame.x+this.pst.frame.w-w,R=this.pst.frame.x,W=this.pst.frame.y+this.pst.frame.h-T,M=this.pst.frame.y,z=0;b<A&&(z=b-A),b>R&&(z=b-R);let j=0;x<W&&(j=x-W),x>M&&(j=x-M),this.dragEffectInfo.origin.x+=z/2/this.dragEffectInfo.frameExpandRate.x,this.dragEffectInfo.origin.y+=j/2/this.dragEffectInfo.frameExpandRate.y,b=Math.min(Math.max(b,A),R),x=Math.min(Math.max(x,W),M)}this.pst.outImage={x:b,y:x,w,h:T},s.clearRect(0,0,this.Canvas.elm.width,this.Canvas.elm.height),s.drawImage(this.Picture.elm,0,0,this.Picture.elm.width,this.Picture.elm.height,b,x,w,T)}{if(l=="square"){s.fillStyle="rgba( 20,24,20,.3 )",s.beginPath();let y=d.width/3*2,b=d.height/3*2,x=Math.min(y,b),w=Math.max(y,b);s.arc(d.width/2,d.height/2,w,0,Math.PI*2,!0),s.arc(d.width/2,d.height/2,x/2,0,Math.PI*2,!1),s.closePath(),s.fill()}else(l=="wallpaper.horizontal"||l=="wallpaper.vertical")&&(s.fillStyle="rgba( 20,24,20,.3 )");s.beginPath(),s.moveTo(0,0),s.lineTo(d.width,0),s.lineTo(d.width,d.height),s.lineTo(0,d.height),s.lineTo(0,0),s.closePath(),s.lineTo(c.x,c.y),s.lineTo(c.x,c.y+c.h),s.lineTo(c.x+c.w,c.y+c.h),s.lineTo(c.x+c.w,c.y),s.lineTo(c.x,c.y),s.fill();let g=(0,Ba.default)(document.body).getStyleProperty("--color-theme-hsl");s.lineWidth=4,s.strokeStyle=`hsla( ${g},1 )`,s.strokeRect(c.x,c.y,c.w,c.h)}}export(){return pa(this,null,function*(){let{Canvas:a,develops:o,Picture:l,pst:{outImage:s,frame:d}}=this,c=s.w/l.elm.width,h=s.h/l.elm.height,p=(d.x-s.x)/c,g=(d.x-s.x+d.w)/c,y=(d.y-s.y)/h,b=(d.y-s.y+d.h)/h,x=Array.from({length:o.length}),w="image/jpeg";for(let T=0;T<o.length;T++){let{size:A,maxSize:R}=o[T];R=R||{S:1024*20,R:1024*100,L:1024*350}[A];let W={S:140,R:600,L:1200}[A],M=W;this.use=="wallpaper.horizontal"?M=W/3:this.use=="wallpaper.vertical"&&(M=W*2);let z=document.createElement("canvas");z.width=W,z.height=M;let j=z.getContext("2d");if(!j)return;j.clearRect(0,0,W,M),j.drawImage(this.Picture.elm,p,y,g-p,b-y,0,0,W,M);let K=z.toDataURL(w),P=yield K.toBlob(w);if(!P)return;if(P.size>=R){let Ee=R/P.size;if(K=z.toDataURL(w,Ee*.92),P=yield K.toBlob(w),!P)return}let le=new File([P],this.val_file.name,{type:w});x[T]=le}return x})}},O7={Core:r=>{let{val_file:a,options:o,finishedCallback:l,abortCallback:s}=r,{use:d,develops:c=[]}=o,[h]=(0,ls.useState)(Ba.default.uuid.gen(32)),p={scale:{default:120,min:100,max:400},rotate:0,grayScale:0,tone:0},[g,y]=(0,ls.useState)(p.scale.default),[b,x]=(0,ls.useState)(p.rotate),[w,T]=(0,ls.useState)(p.grayScale),[A,R]=(0,ls.useState)(p.tone);return(0,ls.useEffect)(()=>{let W="CropperResize";return(0,Ba.default)(window).addEvent({eventType:"resize",eventID:W,callback:()=>{Ba.default.interval.clear("CropperResize"),Ba.default.interval.standBy("CropperResize",200,()=>{var M;let z=xt("#Canvas-"+h)[0];if(!z)return;let j=(M=We.get(h))==null?void 0:M.Instance;if(!j)return;let K=z.position(),P=K.width/K.height;z.width=2400,z.height=2400/P;let{width:le,height:Ee}=z;j.pst.centerX=le/2,j.pst.centerY=Ee/2,j.frameSizing(),j.modifyImage()})}}),()=>{(0,Ba.default)(window).removeEvent(W)}},[]),(0,ls.useEffect)(()=>{We.set({[h]:{}}),pa(void 0,null,function*(){Za.fn.corner.active(),yield Ba.default.pending(()=>{},400);let{target:W}=yield a.convert();if(!W)return;let M=W.result,z=xt("#Canvas-"+h)[0];if(!z)return;let j=z.position(),K=j.width/j.height;z.width=2400,z.height=2400/K;let P=new Nw({set_scale:y,val_file:a,develops:c,use:d,scale:p.scale,componentID:h,canvas:z,picture:{image:yield Ba.default.ImageLoader(M),grayScale:p.grayScale,tone:p.tone,rotate:p.rotate}});We.set({[h]:{Instance:P}});let le=function(me){if(me.preventDefault(),me.touches&&me.touches.length>1)P.pinchEffect({eventType:"start",event:me}),(0,Ba.default)(document).addEvent({eventType:"touchmove",eventID:"CropperEffectMove",options:{passive:!1},callback:ye=>{ye.preventDefault(),P.pinchEffect({eventType:"move",event:ye})}}).addEvent({eventType:"touchend",eventID:"CropperEffectEnd",options:{passive:!1},callback:te});else{P.dragEffect(_({eventType:"start"},Ba.default.getCursor(me)));let{type:ye}=me;(0,Ba.default)(document).addEvent({eventType:ye=="touchstart"?"touchmove":"mousemove",eventID:"CropperEffectMove",options:{passive:!1},callback:de=>{Ee("move",de)}}).addEvent({eventType:ye=="touchstart"?"touchend":"mouseup",eventID:"CropperEffectEnd",options:{passive:!1},callback:de=>{Ee("end",de),te(de)}})}},Ee=function(me,ye){ye.preventDefault(),P.dragEffect(_({eventType:me},Ba.default.getCursor(ye)))},te=function(me){me.preventDefault(),(0,Ba.default)(document).removeEvent(["CropperEffectMove","CropperEffectEnd"])};(0,Ba.default)(z).removeEvent(["CropperMouseWheel","CropperTouchStart","CropperMouseDown"]).addEvent({eventID:"CropperMouseWheel",eventType:"wheel",callback:me=>{me.preventDefault();let ye=Number(me.wheelDelta*.04),de=P.scale.current+ye;de=Math.max(de,P.scale.min),de=Math.min(de,P.scale.max),y(de)},options:{passive:!1}}).addEvent({eventType:"touchstart",eventID:"CropperTouchStart",callback:le,options:{passive:!1}}).addEvent({eventType:"mousedown",eventID:"CropperMouseDown",callback:le,options:{passive:!1}}),setTimeout(()=>{Za.fn.corner.stop()},1e3)})},[a.id]),(0,ls.useEffect)(()=>{var W;let M=(W=We.get(h))==null?void 0:W.Instance;M&&M.updateScale(g)},[g]),(0,ls.useEffect)(()=>{var W;let M=(W=We.get(h))==null?void 0:W.Instance;M&&M.updateFilter({grayScale:w,tone:A,rotate:b})},[w,A,b]),(0,mt.jsx)(Vt.Body,{borderRadius:0,height:"viewHeight",width:"viewWidth",children:(0,mt.jsxs)(ht,{className:[fc("Wrap"),fc("Use_"+d)].join(" "),gap:0,height:1,position:"relative",overflow:"hidden",borderRadius:"inherit",children:[(0,mt.jsx)(E,{flexSizing:0,overflow:"hidden",position:"relative",backgroundColor:"black",flexCenter:!0,freeCSS:{zIndex:1},children:(0,mt.jsx)("canvas",{style:{width:"100%",height:"100%"},width:2400,height:2400,className:fc("Canvas"),id:"Canvas-"+h})}),(0,mt.jsxs)(Je.Separate,{borderTop:!0,flexSizing:"none",backgroundColor:"layer.1",padding:1,verticalAlign:"unset",UnderBreakPointStyles:{flexType:"col"},children:[(0,mt.jsx)(O7.SettingRegion,{DefaultOptions:p,val_scale:g,set_scale:y,val_tone:A,set_tone:R,val_grayScale:w,set_grayScale:T,val_rotate:b,set_rotate:x}),(0,mt.jsxs)(Je.Right,{flexSizing:"none",children:[(0,mt.jsx)(oe.Button.Border.R,{isRounded:!0,onClick:()=>{s()},children:"\u9589\u3058\u308B"}),(0,mt.jsx)(oe.Button.Prime.R,{isRounded:!0,boxShadow:"3.remark",onClick:()=>pa(void 0,null,function*(){var W;let M=(W=We.get(h))==null?void 0:W.Instance;if(!M)return;Za.fn.mini.active("CropperExportation");let z=yield M.export();setTimeout(()=>{Za.fn.mini.stop("CropperExportation"),l(z)},3e3)}),children:(0,mt.jsxs)(Je.Center,{gap:"1/2",children:[(0,mt.jsx)(Za.White.R,{loaderID:"CropperExportation"}),"\u6C7A\u5B9A"]})})]})]})]})})},SettingRegion:r=>{let a=["","\u6696\u8272","\u5BD2\u8272","\u30BB\u30D4\u30A2","\u30B7\u30A2\u30F3","\u30DE\u30BC\u30F3\u30BF","\u30A4\u30A8\u30ED\u30FC","\u30AA\u30EA\u30B8\u30CA\u30EB1","\u30AA\u30EA\u30B8\u30CA\u30EB2","\u30AA\u30EA\u30B8\u30CA\u30EB3","\u30AA\u30EA\u30B8\u30CA\u30EB4"],o=l=>a[l]||"\u306A\u3057";return(0,mt.jsxs)(Je.Left,{verticalAlign:"unset",flexWrap:!0,children:[(0,mt.jsxs)(ht,{gap:"1/3",children:[(0,mt.jsx)(Xe.Supplement,{children:"Rotate"}),(0,mt.jsxs)(Je.Left,{flexChilds:"even",gap:"1/6",children:[(0,mt.jsx)(oe.Button.Border.S,{isRounded:!0,borderTopRightRadius:0,borderBottomRightRadius:0,onClick:()=>{let l=r.val_rotate-90;l<0&&(l+=360),r.set_rotate(l)},children:(0,mt.jsxs)(Je.Center,{gap:"1/4",children:["90\xB0",(0,mt.jsx)(xe,{icon:B7.faRotateLeft})]})}),(0,mt.jsx)(oe.Button.Border.S,{isRounded:!0,borderTopLeftRadius:0,borderBottomLeftRadius:0,onClick:()=>{r.set_rotate((r.val_rotate+90)%360)},children:(0,mt.jsxs)(Je.Center,{gap:"1/4",children:[(0,mt.jsx)(xe,{icon:N7.faRotateRight}),"90\xB0"]})})]})]}),(0,mt.jsxs)(ht,{gap:"1/3",freeCSS:{minWidth:12*6},children:[(0,mt.jsx)(Xe.Supplement,{children:"Zoom"}),(0,mt.jsxs)(oe.Button.Border.S,{flexCenter:!0,isRounded:!0,flexSizing:0,onClick:l=>{let s="CropperZoomEdit";Ar.open({tipsID:s,gravityPoint:3,event:l,close_option:{parentBlur:!1},freeCSS:{minWidth:12*26},content:(0,mt.jsx)(Vt.Body,{children:(0,mt.jsxs)(ht,{padding:1.5,children:[(0,mt.jsxs)(Je.Separate,{children:[(0,mt.jsx)(Xe.Paragraph,{children:(0,mt.jsxs)(Je.Center,{gap:"1/2",children:[(0,mt.jsx)(xe.Search,{fontColor:"5.translucent"}),"Zoom"]})}),(0,mt.jsx)(oe.Button.Sub.R,{color:"cloud",ssSphere:2.5,onClick:()=>{Ar.close(s)},children:(0,mt.jsx)(xe.Times,{})})]}),(0,mt.jsx)(E,{borderBottom:!0,opacity:"low"}),(0,mt.jsx)(gt.Slider,{override:"force",value:r.val_scale-100,min:r.DefaultOptions.scale.min-100,max:r.DefaultOptions.scale.max-100,step:25,onUpdateValidValue:({eventType:d,value:c})=>{Ba.default.interval.clear("Cropper.UpdateScale"),Ba.default.interval.standBy("Cropper.UpdateScale",250,()=>{r.set_scale(c+100)})},legends:{enable:!0,custom:d=>"x"+Math.round(100+d)/100}})]})})})},children:[r.val_scale.rate(1,0),"%"]})]}),(0,mt.jsxs)(ht,{gap:"1/3",freeCSS:{minWidth:12*6},children:[(0,mt.jsx)(Xe.Supplement,{children:"GrayScale"}),(0,mt.jsxs)(oe.Button.Border.S,{flexCenter:!0,isRounded:!0,flexSizing:0,onClick:l=>{let s="CropperGrayScaleEdit";Ar.open({tipsID:s,gravityPoint:3,event:l,close_option:{parentBlur:!1},freeCSS:{minWidth:12*26},content:(0,mt.jsx)(Vt.Body,{children:(0,mt.jsxs)(ht,{padding:1.5,children:[(0,mt.jsxs)(Je.Separate,{children:[(0,mt.jsx)(Xe.Paragraph,{children:(0,mt.jsxs)(Je.Center,{gap:"1/2",children:[(0,mt.jsx)(xe,{icon:L7.faPalette,fontColor:"5.translucent"}),"Gray Scale"]})}),(0,mt.jsx)(oe.Button.Sub.R,{color:"cloud",ssSphere:2.5,onClick:()=>{Ar.close(s)},children:(0,mt.jsx)(xe.Times,{})})]}),(0,mt.jsx)(E,{borderBottom:!0,opacity:"low"}),(0,mt.jsx)(gt.Slider,{value:r.val_grayScale,min:0,max:100,step:10,onUpdateValidValue:({value:d})=>{Ba.default.interval.clear("Cropper.GrayScale"),Ba.default.interval.standBy("Cropper.GrayScale",250,()=>{r.set_grayScale(d)})},legends:{enable:!0,custom:d=>d+"%"}})]})})})},children:[r.val_grayScale.rate(1,0),"%"]})]}),(0,mt.jsxs)(ht,{gap:"1/3",freeCSS:{minWidth:12*6},children:[(0,mt.jsx)(Xe.Supplement,{children:"Tone"}),(0,mt.jsx)(oe.Button.Border.S,{flexCenter:!0,isRounded:!0,flexSizing:0,onClick:l=>{let s="CropperToneEdit";Ar.open({tipsID:s,gravityPoint:3,event:l,close_option:{parentBlur:!1},freeCSS:{minWidth:12*26,maxWidth:12*24},content:()=>{let d=[];for(let c=1;c<=10;c++)d.push({value:c,label:(0,mt.jsxs)(mt.Fragment,{children:[(0,mt.jsx)(E,{ssSphere:1,className:[fc("ToneBall"),fc("ToneBall_"+c)].join(" ")}),(0,mt.jsx)(E,{textAlign:"left",flexSizing:0,children:o(c)})]})});return(0,mt.jsx)(Vt.Body,{children:(0,mt.jsxs)(ht,{padding:1.5,children:[(0,mt.jsxs)(Je.Separate,{children:[(0,mt.jsx)(Xe.Paragraph,{children:(0,mt.jsxs)(Je.Center,{gap:"1/2",children:[(0,mt.jsx)(xe,{icon:A7.faBarsStaggered,fontColor:"5.translucent"}),"Tone"]})}),(0,mt.jsx)(oe.Button.Sub.R,{color:"cloud",ssSphere:2.5,onClick:()=>{Ar.close(s)},children:(0,mt.jsx)(xe.Times,{})})]}),(0,mt.jsx)(E,{borderBottom:!0,opacity:"low"}),(0,mt.jsx)(gt.Radio.Normal,{value:r.val_tone,gap:"1/2",cellStyles:{fontColor:"3.blur"},options:[{value:0,label:(0,mt.jsx)(E,{flexSizing:0,textAlign:"center",children:"\u306A\u3057"})},...d],onUpdateValidValue:({value:c})=>{r.set_tone(c)}})]})})}})},children:(0,mt.jsxs)(Je.Center,{gap:"1/2",children:[(0,mt.jsx)(E,{boxShadow:"2.remark",ssSphere:1,className:[fc("ToneBall"),fc("ToneBall_"+r.val_tone)].join(" ")}),o(r.val_tone)]})})]})]})}},wm={openDialogNEdit:r=>pa(void 0,null,function*(){let a=yield gt.Filer.fn.openDialog({accept:"image",multiple:!1});wm.openEditor(_({imageFile:a[0]},r))}),openEditor:r=>pa(void 0,null,function*(){let a="CropperImage";Vt.open({sheetID:a,type:"normal.middleCenter",size:"MAX",padding:0,margin:0,freeCSS:{maxWidth:"100vw"},content:(0,mt.jsx)(O7.Core,{val_file:r.imageFile,options:r,finishedCallback:o=>{Vt.close(a),r.onProcessFinished(o)},abortCallback:()=>{Vt.close(a)}}),close_option:{escapeKeyDown:!1}})})};var Fo=Z(Mt());var I7=()=>{let{href:r}=location;return(0,Fo.jsx)(Je.Center,{padding:[4,1],children:(0,Fo.jsxs)(ht,{ssCardBox:!0,gap:2,padding:[3,2],textAlign:"center",width:1,freeCSS:{maxWidth:12*30},children:[(0,Fo.jsx)(xe.LinkSlash,{fontColor:"theme",freeCSS:{fontSize:"3rem"}}),(0,Fo.jsxs)(E,{children:[(0,Fo.jsx)(Xe.Paragraph,{children:"\u3053\u306E\u30DA\u30FC\u30B8\u306F\u3054\u5229\u7528\u3044\u305F\u3060\u3051\u307E\u305B\u3093\u3002"}),(0,Fo.jsx)(Xe.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"})]}),(0,Fo.jsxs)(ht,{children:[(0,Fo.jsxs)(Xe,{textAlign:"left",ssCardBox:"cloud",isSemiBoldFont:!0,padding:1,children:["\u30FB\u30EA\u30F3\u30AF\u304C\u6B63\u3057\u3044\u304B",(0,Fo.jsx)(E,{margin:["1/2",0],borderBottom:!0}),"\u30FB\u30EA\u30F3\u30AF\u306E\u6709\u52B9\u671F\u9650",(0,Fo.jsx)(E,{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"]}),(0,Fo.jsx)(oe.Anchor.Link,{newTab:!0,href:r,children:r}),(0,Fo.jsx)(oe.Anchor.BorderToFill.R,{href:"/",width:1,children:"\u30DB\u30FC\u30E0\u306B\u623B\u308B"})]})})};var H_=r=>{let[a,o]=(0,Cc.useState)(r.pathname),l=!0;a!==r.pathname&&(l=!1,o(r.pathname));let s=(0,Cc.useRef)(!1);(0,Cc.useEffect)(()=>{l&&(s.current?(Vt.closeAll(!0),ts.fn.updateCSSProperty.reset()):s.current=!0)},[a]),l&&r.beforeCB&&r.beforeCB(location.href),(0,Cc.useEffect)(()=>{l&&r.afterFirstCB&&r.afterFirstCB(location.href)},[]),(0,Cc.useEffect)(()=>{l&&(setTimeout(()=>{window.dispatchEvent(new Event("resize"))},200),r.afterCB&&r.afterCB(location.href))},[a])};var ss=Z(pr());var Iw=!1,S_=r=>pa(void 0,null,function*(){if(Iw)return{valid:!1,data:{}};let a=document.activeElement;a&&a.blur(),Iw=!0;let o=(0,ss.default)(`[data-form="${r}"]`),l=1,s={};for(let d=0;d<o.length;d++){let c=o[d],{componentId:h=""}=c.dataset,p=We.get(h);p&&p.Refresh&&(yield p.Refresh());let{value:g,name:y,checked:b,dataset:{value:x,name:w="",inputType:T="",validation:A}}=o[d],R=x;if(y=y||w,A=+((A!=null?A:"true")=="true"),T=="hidden")R&&(R=JSON.parse(R));else if(["radio","checkbox","checker"].includes(T)){if(R){let M=ss.default.toJson(R);if(!M.ok)continue;R=M.body,ss.default.is.array(R)?R=R.map(z=>ss.default.toJson(z).body):R=ss.default.toJson(R).body,T=="radio"&&(R=R[0]),T=="checker"&&(R=!!R[0])}}else["autocomplete-single","autocomplete-multi"].includes(T)?(R=ss.default.toJson(R).body,R.length&&(R=R.map(M=>ss.default.toJson(M).body),T=="autocomplete-single"&&(R=R[0]))):T=="time"?R&&(R=ss.default.toJson(R).body):T=="select"?(console.log(R),R=ss.default.toJson(R).body,console.log(R)):T=="file"?p&&(R=p.Files):T=="slider"?R&&(R=ss.default.toJson(R).body):T=="switch"&&(R=b|0);let W=(A!=null?A:1)|0;l&=W,A&&(s[y]=R)}return Iw=!1,{valid:!!l,data:s}});var zn={open:r=>{window.open(r)},pushSync:r=>{window.location.href=r},push:(r,a)=>{if(a){zn.open(r);return}zn.pushAsync(r)},pushAsync:r=>{if(r.match(/https?:\/\//)){zn.pushSync(r);return}zn.__push(r)},back:()=>{zn.__back()},__push:r=>{},__back:()=>{},setPushEffect:r=>{zn.__push=r},setBackEffect:r=>{zn.__back=r}};var $a=Z(pr());var Ae={toConcreteBorderRadius:r=>{let a=ut.get().roundness|0;return r=="1.tone.primary"?r=[0,2,3,4,5,5][a]:r=="2.tone.secondary"?r=[0,1,2,3,4,5][a]:r=="3.tone.tertiary"&&(r=[0,"1/3","2/3",1,2,3][a]),r},ev:r=>$a.default.is.exist(r),ClassNames:(r,a)=>{var o,l,s,d,c,h,p;let g=[],{gap:y,display:b,position:x,overflow:w,fontColor:T,fontSize:A,fontWeight:R,backgroundColor:W,textAlign:M,textDecoration:z,boxShadow:j,margin:K,marginTop:P,marginRight:le,marginBottom:Ee,marginLeft:te,padding:me,paddingTop:ye,paddingRight:de,paddingBottom:U,paddingLeft:Q,top:re,right:V,bottom:ee,left:ie,border:Se,borderTop:se,borderRight:Re,borderBottom:De,borderLeft:Ie,borderWidth:je,borderColor:ot,borderStyle:St,borderRadius:_t,borderTopLeftRadius:wt,borderTopRightRadius:Et,borderBottomLeftRadius:Rt,borderBottomRightRadius:dt,flexSizing:Be,flexWrap:It,flexType:Wt,flexChilds:Ft,flexGrid:Yt,horizontalAlign:gr,verticalAlign:_r,transition:zr,gridCenter:_a,gridCols:aa,maxHeight:ia,minHeight:Br,maxWidth:Nr,minWidth:Or,width:ma,height:ur,unitHeight:Er,unitWidth:Ir,opacity:ba}=a;{if(Ae.ev(b)&&g.push("dsp"+b),w){let I=$a.default.flatArray(w);g.push("ovfl-x-"+I[0]),g.push("ovfl-y-"+(I[1]||I[0]))}Ae.ev(x)&&g.push("ps"+x),Ae.ev(M)&&g.push("txtalg"+M),Ae.ev(M)&&g.push("txtdeco"+z),Ae.ev(T)&&g.push("ftcl"+((o=String(T))==null?void 0:o.replace(/\./g,"_"))),Ae.ev(A)&&g.push("ftsz"+((l=String(A))==null?void 0:l.replace(/\..*/,""))),Ae.ev(R)&&g.push("ftwt"+(R==null?void 0:R.replace(/\..*/,""))),Ae.ev(W)&&g.push("bgc"+((s=String(W))==null?void 0:s.replace(/\./g,"_"))),Ae.ev(j)&&g.push("bs"+j);let ze,lt,bt,Xt;$a.default.is.exist(K)&&($a.default.is.array(K)?K.length==2?[ze,lt,bt,Xt]=[...K,...K]:K.length==4&&([ze,lt,bt,Xt]=K):ze=lt=bt=Xt=K,P=P!=null?P:ze,le=le!=null?le:lt,Ee=Ee!=null?Ee:bt,te=te!=null?te:Xt),Ae.ev(P)&&g.push("mrgt"+P),Ae.ev(le)&&g.push("mrgr"+le),Ae.ev(Ee)&&g.push("mrgb"+Ee),Ae.ev(te)&&g.push("mrgl"+te);let qt,Tr,mr,qr;$a.default.is.exist(me)&&($a.default.is.array(me)?me.length==2?[qt,Tr,mr,qr]=[...me,...me]:me.length==4&&([qt,Tr,mr,qr]=me):qt=Tr=mr=qr=me,ye=ye!=null?ye:qt,de=de!=null?de:Tr,U=U!=null?U:mr,Q=Q!=null?Q:qr),Ae.ev(ye)&&g.push("pdt"+ye),Ae.ev(de)&&g.push("pdr"+de),Ae.ev(U)&&g.push("pdb"+U),Ae.ev(Q)&&g.push("pdl"+Q),Ae.ev(re)&&g.push("pstt"+re),Ae.ev(V)&&g.push("pstr"+V),Ae.ev(ee)&&g.push("pstb"+ee),Ae.ev(ie)&&g.push("pstl"+ie);{$a.default.is.exist(Se)&&(se=se!=null?se:Se,Re=Re!=null?Re:Se,De=De!=null?De:Se,Ie=Ie!=null?Ie:Se),$a.default.is.boolean(se)&&(se=["unset","2.normal"][Number(se)]),$a.default.is.boolean(Re)&&(Re=["unset","2.normal"][Number(Re)]),$a.default.is.boolean(De)&&(De=["unset","2.normal"][Number(De)]),$a.default.is.boolean(Ie)&&(Ie=["unset","2.normal"][Number(Ie)]),Ae.ev(se)&&g.push("b_t_ss"+((d=String(se))==null?void 0:d.replace(/\..*/,""))),Ae.ev(Re)&&g.push("b_r_ss"+((c=String(Re))==null?void 0:c.replace(/\..*/,""))),Ae.ev(De)&&g.push("b_b_ss"+((h=String(De))==null?void 0:h.replace(/\..*/,""))),Ae.ev(Ie)&&g.push("b_l_ss"+((p=String(Ie))==null?void 0:p.replace(/\..*/,""))),$a.default.is.exist(je)&&g.push("b_wth"+String(je)),$a.default.is.exist(ot)&&g.push("b_cl"+String(ot)),$a.default.is.exist(St)&&g.push("b_st"+String(St));{let I,ae,B,H;$a.default.is.exist(_t)&&($a.default.is.array(_t)?_t.length==4&&([I,ae,H,B]=_t):I=ae=B=H=_t,wt=wt!=null?wt:I,Et=Et!=null?Et:ae,Rt=Rt!=null?Rt:B,dt=dt!=null?dt:H)}Ae.ev(wt)&&g.push("br_tl"+Ae.toConcreteBorderRadius(wt)),Ae.ev(Et)&&g.push("br_tr"+Ae.toConcreteBorderRadius(Et)),Ae.ev(Rt)&&g.push("br_bl"+Ae.toConcreteBorderRadius(Rt)),Ae.ev(dt)&&g.push("br_br"+Ae.toConcreteBorderRadius(dt))}if(Ae.ev(ba)&&g.push("op"+ba),$a.default.is.exist(y)){let I,ae;$a.default.is.array(y)?(I=y[0],ae=y[1]):I=ae=y,g.push("gapRow"+I,"gapCol"+ae)}Ae.ev(Be)&&g.push("flsz"+Be),Ae.ev(It)&&g.push("flwrp"+It),Ae.ev(Wt)&&g.push("fltyp"+Wt),Ae.ev(Ft)&&g.push("flchld"+Ft),Ae.ev(Yt)&&g.push("flgrid"+Yt),Ae.ev(_r)&&g.push("flvrt"+_r),Ae.ev(gr)&&g.push("flhrz"+gr),Ae.ev(_a)&&g.push("grcnt"+_a),Ae.ev(aa)&&g.push("grcol"+aa),Ae.ev(ur)&&g.push("hgt"+ur),Ae.ev(ma)&&g.push("wdt"+ma),Ae.ev(Er)&&g.push("unthgt"+Er),Ae.ev(Ir)&&g.push("untwdt"+Ir),Ae.ev(zr)&&g.push("trnst"+zr),Ae.ev(ia)&&g.push("maxh"+ia),Ae.ev(Br)&&g.push("minh"+Br),Ae.ev(Nr)&&g.push("maxw"+Nr),Ae.ev(Or)&&g.push("minw"+Or)}return g.length?r+g.join(" "+r):""}},dm=r=>{let a=_({},r),{gradients:o,ssCardBox:l,ssSphere:s,ssSquare:d,ssPushable:c,ssAbsoluteCovered:h,ssTextEllipsis:p,flexCenter:g,flexNewLine:y,isLightFont:b,isBoldFont:x,isSemiBoldFont:w,isRounded:T,isSquare:A,freeCSS:R={}}=a,W=Ze(R,[]),M=Ze(a,["gradients","ssCardBox","ssSphere","ssSquare","ssPushable","ssAbsoluteCovered","ssTextEllipsis","flexCenter","flexNewLine","isLightFont","isBoldFont","isSemiBoldFont","isRounded","isSquare","freeCSS"]);if(W=W||{},M=M||{},o){let{deg:z,colors:j}=o;W=L(_({},W),{background:`linear-gradient(${z}deg,${j.join(",")})`})}if(l){l===!0&&(l="border");let z={backgroundColor:"layer.1",borderRadius:"1.tone.primary",boxShadow:"0.min"};l=="border"?z.border=!0:l=="layer"?z.backgroundColor="layer.1":l=="cloud"?z.backgroundColor="cloud":l=="shadow"&&(z.boxShadow="0.normal"),ut.get().darkMode=="dim"&&(z.boxShadow="1.normal"),ut.get().darkMode=="dark"&&(z.boxShadow="1.remark"),W=_(_({},z.freeCSS),W),M=_(_({},z),M)}return s&&(g=g!=null?g:!0,M=_({padding:0,unitWidth:s,unitHeight:s,borderRadius:"sphere",flexSizing:"none"},M)),d&&(g=g!=null?g:!0,M=_({padding:0,unitWidth:d,unitHeight:d,flexSizing:"none"},M)),c&&(M=_({transition:"middle"},M),M=L(_({},M),{className:[M.className,"ssPushable"].join(" ")})),h&&(M=_({position:"absolute",top:0,left:0,right:0,bottom:0},M)),p&&(M=_({overflow:"hidden"},M),W=_({whiteSpace:"nowrap",textOverflow:"ellipsis"},W)),y&&(M=_({width:1,flexSizing:"none"},M)),g&&(M=_({display:"flex",horizontalAlign:"center",verticalAlign:"center"},M)),b&&(M.fontWeight="1.light"),w&&(M.fontWeight="3.semiBold"),x&&(M.fontWeight="4.bold"),T&&($a.default.is.number(T)?W.borderRadius=T*12:M.borderRadius="sphere"),A&&(W.aspectRatio="1"),L(_({},M),{freeCSS:W})},Wa=r=>{let a=dm(r),{componentID:o,gap:l,display:s,position:d,overflow:c,fontColor:h,fontSize:p,fontWeight:g,backgroundColor:y,textAlign:b,textDecoration:x,boxShadow:w,margin:T,marginTop:A,marginRight:R,marginBottom:W,marginLeft:M,padding:z,paddingTop:j,paddingRight:K,paddingBottom:P,paddingLeft:le,top:Ee,right:te,bottom:me,left:ye,border:de,borderTop:U,borderRight:Q,borderBottom:re,borderLeft:V,borderWidth:ee,borderColor:ie,borderStyle:Se,borderRadius:se,borderTopLeftRadius:Re,borderTopRightRadius:De,borderBottomLeftRadius:Ie,borderBottomRightRadius:je,flexSizing:ot,flexWrap:St,flexType:_t,flexChilds:wt,flexGrid:Et,horizontalAlign:Rt,verticalAlign:dt,transition:Be,gridCenter:It,gridCols:Wt,maxHeight:Ft,minHeight:Yt,maxWidth:gr,minWidth:_r,width:zr,height:_a,unitHeight:aa,unitWidth:ia,opacity:Br,ssLastChildLossBorder:Nr,ssAbsoluteCovered:Or,ssCardBox:ma,ssEffectsOnActive:ur,ssPushable:Er,ssSphere:Ir,ssSquare:ba,ssTextEllipsis:ze,isBoldFont:lt,isLightFont:bt,isSemiBoldFont:Xt,isRounded:qt,flexCenter:Tr,flexNewLine:mr,gradients:qr,UnderBreakPointStyles:I={},className:ae="",freeCSS:B={}}=a,H=Ze(a,["componentID","gap","display","position","overflow","fontColor","fontSize","fontWeight","backgroundColor","textAlign","textDecoration","boxShadow","margin","marginTop","marginRight","marginBottom","marginLeft","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","top","right","bottom","left","border","borderTop","borderRight","borderBottom","borderLeft","borderWidth","borderColor","borderStyle","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","flexSizing","flexWrap","flexType","flexChilds","flexGrid","horizontalAlign","verticalAlign","transition","gridCenter","gridCols","maxHeight","minHeight","maxWidth","minWidth","width","height","unitHeight","unitWidth","opacity","ssLastChildLossBorder","ssAbsoluteCovered","ssCardBox","ssEffectsOnActive","ssPushable","ssSphere","ssSquare","ssTextEllipsis","isBoldFont","isLightFont","isSemiBoldFont","isRounded","flexCenter","flexNewLine","gradients","UnderBreakPointStyles","className","freeCSS"]),q=_({},H),he=[ae];if(Nr&&he.push("ssLastChildLossBorder_"+Nr),ur){ur=$a.default.flatArray(ur);for(let ue of ur){let[Pe,Me]=ue.split(".");q["data-effect-"+Pe]="1",Me&&(q["data-effect-tone"]=Me)}}{let ue=Ae.ClassNames("amotf_",{gap:l,display:s,position:d,overflow:c,fontColor:h,fontSize:p,fontWeight:g,backgroundColor:y,textAlign:b,textDecoration:x,boxShadow:w,margin:T,marginTop:A,marginRight:R,marginBottom:W,marginLeft:M,padding:z,paddingTop:j,paddingRight:K,paddingBottom:P,paddingLeft:le,top:Ee,right:te,bottom:me,left:ye,border:de,borderTop:U,borderRight:Q,borderBottom:re,borderLeft:V,borderWidth:ee,borderColor:ie,borderStyle:Se,borderRadius:se,borderTopLeftRadius:Re,borderTopRightRadius:De,borderBottomLeftRadius:Ie,borderBottomRightRadius:je,flexSizing:ot,flexWrap:St,flexType:_t,flexChilds:wt,flexGrid:Et,horizontalAlign:Rt,verticalAlign:dt,transition:Be,gridCenter:It,gridCols:Wt,maxHeight:Ft,minHeight:Yt,maxWidth:gr,minWidth:_r,width:zr,height:_a,unitHeight:aa,unitWidth:ia,opacity:Br});he.push(ue)}return I&&he.push(Ae.ClassNames("amotf_bp",I)),B&&(q.style=_(_({},B),q.style)),(o||q["data-component-id"])&&(q["data-component-id"]=q["data-component-id"]||o),he.length&&he.join("")&&(q.className=he.join(" ").trim().replace(/%/ig,"P").replace(/\d+px/ig,"PIX").replace(/\s+/ig," ").replace(/\//ig,"_").replace(/\./ig,"-")),q},Ns=r=>{let{gap:a,display:o,position:l,overflow:s,fontColor:d,fontSize:c,fontWeight:h,backgroundColor:p,textAlign:g,textDecoration:y,boxShadow:b,margin:x,marginTop:w,marginRight:T,marginBottom:A,marginLeft:R,padding:W,paddingTop:M,paddingRight:z,paddingBottom:j,paddingLeft:K,top:P,right:le,bottom:Ee,left:te,border:me,borderTop:ye,borderRight:de,borderBottom:U,borderLeft:Q,borderWidth:re,borderColor:V,borderStyle:ee,borderRadius:ie,borderTopLeftRadius:Se,borderTopRightRadius:se,borderBottomLeftRadius:Re,borderBottomRightRadius:De,flexSizing:Ie,flexWrap:je,flexType:ot,flexChilds:St,flexGrid:_t,horizontalAlign:wt,verticalAlign:Et,transition:Rt,gridCenter:dt,gridCols:Be,maxHeight:It,minHeight:Wt,maxWidth:Ft,minWidth:Yt,width:gr,height:_r,unitHeight:zr,unitWidth:_a,opacity:aa,ssLastChildLossBorder:ia,ssAbsoluteCovered:Br,ssCardBox:Nr,ssEffectsOnActive:Or,ssPushable:ma,ssSphere:ur,ssSquare:Er,ssTextEllipsis:Ir,isBoldFont:ba,isLightFont:ze,isSemiBoldFont:lt,isRounded:bt,flexCenter:Xt,flexNewLine:qt,gradients:Tr,UnderBreakPointStyles:mr={},freeCSS:qr={}}=r,I={};return Ae.ev(a)&&(I.gap=a),Ae.ev(o)&&(I.display=o),Ae.ev(l)&&(I.position=l),Ae.ev(s)&&(I.overflow=s),Ae.ev(d)&&(I.fontColor=d),Ae.ev(c)&&(I.fontSize=c),Ae.ev(h)&&(I.fontWeight=h),Ae.ev(p)&&(I.backgroundColor=p),Ae.ev(g)&&(I.textAlign=g),Ae.ev(y)&&(I.textDecoration=y),Ae.ev(b)&&(I.boxShadow=b),Ae.ev(x)&&(I.margin=x),Ae.ev(w)&&(I.marginTop=w),Ae.ev(T)&&(I.marginRight=T),Ae.ev(A)&&(I.marginBottom=A),Ae.ev(R)&&(I.marginLeft=R),Ae.ev(W)&&(I.padding=W),Ae.ev(M)&&(I.paddingTop=M),Ae.ev(z)&&(I.paddingRight=z),Ae.ev(j)&&(I.paddingBottom=j),Ae.ev(K)&&(I.paddingLeft=K),Ae.ev(P)&&(I.top=P),Ae.ev(le)&&(I.right=le),Ae.ev(Ee)&&(I.bottom=Ee),Ae.ev(te)&&(I.left=te),Ae.ev(me)&&(I.border=me),Ae.ev(ye)&&(I.borderTop=ye),Ae.ev(de)&&(I.borderRight=de),Ae.ev(U)&&(I.borderBottom=U),Ae.ev(Q)&&(I.borderLeft=Q),Ae.ev(re)&&(I.borderWidth=re),Ae.ev(V)&&(I.borderColor=V),Ae.ev(ee)&&(I.borderStyle=ee),Ae.ev(ie)&&(I.borderRadius=ie),Ae.ev(Se)&&(I.borderTopLeftRadius=Se),Ae.ev(se)&&(I.borderTopRightRadius=se),Ae.ev(Re)&&(I.borderBottomLeftRadius=Re),Ae.ev(De)&&(I.borderBottomRightRadius=De),Ae.ev(Ie)&&(I.flexSizing=Ie),Ae.ev(je)&&(I.flexWrap=je),Ae.ev(ot)&&(I.flexType=ot),Ae.ev(St)&&(I.flexChilds=St),Ae.ev(_t)&&(I.flexGrid=_t),Ae.ev(wt)&&(I.horizontalAlign=wt),Ae.ev(Et)&&(I.verticalAlign=Et),Ae.ev(Rt)&&(I.transition=Rt),Ae.ev(dt)&&(I.gridCenter=dt),Ae.ev(Be)&&(I.gridCols=Be),Ae.ev(It)&&(I.maxHeight=It),Ae.ev(Wt)&&(I.minHeight=Wt),Ae.ev(Ft)&&(I.maxWidth=Ft),Ae.ev(Yt)&&(I.minWidth=Yt),Ae.ev(gr)&&(I.width=gr),Ae.ev(_r)&&(I.height=_r),Ae.ev(zr)&&(I.unitHeight=zr),Ae.ev(_a)&&(I.unitWidth=_a),Ae.ev(aa)&&(I.opacity=aa),Ae.ev(ia)&&(I.ssLastChildLossBorder=ia),Ae.ev(Br)&&(I.ssAbsoluteCovered=Br),Ae.ev(Nr)&&(I.ssCardBox=Nr),Ae.ev(Or)&&(I.ssEffectsOnActive=Or),Ae.ev(ma)&&(I.ssPushable=ma),Ae.ev(ur)&&(I.ssSphere=ur),Ae.ev(Er)&&(I.ssSquare=Er),Ae.ev(Ir)&&(I.ssTextEllipsis=Ir),Ae.ev(ba)&&(I.isBoldFont=ba),Ae.ev(ze)&&(I.isLightFont=ze),Ae.ev(lt)&&(I.isSemiBoldFont=lt),Ae.ev(bt)&&(I.isRounded=bt),Ae.ev(Xt)&&(I.flexCenter=Xt),Ae.ev(qt)&&(I.flexNewLine=qt),Ae.ev(Tr)&&(I.gradients=Tr),Ae.ev(qr)&&(I.freeCSS=qr),Ae.ev(mr)&&(I.UnderBreakPointStyles=mr),I};var ml=Z(Mt());var j_=r=>{var a;let o=If.set("RootViewController_"+ut.get().sessionUID);return(0,ml.jsxs)(ml.Fragment,{children:[(0,ml.jsx)("style",{children:r.inlineCSS}),(0,ml.jsxs)("amotify-app",{id:"appRoot_"+ut.get().sessionUID,children:[(0,ml.jsx)(gu.Pudding.Wrapper,{}),(0,ml.jsx)(gu.Ripple.Wrapper,{}),(0,ml.jsx)(Za.Wrapper,{}),(0,ml.jsx)(Kn.Wrapper,{}),(0,ml.jsx)(Vt.Wrapper,{}),(0,ml.jsx)(E,{className:["AMOTIFY_be","AMOTIFY_be_root",(a=r.isRootPage)==null||a?"AMOTIFY_be_origin":"",r.originClassName||""].join(" "),children:r.children},o)]})]})};var U_=Z(pr()),xt=r=>{let a=ut.get().appRoot;return U_.default.is.shadowRoot(a)?(0,U_.default)(a).find(r):(0,U_.default)(r)};var yG=Z(Mw());so(Tn,Z(Mw()));var zw={};rd(zw,{DesignBook:()=>V_});var m=Z(Mt()),Eu=Z(fr()),Nl=Z(pr());var op={index:()=>(0,m.jsxs)(m.Fragment,{children:[(0,m.jsxs)(pt,{gap:1,children:[(0,m.jsx)(E,{flexCenter:!0,children:(0,m.jsx)(b_,{ssSphere:6,children:"Placeholder"})}),(0,m.jsxs)(ha,{gridCols:3,gap:1,flexSizing:"auto",children:[(0,m.jsx)(E,{padding:2,backgroundColor:"layer.1"}),(0,m.jsx)(E,{padding:2,backgroundColor:"layer.2"}),(0,m.jsx)(E,{padding:2,backgroundColor:"layer.3"}),(0,m.jsx)(E,{padding:2,backgroundColor:"layer.4"}),(0,m.jsx)(E,{padding:2,backgroundColor:"layer.5"}),(0,m.jsx)(E,{padding:2,backgroundColor:"layer.6"})]}),(0,m.jsxs)(ha,{gridCols:3,gap:"1/2",flexSizing:"auto",ssCardBox:!0,children:[(0,m.jsx)(E,{flexCenter:!0,fontColor:"1.clear",children:"FontColor1"}),(0,m.jsx)(E,{flexCenter:!0,fontColor:"2.normal",children:"FontColor2"}),(0,m.jsx)(E,{flexCenter:!0,fontColor:"3.blur",children:"FontColor3"}),(0,m.jsx)(E,{flexCenter:!0,fontColor:"4.thin",children:"FontColor4"}),(0,m.jsx)(E,{flexCenter:!0,fontColor:"5.translucent",children:"FontColor5"})]})]}),(0,m.jsx)(op.Fonts,{}),(0,m.jsx)(op.Box,{}),(0,m.jsx)(op.Flex,{}),(0,m.jsx)(op.Grid,{}),(0,m.jsx)(op.Others,{})]}),Fonts:()=>(0,m.jsxs)(E,{ssCardBox:!0,children:[(0,m.jsx)(Xe.SubTitle,{padding:1,borderBottom:!0,children:"Font"}),(0,m.jsxs)(E,{overflow:"auto",padding:1,children:[(0,m.jsx)(Xe.Description,{padding:1,children:`<Box
   fontSize={ 0 ~ 8 }
 >
   some text

package/dist/fn/Input/Segmented.js CHANGED Viewed

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

package/dist/fn/Input/TextField.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import{b as o,c as s,d as Y,e as ne}from"../../chunk-C5N2D3ZX.js";import{Fragment as se,jsx as l,jsxs as U}from"react/jsx-runtime";import{useState as A,useEffect as G}from"react";import g from"@mingoo/jsmin";import{$$fromRoot as Ie,useStore as ve,ExtractStyles as Te}from"../../@utils";import{Box as R,FAI as le}from"../../atoms";import{Text as X}from"../../mols";import oe from"../Button";import P from"../Tooltips";import{faEye as re}from"@fortawesome/free-solid-svg-icons/faEye";import{OptionalInputWrapper as Se,BoxWrapper as Ce,CoreEffects as L,DefaultStyles as Re}from"./core";import{InputLabel as ye}from"./Label";import{LeftIndicator as Ve,RightIndicator as j}from".";const we={number:{reg:/^-?[0-9\.]+$/g,exist:!0,reason:"\u534A\u89D2\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},katakana:{reg:/^[ァ-ヶー 　ｦ-ﾟ　 ]*$/g,exist:!0,reason:"\u30AB\u30BF\u30AB\u30CA\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},"hankaku.katakana":{reg:/^[ｦ-ﾟ　 ]*$/g,exist:!0,reason:"\u534A\u89D2\u30AB\u30BF\u30AB\u30CA\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},digitNumber:{reg:/^-?[0-9\.]+$/g,exist:!0,reason:"\u534A\u89D2\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},fileName:{reg:/[¥\/:*\?\"\'\|\.\s\n\r\<\>]/g,exist:!1,reason:"\u7A7A\u767D\u307E\u305F\u306F\u4E00\u90E8\u306E\u7279\u6B8A\u6587\u5B57\u306F\u4F7F\u7528\u3067\u304D\u307E\u305B\u3093"},creditCard:{reg:/^\d{14,16}$/g,exist:!0,reason:"14~16\u6841\u306E\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},email:{reg:/^[A-Za-z0-9]{1}[A-Za-z0-9_.-]*@{1}[A-Za-z0-9_.-]+\.[A-Za-z0-9]+$/,exist:!0,reason:U(se,{children:[l(R,{children:"\u25CB\u25CB\u25CB\u25CB@\u25CB\u25CB\u25CB\u25CB.\u25CB\u25CB\u25CB\u306E\u5F62\u5F0F\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),l(R,{children:"\u6700\u5F8C\u306E\u6587\u5B57\u306B.(\u30C9\u30C3\u30C8)\u3092\u5165\u308C\u308B\u3053\u3068\u306F\u3067\u304D\u307E\u305B\u3093"})]})},password:{reg:/^(?=[^A-Z]*[A-Z])(?=[^a-z]*[a-z])(?=[^0-9]*[0-9]).{8,}$/,exist:!0,reason:"8\u6587\u5B57\u4EE5\u4E0A\u3001\u534A\u89D2\u82F1\u6570\u5927\u5C0F\u6587\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"},tel:{reg:/.*$/g,exist:!0,reason:U(se,{children:[l(R,{children:"0\u304B\u3089\u59CB\u307E\u308B\u756A\u53F7\u306E\u307F\u5165\u529B\u53EF\u80FD\u3067\u3059"}),l(R,{children:"9~12\u6841\u306E\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),l(R,{children:"\u6570\u5B57\u306E\u307F\u5165\u529B\u53EF\u80FD\u3067\u3059"})]})},url:{reg:/^https?:\/\/[^\n\s]+(\.|\:)[^\n\s\.\:]+$/,exist:!0,reason:"URL\u5F62\u5F0F : http(s)://\u25EF\u25EF\u25EF\u25EF"},postal:{reg:/^\d{7}$/g,exist:!0,reason:"7\u6841\u306E\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}},y={setSelection:e=>{let{id:a,restrict:r,val_status:t}=e,n=Ie("#"+a)[0];if(n&&t.prevValue&&t.formatValue){let{formatValue:u,prevValue:c,caretFrom:i,caretTo:d}=t;if(r=="creditCard")u.length>=c.length&&i%5==0&&(i++,d++),n.setSelectionRange(i,d);else if(r=="postal")u.length==5&&c.length==3&&(i++,d++),n.setSelectionRange(i,d);else if(r=="digitNumber"){let h=u.length-c.length;h==2&&(i++,d++),h==-2&&(i--,d--),n.setSelectionRange(i,d)}}},Validation:{Default:e=>{let{value:a,states:r}=e,{restrict:t="text",maxLength:n,multiline:u,required:c}=r,i=[];if(u||(n=n||255),g.is.exist(n)&&a.length>=Number(n)&&i.push({type:"invalid",label:n+"\u5B57\u4EE5\u5185\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),a){let d=y.Validation.Text(a,t);d.ok||i.push({type:"invalid",label:d.body})}else c&&i.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"});return{ok:!i.filter(({type:d})=>d=="invalid").length,notice:i}},Text:(e,a)=>{let r={ok:!0,body:""};return(()=>{let t=we[a];if(!t)return;let n=t.reason;if(t){let u=!!(+!!e.match(t.reg)^+!t.exist);r={ok:u,body:u?"":n}}})(),r},DataLeveling:e=>{let{restrict:a,value:r=""}=e,t=String(r),n=!1;if(["tel","number","digitNumber","test","postal","creditCard"].includes(a)&&(t=t.zen2hanNumber()),a=="katakana"&&(t=t.replace(/[^ァ-ヶー 　ｦ-ﾟ　 ]/ig,"")),a=="hankaku.katakana"&&(t=t.replace(/[^ｦ-ﾟ　 ]/ig,"")),["postal","creditCard"].includes(a)&&(t=t.removeLetters()),["number","number.zeroStart","digitNumber"].includes(a)){let c=t[0]=="0";if(t){if(t!="-")if(t=="0-")t="-";else{t[0]=="-"&&(n=!0),t=t.replace(/[^0-9\.]/ig,"");let i=Number(t);i===0&&(n=!1),n&&(i=-1*i),g.is.exist(e.min)&&(i=Math.max(i,Number(e.min))),g.is.exist(e.max)&&(i=Math.min(i,Number(e.max))),t=String(Math.abs(i))}c&&t!="0"&&a=="number.zeroStart"&&(t="0"+t)}}let u=t;if(a=="digitNumber"){if(t&&t!="-"){let c=[];for(let i=t.length-1;i>=0;i--){c.unshift(t[i]);let d=t.length-1-i+1;i!=0&&d%3==0&&c.unshift(",")}u=c.join("")}}else a=="postal"?t.length>=4&&(u=t.clip(0,3)+"-"+t.clip(3)):a=="creditCard"&&(u=t.replace(/.{4}(?=.)/g,"$& "));return["number","digitNumber"].includes(a)&&n&&(t="-"+t,u="-"+u),{formatValue:u,dataValue:t}}}},Q={Shallow:e=>{let{rootStates:a,val_status:r}=e,t=r.dataValue||"";G(()=>{g.scope(()=>ne(void 0,null,function*(){if(!a.multiline)return;let h=g('[data-input-origin="'+r.componentID+'"]'),V=g('[data-input-shallow="'+r.componentID+'"]'),B=g('[data-input-min-height-value-shallow="'+r.componentID+'"]'),N=g('[data-input-max-height-value-shallow="'+r.componentID+'"]');if(!h[0]||!V[0]||!B[0]||!N[0])return;let m=V.position(),w=B.position(),k=N.position(),I=0;a.autoHeight&&(I=m.height),I=Math.max(I,w.height),I=Math.min(I,k.height),h[0].style.height=I+"px"}))},[t]);let n=t||a.label||a.placeholder||"";(!!t.match(/\n$/)||!t)&&(n+="T");let c="",i="";if(a.multiline){let h=a.minRows||1,V=a.maxRows||100;c=`
 T`.repeat(h-1),i=`
-T`.repeat(V-1)}let d=Te(a);return U(R,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:[l(X.Description,s(o({className:a.className},d),{position:"absolute",width:1,freeCSS:s(o({},d.freeCSS),{color:"orange"}),"data-input-shallow":r.componentID,children:l(R,{"data-input-value-shallow":r.componentID,children:n})})),l(X.Description,s(o({className:a.className},d),{position:"absolute",left:0,freeCSS:s(o({},d.freeCSS),{backgroundColor:"transparent",color:"blue"}),"data-input-min-height-value-shallow":r.componentID,children:c})),l(X.Description,s(o({className:a.className},d),{position:"absolute",right:0,freeCSS:s(o({},d.freeCSS),{backgroundColor:"transparent",color:"red"}),"data-input-max-height-value-shallow":r.componentID,children:i}))]})},InputBox:e=>{let{rootStates:a,val_validate:r,set_validate:t,val_status:n,set_status:u,val_focus:c,set_focus:i,val_isComposing:d,set_isComposing:h}=e;if(a.multiline)return null;let ae=a,{componentID:V,tone:B,required:N,restrict:m="text",form:w,autoComplete:k="off",autoCapitalize:I="off",minRows:F,maxRows:ue,multiline:ee,autoHeight:K,enableFormSubmit:z,clearButton:de=!1,checkValidationAtFirst:te,onChange:O,onKeyDown:W,onValidate:me,onUpdateValue:pe,onUpdateValidValue:ce,value:fe="",leftIndicator:ge,rightIndicator:b,leftIcon:xe,rightIcon:Z,maxLength:S,min:E,max:H,label:De,wrapStyles:Ne}=ae,p=Y(ae,["componentID","tone","required","restrict","form","autoComplete","autoCapitalize","minRows","maxRows","multiline","autoHeight","enableFormSubmit","clearButton","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","leftIndicator","rightIndicator","leftIcon","rightIcon","maxLength","min","max","label","wrapStyles"]),he=m=="password"||m=="concealed"?"password":"text",be=["number","digitNumber","creditCard"].includes(m)?"numeric":m=="email"?"email":"text";return l(R,s(o({htmlTag:"input",type:he,inputMode:be,"data-disabled":a.disabled,"data-form":w,"data-input-type":"text","data-show-validation":L.isShowValidation(r,n,!!te),"data-validation":r.ok,"data-value":n.dataValue,"data-component-id":n.componentID,"data-input-origin":n.componentID,value:n.formatValue,autoComplete:k,autoCapitalize:I,onKeyDown:f=>{let{key:v,target:D}=f;{let C=D,{selectionStart:_,selectionEnd:M}=C,$=Number(_),ie=Number(M),q=n.formatValue[Number($)],J=n.formatValue[Number($)-1];v=="Delete"&&(m=="creditCard"&&q==" "||m=="postal"&&q=="-"||m=="digitNumber"&&q==",")&&(C.setSelectionRange($+1,ie+1),f.preventDefault()),v=="Backspace"&&(m=="creditCard"&&J==" "||m=="postal"&&J=="-"||m=="digitNumber"&&J==",")&&(C.setSelectionRange($-1,ie-1),f.preventDefault()),v=="Enter"||v=="Tab"}if(["number","digitNumber","creditCard"].includes(m)&&v=="Clear"&&u(C=>s(o({},C),{dataValue:"",formatValue:"",eventType:"update",eventID:g.uuid.gen()})),["number","digitNumber"].includes(m)&&["ArrowUp","ArrowDown"].includes(v)){let C=+(v=="ArrowUp")*2-1,_=String(Number(n.dataValue)+C);r.ok&&t({ok:!1,notice:[]}),u(M=>s(o(o({},M),y.Validation.DataLeveling({min:E,max:H,restrict:m,value:_})),{eventType:"update",eventID:g.uuid.gen()})),f.preventDefault()}W&&W(f),z&&L.SubmitForm(f)},onChange:f=>{let{value:v,selectionStart:D,selectionEnd:C}=f.target,_=y.Validation.DataLeveling({min:E,max:H,restrict:m,value:v});d&&(_.formatValue=v),_.formatValue!=n.formatValue&&(r.ok&&t({ok:!1,notice:[]}),u(M=>s(o(o({},M),_),{prevValue:n.formatValue,eventType:"update",eventID:g.uuid.gen(),caretFrom:Number(D),caretTo:Number(C)})),O&&O(f))},width:1},p),{onFocus:f=>{p!=null&&p.onFocus&&(p==null||p.onFocus(f)),i(!0)},onBlur:f=>{p!=null&&p.onBlur&&(p==null||p.onBlur(f)),i(!1)},onCompositionStart:f=>{p!=null&&p.onCompositionStart&&(p==null||p.onCompositionStart(f)),h(!0)},onCompositionEnd:f=>{if(p!=null&&p.onCompositionEnd&&(p==null||p.onCompositionEnd(f)),m=="text")return;let v=y.Validation.DataLeveling({min:E,max:H,restrict:m,value:n.formatValue});u(D=>s(o(o({},D),v),{prevValue:D.formatValue,eventType:"update",eventID:g.uuid.gen(),caretFrom:Number(D.formatValue.length+1),caretTo:Number(D.formatValue.length+1)})),h(!1)}}))},TextAreaBox:e=>{let{rootStates:a,val_focus:r,set_focus:t,val_validate:n,set_validate:u,val_status:c,set_status:i,isShallow:d}=e,Z=a,{componentID:h,tone:V,required:B,form:N,minRows:m,maxRows:w,multiline:k,autoHeight:I,enableFormSubmit:F,maxLength:ue,checkValidationAtFirst:ee,onChange:K,onKeyDown:z,onValidate:de,onUpdateValue:te,onUpdateValidValue:O,value:W="",leftIndicator:me,rightIndicator:pe,leftIcon:ce,rightIcon:fe,wrapStyles:ge}=Z,b=Y(Z,["componentID","tone","required","form","minRows","maxRows","multiline","autoHeight","enableFormSubmit","maxLength","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","leftIndicator","rightIndicator","leftIcon","rightIcon","wrapStyles"]);return!a.multiline?null:l(R,s(o({htmlTag:"textarea","data-form":N,"data-input-type":"textarea","data-show-validation":L.isShowValidation(n,c,!!ee),"data-validation":n.ok,"data-value":c.dataValue,"data-input-origin":c.componentID,"data-component-id":c.componentID,value:c.dataValue,width:1},b),{onFocus:S=>{b!=null&&b.onFocus&&(b==null||b.onFocus(S)),t(!0)},onBlur:S=>{b!=null&&b.onBlur&&(b==null||b.onBlur(S)),t(!1)},onKeyDown:S=>{z&&z(S),F&&L.SubmitForm(S)},onChange:S=>{let{value:E}=S.target;n.ok&&u({ok:!1,notice:[]}),i(H=>s(o({},H),{dataValue:E,eventType:"update",eventID:g.uuid.gen()})),K&&K(S)}}))}},ke=e=>{let{componentID:a,restrict:r="text",onUpdateValue:t,onUpdateValidValue:n,value:u="",min:c,max:i}=e,d=s(o({componentID:a},y.Validation.DataLeveling({min:c,max:i,restrict:r,value:u})),{prevValue:"",eventType:"init",eventID:g.uuid.gen(),caretFrom:null,caretTo:null}),[h,V]=A(!1),[B,N]=A(!1),[m,w]=A(d),[k,I]=A({ok:!1,notice:[]}),F={rootStates:e,val_focus:h,set_focus:V,val_isComposing:B,set_isComposing:N,val_status:m,set_status:w,val_validate:k,set_validate:I};return L.CommonEffects({type:"textfield",states:e,val_status:m,set_status:w,val_validate:k,set_validate:I,onUpdateValue:t,onUpdateValidValue:n,DefaultValidation:y.Validation.Default,ExtraOverrideStates:o({},y.Validation.DataLeveling({min:c,max:i,restrict:r,value:u}))}),G(()=>{y.setSelection({id:e.id,restrict:r,val_status:m})},[m]),U(Ce,{val_status:m,set_status:w,val_validate:k,states:F.rootStates,children:[l(ye,{componentID:e.componentID,fontSize:e.fontSize,required:e.required,label:e.label,isActive:h||!!m.dataValue}),l(Q.Shallow,o({},F)),l(Q.InputBox,o({},F)),l(Q.TextAreaBox,o({},F))]})},T=e=>{e=o({autoHeight:!0,restrict:"text",fontSize:"2.normal"},e),e.rightIcon&&(e=o({paddingRight:3},e)),e.leftIcon&&(e=o({paddingLeft:3},e)),e.multiline?(e.minRows=e.minRows||5,e.maxRows=e.maxRows||20):(e.minRows=1,e.maxRows=1);let a=Re.Boxish(e);return l(Se,{componentID:e.componentID,children:ke,states:a})},x=T;x.Validate=y.Validation.Text,x.Katakana=e=>l(T,s(o({},e),{restrict:"katakana",multiline:!1,autoHeight:!1})),x.HankakuKatakana=e=>l(T,s(o({},e),{restrict:"hankaku.katakana",multiline:!1,autoHeight:!1})),x.CreditCard=e=>l(T,s(o({},e),{restrict:"creditCard",multiline:!1,autoHeight:!1})),x.Tel=e=>l(T,s(o({},e),{restrict:"tel",placeholder:"xxx-xxxx-xxxx",multiline:!1,autoHeight:!1})),x.Number=e=>l(T,s(o({},e),{restrict:"number",multiline:!1,autoHeight:!1})),x.DigitNumber=e=>l(T,s(o({},e),{restrict:"digitNumber",multiline:!1,autoHeight:!1})),x.Email=e=>l(T,s(o({},e),{restrict:"email",multiline:!1,autoHeight:!1})),x.Url=e=>l(T,s(o({},e),{restrict:"url",multiline:!1,autoHeight:!1})),x.Postal=e=>{let[a]=A(g.uuid.gen());return G(()=>()=>{ve.delete(a)},[]),l(T,s(o({label:"\u90F5\u4FBF\u756A\u53F7"},e),{restrict:"postal",multiline:!1,autoHeight:!1,leftIndicator:l(Ve,{children:"\u3012"})}))},x.Password=e=>l(T,s(o({label:"\u30D1\u30B9\u30EF\u30FC\u30C9",rightIndicator:l(j,{padding:0,children:l(oe.Button.Normal.R,{padding:[0,1],fontColor:"theme",borderRadius:"inherit",backgroundColor:"inherit",flexCenter:!0,height:1,ssEffectsOnActive:["expand"],onMouseOver:a=>{P.open({parent:a.currentTarget,gravityPoint:24,padding:[1,0],content:l(P.Body,{children:"\u30D1\u30B9\u30EF\u30FC\u30C9\u3092\u8868\u793A"})})},tabIndex:-1,onClick:a=>{g(a.target).parent().parent().find("input").callback(r=>{let t=r[0];t.type=t.type==="password"?"text":"password"})},children:l(le,{icon:re})})})},e),{restrict:"password",multiline:!1,autoHeight:!1})),x.Concealed=e=>l(T,s(o({label:"\u79D8\u5BC6\u9375",rightIndicator:l(j,{padding:0,children:l(oe.Button.Normal.R,{padding:[0,1],fontColor:"theme",borderRadius:"inherit",backgroundColor:"inherit",flexCenter:!0,height:1,ssEffectsOnActive:["expand"],onMouseOver:a=>{P.open({parent:a.currentTarget,gravityPoint:24,padding:[1,0],content:l(P.Body,{children:"\u5024\u3092\u8868\u793A"})})},tabIndex:-1,onClick:a=>{g(a.target).parent().parent().parent().find("input").callback(r=>{let t=r[0];t.type=t.type==="password"?"text":"password"})},children:l(le,{icon:re})})})},e),{restrict:"concealed",multiline:!1,autoHeight:!1})),x.Money={JPY:e=>l(x.DigitNumber,s(o({label:"\u91D1\u984D",rightIndicator:l(j,{children:"\u5186"})},e),{multiline:!1,autoHeight:!1}))};export{x as TextField,ke as TextInput,x as default};
+T`.repeat(V-1)}let d=Te(a);return U(R,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:[l(X.Description,s(o({className:a.className},d),{position:"absolute",width:1,freeCSS:s(o({},d.freeCSS),{color:"orange"}),"data-input-shallow":r.componentID,children:l(R,{"data-input-value-shallow":r.componentID,children:n})})),l(X.Description,s(o({className:a.className},d),{position:"absolute",left:0,freeCSS:s(o({},d.freeCSS),{backgroundColor:"transparent",color:"blue"}),"data-input-min-height-value-shallow":r.componentID,children:c})),l(X.Description,s(o({className:a.className},d),{position:"absolute",right:0,freeCSS:s(o({},d.freeCSS),{backgroundColor:"transparent",color:"red"}),"data-input-max-height-value-shallow":r.componentID,children:i}))]})},InputBox:e=>{let{rootStates:a,val_validate:r,set_validate:t,val_status:n,set_status:u,val_focus:c,set_focus:i,val_isComposing:d,set_isComposing:h}=e;if(a.multiline)return null;let ae=a,{componentID:V,tone:B,required:N,restrict:m="text",form:w,autoComplete:k="off",autoCapitalize:I="off",minRows:F,maxRows:ue,multiline:ee,autoHeight:K,enableFormSubmit:z,clearButton:de=!1,checkValidationAtFirst:te,onChange:O,onKeyDown:W,onValidate:me,onUpdateValue:pe,onUpdateValidValue:ce,value:fe="",leftIndicator:ge,rightIndicator:b,leftIcon:xe,rightIcon:Z,maxLength:S,min:E,max:H,label:De,wrapStyles:Ne}=ae,p=Y(ae,["componentID","tone","required","restrict","form","autoComplete","autoCapitalize","minRows","maxRows","multiline","autoHeight","enableFormSubmit","clearButton","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","leftIndicator","rightIndicator","leftIcon","rightIcon","maxLength","min","max","label","wrapStyles"]),he=m=="password"||m=="concealed"?"password":"text",be=["number","digitNumber","creditCard"].includes(m)?"numeric":m=="email"?"email":"text";return l(R,s(o({htmlTag:"input",type:he,inputMode:be,"data-disabled":a.disabled,"data-form":w,"data-input-type":"text","data-show-validation":L.isShowValidation(r,n,!!te),"data-validation":r.ok,"data-value":n.dataValue,"data-component-id":n.componentID,"data-input-origin":n.componentID,value:n.formatValue,autoComplete:k,autoCapitalize:I,onKeyDown:f=>{let{key:v,target:D}=f;{let C=D,{selectionStart:_,selectionEnd:M}=C,$=Number(_),ie=Number(M),q=n.formatValue[Number($)],J=n.formatValue[Number($)-1];v=="Delete"&&(m=="creditCard"&&q==" "||m=="postal"&&q=="-"||m=="digitNumber"&&q==",")&&(C.setSelectionRange($+1,ie+1),f.preventDefault()),v=="Backspace"&&(m=="creditCard"&&J==" "||m=="postal"&&J=="-"||m=="digitNumber"&&J==",")&&(C.setSelectionRange($-1,ie-1),f.preventDefault()),v=="Enter"||v=="Tab"}if(["number","digitNumber","creditCard"].includes(m)&&v=="Clear"&&u(C=>s(o({},C),{dataValue:"",formatValue:"",eventType:"update",eventID:g.uuid.gen()})),["number","digitNumber"].includes(m)&&["ArrowUp","ArrowDown"].includes(v)){let C=+(v=="ArrowUp")*2-1,_=String(Number(n.dataValue)+C);r.ok&&t({ok:!1,notice:[]}),u(M=>s(o(o({},M),y.Validation.DataLeveling({min:E,max:H,restrict:m,value:_})),{eventType:"update",eventID:g.uuid.gen()})),f.preventDefault()}W&&W(f),z&&L.SubmitForm(f)},onChange:f=>{let{value:v,selectionStart:D,selectionEnd:C}=f.target,_=y.Validation.DataLeveling({min:E,max:H,restrict:m,value:v});d&&(_.formatValue=v),_.formatValue!=n.formatValue&&(r.ok&&t({ok:!1,notice:[]}),u(M=>s(o(o({},M),_),{prevValue:n.formatValue,eventType:"update",eventID:g.uuid.gen(),caretFrom:Number(D),caretTo:Number(C)})),O&&O(f))},width:1},p),{onFocus:f=>{p!=null&&p.onFocus&&(p==null||p.onFocus(f)),i(!0)},onBlur:f=>{p!=null&&p.onBlur&&(p==null||p.onBlur(f)),i(!1)},onCompositionStart:f=>{p!=null&&p.onCompositionStart&&(p==null||p.onCompositionStart(f)),h(!0)},onCompositionEnd:f=>{if(p!=null&&p.onCompositionEnd&&(p==null||p.onCompositionEnd(f)),m=="text")return;let v=y.Validation.DataLeveling({min:E,max:H,restrict:m,value:n.formatValue});u(D=>s(o(o({},D),v),{prevValue:D.formatValue,eventType:"update",eventID:g.uuid.gen(),caretFrom:Number(D.formatValue.length+1),caretTo:Number(D.formatValue.length+1)})),h(!1)}}))},TextAreaBox:e=>{let{rootStates:a,val_focus:r,set_focus:t,val_validate:n,set_validate:u,val_status:c,set_status:i,isShallow:d}=e,Z=a,{componentID:h,tone:V,required:B,form:N,minRows:m,maxRows:w,multiline:k,autoHeight:I,enableFormSubmit:F,maxLength:ue,checkValidationAtFirst:ee,onChange:K,onKeyDown:z,onValidate:de,onUpdateValue:te,onUpdateValidValue:O,value:W="",leftIndicator:me,rightIndicator:pe,leftIcon:ce,rightIcon:fe,wrapStyles:ge}=Z,b=Y(Z,["componentID","tone","required","form","minRows","maxRows","multiline","autoHeight","enableFormSubmit","maxLength","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","leftIndicator","rightIndicator","leftIcon","rightIcon","wrapStyles"]);return!a.multiline?null:l(R,s(o({htmlTag:"textarea","data-form":N,"data-input-type":"textarea","data-show-validation":L.isShowValidation(n,c,!!ee),"data-validation":n.ok,"data-value":c.dataValue,"data-input-origin":c.componentID,"data-component-id":c.componentID,value:c.dataValue,width:1},b),{onFocus:S=>{b!=null&&b.onFocus&&(b==null||b.onFocus(S)),t(!0)},onBlur:S=>{b!=null&&b.onBlur&&(b==null||b.onBlur(S)),t(!1)},onKeyDown:S=>{z&&z(S),F&&L.SubmitForm(S)},onChange:S=>{let{value:E}=S.target;n.ok&&u({ok:!1,notice:[]}),i(H=>s(o({},H),{dataValue:E,eventType:"update",eventID:g.uuid.gen()})),K&&K(S)}}))}},ke=e=>{let{componentID:a,restrict:r="text",onUpdateValue:t,onUpdateValidValue:n,value:u="",min:c,max:i}=e,d=s(o({componentID:a},y.Validation.DataLeveling({min:c,max:i,restrict:r,value:u})),{prevValue:"",eventType:"init",eventID:g.uuid.gen(),caretFrom:null,caretTo:null}),[h,V]=A(!1),[B,N]=A(!1),[m,w]=A(d),[k,I]=A({ok:!1,notice:[]}),F={rootStates:e,val_focus:h,set_focus:V,val_isComposing:B,set_isComposing:N,val_status:m,set_status:w,val_validate:k,set_validate:I};return L.CommonEffects({type:"textfield",states:e,val_status:m,set_status:w,val_validate:k,set_validate:I,onUpdateValue:t,onUpdateValidValue:n,DefaultValidation:y.Validation.Default,ExtraOverrideStates:o({},y.Validation.DataLeveling({min:c,max:i,restrict:r,value:u}))}),G(()=>{y.setSelection({id:e.id,restrict:r,val_status:m})},[m]),U(Ce,{val_status:m,set_status:w,val_validate:k,states:F.rootStates,children:[l(ye,{componentID:e.componentID,fontSize:e.fontSize,required:e.required,label:e.label,isActive:h||!!m.dataValue}),l(Q.Shallow,o({},F)),l(Q.InputBox,o({},F)),l(Q.TextAreaBox,o({},F))]})},T=e=>{e=o({autoHeight:!0,restrict:"text",fontSize:"2.normal"},e),e.rightIcon&&(e=o({paddingRight:3},e)),e.leftIcon&&(e=o({paddingLeft:3},e)),e.multiline?(e.minRows=e.minRows||5,e.maxRows=e.maxRows||20):(e.minRows=1,e.maxRows=1);let a=Re.Boxish(e);return l(Se,{componentID:e.componentID,children:ke,states:a})},x=T;x.Validate=y.Validation.Text,x.Katakana=e=>l(T,s(o({},e),{restrict:"katakana",multiline:!1,autoHeight:!1})),x.HankakuKatakana=e=>l(T,s(o({},e),{restrict:"hankaku.katakana",multiline:!1,autoHeight:!1})),x.CreditCard=e=>l(T,s(o({},e),{restrict:"creditCard",multiline:!1,autoHeight:!1})),x.Tel=e=>l(T,s(o({},e),{restrict:"tel",multiline:!1,autoHeight:!1})),x.Number=e=>l(T,s(o({},e),{restrict:"number",multiline:!1,autoHeight:!1})),x.DigitNumber=e=>l(T,s(o({},e),{restrict:"digitNumber",multiline:!1,autoHeight:!1})),x.Email=e=>l(T,s(o({},e),{restrict:"email",multiline:!1,autoHeight:!1})),x.Url=e=>l(T,s(o({},e),{restrict:"url",multiline:!1,autoHeight:!1})),x.Postal=e=>{let[a]=A(g.uuid.gen());return G(()=>()=>{ve.delete(a)},[]),l(T,s(o({label:"\u90F5\u4FBF\u756A\u53F7"},e),{restrict:"postal",multiline:!1,autoHeight:!1,leftIndicator:l(Ve,{children:"\u3012"})}))},x.Password=e=>l(T,s(o({label:"\u30D1\u30B9\u30EF\u30FC\u30C9",rightIndicator:l(j,{padding:0,children:l(oe.Button.Normal.R,{padding:[0,1],fontColor:"theme",borderRadius:"inherit",backgroundColor:"inherit",flexCenter:!0,height:1,ssEffectsOnActive:["expand"],onMouseOver:a=>{P.open({parent:a.currentTarget,gravityPoint:24,padding:[1,0],content:l(P.Body,{children:"\u30D1\u30B9\u30EF\u30FC\u30C9\u3092\u8868\u793A"})})},tabIndex:-1,onClick:a=>{g(a.target).parent().parent().find("input").callback(r=>{let t=r[0];t.type=t.type==="password"?"text":"password"})},children:l(le,{icon:re})})})},e),{restrict:"password",multiline:!1,autoHeight:!1})),x.Concealed=e=>l(T,s(o({label:"\u79D8\u5BC6\u9375",rightIndicator:l(j,{padding:0,children:l(oe.Button.Normal.R,{padding:[0,1],fontColor:"theme",borderRadius:"inherit",backgroundColor:"inherit",flexCenter:!0,height:1,ssEffectsOnActive:["expand"],onMouseOver:a=>{P.open({parent:a.currentTarget,gravityPoint:24,padding:[1,0],content:l(P.Body,{children:"\u5024\u3092\u8868\u793A"})})},tabIndex:-1,onClick:a=>{g(a.target).parent().parent().parent().find("input").callback(r=>{let t=r[0];t.type=t.type==="password"?"text":"password"})},children:l(le,{icon:re})})})},e),{restrict:"concealed",multiline:!1,autoHeight:!1})),x.Money={JPY:e=>l(x.DigitNumber,s(o({label:"\u91D1\u984D",rightIndicator:l(j,{children:"\u5186"})},e),{multiline:!1,autoHeight:!1}))};export{x as TextField,ke as TextInput,x as default};

package/dist/fn/Table/Data.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{b as l,c as x,d as Z}from"../../chunk-C5N2D3ZX.js";import{Fragment as J,jsx as n,jsxs as k}from"react/jsx-runtime";import{useState as K,useEffect as ee}from"react";import w from"@mingoo/jsmin";import{useStore as P}from"../../@utils";import{Box as F,Flex as z,FAI as E,Span as ae,Column as le}from"../../atoms";import{Row as H}from"../../mols";import M from"../Button";import j from"../Sheet";import L from"../Input";import{faArrowUp as ne}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faArrowDown as oe}from"@fortawesome/free-solid-svg-icons/faArrowDown";import{faArrowRight as se}from"@fortawesome/free-solid-svg-icons/faArrowRight";import{faFilter as ie}from"@fortawesome/free-solid-svg-icons/faFilter";import _ from"./Parts";import ue from"./Wrapper";import{DefaultCellSystemAdjustingStyles as U}from"./cellStyling";import{TableClasses as S}from"../../@styles/componentClasses";const f={__memoryID:w.uuid.gen(),Header:t=>{var g,R;let{val_status:e,set_status:r,KeywordFilterRows:u}=l({},t),{order:d,filter:o}=e,[b,y]=d.current,h=[],c=[...e.head];if(e.checker){let s={top:!0,bottom:!e.rows.length,left:!0,right:!e.colLength,rowIndex:0,colIndex:0,isBody:!1,isHeader:!0},a=U(s),i=e.cellStylesCallback?e.cellStylesCallback(s):{};h.push(n(_.TH,x(l(l(l({fontWeight:"2.normal",position:"sticky",top:0,unitWidth:4,padding:0},e.cellStyles),a),i),{freeCSS:x(l(l({},(g=e.cellStyles)==null?void 0:g.freeCSS),i.freeCSS),{zIndex:2}),className:[S("Cell"),e.cellClassName].join(" "),children:n(F,{flexCenter:!0,children:n(L.Checker,{label:null,value:!1,onUpdateValidValue:({value:p})=>{let C=e.rows;C.forEach(B=>{B.checked=p}),r(x(l({},e),{rows:C}))}})})}),-1))}for(let s=0;s<e.colLength;s++){let a=c[s];if(!a)continue;let i=a.children\|\|a.data,p=d.enabled&&d.column[s],C=o.enabled&&o.column[s],B=p?n(E,{fontSize:"1.mini",fontColor:s==b?"1.clear":"5.translucent",icon:s==b?y=="DESC"?oe:ne:se}):null,N=n(J,{});if(C){let T=u.map(O=>{var A;return(A=O[s])==null?void 0:A.data});T=[...new Set(T)].order({direction:"ASC"});let v=o.current[s];if(v){let O=T.filter(I=>!v.includes(I)),A=[];T.forEach(I=>{I&&A.push({value:I,label:n(F,{flexSizing:"auto",children:I})})});let q="BUTTON-"+e.componentID+"-"+s,G=e.componentID+"-"+s,Q={sheetID:G,parent:"#"+q,gravityPoint:23,type:"custom",content:k(z,{flexType:"col",border:!0,boxShadow:"3.remark",backgroundColor:"layer.1",borderRadius:1,freeCSS:{minWidth:1220,maxWidth:1230},children:[n(le,{gap:"1/3",overflow:"auto",padding:"2/3",freeCSS:{maxHeight:1230},children:n(L.Checkbox,{icon:!0,value:O,display:"flex",gap:"1/2",override:"force",options:A,hideInput:!0,name:"DTFilter-col-"+s+"-table-"+e.componentID,cellStyles:{flexSizing:"auto",padding:"2/3"},onUpdateValidValue:({value:I})=>{let V=T.filter(re=>!I.includes(re)),Y=l({},e);Y.filter.current[s]=V,r(Y)}})}),k(H.Separate,{gap:"2/3",padding:"2/3",horizontalAlign:"right",children:[n(M.Button.Border.S,{isRounded:!0,onClick:()=>{j.close(G)},children:"\u9589\u3058\u308B"}),n(M.Button.Prime.S,{color:"theme",isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{let I=[];v.length\|\|(I=T);let V=l({},e);V.filter.current[s]=I,r(V)},children:"\u5168\u9078\u629E"})]})]})};j.refresh(Q,!0),N=n(F,{className:S("FilterRegion"),children:n(M.Button.Sub.S,{ssSphere:2.5,fontSize:"1.mini",className:S("Filtering_"+!!v.length),id:q,onClick:I=>{I.stopPropagation(),j.open(Q)},children:n(E,{icon:ie})})})}}let X={top:!0,bottom:!e.rows.length,left:e.checker?!1:s==0,right:s==e.colLength-1,rowIndex:0,colIndex:s,isBody:!1,isHeader:!0},te=U(X),$=e.cellStylesCallback?e.cellStylesCallback(X):{};a=x(l(l(l(l({},e.cellStyles),te),a),$),{ssPushable:p,freeCSS:l(l(l({},(R=e.cellStyles)==null?void 0:R.freeCSS),$.freeCSS),a.freeCSS),className:[S("Cell"),e.cellClassName,a.className].join(" ")}),delete a.orderIndex,h.push(n(_.TH,x(l({fontWeight:"2.normal",position:"sticky",top:0},a),{freeCSS:l({zIndex:2},a.freeCSS),onClick:T=>{if(p){let v=l({},e),O=[s,b===s&&y=="ASC"?"DESC":"ASC"];v.order.current=O,r(v),e.onOrderChanged&&e.onOrderChanged(O)}},children:k(z,{flexType:"row-r",flexWrap:!1,height:1,borderRadius:"inherit",flexCenter:!0,children:[N,k(z,{flexSizing:0,position:"relative",borderRadius:"inherit",gap:"1/3",flexWrap:!1,horizontalAlign:"center",children:[B,i]})]})}),s))}return n(_.Row,{className:[S("Row"),S("HeadRow")].join(" "),children:h})},Body:t=>{let{val_status:e,PageRows:r}=t,u=[];if(r.forEach((d,o)=>{var h;let b=[...d],y=[];if(e.checker){let c={top:o==0&&!e.head,bottom:o==r.length-1,left:!0,right:!e.colLength,rowIndex:o,colIndex:0,isBody:!0,isHeader:!1},g=U(c),R=e.cellStylesCallback?e.cellStylesCallback(c):{};y.push(n(_.TH,x(l(l(l({unitWidth:4,padding:0,borderRight:!0},e.cellStyles),g),R),{freeCSS:l(l({},(h=e.cellStyles)==null?void 0:h.freeCSS),R.freeCSS),className:[S("Cell"),e.cellClassName].join(" "),children:n(F,{flexCenter:!0,children:n(L.Checker,{label:null,value:d.checked,override:"force",onUpdateValidValue:({value:s})=>{let a=e.rows;a[o].checked=s,t.set_status(i=>x(l({},i),{rows:a}))}})})}),-1))}b.forEach((c,g)=>{var N;if(!c)return;let B=c,{type:R="td"}=B,s=Z(B,["type"]),a={top:o==0&&!e.head,bottom:o==r.length-1,left:e.checker?!1:g==0,right:g==e.colLength-1,rowIndex:o,colIndex:g,isBody:!0,isHeader:!1},i=U(a),p=e.cellStylesCallback?e.cellStylesCallback(a):{};s=x(l(l(l(l({},e.cellStyles),i),s),p),{freeCSS:l(l(l({},(N=e.cellStyles)==null?void 0:N.freeCSS),s.freeCSS),p.freeCSS),className:[S("Cell"),e.cellClassName,s.className].join(" ")}),delete s.orderIndex;let C=_[R=="td"?"TD":"TH"];y.push(n(C,l({},s),g))}),u.push(n(_.Row,{className:[S("Row"),S("BodyRow")].join(" "),children:y,onClick:c=>{e.onRowClick&&e.onRowClick(JSON.parse(d.rowID),c)}},o))}),!r.length){let d=n(F,{padding:2,fontColor:"4.thin",textAlign:"center",borderTop:"1.thin",children:"\u30C6\u30FC\u30D6\u30EB\u304C\u3042\u308A\u307E\u305B\u3093"});e.noRecords&&(d=n(J,{children:e.noRecords})),u.push(n(_.Row,{className:[S("Row"),S("BodyRow"),S("DataNotFound")].join(" "),children:n(_.TD,{colSpan:e.colLength,className:S("Cell"),children:d})},"dataNotFound"))}return n(J,{children:u})},Core:t=>{let{val_status:e,set_status:r}=t,{searchKeyword:u,filter:d,order:o,paging:b}=e,y=[...e.rows],h=[...e.rows],c=[...e.rows],g=[...e.rows];if(u&&(h=y.filter(a=>(a.__sys4SearchKey\|\|"").match(new RegExp(u,"i"))?1:0),c=[...h],g=[...h]),d.enabled)for(let a=0;a<e.colLength;a++){let i=d.column[a],p=d.current[a];i&&p&&p.length&&(c=c.filter(C=>!p.includes(C[a].data)),g=[...c])}o.enabled&&(c=c.order({direction:o.current[1],keys:[o.current[0],"orderIndex"]}),g=[...c]);{let{currentPageIndex:a,rowLength:i}=b;g=[...g].splice((a-1)i,i)}let R=f.__memoryID+"_"+e.tableID,s={tableComponentDidMount:!0,totalRows:y.length,pageRows:g.length,filteredRows:c.length,filter:e.filter,order:e.order,paging:e.paging,searchKeyword:e.searchKeyword};return P.update({[R]:{status:s,updatePageIndex:a=>{let i=Math.min(Math.max(1,a),e.paging.pageLength),p=l({},e);p.paging.currentPageIndex=i,r(p)},updateRowLength:a=>{let i=l({},e);i.paging={rowLength:a,currentPageIndex:1,pageLength:Math.ceil(c.length/a)},r(i)},updateKeyword:a=>{w.interval.clear("InputSearchTime"),w.interval.standBy("InputSearchTime",200,()=>{let i=l({},e);i.searchKeyword=a,i.paging.currentPageIndex=1,i.filter.current=i.filter.current.map(()=>[]),r(i)})},getRowData:()=>{let a=[...y];return o.enabled&&(a=a.order({direction:o.current[1],keys:[o.current[0],"orderIndex"]})),a.forEach(i=>{i.currentPage=!1,i.filtered=!1}),g.forEach(i=>{let{rowID:p}=i;a.find(C=>C.rowID==p).currentPage=!0}),c.forEach(i=>{let{rowID:p}=i;a.find(C=>C.rowID==p).filtered=!0}),a}}}),ee(()=>{let a=f.Propagations[e.tableID]\|\|[];Object.keys(a).forEach(i=>{let p=P.get(i);p!=null&&p.refresh&&p.refresh()})}),n(F,{className:S("TableBase"),children:n(_.Table,{className:S("Table"),children:k(_.Body,{children:[n(f.Header,{val_status:e,set_status:r,KeywordFilterRows:h}),n(f.Body,{val_status:e,set_status:r,PageRows:g})]})})})},Propagations:{},DataLeveler:t=>{var e,r;return t=l({},t),t.filter=(e=t.filter)!=null?e:!1,t.filter=Array.from({length:t.colLength}).map((u,d)=>{var o;return w.is.boolean(t.filter)?t.filter:(o=t.filter[d])!=null?o:!1}),t.order=(r=t.order)!=null?r:!0,t.order=Array.from({length:t.colLength}).map((u,d)=>{var o;return w.is.boolean(t.order)?t.order:(o=t.order[d])!=null?o:!0}),t=l({checker:!1,searchKeyword:"",filter:!1,order:!0,defaultOrder:[0,"ASC"]},t),t.rows.forEach((u,d)=>{u.rowID=JSON.stringify(u.rowID\|\|d);let o=[];u.forEach((b,y)=>{let{data:h,children:c,orderIndex:g}=b;b.orderIndex=w.is.exist(g)?String(g):String(h),b.children=c\|\|String(h),o.push(String(b.data))}),u.__sys4SearchKey=o.join("/")}),n(f.StateManager,l({eventID:w.uuid.gen()},t))},StateManager:t=>{let{colLength:e,eventID:r,checker:u=!1,searchKeyword:d="",filter:o,order:b,defaultOrder:y=[0,"ASC"],pageRowLength:h=30}=t,[c]=K(w.uuid.gen()),g={tableID:t.tableID\|\|c,componentID:c,colLength:e,checker:u,searchKeyword:d,filter:{enabled:o!==!1,column:o,current:Array.from({length:e},()=>[])},order:{enabled:b!==!1,column:b,current:y},paging:{rowLength:h,pageLength:Math.ceil(t.rows.length/h),currentPageIndex:1},head:t.head,rows:t.rows,noRecords:t.noRecords,cellStyles:t.cellStyles\|\|{},cellClassName:t.cellClassName\|\|"",cellStylesCallback:t.cellStylesCallback,onRowClick:t.onRowClick,onOrderChanged:t.onOrderChanged},[R,s]=K(g),[a,i]=K(t.eventID);return a!=t.eventID&&(i(t.eventID),s(g)),n(f.Core,{val_status:R,set_status:s})}},m={__memoryID:f.__memoryID,useStatus:t=>{var o;let[e]=K(w.uuid.gen()),[r,u]=K(w.uuid.gen()),d=f.__memoryID+"_"+t;return ee(()=>(f.Propagations[t]=x(l({},f.Propagations[t]),{[e]:1}),P.set({[e]:{refresh:()=>{u(w.uuid.gen())}}}),()=>{delete f.Propagations[t][e]}),[]),((o=P.get(d))==null?void 0:o.status)\|\|{tableComponentDidMount:!1}},getRowData:t=>{let e=P.get(f.__memoryID+"_"+t);if(e!=null&&e.getRowData)return e.getRowData()},setPageIndex:(t,e)=>{let r=P.get(f.__memoryID+"_"+t);r!=null&&r.updatePageIndex&&r.updatePageIndex(e)},setRowLength:(t,e)=>{let r=P.get(f.__memoryID+"_"+t);r!=null&&r.updateRowLength&&r.updateRowLength(e)},setSearchKeyword:(t,e)=>{let r=P.get(f.__memoryID+"_"+t);r!=null&&r.updateKeyword&&r.updateKeyword(e)}},W={SearchInput:t=>{let e=m.useStatus(t.tableID);return e.tableComponentDidMount?n(L.TextField,{placeholder:"\u691C\u7D22...",clearButton:!0,padding:"2/3",paddingRight:3,rightIcon:n(L.RightIcon,{fontColor:"5.translucent",right:"2/3",children:n(E.Search,{})}),override:"force",value:e.searchKeyword,onUpdateValidValue:({value:r})=>{w.interval.clear("InputSearchTime"),w.interval.standBy("InputSearchTime",500,()=>{m.setSearchKeyword(t.tableID,r)})}}):null},Info:t=>{let e=m.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=e.filteredRows.ratio(e.totalRows)\|\|0;return k(z,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[n(ae,{fontSize:"4.thirdTitle",fontColor:"theme",children:e.filteredRows.toLocaleString()}),"/ ",e.totalRows.toLocaleString(),"\u4EF6 (",r,"%)"]})},Paging:t=>{let e=m.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=[];for(let u=0;u<e.paging.pageLength;u++)r.push({value:u+1,label:(u+1).toString()});return k(H.Center,{children:[k(H.Center,{gap:"1/2",children:["\u30DA\u30FC\u30B8 :",n(L.Select,{emptySelect:!1,padding:["1/3","2/3"],rightIcon:!1,override:"force",value:e.paging.currentPageIndex,options:r,onUpdateValidValue:({value:u})=>{m.setPageIndex(t.tableID,u)}}),"/ ",e.paging.pageLength]}),k(H.Right,{gap:"1/2",children:[n(M.Button.Sub.R,{ssSphere:3,onClick:()=>{if(e.paging.currentPageIndex==1){m.setPageIndex(t.tableID,e.paging.pageLength);return}m.setPageIndex(t.tableID,e.paging.currentPageIndex-1)},children:n(E.ChevronLeft,{})}),n(M.Button.Sub.R,{ssSphere:3,onClick:()=>{if(e.paging.currentPageIndex==e.paging.pageLength){m.setPageIndex(t.tableID,1);return}m.setPageIndex(t.tableID,e.paging.currentPageIndex+1)},children:n(E.ChevronRight,{})})]})]})},RowLength:t=>{let e=m.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=e.paging.rowLength,u=0,d=t.lengthSelect.map(o=>(u\|=+(o==r),{value:o,label:o.toString()}));return u\|\|d.push({value:r,label:r.toString()}),d=d.order({direction:"ASC",keys:["value"]}),k(H.Center,{gap:"1/2",children:["\u4EF6\u6570 :",n(L.Select,{emptySelect:!1,rightIcon:!1,label:"\u9078\u629E",override:"force",padding:["1/3","2/3"],value:e.paging.rowLength,options:d,onUpdateValidValue:({value:o})=>{m.setRowLength(t.tableID,o)}})]})}},de=t=>n(ue,x(l({},t),{type:"data",JSXChildren:f.DataLeveler})),D=de;D.__memoryID=f.__memoryID,D.useStatus=m.useStatus,D.getRowData=m.getRowData,D.setPageIndex=m.setPageIndex,D.setRowLength=m.setRowLength,D.setSearchKeyword=m.setSearchKeyword,D.Info=W.Info,D.Paging=W.Paging,D.RowLength=W.RowLength,D.SearchInput=W.SearchInput;export{D as Data,D as default};
1	+ import{b as l,c as x,d as Z}from"../../chunk-C5N2D3ZX.js";import{Fragment as J,jsx as n,jsxs as k}from"react/jsx-runtime";import{useState as K,useEffect as ee}from"react";import w from"@mingoo/jsmin";import{useStore as P}from"../../@utils";import{Box as F,Flex as z,FAI as E,Span as ae,Column as le}from"../../atoms";import{Row as H}from"../../mols";import M from"../Button";import j from"../Sheet";import L from"../Input";import{faArrowUp as ne}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faArrowDown as oe}from"@fortawesome/free-solid-svg-icons/faArrowDown";import{faArrowRight as se}from"@fortawesome/free-solid-svg-icons/faArrowRight";import{faFilter as ie}from"@fortawesome/free-solid-svg-icons/faFilter";import _ from"./Parts";import ue from"./Wrapper";import{DefaultCellSystemAdjustingStyles as U}from"./cellStyling";import{TableClasses as S}from"../../@styles/componentClasses";const f={__memoryID:w.uuid.gen(),Header:t=>{var g,R;let{val_status:e,set_status:r,KeywordFilterRows:u}=l({},t),{order:d,filter:o}=e,[b,y]=d.current,h=[],c=[...e.head];if(e.checker){let s={top:!0,bottom:!e.rows.length,left:!0,right:!e.colLength,rowIndex:0,colIndex:0,isBody:!1,isHeader:!0},a=U(s),i=e.cellStylesCallback?e.cellStylesCallback(s):{};h.push(n(_.TH,x(l(l(l({fontWeight:"2.normal",position:"sticky",top:0,unitWidth:4,padding:0},e.cellStyles),a),i),{freeCSS:x(l(l({},(g=e.cellStyles)==null?void 0:g.freeCSS),i.freeCSS),{zIndex:2}),className:[S("Cell"),e.cellClassName].join(" "),children:n(F,{flexCenter:!0,children:n(L.Checker,{label:null,value:!1,onUpdateValidValue:({value:p})=>{let C=e.rows;C.forEach(B=>{B.checked=p}),r(x(l({},e),{rows:C}))}})})}),-1))}for(let s=0;s<e.colLength;s++){let a=c[s];if(!a)continue;let i=a.children\|\|a.data,p=d.enabled&&d.column[s],C=o.enabled&&o.column[s],B=p?n(E,{fontSize:"1.mini",fontColor:s==b?"1.clear":"5.translucent",icon:s==b?y=="DESC"?oe:ne:se}):null,N=n(J,{});if(C){let T=u.map(O=>{var A;return(A=O[s])==null?void 0:A.data});T=[...new Set(T)].order({direction:"ASC"});let v=o.current[s];if(v){let O=T.filter(I=>!v.includes(I)),A=[];T.forEach(I=>{I&&A.push({value:I,label:n(F,{flexSizing:"auto",children:I})})});let q="BUTTON-"+e.componentID+"-"+s,G=e.componentID+"-"+s,Q={sheetID:G,parent:"#"+q,gravityPoint:23,type:"custom",content:k(z,{flexType:"col",border:!0,boxShadow:"3.remark",backgroundColor:"layer.1",borderRadius:1,freeCSS:{minWidth:1220,maxWidth:1230},children:[n(le,{gap:"1/3",overflow:"auto",padding:"2/3",freeCSS:{maxHeight:1230},children:n(L.Checkbox,{icon:!0,value:O,display:"flex",gap:"1/2",override:"force",options:A,hideInput:!0,name:"DTFilter-col-"+s+"-table-"+e.componentID,cellStyles:{flexSizing:"auto",padding:"2/3"},onUpdateValidValue:({value:I})=>{let V=T.filter(re=>!I.includes(re)),Y=l({},e);Y.filter.current[s]=V,r(Y)}})}),k(H.Separate,{gap:"2/3",padding:"2/3",horizontalAlign:"right",children:[n(M.Button.Border.S,{isRounded:!0,onClick:()=>{j.close(G)},children:"\u9589\u3058\u308B"}),n(M.Button.Prime.S,{color:"theme",isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{let I=[];v.length\|\|(I=T);let V=l({},e);V.filter.current[s]=I,r(V)},children:"\u5168\u9078\u629E"})]})]})};j.refresh(Q,!0),N=n(F,{className:S("FilterRegion"),children:n(M.Button.Sub.S,{ssSphere:2.5,fontSize:"1.mini",className:S("Filtering_"+!!v.length),id:q,onClick:I=>{I.stopPropagation(),j.open(Q)},children:n(E,{icon:ie})})})}}let X={top:!0,bottom:!e.rows.length,left:e.checker?!1:s==0,right:s==e.colLength-1,rowIndex:0,colIndex:s,isBody:!1,isHeader:!0},te=U(X),$=e.cellStylesCallback?e.cellStylesCallback(X):{};a=x(l(l(l(l({},e.cellStyles),te),a),$),{ssPushable:p,freeCSS:l(l(l({},(R=e.cellStyles)==null?void 0:R.freeCSS),$.freeCSS),a.freeCSS),className:[S("Cell"),e.cellClassName,a.className].join(" ")}),delete a.orderIndex,h.push(n(_.TH,x(l({fontWeight:"2.normal",position:"sticky",top:0},a),{freeCSS:l({zIndex:2},a.freeCSS),onClick:T=>{if(p){let v=l({},e),O=[s,b===s&&y=="ASC"?"DESC":"ASC"];v.order.current=O,r(v),e.onOrderChanged&&e.onOrderChanged(O)}},children:k(z,{flexType:"row-r",flexWrap:!1,height:1,borderRadius:"inherit",flexCenter:!0,children:[N,k(z,{flexSizing:0,position:"relative",borderRadius:"inherit",gap:"1/3",flexWrap:!1,horizontalAlign:"center",children:[B,i]})]})}),s))}return n(_.Row,{className:[S("Row"),S("HeadRow")].join(" "),children:h})},Body:t=>{let{val_status:e,PageRows:r}=t,u=[];if(r.forEach((d,o)=>{var h;let b=[...d],y=[];if(e.checker){let c={top:o==0&&!e.head,bottom:o==r.length-1,left:!0,right:!e.colLength,rowIndex:o,colIndex:0,isBody:!0,isHeader:!1},g=U(c),R=e.cellStylesCallback?e.cellStylesCallback(c):{};y.push(n(_.TH,x(l(l(l({unitWidth:4,padding:0,borderRight:!0},e.cellStyles),g),R),{freeCSS:l(l({},(h=e.cellStyles)==null?void 0:h.freeCSS),R.freeCSS),className:[S("Cell"),e.cellClassName].join(" "),children:n(F,{flexCenter:!0,children:n(L.Checker,{label:null,value:d.checked,override:"force",onUpdateValidValue:({value:s})=>{let a=e.rows;a[o].checked=s,t.set_status(i=>x(l({},i),{rows:a}))}})})}),-1))}b.forEach((c,g)=>{var N;if(!c)return;let B=c,{type:R="td"}=B,s=Z(B,["type"]),a={top:o==0&&!e.head,bottom:o==r.length-1,left:e.checker?!1:g==0,right:g==e.colLength-1,rowIndex:o,colIndex:g,isBody:!0,isHeader:!1},i=U(a),p=e.cellStylesCallback?e.cellStylesCallback(a):{};s=x(l(l(l(l({},e.cellStyles),i),s),p),{freeCSS:l(l(l({},(N=e.cellStyles)==null?void 0:N.freeCSS),s.freeCSS),p.freeCSS),className:[S("Cell"),e.cellClassName,s.className].join(" ")}),delete s.orderIndex;let C=_[R=="td"?"TD":"TH"];y.push(n(C,l({},s),g))}),u.push(n(_.Row,{className:[S("Row"),S("BodyRow")].join(" "),children:y,onClick:c=>{e.onRowClick&&e.onRowClick(JSON.parse(d.rowID),c)}},o))}),!r.length){let d=n(F,{padding:2,fontColor:"4.thin",textAlign:"center",borderTop:"1.thin",children:"\u30C6\u30FC\u30D6\u30EB\u304C\u3042\u308A\u307E\u305B\u3093"});e.noRecords&&(d=n(J,{children:e.noRecords})),u.push(n(_.Row,{className:[S("Row"),S("BodyRow"),S("DataNotFound")].join(" "),children:n(_.TD,{colSpan:e.colLength,className:S("Cell"),children:d})},"dataNotFound"))}return n(J,{children:u})},Core:t=>{let{val_status:e,set_status:r}=t,{searchKeyword:u,filter:d,order:o,paging:b}=e,y=[...e.rows],h=[...e.rows],c=[...e.rows],g=[...e.rows];if(u&&(h=y.filter(a=>(a.__sys4SearchKey\|\|"").match(new RegExp(u,"i"))?1:0),c=[...h],g=[...h]),d.enabled)for(let a=0;a<e.colLength;a++){let i=d.column[a],p=d.current[a];i&&p&&p.length&&(c=c.filter(C=>!p.includes(C[a].data)),g=[...c])}o.enabled&&(c=c.order({direction:o.current[1],keys:[o.current[0],"orderIndex"]}),g=[...c]);{let{currentPageIndex:a,rowLength:i}=b;g=[...g].splice((a-1)i,i)}let R=f.__memoryID+"_"+e.tableID,s={tableComponentDidMount:!0,totalRows:y.length,pageRows:g.length,filteredRows:c.length,filter:e.filter,order:e.order,paging:e.paging,searchKeyword:e.searchKeyword};return P.update({[R]:{status:s,updatePageIndex:a=>{let i=Math.min(Math.max(1,a),e.paging.pageLength),p=l({},e);p.paging.currentPageIndex=i,r(p)},updateRowLength:a=>{let i=l({},e);i.paging={rowLength:a,currentPageIndex:1,pageLength:Math.ceil(c.length/a)},r(i)},updateKeyword:a=>{w.interval.clear("InputSearchTime"),w.interval.standBy("InputSearchTime",200,()=>{let i=l({},e);i.searchKeyword=a,i.paging.currentPageIndex=1,i.filter.current=i.filter.current.map(()=>[]),r(i)})},getRowData:()=>{let a=[...y];return o.enabled&&(a=a.order({direction:o.current[1],keys:[o.current[0],"orderIndex"]})),a.forEach(i=>{i.currentPage=!1,i.filtered=!1}),g.forEach(i=>{let{rowID:p}=i;a.find(C=>C.rowID==p).currentPage=!0}),c.forEach(i=>{let{rowID:p}=i;a.find(C=>C.rowID==p).filtered=!0}),a}}}),ee(()=>{let a=f.Propagations[e.tableID]\|\|[];Object.keys(a).forEach(i=>{let p=P.get(i);p!=null&&p.refresh&&p.refresh()})}),n(F,{className:S("TableBase"),children:n(_.Table,{className:S("Table"),children:k(_.Body,{children:[n(f.Header,{val_status:e,set_status:r,KeywordFilterRows:h}),n(f.Body,{val_status:e,set_status:r,PageRows:g})]})})})},Propagations:{},DataLeveler:t=>{var e,r;return t=l({},t),t.filter=(e=t.filter)!=null?e:!1,t.filter=Array.from({length:t.colLength}).map((u,d)=>{var o;return w.is.boolean(t.filter)?t.filter:(o=t.filter[d])!=null?o:!1}),t.order=(r=t.order)!=null?r:!0,t.order=Array.from({length:t.colLength}).map((u,d)=>{var o;return w.is.boolean(t.order)?t.order:(o=t.order[d])!=null?o:!0}),t=l({checker:!1,searchKeyword:"",filter:!1,order:!0,defaultOrder:[0,"ASC"]},t),t.rows.forEach((u,d)=>{u.rowID=JSON.stringify(u.rowID\|\|d);let o=[];u.forEach((b,y)=>{let{data:h,children:c,orderIndex:g}=b;b.orderIndex=w.is.exist(g)?String(g):String(h),b.children=c\|\|String(h),o.push(String(b.data))}),u.__sys4SearchKey=o.join("/")}),n(f.StateManager,l({eventID:w.uuid.gen()},t))},StateManager:t=>{let{colLength:e,eventID:r,checker:u=!1,searchKeyword:d="",filter:o,order:b,defaultOrder:y=[0,"ASC"],pageRowLength:h=30}=t,[c]=K(w.uuid.gen()),g={tableID:t.tableID\|\|c,componentID:c,colLength:e,checker:u,searchKeyword:d,filter:{enabled:o!==!1,column:o,current:Array.from({length:e},()=>[])},order:{enabled:b!==!1,column:b,current:y},paging:{rowLength:h,pageLength:Math.ceil(t.rows.length/h),currentPageIndex:1},head:t.head,rows:t.rows,noRecords:t.noRecords,cellStyles:t.cellStyles\|\|{},cellClassName:t.cellClassName\|\|"",cellStylesCallback:t.cellStylesCallback,onRowClick:t.onRowClick,onOrderChanged:t.onOrderChanged},[R,s]=K(g),[a,i]=K(t.eventID);return a!=t.eventID&&(i(t.eventID),s(g)),n(f.Core,{val_status:R,set_status:s})}},m={__memoryID:f.__memoryID,useStatus:t=>{var o;let[e]=K(w.uuid.gen()),[r,u]=K(w.uuid.gen()),d=f.__memoryID+"_"+t;return ee(()=>(f.Propagations[t]=x(l({},f.Propagations[t]),{[e]:1}),P.set({[e]:{refresh:()=>{u(w.uuid.gen())}}}),()=>{delete f.Propagations[t][e]}),[]),((o=P.get(d))==null?void 0:o.status)\|\|{tableComponentDidMount:!1}},getRowData:t=>{let e=P.get(f.__memoryID+"_"+t);if(e!=null&&e.getRowData)return e.getRowData()},setPageIndex:(t,e)=>{let r=P.get(f.__memoryID+"_"+t);r!=null&&r.updatePageIndex&&r.updatePageIndex(e)},setRowLength:(t,e)=>{let r=P.get(f.__memoryID+"_"+t);r!=null&&r.updateRowLength&&r.updateRowLength(e)},setSearchKeyword:(t,e)=>{let r=P.get(f.__memoryID+"_"+t);r!=null&&r.updateKeyword&&r.updateKeyword(e)}},W={SearchInput:t=>{let e=m.useStatus(t.tableID);return e.tableComponentDidMount?n(L.TextField,{label:"\u691C\u7D22...",clearButton:!0,padding:"2/3",paddingRight:3,rightIcon:n(L.RightIcon,{fontColor:"5.translucent",right:"2/3",children:n(E.Search,{})}),override:"force",value:e.searchKeyword,onUpdateValidValue:({value:r})=>{w.interval.clear("InputSearchTime"),w.interval.standBy("InputSearchTime",500,()=>{m.setSearchKeyword(t.tableID,r)})}}):null},Info:t=>{let e=m.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=e.filteredRows.ratio(e.totalRows)\|\|0;return k(z,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[n(ae,{fontSize:"4.thirdTitle",fontColor:"theme",children:e.filteredRows.toLocaleString()}),"/ ",e.totalRows.toLocaleString(),"\u4EF6 (",r,"%)"]})},Paging:t=>{let e=m.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=[];for(let u=0;u<e.paging.pageLength;u++)r.push({value:u+1,label:(u+1).toString()});return k(H.Center,{children:[k(H.Center,{gap:"1/2",children:["\u30DA\u30FC\u30B8 :",n(L.Select,{emptySelect:!1,padding:["1/3","2/3"],rightIcon:!1,override:"force",value:e.paging.currentPageIndex,options:r,onUpdateValidValue:({value:u})=>{m.setPageIndex(t.tableID,u)}}),"/ ",e.paging.pageLength]}),k(H.Right,{gap:"1/2",children:[n(M.Button.Sub.R,{ssSphere:3,onClick:()=>{if(e.paging.currentPageIndex==1){m.setPageIndex(t.tableID,e.paging.pageLength);return}m.setPageIndex(t.tableID,e.paging.currentPageIndex-1)},children:n(E.ChevronLeft,{})}),n(M.Button.Sub.R,{ssSphere:3,onClick:()=>{if(e.paging.currentPageIndex==e.paging.pageLength){m.setPageIndex(t.tableID,1);return}m.setPageIndex(t.tableID,e.paging.currentPageIndex+1)},children:n(E.ChevronRight,{})})]})]})},RowLength:t=>{let e=m.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=e.paging.rowLength,u=0,d=t.lengthSelect.map(o=>(u\|=+(o==r),{value:o,label:o.toString()}));return u\|\|d.push({value:r,label:r.toString()}),d=d.order({direction:"ASC",keys:["value"]}),k(H.Center,{gap:"1/2",children:["\u4EF6\u6570 :",n(L.Select,{emptySelect:!1,rightIcon:!1,label:"\u9078\u629E",override:"force",padding:["1/3","2/3"],value:e.paging.rowLength,options:d,onUpdateValidValue:({value:o})=>{m.setRowLength(t.tableID,o)}})]})}},de=t=>n(ue,x(l({},t),{type:"data",JSXChildren:f.DataLeveler})),D=de;D.__memoryID=f.__memoryID,D.useStatus=m.useStatus,D.getRowData=m.getRowData,D.setPageIndex=m.setPageIndex,D.setRowLength=m.setRowLength,D.setSearchKeyword=m.setSearchKeyword,D.Info=W.Info,D.Paging=W.Paging,D.RowLength=W.RowLength,D.SearchInput=W.SearchInput;export{D as Data,D as default};

package/package.json CHANGED Viewed

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