https://todoeigo.jp/static/js/react-page-docs-tos.d65c32fc.js

1"use strict";(self["webpackChunktodoschool"]=self["webpackChunktodoschool"]||[]).push([[8177],{48443:function(e,t,n){n.d(t,{m:function(){return l}});var r=n(6636),u=n(74159),o={mobileSize:"768px",root:"pWaoQ53m8mksBlXJvCyi",stContain:"S43WjTUTed0V7xBFFhhk",target:"pbuU6azmldwaLhaasQpm",fly:"t1YlGy6ELOcNBhcd8fhK",containText:"XNPGWtB1LcA9xo6JQpeq"},s=n(74848),c=" ";function a(e){var t=e.text,n=e.speed,a=e.delay,i=e.contain,l=""===t||null==t?c:String(t),f=(0,u.useState)(c),d=(0,r.A)(f,2),h=d[0],p=d[1],v=(0,u.useState)(c),m=(0,r.A)(v,2),y=m[0],x=m[1],g=(0,u.useState)(c),w=(0,r.A)(g,2),j=w[0],b=w[1],R=(0,u.useRef)(null),N=(0,u.useRef)(null),k=(0,u.useRef)(null),E=(0,u.useRef)(null),S=(0,u.useRef)(null),L=(0,u.useRef)(!1),H=(0,u.useRef)(null),_=(0,u.useRef)(c),A=(0,u.useRef)(!1);return(0,u.useEffect)(function(){var e=_.current;_.current=l,l!==e&&(L.current?H.current=[l,e]:(p(e||c),x(l||c),A.current=!0))},[l]),(0,u.useLayoutEffect)(function(){if(A.current){A.current=!1;var e=R.current,t=N.current,u=k.current,o=E.current,s=S.current;if(e&&t&&u&&o&&s){var c=n?.001*n:.58,l=a?.001*a:0,f=window.gsap,d=e.offsetWidth;f&&f.set(t,{css:{width:i?"auto":null}});var h={before:{width:u.offsetWidth,height:s.offsetHeight},after:{width:o.offsetWidth,height:o.offsetHeight}},v=Math.max(d,h.before.width,h.after.width);if(!f)return b(y),void(L.current=!1);f.set(e,{css:{width:v}}),b(y),f.set(s,{opacity:0}),f.set(t,{opacity:1,y:0}),L.current=!0,f.fromTo(e,{height:h.before.height},{height:h.after.height,ease:"power3.out",duration:c,delay:l,clearProps:"all"}),f.to(t,{y:-h.before.height,ease:"power3.out",duration:c,delay:l,onComplete:function(){L.current=!1;var e=R.current,t=N.current,n=S.current;n&&f.set(n,{opacity:1}),t&&f.set(t,{opacity:0,y:0}),e&&f.set(e,{css:{width:null}});var u=H.current;if(u){var o=(0,r.A)(u,2),s=o[0],c=o[1];H.current=null,p(c),x(s),A.current=!0}}})}}}),(0,s.jsx)("span",{className:"".concat(o.root," ").concat(i?o.stContain:""),children:(0,s.jsxs)("span",{ref:R,className:o.target,children:[(0,s.jsxs)("span",{ref:N,className:o.fly,children:[(0,s.jsx)("span",{ref:k,className:o.before,dangerouslySetInnerHTML:{__html:h}}),(0,s.jsx)("span",{ref:E,className:o.after,dangerouslySetInnerHTML:{__html:y}})]}),(0,s.jsx)("span",{ref:S,className:o.containText,dangerouslySetInnerHTML:{__html:j}})]})})}var i={mobileSize:"768px",root:"XJzvjOuFFw2pf_soZO_n",open:"obsA98PACJ40_2pPRBxA",layout:"WYURVeBBVQ2n5f9NXpuu",transform:"jfnKphcnTQrPVWH2zKHs",display:"BStVnzxYCSEXbRKrAyN6","region--ja_jp":"UVTj2LEe8wEZXne2FQd4",app:"QlVZSAdV4N4b9rvE_SRt",unuse_touch:"BPF8XreSrEetYbs9pM0K",option:"uhxXKe3q54ZrUk0Z8Hau",optionList:"W7ARHHzdYmgaBv2bzILB",optionItem:"bqqiv7f9_eYItj3rJVN4",selected:"JK8lVEyPsQnf20Bp8ut5"};function l(e){var t,n,o=e.options,c=e.value,l=e.onChange,f=e.className,d=(0,u.useState)(!1),h=(0,r.A)(d,2),p=h[0],v=h[1],m=(0,u.useRef)(null),y=(0,u.useRef)(null),x=(0,u.useRef)(null),g=(0,u.useRef)(null),w=(0,u.useRef)(null),j=(0,u.useRef)(null),b=(0,u.useRef)(!0),R=null!==(t=o.find(function(e){return e.value===c}))&&void 0!==t?t:o[0];(0,u.useLayoutEffect)(function(){var e=x.current,t=g.current,n=y.current;if(e&&t&&n){var r=t.offsetHeight;n.style.width="".concat(e.offsetWidth,"px"),n.style.height="".concat(r,"px"),e.style.height="".concat(r,"px")}},[]),(0,u.useEffect)(function(){if(p){var e=function(e){m.current&&!m.current.contains(e.target)&&v(!1)};return document.addEventListener("click",e),function(){return document.removeEventListener("click",e)}}},[p]),(0,u.useEffect)(function(){if(b.current)b.current=!1;else{var e=x.current,t=g.current,n=w.current;if(e&&t){var r=t.offsetHeight,u=p?r+(n?n.offsetHeight:0):r,o=window.gsap;j.current&&j.current.kill(),o?j.current=o.to(e,{height:u,duration:p?.7:.25,ease:p?"power4.out":"power2.out"}):e.style.height="".concat(u,"px")}}},[p]);var N=function(e){l(e),v(!1)};return(0,s.jsx)("div",{ref:m,className:"input--dropdown-select ".concat(i.root," ").concat(p?i.open:""," ").concat(null!==f&&void 0!==f?f:""),children:(0,s.jsx)("div",{ref:y,className:i.layout,children:(0,s.jsxs)("div",{ref:x,className:i.transform,children:[(0,s.jsx)("div",{ref:g,className:i.display,role:"button",tabIndex:0,onClick:function(){return v(function(e){return!e})},onKeyDown:function(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),v(function(e){return!e}))},children:(0,s.jsx)(a,{text:null!==(n=null===R||void 0===R?void 0:R.label)&&void 0!==n?n:"",contain:!0})}),(0,s.jsx)("div",{className:i.option,children:(0,s.jsx)("ul",{ref:w,className:i.optionList,children:o.map(function(e){return(0,s.jsx)("li",{className:"".concat(i.optionItem," ").concat(e.value===c?i.selected:""),role:"option","aria-selected":e.value===c,tabIndex:0,onClick:function(){return N(e.value)},onKeyDown:function(t){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),N(e.value))},children:(0,s.jsx)("span",{children:e.label})},e.value)})})})]})})})}}}]);