{"version":3,"sources":["webpack:///./src/components/atoms/ShuffleTypo.js","webpack:///./src/hooks/useRealtimeTimer.js","webpack:///./src/components/organisms/common/meta.jsx","webpack:///./src/assets/images/top/logo.svg","webpack:///./src/components/atoms/top/shuffle_text.js","webpack:///./src/assets/styles/top/styles.module.styl","webpack:///./src/util.js","webpack:///./src/components/atoms/ShuffleLetter.js","webpack:///./src/assets/styles/top/carousel.module.styl"],"names":["ShuffleTypo","elem","text","delay","speed","defState","rollNum","letterDelay","this","state","oldState","letters","letterItems","Array","init","reset","i","length","createLetter","prevLetterDelay","nextDelay","Math","floor","random","delay0Ratio","push","ShuffleLetter","duration","rollSpeed","changeState","classList","add","remove","render","time","item","currentText","slice","id","replaced","replace","textContent","useRealtimeTimer","callback","useEffect","prevActive","activeCallbacks","size","endLoopFunc","handle","frame","requestAnimationFrame","cancelAnimationFrame","loop","mainLoop","activateCallback","delete","deactivateCallback","Set","forEach","f","Meta","props","document","tagjs","createElement","s","getElementsByTagName","async","src","parentNode","insertBefore","dir_name","src_font","title","description","sns_title","sns_description","src_ga","bodyClass","charset","isLoadSrc","charSet","name","content","property","base","className","module","exports","ShuffleText","React","useState","str","myRef","useRef","st","intersectTarget","current","isEffect","window","is_Effect","contains","closest","getAttribute","odm","stylesSlider","modalOdm","modal_odm","waits","querySelectorAll","onComplete","styles","shuffle_typo","ref","defaultProps","Util","shuffle","array","j","goalText","fontArr","split","defDelay","defRollNum","roll"],"mappings":"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","file":"fae14a7239f56133f64ec68dee8527af8e7e3f72-c6a05942b9e16861cdd6.js","sourcesContent":["import styles from 'src/assets/styles/top/styles.module.styl'\nimport ShuffleLetter from 'src/components/atoms/ShuffleLetter'\n\nclass ShuffleTypo {\n  constructor(elem,text, delay = 0, speed = 1, defState = 'PRE_ROLL_IN', rollNum = 8, letterDelay = 4) {\n    this.elem = elem\n    \n    this.letterDelay = letterDelay;\n    this.state = defState;\n    this.oldState = ' '\n    this.letters = text;\n    this.letterItems = new Array();\n    if(this.state == 'PRE_ROLL_OUT'){\n      this.text = this.letters\n    }else{\n      this.text = ' '\n    }\n    this.delay = delay\n    this.speed = speed\n    \n    this.rollNum = rollNum\n    this.init();\n  }\n  reset() {\n    if(this.state == 'PRE_ROLL_OUT'){\n      this.text = this.letters\n    }else{\n      this.text = ' '\n    }\n    for (let i = 0; i < this.letterItems.length; i++) {\n      const letter = this.letterItems[i];\n      letter.reset()\n    }\n  }\n  init() {\n    this.createLetter();\n  }\n  createLetter() {\n    if (this.state == 'PRE_ROLL_IN') {\n      this.text = ' ';\n    }\n    \n    for (let i = 0; i < this.letters.length; i++) {\n      const text = this.letters[i];\n      const prevLetterDelay = (i > 0) ? this.letterItems[i - 1].delay : 0;\n      \n      // const delay = (Math.random()>0.5)?1+Math.floor(Math.random()*20):0;\n      let nextDelay = Math.floor(Math.random() * this.letterDelay)/this.speed\n      if(Math.random()>0.96){\n        nextDelay = 3*nextDelay\n      }\n\n      let delay0Ratio = 0.99\n      if(this.rollNum == 0 && this.letterDelay == 2){\n        delay0Ratio = 0.5\n      }\n\n      if(Math.random()>delay0Ratio){\n        nextDelay = 0\n      }\n\n      const delay = prevLetterDelay + nextDelay;\n      this.letterItems.push(new ShuffleLetter(i, text, delay,this.speed,this.rollNum));\n      if (this.state == 'HIDE' || this.state == 'PRE_ROLL_OUT') {\n        this.letterItems[i].text = text;\n      }\n      if (i == this.letters.length - 1) {\n        \n        this.duration = delay + this.letterItems[i].rollNum * (1 / this.letterItems[i].rollSpeed);\n      }\n    }\n  }\n  changeState() {\n    switch (this.state) {\n      case 'HIDE':\n        this.elem.classList.add('hide')\n        break;\n      case 'SHOW':\n        this.elem.classList.remove('roll_in')\n        this.elem.classList.add('show')\n        break;\n      case 'PRE_ROLL_IN':\n        this.elem.classList.remove('hide')\n        break;\n      case 'PRE_ROLL_OUT':\n        this.elem.classList.remove('show')\n        break;\n      case 'ROLL_IN':\n        \n        this.elem.classList.add('roll_in')\n        for (let i = 0; i < this.letterItems.length; i++) {\n          const item = this.letterItems[i];\n          item.state = 'PRE_ROLL_IN';\n        }\n        break;\n      case 'ROLL_OUT':\n        for (let i = 0; i < this.letterItems.length; i++) {\n          const item = this.letterItems[i];\n          item.state = 'PRE_ROLL_OUT';\n        }\n        break;\n      default:\n        break;\n    }\n  }\n  render(time) {\n    this.oldState = this.state;\n    \n    switch (this.state) {\n      case 'HIDE':\n        break;\n      case 'SHOW':\n        break;\n      case 'PRE_ROLL_IN':\n        this.delay--;\n        if (this.delay < 1) {\n          this.state = 'ROLL_IN';\n        }\n        break;\n      case 'PRE_ROLL_OUT':\n        this.delay--;\n        if (this.delay < 1) {\n          this.state = 'ROLL_OUT';\n        }\n        break;\n      case 'ROLL_IN':\n        for (let i = 0; i < this.letterItems.length; i++) {\n          const item = this.letterItems[i];\n          item.render(time);\n          if (item.state == 'ROLL_IN' || item.state == 'SHOW') {\n            const currentText = this.text\n            this.text = currentText.slice(0, item.id) + item.text + currentText.slice(item.id + 1);\n          }\n          \n          if (item.state == 'SHOW' && i == this.letterItems.length - 1) {\n            this.state = 'SHOW';\n            this.text = this.letters\n            let replaced = this.text.replace(/_n/g, '\\n')\n            replaced = replaced.replace(/_s/g, '\\u0020')\n            this.elem.textContent = replaced\n          }\n          \n        }\n        break;\n      case 'ROLL_OUT':\n        for (let i = 0; i < this.letterItems.length; i++) {\n          const item = this.letterItems[i];\n          item.render(time);\n          if (item.state == 'ROLL_OUT' || item.state == 'HIDE') {\n            const currentText = this.text\n            this.text = currentText.slice(0, item.id) + item.text + currentText.slice(item.id + 1);\n          }\n          \n          if (item.state == 'HIDE' && i == this.letterItems.length - 1) {\n            this.state = 'HIDE';\n          }\n          \n        }\n        break;\n      default:\n        break;\n    }\n    if (this.state != this.oldState) {\n      this.changeState();\n    }\n  }\n}\n\nexport default ShuffleTypo","import { useEffect } from 'react';\n\n/**\n * requestAnimationFrameでループを回し続けるカスタムフック\n * 複数のコンポーネントからリクエストを受けても回るループは1つだけ\n */\nexport function useRealtimeTimer(callback) {\n  useEffect(() => {\n    activateCallback(callback);\n    return () => deactivateCallback(callback);\n  });\n}\n\n/**\n * 現在ループしている関数たち\n */\nconst activeCallbacks = new Set();\n/**\n * 現在のループを終了させる関数\n */\nlet endLoopFunc = null;\n\nfunction mainLoop() {\n  activeCallbacks.forEach(f => f());\n}\n/**\n * 関数をループに追加する\n */\nfunction activateCallback(callback) {\n  const prevActive = activeCallbacks.size > 0;\n  activeCallbacks.add(callback);\n  if (!prevActive) {\n    endLoopFunc = loop(mainLoop);\n  }\n}\n/**\n * 関数をループから削除する\n */\nfunction deactivateCallback(callback) {\n  activeCallbacks.delete(callback);\n  if (activeCallbacks.size === 0 && endLoopFunc != null) {\n    endLoopFunc();\n    endLoopFunc = null;\n  }\n}\n\n/**\n * 渡された関数をrequestAnimationFrameでループする関数\n * @returns {Function} ループを止める関数\n */\nfunction loop(callback) {\n  let handle = null;\n  const frame = () => {\n    callback();\n    handle = requestAnimationFrame(frame);\n  };\n  frame();\n  return () => {\n    if (handle != null) {\n      cancelAnimationFrame(handle);\n    }\n  };\n}","import React, { useEffect } from 'react'\nimport { Helmet } from 'react-helmet'\n\nconst Meta = props => {\n  useEffect(() => {\n    if (document) {\n      var tagjs = document.createElement('script')\n      var s = document.getElementsByTagName('script')[0]\n      tagjs.async = true\n      tagjs.src = '//s.yjtag.jp/tag.js#site=LfbTQk1'\n      s.parentNode.insertBefore(tagjs, s)\n    }\n  }, [])\n\n  const dir_name = props.dir_name\n  const title = props.title\n    ? props.title\n    : 'CalorieMate to Programmer | 大塚製薬'\n  const description = props.description\n    ? props.description\n    : 'カロリーメイトから、すべてのうちこむ人へ。プログラミング言語で書かれたメッセージを公開中。　#うちこむ人にバランス栄養'\n  const base = 'https://www.otsuka.co.jp/cmt/to_programmer/'\n  // const base = 'https://otsuka.preview.i-studio.co.jp/cmt/to_programmer/'\n  const og_url = `${base}`\n  const og_image = `${base}assets/img/og/topv2.png`\n\n  const sns_title = title\n  const sns_description = description\n\n  let src_font = ''\n  let src_ga = ''\n\n  const bodyClass = props.bodyClass ? props.bodyClass : ''\n\n  src_font = (\n    <script\n      src=\"//typesquare.com/3/tsst/script/ja/typesquare.js?5efafdf2e53c4807b1a16d5cac1e0217\"\n      charset=\"utf-8\"\n    ></script>\n  )\n\n  if (props.isLoadSrc !== '') {\n    src_ga = (\n      <script>{`\n        (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\n        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\n        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\n        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n        })(window,document,'script','dataLayer','GTM-PFCFBJ');\n      `}</script>\n    )\n  }\n\n  return (\n    <Helmet>\n      <htmlAttributes />\n      <meta charSet=\"utf-8\" />\n      <meta\n        name=\"viewport\"\n        content=\"width=device-width, initial-scale=1, user-scalable=no\"\n      />\n      <title>{title}</title>\n      <meta name=\"description\" content={description} />\n      <meta property=\"og:title\" content={sns_title} />\n      <meta property=\"og:description\" content={sns_description} />\n      <meta property=\"og:url\" content={og_url} />\n      <meta property=\"og:type\" content=\"article\" />\n      <meta property=\"og:image\" content={og_image} />\n      <meta name=\"twitter:card\" content=\"summary_large_image\" />\n      <meta name=\"twitter:title\" content={sns_title} />\n      <meta name=\"twitter:description\" content={sns_description} />\n      <script>\n        {`      \n        if (!Element.prototype.matches) {\n          Element.prototype.matches = Element.prototype.msMatchesSelector || \n                                      Element.prototype.webkitMatchesSelector;\n        }\n\n        if (!Element.prototype.closest) {\n          Element.prototype.closest = function(s) {\n            var el = this;\n\n            do {\n              if (el.matches(s)) return el;\n              el = el.parentElement || el.parentNode;\n            } while (el !== null && el.nodeType === 1);\n            return null;\n          };\n        }\n\n        var userAgent = window.navigator.userAgent.toLowerCase();\n        if(userAgent.indexOf('trident') != -1) {\n          window.is_Effect = false\n          window.is_IE = true\n        }else{\n          window.is_Effect = true\n          window.is_IE = false\n        }\n`}\n      </script>\n      {src_font}\n      {src_ga}\n      <script src=\"https://polyfill.io/v2/polyfill.min.js?features=IntersectionObserver\"></script>\n\n      <bodyAttributes className={bodyClass} />\n    </Helmet>\n  )\n}\n\nexport default Meta\n","module.exports = __webpack_public_path__ + \"static/logo-251076e82975e1fdb100e6bf2a59bb33.svg\";","import React, { useEffect,useRef } from 'react'\nimport {useRealtimeTimer} from 'src/hooks/useRealtimeTimer'\nimport ShuffleTypo from 'src/components/atoms/ShuffleTypo'\nimport styles from 'src/assets/styles/top/styles.module.styl'\nimport stylesSlider from 'src/assets/styles/top/carousel.module.styl'\n\nconst ShuffleText = (props) => {\n  const [text, setText] = React.useState(' ')\n  const str = props.text\n  const delay = props.delay\n  let time = 0\n  const myRef = useRef(null);\n  let st = null\n  let intersectTarget = myRef.current\n\n  let isEffect = true\n  \n  if(window){\n    if(!window.is_Effect && !props.isEffect){\n      isEffect = false\n    }\n  }\n\n  const onComplete = ()=>{\n    const odm = myRef.current.closest('.'+stylesSlider.odm)\n    const modalOdm = myRef.current.closest('.'+stylesSlider.modal_odm)\n    if(odm !== null){\n      const waits = odm.querySelectorAll('.wait')\n      for (let i = 0; i < waits.length; i++) {\n        const wait = waits[i];\n        wait.classList.add('go')\n      }\n    }\n    if(modalOdm !== null){\n      const waits = modalOdm.querySelectorAll('.wait')\n      for (let i = 0; i < waits.length; i++) {\n        const wait = waits[i];\n        wait.classList.add('go')\n      }\n    }\n  }\n\n  useEffect(()=>{\n    if(isEffect){\n      const speed = (props.speed)?props.speed:1\n      st = new ShuffleTypo(myRef.current,str,delay,speed, 'PRE_ROLL_IN', props.rollNum, props.letterDelay)\n      intersectTarget = myRef.current\n      if(myRef.current.classList.contains('child')){\n        intersectTarget = myRef.current.closest('.parent')\n      }\n    }\n  })\n  \n  useRealtimeTimer(() => {\n    if(isEffect){\n      if(myRef.current.classList.contains('text_state_pre_roll_in')){\n        myRef.current.classList.remove('text_state_pre_roll_in')\n        st.state = 'PRE_ROLL_IN'\n        for (let i = 0; i < st.letterItems.length; i++) {\n          const letter = st.letterItems[i];\n          letter.state = 'PRE_ROLL_IN'\n        }\n        st.reset()\n      }\n\n      if(myRef.current.classList.contains('text_state_show')){\n        st.state = 'SHOW'\n        for (let i = 0; i < st.letterItems.length; i++) {\n          const letter = st.letterItems[i];\n          letter.state = 'SHOW'\n        }\n        st.reset()\n      }\n\n      if(myRef.current.classList.contains('text_delay_zero')){\n        st.delay = -1\n      }\n      \n      if(st.state != 'SHOW'){\n        if (intersectTarget.classList.contains('intersectTarget')) {\n          if (intersectTarget.classList.contains('intersect')) {\n            if (!myRef.current.getAttribute('delay')) {\n              st.delay = -1\n            }\n            st.render(time)\n          }\n        }else{\n          st.render(time)\n        }\n\n        let replaced = st.text.replace(/_n/g, '\\n')\n        replaced = replaced.replace(/_s/g, '\\u0020')\n        replaced = replaced.replace(/_q/g, '\\'')\n        myRef.current.textContent = replaced\n      }\n\n      if(st.state == 'SHOW' && myRef.current.classList.contains('onComplete')){\n        myRef.current.classList.remove('onComplete')\n        onComplete()\n      }\n      time++\n    }\n  })\n\n  if(isEffect){\n    return <span className={styles.shuffle_typo + ' ' + props.className} ref={myRef}>{''}</span>\n  }else{\n    let replaced = str.replace(/_n/g, '\\n')\n    replaced = replaced.replace(/_s/g, '\\u0020')\n    replaced = replaced.replace(/_q/g, '\\'')\n    return <span className={props.className}>{replaced}</span>\n  }\n}\n\n// Propsのデフォルト値\nShuffleText.defaultProps = {\n  isEffect: true,\n};\n\nexport default ShuffleText","// extracted by mini-css-extract-plugin\nmodule.exports = {\"aaa\":\"styles-module--aaa--3593L\",\"loaded\":\"styles-module--loaded--2Cx-q\",\"loader_wrap\":\"styles-module--loader_wrap--iO0Ut\",\"main\":\"styles-module--main--3zPNS\",\"cover\":\"styles-module--cover--36HgZ\",\"loader\":\"styles-module--loader--1K2fE\",\"loader_end\":\"styles-module--loader_end--SUCT-\",\"load_text\":\"styles-module--load_text--2y7PT\",\"blink\":\"styles-module--blink--1YIHU\",\"now\":\"styles-module--now--2EBWA\",\"load_bar\":\"styles-module--load_bar--fyLAx\",\"inner\":\"styles-module--inner--1eOL7\",\"spinner\":\"styles-module--spinner--U_qoF\",\"spin4\":\"styles-module--spin4--i4N6q\",\"index\":\"styles-module--index--1dj4q\",\"is_sp\":\"styles-module--is_sp--3DWmP\",\"is_sp_table\":\"styles-module--is_sp_table--2HzB-\",\"is_pc\":\"styles-module--is_pc--1HRkq\",\"fontlength\":\"styles-module--fontlength--4c2Fh\",\"slide_in\":\"styles-module--slide_in--1mONZ\",\"slide_in_content\":\"styles-module--slide_in_content--30Pgl\",\"start\":\"styles-module--start--28BHy\",\"slideInImg\":\"styles-module--slideInImg--1gbDA\",\"slideInCover\":\"styles-module--slideInCover--onr5O\",\"end\":\"styles-module--end--OqWpx\",\"ie\":\"styles-module--ie--eJTCw\",\"logo\":\"styles-module--logo--4SyWN\",\"header\":\"styles-module--header--_QV9b\",\"sns\":\"styles-module--sns--2Re05\",\"sns_tw\":\"styles-module--sns_tw--3uwvw\",\"sns_fb\":\"styles-module--sns_fb--26N4F\",\"sns_slash\":\"styles-module--sns_slash--2vSzr\",\"cui\":\"styles-module--cui--18hx3\",\"small\":\"styles-module--small--3kB5j\",\"menu\":\"styles-module--menu--1JwFp\",\"banner_arrow\":\"styles-module--banner_arrow--1hmr1\",\"sns_list\":\"styles-module--sns_list--18Jjq\",\"menu_top\":\"styles-module--menu_top--3blYD\",\"menu_messages\":\"styles-module--menu_messages--1PaQC\",\"menu_product\":\"styles-module--menu_product--RWJD4\",\"menu_campaign\":\"styles-module--menu_campaign--2TGYk\",\"statement\":\"styles-module--statement--l-pwn\",\"statement_logo\":\"styles-module--statement_logo--rovxQ\",\"statement_nl\":\"styles-module--statement_nl--bJuSx\",\"statement_yellow_text\":\"styles-module--statement_yellow_text--186Pk\",\"statement_tag\":\"styles-module--statement_tag--1EPV1\",\"can_visualizer\":\"styles-module--can_visualizer--2u9B_\",\"ie_can\":\"styles-module--ie_can--Zrlgc\",\"fru\":\"styles-module--fru--2TjLa\",\"caf\":\"styles-module--caf--3Nr7d\",\"yog\":\"styles-module--yog--10YVF\",\"can_visualize\":\"styles-module--can_visualize--3Orlu\",\"split\":\"styles-module--split--2EP84\",\"hide\":\"styles-module--hide--21V3A\",\"split_wrap\":\"styles-module--split_wrap--3cp2R\",\"flavor\":\"styles-module--flavor--2Esj0\",\"title_sub\":\"styles-module--title_sub--1cJaL\",\"carousel_detail\":\"styles-module--carousel_detail--1cuZs\",\"copy_last_space\":\"styles-module--copy_last_space--3RQYc\",\"copy_last_1\":\"styles-module--copy_last_1--3DGMM\",\"copy_last_2\":\"styles-module--copy_last_2--2gzyM\",\"copy_last_3\":\"styles-module--copy_last_3--9tuBd\",\"copy_last_4\":\"styles-module--copy_last_4--2ZYgk\",\"matz_img\":\"styles-module--matz_img--GjwOm\",\"messages\":\"styles-module--messages--21cX5\",\"messages_title\":\"styles-module--messages_title--2l2BD\",\"messages_disc\":\"styles-module--messages_disc--2wWcs\",\"banner_width\":\"styles-module--banner_width--2UQpc\",\"banner\":\"styles-module--banner--2iQiZ\",\"banner_matz\":\"styles-module--banner_matz--mV1FN\",\"banner_en\":\"styles-module--banner_en--3TMHw\",\"banner_en_tc\":\"styles-module--banner_en_tc--36_2N\",\"banner_jp\":\"styles-module--banner_jp--2FoQx\",\"banner_url\":\"styles-module--banner_url--2iZy5\",\"banner_cui\":\"styles-module--banner_cui--3c0iP\",\"banner_cui_en\":\"styles-module--banner_cui_en--1Lt8E\",\"products\":\"styles-module--products--3dR_m\",\"banner_product1\":\"styles-module--banner_product1--22nUp\",\"banner_product2\":\"styles-module--banner_product2--1WkpR\",\"products_space\":\"styles-module--products_space--3MXKe\",\"products_sub_title_wrap\":\"styles-module--products_sub_title_wrap--yG9KI\",\"products_sub_title\":\"styles-module--products_sub_title--1xTIB\",\"products_sub_title2\":\"styles-module--products_sub_title2--1lWWy\",\"products_sub2_title_wrap\":\"styles-module--products_sub2_title_wrap--1ilac\",\"products_sub2_title\":\"styles-module--products_sub2_title--1DRDF\",\"products_txt\":\"styles-module--products_txt--1bqrQ\",\"ie_point\":\"styles-module--ie_point--2P9Vt\",\"products_point\":\"styles-module--products_point--1Kz2S\",\"products_point_wrap\":\"styles-module--products_point_wrap--3IpuX\",\"products_point_title\":\"styles-module--products_point_title--JNnYg\",\"products_point_img1\":\"styles-module--products_point_img1--2Q_p8\",\"products_point_img2\":\"styles-module--products_point_img2--RA1dA\",\"products_point_img3\":\"styles-module--products_point_img3--WuqUo\",\"products_point_img4\":\"styles-module--products_point_img4--30cNl\",\"products_point_img5\":\"styles-module--products_point_img5--Fd6nd\",\"products_point_img6\":\"styles-module--products_point_img6--3qY_h\",\"products_point_note\":\"styles-module--products_point_note--p-Drl\",\"products_point_note1\":\"styles-module--products_point_note1--3ZK74\",\"products_point_txt\":\"styles-module--products_point_txt--bUWOz\",\"products_notes\":\"styles-module--products_notes--FHNIa\",\"products_banner2_title\":\"styles-module--products_banner2_title--3Zyc7\",\"products_banner_online_title\":\"styles-module--products_banner_online_title--2c2u8\",\"banner_online\":\"styles-module--banner_online--2cTxb\",\"products_banner2\":\"styles-module--products_banner2--38rtE\",\"products_banner_toyo_txt\":\"styles-module--products_banner_toyo_txt--1LSD0\",\"campaign\":\"styles-module--campaign--CO_v1\",\"campaign_end_text\":\"styles-module--campaign_end_text--2XvxH\",\"campaign_period\":\"styles-module--campaign_period--2eET0\",\"campaign_txt\":\"styles-module--campaign_txt--3fRPX\",\"campaign_goods\":\"styles-module--campaign_goods--D8wmS\",\"goods_img\":\"styles-module--goods_img--9P_7X\",\"goods_notes\":\"styles-module--goods_notes--3vSWB\",\"flow_title\":\"styles-module--flow_title--1uhw8\",\"campaign_flow\":\"styles-module--campaign_flow--3i0Wc\",\"campaign_kiyaku\":\"styles-module--campaign_kiyaku--129IJ\",\"campaign_kiyaku_link\":\"styles-module--campaign_kiyaku_link--2pJTs\",\"campaign_kiyaku_txt_wrap\":\"styles-module--campaign_kiyaku_txt_wrap--2Vm3G\",\"campaign_kiyaku_txt\":\"styles-module--campaign_kiyaku_txt--2M6oU\",\"campaign_space\":\"styles-module--campaign_space--11CuG\",\"campaign_sub_title\":\"styles-module--campaign_sub_title--181cJ\",\"campaign_sub_title_wrap\":\"styles-module--campaign_sub_title_wrap--2FnD0\",\"campaign_sub2_title_wrap\":\"styles-module--campaign_sub2_title_wrap--2nsws\",\"ie_table\":\"styles-module--ie_table--3busF\",\"tbl\":\"styles-module--tbl--qz1Hk\",\"th_title\":\"styles-module--th_title--ODymJ\",\"table_title\":\"styles-module--table_title--1fZE_\",\"line2\":\"styles-module--line2--xcV9c\",\"line_space\":\"styles-module--line_space--1cCG5\",\"table_val\":\"styles-module--table_val--DyW0s\",\"can_visualize_text\":\"styles-module--can_visualize_text--2W-f3\",\"banner_jp_inner1\":\"styles-module--banner_jp_inner1--2yYj0\",\"banner_jp_inner2\":\"styles-module--banner_jp_inner2--1kb1b\",\"messages_name\":\"styles-module--messages_name--J6GtY\",\"banner_title\":\"styles-module--banner_title--qSMKy\",\"banner_cui_jp\":\"styles-module--banner_cui_jp--Q0XN1\",\"banner_brand\":\"styles-module--banner_brand--3tMc-\",\"banner_toyo\":\"styles-module--banner_toyo--2ml3T\",\"dot_line\":\"styles-module--dot_line--1nlbj\",\"products_line1\":\"styles-module--products_line1--3XLEY\",\"products_line2\":\"styles-module--products_line2--3rNpL\",\"products_sub2_title2\":\"styles-module--products_sub2_title2--1iC9P\",\"products_banner1_title\":\"styles-module--products_banner1_title--vxRRo\",\"products_banner2_2_title\":\"styles-module--products_banner2_2_title--GCE8q\",\"campaign_line1\":\"styles-module--campaign_line1--2IHmd\",\"campaign_line2\":\"styles-module--campaign_line2--1rq9D\",\"shuffle_typo\":\"styles-module--shuffle_typo--3dgPQ\",\"slide_in_img\":\"styles-module--slide_in_img--1tKVd\",\"policy__bg\":\"styles-module--policy__bg--1CHa5\",\"policy\":\"styles-module--policy--1_-oD\",\"policy_bg\":\"styles-module--policy_bg--1Kq4P\",\"policy_title_en\":\"styles-module--policy_title_en--1G2Xq\",\"policy_title_jp\":\"styles-module--policy_title_jp--3Mjd_\"};","const Util = {\n  shuffle: ([...array]) => {\n    for (let i = array.length - 1; i >= 0; i--) {\n      const j = Math.floor(Math.random() * (i + 1))\n      ;[array[i], array[j]] = [array[j], array[i]]\n    }\n    return array\n  },\n}\n\nexport default Util\n","import Util from 'src/util'\n\nclass ShuffleLetter {\n  constructor(id, goalText, delay, speed, rollNum = 20) {\n    this.fontArr = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcefghijklmnopqrstuvwxyz1234567890‘?’“!”(%)[#]{@}/&\\<-+÷×=>:;,.*'.split('');\n    this.id = id;\n    this.goalText = goalText;\n    this.text = ' ';\n    this.fontArr = Util.shuffle(this.fontArr);\n    this.state = 'HIDE';\n    this.oldState = ' '\n    this.defDelay = delay\n    this.delay = delay;\n    this.defRollNum = rollNum\n    this.rollNum = rollNum;\n    \n    this.rollSpeed = 0.5; // 0 - 1\n  }\n  reset() {\n    this.text = ' '\n    this.rollNum = this.defRollNum\n    this.delay = this.defDelay\n  }\n  roll(time) {\n    if (Math.floor(time) % 2 == 0) {\n      this.text = this.fontArr[Math.floor(Math.random() * this.fontArr.length)];\n      this.rollNum--;\n    }\n  }\n  changeState() {\n    switch (this.state) {\n      case 'HIDE':\n        break;\n      case 'SHOW':\n        this.text = this.goalText;\n        break;\n      case 'PRE_ROLL_IN':\n        break;\n      case 'PRE_ROLL_OUT':\n        break;\n      case 'ROLL_IN':\n        break;\n      case 'ROLL_OUT':\n        break;\n      default:\n        break;\n    }\n  }\n  render(time) {\n    this.oldState = this.state;\n    switch (this.state) {\n      case 'HIDE':\n        break;\n      case 'SHOW':\n        break;\n      case 'PRE_ROLL_IN':\n        this.delay--;\n        if (this.delay < 1) {\n          this.state = 'ROLL_IN';\n        }\n        break;\n      case 'PRE_ROLL_OUT':\n        this.delay--;\n        if (this.delay < 1) {\n          this.state = 'ROLL_OUT';\n        }\n        break;\n      case 'ROLL_IN':\n        if (this.rollNum > 0) {\n          this.roll(time);\n        } else {\n          this.state = 'SHOW';\n        }\n        break;\n      case 'ROLL_OUT':\n        if (this.rollNum > 0) {\n          this.roll(time);\n        } else {\n          this.text = ' ';\n          this.state = 'HIDE';\n        }\n        break;\n      default:\n        break;\n    }\n    \n    if (this.state != this.oldState) {\n      this.changeState();\n    }\n  }\n}\nexport default ShuffleLetter","// extracted by mini-css-extract-plugin\nmodule.exports = {\"odm_copy_area_last_block\":\"carousel-module--odm_copy_area_last_block--jLykv\",\"modal_inner\":\"carousel-module--modal_inner--9stFB\",\"block\":\"carousel-module--block--3aHAS\",\"carousel_detail\":\"carousel-module--carousel_detail--lgLeW\",\"odm\":\"carousel-module--odm--16xeB\",\"code_en\":\"carousel-module--code_en--1wFGC\",\"code_jp\":\"carousel-module--code_jp--3MBur\",\"odm_copy_last_hint\":\"carousel-module--odm_copy_last_hint--3oB_R\",\"odm_logo\":\"carousel-module--odm_logo--e7BZI\",\"odm_space\":\"carousel-module--odm_space--tR8l7\",\"bg\":\"carousel-module--bg--2Ey6J\",\"odm_copy\":\"carousel-module--odm_copy--2Cgq1\",\"odm_copy_text\":\"carousel-module--odm_copy_text--2kZZ-\",\"odm_copy_area_last\":\"carousel-module--odm_copy_area_last--1GyAk\",\"odm_copy_last\":\"carousel-module--odm_copy_last--Zpb3K\",\"odm_copy_last_item\":\"carousel-module--odm_copy_last_item--2m_L5\",\"odm_copy_last_tw_wrap\":\"carousel-module--odm_copy_last_tw_wrap--lJwQM\",\"odm_copy_last_tw\":\"carousel-module--odm_copy_last_tw--1qc_M\",\"odm_copy_last_tw1\":\"carousel-module--odm_copy_last_tw1--1qDu8\",\"odm_copy_last_tw2\":\"carousel-module--odm_copy_last_tw2--1Nj7B\",\"odm_copy_last_arrow\":\"carousel-module--odm_copy_last_arrow--2Leja\",\"odm_copy_area\":\"carousel-module--odm_copy_area--cxa9Y\",\"slider_btn\":\"carousel-module--slider_btn--29cwi\",\"slider_next\":\"carousel-module--slider_next--1po22\",\"slider_translate\":\"carousel-module--slider_translate--3_PLr\",\"slider_prev\":\"carousel-module--slider_prev--2XlRM\",\"slider_ui\":\"carousel-module--slider_ui--28hHT\",\"slider_wrap\":\"carousel-module--slider_wrap--2AT5k\",\"move\":\"carousel-module--move--3j0ig\",\"modal_odm\":\"carousel-module--modal_odm--3XsPd\",\"odm_copy_area_last_wrap\":\"carousel-module--odm_copy_area_last_wrap--3v_7a\",\"odm_copy_last_no\":\"carousel-module--odm_copy_last_no--RTcX-\",\"modal_odm_footer\":\"carousel-module--modal_odm_footer--1sl-4\",\"modal_odm_no\":\"carousel-module--modal_odm_no--2WiYR\",\"modal_odm_translate\":\"carousel-module--modal_odm_translate--BxH0-\",\"modal_odm_sns\":\"carousel-module--modal_odm_sns--3axW2\",\"modal_odm_tw\":\"carousel-module--modal_odm_tw--1Idgg\",\"modal_odm_fb\":\"carousel-module--modal_odm_fb--3npFh\",\"modal_odm_slash\":\"carousel-module--modal_odm_slash--2nZcA\",\"modalwrap_div\":\"carousel-module--modalwrap_div--1Nktr\",\"modal_slider_ui\":\"carousel-module--modal_slider_ui--1tEXz\",\"modal_slider_ui_sp\":\"carousel-module--modal_slider_ui_sp--13vVY\",\"modal_slider_btn\":\"carousel-module--modal_slider_btn--2J2J9\",\"modal_slider_prev\":\"carousel-module--modal_slider_prev--39zGI\",\"modal_slider_next\":\"carousel-module--modal_slider_next--3At2i\",\"modal_close\":\"carousel-module--modal_close--2gsjU\",\"modal_odm_code\":\"carousel-module--modal_odm_code--ins-K\",\"fadeIn\":\"carousel-module--fadeIn--5fL65\",\"fadeOut\":\"carousel-module--fadeOut--188cv\"};"],"sourceRoot":""}