{"ast":null,"code":"var _jsxFileName = \"/Users/shanyi/Desktop/Projects/UC_Trains_Voice/react-demo/src/gavt/ResonanceMenu.tsx\",\n  _s = $RefreshSig$();\nimport React from 'react';\nimport { useState } from 'react';\nimport { Link, useLocation, useNavigate } from 'react-router-dom';\nimport getRefFreq from './getRefFreq';\nimport { vowelMapping } from './GavtSelection';\nimport { Modal, Button } from 'antd';\nimport { jsxDEV as _jsxDEV, Fragment as _Fragment } from \"react/jsx-dev-runtime\";\nconst ResonanceMenu = ({\n  formValues,\n  navigate\n}) => {\n  _s();\n  const location = useLocation();\n  const routerNavigate = useNavigate();\n  const [isNavigationVisible, setIsNavigationVisible] = useState(false);\n  const menuItems = [{\n    path: '/resonance',\n    name: 'Tutorial'\n  }, {\n    path: '/resonance/selection',\n    name: 'Setup'\n  }, {\n    path: '/resonance/practice',\n    name: 'Practice'\n  }];\n  const activeNavigate = navigate || routerNavigate;\n  const handlePracticeClick = async e => {\n    if (location.pathname === '/resonance') {\n      alert('You must select at least one vowel on Setup Page first');\n      e.preventDefault();\n      return;\n    }\n    if (location.pathname === '/resonance/selection') {\n      if (formValues && formValues.vowels && formValues.vowels.length > 0) {\n        const mappedVowels = formValues.vowels.map(vowel => vowelMapping[vowel]);\n        const frequencies = await getRefFreq(mappedVowels, formValues.gender, formValues.shuffleOrder);\n        activeNavigate('/resonance/practice', {\n          state: {\n            frequencies\n          }\n        });\n      } else {\n        alert('You must select at least one vowel first');\n        e.preventDefault();\n      }\n    }\n  };\n  const handleNavigationCancel = () => {\n    setIsNavigationVisible(false);\n  };\n  const showNavigation = () => {\n    setIsNavigationVisible(true);\n  };\n  const getNavigationContent = () => {\n    if (location.pathname === '/resonance/selection') {\n      return `\n          <li>Setup Page\n            <ul>\n              <li>Choose the vowel or vowels you want to practice.</li>\n              <li>Remember, the target we set for R2 will differ depending on the vowel.</li>\n              <li>Some vowels (like \"ee\" or \"eh\") are relatively easier to say with bright resonance, and some vowels (like \"ah\" or \"oo\") are more challenging.</li>\n            </ul>\n          </li>\n      `;\n    } else if (location.pathname === '/resonance/practice') {\n      return `\n          <ul>\n            <li>Practice Page\n              <li>Getting Started\n                <ul>\n                  <li>Here you will see the wave and the adjustable slider. For each vowel, the slider starts at a position based on data from research studies. For example, if you are targeting a brighter voice quality, the target will be placed at the lower edge of the range of variation from cis women producing that vowel.</li>\n                  <li>Keep in mind that everyone’s voice is different, and the target we suggest as a starting point may not be a perfect fit for you. You should feel free to adjust the slider location to a value that feels comfortable for you. You can shift the target to the right for brighter resonance or to the left for darker resonance. If you find a target frequency that you like, you can save it as a custom target for that vowel by clicking “Save as custom value.”</li>\n                  <li>To practice, draw out the vowel sound you selected (such as \"eh\") and watch how the wave responds. Try to identify the second peak in the wave, which is R2.\n                    <ul>\n                      <li>Your goal is to shift R2 closer to the target slider.</li>\n                      <li>For tips on how to modify your R2, check out tutorial part 4, \"Strategies for resonance.\"</li>\n                      <li>Remember that changing the pitch of your voice is not the same as changing your resonance - see tutorial part 6 (\"Pitch versus resonance\") for more on this concept.</li>\n                    </ul>\n                  </li>\n                </ul>\n              </li>\n              <li>Next Steps\n                <ul>\n                  <li>Once you get a sense of how you can adjust your resonance, you can start practicing at the word level.\n                    <ul>\n                      <li>Even when you are producing words, you should still draw out the vowel so you can see if R2 is coming close to the slider.</li>\n                      <li>During other speech sounds, your R2 will not be close to the slider - that's OK.</li>\n                      <li>If you are having difficulty matching the target, you may want to go back to playing around with the vowel in isolation or in a single syllable.</li>\n                    </ul>\n                  </li>\n                  <li>If you are feeling comfortable at the word level, you can click \"More complex\" to try a longer utterance.\n                    <ul>\n                      <li>You can practice the same vowel in chains of 2 to 5 syllables.</li>\n                      <li>To begin, you will probably want to chant the chains and draw out the vowel in each word.</li>\n                      <li>Then try producing the same chain with a more natural intonation instead of a chant. You can still look for R2 to come close to the slider during the target vowel in each word.</li>\n                    </ul>\n                  </li>\n                  <li>Then try another vowel, or try mixing it up with different vowels. Don't forget that the tutorial videos are there for models and strategies!</li>\n                </ul>\n              </li>\n            </li>\n          </ul>\n      `;\n    } else {\n      return `\n        <ul>\n          <li>Setup Page\n            <ul>\n              <li>Choose the vowel or vowels you want to practice.</li>\n              <li>Remember, the target we set for R2 will differ depending on the vowel.</li>\n              <li>Some vowels (like \"ee\" or \"eh\") are relatively easier to say with bright resonance, and some vowels (like \"ah\" or \"oo\") are more challenging.</li>\n            </ul>\n          </li>\n          <li>Practice Page\n            <li>Getting Started\n              <ul>\n                <li>Here you will see the wave and the adjustable slider. For each vowel, the slider starts at a position based on data from research studies. For example, if you are targeting a brighter voice quality, the target will be placed at the lower edge of the range of variation from cis women producing that vowel.</li>\n                <li>Keep in mind that everyone’s voice is different, and the target we suggest as a starting point may not be a perfect fit for you. You should feel free to adjust the slider location to a value that feels comfortable for you. You can shift the target to the right for brighter resonance or to the left for darker resonance. If you find a target frequency that you like, you can save it as a custom target for that vowel by clicking “Save as custom value.”</li>\n                <li>To practice, draw out the vowel sound you selected (such as \"eh\") and watch how the wave responds. Try to identify the second peak in the wave, which is R2.\n                  <ul>\n                    <li>Your goal is to shift R2 closer to the target slider.</li>\n                    <li>For tips on how to modify your R2, check out tutorial part 4, \"Strategies for resonance.\"</li>\n                    <li>Remember that changing the pitch of your voice is not the same as changing your resonance - see tutorial part 6 (\"Pitch versus resonance\") for more on this concept.</li>\n                  </ul>\n                </li>\n              </ul>\n            </li>\n            <li>Next Steps\n              <ul>\n                <li>Once you get a sense of how you can adjust your resonance, you can start practicing at the word level.\n                  <ul>\n                    <li>Even when you are producing words, you should still draw out the vowel so you can see if R2 is coming close to the slider.</li>\n                    <li>During other speech sounds, your R2 will not be close to the slider - that's OK.</li>\n                    <li>If you are having difficulty matching the target, you may want to go back to playing around with the vowel in isolation or in a single syllable.</li>\n                  </ul>\n                </li>\n                <li>If you are feeling comfortable at the word level, you can click \"More complex\" to try a longer utterance.\n                  <ul>\n                    <li>You can practice the same vowel in chains of 2 to 5 syllables.</li>\n                    <li>To begin, you will probably want to chant the chains and draw out the vowel in each word.</li>\n                    <li>Then try producing the same chain with a more natural intonation instead of a chant. You can still look for R2 to come close to the slider during the target vowel in each word.</li>\n                  </ul>\n                </li>\n                <li>Then try another vowel, or try mixing it up with different vowels. Don't forget that the tutorial videos are there for models and strategies!</li>\n              </ul>\n            </li>\n          </li>\n        </ul>\n      `;\n    }\n  };\n  return /*#__PURE__*/_jsxDEV(_Fragment, {\n    children: [/*#__PURE__*/_jsxDEV(\"nav\", {\n      className: \"nav\",\n      children: menuItems.map((item, index) => /*#__PURE__*/_jsxDEV(React.Fragment, {\n        children: [/*#__PURE__*/_jsxDEV(Link, {\n          to: item.path,\n          className: `link ${location.pathname === item.path ? 'active' : ''}`,\n          onClick: item.path === '/resonance/practice' ? handlePracticeClick : undefined,\n          children: item.name\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 166,\n          columnNumber: 13\n        }, this), index < menuItems.length - 1 && /*#__PURE__*/_jsxDEV(\"span\", {\n          className: \"separator\",\n          children: \"|\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 173,\n          columnNumber: 46\n        }, this)]\n      }, item.name, true, {\n        fileName: _jsxFileName,\n        lineNumber: 165,\n        columnNumber: 11\n      }, this))\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 163,\n      columnNumber: 7\n    }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n      style: {\n        textAlign: 'center',\n        marginTop: '5px'\n      },\n      children: /*#__PURE__*/_jsxDEV(Button, {\n        onClick: showNavigation,\n        children: \"Help navigating the app\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 178,\n        columnNumber: 9\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 177,\n      columnNumber: 7\n    }, this), /*#__PURE__*/_jsxDEV(Modal, {\n      title: \"Help navigating the app\",\n      open: isNavigationVisible,\n      onCancel: handleNavigationCancel,\n      footer: [/*#__PURE__*/_jsxDEV(Button, {\n        onClick: handleNavigationCancel,\n        children: \"Close\"\n      }, \"close\", false, {\n        fileName: _jsxFileName,\n        lineNumber: 187,\n        columnNumber: 11\n      }, this)],\n      width: 800,\n      children: /*#__PURE__*/_jsxDEV(\"div\", {\n        dangerouslySetInnerHTML: {\n          __html: getNavigationContent()\n        }\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 193,\n        columnNumber: 9\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 182,\n      columnNumber: 7\n    }, this)]\n  }, void 0, true);\n};\n_s(ResonanceMenu, \"P8Hl1CzwgfamNKzaRm7ZIQk2zV4=\", false, function () {\n  return [useLocation, useNavigate];\n});\n_c = ResonanceMenu;\nexport default ResonanceMenu;\nconst navigationContent = `\n    <ul>\n      <li>Setup Page\n        <ul>\n          <li>Choose the vowel or vowels you want to practice.</li>\n          <li>Remember, the target we set for R2 will differ depending on the vowel.</li>\n          <li>Some vowels (like \"ee\" or \"eh\") are relatively easier to say with bright resonance, and some vowels (like \"ah\" or \"oo\") are more challenging.</li>\n        </ul>\n      </li>\n      <li>Practice Page\n        <li>Getting Started\n          <ul>\n            <li>Here you will see the wave and the adjustable slider. For each vowel, the slider starts at a position based on data from research studies. For example, if you are targeting a brighter voice quality, the target will be placed at the lower edge of the range of variation from cis women producing that vowel.</li>\n            <li>Keep in mind that everyone’s voice is different, and the target we suggest as a starting point may not be a perfect fit for you. You should feel free to adjust the slider location to a value that feels comfortable for you. You can shift the target to the right for brighter resonance or to the left for darker resonance. If you find a target frequency that you like, you can save it as a custom target for that vowel by clicking “Save as custom value.”</li>\n            <li>To practice, draw out the vowel sound you selected (such as \"eh\") and watch how the wave responds. Try to identify the second peak in the wave, which is R2.\n              <ul>\n                <li>Your goal is to shift R2 closer to the target slider.</li>\n                <li>For tips on how to modify your R2, check out tutorial part 4, \"Strategies for resonance.\"</li>\n                <li>Remember that changing the pitch of your voice is not the same as changing your resonance - see tutorial part 6 (\"Pitch versus resonance\") for more on this concept.</li>\n              </ul>\n            </li>\n          </ul>\n        </li>\n        <li>Next Steps\n          <ul>\n            <li>Once you get a sense of how you can adjust your resonance, you can start practicing at the word level.\n              <ul>\n                <li>Even when you are producing words, you should still draw out the vowel so you can see if R2 is coming close to the slider.</li>\n                <li>During other speech sounds, your R2 will not be close to the slider - that's OK.</li>\n                <li>If you are having difficulty matching the target, you may want to go back to playing around with the vowel in isolation or in a single syllable.</li>\n              </ul>\n            </li>\n            <li>If you are feeling comfortable at the word level, you can click \"More complex\" to try a longer utterance.\n              <ul>\n                <li>You can practice the same vowel in chains of 2 to 5 syllables.</li>\n                <li>To begin, you will probably want to chant the chains and draw out the vowel in each word.</li>\n                <li>Then try producing the same chain with a more natural intonation instead of a chant. You can still look for R2 to come close to the slider during the target vowel in each word.</li>\n              </ul>\n            </li>\n            <li>Then try another vowel, or try mixing it up with different vowels. Don't forget that the tutorial videos are there for models and strategies!</li>\n          </ul>\n        </li>\n      </li>\n    </ul>\n  `;\nvar _c;\n$RefreshReg$(_c, \"ResonanceMenu\");","map":{"version":3,"names":["React","useState","Link","useLocation","useNavigate","getRefFreq","vowelMapping","Modal","Button","jsxDEV","_jsxDEV","Fragment","_Fragment","ResonanceMenu","formValues","navigate","_s","location","routerNavigate","isNavigationVisible","setIsNavigationVisible","menuItems","path","name","activeNavigate","handlePracticeClick","e","pathname","alert","preventDefault","vowels","length","mappedVowels","map","vowel","frequencies","gender","shuffleOrder","state","handleNavigationCancel","showNavigation","getNavigationContent","children","className","item","index","to","onClick","undefined","fileName","_jsxFileName","lineNumber","columnNumber","style","textAlign","marginTop","title","open","onCancel","footer","width","dangerouslySetInnerHTML","__html","_c","navigationContent","$RefreshReg$"],"sources":["/Users/shanyi/Desktop/Projects/UC_Trains_Voice/react-demo/src/gavt/ResonanceMenu.tsx"],"sourcesContent":["import React from 'react';\nimport { useState } from 'react';\nimport { Link, useLocation, useNavigate } from 'react-router-dom';\n\nimport getRefFreq from './getRefFreq';\nimport { vowelMapping } from './GavtSelection';\n\nimport { Modal, Button } from 'antd'\n\ninterface ResonanceMenuProps {\n  formValues?: {\n    vowels: string[];\n    gender: 'man' | 'woman';\n    shuffleOrder: boolean;\n  };\n  navigate?: (path: string, state?: any) => void;\n}\n\nconst ResonanceMenu: React.FC<ResonanceMenuProps> = ({ formValues, navigate }) => {\n  const location = useLocation();\n  const routerNavigate = useNavigate();\n  const [isNavigationVisible, setIsNavigationVisible] = useState(false);\n\n\n  const menuItems = [\n    { path: '/resonance', name: 'Tutorial' },\n    { path: '/resonance/selection', name: 'Setup' },\n    { path: '/resonance/practice', name: 'Practice' },  \n  ];\n\n  const activeNavigate = navigate || routerNavigate;\n\n  const handlePracticeClick = async (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\n\n    if (location.pathname === '/resonance') {\n      alert('You must select at least one vowel on Setup Page first');\n      e.preventDefault();\n      return;\n    }\n\n    if (location.pathname === '/resonance/selection') {\n      if (formValues && formValues.vowels && formValues.vowels.length > 0) {\n        const mappedVowels = formValues.vowels.map((vowel) => vowelMapping[vowel]);\n        const frequencies = await getRefFreq(mappedVowels, formValues.gender, formValues.shuffleOrder);\n        activeNavigate('/resonance/practice', { state: { frequencies } });\n      } else {\n        alert('You must select at least one vowel first');\n        e.preventDefault();\n      }\n\n    }\n  };\n\n  const handleNavigationCancel = () => {\n    setIsNavigationVisible(false);\n  }\n\n  const showNavigation = () => {\n    setIsNavigationVisible(true);\n  }\n\n  const getNavigationContent = () =>{\n    if (location.pathname === '/resonance/selection') {\n      return `\n          <li>Setup Page\n            <ul>\n              <li>Choose the vowel or vowels you want to practice.</li>\n              <li>Remember, the target we set for R2 will differ depending on the vowel.</li>\n              <li>Some vowels (like \"ee\" or \"eh\") are relatively easier to say with bright resonance, and some vowels (like \"ah\" or \"oo\") are more challenging.</li>\n            </ul>\n          </li>\n      `\n    } else if (location.pathname === '/resonance/practice') {\n      return `\n          <ul>\n            <li>Practice Page\n              <li>Getting Started\n                <ul>\n                  <li>Here you will see the wave and the adjustable slider. For each vowel, the slider starts at a position based on data from research studies. For example, if you are targeting a brighter voice quality, the target will be placed at the lower edge of the range of variation from cis women producing that vowel.</li>\n                  <li>Keep in mind that everyone’s voice is different, and the target we suggest as a starting point may not be a perfect fit for you. You should feel free to adjust the slider location to a value that feels comfortable for you. You can shift the target to the right for brighter resonance or to the left for darker resonance. If you find a target frequency that you like, you can save it as a custom target for that vowel by clicking “Save as custom value.”</li>\n                  <li>To practice, draw out the vowel sound you selected (such as \"eh\") and watch how the wave responds. Try to identify the second peak in the wave, which is R2.\n                    <ul>\n                      <li>Your goal is to shift R2 closer to the target slider.</li>\n                      <li>For tips on how to modify your R2, check out tutorial part 4, \"Strategies for resonance.\"</li>\n                      <li>Remember that changing the pitch of your voice is not the same as changing your resonance - see tutorial part 6 (\"Pitch versus resonance\") for more on this concept.</li>\n                    </ul>\n                  </li>\n                </ul>\n              </li>\n              <li>Next Steps\n                <ul>\n                  <li>Once you get a sense of how you can adjust your resonance, you can start practicing at the word level.\n                    <ul>\n                      <li>Even when you are producing words, you should still draw out the vowel so you can see if R2 is coming close to the slider.</li>\n                      <li>During other speech sounds, your R2 will not be close to the slider - that's OK.</li>\n                      <li>If you are having difficulty matching the target, you may want to go back to playing around with the vowel in isolation or in a single syllable.</li>\n                    </ul>\n                  </li>\n                  <li>If you are feeling comfortable at the word level, you can click \"More complex\" to try a longer utterance.\n                    <ul>\n                      <li>You can practice the same vowel in chains of 2 to 5 syllables.</li>\n                      <li>To begin, you will probably want to chant the chains and draw out the vowel in each word.</li>\n                      <li>Then try producing the same chain with a more natural intonation instead of a chant. You can still look for R2 to come close to the slider during the target vowel in each word.</li>\n                    </ul>\n                  </li>\n                  <li>Then try another vowel, or try mixing it up with different vowels. Don't forget that the tutorial videos are there for models and strategies!</li>\n                </ul>\n              </li>\n            </li>\n          </ul>\n      `\n    } else {\n      return `\n        <ul>\n          <li>Setup Page\n            <ul>\n              <li>Choose the vowel or vowels you want to practice.</li>\n              <li>Remember, the target we set for R2 will differ depending on the vowel.</li>\n              <li>Some vowels (like \"ee\" or \"eh\") are relatively easier to say with bright resonance, and some vowels (like \"ah\" or \"oo\") are more challenging.</li>\n            </ul>\n          </li>\n          <li>Practice Page\n            <li>Getting Started\n              <ul>\n                <li>Here you will see the wave and the adjustable slider. For each vowel, the slider starts at a position based on data from research studies. For example, if you are targeting a brighter voice quality, the target will be placed at the lower edge of the range of variation from cis women producing that vowel.</li>\n                <li>Keep in mind that everyone’s voice is different, and the target we suggest as a starting point may not be a perfect fit for you. You should feel free to adjust the slider location to a value that feels comfortable for you. You can shift the target to the right for brighter resonance or to the left for darker resonance. If you find a target frequency that you like, you can save it as a custom target for that vowel by clicking “Save as custom value.”</li>\n                <li>To practice, draw out the vowel sound you selected (such as \"eh\") and watch how the wave responds. Try to identify the second peak in the wave, which is R2.\n                  <ul>\n                    <li>Your goal is to shift R2 closer to the target slider.</li>\n                    <li>For tips on how to modify your R2, check out tutorial part 4, \"Strategies for resonance.\"</li>\n                    <li>Remember that changing the pitch of your voice is not the same as changing your resonance - see tutorial part 6 (\"Pitch versus resonance\") for more on this concept.</li>\n                  </ul>\n                </li>\n              </ul>\n            </li>\n            <li>Next Steps\n              <ul>\n                <li>Once you get a sense of how you can adjust your resonance, you can start practicing at the word level.\n                  <ul>\n                    <li>Even when you are producing words, you should still draw out the vowel so you can see if R2 is coming close to the slider.</li>\n                    <li>During other speech sounds, your R2 will not be close to the slider - that's OK.</li>\n                    <li>If you are having difficulty matching the target, you may want to go back to playing around with the vowel in isolation or in a single syllable.</li>\n                  </ul>\n                </li>\n                <li>If you are feeling comfortable at the word level, you can click \"More complex\" to try a longer utterance.\n                  <ul>\n                    <li>You can practice the same vowel in chains of 2 to 5 syllables.</li>\n                    <li>To begin, you will probably want to chant the chains and draw out the vowel in each word.</li>\n                    <li>Then try producing the same chain with a more natural intonation instead of a chant. You can still look for R2 to come close to the slider during the target vowel in each word.</li>\n                  </ul>\n                </li>\n                <li>Then try another vowel, or try mixing it up with different vowels. Don't forget that the tutorial videos are there for models and strategies!</li>\n              </ul>\n            </li>\n          </li>\n        </ul>\n      `\n    }\n  }\n\n  return (\n    <>\n      <nav className=\"nav\">\n        {menuItems.map((item, index) => (\n          <React.Fragment key={item.name}>\n            <Link \n              to={item.path} \n              className={`link ${location.pathname === item.path ? 'active' : ''}`}\n              onClick={item.path === '/resonance/practice' ? handlePracticeClick : undefined}\n            >\n              {item.name}\n            </Link>\n            {index < menuItems.length - 1 && <span className=\"separator\">|</span>}\n          </React.Fragment>\n        ))}\n      </nav>\n      <div style={{ textAlign: 'center', marginTop: '5px' }}>\n        <Button onClick={showNavigation}>\n          Help navigating the app\n        </Button>\n      </div>\n      <Modal\n        title=\"Help navigating the app\"\n        open={isNavigationVisible}\n        onCancel={handleNavigationCancel}\n        footer={[\n          <Button key=\"close\" onClick={handleNavigationCancel}>\n            Close\n          </Button>,\n        ]}\n        width={800} \n      >\n        <div dangerouslySetInnerHTML={{ __html: getNavigationContent() }} />\n      </Modal>\n    </>\n  );\n}\n\nexport default ResonanceMenu;\n\nconst navigationContent = `\n    <ul>\n      <li>Setup Page\n        <ul>\n          <li>Choose the vowel or vowels you want to practice.</li>\n          <li>Remember, the target we set for R2 will differ depending on the vowel.</li>\n          <li>Some vowels (like \"ee\" or \"eh\") are relatively easier to say with bright resonance, and some vowels (like \"ah\" or \"oo\") are more challenging.</li>\n        </ul>\n      </li>\n      <li>Practice Page\n        <li>Getting Started\n          <ul>\n            <li>Here you will see the wave and the adjustable slider. For each vowel, the slider starts at a position based on data from research studies. For example, if you are targeting a brighter voice quality, the target will be placed at the lower edge of the range of variation from cis women producing that vowel.</li>\n            <li>Keep in mind that everyone’s voice is different, and the target we suggest as a starting point may not be a perfect fit for you. You should feel free to adjust the slider location to a value that feels comfortable for you. You can shift the target to the right for brighter resonance or to the left for darker resonance. If you find a target frequency that you like, you can save it as a custom target for that vowel by clicking “Save as custom value.”</li>\n            <li>To practice, draw out the vowel sound you selected (such as \"eh\") and watch how the wave responds. Try to identify the second peak in the wave, which is R2.\n              <ul>\n                <li>Your goal is to shift R2 closer to the target slider.</li>\n                <li>For tips on how to modify your R2, check out tutorial part 4, \"Strategies for resonance.\"</li>\n                <li>Remember that changing the pitch of your voice is not the same as changing your resonance - see tutorial part 6 (\"Pitch versus resonance\") for more on this concept.</li>\n              </ul>\n            </li>\n          </ul>\n        </li>\n        <li>Next Steps\n          <ul>\n            <li>Once you get a sense of how you can adjust your resonance, you can start practicing at the word level.\n              <ul>\n                <li>Even when you are producing words, you should still draw out the vowel so you can see if R2 is coming close to the slider.</li>\n                <li>During other speech sounds, your R2 will not be close to the slider - that's OK.</li>\n                <li>If you are having difficulty matching the target, you may want to go back to playing around with the vowel in isolation or in a single syllable.</li>\n              </ul>\n            </li>\n            <li>If you are feeling comfortable at the word level, you can click \"More complex\" to try a longer utterance.\n              <ul>\n                <li>You can practice the same vowel in chains of 2 to 5 syllables.</li>\n                <li>To begin, you will probably want to chant the chains and draw out the vowel in each word.</li>\n                <li>Then try producing the same chain with a more natural intonation instead of a chant. You can still look for R2 to come close to the slider during the target vowel in each word.</li>\n              </ul>\n            </li>\n            <li>Then try another vowel, or try mixing it up with different vowels. Don't forget that the tutorial videos are there for models and strategies!</li>\n          </ul>\n        </li>\n      </li>\n    </ul>\n  `"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,OAAO;AAChC,SAASC,IAAI,EAAEC,WAAW,EAAEC,WAAW,QAAQ,kBAAkB;AAEjE,OAAOC,UAAU,MAAM,cAAc;AACrC,SAASC,YAAY,QAAQ,iBAAiB;AAE9C,SAASC,KAAK,EAAEC,MAAM,QAAQ,MAAM;AAAA,SAAAC,MAAA,IAAAC,OAAA,EAAAC,QAAA,IAAAC,SAAA;AAWpC,MAAMC,aAA2C,GAAGA,CAAC;EAAEC,UAAU;EAAEC;AAAS,CAAC,KAAK;EAAAC,EAAA;EAChF,MAAMC,QAAQ,GAAGd,WAAW,CAAC,CAAC;EAC9B,MAAMe,cAAc,GAAGd,WAAW,CAAC,CAAC;EACpC,MAAM,CAACe,mBAAmB,EAAEC,sBAAsB,CAAC,GAAGnB,QAAQ,CAAC,KAAK,CAAC;EAGrE,MAAMoB,SAAS,GAAG,CAChB;IAAEC,IAAI,EAAE,YAAY;IAAEC,IAAI,EAAE;EAAW,CAAC,EACxC;IAAED,IAAI,EAAE,sBAAsB;IAAEC,IAAI,EAAE;EAAQ,CAAC,EAC/C;IAAED,IAAI,EAAE,qBAAqB;IAAEC,IAAI,EAAE;EAAW,CAAC,CAClD;EAED,MAAMC,cAAc,GAAGT,QAAQ,IAAIG,cAAc;EAEjD,MAAMO,mBAAmB,GAAG,MAAOC,CAAkD,IAAK;IAExF,IAAIT,QAAQ,CAACU,QAAQ,KAAK,YAAY,EAAE;MACtCC,KAAK,CAAC,wDAAwD,CAAC;MAC/DF,CAAC,CAACG,cAAc,CAAC,CAAC;MAClB;IACF;IAEA,IAAIZ,QAAQ,CAACU,QAAQ,KAAK,sBAAsB,EAAE;MAChD,IAAIb,UAAU,IAAIA,UAAU,CAACgB,MAAM,IAAIhB,UAAU,CAACgB,MAAM,CAACC,MAAM,GAAG,CAAC,EAAE;QACnE,MAAMC,YAAY,GAAGlB,UAAU,CAACgB,MAAM,CAACG,GAAG,CAAEC,KAAK,IAAK5B,YAAY,CAAC4B,KAAK,CAAC,CAAC;QAC1E,MAAMC,WAAW,GAAG,MAAM9B,UAAU,CAAC2B,YAAY,EAAElB,UAAU,CAACsB,MAAM,EAAEtB,UAAU,CAACuB,YAAY,CAAC;QAC9Fb,cAAc,CAAC,qBAAqB,EAAE;UAAEc,KAAK,EAAE;YAAEH;UAAY;QAAE,CAAC,CAAC;MACnE,CAAC,MAAM;QACLP,KAAK,CAAC,0CAA0C,CAAC;QACjDF,CAAC,CAACG,cAAc,CAAC,CAAC;MACpB;IAEF;EACF,CAAC;EAED,MAAMU,sBAAsB,GAAGA,CAAA,KAAM;IACnCnB,sBAAsB,CAAC,KAAK,CAAC;EAC/B,CAAC;EAED,MAAMoB,cAAc,GAAGA,CAAA,KAAM;IAC3BpB,sBAAsB,CAAC,IAAI,CAAC;EAC9B,CAAC;EAED,MAAMqB,oBAAoB,GAAGA,CAAA,KAAK;IAChC,IAAIxB,QAAQ,CAACU,QAAQ,KAAK,sBAAsB,EAAE;MAChD,OAAQ;AACd;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;IACH,CAAC,MAAM,IAAIV,QAAQ,CAACU,QAAQ,KAAK,qBAAqB,EAAE;MACtD,OAAQ;AACd;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;IACH,CAAC,MAAM;MACL,OAAQ;AACd;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;IACH;EACF,CAAC;EAED,oBACEjB,OAAA,CAAAE,SAAA;IAAA8B,QAAA,gBACEhC,OAAA;MAAKiC,SAAS,EAAC,KAAK;MAAAD,QAAA,EACjBrB,SAAS,CAACY,GAAG,CAAC,CAACW,IAAI,EAAEC,KAAK,kBACzBnC,OAAA,CAACV,KAAK,CAACW,QAAQ;QAAA+B,QAAA,gBACbhC,OAAA,CAACR,IAAI;UACH4C,EAAE,EAAEF,IAAI,CAACtB,IAAK;UACdqB,SAAS,EAAG,QAAO1B,QAAQ,CAACU,QAAQ,KAAKiB,IAAI,CAACtB,IAAI,GAAG,QAAQ,GAAG,EAAG,EAAE;UACrEyB,OAAO,EAAEH,IAAI,CAACtB,IAAI,KAAK,qBAAqB,GAAGG,mBAAmB,GAAGuB,SAAU;UAAAN,QAAA,EAE9EE,IAAI,CAACrB;QAAI;UAAA0B,QAAA,EAAAC,YAAA;UAAAC,UAAA;UAAAC,YAAA;QAAA,OACN,CAAC,EACNP,KAAK,GAAGxB,SAAS,CAACU,MAAM,GAAG,CAAC,iBAAIrB,OAAA;UAAMiC,SAAS,EAAC,WAAW;UAAAD,QAAA,EAAC;QAAC;UAAAO,QAAA,EAAAC,YAAA;UAAAC,UAAA;UAAAC,YAAA;QAAA,OAAM,CAAC;MAAA,GARlDR,IAAI,CAACrB,IAAI;QAAA0B,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OASd,CACjB;IAAC;MAAAH,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OACC,CAAC,eACN1C,OAAA;MAAK2C,KAAK,EAAE;QAAEC,SAAS,EAAE,QAAQ;QAAEC,SAAS,EAAE;MAAM,CAAE;MAAAb,QAAA,eACpDhC,OAAA,CAACF,MAAM;QAACuC,OAAO,EAAEP,cAAe;QAAAE,QAAA,EAAC;MAEjC;QAAAO,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAAQ;IAAC;MAAAH,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OACN,CAAC,eACN1C,OAAA,CAACH,KAAK;MACJiD,KAAK,EAAC,yBAAyB;MAC/BC,IAAI,EAAEtC,mBAAoB;MAC1BuC,QAAQ,EAAEnB,sBAAuB;MACjCoB,MAAM,EAAE,cACNjD,OAAA,CAACF,MAAM;QAAauC,OAAO,EAAER,sBAAuB;QAAAG,QAAA,EAAC;MAErD,GAFY,OAAO;QAAAO,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAEX,CAAC,CACT;MACFQ,KAAK,EAAE,GAAI;MAAAlB,QAAA,eAEXhC,OAAA;QAAKmD,uBAAuB,EAAE;UAAEC,MAAM,EAAErB,oBAAoB,CAAC;QAAE;MAAE;QAAAQ,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAAE;IAAC;MAAAH,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OAC/D,CAAC;EAAA,eACR,CAAC;AAEP,CAAC;AAAApC,EAAA,CAlLKH,aAA2C;EAAA,QAC9BV,WAAW,EACLC,WAAW;AAAA;AAAA2D,EAAA,GAF9BlD,aAA2C;AAoLjD,eAAeA,aAAa;AAE5B,MAAMmD,iBAAiB,GAAI;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AAAA,IAAAD,EAAA;AAAAE,YAAA,CAAAF,EAAA","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}