amotify 0.2.73 → 0.2.74

package/demo/esbuild/app.tsx

@@ -38,8 +38,10 @@ let Test = () => {
         maxWidth: 12 * 32
       } }
     >
-      <Input.Autocomplete
-        value={ { b: 'b' } }
+      <Input.Search
+        form='testForm'
+        name='test.search'
+        // value={ { b: 'b' } }
         options={ [
           { value: { a: 'a' },label: 'a' },
           { value: { b: 'b' },label: 'b' },

package/demo/esbuild/public/index.js

@@ -822,7 +822,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
   <div class="${Kn("Wave")}" />
   </div>`).addEvent({eventID:"RippleMouseOut",eventType:"mouseout",callback:g=>{_s.End(b)}}).find("#"+n).find("."+Kn("Wave")).css({left:S,top:k}).await(10).css({height:_,width:_,opacity:".3",transition:".25s"})},End:e=>{let{RippleElement:t,startedAt:r,size:o}=e,a=Jn.default.Time().ms-r<=400?".75s":".55s",n=o*2.5;(0,Jn.default)(document).removeEvent(["RippleMouseUp","RippleTouchMove","RippleTouchEnd","RippleMouseOut"]),t.removeEvent(["RippleMouseOut"]).find("."+Kn("Wave")).css({height:n,width:n,opacity:"0",transition:a}).await(750).parent().callback(i=>{i.remove()})}},r8={Wrapper:()=>(typeof window=="undefined"||(0,Jn.default)(Se.get().appRoot).addEvent({eventType:"touchstart",target:_s.RippleElementTag,callback:e=>{_s.Start(e)}}).addEvent({eventType:"mousedown",eventID:"RippleMouseDown",target:_s.RippleElementTag,callback:e=>{Se.get().isTouchDevice||_s.Start(e)}}),null)};var gv=L(ot());var o8={Wrapper:()=>(typeof window=="undefined"||(0,gv.default)(Se.get().appRoot).addEvent({eventType:"click",eventID:"PuddingClick",target:'[data-effect-pudding="1"]',callback:function(e){(0,gv.default)(e.target).removeClass(Kn("PuddingEffect")).await(1).addClass(Kn("PuddingEffect")).await(510).removeClass(Kn("PuddingEffect"))}}),null)};var Ui={Ripple:r8,Pudding:o8,FadeIn:e8,FadeUp:t8};var kp=e=>{let{viewIndex:t=0,views:r,wrapper:o=i=>(0,Ju.jsx)(Ui.FadeIn,{animationTime:400,children:i},t)}=e;t=Math.min(Math.max(t,0),r.length);let[a,n]=(0,a8.useState)(t);return a!=t&&n(t),(0,Ju.jsx)(Ju.Fragment,{children:o(r[t])})};var Zu=L(je()),qi=L(it()),Nn=L(ot());var TI=e=>{let t=e,{options:{onSlideCallback:r,visibilitySurroundSlide:o=!0,autoSwipems:a=0,loop:n=!1,disableMousedrag:i=!1,disableTouch:l=!1}={},wrapper:s=y=>y,slides:c=[],slideIndex:f}=t,p=ge(t,["options","wrapper","slides","slideIndex"]),[m]=(0,qi.useState)(Nn.default.uuid.gen()),[h,_]=(0,qi.useState)({eventType:"init",index:e.slideIndex});(0,qi.useEffect)(()=>{se.set({["SwipeTimer-"+m]:null})},[]);let S=(0,qi.useRef)(!1);(0,qi.useEffect)(()=>{_({eventType:"usr",index:e.slideIndex}),S.current||(S.current=!0)},[e.slideIndex]),(0,qi.useEffect)(()=>{let y=h.index+(n?1:0),C=[-1,c.length].includes(h.index);C||r&&setTimeout(()=>{r(h.index)},300);let D=Re("#Swiper-"+m);if(h.eventType=="adjustLoop")D.await(250).css({transition:"0s",transform:Ao.TrasformString(y)}).children().removeClass(or("Display")).parent().children(y).addClass([or("Display"),or("LoopAdjusting")]).await(100).removeClass(or("LoopAdjusting"));else if(h.eventType=="sys")D.await(250).css({transform:Ao.TrasformString(y)}).children().removeClass(or("Display")).parent().children(y).addClass(or("Display"));else if(D.children().removeClass(or("Display")).parent().children(y).addClass(or("Display")).parent().css({transition:"0.3s",transform:Ao.TrasformString(y)}).await(250).css({transition:"0s"}),C){let x=h.index==-1?c.length-1:0;_({eventType:"adjustLoop",index:x})}a&&!C&&(Nn.default.interval.clear("SwipeTimer-"+m),Nn.default.interval.standBy("SwipeTimer-"+m,a-(h.eventType=="sys"?310:0),()=>{let x=h.index+1;!n&&x>c.length-1&&(x=0),_({eventType:"usr",index:x})}))},[h]);let k=c.map((y,C)=>(0,Zu.jsx)(v,{flexSizing:"none",width:1,height:0,className:or("Child"),children:s(y)},C));n&&(k.push(k[0]),k.unshift(k[k.length-2]));let b={x:0,y:0,process:!1,effectStartAt:0,id:m,loop:n,index:h.index,minIndex:n?-1:0,maxIndex:c.length+(n?1:-1),width:0,set_event:_},g=h.index+(n?1:0);return(0,Zu.jsx)(v,w(d({overflow:"hidden",position:"relative"},p),{className:[p.className,or("SwipeView")].join(" "),freeCSS:d({zIndex:1},p.freeCSS),"data-swipe-id":m,onMouseDown:y=>{i||y.buttons==1&&Ao.EffectStart(y,b)},onTouchStart:y=>{var C;l||((C=y.touches)==null?void 0:C.length)==1&&Ao.EffectStart(y,b)},children:(0,Zu.jsx)(Ee,{flexWrap:!1,gap:1,transition:"long",className:[or("Rail"),or("ShowOther_"+o)].join(" "),id:"Swiper-"+m,freeCSS:d({},S.current?{}:{transform:Ao.TrasformString(g)}),children:k})}))},Ao={TrasformString:e=>`translateX( calc( ${-100*e}%  - ${12*e}px ) )`,EffectStart:(e,t)=>{let{x:r,y:o}=Nn.default.getCursor(e),a=e.currentTarget,n=e.target;if(["SELECT","BUTTON","LABEL","INPUT"].includes(n.tagName))return;t=w(d({},t),{x:r-t.x+window.scrollX,y:o-t.y+window.scrollY,effectStartAt:new Date().getTime(),width:Re("#Swiper-"+t.id).position().width});let{swipeId:i}=a.dataset;i==t.id&&(0,Nn.default)(document).addEvent({eventID:"SwipeMouseMove",eventType:"mousemove",callback:l=>{Ao.EffectCheck(l,t)},options:{passive:!1}}).addEvent({eventID:"SwipeTouchMove",eventType:"touchmove",callback:l=>{Ao.EffectCheck(l,t)},options:{passive:!1}}).addEvent({eventID:"SwipeMouseUp",eventType:"mouseup",callback:l=>{Ao.EffectEnd(l,t)},options:{passive:!1}}).addEvent({eventID:"SwipeTouchEnd",eventType:"touchend",callback:l=>{Ao.EffectEnd(l,t)},options:{passive:!1}})},EffectCheck:(e,t)=>{if(t.process)return;let{x:r,y:o}=Nn.default.getCursor(e),a=Math.abs(r-t.x+window.scrollX),n=Math.abs(o-t.y+window.scrollY);if(!(e.touches&&e.touches.length>1)&&!(n+a<15))if(n>a/2)(0,Nn.default)(document).removeEvent(["SwipeMouseMove","SwipeTouchMove"]);else{t.process=!0;let i=t.index+(t.loop?1:0);Re("#Swiper-"+t.id).children(i-1).addClass(or("Display")),(0,Nn.default)(document).addEvent({eventID:"SwipeCheckMouseMove",eventType:"mousemove",callback:l=>{Ao.EffectMove(l,t)},options:{passive:!1}}).addEvent({eventID:"SwipeCheckTouchMove",eventType:"touchmove",callback:l=>{Ao.EffectMove(l,t)},options:{passive:!1}}),e.preventDefault();return}},EffectMove:(e,t)=>{if(e.touches&&e.touches.length>1)return;let{x:r}=Nn.default.getCursor(e),o=r-t.x+window.scrollX,a=t.index+(t.loop?1:0)-o/t.width;if(a<0)a/=2;else if(a>t.maxIndex){let n=a-t.maxIndex;a=t.maxIndex+n/2}Re("#Swiper-"+t.id).css({transition:"0s",transform:Ao.TrasformString(a)}),e.preventDefault()},EffectEnd:(e,t)=>{if(t.process){let r=Nn.default.getCursor(e).x-t.x+window.scrollX,o=new Date().getTime(),a=o-t.effectStartAt,n=t.index+(t.loop?1:0),i=0;a<400?i=n-(+(r>0)*2-1):i=Math.round(n-r/t.width),i=Math.max(Math.min(i,t.maxIndex),t.minIndex),t.process=!1,n===i?(t.effectStartAt=o,Re("#Swiper-"+t.id).css({transition:".2s",transform:Ao.TrasformString(i)}).await(310).css({transition:"0s"}).children().removeClass(or("Display")).parent().children(n).addClass(or("Display"))):t.set_event({eventType:"usr",index:i+t.minIndex})}(0,Nn.default)(document).removeEvent(["SwipeMouseMove","SwipeTouchMove","SwipeCheckMouseMove","SwipeCheckTouchMove","SwipeMouseUp","SwipeTouchEnd"])}},Cc=e=>(0,Zu.jsx)(TI,w(d({},e),{slideIndex:Math.max(Math.min(e.slideIndex,e.slides.length-1),0)}));var Wp=L(je()),hT=L(it());var Fl=L(je());var n8=e=>{if(e||(e="border"),e=="plain")return{};let t={flexSizing:"none",padding:"3/4",borderRadius:"2.tone.secondary",backgroundColor:"cloud"};return e=="border"?t=w(d({},t),{border:!0}):e=="cloud"?t=w(d({},t),{border:"1.thin"}):e=="bottomBorder"&&(t=w(d({},t),{borderRadius:0,borderBottom:!0})),t},Tp={position:"absolute",flexCenter:!0,fontColor:"theme",fontSize:"1.mini",backgroundColor:"inherit",top:"50%",freeCSS:{pointerEvents:"none",transform:"translateY(-50%)"}},Dp=e=>(0,Fl.jsx)(Nr,d({children:"\u5FC5\u9808",fontColor:"white",fontSize:"0.xs",padding:["1/4","1/3"],backgroundColor:"nega",borderRadius:"3.tone.tertiary"},e)),Ep=e=>(0,Fl.jsx)(Nr,d({children:"*",fontColor:"nega",padding:["1/4","1/3"],borderRadius:"3.tone.tertiary"},e)),Rp=e=>(0,Fl.jsx)(Nr,d({children:"\u7701\u7565\u53EF",fontColor:"white",fontSize:"0.xs",padding:["1/4","1/3"],borderRadius:"3.tone.tertiary",backgroundColor:"layer.6"},e)),Lp=e=>{let t=e,{tone:r}=t,o=ge(t,["tone"]);return(0,Fl.jsx)(v,d(w(d({},n8(r)),{borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3"}),o))},Np=e=>{let t=e,{tone:r}=t,o=ge(t,["tone"]);return(0,Fl.jsx)(v,d(w(d({},n8(r)),{borderTopLeftRadius:"2/3",borderBottomLeftRadius:"2/3"}),o))},dr=e=>{let t=e,{tone:r="border"}=t,o=ge(t,["tone"]);return(0,Fl.jsx)(v,w(d(w(d({},Tp),{right:"3/4"}),o),{freeCSS:d(d({},Tp.freeCSS),o.freeCSS)}))},kc=e=>{let t=e,{tone:r="border"}=t,o=ge(t,["tone"]);return(0,Fl.jsx)(v,w(d(w(d({},Tp),{left:"3/4"}),o),{freeCSS:d(d({},Tp.freeCSS),o.freeCSS)}))};var i8=L(je());var l8=e=>(0,i8.jsx)(v,d({htmlTag:"input"},e));var Sv=L(je()),od=L(it()),wv=L(ot());var Jr=L(je()),bs=L(it()),kr=L(ot());var vv={};Ul(vv,{Accordion:()=>Tc,LinkifyText:()=>Ip,List:()=>zl,ListItem:()=>Zn,Row:()=>ie,Text:()=>ce});var _v=L(je()),$i=L(it()),ed=L(ot());var EI=e=>{e=d({},e);let t=e,{accordionID:r="",slideAnimation:o="fast",defaultOpen:a=!1,override:n=!1}=t,i=ge(t,["accordionID","slideAnimation","defaultOpen","override"]),[l]=(0,$i.useState)(ed.default.uuid.gen()),[s]=(0,$i.useState)(ed.default.uuid.gen()),[c,f]=(0,$i.useState)(a);c!=a&&n&&f(a);let p=(0,$i.useRef)(!1);return(0,$i.useEffect)(()=>{let m=Re('[data-accordion-content-id="'+s+'"]')[0];if(m){let h=m.offsetHeight,_=0;o=="fast"?(_=h/1e3,_=Math.max(_,.2)):o=="slow"&&(_=h/300),Re("#"+l).css({transition:_+"s"})}},[]),(0,$i.useEffect)(()=>{let m=Re("#"+l),h=Re('[data-accordion-content-id="'+s+'"]')[0];if(p.current){if(h){let _=h.offsetHeight;ed.default.is.exist(_)&&(c?m.css({maxHeight:_+1+"px"}).await(200).css({maxHeight:"unset",overflow:(e==null?void 0:e.overflow)||"unset"}):m.css({maxHeight:_+1+"px"}).await(100).css({maxHeight:"0px",overflow:"hidden"}))}}else if(p.current=!0,h){let _=h.offsetHeight;ed.default.is.exist(_)&&(c?m.css({maxHeight:_+1+"px"}).await(200).css({maxHeight:"unset",overflow:(e==null?void 0:e.overflow)||"unset"}):m.css({maxHeight:"0px",overflow:"hidden"}))}},[c]),r&&se.set({["Accordion-"+r]:{open:()=>{f(!0)},close:()=>{f(!1)},toggle:()=>{f(!c)}}}),(0,_v.jsx)(v,{className:[sv("Wrap"),sv("Open_"+c)].join(" "),id:l,children:(0,_v.jsx)(v,d({"data-accordion-content-id":s},i))})},Tc=EI;Tc.fn={open:e=>{let t=se.get("Accordion-"+e);!t||t.open()},close:e=>{let t=se.get("Accordion-"+e);!t||t.close()},toggle:e=>{let t=se.get("Accordion-"+e);!t||t.toggle()}};var td=L(je());var Ip=e=>{let{text:t,placeholder:r}=e,o=[];if(t){let a=[];t=t.replace(/https?:\/\/[^\s|\n|\r]*/ig,(...i)=>{let l=i[0];return a.push(l),"[$_url]"});let n=t.split("[$_url]");for(let i=0;i<=n.length-1;i++){let l=n[i],s=a[i];o.push(l),i<n.length-1&&o.push((0,td.jsx)(En.Link,{href:s,newTab:!0,children:s},"Link-"+i))}}else r&&(o=[r]);return(0,td.jsx)(td.Fragment,{children:o})};var In=L(je());var zl=e=>{let t=e,{items:r=[],ListChildCallback:o}=t,a=ge(t,["items","ListChildCallback"]);o=o||s8;let n=r.map((i,l)=>(0,In.jsx)(o,{children:i,index:l},l));return(0,In.jsx)(v,w(d({htmlTag:"ul",children:n},a),{freeCSS:d({listStyle:"none"},a.freeCSS)}))},s8=e=>(0,In.jsx)(v,d({htmlTag:"li",padding:"3/4",gap:"1/2",borderBottom:!0,flexWrap:!0},e)),Zn=s8;Zn.Center=e=>(0,In.jsx)(v,{htmlTag:"li",children:(0,In.jsx)(ie.Center,d({width:1,padding:"3/4",borderBottom:!0,flexWrap:!0},e))}),Zn.Left=e=>(0,In.jsx)(v,{htmlTag:"li",children:(0,In.jsx)(ie.Left,d({width:1,padding:"3/4",borderBottom:!0,flexWrap:!0},e))}),Zn.Right=e=>(0,In.jsx)(v,{htmlTag:"li",children:(0,In.jsx)(ie.Right,d({width:1,padding:"3/4",borderBottom:!0,flexWrap:!0},e))}),Zn.Separate=e=>(0,In.jsx)(v,{htmlTag:"li",children:(0,In.jsx)(ie.Separate,d({width:1,padding:"3/4",borderBottom:!0,flexWrap:!0},e))});var rd=L(je());var ie={Center:e=>(0,rd.jsx)(Ee,d({horizontalAlign:"center",verticalAlign:"center",flexWrap:!1,gap:1},e)),Left:e=>(0,rd.jsx)(Ee,d({horizontalAlign:"left",verticalAlign:"center",flexWrap:!1,gap:1},e)),Right:e=>(0,rd.jsx)(Ee,d({horizontalAlign:"right",verticalAlign:"center",flexWrap:!1,gap:1},e)),Separate:e=>(0,rd.jsx)(Ee,d({horizontalAlign:"between",verticalAlign:"center",flexWrap:!1,gap:1},e))};var Yi=L(je());var vs=e=>(0,Yi.jsx)(v,d({},e)),ce=vs;ce.Title=e=>(0,Yi.jsx)(vs,d({fontSize:"6.title",fontWeight:"3.semiBold"},e)),ce.SubTitle=e=>(0,Yi.jsx)(vs,d({fontSize:"5.subTitle",fontWeight:"3.semiBold"},e)),ce.ThirdTitle=e=>(0,Yi.jsx)(vs,d({fontSize:"4.thirdTitle",fontWeight:"3.semiBold"},e)),ce.Paragraph=e=>(0,Yi.jsx)(vs,d({fontSize:"3.paragraph",fontWeight:"3.semiBold"},e)),ce.Description=e=>(0,Yi.jsx)(vs,w(d({},e),{freeCSS:d({whiteSpace:"pre-wrap"},e.freeCSS)})),ce.Supplement=e=>(0,Yi.jsx)(vs,d({fontSize:"1.mini"},e)),ce.NowrapSpan=e=>(0,Yi.jsx)(Nr,w(d({},e),{freeCSS:d({whiteSpace:"nowrap"},e.freeCSS)}));var c8=L(je()),bv=L(ot());var ft=L(je()),ct=L(ot()),br=L(it());var Pn={currentIndex:0,mainSheetIDs:{},getSessionStates:()=>se.get("sessionStates-"+Se.get().sessionUID)||null,getNewSheetStates:e=>{var t;let r=w(d({sheetGroups:e.sheetGroups||[],backgroundEffect:!0,overwrap:e.type=="custom",hold_state:!1,closeAtPageTransit:!0,closeAtEscapeKeyDown:!0,closeAtAroundClick:e.type=="custom"},e),{sheetID:e.sheetID||ct.default.uuid.gen(),isOpen:!0,created_at:ct.default.Time()});if(r.type=="custom"){let o=r;o.parent=o.parent||((t=o==null?void 0:o.event)==null?void 0:t.currentTarget),r=o}return r}},Pp={Wrapper:()=>{let[e,t]=(0,br.useState)(ct.default.uuid.gen()),[r,o]=(0,br.useState)([]),a={val_sheets:r,set_sheets:o};se.set({["sessionStates-"+Se.get().sessionUID]:a}),(0,br.useEffect)(()=>{se.set({["Sheet-"+Se.get().sessionUID]:{refresh:()=>{t(ct.default.uuid.gen())},add:i=>{let l=se.get("Sheet-"+Se.get().sessionUID);if(!l)return;let s=Pn.getNewSheetStates(i);if(l.find(s.sheetID)){let c=se.get(s.sheetID);c&&c.refresh&&c.refresh(s,!0);return}o(c=>[s,...c])},find:i=>{let l=Pn.getSessionStates();if(!l)return null;let{val_sheets:s}=l;return s.find(c=>c.sheetID==i)}}}),(0,ct.default)(Se.get().appRoot).addEvent({eventType:"keyup",eventID:"SheetEvent.keyUp",callback:function(i){let{key:l,metaKey:s}=i;if(l=="Escape"||l==","&&s){let c=Pn.getSessionStates();if(!c)return;let{val_sheets:f}=c,p=f.filter(h=>h.isOpen);if(!p.length)return;let m=p.reduce((h,_)=>h.created_at.value>_.created_at.value?h:_);Ve.close(m.sheetID,l)}}}).addEvent({eventType:"click",eventID:"SheetEvent.Click",callback:function(i){let l=Pn.getSessionStates();if(!l)return;let{val_sheets:s}=l,c=i.target;if(!c||c!=null&&c.closest("."+Ct("CustomSheet")))return;let f=s.filter(p=>p.type=="custom");f.length&&f.forEach(p=>{let{parent:m}=p;if(!p.closeAtAroundClick)return;let h=Re(m)[0];m!==c&&h!==c&&((0,ct.default)(h).find(c).length||Ve.close(p.sheetID))})}})},[]);let n=r.map(i=>(0,ft.jsx)(Pp.Core,d({sheet:i},a),i.sheetID));return(0,ft.jsx)(v,{className:["AMOTIFY_be",Ct("Wrapper")].join(" "),children:n})},Core:e=>{let{val_sheets:t,set_sheets:r}=e,[o]=(0,br.useState)(Pn.currentIndex+1),[a]=(0,br.useState)(ct.default.uuid.gen()),[n,i]=(0,br.useState)(e.sheet),l=n.type!="custom"&&!n.overwrap,s=Pp.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"}[n.type]];(0,br.useEffect)(()=>{Pn.currentIndex++,ct.default.scope(()=>{if(!n.closeAtParentBlur)return;let p=(0,ct.default)(n.parent);p[0]&&p.addEvent({eventID:"SheetClosation-"+n.sheetID,eventType:"mouseout",callback:()=>{p.removeEvent("SheetClosation-"+n.sheetID),i(m=>w(d({},m),{isOpen:!1}))}})})},[]),(0,br.useEffect)(()=>{se.set({[n.sheetID]:{refresh:(p,m)=>{let h=Pn.getNewSheetStates(p);i(_=>w(d(d({},_),h),{created_at:_.created_at,isOpen:m!=null?m:!1}))},resize:p=>{if(n.type=="drawer.bottom"){let m=se.get(a);m&&m.resize&&m.resize(p)}else(n.type.includes("normal")||n.type.includes("drawer"))&&i(m=>w(d({},m),{size:p}))},close:p=>{i(m=>w(d({},m),{isOpen:!1}))},open:()=>{i(p=>w(d({},p),{isOpen:!0}))}}})},[n]),(0,br.useEffect)(()=>{ct.default.scope(()=>{if(!l||!n.backgroundEffect)return;Pn.mainSheetIDs[n.sheetID]=n.isOpen?1:0;let p=Object.values(Pn.mainSheetIDs).reduce((h,_)=>h+_,0),m=Re(".AMOTIFY_be_root");if(n.isOpen){if(m.hasClass(Ct("FixScroll")))return;let h=(0,ct.default)("html"),_=0;p==1&&(_=h[0].scrollTop|0,i(S=>w(d({},S),{bodyScrolls:_}))),Se.get().isPhone||(h[0].scrollTop=0,m.addClass(Ct("FixScroll")).callback(S=>{S[0].scrollTop=_}).await(40).addClass(Ct("Float")));return}Se.get().isPhone||p>0||m.hasClass(Ct("FixScroll"))&&m.removeClass(Ct("Float")).await(251).removeClass(Ct("FixScroll")).callback(()=>{(0,ct.default)("html")[0].scrollTop=n.bodyScrolls||0,m[0].scrollTop=0})}),ct.default.scope(()=>{let p=Re("#"+a);if(n.isOpen){p.await(10).removeClass(Ct("Hide")).await(10).addClass(Ct("Open")).callback(()=>{n.openAfter&&n.openAfter()});return}else p.await(10).removeClass(Ct("Open")).await(251).addClass(Ct("Hide")).callback(()=>{n.closeAfter&&n.closeAfter(),!e.sheet.hold_state&&(r(m=>{let h=[...m],_=h.findIndex(S=>S.sheetID==n.sheetID);return _==-1||h.splice(_,1),h}),l&&(0,ct.default)(Se.get().appRoot).focus())})})},[n.isOpen]);let[c,f]=n.type.split(".");return(0,ft.jsx)(v,{className:[Ct("Wrap"),Ct("Tcate_"+c),Ct("Tpos_"+f),Ct("isMainSheet_"+l)].join(" "),width:1,height:0,ssAbsoluteCovered:!0,freeCSS:{zIndex:o},id:a,children:(0,ft.jsxs)(xe,{className:Ct("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[!!l&&(0,ft.jsx)(Pp.TapSensor,{sheetID:n.sheetID,delegateAroundClick:n.closeAtAroundClick}),(0,ft.jsx)(s,d({componentID:a},n))]})},a)},Types:{Normal:e=>{let t=e,{sheetID:r,sheetGroups:o,bodyScrolls:a,content:n,className:i="",type:l,size:s="R",freeCSS:c,openAfter:f,closeAfter:p,closeAtAroundClick:m,closeAtEscapeKeyDown:h,closeAtPageTransit:_,closeAtParentBlur:S,closeAtSwipeDown:k,hold_state:b,overwrap:g,isOpen:y,backgroundEffect:C}=t,D=ge(t,["sheetID","sheetGroups","bodyScrolls","content","className","type","size","freeCSS","openAfter","closeAfter","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]),[x,P]=l.split("."),O={},M=[];return P.match(/top/)?(M.push("top"),O.marginBottom="auto"):P.match(/middle/)?(M.push("center"),O.marginTop="auto",O.marginBottom="auto"):P.match(/bottom/)&&(M.push("bottom"),O.marginTop="auto"),P.match(/left/i)?(M.push("left"),O.marginRight="auto"):P.match(/center/i)?(M.push("center"),O.marginLeft="auto",O.marginRight="auto"):P.match(/right/i)&&(M.push("right"),O.marginLeft="auto"),(0,ft.jsx)(v,w(d(d({className:[Ct("BB"),i].join(" "),padding:1,transition:"long",opacity:"trans"},D),O),{freeCSS:d({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100vw"}[s],maxWidth:"96vw",transformOrigin:M.join(" ")},c),children:ct.default.is.function(n)?(0,ft.jsx)(n,{}):n}))},Edge:e=>{let t=e,{sheetID:r,sheetGroups:o,bodyScrolls:a,type:n,content:i,className:l="",size:s="R",openAfter:c,closeAfter:f,closeAtAroundClick:p,closeAtEscapeKeyDown:m,closeAtPageTransit:h,closeAtParentBlur:_,closeAtSwipeDown:S,hold_state:k,overwrap:b,isOpen:g,backgroundEffect:y}=t,C=ge(t,["sheetID","sheetGroups","bodyScrolls","type","content","className","size","openAfter","closeAfter","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]);return(0,ft.jsx)(v,w(d(w(d({className:[Ct("BB"),l].join(" ")},n=="drawer.right"?{marginLeft:"auto"}:n=="drawer.left"?{marginRight:"auto"}:{}),{opacity:"trans",transition:"long",position:"relative",backgroundColor:"layer.1",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark"}),C),{freeCSS:d({width:{S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"100vw"}[s],maxWidth:"96vw"},C.freeCSS),children:ct.default.is.function(i)?(0,ft.jsx)(i,{}):i}))},Bottom:e=>{let t=e,{componentID:r,sheetID:o,sheetGroups:a,bodyScrolls:n,content:i,size:l="R",sizeChanged:s,baseStyles:c,openAfter:f,closeAfter:p,closeAtAroundClick:m,closeAtEscapeKeyDown:h,closeAtPageTransit:_,closeAtParentBlur:S,closeAtSwipeDown:k=!0,hold_state:b,overwrap:g,isOpen:y,backgroundEffect:C}=t,D=ge(t,["componentID","sheetID","sheetGroups","bodyScrolls","content","size","sizeChanged","baseStyles","openAfter","closeAfter","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]),x=ct.default.getScreenSize(),P=[0,.2,.6,.95],O={ZERO:0,S:1,R:2,L:3},[M,V]=(0,br.useState)(l),[J,K]=(0,br.useState)({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:P[O[l]]});se.update({[r]:{val_edit:J,resize:Ce=>{let N=P[O[Ce]];K(z=>w(d({},z),{value:N})),V(Ce)}}});let ee={Start:Ce=>{(0,ct.default)(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:ee.Move}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:ee.Move}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:ee.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:ee.End});let N=ct.default.getCursor(Ce),z=w(d({},J),{process:!0,processStart:new Date().getTime(),originY:N.y,originValue:J.value,viewHeight:ct.default.getScreenSize().height});se.update({[r]:{val_edit:z}}),K(z)},Move:Ce=>{var N;let z=(N=se.get(r))==null?void 0:N.val_edit;if(!z.process)return;let te=(ct.default.getCursor(Ce).y-z.originY)/z.viewHeight,de=z.originValue-te;if(de>.95)de=.95+(de-.95)*.5;else if(de<.2){let $=.2-de;$-=.1,de=.1+(.1-$)*.5}K(w(d({},z),{value:de}))},End:Ce=>{var N;let z=(N=se.get(r))==null?void 0:N.val_edit;if(!z.process)return;(0,ct.default)(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let te=0;if(z.value<.1||(z.value<.5?te=1:z.value>.75?te=3:te=2),new Date().getTime()-z.processStart<300){let de=ct.default.getCursor(Ce).y-z.originY;if(Math.abs(de)>=20){let $=+(de<0)*2-1;te+=$,te=Math.min(Math.max(te,0),P.length-1)}}te==0&&(k||(te=1)),V(["ZERO","S","R","L"][te]),K(w(d({},z),{value:P[te],process:!1}))}},_e=(0,br.useRef)(!1);return(0,br.useEffect)(()=>{_e.current?M=="ZERO"?k&&Ve.close(o):setTimeout(()=>{e.sizeChanged&&e.sizeChanged(M)},250):_e.current=!0},[M]),(0,ft.jsx)(v,{className:Ct("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long",freeCSS:d({maxWidth:12*60,height:x.height*J.value},J.process?{transition:"0s"}:{}),children:(0,ft.jsxs)(xe,w(d({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},c),{children:[(0,ft.jsx)(ie.Separate,{padding:"1/2",backgroundColor:"layer.1",position:"relative",freeCSS:{userSelect:"none"},children:(0,ft.jsx)(ie.Center,{onMouseDown:ee.Start,onTouchStart:ee.Start,flexSizing:0,padding:"2/3",ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:(0,ft.jsx)(v,{unitWidth:6,unitHeight:"1/2",backgroundColor:"layer.4",isRounded:!0,className:Ct("DragBar")})})}),(0,ft.jsx)(v,w(d({backgroundColor:"layer.1",flexSizing:0,overflow:"auto"},D),{children:ct.default.is.function(i)?(0,ft.jsx)(i,{}):i}))]}))})},Custom:e=>{let t=e,{sheetID:r,sheetGroups:o,bodyScrolls:a,event:n,parent:i,nextToCursor:l,gravityPoint:s=22,content:c,closeAtAroundClick:f,closeAtEscapeKeyDown:p,closeAtPageTransit:m,closeAtParentBlur:h,closeAtSwipeDown:_,hold_state:S,openAfter:k,closeAfter:b,overwrap:g,isOpen:y,backgroundEffect:C}=t,D=ge(t,["sheetID","sheetGroups","bodyScrolls","event","parent","nextToCursor","gravityPoint","content","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","openAfter","closeAfter","overwrap","isOpen","backgroundEffect"]),[x]=(0,br.useState)(ct.default.uuid.gen()),P=ct.default.is.element(i)||ct.default.is.jsmin(i)?(0,ct.default)(i):Re(i),O='[data-sheet-id="'+x+'"]',M='[data-sheet-content="'+x+'"]';s=s;let V=s%5||5,J=Math.ceil(s/5),K={Init:()=>{if(l&&n){let $=ct.default.getScreenSize(),ue=ct.default.getCursor(n);return{top:ue.y-$.pageYOffset,left:ue.x-$.pageXOffset}}let ee={},{top:_e,right:Ce,bottom:N,left:z,height:te,width:de}=P.position();return[1,2].includes(V)?ee.left=z:V==3?ee.left=z+de/2:[4,5].includes(V)&&(ee.left=Ce),s<=10?ee.top=_e:s<=15?ee.top=_e+te/2:s<=25&&(ee.top=N),ee},Adjust:()=>{let ee=Re(O).position(),_e=Re(M).position(),Ce=P.position(),N=ct.default.getScreenSize(),z={};for(let $ in _e)z[$]=_e[$];if(ct.default.scope(()=>{if(e.nextToCursor)return;let $=0;J==1?$=Ce.top-z.bottom:J==2?$=Ce.top-z.top:J==3?$=Ce.top-z.top+(Ce.height-z.height)/2:J==4?$=Ce.bottom-z.bottom:J==5&&($=Ce.bottom-z.top),z.top+=$,z.bottom+=$}),ct.default.scope(()=>{if(e.nextToCursor)return;let $=0;V==1?$=Ce.left-z.right:V==2?$=Ce.left-z.left:V==3?$=Ce.left-z.left+(Ce.width-z.width)/2:V==4?$=Ce.right-z.right:V==5&&($=Ce.right-z.left),z.left+=$,z.right+=$}),z.top<0){let $=-z.top;z.top+=$,z.bottom+=$}if(z.bottom>N.height){let $=z.bottom-N.height;z.top-=$,z.bottom-=$}if(z.left<0){let $=-z.left;z.left+=$,z.right+=$}if(z.right>N.width){let $=z.right-N.width;z.left-=$,z.right-=$}let te=z.top-_e.top,de=z.left-_e.left;(0,ct.default)(O).css({top:ee.top+te+"px",left:ee.left+de+"px"})}};return(0,br.useEffect)(()=>{Re(O).await(10).addClass(Ct("Open")).await(200).callback(()=>{K.Adjust()}),se.update({["customSheet-"+e.sheetID]:{reposition:()=>{K.Adjust()}}})},[]),P[0]?(0,ft.jsx)(v,{className:[Ct("BB"),Ct("CustomSheet")].join(" "),"data-sheet-id":x,transition:"long",position:"absolute",width:0,height:0,opacity:"trans",flexCenter:!0,freeCSS:K.Init(),children:(0,ft.jsx)(Ee,{position:"absolute",className:[Ct("GPT"),Ct("GPT_"+s),Ct("Col_"+V),Ct("Row_"+J)].join(" "),children:(0,ft.jsx)(v,w(d({"data-sheet-content":x,flexSizing:"none",maxHeight:"viewHeight"},D),{freeCSS:d({maxWidth:"98vw"},D.freeCSS),children:ct.default.is.function(c)?(0,ft.jsx)(c,{}):c}))})}):null}},TapSensor:e=>(0,ft.jsx)(v,{className:Ct("TapSensor"),children:(0,ft.jsx)(H.Plain,{className:Ct("TapContent"),onClick:()=>{var t;(t=e.delegateAroundClick)!=null&&t&&Ve.close(e.sheetID)},freeCSS:{cursor:"default",pointerEvents:"all"}})})},Ve={Wrapper:()=>(0,ft.jsx)(Pp.Wrapper,{}),open:e=>{if(e.sheetID=(e.sheetID||"").replace(/\./g,"-"),e.type=="image"){let r=e.sheetID||ct.default.uuid.gen(),o=e,{type:a,src:n}=o,i=ge(o,["type","src"]);Ve.open(w(d({type:"normal.topCenter",backgroundColor:"trans"},i),{sheetID:r,freeCSS:{maxWidth:"96vw",transformOrigin:"top"},content:()=>{let[l]=(0,br.useState)(ct.default.flatArray(n)),[s,c]=(0,br.useState)(0),f=[],p=[];return l.forEach((m,h)=>{f.push({value:h,label:(0,ft.jsx)(Vr,{src:ct.default.flatArray(m)[0],width:"auto",height:1,freeCSS:{maxWidth:12*6,maxHeight:12*3}})}),p.push((0,ft.jsx)(Vr,{width:1,height:"auto",src:ct.default.flatArray(m)[0]}))}),(0,ft.jsxs)(xe,{gap:0,children:[(0,ft.jsxs)(ie.Separate,{gap:2,padding:1,backgroundColor:"layer.1",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",children:[(0,ft.jsx)(ve.Radio.Border,{icon:!1,value:s,override:"force",horizontalAlign:"center",onUpdateValidValue:({value:m})=>{c(m)},cellStyles:{borderWidth:2,padding:"1/3"},options:f}),(0,ft.jsx)(H.Border.S,{color:"cloud",isRounded:!0,onClick:()=>{Ve.close(r)},children:(0,ft.jsxs)(ie.Center,{gap:"1/3",children:["\u9589\u3058\u308B",(0,ft.jsx)(G.Times,{})]})})]}),(0,ft.jsx)(Cc,{slideIndex:s,options:{loop:l.length>1,onSlideCallback:m=>{c(m)}},slides:p,wrapper:m=>(0,ft.jsx)(v,{borderBottomLeftRadius:"1.tone.primary",borderBottomRightRadius:"1.tone.primary",children:m})})]})}}));return}let t=se.get("Sheet-"+Se.get().sessionUID);t&&t.add(e)},refresh:(e,t)=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let r=se.get(e.sheetID);r&&r.refresh&&r.refresh(e,t)},resize:e=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-");let t=se.get(e.sheetID);t&&t.resize&&t.resize(e.size)},customSheet:{reposition:e=>{let t=se.get("customSheet-"+e);t&&t.reposition&&t.reposition()}},close:function(e,t,r){let o=Pn.getSessionStates();if(!o)return;let{val_sheets:a}=o;e=e==null?void 0:e.replace(/\./g,"-");let n=a.find(l=>l.sheetID==e);if(!n||t=="Escape"&&!n.closeAtEscapeKeyDown)return;let i=se.get(n.sheetID);i&&i.close&&i.close(r)},closeGroup:e=>{let t=Pn.getSessionStates();if(!t)return;let{val_sheets:r}=t;e=(e||"").replace(/\./g,"-");for(let o of r)o.sheetGroups&&o.sheetGroups==e&&Ve.close(o.sheetID)},closeAll:e=>{let t=Pn.getSessionStates();if(!t)return;let{val_sheets:r}=t;for(let o of r)e&&!o.closeAtPageTransit||Ve.close(o.sheetID,"pageTransit",!0)},Body:e=>(0,ft.jsx)(v,d({className:Ct("BaseBody"),backgroundColor:"layer.1",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},e))};var yt={__memoryID:bv.default.uuid.gen(),open:e=>{let t=e,{tipsID:r=bv.default.uuid.gen(24),tipsGroups:o=[]}=t,a=ge(t,["tipsID","tipsGroups"]);Ve.open(w(d({sheetID:r,sheetGroups:["tooltips",...o],closeAtAroundClick:!0,closeAtParentBlur:!0,closeAtEscapeKeyDown:!0,closeAtPageTransit:!0},a),{type:"custom"}))},close:e=>{e&&Ve.close(e)},closeALL:()=>{Ve.closeGroup("tooltips")},Body:e=>(0,c8.jsx)(v,d({padding:"1/2",backgroundColor:"dark",borderRadius:"2.tone.secondary",fontColor:"white",boxShadow:"0.normal"},e))};var Jt=e=>{let[t]=(0,bs.useState)(e.componentID||kr.default.uuid.gen());e=d({},e),e.states=w(d({enableFormSubmit:!0,status_id:kr.default.uuid.gen(),override:"never",form:"",id:kr.default.uuid.gen(),"aria-label":"Input-"+t},e.states),{componentID:t});let{children:r}=e;return(0,Jr.jsx)(r,d({},e.states))},fr=e=>{let{children:t,val_status:r,val_validate:o,states:a}=e,{leftIcon:n,wrapStyles:i}=a;return r.eventType=="init"&&!a.checkValidationAtFirst&&(o.notice=[]),(0,Jr.jsxs)(ie.Center,w(d({position:"relative",verticalAlign:"unset",gap:0},i),{className:Sc("Wrapper"),"data-notice-uid":r.componentID,children:[(0,Jr.jsx)(yv.Notice,{notice:o.notice,val_status:r}),a.leftIndicator,(0,Jr.jsxs)(Ee,{position:"relative",flexSizing:"auto",children:[t,n,(0,Jr.jsx)(yv.RightIcon,d({},e)),(0,Jr.jsx)(yv.ClearButton,d({},e))]}),a.rightIndicator]}))},yv={ClearButton:e=>!e.states.clearButton||!e.val_status.dataValue?null:(0,Jr.jsx)(H.Normal,{ssSphere:2,flexCenter:!0,fontColor:"5.translucent",ssEffectsOnActive:["ripple.theme"],position:"absolute",right:1,top:"50%",freeCSS:{zIndex:3,transform:"translateY(-50%)"},onClick:()=>{e.set_status(t=>w(d({},t),{dataValue:"",formatValue:"",eventType:"update",eventID:kr.default.uuid.gen()}))},children:(0,Jr.jsx)(G.Times,{})}),RightIcon:e=>e.states.clearButton&&e.val_status.dataValue?null:e.states.rightIcon,Notice:e=>{let{notice:t,val_status:r}=e,{componentID:o}=r,a="NoticeTimer-"+o,n="NoticeTimerClose-"+o,i="notice-tips-"+o;return(0,bs.useEffect)(()=>{kr.default.interval.clear(a),kr.default.interval.clear(n),kr.default.interval.standBy(a,350,()=>{if(!t.length){yt.close(i);return}yt.open({tipsID:i,parent:`[data-notice-uid="${o}"]`,gravityPoint:22,padding:[1,0],closeAtParentBlur:!1,content:(0,Jr.jsxs)(yt.Body,{padding:["1/2","2/3"],fontSize:"1.mini",position:"relative",children:[(0,Jr.jsx)(v,{position:"absolute",unitHeight:1,unitWidth:1,left:1,backgroundColor:"dark",freeCSS:{zIndex:1,transform:"rotate(45deg)",top:-6}}),(0,Jr.jsx)(xe,{backgroundColor:"inherit",gap:"1/3",position:"relative",freeCSS:{zIndex:2},children:t.map((l,s)=>{let{type:c,label:f}=l,p=c=="invalid"?G.Times:c=="warn"?G.Exclamation:G.Check;return(0,Jr.jsxs)(ie.Left,{gap:0,borderRadius:"2.tone.secondary",children:[(0,Jr.jsx)(p,{flexCenter:!0,fontSize:"2.normal",fontColor:{invalid:"nega",warn:"warn",valid:"posi"}[c]}),(0,Jr.jsx)(ce.Supplement,{fontSize:"0.xs",fontColor:"white",children:f})]},s+"-"+JSON.stringify(l))})})]})})}),kr.default.interval.standBy(n,6e3,()=>{yt.close(i)})},[t]),null}},Ge={DefaultStatus:(e,t)=>({componentID:e,dataValue:t,eventType:"init",eventID:kr.default.uuid.gen()}),CommonEffects:function(e){let{type:t,states:r,val_status:o,set_status:a,val_validate:n,set_validate:i,SystemValidation:l}=e;r=d({},r);let{componentID:s}=o;(0,bs.useEffect)(()=>(se.update({[s]:{ResolveRefresh:null,Refresh:()=>new Promise((c,f)=>{se.get(s).ResolveRefresh=c,a(p=>w(d({},p),{eventType:"refresh",eventID:kr.default.uuid.gen()}))}),GenNotice:c=>{let{ok:f,notice:p}=c;i({ok:f,notice:p})}}}),()=>{se.delete(s)}),[]),kr.default.scope(()=>{let{override:c}=r;if(c=="never"||c=="beforeModified"&&!["init","override"].includes(o.eventType))return;let f=se.get(o.componentID);f&&(r.value!=o.dataValue&&r.status_id!=f.status_id&&a(p=>w(d(w(d({},p),{dataValue:r.value}),e.ExtraOverrideStates),{eventType:"override",eventID:kr.default.uuid.gen()})),f.status_id=r.status_id)}),(0,bs.useEffect)(()=>{Ge.ValidationCheck({val_status:o,set_validate:i,SystemValidation:l,states:r})},[o.eventID,o.dataValue]),(0,bs.useEffect)(()=>(kr.default.scope(()=>{let{componentID:c,eventType:f,dataValue:p}=o,m=p;if(t=="autocomplete.single"||t=="list.radio"?m=m[0]:r.isChecker&&(m=!!m[0]),r.form=r.form||"testForm",r.name&&r.form&&se.update({[["form-data",r.form].join("-")]:{[r.name]:{componentID:c,type:t,value:m,validation:n.ok}}}),f=="refresh"){let h=se.get(c);h&&h.ResolveRefresh&&h.ResolveRefresh(null)}else f=="update"&&(r.onUpdateValue&&r.onUpdateValue({componentID:c,value:m,eventType:f}),kr.default.scope(()=>{n.ok&&r.onUpdateValidValue&&r.onUpdateValidValue({componentID:c,value:m,eventType:f})}))}),()=>{se.update({[["form-data",r.form].join("-")]:{[r.name]:null}})}),[n])},ValidationCheck:e=>{let{states:t}=e;kr.default.interval.clear("ValidationTimer-"+e.val_status.componentID);let r=e.SystemValidation({value:e.val_status.dataValue,states:t});if(!r.ok){e.set_validate(r);return}let o=r.notice,a=()=>Pt(void 0,null,function*(){if(!t.onValidate)return;let n=yield t.onValidate({value:e.val_status.dataValue,eventType:e.val_status.eventType,props:e});e.set_validate({ok:n.ok,notice:[...o,...n.notice]})});if(t.onValidate){if(e.val_status.eventType=="refresh"){a();return}kr.default.interval.standBy("ValidationTimer-"+e.val_status.componentID,450,a);return}e.set_validate({ok:!0,notice:o})},SubmitForm:(e,t)=>{let r=!1;if(!t)return r;let o=Re(`[data-form-submit-button="${t}"]`)[0];if(!o)return r;let a=o.dataset.sdfike||"",n=e.key,i=e.ctrlKey||e.metaKey;return kr.default.scope(()=>{a.includes("enter")&&(n!="Enter"||e.nativeEvent.isComposing||Se.get().browserIs=="safari"&&e.keyCode==229)||((n=="Enter"&&(a.includes("enter")||a.includes("auxEnter")&&i)||n==" "&&a.includes("space"))&&(o.click(),e.preventDefault()),r=!0)}),r},isShowValidation:(e,t,r)=>{let o=e.ok;return!r&&t.eventType=="init"&&(o=!0),o}},Zr=function(e){e=d({tone:"border"},e);let t=kr.default.scope(()=>{if(e.tone=="plain")return{};let r={padding:"3/4",transition:"middle",flexSizing:"auto",boxShadow:"0.min"};return e.tone=="border"?r=w(d({},r),{border:!0,borderRadius:"2.tone.secondary",backgroundColor:"layer.1"}):e.tone=="cloud"?r=w(d({},r),{border:"1.thin",borderRadius:"2.tone.secondary",backgroundColor:"cloud"}):e.tone=="bottomBorder"&&(r=w(d({},r),{borderRadius:0,border:"unset",borderBottom:!0,backgroundColor:"cloud"})),r});return w(d(d(d(d(d(d({fontColor:"2.normal"},t),!!e.rightIcon&&{paddingRight:3}),!!e.leftIcon&&{paddingLeft:3}),!!e.leftIndicator&&{borderTopLeftRadius:"2/3",borderBottomLeftRadius:"2/3",marginLeft:"1/4"}),!!e.rightIndicator&&{borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3",marginRight:"1/4"}),e),{freeCSS:d({letterSpacing:"1px",resize:"none"},e.freeCSS),className:[Sc("Input"),e.className].join(" ")})};var RI=e=>{let t=e,{componentID:r="",enableFormSubmit:o,form:a,value:n=""}=t,i=ge(t,["componentID","enableFormSubmit","form","value"]),[l,s]=(0,od.useState)({componentID:e.componentID||"",dataValue:n,eventType:"init",eventID:wv.default.uuid.gen()}),[c,f]=(0,od.useState)({ok:!1,notice:[]});return(0,od.useEffect)(()=>{JSON.stringify(l.dataValue)!=JSON.stringify(n)&&s(p=>w(d({},p),{dataValue:n,eventType:"update",eventID:wv.default.uuid.gen()}))},[e.value]),Ge.CommonEffects({type:"hidden",states:e,val_status:l,set_status:s,val_validate:c,set_validate:f,SystemValidation:()=>({ok:!0,notice:[]})}),(0,Sv.jsx)("input",w(d({value:JSON.stringify(n),"data-component-id":r},i),{type:"hidden"}))},u8=e=>(0,Sv.jsx)(Jt,{componentID:e.componentID,children:RI,states:e});var at=L(je()),bi=L(it()),Ur=L(ot());var v8=L(_8());var ad=L(je()),Ap=L(it()),Bp=L(ot());var Ol=e=>{if(!e.label)return null;let[t,r]=(0,Ap.useState)({});return(0,Ap.useEffect)(()=>{let o=(0,Bp.default)('[data-input-origin="'+e.componentID+'"]'),a=(0,Bp.default)('[data-input-label="'+e.componentID+'"]'),n=(0,Bp.default)('[data-input-value-shallow="'+e.componentID+'"]');if(!o[0]||!a[0]||!n[0])return;let i=o.position(),l=n.position();if(e.isActive){let s=l.left-i.left;r({opacity:"max",freeCSS:{backgroundColor:"hsla(var(--color-layer1-hsl), .4)",backdropFilter:"blur(2px)",lineHeight:1,fontSize:"12px",transform:`translate(${s}px,-6px)`}})}else{let s=l.left-i.left,c=l.top-i.top;r({fontSize:e.fontSize||"inherit",opacity:"middle",freeCSS:{lineHeight:"inherit",transform:`translate(${s}px,${c}px)`,backgroundColor:"transparent"}})}a.getAttribute("data-label-init")=="true"&&a.setAttribute("data-label-init","false").await(10).css({transition:"var(--animation-time2)"})},[e.isActive]),(0,ad.jsx)(v,w(d({htmlTag:"label","data-input-label":e.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"},t),{freeCSS:d({zIndex:2,pointerEvents:"none",lineHeight:"inherit"},t.freeCSS),children:(0,ad.jsxs)(ie.Left,{gap:"1/3",children:[e.label,e.required&&(0,ad.jsx)(Nr,{fontColor:"nega",children:" * "})]})}))};var LI={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,at.jsxs)(at.Fragment,{children:[(0,at.jsx)(v,{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,at.jsx)(v,{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,at.jsxs)(at.Fragment,{children:[(0,at.jsx)(v,{children:"0\u304B\u3089\u59CB\u307E\u308B\u756A\u53F7\u306E\u307F\u5165\u529B\u53EF\u80FD\u3067\u3059"}),(0,at.jsx)(v,{children:"9~12\u6841\u306E\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),(0,at.jsx)(v,{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"}},Gi={setSelection:e=>{let{id:t,restrict:r,val_status:o}=e,a=Re("#"+t)[0];if(a&&o.prevValue&&o.formatValue){let{formatValue:n,prevValue:i,caretFrom:l,caretTo:s}=o;if(r=="creditCard")n.length>=i.length&&l%5==0&&(l++,s++),a.setSelectionRange(l,s);else if(r=="postal")n.length==5&&i.length==3&&(l++,s++),a.setSelectionRange(l,s);else if(r=="digitNumber"){let c=n.length-i.length;c==2&&(l++,s++),c==-2&&(l--,s--),a.setSelectionRange(l,s)}}},Validation:{System:e=>{let{value:t,states:r}=e,{restrict:o="text",maxLength:a,multiline:n,required:i}=r,l=[];if(n||(a=a||255),Ur.default.is.exist(a)&&t.length>=Number(a)&&l.push({type:"invalid",label:a+"\u5B57\u4EE5\u5185\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),t){let s=Gi.Validation.Text(t,o);s.ok||l.push({type:"invalid",label:s.body})}else i&&l.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"});return{ok:!l.filter(({type:s})=>s=="invalid").length,notice:l}},Text:(e,t)=>{let r={ok:!0,body:""};return(()=>{let o=LI[t];if(!o)return;let a=o.reason;if(o){let n=!!(+!!e.match(o.reg)^+!o.exist);r={ok:n,body:n?"":a}}})(),r},DataLeveling:e=>{let{restrict:t,value:r=""}=e,o=String(r),a=!1;if(["tel","number","digitNumber","test","postal","creditCard"].includes(t)&&(o=o.zen2hanNumber()),t=="katakana"&&(o=o.replace(/[^ァ-ヶー 　ｦ-ﾟ　 ]/ig,"")),t=="hankaku.katakana"&&(o=o.replace(/[^ｦ-ﾟ　 ]/ig,"")),["postal","creditCard"].includes(t)&&(o=o.removeLetters()),["number","number.zeroStart","digitNumber"].includes(t)){let i=o[0]=="0";if(o){if(o!="-")if(o=="0-")o="-";else{o[0]=="-"&&(a=!0),o=o.replace(/[^0-9\.]/ig,"");let l=Number(o);l===0&&(a=!1),a&&(l=-1*l),Ur.default.is.exist(e.min)&&(l=Math.max(l,Number(e.min))),Ur.default.is.exist(e.max)&&(l=Math.min(l,Number(e.max))),o=String(Math.abs(l))}i&&o!="0"&&t=="number.zeroStart"&&(o="0"+o)}}let n=o;if(t=="digitNumber"){if(o&&o!="-"){let i=[];for(let l=o.length-1;l>=0;l--){i.unshift(o[l]);let s=o.length-1-l+1;l!=0&&s%3==0&&i.unshift(",")}n=i.join("")}}else t=="postal"?o.length>=4&&(n=o.clip(0,3)+"-"+o.clip(3)):t=="creditCard"&&(n=o.replace(/.{4}(?=.)/g,"$& "));return["number","digitNumber"].includes(t)&&a&&(o="-"+o,n="-"+n),{formatValue:n,dataValue:o}}}},Cv={Shallow:e=>{let{rootStates:t,val_status:r}=e,o=r.dataValue||"";(0,bi.useEffect)(()=>{Ur.default.scope(()=>Pt(void 0,null,function*(){if(!t.multiline)return;let s=(0,Ur.default)('[data-input-origin="'+r.componentID+'"]'),c=(0,Ur.default)('[data-input-shallow="'+r.componentID+'"]'),f=(0,Ur.default)('[data-input-min-height-value-shallow="'+r.componentID+'"]'),p=(0,Ur.default)('[data-input-max-height-value-shallow="'+r.componentID+'"]');if(!s[0]||!c[0]||!f[0]||!p[0])return;let m=c.position(),h=f.position(),_=p.position(),S=0;t.autoHeight&&(S=m.height),S=Math.max(S,h.height),S=Math.min(S,_.height),s[0].style.height=S+"px"}))},[o]);let a=o||"";(o.match(/\n$/)||!o)&&(a+="T");let n="",i="";if(t.multiline){let s=t.minRows||1,c=t.maxRows||100;n=`
 T`.repeat(s-1),i=`
-T`.repeat(c-1)}let l=Bn(t);return(0,at.jsxs)(v,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:[(0,at.jsx)(ce.Description,w(d({className:t.className},l),{position:"absolute",width:1,freeCSS:w(d({},l.freeCSS),{color:"orange"}),"data-input-shallow":r.componentID,children:(0,at.jsx)(v,{"data-input-value-shallow":r.componentID,children:a})})),(0,at.jsx)(ce.Description,w(d({className:t.className},l),{position:"absolute",left:0,freeCSS:w(d({},l.freeCSS),{backgroundColor:"transparent",color:"blue"}),"data-input-min-height-value-shallow":r.componentID,children:n})),(0,at.jsx)(ce.Description,w(d({className:t.className},l),{position:"absolute",right:0,freeCSS:w(d({},l.freeCSS),{backgroundColor:"transparent",color:"red"}),"data-input-max-height-value-shallow":r.componentID,children:i}))]})},InputBox:e=>{let{rootStates:t,val_validate:r,set_validate:o,val_status:a,set_status:n,val_focus:i,set_focus:l,val_isComposing:s,set_isComposing:c}=e;if(t.multiline)return null;let f=t,{componentID:p,tone:m,required:h,restrict:_="text",form:S,autoComplete:k="off",autoCapitalize:b="off",minRows:g,maxRows:y,multiline:C,autoHeight:D,enableFormSubmit:x,clearButton:P=!1,checkValidationAtFirst:O,onChange:M,onKeyDown:V,onValidate:J,onUpdateValue:K,onUpdateValidValue:ee,value:_e="",leftIndicator:Ce,rightIndicator:N,leftIcon:z,rightIcon:te,maxLength:de,min:$,max:ue,label:He,isLabelActive:Ie,wrapStyles:Te}=f,be=ge(f,["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","isLabelActive","wrapStyles"]),Qe=_=="password"||_=="concealed"?"password":"text",St=["number","digitNumber","creditCard"].includes(_)?"numeric":_=="email"?"email":"text";return(0,at.jsx)(v,w(d({htmlTag:"input",type:Qe,inputMode:St,"data-disabled":t.disabled,"data-show-validation":Ge.isShowValidation(r,a,!!O),"data-component-id":a.componentID,"data-input-origin":a.componentID,value:a.formatValue,autoComplete:k,autoCapitalize:b,onKeyDown:Fe=>{let{key:Ye,target:B}=Fe;{let E=B,{selectionStart:j,selectionEnd:Q}=E,T=Number(j),A=Number(Q),I=a.formatValue[Number(T)],W=a.formatValue[Number(T)-1];Ye=="Delete"&&(_=="creditCard"&&I==" "||_=="postal"&&I=="-"||_=="digitNumber"&&I==",")&&(E.setSelectionRange(T+1,A+1),Fe.preventDefault()),Ye=="Backspace"&&(_=="creditCard"&&W==" "||_=="postal"&&W=="-"||_=="digitNumber"&&W==",")&&(E.setSelectionRange(T-1,A-1),Fe.preventDefault()),Ye=="Enter"||Ye=="Tab"}if(["number","digitNumber","creditCard"].includes(_)&&Ye=="Clear"&&n(E=>w(d({},E),{dataValue:"",formatValue:"",eventType:"update",eventID:Ur.default.uuid.gen()})),["number","digitNumber"].includes(_)&&["ArrowUp","ArrowDown"].includes(Ye)){let E=+(Ye=="ArrowUp")*2-1,j=String(Number(a.dataValue)+E);r.ok&&o({ok:!1,notice:[]}),n(Q=>w(d(d({},Q),Gi.Validation.DataLeveling({min:$,max:ue,restrict:_,value:j})),{eventType:"update",eventID:Ur.default.uuid.gen()})),Fe.preventDefault()}V&&V(Fe),x&&Ge.SubmitForm(Fe,S)},onChange:Fe=>{let{value:Ye,selectionStart:B,selectionEnd:E}=Fe.target,j=Gi.Validation.DataLeveling({min:$,max:ue,restrict:_,value:Ye});s&&(j.formatValue=Ye),j.formatValue!=a.formatValue&&(r.ok&&o({ok:!1,notice:[]}),n(Q=>w(d(d({},Q),j),{prevValue:a.formatValue,eventType:"update",eventID:Ur.default.uuid.gen(),caretFrom:Number(B),caretTo:Number(E)})),M&&M(Fe))},width:1},be),{onFocus:Fe=>{be!=null&&be.onFocus&&(be==null||be.onFocus(Fe)),l(!0)},onBlur:Fe=>{be!=null&&be.onBlur&&(be==null||be.onBlur(Fe)),l(!1)},onCompositionStart:Fe=>{be!=null&&be.onCompositionStart&&(be==null||be.onCompositionStart(Fe)),c(!0)},onCompositionEnd:Fe=>{if(be!=null&&be.onCompositionEnd&&(be==null||be.onCompositionEnd(Fe)),_=="text")return;let Ye=Gi.Validation.DataLeveling({min:$,max:ue,restrict:_,value:a.formatValue});n(B=>w(d(d({},B),Ye),{prevValue:B.formatValue,eventType:"update",eventID:Ur.default.uuid.gen(),caretFrom:Number(B.formatValue.length+1),caretTo:Number(B.formatValue.length+1)})),c(!1)}}))},TextAreaBox:e=>{let{rootStates:t,val_focus:r,set_focus:o,val_validate:a,set_validate:n,val_status:i,set_status:l,isShallow:s}=e,c=t,{componentID:f,tone:p,required:m,form:h,label:_,isLabelActive:S,minRows:k,maxRows:b,multiline:g,autoHeight:y,enableFormSubmit:C,maxLength:D,checkValidationAtFirst:x,onChange:P,onKeyDown:O,onValidate:M,onUpdateValue:V,onUpdateValidValue:J,value:K="",leftIndicator:ee,rightIndicator:_e,leftIcon:Ce,rightIcon:N,wrapStyles:z}=c,te=ge(c,["componentID","tone","required","form","label","isLabelActive","minRows","maxRows","multiline","autoHeight","enableFormSubmit","maxLength","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","leftIndicator","rightIndicator","leftIcon","rightIcon","wrapStyles"]);return t.multiline?(0,at.jsx)(v,w(d({htmlTag:"textarea","data-show-validation":Ge.isShowValidation(a,i,!!x),"data-input-origin":i.componentID,"data-component-id":i.componentID,value:i.dataValue,width:1},te),{onFocus:de=>{te!=null&&te.onFocus&&(te==null||te.onFocus(de)),o(!0)},onBlur:de=>{te!=null&&te.onBlur&&(te==null||te.onBlur(de)),o(!1)},onKeyDown:de=>{O&&O(de),C&&Ge.SubmitForm(de,h)},onChange:de=>{let{value:$}=de.target;a.ok&&n({ok:!1,notice:[]}),l(ue=>w(d({},ue),{dataValue:$,eventType:"update",eventID:Ur.default.uuid.gen()})),P&&P(de)}})):null}},NI=e=>{let{componentID:t,restrict:r="text",value:o="",min:a,max:n}=e,[i,l]=(0,bi.useState)(!1),[s,c]=(0,bi.useState)(!1),[f,p]=(0,bi.useState)(w(d({componentID:t},Gi.Validation.DataLeveling({min:a,max:n,restrict:r,value:o})),{prevValue:"",eventType:"init",eventID:Ur.default.uuid.gen(),caretFrom:null,caretTo:null})),[m,h]=(0,bi.useState)({ok:!1,notice:[]}),_={rootStates:e,val_focus:i,set_focus:l,val_isComposing:s,set_isComposing:c,val_status:f,set_status:p,val_validate:m,set_validate:h};return Ge.CommonEffects({type:"textfield",states:e,val_status:f,set_status:p,val_validate:m,set_validate:h,SystemValidation:Gi.Validation.System,ExtraOverrideStates:d({},Gi.Validation.DataLeveling({min:a,max:n,restrict:r,value:o}))}),(0,bi.useEffect)(()=>{Gi.setSelection({id:e.id,restrict:r,val_status:f})},[f]),(0,at.jsxs)(fr,{val_status:f,set_status:p,val_validate:m,states:_.rootStates,children:[(0,at.jsx)(Ol,{componentID:e.componentID,fontSize:e.fontSize,required:e.required,label:e.label,isActive:e.isLabelActive||i||!!f.dataValue}),(0,at.jsx)(Cv.Shallow,d({},_)),(0,at.jsx)(Cv.InputBox,d({},_)),(0,at.jsx)(Cv.TextAreaBox,d({},_))]})},ei=e=>(e=d({autoHeight:!0,restrict:"text",fontSize:"2.normal"},e),e.multiline?(e.minRows=e.minRows||5,e.maxRows=e.maxRows||20):(e.minRows=1,e.maxRows=1),(0,at.jsx)(Jt,{componentID:e.componentID,children:NI,states:Zr(e)})),Tr=ei;Tr.Validate=Gi.Validation.Text,Tr.Katakana=e=>(0,at.jsx)(ei,w(d({},e),{restrict:"katakana",multiline:!1,autoHeight:!1})),Tr.HankakuKatakana=e=>(0,at.jsx)(ei,w(d({},e),{restrict:"hankaku.katakana",multiline:!1,autoHeight:!1})),Tr.CreditCard=e=>(0,at.jsx)(ei,w(d({},e),{restrict:"creditCard",multiline:!1,autoHeight:!1})),Tr.Tel=e=>(0,at.jsx)(ei,w(d({},e),{restrict:"tel",multiline:!1,autoHeight:!1})),Tr.Number=e=>(0,at.jsx)(ei,w(d({},e),{restrict:"number",multiline:!1,autoHeight:!1})),Tr.DigitNumber=e=>(0,at.jsx)(ei,w(d({},e),{restrict:"digitNumber",multiline:!1,autoHeight:!1})),Tr.Email=e=>(0,at.jsx)(ei,w(d({},e),{restrict:"email",multiline:!1,autoHeight:!1})),Tr.Url=e=>(0,at.jsx)(ei,w(d({},e),{restrict:"url",multiline:!1,autoHeight:!1})),Tr.Postal=e=>{let[t]=(0,bi.useState)(Ur.default.uuid.gen());return(0,bi.useEffect)(()=>()=>{se.delete(t)},[]),(0,at.jsx)(ei,w(d({label:"\u90F5\u4FBF\u756A\u53F7"},e),{restrict:"postal",multiline:!1,autoHeight:!1,leftIcon:(0,at.jsx)(kc,{ssSphere:2,fontColor:"4.thin",children:"\u3012"})}))},Tr.Password=e=>(0,at.jsx)(ei,w(d({label:"\u30D1\u30B9\u30EF\u30FC\u30C9",rightIcon:(0,at.jsx)(dr,{ssSphere:2,padding:0,freeCSS:{pointerEvents:"all"},children:(0,at.jsx)(H.Sub,{ssSphere:2,borderRadius:"3.tone.tertiary",fontColor:"theme",flexCenter:!0,height:1,ssEffectsOnActive:["expand"],onMouseOver:t=>{nn.open(t.currentTarget,"\u30C6\u30AD\u30B9\u30C8\u3092\u8868\u793A",24)},onMouseLeave:nn.abort,tabIndex:-1,onClick:t=>{(0,Ur.default)(t.target).parent().parent().find("input").callback(r=>{let o=r[0];o.type=o.type==="password"?"text":"password"})},children:(0,at.jsx)(G,{icon:v8.faEye})})}),restrict:"password"},e),{multiline:!1,autoHeight:!1})),Tr.Concealed=e=>(0,at.jsx)(Tr.Password,w(d({label:"\u79D8\u5BC6\u9375"},e),{restrict:"concealed"})),Tr.Money={JPY:e=>(0,at.jsx)(Tr.DigitNumber,w(d({rightIcon:(0,at.jsx)(dr,{ssSphere:2,fontColor:"4.thin",children:"\u5186"})},e),{multiline:!1,autoHeight:!1}))};var Fp=L(je()),kv=L(it()),b8=L(ot());function II(e){let{value:t,states:r}=e,{required:o}=r,a=[];return o&&!t&&a.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!a.filter(({type:n})=>n=="invalid").length,notice:a}}var PI=e=>{let t=e,{componentID:r,tone:o,required:a,form:n,value:i,enableFormSubmit:l,checkValidationAtFirst:s,onInput:c,onKeyDown:f,onValidate:p,onUpdateValue:m,onUpdateValidValue:h,children:_="",leftIndicator:S,rightIndicator:k,leftIcon:b,rightIcon:g,freeCSS:y,wrapStyles:C}=t,D=ge(t,["componentID","tone","required","form","value","enableFormSubmit","checkValidationAtFirst","onInput","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","children","leftIndicator","rightIndicator","leftIcon","rightIcon","freeCSS","wrapStyles"]),[x,P]=(0,kv.useState)(Ge.DefaultStatus(r,i)),[O,M]=(0,kv.useState)({ok:!1,notice:[]});return Ge.CommonEffects({type:"contenteditable",states:e,val_status:x,set_status:P,val_validate:O,set_validate:M,SystemValidation:II}),(0,Fp.jsx)(fr,{val_status:x,set_status:P,val_validate:O,states:e,children:(0,Fp.jsx)(v,w(d({contentEditable:!0,"data-show-validation":Ge.isShowValidation(O,x,!!s),"data-component-id":x.componentID,onKeyDown:V=>{f&&f(V),l&&Ge.SubmitForm(V,n)},onInput:V=>{let J=V.currentTarget,{innerHTML:K,innerText:ee}=J;O.ok&&M({ok:!1,notice:[]}),P(_e=>w(d({},_e),{dataValue:ee,eventType:"update",eventID:b8.default.uuid.gen()})),c&&c(V)}},D),{children:_}))})},y8=e=>{e=w(d({rows:5},e),{freeCSS:d({whiteSpace:"pre-wrap"},e.freeCSS)});let t=Zr(e);return(0,Fp.jsx)(Jt,{componentID:e.componentID,children:PI,states:t})};var id=L(je()),Tv=L(it()),nd=L(ot());function BI(e){let{value:t,states:r}=e,{required:o,numericOnly:a=!1,digits:n}=r,i=[];return o&&!t&&i.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),t&&(a&&t.match(/\D/)&&i.push({type:"invalid",label:"\u6570\u5B57\u306E\u307F\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),t.length!=n&&i.push({type:"warn",label:"\u6700\u5F8C\u307E\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"})),{ok:!i.filter(({type:l})=>l=="invalid"||l=="warn").length,notice:i}}var AI=(e,t="")=>{let r=String(t),o=[];for(let a=0;a<e;a++)o[a]=r[a]||"";return{formatValue:o,dataValue:r}},w8=(e="")=>{let t=e,r=t.join("");return{formatValue:t,dataValue:r}},FI=e=>{let t=e,{tone:r,required:o,form:a,name:n,className:i="",digits:l,numericOnly:s=!1,enableFormSubmit:c,checkValidationAtFirst:f,onChange:p,onKeyDown:m,onValidate:h,onUpdateValue:_,onUpdateValidValue:S,value:k="",override:b,freeCSS:g,wrapStyles:y,combineInput:C,componentID:D,listStyles:x}=t,P=ge(t,["tone","required","form","name","className","digits","numericOnly","enableFormSubmit","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","override","freeCSS","wrapStyles","combineInput","componentID","listStyles"]),[O,M]=(0,Tv.useState)(w(d({componentID:e.componentID||""},AI(l,k)),{eventType:"init",eventID:nd.default.uuid.gen()})),[V,J]=(0,Tv.useState)({ok:!1,notice:[]});Ge.CommonEffects({type:"textfield",states:e,val_status:O,set_status:M,val_validate:V,set_validate:J,SystemValidation:BI});let K=[];for(let ee=0;ee<l;ee++){let _e=O.formatValue[ee],Ce={},N=i;e.combineInput&&(N=[i,Sc("DigitCharacterCell"),Sc("Combined")].join(" ")),K.push((0,id.jsx)("input",{type:"text",inputMode:s?"numeric":e.inputMode||"text",value:_e,id:"Digit-"+ee+"-"+O.componentID,className:N,style:d(d({},e.style),Ce),onKeyDown:z=>{let{key:te,code:de}=z;if(te=="Tab")return;z.preventDefault();let $=null;if(te=="Backspace"){let ue=O.formatValue;ue[ee]="",M(He=>w(d(d({},He),w8(ue)),{eventType:"update",eventID:nd.default.uuid.gen()})),$=ee-1}else if(["ArrowLeft","ArrowRight"].includes(te)){let ue=+(te=="ArrowRight")*2-1;$=ee+ue}else c&&Ge.SubmitForm(z,a),(()=>{let ue=de.match(/^(Key(.)|Digit(\d)|Numpad(\d))/);if(!ue)return;let He=ue[2]||ue[3]||ue[4];if(s&&!He.match(/\d/)||!He)return;let Ie=O.formatValue;Ie[ee]=He,M(Te=>w(d(d({},Te),w8(Ie)),{eventType:"update",eventID:nd.default.uuid.gen()})),$=ee+1})();nd.default.is.exist($)&&Re("#Digit-"+$+"-"+O.componentID).focus()},onChange:()=>{}},ee))}return(0,id.jsx)(fr,{val_status:O,set_status:M,val_validate:V,states:e,children:(0,id.jsx)(Ee,w(d({gap:"1/2",flexChilds:"even",flexWrap:!1,flexSizing:"auto"},x),{children:K}))})},S8=e=>{e=d({},e),e=d({textAlign:"center",width:0},e),e.combineInput&&(e=w(d({textAlign:"center",width:0},e),{freeCSS:d({minWidth:12*2,marginRight:-1},e.freeCSS),listStyles:d({borderRadius:"2.tone.secondary",border:"unset",gap:0},e.listStyles)}));let t=Po(Zr(e));return(0,id.jsx)(Jt,{componentID:e.componentID,children:FI,states:t})};var At=L(je()),Fo=L(it()),Co=L(ot());var H8=L(R8()),V8=L(z8());var gt=L(je()),An=L(it()),Pr=L(ot());function zI(e){let{value:t,states:r}=e,{required:o,options:a}=r,n=[];return o&&t===null&&n.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!n.filter(({type:i})=>i=="invalid").length,notice:n}}var Rv={FilterSelectableOptions:(e,t)=>{let r=e.rootStates.options;return t||(r=r.filter(o=>o.type!="label")),r}},Dc={Shallow:e=>{let{rootStates:t,val_status:r}=e,o=Bn(t);return(0,gt.jsx)(v,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:(0,gt.jsx)(ce.Description,w(d({className:t.className},o),{position:"absolute",width:1,freeCSS:w(d({},o.freeCSS),{color:"orange"}),children:(0,gt.jsx)(v,{"data-input-value-shallow":r.componentID,children:"A"})}))})},Button:e=>{let{rootStates:t,val_preventOpenSelectorOnFocus:r,set_preventOpenSelectorOnFocus:o,val_optionFocused:a,set_optionFocused:n,val_validate:i,set_validate:l,val_status:s,set_status:c,val_selectorOpen:f,set_selectorOpen:p}=e,m=t,{tone:h,required:_,form:S,className:k,label:b,isLabelActive:g,placeholder:y,enableFormSubmit:C,emptySelect:D,checkValidationAtFirst:x,onValidate:P,onUpdateValue:O,onUpdateValidValue:M,value:V="",options:J,leftIndicator:K,rightIndicator:ee,leftIcon:_e,rightIcon:Ce,componentID:N,status_id:z,wrapStyles:te,SelectedCellStyles:de,SelectorCellStyles:$,SelectorStyles:ue,SelectorGravityPoint:He}=m,Ie=ge(m,["tone","required","form","className","label","isLabelActive","placeholder","enableFormSubmit","emptySelect","checkValidationAtFirst","onValidate","onUpdateValue","onUpdateValidValue","value","options","leftIndicator","rightIndicator","leftIcon","rightIcon","componentID","status_id","wrapStyles","SelectedCellStyles","SelectorCellStyles","SelectorStyles","SelectorGravityPoint"]),Te="select-sheet-"+t.componentID;return(0,An.useEffect)(()=>{if(t.disabled)return;let be="select-click-"+t.componentID;if(f){let Qe=(0,Pr.default)('[data-input-origin="'+t.componentID+'"]');if(!Qe)return;Ve.open({sheetID:Te,type:"custom",parent:Qe[0],padding:["1/4",0],gravityPoint:t.SelectorGravityPoint||22,closeAtAroundClick:!1,content:(0,gt.jsx)(Dc.Selector,d({},e))}),(0,Pr.default)(document).addEvent({eventID:be,eventType:"click",callback:St=>{let Fe=(0,Pr.default)(St.target),Ye=!!(0,Pr.default)(Fe).parent("."+Qn("Core")).length;(0,Pr.default)(Fe).parent("."+Qn("Selector")).length||Ye||p(!1)}})}else(0,Pr.default)(document).removeEvent([be]),Ve.close(Te)},[f]),(0,An.useEffect)(()=>{if(s.eventType=="init"||!f)return;let be=(0,Pr.default)('[data-input-origin="'+t.componentID+'"]');be&&be.focus()},[s.dataValue]),(0,An.useEffect)(()=>{if(t.disabled||!f)return;let be=se.get("refresh-select-selector-"+t.componentID);be&&be(e)},[t.options,s.dataValue,a]),(0,gt.jsx)(gt.Fragment,{children:(0,gt.jsx)(v,w(d({tabIndex:0},Ie),{"data-disabled":t.disabled,"data-show-validation":Ge.isShowValidation(i,s,!!x),"data-component-id":s.componentID,"data-input-origin":s.componentID,className:[k,Qn("Core")].join(" "),onFocus:be=>{if(Ie!=null&&Ie.onFocus&&(Ie==null||Ie.onFocus(be)),!t.disabled){if(r)return o(!1);p(!0)}},onClick:be=>{Ie!=null&&Ie.onClick&&(Ie==null||Ie.onClick(be)),!t.disabled&&p(!0)},onKeyDown:be=>{let{key:Qe,metaKey:St,ctrlKey:Fe}=be,Ye=St||Fe;if(Ie!=null&&Ie.onKeyDown&&(Ie==null||Ie.onKeyDown(be)),C&&Ge.SubmitForm(be,S),!t.disabled){if(Pr.default.scope(()=>{if(!["ArrowDown","ArrowUp"].includes(Qe))return;if(be.preventDefault(),!f)return p(!0);let B=Qe=="ArrowDown"?1:-1,E=Rv.FilterSelectableOptions(e),j=E.length-1,Q=null;Pr.default.scope(()=>{var T,A,I,W;let q=E.findIndex(ne=>ne.value==a);if(B==1){if(Q=((T=E[0])==null?void 0:T.value)||null,Ye){Q=E[j].value||null;return}if(q==-1||q==j)return;Q=((A=E[q+1])==null?void 0:A.value)||null}else{if(Q=E[j].value||null,Ye){Q=((I=E[0])==null?void 0:I.value)||null;return}if(q==-1||q==0)return;Q=((W=E[q-1])==null?void 0:W.value)||null}}),n(Q)}),Qe=="Escape")p(!1);else if(Qe=="Tab")p(!1);else if(Qe=="Backspace")c(B=>w(d({},B),{dataValue:null,eventType:"update",eventID:Pr.default.uuid.gen()}));else if(Qe==" ")be.preventDefault(),p(!0);else if(Qe=="Enter"){if(!f)return p(!0);be.preventDefault();let B=t.options.find(E=>E.value==a);if(!B)return;c(E=>w(d({},E),{dataValue:B.value,eventType:"update",eventID:Pr.default.uuid.gen()})),p(!1)}}},children:(0,gt.jsxs)(ie.Left,{flexWrap:!0,gap:"1/3",freeCSS:{letterSpacing:".5px"},children:[(0,gt.jsx)(Dc.Placeholder,d({},e)),(0,gt.jsx)(Dc.Selected,d({},e)),(0,gt.jsx)(Nr,{width:0,overflow:"hidden",opacity:"trans",children:"A"})]})}))})},Placeholder:e=>!e.rootStates.placeholder||e.val_status.dataValue!==null?null:(0,gt.jsx)(v,{position:"absolute",opacity:"middle",fontColor:"3.blur",children:e.rootStates.placeholder||""}),Selector:e=>{let[t,r]=(0,An.useState)(e),{rootStates:o}=t;(0,An.useEffect)(()=>{se.set({["refresh-select-selector-"+o.componentID]:l=>{r(l)}})},[]);let a=[],n=Rv.FilterSelectableOptions(t,!0),i=Rv.FilterSelectableOptions(t);return n.forEach((l,s)=>{let{type:c,value:f}=l,p=t.val_optionFocused==f,m=t.val_status.dataValue===f;if(c=="selector"){a.push((0,gt.jsx)(H.Sub.S,{color:"cloud",backgroundColor:"trans",borderRadius:0,fontColor:"2.normal",textAlign:"left",padding:["1/2",1.5],isActive:m||p,isActiveStyles:p?{backgroundColor:"cloud"}:{backgroundColor:"theme.opa.few",fontColor:"theme"},onClick:h=>{t.set_status(_=>w(d({},_),{dataValue:f,eventType:"update",eventID:Pr.default.uuid.gen()})),t.set_selectorOpen(!1),t.set_preventOpenSelectorOnFocus(!0)},children:(0,gt.jsxs)(ie.Left,{gap:"1/2",children:[m&&(0,gt.jsx)(G.Check,{fontColor:"theme"}),(0,gt.jsx)(ce.Supplement,{transition:"short",children:l.label})]})},String(f)));return}a.push((0,gt.jsx)(v,{children:l.label},Pr.default.uuid.gen()))}),i.length||(a=[(0,gt.jsx)(ce.Supplement,{padding:[0,1],fontColor:"4.thin",children:"\u5019\u88DC\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093"},"no-selector-notice")]),(0,gt.jsx)(Ve.Body,{className:Qn("Selector"),ssCardBox:!0,borderRadius:"3.tone.tertiary",boxShadow:"1.normal",freeCSS:{minWidth:12*14},children:(0,gt.jsx)(xe,{gap:0,padding:[1,0],children:a})})},Selected:e=>{let t=[];return e.val_status.dataValue!==null&&Pr.default.scope(()=>{let r=e.rootStates.options.find(o=>Pr.default.JsonTo(o.value)==Pr.default.JsonTo(e.val_status.dataValue));r&&t.push((0,gt.jsx)(v,w(d({},e.rootStates.SelectedCellStyles),{children:r.label}),String(r.value)))}),(0,gt.jsx)(gt.Fragment,{children:t})},Core:e=>{let{value:t}=e,[r,o]=(0,An.useState)(Ge.DefaultStatus(e.componentID,t)),[a,n]=(0,An.useState)(!1),[i,l]=(0,An.useState)(!1),[s,c]=(0,An.useState)(e.value||null),[f,p]=(0,An.useState)({ok:!1,notice:[]}),m={rootStates:e,val_preventOpenSelectorOnFocus:a,set_preventOpenSelectorOnFocus:n,val_optionFocused:s,set_optionFocused:c,val_selectorOpen:i,set_selectorOpen:l,val_status:r,set_status:o,val_validate:f,set_validate:p};return Ge.CommonEffects({type:"select",states:e,val_status:r,set_status:o,val_validate:f,set_validate:p,SystemValidation:zI}),(0,gt.jsxs)(fr,{val_status:r,set_status:o,val_validate:f,states:e,children:[(0,gt.jsx)(Ol,{componentID:e.componentID,fontSize:e.fontSize,required:e.required,label:e.label,isActive:e.isLabelActive||r.dataValue!==null}),(0,gt.jsx)(Dc.Shallow,d({},m)),(0,gt.jsx)(Dc.Button,d({},m))]})}},ti=e=>{let t=d({},e);return t=w(d({emptySelect:!0},t),{freeCSS:d({cursor:"pointer"},t.freeCSS)}),t.emptySelect&&(t.options=[{value:null,label:(0,gt.jsx)(ce.Supplement,{fontColor:"4.thin",children:"\u9078\u629E\u3092\u89E3\u9664"})},...t.options]),t.value=t.value||null,t.options.forEach((r,o)=>{let{type:a,value:n}=r;t.options[o]=w(d({},r),{value:n,type:a||"selector"})}),Pr.default.is.nullish(t.rightIcon)&&(t.rightIcon=(0,gt.jsx)(dr,{ssSphere:2,children:(0,gt.jsx)(G.AngleDown,{})})),(0,gt.jsx)(Jt,{componentID:t.componentID,children:Dc.Core,states:Zr(t)})};var le=L(je()),M8=L(it()),Xi=L(it()),kt=L(ot());var pr=L(je()),Lv=L(it()),Ki=L(ot());function OI(e){let{value:t,states:r}=e,{type:o,required:a,min:n,max:i}=r;n=n||0,i=i||65535;let l=[],s=t.length;return a&&(s||o=="radio"&&l.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"})),s<n&&l.push({type:"invalid",label:n+"\u500B\u4EE5\u4E0A\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044"}),s>i&&l.push({type:"invalid",label:i+"\u500B\u307E\u3067\u9078\u629E\u3067\u304D\u307E\u3059"}),{ok:!l.filter(({type:c})=>c=="invalid").length,notice:l}}var ld={OptionalListWrapper:e=>{let{value:t,options:r=[]}=e,o=Ki.default.is.exist(t)?Ki.default.flatArray(t):[],a=[];return o.forEach(n=>{r.findIndex(i=>Ki.default.JsonTo(i.value)==Ki.default.JsonTo(n))!=-1&&a.push(n)}),(0,pr.jsx)(ld.Core,w(d({},e),{value:a,options:r}))},Core:e=>{let t=e,{type:r,tone:o,required:a,componentID:n="",form:i,override:l,icon:s,iconType:c,CustomIcon:f,enableFormSubmit:p,checkValidationAtFirst:m,onValidate:h,onUpdateValue:_,onUpdateValidValue:S,value:k,options:b,className:g,cellStyles:y,cellClassName:C,cellCheckedStyles:D,cellCheckedClassName:x,min:P,max:O,hideInput:M,freeCSS:V,wrapStyles:J}=t,K=ge(t,["type","tone","required","componentID","form","override","icon","iconType","CustomIcon","enableFormSubmit","checkValidationAtFirst","onValidate","onUpdateValue","onUpdateValidValue","value","options","className","cellStyles","cellClassName","cellCheckedStyles","cellCheckedClassName","min","max","hideInput","freeCSS","wrapStyles"]),[ee,_e]=(0,Lv.useState)(Ge.DefaultStatus(n,k)),[Ce,N]=(0,Lv.useState)({ok:!1,notice:[]});return Ge.CommonEffects({type:"list."+r,states:e,val_status:ee,set_status:_e,val_validate:Ce,set_validate:N,SystemValidation:OI}),(0,pr.jsx)(fr,{val_status:ee,set_status:_e,val_validate:Ce,states:e,children:(0,pr.jsx)(ld.List,{rootStates:e,val_status:ee,set_status:_e})})},List:e=>{let{rootStates:t,val_status:r,set_status:o}=e,{componentID:a,type:n,tone:i,icon:l=!0,isChecker:s,options:c,name:f,form:p,tabIndex:m,hideInput:h,disabled:_,className:S,cellStyles:k,cellClassName:b="",cellCheckedStyles:g,cellCheckedClassName:y="",enableFormSubmit:C}=t,{dataValue:D}=r,x=t.CustomIcon,P=c.map((O,M)=>{let V=O,{value:J,label:K,disabled:ee,className:_e="",checkedStyles:Ce,checkedClassName:N="",freeCSS:z}=V,te=ge(V,["value","label","disabled","className","checkedStyles","checkedClassName","freeCSS"]),de=Ki.default.uuid.gen(),$=D.findIndex(Te=>Te===J)!=-1,ue=d(d({},k),te),He=[ms("Label"),b,_e];$&&(ue=w(d(d(d({},ue),g),Ce),{freeCSS:d(d(d({},ue==null?void 0:ue.freeCSS),g==null?void 0:g.freeCSS),Ce==null?void 0:Ce.freeCSS)}),He=[...He,y,N]);let Ie=()=>{if(_||ee)return;let Te=[];if(n=="radio")Te=[J];else if(n=="checkbox"||s)if(!$)Te=[...r.dataValue,J];else{let be=[...r.dataValue];be.splice(r.dataValue.findIndex(Qe=>Qe==J),1),Te=be}o(be=>w(d({},be),{dataValue:Te,eventType:"update",eventID:Ki.default.uuid.gen()}))};return[(0,pr.jsx)(v,{htmlTag:"input",type:n=="radio"?"radio":"checkbox",className:ms("Input"),name:"RadioCheckbox-"+f,"data-list-index":a+"-"+M,id:de,value:String(J),disabled:_||ee,checked:$,onFocus:Te=>{ee||n=="radio"&&(r.dataValue.length||o(be=>w(d({},be),{dataValue:[J],eventType:"update",eventID:Ki.default.uuid.gen()})))},onChange:()=>{Ie()},onKeyDown:Te=>{let{key:be,shiftKey:Qe}=Te;if((n=="checkbox"||e.rootStates.isChecker)&&be!="Tab"&&be.match(/Arrow/)){Te.preventDefault();let St=["ArrowLeft","ArrowUp"].includes(be)?-1:1,Fe=M+St;Fe<0?Fe=c.length-1:Fe>=c.length&&(Fe=0),Re(`input[data-list-index="${a}-${Fe}"]`).focus()}C&&Ge.SubmitForm(Te,p)},tabIndex:m},"List-"+JSON.stringify(J)),(0,pr.jsxs)(v,w(d({htmlTag:"label","data-disabled":_||ee,htmlFor:de,className:He.join(" "),tabIndex:-1,display:"flex",verticalAlign:"center",gap:"1/6",flexWrap:!1},ue),{children:[l&&(0,pr.jsx)(x,{isChecked:$,toggle:()=>{Ie()}}),Ki.default.is.string(K)?(0,pr.jsx)(v,{children:K}):K]}),"ListTrigger-"+JSON.stringify(J))]});return(0,pr.jsx)(Ee,{flexSizing:"auto",style:t.style,freeCSS:d({},t.freeCSS),className:[S,ms("CellBase"),ms("HideInput_"+h),ms("IconIndicator_"+!!l),ms("Tone_"+i)].join(" "),children:P})},RadioIcon:e=>(0,pr.jsx)(H.Normal,{ssPushable:!0,tabIndex:-1,ssEffectsOnActive:"ripple.cloud",ssSphere:3,onClick:t=>{t.preventDefault(),t.stopPropagation(),e.toggle()},children:(0,pr.jsx)(v,{ssSphere:1.5,border:"3.thick",borderWidth:2,borderColor:e.isChecked?"theme":"3.thick",position:"relative",transition:"middle",children:(0,pr.jsx)(v,{position:"absolute",transition:"middle",isRounded:!0,backgroundColor:e.isChecked?"theme":"trans",opacity:e.isChecked?"max":"trans",freeCSS:{width:"60%",height:"60%",transform:e.isChecked?"scale(1)":"scale(.6)"}})})}),CheckboxIcon:e=>(0,pr.jsx)(H.Normal,{ssPushable:!0,color:"cloud",tabIndex:-1,ssEffectsOnActive:"ripple.cloud",ssSphere:3,onClick:t=>{t.preventDefault(),t.stopPropagation(),e.toggle()},children:(0,pr.jsx)(v,{ssSquare:1.5,flexCenter:!0,border:"3.thick",borderWidth:2,borderColor:e.isChecked?"theme":"3.thick",borderRadius:"3.tone.tertiary",position:"relative",backgroundColor:e.isChecked?"theme":"trans",transition:"middle",fontColor:"white",children:(0,pr.jsx)(G.Check,{transition:"middle",opacity:e.isChecked?"max":"trans",freeCSS:{zIndex:8}})})})},Nv=e=>{e=e||"checkbox";let t=o=>(o=w(d({gap:"1/2",iconType:e=="radio"?"radio":"checkbox"},o),{type:e,cellStyles:d({position:"relative",borderRadius:"2.tone.secondary",transition:"middle"},o.cellStyles)}),o.CustomIcon||(o.iconType=="radio"?o.CustomIcon=ld.RadioIcon:o.iconType=="checkbox"&&(o.CustomIcon=ld.CheckboxIcon)),o.tone=="normal"?(o.cellStyles=d({padding:["1/4",1],border:"1.thin",isRounded:!0,backgroundColor:"layer.1"},o.cellStyles),o.cellCheckedStyles=d({borderColor:"theme",fontColor:"theme",boxShadow:"1.normal"},o.cellCheckedStyles)):o.tone=="border"?(o.cellStyles=d({paddingRight:1,border:"1.thin",isRounded:!0,backgroundColor:"layer.1"},o.cellStyles),o.cellCheckedStyles=d({borderColor:"theme",fontColor:"theme"},o.cellCheckedStyles)):o.tone=="cloud"&&(o.cellStyles=d({paddingRight:1,isRounded:!0,border:"1.thin",backgroundColor:"layer.2"},o.cellStyles),o.cellCheckedStyles=d({backgroundColor:"cloud",fontColor:"theme"},o.cellCheckedStyles)),o=Po(o),(0,pr.jsx)(Jt,{componentID:o.componentID,children:ld.OptionalListWrapper,states:o})),r=t;return r.Normal=o=>(0,pr.jsx)(t,d({type:e,tone:"normal",icon:!1},o)),r.Border=o=>(0,pr.jsx)(t,d({type:e,tone:"border"},o)),r.Cloud=o=>(0,pr.jsx)(t,d({type:e,tone:"cloud"},o)),r.Vivid=o=>(0,pr.jsx)(t,d({type:e,tone:"normal",icon:!1,cellCheckedStyles:{backgroundColor:"theme",fontColor:"white"}},o)),r.Simple=o=>(0,pr.jsx)(t,d({type:e,tone:"plain",icon:!1,cellCheckedStyles:{fontColor:"theme"}},o)),r},zp=Nv("checkbox"),ys=Nv("radio"),O8=Nv();var Iv=e=>{var t,r;let o=[],a=Number((t=e==null?void 0:e.min)!=null?t:1900),n=Number((r=e==null?void 0:e.max)!=null?r:kt.default.Time().addYear(10).year);for(let i=a;i<=n;i++)o.unshift({value:i,label:[i,...kt.default.transformer.wareki(i).value].join(" -")});return o},j8=e=>{let{restrict:t,era:r="year",defaultValue:o=""}=e;e=d({},e),e.tipsID=e.tipsID||kt.default.uuid.gen();let a=(0,Xi.useRef)(!1),[n,i]=(0,Xi.useState)((()=>{var s,c;if(t=="clock"){let f=String(o).split(/[^\d]/);f[0]||(f=[0,0]);let p=Number(f[0]),m=Number(f[1]);return{modifiedType:"init",hour:p,minutes:m}}else if(t=="date"){let[f,p,m]=(s=String(o))==null?void 0:s.split(/\D/);return(kt.default.is.nullish(f)||kt.default.is.nullish(p)||kt.default.is.nullish(m))&&([f,p,m]=kt.default.Time().toFormat("%Y-%M-%D").split("-")),{modifiedType:"init",year:Number(f),month:Number(p),date:Number(m)}}else if(t!="week"){if(t=="month"){let[f,p]=String(o).split(/\D/);return(kt.default.is.nullish(f)||kt.default.is.nullish(p))&&([f,p]=kt.default.Time().toFormat("%Y-%M").split("-")),{modifiedType:"init",year:Number(f),month:Number(p)}}else if(t=="year"){let[f]=String(o).split(/\D/);return kt.default.is.nullish(f)&&([f]=kt.default.Time().toFormat("%Y").split("-")),{modifiedType:"init",year:Number(f)}}else if(t=="dateWareki"){let[f,p,m]=(c=String(o))==null?void 0:c.split(/\D/);return(kt.default.is.nullish(f)||kt.default.is.nullish(p)||kt.default.is.nullish(m))&&([f,p,m]=kt.default.Time().toFormat("%Y-%M-%D").split("-")),{modifiedType:"init",era:r||"year",year:Number(f),month:Number(p),date:Number(m)}}}return{}})());(0,Xi.useEffect)(()=>{if(a.current){if(n.modifiedType=="update"){let s="",c=r||"year";if(t=="clock"){let{hour:f,minutes:p}=n;s=[f.zeroEmbed(2),p.zeroEmbed(2)].join("/")}else if(t=="date"){let{year:f,month:p,date:m}=n;s=[f,p.zeroEmbed(2),m.zeroEmbed(2)].join("/")}else if(t!="week"){if(t=="month"){let{year:f,month:p}=n;s=[f,p.zeroEmbed(2)].join("/")}else if(t=="year"){let{year:f}=n;s=String(f)}else if(t=="dateWareki"){let{year:f,month:p,date:m,era:h}=n;c=h,s=[f,p.zeroEmbed(2),m.zeroEmbed(2)].join("/")}}e.onValueUpdate(s,c)}}else a.current=!0},[n]);let l=w(d({},e),{val_value:n,set_value:i});return(0,le.jsx)(v,{backgroundColor:"layer.1",borderRadius:"2.tone.secondary",boxShadow:"1.remark",border:!0,overflow:"hidden",children:(0,le.jsx)(v,{overflow:"auto",className:Qt(t.toCapital()+"Base"),children:t=="clock"?(0,le.jsx)(hr.Clock.index,d({},l)):t=="date"?(0,le.jsx)(hr.Date.index,d({},l)):t=="week"?"":t=="month"?(0,le.jsx)(hr.Month.index,d({},l)):t=="year"?(0,le.jsx)(hr.Year.index,d({},l)):t=="dates"||t=="months"?"":t=="dateWareki"?(0,le.jsx)(hr.DateWareki.index,d({},l)):(0,le.jsx)(le.Fragment,{})})})},hr={Clock:{index:e=>{let{min:t,max:r,onValueUpdate:o,tipsID:a,val_value:n,set_value:i}=e,[l,s]=(0,Xi.useState)(n.hour>12?2:1),[c,f]=(0,Xi.useState)(Number(localStorage.getItem("timePickerUnit")||5));(0,Xi.useEffect)(()=>{localStorage.setItem("timePickerUnit",String(c))},[c]);let{hour:p,minutes:m}=n;return(0,le.jsxs)(xe,{padding:1,children:[(0,le.jsxs)(Ee,{flexType:"row",flexWrap:!1,gap:1,className:Qt("Body"),children:[(0,le.jsxs)(xe,{className:Qt("DesignSide"),flexSizing:0,children:[(0,le.jsx)(v,{className:Qt("ClockUiBase"),padding:[1,"2/3"],flexCenter:!0,children:(0,le.jsxs)(v,{className:Qt("ClockUi"),backgroundColor:"theme.opa.low",isRounded:!0,position:"relative",children:[(0,le.jsx)(v,{position:"absolute",backgroundColor:"theme",unitWidth:"1/12",className:[Qt("Needle"),Qt("hour")].join(" "),freeCSS:{transform:`rotate(${p*30+m/2}deg)`}}),(0,le.jsx)(v,{position:"absolute",backgroundColor:"theme",unitWidth:"1/12",className:[Qt("Needle"),Qt("minute")].join(" "),freeCSS:{transform:`rotate(${m*6}deg)`}})]})}),(0,le.jsx)(ys,{icon:!0,value:[l],options:[{value:1,label:"AM"},{value:2,label:"PM"}],flexType:"col",gap:0,tabIndex:-1,onUpdateValidValue:({value:h})=>{let _=n.hour%12+(h==2?12:0);s(h),i({modifiedType:"update",hour:_,minutes:n.minutes})}}),(0,le.jsx)(v,{borderTop:!0,margin:[0,1]}),(0,le.jsx)(ys,{icon:!0,value:[c],options:[{value:1,label:"/ 1\u5206"},{value:2,label:"/ 2\u5206"},{value:5,label:"/ 5\u5206"}],flexType:"col",gap:0,tabIndex:-1,onUpdateValidValue:({value:h})=>{f(h)}})]}),(0,le.jsxs)(xe,{children:[(0,le.jsxs)(v,{flexCenter:!0,isSemiBoldFont:!0,fontSize:"3.paragraph",children:[n.hour.zeroEmbed(2)," : ",n.minutes.zeroEmbed(2)]}),(0,le.jsxs)(Ee,{flexWrap:!1,ssCardBox:!0,flexChilds:"even",padding:["1/3",0],freeCSS:{minWidth:12*12},children:[(0,le.jsx)(xe,{gap:0,overflow:"auto",padding:"2/3",borderRight:!0,freeCSS:{maxHeight:12*22},children:hr.Clock.Hours({onClick:h=>{let _=h+(l==2?12:0);i({modifiedType:"update",hour:_,minutes:n.minutes})},min:t,max:r,ampm:l})}),(0,le.jsx)(xe,{gap:0,overflow:"auto",padding:"2/3",freeCSS:{maxHeight:12*22},children:hr.Clock.Minutes({onClick:h=>{i({modifiedType:"update",hour:n.hour,minutes:h})},min:t,max:r,unit:c})})]})]})]}),(0,le.jsx)(hr.Variables.Footer,{tipsID:a,onValueUpdate:o})]})},Hours:e=>{let t=[];for(let r=0;r<12;r++){let o=e.ampm==2?r+12:r,a=!1;{let n=Number(String(o*100).replace(/\D/ig,""));if(e.min&&Number(String(e.min).replace(/\D/ig,""))>n&&(a=!0),e.max){let i=Number(String(e.max).replace(/\D/ig,""));n>i&&(a=!0)}}t.push((0,le.jsx)(H.Normal,{isLocked:a,borderBottom:!0,borderRadius:0,padding:["1/2",1],freeCSS:{whiteSpace:"nowrap"},tabIndex:-1,onClick:()=>{e.onClick(r)},children:o.zeroEmbed(2)},r))}return t},Minutes:e=>{let t=[];for(let r=0;r<60/e.unit;r++){let o=r*e.unit;t.push((0,le.jsx)(H.Normal,{borderBottom:!0,borderRadius:0,padding:["1/2",1],freeCSS:{whiteSpace:"nowrap"},tabIndex:-1,onClick:()=>{e.onClick(o)},children:o.zeroEmbed(2)},o))}return t}},Date:{index:e=>{let{min:t,max:r,onValueUpdate:o,tipsID:a,val_value:n,set_value:i}=e,{year:l,month:s,date:c}=n;return(0,le.jsxs)(xe,{padding:1,children:[(0,le.jsxs)(ie.Separate,{flexWrap:!0,children:[(0,le.jsxs)(Ee,{verticalAlign:"bottom",horizontalAlign:"left",gap:"2/3",flexWrap:!1,children:[(0,le.jsx)(ti,{override:"force",emptySelect:!1,value:l,options:Iv(),fontSize:"1.mini",border:"1.thin",padding:["1/3","2/3"],paddingRight:1,onUpdateValidValue:({value:f})=>{i({modifiedType:"update",year:Number(f),month:s,date:c})},rightIcon:(0,le.jsx)(dr,{ssSphere:2,right:"1/3",children:(0,le.jsx)(G.AngleDown,{})})}),(0,le.jsx)(ti,{override:"force",emptySelect:!1,value:s,options:(()=>{let f=[];for(let p=1;p<=12;p++)f.push({value:p,label:String(p)+"\u6708"});return f})(),fontSize:"1.mini",border:"1.thin",padding:["1/3","2/3"],paddingRight:1,rightIcon:(0,le.jsx)(dr,{ssSphere:2,right:"1/3",children:(0,le.jsx)(G.AngleDown,{})}),onUpdateValidValue:({value:f})=>{i({modifiedType:"update",year:l,month:Number(f),date:c})}})]}),(0,le.jsx)(hr.Variables.ShiftButtons,{callback:f=>{let p=s+f,m=l;p<=0&&(m--,p=12),p>12&&(m++,p=1),i({modifiedType:"update",year:m,month:p,date:n.date})}})]}),(0,le.jsx)(v,{borderTop:!0}),(0,le.jsx)(v,{children:hr.Date.MonthCalendar({min:t,max:r,year:n.year,month:n.month,current:[n.year,n.month,n.date],callback:f=>{let[p,m,h]=f;i({modifiedType:"update",year:p,month:m,date:h})}})}),(0,le.jsx)(hr.Variables.Footer,{tipsID:a,onValueUpdate:o})]})},MonthCalendar:e=>{let{min:t,max:r,year:o,month:a,current:n,callback:i}=e,l=kt.default.Time(),s=kt.default.Time([o,a.zeroEmbed(2),"01"].join("/")),c=s.getLastDayOfTheMonth(),f=kt.default.Time(s).addMonth(-1).getLastDayOfTheMonth().date,p=[],m=[],h=[],_=[],S={padding:0,unitWidth:3,unitHeight:3,flexCenter:!0,borderRadius:"3.tone.tertiary"};for(var k=0;k<7;k++)p.push((0,le.jsx)(v,w(d({className:[Qt("CalendarDay"),Qt("Legend")].join(" ")},S),{children:["\u65E5","\u6708","\u706B","\u6C34","\u6728","\u91D1","\u571F"][k]}),k));for(var k=0;k<s.weekday;k++)m.unshift((0,M8.createElement)(v,w(d({className:[Qt("CalendarDay"),Qt("Dummy")].join(" "),fontColor:"4.thin"},S),{key:k}),f-k));for(var k=1;k<=c.date;k++){let g=k,y=o==l.year&&a==l.month&&k==l.date,C=!1;{let D=Number(String([o,a.zeroEmbed(2),k.zeroEmbed(2)].join("/")).replace(/\D/ig,""));if(e.min&&Number(String(e.min).replace(/\D/ig,""))>D&&(C=!0),e.max){let x=Number(String(e.max).replace(/\D/ig,""));D>x&&(C=!0)}}h.push((0,le.jsx)(H.Clear,w(d({className:[Qt("CalendarDay"),Qt("isToday_"+y)].join(" ")},S),{fontColor:"1.clear",padding:0,flexCenter:!0,isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{i([o,a,g])},tabIndex:-1,isLocked:C,children:k}),g))}for(var k=1;k<7-c.weekday;k++)_.push((0,le.jsx)(v,w(d({className:[Qt("CalendarDay"),Qt("Dummy")].join(" "),fontColor:"4.thin"},S),{children:k}),k));return(0,le.jsxs)(Ot,{gridCols:7,gap:"1/6",children:[p,m,h,_]})}},Month:{index:e=>{let{min:t,max:r,onValueUpdate:o,tipsID:a,val_value:n,set_value:i}=e,{year:l,month:s}=n;return(0,le.jsxs)(xe,{padding:1,children:[(0,le.jsxs)(ie.Separate,{gap:0,children:[(0,le.jsx)(ie.Center,{verticalAlign:"bottom",gap:"2/3",children:(0,le.jsx)(ti,{emptySelect:!1,value:l,options:Iv(),override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,rightIcon:(0,le.jsx)(dr,{ssSphere:2,right:"1/3",children:(0,le.jsx)(G.AngleDown,{})}),onUpdateValidValue:({value:c})=>{i({modifiedType:"update",year:Number(c),month:s})}})}),(0,le.jsx)(hr.Variables.ShiftButtons,{callback:c=>{let f=Math.min(Math.max(l+c,1900),2100);i({modifiedType:"update",year:f,month:s})}})]}),(0,le.jsx)(v,{borderTop:!0}),hr.Month.Months({min:t,max:r,year:n.year,callback:c=>{let[f,p]=c;i({modifiedType:"update",year:f,month:p})}}),(0,le.jsx)(hr.Variables.Footer,{tipsID:a,onValueUpdate:o})]})},Months:e=>{let{year:t,callback:r}=e,o=kt.default.Time(),a=[];for(let n=1;n<=12;n++){let i=t==o.year&&n==o.month,l=!1;{let c=Number(String([t,n.zeroEmbed(2)].join("/")).replace(/\D/ig,""));if(e.min&&Number(String(e.min).replace(/\D/ig,""))>c&&(l=!0),e.max){let f=Number(String(e.max).replace(/\D/ig,""));c>f&&(l=!0)}}let s=[Qt("Cell"),i?Qt("isThisMonth"):""].join(" ");a.push((0,le.jsxs)(H.Clear,{className:s,isLocked:l,fontColor:"2.normal",padding:["1/3",1],ssEffectsOnActive:"shrink",onClick:()=>{r([t,n])},children:[n," \u6708"]},t+"-"+n))}return(0,le.jsx)(Ot,{gridCols:4,gap:"2/3",children:a})}},Year:{index:e=>{let{min:t,max:r,onValueUpdate:o,tipsID:a,val_value:n,set_value:i}=e,{year:l}=n;return(0,le.jsxs)(xe,{padding:1,children:[(0,le.jsx)(ti,{emptySelect:!1,paddingRight:1,fontSize:"1.mini",value:l||kt.default.Time().year,override:"force",options:Iv({min:t,max:r}),onUpdateValidValue:({value:s})=>{i({modifiedType:"update",year:Number(s)})}}),(0,le.jsx)(hr.Variables.Footer,{tipsID:a,onValueUpdate:o,onSubmit:()=>{i({modifiedType:"update",year:Number(l||kt.default.Time().year)})}})]})}},DateWareki:{index:e=>{let{min:t,max:r,onValueUpdate:o,tipsID:a,val_value:n,set_value:i}=e,{era:l,year:s,month:c,date:f}=n,p={val_value:n,set_value:i};return(0,le.jsxs)(v,{children:[(0,le.jsxs)(ie.Left,{borderBottom:!0,gap:0,verticalAlign:"unset",children:[(0,le.jsx)(hr.DateWareki.EraSelect,d({},p)),(0,le.jsx)(v,{borderRight:!0}),(0,le.jsx)(hr.DateWareki.Calendar,d({},p))]}),(0,le.jsx)(ie.Right,{padding:1,children:(0,le.jsx)(hr.Variables.Footer,{tipsID:a,onValueUpdate:o})})]})},EraSelect:e=>{let{val_value:t,set_value:r}=e,o={padding:["1/2",1.5],fontColor:"3.blur"},a={backgroundColor:"cloud",fontColor:"2.normal",isSemiBoldFont:!0};return(0,le.jsxs)(xe,{padding:1,gap:0,children:[(0,le.jsx)(H.Clear,w(d({color:"cloud"},o),{isActiveStyles:a,isActive:t.era=="year",onClick:()=>{let n=kt.default.Time();r({modifiedType:"update",era:"year",year:n.year,month:n.month,date:n.date})},children:"\u897F\u66A6"})),(0,le.jsx)(H.Clear,w(d({color:"cloud"},o),{isActiveStyles:a,isActive:t.era=="reiwa",onClick:()=>{let n=kt.default.Time();r({modifiedType:"update",era:"reiwa",year:n.year,month:n.month,date:n.date})},children:"\u4EE4\u548C"})),(0,le.jsx)(H.Clear,w(d({color:"cloud"},o),{isActiveStyles:a,isActive:t.era=="heisei",onClick:()=>{r({modifiedType:"update",era:"heisei",year:2019,month:1,date:1})},children:"\u5E73\u6210"})),(0,le.jsx)(H.Clear,w(d({color:"cloud"},o),{isActiveStyles:a,isActive:t.era=="shouwa",onClick:()=>{r({modifiedType:"update",era:"shouwa",year:1989,month:1,date:1})},children:"\u662D\u548C"})),(0,le.jsx)(H.Clear,w(d({color:"cloud"},o),{isActiveStyles:a,isActive:t.era=="taisho",onClick:()=>{r({modifiedType:"update",era:"taisho",year:1926,month:1,date:1})},children:"\u5927\u6B63"})),(0,le.jsx)(H.Clear,w(d({color:"cloud"},o),{isActiveStyles:a,isActive:t.era=="meiji",onClick:()=>{r({modifiedType:"update",era:"meiji",year:1912,month:1,date:1})},children:"\u660E\u6CBB"}))]})},Calendar:e=>{let{val_value:t,set_value:r}=e,o=[];if(t.era=="year")for(let a=1900;a<2100;a++)o.unshift({value:a,label:a+"\u5E74"});else if(t.era=="reiwa"){let a=kt.default.Time().year-2018;for(let n=1;n<=a+10;n++)o.unshift({value:2019+n-1,label:"\u4EE4\u548C"+(n==1?"\u5143":n)+"\u5E74"})}else if(t.era=="heisei")for(let a=1;a<=31;a++)o.unshift({value:1989+a-1,label:"\u5E73\u6210"+(a==1?"\u5143":a)+"\u5E74"});else if(t.era=="shouwa")for(let a=1;a<=64;a++)o.unshift({value:1926+a-1,label:"\u662D\u548C"+(a==1?"\u5143":a)+"\u5E74"});else if(t.era=="taisho")for(let a=1;a<=15;a++)o.unshift({value:1912+a-1,label:"\u5927\u6B63"+(a==1?"\u5143":a)+"\u5E74"});else if(t.era=="meiji")for(let a=1;a<=45;a++)o.unshift({value:1868+a-1,label:"\u660E\u6CBB"+(a==1?"\u5143":a)+"\u5E74"});return(0,le.jsxs)(xe,{padding:1,children:[(0,le.jsxs)(ie.Separate,{children:[(0,le.jsx)(ti,{emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:1,fontSize:"1.mini",rightIcon:(0,le.jsx)(dr,{ssSphere:2,right:"1/3",children:(0,le.jsx)(G.AngleDown,{})}),options:o,value:t.year,onUpdateValidValue:({value:a})=>{r(n=>w(d({},n),{modifiedType:"update",year:Number(a)}))}}),(0,le.jsxs)(ie.Center,{gap:"1/3",children:[(0,le.jsx)(ti,{emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:1,fontSize:"1.mini",rightIcon:(0,le.jsx)(dr,{ssSphere:2,right:"1/3",children:(0,le.jsx)(G.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:t.month,onUpdateValidValue:({value:a})=>{r({modifiedType:"update",era:t.era,year:t.year,month:Number(a),date:1})}}),(0,le.jsx)(H.Clear.S,{ssSphere:2.5,onClick:()=>{let a=t.month-1;r({modifiedType:"update",era:t.era,year:a==0?t.year-1:t.year,month:a==0?12:a,date:1})},children:(0,le.jsx)(G.ChevronLeft,{})}),(0,le.jsx)(H.Clear.S,{ssSphere:2.5,onClick:()=>{let a=t.month+1;r({modifiedType:"update",era:t.era,year:a==13?t.year+1:t.year,month:a==13?1:a,date:1})},children:(0,le.jsx)(G.ChevronRight,{})})]})]}),(0,le.jsx)(hr.DateWareki.MonthCell,d({},e))]},t.era)},MonthCell:e=>{let{val_value:t,set_value:r}=e,o=kt.default.Time([t.year.zeroEmbed(4),t.month.zeroEmbed(2),t.date.zeroEmbed(2)].join("/"));if(!o.validate)return;let a=o.getFirstDayOfTheMonth().weekday,n=o.getLastDayOfTheMonth(),i=[];for(let s=0;s<7;s++)i.push((0,le.jsx)(ce.Supplement,{flexCenter:!0,fontColor:s==0?"googleRed":s==6?"googleBlue":"3.blur",children:kt.default.transformer.weekday.shortJP(s)},"legend-"+s));for(let s=0;s<a;s++){let c=kt.default.Time(o).getFirstDayOfTheMonth().addDate(s-a);i.push((0,le.jsx)(H.Sub,{color:"cloud",ssSquare:3,opacity:"middle",onClick:f=>{f.preventDefault(),f.stopPropagation(),r({modifiedType:"update",era:t.era,year:c.year,month:c.month,date:c.date})},children:c.date},"lastMonth-"+s))}let l=kt.default.Time();for(let s=1;s<=n.date;s++){let c=kt.default.Time(o).setDate(s),f=l.diff(c).dates==0;i.push((0,le.jsx)(H.Clear,{ssSquare:3,fontColor:"2.normal",className:[Qt("CalendarDay"),Qt("isToday_"+f)].join(" "),onClick:()=>{r({modifiedType:"update",era:t.era,year:c.year,month:c.month,date:c.date})},children:c.date},"currentMonth-"+s))}for(let s=0;s<7-n.weekday-1;s++){let c=kt.default.Time(o).addMonth(1).setDate(1).addDate(s);i.push((0,le.jsx)(H.Sub,{color:"cloud",ssSquare:3,opacity:"middle",onClick:f=>{f.preventDefault(),f.stopPropagation(),r({modifiedType:"update",era:t.era,year:c.year,month:c.month,date:c.date})},children:c.date},"nextMonth-"+s))}return(0,le.jsx)(Ot,{gridCols:7,gap:"1/4",children:i})}},Variables:{Footer:e=>(0,le.jsxs)(Ee,{flexWrap:!1,gap:1,flexChilds:"even",freeCSS:{whiteSpace:"nowrap"},children:[(0,le.jsxs)(H.Sub.S,{tabIndex:-1,isRounded:!0,onClick:()=>{e.onValueUpdate("")},flexSizing:"none",children:[(0,le.jsx)(G.Times,{})," \u524A\u9664"]}),(0,le.jsx)(H.Prime.S,{tabIndex:-1,isRounded:!0,flexSizing:"auto",freeCSS:{minWidth:12*6},onClick:()=>{e.onSubmit&&e.onSubmit(),yt.close(e.tipsID)},children:"\u6C7A\u5B9A"})]}),ShiftButtons:e=>(0,le.jsxs)(Ee,{gap:"1/3",flexWrap:!1,children:[(0,le.jsx)(H.Clear,w(d({className:Qt("LeftButton"),tabIndex:-1,right:0},hr.Variables.ShiftButtonStyles),{onClick:()=>{e.callback(-1)},children:(0,le.jsx)(G.ChevronLeft,{})})),(0,le.jsx)(H.Clear,w(d({className:Qt("RightButton"),tabIndex:-1,left:0},hr.Variables.ShiftButtonStyles),{onClick:()=>{e.callback(1)},children:(0,le.jsx)(G.ChevronRight,{})}))]}),ShiftButtonStyles:{position:"relative",flexCenter:!0,ssSphere:2.5}}};var Ss=" ~ ",jI={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+Ss.length,length:4},{type:"month",from:15+Ss.length,length:2},{type:"date",from:18+Ss.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+Ss.length,length:4},{type:"month",from:13+Ss.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}},ws={PeriodMargin:" ~ ",DataLeveling:e=>{let{restrict:t,value:r,era:o}=e,a=Co.default.flatArray(r||""),{defaultValue:n,format:i,ranges:l,sets:s}=jI[t],c=[],f=t=="clock"?":":"/";for(let p=0;p<a.length;p++)a[p]=String(a[p]).replace(/\D/ig,f);for(let p=0;p<s;p++){let m=a[p]||"";if(!m.match(i))a[p]="",c.push(n);else{let h=n;m.split(/\D/).forEach((_,S)=>{if(S==0&&t=="dateWareki"){let k=Number(_);o!="year"&&(k>=2019?o=="reiwa"?k-=2018:o=="heisei"&&(k=31):k>=1989?o=="heisei"?k-=1988:o=="shouwa"&&(k=64):k>=1926?o=="shouwa"?k-=1925:o=="taisho"&&(k=15):k>=1912?o=="taisho"?k-=1911:o=="meiji"&&(k=45):k>=1868&&(k-=1867)),_=k.zeroEmbed(4)}h=h.replace(new RegExp("------------------".slice(0,_.length)),_)}),c.push(h)}}return{formatValue:c.join(Ss),dataValue:["dates","months"].includes(t)?a:a[0],ranges:l}},SystemValidation:e=>{let{states:t}=e,{restrict:r,min:o,max:a,required:n}=t,i=[],l=Co.default.flatArray(e.value),s={empty:!1,escalated:1,filled:!0,correct:!0,prohibited:!1};(()=>{let c=r=="clock"?":":"/";for(let f=0;f<l.length;f++)l[f]=String(l[f]).replace(/\D/ig,c);for(let f=0;f<l.length;f++){let p=l[f],m=l[f-1];p.removeLetters()||(s.empty=!0),f>0&&(s.escalated&=+(p>=m))}s.escalated&&(s.empty||(r.match(/clock/)?l.forEach(f=>{let[p,m]=f.split(/\D+/);!p||!m?s.filled=!1:(Number(p)>23||Number(m)>59)&&(s.correct=!1)}):r.match(/date/)?l.forEach(f=>{let[p,m,h]=f.split(/\D+/);if(!p||!m||!h)s.filled=!1;else{let _=Co.default.Time(f);(!_.validate||f!=_.toFormatYMD())&&(s.correct=!1)}}):r.match(/week/)?l.forEach(f=>{let[p,m]=f.split(/\D+/);if(!p||!m)s.filled=!1;else{let h=Co.default.Time(p+"/01/01").weekday,_=Co.default.Time(p+"/01/0"+(7-h+1)).addWeek(Number(m)-1);p!=String(_.year)&&(s.correct=!1)}}):r.match(/month/)?l.forEach(f=>{let[p,m]=f.split(/\D+/);!p||!m?s.filled=!1:Co.default.Time([p,m,"01"].join("/")).validate||(s.correct=!1)}):r.match(/year/),s.filled&&s.correct&&l.forEach(f=>{{let p=Number(String(f).replace(/\D/ig,""));if(o&&Number(String(o).replace(/\D/ig,""))>p&&(s.prohibited=!0),a){let m=Number(String(a).replace(/\D/ig,""));p>m&&(s.prohibited=!0)}}})))})();{let{empty:c,escalated:f,filled:p,correct:m,prohibited:h}=s;c&&n&&(i=[{type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}]),f||i.push({type:"invalid",label:"\u6642\u7CFB\u5217\u3092\u6B63\u3057\u304F\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),m||i.push({type:"invalid",label:"\u7121\u52B9\u306A\u5024\u304C\u5165\u529B\u3055\u308C\u3066\u3044\u307E\u3059"}),p||i.push({type:"invalid",label:"\u6700\u5F8C\u307E\u3067\u5024\u3092\u57CB\u3081\u3066\u304F\u3060\u3055\u3044"}),h&&i.push({type:"invalid",label:(0,At.jsxs)(At.Fragment,{children:[(0,At.jsx)(v,{children:"\u5165\u529B\u7BC4\u56F2\u304C\u5236\u9650\u3055\u308C\u3066\u3044\u307E\u3059"}),"[",o||"\u4E0B\u9650\u7121\u3057","] ~ [",a||"\u4E0A\u9650\u7121\u3057","]"]})})}return{ok:!i.filter(({type:c})=>c=="invalid").length,notice:i}},KeyDownEvent:e=>{let{val_era:t,restrict:r,event:o,val_status:a,set_status:n,val_focus:i,set_focus:l}=e,{key:s,shiftKey:c,ctrlKey:f,metaKey:p}=o,m=f||p,{selectionStart:h,selectionEnd:_}=o.target,{index:S,prevIndex:k}=i,{ranges:b,formatValue:g}=a,y=b.length-1;if(["Tab","ArrowLeft","ArrowRight"].includes(s)){let C=0;if(s=="Tab"){let D=+!c*2-1;if(C=i.index+D,C<0||C>y)return}else{let D=s=="ArrowLeft"?-1:s=="ArrowRight"?1:0;m||h==0&&_==String(a.formatValue).length?C=D==1?y:0:C=Math.max(0,Math.min(S+D,y))}l(D=>w(d({},D),{index:C,prevIndex:S})),o.preventDefault()}if(["Backspace","ArrowUp","ArrowDown","0","1","2","3","4","5","6","7","8","9"].includes(s)){o.preventDefault();let C=S;C=Math.max(C,0),C=Math.min(C,y);let{type:D,from:x,length:P}=b[C],O=g.slice(x,x+P),M;if(s=="Backspace")M="------".slice(0,P);else if(["ArrowUp","ArrowDown"].includes(s)){let V=s=="ArrowUp"?1:-1;O=O|0,M=O+V;let[J,K,ee]=D=="dateWareki"?t=="year"?[0,2999,4]:t=="reiwa"?[1,2999,4]:t=="heisei"?[1,31,4]:t=="shouwa"?[1,64,4]:t=="taisho"?[1,15,4]:t=="meiji"?[1,45,4]:[0,0,0]:D=="minute"?[0,59,2]:D=="hour"?[0,23,2]:D=="date"?[1,31,2]:D=="week"?[1,53,2]:D=="month"?[1,12,2]:D=="year"?[0,2999,4]:[0,0,0];M>K?M=J:M<J&&(M=K),M=Number(M).zeroEmbed(ee)}else if(["0","1","2","3","4","5","6","7","8","9"].includes(s)){let V=O|0,J=s,K=`${V}${J}`;if(k!=S&&(V=0,K="0"+J),D=="year"||D=="dateWareki"&&t=="year")Number(K)>1e4?M=J:M=K,(M|0)>1e3&&C++;else if(["hour","minute","date","week","month"].includes(D)||D=="dateWareki"&&t!="year"){let ee=D=="dateWareki"?t=="reiwa"?100:t=="heisei"?31:t=="shouwa"?64:t=="taisho"?15:t=="meiji"?45:0:D=="minute"?59:D=="hour"?23:D=="date"?31:D=="week"?53:D=="month"?12:0;M=(K|0)>ee?J:K,(Number(J)>Number(String(ee)[0])||O=="0000".slice(0,String(ee).length)&&(K!="0000".slice(0,String(ee).length)||["minute","hour"].includes(D)&&k==S)||(K|0)>=qy(10,String(ee).length-1))&&C++}D=="year"||D=="dateWareki"?M=(M|0).zeroEmbed(4):M=(M|0).zeroEmbed(2)}{let V=String(g).partReplace(x,String(M)),J=V.split(Ss).map(K=>K.replace(/(^\D|\D$)/,"").split(/\D+/).join(r=="clock"?":":"/").replace(/(^\D|\D$)/,""));if(r=="dateWareki"){let K=J[0].split(/\D/),[ee,_e,Ce]=K;K.length==3&&ee&&(J=[[Number(ee)-1+Number({year:1,reiwa:2019,heisei:1989,shouwa:1926,taisho:1912,meiji:1868}[t]),_e,Ce].join("/")])}C=Math.max(C,0),C=Math.min(C,y),n(K=>w(d({},K),{dataValue:["dates","months"].includes(r)?J:J[0],formatValue:V,eventType:"update",eventID:Co.default.uuid.gen()})),l(K=>w(d({},K),{index:C,prevIndex:K.index}))}}}},W8={picker:{launch:e=>{let t=e.tipsID||Co.default.uuid.gen(),r=e,{onValueUpdate:o,min:a,max:n,era:i,restrict:l,defaultValue:s}=r,c=ge(r,["onValueUpdate","min","max","era","restrict","defaultValue"]);yt.open(w(d({gravityPoint:e.gravityPoint||24,tipsID:t,padding:0,closeAtAroundClick:!0,closeAtParentBlur:!1},c),{parent:c.parent,content:(0,At.jsx)(j8,{restrict:l,min:a,max:n,era:i,defaultValue:s,tipsID:t,onValueUpdate:(f,p)=>{o(f,p)}})}))},remove:e=>{yt.close(e)}}},HI={Shallow:e=>{let{rootStates:t,val_status:r}=e,o=Bn(t);return(0,At.jsx)(v,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:(0,At.jsx)(ce.Description,w(d({className:t.className},o),{position:"absolute",width:1,freeCSS:w(d({},o.freeCSS),{color:"orange"}),children:(0,At.jsx)(v,{"data-input-value-shallow":r.componentID,children:"A"})}))})}},VI=e=>{let t=e,{tone:r,required:o,restrict:a="clock",componentID:n,era:i,form:l,name:s,min:c,max:f,className:p,enableFormSubmit:m,checkValidationAtFirst:h,onKeyDown:_,onValidate:S,onUpdateValue:k,onUpdateValidValue:b,value:g="",leftIndicator:y,rightIndicator:C,leftIcon:D,rightIcon:x,freeCSS:P,wrapStyles:O}=t,M=ge(t,["tone","required","restrict","componentID","era","form","name","min","max","className","enableFormSubmit","checkValidationAtFirst","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","leftIndicator","rightIndicator","leftIcon","rightIcon","freeCSS","wrapStyles"]),[V,J]=(0,Fo.useState)(i),[K,ee]=(0,Fo.useState)(w(d({componentID:e.componentID||""},ws.DataLeveling({restrict:a,value:g,era:V})),{eventType:"init",eventID:Co.default.uuid.gen()})),[_e,Ce]=(0,Fo.useState)({ok:!1,notice:[]}),[N,z]=(0,Fo.useState)({active:!1,index:0,prevIndex:-1}),te={rootStates:e,val_status:K,set_status:ee,val_validate:_e,set_validate:Ce,val_era:V,set_era:J,val_focus:N,set_focus:z};Ge.CommonEffects({type:"time",states:e,val_status:K,set_status:ee,val_validate:_e,set_validate:Ce,SystemValidation:ws.SystemValidation,ExtraOverrideStates:d({},ws.DataLeveling({restrict:a,value:g,era:V}))});let de=(0,Fo.useRef)(!1);return(0,Fo.useEffect)(()=>{if(de.current){ee(ue=>d(d({},ue),ws.DataLeveling({restrict:a,value:ue.dataValue,era:V})));let $=se.get("refreshEra_"+K.componentID);$&&$.refreshEra(V)}else de.current=!0},[V]),se.update({[K.componentID]:{openPicker:()=>{e.disabled||W8.picker.launch({parent:"#Picker-"+K.componentID,tipsID:"PickerTips-"+K.componentID,restrict:a,min:c,max:f,defaultValue:K.dataValue,era:V,onValueUpdate:($,ue)=>{ee(He=>w(d(d({},He),ws.DataLeveling({restrict:a,value:$,era:ue})),{eventType:"update",eventID:Co.default.uuid.gen()})),J(ue)}})},resetEra:$=>{J($),ee(ue=>w(d(d({},ue),ws.DataLeveling({restrict:a,value:"",era:V})),{eventType:"update",eventID:Co.default.uuid.gen()}))}}}),(0,Fo.useEffect)(()=>{let{index:$,active:ue}=N;if(ue){$=Math.max($,0),$=Math.min($,K.ranges.length-1);let{from:He,length:Ie}=K.ranges[$],Te=Re("#"+e.id)[0];Te&&Te.setSelectionRange(He,He+Ie)}},[N]),(0,At.jsxs)(fr,{val_status:K,set_status:ee,val_validate:_e,states:e,children:[(0,At.jsx)(HI.Shallow,d({},te)),(0,At.jsx)(Ol,{componentID:e.componentID,fontSize:e.fontSize,required:e.required,label:e.label,isActive:!0}),Se.get().isTouchDevice?(0,At.jsx)(H.Plain,{"data-show-validation":Ge.isShowValidation(_e,K,!!h),"data-component-id":K.componentID,className:p,freeCSS:{textAlign:"left"},children:K.formatValue,onClick:$=>{let ue=se.get(K.componentID);ue&&ue.openPicker(),$.stopPropagation()}}):(0,At.jsx)(v,d({htmlTag:"input",type:"text",inputMode:"numeric","data-show-validation":Ge.isShowValidation(_e,K,!!h),"data-input-origin":K.componentID,"data-disabled":e.disabled,value:K.formatValue,className:p,tabIndex:Se.get().isTouchDevice?-1:0,onKeyDown:$=>{ws.KeyDownEvent({restrict:a,event:$,val_era:V,val_status:K,set_status:ee,val_focus:N,set_focus:z}),_&&_($),m&&Ge.SubmitForm($,l)},onKeyUp:$=>{$.key=="Tab"&&z(ue=>w(d({},ue),{active:!0}))},onClick:$=>{let ue=$.target.selectionEnd,He=0;K.ranges.forEach((Ie,Te)=>{let{from:be,length:Qe,region:St}=Ie;be<=ue&&ue<=be+(St||Qe)&&(He=Te)}),z(Ie=>w(d({},Ie),{active:!0,index:He})),$.preventDefault()},onChange:()=>{}},M))]})},yi={Origin:e=>{let t=d({},e),[r]=(0,Fo.useState)(e.componentID||Co.default.uuid.gen());if(t.componentID=r,Co.default.is.nullish(t.rightIcon)){let o=(e.restrict||"").match(/clock/)?H8.faClock:V8.faCalendarAlt;t.rightIcon=(0,At.jsx)(dr,{ssSphere:2,freeCSS:{pointerEvents:"all"},children:(0,At.jsx)(H.Sub,{color:"cloud",border:"unset",ssSphere:2,fontColor:"theme",boxShadow:"0.normal",borderRadius:"3.tone.tertiary",flexCenter:!0,ssEffectsOnActive:"push",tabIndex:-1,id:"Picker-"+t.componentID,onClick:()=>{let a=se.get(t.componentID);a&&a.openPicker()},children:(0,At.jsx)(G,{icon:o})})})}return(0,At.jsx)(Jt,{componentID:t.componentID,children:VI,states:Zr(t)})},Clock:e=>(0,At.jsx)(yi.Origin,d({restrict:"clock",era:"clock"},e)),Date:e=>(0,At.jsx)(yi.Origin,d({restrict:"date"},e)),Week:e=>(0,At.jsx)(yi.Origin,d({restrict:"week"},e)),Month:e=>(0,At.jsx)(yi.Origin,d({restrict:"month"},e)),Year:e=>(0,At.jsx)(yi.Origin,d({restrict:"year"},e)),DateWareki:e=>{e=d({},e);let[t]=(0,Fo.useState)(e.componentID||Co.default.uuid.gen());e.componentID=t;let{defaultEra:r="wareki"}=e,[o,a]=(0,Fo.useState)((()=>{let n="year";if(r=="wareki"&&(n="reiwa",e.value)){let[i,l,s]=e.value.split(/\D/);if(i&&l&&s){let c=Number(i);c>=2019?(c-=2019,n="reiwa"):c>=1989?(c-=1989,n="heisei"):c>=1926?(c-=1926,n="shouwa"):c>=1912?(c-=1912,n="taisho"):c>=1868&&(c-=1868,n="meiji"),c+=1}}return n})());return(0,Fo.useEffect)(()=>{se.set({["refreshEra_"+t]:{refreshEra:n=>{a(n)}}})},[]),(0,At.jsx)(yi.Origin,w(d({restrict:"dateWareki",leftIndicator:(0,At.jsx)(ti,{label:"\u5143\u53F7",emptySelect:!1,value:o,tone:e.tone||"border",override:"force",flexCenter:!0,borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3",height:1,freeCSS:{whiteSpace:"nowrap"},options:[{value:"year",label:"\u897F\u66A6"},{value:"reiwa",label:"\u4EE4\u548C"},{value:"heisei",label:"\u5E73\u6210"},{value:"shouwa",label:"\u662D\u548C"},{value:"taisho",label:"\u5927\u6B63"},{value:"meiji",label:"\u660E\u6CBB"}],onUpdateValidValue:({value:n,eventType:i})=>{a(n);let l=se.get(e.componentID);l&&l.resetEra&&l.resetEra(n)}})},e),{era:o}))},Periods:{Date:e=>(0,At.jsx)(yi.Origin,d({restrict:"dates"},e)),Month:e=>(0,At.jsx)(yi.Origin,d({restrict:"months"},e))},fn:W8};var et=L(je()),Zt=L(it()),wt=L(ot());var ks=L(je());var xs=L(je()),U8=L(ot());var Cs=L(it());var Ec=e=>{let t=e,{color:r="theme",size:o="R",showInitial:a=!1,loaderID:n=""}=t,i=ge(t,["color","size","showInitial","loaderID"]),[l]=(0,Cs.useState)(n),[s]=(0,Cs.useState)(U8.default.uuid.gen()),[c,f]=(0,Cs.useState)(a),p=0;o=="S"?p=1:o=="R"?p=1.5:o=="L"?p=3:o=="XL"?p=4:o=="MAX"&&(p=6);let m={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"}[r];return(0,Cs.useEffect)(()=>{let h=Re('[data-component-id="'+s+'"]');c?h.removeClass(Xt("Hide")).await(10).addClass(Xt("Active")):h.removeClass(Xt("Active")).await(210).addClass(Xt("Hide"))},[c]),(0,Cs.useEffect)(()=>{se.set({[s]:{active:h=>{l==h&&f(!0)},stop:h=>{l==h&&f(!1)},stopForce:()=>{f(!1)}}})},[]),(0,xs.jsxs)(ie.Center,w(d({className:[Xt("MiniLoader"),Xt(a?"Active":"Hide")].join(" "),componentID:s,ssSphere:p,position:"relative"},i),{children:[(0,xs.jsx)("svg",{className:Xt("SVG1"),width:"100",height:"100",viewBox:"0 0 100 100",style:{stroke:m},children:(0,xs.jsx)("circle",{cx:"50",cy:"50",r:"40"})}),(0,xs.jsx)("svg",{className:Xt("SVG2"),width:"100",height:"100",viewBox:"0 0 100 100",style:{stroke:m},children:(0,xs.jsx)("circle",{cx:"50",cy:"50",r:"40"})})]}))};var Fn=L(je());var Op=L(it());var q8=()=>{let[e,t]=(0,Op.useState)(!1);return(0,Op.useEffect)(()=>{se.set({["Loader-corner-"+Se.get().sessionUID+"-corner"]:{active:()=>{t(!0)},stop:()=>{t(!1)}}})},[]),(0,Fn.jsxs)(Ee,{className:[Xt("CornerLoader"),e?Xt("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,Fn.jsxs)(Ee,{className:Xt("Wrap"),flexWrap:!1,verticalAlign:"center",horizontalAlign:"center",children:[(0,Fn.jsx)(v,{className:Xt("Ld4")}),(0,Fn.jsx)(v,{className:Xt("Ld3")}),(0,Fn.jsx)(v,{className:Xt("Ld2")}),(0,Fn.jsx)(v,{className:Xt("Ld1")}),(0,Fn.jsx)(v,{className:Xt("Ld2")}),(0,Fn.jsx)(v,{className:Xt("Ld3")}),(0,Fn.jsx)(v,{className:Xt("Ld4")})]}),(0,Fn.jsx)(v,{fontColor:"white",fontSize:"0.xs",isSemiBoldFont:!0,children:"Loading..."})]})};var Rc=e=>{let t=e.color;return{S:r=>(0,ks.jsx)(Ec,d({size:"S",color:t},r)),R:r=>(0,ks.jsx)(Ec,d({size:"R",color:t},r)),L:r=>(0,ks.jsx)(Ec,d({size:"L",color:t},r)),XL:r=>(0,ks.jsx)(Ec,d({size:"XL",color:t},r)),MAX:r=>(0,ks.jsx)(Ec,d({size:"MAX",color:t},r))}},yr={Wrapper:()=>(0,ks.jsx)(q8,{}),Theme:Rc({color:"theme"}),Posi:Rc({color:"posi"}),Nega:Rc({color:"nega"}),Warn:Rc({color:"warn"}),White:Rc({color:"white"}),Cloud:Rc({color:"cloud"}),fn:{corner:{active:()=>{let e=se.get("Loader-corner-"+Se.get().sessionUID+"-corner");e&&e.active()},stop:()=>{let e=se.get("Loader-corner-"+Se.get().sessionUID+"-corner");e&&e.stop()}},mini:{active:(e="")=>{Re("."+Xt("MiniLoader")).for(t=>{let{dataset:{componentId:r}={}}=t;if(!r)return;let o=se.get(r);o&&o.active&&o.active(e)})},stop:(e="")=>{Re("."+Xt("MiniLoader")).for(t=>{let{dataset:{componentId:r}={}}=t;if(!r)return;let o=se.get(r);o&&o.stop&&o.stop(e)})},stopALL:()=>{Re("."+Xt("MiniLoader")).for(e=>{let{dataset:{componentId:t}={}}=e;if(!t)return;let r=se.get(t);r&&r.stopForce&&r.stopForce()})}},stopALL:()=>{yr.fn.corner.stop(),yr.fn.mini.stopALL()}}};function WI(e){let{value:t,states:r}=e,{required:o,options:a,min:n,max:i}=r;n=n||0,i=i||65535;let l=[],s=t.filter(c=>c!==null).length;return o&&(s||l.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"})),s<n&&l.push({type:"invalid",label:n+"\u500B\u4EE5\u4E0A\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044"}),s>i&&l.push({type:"invalid",label:i+"\u500B\u307E\u3067\u9078\u629E\u3067\u304D\u307E\u3059"}),{ok:!l.filter(({type:c})=>c=="invalid").length,notice:l}}var Lc={InitOptions:e=>{let t=[];return e.forEach(r=>{let{type:o,label:a,value:n,searchValue:i}=r,l=i||(wt.default.is.string(a)?a:"")||(wt.default.is.string(n)?n:"");t.push(w(d({},r),{searchValue:l,type:o||"selector",value:n}))}),t},FilterSelectableOptions:(e,t)=>{let r=e.val_options;if(t||(r=e.val_options.filter(o=>o.type!="label")),e.val_keyword){let o=e.val_keyword.toLower().replace(/ /g,"");r=r.filter(a=>(a.searchValue||"").toLower().replace(/ /g,"").includes(o))}return r}},Nc={Shallow:e=>{let{rootStates:t,val_status:r}=e,o=Bn(t);return(0,et.jsx)(v,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:(0,et.jsx)(ce.Description,w(d({className:t.className},o),{position:"absolute",width:1,freeCSS:w(d({},o.freeCSS),{color:"orange"}),"data-id":"shallow_"+r.componentID,children:(0,et.jsx)(v,{"data-input-value-shallow":r.componentID,children:"A"})}))})},Button:e=>{let{rootStates:t,val_keyword:r,set_keyword:o,val_optionFocused:a,set_optionFocused:n,val_options:i,set_options:l,val_optionsDict:s,set_optionsDict:c,val_preventOpenSelectorOnFocus:f,set_preventOpenSelectorOnFocus:p,val_selectorOpen:m,set_selectorOpen:h,val_status:_,set_status:S,val_validate:k,set_validate:b}=e,g=t,{tone:y,required:C,form:D,className:x,multiSelect:P,enableFormSubmit:O,checkValidationAtFirst:M,onValidate:V,onUpdateValue:J,onUpdateValidValue:K,value:ee="",options:_e,leftIndicator:Ce,rightIndicator:N,leftIcon:z,rightIcon:te,componentID:de,status_id:$,wrapStyles:ue,emptySelect:He,SearchInput:Ie,SearchInputPlaceholder:Te,SelectedComponent:be,SelectorComponent:Qe,SelectorGravityPoint:St,DynamicOptionsOnSearch:Fe}=g,Ye=ge(g,["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,Zt.useEffect)(()=>{var E;if(t.disabled||!m)return;let j=Lc.FilterSelectableOptions(e);n(((E=j[0])==null?void 0:E.value)||null)},[r]),(0,Zt.useEffect)(()=>{_.eventType!="init"&&(t.max==_.dataValue.length?(h(!1),p(!0),setTimeout(()=>{let E=(0,wt.default)('[data-input-origin="'+t.componentID+'"]');E&&E.focus()},10)):(0,wt.default)("#SearchInput_"+t.componentID).focus())},[_.dataValue]);let B="autocomplete-sheet-"+t.componentID;return(0,Zt.useEffect)(()=>{let E="autocomplete-click-"+t.componentID;if(m){let j=(0,wt.default)('[data-input-origin="'+t.componentID+'"]');if(!j)return;(0,wt.default)("#SearchInput_"+t.componentID).focus(),Ve.open({sheetID:B,type:"custom",parent:j[0],padding:["1/4",0],gravityPoint:t.SelectorGravityPoint||22,closeAtAroundClick:!1,content:(0,et.jsx)(Nc.Selector,d({},e))}),(0,wt.default)(document).addEvent({eventID:E,eventType:"mousedown",callback:Q=>{let T=(0,wt.default)(Q.target),A=!!(0,wt.default)(T).parent("."+Qn("Core")).length;(0,wt.default)(T).parent("."+Qn("Selector")).length||A||h(!1)}})}else(0,wt.default)(document).removeEvent([E]),o(""),Ve.close(B)},[m]),(0,Zt.useEffect)(()=>{if(t.disabled||!m)return;Ve.customSheet.reposition(B);let E=se.get("refresh-autocomplete-selector-"+t.componentID);E&&E(e)},[i,_.dataValue,r,a]),(0,et.jsx)(et.Fragment,{children:(0,et.jsx)(v,w(d({tabIndex:0},Ye),{"data-disabled":t.disabled,"data-show-validation":Ge.isShowValidation(k,_,!!M),"data-component-id":_.componentID,"data-input-origin":_.componentID,"data-focus":!!m,className:[x,Qn("Core")].join(" "),onFocus:E=>{if(Ye!=null&&Ye.onFocus&&(Ye==null||Ye.onFocus(E)),!t.disabled){if(f)return p(!1);h(!0),E.preventDefault()}},onClick:E=>{Ye!=null&&Ye.onClick&&(Ye==null||Ye.onClick(E)),!t.disabled&&h(!0)},onKeyDown:E=>{let{key:j}=E;O&&Ge.SubmitForm(E,D),!m&&(j==" "||j=="ArrowDown"||j=="ArrowUp"||j=="Enter")&&h(!0)},children:(0,et.jsxs)(ie.Left,{flexWrap:!0,gap:"1/3",freeCSS:{letterSpacing:".5px"},children:[(0,et.jsx)(Nc.Selected,d({},e)),(0,et.jsx)(Nr,{width:0,overflow:"hidden",opacity:"trans",children:"A"}),(0,et.jsx)(Nc.SearchInput,d({},e))]})}))})},SearchInput:e=>{let{rootStates:t}=e;return t.disabled||!e.val_selectorOpen?null:(0,et.jsx)(v,{id:"SearchInput_"+t.componentID,placeholder:t.SearchInputPlaceholder||"\u691C\u7D22...",opacity:e.val_selectorOpen?"max":"trans",transition:"middle",flexSizing:0,htmlTag:"input",border:"unset",backgroundColor:"trans",value:e.val_keyword,freeCSS:{outline:"none"},onKeyDown:r=>{let{key:o,metaKey:a,ctrlKey:n}=r,i=a||n;o=="Escape"?(e.set_selectorOpen(!1),e.set_preventOpenSelectorOnFocus(!0),setTimeout(()=>{let l=(0,wt.default)('[data-input-origin="'+t.componentID+'"]');l&&l.focus()},10)):o=="Tab"?e.set_selectorOpen(!1):o==" "?wt.default.scope(()=>{e.val_selectorOpen||e.val_keyword||(r.preventDefault(),e.set_selectorOpen(!0))}):o=="Backspace"?wt.default.scope(()=>{if(e.val_keyword)return;let l=[...e.val_status.dataValue];l.pop(),e.set_status(s=>w(d({},s),{dataValue:l,eventType:"update",eventID:wt.default.uuid.gen()}))}):o=="Enter"&&wt.default.scope(()=>{if(!e.val_selectorOpen)return e.set_selectorOpen(!0);let l=e.val_options.find(c=>c.value==e.val_optionFocused);if(!l)return;let{value:s}=l;e.set_status(c=>{let f=[...c.dataValue];return wt.default.scope(()=>{if(s===null)return f=[];c.dataValue.includes(s)?f=f.filter(p=>p!==s):t.multiSelect?f.push(s):f=[s]}),w(d({},c),{dataValue:f,eventType:"update",eventID:wt.default.uuid.gen()})}),e.set_keyword(""),e.set_preventDynamicSearchOnKeywordChange(!0)}),wt.default.scope(()=>{if(!["ArrowDown","ArrowUp"].includes(o))return;if(r.preventDefault(),!e.val_selectorOpen)return e.set_selectorOpen(!0);let l=o=="ArrowDown"?1:-1,s=Lc.FilterSelectableOptions(e),c=s.length-1,f=null;wt.default.scope(()=>{var p,m,h,_;let S=s.findIndex(k=>k.value==e.val_optionFocused);if(l==1){if(f=((p=s[0])==null?void 0:p.value)||null,i){f=s[c].value||null;return}if(S==-1||S==c)return;f=((m=s[S+1])==null?void 0:m.value)||null}else{if(f=s[c].value||null,i){f=((h=s[0])==null?void 0:h.value)||null;return}if(S==-1||S==0)return;f=((_=s[S-1])==null?void 0:_.value)||null}}),e.set_optionFocused(f)}),t.enableFormSubmit&&Ge.SubmitForm(r,e.rootStates.form)},onChange:r=>{let o=r.target.value;e.set_keyword(o)}},"searchInput")},Selector:e=>{let[t,r]=(0,Zt.useState)(e),{rootStates:o}=t,[a,n]=(0,Zt.useState)("idle"),[i,l]=(0,Zt.useState)("idle");(0,Zt.useEffect)(()=>{se.set({["refresh-autocomplete-selector-"+o.componentID]:p=>{r(p)}})},[]),(0,Zt.useEffect)(()=>{if(!t.val_selectorOpen||!o.DynamicOptionsOnSearch)return;if(t.val_preventDynamicSearchOnKeywordChange)return t.set_preventDynamicSearchOnKeywordChange(!1);if(a=="idle")return n("ok");l("fetch");let p="autocomplete-search-"+o.componentID;wt.default.interval.clear(p),wt.default.interval.standBy(p,300,()=>Pt(void 0,null,function*(){let m=yield o.DynamicOptionsOnSearch(t.val_keyword);l("idle");let h=Lc.InitOptions(m||[]);t.set_options(h)}))},[t.val_keyword]);let s=[],c=Lc.FilterSelectableOptions(t,!0),f=Lc.FilterSelectableOptions(t);return c.forEach((p,m)=>{let{type:h,value:_}=p,S=t.val_optionFocused==_,k=t.val_status.dataValue.includes(_),b=o.SelectorComponent;s.push((0,et.jsx)(b,{option:p,isFocused:S,isSelected:k,addCallback:()=>{t.set_status(g=>{let y=[...g.dataValue];return wt.default.scope(()=>{if(_===null)return y=[];g.dataValue.includes(_)?y=y.filter(C=>C!==_):o.multiSelect?y.push(_):y=[_]}),w(d({},g),{dataValue:y,eventType:"update",eventID:wt.default.uuid.gen()})})}},wt.default.JsonTo(_)||wt.default.uuid.gen()))}),f.length||(s=[(0,et.jsx)(ce.Supplement,{padding:[0,1],fontColor:"4.thin",children:"\u5019\u88DC\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093"},"no-selector-notice")]),i=="fetch"&&(s=[(0,et.jsxs)(ie.Left,{padding:1,fontColor:"3.blur",children:[(0,et.jsx)(yr.Theme.R,{showInitial:!0}),(0,et.jsx)(ce.Supplement,{children:"Loading..."})]},"loader")]),(0,et.jsx)(Ve.Body,{className:Qn("Selector"),ssCardBox:!0,borderRadius:"3.tone.tertiary",boxShadow:"1.normal",freeCSS:{minWidth:12*18},children:(0,et.jsx)(xe,{gap:0,padding:[1,0],children:s})})},Selected:e=>{let{rootStates:t,val_status:r,set_status:o,val_optionsDict:a}=e,n=[];return r.dataValue.forEach(i=>{let l=a[wt.default.JsonTo(i)];if(!l)return;let s=t.SelectedComponent,c=l.label;l.value===null&&(c=""),n.push((0,et.jsx)(v,{className:Qn("SelectedCell"),children:(0,et.jsx)(s,{value:l.value,label:c,removeCallback:f=>{if(f.stopPropagation(),f.preventDefault(),t.disabled)return;let p=[...r.dataValue];p=p.filter(m=>m!==i),o(m=>w(d({},m),{dataValue:p,eventType:"update",eventID:wt.default.uuid.gen()}))}})},wt.default.JsonTo(l.value)))}),(0,et.jsx)(et.Fragment,{children:n})},Core:e=>{let{value:t}=e,[r,o]=(0,Zt.useState)(!1),[a,n]=(0,Zt.useState)(!1),[i,l]=(0,Zt.useState)(!1),[s,c]=(0,Zt.useState)(""),[f,p]=(0,Zt.useState)(e.options),[m,h]=(0,Zt.useState)(e.value[0]||null),[_,S]=(0,Zt.useState)({}),[k,b]=(0,Zt.useState)(Ge.DefaultStatus(e.componentID,t)),[g,y]=(0,Zt.useState)({ok:!1,notice:[]}),C=(0,Zt.useRef)(!1);(0,Zt.useEffect)(()=>{C.current?p(e.options):C.current=!0},[e.options]),(0,Zt.useEffect)(()=>{if(!f.length)return;let O=[...f],M=d({},_);O.forEach(V=>{V.type!="label"&&(M[wt.default.JsonTo(V.value)]=V)}),S(M)},[f]);let D={rootStates:e,val_options:f,set_options:p,val_optionFocused:m,set_optionFocused:h,val_optionsDict:_,set_optionsDict:S,val_preventDynamicSearchOnKeywordChange:a,set_preventDynamicSearchOnKeywordChange:n,val_preventOpenSelectorOnFocus:r,set_preventOpenSelectorOnFocus:o,val_selectorOpen:i,set_selectorOpen:l,val_keyword:s,set_keyword:c,val_status:k,set_status:b,val_validate:g,set_validate:y},x=!!e.multiSelect;Ge.CommonEffects({type:x?"autocomplete.multi":"autocomplete.single",states:e,val_status:k,set_status:b,val_validate:g,set_validate:y,SystemValidation:WI});let P=k.dataValue.length&&k.dataValue[0]!==null;return P=P||i,(0,et.jsxs)(fr,{val_status:k,set_status:b,val_validate:g,states:e,children:[(0,et.jsx)(Ol,{componentID:e.componentID,fontSize:e.fontSize,required:e.required,label:e.label,isActive:P}),(0,et.jsx)(Nc.Shallow,d({},D)),(0,et.jsx)(Nc.Button,d({},D))]})}},Mp=e=>{let t=d({},e);return t=w(d({value:[],min:0,max:65535,multiSelect:!0,SearchInput:!0,emptySelect:!0,SelectorComponent:({option:r,isSelected:o,isFocused:a,addCallback:n})=>r.type=="selector"?(0,et.jsx)(H.Sub.S,{color:"cloud",backgroundColor:"trans",borderRadius:0,fontColor:"2.normal",textAlign:"left",padding:["1/2",1.5],isActive:a,isActiveStyles:{backgroundColor:"cloud"},onClick:i=>{n()},children:(0,et.jsxs)(ie.Left,{gap:"1/2",children:[o&&(0,et.jsx)(G.Check,{fontColor:"theme"}),(0,et.jsx)(ce.Supplement,{transition:"short",children:r.label})]})}):(0,et.jsx)(et.Fragment,{children:r.label}),SelectedComponent:({value:r,label:o,removeCallback:a})=>(0,et.jsxs)(ie.Left,{ssCardBox:"cloud",backgroundColor:"layer.3",borderRadius:"2.tone.secondary",fontSize:"1.mini",padding:"1/2",gap:0,children:[(0,et.jsx)(v,{padding:[0,"1/4"],children:o}),(0,et.jsx)(H.Sub,{color:"cloud",fontColor:"white",backgroundColor:"layer.6",isRounded:!0,padding:"1/4",onClick:a,children:(0,et.jsx)(G.Times,{ssSphere:1})})]})},t),{freeCSS:d({cursor:"pointer"},t.freeCSS)}),t.multiSelect||(t.min=1,t.max=1),t.options=t.options||[],t.emptySelect&&(t.options=[{value:null,label:(0,et.jsx)(ce.Supplement,{fontColor:"4.thin",children:"\u9078\u629E\u3092\u89E3\u9664"})},...t.options]),t.value=wt.default.flatArray(t.value||null),t.options=Lc.InitOptions(t.options),wt.default.is.nullish(t.rightIcon)&&(t.rightIcon=(0,et.jsx)(dr,{ssSphere:2,children:(0,et.jsx)(G.Search,{})}),t.disabled&&(t.rightIcon=(0,et.jsx)(dr,{ssSphere:2,fontColor:"5.translucent",children:(0,et.jsx)(G.Ban,{})}))),t.rightIcon&&(t=d({paddingRight:3},t)),t.leftIcon&&(t=d({paddingLeft:3},t)),(0,et.jsx)(Jt,{componentID:t.componentID,children:Nc.Core,states:Zr(t)})};var Ts=L(je());var $8=e=>(0,Ts.jsx)(Mp,d({multiSelect:!1,SelectedComponent:({value:t,label:r})=>(0,Ts.jsx)(Ts.Fragment,{children:r}),rightIcon:(0,Ts.jsx)(dr,{ssSphere:2,children:(0,Ts.jsx)(G.AngleDown,{})})},e));var pt=L(je()),Ds=L(it()),jl=L(ot());var zo=L(je()),Y8=L(it()),Ml=L(ot());var Qi=L(it());var eo={add:function(e){let t=se.get("Snackbar-"+Se.get().sessionUID);return t&&t.add(e),this},remove:function(e){let t=se.get("Snackbar-"+Se.get().sessionUID);return t&&t.remove(e),this},Wrapper:()=>(0,zo.jsx)(G8.Wrapper,{})},G8={Cell:e=>{let t=e,{snackID:r,secondsToClose:o,componentID:a=Ml.default.uuid.gen(),children:n,customChildren:i}=t,l=ge(t,["snackID","secondsToClose","componentID","children","customChildren"]),[s]=(0,Qi.useState)(a),[c,f]=(0,Qi.useState)(e.secondsToClose||10);(0,Qi.useEffect)(()=>{let m=Re('[data-component-id="'+s+'"]');setTimeout(()=>{m.addClass(Ku("FadeIn"))},10),se.set({["Snackbar-"+r]:{remove:()=>{m.addClass(Ku("FadeOut"))}}})},[]),(0,Qi.useEffect)(()=>{Ml.default.interval.clear("Snackbar-"+s),Ml.default.interval.standBy("Snackbar-"+s,1e3,()=>{c<=0||f(c-1)}),c===0&&eo.remove(r)},[c]);let p=(0,zo.jsx)(zo.Fragment,{});return i?p=(0,zo.jsx)(i,{close:()=>{eo.remove(r)}}):p=(0,zo.jsxs)(ie.Separate,{verticalAlign:"top",children:[(0,zo.jsx)(v,{padding:["1/4",0],flexSizing:0,children:Ml.default.is.function(n)?(0,zo.jsx)(n,{}):n}),(0,zo.jsx)(H.Clear,{color:"layer",backgroundColor:"layer.4.opa.low",fontColor:"white",ssSphere:2.5,onClick:()=>{eo.remove(r)},children:(0,zo.jsx)(G.Times,{})})]}),(0,zo.jsx)(v,w(d({className:Ku("Cell"),componentID:s,onMouseOver:()=>{f(-1)},onMouseOut:()=>{f(o||10)},opacity:"trans",width:1,padding:"2/3",marginBottom:1,borderRadius:"1.tone.primary",fontColor:"white",boxShadow:"1.remark",backgroundColor:"dark",transition:"middle"},l),{children:p}))},Wrapper:()=>{let[e,t]=(0,Qi.useState)(Ml.default.uuid.gen()),[r,o]=(0,Qi.useState)([]);(0,Qi.useEffect)(()=>{se.set({["Snackbar-"+Se.get().sessionUID]:{add:n=>{n.snackID=n.snackID||Ml.default.uuid.gen();let i=r.findIndex(l=>l.snackID==n.snackID);if(i==-1)r.unshift(w(d({},n),{snackID:n.snackID}));else{let l=[...r];l[i]=w(d({},n),{snackID:n.snackID}),r=l}t(Ml.default.uuid.gen())},remove:n=>{let i=se.get("Snackbar-"+n);i&&i.remove&&(i.remove(),setTimeout(()=>{let l=r.findIndex(c=>c.snackID==n);if(l==-1)return;let s=[...r];s.splice(l,1),o(s)},210))}}})},[r.length]);let a=r.map(n=>(0,Y8.createElement)(G8.Cell,w(d({},n),{key:n.snackID})));return(0,zo.jsx)(Ee,{className:["AMOTIFY_be",Ku("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:a})}};var rT=L(tT());function UI(e){let{value:t,states:r}=e,{required:o}=r,a=[];return o&&!t.length&&a.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!a.filter(({type:n})=>n=="invalid").length,notice:a}}var oT={List:e=>{let{rootStates:t,val_status:r,set_status:o}=e;if(t.useSystemOnly)return null;let a=t.limit-(r.dataValue||[]).length,n=(r.dataValue||[]).map((i,l)=>(0,pt.jsx)(oT.ListCell,w(d({},e),{index:l,val_file:i}),i.name));return a>0&&n.push((0,pt.jsx)(v,w(d({htmlTag:"label"},t.cellStyles),{className:[t.cellClassName,Xn("AddButton")].join(" "),"data-component-id":r.componentID,htmlFor:t.id,tabIndex:t.tabIndex,onKeyDown:i=>{let{key:l}=i;t.tabIndex!=-1&&[" ","Enter"].includes(l)&&Re("#"+t.id).click()},children:(0,pt.jsxs)(ie.Center,{padding:["1/3",0],children:[(0,pt.jsx)(v,{isRounded:!0,className:Xn("AddIcon"),children:(0,pt.jsx)(G,{icon:rT.faCloudArrowUp,className:Xn("Icon"),fontColor:"theme",fontSize:"4.thirdTitle",backgroundColor:"theme.opa.low",ssSphere:3,padding:"1/2"})}),(0,pt.jsxs)(v,{children:[(0,pt.jsxs)(v,{fontColor:"theme",fontSize:"2.normal",isSemiBoldFont:!0,children:["\u30D5\u30A1\u30A4\u30EB\u3092\u9078\u629E(",a,")"]}),(0,pt.jsx)(v,{fontColor:"4.thin",fontSize:"0.xs",isSemiBoldFont:!0,children:"\u30D5\u30A1\u30A4\u30EB\u3092\u30C9\u30ED\u30C3\u30D7"})]})]})}),"AddButton")),(0,pt.jsx)(xe,w(d({flexSizing:"auto"},Bn(t)),{className:t.className,children:n}))},ListCell:e=>{let{index:t,rootStates:r,val_file:o,val_status:a,set_status:n}=e,{name:i,size:l,type:s}=o,[c,f]=(0,Ds.useState)(!1),p=jl.default.uuid.gen(),m=l.rank(),[h,_]=i.replace(/\s/,"").replace(/(.*)\.(.*)$/,"$1 $2").split(" "),S="\u30D5\u30A1\u30A4\u30EB";return s.match(/image/)?S=s.replace(/image\//,""):s.match(/pdf/)?S="PDF":s.match(/csv/)?S="CSV":s.match(/spreadsheet/)?S="SpreadSheet":s.match(/presentation/)?S="PowerPoint":s.match(/word/)?S="Word":s.match(/zip/)?S="Zip":s.match(/powerpoint/)?S="PowerPoint":s.match(/html/)?S="HTML":s.match(/js/)?S="JavaScript":s.match(/css/)?S="CSS":s.match(/text\/plain/)&&(S="\u30C6\u30AD\u30B9\u30C8"),(0,Ds.useEffect)(()=>{c&&setTimeout(()=>{Re("#"+p).focus()},100)},[c]),(0,pt.jsxs)(Ee,w(d({verticalAlign:"center",flexWrap:!1,gap:1,className:r.cellClassName},r.cellStyles),{children:[(0,pt.jsx)(G.File,{fontSize:"4.thirdTitle",fontColor:"4.thin"}),(0,pt.jsxs)(v,{flexSizing:0,children:[(0,pt.jsx)(v,{children:(0,pt.jsx)(Ee,{verticalAlign:"center",gap:"2/3",flexWrap:!1,className:Xn("FileName"),children:c?(0,pt.jsx)(pt.Fragment,{children:(0,pt.jsxs)(xe,{flexSizing:0,gap:"1/2",children:[(0,pt.jsxs)(Ee,{gap:"2/3",verticalAlign:"center",children:[(0,pt.jsx)(Tr,{tone:"border",wrapStyles:{flexSizing:"auto"},restrict:"fileName",name:"name",required:!0,id:p,form:"form-"+p,enableFormSubmit:!0,value:h,onKeyDown:k=>{let{key:b}=k;b=="Escape"&&f(!1)}}),(0,pt.jsxs)(v,{children:[". ",_]})]}),(0,pt.jsxs)(Ee,{gap:"2/3",horizontalAlign:"right",flexWrap:!1,children:[(0,pt.jsx)(H.Sub,{padding:["2/3",1],onClick:()=>{f(!1)},children:"\u9589\u3058\u308B"}),(0,pt.jsx)(H,{padding:["2/3",1],submitOption:{formName:"form-"+p,callback:k=>Pt(void 0,null,function*(){let{name:b}=k,g=[...a.dataValue],y=g[t],C=y.id;if(!y)return;let{target:D}=yield y.convert();if(!D)return;let x=yield String(D.result).toBlob(o.type);if(!x)return;let P=new File([x],b+"."+_,{type:y.type});P.id=C,g[t]=P,n(O=>w(d({},O),{dataValue:g,eventType:"update",eventID:jl.default.uuid.gen()})),f(!1)})},children:"\u6C7A\u5B9A"})]})]})}):(0,pt.jsxs)(pt.Fragment,{children:[i,!!r.isNameEditable&&(0,pt.jsx)(H.Clear,{ssSphere:2.5,flexSizing:"none",fontColor:"4.thin",padding:"1/3",ssEffectsOnActive:"expand",color:"cloud",onClick:()=>{f(!0)},children:(0,pt.jsx)(G.Pen,{})})]})})}),!c&&(0,pt.jsxs)(v,{fontSize:"1.mini",fontColor:"4.thin",flexSizing:0,children:[S,"\u30D5\u30A1\u30A4\u30EB / ",m,"B"]})]}),(0,pt.jsx)(H.Sub,{color:"cloud",fontColor:"4.thin",ssSphere:3,onClick:()=>{let k=[...a.dataValue];k[t]&&(k.splice(t,1),n(b=>w(d({},b),{dataValue:k,eventType:"update",eventID:jl.default.uuid.gen()})))},children:(0,pt.jsx)(G.Times,{})})]}))}},qI=e=>{let t=e,{tone:r,required:o,form:a,isNameEditable:n,useSystemOnly:i,accept:l="*",limit:s=1,checkValidationAtFirst:c,onChange:f,onValidate:p,onUpdateValue:m,onUpdateValidValue:h,value:_=[],className:S,cellStyles:k,cellClassName:b,componentID:g,status_id:y,enableFormSubmit:C,freeCSS:D,wrapStyles:x}=t,P=ge(t,["tone","required","form","isNameEditable","useSystemOnly","accept","limit","checkValidationAtFirst","onChange","onValidate","onUpdateValue","onUpdateValidValue","value","className","cellStyles","cellClassName","componentID","status_id","enableFormSubmit","freeCSS","wrapStyles"]),[O,M]=(0,Ds.useState)(Ge.DefaultStatus(e.componentID||"",_)),[V,J]=(0,Ds.useState)({ok:!1,notice:[]}),K={rootStates:e,val_status:O,set_status:M};(0,Ds.useEffect)(()=>{se.set({["AddFiles-"+O.componentID]:_e=>{M(Ce=>{let N=Ce.dataValue,z=[];for(var te=0;te<(_e==null?void 0:_e.length);te++){let de=_e[te],{type:$,name:ue}=de;if(te+1+N.length>s){eo.add({componentID:ue,secondsToClose:12e3,children:`\u30D5\u30A1\u30A4\u30EB\u9078\u629E\u4E0A\u9650\u3092\u8D85\u3048\u305F\u305F\u3081\u3001${ue}}\u306F\u8FFD\u52A0\u3067\u304D\u307E\u305B\u3093\u3002`,backgroundColor:"nega"});continue}if(l&&l=="image"&&!$.match(/image/)){eo.add({componentID:ue,secondsToClose:12e3,children:`\u30D5\u30A1\u30A4\u30EB\u5F62\u5F0F\u304C\u7570\u306A\u308B\u305F\u3081\u3001${ue} \u306F\u8FFD\u52A0\u3067\u304D\u307E\u305B\u3093\u3002`,backgroundColor:"nega"});continue}z.push(de)}return w(d({},Ce),{dataValue:[...N,...z],eventType:"update",eventID:jl.default.uuid.gen()})})}})},[]),Ge.CommonEffects({type:"file",states:e,val_status:O,set_status:M,val_validate:V,set_validate:J,SystemValidation:UI});let ee="";return l&&(l=="image"?ee="image/png,image/jpeg":ee=l),(0,pt.jsxs)(fr,{val_status:O,set_status:M,val_validate:V,states:e,children:[(0,pt.jsx)(v,w(d({htmlTag:"input",type:"file",className:Xn("Input"),"data-component-id":O.componentID,accept:ee,multiple:s!=1,onChange:_e=>Pt(void 0,null,function*(){f&&f(_e);let Ce=_e.target,N=Ce.files,z=[];for(var te=0;te<(N==null?void 0:N.length);te++){let de=N[te],$=de.name;if(de.id=jl.default.uuid.gen(),te+1+O.dataValue.length>s){eo.add({componentID:$,secondsToClose:12e3,children:`\u30D5\u30A1\u30A4\u30EB\u767B\u9332\u6570\u3092\u8D85\u3048\u305F\u305F\u3081\u3001${$}}\u306F\u8FFD\u52A0\u3067\u304D\u307E\u305B\u3093\u3067\u3057\u305F\u3002`,backgroundColor:"nega"});continue}z.push(de)}M(de=>w(d({},de),{dataValue:[...de.dataValue,...z],eventType:"update",eventID:jl.default.uuid.gen()})),Ce.value=""})},P),{opacity:"low",tabIndex:-1,value:""})),(0,pt.jsx)(oT.List,d({},K))]})},Bv=e=>(e=w(d({limit:1,isNameEditable:!0,useSystemOnly:!1,tone:"border",value:[]},e),{override:"force",cellStyles:d(d({},Zr({tone:e.tone||"border"})),e.cellStyles)}),(0,pt.jsx)(Jt,{componentID:e.componentID,children:qI,states:e}));Bv.fn={openDialog:e=>{let{multiple:t,accept:r}=e;return new Promise(o=>{let a=document.createElement("input");a.type="file",a.multiple=t!=null?t:!0,r&&(r=="image"?a.accept="image/png,image/jpeg":a.accept=r),a.onchange=n=>{o(n.target.files)},a.click()})}},typeof window!="undefined"&&window.document&&(0,jl.default)(document).addEvent({eventType:"dragover",callback:e=>{e.preventDefault(),Re("."+Xn("AddButton")).addClass(Xn("Draggable"))},options:{passive:!1}}).addEvent({eventType:"drop",callback:e=>{e.preventDefault(),Re("."+Xn("AddButton")).removeClass(Xn("Draggable"));let t=e.dataTransfer.files;if(t.length){let r=e.target;if(Re(r).hasClass(Xn("AddButton"))){let{componentId:o}=r.dataset,a=se.get("AddFiles-"+o);a&&a(t)}}},options:{passive:!1}});var ko=L(je()),sd=L(it()),Ji=L(ot());function $I(e){let{value:t,states:r}=e,{required:o}=r,a=[];return o&&!t&&a.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!a.filter(({type:n})=>n=="invalid").length,notice:a}}var nT=e=>{let{value:t,val_status:r}=e,{min:o,max:a,step:n}=r;t=Math.max(t,o),t=Math.min(t,a);let i=t/a*a;return i=Math.round(i/n),{stepValue:i*n,stepIndex:i,positionLeft:i*n/a*100+"%"}},aT={IndicatorLabels:e=>{let{componentID:t,min:r,max:o,step:a,customLegends:n}=e,i=[],l=Math.round(r/a),s=Math.round(o/a),c=s-l+1;for(var f=l;f<=s;f++){let p=f*a;p=Math.max(p,r),p=Math.min(p,o);let m=p/o*100+"%";i.push((0,ko.jsx)(v,{className:gi("Label"),id:"Legend-"+t+"-"+f,display:f==l||f==s?"flex":"none",position:"absolute",top:0,unitHeight:1,unitWidth:1.5,transition:"middle",fontColor:"1.clear",verticalAlign:"center",horizontalAlign:"center",freeCSS:{left:m,whiteSpace:"nowrap",textAlign:"center"},children:n?n(p):p.rank()},p))}return(0,sd.useEffect)(()=>{let p=()=>{let m=Re("#Labels-"+t),{width:h}=m.position(),_=Math.round(h/50)-1,S=Math.round(c/_);for(let k=l+1;k<s;k++)Re("#Legend-"+t+"-"+k).css({display:k%S==0?"flex":"none"})};return(0,Ji.default)(window).addEvent({eventID:"SliderResizeCallback-"+t,eventType:"resize",callback:()=>{p()}}),p(),()=>{(0,Ji.default)(window).removeEvent("SliderResizeCallback-"+t)}},[]),(0,ko.jsx)(Ee,{className:gi("Labels"),verticalAlign:"center",horizontalAlign:"between",fontSize:"0.xs",position:"relative",unitHeight:1,id:"Labels-"+t,children:(0,ko.jsx)(v,{position:"absolute",top:0,left:0,bottom:0,freeCSS:{right:12*1.5},children:i})})},Rail:e=>{let{val_status:t,set_status:r,DotData:o,form:a,enableFormSubmit:n}=e,{componentID:i}=t;return(0,ko.jsxs)(Ee,{className:gi("Rail"),position:"relative",paddingLeft:"1/2",unitHeight:1.5,verticalAlign:"center",freeCSS:{minWidth:"10rem",zIndex:1,cursor:"pointer"},onMouseDown:l=>{e.rootStates.disabled||(l.stopPropagation(),Es.Effects.Start(l,{val_status:t,set_status:r,DotData:o}))},onTouchStart:l=>{e.rootStates.disabled||(l.stopPropagation(),Es.Effects.Start(l,{val_status:t,set_status:r,DotData:o}))},children:[(0,ko.jsx)(v,{className:gi("Bar"),backgroundColor:"layer.4",position:"relative",isRounded:!0,transition:"middle",flexSizing:"none",unitHeight:"2/3",width:1,id:i+"_Bar",children:(0,ko.jsx)(v,{className:gi("BarColor"),position:"relative",height:1,width:0,left:0,transition:"long",borderRadius:"inherit",backgroundColor:e.color,opacity:"middle",overflow:"hidden",freeCSS:{width:o.positionLeft},id:i+"_BarColor"})}),(0,ko.jsx)(v,{className:gi("BallWrap"),position:"absolute",top:0,left:0,bottom:0,freeCSS:{right:12*1.5},children:(0,ko.jsx)(H.Plain,{className:gi("Ball"),position:"absolute",backgroundColor:e.color,top:0,left:0,ssSphere:1.5,freeCSS:{zIndex:2,left:o.positionLeft},id:i+"_Ball",onKeyDown:l=>{Es.KeyDownEvent({event:l,val_status:t,set_status:r,DotData:o}),n&&Ge.SubmitForm(l,a)}})})]})}},Es={Effects:{Start:(e,t)=>{(0,Ji.default)(document).addEvent({eventID:"SliderMouseMove",eventType:"mousemove",callback:r=>{Es.Effects.Move(r,t)},options:{passive:!1}}).addEvent({eventID:"SliderTouchMove",eventType:"touchmove",callback:r=>{Es.Effects.Move(r,t)},options:{passive:!1}}).addEvent({eventID:"SliderMouseUp",eventType:"mouseup",callback:()=>{Es.Effects.End()}}).addEvent({eventID:"SliderTouchEnd",eventType:"touchend",callback:()=>{Es.Effects.End()}})},Move:(e,t)=>{let r=Ji.default.getCursor(e).x,{val_status:o,set_status:a}=t,{componentID:n,min:i,max:l}=o,s=Re("#"+n+"_Ball"),c=Re("#"+n+"_Bar"),f=Re("#"+n+"_BarColor"),{width:p,left:m}=c.position(),h=(r-m)/p;h=Math.max(h,0),h=Math.min(h,1);let _=h*l,S=nT({value:_,val_status:o}),k=S.positionLeft,b=S.stepValue;return s.css({left:k}),f.css({width:k}),a(g=>{let y=g.dataValue;return b==y?g:w(d({},g),{dataValue:b,eventType:"update",eventID:Ji.default.uuid.gen()})}),e.preventDefault(),e.stopPropagation(),!1},End:()=>{(0,Ji.default)(document).removeEvent(["SliderMouseMove","SliderTouchMove","SliderMouseUp","SliderTouchEnd"])}},KeyDownEvent:e=>{let{event:t,val_status:r,set_status:o}=e,{min:a,max:n,step:i}=r,{key:l,metaKey:s,ctrlKey:c}=t,f=c||s,p=r.dataValue;l.match(/Arrow/)&&(t.preventDefault(),l.match(/Left|Up/)?f?p=a:p-=i:l.match(/Right|Down/)&&(f?p=n:p+=i),p=Math.max(Math.min(p,n),a),o(m=>w(d({},m),{dataValue:p,eventType:"update",eventID:Ji.default.uuid.gen()})))}},YI=e=>{let t=e,{color:r="theme",required:o,form:a="",legends:{enable:n=!0,custom:i,showAlways:l=!1}={},min:s,max:c,step:f,enableFormSubmit:p,checkValidationAtFirst:m,onValidate:h,onUpdateValue:_,onUpdateValidValue:S,value:k="",className:b,freeCSS:g,wrapStyles:y}=t,C=ge(t,["color","required","form","legends","min","max","step","enableFormSubmit","checkValidationAtFirst","onValidate","onUpdateValue","onUpdateValidValue","value","className","freeCSS","wrapStyles"]),[D,x]=(0,sd.useState)({componentID:e.componentID||"",dataValue:k,min:s,max:c,step:f,eventType:"init",eventID:Ji.default.uuid.gen()}),[P,O]=(0,sd.useState)({ok:!1,notice:[]});Ge.CommonEffects({type:"slider",states:e,val_status:D,set_status:x,val_validate:P,set_validate:O,SystemValidation:$I});let M=nT({value:D.dataValue,val_status:D});return(0,ko.jsx)(fr,{val_status:D,set_status:x,val_validate:P,states:e,children:(0,ko.jsxs)(xe,{gap:"1/2",flexSizing:"auto",className:[gi("Wrap"),b,gi("ShowLegendsAlways_"+l)].join(" "),children:[(0,ko.jsx)(aT.Rail,{rootStates:e,color:r,val_status:D,set_status:x,DotData:M,form:a,enableFormSubmit:p}),!!n&&(0,ko.jsx)(aT.IndicatorLabels,{componentID:D.componentID,min:s,max:c,step:f,customLegends:i})]})})},iT=e=>{let t=d({},e);return(0,ko.jsx)(Jt,{componentID:e.componentID,children:YI,states:Po(t)})};var ri=L(je()),Av=L(it()),Fv=L(ot());function GI(e){let{value:t,states:r}=e,{required:o}=r,a=[];return o&&!t&&a.push({type:"invalid",label:"ON\u306B\u306A\u3063\u3066\u3044\u307E\u305B\u3093"}),{ok:!a.filter(({type:n})=>n=="invalid").length,notice:a}}var KI=e=>{let t=e,{componentID:r,color:o="posi",required:a,form:n,id:i,enableFormSubmit:l,checkValidationAtFirst:s,onChange:c,onKeyDown:f,onValidate:p,onUpdateValue:m,onUpdateValidValue:h,value:_="",icon:S="",appearance:k="material"}=t,b=ge(t,["componentID","color","required","form","id","enableFormSubmit","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","icon","appearance"]),[g,y]=(0,Av.useState)({componentID:e.componentID||"",dataValue:_,eventType:"init",eventID:Fv.default.uuid.gen()}),[C,D]=(0,Av.useState)({ok:!1,notice:[]}),x=!!g.dataValue;return Ge.CommonEffects({type:"switch",states:e,val_status:g,set_status:y,val_validate:C,set_validate:D,SystemValidation:GI}),(0,ri.jsxs)(fr,{val_status:g,set_status:y,val_validate:C,states:e,children:[(0,ri.jsx)(v,d({htmlTag:"input",type:"checkbox","data-component-id":g.componentID,checked:g.dataValue,className:hs("Input"),id:i,onKeyDown:P=>{f&&f(P),l&&Ge.SubmitForm(P,n)},onChange:P=>{let{checked:O}=P.target;C.ok&&D({ok:!1,notice:[]}),y(M=>w(d({},M),{dataValue:O,eventType:"update",eventID:Fv.default.uuid.gen()})),c&&c(P)}},b)),(0,ri.jsx)(vi.Plain,{tabIndex:-1,htmlFor:i,padding:"1/3",transition:"middle",borderRadius:"1.tone.primary",className:hs("Label"),children:(0,ri.jsx)(v,w(d({},k=="applely"?{padding:"1/4",isRounded:!0,backgroundColor:x?o:"layer.5"}:{}),{children:(0,ri.jsxs)(ie.Center,{unitHeight:2.5,position:"relative",freeCSS:{width:12*4.5},children:[k=="material"&&(0,ri.jsx)(v,{position:"absolute",backgroundColor:x?o:"layer.5",isRounded:!0,unitHeight:1,transition:"middle",width:1,opacity:"middle",className:hs("Bar")}),(0,ri.jsx)(v,{position:"absolute",top:0,left:0,backgroundColor:k=="material"&&x?o:"white",transition:"middle",ssSphere:2.5,boxShadow:"1.remark",className:hs("Dot"),children:S&&(0,ri.jsx)(v,{transition:"middle",ssSquare:2,flexCenter:!0,fontColor:k=="applely"&&x?o:"white",children:S})})]})}))})]})},lT=e=>{let t=d({},e);return t.value=!!t.value,t.color=t.color||"theme",(0,ri.jsx)(Jt,{componentID:t.componentID,children:KI,states:t})};var sT=L(je());var cT=e=>(e=d({},e),(0,sT.jsx)(zp,w(d({},e),{isChecker:!0,icon:!0,value:!!e.value,options:[{value:!0,label:e.label}]})));var Zi=L(je()),uT=L(ot()),jp=L(it());var XI=e=>{let t=e,{__sys_segmented_type:r,tone:o,value:a,options:n,onUpdateValue:i,onUpdateValidValue:l,enableFormSubmit:s,checkValidationAtFirst:c,cellStyles:f,cellClassName:p,cellCheckedClassName:m,cellCheckedStyles:h,freeCSS:_,wrapStyles:S}=t,k=ge(t,["__sys_segmented_type","tone","value","options","onUpdateValue","onUpdateValidValue","enableFormSubmit","checkValidationAtFirst","cellStyles","cellClassName","cellCheckedClassName","cellCheckedStyles","freeCSS","wrapStyles"]),[b]=(0,jp.useState)(uT.default.uuid.gen()),[g,y]=(0,jp.useState)(a),[C,D]=(0,jp.useState)(g);return g!=a&&(y(a),D(a)),(0,Zi.jsx)(ys,w(d({options:n,value:C,componentID:b,icon:!1,flexWrap:!1,borderRadius:"2.tone.secondary",position:"relative"},k),{freeCSS:d({whiteSpace:"nowrap"},_),cellStyles:d({flexCenter:!0,ssEffectsOnActive:"push"},f),cellCheckedStyles:d({},h),cellClassName:[p,xp("Label"),xp("Tone_"+r.replace(/\./ig,""))].join(" "),cellCheckedClassName:[m,xp("Checked")].join(" "),tone:"custom",onUpdateValue:i,onUpdateValidValue:x=>{l&&l(x),r=="bottomline"&&D(x.value)}}))},Hp=e=>{let{__sys_segmented_type:t}=e;return t=t||"plain",t=="plain"&&(e=w(d({padding:"1/3",gap:"1/3",ssCardBox:!0,isRounded:!0},e),{cellStyles:d({isRounded:!0,padding:["1/2","3/4"],borderRadius:"inherit",position:"relative"},e.cellStyles),cellCheckedStyles:d({backgroundColor:"theme",boxShadow:"1.normal",fontColor:"white"},e.cellCheckedStyles)})),(0,Zi.jsx)(XI,d({__sys_segmented_type:"plain"},e))},oi=Hp;oi.Cloud=e=>{let t=w(d({__sys_segmented_type:"cloud",padding:"1/3",gap:"1/3",backgroundColor:"cloud"},e),{cellStyles:d({padding:"3/4",borderRadius:"inherit",position:"relative"},e.cellStyles),cellCheckedStyles:d({boxShadow:"1.normal",backgroundColor:"theme",fontColor:"white"},e.cellCheckedStyles)});return(0,Zi.jsx)(Hp,d({},t))},oi.CloudTheme=e=>{let t=d({backgroundColor:"theme.opa.few",fontColor:"theme",__sys_segmented_type:"cloud.theme"},e);return(0,Zi.jsx)(oi.Cloud,d({},t))},oi.CloudMono=e=>{let t=w(d({fontColor:"3.blur",__sys_segmented_type:"cloud.mono"},e),{cellCheckedStyles:d({backgroundColor:"layer.1",fontColor:"1.clear"},e.cellCheckedStyles)});return(0,Zi.jsx)(oi.Cloud,d({},t))},oi.Border=e=>{let t=w(d({backgroundColor:"layer.1",border:"2.normal",overflow:"hidden",gap:0,fontColor:"3.blur",ssLastChildLossBorder:"right",boxShadow:"0.min",__sys_segmented_type:"border"},e),{cellStyles:d({padding:["3/4",1],borderRadius:0,borderRight:"2.normal"},e.cellStyles),cellCheckedStyles:d({backgroundColor:"theme.opa.few",fontColor:"theme"},e.cellCheckedStyles)});return(0,Zi.jsx)(Hp,d({},t))},oi.BorderVivid=e=>{let t=w(d({border:!0,borderColor:"theme",__sys_segmented_type:"border.vivid"},e),{cellStyles:d({borderRight:!0,borderColor:"theme"},e.cellStyles),cellCheckedStyles:d({backgroundColor:"theme",fontColor:"white"},e.cellCheckedStyles)});return(0,Zi.jsx)(oi.Border,d({},t))},oi.Bottomline=e=>{let t=w(d({__sys_segmented_type:"bottomline",gap:0,fontColor:"3.blur"},e),{cellStyles:d({ssEffectsOnActive:"ripple.theme",borderRadius:0,padding:1},e.cellStyles),cellCheckedStyles:d({fontColor:"theme"},e.cellCheckedStyles)});return(0,Zi.jsx)(Hp,d({},t))};var Vp=L(je()),zv=L(it()),dT=L(ot());function QI(e){let{value:t,states:r}=e,{required:o}=r,a=[];return o&&!t&&a.push({type:"invalid",label:"ON\u306B\u306A\u3063\u3066\u3044\u307E\u305B\u3093"}),{ok:!a.filter(({type:n})=>n=="invalid").length,notice:a}}var JI=e=>{let t=e,{componentID:r,required:o,form:a,enableFormSubmit:n,checkValidationAtFirst:i,onChange:l,onKeyDown:s,onValidate:c,onUpdateValue:f,onUpdateValidValue:p,value:m=""}=t,h=ge(t,["componentID","required","form","enableFormSubmit","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value"]),[_,S]=(0,zv.useState)(Ge.DefaultStatus(e.componentID||"",m)),[k,b]=(0,zv.useState)({ok:!1,notice:[]});return Ge.CommonEffects({type:"color",states:e,val_status:_,set_status:S,val_validate:k,set_validate:b,SystemValidation:QI}),(0,Vp.jsx)(fr,{val_status:_,set_status:S,val_validate:k,states:e,children:(0,Vp.jsx)(v,d({htmlTag:"input",type:"color","data-component-id":_.componentID,value:_.dataValue,className:hs("Input"),onKeyDown:g=>{s&&s(g),n&&Ge.SubmitForm(g,a)},onChange:g=>{let{value:y}=g.target;k.ok&&b({ok:!1,notice:[]}),S(C=>w(d({},C),{dataValue:y,eventType:"update",eventID:dT.default.uuid.gen()})),l&&l(g)}},h))})},fT=e=>{let t=w(d(w(d({},Zr(e)),{backgroundColor:"cloud",unitHeight:3}),e),{freeCSS:d({minWidth:108},e.freeCSS)});return(0,Vp.jsx)(Jt,{componentID:e.componentID,children:JI,states:t})};var pT=L(ot());var mT=e=>Pt(void 0,null,function*(){let t=1,r={};return yield pT.default.scope(()=>Pt(void 0,null,function*(){if(se.get("form-process-"+e))return;se.set({["form-process-"+e]:!0});let o=document.activeElement;o&&o.blur();{let a=se.get(["form-data",e].join("-"));if(!a){se.set({["form-process-"+e]:!1});return}for(let[n,i]of Object.entries(a)){if(!i)continue;let l=se.get(i.componentID);l&&l.Refresh&&(yield l.Refresh())}}{let a=se.get(["form-data",e].join("-"));if(!a){se.set({["form-process-"+e]:!1});return}for(let[n,i]of Object.entries(a))i&&(t&=Number(i.validation),r[n]=i.value)}se.set({["form-process-"+e]:!1})})),{valid:!!t,data:r}});var ve;(e=>(e.Plain=l8,e.Hidden=u8,e.TextField=Tr,e.Contenteditable=y8,e.DigitCharacters=S8,e.Time=yi,e.Select=ti,e.Autocomplete=Mp,e.List=O8,e.Radio=ys,e.Checkbox=zp,e.Checker=cT,e.Search=$8,e.Filer=Bv,e.Slider=iT,e.Switch=lT,e.Segmented=oi,e.Color=fT,e.LeftIcon=kc,e.RightIcon=dr,e.LeftIndicator=Lp,e.RightIndicator=Np,e.RequiredSign=Dp,e.RequiredShortSign=Ep,e.OmitSign=Rp,e.CollectForm=mT))(ve||(ve={}));var Up=e=>{let t=e,{tabIndex:r,tabs:o,onTabChange:a,componentDidMount:n}=t,i=ge(t,["tabIndex","tabs","onTabChange","componentDidMount"]);return(0,hT.useEffect)(()=>{n&&n()},[]),(0,Wp.jsx)(Ee,w(d({position:"relative",overflow:"auto",flexWrap:!1},i),{freeCSS:d({zIndex:3,whiteSpace:"nowrap"},i.freeCSS),children:(0,Wp.jsx)(v,{margin:[0,"auto"],children:(0,Wp.jsx)(ve.Segmented.Bottomline,{value:r,fontColor:"inherit",gap:0,override:"force",options:o.map((l,s)=>({value:s,label:l})),onUpdateValidValue:l=>{let s=l.value;a&&a(s)}})})}))};var Hl=L(je());var Et={Table:e=>(0,Hl.jsx)(v,w(d({htmlTag:"table"},e),{border:e.border})),Head:e=>(0,Hl.jsx)(v,d({htmlTag:"thead"},e)),Body:e=>(0,Hl.jsx)(v,d({htmlTag:"tbody"},e)),Row:e=>(0,Hl.jsx)(v,d({htmlTag:"tr"},e)),TH:e=>(0,Hl.jsx)(v,d({htmlTag:"th"},e)),TD:e=>(0,Hl.jsx)(v,d({htmlTag:"td"},e)),RightIndicator:{type:"td",unitWidth:4,children:(0,Hl.jsx)(G.AngleRight,{fontColor:"theme",fontSize:"4.thirdTitle"})}};var Oo=L(je());var Ov=L(je()),_T=L(ot());var gT=(e,t)=>{if(t=="plain")return{};let r={};return e=="drag"&&(r.padding=1),["border","rowBorder","cellBorder"].includes(t)&&(r.borderBottom="2.normal"),["border","cellBorder"].includes(t)&&(r.borderRight="2.normal"),d({padding:"3/4",backgroundColor:"layer.1",transition:"short",textAlign:"center"},r)},dn=e=>{let t={};return e.right&&(t.borderRight="unset"),e.top&&(e.left&&(t.borderTopLeftRadius="inherit"),e.right&&(t.borderTopRightRadius="inherit")),e.bottom&&(t.borderBottom="unset",e.left&&(t.borderBottomLeftRadius="inherit"),e.right&&(t.borderBottomRightRadius="inherit")),t};var Ic=e=>{let t=d({},e),{JSXChildren:r}=t;(!t.tone||t.tone=="auto")&&(t.tone="border",t.type=="drag"&&(t.tone="rowBorder"));let o=w(d({tableID:t.tableID||_T.default.uuid.gen(),tone:t.tone},t),{cellStyles:d(d({},gT(t.type,t.tone)),t.cellStyles)});t.tone!="plain"&&(o=d({backgroundColor:"layer.1",borderRadius:"1.tone.primary"},o));let a=Po(o),{className:n,style:i}=a,l=ge(a,["className","style"]),s=[n,Ze("Wrap"),Ze("TableType_"+t.type),Ze("RowClickable_"+!!o.onRowClick)].join(" ");return(0,Ov.jsx)(v,{className:s,style:i,children:(0,Ov.jsx)(r,d({},l))})};var Mv={HeadRow:e=>{let{cellStyles:t={},cellClassName:r="",cellStylesCallback:o,colLength:a,head:n,rows:i}=e;if(!n)return null;let l=[];return n.forEach((s,c)=>{let f=Et[s.type=="th"?"TH":"TD"],p={top:!0,bottom:!i.length,left:c==0,right:c==a-1,rowIndex:0,colIndex:c,isBody:!1,isHeader:!0},m=dn(p),h=o?o(p):{},_=w(d(d(d(d({},t),m),h),s),{freeCSS:d(d(d({},t.freeCSS),h.freeCSS),s.freeCSS),className:[Ze("Cell"),r,s.className].join(" ")});l.push((0,Oo.jsx)(f,d({},_),c))}),(0,Oo.jsx)(Et.Row,{className:[Ze("Row"),Ze("HeadRow")].join(" "),children:l})},BodyRows:e=>{let{cellStyles:t={},cellClassName:r="",cellStylesCallback:o,head:a,rows:n,colLength:i,onRowClick:l}=e,s=[];return n.forEach((c,f)=>{let p=[];c.forEach((m,h)=>{let _=Et[m.type=="th"?"TH":"TD"],S={top:f==0&&!a,bottom:f==n.length-1,left:h==0,right:h==i-1,rowIndex:f,colIndex:h,isBody:!0,isHeader:!1},k=dn(S),b=o?o(S):{};p.push((0,Oo.jsx)(_,w(d(d(d(d({},t),k),m),b),{freeCSS:d(d(d({},t.freeCSS),b.freeCSS),m.freeCSS),className:[Ze("Cell"),r,m.className].join(" ")}),h))}),s.push((0,Oo.jsx)(Et.Row,{className:[Ze("Row"),Ze("BodyRow")].join(" "),children:p,onClick:m=>{l&&l(c.rowID,m)}},f))}),(0,Oo.jsx)(Oo.Fragment,{children:s})},Normal:e=>(e=d({},e),e.rows=e.rows.map((t,r)=>(t.rowID=t.rowID||r,t)),(0,Oo.jsx)(Et.Table,{className:Ze("Table"),children:(0,Oo.jsxs)(Et.Body,{children:[(0,Oo.jsx)(Mv.HeadRow,d({},e)),(0,Oo.jsx)(Mv.BodyRows,d({},e))]})}))},vT=e=>(0,Oo.jsx)(Ic,w(d({type:"normal"},e),{JSXChildren:Mv.Normal}));var $t=L(je()),Ac=L(it()),Pc=L(ot());var Hv=L(kT());var Vv={HeadRow:e=>{let{cellStyles:t={},cellClassName:r="",cellStylesCallback:o,colLength:a,head:n,rows:i}=e;if(!n)return null;let l=[];for(let s=0;s<a;s++){let c=n[s],f=Et[c.type=="th"?"TH":"TD"],p={top:!0,bottom:!i.length,left:s==0,right:s==a-1,rowIndex:0,colIndex:s,isBody:!1,isHeader:!0},m=dn(p),h=o?o(p):{};l.push((0,$t.jsx)(f,w(d(d(d(d({},t),m),c),h),{freeCSS:d(d(d({},t.freeCSS),h.freeCSS),c.freeCSS),className:[Ze("Cell"),r,c.className].join(" ")}),s))}return(0,$t.jsx)(Et.Row,{className:[Ze("Row"),Ze("HeadRow")].join(" "),children:l})},BodyRows:e=>{let{cellStyles:t={},cellClassName:r="",cellStylesCallback:o,head:a,rows:n,colLength:i,onOrderChanged:l}=e,[s]=(0,Ac.useState)(Pc.default.uuid.gen()),[c,f]=(0,Ac.useState)({rows:n,origin:0,to:NaN}),p=[];if(c.rows.forEach((m,h)=>{let _=[];{let S={top:h==0&&!a,bottom:h==n.length-1,left:!0,right:!1,rowIndex:h,colIndex:0,isBody:!0,isHeader:!1},k=dn(S),b=o?o(S):{};_.push((0,$t.jsx)(Et.TH,w(d(d(d({padding:0,borderRight:!0},t),k),b),{freeCSS:d(d({},t.freeCSS),b.freeCSS),className:[Ze("Cell"),Ze("Draggable"),r].join(" "),children:(0,$t.jsx)(H.Clear,{className:Ze("DragableButton"),fontColor:"4.thin",fontSize:"3.paragraph",margin:"auto",ssSphere:3,tabIndex:-1,onMouseDown:g=>{Bc.Start(g,{id:s,index:h,rows:c.rows,maxLength:n.length})},onTouchStart:g=>{Bc.Start(g,{id:s,index:h,rows:c.rows,maxLength:n.length})},children:(0,$t.jsx)(G,{icon:Hv.faGripVertical})})}),"DragOrigin"))}m.forEach((S,k)=>{S=d({},S);let b=Et[S.type=="th"?"TH":"TD"],g={top:!!a&&!a.length,bottom:h==n.length-1,left:!1,right:k==i-2,rowIndex:h,colIndex:k,isBody:!0,isHeader:!1},y=dn(g),C=o?o(g):{};_.push((0,$t.jsx)(b,w(d(d(d(d({},t),y),S),C),{freeCSS:d(d(d({},t.freeCSS),C.freeCSS),S.freeCSS),className:[Ze("Cell"),r,S.className].join(" ")}),k))}),p.push((0,$t.jsx)(Et.Row,{id:"TableRow-"+s+"-"+h,className:[Ze("Row"),Ze("BodyRow")].join(" "),children:_},h))}),!isNaN(c.to)){let{origin:m,to:h}=c,_=[];_.push((0,$t.jsx)(Et.TH,{backgroundColor:"theme.opa.low",padding:0,borderRight:"2.normal",className:[Ze("Cell"),Ze("Draggable"),r].join(" "),children:(0,$t.jsx)(G.ArrowRight,{fontColor:"theme"})},"dragButton")),c.rows[m].forEach((S,k)=>{S=d({},S);let b=Et[S.type=="th"?"TH":"TD"],g={top:!1,bottom:!1,left:!1,right:!1,rowIndex:-1,colIndex:-1,isBody:!0,isHeader:!1},y=dn(g),C=o?o(g):{};_.push((0,$t.jsx)(b,w(d(d(w(d({className:[Ze("Cell"),r,S.className].join(" ")},y),{backgroundColor:"theme.opa.low"}),C),S),{freeCSS:d(d(d({},t.freeCSS),C.freeCSS),S.freeCSS)})))}),p.splice(h,0,(0,$t.jsx)(Et.Row,{className:[Ze("Row"),Ze("Pre")].join(" "),children:_},"preSet"))}return(0,Ac.useEffect)(()=>{se.set({[s]:{swap:(m,h)=>{if(h||h==0){let _=c.rows[m],S=[...c.rows];S.splice(m,1),S.splice(h-(m<h?1:0),0,_),f({rows:S,origin:0,to:NaN}),l(S.map(k=>JSON.parse(k.rowID)))}},preSet:m=>{let{origin:h,index:_}=m;f({rows:c.rows,origin:h,to:_})}}})}),(0,Ac.useEffect)(()=>()=>{se.delete(s)},[]),(0,$t.jsx)($t.Fragment,{children:p})},Drag:e=>(e=d({},e),e.colLength=e.colLength+1,e.head&&(e.head=[{children:(0,$t.jsx)(H.Clear,{ssSphere:3,fontSize:"3.paragraph",fontColor:"theme",onMouseOver:t=>{yt.open({parent:t.currentTarget,content:(0,$t.jsxs)(yt.Body,{children:[(0,$t.jsx)(G,{icon:Hv.faGripVertical}),"\u30DC\u30BF\u30F3\u3092\u30C9\u30E9\u30C3\u30B0\u3057\u3066\u9806\u5E8F\u3092\u5909\u66F4"]})})},children:(0,$t.jsx)(G.QuestionCircle,{})}),padding:[0,1],unitWidth:4},...e.head]),e.rows=e.rows.map((t,r)=>(t.rowID=JSON.stringify(t.rowID||r),t)),(0,$t.jsx)(Et.Table,{className:Ze("Table"),children:(0,$t.jsxs)(Et.Body,{children:[(0,$t.jsx)(Vv.HeadRow,d({},e)),(0,$t.jsx)(Vv.BodyRows,d({},e))]})}))},TT=e=>(0,$t.jsx)(Ic,w(d({type:"drag"},e),{JSXChildren:Vv.Drag})),Bc={Start:function(e,t){return Pt(this,null,function*(){e.stopPropagation(),e.preventDefault();let{id:r,index:o,rows:a,maxLength:n}=t;Re("#TableRow-"+r+"-"+o).addClass(Ze("DraggerOrigin")),(0,Pc.default)(document).addEvent({eventID:"DragMouseMove",eventType:"mousemove",callback:i=>{Bc.Move(i,t)},options:{passive:!1}}).addEvent({eventID:"DragTouchMove",eventType:"touchmove",callback:i=>{Bc.Move(i,t)},options:{passive:!1}}).addEvent({eventID:"DragMouseUp",eventType:"mouseup",callback:i=>{Bc.End(i,t)}}).addEvent({eventID:"DragTouchEnd",eventType:"touchend",callback:i=>{Bc.End(i,t)}})})},Move:function(e,t){let{id:r,maxLength:o}=t,a=Pc.default.getCursor(e).y-Pc.default.getScreenSize().scrollY;for(let n=0;n<o;n++){let i=Re("#TableRow-"+r+"-"+n),{top:l,bottom:s,height:c}=i.position();n==0&&a<l?t.insertIndex=0:n===o-1&&s<=a?t.insertIndex=o:a>=l&&a<s&&(t.insertIndex=n+1)}{let{index:n,insertIndex:i}=t,l=se.get(r);l&&l.preSet&&l.preSet({origin:n,index:i})}return e.stopPropagation(),e.preventDefault(),!1},End:function(e,t){let{id:r,index:o,insertIndex:a}=t,n=se.get(r);n&&n.swap&&n.swap(o,a),Re("#TableRow-"+r+"-"+o).removeClass(Ze("DraggerOrigin")),(0,Pc.default)(document).removeEvent(["DragMouseMove","DragTouchMove","DragMouseUp","DragTouchEnd"])}};var Oe=L(je()),Rs=L(it()),to=L(ot());var BT=L(C_()),AT=L(T_()),FT=L(S_()),zT=L(PT());var el={__memoryID:to.default.uuid.gen(),Header:e=>{var t,r;let{val_status:o,set_status:a,KeywordFilterRows:n}=d({},e),{order:i,filter:l}=o,[s,c]=i.current,f=[],p=[...o.head];if(o.checker){let m={top:!0,bottom:!o.rows.length,left:!0,right:!o.colLength,rowIndex:0,colIndex:0,isBody:!1,isHeader:!0},h=dn(m),_=o.cellStylesCallback?o.cellStylesCallback(m):{};f.push((0,Oe.jsx)(Et.TH,w(d(d(d({fontWeight:"2.normal",position:"sticky",top:0,unitWidth:4,padding:0},o.cellStyles),h),_),{freeCSS:w(d(d({},(t=o.cellStyles)==null?void 0:t.freeCSS),_.freeCSS),{zIndex:2}),className:[Ze("Cell"),o.cellClassName].join(" "),children:(0,Oe.jsx)(v,{flexCenter:!0,children:(0,Oe.jsx)(ve.Checker,{label:null,value:!1,onUpdateValidValue:({value:S})=>{let k=o.rows;k.forEach(b=>{b.checked=S}),a(w(d({},o),{rows:k}))}})})}),-1))}for(let m=0;m<o.colLength;m++){let h=p[m];if(!h)continue;let _=h.children||h.data,S=i.enabled&&i.column[m],k=l.enabled&&l.column[m],b=S?(0,Oe.jsx)(G,{fontSize:"1.mini",fontColor:m==s?"1.clear":"5.translucent",icon:m==s?c=="DESC"?AT.faArrowDown:BT.faArrowUp:FT.faArrowRight}):null,g=(0,Oe.jsx)(Oe.Fragment,{});if(k){let x=n.map(O=>{var M;return(M=O[m])==null?void 0:M.data});x=[...new Set(x)].order({direction:"ASC"});let P=l.current[m];if(P){let O=x.filter(ee=>!P.includes(ee)),M=[];x.forEach(ee=>{ee&&M.push({value:ee,label:(0,Oe.jsx)(v,{flexSizing:"auto",children:ee})})});let V="BUTTON-"+o.componentID+"-"+m,J=o.componentID+"-"+m,K={sheetID:J,parent:"#"+V,gravityPoint:23,type:"custom",content:(0,Oe.jsxs)(Ee,{flexType:"col",border:!0,boxShadow:"3.remark",backgroundColor:"layer.1",borderRadius:1,freeCSS:{minWidth:12*20,maxWidth:12*30},children:[(0,Oe.jsx)(xe,{gap:"1/3",overflow:"auto",padding:"2/3",freeCSS:{maxHeight:12*30},children:(0,Oe.jsx)(ve.Checkbox,{icon:!0,value:O,display:"flex",gap:"1/2",override:"force",options:M,hideInput:!0,name:"DTFilter-col-"+m+"-table-"+o.componentID,onUpdateValidValue:({value:ee})=>{let _e=x.filter(N=>!ee.includes(N)),Ce=d({},o);Ce.filter.current[m]=_e,a(Ce)}})}),(0,Oe.jsxs)(ie.Separate,{gap:"2/3",padding:"2/3",horizontalAlign:"right",children:[(0,Oe.jsx)(H.Border.S,{isRounded:!0,onClick:()=>{Ve.close(J)},children:"\u9589\u3058\u308B"}),(0,Oe.jsx)(H.Prime.S,{color:"theme",isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{let ee=[];P.length||(ee=x);let _e=d({},o);_e.filter.current[m]=ee,a(_e)},children:"\u5168\u9078\u629E"})]})]})};Ve.refresh(K,!0),g=(0,Oe.jsx)(v,{className:Ze("FilterRegion"),children:(0,Oe.jsx)(H.Sub.S,{ssSphere:2.5,fontSize:"1.mini",className:Ze("Filtering_"+!!P.length),id:V,onClick:ee=>{ee.stopPropagation(),Ve.open(K)},children:(0,Oe.jsx)(G,{icon:zT.faFilter})})})}}let y={top:!0,bottom:!o.rows.length,left:o.checker?!1:m==0,right:m==o.colLength-1,rowIndex:0,colIndex:m,isBody:!1,isHeader:!0},C=dn(y),D=o.cellStylesCallback?o.cellStylesCallback(y):{};h=w(d(d(d(d({},o.cellStyles),C),h),D),{ssPushable:S,freeCSS:d(d(d({},(r=o.cellStyles)==null?void 0:r.freeCSS),D.freeCSS),h.freeCSS),className:[Ze("Cell"),o.cellClassName,h.className].join(" ")}),delete h.orderIndex,f.push((0,Oe.jsx)(Et.TH,w(d({fontWeight:"2.normal",position:"sticky",top:0},h),{freeCSS:d({zIndex:2},h.freeCSS),onClick:x=>{if(S){let P=d({},o),O=[m,s===m&&c=="ASC"?"DESC":"ASC"];P.order.current=O,a(P),o.onOrderChanged&&o.onOrderChanged(O)}},children:(0,Oe.jsxs)(Ee,{flexType:"row-r",flexWrap:!1,height:1,borderRadius:"inherit",flexCenter:!0,children:[g,(0,Oe.jsxs)(Ee,{flexSizing:0,position:"relative",borderRadius:"inherit",gap:"1/2",flexWrap:!1,verticalAlign:"center",horizontalAlign:"center",children:[b,_]})]})}),m))}return(0,Oe.jsx)(Et.Row,{className:[Ze("Row"),Ze("HeadRow")].join(" "),children:f})},Body:e=>{let{val_status:t,PageRows:r}=e,o=[];if(r.forEach((a,n)=>{var i;let l=[...a],s=[];if(t.checker){let c={top:n==0&&!t.head,bottom:n==r.length-1,left:!0,right:!t.colLength,rowIndex:n,colIndex:0,isBody:!0,isHeader:!1},f=dn(c),p=t.cellStylesCallback?t.cellStylesCallback(c):{};s.push((0,Oe.jsx)(Et.TH,w(d(d(d({unitWidth:4,padding:0,borderRight:!0},t.cellStyles),f),p),{freeCSS:d(d({},(i=t.cellStyles)==null?void 0:i.freeCSS),p.freeCSS),className:[Ze("Cell"),t.cellClassName].join(" "),children:(0,Oe.jsx)(v,{flexCenter:!0,children:(0,Oe.jsx)(ve.Checker,{label:null,value:a.checked,override:"force",onUpdateValidValue:({value:m})=>{let h=t.rows,_=h.findIndex(S=>to.default.JsonTo(S.rowID)==to.default.JsonTo(a.rowID));_!=-1&&(h[_].checked=m,e.set_status(S=>w(d({},S),{rows:h})))}})})}),-1))}l.forEach((c,f)=>{var p;if(!c)return;let m=c,{type:h="td"}=m,_=ge(m,["type"]),S={top:n==0&&!t.head,bottom:n==r.length-1,left:t.checker?!1:f==0,right:f==t.colLength-1,rowIndex:n,colIndex:f,isBody:!0,isHeader:!1},k=dn(S),b=t.cellStylesCallback?t.cellStylesCallback(S):{};_=w(d(d(d(d({},t.cellStyles),k),_),b),{freeCSS:d(d(d({},(p=t.cellStyles)==null?void 0:p.freeCSS),_.freeCSS),b.freeCSS),className:[Ze("Cell"),t.cellClassName,_.className].join(" ")}),delete _.orderIndex;let g=Et[h=="td"?"TD":"TH"];s.push((0,Oe.jsx)(g,d({},_),f))}),o.push((0,Oe.jsx)(Et.Row,{className:[Ze("Row"),Ze("BodyRow")].join(" "),children:s,onClick:c=>{t.onRowClick&&t.onRowClick(a.rowID,c)}},n))}),!r.length){let a=(0,Oe.jsx)(v,{padding:2,fontColor:"4.thin",textAlign:"center",borderTop:"1.thin",children:"\u30C6\u30FC\u30D6\u30EB\u304C\u3042\u308A\u307E\u305B\u3093"});t.noRecords&&(a=(0,Oe.jsx)(Oe.Fragment,{children:t.noRecords})),o.push((0,Oe.jsx)(Et.Row,{className:[Ze("Row"),Ze("BodyRow"),Ze("DataNotFound")].join(" "),children:(0,Oe.jsx)(Et.TD,{colSpan:t.colLength,className:Ze("Cell"),children:a})},"dataNotFound"))}return(0,Oe.jsx)(Oe.Fragment,{children:o})},Core:e=>{let{val_status:t,set_status:r}=e,{searchKeyword:o,filter:a,order:n,paging:i}=t,l=[...t.rows],s=[...t.rows],c=[...t.rows],f=[...t.rows];if(o&&(s=l.filter(h=>(h.__sys4SearchKey||"").match(new RegExp(o,"i"))?1:0),c=[...s],f=[...s]),a.enabled)for(let h=0;h<t.colLength;h++){let _=a.column[h],S=a.current[h];_&&S&&S.length&&(c=c.filter(k=>!S.includes(k[h].data)),f=[...c])}n.enabled&&(c=c.order({direction:n.current[1],keys:[n.current[0],"orderIndex"]}),f=[...c]);{let{currentPageIndex:h,rowLength:_}=i;f=[...f].splice((h-1)*_,_)}let p=el.__memoryID+"_"+t.tableID,m={rows:{total:l.length,page:f.length,filtered:c.length},val_status:w(d({},t),{paging:w(d({},t.paging),{pageLength:Math.ceil(c.length/t.paging.rowLength)})}),set_status:r};return se.update({[p]:{getRowData:()=>{let h=[...l];return n.enabled&&(h=h.order({direction:n.current[1],keys:[n.current[0],"orderIndex"]})),h.forEach(_=>{_.currentPage=!1,_.filtered=!1}),f.forEach(_=>{let{rowID:S}=_;h.find(k=>to.default.JsonTo(k.rowID)==to.default.JsonTo(S)).currentPage=!0}),c.forEach(_=>{let{rowID:S}=_;h.find(k=>to.default.JsonTo(k.rowID)==to.default.JsonTo(S)).filtered=!0}),h}}}),(0,Rs.useEffect)(()=>{Dn.release(t.tableID,m)}),(0,Oe.jsx)(v,{className:Ze("TableBase"),children:(0,Oe.jsx)(Et.Table,{className:Ze("Table"),children:(0,Oe.jsxs)(Et.Body,{children:[(0,Oe.jsx)(el.Header,{val_status:t,set_status:r,KeywordFilterRows:s}),(0,Oe.jsx)(el.Body,{val_status:t,set_status:r,PageRows:f})]})})},o)},Propagations:{},DataLeveler:e=>{var t,r;return e=d({},e),e.filter=(t=e.filter)!=null?t:!1,e.filter=Array.from({length:e.colLength}).map((o,a)=>{var n;return to.default.is.boolean(e.filter)?e.filter:(n=e.filter[a])!=null?n:!1}),e.order=(r=e.order)!=null?r:!0,e.order=Array.from({length:e.colLength}).map((o,a)=>{var n;return to.default.is.boolean(e.order)?e.order:(n=e.order[a])!=null?n:!0}),e=d({checker:!1,searchKeyword:"",filter:!1,order:!0,defaultOrder:[0,"ASC"]},e),e.rows.forEach((o,a)=>{o.rowID=o.rowID||a;let n=[];o.forEach((i,l)=>{let{data:s,children:c,orderIndex:f}=i;i.orderIndex=to.default.is.exist(f)?String(f):String(s),i.children=c||String(s),n.push(String(i.data))}),o.__sys4SearchKey=n.join("/")}),(0,Oe.jsx)(el.StateManager,d({},e))},StateManager:e=>{let{colLength:t,checker:r=!1,searchKeyword:o="",filter:a,order:n,defaultOrder:i=[0,"ASC"],pageRowLength:l=30}=e,[s]=(0,Rs.useState)(to.default.uuid.gen()),c={tableID:e.tableID||s,componentID:s,colLength:t,checker:r,searchKeyword:o,filter:{enabled:a!==!1,column:a,current:Array.from({length:t},()=>[])},order:{enabled:n!==!1,column:n,current:i},paging:{rowLength:l,pageLength:Math.ceil(e.rows.length/l),currentPageIndex:1},head:e.head,rows:e.rows,noRecords:e.noRecords,cellStyles:e.cellStyles||{},cellClassName:e.cellClassName||"",cellStylesCallback:e.cellStylesCallback,onRowClick:e.onRowClick,onOrderChanged:e.onOrderChanged},[f,p]=(0,Rs.useState)(c);return(0,Rs.useEffect)(()=>{p(m=>w(d({},m),{rows:c.rows}))},[to.default.JsonTo(c.rows)]),(0,Rs.useEffect)(()=>{p(m=>w(d({},m),{head:c.head}))},[to.default.JsonTo(c.head)]),(0,Oe.jsx)(el.Core,{val_status:f,set_status:p})}},ZI={__memoryID:el.__memoryID,getRowData:e=>{let t=se.get(el.__memoryID+"_"+e);if(t!=null&&t.getRowData)return t.getRowData()}},qp={SearchInput:e=>{let t=Dn.catch(e.tableID);if(!t)return null;let{val_status:r,set_status:o}=t;return(0,Oe.jsx)(ve.TextField,{label:"\u691C\u7D22...",clearButton:!0,padding:"2/3",paddingRight:3,rightIcon:(0,Oe.jsx)(ve.RightIcon,{ssSphere:2,fontColor:"5.translucent",right:"2/3",children:(0,Oe.jsx)(G.Search,{})}),value:r.searchKeyword,onUpdateValidValue:({value:a})=>{e.onChange(a),to.default.interval.clear("InputSearchTime"),to.default.interval.standBy("InputSearchTime",200,()=>{o(n=>w(d({},n),{paging:w(d({},n.paging),{currentPageIndex:1}),filter:w(d({},n.filter),{current:Array.from({length:n.colLength},()=>[])}),searchKeyword:a}))})}})},Info:e=>{let t=Dn.catch(e.tableID);if(!t)return null;let{val_status:r,set_status:o}=t,a=t.rows.filtered.ratio(t.rows.total)||0;return(0,Oe.jsxs)(Ee,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[(0,Oe.jsx)(Nr,{fontSize:"4.thirdTitle",fontColor:"theme",children:t.rows.filtered.toLocaleString()}),"/ ",t.rows.total.toLocaleString(),"\u4EF6 (",a,"%)"]})},Paging:e=>{let t=Dn.catch(e.tableID);if(!t)return null;let{val_status:r,set_status:o}=t,a=[];for(let i=0;i<r.paging.pageLength;i++)a.push({value:i+1,label:(i+1).toString()});let n=i=>{let l=Math.min(Math.max(1,i),r.paging.pageLength),s=d({},r);s.paging.currentPageIndex=l,o(c=>w(d({},c),{paging:w(d({},c.paging),{currentPageIndex:l})}))};return(0,Oe.jsxs)(ie.Center,{children:[(0,Oe.jsxs)(ie.Center,{gap:"1/2",children:[(0,Oe.jsx)(ve.Select,{label:"\u9805",freeCSS:{minWidth:12*3},emptySelect:!1,padding:["1/3","2/3"],rightIcon:!1,override:"force",value:r.paging.currentPageIndex,options:a,SelectorGravityPoint:24,onUpdateValidValue:({value:i})=>{n(i)}}),"/ ",r.paging.pageLength]}),(0,Oe.jsxs)(ie.Right,{gap:"1/2",children:[(0,Oe.jsx)(H.Sub,{ssSphere:3,onClick:()=>{if(r.paging.currentPageIndex==1){n(r.paging.pageLength);return}n(r.paging.currentPageIndex-1)},children:(0,Oe.jsx)(G.ChevronLeft,{})}),(0,Oe.jsx)(H.Sub,{ssSphere:3,onClick:()=>{if(r.paging.currentPageIndex==r.paging.pageLength){n(1);return}n(r.paging.currentPageIndex+1)},children:(0,Oe.jsx)(G.ChevronRight,{})})]})]})},RowLength:e=>{let t=Dn.catch(e.tableID);if(!t)return null;let{val_status:r,set_status:o}=t,a=r.paging.rowLength,n=0,i=e.lengthSelect.map(l=>(n|=+(l==a),{value:l,label:l.toString()}));return n||i.push({value:a,label:a.toString()}),i=i.order({direction:"ASC",keys:["value"]}),(0,Oe.jsx)(ie.Center,{gap:"1/2",children:(0,Oe.jsx)(ve.Select,{label:"\u4EF6\u6570",emptySelect:!1,rightIcon:!1,override:"force",padding:["1/3","2/3"],value:r.paging.rowLength,options:i,SelectorGravityPoint:24,onUpdateValidValue:({value:l})=>{o(s=>w(d({},s),{paging:{rowLength:Number(l),currentPageIndex:1,pageLength:Math.ceil(t.rows.filtered/Number(l))}}))}})})}},eP=e=>(0,Oe.jsx)(Ic,w(d({},e),{type:"data",JSXChildren:el.DataLeveler})),Vl=eP;Vl.__memoryID=el.__memoryID,Vl.getRowData=ZI.getRowData,Vl.Info=qp.Info,Vl.Paging=qp.Paging,Vl.RowLength=qp.RowLength,Vl.SearchInput=qp.SearchInput;var ro;(e=>(e.Normal=vT,e.Data=Vl,e.Drag=TT,e.Parts=Et))(ro||(ro={}));var Uv=L(je()),cd=L(ot());var nn={uid:cd.default.uuid.gen(),open:(e,t,r=24,o=.35)=>{e&&(cd.default.interval.clear(nn.uid),cd.default.interval.standBy(nn.uid,o*1e3,()=>{yt.open({tipsID:nn.uid,parent:e,gravityPoint:r||24,padding:"1/2",content:(0,Uv.jsx)(yt.Body,{padding:"1/2",borderRadius:"3.tone.tertiary",children:(0,Uv.jsx)(ce.Supplement,{children:t})})})}))},abort:()=>{cd.default.interval.clear(nn.uid),yt.close(nn.uid)}};var ke=L(je()),ar=L(ot());var ai=L(it());var f7=L(UT()),p7=L(QT()),m7=L(a7()),h7=L(d7());var Kv=class{constructor(t){this.set_scale=t.set_scale,this.val_file=t.val_file,this.develops=t.develops,this.use=t.use,this.componentID=t.componentID,this.scale={current:t.scale.default,default:t.scale.default,min:t.scale.min,max:t.scale.max};let r=t.canvas;this.Canvas={elm:r,ctx:r.getContext("2d")};let o=t.picture.image,{width:a,height:n}=o,i=a/n;this.Picture={elm:o,originDataUrl:o.src,aspect:i,revisedAspect:1,rotate:t.picture.rotate,grayScale:t.picture.grayScale,tone:t.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:a/2,imageY:n/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 t=this.Canvas.elm,r=this.Picture.elm,o=0,a=0;if(this.use=="square"){let f=t.width/3*2,p=t.height/3*2;o=Math.min(f,p),a=o}else this.use=="wallpaper.horizontal"?(o=t.width*(7/9),a=o/3):this.use=="wallpaper.vertical"&&(a=t.height*(7/9),o=a/2);let{width:n,height:i}=r,l=(t.width-o)/2,s=(t.height-a)/2,c=o/a;this.pst={frame:{x:l,y:s,w:o,h:a,aspect:c},outImage:{x:0,y:0,w:0,h:0},imageX:n/2,imageY:i/2,centerX:t.width/2,centerY:t.height/2}}dragEffect(t){let{eventType:r,x:o,y:a}=t;if(r=="start"){let n=this.Canvas.elm.position();this.dragEffectInfo={origin:{x:o,y:a},frameExpandRate:{x:this.Canvas.elm.width/n.width,y:this.Canvas.elm.height/n.height}}}else{let{origin:n,frameExpandRate:i}=this.dragEffectInfo,l=n.x-o,s=n.y-a,c=this.scale.current*this.Picture.revisedAspect/100,f=l/c*i.x,p=s/c*i.y;r=="move"?this.drawImage(this.pst.imageX+f,this.pst.imageY+p):r=="end"&&this.drawImage(this.pst.imageX+=f,this.pst.imageY+=p)}}pinchEffect(t){let{eventType:r,event:o}=t,{x:a,y:n}=ar.default.getCursor(o.touches[0]),{x:i,y:l}=ar.default.getCursor(o.touches[1]),s=i-a,c=l-n;if(r=="start")this.pinchEffectInfo.origin={x:s,y:c,scale:this.scale.current};else if(r=="move"){let{origin:f}=this.pinchEffectInfo,p=Math.sqrt(Math.pow(f.x,2)+Math.pow(f.y,2)),m=Math.sqrt(Math.pow(s,2)+Math.pow(c,2))/p,h=Number(f.scale*m);this.set_scale(h)}}updateScale(t){let r=t;r=Math.max(r,this.scale.min),r=Math.min(r,this.scale.max),this.scale.current=r,this.drawImage()}updateFilter(t){this.Picture.grayScale=t.grayScale,this.Picture.tone=t.tone,this.Picture.rotate=t.rotate,this.modifyImage()}modifyImage(){return Pt(this,null,function*(){let{grayScale:t,tone:r,rotate:o}=this.Picture,a=document.createElement("canvas"),n=a.getContext("2d"),i=yield ar.default.ImageLoader(this.Picture.originDataUrl),l=i.width,s=i.height;(o==90||o==270)&&(l=i.height,s=i.width),a.width=l,a.height=s,t&&(n.filter="grayscale("+t+"%)"),o&&(n.translate(l/2,s/2),n.rotate(o*Math.PI/180),[90,270].includes(o)?n.translate(-s/2,-l/2):n.translate(-l/2,-s/2)),n.drawImage(i,0,0,i.width,i.height);let c=n.getImageData(0,0,a.width,a.height),f=c.data;{t/=100;let _=[[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]][r],S=_[0]/255,k=_[1]/255,b=_[2]/255;for(let g=0;g<s;g++)for(let y=0;y<l;y++){var p=(g*l+y)*4;if(t){let C=.3*f[p]+.59*f[p+1]+.11*f[p+2];for(var m=0;m<3;m++){let D=f[p+m];f[p+m]=D+(C-D)*t}}f[p]*=S,f[p+1]*=k,f[p+2]*=b}}n.putImageData(c,0,0);let h=a.toDataURL("image/jpeg");{let _=yield ar.default.ImageLoader(h),{width:S,height:k}=_,b=S/k;this.Picture=w(d({},this.Picture),{elm:_,aspect:b,revisedAspect:this.pst.frame.aspect>b?this.pst.frame.w/S:this.pst.frame.h/k})}this.drawImage()})}drawImage(t,r){let{use:o,Canvas:{ctx:a,elm:n},pst:{frame:i}}=this,l=t||this.pst.imageX,s=r||this.pst.imageY;{let c=this.scale.current/100,f=this.Picture.revisedAspect*c,p=this.pst.centerX-l*f,m=this.pst.centerY-s*f,h=this.Picture.elm.width*f,_=this.Picture.elm.height*f;{let S=this.pst.frame.x+this.pst.frame.w-h,k=this.pst.frame.x,b=this.pst.frame.y+this.pst.frame.h-_,g=this.pst.frame.y,y=0;p<S&&(y=p-S),p>k&&(y=p-k);let C=0;m<b&&(C=m-b),m>g&&(C=m-g),this.dragEffectInfo.origin.x+=y/2/this.dragEffectInfo.frameExpandRate.x,this.dragEffectInfo.origin.y+=C/2/this.dragEffectInfo.frameExpandRate.y,p=Math.min(Math.max(p,S),k),m=Math.min(Math.max(m,b),g)}this.pst.outImage={x:p,y:m,w:h,h:_},a.clearRect(0,0,this.Canvas.elm.width,this.Canvas.elm.height),a.drawImage(this.Picture.elm,0,0,this.Picture.elm.width,this.Picture.elm.height,p,m,h,_)}{if(o=="square"){a.fillStyle="rgba( 20,24,20,.3 )",a.beginPath();let f=n.width/3*2,p=n.height/3*2,m=Math.min(f,p),h=Math.max(f,p);a.arc(n.width/2,n.height/2,h,0,Math.PI*2,!0),a.arc(n.width/2,n.height/2,m/2,0,Math.PI*2,!1),a.closePath(),a.fill()}else(o=="wallpaper.horizontal"||o=="wallpaper.vertical")&&(a.fillStyle="rgba( 20,24,20,.3 )");a.beginPath(),a.moveTo(0,0),a.lineTo(n.width,0),a.lineTo(n.width,n.height),a.lineTo(0,n.height),a.lineTo(0,0),a.closePath(),a.lineTo(i.x,i.y),a.lineTo(i.x,i.y+i.h),a.lineTo(i.x+i.w,i.y+i.h),a.lineTo(i.x+i.w,i.y),a.lineTo(i.x,i.y),a.fill();let c=(0,ar.default)(document.body).getStyleProperty("--color-theme-hsl");a.lineWidth=4,a.strokeStyle=`hsla( ${c},1 )`,a.strokeRect(i.x,i.y,i.w,i.h)}}export(){return Pt(this,null,function*(){let{Canvas:t,develops:r,Picture:o,pst:{outImage:a,frame:n}}=this,i=a.w/o.elm.width,l=a.h/o.elm.height,s=(n.x-a.x)/i,c=(n.x-a.x+n.w)/i,f=(n.y-a.y)/l,p=(n.y-a.y+n.h)/l,m=Array.from({length:r.length}),h="image/jpeg";for(let _=0;_<r.length;_++){let{size:S,maxSize:k}=r[_];k=k||{S:1024*20,R:1024*100,L:1024*350}[S];let b={S:140,R:600,L:1200}[S],g=b;this.use=="wallpaper.horizontal"?g=b/3:this.use=="wallpaper.vertical"&&(g=b*2);let y=document.createElement("canvas");y.width=b,y.height=g;let C=y.getContext("2d");if(!C)return;C.clearRect(0,0,b,g),C.drawImage(this.Picture.elm,s,f,c-s,p-f,0,0,b,g);let D=y.toDataURL(h),x=yield D.toBlob(h);if(!x)return;if(x.size>=k){let O=k/x.size;if(D=y.toDataURL(h,O*.92),x=yield D.toBlob(h),!x)return}let P=new File([x],this.val_file.name,{type:h});m[_]=P}return m})}},g7={Core:e=>{let{val_file:t,options:r,finishedCallback:o,abortCallback:a}=e,{use:n,develops:i=[]}=r,[l]=(0,ai.useState)(ar.default.uuid.gen()),s={scale:{default:120,min:100,max:400},rotate:0,grayScale:0,tone:0},[c,f]=(0,ai.useState)(s.scale.default),[p,m]=(0,ai.useState)(s.rotate),[h,_]=(0,ai.useState)(s.grayScale),[S,k]=(0,ai.useState)(s.tone);return(0,ai.useEffect)(()=>{let b="CropperResize";return(0,ar.default)(window).addEvent({eventType:"resize",eventID:b,callback:()=>{ar.default.interval.clear("CropperResize"),ar.default.interval.standBy("CropperResize",200,()=>{var g;let y=Re("#Canvas-"+l)[0];if(!y)return;let C=(g=se.get(l))==null?void 0:g.Instance;if(!C)return;let D=y.position(),x=D.width/D.height;y.width=2400,y.height=2400/x;let{width:P,height:O}=y;C.pst.centerX=P/2,C.pst.centerY=O/2,C.frameSizing(),C.modifyImage()})}}),()=>{(0,ar.default)(window).removeEvent(b)}},[]),(0,ai.useEffect)(()=>{se.set({[l]:{}}),Pt(void 0,null,function*(){yr.fn.corner.active(),yield ar.default.pending(()=>{},400);let{target:b}=yield t.convert();if(!b)return;let g=b.result,y=Re("#Canvas-"+l)[0];if(!y)return;let C=y.position(),D=C.width/C.height;y.width=2400,y.height=2400/D;let x=new Kv({set_scale:f,val_file:t,develops:i,use:n,scale:s.scale,componentID:l,canvas:y,picture:{image:yield ar.default.ImageLoader(g),grayScale:s.grayScale,tone:s.tone,rotate:s.rotate}});se.set({[l]:{Instance:x}});let P=function(V){if(V.preventDefault(),V.touches&&V.touches.length>1)x.pinchEffect({eventType:"start",event:V}),(0,ar.default)(document).addEvent({eventType:"touchmove",eventID:"CropperEffectMove",options:{passive:!1},callback:J=>{J.preventDefault(),x.pinchEffect({eventType:"move",event:J})}}).addEvent({eventType:"touchend",eventID:"CropperEffectEnd",options:{passive:!1},callback:M});else{x.dragEffect(d({eventType:"start"},ar.default.getCursor(V)));let{type:J}=V;(0,ar.default)(document).addEvent({eventType:J=="touchstart"?"touchmove":"mousemove",eventID:"CropperEffectMove",options:{passive:!1},callback:K=>{O("move",K)}}).addEvent({eventType:J=="touchstart"?"touchend":"mouseup",eventID:"CropperEffectEnd",options:{passive:!1},callback:K=>{O("end",K),M(K)}})}},O=function(V,J){J.preventDefault(),x.dragEffect(d({eventType:V},ar.default.getCursor(J)))},M=function(V){V.preventDefault(),(0,ar.default)(document).removeEvent(["CropperEffectMove","CropperEffectEnd"])};(0,ar.default)(y).removeEvent(["CropperMouseWheel","CropperTouchStart","CropperMouseDown"]).addEvent({eventID:"CropperMouseWheel",eventType:"wheel",callback:V=>{V.preventDefault();let J=Number(V.wheelDelta*.04),K=x.scale.current+J;K=Math.max(K,x.scale.min),K=Math.min(K,x.scale.max),f(K)},options:{passive:!1}}).addEvent({eventType:"touchstart",eventID:"CropperTouchStart",callback:P,options:{passive:!1}}).addEvent({eventType:"mousedown",eventID:"CropperMouseDown",callback:P,options:{passive:!1}}),setTimeout(()=>{yr.fn.corner.stop()},1e3)})},[t.id]),(0,ai.useEffect)(()=>{var b;let g=(b=se.get(l))==null?void 0:b.Instance;g&&g.updateScale(c)},[c]),(0,ai.useEffect)(()=>{var b;let g=(b=se.get(l))==null?void 0:b.Instance;g&&g.updateFilter({grayScale:h,tone:S,rotate:p})},[h,S,p]),(0,ke.jsx)(Ve.Body,{borderRadius:0,height:"viewHeight",width:"viewWidth",children:(0,ke.jsxs)(xe,{className:[Il("Wrap"),Il("Use_"+n)].join(" "),gap:0,height:1,position:"relative",overflow:"hidden",borderRadius:"inherit",children:[(0,ke.jsx)(v,{flexSizing:0,overflow:"hidden",position:"relative",backgroundColor:"black",flexCenter:!0,freeCSS:{zIndex:1},children:(0,ke.jsx)("canvas",{style:{width:"100%",height:"100%"},width:2400,height:2400,className:Il("Canvas"),id:"Canvas-"+l})}),(0,ke.jsxs)(ie.Separate,{borderTop:!0,flexSizing:"none",backgroundColor:"layer.1",padding:1,verticalAlign:"unset",UnderBreakPointStyles:{flexType:"col"},children:[(0,ke.jsx)(g7.SettingRegion,{DefaultOptions:s,val_scale:c,set_scale:f,val_tone:S,set_tone:k,val_grayScale:h,set_grayScale:_,val_rotate:p,set_rotate:m}),(0,ke.jsxs)(ie.Right,{flexSizing:"none",children:[(0,ke.jsx)(H.Border,{isRounded:!0,onClick:()=>{a()},children:"\u9589\u3058\u308B"}),(0,ke.jsx)(H,{isRounded:!0,boxShadow:"3.remark",onClick:()=>Pt(void 0,null,function*(){var b;let g=(b=se.get(l))==null?void 0:b.Instance;if(!g)return;yr.fn.mini.active("CropperExportation");let y=yield g.export();setTimeout(()=>{yr.fn.mini.stop("CropperExportation"),o(y)},3e3)}),children:(0,ke.jsxs)(ie.Center,{gap:"1/2",children:[(0,ke.jsx)(yr.White.R,{loaderID:"CropperExportation"}),"\u6C7A\u5B9A"]})})]})]})]})})},SettingRegion:e=>{let t=["","\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"],r=o=>t[o]||"\u306A\u3057";return(0,ke.jsxs)(ie.Left,{verticalAlign:"unset",flexWrap:!0,children:[(0,ke.jsxs)(xe,{gap:"1/3",children:[(0,ke.jsx)(ce.Supplement,{children:"Rotate"}),(0,ke.jsxs)(ie.Left,{flexChilds:"even",gap:"1/6",children:[(0,ke.jsx)(H.Border.S,{isRounded:!0,borderTopRightRadius:0,borderBottomRightRadius:0,onClick:()=>{let o=e.val_rotate-90;o<0&&(o+=360),e.set_rotate(o)},children:(0,ke.jsxs)(ie.Center,{gap:"1/4",children:["90\xB0",(0,ke.jsx)(G,{icon:m7.faRotateLeft})]})}),(0,ke.jsx)(H.Border.S,{isRounded:!0,borderTopLeftRadius:0,borderBottomLeftRadius:0,onClick:()=>{e.set_rotate((e.val_rotate+90)%360)},children:(0,ke.jsxs)(ie.Center,{gap:"1/4",children:[(0,ke.jsx)(G,{icon:h7.faRotateRight}),"90\xB0"]})})]})]}),(0,ke.jsxs)(xe,{gap:"1/3",freeCSS:{minWidth:12*6},children:[(0,ke.jsx)(ce.Supplement,{children:"Zoom"}),(0,ke.jsxs)(H.Border.S,{flexCenter:!0,isRounded:!0,flexSizing:0,onClick:o=>{let a="CropperZoomEdit";yt.open({tipsID:a,gravityPoint:3,event:o,closeAtParentBlur:!1,freeCSS:{minWidth:12*26},content:(0,ke.jsx)(Ve.Body,{children:(0,ke.jsxs)(xe,{padding:1.5,children:[(0,ke.jsxs)(ie.Separate,{children:[(0,ke.jsx)(ce.Paragraph,{children:(0,ke.jsxs)(ie.Center,{gap:"1/2",children:[(0,ke.jsx)(G.Search,{fontColor:"5.translucent"}),"Zoom"]})}),(0,ke.jsx)(H.Sub,{color:"cloud",ssSphere:2.5,onClick:()=>{yt.close(a)},children:(0,ke.jsx)(G.Times,{})})]}),(0,ke.jsx)(v,{borderBottom:!0,opacity:"low"}),(0,ke.jsx)(ve.Slider,{override:"force",value:e.val_scale-100,min:e.DefaultOptions.scale.min-100,max:e.DefaultOptions.scale.max-100,step:25,onUpdateValidValue:({eventType:n,value:i})=>{ar.default.interval.clear("Cropper.UpdateScale"),ar.default.interval.standBy("Cropper.UpdateScale",250,()=>{e.set_scale(i+100)})},legends:{enable:!0,custom:n=>"x"+Math.round(100+n)/100}})]})})})},children:[e.val_scale.rate(1,0),"%"]})]}),(0,ke.jsxs)(xe,{gap:"1/3",freeCSS:{minWidth:12*6},children:[(0,ke.jsx)(ce.Supplement,{children:"GrayScale"}),(0,ke.jsxs)(H.Border.S,{flexCenter:!0,isRounded:!0,flexSizing:0,onClick:o=>{let a="CropperGrayScaleEdit";yt.open({tipsID:a,gravityPoint:3,event:o,closeAtParentBlur:!1,freeCSS:{minWidth:12*26},content:(0,ke.jsx)(Ve.Body,{children:(0,ke.jsxs)(xe,{padding:1.5,children:[(0,ke.jsxs)(ie.Separate,{children:[(0,ke.jsx)(ce.Paragraph,{children:(0,ke.jsxs)(ie.Center,{gap:"1/2",children:[(0,ke.jsx)(G,{icon:f7.faPalette,fontColor:"5.translucent"}),"Gray Scale"]})}),(0,ke.jsx)(H.Sub,{color:"cloud",ssSphere:2.5,onClick:()=>{yt.close(a)},children:(0,ke.jsx)(G.Times,{})})]}),(0,ke.jsx)(v,{borderBottom:!0,opacity:"low"}),(0,ke.jsx)(ve.Slider,{value:e.val_grayScale,min:0,max:100,step:10,onUpdateValidValue:({value:n})=>{ar.default.interval.clear("Cropper.GrayScale"),ar.default.interval.standBy("Cropper.GrayScale",250,()=>{e.set_grayScale(n)})},legends:{enable:!0,custom:n=>n+"%"}})]})})})},children:[e.val_grayScale.rate(1,0),"%"]})]}),(0,ke.jsxs)(xe,{gap:"1/3",freeCSS:{minWidth:12*6},children:[(0,ke.jsx)(ce.Supplement,{children:"Tone"}),(0,ke.jsx)(H.Border.S,{flexCenter:!0,isRounded:!0,flexSizing:0,onClick:o=>{let a="CropperToneEdit";yt.open({tipsID:a,gravityPoint:3,event:o,closeAtParentBlur:!1,freeCSS:{minWidth:12*26,maxWidth:12*24},content:()=>{let n=[];for(let i=1;i<=10;i++)n.push({value:i,label:(0,ke.jsxs)(ke.Fragment,{children:[(0,ke.jsx)(v,{ssSphere:1,className:[Il("ToneBall"),Il("ToneBall_"+i)].join(" ")}),(0,ke.jsx)(v,{textAlign:"left",flexSizing:0,children:r(i)})]})});return(0,ke.jsx)(Ve.Body,{children:(0,ke.jsxs)(xe,{padding:1.5,children:[(0,ke.jsxs)(ie.Separate,{children:[(0,ke.jsx)(ce.Paragraph,{children:(0,ke.jsxs)(ie.Center,{gap:"1/2",children:[(0,ke.jsx)(G,{icon:p7.faBarsStaggered,fontColor:"5.translucent"}),"Tone"]})}),(0,ke.jsx)(H.Sub,{color:"cloud",ssSphere:2.5,onClick:()=>{yt.close(a)},children:(0,ke.jsx)(G.Times,{})})]}),(0,ke.jsx)(v,{borderBottom:!0,opacity:"low"}),(0,ke.jsx)(ve.Radio.Normal,{value:e.val_tone,gap:"1/2",cellStyles:{fontColor:"3.blur"},options:[{value:0,label:(0,ke.jsx)(v,{flexSizing:0,textAlign:"center",children:"\u306A\u3057"})},...n],onUpdateValidValue:({value:i})=>{e.set_tone(i)}})]})})}})},children:(0,ke.jsxs)(ie.Center,{gap:"1/2",children:[(0,ke.jsx)(v,{boxShadow:"2.remark",ssSphere:1,className:[Il("ToneBall"),Il("ToneBall_"+e.val_tone)].join(" ")}),r(e.val_tone)]})})]})]})}},ud={openDialogNEdit:e=>Pt(void 0,null,function*(){let t=yield ve.Filer.fn.openDialog({accept:"image",multiple:!1});ud.openEditor(d({imageFile:t[0]},e))}),openEditor:e=>Pt(void 0,null,function*(){let t="CropperImage";Ve.open({sheetID:t,type:"normal.middleCenter",size:"MAX",padding:0,margin:0,freeCSS:{maxWidth:"100vw"},content:(0,ke.jsx)(g7.Core,{val_file:e.imageFile,options:e,finishedCallback:r=>{Ve.close(t),e.onProcessFinished(r)},abortCallback:()=>{Ve.close(t)}}),closeAtEscapeKeyDown:!1})})};var Mo=L(je());var _7=()=>{let{href:e}=location;return(0,Mo.jsx)(ie.Center,{padding:[4,1],children:(0,Mo.jsxs)(xe,{ssCardBox:!0,gap:2,padding:[3,2],textAlign:"center",width:1,freeCSS:{maxWidth:12*30},children:[(0,Mo.jsx)(G.LinkSlash,{fontColor:"theme",freeCSS:{fontSize:"3rem"}}),(0,Mo.jsxs)(v,{children:[(0,Mo.jsx)(ce.Paragraph,{children:"\u3053\u306E\u30DA\u30FC\u30B8\u306F\u3054\u5229\u7528\u3044\u305F\u3060\u3051\u307E\u305B\u3093\u3002"}),(0,Mo.jsx)(ce.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,Mo.jsxs)(xe,{children:[(0,Mo.jsxs)(ce,{textAlign:"left",ssCardBox:"cloud",isSemiBoldFont:!0,padding:1,children:["\u30FB\u30EA\u30F3\u30AF\u304C\u6B63\u3057\u3044\u304B",(0,Mo.jsx)(v,{margin:["1/2",0],borderBottom:!0}),"\u30FB\u30EA\u30F3\u30AF\u306E\u6709\u52B9\u671F\u9650",(0,Mo.jsx)(v,{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,Mo.jsx)(En.Link,{newTab:!0,href:e,children:e}),(0,Mo.jsx)(En.BorderToFill,{href:"/",width:1,children:"\u30DB\u30FC\u30E0\u306B\u623B\u308B"})]})})};var $p=e=>{let[t,r]=(0,Wl.useState)(e.pathname),o=!0;t!==e.pathname&&(o=!1,r(e.pathname));let a=(0,Wl.useRef)(!1);(0,Wl.useEffect)(()=>{o&&(a.current?(Ve.closeAll(!0),Ln.fn.updateCSSProperty.reset()):a.current=!0)},[t]),o&&e.beforeCB&&e.beforeCB(location.href),(0,Wl.useEffect)(()=>{o&&e.afterFirstCB&&e.afterFirstCB(location.href)},[]),(0,Wl.useEffect)(()=>{o&&(setTimeout(()=>{window.dispatchEvent(new Event("resize"))},200),e.afterCB&&e.afterCB(location.href))},[t])};var Wr={open:e=>{window.open(e)},pushSync:e=>{window.location.href=e},push:(e,t)=>{if(t){Wr.open(e);return}Wr.pushAsync(e)},pushAsync:e=>{if(e.match(/https?:\/\//)){Wr.pushSync(e);return}Wr.__push(e)},back:()=>{Wr.__back()},__push:e=>{},__back:()=>{},setPushEffect:e=>{Wr.__push=e},setBackEffect:e=>{Wr.__back=e}};var v7=L(ot());var zu=[{key:"comun",isBrand:!1,isAvocado:!0},{key:"leaf",isBrand:!1,isAvocado:!0},{key:"heart",isBrand:!1,isAvocado:!0},{key:"droplet",isBrand:!1,isAvocado:!0},{key:"brick",isBrand:!1,isAvocado:!1},{key:"flower",isBrand:!1,isAvocado:!1},{key:"lip",isBrand:!1,isAvocado:!1},{key:"wine",isBrand:!1,isAvocado:!1},{key:"theater",isBrand:!1,isAvocado:!1},{key:"bat",isBrand:!1,isAvocado:!1},{key:"poizon",isBrand:!1,isAvocado:!1},{key:"eggplant",isBrand:!1,isAvocado:!1},{key:"ufo",isBrand:!1,isAvocado:!1},{key:"alien",isBrand:!1,isAvocado:!1},{key:"tombstone",isBrand:!1,isAvocado:!1},{key:"ninja",isBrand:!1,isAvocado:!1},{key:"moon",isBrand:!1,isAvocado:!1},{key:"rain",isBrand:!1,isAvocado:!1},{key:"unicorn",isBrand:!1,isAvocado:!1},{key:"axe",isBrand:!1,isAvocado:!1},{key:"gem",isBrand:!1,isAvocado:!1},{key:"soap",isBrand:!1,isAvocado:!1},{key:"drizzle",isBrand:!1,isAvocado:!1},{key:"building",isBrand:!1,isAvocado:!1},{key:"fish",isBrand:!1,isAvocado:!1},{key:"icicles",isBrand:!1,isAvocado:!1},{key:"water",isBrand:!1,isAvocado:!1},{key:"tree1",isBrand:!1,isAvocado:!1},{key:"tree2",isBrand:!1,isAvocado:!1},{key:"tree3",isBrand:!1,isAvocado:!1},{key:"battery",isBrand:!1,isAvocado:!1},{key:"seedle",isBrand:!1,isAvocado:!1},{key:"greenTea",isBrand:!1,isAvocado:!1},{key:"oak",isBrand:!1,isAvocado:!1},{key:"salad",isBrand:!1,isAvocado:!1},{key:"cloudy",isBrand:!1,isAvocado:!1},{key:"lemon",isBrand:!1,isAvocado:!1},{key:"angel",isBrand:!1,isAvocado:!1},{key:"parasol",isBrand:!1,isAvocado:!1},{key:"pizza",isBrand:!1,isAvocado:!1},{key:"thunder",isBrand:!1,isAvocado:!1},{key:"latte",isBrand:!1,isAvocado:!1},{key:"island",isBrand:!1,isAvocado:!1},{key:"shovel",isBrand:!1,isAvocado:!1},{key:"coffee",isBrand:!1,isAvocado:!1},{key:"carrot",isBrand:!1,isAvocado:!1},{key:"cactus",isBrand:!1,isAvocado:!1},{key:"volcano",isBrand:!1,isAvocado:!1},{key:"choco",isBrand:!1,isAvocado:!1},{key:"industry",isBrand:!1,isAvocado:!1},{key:"gun",isBrand:!1,isAvocado:!1},{key:"galaxy",isBrand:!1,isAvocado:!1},{key:"line",isBrand:!0,isAvocado:!1},{key:"twitter",isBrand:!0,isAvocado:!1},{key:"amazon",isBrand:!0,isAvocado:!1},{key:"facebook",isBrand:!0,isAvocado:!1},{key:"android",isBrand:!0,isAvocado:!1},{key:"slackBlue",isBrand:!0,isAvocado:!1},{key:"slackGreen",isBrand:!0,isAvocado:!1},{key:"slackRed",isBrand:!0,isAvocado:!1},{key:"slackYellow",isBrand:!0,isAvocado:!1},{key:"slackBase",isBrand:!0,isAvocado:!1},{key:"googleBlue",isBrand:!0,isAvocado:!1},{key:"googleGreen",isBrand:!0,isAvocado:!1},{key:"googleYellow",isBrand:!0,isAvocado:!1},{key:"googleRed",isBrand:!0,isAvocado:!1}],Fu=()=>{let e="#45515c",t=(0,v7.default)("#ThemeColorMetaTag");t[0]&&t.setAttribute("content",e)},b7={light:"#FFF",dark:"#333",dim:"#666",auto:()=>Se.get().isSystemDarkmode()?"#333":"#FFF"},dd={};zu.forEach(e=>{let{key:t,isAvocado:r,isBrand:o}=e;dd[t]={alfa:a=>`hsla( var( --cH_${t} ),var( --cS_${t} ),var( --cL_${t} ),${a!=null?a:1} ) `,isAvocado:r,isBrand:o}});var gr=L(ot());var X={toConcreteBorderRadius:e=>{let t=Se.get().roundness|0;return e=="1.tone.primary"?e=[0,2,3,4,5,5][t]:e=="2.tone.secondary"?e=[0,1,2,3,4,5][t]:e=="3.tone.tertiary"&&(e=[0,"1/3","2/3",1,2,3][t]),e},ev:e=>gr.default.is.exist(e),ClassNames:(e,t)=>{var r,o,a,n,i,l,s;let c=[],{gap:f,display:p,position:m,overflow:h,fontColor:_,fontSize:S,fontWeight:k,backgroundColor:b,textAlign:g,textDecoration:y,boxShadow:C,margin:D,marginTop:x,marginRight:P,marginBottom:O,marginLeft:M,padding:V,paddingTop:J,paddingRight:K,paddingBottom:ee,paddingLeft:_e,top:Ce,right:N,bottom:z,left:te,border:de,borderTop:$,borderRight:ue,borderBottom:He,borderLeft:Ie,borderWidth:Te,borderColor:be,borderStyle:Qe,borderRadius:St,borderTopLeftRadius:Fe,borderTopRightRadius:Ye,borderBottomLeftRadius:B,borderBottomRightRadius:E,flexSizing:j,flexWrap:Q,flexType:T,flexChilds:A,flexGrid:I,horizontalAlign:W,verticalAlign:q,transition:ne,gridCenter:re,gridCols:oe,maxHeight:pe,minHeight:me,maxWidth:ye,minWidth:ze,width:Pe,height:Je,unitHeight:lt,unitWidth:xt,opacity:Ft}=t;{if(X.ev(p)&&c.push("dsp"+p),h){let ae=gr.default.flatArray(h);c.push("ovfl-x-"+ae[0]),c.push("ovfl-y-"+(ae[1]||ae[0]))}X.ev(m)&&c.push("ps"+m),X.ev(g)&&c.push("txtalg"+g),X.ev(g)&&c.push("txtdeco"+y),X.ev(_)&&c.push("ftcl"+((r=String(_))==null?void 0:r.replace(/\./g,"_"))),X.ev(S)&&c.push("ftsz"+((o=String(S))==null?void 0:o.replace(/\..*/,""))),X.ev(k)&&c.push("ftwt"+(k==null?void 0:k.replace(/\..*/,""))),X.ev(b)&&c.push("bgc"+((a=String(b))==null?void 0:a.replace(/\./g,"_"))),X.ev(C)&&c.push("bs"+C);let Ke,mt,ut,Ar;gr.default.is.exist(D)&&(gr.default.is.array(D)?D.length==2?[Ke,mt,ut,Ar]=[...D,...D]:D.length==4&&([Ke,mt,ut,Ar]=D):Ke=mt=ut=Ar=D,x=x!=null?x:Ke,P=P!=null?P:mt,O=O!=null?O:ut,M=M!=null?M:Ar),X.ev(x)&&c.push("mrgt"+x),X.ev(P)&&c.push("mrgr"+P),X.ev(O)&&c.push("mrgb"+O),X.ev(M)&&c.push("mrgl"+M);let Dr,Fr,oo,_t;gr.default.is.exist(V)&&(gr.default.is.array(V)?V.length==2?[Dr,Fr,oo,_t]=[...V,...V]:V.length==4&&([Dr,Fr,oo,_t]=V):Dr=Fr=oo=_t=V,J=J!=null?J:Dr,K=K!=null?K:Fr,ee=ee!=null?ee:oo,_e=_e!=null?_e:_t),X.ev(J)&&c.push("pdt"+J),X.ev(K)&&c.push("pdr"+K),X.ev(ee)&&c.push("pdb"+ee),X.ev(_e)&&c.push("pdl"+_e),X.ev(Ce)&&c.push("pstt"+Ce),X.ev(N)&&c.push("pstr"+N),X.ev(z)&&c.push("pstb"+z),X.ev(te)&&c.push("pstl"+te);{gr.default.is.exist(de)&&($=$!=null?$:de,ue=ue!=null?ue:de,He=He!=null?He:de,Ie=Ie!=null?Ie:de),gr.default.is.boolean($)&&($=["unset","2.normal"][Number($)]),gr.default.is.boolean(ue)&&(ue=["unset","2.normal"][Number(ue)]),gr.default.is.boolean(He)&&(He=["unset","2.normal"][Number(He)]),gr.default.is.boolean(Ie)&&(Ie=["unset","2.normal"][Number(Ie)]),X.ev($)&&c.push("b_t_ss"+((n=String($))==null?void 0:n.replace(/\..*/,""))),X.ev(ue)&&c.push("b_r_ss"+((i=String(ue))==null?void 0:i.replace(/\..*/,""))),X.ev(He)&&c.push("b_b_ss"+((l=String(He))==null?void 0:l.replace(/\..*/,""))),X.ev(Ie)&&c.push("b_l_ss"+((s=String(Ie))==null?void 0:s.replace(/\..*/,""))),gr.default.is.exist(Te)&&c.push("b_wth"+String(Te)),gr.default.is.exist(be)&&c.push("b_cl"+String(be)),gr.default.is.exist(Qe)&&c.push("b_st"+String(Qe));{let ae,Ht,jo,Er;gr.default.is.exist(St)&&(gr.default.is.array(St)?St.length==4&&([ae,Ht,Er,jo]=St):ae=Ht=jo=Er=St,Fe=Fe!=null?Fe:ae,Ye=Ye!=null?Ye:Ht,B=B!=null?B:jo,E=E!=null?E:Er)}X.ev(Fe)&&c.push("br_tl"+X.toConcreteBorderRadius(Fe)),X.ev(Ye)&&c.push("br_tr"+X.toConcreteBorderRadius(Ye)),X.ev(B)&&c.push("br_bl"+X.toConcreteBorderRadius(B)),X.ev(E)&&c.push("br_br"+X.toConcreteBorderRadius(E))}if(X.ev(Ft)&&c.push("op"+Ft),gr.default.is.exist(f)){let ae,Ht;gr.default.is.array(f)?(ae=f[0],Ht=f[1]):ae=Ht=f,c.push("gapRow"+ae,"gapCol"+Ht)}X.ev(j)&&c.push("flsz"+j),X.ev(Q)&&c.push("flwrp"+Q),X.ev(T)&&c.push("fltyp"+T),X.ev(A)&&c.push("flchld"+A),X.ev(I)&&c.push("flgrid"+I),X.ev(q)&&c.push("flvrt"+q),X.ev(W)&&c.push("flhrz"+W),X.ev(re)&&c.push("grcnt"+re),X.ev(oe)&&c.push("grcol"+oe),X.ev(Je)&&c.push("hgt"+Je),X.ev(Pe)&&c.push("wdt"+Pe),X.ev(lt)&&c.push("unthgt"+lt),X.ev(xt)&&c.push("untwdt"+xt),X.ev(ne)&&c.push("trnst"+ne),X.ev(pe)&&c.push("maxh"+pe),X.ev(me)&&c.push("minh"+me),X.ev(ye)&&c.push("maxw"+ye),X.ev(ze)&&c.push("minw"+ze)}return c.length?e+c.join(" "+e):""}},Xu=e=>{let t=d({},e),{gradients:r,ssCardBox:o,ssSphere:a,ssSquare:n,ssPushable:i,ssAbsoluteCovered:l,ssTextEllipsis:s,flexCenter:c,flexNewLine:f,isLightFont:p,isBoldFont:m,isSemiBoldFont:h,isRounded:_,isSquare:S,freeCSS:k={}}=t,b=ge(k,[]),g=ge(t,["gradients","ssCardBox","ssSphere","ssSquare","ssPushable","ssAbsoluteCovered","ssTextEllipsis","flexCenter","flexNewLine","isLightFont","isBoldFont","isSemiBoldFont","isRounded","isSquare","freeCSS"]);if(b=b||{},g=g||{},r){let{deg:y,colors:C}=r;b=w(d({},b),{background:`linear-gradient(${y}deg,${C.join(",")})`})}if(o){o===!0&&(o="border");let y={backgroundColor:"layer.1",borderRadius:"1.tone.primary",boxShadow:"0.min"};o=="border"?y.border=!0:o=="layer"?y.backgroundColor="layer.1":o=="cloud"?y.backgroundColor="cloud":o=="shadow"&&(y.boxShadow="0.normal"),Se.get().darkMode=="dim"&&(y.boxShadow="1.normal"),Se.get().darkMode=="dark"&&(y.boxShadow="1.remark"),b=d(d({},y.freeCSS),b),g=d(d({},y),g)}return a&&(c=c!=null?c:!0,g=d({padding:0,unitWidth:a,unitHeight:a,borderRadius:"sphere",flexSizing:"none"},g)),n&&(c=c!=null?c:!0,g=d({padding:0,unitWidth:n,unitHeight:n,flexSizing:"none"},g)),i&&(g=d({transition:"middle"},g),g=w(d({},g),{className:[g.className,"ssPushable"].join(" ")})),l&&(g=d({position:"absolute",top:0,left:0,right:0,bottom:0},g)),s&&(g=d({overflow:"hidden"},g),b=d({whiteSpace:"nowrap",textOverflow:"ellipsis"},b)),f&&(g=d({width:1,flexSizing:"none"},g)),c&&(g=d({display:"flex",horizontalAlign:"center",verticalAlign:"center"},g)),p&&(g.fontWeight="1.light"),h&&(g.fontWeight="3.semiBold"),m&&(g.fontWeight="4.bold"),_&&(gr.default.is.number(_)?b.borderRadius=_*12:g.borderRadius="sphere"),S&&(b.aspectRatio="1"),w(d({},g),{freeCSS:b})},Po=e=>{let t=Xu(e),{componentID:r,gap:o,display:a,position:n,overflow:i,fontColor:l,fontSize:s,fontWeight:c,backgroundColor:f,textAlign:p,textDecoration:m,boxShadow:h,margin:_,marginTop:S,marginRight:k,marginBottom:b,marginLeft:g,padding:y,paddingTop:C,paddingRight:D,paddingBottom:x,paddingLeft:P,top:O,right:M,bottom:V,left:J,border:K,borderTop:ee,borderRight:_e,borderBottom:Ce,borderLeft:N,borderWidth:z,borderColor:te,borderStyle:de,borderRadius:$,borderTopLeftRadius:ue,borderTopRightRadius:He,borderBottomLeftRadius:Ie,borderBottomRightRadius:Te,flexSizing:be,flexWrap:Qe,flexType:St,flexChilds:Fe,flexGrid:Ye,horizontalAlign:B,verticalAlign:E,transition:j,gridCenter:Q,gridCols:T,maxHeight:A,minHeight:I,maxWidth:W,minWidth:q,width:ne,height:re,unitHeight:oe,unitWidth:pe,opacity:me,ssLastChildLossBorder:ye,ssAbsoluteCovered:ze,ssCardBox:Pe,ssEffectsOnActive:Je,ssPushable:lt,ssSphere:xt,ssSquare:Ft,ssTextEllipsis:Ke,isBoldFont:mt,isLightFont:ut,isSemiBoldFont:Ar,isRounded:Dr,flexCenter:Fr,flexNewLine:oo,gradients:_t,UnderBreakPointStyles:ae={},className:Ht="",freeCSS:jo={}}=t,Er=ge(t,["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"]),ao=d({},Er),$r=[Ht];if(ye&&$r.push("ssLastChildLossBorder_"+ye),Je){Je=gr.default.flatArray(Je);for(let tl of Je){let[Jp,zc]=tl.split(".");ao["data-effect-"+Jp]="1",zc&&(ao["data-effect-tone"]=zc)}}{let tl=X.ClassNames("amotf_",{gap:o,display:a,position:n,overflow:i,fontColor:l,fontSize:s,fontWeight:c,backgroundColor:f,textAlign:p,textDecoration:m,boxShadow:h,margin:_,marginTop:S,marginRight:k,marginBottom:b,marginLeft:g,padding:y,paddingTop:C,paddingRight:D,paddingBottom:x,paddingLeft:P,top:O,right:M,bottom:V,left:J,border:K,borderTop:ee,borderRight:_e,borderBottom:Ce,borderLeft:N,borderWidth:z,borderColor:te,borderStyle:de,borderRadius:$,borderTopLeftRadius:ue,borderTopRightRadius:He,borderBottomLeftRadius:Ie,borderBottomRightRadius:Te,flexSizing:be,flexWrap:Qe,flexType:St,flexChilds:Fe,flexGrid:Ye,horizontalAlign:B,verticalAlign:E,transition:j,gridCenter:Q,gridCols:T,maxHeight:A,minHeight:I,maxWidth:W,minWidth:q,width:ne,height:re,unitHeight:oe,unitWidth:pe,opacity:me});$r.push(tl)}return ae&&$r.push(X.ClassNames("amotf_bp",ae)),jo&&(ao.style=d(d({},jo),ao.style)),(r||ao["data-component-id"])&&(ao["data-component-id"]=ao["data-component-id"]||r),$r.length&&$r.join("")&&(ao.className=$r.join(" ").trim().replace(/%/ig,"P").replace(/\d+px/ig,"PIX").replace(/\s+/ig," ").replace(/\//ig,"_").replace(/\./ig,"-")),ao},Bn=e=>{let{gap:t,display:r,position:o,overflow:a,fontColor:n,fontSize:i,fontWeight:l,backgroundColor:s,textAlign:c,textDecoration:f,boxShadow:p,margin:m,marginTop:h,marginRight:_,marginBottom:S,marginLeft:k,padding:b,paddingTop:g,paddingRight:y,paddingBottom:C,paddingLeft:D,top:x,right:P,bottom:O,left:M,border:V,borderTop:J,borderRight:K,borderBottom:ee,borderLeft:_e,borderWidth:Ce,borderColor:N,borderStyle:z,borderRadius:te,borderTopLeftRadius:de,borderTopRightRadius:$,borderBottomLeftRadius:ue,borderBottomRightRadius:He,flexSizing:Ie,flexWrap:Te,flexType:be,flexChilds:Qe,flexGrid:St,horizontalAlign:Fe,verticalAlign:Ye,transition:B,gridCenter:E,gridCols:j,maxHeight:Q,minHeight:T,maxWidth:A,minWidth:I,width:W,height:q,unitHeight:ne,unitWidth:re,opacity:oe,ssLastChildLossBorder:pe,ssAbsoluteCovered:me,ssCardBox:ye,ssEffectsOnActive:ze,ssPushable:Pe,ssSphere:Je,ssSquare:lt,ssTextEllipsis:xt,isBoldFont:Ft,isLightFont:Ke,isSemiBoldFont:mt,isRounded:ut,flexCenter:Ar,flexNewLine:Dr,gradients:Fr,UnderBreakPointStyles:oo={},freeCSS:_t={}}=e,ae={};return X.ev(t)&&(ae.gap=t),X.ev(r)&&(ae.display=r),X.ev(o)&&(ae.position=o),X.ev(a)&&(ae.overflow=a),X.ev(n)&&(ae.fontColor=n),X.ev(i)&&(ae.fontSize=i),X.ev(l)&&(ae.fontWeight=l),X.ev(s)&&(ae.backgroundColor=s),X.ev(c)&&(ae.textAlign=c),X.ev(f)&&(ae.textDecoration=f),X.ev(p)&&(ae.boxShadow=p),X.ev(m)&&(ae.margin=m),X.ev(h)&&(ae.marginTop=h),X.ev(_)&&(ae.marginRight=_),X.ev(S)&&(ae.marginBottom=S),X.ev(k)&&(ae.marginLeft=k),X.ev(b)&&(ae.padding=b),X.ev(g)&&(ae.paddingTop=g),X.ev(y)&&(ae.paddingRight=y),X.ev(C)&&(ae.paddingBottom=C),X.ev(D)&&(ae.paddingLeft=D),X.ev(x)&&(ae.top=x),X.ev(P)&&(ae.right=P),X.ev(O)&&(ae.bottom=O),X.ev(M)&&(ae.left=M),X.ev(V)&&(ae.border=V),X.ev(J)&&(ae.borderTop=J),X.ev(K)&&(ae.borderRight=K),X.ev(ee)&&(ae.borderBottom=ee),X.ev(_e)&&(ae.borderLeft=_e),X.ev(Ce)&&(ae.borderWidth=Ce),X.ev(N)&&(ae.borderColor=N),X.ev(z)&&(ae.borderStyle=z),X.ev(te)&&(ae.borderRadius=te),X.ev(de)&&(ae.borderTopLeftRadius=de),X.ev($)&&(ae.borderTopRightRadius=$),X.ev(ue)&&(ae.borderBottomLeftRadius=ue),X.ev(He)&&(ae.borderBottomRightRadius=He),X.ev(Ie)&&(ae.flexSizing=Ie),X.ev(Te)&&(ae.flexWrap=Te),X.ev(be)&&(ae.flexType=be),X.ev(Qe)&&(ae.flexChilds=Qe),X.ev(St)&&(ae.flexGrid=St),X.ev(Fe)&&(ae.horizontalAlign=Fe),X.ev(Ye)&&(ae.verticalAlign=Ye),X.ev(B)&&(ae.transition=B),X.ev(E)&&(ae.gridCenter=E),X.ev(j)&&(ae.gridCols=j),X.ev(Q)&&(ae.maxHeight=Q),X.ev(T)&&(ae.minHeight=T),X.ev(A)&&(ae.maxWidth=A),X.ev(I)&&(ae.minWidth=I),X.ev(W)&&(ae.width=W),X.ev(q)&&(ae.height=q),X.ev(ne)&&(ae.unitHeight=ne),X.ev(re)&&(ae.unitWidth=re),X.ev(oe)&&(ae.opacity=oe),X.ev(pe)&&(ae.ssLastChildLossBorder=pe),X.ev(me)&&(ae.ssAbsoluteCovered=me),X.ev(ye)&&(ae.ssCardBox=ye),X.ev(ze)&&(ae.ssEffectsOnActive=ze),X.ev(Pe)&&(ae.ssPushable=Pe),X.ev(Je)&&(ae.ssSphere=Je),X.ev(lt)&&(ae.ssSquare=lt),X.ev(xt)&&(ae.ssTextEllipsis=xt),X.ev(Ft)&&(ae.isBoldFont=Ft),X.ev(Ke)&&(ae.isLightFont=Ke),X.ev(mt)&&(ae.isSemiBoldFont=mt),X.ev(ut)&&(ae.isRounded=ut),X.ev(Ar)&&(ae.flexCenter=Ar),X.ev(Dr)&&(ae.flexNewLine=Dr),X.ev(Fr)&&(ae.gradients=Fr),X.ev(_t)&&(ae.freeCSS=_t),X.ev(oo)&&(ae.UnderBreakPointStyles=oo),ae};var vn=L(je());var Yp=e=>{var t;let r=Dn.catch("RootViewController_"+Se.get().sessionUID);return(0,vn.jsxs)(vn.Fragment,{children:[(0,vn.jsx)("style",{children:e.inlineCSS}),(0,vn.jsxs)("amotify-app",{id:"appRoot_"+Se.get().sessionUID,children:[(0,vn.jsx)(Ui.Pudding.Wrapper,{}),(0,vn.jsx)(Ui.Ripple.Wrapper,{}),(0,vn.jsx)(yr.Wrapper,{}),(0,vn.jsx)(eo.Wrapper,{}),(0,vn.jsx)(Ve.Wrapper,{}),(0,vn.jsx)(v,{className:["AMOTIFY_be","AMOTIFY_be_root",(t=e.isRootPage)==null||t?"AMOTIFY_be_origin":"",e.originClassName||""].join(" "),children:e.children},r)]})]})};var Gp=L(ot()),Re=e=>{let t=Se.get().appRoot;return Gp.default.is.shadowRoot(t)?(0,Gp.default)(t).find(e):(0,Gp.default)(e)};var nP=L(Jv());no(Br,L(Jv()));var e1={};Ul(e1,{DesignBook:()=>Kp});var u=L(je()),zn=L(it()),To=L(ot());var Fc={index:()=>(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)(Ee,{gap:1,children:[(0,u.jsx)(v,{flexCenter:!0,children:(0,u.jsx)(Cp,{ssSphere:6,children:"Placeholder"})}),(0,u.jsxs)(Ot,{gridCols:3,gap:1,flexSizing:"auto",children:[(0,u.jsx)(v,{padding:2,backgroundColor:"layer.1"}),(0,u.jsx)(v,{padding:2,backgroundColor:"layer.2"}),(0,u.jsx)(v,{padding:2,backgroundColor:"layer.3"}),(0,u.jsx)(v,{padding:2,backgroundColor:"layer.4"}),(0,u.jsx)(v,{padding:2,backgroundColor:"layer.5"}),(0,u.jsx)(v,{padding:2,backgroundColor:"layer.6"})]}),(0,u.jsxs)(Ot,{gridCols:3,gap:"1/2",flexSizing:"auto",ssCardBox:!0,children:[(0,u.jsx)(v,{flexCenter:!0,fontColor:"1.clear",children:"FontColor1"}),(0,u.jsx)(v,{flexCenter:!0,fontColor:"2.normal",children:"FontColor2"}),(0,u.jsx)(v,{flexCenter:!0,fontColor:"3.blur",children:"FontColor3"}),(0,u.jsx)(v,{flexCenter:!0,fontColor:"4.thin",children:"FontColor4"}),(0,u.jsx)(v,{flexCenter:!0,fontColor:"5.translucent",children:"FontColor5"})]})]}),(0,u.jsx)(Fc.Fonts,{}),(0,u.jsx)(Fc.Box,{}),(0,u.jsx)(Fc.Flex,{}),(0,u.jsx)(Fc.Grid,{}),(0,u.jsx)(Fc.Others,{})]}),Fonts:()=>(0,u.jsxs)(v,{ssCardBox:!0,children:[(0,u.jsx)(ce.SubTitle,{padding:1,borderBottom:!0,children:"Font"}),(0,u.jsxs)(v,{overflow:"auto",padding:1,children:[(0,u.jsx)(ce.Description,{padding:1,children:`<Box
+T`.repeat(c-1)}let l=Bn(t);return(0,at.jsxs)(v,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:[(0,at.jsx)(ce.Description,w(d({className:t.className},l),{position:"absolute",width:1,freeCSS:w(d({},l.freeCSS),{color:"orange"}),"data-input-shallow":r.componentID,children:(0,at.jsx)(v,{"data-input-value-shallow":r.componentID,children:a})})),(0,at.jsx)(ce.Description,w(d({className:t.className},l),{position:"absolute",left:0,freeCSS:w(d({},l.freeCSS),{backgroundColor:"transparent",color:"blue"}),"data-input-min-height-value-shallow":r.componentID,children:n})),(0,at.jsx)(ce.Description,w(d({className:t.className},l),{position:"absolute",right:0,freeCSS:w(d({},l.freeCSS),{backgroundColor:"transparent",color:"red"}),"data-input-max-height-value-shallow":r.componentID,children:i}))]})},InputBox:e=>{let{rootStates:t,val_validate:r,set_validate:o,val_status:a,set_status:n,val_focus:i,set_focus:l,val_isComposing:s,set_isComposing:c}=e;if(t.multiline)return null;let f=t,{componentID:p,tone:m,required:h,restrict:_="text",form:S,autoComplete:k="off",autoCapitalize:b="off",minRows:g,maxRows:y,multiline:C,autoHeight:D,enableFormSubmit:x,clearButton:P=!1,checkValidationAtFirst:O,onChange:M,onKeyDown:V,onValidate:J,onUpdateValue:K,onUpdateValidValue:ee,value:_e="",leftIndicator:Ce,rightIndicator:N,leftIcon:z,rightIcon:te,maxLength:de,min:$,max:ue,label:He,isLabelActive:Ie,wrapStyles:Te}=f,be=ge(f,["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","isLabelActive","wrapStyles"]),Qe=_=="password"||_=="concealed"?"password":"text",St=["number","digitNumber","creditCard"].includes(_)?"numeric":_=="email"?"email":"text";return(0,at.jsx)(v,w(d({htmlTag:"input",type:Qe,inputMode:St,"data-disabled":t.disabled,"data-show-validation":Ge.isShowValidation(r,a,!!O),"data-component-id":a.componentID,"data-input-origin":a.componentID,value:a.formatValue,autoComplete:k,autoCapitalize:b,onKeyDown:Fe=>{let{key:Ye,target:B}=Fe;{let E=B,{selectionStart:j,selectionEnd:Q}=E,T=Number(j),A=Number(Q),I=a.formatValue[Number(T)],W=a.formatValue[Number(T)-1];Ye=="Delete"&&(_=="creditCard"&&I==" "||_=="postal"&&I=="-"||_=="digitNumber"&&I==",")&&(E.setSelectionRange(T+1,A+1),Fe.preventDefault()),Ye=="Backspace"&&(_=="creditCard"&&W==" "||_=="postal"&&W=="-"||_=="digitNumber"&&W==",")&&(E.setSelectionRange(T-1,A-1),Fe.preventDefault()),Ye=="Enter"||Ye=="Tab"}if(["number","digitNumber","creditCard"].includes(_)&&Ye=="Clear"&&n(E=>w(d({},E),{dataValue:"",formatValue:"",eventType:"update",eventID:Ur.default.uuid.gen()})),["number","digitNumber"].includes(_)&&["ArrowUp","ArrowDown"].includes(Ye)){let E=+(Ye=="ArrowUp")*2-1,j=String(Number(a.dataValue)+E);r.ok&&o({ok:!1,notice:[]}),n(Q=>w(d(d({},Q),Gi.Validation.DataLeveling({min:$,max:ue,restrict:_,value:j})),{eventType:"update",eventID:Ur.default.uuid.gen()})),Fe.preventDefault()}V&&V(Fe),x&&Ge.SubmitForm(Fe,S)},onChange:Fe=>{let{value:Ye,selectionStart:B,selectionEnd:E}=Fe.target,j=Gi.Validation.DataLeveling({min:$,max:ue,restrict:_,value:Ye});s&&(j.formatValue=Ye),j.formatValue!=a.formatValue&&(r.ok&&o({ok:!1,notice:[]}),n(Q=>w(d(d({},Q),j),{prevValue:a.formatValue,eventType:"update",eventID:Ur.default.uuid.gen(),caretFrom:Number(B),caretTo:Number(E)})),M&&M(Fe))},width:1},be),{onFocus:Fe=>{be!=null&&be.onFocus&&(be==null||be.onFocus(Fe)),l(!0)},onBlur:Fe=>{be!=null&&be.onBlur&&(be==null||be.onBlur(Fe)),l(!1)},onCompositionStart:Fe=>{be!=null&&be.onCompositionStart&&(be==null||be.onCompositionStart(Fe)),c(!0)},onCompositionEnd:Fe=>{if(be!=null&&be.onCompositionEnd&&(be==null||be.onCompositionEnd(Fe)),_=="text")return;let Ye=Gi.Validation.DataLeveling({min:$,max:ue,restrict:_,value:a.formatValue});n(B=>w(d(d({},B),Ye),{prevValue:B.formatValue,eventType:"update",eventID:Ur.default.uuid.gen(),caretFrom:Number(B.formatValue.length+1),caretTo:Number(B.formatValue.length+1)})),c(!1)}}))},TextAreaBox:e=>{let{rootStates:t,val_focus:r,set_focus:o,val_validate:a,set_validate:n,val_status:i,set_status:l,isShallow:s}=e,c=t,{componentID:f,tone:p,required:m,form:h,label:_,isLabelActive:S,minRows:k,maxRows:b,multiline:g,autoHeight:y,enableFormSubmit:C,maxLength:D,checkValidationAtFirst:x,onChange:P,onKeyDown:O,onValidate:M,onUpdateValue:V,onUpdateValidValue:J,value:K="",leftIndicator:ee,rightIndicator:_e,leftIcon:Ce,rightIcon:N,wrapStyles:z}=c,te=ge(c,["componentID","tone","required","form","label","isLabelActive","minRows","maxRows","multiline","autoHeight","enableFormSubmit","maxLength","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","leftIndicator","rightIndicator","leftIcon","rightIcon","wrapStyles"]);return t.multiline?(0,at.jsx)(v,w(d({htmlTag:"textarea","data-show-validation":Ge.isShowValidation(a,i,!!x),"data-input-origin":i.componentID,"data-component-id":i.componentID,value:i.dataValue,width:1},te),{onFocus:de=>{te!=null&&te.onFocus&&(te==null||te.onFocus(de)),o(!0)},onBlur:de=>{te!=null&&te.onBlur&&(te==null||te.onBlur(de)),o(!1)},onKeyDown:de=>{O&&O(de),C&&Ge.SubmitForm(de,h)},onChange:de=>{let{value:$}=de.target;a.ok&&n({ok:!1,notice:[]}),l(ue=>w(d({},ue),{dataValue:$,eventType:"update",eventID:Ur.default.uuid.gen()})),P&&P(de)}})):null}},NI=e=>{let{componentID:t,restrict:r="text",value:o="",min:a,max:n}=e,[i,l]=(0,bi.useState)(!1),[s,c]=(0,bi.useState)(!1),[f,p]=(0,bi.useState)(w(d({componentID:t},Gi.Validation.DataLeveling({min:a,max:n,restrict:r,value:o})),{prevValue:"",eventType:"init",eventID:Ur.default.uuid.gen(),caretFrom:null,caretTo:null})),[m,h]=(0,bi.useState)({ok:!1,notice:[]}),_={rootStates:e,val_focus:i,set_focus:l,val_isComposing:s,set_isComposing:c,val_status:f,set_status:p,val_validate:m,set_validate:h};return Ge.CommonEffects({type:"textfield",states:e,val_status:f,set_status:p,val_validate:m,set_validate:h,SystemValidation:Gi.Validation.System,ExtraOverrideStates:d({},Gi.Validation.DataLeveling({min:a,max:n,restrict:r,value:o}))}),(0,bi.useEffect)(()=>{Gi.setSelection({id:e.id,restrict:r,val_status:f})},[f]),(0,at.jsxs)(fr,{val_status:f,set_status:p,val_validate:m,states:_.rootStates,children:[(0,at.jsx)(Ol,{componentID:e.componentID,fontSize:e.fontSize,required:e.required,label:e.label,isActive:e.isLabelActive||i||!!f.dataValue}),(0,at.jsx)(Cv.Shallow,d({},_)),(0,at.jsx)(Cv.InputBox,d({},_)),(0,at.jsx)(Cv.TextAreaBox,d({},_))]})},ei=e=>(e=d({autoHeight:!0,restrict:"text",fontSize:"2.normal"},e),e.multiline?(e.minRows=e.minRows||5,e.maxRows=e.maxRows||20):(e.minRows=1,e.maxRows=1),(0,at.jsx)(Jt,{componentID:e.componentID,children:NI,states:Zr(e)})),Tr=ei;Tr.Validate=Gi.Validation.Text,Tr.Katakana=e=>(0,at.jsx)(ei,w(d({},e),{restrict:"katakana",multiline:!1,autoHeight:!1})),Tr.HankakuKatakana=e=>(0,at.jsx)(ei,w(d({},e),{restrict:"hankaku.katakana",multiline:!1,autoHeight:!1})),Tr.CreditCard=e=>(0,at.jsx)(ei,w(d({},e),{restrict:"creditCard",multiline:!1,autoHeight:!1})),Tr.Tel=e=>(0,at.jsx)(ei,w(d({},e),{restrict:"tel",multiline:!1,autoHeight:!1})),Tr.Number=e=>(0,at.jsx)(ei,w(d({},e),{restrict:"number",multiline:!1,autoHeight:!1})),Tr.DigitNumber=e=>(0,at.jsx)(ei,w(d({},e),{restrict:"digitNumber",multiline:!1,autoHeight:!1})),Tr.Email=e=>(0,at.jsx)(ei,w(d({},e),{restrict:"email",multiline:!1,autoHeight:!1})),Tr.Url=e=>(0,at.jsx)(ei,w(d({},e),{restrict:"url",multiline:!1,autoHeight:!1})),Tr.Postal=e=>{let[t]=(0,bi.useState)(Ur.default.uuid.gen());return(0,bi.useEffect)(()=>()=>{se.delete(t)},[]),(0,at.jsx)(ei,w(d({label:"\u90F5\u4FBF\u756A\u53F7"},e),{restrict:"postal",multiline:!1,autoHeight:!1,leftIcon:(0,at.jsx)(kc,{ssSphere:2,fontColor:"4.thin",children:"\u3012"})}))},Tr.Password=e=>(0,at.jsx)(ei,w(d({label:"\u30D1\u30B9\u30EF\u30FC\u30C9",rightIcon:(0,at.jsx)(dr,{ssSphere:2,padding:0,freeCSS:{pointerEvents:"all"},children:(0,at.jsx)(H.Sub,{ssSphere:2,borderRadius:"3.tone.tertiary",fontColor:"theme",flexCenter:!0,height:1,ssEffectsOnActive:["expand"],onMouseOver:t=>{nn.open(t.currentTarget,"\u30C6\u30AD\u30B9\u30C8\u3092\u8868\u793A",24)},onMouseLeave:nn.abort,tabIndex:-1,onClick:t=>{(0,Ur.default)(t.target).parent().parent().find("input").callback(r=>{let o=r[0];o.type=o.type==="password"?"text":"password"})},children:(0,at.jsx)(G,{icon:v8.faEye})})}),restrict:"password"},e),{multiline:!1,autoHeight:!1})),Tr.Concealed=e=>(0,at.jsx)(Tr.Password,w(d({label:"\u79D8\u5BC6\u9375"},e),{restrict:"concealed"})),Tr.Money={JPY:e=>(0,at.jsx)(Tr.DigitNumber,w(d({rightIcon:(0,at.jsx)(dr,{ssSphere:2,fontColor:"4.thin",children:"\u5186"})},e),{multiline:!1,autoHeight:!1}))};var Fp=L(je()),kv=L(it()),b8=L(ot());function II(e){let{value:t,states:r}=e,{required:o}=r,a=[];return o&&!t&&a.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!a.filter(({type:n})=>n=="invalid").length,notice:a}}var PI=e=>{let t=e,{componentID:r,tone:o,required:a,form:n,value:i,enableFormSubmit:l,checkValidationAtFirst:s,onInput:c,onKeyDown:f,onValidate:p,onUpdateValue:m,onUpdateValidValue:h,children:_="",leftIndicator:S,rightIndicator:k,leftIcon:b,rightIcon:g,freeCSS:y,wrapStyles:C}=t,D=ge(t,["componentID","tone","required","form","value","enableFormSubmit","checkValidationAtFirst","onInput","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","children","leftIndicator","rightIndicator","leftIcon","rightIcon","freeCSS","wrapStyles"]),[x,P]=(0,kv.useState)(Ge.DefaultStatus(r,i)),[O,M]=(0,kv.useState)({ok:!1,notice:[]});return Ge.CommonEffects({type:"contenteditable",states:e,val_status:x,set_status:P,val_validate:O,set_validate:M,SystemValidation:II}),(0,Fp.jsx)(fr,{val_status:x,set_status:P,val_validate:O,states:e,children:(0,Fp.jsx)(v,w(d({contentEditable:!0,"data-show-validation":Ge.isShowValidation(O,x,!!s),"data-component-id":x.componentID,onKeyDown:V=>{f&&f(V),l&&Ge.SubmitForm(V,n)},onInput:V=>{let J=V.currentTarget,{innerHTML:K,innerText:ee}=J;O.ok&&M({ok:!1,notice:[]}),P(_e=>w(d({},_e),{dataValue:ee,eventType:"update",eventID:b8.default.uuid.gen()})),c&&c(V)}},D),{children:_}))})},y8=e=>{e=w(d({rows:5},e),{freeCSS:d({whiteSpace:"pre-wrap"},e.freeCSS)});let t=Zr(e);return(0,Fp.jsx)(Jt,{componentID:e.componentID,children:PI,states:t})};var id=L(je()),Tv=L(it()),nd=L(ot());function BI(e){let{value:t,states:r}=e,{required:o,numericOnly:a=!1,digits:n}=r,i=[];return o&&!t&&i.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),t&&(a&&t.match(/\D/)&&i.push({type:"invalid",label:"\u6570\u5B57\u306E\u307F\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),t.length!=n&&i.push({type:"warn",label:"\u6700\u5F8C\u307E\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"})),{ok:!i.filter(({type:l})=>l=="invalid"||l=="warn").length,notice:i}}var AI=(e,t="")=>{let r=String(t),o=[];for(let a=0;a<e;a++)o[a]=r[a]||"";return{formatValue:o,dataValue:r}},w8=(e="")=>{let t=e,r=t.join("");return{formatValue:t,dataValue:r}},FI=e=>{let t=e,{tone:r,required:o,form:a,name:n,className:i="",digits:l,numericOnly:s=!1,enableFormSubmit:c,checkValidationAtFirst:f,onChange:p,onKeyDown:m,onValidate:h,onUpdateValue:_,onUpdateValidValue:S,value:k="",override:b,freeCSS:g,wrapStyles:y,combineInput:C,componentID:D,listStyles:x}=t,P=ge(t,["tone","required","form","name","className","digits","numericOnly","enableFormSubmit","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","override","freeCSS","wrapStyles","combineInput","componentID","listStyles"]),[O,M]=(0,Tv.useState)(w(d({componentID:e.componentID||""},AI(l,k)),{eventType:"init",eventID:nd.default.uuid.gen()})),[V,J]=(0,Tv.useState)({ok:!1,notice:[]});Ge.CommonEffects({type:"textfield",states:e,val_status:O,set_status:M,val_validate:V,set_validate:J,SystemValidation:BI});let K=[];for(let ee=0;ee<l;ee++){let _e=O.formatValue[ee],Ce={},N=i;e.combineInput&&(N=[i,Sc("DigitCharacterCell"),Sc("Combined")].join(" ")),K.push((0,id.jsx)("input",{type:"text",inputMode:s?"numeric":e.inputMode||"text",value:_e,id:"Digit-"+ee+"-"+O.componentID,className:N,style:d(d({},e.style),Ce),onKeyDown:z=>{let{key:te,code:de}=z;if(te=="Tab")return;z.preventDefault();let $=null;if(te=="Backspace"){let ue=O.formatValue;ue[ee]="",M(He=>w(d(d({},He),w8(ue)),{eventType:"update",eventID:nd.default.uuid.gen()})),$=ee-1}else if(["ArrowLeft","ArrowRight"].includes(te)){let ue=+(te=="ArrowRight")*2-1;$=ee+ue}else c&&Ge.SubmitForm(z,a),(()=>{let ue=de.match(/^(Key(.)|Digit(\d)|Numpad(\d))/);if(!ue)return;let He=ue[2]||ue[3]||ue[4];if(s&&!He.match(/\d/)||!He)return;let Ie=O.formatValue;Ie[ee]=He,M(Te=>w(d(d({},Te),w8(Ie)),{eventType:"update",eventID:nd.default.uuid.gen()})),$=ee+1})();nd.default.is.exist($)&&Re("#Digit-"+$+"-"+O.componentID).focus()},onChange:()=>{}},ee))}return(0,id.jsx)(fr,{val_status:O,set_status:M,val_validate:V,states:e,children:(0,id.jsx)(Ee,w(d({gap:"1/2",flexChilds:"even",flexWrap:!1,flexSizing:"auto"},x),{children:K}))})},S8=e=>{e=d({},e),e=d({textAlign:"center",width:0},e),e.combineInput&&(e=w(d({textAlign:"center",width:0},e),{freeCSS:d({minWidth:12*2,marginRight:-1},e.freeCSS),listStyles:d({borderRadius:"2.tone.secondary",border:"unset",gap:0},e.listStyles)}));let t=Po(Zr(e));return(0,id.jsx)(Jt,{componentID:e.componentID,children:FI,states:t})};var At=L(je()),Fo=L(it()),Co=L(ot());var H8=L(R8()),V8=L(z8());var gt=L(je()),An=L(it()),Pr=L(ot());function zI(e){let{value:t,states:r}=e,{required:o,options:a}=r,n=[];return o&&t===null&&n.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!n.filter(({type:i})=>i=="invalid").length,notice:n}}var Rv={FilterSelectableOptions:(e,t)=>{let r=e.rootStates.options;return t||(r=r.filter(o=>o.type!="label")),r}},Dc={Shallow:e=>{let{rootStates:t,val_status:r}=e,o=Bn(t);return(0,gt.jsx)(v,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:(0,gt.jsx)(ce.Description,w(d({className:t.className},o),{position:"absolute",width:1,freeCSS:w(d({},o.freeCSS),{color:"orange"}),children:(0,gt.jsx)(v,{"data-input-value-shallow":r.componentID,children:"A"})}))})},Button:e=>{let{rootStates:t,val_preventOpenSelectorOnFocus:r,set_preventOpenSelectorOnFocus:o,val_optionFocused:a,set_optionFocused:n,val_validate:i,set_validate:l,val_status:s,set_status:c,val_selectorOpen:f,set_selectorOpen:p}=e,m=t,{tone:h,required:_,form:S,className:k,label:b,isLabelActive:g,placeholder:y,enableFormSubmit:C,emptySelect:D,checkValidationAtFirst:x,onValidate:P,onUpdateValue:O,onUpdateValidValue:M,value:V="",options:J,leftIndicator:K,rightIndicator:ee,leftIcon:_e,rightIcon:Ce,componentID:N,status_id:z,wrapStyles:te,SelectedCellStyles:de,SelectorCellStyles:$,SelectorStyles:ue,SelectorGravityPoint:He}=m,Ie=ge(m,["tone","required","form","className","label","isLabelActive","placeholder","enableFormSubmit","emptySelect","checkValidationAtFirst","onValidate","onUpdateValue","onUpdateValidValue","value","options","leftIndicator","rightIndicator","leftIcon","rightIcon","componentID","status_id","wrapStyles","SelectedCellStyles","SelectorCellStyles","SelectorStyles","SelectorGravityPoint"]),Te="select-sheet-"+t.componentID;return(0,An.useEffect)(()=>{if(t.disabled)return;let be="select-click-"+t.componentID;if(f){let Qe=(0,Pr.default)('[data-input-origin="'+t.componentID+'"]');if(!Qe)return;Ve.open({sheetID:Te,type:"custom",parent:Qe[0],padding:["1/4",0],gravityPoint:t.SelectorGravityPoint||22,closeAtAroundClick:!1,content:(0,gt.jsx)(Dc.Selector,d({},e))}),(0,Pr.default)(document).addEvent({eventID:be,eventType:"click",callback:St=>{let Fe=(0,Pr.default)(St.target),Ye=!!(0,Pr.default)(Fe).parent("."+Qn("Core")).length;(0,Pr.default)(Fe).parent("."+Qn("Selector")).length||Ye||p(!1)}})}else(0,Pr.default)(document).removeEvent([be]),Ve.close(Te)},[f]),(0,An.useEffect)(()=>{if(s.eventType=="init"||!f)return;let be=(0,Pr.default)('[data-input-origin="'+t.componentID+'"]');be&&be.focus()},[s.dataValue]),(0,An.useEffect)(()=>{if(t.disabled||!f)return;let be=se.get("refresh-select-selector-"+t.componentID);be&&be(e)},[t.options,s.dataValue,a]),(0,gt.jsx)(gt.Fragment,{children:(0,gt.jsx)(v,w(d({tabIndex:0},Ie),{"data-disabled":t.disabled,"data-show-validation":Ge.isShowValidation(i,s,!!x),"data-component-id":s.componentID,"data-input-origin":s.componentID,className:[k,Qn("Core")].join(" "),onFocus:be=>{if(Ie!=null&&Ie.onFocus&&(Ie==null||Ie.onFocus(be)),!t.disabled){if(r)return o(!1);p(!0)}},onClick:be=>{Ie!=null&&Ie.onClick&&(Ie==null||Ie.onClick(be)),!t.disabled&&p(!0)},onKeyDown:be=>{let{key:Qe,metaKey:St,ctrlKey:Fe}=be,Ye=St||Fe;if(Ie!=null&&Ie.onKeyDown&&(Ie==null||Ie.onKeyDown(be)),C&&Ge.SubmitForm(be,S),!t.disabled){if(Pr.default.scope(()=>{if(!["ArrowDown","ArrowUp"].includes(Qe))return;if(be.preventDefault(),!f)return p(!0);let B=Qe=="ArrowDown"?1:-1,E=Rv.FilterSelectableOptions(e),j=E.length-1,Q=null;Pr.default.scope(()=>{var T,A,I,W;let q=E.findIndex(ne=>ne.value==a);if(B==1){if(Q=((T=E[0])==null?void 0:T.value)||null,Ye){Q=E[j].value||null;return}if(q==-1||q==j)return;Q=((A=E[q+1])==null?void 0:A.value)||null}else{if(Q=E[j].value||null,Ye){Q=((I=E[0])==null?void 0:I.value)||null;return}if(q==-1||q==0)return;Q=((W=E[q-1])==null?void 0:W.value)||null}}),n(Q)}),Qe=="Escape")p(!1);else if(Qe=="Tab")p(!1);else if(Qe=="Backspace")c(B=>w(d({},B),{dataValue:null,eventType:"update",eventID:Pr.default.uuid.gen()}));else if(Qe==" ")be.preventDefault(),p(!0);else if(Qe=="Enter"){if(!f)return p(!0);be.preventDefault();let B=t.options.find(E=>E.value==a);if(!B)return;c(E=>w(d({},E),{dataValue:B.value,eventType:"update",eventID:Pr.default.uuid.gen()})),p(!1)}}},children:(0,gt.jsxs)(ie.Left,{flexWrap:!0,gap:"1/3",freeCSS:{letterSpacing:".5px"},children:[(0,gt.jsx)(Dc.Placeholder,d({},e)),(0,gt.jsx)(Dc.Selected,d({},e)),(0,gt.jsx)(Nr,{width:0,overflow:"hidden",opacity:"trans",children:"A"})]})}))})},Placeholder:e=>!e.rootStates.placeholder||e.val_status.dataValue!==null?null:(0,gt.jsx)(v,{position:"absolute",opacity:"middle",fontColor:"3.blur",children:e.rootStates.placeholder||""}),Selector:e=>{let[t,r]=(0,An.useState)(e),{rootStates:o}=t;(0,An.useEffect)(()=>{se.set({["refresh-select-selector-"+o.componentID]:l=>{r(l)}})},[]);let a=[],n=Rv.FilterSelectableOptions(t,!0),i=Rv.FilterSelectableOptions(t);return n.forEach((l,s)=>{let{type:c,value:f}=l,p=t.val_optionFocused==f,m=t.val_status.dataValue===f;if(c=="selector"){a.push((0,gt.jsx)(H.Sub.S,{color:"cloud",backgroundColor:"trans",borderRadius:0,fontColor:"2.normal",textAlign:"left",padding:["1/2",1.5],isActive:m||p,isActiveStyles:p?{backgroundColor:"cloud"}:{backgroundColor:"theme.opa.few",fontColor:"theme"},onClick:h=>{t.set_status(_=>w(d({},_),{dataValue:f,eventType:"update",eventID:Pr.default.uuid.gen()})),t.set_selectorOpen(!1),t.set_preventOpenSelectorOnFocus(!0)},children:(0,gt.jsxs)(ie.Left,{gap:"1/2",children:[m&&(0,gt.jsx)(G.Check,{fontColor:"theme"}),(0,gt.jsx)(ce.Supplement,{transition:"short",children:l.label})]})},String(f)));return}a.push((0,gt.jsx)(v,{children:l.label},Pr.default.uuid.gen()))}),i.length||(a=[(0,gt.jsx)(ce.Supplement,{padding:[0,1],fontColor:"4.thin",children:"\u5019\u88DC\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093"},"no-selector-notice")]),(0,gt.jsx)(Ve.Body,{className:Qn("Selector"),ssCardBox:!0,borderRadius:"3.tone.tertiary",boxShadow:"1.normal",freeCSS:{minWidth:12*14},children:(0,gt.jsx)(xe,{gap:0,padding:[1,0],children:a})})},Selected:e=>{let t=[];return e.val_status.dataValue!==null&&Pr.default.scope(()=>{let r=e.rootStates.options.find(o=>Pr.default.JsonTo(o.value)==Pr.default.JsonTo(e.val_status.dataValue));r&&t.push((0,gt.jsx)(v,w(d({},e.rootStates.SelectedCellStyles),{children:r.label}),String(r.value)))}),(0,gt.jsx)(gt.Fragment,{children:t})},Core:e=>{let{value:t}=e,[r,o]=(0,An.useState)(Ge.DefaultStatus(e.componentID,t)),[a,n]=(0,An.useState)(!1),[i,l]=(0,An.useState)(!1),[s,c]=(0,An.useState)(e.value||null),[f,p]=(0,An.useState)({ok:!1,notice:[]}),m={rootStates:e,val_preventOpenSelectorOnFocus:a,set_preventOpenSelectorOnFocus:n,val_optionFocused:s,set_optionFocused:c,val_selectorOpen:i,set_selectorOpen:l,val_status:r,set_status:o,val_validate:f,set_validate:p};return Ge.CommonEffects({type:"select",states:e,val_status:r,set_status:o,val_validate:f,set_validate:p,SystemValidation:zI}),(0,gt.jsxs)(fr,{val_status:r,set_status:o,val_validate:f,states:e,children:[(0,gt.jsx)(Ol,{componentID:e.componentID,fontSize:e.fontSize,required:e.required,label:e.label,isActive:e.isLabelActive||r.dataValue!==null}),(0,gt.jsx)(Dc.Shallow,d({},m)),(0,gt.jsx)(Dc.Button,d({},m))]})}},ti=e=>{let t=d({},e);return t=w(d({emptySelect:!0},t),{freeCSS:d({cursor:"pointer"},t.freeCSS)}),t.emptySelect&&(t.options=[{value:null,label:(0,gt.jsx)(ce.Supplement,{fontColor:"4.thin",children:"\u9078\u629E\u3092\u89E3\u9664"})},...t.options]),t.value=t.value||null,t.options.forEach((r,o)=>{let{type:a,value:n}=r;t.options[o]=w(d({},r),{value:n,type:a||"selector"})}),Pr.default.is.nullish(t.rightIcon)&&(t.rightIcon=(0,gt.jsx)(dr,{ssSphere:2,children:(0,gt.jsx)(G.AngleDown,{})})),(0,gt.jsx)(Jt,{componentID:t.componentID,children:Dc.Core,states:Zr(t)})};var le=L(je()),M8=L(it()),Xi=L(it()),kt=L(ot());var pr=L(je()),Lv=L(it()),Ki=L(ot());function OI(e){let{value:t,states:r}=e,{type:o,required:a,min:n,max:i}=r;n=n||0,i=i||65535;let l=[],s=t.length;return a&&(s||o=="radio"&&l.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"})),s<n&&l.push({type:"invalid",label:n+"\u500B\u4EE5\u4E0A\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044"}),s>i&&l.push({type:"invalid",label:i+"\u500B\u307E\u3067\u9078\u629E\u3067\u304D\u307E\u3059"}),{ok:!l.filter(({type:c})=>c=="invalid").length,notice:l}}var ld={OptionalListWrapper:e=>{let{value:t,options:r=[]}=e,o=Ki.default.is.exist(t)?Ki.default.flatArray(t):[],a=[];return o.forEach(n=>{r.findIndex(i=>Ki.default.JsonTo(i.value)==Ki.default.JsonTo(n))!=-1&&a.push(n)}),(0,pr.jsx)(ld.Core,w(d({},e),{value:a,options:r}))},Core:e=>{let t=e,{type:r,tone:o,required:a,componentID:n="",form:i,override:l,icon:s,iconType:c,CustomIcon:f,enableFormSubmit:p,checkValidationAtFirst:m,onValidate:h,onUpdateValue:_,onUpdateValidValue:S,value:k,options:b,className:g,cellStyles:y,cellClassName:C,cellCheckedStyles:D,cellCheckedClassName:x,min:P,max:O,hideInput:M,freeCSS:V,wrapStyles:J}=t,K=ge(t,["type","tone","required","componentID","form","override","icon","iconType","CustomIcon","enableFormSubmit","checkValidationAtFirst","onValidate","onUpdateValue","onUpdateValidValue","value","options","className","cellStyles","cellClassName","cellCheckedStyles","cellCheckedClassName","min","max","hideInput","freeCSS","wrapStyles"]),[ee,_e]=(0,Lv.useState)(Ge.DefaultStatus(n,k)),[Ce,N]=(0,Lv.useState)({ok:!1,notice:[]});return Ge.CommonEffects({type:"list."+r,states:e,val_status:ee,set_status:_e,val_validate:Ce,set_validate:N,SystemValidation:OI}),(0,pr.jsx)(fr,{val_status:ee,set_status:_e,val_validate:Ce,states:e,children:(0,pr.jsx)(ld.List,{rootStates:e,val_status:ee,set_status:_e})})},List:e=>{let{rootStates:t,val_status:r,set_status:o}=e,{componentID:a,type:n,tone:i,icon:l=!0,isChecker:s,options:c,name:f,form:p,tabIndex:m,hideInput:h,disabled:_,className:S,cellStyles:k,cellClassName:b="",cellCheckedStyles:g,cellCheckedClassName:y="",enableFormSubmit:C}=t,{dataValue:D}=r,x=t.CustomIcon,P=c.map((O,M)=>{let V=O,{value:J,label:K,disabled:ee,className:_e="",checkedStyles:Ce,checkedClassName:N="",freeCSS:z}=V,te=ge(V,["value","label","disabled","className","checkedStyles","checkedClassName","freeCSS"]),de=Ki.default.uuid.gen(),$=D.findIndex(Te=>Te===J)!=-1,ue=d(d({},k),te),He=[ms("Label"),b,_e];$&&(ue=w(d(d(d({},ue),g),Ce),{freeCSS:d(d(d({},ue==null?void 0:ue.freeCSS),g==null?void 0:g.freeCSS),Ce==null?void 0:Ce.freeCSS)}),He=[...He,y,N]);let Ie=()=>{if(_||ee)return;let Te=[];if(n=="radio")Te=[J];else if(n=="checkbox"||s)if(!$)Te=[...r.dataValue,J];else{let be=[...r.dataValue];be.splice(r.dataValue.findIndex(Qe=>Qe==J),1),Te=be}o(be=>w(d({},be),{dataValue:Te,eventType:"update",eventID:Ki.default.uuid.gen()}))};return[(0,pr.jsx)(v,{htmlTag:"input",type:n=="radio"?"radio":"checkbox",className:ms("Input"),name:"RadioCheckbox-"+f,"data-list-index":a+"-"+M,id:de,value:String(J),disabled:_||ee,checked:$,onFocus:Te=>{ee||n=="radio"&&(r.dataValue.length||o(be=>w(d({},be),{dataValue:[J],eventType:"update",eventID:Ki.default.uuid.gen()})))},onChange:()=>{Ie()},onKeyDown:Te=>{let{key:be,shiftKey:Qe}=Te;if((n=="checkbox"||e.rootStates.isChecker)&&be!="Tab"&&be.match(/Arrow/)){Te.preventDefault();let St=["ArrowLeft","ArrowUp"].includes(be)?-1:1,Fe=M+St;Fe<0?Fe=c.length-1:Fe>=c.length&&(Fe=0),Re(`input[data-list-index="${a}-${Fe}"]`).focus()}C&&Ge.SubmitForm(Te,p)},tabIndex:m},"List-"+JSON.stringify(J)),(0,pr.jsxs)(v,w(d({htmlTag:"label","data-disabled":_||ee,htmlFor:de,className:He.join(" "),tabIndex:-1,display:"flex",verticalAlign:"center",gap:"1/6",flexWrap:!1},ue),{children:[l&&(0,pr.jsx)(x,{isChecked:$,toggle:()=>{Ie()}}),Ki.default.is.string(K)?(0,pr.jsx)(v,{children:K}):K]}),"ListTrigger-"+JSON.stringify(J))]});return(0,pr.jsx)(Ee,{flexSizing:"auto",style:t.style,freeCSS:d({},t.freeCSS),className:[S,ms("CellBase"),ms("HideInput_"+h),ms("IconIndicator_"+!!l),ms("Tone_"+i)].join(" "),children:P})},RadioIcon:e=>(0,pr.jsx)(H.Normal,{ssPushable:!0,tabIndex:-1,ssEffectsOnActive:"ripple.cloud",ssSphere:3,onClick:t=>{t.preventDefault(),t.stopPropagation(),e.toggle()},children:(0,pr.jsx)(v,{ssSphere:1.5,border:"3.thick",borderWidth:2,borderColor:e.isChecked?"theme":"3.thick",position:"relative",transition:"middle",children:(0,pr.jsx)(v,{position:"absolute",transition:"middle",isRounded:!0,backgroundColor:e.isChecked?"theme":"trans",opacity:e.isChecked?"max":"trans",freeCSS:{width:"60%",height:"60%",transform:e.isChecked?"scale(1)":"scale(.6)"}})})}),CheckboxIcon:e=>(0,pr.jsx)(H.Normal,{ssPushable:!0,color:"cloud",tabIndex:-1,ssEffectsOnActive:"ripple.cloud",ssSphere:3,onClick:t=>{t.preventDefault(),t.stopPropagation(),e.toggle()},children:(0,pr.jsx)(v,{ssSquare:1.5,flexCenter:!0,border:"3.thick",borderWidth:2,borderColor:e.isChecked?"theme":"3.thick",borderRadius:"3.tone.tertiary",position:"relative",backgroundColor:e.isChecked?"theme":"trans",transition:"middle",fontColor:"white",children:(0,pr.jsx)(G.Check,{transition:"middle",opacity:e.isChecked?"max":"trans",freeCSS:{zIndex:8}})})})},Nv=e=>{e=e||"checkbox";let t=o=>(o=w(d({gap:"1/2",iconType:e=="radio"?"radio":"checkbox"},o),{type:e,cellStyles:d({position:"relative",borderRadius:"2.tone.secondary",transition:"middle"},o.cellStyles)}),o.CustomIcon||(o.iconType=="radio"?o.CustomIcon=ld.RadioIcon:o.iconType=="checkbox"&&(o.CustomIcon=ld.CheckboxIcon)),o.tone=="normal"?(o.cellStyles=d({padding:["1/4",1],border:"1.thin",isRounded:!0,backgroundColor:"layer.1"},o.cellStyles),o.cellCheckedStyles=d({borderColor:"theme",fontColor:"theme",boxShadow:"1.normal"},o.cellCheckedStyles)):o.tone=="border"?(o.cellStyles=d({paddingRight:1,border:"1.thin",isRounded:!0,backgroundColor:"layer.1"},o.cellStyles),o.cellCheckedStyles=d({borderColor:"theme",fontColor:"theme"},o.cellCheckedStyles)):o.tone=="cloud"&&(o.cellStyles=d({paddingRight:1,isRounded:!0,border:"1.thin",backgroundColor:"layer.2"},o.cellStyles),o.cellCheckedStyles=d({backgroundColor:"cloud",fontColor:"theme"},o.cellCheckedStyles)),o=Po(o),(0,pr.jsx)(Jt,{componentID:o.componentID,children:ld.OptionalListWrapper,states:o})),r=t;return r.Normal=o=>(0,pr.jsx)(t,d({type:e,tone:"normal",icon:!1},o)),r.Border=o=>(0,pr.jsx)(t,d({type:e,tone:"border"},o)),r.Cloud=o=>(0,pr.jsx)(t,d({type:e,tone:"cloud"},o)),r.Vivid=o=>(0,pr.jsx)(t,d({type:e,tone:"normal",icon:!1,cellCheckedStyles:{backgroundColor:"theme",fontColor:"white"}},o)),r.Simple=o=>(0,pr.jsx)(t,d({type:e,tone:"plain",icon:!1,cellCheckedStyles:{fontColor:"theme"}},o)),r},zp=Nv("checkbox"),ys=Nv("radio"),O8=Nv();var Iv=e=>{var t,r;let o=[],a=Number((t=e==null?void 0:e.min)!=null?t:1900),n=Number((r=e==null?void 0:e.max)!=null?r:kt.default.Time().addYear(10).year);for(let i=a;i<=n;i++)o.unshift({value:i,label:[i,...kt.default.transformer.wareki(i).value].join(" -")});return o},j8=e=>{let{restrict:t,era:r="year",defaultValue:o=""}=e;e=d({},e),e.tipsID=e.tipsID||kt.default.uuid.gen();let a=(0,Xi.useRef)(!1),[n,i]=(0,Xi.useState)((()=>{var s,c;if(t=="clock"){let f=String(o).split(/[^\d]/);f[0]||(f=[0,0]);let p=Number(f[0]),m=Number(f[1]);return{modifiedType:"init",hour:p,minutes:m}}else if(t=="date"){let[f,p,m]=(s=String(o))==null?void 0:s.split(/\D/);return(kt.default.is.nullish(f)||kt.default.is.nullish(p)||kt.default.is.nullish(m))&&([f,p,m]=kt.default.Time().toFormat("%Y-%M-%D").split("-")),{modifiedType:"init",year:Number(f),month:Number(p),date:Number(m)}}else if(t!="week"){if(t=="month"){let[f,p]=String(o).split(/\D/);return(kt.default.is.nullish(f)||kt.default.is.nullish(p))&&([f,p]=kt.default.Time().toFormat("%Y-%M").split("-")),{modifiedType:"init",year:Number(f),month:Number(p)}}else if(t=="year"){let[f]=String(o).split(/\D/);return kt.default.is.nullish(f)&&([f]=kt.default.Time().toFormat("%Y").split("-")),{modifiedType:"init",year:Number(f)}}else if(t=="dateWareki"){let[f,p,m]=(c=String(o))==null?void 0:c.split(/\D/);return(kt.default.is.nullish(f)||kt.default.is.nullish(p)||kt.default.is.nullish(m))&&([f,p,m]=kt.default.Time().toFormat("%Y-%M-%D").split("-")),{modifiedType:"init",era:r||"year",year:Number(f),month:Number(p),date:Number(m)}}}return{}})());(0,Xi.useEffect)(()=>{if(a.current){if(n.modifiedType=="update"){let s="",c=r||"year";if(t=="clock"){let{hour:f,minutes:p}=n;s=[f.zeroEmbed(2),p.zeroEmbed(2)].join("/")}else if(t=="date"){let{year:f,month:p,date:m}=n;s=[f,p.zeroEmbed(2),m.zeroEmbed(2)].join("/")}else if(t!="week"){if(t=="month"){let{year:f,month:p}=n;s=[f,p.zeroEmbed(2)].join("/")}else if(t=="year"){let{year:f}=n;s=String(f)}else if(t=="dateWareki"){let{year:f,month:p,date:m,era:h}=n;c=h,s=[f,p.zeroEmbed(2),m.zeroEmbed(2)].join("/")}}e.onValueUpdate(s,c)}}else a.current=!0},[n]);let l=w(d({},e),{val_value:n,set_value:i});return(0,le.jsx)(v,{backgroundColor:"layer.1",borderRadius:"2.tone.secondary",boxShadow:"1.remark",border:!0,overflow:"hidden",children:(0,le.jsx)(v,{overflow:"auto",className:Qt(t.toCapital()+"Base"),children:t=="clock"?(0,le.jsx)(hr.Clock.index,d({},l)):t=="date"?(0,le.jsx)(hr.Date.index,d({},l)):t=="week"?"":t=="month"?(0,le.jsx)(hr.Month.index,d({},l)):t=="year"?(0,le.jsx)(hr.Year.index,d({},l)):t=="dates"||t=="months"?"":t=="dateWareki"?(0,le.jsx)(hr.DateWareki.index,d({},l)):(0,le.jsx)(le.Fragment,{})})})},hr={Clock:{index:e=>{let{min:t,max:r,onValueUpdate:o,tipsID:a,val_value:n,set_value:i}=e,[l,s]=(0,Xi.useState)(n.hour>12?2:1),[c,f]=(0,Xi.useState)(Number(localStorage.getItem("timePickerUnit")||5));(0,Xi.useEffect)(()=>{localStorage.setItem("timePickerUnit",String(c))},[c]);let{hour:p,minutes:m}=n;return(0,le.jsxs)(xe,{padding:1,children:[(0,le.jsxs)(Ee,{flexType:"row",flexWrap:!1,gap:1,className:Qt("Body"),children:[(0,le.jsxs)(xe,{className:Qt("DesignSide"),flexSizing:0,children:[(0,le.jsx)(v,{className:Qt("ClockUiBase"),padding:[1,"2/3"],flexCenter:!0,children:(0,le.jsxs)(v,{className:Qt("ClockUi"),backgroundColor:"theme.opa.low",isRounded:!0,position:"relative",children:[(0,le.jsx)(v,{position:"absolute",backgroundColor:"theme",unitWidth:"1/12",className:[Qt("Needle"),Qt("hour")].join(" "),freeCSS:{transform:`rotate(${p*30+m/2}deg)`}}),(0,le.jsx)(v,{position:"absolute",backgroundColor:"theme",unitWidth:"1/12",className:[Qt("Needle"),Qt("minute")].join(" "),freeCSS:{transform:`rotate(${m*6}deg)`}})]})}),(0,le.jsx)(ys,{icon:!0,value:[l],options:[{value:1,label:"AM"},{value:2,label:"PM"}],flexType:"col",gap:0,tabIndex:-1,onUpdateValidValue:({value:h})=>{let _=n.hour%12+(h==2?12:0);s(h),i({modifiedType:"update",hour:_,minutes:n.minutes})}}),(0,le.jsx)(v,{borderTop:!0,margin:[0,1]}),(0,le.jsx)(ys,{icon:!0,value:[c],options:[{value:1,label:"/ 1\u5206"},{value:2,label:"/ 2\u5206"},{value:5,label:"/ 5\u5206"}],flexType:"col",gap:0,tabIndex:-1,onUpdateValidValue:({value:h})=>{f(h)}})]}),(0,le.jsxs)(xe,{children:[(0,le.jsxs)(v,{flexCenter:!0,isSemiBoldFont:!0,fontSize:"3.paragraph",children:[n.hour.zeroEmbed(2)," : ",n.minutes.zeroEmbed(2)]}),(0,le.jsxs)(Ee,{flexWrap:!1,ssCardBox:!0,flexChilds:"even",padding:["1/3",0],freeCSS:{minWidth:12*12},children:[(0,le.jsx)(xe,{gap:0,overflow:"auto",padding:"2/3",borderRight:!0,freeCSS:{maxHeight:12*22},children:hr.Clock.Hours({onClick:h=>{let _=h+(l==2?12:0);i({modifiedType:"update",hour:_,minutes:n.minutes})},min:t,max:r,ampm:l})}),(0,le.jsx)(xe,{gap:0,overflow:"auto",padding:"2/3",freeCSS:{maxHeight:12*22},children:hr.Clock.Minutes({onClick:h=>{i({modifiedType:"update",hour:n.hour,minutes:h})},min:t,max:r,unit:c})})]})]})]}),(0,le.jsx)(hr.Variables.Footer,{tipsID:a,onValueUpdate:o})]})},Hours:e=>{let t=[];for(let r=0;r<12;r++){let o=e.ampm==2?r+12:r,a=!1;{let n=Number(String(o*100).replace(/\D/ig,""));if(e.min&&Number(String(e.min).replace(/\D/ig,""))>n&&(a=!0),e.max){let i=Number(String(e.max).replace(/\D/ig,""));n>i&&(a=!0)}}t.push((0,le.jsx)(H.Normal,{isLocked:a,borderBottom:!0,borderRadius:0,padding:["1/2",1],freeCSS:{whiteSpace:"nowrap"},tabIndex:-1,onClick:()=>{e.onClick(r)},children:o.zeroEmbed(2)},r))}return t},Minutes:e=>{let t=[];for(let r=0;r<60/e.unit;r++){let o=r*e.unit;t.push((0,le.jsx)(H.Normal,{borderBottom:!0,borderRadius:0,padding:["1/2",1],freeCSS:{whiteSpace:"nowrap"},tabIndex:-1,onClick:()=>{e.onClick(o)},children:o.zeroEmbed(2)},o))}return t}},Date:{index:e=>{let{min:t,max:r,onValueUpdate:o,tipsID:a,val_value:n,set_value:i}=e,{year:l,month:s,date:c}=n;return(0,le.jsxs)(xe,{padding:1,children:[(0,le.jsxs)(ie.Separate,{flexWrap:!0,children:[(0,le.jsxs)(Ee,{verticalAlign:"bottom",horizontalAlign:"left",gap:"2/3",flexWrap:!1,children:[(0,le.jsx)(ti,{override:"force",emptySelect:!1,value:l,options:Iv(),fontSize:"1.mini",border:"1.thin",padding:["1/3","2/3"],paddingRight:1,onUpdateValidValue:({value:f})=>{i({modifiedType:"update",year:Number(f),month:s,date:c})},rightIcon:(0,le.jsx)(dr,{ssSphere:2,right:"1/3",children:(0,le.jsx)(G.AngleDown,{})})}),(0,le.jsx)(ti,{override:"force",emptySelect:!1,value:s,options:(()=>{let f=[];for(let p=1;p<=12;p++)f.push({value:p,label:String(p)+"\u6708"});return f})(),fontSize:"1.mini",border:"1.thin",padding:["1/3","2/3"],paddingRight:1,rightIcon:(0,le.jsx)(dr,{ssSphere:2,right:"1/3",children:(0,le.jsx)(G.AngleDown,{})}),onUpdateValidValue:({value:f})=>{i({modifiedType:"update",year:l,month:Number(f),date:c})}})]}),(0,le.jsx)(hr.Variables.ShiftButtons,{callback:f=>{let p=s+f,m=l;p<=0&&(m--,p=12),p>12&&(m++,p=1),i({modifiedType:"update",year:m,month:p,date:n.date})}})]}),(0,le.jsx)(v,{borderTop:!0}),(0,le.jsx)(v,{children:hr.Date.MonthCalendar({min:t,max:r,year:n.year,month:n.month,current:[n.year,n.month,n.date],callback:f=>{let[p,m,h]=f;i({modifiedType:"update",year:p,month:m,date:h})}})}),(0,le.jsx)(hr.Variables.Footer,{tipsID:a,onValueUpdate:o})]})},MonthCalendar:e=>{let{min:t,max:r,year:o,month:a,current:n,callback:i}=e,l=kt.default.Time(),s=kt.default.Time([o,a.zeroEmbed(2),"01"].join("/")),c=s.getLastDayOfTheMonth(),f=kt.default.Time(s).addMonth(-1).getLastDayOfTheMonth().date,p=[],m=[],h=[],_=[],S={padding:0,unitWidth:3,unitHeight:3,flexCenter:!0,borderRadius:"3.tone.tertiary"};for(var k=0;k<7;k++)p.push((0,le.jsx)(v,w(d({className:[Qt("CalendarDay"),Qt("Legend")].join(" ")},S),{children:["\u65E5","\u6708","\u706B","\u6C34","\u6728","\u91D1","\u571F"][k]}),k));for(var k=0;k<s.weekday;k++)m.unshift((0,M8.createElement)(v,w(d({className:[Qt("CalendarDay"),Qt("Dummy")].join(" "),fontColor:"4.thin"},S),{key:k}),f-k));for(var k=1;k<=c.date;k++){let g=k,y=o==l.year&&a==l.month&&k==l.date,C=!1;{let D=Number(String([o,a.zeroEmbed(2),k.zeroEmbed(2)].join("/")).replace(/\D/ig,""));if(e.min&&Number(String(e.min).replace(/\D/ig,""))>D&&(C=!0),e.max){let x=Number(String(e.max).replace(/\D/ig,""));D>x&&(C=!0)}}h.push((0,le.jsx)(H.Clear,w(d({className:[Qt("CalendarDay"),Qt("isToday_"+y)].join(" ")},S),{fontColor:"1.clear",padding:0,flexCenter:!0,isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{i([o,a,g])},tabIndex:-1,isLocked:C,children:k}),g))}for(var k=1;k<7-c.weekday;k++)_.push((0,le.jsx)(v,w(d({className:[Qt("CalendarDay"),Qt("Dummy")].join(" "),fontColor:"4.thin"},S),{children:k}),k));return(0,le.jsxs)(Ot,{gridCols:7,gap:"1/6",children:[p,m,h,_]})}},Month:{index:e=>{let{min:t,max:r,onValueUpdate:o,tipsID:a,val_value:n,set_value:i}=e,{year:l,month:s}=n;return(0,le.jsxs)(xe,{padding:1,children:[(0,le.jsxs)(ie.Separate,{gap:0,children:[(0,le.jsx)(ie.Center,{verticalAlign:"bottom",gap:"2/3",children:(0,le.jsx)(ti,{emptySelect:!1,value:l,options:Iv(),override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:2,rightIcon:(0,le.jsx)(dr,{ssSphere:2,right:"1/3",children:(0,le.jsx)(G.AngleDown,{})}),onUpdateValidValue:({value:c})=>{i({modifiedType:"update",year:Number(c),month:s})}})}),(0,le.jsx)(hr.Variables.ShiftButtons,{callback:c=>{let f=Math.min(Math.max(l+c,1900),2100);i({modifiedType:"update",year:f,month:s})}})]}),(0,le.jsx)(v,{borderTop:!0}),hr.Month.Months({min:t,max:r,year:n.year,callback:c=>{let[f,p]=c;i({modifiedType:"update",year:f,month:p})}}),(0,le.jsx)(hr.Variables.Footer,{tipsID:a,onValueUpdate:o})]})},Months:e=>{let{year:t,callback:r}=e,o=kt.default.Time(),a=[];for(let n=1;n<=12;n++){let i=t==o.year&&n==o.month,l=!1;{let c=Number(String([t,n.zeroEmbed(2)].join("/")).replace(/\D/ig,""));if(e.min&&Number(String(e.min).replace(/\D/ig,""))>c&&(l=!0),e.max){let f=Number(String(e.max).replace(/\D/ig,""));c>f&&(l=!0)}}let s=[Qt("Cell"),i?Qt("isThisMonth"):""].join(" ");a.push((0,le.jsxs)(H.Clear,{className:s,isLocked:l,fontColor:"2.normal",padding:["1/3",1],ssEffectsOnActive:"shrink",onClick:()=>{r([t,n])},children:[n," \u6708"]},t+"-"+n))}return(0,le.jsx)(Ot,{gridCols:4,gap:"2/3",children:a})}},Year:{index:e=>{let{min:t,max:r,onValueUpdate:o,tipsID:a,val_value:n,set_value:i}=e,{year:l}=n;return(0,le.jsxs)(xe,{padding:1,children:[(0,le.jsx)(ti,{emptySelect:!1,paddingRight:1,fontSize:"1.mini",value:l||kt.default.Time().year,override:"force",options:Iv({min:t,max:r}),onUpdateValidValue:({value:s})=>{i({modifiedType:"update",year:Number(s)})}}),(0,le.jsx)(hr.Variables.Footer,{tipsID:a,onValueUpdate:o,onSubmit:()=>{i({modifiedType:"update",year:Number(l||kt.default.Time().year)})}})]})}},DateWareki:{index:e=>{let{min:t,max:r,onValueUpdate:o,tipsID:a,val_value:n,set_value:i}=e,{era:l,year:s,month:c,date:f}=n,p={val_value:n,set_value:i};return(0,le.jsxs)(v,{children:[(0,le.jsxs)(ie.Left,{borderBottom:!0,gap:0,verticalAlign:"unset",children:[(0,le.jsx)(hr.DateWareki.EraSelect,d({},p)),(0,le.jsx)(v,{borderRight:!0}),(0,le.jsx)(hr.DateWareki.Calendar,d({},p))]}),(0,le.jsx)(ie.Right,{padding:1,children:(0,le.jsx)(hr.Variables.Footer,{tipsID:a,onValueUpdate:o})})]})},EraSelect:e=>{let{val_value:t,set_value:r}=e,o={padding:["1/2",1.5],fontColor:"3.blur"},a={backgroundColor:"cloud",fontColor:"2.normal",isSemiBoldFont:!0};return(0,le.jsxs)(xe,{padding:1,gap:0,children:[(0,le.jsx)(H.Clear,w(d({color:"cloud"},o),{isActiveStyles:a,isActive:t.era=="year",onClick:()=>{let n=kt.default.Time();r({modifiedType:"update",era:"year",year:n.year,month:n.month,date:n.date})},children:"\u897F\u66A6"})),(0,le.jsx)(H.Clear,w(d({color:"cloud"},o),{isActiveStyles:a,isActive:t.era=="reiwa",onClick:()=>{let n=kt.default.Time();r({modifiedType:"update",era:"reiwa",year:n.year,month:n.month,date:n.date})},children:"\u4EE4\u548C"})),(0,le.jsx)(H.Clear,w(d({color:"cloud"},o),{isActiveStyles:a,isActive:t.era=="heisei",onClick:()=>{r({modifiedType:"update",era:"heisei",year:2019,month:1,date:1})},children:"\u5E73\u6210"})),(0,le.jsx)(H.Clear,w(d({color:"cloud"},o),{isActiveStyles:a,isActive:t.era=="shouwa",onClick:()=>{r({modifiedType:"update",era:"shouwa",year:1989,month:1,date:1})},children:"\u662D\u548C"})),(0,le.jsx)(H.Clear,w(d({color:"cloud"},o),{isActiveStyles:a,isActive:t.era=="taisho",onClick:()=>{r({modifiedType:"update",era:"taisho",year:1926,month:1,date:1})},children:"\u5927\u6B63"})),(0,le.jsx)(H.Clear,w(d({color:"cloud"},o),{isActiveStyles:a,isActive:t.era=="meiji",onClick:()=>{r({modifiedType:"update",era:"meiji",year:1912,month:1,date:1})},children:"\u660E\u6CBB"}))]})},Calendar:e=>{let{val_value:t,set_value:r}=e,o=[];if(t.era=="year")for(let a=1900;a<2100;a++)o.unshift({value:a,label:a+"\u5E74"});else if(t.era=="reiwa"){let a=kt.default.Time().year-2018;for(let n=1;n<=a+10;n++)o.unshift({value:2019+n-1,label:"\u4EE4\u548C"+(n==1?"\u5143":n)+"\u5E74"})}else if(t.era=="heisei")for(let a=1;a<=31;a++)o.unshift({value:1989+a-1,label:"\u5E73\u6210"+(a==1?"\u5143":a)+"\u5E74"});else if(t.era=="shouwa")for(let a=1;a<=64;a++)o.unshift({value:1926+a-1,label:"\u662D\u548C"+(a==1?"\u5143":a)+"\u5E74"});else if(t.era=="taisho")for(let a=1;a<=15;a++)o.unshift({value:1912+a-1,label:"\u5927\u6B63"+(a==1?"\u5143":a)+"\u5E74"});else if(t.era=="meiji")for(let a=1;a<=45;a++)o.unshift({value:1868+a-1,label:"\u660E\u6CBB"+(a==1?"\u5143":a)+"\u5E74"});return(0,le.jsxs)(xe,{padding:1,children:[(0,le.jsxs)(ie.Separate,{children:[(0,le.jsx)(ti,{emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:1,fontSize:"1.mini",rightIcon:(0,le.jsx)(dr,{ssSphere:2,right:"1/3",children:(0,le.jsx)(G.AngleDown,{})}),options:o,value:t.year,onUpdateValidValue:({value:a})=>{r(n=>w(d({},n),{modifiedType:"update",year:Number(a)}))}}),(0,le.jsxs)(ie.Center,{gap:"1/3",children:[(0,le.jsx)(ti,{emptySelect:!1,override:"force",border:"1.thin",padding:["1/3","2/3"],paddingRight:1,fontSize:"1.mini",rightIcon:(0,le.jsx)(dr,{ssSphere:2,right:"1/3",children:(0,le.jsx)(G.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:t.month,onUpdateValidValue:({value:a})=>{r({modifiedType:"update",era:t.era,year:t.year,month:Number(a),date:1})}}),(0,le.jsx)(H.Clear.S,{ssSphere:2.5,onClick:()=>{let a=t.month-1;r({modifiedType:"update",era:t.era,year:a==0?t.year-1:t.year,month:a==0?12:a,date:1})},children:(0,le.jsx)(G.ChevronLeft,{})}),(0,le.jsx)(H.Clear.S,{ssSphere:2.5,onClick:()=>{let a=t.month+1;r({modifiedType:"update",era:t.era,year:a==13?t.year+1:t.year,month:a==13?1:a,date:1})},children:(0,le.jsx)(G.ChevronRight,{})})]})]}),(0,le.jsx)(hr.DateWareki.MonthCell,d({},e))]},t.era)},MonthCell:e=>{let{val_value:t,set_value:r}=e,o=kt.default.Time([t.year.zeroEmbed(4),t.month.zeroEmbed(2),t.date.zeroEmbed(2)].join("/"));if(!o.validate)return;let a=o.getFirstDayOfTheMonth().weekday,n=o.getLastDayOfTheMonth(),i=[];for(let s=0;s<7;s++)i.push((0,le.jsx)(ce.Supplement,{flexCenter:!0,fontColor:s==0?"googleRed":s==6?"googleBlue":"3.blur",children:kt.default.transformer.weekday.shortJP(s)},"legend-"+s));for(let s=0;s<a;s++){let c=kt.default.Time(o).getFirstDayOfTheMonth().addDate(s-a);i.push((0,le.jsx)(H.Sub,{color:"cloud",ssSquare:3,opacity:"middle",onClick:f=>{f.preventDefault(),f.stopPropagation(),r({modifiedType:"update",era:t.era,year:c.year,month:c.month,date:c.date})},children:c.date},"lastMonth-"+s))}let l=kt.default.Time();for(let s=1;s<=n.date;s++){let c=kt.default.Time(o).setDate(s),f=l.diff(c).dates==0;i.push((0,le.jsx)(H.Clear,{ssSquare:3,fontColor:"2.normal",className:[Qt("CalendarDay"),Qt("isToday_"+f)].join(" "),onClick:()=>{r({modifiedType:"update",era:t.era,year:c.year,month:c.month,date:c.date})},children:c.date},"currentMonth-"+s))}for(let s=0;s<7-n.weekday-1;s++){let c=kt.default.Time(o).addMonth(1).setDate(1).addDate(s);i.push((0,le.jsx)(H.Sub,{color:"cloud",ssSquare:3,opacity:"middle",onClick:f=>{f.preventDefault(),f.stopPropagation(),r({modifiedType:"update",era:t.era,year:c.year,month:c.month,date:c.date})},children:c.date},"nextMonth-"+s))}return(0,le.jsx)(Ot,{gridCols:7,gap:"1/4",children:i})}},Variables:{Footer:e=>(0,le.jsxs)(Ee,{flexWrap:!1,gap:1,flexChilds:"even",freeCSS:{whiteSpace:"nowrap"},children:[(0,le.jsxs)(H.Sub.S,{tabIndex:-1,isRounded:!0,onClick:()=>{e.onValueUpdate("")},flexSizing:"none",children:[(0,le.jsx)(G.Times,{})," \u524A\u9664"]}),(0,le.jsx)(H.Prime.S,{tabIndex:-1,isRounded:!0,flexSizing:"auto",freeCSS:{minWidth:12*6},onClick:()=>{e.onSubmit&&e.onSubmit(),yt.close(e.tipsID)},children:"\u6C7A\u5B9A"})]}),ShiftButtons:e=>(0,le.jsxs)(Ee,{gap:"1/3",flexWrap:!1,children:[(0,le.jsx)(H.Clear,w(d({className:Qt("LeftButton"),tabIndex:-1,right:0},hr.Variables.ShiftButtonStyles),{onClick:()=>{e.callback(-1)},children:(0,le.jsx)(G.ChevronLeft,{})})),(0,le.jsx)(H.Clear,w(d({className:Qt("RightButton"),tabIndex:-1,left:0},hr.Variables.ShiftButtonStyles),{onClick:()=>{e.callback(1)},children:(0,le.jsx)(G.ChevronRight,{})}))]}),ShiftButtonStyles:{position:"relative",flexCenter:!0,ssSphere:2.5}}};var Ss=" ~ ",jI={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+Ss.length,length:4},{type:"month",from:15+Ss.length,length:2},{type:"date",from:18+Ss.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+Ss.length,length:4},{type:"month",from:13+Ss.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}},ws={PeriodMargin:" ~ ",DataLeveling:e=>{let{restrict:t,value:r,era:o}=e,a=Co.default.flatArray(r||""),{defaultValue:n,format:i,ranges:l,sets:s}=jI[t],c=[],f=t=="clock"?":":"/";for(let p=0;p<a.length;p++)a[p]=String(a[p]).replace(/\D/ig,f);for(let p=0;p<s;p++){let m=a[p]||"";if(!m.match(i))a[p]="",c.push(n);else{let h=n;m.split(/\D/).forEach((_,S)=>{if(S==0&&t=="dateWareki"){let k=Number(_);o!="year"&&(k>=2019?o=="reiwa"?k-=2018:o=="heisei"&&(k=31):k>=1989?o=="heisei"?k-=1988:o=="shouwa"&&(k=64):k>=1926?o=="shouwa"?k-=1925:o=="taisho"&&(k=15):k>=1912?o=="taisho"?k-=1911:o=="meiji"&&(k=45):k>=1868&&(k-=1867)),_=k.zeroEmbed(4)}h=h.replace(new RegExp("------------------".slice(0,_.length)),_)}),c.push(h)}}return{formatValue:c.join(Ss),dataValue:["dates","months"].includes(t)?a:a[0],ranges:l}},SystemValidation:e=>{let{states:t}=e,{restrict:r,min:o,max:a,required:n}=t,i=[],l=Co.default.flatArray(e.value),s={empty:!1,escalated:1,filled:!0,correct:!0,prohibited:!1};(()=>{let c=r=="clock"?":":"/";for(let f=0;f<l.length;f++)l[f]=String(l[f]).replace(/\D/ig,c);for(let f=0;f<l.length;f++){let p=l[f],m=l[f-1];p.removeLetters()||(s.empty=!0),f>0&&(s.escalated&=+(p>=m))}s.escalated&&(s.empty||(r.match(/clock/)?l.forEach(f=>{let[p,m]=f.split(/\D+/);!p||!m?s.filled=!1:(Number(p)>23||Number(m)>59)&&(s.correct=!1)}):r.match(/date/)?l.forEach(f=>{let[p,m,h]=f.split(/\D+/);if(!p||!m||!h)s.filled=!1;else{let _=Co.default.Time(f);(!_.validate||f!=_.toFormatYMD())&&(s.correct=!1)}}):r.match(/week/)?l.forEach(f=>{let[p,m]=f.split(/\D+/);if(!p||!m)s.filled=!1;else{let h=Co.default.Time(p+"/01/01").weekday,_=Co.default.Time(p+"/01/0"+(7-h+1)).addWeek(Number(m)-1);p!=String(_.year)&&(s.correct=!1)}}):r.match(/month/)?l.forEach(f=>{let[p,m]=f.split(/\D+/);!p||!m?s.filled=!1:Co.default.Time([p,m,"01"].join("/")).validate||(s.correct=!1)}):r.match(/year/),s.filled&&s.correct&&l.forEach(f=>{{let p=Number(String(f).replace(/\D/ig,""));if(o&&Number(String(o).replace(/\D/ig,""))>p&&(s.prohibited=!0),a){let m=Number(String(a).replace(/\D/ig,""));p>m&&(s.prohibited=!0)}}})))})();{let{empty:c,escalated:f,filled:p,correct:m,prohibited:h}=s;c&&n&&(i=[{type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}]),f||i.push({type:"invalid",label:"\u6642\u7CFB\u5217\u3092\u6B63\u3057\u304F\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"}),m||i.push({type:"invalid",label:"\u7121\u52B9\u306A\u5024\u304C\u5165\u529B\u3055\u308C\u3066\u3044\u307E\u3059"}),p||i.push({type:"invalid",label:"\u6700\u5F8C\u307E\u3067\u5024\u3092\u57CB\u3081\u3066\u304F\u3060\u3055\u3044"}),h&&i.push({type:"invalid",label:(0,At.jsxs)(At.Fragment,{children:[(0,At.jsx)(v,{children:"\u5165\u529B\u7BC4\u56F2\u304C\u5236\u9650\u3055\u308C\u3066\u3044\u307E\u3059"}),"[",o||"\u4E0B\u9650\u7121\u3057","] ~ [",a||"\u4E0A\u9650\u7121\u3057","]"]})})}return{ok:!i.filter(({type:c})=>c=="invalid").length,notice:i}},KeyDownEvent:e=>{let{val_era:t,restrict:r,event:o,val_status:a,set_status:n,val_focus:i,set_focus:l}=e,{key:s,shiftKey:c,ctrlKey:f,metaKey:p}=o,m=f||p,{selectionStart:h,selectionEnd:_}=o.target,{index:S,prevIndex:k}=i,{ranges:b,formatValue:g}=a,y=b.length-1;if(["Tab","ArrowLeft","ArrowRight"].includes(s)){let C=0;if(s=="Tab"){let D=+!c*2-1;if(C=i.index+D,C<0||C>y)return}else{let D=s=="ArrowLeft"?-1:s=="ArrowRight"?1:0;m||h==0&&_==String(a.formatValue).length?C=D==1?y:0:C=Math.max(0,Math.min(S+D,y))}l(D=>w(d({},D),{index:C,prevIndex:S})),o.preventDefault()}if(["Backspace","ArrowUp","ArrowDown","0","1","2","3","4","5","6","7","8","9"].includes(s)){o.preventDefault();let C=S;C=Math.max(C,0),C=Math.min(C,y);let{type:D,from:x,length:P}=b[C],O=g.slice(x,x+P),M;if(s=="Backspace")M="------".slice(0,P);else if(["ArrowUp","ArrowDown"].includes(s)){let V=s=="ArrowUp"?1:-1;O=O|0,M=O+V;let[J,K,ee]=D=="dateWareki"?t=="year"?[0,2999,4]:t=="reiwa"?[1,2999,4]:t=="heisei"?[1,31,4]:t=="shouwa"?[1,64,4]:t=="taisho"?[1,15,4]:t=="meiji"?[1,45,4]:[0,0,0]:D=="minute"?[0,59,2]:D=="hour"?[0,23,2]:D=="date"?[1,31,2]:D=="week"?[1,53,2]:D=="month"?[1,12,2]:D=="year"?[0,2999,4]:[0,0,0];M>K?M=J:M<J&&(M=K),M=Number(M).zeroEmbed(ee)}else if(["0","1","2","3","4","5","6","7","8","9"].includes(s)){let V=O|0,J=s,K=`${V}${J}`;if(k!=S&&(V=0,K="0"+J),D=="year"||D=="dateWareki"&&t=="year")Number(K)>1e4?M=J:M=K,(M|0)>1e3&&C++;else if(["hour","minute","date","week","month"].includes(D)||D=="dateWareki"&&t!="year"){let ee=D=="dateWareki"?t=="reiwa"?100:t=="heisei"?31:t=="shouwa"?64:t=="taisho"?15:t=="meiji"?45:0:D=="minute"?59:D=="hour"?23:D=="date"?31:D=="week"?53:D=="month"?12:0;M=(K|0)>ee?J:K,(Number(J)>Number(String(ee)[0])||O=="0000".slice(0,String(ee).length)&&(K!="0000".slice(0,String(ee).length)||["minute","hour"].includes(D)&&k==S)||(K|0)>=qy(10,String(ee).length-1))&&C++}D=="year"||D=="dateWareki"?M=(M|0).zeroEmbed(4):M=(M|0).zeroEmbed(2)}{let V=String(g).partReplace(x,String(M)),J=V.split(Ss).map(K=>K.replace(/(^\D|\D$)/,"").split(/\D+/).join(r=="clock"?":":"/").replace(/(^\D|\D$)/,""));if(r=="dateWareki"){let K=J[0].split(/\D/),[ee,_e,Ce]=K;K.length==3&&ee&&(J=[[Number(ee)-1+Number({year:1,reiwa:2019,heisei:1989,shouwa:1926,taisho:1912,meiji:1868}[t]),_e,Ce].join("/")])}C=Math.max(C,0),C=Math.min(C,y),n(K=>w(d({},K),{dataValue:["dates","months"].includes(r)?J:J[0],formatValue:V,eventType:"update",eventID:Co.default.uuid.gen()})),l(K=>w(d({},K),{index:C,prevIndex:K.index}))}}}},W8={picker:{launch:e=>{let t=e.tipsID||Co.default.uuid.gen(),r=e,{onValueUpdate:o,min:a,max:n,era:i,restrict:l,defaultValue:s}=r,c=ge(r,["onValueUpdate","min","max","era","restrict","defaultValue"]);yt.open(w(d({gravityPoint:e.gravityPoint||24,tipsID:t,padding:0,closeAtAroundClick:!0,closeAtParentBlur:!1},c),{parent:c.parent,content:(0,At.jsx)(j8,{restrict:l,min:a,max:n,era:i,defaultValue:s,tipsID:t,onValueUpdate:(f,p)=>{o(f,p)}})}))},remove:e=>{yt.close(e)}}},HI={Shallow:e=>{let{rootStates:t,val_status:r}=e,o=Bn(t);return(0,At.jsx)(v,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:(0,At.jsx)(ce.Description,w(d({className:t.className},o),{position:"absolute",width:1,freeCSS:w(d({},o.freeCSS),{color:"orange"}),children:(0,At.jsx)(v,{"data-input-value-shallow":r.componentID,children:"A"})}))})}},VI=e=>{let t=e,{tone:r,required:o,restrict:a="clock",componentID:n,era:i,form:l,name:s,min:c,max:f,className:p,enableFormSubmit:m,checkValidationAtFirst:h,onKeyDown:_,onValidate:S,onUpdateValue:k,onUpdateValidValue:b,value:g="",leftIndicator:y,rightIndicator:C,leftIcon:D,rightIcon:x,freeCSS:P,wrapStyles:O}=t,M=ge(t,["tone","required","restrict","componentID","era","form","name","min","max","className","enableFormSubmit","checkValidationAtFirst","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","leftIndicator","rightIndicator","leftIcon","rightIcon","freeCSS","wrapStyles"]),[V,J]=(0,Fo.useState)(i),[K,ee]=(0,Fo.useState)(w(d({componentID:e.componentID||""},ws.DataLeveling({restrict:a,value:g,era:V})),{eventType:"init",eventID:Co.default.uuid.gen()})),[_e,Ce]=(0,Fo.useState)({ok:!1,notice:[]}),[N,z]=(0,Fo.useState)({active:!1,index:0,prevIndex:-1}),te={rootStates:e,val_status:K,set_status:ee,val_validate:_e,set_validate:Ce,val_era:V,set_era:J,val_focus:N,set_focus:z};Ge.CommonEffects({type:"time",states:e,val_status:K,set_status:ee,val_validate:_e,set_validate:Ce,SystemValidation:ws.SystemValidation,ExtraOverrideStates:d({},ws.DataLeveling({restrict:a,value:g,era:V}))});let de=(0,Fo.useRef)(!1);return(0,Fo.useEffect)(()=>{if(de.current){ee(ue=>d(d({},ue),ws.DataLeveling({restrict:a,value:ue.dataValue,era:V})));let $=se.get("refreshEra_"+K.componentID);$&&$.refreshEra(V)}else de.current=!0},[V]),se.update({[K.componentID]:{openPicker:()=>{e.disabled||W8.picker.launch({parent:"#Picker-"+K.componentID,tipsID:"PickerTips-"+K.componentID,restrict:a,min:c,max:f,defaultValue:K.dataValue,era:V,onValueUpdate:($,ue)=>{ee(He=>w(d(d({},He),ws.DataLeveling({restrict:a,value:$,era:ue})),{eventType:"update",eventID:Co.default.uuid.gen()})),J(ue)}})},resetEra:$=>{J($),ee(ue=>w(d(d({},ue),ws.DataLeveling({restrict:a,value:"",era:V})),{eventType:"update",eventID:Co.default.uuid.gen()}))}}}),(0,Fo.useEffect)(()=>{let{index:$,active:ue}=N;if(ue){$=Math.max($,0),$=Math.min($,K.ranges.length-1);let{from:He,length:Ie}=K.ranges[$],Te=Re("#"+e.id)[0];Te&&Te.setSelectionRange(He,He+Ie)}},[N]),(0,At.jsxs)(fr,{val_status:K,set_status:ee,val_validate:_e,states:e,children:[(0,At.jsx)(HI.Shallow,d({},te)),(0,At.jsx)(Ol,{componentID:e.componentID,fontSize:e.fontSize,required:e.required,label:e.label,isActive:!0}),Se.get().isTouchDevice?(0,At.jsx)(H.Plain,{"data-show-validation":Ge.isShowValidation(_e,K,!!h),"data-component-id":K.componentID,className:p,freeCSS:{textAlign:"left"},children:K.formatValue,onClick:$=>{let ue=se.get(K.componentID);ue&&ue.openPicker(),$.stopPropagation()}}):(0,At.jsx)(v,d({htmlTag:"input",type:"text",inputMode:"numeric","data-show-validation":Ge.isShowValidation(_e,K,!!h),"data-input-origin":K.componentID,"data-disabled":e.disabled,value:K.formatValue,className:p,tabIndex:Se.get().isTouchDevice?-1:0,onKeyDown:$=>{ws.KeyDownEvent({restrict:a,event:$,val_era:V,val_status:K,set_status:ee,val_focus:N,set_focus:z}),_&&_($),m&&Ge.SubmitForm($,l)},onKeyUp:$=>{$.key=="Tab"&&z(ue=>w(d({},ue),{active:!0}))},onClick:$=>{let ue=$.target.selectionEnd,He=0;K.ranges.forEach((Ie,Te)=>{let{from:be,length:Qe,region:St}=Ie;be<=ue&&ue<=be+(St||Qe)&&(He=Te)}),z(Ie=>w(d({},Ie),{active:!0,index:He})),$.preventDefault()},onChange:()=>{}},M))]})},yi={Origin:e=>{let t=d({},e),[r]=(0,Fo.useState)(e.componentID||Co.default.uuid.gen());if(t.componentID=r,Co.default.is.nullish(t.rightIcon)){let o=(e.restrict||"").match(/clock/)?H8.faClock:V8.faCalendarAlt;t.rightIcon=(0,At.jsx)(dr,{ssSphere:2,freeCSS:{pointerEvents:"all"},children:(0,At.jsx)(H.Sub,{color:"cloud",border:"unset",ssSphere:2,fontColor:"theme",boxShadow:"0.normal",borderRadius:"3.tone.tertiary",flexCenter:!0,ssEffectsOnActive:"push",tabIndex:-1,id:"Picker-"+t.componentID,onClick:()=>{let a=se.get(t.componentID);a&&a.openPicker()},children:(0,At.jsx)(G,{icon:o})})})}return(0,At.jsx)(Jt,{componentID:t.componentID,children:VI,states:Zr(t)})},Clock:e=>(0,At.jsx)(yi.Origin,d({restrict:"clock",era:"clock"},e)),Date:e=>(0,At.jsx)(yi.Origin,d({restrict:"date"},e)),Week:e=>(0,At.jsx)(yi.Origin,d({restrict:"week"},e)),Month:e=>(0,At.jsx)(yi.Origin,d({restrict:"month"},e)),Year:e=>(0,At.jsx)(yi.Origin,d({restrict:"year"},e)),DateWareki:e=>{e=d({},e);let[t]=(0,Fo.useState)(e.componentID||Co.default.uuid.gen());e.componentID=t;let{defaultEra:r="wareki"}=e,[o,a]=(0,Fo.useState)((()=>{let n="year";if(r=="wareki"&&(n="reiwa",e.value)){let[i,l,s]=e.value.split(/\D/);if(i&&l&&s){let c=Number(i);c>=2019?(c-=2019,n="reiwa"):c>=1989?(c-=1989,n="heisei"):c>=1926?(c-=1926,n="shouwa"):c>=1912?(c-=1912,n="taisho"):c>=1868&&(c-=1868,n="meiji"),c+=1}}return n})());return(0,Fo.useEffect)(()=>{se.set({["refreshEra_"+t]:{refreshEra:n=>{a(n)}}})},[]),(0,At.jsx)(yi.Origin,w(d({restrict:"dateWareki",leftIndicator:(0,At.jsx)(ti,{label:"\u5143\u53F7",emptySelect:!1,value:o,tone:e.tone||"border",override:"force",flexCenter:!0,borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3",height:1,freeCSS:{whiteSpace:"nowrap"},options:[{value:"year",label:"\u897F\u66A6"},{value:"reiwa",label:"\u4EE4\u548C"},{value:"heisei",label:"\u5E73\u6210"},{value:"shouwa",label:"\u662D\u548C"},{value:"taisho",label:"\u5927\u6B63"},{value:"meiji",label:"\u660E\u6CBB"}],onUpdateValidValue:({value:n,eventType:i})=>{a(n);let l=se.get(e.componentID);l&&l.resetEra&&l.resetEra(n)}})},e),{era:o}))},Periods:{Date:e=>(0,At.jsx)(yi.Origin,d({restrict:"dates"},e)),Month:e=>(0,At.jsx)(yi.Origin,d({restrict:"months"},e))},fn:W8};var et=L(je()),Zt=L(it()),wt=L(ot());var ks=L(je());var xs=L(je()),U8=L(ot());var Cs=L(it());var Ec=e=>{let t=e,{color:r="theme",size:o="R",showInitial:a=!1,loaderID:n=""}=t,i=ge(t,["color","size","showInitial","loaderID"]),[l]=(0,Cs.useState)(n),[s]=(0,Cs.useState)(U8.default.uuid.gen()),[c,f]=(0,Cs.useState)(a),p=0;o=="S"?p=1:o=="R"?p=1.5:o=="L"?p=3:o=="XL"?p=4:o=="MAX"&&(p=6);let m={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"}[r];return(0,Cs.useEffect)(()=>{let h=Re('[data-component-id="'+s+'"]');c?h.removeClass(Xt("Hide")).await(10).addClass(Xt("Active")):h.removeClass(Xt("Active")).await(210).addClass(Xt("Hide"))},[c]),(0,Cs.useEffect)(()=>{se.set({[s]:{active:h=>{l==h&&f(!0)},stop:h=>{l==h&&f(!1)},stopForce:()=>{f(!1)}}})},[]),(0,xs.jsxs)(ie.Center,w(d({className:[Xt("MiniLoader"),Xt(a?"Active":"Hide")].join(" "),componentID:s,ssSphere:p,position:"relative"},i),{children:[(0,xs.jsx)("svg",{className:Xt("SVG1"),width:"100",height:"100",viewBox:"0 0 100 100",style:{stroke:m},children:(0,xs.jsx)("circle",{cx:"50",cy:"50",r:"40"})}),(0,xs.jsx)("svg",{className:Xt("SVG2"),width:"100",height:"100",viewBox:"0 0 100 100",style:{stroke:m},children:(0,xs.jsx)("circle",{cx:"50",cy:"50",r:"40"})})]}))};var Fn=L(je());var Op=L(it());var q8=()=>{let[e,t]=(0,Op.useState)(!1);return(0,Op.useEffect)(()=>{se.set({["Loader-corner-"+Se.get().sessionUID+"-corner"]:{active:()=>{t(!0)},stop:()=>{t(!1)}}})},[]),(0,Fn.jsxs)(Ee,{className:[Xt("CornerLoader"),e?Xt("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,Fn.jsxs)(Ee,{className:Xt("Wrap"),flexWrap:!1,verticalAlign:"center",horizontalAlign:"center",children:[(0,Fn.jsx)(v,{className:Xt("Ld4")}),(0,Fn.jsx)(v,{className:Xt("Ld3")}),(0,Fn.jsx)(v,{className:Xt("Ld2")}),(0,Fn.jsx)(v,{className:Xt("Ld1")}),(0,Fn.jsx)(v,{className:Xt("Ld2")}),(0,Fn.jsx)(v,{className:Xt("Ld3")}),(0,Fn.jsx)(v,{className:Xt("Ld4")})]}),(0,Fn.jsx)(v,{fontColor:"white",fontSize:"0.xs",isSemiBoldFont:!0,children:"Loading..."})]})};var Rc=e=>{let t=e.color;return{S:r=>(0,ks.jsx)(Ec,d({size:"S",color:t},r)),R:r=>(0,ks.jsx)(Ec,d({size:"R",color:t},r)),L:r=>(0,ks.jsx)(Ec,d({size:"L",color:t},r)),XL:r=>(0,ks.jsx)(Ec,d({size:"XL",color:t},r)),MAX:r=>(0,ks.jsx)(Ec,d({size:"MAX",color:t},r))}},yr={Wrapper:()=>(0,ks.jsx)(q8,{}),Theme:Rc({color:"theme"}),Posi:Rc({color:"posi"}),Nega:Rc({color:"nega"}),Warn:Rc({color:"warn"}),White:Rc({color:"white"}),Cloud:Rc({color:"cloud"}),fn:{corner:{active:()=>{let e=se.get("Loader-corner-"+Se.get().sessionUID+"-corner");e&&e.active()},stop:()=>{let e=se.get("Loader-corner-"+Se.get().sessionUID+"-corner");e&&e.stop()}},mini:{active:(e="")=>{Re("."+Xt("MiniLoader")).for(t=>{let{dataset:{componentId:r}={}}=t;if(!r)return;let o=se.get(r);o&&o.active&&o.active(e)})},stop:(e="")=>{Re("."+Xt("MiniLoader")).for(t=>{let{dataset:{componentId:r}={}}=t;if(!r)return;let o=se.get(r);o&&o.stop&&o.stop(e)})},stopALL:()=>{Re("."+Xt("MiniLoader")).for(e=>{let{dataset:{componentId:t}={}}=e;if(!t)return;let r=se.get(t);r&&r.stopForce&&r.stopForce()})}},stopALL:()=>{yr.fn.corner.stop(),yr.fn.mini.stopALL()}}};function WI(e){let{value:t,states:r}=e,{required:o,options:a,min:n,max:i}=r;n=n||0,i=i||65535;let l=[],s=t.filter(c=>c!==null).length;return o&&(s||l.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"})),s<n&&l.push({type:"invalid",label:n+"\u500B\u4EE5\u4E0A\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044"}),s>i&&l.push({type:"invalid",label:i+"\u500B\u307E\u3067\u9078\u629E\u3067\u304D\u307E\u3059"}),{ok:!l.filter(({type:c})=>c=="invalid").length,notice:l}}var Lc={InitOptions:e=>{let t=[];return e.forEach(r=>{let{type:o,label:a,value:n,searchValue:i}=r,l=i||(wt.default.is.string(a)?a:"")||(wt.default.is.string(n)?n:"");t.push(w(d({},r),{searchValue:l,type:o||"selector",value:n}))}),t},FilterSelectableOptions:(e,t)=>{let r=e.val_options;if(t||(r=e.val_options.filter(o=>o.type!="label")),e.val_keyword){let o=e.val_keyword.toLower().replace(/ /g,"");r=r.filter(a=>(a.searchValue||"").toLower().replace(/ /g,"").includes(o))}return r}},Nc={Shallow:e=>{let{rootStates:t,val_status:r}=e,o=Bn(t);return(0,et.jsx)(v,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:(0,et.jsx)(ce.Description,w(d({className:t.className},o),{position:"absolute",width:1,freeCSS:w(d({},o.freeCSS),{color:"orange"}),"data-id":"shallow_"+r.componentID,children:(0,et.jsx)(v,{"data-input-value-shallow":r.componentID,children:"A"})}))})},Button:e=>{let{rootStates:t,val_keyword:r,set_keyword:o,val_optionFocused:a,set_optionFocused:n,val_options:i,set_options:l,val_optionsDict:s,set_optionsDict:c,val_preventOpenSelectorOnFocus:f,set_preventOpenSelectorOnFocus:p,val_selectorOpen:m,set_selectorOpen:h,val_status:_,set_status:S,val_validate:k,set_validate:b}=e,g=t,{tone:y,required:C,form:D,className:x,multiSelect:P,enableFormSubmit:O,checkValidationAtFirst:M,onValidate:V,onUpdateValue:J,onUpdateValidValue:K,value:ee="",options:_e,leftIndicator:Ce,rightIndicator:N,leftIcon:z,rightIcon:te,componentID:de,status_id:$,wrapStyles:ue,emptySelect:He,SearchInput:Ie,SearchInputPlaceholder:Te,SelectedComponent:be,SelectorComponent:Qe,SelectorGravityPoint:St,DynamicOptionsOnSearch:Fe}=g,Ye=ge(g,["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,Zt.useEffect)(()=>{var E;if(t.disabled||!m)return;let j=Lc.FilterSelectableOptions(e);n(((E=j[0])==null?void 0:E.value)||null)},[r]),(0,Zt.useEffect)(()=>{_.eventType!="init"&&(t.max==_.dataValue.length?(h(!1),p(!0),setTimeout(()=>{let E=(0,wt.default)('[data-input-origin="'+t.componentID+'"]');E&&E.focus()},10)):(0,wt.default)("#SearchInput_"+t.componentID).focus())},[_.dataValue]);let B="autocomplete-sheet-"+t.componentID;return(0,Zt.useEffect)(()=>{let E="autocomplete-click-"+t.componentID;if(m){let j=(0,wt.default)('[data-input-origin="'+t.componentID+'"]');if(!j)return;(0,wt.default)("#SearchInput_"+t.componentID).focus(),Ve.open({sheetID:B,type:"custom",parent:j[0],padding:["1/4",0],gravityPoint:t.SelectorGravityPoint||22,closeAtAroundClick:!1,content:(0,et.jsx)(Nc.Selector,d({},e))}),(0,wt.default)(document).addEvent({eventID:E,eventType:"mousedown",callback:Q=>{let T=(0,wt.default)(Q.target),A=!!(0,wt.default)(T).parent("."+Qn("Core")).length;(0,wt.default)(T).parent("."+Qn("Selector")).length||A||h(!1)}})}else(0,wt.default)(document).removeEvent([E]),o(""),Ve.close(B)},[m]),(0,Zt.useEffect)(()=>{if(t.disabled||!m)return;Ve.customSheet.reposition(B);let E=se.get("refresh-autocomplete-selector-"+t.componentID);E&&E(e)},[i,_.dataValue,r,a]),(0,et.jsx)(et.Fragment,{children:(0,et.jsx)(v,w(d({tabIndex:0},Ye),{"data-disabled":t.disabled,"data-show-validation":Ge.isShowValidation(k,_,!!M),"data-component-id":_.componentID,"data-input-origin":_.componentID,"data-focus":!!m,className:[x,Qn("Core")].join(" "),onFocus:E=>{if(Ye!=null&&Ye.onFocus&&(Ye==null||Ye.onFocus(E)),!t.disabled){if(f)return p(!1);h(!0),E.preventDefault()}},onClick:E=>{Ye!=null&&Ye.onClick&&(Ye==null||Ye.onClick(E)),!t.disabled&&h(!0)},onKeyDown:E=>{let{key:j}=E;O&&Ge.SubmitForm(E,D),!m&&(j==" "||j=="ArrowDown"||j=="ArrowUp"||j=="Enter")&&h(!0)},children:(0,et.jsxs)(ie.Left,{flexWrap:!0,gap:"1/3",freeCSS:{letterSpacing:".5px"},children:[(0,et.jsx)(Nc.Selected,d({},e)),(0,et.jsx)(Nr,{width:0,overflow:"hidden",opacity:"trans",children:"A"}),(0,et.jsx)(Nc.SearchInput,d({},e))]})}))})},SearchInput:e=>{let{rootStates:t}=e;return t.disabled||!e.val_selectorOpen?null:(0,et.jsx)(v,{id:"SearchInput_"+t.componentID,placeholder:t.SearchInputPlaceholder||"\u691C\u7D22...",opacity:e.val_selectorOpen?"max":"trans",transition:"middle",flexSizing:0,htmlTag:"input",border:"unset",backgroundColor:"trans",value:e.val_keyword,freeCSS:{outline:"none"},onKeyDown:r=>{let{key:o,metaKey:a,ctrlKey:n}=r,i=a||n;o=="Escape"?(e.set_selectorOpen(!1),e.set_preventOpenSelectorOnFocus(!0),setTimeout(()=>{let l=(0,wt.default)('[data-input-origin="'+t.componentID+'"]');l&&l.focus()},10)):o=="Tab"?e.set_selectorOpen(!1):o==" "?wt.default.scope(()=>{e.val_selectorOpen||e.val_keyword||(r.preventDefault(),e.set_selectorOpen(!0))}):o=="Backspace"?wt.default.scope(()=>{if(e.val_keyword)return;let l=[...e.val_status.dataValue];l.pop(),e.set_status(s=>w(d({},s),{dataValue:l,eventType:"update",eventID:wt.default.uuid.gen()}))}):o=="Enter"&&wt.default.scope(()=>{if(!e.val_selectorOpen)return e.set_selectorOpen(!0);let l=e.val_options.find(c=>c.value==e.val_optionFocused);if(!l)return;let{value:s}=l;e.set_status(c=>{let f=[...c.dataValue];return wt.default.scope(()=>{if(s===null)return f=[];c.dataValue.includes(s)?f=f.filter(p=>p!==s):t.multiSelect?f.push(s):f=[s]}),w(d({},c),{dataValue:f,eventType:"update",eventID:wt.default.uuid.gen()})}),e.set_keyword(""),e.set_preventDynamicSearchOnKeywordChange(!0)}),wt.default.scope(()=>{if(!["ArrowDown","ArrowUp"].includes(o))return;if(r.preventDefault(),!e.val_selectorOpen)return e.set_selectorOpen(!0);let l=o=="ArrowDown"?1:-1,s=Lc.FilterSelectableOptions(e),c=s.length-1,f=null;wt.default.scope(()=>{var p,m,h,_;let S=s.findIndex(k=>k.value==e.val_optionFocused);if(l==1){if(f=((p=s[0])==null?void 0:p.value)||null,i){f=s[c].value||null;return}if(S==-1||S==c)return;f=((m=s[S+1])==null?void 0:m.value)||null}else{if(f=s[c].value||null,i){f=((h=s[0])==null?void 0:h.value)||null;return}if(S==-1||S==0)return;f=((_=s[S-1])==null?void 0:_.value)||null}}),e.set_optionFocused(f)}),t.enableFormSubmit&&Ge.SubmitForm(r,e.rootStates.form)},onChange:r=>{let o=r.target.value;e.set_keyword(o)}},"searchInput")},Selector:e=>{let[t,r]=(0,Zt.useState)(e),{rootStates:o}=t,[a,n]=(0,Zt.useState)("idle"),[i,l]=(0,Zt.useState)("idle");(0,Zt.useEffect)(()=>{se.set({["refresh-autocomplete-selector-"+o.componentID]:p=>{r(p)}})},[]),(0,Zt.useEffect)(()=>{if(!t.val_selectorOpen||!o.DynamicOptionsOnSearch)return;if(t.val_preventDynamicSearchOnKeywordChange)return t.set_preventDynamicSearchOnKeywordChange(!1);if(a=="idle")return n("ok");l("fetch");let p="autocomplete-search-"+o.componentID;wt.default.interval.clear(p),wt.default.interval.standBy(p,300,()=>Pt(void 0,null,function*(){let m=yield o.DynamicOptionsOnSearch(t.val_keyword);l("idle");let h=Lc.InitOptions(m||[]);t.set_options(h)}))},[t.val_keyword]);let s=[],c=Lc.FilterSelectableOptions(t,!0),f=Lc.FilterSelectableOptions(t);return c.forEach((p,m)=>{let{type:h,value:_}=p,S=t.val_optionFocused==_,k=t.val_status.dataValue.includes(_),b=o.SelectorComponent;s.push((0,et.jsx)(b,{option:p,isFocused:S,isSelected:k,addCallback:()=>{t.set_status(g=>{let y=[...g.dataValue];return wt.default.scope(()=>{if(_===null)return y=[];g.dataValue.includes(_)?y=y.filter(C=>C!==_):o.multiSelect?y.push(_):y=[_]}),w(d({},g),{dataValue:y,eventType:"update",eventID:wt.default.uuid.gen()})})}},wt.default.JsonTo(_)||wt.default.uuid.gen()))}),f.length||(s=[(0,et.jsx)(ce.Supplement,{padding:[0,1],fontColor:"4.thin",children:"\u5019\u88DC\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093"},"no-selector-notice")]),i=="fetch"&&(s=[(0,et.jsxs)(ie.Left,{padding:1,fontColor:"3.blur",children:[(0,et.jsx)(yr.Theme.R,{showInitial:!0}),(0,et.jsx)(ce.Supplement,{children:"Loading..."})]},"loader")]),(0,et.jsx)(Ve.Body,{className:Qn("Selector"),ssCardBox:!0,borderRadius:"3.tone.tertiary",boxShadow:"1.normal",freeCSS:{minWidth:12*18},children:(0,et.jsx)(xe,{gap:0,padding:[1,0],children:s})})},Selected:e=>{let{rootStates:t,val_status:r,set_status:o,val_optionsDict:a}=e,n=[];return r.dataValue.forEach(i=>{let l=a[wt.default.JsonTo(i)];if(!l)return;let s=t.SelectedComponent,c=l.label;l.value===null&&(c=""),n.push((0,et.jsx)(v,{className:Qn("SelectedCell"),children:(0,et.jsx)(s,{value:l.value,label:c,removeCallback:f=>{if(f.stopPropagation(),f.preventDefault(),t.disabled)return;let p=[...r.dataValue];p=p.filter(m=>m!==i),o(m=>w(d({},m),{dataValue:p,eventType:"update",eventID:wt.default.uuid.gen()}))}})},wt.default.JsonTo(l.value)))}),(0,et.jsx)(et.Fragment,{children:n})},Core:e=>{let{value:t}=e,[r,o]=(0,Zt.useState)(!1),[a,n]=(0,Zt.useState)(!1),[i,l]=(0,Zt.useState)(!1),[s,c]=(0,Zt.useState)(""),[f,p]=(0,Zt.useState)(e.options),[m,h]=(0,Zt.useState)(e.value[0]||null),[_,S]=(0,Zt.useState)({}),[k,b]=(0,Zt.useState)(Ge.DefaultStatus(e.componentID,t)),[g,y]=(0,Zt.useState)({ok:!1,notice:[]}),C=(0,Zt.useRef)(!1);(0,Zt.useEffect)(()=>{C.current?p(e.options):C.current=!0},[e.options]),(0,Zt.useEffect)(()=>{if(!f.length)return;let O=[...f],M=d({},_);O.forEach(V=>{V.type!="label"&&(M[wt.default.JsonTo(V.value)]=V)}),S(M)},[f]);let D={rootStates:e,val_options:f,set_options:p,val_optionFocused:m,set_optionFocused:h,val_optionsDict:_,set_optionsDict:S,val_preventDynamicSearchOnKeywordChange:a,set_preventDynamicSearchOnKeywordChange:n,val_preventOpenSelectorOnFocus:r,set_preventOpenSelectorOnFocus:o,val_selectorOpen:i,set_selectorOpen:l,val_keyword:s,set_keyword:c,val_status:k,set_status:b,val_validate:g,set_validate:y},x=!!e.multiSelect;Ge.CommonEffects({type:x?"autocomplete.multi":"autocomplete.single",states:e,val_status:k,set_status:b,val_validate:g,set_validate:y,SystemValidation:WI});let P=k.dataValue.length&&k.dataValue[0]!==null;return P=P||i,(0,et.jsxs)(fr,{val_status:k,set_status:b,val_validate:g,states:e,children:[(0,et.jsx)(Ol,{componentID:e.componentID,fontSize:e.fontSize,required:e.required,label:e.label,isActive:P}),(0,et.jsx)(Nc.Shallow,d({},D)),(0,et.jsx)(Nc.Button,d({},D))]})}},Mp=e=>{let t=d({},e);return t=w(d({value:[],min:0,max:65535,multiSelect:!0,SearchInput:!0,emptySelect:!0,SelectorComponent:({option:r,isSelected:o,isFocused:a,addCallback:n})=>r.type=="selector"?(0,et.jsx)(H.Sub.S,{color:"cloud",backgroundColor:"trans",borderRadius:0,fontColor:"2.normal",textAlign:"left",padding:["1/2",1.5],isActive:a,isActiveStyles:{backgroundColor:"cloud"},onClick:i=>{n()},children:(0,et.jsxs)(ie.Left,{gap:"1/2",children:[o&&(0,et.jsx)(G.Check,{fontColor:"theme"}),(0,et.jsx)(ce.Supplement,{transition:"short",children:r.label})]})}):(0,et.jsx)(et.Fragment,{children:r.label}),SelectedComponent:({value:r,label:o,removeCallback:a})=>(0,et.jsxs)(ie.Left,{ssCardBox:"cloud",backgroundColor:"layer.3",borderRadius:"2.tone.secondary",fontSize:"1.mini",padding:"1/2",gap:0,children:[(0,et.jsx)(v,{padding:[0,"1/4"],children:o}),(0,et.jsx)(H.Sub,{color:"cloud",fontColor:"white",backgroundColor:"layer.6",isRounded:!0,padding:"1/4",onClick:a,children:(0,et.jsx)(G.Times,{ssSphere:1})})]})},t),{freeCSS:d({cursor:"pointer"},t.freeCSS)}),t.multiSelect||(t.min=0,t.max=1),t.options=t.options||[],t.emptySelect&&(t.options=[{value:null,label:(0,et.jsx)(ce.Supplement,{fontColor:"4.thin",children:"\u9078\u629E\u3092\u89E3\u9664"})},...t.options]),t.value=wt.default.flatArray(t.value||null),t.options=Lc.InitOptions(t.options),wt.default.is.nullish(t.rightIcon)&&(t.rightIcon=(0,et.jsx)(dr,{ssSphere:2,children:(0,et.jsx)(G.Search,{})}),t.disabled&&(t.rightIcon=(0,et.jsx)(dr,{ssSphere:2,fontColor:"5.translucent",children:(0,et.jsx)(G.Ban,{})}))),t.rightIcon&&(t=d({paddingRight:3},t)),t.leftIcon&&(t=d({paddingLeft:3},t)),(0,et.jsx)(Jt,{componentID:t.componentID,children:Nc.Core,states:Zr(t)})};var Ts=L(je());var $8=e=>(0,Ts.jsx)(Mp,d({multiSelect:!1,SelectedComponent:({value:t,label:r})=>(0,Ts.jsx)(Ts.Fragment,{children:r}),rightIcon:(0,Ts.jsx)(dr,{ssSphere:2,children:(0,Ts.jsx)(G.AngleDown,{})})},e));var pt=L(je()),Ds=L(it()),jl=L(ot());var zo=L(je()),Y8=L(it()),Ml=L(ot());var Qi=L(it());var eo={add:function(e){let t=se.get("Snackbar-"+Se.get().sessionUID);return t&&t.add(e),this},remove:function(e){let t=se.get("Snackbar-"+Se.get().sessionUID);return t&&t.remove(e),this},Wrapper:()=>(0,zo.jsx)(G8.Wrapper,{})},G8={Cell:e=>{let t=e,{snackID:r,secondsToClose:o,componentID:a=Ml.default.uuid.gen(),children:n,customChildren:i}=t,l=ge(t,["snackID","secondsToClose","componentID","children","customChildren"]),[s]=(0,Qi.useState)(a),[c,f]=(0,Qi.useState)(e.secondsToClose||10);(0,Qi.useEffect)(()=>{let m=Re('[data-component-id="'+s+'"]');setTimeout(()=>{m.addClass(Ku("FadeIn"))},10),se.set({["Snackbar-"+r]:{remove:()=>{m.addClass(Ku("FadeOut"))}}})},[]),(0,Qi.useEffect)(()=>{Ml.default.interval.clear("Snackbar-"+s),Ml.default.interval.standBy("Snackbar-"+s,1e3,()=>{c<=0||f(c-1)}),c===0&&eo.remove(r)},[c]);let p=(0,zo.jsx)(zo.Fragment,{});return i?p=(0,zo.jsx)(i,{close:()=>{eo.remove(r)}}):p=(0,zo.jsxs)(ie.Separate,{verticalAlign:"top",children:[(0,zo.jsx)(v,{padding:["1/4",0],flexSizing:0,children:Ml.default.is.function(n)?(0,zo.jsx)(n,{}):n}),(0,zo.jsx)(H.Clear,{color:"layer",backgroundColor:"layer.4.opa.low",fontColor:"white",ssSphere:2.5,onClick:()=>{eo.remove(r)},children:(0,zo.jsx)(G.Times,{})})]}),(0,zo.jsx)(v,w(d({className:Ku("Cell"),componentID:s,onMouseOver:()=>{f(-1)},onMouseOut:()=>{f(o||10)},opacity:"trans",width:1,padding:"2/3",marginBottom:1,borderRadius:"1.tone.primary",fontColor:"white",boxShadow:"1.remark",backgroundColor:"dark",transition:"middle"},l),{children:p}))},Wrapper:()=>{let[e,t]=(0,Qi.useState)(Ml.default.uuid.gen()),[r,o]=(0,Qi.useState)([]);(0,Qi.useEffect)(()=>{se.set({["Snackbar-"+Se.get().sessionUID]:{add:n=>{n.snackID=n.snackID||Ml.default.uuid.gen();let i=r.findIndex(l=>l.snackID==n.snackID);if(i==-1)r.unshift(w(d({},n),{snackID:n.snackID}));else{let l=[...r];l[i]=w(d({},n),{snackID:n.snackID}),r=l}t(Ml.default.uuid.gen())},remove:n=>{let i=se.get("Snackbar-"+n);i&&i.remove&&(i.remove(),setTimeout(()=>{let l=r.findIndex(c=>c.snackID==n);if(l==-1)return;let s=[...r];s.splice(l,1),o(s)},210))}}})},[r.length]);let a=r.map(n=>(0,Y8.createElement)(G8.Cell,w(d({},n),{key:n.snackID})));return(0,zo.jsx)(Ee,{className:["AMOTIFY_be",Ku("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:a})}};var rT=L(tT());function UI(e){let{value:t,states:r}=e,{required:o}=r,a=[];return o&&!t.length&&a.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!a.filter(({type:n})=>n=="invalid").length,notice:a}}var oT={List:e=>{let{rootStates:t,val_status:r,set_status:o}=e;if(t.useSystemOnly)return null;let a=t.limit-(r.dataValue||[]).length,n=(r.dataValue||[]).map((i,l)=>(0,pt.jsx)(oT.ListCell,w(d({},e),{index:l,val_file:i}),i.name));return a>0&&n.push((0,pt.jsx)(v,w(d({htmlTag:"label"},t.cellStyles),{className:[t.cellClassName,Xn("AddButton")].join(" "),"data-component-id":r.componentID,htmlFor:t.id,tabIndex:t.tabIndex,onKeyDown:i=>{let{key:l}=i;t.tabIndex!=-1&&[" ","Enter"].includes(l)&&Re("#"+t.id).click()},children:(0,pt.jsxs)(ie.Center,{padding:["1/3",0],children:[(0,pt.jsx)(v,{isRounded:!0,className:Xn("AddIcon"),children:(0,pt.jsx)(G,{icon:rT.faCloudArrowUp,className:Xn("Icon"),fontColor:"theme",fontSize:"4.thirdTitle",backgroundColor:"theme.opa.low",ssSphere:3,padding:"1/2"})}),(0,pt.jsxs)(v,{children:[(0,pt.jsxs)(v,{fontColor:"theme",fontSize:"2.normal",isSemiBoldFont:!0,children:["\u30D5\u30A1\u30A4\u30EB\u3092\u9078\u629E(",a,")"]}),(0,pt.jsx)(v,{fontColor:"4.thin",fontSize:"0.xs",isSemiBoldFont:!0,children:"\u30D5\u30A1\u30A4\u30EB\u3092\u30C9\u30ED\u30C3\u30D7"})]})]})}),"AddButton")),(0,pt.jsx)(xe,w(d({flexSizing:"auto"},Bn(t)),{className:t.className,children:n}))},ListCell:e=>{let{index:t,rootStates:r,val_file:o,val_status:a,set_status:n}=e,{name:i,size:l,type:s}=o,[c,f]=(0,Ds.useState)(!1),p=jl.default.uuid.gen(),m=l.rank(),[h,_]=i.replace(/\s/,"").replace(/(.*)\.(.*)$/,"$1 $2").split(" "),S="\u30D5\u30A1\u30A4\u30EB";return s.match(/image/)?S=s.replace(/image\//,""):s.match(/pdf/)?S="PDF":s.match(/csv/)?S="CSV":s.match(/spreadsheet/)?S="SpreadSheet":s.match(/presentation/)?S="PowerPoint":s.match(/word/)?S="Word":s.match(/zip/)?S="Zip":s.match(/powerpoint/)?S="PowerPoint":s.match(/html/)?S="HTML":s.match(/js/)?S="JavaScript":s.match(/css/)?S="CSS":s.match(/text\/plain/)&&(S="\u30C6\u30AD\u30B9\u30C8"),(0,Ds.useEffect)(()=>{c&&setTimeout(()=>{Re("#"+p).focus()},100)},[c]),(0,pt.jsxs)(Ee,w(d({verticalAlign:"center",flexWrap:!1,gap:1,className:r.cellClassName},r.cellStyles),{children:[(0,pt.jsx)(G.File,{fontSize:"4.thirdTitle",fontColor:"4.thin"}),(0,pt.jsxs)(v,{flexSizing:0,children:[(0,pt.jsx)(v,{children:(0,pt.jsx)(Ee,{verticalAlign:"center",gap:"2/3",flexWrap:!1,className:Xn("FileName"),children:c?(0,pt.jsx)(pt.Fragment,{children:(0,pt.jsxs)(xe,{flexSizing:0,gap:"1/2",children:[(0,pt.jsxs)(Ee,{gap:"2/3",verticalAlign:"center",children:[(0,pt.jsx)(Tr,{tone:"border",wrapStyles:{flexSizing:"auto"},restrict:"fileName",name:"name",required:!0,id:p,form:"form-"+p,enableFormSubmit:!0,value:h,onKeyDown:k=>{let{key:b}=k;b=="Escape"&&f(!1)}}),(0,pt.jsxs)(v,{children:[". ",_]})]}),(0,pt.jsxs)(Ee,{gap:"2/3",horizontalAlign:"right",flexWrap:!1,children:[(0,pt.jsx)(H.Sub,{padding:["2/3",1],onClick:()=>{f(!1)},children:"\u9589\u3058\u308B"}),(0,pt.jsx)(H,{padding:["2/3",1],submitOption:{formName:"form-"+p,callback:k=>Pt(void 0,null,function*(){let{name:b}=k,g=[...a.dataValue],y=g[t],C=y.id;if(!y)return;let{target:D}=yield y.convert();if(!D)return;let x=yield String(D.result).toBlob(o.type);if(!x)return;let P=new File([x],b+"."+_,{type:y.type});P.id=C,g[t]=P,n(O=>w(d({},O),{dataValue:g,eventType:"update",eventID:jl.default.uuid.gen()})),f(!1)})},children:"\u6C7A\u5B9A"})]})]})}):(0,pt.jsxs)(pt.Fragment,{children:[i,!!r.isNameEditable&&(0,pt.jsx)(H.Clear,{ssSphere:2.5,flexSizing:"none",fontColor:"4.thin",padding:"1/3",ssEffectsOnActive:"expand",color:"cloud",onClick:()=>{f(!0)},children:(0,pt.jsx)(G.Pen,{})})]})})}),!c&&(0,pt.jsxs)(v,{fontSize:"1.mini",fontColor:"4.thin",flexSizing:0,children:[S,"\u30D5\u30A1\u30A4\u30EB / ",m,"B"]})]}),(0,pt.jsx)(H.Sub,{color:"cloud",fontColor:"4.thin",ssSphere:3,onClick:()=>{let k=[...a.dataValue];k[t]&&(k.splice(t,1),n(b=>w(d({},b),{dataValue:k,eventType:"update",eventID:jl.default.uuid.gen()})))},children:(0,pt.jsx)(G.Times,{})})]}))}},qI=e=>{let t=e,{tone:r,required:o,form:a,isNameEditable:n,useSystemOnly:i,accept:l="*",limit:s=1,checkValidationAtFirst:c,onChange:f,onValidate:p,onUpdateValue:m,onUpdateValidValue:h,value:_=[],className:S,cellStyles:k,cellClassName:b,componentID:g,status_id:y,enableFormSubmit:C,freeCSS:D,wrapStyles:x}=t,P=ge(t,["tone","required","form","isNameEditable","useSystemOnly","accept","limit","checkValidationAtFirst","onChange","onValidate","onUpdateValue","onUpdateValidValue","value","className","cellStyles","cellClassName","componentID","status_id","enableFormSubmit","freeCSS","wrapStyles"]),[O,M]=(0,Ds.useState)(Ge.DefaultStatus(e.componentID||"",_)),[V,J]=(0,Ds.useState)({ok:!1,notice:[]}),K={rootStates:e,val_status:O,set_status:M};(0,Ds.useEffect)(()=>{se.set({["AddFiles-"+O.componentID]:_e=>{M(Ce=>{let N=Ce.dataValue,z=[];for(var te=0;te<(_e==null?void 0:_e.length);te++){let de=_e[te],{type:$,name:ue}=de;if(te+1+N.length>s){eo.add({componentID:ue,secondsToClose:12e3,children:`\u30D5\u30A1\u30A4\u30EB\u9078\u629E\u4E0A\u9650\u3092\u8D85\u3048\u305F\u305F\u3081\u3001${ue}}\u306F\u8FFD\u52A0\u3067\u304D\u307E\u305B\u3093\u3002`,backgroundColor:"nega"});continue}if(l&&l=="image"&&!$.match(/image/)){eo.add({componentID:ue,secondsToClose:12e3,children:`\u30D5\u30A1\u30A4\u30EB\u5F62\u5F0F\u304C\u7570\u306A\u308B\u305F\u3081\u3001${ue} \u306F\u8FFD\u52A0\u3067\u304D\u307E\u305B\u3093\u3002`,backgroundColor:"nega"});continue}z.push(de)}return w(d({},Ce),{dataValue:[...N,...z],eventType:"update",eventID:jl.default.uuid.gen()})})}})},[]),Ge.CommonEffects({type:"file",states:e,val_status:O,set_status:M,val_validate:V,set_validate:J,SystemValidation:UI});let ee="";return l&&(l=="image"?ee="image/png,image/jpeg":ee=l),(0,pt.jsxs)(fr,{val_status:O,set_status:M,val_validate:V,states:e,children:[(0,pt.jsx)(v,w(d({htmlTag:"input",type:"file",className:Xn("Input"),"data-component-id":O.componentID,accept:ee,multiple:s!=1,onChange:_e=>Pt(void 0,null,function*(){f&&f(_e);let Ce=_e.target,N=Ce.files,z=[];for(var te=0;te<(N==null?void 0:N.length);te++){let de=N[te],$=de.name;if(de.id=jl.default.uuid.gen(),te+1+O.dataValue.length>s){eo.add({componentID:$,secondsToClose:12e3,children:`\u30D5\u30A1\u30A4\u30EB\u767B\u9332\u6570\u3092\u8D85\u3048\u305F\u305F\u3081\u3001${$}}\u306F\u8FFD\u52A0\u3067\u304D\u307E\u305B\u3093\u3067\u3057\u305F\u3002`,backgroundColor:"nega"});continue}z.push(de)}M(de=>w(d({},de),{dataValue:[...de.dataValue,...z],eventType:"update",eventID:jl.default.uuid.gen()})),Ce.value=""})},P),{opacity:"low",tabIndex:-1,value:""})),(0,pt.jsx)(oT.List,d({},K))]})},Bv=e=>(e=w(d({limit:1,isNameEditable:!0,useSystemOnly:!1,tone:"border",value:[]},e),{override:"force",cellStyles:d(d({},Zr({tone:e.tone||"border"})),e.cellStyles)}),(0,pt.jsx)(Jt,{componentID:e.componentID,children:qI,states:e}));Bv.fn={openDialog:e=>{let{multiple:t,accept:r}=e;return new Promise(o=>{let a=document.createElement("input");a.type="file",a.multiple=t!=null?t:!0,r&&(r=="image"?a.accept="image/png,image/jpeg":a.accept=r),a.onchange=n=>{o(n.target.files)},a.click()})}},typeof window!="undefined"&&window.document&&(0,jl.default)(document).addEvent({eventType:"dragover",callback:e=>{e.preventDefault(),Re("."+Xn("AddButton")).addClass(Xn("Draggable"))},options:{passive:!1}}).addEvent({eventType:"drop",callback:e=>{e.preventDefault(),Re("."+Xn("AddButton")).removeClass(Xn("Draggable"));let t=e.dataTransfer.files;if(t.length){let r=e.target;if(Re(r).hasClass(Xn("AddButton"))){let{componentId:o}=r.dataset,a=se.get("AddFiles-"+o);a&&a(t)}}},options:{passive:!1}});var ko=L(je()),sd=L(it()),Ji=L(ot());function $I(e){let{value:t,states:r}=e,{required:o}=r,a=[];return o&&!t&&a.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!a.filter(({type:n})=>n=="invalid").length,notice:a}}var nT=e=>{let{value:t,val_status:r}=e,{min:o,max:a,step:n}=r;t=Math.max(t,o),t=Math.min(t,a);let i=t/a*a;return i=Math.round(i/n),{stepValue:i*n,stepIndex:i,positionLeft:i*n/a*100+"%"}},aT={IndicatorLabels:e=>{let{componentID:t,min:r,max:o,step:a,customLegends:n}=e,i=[],l=Math.round(r/a),s=Math.round(o/a),c=s-l+1;for(var f=l;f<=s;f++){let p=f*a;p=Math.max(p,r),p=Math.min(p,o);let m=p/o*100+"%";i.push((0,ko.jsx)(v,{className:gi("Label"),id:"Legend-"+t+"-"+f,display:f==l||f==s?"flex":"none",position:"absolute",top:0,unitHeight:1,unitWidth:1.5,transition:"middle",fontColor:"1.clear",verticalAlign:"center",horizontalAlign:"center",freeCSS:{left:m,whiteSpace:"nowrap",textAlign:"center"},children:n?n(p):p.rank()},p))}return(0,sd.useEffect)(()=>{let p=()=>{let m=Re("#Labels-"+t),{width:h}=m.position(),_=Math.round(h/50)-1,S=Math.round(c/_);for(let k=l+1;k<s;k++)Re("#Legend-"+t+"-"+k).css({display:k%S==0?"flex":"none"})};return(0,Ji.default)(window).addEvent({eventID:"SliderResizeCallback-"+t,eventType:"resize",callback:()=>{p()}}),p(),()=>{(0,Ji.default)(window).removeEvent("SliderResizeCallback-"+t)}},[]),(0,ko.jsx)(Ee,{className:gi("Labels"),verticalAlign:"center",horizontalAlign:"between",fontSize:"0.xs",position:"relative",unitHeight:1,id:"Labels-"+t,children:(0,ko.jsx)(v,{position:"absolute",top:0,left:0,bottom:0,freeCSS:{right:12*1.5},children:i})})},Rail:e=>{let{val_status:t,set_status:r,DotData:o,form:a,enableFormSubmit:n}=e,{componentID:i}=t;return(0,ko.jsxs)(Ee,{className:gi("Rail"),position:"relative",paddingLeft:"1/2",unitHeight:1.5,verticalAlign:"center",freeCSS:{minWidth:"10rem",zIndex:1,cursor:"pointer"},onMouseDown:l=>{e.rootStates.disabled||(l.stopPropagation(),Es.Effects.Start(l,{val_status:t,set_status:r,DotData:o}))},onTouchStart:l=>{e.rootStates.disabled||(l.stopPropagation(),Es.Effects.Start(l,{val_status:t,set_status:r,DotData:o}))},children:[(0,ko.jsx)(v,{className:gi("Bar"),backgroundColor:"layer.4",position:"relative",isRounded:!0,transition:"middle",flexSizing:"none",unitHeight:"2/3",width:1,id:i+"_Bar",children:(0,ko.jsx)(v,{className:gi("BarColor"),position:"relative",height:1,width:0,left:0,transition:"long",borderRadius:"inherit",backgroundColor:e.color,opacity:"middle",overflow:"hidden",freeCSS:{width:o.positionLeft},id:i+"_BarColor"})}),(0,ko.jsx)(v,{className:gi("BallWrap"),position:"absolute",top:0,left:0,bottom:0,freeCSS:{right:12*1.5},children:(0,ko.jsx)(H.Plain,{className:gi("Ball"),position:"absolute",backgroundColor:e.color,top:0,left:0,ssSphere:1.5,freeCSS:{zIndex:2,left:o.positionLeft},id:i+"_Ball",onKeyDown:l=>{Es.KeyDownEvent({event:l,val_status:t,set_status:r,DotData:o}),n&&Ge.SubmitForm(l,a)}})})]})}},Es={Effects:{Start:(e,t)=>{(0,Ji.default)(document).addEvent({eventID:"SliderMouseMove",eventType:"mousemove",callback:r=>{Es.Effects.Move(r,t)},options:{passive:!1}}).addEvent({eventID:"SliderTouchMove",eventType:"touchmove",callback:r=>{Es.Effects.Move(r,t)},options:{passive:!1}}).addEvent({eventID:"SliderMouseUp",eventType:"mouseup",callback:()=>{Es.Effects.End()}}).addEvent({eventID:"SliderTouchEnd",eventType:"touchend",callback:()=>{Es.Effects.End()}})},Move:(e,t)=>{let r=Ji.default.getCursor(e).x,{val_status:o,set_status:a}=t,{componentID:n,min:i,max:l}=o,s=Re("#"+n+"_Ball"),c=Re("#"+n+"_Bar"),f=Re("#"+n+"_BarColor"),{width:p,left:m}=c.position(),h=(r-m)/p;h=Math.max(h,0),h=Math.min(h,1);let _=h*l,S=nT({value:_,val_status:o}),k=S.positionLeft,b=S.stepValue;return s.css({left:k}),f.css({width:k}),a(g=>{let y=g.dataValue;return b==y?g:w(d({},g),{dataValue:b,eventType:"update",eventID:Ji.default.uuid.gen()})}),e.preventDefault(),e.stopPropagation(),!1},End:()=>{(0,Ji.default)(document).removeEvent(["SliderMouseMove","SliderTouchMove","SliderMouseUp","SliderTouchEnd"])}},KeyDownEvent:e=>{let{event:t,val_status:r,set_status:o}=e,{min:a,max:n,step:i}=r,{key:l,metaKey:s,ctrlKey:c}=t,f=c||s,p=r.dataValue;l.match(/Arrow/)&&(t.preventDefault(),l.match(/Left|Up/)?f?p=a:p-=i:l.match(/Right|Down/)&&(f?p=n:p+=i),p=Math.max(Math.min(p,n),a),o(m=>w(d({},m),{dataValue:p,eventType:"update",eventID:Ji.default.uuid.gen()})))}},YI=e=>{let t=e,{color:r="theme",required:o,form:a="",legends:{enable:n=!0,custom:i,showAlways:l=!1}={},min:s,max:c,step:f,enableFormSubmit:p,checkValidationAtFirst:m,onValidate:h,onUpdateValue:_,onUpdateValidValue:S,value:k="",className:b,freeCSS:g,wrapStyles:y}=t,C=ge(t,["color","required","form","legends","min","max","step","enableFormSubmit","checkValidationAtFirst","onValidate","onUpdateValue","onUpdateValidValue","value","className","freeCSS","wrapStyles"]),[D,x]=(0,sd.useState)({componentID:e.componentID||"",dataValue:k,min:s,max:c,step:f,eventType:"init",eventID:Ji.default.uuid.gen()}),[P,O]=(0,sd.useState)({ok:!1,notice:[]});Ge.CommonEffects({type:"slider",states:e,val_status:D,set_status:x,val_validate:P,set_validate:O,SystemValidation:$I});let M=nT({value:D.dataValue,val_status:D});return(0,ko.jsx)(fr,{val_status:D,set_status:x,val_validate:P,states:e,children:(0,ko.jsxs)(xe,{gap:"1/2",flexSizing:"auto",className:[gi("Wrap"),b,gi("ShowLegendsAlways_"+l)].join(" "),children:[(0,ko.jsx)(aT.Rail,{rootStates:e,color:r,val_status:D,set_status:x,DotData:M,form:a,enableFormSubmit:p}),!!n&&(0,ko.jsx)(aT.IndicatorLabels,{componentID:D.componentID,min:s,max:c,step:f,customLegends:i})]})})},iT=e=>{let t=d({},e);return(0,ko.jsx)(Jt,{componentID:e.componentID,children:YI,states:Po(t)})};var ri=L(je()),Av=L(it()),Fv=L(ot());function GI(e){let{value:t,states:r}=e,{required:o}=r,a=[];return o&&!t&&a.push({type:"invalid",label:"ON\u306B\u306A\u3063\u3066\u3044\u307E\u305B\u3093"}),{ok:!a.filter(({type:n})=>n=="invalid").length,notice:a}}var KI=e=>{let t=e,{componentID:r,color:o="posi",required:a,form:n,id:i,enableFormSubmit:l,checkValidationAtFirst:s,onChange:c,onKeyDown:f,onValidate:p,onUpdateValue:m,onUpdateValidValue:h,value:_="",icon:S="",appearance:k="material"}=t,b=ge(t,["componentID","color","required","form","id","enableFormSubmit","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","icon","appearance"]),[g,y]=(0,Av.useState)({componentID:e.componentID||"",dataValue:_,eventType:"init",eventID:Fv.default.uuid.gen()}),[C,D]=(0,Av.useState)({ok:!1,notice:[]}),x=!!g.dataValue;return Ge.CommonEffects({type:"switch",states:e,val_status:g,set_status:y,val_validate:C,set_validate:D,SystemValidation:GI}),(0,ri.jsxs)(fr,{val_status:g,set_status:y,val_validate:C,states:e,children:[(0,ri.jsx)(v,d({htmlTag:"input",type:"checkbox","data-component-id":g.componentID,checked:g.dataValue,className:hs("Input"),id:i,onKeyDown:P=>{f&&f(P),l&&Ge.SubmitForm(P,n)},onChange:P=>{let{checked:O}=P.target;C.ok&&D({ok:!1,notice:[]}),y(M=>w(d({},M),{dataValue:O,eventType:"update",eventID:Fv.default.uuid.gen()})),c&&c(P)}},b)),(0,ri.jsx)(vi.Plain,{tabIndex:-1,htmlFor:i,padding:"1/3",transition:"middle",borderRadius:"1.tone.primary",className:hs("Label"),children:(0,ri.jsx)(v,w(d({},k=="applely"?{padding:"1/4",isRounded:!0,backgroundColor:x?o:"layer.5"}:{}),{children:(0,ri.jsxs)(ie.Center,{unitHeight:2.5,position:"relative",freeCSS:{width:12*4.5},children:[k=="material"&&(0,ri.jsx)(v,{position:"absolute",backgroundColor:x?o:"layer.5",isRounded:!0,unitHeight:1,transition:"middle",width:1,opacity:"middle",className:hs("Bar")}),(0,ri.jsx)(v,{position:"absolute",top:0,left:0,backgroundColor:k=="material"&&x?o:"white",transition:"middle",ssSphere:2.5,boxShadow:"1.remark",className:hs("Dot"),children:S&&(0,ri.jsx)(v,{transition:"middle",ssSquare:2,flexCenter:!0,fontColor:k=="applely"&&x?o:"white",children:S})})]})}))})]})},lT=e=>{let t=d({},e);return t.value=!!t.value,t.color=t.color||"theme",(0,ri.jsx)(Jt,{componentID:t.componentID,children:KI,states:t})};var sT=L(je());var cT=e=>(e=d({},e),(0,sT.jsx)(zp,w(d({},e),{isChecker:!0,icon:!0,value:!!e.value,options:[{value:!0,label:e.label}]})));var Zi=L(je()),uT=L(ot()),jp=L(it());var XI=e=>{let t=e,{__sys_segmented_type:r,tone:o,value:a,options:n,onUpdateValue:i,onUpdateValidValue:l,enableFormSubmit:s,checkValidationAtFirst:c,cellStyles:f,cellClassName:p,cellCheckedClassName:m,cellCheckedStyles:h,freeCSS:_,wrapStyles:S}=t,k=ge(t,["__sys_segmented_type","tone","value","options","onUpdateValue","onUpdateValidValue","enableFormSubmit","checkValidationAtFirst","cellStyles","cellClassName","cellCheckedClassName","cellCheckedStyles","freeCSS","wrapStyles"]),[b]=(0,jp.useState)(uT.default.uuid.gen()),[g,y]=(0,jp.useState)(a),[C,D]=(0,jp.useState)(g);return g!=a&&(y(a),D(a)),(0,Zi.jsx)(ys,w(d({options:n,value:C,componentID:b,icon:!1,flexWrap:!1,borderRadius:"2.tone.secondary",position:"relative"},k),{freeCSS:d({whiteSpace:"nowrap"},_),cellStyles:d({flexCenter:!0,ssEffectsOnActive:"push"},f),cellCheckedStyles:d({},h),cellClassName:[p,xp("Label"),xp("Tone_"+r.replace(/\./ig,""))].join(" "),cellCheckedClassName:[m,xp("Checked")].join(" "),tone:"custom",onUpdateValue:i,onUpdateValidValue:x=>{l&&l(x),r=="bottomline"&&D(x.value)}}))},Hp=e=>{let{__sys_segmented_type:t}=e;return t=t||"plain",t=="plain"&&(e=w(d({padding:"1/3",gap:"1/3",ssCardBox:!0,isRounded:!0},e),{cellStyles:d({isRounded:!0,padding:["1/2","3/4"],borderRadius:"inherit",position:"relative"},e.cellStyles),cellCheckedStyles:d({backgroundColor:"theme",boxShadow:"1.normal",fontColor:"white"},e.cellCheckedStyles)})),(0,Zi.jsx)(XI,d({__sys_segmented_type:"plain"},e))},oi=Hp;oi.Cloud=e=>{let t=w(d({__sys_segmented_type:"cloud",padding:"1/3",gap:"1/3",backgroundColor:"cloud"},e),{cellStyles:d({padding:"3/4",borderRadius:"inherit",position:"relative"},e.cellStyles),cellCheckedStyles:d({boxShadow:"1.normal",backgroundColor:"theme",fontColor:"white"},e.cellCheckedStyles)});return(0,Zi.jsx)(Hp,d({},t))},oi.CloudTheme=e=>{let t=d({backgroundColor:"theme.opa.few",fontColor:"theme",__sys_segmented_type:"cloud.theme"},e);return(0,Zi.jsx)(oi.Cloud,d({},t))},oi.CloudMono=e=>{let t=w(d({fontColor:"3.blur",__sys_segmented_type:"cloud.mono"},e),{cellCheckedStyles:d({backgroundColor:"layer.1",fontColor:"1.clear"},e.cellCheckedStyles)});return(0,Zi.jsx)(oi.Cloud,d({},t))},oi.Border=e=>{let t=w(d({backgroundColor:"layer.1",border:"2.normal",overflow:"hidden",gap:0,fontColor:"3.blur",ssLastChildLossBorder:"right",boxShadow:"0.min",__sys_segmented_type:"border"},e),{cellStyles:d({padding:["3/4",1],borderRadius:0,borderRight:"2.normal"},e.cellStyles),cellCheckedStyles:d({backgroundColor:"theme.opa.few",fontColor:"theme"},e.cellCheckedStyles)});return(0,Zi.jsx)(Hp,d({},t))},oi.BorderVivid=e=>{let t=w(d({border:!0,borderColor:"theme",__sys_segmented_type:"border.vivid"},e),{cellStyles:d({borderRight:!0,borderColor:"theme"},e.cellStyles),cellCheckedStyles:d({backgroundColor:"theme",fontColor:"white"},e.cellCheckedStyles)});return(0,Zi.jsx)(oi.Border,d({},t))},oi.Bottomline=e=>{let t=w(d({__sys_segmented_type:"bottomline",gap:0,fontColor:"3.blur"},e),{cellStyles:d({ssEffectsOnActive:"ripple.theme",borderRadius:0,padding:1},e.cellStyles),cellCheckedStyles:d({fontColor:"theme"},e.cellCheckedStyles)});return(0,Zi.jsx)(Hp,d({},t))};var Vp=L(je()),zv=L(it()),dT=L(ot());function QI(e){let{value:t,states:r}=e,{required:o}=r,a=[];return o&&!t&&a.push({type:"invalid",label:"ON\u306B\u306A\u3063\u3066\u3044\u307E\u305B\u3093"}),{ok:!a.filter(({type:n})=>n=="invalid").length,notice:a}}var JI=e=>{let t=e,{componentID:r,required:o,form:a,enableFormSubmit:n,checkValidationAtFirst:i,onChange:l,onKeyDown:s,onValidate:c,onUpdateValue:f,onUpdateValidValue:p,value:m=""}=t,h=ge(t,["componentID","required","form","enableFormSubmit","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value"]),[_,S]=(0,zv.useState)(Ge.DefaultStatus(e.componentID||"",m)),[k,b]=(0,zv.useState)({ok:!1,notice:[]});return Ge.CommonEffects({type:"color",states:e,val_status:_,set_status:S,val_validate:k,set_validate:b,SystemValidation:QI}),(0,Vp.jsx)(fr,{val_status:_,set_status:S,val_validate:k,states:e,children:(0,Vp.jsx)(v,d({htmlTag:"input",type:"color","data-component-id":_.componentID,value:_.dataValue,className:hs("Input"),onKeyDown:g=>{s&&s(g),n&&Ge.SubmitForm(g,a)},onChange:g=>{let{value:y}=g.target;k.ok&&b({ok:!1,notice:[]}),S(C=>w(d({},C),{dataValue:y,eventType:"update",eventID:dT.default.uuid.gen()})),l&&l(g)}},h))})},fT=e=>{let t=w(d(w(d({},Zr(e)),{backgroundColor:"cloud",unitHeight:3}),e),{freeCSS:d({minWidth:108},e.freeCSS)});return(0,Vp.jsx)(Jt,{componentID:e.componentID,children:JI,states:t})};var pT=L(ot());var mT=e=>Pt(void 0,null,function*(){let t=1,r={};return yield pT.default.scope(()=>Pt(void 0,null,function*(){if(se.get("form-process-"+e))return;se.set({["form-process-"+e]:!0});let o=document.activeElement;o&&o.blur();{let a=se.get(["form-data",e].join("-"));if(!a){se.set({["form-process-"+e]:!1});return}for(let[n,i]of Object.entries(a)){if(!i)continue;let l=se.get(i.componentID);l&&l.Refresh&&(yield l.Refresh())}}{let a=se.get(["form-data",e].join("-"));if(!a){se.set({["form-process-"+e]:!1});return}for(let[n,i]of Object.entries(a))i&&(t&=Number(i.validation),r[n]=i.value)}se.set({["form-process-"+e]:!1})})),{valid:!!t,data:r}});var ve;(e=>(e.Plain=l8,e.Hidden=u8,e.TextField=Tr,e.Contenteditable=y8,e.DigitCharacters=S8,e.Time=yi,e.Select=ti,e.Autocomplete=Mp,e.List=O8,e.Radio=ys,e.Checkbox=zp,e.Checker=cT,e.Search=$8,e.Filer=Bv,e.Slider=iT,e.Switch=lT,e.Segmented=oi,e.Color=fT,e.LeftIcon=kc,e.RightIcon=dr,e.LeftIndicator=Lp,e.RightIndicator=Np,e.RequiredSign=Dp,e.RequiredShortSign=Ep,e.OmitSign=Rp,e.CollectForm=mT))(ve||(ve={}));var Up=e=>{let t=e,{tabIndex:r,tabs:o,onTabChange:a,componentDidMount:n}=t,i=ge(t,["tabIndex","tabs","onTabChange","componentDidMount"]);return(0,hT.useEffect)(()=>{n&&n()},[]),(0,Wp.jsx)(Ee,w(d({position:"relative",overflow:"auto",flexWrap:!1},i),{freeCSS:d({zIndex:3,whiteSpace:"nowrap"},i.freeCSS),children:(0,Wp.jsx)(v,{margin:[0,"auto"],children:(0,Wp.jsx)(ve.Segmented.Bottomline,{value:r,fontColor:"inherit",gap:0,override:"force",options:o.map((l,s)=>({value:s,label:l})),onUpdateValidValue:l=>{let s=l.value;a&&a(s)}})})}))};var Hl=L(je());var Et={Table:e=>(0,Hl.jsx)(v,w(d({htmlTag:"table"},e),{border:e.border})),Head:e=>(0,Hl.jsx)(v,d({htmlTag:"thead"},e)),Body:e=>(0,Hl.jsx)(v,d({htmlTag:"tbody"},e)),Row:e=>(0,Hl.jsx)(v,d({htmlTag:"tr"},e)),TH:e=>(0,Hl.jsx)(v,d({htmlTag:"th"},e)),TD:e=>(0,Hl.jsx)(v,d({htmlTag:"td"},e)),RightIndicator:{type:"td",unitWidth:4,children:(0,Hl.jsx)(G.AngleRight,{fontColor:"theme",fontSize:"4.thirdTitle"})}};var Oo=L(je());var Ov=L(je()),_T=L(ot());var gT=(e,t)=>{if(t=="plain")return{};let r={};return e=="drag"&&(r.padding=1),["border","rowBorder","cellBorder"].includes(t)&&(r.borderBottom="2.normal"),["border","cellBorder"].includes(t)&&(r.borderRight="2.normal"),d({padding:"3/4",backgroundColor:"layer.1",transition:"short",textAlign:"center"},r)},dn=e=>{let t={};return e.right&&(t.borderRight="unset"),e.top&&(e.left&&(t.borderTopLeftRadius="inherit"),e.right&&(t.borderTopRightRadius="inherit")),e.bottom&&(t.borderBottom="unset",e.left&&(t.borderBottomLeftRadius="inherit"),e.right&&(t.borderBottomRightRadius="inherit")),t};var Ic=e=>{let t=d({},e),{JSXChildren:r}=t;(!t.tone||t.tone=="auto")&&(t.tone="border",t.type=="drag"&&(t.tone="rowBorder"));let o=w(d({tableID:t.tableID||_T.default.uuid.gen(),tone:t.tone},t),{cellStyles:d(d({},gT(t.type,t.tone)),t.cellStyles)});t.tone!="plain"&&(o=d({backgroundColor:"layer.1",borderRadius:"1.tone.primary"},o));let a=Po(o),{className:n,style:i}=a,l=ge(a,["className","style"]),s=[n,Ze("Wrap"),Ze("TableType_"+t.type),Ze("RowClickable_"+!!o.onRowClick)].join(" ");return(0,Ov.jsx)(v,{className:s,style:i,children:(0,Ov.jsx)(r,d({},l))})};var Mv={HeadRow:e=>{let{cellStyles:t={},cellClassName:r="",cellStylesCallback:o,colLength:a,head:n,rows:i}=e;if(!n)return null;let l=[];return n.forEach((s,c)=>{let f=Et[s.type=="th"?"TH":"TD"],p={top:!0,bottom:!i.length,left:c==0,right:c==a-1,rowIndex:0,colIndex:c,isBody:!1,isHeader:!0},m=dn(p),h=o?o(p):{},_=w(d(d(d(d({},t),m),h),s),{freeCSS:d(d(d({},t.freeCSS),h.freeCSS),s.freeCSS),className:[Ze("Cell"),r,s.className].join(" ")});l.push((0,Oo.jsx)(f,d({},_),c))}),(0,Oo.jsx)(Et.Row,{className:[Ze("Row"),Ze("HeadRow")].join(" "),children:l})},BodyRows:e=>{let{cellStyles:t={},cellClassName:r="",cellStylesCallback:o,head:a,rows:n,colLength:i,onRowClick:l}=e,s=[];return n.forEach((c,f)=>{let p=[];c.forEach((m,h)=>{let _=Et[m.type=="th"?"TH":"TD"],S={top:f==0&&!a,bottom:f==n.length-1,left:h==0,right:h==i-1,rowIndex:f,colIndex:h,isBody:!0,isHeader:!1},k=dn(S),b=o?o(S):{};p.push((0,Oo.jsx)(_,w(d(d(d(d({},t),k),m),b),{freeCSS:d(d(d({},t.freeCSS),b.freeCSS),m.freeCSS),className:[Ze("Cell"),r,m.className].join(" ")}),h))}),s.push((0,Oo.jsx)(Et.Row,{className:[Ze("Row"),Ze("BodyRow")].join(" "),children:p,onClick:m=>{l&&l(c.rowID,m)}},f))}),(0,Oo.jsx)(Oo.Fragment,{children:s})},Normal:e=>(e=d({},e),e.rows=e.rows.map((t,r)=>(t.rowID=t.rowID||r,t)),(0,Oo.jsx)(Et.Table,{className:Ze("Table"),children:(0,Oo.jsxs)(Et.Body,{children:[(0,Oo.jsx)(Mv.HeadRow,d({},e)),(0,Oo.jsx)(Mv.BodyRows,d({},e))]})}))},vT=e=>(0,Oo.jsx)(Ic,w(d({type:"normal"},e),{JSXChildren:Mv.Normal}));var $t=L(je()),Ac=L(it()),Pc=L(ot());var Hv=L(kT());var Vv={HeadRow:e=>{let{cellStyles:t={},cellClassName:r="",cellStylesCallback:o,colLength:a,head:n,rows:i}=e;if(!n)return null;let l=[];for(let s=0;s<a;s++){let c=n[s],f=Et[c.type=="th"?"TH":"TD"],p={top:!0,bottom:!i.length,left:s==0,right:s==a-1,rowIndex:0,colIndex:s,isBody:!1,isHeader:!0},m=dn(p),h=o?o(p):{};l.push((0,$t.jsx)(f,w(d(d(d(d({},t),m),c),h),{freeCSS:d(d(d({},t.freeCSS),h.freeCSS),c.freeCSS),className:[Ze("Cell"),r,c.className].join(" ")}),s))}return(0,$t.jsx)(Et.Row,{className:[Ze("Row"),Ze("HeadRow")].join(" "),children:l})},BodyRows:e=>{let{cellStyles:t={},cellClassName:r="",cellStylesCallback:o,head:a,rows:n,colLength:i,onOrderChanged:l}=e,[s]=(0,Ac.useState)(Pc.default.uuid.gen()),[c,f]=(0,Ac.useState)({rows:n,origin:0,to:NaN}),p=[];if(c.rows.forEach((m,h)=>{let _=[];{let S={top:h==0&&!a,bottom:h==n.length-1,left:!0,right:!1,rowIndex:h,colIndex:0,isBody:!0,isHeader:!1},k=dn(S),b=o?o(S):{};_.push((0,$t.jsx)(Et.TH,w(d(d(d({padding:0,borderRight:!0},t),k),b),{freeCSS:d(d({},t.freeCSS),b.freeCSS),className:[Ze("Cell"),Ze("Draggable"),r].join(" "),children:(0,$t.jsx)(H.Clear,{className:Ze("DragableButton"),fontColor:"4.thin",fontSize:"3.paragraph",margin:"auto",ssSphere:3,tabIndex:-1,onMouseDown:g=>{Bc.Start(g,{id:s,index:h,rows:c.rows,maxLength:n.length})},onTouchStart:g=>{Bc.Start(g,{id:s,index:h,rows:c.rows,maxLength:n.length})},children:(0,$t.jsx)(G,{icon:Hv.faGripVertical})})}),"DragOrigin"))}m.forEach((S,k)=>{S=d({},S);let b=Et[S.type=="th"?"TH":"TD"],g={top:!!a&&!a.length,bottom:h==n.length-1,left:!1,right:k==i-2,rowIndex:h,colIndex:k,isBody:!0,isHeader:!1},y=dn(g),C=o?o(g):{};_.push((0,$t.jsx)(b,w(d(d(d(d({},t),y),S),C),{freeCSS:d(d(d({},t.freeCSS),C.freeCSS),S.freeCSS),className:[Ze("Cell"),r,S.className].join(" ")}),k))}),p.push((0,$t.jsx)(Et.Row,{id:"TableRow-"+s+"-"+h,className:[Ze("Row"),Ze("BodyRow")].join(" "),children:_},h))}),!isNaN(c.to)){let{origin:m,to:h}=c,_=[];_.push((0,$t.jsx)(Et.TH,{backgroundColor:"theme.opa.low",padding:0,borderRight:"2.normal",className:[Ze("Cell"),Ze("Draggable"),r].join(" "),children:(0,$t.jsx)(G.ArrowRight,{fontColor:"theme"})},"dragButton")),c.rows[m].forEach((S,k)=>{S=d({},S);let b=Et[S.type=="th"?"TH":"TD"],g={top:!1,bottom:!1,left:!1,right:!1,rowIndex:-1,colIndex:-1,isBody:!0,isHeader:!1},y=dn(g),C=o?o(g):{};_.push((0,$t.jsx)(b,w(d(d(w(d({className:[Ze("Cell"),r,S.className].join(" ")},y),{backgroundColor:"theme.opa.low"}),C),S),{freeCSS:d(d(d({},t.freeCSS),C.freeCSS),S.freeCSS)})))}),p.splice(h,0,(0,$t.jsx)(Et.Row,{className:[Ze("Row"),Ze("Pre")].join(" "),children:_},"preSet"))}return(0,Ac.useEffect)(()=>{se.set({[s]:{swap:(m,h)=>{if(h||h==0){let _=c.rows[m],S=[...c.rows];S.splice(m,1),S.splice(h-(m<h?1:0),0,_),f({rows:S,origin:0,to:NaN}),l(S.map(k=>JSON.parse(k.rowID)))}},preSet:m=>{let{origin:h,index:_}=m;f({rows:c.rows,origin:h,to:_})}}})}),(0,Ac.useEffect)(()=>()=>{se.delete(s)},[]),(0,$t.jsx)($t.Fragment,{children:p})},Drag:e=>(e=d({},e),e.colLength=e.colLength+1,e.head&&(e.head=[{children:(0,$t.jsx)(H.Clear,{ssSphere:3,fontSize:"3.paragraph",fontColor:"theme",onMouseOver:t=>{yt.open({parent:t.currentTarget,content:(0,$t.jsxs)(yt.Body,{children:[(0,$t.jsx)(G,{icon:Hv.faGripVertical}),"\u30DC\u30BF\u30F3\u3092\u30C9\u30E9\u30C3\u30B0\u3057\u3066\u9806\u5E8F\u3092\u5909\u66F4"]})})},children:(0,$t.jsx)(G.QuestionCircle,{})}),padding:[0,1],unitWidth:4},...e.head]),e.rows=e.rows.map((t,r)=>(t.rowID=JSON.stringify(t.rowID||r),t)),(0,$t.jsx)(Et.Table,{className:Ze("Table"),children:(0,$t.jsxs)(Et.Body,{children:[(0,$t.jsx)(Vv.HeadRow,d({},e)),(0,$t.jsx)(Vv.BodyRows,d({},e))]})}))},TT=e=>(0,$t.jsx)(Ic,w(d({type:"drag"},e),{JSXChildren:Vv.Drag})),Bc={Start:function(e,t){return Pt(this,null,function*(){e.stopPropagation(),e.preventDefault();let{id:r,index:o,rows:a,maxLength:n}=t;Re("#TableRow-"+r+"-"+o).addClass(Ze("DraggerOrigin")),(0,Pc.default)(document).addEvent({eventID:"DragMouseMove",eventType:"mousemove",callback:i=>{Bc.Move(i,t)},options:{passive:!1}}).addEvent({eventID:"DragTouchMove",eventType:"touchmove",callback:i=>{Bc.Move(i,t)},options:{passive:!1}}).addEvent({eventID:"DragMouseUp",eventType:"mouseup",callback:i=>{Bc.End(i,t)}}).addEvent({eventID:"DragTouchEnd",eventType:"touchend",callback:i=>{Bc.End(i,t)}})})},Move:function(e,t){let{id:r,maxLength:o}=t,a=Pc.default.getCursor(e).y-Pc.default.getScreenSize().scrollY;for(let n=0;n<o;n++){let i=Re("#TableRow-"+r+"-"+n),{top:l,bottom:s,height:c}=i.position();n==0&&a<l?t.insertIndex=0:n===o-1&&s<=a?t.insertIndex=o:a>=l&&a<s&&(t.insertIndex=n+1)}{let{index:n,insertIndex:i}=t,l=se.get(r);l&&l.preSet&&l.preSet({origin:n,index:i})}return e.stopPropagation(),e.preventDefault(),!1},End:function(e,t){let{id:r,index:o,insertIndex:a}=t,n=se.get(r);n&&n.swap&&n.swap(o,a),Re("#TableRow-"+r+"-"+o).removeClass(Ze("DraggerOrigin")),(0,Pc.default)(document).removeEvent(["DragMouseMove","DragTouchMove","DragMouseUp","DragTouchEnd"])}};var Oe=L(je()),Rs=L(it()),to=L(ot());var BT=L(C_()),AT=L(T_()),FT=L(S_()),zT=L(PT());var el={__memoryID:to.default.uuid.gen(),Header:e=>{var t,r;let{val_status:o,set_status:a,KeywordFilterRows:n}=d({},e),{order:i,filter:l}=o,[s,c]=i.current,f=[],p=[...o.head];if(o.checker){let m={top:!0,bottom:!o.rows.length,left:!0,right:!o.colLength,rowIndex:0,colIndex:0,isBody:!1,isHeader:!0},h=dn(m),_=o.cellStylesCallback?o.cellStylesCallback(m):{};f.push((0,Oe.jsx)(Et.TH,w(d(d(d({fontWeight:"2.normal",position:"sticky",top:0,unitWidth:4,padding:0},o.cellStyles),h),_),{freeCSS:w(d(d({},(t=o.cellStyles)==null?void 0:t.freeCSS),_.freeCSS),{zIndex:2}),className:[Ze("Cell"),o.cellClassName].join(" "),children:(0,Oe.jsx)(v,{flexCenter:!0,children:(0,Oe.jsx)(ve.Checker,{label:null,value:!1,onUpdateValidValue:({value:S})=>{let k=o.rows;k.forEach(b=>{b.checked=S}),a(w(d({},o),{rows:k}))}})})}),-1))}for(let m=0;m<o.colLength;m++){let h=p[m];if(!h)continue;let _=h.children||h.data,S=i.enabled&&i.column[m],k=l.enabled&&l.column[m],b=S?(0,Oe.jsx)(G,{fontSize:"1.mini",fontColor:m==s?"1.clear":"5.translucent",icon:m==s?c=="DESC"?AT.faArrowDown:BT.faArrowUp:FT.faArrowRight}):null,g=(0,Oe.jsx)(Oe.Fragment,{});if(k){let x=n.map(O=>{var M;return(M=O[m])==null?void 0:M.data});x=[...new Set(x)].order({direction:"ASC"});let P=l.current[m];if(P){let O=x.filter(ee=>!P.includes(ee)),M=[];x.forEach(ee=>{ee&&M.push({value:ee,label:(0,Oe.jsx)(v,{flexSizing:"auto",children:ee})})});let V="BUTTON-"+o.componentID+"-"+m,J=o.componentID+"-"+m,K={sheetID:J,parent:"#"+V,gravityPoint:23,type:"custom",content:(0,Oe.jsxs)(Ee,{flexType:"col",border:!0,boxShadow:"3.remark",backgroundColor:"layer.1",borderRadius:1,freeCSS:{minWidth:12*20,maxWidth:12*30},children:[(0,Oe.jsx)(xe,{gap:"1/3",overflow:"auto",padding:"2/3",freeCSS:{maxHeight:12*30},children:(0,Oe.jsx)(ve.Checkbox,{icon:!0,value:O,display:"flex",gap:"1/2",override:"force",options:M,hideInput:!0,name:"DTFilter-col-"+m+"-table-"+o.componentID,onUpdateValidValue:({value:ee})=>{let _e=x.filter(N=>!ee.includes(N)),Ce=d({},o);Ce.filter.current[m]=_e,a(Ce)}})}),(0,Oe.jsxs)(ie.Separate,{gap:"2/3",padding:"2/3",horizontalAlign:"right",children:[(0,Oe.jsx)(H.Border.S,{isRounded:!0,onClick:()=>{Ve.close(J)},children:"\u9589\u3058\u308B"}),(0,Oe.jsx)(H.Prime.S,{color:"theme",isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{let ee=[];P.length||(ee=x);let _e=d({},o);_e.filter.current[m]=ee,a(_e)},children:"\u5168\u9078\u629E"})]})]})};Ve.refresh(K,!0),g=(0,Oe.jsx)(v,{className:Ze("FilterRegion"),children:(0,Oe.jsx)(H.Sub.S,{ssSphere:2.5,fontSize:"1.mini",className:Ze("Filtering_"+!!P.length),id:V,onClick:ee=>{ee.stopPropagation(),Ve.open(K)},children:(0,Oe.jsx)(G,{icon:zT.faFilter})})})}}let y={top:!0,bottom:!o.rows.length,left:o.checker?!1:m==0,right:m==o.colLength-1,rowIndex:0,colIndex:m,isBody:!1,isHeader:!0},C=dn(y),D=o.cellStylesCallback?o.cellStylesCallback(y):{};h=w(d(d(d(d({},o.cellStyles),C),h),D),{ssPushable:S,freeCSS:d(d(d({},(r=o.cellStyles)==null?void 0:r.freeCSS),D.freeCSS),h.freeCSS),className:[Ze("Cell"),o.cellClassName,h.className].join(" ")}),delete h.orderIndex,f.push((0,Oe.jsx)(Et.TH,w(d({fontWeight:"2.normal",position:"sticky",top:0},h),{freeCSS:d({zIndex:2},h.freeCSS),onClick:x=>{if(S){let P=d({},o),O=[m,s===m&&c=="ASC"?"DESC":"ASC"];P.order.current=O,a(P),o.onOrderChanged&&o.onOrderChanged(O)}},children:(0,Oe.jsxs)(Ee,{flexType:"row-r",flexWrap:!1,height:1,borderRadius:"inherit",flexCenter:!0,children:[g,(0,Oe.jsxs)(Ee,{flexSizing:0,position:"relative",borderRadius:"inherit",gap:"1/2",flexWrap:!1,verticalAlign:"center",horizontalAlign:"center",children:[b,_]})]})}),m))}return(0,Oe.jsx)(Et.Row,{className:[Ze("Row"),Ze("HeadRow")].join(" "),children:f})},Body:e=>{let{val_status:t,PageRows:r}=e,o=[];if(r.forEach((a,n)=>{var i;let l=[...a],s=[];if(t.checker){let c={top:n==0&&!t.head,bottom:n==r.length-1,left:!0,right:!t.colLength,rowIndex:n,colIndex:0,isBody:!0,isHeader:!1},f=dn(c),p=t.cellStylesCallback?t.cellStylesCallback(c):{};s.push((0,Oe.jsx)(Et.TH,w(d(d(d({unitWidth:4,padding:0,borderRight:!0},t.cellStyles),f),p),{freeCSS:d(d({},(i=t.cellStyles)==null?void 0:i.freeCSS),p.freeCSS),className:[Ze("Cell"),t.cellClassName].join(" "),children:(0,Oe.jsx)(v,{flexCenter:!0,children:(0,Oe.jsx)(ve.Checker,{label:null,value:a.checked,override:"force",onUpdateValidValue:({value:m})=>{let h=t.rows,_=h.findIndex(S=>to.default.JsonTo(S.rowID)==to.default.JsonTo(a.rowID));_!=-1&&(h[_].checked=m,e.set_status(S=>w(d({},S),{rows:h})))}})})}),-1))}l.forEach((c,f)=>{var p;if(!c)return;let m=c,{type:h="td"}=m,_=ge(m,["type"]),S={top:n==0&&!t.head,bottom:n==r.length-1,left:t.checker?!1:f==0,right:f==t.colLength-1,rowIndex:n,colIndex:f,isBody:!0,isHeader:!1},k=dn(S),b=t.cellStylesCallback?t.cellStylesCallback(S):{};_=w(d(d(d(d({},t.cellStyles),k),_),b),{freeCSS:d(d(d({},(p=t.cellStyles)==null?void 0:p.freeCSS),_.freeCSS),b.freeCSS),className:[Ze("Cell"),t.cellClassName,_.className].join(" ")}),delete _.orderIndex;let g=Et[h=="td"?"TD":"TH"];s.push((0,Oe.jsx)(g,d({},_),f))}),o.push((0,Oe.jsx)(Et.Row,{className:[Ze("Row"),Ze("BodyRow")].join(" "),children:s,onClick:c=>{t.onRowClick&&t.onRowClick(a.rowID,c)}},n))}),!r.length){let a=(0,Oe.jsx)(v,{padding:2,fontColor:"4.thin",textAlign:"center",borderTop:"1.thin",children:"\u30C6\u30FC\u30D6\u30EB\u304C\u3042\u308A\u307E\u305B\u3093"});t.noRecords&&(a=(0,Oe.jsx)(Oe.Fragment,{children:t.noRecords})),o.push((0,Oe.jsx)(Et.Row,{className:[Ze("Row"),Ze("BodyRow"),Ze("DataNotFound")].join(" "),children:(0,Oe.jsx)(Et.TD,{colSpan:t.colLength,className:Ze("Cell"),children:a})},"dataNotFound"))}return(0,Oe.jsx)(Oe.Fragment,{children:o})},Core:e=>{let{val_status:t,set_status:r}=e,{searchKeyword:o,filter:a,order:n,paging:i}=t,l=[...t.rows],s=[...t.rows],c=[...t.rows],f=[...t.rows];if(o&&(s=l.filter(h=>(h.__sys4SearchKey||"").match(new RegExp(o,"i"))?1:0),c=[...s],f=[...s]),a.enabled)for(let h=0;h<t.colLength;h++){let _=a.column[h],S=a.current[h];_&&S&&S.length&&(c=c.filter(k=>!S.includes(k[h].data)),f=[...c])}n.enabled&&(c=c.order({direction:n.current[1],keys:[n.current[0],"orderIndex"]}),f=[...c]);{let{currentPageIndex:h,rowLength:_}=i;f=[...f].splice((h-1)*_,_)}let p=el.__memoryID+"_"+t.tableID,m={rows:{total:l.length,page:f.length,filtered:c.length},val_status:w(d({},t),{paging:w(d({},t.paging),{pageLength:Math.ceil(c.length/t.paging.rowLength)})}),set_status:r};return se.update({[p]:{getRowData:()=>{let h=[...l];return n.enabled&&(h=h.order({direction:n.current[1],keys:[n.current[0],"orderIndex"]})),h.forEach(_=>{_.currentPage=!1,_.filtered=!1}),f.forEach(_=>{let{rowID:S}=_;h.find(k=>to.default.JsonTo(k.rowID)==to.default.JsonTo(S)).currentPage=!0}),c.forEach(_=>{let{rowID:S}=_;h.find(k=>to.default.JsonTo(k.rowID)==to.default.JsonTo(S)).filtered=!0}),h}}}),(0,Rs.useEffect)(()=>{Dn.release(t.tableID,m)}),(0,Oe.jsx)(v,{className:Ze("TableBase"),children:(0,Oe.jsx)(Et.Table,{className:Ze("Table"),children:(0,Oe.jsxs)(Et.Body,{children:[(0,Oe.jsx)(el.Header,{val_status:t,set_status:r,KeywordFilterRows:s}),(0,Oe.jsx)(el.Body,{val_status:t,set_status:r,PageRows:f})]})})},o)},Propagations:{},DataLeveler:e=>{var t,r;return e=d({},e),e.filter=(t=e.filter)!=null?t:!1,e.filter=Array.from({length:e.colLength}).map((o,a)=>{var n;return to.default.is.boolean(e.filter)?e.filter:(n=e.filter[a])!=null?n:!1}),e.order=(r=e.order)!=null?r:!0,e.order=Array.from({length:e.colLength}).map((o,a)=>{var n;return to.default.is.boolean(e.order)?e.order:(n=e.order[a])!=null?n:!0}),e=d({checker:!1,searchKeyword:"",filter:!1,order:!0,defaultOrder:[0,"ASC"]},e),e.rows.forEach((o,a)=>{o.rowID=o.rowID||a;let n=[];o.forEach((i,l)=>{let{data:s,children:c,orderIndex:f}=i;i.orderIndex=to.default.is.exist(f)?String(f):String(s),i.children=c||String(s),n.push(String(i.data))}),o.__sys4SearchKey=n.join("/")}),(0,Oe.jsx)(el.StateManager,d({},e))},StateManager:e=>{let{colLength:t,checker:r=!1,searchKeyword:o="",filter:a,order:n,defaultOrder:i=[0,"ASC"],pageRowLength:l=30}=e,[s]=(0,Rs.useState)(to.default.uuid.gen()),c={tableID:e.tableID||s,componentID:s,colLength:t,checker:r,searchKeyword:o,filter:{enabled:a!==!1,column:a,current:Array.from({length:t},()=>[])},order:{enabled:n!==!1,column:n,current:i},paging:{rowLength:l,pageLength:Math.ceil(e.rows.length/l),currentPageIndex:1},head:e.head,rows:e.rows,noRecords:e.noRecords,cellStyles:e.cellStyles||{},cellClassName:e.cellClassName||"",cellStylesCallback:e.cellStylesCallback,onRowClick:e.onRowClick,onOrderChanged:e.onOrderChanged},[f,p]=(0,Rs.useState)(c);return(0,Rs.useEffect)(()=>{p(m=>w(d({},m),{rows:c.rows}))},[to.default.JsonTo(c.rows)]),(0,Rs.useEffect)(()=>{p(m=>w(d({},m),{head:c.head}))},[to.default.JsonTo(c.head)]),(0,Oe.jsx)(el.Core,{val_status:f,set_status:p})}},ZI={__memoryID:el.__memoryID,getRowData:e=>{let t=se.get(el.__memoryID+"_"+e);if(t!=null&&t.getRowData)return t.getRowData()}},qp={SearchInput:e=>{let t=Dn.catch(e.tableID);if(!t)return null;let{val_status:r,set_status:o}=t;return(0,Oe.jsx)(ve.TextField,{label:"\u691C\u7D22...",clearButton:!0,padding:"2/3",paddingRight:3,rightIcon:(0,Oe.jsx)(ve.RightIcon,{ssSphere:2,fontColor:"5.translucent",right:"2/3",children:(0,Oe.jsx)(G.Search,{})}),value:r.searchKeyword,onUpdateValidValue:({value:a})=>{e.onChange(a),to.default.interval.clear("InputSearchTime"),to.default.interval.standBy("InputSearchTime",200,()=>{o(n=>w(d({},n),{paging:w(d({},n.paging),{currentPageIndex:1}),filter:w(d({},n.filter),{current:Array.from({length:n.colLength},()=>[])}),searchKeyword:a}))})}})},Info:e=>{let t=Dn.catch(e.tableID);if(!t)return null;let{val_status:r,set_status:o}=t,a=t.rows.filtered.ratio(t.rows.total)||0;return(0,Oe.jsxs)(Ee,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[(0,Oe.jsx)(Nr,{fontSize:"4.thirdTitle",fontColor:"theme",children:t.rows.filtered.toLocaleString()}),"/ ",t.rows.total.toLocaleString(),"\u4EF6 (",a,"%)"]})},Paging:e=>{let t=Dn.catch(e.tableID);if(!t)return null;let{val_status:r,set_status:o}=t,a=[];for(let i=0;i<r.paging.pageLength;i++)a.push({value:i+1,label:(i+1).toString()});let n=i=>{let l=Math.min(Math.max(1,i),r.paging.pageLength),s=d({},r);s.paging.currentPageIndex=l,o(c=>w(d({},c),{paging:w(d({},c.paging),{currentPageIndex:l})}))};return(0,Oe.jsxs)(ie.Center,{children:[(0,Oe.jsxs)(ie.Center,{gap:"1/2",children:[(0,Oe.jsx)(ve.Select,{label:"\u9805",freeCSS:{minWidth:12*3},emptySelect:!1,padding:["1/3","2/3"],rightIcon:!1,override:"force",value:r.paging.currentPageIndex,options:a,SelectorGravityPoint:24,onUpdateValidValue:({value:i})=>{n(i)}}),"/ ",r.paging.pageLength]}),(0,Oe.jsxs)(ie.Right,{gap:"1/2",children:[(0,Oe.jsx)(H.Sub,{ssSphere:3,onClick:()=>{if(r.paging.currentPageIndex==1){n(r.paging.pageLength);return}n(r.paging.currentPageIndex-1)},children:(0,Oe.jsx)(G.ChevronLeft,{})}),(0,Oe.jsx)(H.Sub,{ssSphere:3,onClick:()=>{if(r.paging.currentPageIndex==r.paging.pageLength){n(1);return}n(r.paging.currentPageIndex+1)},children:(0,Oe.jsx)(G.ChevronRight,{})})]})]})},RowLength:e=>{let t=Dn.catch(e.tableID);if(!t)return null;let{val_status:r,set_status:o}=t,a=r.paging.rowLength,n=0,i=e.lengthSelect.map(l=>(n|=+(l==a),{value:l,label:l.toString()}));return n||i.push({value:a,label:a.toString()}),i=i.order({direction:"ASC",keys:["value"]}),(0,Oe.jsx)(ie.Center,{gap:"1/2",children:(0,Oe.jsx)(ve.Select,{label:"\u4EF6\u6570",emptySelect:!1,rightIcon:!1,override:"force",padding:["1/3","2/3"],value:r.paging.rowLength,options:i,SelectorGravityPoint:24,onUpdateValidValue:({value:l})=>{o(s=>w(d({},s),{paging:{rowLength:Number(l),currentPageIndex:1,pageLength:Math.ceil(t.rows.filtered/Number(l))}}))}})})}},eP=e=>(0,Oe.jsx)(Ic,w(d({},e),{type:"data",JSXChildren:el.DataLeveler})),Vl=eP;Vl.__memoryID=el.__memoryID,Vl.getRowData=ZI.getRowData,Vl.Info=qp.Info,Vl.Paging=qp.Paging,Vl.RowLength=qp.RowLength,Vl.SearchInput=qp.SearchInput;var ro;(e=>(e.Normal=vT,e.Data=Vl,e.Drag=TT,e.Parts=Et))(ro||(ro={}));var Uv=L(je()),cd=L(ot());var nn={uid:cd.default.uuid.gen(),open:(e,t,r=24,o=.35)=>{e&&(cd.default.interval.clear(nn.uid),cd.default.interval.standBy(nn.uid,o*1e3,()=>{yt.open({tipsID:nn.uid,parent:e,gravityPoint:r||24,padding:"1/2",content:(0,Uv.jsx)(yt.Body,{padding:"1/2",borderRadius:"3.tone.tertiary",children:(0,Uv.jsx)(ce.Supplement,{children:t})})})}))},abort:()=>{cd.default.interval.clear(nn.uid),yt.close(nn.uid)}};var ke=L(je()),ar=L(ot());var ai=L(it());var f7=L(UT()),p7=L(QT()),m7=L(a7()),h7=L(d7());var Kv=class{constructor(t){this.set_scale=t.set_scale,this.val_file=t.val_file,this.develops=t.develops,this.use=t.use,this.componentID=t.componentID,this.scale={current:t.scale.default,default:t.scale.default,min:t.scale.min,max:t.scale.max};let r=t.canvas;this.Canvas={elm:r,ctx:r.getContext("2d")};let o=t.picture.image,{width:a,height:n}=o,i=a/n;this.Picture={elm:o,originDataUrl:o.src,aspect:i,revisedAspect:1,rotate:t.picture.rotate,grayScale:t.picture.grayScale,tone:t.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:a/2,imageY:n/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 t=this.Canvas.elm,r=this.Picture.elm,o=0,a=0;if(this.use=="square"){let f=t.width/3*2,p=t.height/3*2;o=Math.min(f,p),a=o}else this.use=="wallpaper.horizontal"?(o=t.width*(7/9),a=o/3):this.use=="wallpaper.vertical"&&(a=t.height*(7/9),o=a/2);let{width:n,height:i}=r,l=(t.width-o)/2,s=(t.height-a)/2,c=o/a;this.pst={frame:{x:l,y:s,w:o,h:a,aspect:c},outImage:{x:0,y:0,w:0,h:0},imageX:n/2,imageY:i/2,centerX:t.width/2,centerY:t.height/2}}dragEffect(t){let{eventType:r,x:o,y:a}=t;if(r=="start"){let n=this.Canvas.elm.position();this.dragEffectInfo={origin:{x:o,y:a},frameExpandRate:{x:this.Canvas.elm.width/n.width,y:this.Canvas.elm.height/n.height}}}else{let{origin:n,frameExpandRate:i}=this.dragEffectInfo,l=n.x-o,s=n.y-a,c=this.scale.current*this.Picture.revisedAspect/100,f=l/c*i.x,p=s/c*i.y;r=="move"?this.drawImage(this.pst.imageX+f,this.pst.imageY+p):r=="end"&&this.drawImage(this.pst.imageX+=f,this.pst.imageY+=p)}}pinchEffect(t){let{eventType:r,event:o}=t,{x:a,y:n}=ar.default.getCursor(o.touches[0]),{x:i,y:l}=ar.default.getCursor(o.touches[1]),s=i-a,c=l-n;if(r=="start")this.pinchEffectInfo.origin={x:s,y:c,scale:this.scale.current};else if(r=="move"){let{origin:f}=this.pinchEffectInfo,p=Math.sqrt(Math.pow(f.x,2)+Math.pow(f.y,2)),m=Math.sqrt(Math.pow(s,2)+Math.pow(c,2))/p,h=Number(f.scale*m);this.set_scale(h)}}updateScale(t){let r=t;r=Math.max(r,this.scale.min),r=Math.min(r,this.scale.max),this.scale.current=r,this.drawImage()}updateFilter(t){this.Picture.grayScale=t.grayScale,this.Picture.tone=t.tone,this.Picture.rotate=t.rotate,this.modifyImage()}modifyImage(){return Pt(this,null,function*(){let{grayScale:t,tone:r,rotate:o}=this.Picture,a=document.createElement("canvas"),n=a.getContext("2d"),i=yield ar.default.ImageLoader(this.Picture.originDataUrl),l=i.width,s=i.height;(o==90||o==270)&&(l=i.height,s=i.width),a.width=l,a.height=s,t&&(n.filter="grayscale("+t+"%)"),o&&(n.translate(l/2,s/2),n.rotate(o*Math.PI/180),[90,270].includes(o)?n.translate(-s/2,-l/2):n.translate(-l/2,-s/2)),n.drawImage(i,0,0,i.width,i.height);let c=n.getImageData(0,0,a.width,a.height),f=c.data;{t/=100;let _=[[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]][r],S=_[0]/255,k=_[1]/255,b=_[2]/255;for(let g=0;g<s;g++)for(let y=0;y<l;y++){var p=(g*l+y)*4;if(t){let C=.3*f[p]+.59*f[p+1]+.11*f[p+2];for(var m=0;m<3;m++){let D=f[p+m];f[p+m]=D+(C-D)*t}}f[p]*=S,f[p+1]*=k,f[p+2]*=b}}n.putImageData(c,0,0);let h=a.toDataURL("image/jpeg");{let _=yield ar.default.ImageLoader(h),{width:S,height:k}=_,b=S/k;this.Picture=w(d({},this.Picture),{elm:_,aspect:b,revisedAspect:this.pst.frame.aspect>b?this.pst.frame.w/S:this.pst.frame.h/k})}this.drawImage()})}drawImage(t,r){let{use:o,Canvas:{ctx:a,elm:n},pst:{frame:i}}=this,l=t||this.pst.imageX,s=r||this.pst.imageY;{let c=this.scale.current/100,f=this.Picture.revisedAspect*c,p=this.pst.centerX-l*f,m=this.pst.centerY-s*f,h=this.Picture.elm.width*f,_=this.Picture.elm.height*f;{let S=this.pst.frame.x+this.pst.frame.w-h,k=this.pst.frame.x,b=this.pst.frame.y+this.pst.frame.h-_,g=this.pst.frame.y,y=0;p<S&&(y=p-S),p>k&&(y=p-k);let C=0;m<b&&(C=m-b),m>g&&(C=m-g),this.dragEffectInfo.origin.x+=y/2/this.dragEffectInfo.frameExpandRate.x,this.dragEffectInfo.origin.y+=C/2/this.dragEffectInfo.frameExpandRate.y,p=Math.min(Math.max(p,S),k),m=Math.min(Math.max(m,b),g)}this.pst.outImage={x:p,y:m,w:h,h:_},a.clearRect(0,0,this.Canvas.elm.width,this.Canvas.elm.height),a.drawImage(this.Picture.elm,0,0,this.Picture.elm.width,this.Picture.elm.height,p,m,h,_)}{if(o=="square"){a.fillStyle="rgba( 20,24,20,.3 )",a.beginPath();let f=n.width/3*2,p=n.height/3*2,m=Math.min(f,p),h=Math.max(f,p);a.arc(n.width/2,n.height/2,h,0,Math.PI*2,!0),a.arc(n.width/2,n.height/2,m/2,0,Math.PI*2,!1),a.closePath(),a.fill()}else(o=="wallpaper.horizontal"||o=="wallpaper.vertical")&&(a.fillStyle="rgba( 20,24,20,.3 )");a.beginPath(),a.moveTo(0,0),a.lineTo(n.width,0),a.lineTo(n.width,n.height),a.lineTo(0,n.height),a.lineTo(0,0),a.closePath(),a.lineTo(i.x,i.y),a.lineTo(i.x,i.y+i.h),a.lineTo(i.x+i.w,i.y+i.h),a.lineTo(i.x+i.w,i.y),a.lineTo(i.x,i.y),a.fill();let c=(0,ar.default)(document.body).getStyleProperty("--color-theme-hsl");a.lineWidth=4,a.strokeStyle=`hsla( ${c},1 )`,a.strokeRect(i.x,i.y,i.w,i.h)}}export(){return Pt(this,null,function*(){let{Canvas:t,develops:r,Picture:o,pst:{outImage:a,frame:n}}=this,i=a.w/o.elm.width,l=a.h/o.elm.height,s=(n.x-a.x)/i,c=(n.x-a.x+n.w)/i,f=(n.y-a.y)/l,p=(n.y-a.y+n.h)/l,m=Array.from({length:r.length}),h="image/jpeg";for(let _=0;_<r.length;_++){let{size:S,maxSize:k}=r[_];k=k||{S:1024*20,R:1024*100,L:1024*350}[S];let b={S:140,R:600,L:1200}[S],g=b;this.use=="wallpaper.horizontal"?g=b/3:this.use=="wallpaper.vertical"&&(g=b*2);let y=document.createElement("canvas");y.width=b,y.height=g;let C=y.getContext("2d");if(!C)return;C.clearRect(0,0,b,g),C.drawImage(this.Picture.elm,s,f,c-s,p-f,0,0,b,g);let D=y.toDataURL(h),x=yield D.toBlob(h);if(!x)return;if(x.size>=k){let O=k/x.size;if(D=y.toDataURL(h,O*.92),x=yield D.toBlob(h),!x)return}let P=new File([x],this.val_file.name,{type:h});m[_]=P}return m})}},g7={Core:e=>{let{val_file:t,options:r,finishedCallback:o,abortCallback:a}=e,{use:n,develops:i=[]}=r,[l]=(0,ai.useState)(ar.default.uuid.gen()),s={scale:{default:120,min:100,max:400},rotate:0,grayScale:0,tone:0},[c,f]=(0,ai.useState)(s.scale.default),[p,m]=(0,ai.useState)(s.rotate),[h,_]=(0,ai.useState)(s.grayScale),[S,k]=(0,ai.useState)(s.tone);return(0,ai.useEffect)(()=>{let b="CropperResize";return(0,ar.default)(window).addEvent({eventType:"resize",eventID:b,callback:()=>{ar.default.interval.clear("CropperResize"),ar.default.interval.standBy("CropperResize",200,()=>{var g;let y=Re("#Canvas-"+l)[0];if(!y)return;let C=(g=se.get(l))==null?void 0:g.Instance;if(!C)return;let D=y.position(),x=D.width/D.height;y.width=2400,y.height=2400/x;let{width:P,height:O}=y;C.pst.centerX=P/2,C.pst.centerY=O/2,C.frameSizing(),C.modifyImage()})}}),()=>{(0,ar.default)(window).removeEvent(b)}},[]),(0,ai.useEffect)(()=>{se.set({[l]:{}}),Pt(void 0,null,function*(){yr.fn.corner.active(),yield ar.default.pending(()=>{},400);let{target:b}=yield t.convert();if(!b)return;let g=b.result,y=Re("#Canvas-"+l)[0];if(!y)return;let C=y.position(),D=C.width/C.height;y.width=2400,y.height=2400/D;let x=new Kv({set_scale:f,val_file:t,develops:i,use:n,scale:s.scale,componentID:l,canvas:y,picture:{image:yield ar.default.ImageLoader(g),grayScale:s.grayScale,tone:s.tone,rotate:s.rotate}});se.set({[l]:{Instance:x}});let P=function(V){if(V.preventDefault(),V.touches&&V.touches.length>1)x.pinchEffect({eventType:"start",event:V}),(0,ar.default)(document).addEvent({eventType:"touchmove",eventID:"CropperEffectMove",options:{passive:!1},callback:J=>{J.preventDefault(),x.pinchEffect({eventType:"move",event:J})}}).addEvent({eventType:"touchend",eventID:"CropperEffectEnd",options:{passive:!1},callback:M});else{x.dragEffect(d({eventType:"start"},ar.default.getCursor(V)));let{type:J}=V;(0,ar.default)(document).addEvent({eventType:J=="touchstart"?"touchmove":"mousemove",eventID:"CropperEffectMove",options:{passive:!1},callback:K=>{O("move",K)}}).addEvent({eventType:J=="touchstart"?"touchend":"mouseup",eventID:"CropperEffectEnd",options:{passive:!1},callback:K=>{O("end",K),M(K)}})}},O=function(V,J){J.preventDefault(),x.dragEffect(d({eventType:V},ar.default.getCursor(J)))},M=function(V){V.preventDefault(),(0,ar.default)(document).removeEvent(["CropperEffectMove","CropperEffectEnd"])};(0,ar.default)(y).removeEvent(["CropperMouseWheel","CropperTouchStart","CropperMouseDown"]).addEvent({eventID:"CropperMouseWheel",eventType:"wheel",callback:V=>{V.preventDefault();let J=Number(V.wheelDelta*.04),K=x.scale.current+J;K=Math.max(K,x.scale.min),K=Math.min(K,x.scale.max),f(K)},options:{passive:!1}}).addEvent({eventType:"touchstart",eventID:"CropperTouchStart",callback:P,options:{passive:!1}}).addEvent({eventType:"mousedown",eventID:"CropperMouseDown",callback:P,options:{passive:!1}}),setTimeout(()=>{yr.fn.corner.stop()},1e3)})},[t.id]),(0,ai.useEffect)(()=>{var b;let g=(b=se.get(l))==null?void 0:b.Instance;g&&g.updateScale(c)},[c]),(0,ai.useEffect)(()=>{var b;let g=(b=se.get(l))==null?void 0:b.Instance;g&&g.updateFilter({grayScale:h,tone:S,rotate:p})},[h,S,p]),(0,ke.jsx)(Ve.Body,{borderRadius:0,height:"viewHeight",width:"viewWidth",children:(0,ke.jsxs)(xe,{className:[Il("Wrap"),Il("Use_"+n)].join(" "),gap:0,height:1,position:"relative",overflow:"hidden",borderRadius:"inherit",children:[(0,ke.jsx)(v,{flexSizing:0,overflow:"hidden",position:"relative",backgroundColor:"black",flexCenter:!0,freeCSS:{zIndex:1},children:(0,ke.jsx)("canvas",{style:{width:"100%",height:"100%"},width:2400,height:2400,className:Il("Canvas"),id:"Canvas-"+l})}),(0,ke.jsxs)(ie.Separate,{borderTop:!0,flexSizing:"none",backgroundColor:"layer.1",padding:1,verticalAlign:"unset",UnderBreakPointStyles:{flexType:"col"},children:[(0,ke.jsx)(g7.SettingRegion,{DefaultOptions:s,val_scale:c,set_scale:f,val_tone:S,set_tone:k,val_grayScale:h,set_grayScale:_,val_rotate:p,set_rotate:m}),(0,ke.jsxs)(ie.Right,{flexSizing:"none",children:[(0,ke.jsx)(H.Border,{isRounded:!0,onClick:()=>{a()},children:"\u9589\u3058\u308B"}),(0,ke.jsx)(H,{isRounded:!0,boxShadow:"3.remark",onClick:()=>Pt(void 0,null,function*(){var b;let g=(b=se.get(l))==null?void 0:b.Instance;if(!g)return;yr.fn.mini.active("CropperExportation");let y=yield g.export();setTimeout(()=>{yr.fn.mini.stop("CropperExportation"),o(y)},3e3)}),children:(0,ke.jsxs)(ie.Center,{gap:"1/2",children:[(0,ke.jsx)(yr.White.R,{loaderID:"CropperExportation"}),"\u6C7A\u5B9A"]})})]})]})]})})},SettingRegion:e=>{let t=["","\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"],r=o=>t[o]||"\u306A\u3057";return(0,ke.jsxs)(ie.Left,{verticalAlign:"unset",flexWrap:!0,children:[(0,ke.jsxs)(xe,{gap:"1/3",children:[(0,ke.jsx)(ce.Supplement,{children:"Rotate"}),(0,ke.jsxs)(ie.Left,{flexChilds:"even",gap:"1/6",children:[(0,ke.jsx)(H.Border.S,{isRounded:!0,borderTopRightRadius:0,borderBottomRightRadius:0,onClick:()=>{let o=e.val_rotate-90;o<0&&(o+=360),e.set_rotate(o)},children:(0,ke.jsxs)(ie.Center,{gap:"1/4",children:["90\xB0",(0,ke.jsx)(G,{icon:m7.faRotateLeft})]})}),(0,ke.jsx)(H.Border.S,{isRounded:!0,borderTopLeftRadius:0,borderBottomLeftRadius:0,onClick:()=>{e.set_rotate((e.val_rotate+90)%360)},children:(0,ke.jsxs)(ie.Center,{gap:"1/4",children:[(0,ke.jsx)(G,{icon:h7.faRotateRight}),"90\xB0"]})})]})]}),(0,ke.jsxs)(xe,{gap:"1/3",freeCSS:{minWidth:12*6},children:[(0,ke.jsx)(ce.Supplement,{children:"Zoom"}),(0,ke.jsxs)(H.Border.S,{flexCenter:!0,isRounded:!0,flexSizing:0,onClick:o=>{let a="CropperZoomEdit";yt.open({tipsID:a,gravityPoint:3,event:o,closeAtParentBlur:!1,freeCSS:{minWidth:12*26},content:(0,ke.jsx)(Ve.Body,{children:(0,ke.jsxs)(xe,{padding:1.5,children:[(0,ke.jsxs)(ie.Separate,{children:[(0,ke.jsx)(ce.Paragraph,{children:(0,ke.jsxs)(ie.Center,{gap:"1/2",children:[(0,ke.jsx)(G.Search,{fontColor:"5.translucent"}),"Zoom"]})}),(0,ke.jsx)(H.Sub,{color:"cloud",ssSphere:2.5,onClick:()=>{yt.close(a)},children:(0,ke.jsx)(G.Times,{})})]}),(0,ke.jsx)(v,{borderBottom:!0,opacity:"low"}),(0,ke.jsx)(ve.Slider,{override:"force",value:e.val_scale-100,min:e.DefaultOptions.scale.min-100,max:e.DefaultOptions.scale.max-100,step:25,onUpdateValidValue:({eventType:n,value:i})=>{ar.default.interval.clear("Cropper.UpdateScale"),ar.default.interval.standBy("Cropper.UpdateScale",250,()=>{e.set_scale(i+100)})},legends:{enable:!0,custom:n=>"x"+Math.round(100+n)/100}})]})})})},children:[e.val_scale.rate(1,0),"%"]})]}),(0,ke.jsxs)(xe,{gap:"1/3",freeCSS:{minWidth:12*6},children:[(0,ke.jsx)(ce.Supplement,{children:"GrayScale"}),(0,ke.jsxs)(H.Border.S,{flexCenter:!0,isRounded:!0,flexSizing:0,onClick:o=>{let a="CropperGrayScaleEdit";yt.open({tipsID:a,gravityPoint:3,event:o,closeAtParentBlur:!1,freeCSS:{minWidth:12*26},content:(0,ke.jsx)(Ve.Body,{children:(0,ke.jsxs)(xe,{padding:1.5,children:[(0,ke.jsxs)(ie.Separate,{children:[(0,ke.jsx)(ce.Paragraph,{children:(0,ke.jsxs)(ie.Center,{gap:"1/2",children:[(0,ke.jsx)(G,{icon:f7.faPalette,fontColor:"5.translucent"}),"Gray Scale"]})}),(0,ke.jsx)(H.Sub,{color:"cloud",ssSphere:2.5,onClick:()=>{yt.close(a)},children:(0,ke.jsx)(G.Times,{})})]}),(0,ke.jsx)(v,{borderBottom:!0,opacity:"low"}),(0,ke.jsx)(ve.Slider,{value:e.val_grayScale,min:0,max:100,step:10,onUpdateValidValue:({value:n})=>{ar.default.interval.clear("Cropper.GrayScale"),ar.default.interval.standBy("Cropper.GrayScale",250,()=>{e.set_grayScale(n)})},legends:{enable:!0,custom:n=>n+"%"}})]})})})},children:[e.val_grayScale.rate(1,0),"%"]})]}),(0,ke.jsxs)(xe,{gap:"1/3",freeCSS:{minWidth:12*6},children:[(0,ke.jsx)(ce.Supplement,{children:"Tone"}),(0,ke.jsx)(H.Border.S,{flexCenter:!0,isRounded:!0,flexSizing:0,onClick:o=>{let a="CropperToneEdit";yt.open({tipsID:a,gravityPoint:3,event:o,closeAtParentBlur:!1,freeCSS:{minWidth:12*26,maxWidth:12*24},content:()=>{let n=[];for(let i=1;i<=10;i++)n.push({value:i,label:(0,ke.jsxs)(ke.Fragment,{children:[(0,ke.jsx)(v,{ssSphere:1,className:[Il("ToneBall"),Il("ToneBall_"+i)].join(" ")}),(0,ke.jsx)(v,{textAlign:"left",flexSizing:0,children:r(i)})]})});return(0,ke.jsx)(Ve.Body,{children:(0,ke.jsxs)(xe,{padding:1.5,children:[(0,ke.jsxs)(ie.Separate,{children:[(0,ke.jsx)(ce.Paragraph,{children:(0,ke.jsxs)(ie.Center,{gap:"1/2",children:[(0,ke.jsx)(G,{icon:p7.faBarsStaggered,fontColor:"5.translucent"}),"Tone"]})}),(0,ke.jsx)(H.Sub,{color:"cloud",ssSphere:2.5,onClick:()=>{yt.close(a)},children:(0,ke.jsx)(G.Times,{})})]}),(0,ke.jsx)(v,{borderBottom:!0,opacity:"low"}),(0,ke.jsx)(ve.Radio.Normal,{value:e.val_tone,gap:"1/2",cellStyles:{fontColor:"3.blur"},options:[{value:0,label:(0,ke.jsx)(v,{flexSizing:0,textAlign:"center",children:"\u306A\u3057"})},...n],onUpdateValidValue:({value:i})=>{e.set_tone(i)}})]})})}})},children:(0,ke.jsxs)(ie.Center,{gap:"1/2",children:[(0,ke.jsx)(v,{boxShadow:"2.remark",ssSphere:1,className:[Il("ToneBall"),Il("ToneBall_"+e.val_tone)].join(" ")}),r(e.val_tone)]})})]})]})}},ud={openDialogNEdit:e=>Pt(void 0,null,function*(){let t=yield ve.Filer.fn.openDialog({accept:"image",multiple:!1});ud.openEditor(d({imageFile:t[0]},e))}),openEditor:e=>Pt(void 0,null,function*(){let t="CropperImage";Ve.open({sheetID:t,type:"normal.middleCenter",size:"MAX",padding:0,margin:0,freeCSS:{maxWidth:"100vw"},content:(0,ke.jsx)(g7.Core,{val_file:e.imageFile,options:e,finishedCallback:r=>{Ve.close(t),e.onProcessFinished(r)},abortCallback:()=>{Ve.close(t)}}),closeAtEscapeKeyDown:!1})})};var Mo=L(je());var _7=()=>{let{href:e}=location;return(0,Mo.jsx)(ie.Center,{padding:[4,1],children:(0,Mo.jsxs)(xe,{ssCardBox:!0,gap:2,padding:[3,2],textAlign:"center",width:1,freeCSS:{maxWidth:12*30},children:[(0,Mo.jsx)(G.LinkSlash,{fontColor:"theme",freeCSS:{fontSize:"3rem"}}),(0,Mo.jsxs)(v,{children:[(0,Mo.jsx)(ce.Paragraph,{children:"\u3053\u306E\u30DA\u30FC\u30B8\u306F\u3054\u5229\u7528\u3044\u305F\u3060\u3051\u307E\u305B\u3093\u3002"}),(0,Mo.jsx)(ce.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,Mo.jsxs)(xe,{children:[(0,Mo.jsxs)(ce,{textAlign:"left",ssCardBox:"cloud",isSemiBoldFont:!0,padding:1,children:["\u30FB\u30EA\u30F3\u30AF\u304C\u6B63\u3057\u3044\u304B",(0,Mo.jsx)(v,{margin:["1/2",0],borderBottom:!0}),"\u30FB\u30EA\u30F3\u30AF\u306E\u6709\u52B9\u671F\u9650",(0,Mo.jsx)(v,{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,Mo.jsx)(En.Link,{newTab:!0,href:e,children:e}),(0,Mo.jsx)(En.BorderToFill,{href:"/",width:1,children:"\u30DB\u30FC\u30E0\u306B\u623B\u308B"})]})})};var $p=e=>{let[t,r]=(0,Wl.useState)(e.pathname),o=!0;t!==e.pathname&&(o=!1,r(e.pathname));let a=(0,Wl.useRef)(!1);(0,Wl.useEffect)(()=>{o&&(a.current?(Ve.closeAll(!0),Ln.fn.updateCSSProperty.reset()):a.current=!0)},[t]),o&&e.beforeCB&&e.beforeCB(location.href),(0,Wl.useEffect)(()=>{o&&e.afterFirstCB&&e.afterFirstCB(location.href)},[]),(0,Wl.useEffect)(()=>{o&&(setTimeout(()=>{window.dispatchEvent(new Event("resize"))},200),e.afterCB&&e.afterCB(location.href))},[t])};var Wr={open:e=>{window.open(e)},pushSync:e=>{window.location.href=e},push:(e,t)=>{if(t){Wr.open(e);return}Wr.pushAsync(e)},pushAsync:e=>{if(e.match(/https?:\/\//)){Wr.pushSync(e);return}Wr.__push(e)},back:()=>{Wr.__back()},__push:e=>{},__back:()=>{},setPushEffect:e=>{Wr.__push=e},setBackEffect:e=>{Wr.__back=e}};var v7=L(ot());var zu=[{key:"comun",isBrand:!1,isAvocado:!0},{key:"leaf",isBrand:!1,isAvocado:!0},{key:"heart",isBrand:!1,isAvocado:!0},{key:"droplet",isBrand:!1,isAvocado:!0},{key:"brick",isBrand:!1,isAvocado:!1},{key:"flower",isBrand:!1,isAvocado:!1},{key:"lip",isBrand:!1,isAvocado:!1},{key:"wine",isBrand:!1,isAvocado:!1},{key:"theater",isBrand:!1,isAvocado:!1},{key:"bat",isBrand:!1,isAvocado:!1},{key:"poizon",isBrand:!1,isAvocado:!1},{key:"eggplant",isBrand:!1,isAvocado:!1},{key:"ufo",isBrand:!1,isAvocado:!1},{key:"alien",isBrand:!1,isAvocado:!1},{key:"tombstone",isBrand:!1,isAvocado:!1},{key:"ninja",isBrand:!1,isAvocado:!1},{key:"moon",isBrand:!1,isAvocado:!1},{key:"rain",isBrand:!1,isAvocado:!1},{key:"unicorn",isBrand:!1,isAvocado:!1},{key:"axe",isBrand:!1,isAvocado:!1},{key:"gem",isBrand:!1,isAvocado:!1},{key:"soap",isBrand:!1,isAvocado:!1},{key:"drizzle",isBrand:!1,isAvocado:!1},{key:"building",isBrand:!1,isAvocado:!1},{key:"fish",isBrand:!1,isAvocado:!1},{key:"icicles",isBrand:!1,isAvocado:!1},{key:"water",isBrand:!1,isAvocado:!1},{key:"tree1",isBrand:!1,isAvocado:!1},{key:"tree2",isBrand:!1,isAvocado:!1},{key:"tree3",isBrand:!1,isAvocado:!1},{key:"battery",isBrand:!1,isAvocado:!1},{key:"seedle",isBrand:!1,isAvocado:!1},{key:"greenTea",isBrand:!1,isAvocado:!1},{key:"oak",isBrand:!1,isAvocado:!1},{key:"salad",isBrand:!1,isAvocado:!1},{key:"cloudy",isBrand:!1,isAvocado:!1},{key:"lemon",isBrand:!1,isAvocado:!1},{key:"angel",isBrand:!1,isAvocado:!1},{key:"parasol",isBrand:!1,isAvocado:!1},{key:"pizza",isBrand:!1,isAvocado:!1},{key:"thunder",isBrand:!1,isAvocado:!1},{key:"latte",isBrand:!1,isAvocado:!1},{key:"island",isBrand:!1,isAvocado:!1},{key:"shovel",isBrand:!1,isAvocado:!1},{key:"coffee",isBrand:!1,isAvocado:!1},{key:"carrot",isBrand:!1,isAvocado:!1},{key:"cactus",isBrand:!1,isAvocado:!1},{key:"volcano",isBrand:!1,isAvocado:!1},{key:"choco",isBrand:!1,isAvocado:!1},{key:"industry",isBrand:!1,isAvocado:!1},{key:"gun",isBrand:!1,isAvocado:!1},{key:"galaxy",isBrand:!1,isAvocado:!1},{key:"line",isBrand:!0,isAvocado:!1},{key:"twitter",isBrand:!0,isAvocado:!1},{key:"amazon",isBrand:!0,isAvocado:!1},{key:"facebook",isBrand:!0,isAvocado:!1},{key:"android",isBrand:!0,isAvocado:!1},{key:"slackBlue",isBrand:!0,isAvocado:!1},{key:"slackGreen",isBrand:!0,isAvocado:!1},{key:"slackRed",isBrand:!0,isAvocado:!1},{key:"slackYellow",isBrand:!0,isAvocado:!1},{key:"slackBase",isBrand:!0,isAvocado:!1},{key:"googleBlue",isBrand:!0,isAvocado:!1},{key:"googleGreen",isBrand:!0,isAvocado:!1},{key:"googleYellow",isBrand:!0,isAvocado:!1},{key:"googleRed",isBrand:!0,isAvocado:!1}],Fu=()=>{let e="#45515c",t=(0,v7.default)("#ThemeColorMetaTag");t[0]&&t.setAttribute("content",e)},b7={light:"#FFF",dark:"#333",dim:"#666",auto:()=>Se.get().isSystemDarkmode()?"#333":"#FFF"},dd={};zu.forEach(e=>{let{key:t,isAvocado:r,isBrand:o}=e;dd[t]={alfa:a=>`hsla( var( --cH_${t} ),var( --cS_${t} ),var( --cL_${t} ),${a!=null?a:1} ) `,isAvocado:r,isBrand:o}});var gr=L(ot());var X={toConcreteBorderRadius:e=>{let t=Se.get().roundness|0;return e=="1.tone.primary"?e=[0,2,3,4,5,5][t]:e=="2.tone.secondary"?e=[0,1,2,3,4,5][t]:e=="3.tone.tertiary"&&(e=[0,"1/3","2/3",1,2,3][t]),e},ev:e=>gr.default.is.exist(e),ClassNames:(e,t)=>{var r,o,a,n,i,l,s;let c=[],{gap:f,display:p,position:m,overflow:h,fontColor:_,fontSize:S,fontWeight:k,backgroundColor:b,textAlign:g,textDecoration:y,boxShadow:C,margin:D,marginTop:x,marginRight:P,marginBottom:O,marginLeft:M,padding:V,paddingTop:J,paddingRight:K,paddingBottom:ee,paddingLeft:_e,top:Ce,right:N,bottom:z,left:te,border:de,borderTop:$,borderRight:ue,borderBottom:He,borderLeft:Ie,borderWidth:Te,borderColor:be,borderStyle:Qe,borderRadius:St,borderTopLeftRadius:Fe,borderTopRightRadius:Ye,borderBottomLeftRadius:B,borderBottomRightRadius:E,flexSizing:j,flexWrap:Q,flexType:T,flexChilds:A,flexGrid:I,horizontalAlign:W,verticalAlign:q,transition:ne,gridCenter:re,gridCols:oe,maxHeight:pe,minHeight:me,maxWidth:ye,minWidth:ze,width:Pe,height:Je,unitHeight:lt,unitWidth:xt,opacity:Ft}=t;{if(X.ev(p)&&c.push("dsp"+p),h){let ae=gr.default.flatArray(h);c.push("ovfl-x-"+ae[0]),c.push("ovfl-y-"+(ae[1]||ae[0]))}X.ev(m)&&c.push("ps"+m),X.ev(g)&&c.push("txtalg"+g),X.ev(g)&&c.push("txtdeco"+y),X.ev(_)&&c.push("ftcl"+((r=String(_))==null?void 0:r.replace(/\./g,"_"))),X.ev(S)&&c.push("ftsz"+((o=String(S))==null?void 0:o.replace(/\..*/,""))),X.ev(k)&&c.push("ftwt"+(k==null?void 0:k.replace(/\..*/,""))),X.ev(b)&&c.push("bgc"+((a=String(b))==null?void 0:a.replace(/\./g,"_"))),X.ev(C)&&c.push("bs"+C);let Ke,mt,ut,Ar;gr.default.is.exist(D)&&(gr.default.is.array(D)?D.length==2?[Ke,mt,ut,Ar]=[...D,...D]:D.length==4&&([Ke,mt,ut,Ar]=D):Ke=mt=ut=Ar=D,x=x!=null?x:Ke,P=P!=null?P:mt,O=O!=null?O:ut,M=M!=null?M:Ar),X.ev(x)&&c.push("mrgt"+x),X.ev(P)&&c.push("mrgr"+P),X.ev(O)&&c.push("mrgb"+O),X.ev(M)&&c.push("mrgl"+M);let Dr,Fr,oo,_t;gr.default.is.exist(V)&&(gr.default.is.array(V)?V.length==2?[Dr,Fr,oo,_t]=[...V,...V]:V.length==4&&([Dr,Fr,oo,_t]=V):Dr=Fr=oo=_t=V,J=J!=null?J:Dr,K=K!=null?K:Fr,ee=ee!=null?ee:oo,_e=_e!=null?_e:_t),X.ev(J)&&c.push("pdt"+J),X.ev(K)&&c.push("pdr"+K),X.ev(ee)&&c.push("pdb"+ee),X.ev(_e)&&c.push("pdl"+_e),X.ev(Ce)&&c.push("pstt"+Ce),X.ev(N)&&c.push("pstr"+N),X.ev(z)&&c.push("pstb"+z),X.ev(te)&&c.push("pstl"+te);{gr.default.is.exist(de)&&($=$!=null?$:de,ue=ue!=null?ue:de,He=He!=null?He:de,Ie=Ie!=null?Ie:de),gr.default.is.boolean($)&&($=["unset","2.normal"][Number($)]),gr.default.is.boolean(ue)&&(ue=["unset","2.normal"][Number(ue)]),gr.default.is.boolean(He)&&(He=["unset","2.normal"][Number(He)]),gr.default.is.boolean(Ie)&&(Ie=["unset","2.normal"][Number(Ie)]),X.ev($)&&c.push("b_t_ss"+((n=String($))==null?void 0:n.replace(/\..*/,""))),X.ev(ue)&&c.push("b_r_ss"+((i=String(ue))==null?void 0:i.replace(/\..*/,""))),X.ev(He)&&c.push("b_b_ss"+((l=String(He))==null?void 0:l.replace(/\..*/,""))),X.ev(Ie)&&c.push("b_l_ss"+((s=String(Ie))==null?void 0:s.replace(/\..*/,""))),gr.default.is.exist(Te)&&c.push("b_wth"+String(Te)),gr.default.is.exist(be)&&c.push("b_cl"+String(be)),gr.default.is.exist(Qe)&&c.push("b_st"+String(Qe));{let ae,Ht,jo,Er;gr.default.is.exist(St)&&(gr.default.is.array(St)?St.length==4&&([ae,Ht,Er,jo]=St):ae=Ht=jo=Er=St,Fe=Fe!=null?Fe:ae,Ye=Ye!=null?Ye:Ht,B=B!=null?B:jo,E=E!=null?E:Er)}X.ev(Fe)&&c.push("br_tl"+X.toConcreteBorderRadius(Fe)),X.ev(Ye)&&c.push("br_tr"+X.toConcreteBorderRadius(Ye)),X.ev(B)&&c.push("br_bl"+X.toConcreteBorderRadius(B)),X.ev(E)&&c.push("br_br"+X.toConcreteBorderRadius(E))}if(X.ev(Ft)&&c.push("op"+Ft),gr.default.is.exist(f)){let ae,Ht;gr.default.is.array(f)?(ae=f[0],Ht=f[1]):ae=Ht=f,c.push("gapRow"+ae,"gapCol"+Ht)}X.ev(j)&&c.push("flsz"+j),X.ev(Q)&&c.push("flwrp"+Q),X.ev(T)&&c.push("fltyp"+T),X.ev(A)&&c.push("flchld"+A),X.ev(I)&&c.push("flgrid"+I),X.ev(q)&&c.push("flvrt"+q),X.ev(W)&&c.push("flhrz"+W),X.ev(re)&&c.push("grcnt"+re),X.ev(oe)&&c.push("grcol"+oe),X.ev(Je)&&c.push("hgt"+Je),X.ev(Pe)&&c.push("wdt"+Pe),X.ev(lt)&&c.push("unthgt"+lt),X.ev(xt)&&c.push("untwdt"+xt),X.ev(ne)&&c.push("trnst"+ne),X.ev(pe)&&c.push("maxh"+pe),X.ev(me)&&c.push("minh"+me),X.ev(ye)&&c.push("maxw"+ye),X.ev(ze)&&c.push("minw"+ze)}return c.length?e+c.join(" "+e):""}},Xu=e=>{let t=d({},e),{gradients:r,ssCardBox:o,ssSphere:a,ssSquare:n,ssPushable:i,ssAbsoluteCovered:l,ssTextEllipsis:s,flexCenter:c,flexNewLine:f,isLightFont:p,isBoldFont:m,isSemiBoldFont:h,isRounded:_,isSquare:S,freeCSS:k={}}=t,b=ge(k,[]),g=ge(t,["gradients","ssCardBox","ssSphere","ssSquare","ssPushable","ssAbsoluteCovered","ssTextEllipsis","flexCenter","flexNewLine","isLightFont","isBoldFont","isSemiBoldFont","isRounded","isSquare","freeCSS"]);if(b=b||{},g=g||{},r){let{deg:y,colors:C}=r;b=w(d({},b),{background:`linear-gradient(${y}deg,${C.join(",")})`})}if(o){o===!0&&(o="border");let y={backgroundColor:"layer.1",borderRadius:"1.tone.primary",boxShadow:"0.min"};o=="border"?y.border=!0:o=="layer"?y.backgroundColor="layer.1":o=="cloud"?y.backgroundColor="cloud":o=="shadow"&&(y.boxShadow="0.normal"),Se.get().darkMode=="dim"&&(y.boxShadow="1.normal"),Se.get().darkMode=="dark"&&(y.boxShadow="1.remark"),b=d(d({},y.freeCSS),b),g=d(d({},y),g)}return a&&(c=c!=null?c:!0,g=d({padding:0,unitWidth:a,unitHeight:a,borderRadius:"sphere",flexSizing:"none"},g)),n&&(c=c!=null?c:!0,g=d({padding:0,unitWidth:n,unitHeight:n,flexSizing:"none"},g)),i&&(g=d({transition:"middle"},g),g=w(d({},g),{className:[g.className,"ssPushable"].join(" ")})),l&&(g=d({position:"absolute",top:0,left:0,right:0,bottom:0},g)),s&&(g=d({overflow:"hidden"},g),b=d({whiteSpace:"nowrap",textOverflow:"ellipsis"},b)),f&&(g=d({width:1,flexSizing:"none"},g)),c&&(g=d({display:"flex",horizontalAlign:"center",verticalAlign:"center"},g)),p&&(g.fontWeight="1.light"),h&&(g.fontWeight="3.semiBold"),m&&(g.fontWeight="4.bold"),_&&(gr.default.is.number(_)?b.borderRadius=_*12:g.borderRadius="sphere"),S&&(b.aspectRatio="1"),w(d({},g),{freeCSS:b})},Po=e=>{let t=Xu(e),{componentID:r,gap:o,display:a,position:n,overflow:i,fontColor:l,fontSize:s,fontWeight:c,backgroundColor:f,textAlign:p,textDecoration:m,boxShadow:h,margin:_,marginTop:S,marginRight:k,marginBottom:b,marginLeft:g,padding:y,paddingTop:C,paddingRight:D,paddingBottom:x,paddingLeft:P,top:O,right:M,bottom:V,left:J,border:K,borderTop:ee,borderRight:_e,borderBottom:Ce,borderLeft:N,borderWidth:z,borderColor:te,borderStyle:de,borderRadius:$,borderTopLeftRadius:ue,borderTopRightRadius:He,borderBottomLeftRadius:Ie,borderBottomRightRadius:Te,flexSizing:be,flexWrap:Qe,flexType:St,flexChilds:Fe,flexGrid:Ye,horizontalAlign:B,verticalAlign:E,transition:j,gridCenter:Q,gridCols:T,maxHeight:A,minHeight:I,maxWidth:W,minWidth:q,width:ne,height:re,unitHeight:oe,unitWidth:pe,opacity:me,ssLastChildLossBorder:ye,ssAbsoluteCovered:ze,ssCardBox:Pe,ssEffectsOnActive:Je,ssPushable:lt,ssSphere:xt,ssSquare:Ft,ssTextEllipsis:Ke,isBoldFont:mt,isLightFont:ut,isSemiBoldFont:Ar,isRounded:Dr,flexCenter:Fr,flexNewLine:oo,gradients:_t,UnderBreakPointStyles:ae={},className:Ht="",freeCSS:jo={}}=t,Er=ge(t,["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"]),ao=d({},Er),$r=[Ht];if(ye&&$r.push("ssLastChildLossBorder_"+ye),Je){Je=gr.default.flatArray(Je);for(let tl of Je){let[Jp,zc]=tl.split(".");ao["data-effect-"+Jp]="1",zc&&(ao["data-effect-tone"]=zc)}}{let tl=X.ClassNames("amotf_",{gap:o,display:a,position:n,overflow:i,fontColor:l,fontSize:s,fontWeight:c,backgroundColor:f,textAlign:p,textDecoration:m,boxShadow:h,margin:_,marginTop:S,marginRight:k,marginBottom:b,marginLeft:g,padding:y,paddingTop:C,paddingRight:D,paddingBottom:x,paddingLeft:P,top:O,right:M,bottom:V,left:J,border:K,borderTop:ee,borderRight:_e,borderBottom:Ce,borderLeft:N,borderWidth:z,borderColor:te,borderStyle:de,borderRadius:$,borderTopLeftRadius:ue,borderTopRightRadius:He,borderBottomLeftRadius:Ie,borderBottomRightRadius:Te,flexSizing:be,flexWrap:Qe,flexType:St,flexChilds:Fe,flexGrid:Ye,horizontalAlign:B,verticalAlign:E,transition:j,gridCenter:Q,gridCols:T,maxHeight:A,minHeight:I,maxWidth:W,minWidth:q,width:ne,height:re,unitHeight:oe,unitWidth:pe,opacity:me});$r.push(tl)}return ae&&$r.push(X.ClassNames("amotf_bp",ae)),jo&&(ao.style=d(d({},jo),ao.style)),(r||ao["data-component-id"])&&(ao["data-component-id"]=ao["data-component-id"]||r),$r.length&&$r.join("")&&(ao.className=$r.join(" ").trim().replace(/%/ig,"P").replace(/\d+px/ig,"PIX").replace(/\s+/ig," ").replace(/\//ig,"_").replace(/\./ig,"-")),ao},Bn=e=>{let{gap:t,display:r,position:o,overflow:a,fontColor:n,fontSize:i,fontWeight:l,backgroundColor:s,textAlign:c,textDecoration:f,boxShadow:p,margin:m,marginTop:h,marginRight:_,marginBottom:S,marginLeft:k,padding:b,paddingTop:g,paddingRight:y,paddingBottom:C,paddingLeft:D,top:x,right:P,bottom:O,left:M,border:V,borderTop:J,borderRight:K,borderBottom:ee,borderLeft:_e,borderWidth:Ce,borderColor:N,borderStyle:z,borderRadius:te,borderTopLeftRadius:de,borderTopRightRadius:$,borderBottomLeftRadius:ue,borderBottomRightRadius:He,flexSizing:Ie,flexWrap:Te,flexType:be,flexChilds:Qe,flexGrid:St,horizontalAlign:Fe,verticalAlign:Ye,transition:B,gridCenter:E,gridCols:j,maxHeight:Q,minHeight:T,maxWidth:A,minWidth:I,width:W,height:q,unitHeight:ne,unitWidth:re,opacity:oe,ssLastChildLossBorder:pe,ssAbsoluteCovered:me,ssCardBox:ye,ssEffectsOnActive:ze,ssPushable:Pe,ssSphere:Je,ssSquare:lt,ssTextEllipsis:xt,isBoldFont:Ft,isLightFont:Ke,isSemiBoldFont:mt,isRounded:ut,flexCenter:Ar,flexNewLine:Dr,gradients:Fr,UnderBreakPointStyles:oo={},freeCSS:_t={}}=e,ae={};return X.ev(t)&&(ae.gap=t),X.ev(r)&&(ae.display=r),X.ev(o)&&(ae.position=o),X.ev(a)&&(ae.overflow=a),X.ev(n)&&(ae.fontColor=n),X.ev(i)&&(ae.fontSize=i),X.ev(l)&&(ae.fontWeight=l),X.ev(s)&&(ae.backgroundColor=s),X.ev(c)&&(ae.textAlign=c),X.ev(f)&&(ae.textDecoration=f),X.ev(p)&&(ae.boxShadow=p),X.ev(m)&&(ae.margin=m),X.ev(h)&&(ae.marginTop=h),X.ev(_)&&(ae.marginRight=_),X.ev(S)&&(ae.marginBottom=S),X.ev(k)&&(ae.marginLeft=k),X.ev(b)&&(ae.padding=b),X.ev(g)&&(ae.paddingTop=g),X.ev(y)&&(ae.paddingRight=y),X.ev(C)&&(ae.paddingBottom=C),X.ev(D)&&(ae.paddingLeft=D),X.ev(x)&&(ae.top=x),X.ev(P)&&(ae.right=P),X.ev(O)&&(ae.bottom=O),X.ev(M)&&(ae.left=M),X.ev(V)&&(ae.border=V),X.ev(J)&&(ae.borderTop=J),X.ev(K)&&(ae.borderRight=K),X.ev(ee)&&(ae.borderBottom=ee),X.ev(_e)&&(ae.borderLeft=_e),X.ev(Ce)&&(ae.borderWidth=Ce),X.ev(N)&&(ae.borderColor=N),X.ev(z)&&(ae.borderStyle=z),X.ev(te)&&(ae.borderRadius=te),X.ev(de)&&(ae.borderTopLeftRadius=de),X.ev($)&&(ae.borderTopRightRadius=$),X.ev(ue)&&(ae.borderBottomLeftRadius=ue),X.ev(He)&&(ae.borderBottomRightRadius=He),X.ev(Ie)&&(ae.flexSizing=Ie),X.ev(Te)&&(ae.flexWrap=Te),X.ev(be)&&(ae.flexType=be),X.ev(Qe)&&(ae.flexChilds=Qe),X.ev(St)&&(ae.flexGrid=St),X.ev(Fe)&&(ae.horizontalAlign=Fe),X.ev(Ye)&&(ae.verticalAlign=Ye),X.ev(B)&&(ae.transition=B),X.ev(E)&&(ae.gridCenter=E),X.ev(j)&&(ae.gridCols=j),X.ev(Q)&&(ae.maxHeight=Q),X.ev(T)&&(ae.minHeight=T),X.ev(A)&&(ae.maxWidth=A),X.ev(I)&&(ae.minWidth=I),X.ev(W)&&(ae.width=W),X.ev(q)&&(ae.height=q),X.ev(ne)&&(ae.unitHeight=ne),X.ev(re)&&(ae.unitWidth=re),X.ev(oe)&&(ae.opacity=oe),X.ev(pe)&&(ae.ssLastChildLossBorder=pe),X.ev(me)&&(ae.ssAbsoluteCovered=me),X.ev(ye)&&(ae.ssCardBox=ye),X.ev(ze)&&(ae.ssEffectsOnActive=ze),X.ev(Pe)&&(ae.ssPushable=Pe),X.ev(Je)&&(ae.ssSphere=Je),X.ev(lt)&&(ae.ssSquare=lt),X.ev(xt)&&(ae.ssTextEllipsis=xt),X.ev(Ft)&&(ae.isBoldFont=Ft),X.ev(Ke)&&(ae.isLightFont=Ke),X.ev(mt)&&(ae.isSemiBoldFont=mt),X.ev(ut)&&(ae.isRounded=ut),X.ev(Ar)&&(ae.flexCenter=Ar),X.ev(Dr)&&(ae.flexNewLine=Dr),X.ev(Fr)&&(ae.gradients=Fr),X.ev(_t)&&(ae.freeCSS=_t),X.ev(oo)&&(ae.UnderBreakPointStyles=oo),ae};var vn=L(je());var Yp=e=>{var t;let r=Dn.catch("RootViewController_"+Se.get().sessionUID);return(0,vn.jsxs)(vn.Fragment,{children:[(0,vn.jsx)("style",{children:e.inlineCSS}),(0,vn.jsxs)("amotify-app",{id:"appRoot_"+Se.get().sessionUID,children:[(0,vn.jsx)(Ui.Pudding.Wrapper,{}),(0,vn.jsx)(Ui.Ripple.Wrapper,{}),(0,vn.jsx)(yr.Wrapper,{}),(0,vn.jsx)(eo.Wrapper,{}),(0,vn.jsx)(Ve.Wrapper,{}),(0,vn.jsx)(v,{className:["AMOTIFY_be","AMOTIFY_be_root",(t=e.isRootPage)==null||t?"AMOTIFY_be_origin":"",e.originClassName||""].join(" "),children:e.children},r)]})]})};var Gp=L(ot()),Re=e=>{let t=Se.get().appRoot;return Gp.default.is.shadowRoot(t)?(0,Gp.default)(t).find(e):(0,Gp.default)(e)};var nP=L(Jv());no(Br,L(Jv()));var e1={};Ul(e1,{DesignBook:()=>Kp});var u=L(je()),zn=L(it()),To=L(ot());var Fc={index:()=>(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)(Ee,{gap:1,children:[(0,u.jsx)(v,{flexCenter:!0,children:(0,u.jsx)(Cp,{ssSphere:6,children:"Placeholder"})}),(0,u.jsxs)(Ot,{gridCols:3,gap:1,flexSizing:"auto",children:[(0,u.jsx)(v,{padding:2,backgroundColor:"layer.1"}),(0,u.jsx)(v,{padding:2,backgroundColor:"layer.2"}),(0,u.jsx)(v,{padding:2,backgroundColor:"layer.3"}),(0,u.jsx)(v,{padding:2,backgroundColor:"layer.4"}),(0,u.jsx)(v,{padding:2,backgroundColor:"layer.5"}),(0,u.jsx)(v,{padding:2,backgroundColor:"layer.6"})]}),(0,u.jsxs)(Ot,{gridCols:3,gap:"1/2",flexSizing:"auto",ssCardBox:!0,children:[(0,u.jsx)(v,{flexCenter:!0,fontColor:"1.clear",children:"FontColor1"}),(0,u.jsx)(v,{flexCenter:!0,fontColor:"2.normal",children:"FontColor2"}),(0,u.jsx)(v,{flexCenter:!0,fontColor:"3.blur",children:"FontColor3"}),(0,u.jsx)(v,{flexCenter:!0,fontColor:"4.thin",children:"FontColor4"}),(0,u.jsx)(v,{flexCenter:!0,fontColor:"5.translucent",children:"FontColor5"})]})]}),(0,u.jsx)(Fc.Fonts,{}),(0,u.jsx)(Fc.Box,{}),(0,u.jsx)(Fc.Flex,{}),(0,u.jsx)(Fc.Grid,{}),(0,u.jsx)(Fc.Others,{})]}),Fonts:()=>(0,u.jsxs)(v,{ssCardBox:!0,children:[(0,u.jsx)(ce.SubTitle,{padding:1,borderBottom:!0,children:"Font"}),(0,u.jsxs)(v,{overflow:"auto",padding:1,children:[(0,u.jsx)(ce.Description,{padding:1,children:`<Box
   fontSize={ 0 ~ 8 }
 >
   some text
@@ -920,7 +920,7 @@ text5`,minRows:5}),(0,u.jsx)(ve.TextField,{label:"Input.TextField",name:"textfie
   header: ReactElement | React.FC< { modalClose } >,
   body: ReactElement | React.FC< { modalClose } >,
   footer: ReactElement | React.FC< { modalClose } >
-} )`})}),(0,u.jsxs)(xe,{padding:2,children:[(0,u.jsx)(H.Border,{onClick:t=>{yt.open({tipsID:"testTips",parent:t.currentTarget,closeAtParentBlur:!1,closeAtAroundClick:!1,closeAtEscapeKeyDown:!0,content:()=>(0,u.jsx)(Ve.Body,{padding:2,children:(0,u.jsx)(H,{onClick:()=>{Ve.open({sheetID:"testSheet",closeAtAroundClick:!0,type:"normal.middleLeft",content:()=>(0,u.jsx)(Ve.Body,{padding:2,children:"END"})})},children:"nest"})})})},children:"Tooltips with nested sheet"}),(0,u.jsx)(v,{flexCenter:!0,children:(0,u.jsxs)(Ot,{gridCols:3,gap:1,children:[(0,u.jsx)(H.Border,{onClick:()=>{e("normal.topLeft")},children:"Top Left"}),(0,u.jsx)(H.Border,{onClick:()=>{e("normal.topCenter")},children:"Top Center"}),(0,u.jsx)(H.Border,{onClick:()=>{e("normal.topRight")},children:"Top Right"}),(0,u.jsx)(H.Border,{onClick:()=>{e("normal.middleLeft")},children:"Middle Left"}),(0,u.jsx)(H.Border,{onClick:()=>{e("normal.middleCenter")},children:"Middle Center"}),(0,u.jsx)(H.Border,{onClick:()=>{e("normal.middleRight")},children:"Middle Right"}),(0,u.jsx)(H.Border,{onClick:()=>{e("normal.bottomLeft")},children:"Bottom Left"}),(0,u.jsx)(H.Border,{onClick:()=>{e("normal.bottomCenter")},children:"Bottom Center"}),(0,u.jsx)(H.Border,{onClick:()=>{e("normal.bottomRight")},children:"Bottom Right"}),(0,u.jsx)(H.Border,{onClick:()=>{e("drawer.left")},children:"Drawer Left"}),(0,u.jsx)(H.Border,{onClick:()=>{e("drawer.bottom")},children:"Drawer Bottom"}),(0,u.jsx)(H.Border,{onClick:()=>{e("drawer.right")},children:"Drawer Right"}),(0,u.jsx)(H.Border,{onClick:t=>{yt.open({tipsID:"test40",parent:t.currentTarget,content:(0,u.jsx)(v,{padding:1,border:!0,borderRadius:2,backgroundColor:"dark",fontColor:"white",children:"Content"})})},children:"Open Tooltips"})]})}),(0,u.jsxs)(ie.Center,{children:["Image Picker",(0,u.jsx)(Vr,{src:Ae.Images.defaultIcon("user"),ssSphere:6,showExpand:!0})]})]})]})]})},pd={index:()=>(0,u.jsx)(u.Fragment,{children:(0,u.jsxs)(xe,{gap:3,children:[(0,u.jsx)(pd.Data,{}),(0,u.jsx)(pd.Normal,{}),(0,u.jsx)(pd.Drag,{}),(0,u.jsx)(pd.Spread,{})]})}),Normal:()=>{let e=[];for(var t=0;t<10;t++){let r=[{children:"head_"+t},{children:"data_"+t},{children:"data_"+t}];e.push(r)}return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(v,{fontSize:"5.subTitle",children:"Table.Normal"}),(0,u.jsx)(ro.Normal,{colLength:3,head:[{children:"head1"},{children:"head2"},{children:"head3"}],rows:e,ssCardBox:!0,onRowClick:r=>{console.log(r)}})]})},Drag:()=>{let e=[];for(var t=0;t<4;t++){let r=[{children:"head_"+t},{children:"data_"+t},{children:"data_"+t}];r.rowID="rowID-"+t,e.push(r)}return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(v,{fontSize:"5.subTitle",children:"Table.Drag"}),(0,u.jsx)(ro.Drag,{colLength:3,head:[{children:"head1"},{children:"head2"},{children:"head3"}],cellStyles:{},cellStylesCallback:()=>({}),rows:e,ssCardBox:!0,onOrderChanged:r=>{console.log(r)}})]})},Data:()=>{let[e,t]=(0,zn.useState)(""),r=[];for(var o=0;o<100;o++){let n=Math.round(Math.random()*50+1),i=Math.round(Math.random()*50+1),l=Math.round(Math.random()*50+1),s="name_"+n,c="data_"+i,f="data_"+l,p=[{type:"th",children:o+":"+s,data:s,orderIndex:o},{type:"td",children:c,data:c},{type:"td",children:f,data:f}];r.push(p)}r[1].checked=!0,r[4].checked=!0,r[10].checked=!0;let a="testDataTable";return(0,u.jsxs)(xe,{children:[(0,u.jsxs)(Ee,{horizontalAlign:"between",children:[(0,u.jsx)(v,{fontSize:"5.subTitle",children:"Table.Data"}),(0,u.jsxs)(Ee,{gap:"1/2",backgroundColor:"theme",borderRadius:"1.tone.primary",overflow:"hidden",fontColor:"white",children:[(0,u.jsx)(H.Clear,{color:"white",children:"SubmitButton"}),(0,u.jsx)(v,{flexSizing:"none",unitWidth:"1/4",backgroundColor:"layer.4.opa.middle",isRounded:!0,margin:["2/3",0]}),(0,u.jsx)(H.Clear,{padding:[0,1],color:"white",onClick:n=>{yt.open({tipsID:To.default.uuid.gen(),parent:n.target,gravityPoint:24,closeAtAroundClick:!0,closeAtParentBlur:!1,content:(0,u.jsxs)(xe,{gap:0,padding:["2/3",0],backgroundColor:"layer.1",borderRadius:2,boxShadow:"0.normal",overflow:"hidden",children:[(0,u.jsx)(H.Clear.S,{borderRadius:0,borderBottom:"1.thin",children:"\u3059\u3079\u3066\u3092\u51FA\u529B"}),(0,u.jsx)(H.Clear.S,{borderRadius:0,borderBottom:"1.thin",children:"\u3053\u306E\u30DA\u30FC\u30B8\u306E\u307F\u51FA\u529B"}),(0,u.jsx)(H.Clear.S,{borderRadius:0,children:"\u30C1\u30A7\u30C3\u30AF\u3057\u305F\u884C\u306E\u307F\u51FA\u529B"})]})})},children:(0,u.jsx)(G.EllipsisV,{})})]})]}),(0,u.jsxs)(ie.Separate,{verticalAlign:"bottom",children:[(0,u.jsxs)(ie.Left,{verticalAlign:"bottom",children:[(0,u.jsx)(ro.Data.SearchInput,{tableID:a,onChange:n=>{t(n)}}),(0,u.jsx)(ro.Data.Info,{tableID:a})]}),(0,u.jsxs)(ie.Right,{verticalAlign:"unset",children:[(0,u.jsx)(ro.Data.RowLength,{tableID:a,lengthSelect:[30,50,100]}),(0,u.jsx)(ro.Data.Paging,{tableID:a})]})]}),(0,u.jsx)(ro.Data,{tableID:a,colLength:3,head:[{data:"head1"},{data:"head2"},{data:"head3"}],rows:r,pageRowLength:30,ssCardBox:!0,cellStyles:{padding:"1/2"},filter:[!0],checker:!0})]})},Spread:()=>(0,u.jsx)(u.Fragment,{children:(0,u.jsx)(v,{fontSize:"5.subTitle",children:"Table.Spread"})})},aP=()=>{let[e,t]=(0,zn.useState)(""),[r,o]=(0,zn.useState)(""),[a,n]=(0,zn.useState)("");return(0,u.jsx)(u.Fragment,{children:(0,u.jsxs)(v,{children:[(0,u.jsxs)(H,{onClick:()=>{ud.openDialogNEdit({use:"square",develops:[{size:"S"},{size:"R"},{size:"L"}],onProcessFinished:i=>Pt(void 0,null,function*(){t(yield(yield To.Filer.fromFile(i[0])).toDataURL()),o(yield(yield To.Filer.fromFile(i[1])).toDataURL()),n(yield(yield To.Filer.fromFile(i[2])).toDataURL())})})},children:[(0,u.jsx)(G.Image,{})," \u30A4\u30E1\u30FC\u30B8\u3092\u9078\u629E"]}),(0,u.jsxs)(Ee,{gap:1,verticalAlign:"top",children:[e&&(0,u.jsx)(Vr,{isRounded:!0,src:e,alt:"",showExpand:!0,freeCSS:{maxWidth:12*12}}),r&&(0,u.jsx)(Vr,{style:{maxWidth:24*12},src:r,alt:"",showExpand:!0}),a&&(0,u.jsx)(Vr,{style:{maxWidth:24*12},src:a,alt:"",showExpand:!0}),(0,u.jsx)(Cc,{border:!0,borderWidth:3,margin:[3,"auto"],freeCSS:{width:12*10},slideIndex:1,options:{loop:!0,onSlideCallback:i=>{}},slides:[(0,u.jsx)(v,{flexCenter:!0,padding:3,backgroundColor:"nega",children:"test1"}),(0,u.jsx)(v,{flexCenter:!0,padding:3,backgroundColor:"posi",children:"test2"}),(0,u.jsx)(v,{flexCenter:!0,padding:3,backgroundColor:"warn",children:"test3"}),(0,u.jsx)(v,{flexCenter:!0,padding:3,backgroundColor:"theme",children:"test4"})]})]})]})})},y7={Darkmode:e=>((0,zn.useEffect)(()=>{Ve.open({sheetID:"darkModeSelector",type:"custom",parent:document.body,gravityPoint:19,closeAtAroundClick:!1,content:()=>(0,u.jsx)(v,{padding:1,children:(0,u.jsx)(ve.Segmented.Cloud,w(d({cellStyles:{flexCenter:!0,padding:["1/4","1/2"],isRounded:!0},cellCheckedStyles:{boxShadow:"2.normal",backgroundColor:"theme",fontColor:"white"},ssCardBox:!0,backgroundColor:"layer.1",isRounded:!0,gap:"1/6",fontColor:"4.thin"},e),{options:[{value:"light",label:"Light"},{value:"dim",label:"Dim"},{value:"dark",label:"Dark"}],value:Se.get().darkMode,onUpdateValidValue:({value:t})=>{let r=t;To.default.setLocalStrageData("prf.darkMode",r),Se.update.darkMode(r)}}))})})},[]),null),ThemeColor:()=>{let e=t=>{let r="themeColorSelector";Ve.open({sheetID:r,type:"normal.middleCenter",size:"L",closeAtParentBlur:!1,closeAtAroundClick:!1,closeAfter:()=>{Ln.fn.updateCSSProperty.reset()},content:()=>{let[o,a]=(0,zn.useState)(t.defaultColor);(0,zn.useEffect)(()=>{To.default.scope(()=>{o!==Se.get().themeColor&&(Se.update.themeColor(o),To.default.setLocalStrageData("prf.themeColor",o),Ve.close(r))})},[o]);let n=Object.entries(dd).map(([i,l])=>{let s=i===o;return(0,u.jsx)(H.Clear,{color:"cloud",textAlign:"center",onClick:()=>{a(i)},children:(0,u.jsxs)(xe,{gap:"1/2",textAlign:"center",children:[s&&(0,u.jsx)(ce.Supplement,{padding:["1/4","1/2"],borderRadius:"3.tone.tertiary",backgroundColor:i,boxShadow:"2.normal",margin:"auto",fontColor:"white",fontSize:"0.xs",children:"\u8A2D\u5B9A\u4E2D"}),(0,u.jsx)(v,{position:"relative",margin:"auto",backgroundColor:i,ssSphere:2.5,children:(0,u.jsx)(v,{ssAbsoluteCovered:!0,border:!0,opacity:s?"max":"low",borderWidth:2,transition:"short",isRounded:!0,freeCSS:{transform:"scale(1.25)"}})}),(0,u.jsx)(ce.Supplement,{ssTextEllipsis:!0,freeCSS:{lineHeight:1.25},children:i.toCapital()})]})},i)});return(0,u.jsx)(Ve.Body,{children:(0,u.jsxs)(xe,{padding:2,gap:2,children:[(0,u.jsxs)(ie.Separate,{children:[(0,u.jsx)(ce.Paragraph,{children:"\u30C6\u30FC\u30DE\u3092\u9078\u629E"}),(0,u.jsx)(H.Sub,{color:"cloud",ssSphere:3,onClick:()=>{Ve.close(r)},children:(0,u.jsx)(G.Times,{})})]}),(0,u.jsx)(Ot,{gap:"1/4",freeCSS:{gridTemplateColumns:"repeat(auto-fit, minmax(4.5rem, 1fr))"},children:n})]})})}})};return(0,zn.useEffect)(()=>{To.default.scope(()=>Pt(void 0,null,function*(){Ve.open({sheetID:"themeColorSelector",type:"custom",parent:document.body,gravityPoint:17,closeAtParentBlur:!1,closeAtAroundClick:!1,content:()=>(0,u.jsx)(v,{padding:1,children:(0,u.jsx)(H.Border,{isRounded:!0,fontColor:"theme",onClick:t=>{e({defaultColor:Se.get().themeColor,cb:r=>{}})},children:(0,u.jsxs)(ie.Center,{gap:"1/3",children:[(0,u.jsx)(v,{boxShadow:"2.normal",ssSquare:1,borderRadius:"1/3",backgroundColor:"theme"}),"Theme: ",Se.get().themeColor.toCapital()]})})})})}))},[]),null}},Kp=()=>{console.log(To.default.uuid.gen());let[e,t]=(0,zn.useState)(Number(To.default.queryParams.get().ti)||0);return(0,zn.useEffect)(()=>{To.default.queryParams.set({ti:String(e)})},[e]),(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(y7.Darkmode,{}),(0,u.jsx)(y7.ThemeColor,{}),(0,u.jsxs)(xe,{gap:0,minHeight:"contentHeight",backgroundColor:"layer.1",position:"relative",freeCSS:{zIndex:1},children:[(0,u.jsx)(Up,{borderBottom:!0,position:"sticky",backgroundColor:"layer.1",boxShadow:"2.normal",top:"topBase",tabIndex:e,tabs:["Basic","Shadows","Buttons","Inputs","Styling","Effection","Tables","Croppie","PlayGround","Logo"],onTabChange:r=>{localStorage.setItem("designTabHeader",String(r)),t(r)},UnderBreakPointStyles:{position:"static",top:0}}),(0,u.jsx)(v,{flexSizing:0,position:"relative",freeCSS:{zIndex:1},children:(0,u.jsx)(kp,{viewIndex:e,views:[(0,u.jsx)(Fc.index,{}),(0,u.jsx)(tP.index,{}),(0,u.jsx)(Zv.index,{}),(0,u.jsx)(rP,{}),(0,u.jsx)(oP,{}),(0,u.jsx)(fd.index,{}),(0,u.jsx)(pd.index,{}),(0,u.jsx)(aP,{}),"",(0,u.jsx)(Ls.index,{})],wrapper:r=>(0,u.jsx)(Ui.FadeIn,{animationTime:200,children:(0,u.jsx)(Qu,{children:(0,u.jsx)(Ee,{gap:2,padding:2,flexWrap:!0,flexChilds:"auto",children:r})})},e)})})]})]})};var iP=d(d(d(d(d(d({},Qv),dv),vv),nP),e1),Xv);var qr=L(je()),lP=()=>(0,qr.jsxs)(qr.Fragment,{children:[(0,qr.jsxs)(xe,{padding:1,freeCSS:{maxWidth:12*32},children:[(0,qr.jsx)(ve.Autocomplete,{value:{b:"b"},options:[{value:{a:"a"},label:"a"},{value:{b:"b"},label:"b"},{value:{c:"c"},label:"c"},{value:{d:"d"},label:"d"}]}),(0,qr.jsx)(ve.TextField,{form:"testForm",name:"test",required:!0,value:"test",onUpdateValidValue:({value:e})=>{console.log(e)},onValidate:r=>Lt(void 0,[r],function*({value:e,eventType:t}){return console.log("onValidate",e),t=="init"?{ok:!1,notice:[]}:(yield Xp.default.pending(()=>{},1e3),{ok:!0,notice:[]})})}),(0,qr.jsx)(H,{submitOption:{formName:"testForm",acceptInvalidForm:!0,callback:(e,t)=>{console.log(e),console.log(t)}},children:"Submit"})]}),(0,qr.jsx)(Kp,{})]});Xp.default.scope(()=>{let e=document.createElement("sample-app");e.id="sampleAppBody",document.body.append(e),Se.launch({appRoot:e,roundness:3,themeColor:Xp.default.getLocalStrageData("prf.themeColor")||"battery"});let t=()=>{let r=wi.useLocation(),o=wi.useNavigate();return(0,Qp.useEffect)(()=>{Wr.setPushEffect(a=>{o(a)}),Wr.setBackEffect(()=>{o(-1)})},[]),$p({pathname:r.pathname}),(0,qr.jsx)(wi.Routes,{children:(0,qr.jsx)(wi.Route,{path:"*",element:(0,qr.jsx)(lP,{})},"*")})};w7.default.createRoot(e).render((0,qr.jsx)(Qp.StrictMode,{children:(0,qr.jsx)(Yp,{children:(0,qr.jsx)(wi.BrowserRouter,{children:(0,qr.jsx)(t,{})})})}))});
+} )`})}),(0,u.jsxs)(xe,{padding:2,children:[(0,u.jsx)(H.Border,{onClick:t=>{yt.open({tipsID:"testTips",parent:t.currentTarget,closeAtParentBlur:!1,closeAtAroundClick:!1,closeAtEscapeKeyDown:!0,content:()=>(0,u.jsx)(Ve.Body,{padding:2,children:(0,u.jsx)(H,{onClick:()=>{Ve.open({sheetID:"testSheet",closeAtAroundClick:!0,type:"normal.middleLeft",content:()=>(0,u.jsx)(Ve.Body,{padding:2,children:"END"})})},children:"nest"})})})},children:"Tooltips with nested sheet"}),(0,u.jsx)(v,{flexCenter:!0,children:(0,u.jsxs)(Ot,{gridCols:3,gap:1,children:[(0,u.jsx)(H.Border,{onClick:()=>{e("normal.topLeft")},children:"Top Left"}),(0,u.jsx)(H.Border,{onClick:()=>{e("normal.topCenter")},children:"Top Center"}),(0,u.jsx)(H.Border,{onClick:()=>{e("normal.topRight")},children:"Top Right"}),(0,u.jsx)(H.Border,{onClick:()=>{e("normal.middleLeft")},children:"Middle Left"}),(0,u.jsx)(H.Border,{onClick:()=>{e("normal.middleCenter")},children:"Middle Center"}),(0,u.jsx)(H.Border,{onClick:()=>{e("normal.middleRight")},children:"Middle Right"}),(0,u.jsx)(H.Border,{onClick:()=>{e("normal.bottomLeft")},children:"Bottom Left"}),(0,u.jsx)(H.Border,{onClick:()=>{e("normal.bottomCenter")},children:"Bottom Center"}),(0,u.jsx)(H.Border,{onClick:()=>{e("normal.bottomRight")},children:"Bottom Right"}),(0,u.jsx)(H.Border,{onClick:()=>{e("drawer.left")},children:"Drawer Left"}),(0,u.jsx)(H.Border,{onClick:()=>{e("drawer.bottom")},children:"Drawer Bottom"}),(0,u.jsx)(H.Border,{onClick:()=>{e("drawer.right")},children:"Drawer Right"}),(0,u.jsx)(H.Border,{onClick:t=>{yt.open({tipsID:"test40",parent:t.currentTarget,content:(0,u.jsx)(v,{padding:1,border:!0,borderRadius:2,backgroundColor:"dark",fontColor:"white",children:"Content"})})},children:"Open Tooltips"})]})}),(0,u.jsxs)(ie.Center,{children:["Image Picker",(0,u.jsx)(Vr,{src:Ae.Images.defaultIcon("user"),ssSphere:6,showExpand:!0})]})]})]})]})},pd={index:()=>(0,u.jsx)(u.Fragment,{children:(0,u.jsxs)(xe,{gap:3,children:[(0,u.jsx)(pd.Data,{}),(0,u.jsx)(pd.Normal,{}),(0,u.jsx)(pd.Drag,{}),(0,u.jsx)(pd.Spread,{})]})}),Normal:()=>{let e=[];for(var t=0;t<10;t++){let r=[{children:"head_"+t},{children:"data_"+t},{children:"data_"+t}];e.push(r)}return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(v,{fontSize:"5.subTitle",children:"Table.Normal"}),(0,u.jsx)(ro.Normal,{colLength:3,head:[{children:"head1"},{children:"head2"},{children:"head3"}],rows:e,ssCardBox:!0,onRowClick:r=>{console.log(r)}})]})},Drag:()=>{let e=[];for(var t=0;t<4;t++){let r=[{children:"head_"+t},{children:"data_"+t},{children:"data_"+t}];r.rowID="rowID-"+t,e.push(r)}return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(v,{fontSize:"5.subTitle",children:"Table.Drag"}),(0,u.jsx)(ro.Drag,{colLength:3,head:[{children:"head1"},{children:"head2"},{children:"head3"}],cellStyles:{},cellStylesCallback:()=>({}),rows:e,ssCardBox:!0,onOrderChanged:r=>{console.log(r)}})]})},Data:()=>{let[e,t]=(0,zn.useState)(""),r=[];for(var o=0;o<100;o++){let n=Math.round(Math.random()*50+1),i=Math.round(Math.random()*50+1),l=Math.round(Math.random()*50+1),s="name_"+n,c="data_"+i,f="data_"+l,p=[{type:"th",children:o+":"+s,data:s,orderIndex:o},{type:"td",children:c,data:c},{type:"td",children:f,data:f}];r.push(p)}r[1].checked=!0,r[4].checked=!0,r[10].checked=!0;let a="testDataTable";return(0,u.jsxs)(xe,{children:[(0,u.jsxs)(Ee,{horizontalAlign:"between",children:[(0,u.jsx)(v,{fontSize:"5.subTitle",children:"Table.Data"}),(0,u.jsxs)(Ee,{gap:"1/2",backgroundColor:"theme",borderRadius:"1.tone.primary",overflow:"hidden",fontColor:"white",children:[(0,u.jsx)(H.Clear,{color:"white",children:"SubmitButton"}),(0,u.jsx)(v,{flexSizing:"none",unitWidth:"1/4",backgroundColor:"layer.4.opa.middle",isRounded:!0,margin:["2/3",0]}),(0,u.jsx)(H.Clear,{padding:[0,1],color:"white",onClick:n=>{yt.open({tipsID:To.default.uuid.gen(),parent:n.target,gravityPoint:24,closeAtAroundClick:!0,closeAtParentBlur:!1,content:(0,u.jsxs)(xe,{gap:0,padding:["2/3",0],backgroundColor:"layer.1",borderRadius:2,boxShadow:"0.normal",overflow:"hidden",children:[(0,u.jsx)(H.Clear.S,{borderRadius:0,borderBottom:"1.thin",children:"\u3059\u3079\u3066\u3092\u51FA\u529B"}),(0,u.jsx)(H.Clear.S,{borderRadius:0,borderBottom:"1.thin",children:"\u3053\u306E\u30DA\u30FC\u30B8\u306E\u307F\u51FA\u529B"}),(0,u.jsx)(H.Clear.S,{borderRadius:0,children:"\u30C1\u30A7\u30C3\u30AF\u3057\u305F\u884C\u306E\u307F\u51FA\u529B"})]})})},children:(0,u.jsx)(G.EllipsisV,{})})]})]}),(0,u.jsxs)(ie.Separate,{verticalAlign:"bottom",children:[(0,u.jsxs)(ie.Left,{verticalAlign:"bottom",children:[(0,u.jsx)(ro.Data.SearchInput,{tableID:a,onChange:n=>{t(n)}}),(0,u.jsx)(ro.Data.Info,{tableID:a})]}),(0,u.jsxs)(ie.Right,{verticalAlign:"unset",children:[(0,u.jsx)(ro.Data.RowLength,{tableID:a,lengthSelect:[30,50,100]}),(0,u.jsx)(ro.Data.Paging,{tableID:a})]})]}),(0,u.jsx)(ro.Data,{tableID:a,colLength:3,head:[{data:"head1"},{data:"head2"},{data:"head3"}],rows:r,pageRowLength:30,ssCardBox:!0,cellStyles:{padding:"1/2"},filter:[!0],checker:!0})]})},Spread:()=>(0,u.jsx)(u.Fragment,{children:(0,u.jsx)(v,{fontSize:"5.subTitle",children:"Table.Spread"})})},aP=()=>{let[e,t]=(0,zn.useState)(""),[r,o]=(0,zn.useState)(""),[a,n]=(0,zn.useState)("");return(0,u.jsx)(u.Fragment,{children:(0,u.jsxs)(v,{children:[(0,u.jsxs)(H,{onClick:()=>{ud.openDialogNEdit({use:"square",develops:[{size:"S"},{size:"R"},{size:"L"}],onProcessFinished:i=>Pt(void 0,null,function*(){t(yield(yield To.Filer.fromFile(i[0])).toDataURL()),o(yield(yield To.Filer.fromFile(i[1])).toDataURL()),n(yield(yield To.Filer.fromFile(i[2])).toDataURL())})})},children:[(0,u.jsx)(G.Image,{})," \u30A4\u30E1\u30FC\u30B8\u3092\u9078\u629E"]}),(0,u.jsxs)(Ee,{gap:1,verticalAlign:"top",children:[e&&(0,u.jsx)(Vr,{isRounded:!0,src:e,alt:"",showExpand:!0,freeCSS:{maxWidth:12*12}}),r&&(0,u.jsx)(Vr,{style:{maxWidth:24*12},src:r,alt:"",showExpand:!0}),a&&(0,u.jsx)(Vr,{style:{maxWidth:24*12},src:a,alt:"",showExpand:!0}),(0,u.jsx)(Cc,{border:!0,borderWidth:3,margin:[3,"auto"],freeCSS:{width:12*10},slideIndex:1,options:{loop:!0,onSlideCallback:i=>{}},slides:[(0,u.jsx)(v,{flexCenter:!0,padding:3,backgroundColor:"nega",children:"test1"}),(0,u.jsx)(v,{flexCenter:!0,padding:3,backgroundColor:"posi",children:"test2"}),(0,u.jsx)(v,{flexCenter:!0,padding:3,backgroundColor:"warn",children:"test3"}),(0,u.jsx)(v,{flexCenter:!0,padding:3,backgroundColor:"theme",children:"test4"})]})]})]})})},y7={Darkmode:e=>((0,zn.useEffect)(()=>{Ve.open({sheetID:"darkModeSelector",type:"custom",parent:document.body,gravityPoint:19,closeAtAroundClick:!1,content:()=>(0,u.jsx)(v,{padding:1,children:(0,u.jsx)(ve.Segmented.Cloud,w(d({cellStyles:{flexCenter:!0,padding:["1/4","1/2"],isRounded:!0},cellCheckedStyles:{boxShadow:"2.normal",backgroundColor:"theme",fontColor:"white"},ssCardBox:!0,backgroundColor:"layer.1",isRounded:!0,gap:"1/6",fontColor:"4.thin"},e),{options:[{value:"light",label:"Light"},{value:"dim",label:"Dim"},{value:"dark",label:"Dark"}],value:Se.get().darkMode,onUpdateValidValue:({value:t})=>{let r=t;To.default.setLocalStrageData("prf.darkMode",r),Se.update.darkMode(r)}}))})})},[]),null),ThemeColor:()=>{let e=t=>{let r="themeColorSelector";Ve.open({sheetID:r,type:"normal.middleCenter",size:"L",closeAtParentBlur:!1,closeAtAroundClick:!1,closeAfter:()=>{Ln.fn.updateCSSProperty.reset()},content:()=>{let[o,a]=(0,zn.useState)(t.defaultColor);(0,zn.useEffect)(()=>{To.default.scope(()=>{o!==Se.get().themeColor&&(Se.update.themeColor(o),To.default.setLocalStrageData("prf.themeColor",o),Ve.close(r))})},[o]);let n=Object.entries(dd).map(([i,l])=>{let s=i===o;return(0,u.jsx)(H.Clear,{color:"cloud",textAlign:"center",onClick:()=>{a(i)},children:(0,u.jsxs)(xe,{gap:"1/2",textAlign:"center",children:[s&&(0,u.jsx)(ce.Supplement,{padding:["1/4","1/2"],borderRadius:"3.tone.tertiary",backgroundColor:i,boxShadow:"2.normal",margin:"auto",fontColor:"white",fontSize:"0.xs",children:"\u8A2D\u5B9A\u4E2D"}),(0,u.jsx)(v,{position:"relative",margin:"auto",backgroundColor:i,ssSphere:2.5,children:(0,u.jsx)(v,{ssAbsoluteCovered:!0,border:!0,opacity:s?"max":"low",borderWidth:2,transition:"short",isRounded:!0,freeCSS:{transform:"scale(1.25)"}})}),(0,u.jsx)(ce.Supplement,{ssTextEllipsis:!0,freeCSS:{lineHeight:1.25},children:i.toCapital()})]})},i)});return(0,u.jsx)(Ve.Body,{children:(0,u.jsxs)(xe,{padding:2,gap:2,children:[(0,u.jsxs)(ie.Separate,{children:[(0,u.jsx)(ce.Paragraph,{children:"\u30C6\u30FC\u30DE\u3092\u9078\u629E"}),(0,u.jsx)(H.Sub,{color:"cloud",ssSphere:3,onClick:()=>{Ve.close(r)},children:(0,u.jsx)(G.Times,{})})]}),(0,u.jsx)(Ot,{gap:"1/4",freeCSS:{gridTemplateColumns:"repeat(auto-fit, minmax(4.5rem, 1fr))"},children:n})]})})}})};return(0,zn.useEffect)(()=>{To.default.scope(()=>Pt(void 0,null,function*(){Ve.open({sheetID:"themeColorSelector",type:"custom",parent:document.body,gravityPoint:17,closeAtParentBlur:!1,closeAtAroundClick:!1,content:()=>(0,u.jsx)(v,{padding:1,children:(0,u.jsx)(H.Border,{isRounded:!0,fontColor:"theme",onClick:t=>{e({defaultColor:Se.get().themeColor,cb:r=>{}})},children:(0,u.jsxs)(ie.Center,{gap:"1/3",children:[(0,u.jsx)(v,{boxShadow:"2.normal",ssSquare:1,borderRadius:"1/3",backgroundColor:"theme"}),"Theme: ",Se.get().themeColor.toCapital()]})})})})}))},[]),null}},Kp=()=>{console.log(To.default.uuid.gen());let[e,t]=(0,zn.useState)(Number(To.default.queryParams.get().ti)||0);return(0,zn.useEffect)(()=>{To.default.queryParams.set({ti:String(e)})},[e]),(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(y7.Darkmode,{}),(0,u.jsx)(y7.ThemeColor,{}),(0,u.jsxs)(xe,{gap:0,minHeight:"contentHeight",backgroundColor:"layer.1",position:"relative",freeCSS:{zIndex:1},children:[(0,u.jsx)(Up,{borderBottom:!0,position:"sticky",backgroundColor:"layer.1",boxShadow:"2.normal",top:"topBase",tabIndex:e,tabs:["Basic","Shadows","Buttons","Inputs","Styling","Effection","Tables","Croppie","PlayGround","Logo"],onTabChange:r=>{localStorage.setItem("designTabHeader",String(r)),t(r)},UnderBreakPointStyles:{position:"static",top:0}}),(0,u.jsx)(v,{flexSizing:0,position:"relative",freeCSS:{zIndex:1},children:(0,u.jsx)(kp,{viewIndex:e,views:[(0,u.jsx)(Fc.index,{}),(0,u.jsx)(tP.index,{}),(0,u.jsx)(Zv.index,{}),(0,u.jsx)(rP,{}),(0,u.jsx)(oP,{}),(0,u.jsx)(fd.index,{}),(0,u.jsx)(pd.index,{}),(0,u.jsx)(aP,{}),"",(0,u.jsx)(Ls.index,{})],wrapper:r=>(0,u.jsx)(Ui.FadeIn,{animationTime:200,children:(0,u.jsx)(Qu,{children:(0,u.jsx)(Ee,{gap:2,padding:2,flexWrap:!0,flexChilds:"auto",children:r})})},e)})})]})]})};var iP=d(d(d(d(d(d({},Qv),dv),vv),nP),e1),Xv);var qr=L(je()),lP=()=>(0,qr.jsxs)(qr.Fragment,{children:[(0,qr.jsxs)(xe,{padding:1,freeCSS:{maxWidth:12*32},children:[(0,qr.jsx)(ve.Search,{form:"testForm",name:"test.search",options:[{value:{a:"a"},label:"a"},{value:{b:"b"},label:"b"},{value:{c:"c"},label:"c"},{value:{d:"d"},label:"d"}]}),(0,qr.jsx)(ve.TextField,{form:"testForm",name:"test",required:!0,value:"test",onUpdateValidValue:({value:e})=>{console.log(e)},onValidate:r=>Lt(void 0,[r],function*({value:e,eventType:t}){return console.log("onValidate",e),t=="init"?{ok:!1,notice:[]}:(yield Xp.default.pending(()=>{},1e3),{ok:!0,notice:[]})})}),(0,qr.jsx)(H,{submitOption:{formName:"testForm",acceptInvalidForm:!0,callback:(e,t)=>{console.log(e),console.log(t)}},children:"Submit"})]}),(0,qr.jsx)(Kp,{})]});Xp.default.scope(()=>{let e=document.createElement("sample-app");e.id="sampleAppBody",document.body.append(e),Se.launch({appRoot:e,roundness:3,themeColor:Xp.default.getLocalStrageData("prf.themeColor")||"battery"});let t=()=>{let r=wi.useLocation(),o=wi.useNavigate();return(0,Qp.useEffect)(()=>{Wr.setPushEffect(a=>{o(a)}),Wr.setBackEffect(()=>{o(-1)})},[]),$p({pathname:r.pathname}),(0,qr.jsx)(wi.Routes,{children:(0,qr.jsx)(wi.Route,{path:"*",element:(0,qr.jsx)(lP,{})},"*")})};w7.default.createRoot(e).render((0,qr.jsx)(Qp.StrictMode,{children:(0,qr.jsx)(Yp,{children:(0,qr.jsx)(wi.BrowserRouter,{children:(0,qr.jsx)(t,{})})})}))});
 /*! Bundled license information:
 
 react/cjs/react.production.min.js:

package/package.json

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