{"ast":null,"code":"import { waveMiniData, diagrams, waveGraphData, bgPeaksData } from './tutorialWaveData';\n\n/*\n A createTutorialData() provides the data for populating tutorial templates and svg group ids. Once a new tutorial session is started, createTutorialData() will return a new copy of this array, called tutData in the tutorial.js.\n \n State properties in tutData should only be modified in tutorial.js.\n Tutorial.js will pass tutData to tutorialDOM scripts to create or update DOM eles as needed. \n\n Basically treat this as readOnly, which is only read once at init. \n The scripts should NOT modify or return tutData. \n*/\n\n/* DOCUMENTATION -------------------------------------------\n\n tutDataItem = {\n\n ------------------------\n id: string Step id, per design docs\n\n ------------------------\n nav: { \n\n title: string \"Step 1: The Wave > Peaks\",\n display text for onHover tooltip\n\n bubText: string \"1\"\n this is the int in bubble btn\n\n style: [ 'string, ], ['navBubBig'],\n css classNames\n\n state: enum string options: 'active', 'post', null \n nav.state is used to apply css styles\n },\n\n\n ------------------------ #TODO\n copyBox: {}, \n \n waveMini: [ 3 slots only\n TODO: this could be simplified, now that we are no longer flipping the buttong positions (init pos could just become the arr index #)\n -- to update this we would need to update the ids in waveMini.html, which may not be worth the trouble.\n ],\n\n waveBox: {\n waveLive: bool Used to show/hide the spectrogram element\n defaultDraw: \"graphic\", //\"img\" ]] \"graphic\";\n\n waveGraphics: [\n\n { \n bgPeaks: bgPeaksData.oooNY,\n model: waveGraphData.oooNY, \n style: \"filled\", top: false, highlightLine: 0,\n },\n { \n bgPeaks: bgPeaksData.oooCA,\n model: waveGraphData.oooCA, \n style: \"filled\", top: false, highlightLine: 0,\n },\n ],\n\n slider: bool Used to show hide the starfish slider element.\n },\n\n ------------------------\n postLeft: { bgClass: \"rope\", },\n \n ------------------------\n postRight: { \n\n fn: string 'pausePlay', 'none' \n Addds test and handlers for wave's Pause/Paly fn.\n Currently 'pausePlay' is the only string that we have. If this btn is needed for something else, we add it here.\n isPaused: bool \n }\n \n ------------------------\n charScene: 'p0s1',\n\n*/\nconst createTutorialData = () => {\n return [{\n id: 'p0s1',\n nav: {\n title: \"StaRt Tutorial\",\n bubText: \"\",\n style: [],\n state: \"active\"\n },\n copyBox: {\n class: \"tutCopyBox\",\n content: [{\n id: \"copy01\",\n class: \"\",\n html: \"Welcome to Speech Beach!\"\n }, {\n id: \"copy02\",\n class: \"\",\n html: \"This tutorial will show you how to use the staRt wave as part of your speech therapy. We encourage the student and the speech pathologist to complete this together.\"\n }, {\n id: \"copy03\",\n class: \"\",\n html: \"The tutorial should take about 5 minutes.\"\n }]\n },\n waveBox: {\n waveLive: true,\n slider: false\n },\n postLeft: {\n bgClass: \"rope\"\n },\n postRight: {\n fn: 'pausePlay'\n },\n charScene: 'p0s1'\n }, {\n id: 'p0s2',\n nav: {\n title: \"Mic Check\",\n style: [],\n state: \"\"\n },\n copyBox: {\n // class: \"tutCopyBox\",\n content: [{\n id: \"copy01\",\n class: \"\",\n html: \"StaRt works best with an external microphone plugged into your device, even if it's just a set of earbuds with an inline microphone.\"\n }\n // {\n // id: \"copy02\",\n // class: \"\",\n // html: \"If your wave does not look like the models in this tutorial you may want to try...\",\n // },\n ]\n },\n waveBox: {\n waveLive: true,\n slider: false\n },\n postLeft: {\n bgClass: \"rope\"\n },\n postRight: {\n fn: 'pausePlay'\n },\n charScene: 'p0s2'\n }, {\n id: 'p1s1',\n nav: {\n title: \"Step 1: The Wave\",\n bubText: \"1\",\n style: ['navBubBig'],\n state: \"\"\n },\n copyBox: {\n content: [{\n id: \"copy01\",\n class: \"\",\n html: \"StaRt makes a picture of your speech sounds in real-time.\"\n }, {\n id: \"copy02\",\n class: \"\",\n html: \"Speak into your microphone.\"\n }, {\n id: \"copy03\",\n class: \"\",\n html: \"See how the wave moves around when you talk?\"\n }]\n },\n waveBox: {\n waveLive: true,\n slider: false\n },\n postLeft: {\n bgClass: \"rope\"\n },\n postRight: {\n fn: 'pausePlay'\n },\n charScene: 'p1s1'\n }, {\n id: 'p1s2',\n nav: {\n title: \"Step 1: The Wave > Peaks\",\n style: [],\n state: \"\"\n },\n copyBox: {\n content: [{\n id: \"copy01\",\n class: \"\",\n html: \"Peaks create your wave's shape.\"\n }, {\n id: \"copy02\",\n class: \"\",\n html: \"We are going to focus on the bumps or peaks in your wave.\"\n }, {\n id: \"copy03\",\n class: \"\",\n html: \"Press the 'Start Wave' sign to see how the peaks move when you talk.\"\n }]\n },\n waveBox: {\n waveLive: false,\n defaultDraw: \"graphic\",\n //\"img\" ]] \"graphic\";\n // imgUrls: [ { url: \"p1s2\" }, ],\n waveGraphics: [{\n model: waveGraphData.p1,\n style: 'filled',\n top: false,\n diagram: diagrams.p1s2,\n showDiagram: true\n }],\n slider: false\n },\n postLeft: {\n bgClass: \"rope\"\n },\n postRight: {\n fn: 'pausePlay'\n },\n charScene: 'p1s2'\n }, {\n id: 'p1s3',\n nav: {\n title: \"Step 1: The Wave > Lines\",\n style: [],\n state: \"\"\n },\n copyBox: {\n // class: \"\",\n content: [{\n id: \"copy01\",\n class: \"\",\n html: \"The white lines are there to help you find peaks in your wave, but sometimes, you will see a peak without a line, or a line without a peak.\"\n }, {\n id: \"copy02\",\n class: \"\",\n html: \"Pay more attention to the overall shape of the wave.\"\n }, {\n id: \"copy03\",\n class: \"\",\n html: \"In StaRt, peaks are more important than lines.\"\n }]\n },\n waveBox: {\n waveLive: false,\n defaultDraw: \"graphic\",\n //\"img\" ]] \"graphic\";\n // imgUrls: [ { url: \"p1s3\" }, ],\n waveGraphics: [{\n model: waveGraphData.p1,\n style: 'filled',\n top: false,\n diagram: diagrams.p1s3,\n showDiagram: true\n }],\n slider: false\n },\n postLeft: {\n bgClass: \"rope\"\n },\n postRight: {\n fn: 'none'\n }\n }, {\n id: 'p2s1',\n nav: {\n title: \"Step 2: 'Eee' Sounds\",\n bubText: \"2\",\n style: ['navBubBig'],\n state: \"\"\n },\n copyBox: {\n class: 'tutCopyBox-p2s1',\n content: [{\n id: \"copy01\",\n class: \"\",\n html: \"Here is a picture of my wave for an 'eee' sound.\"\n }, {\n id: \"copy02\",\n class: \"p2s1_2 \",\n html: \"the 1st peak is all the way to the left,\"\n }, {\n id: \"copy03\",\n class: \"p2s1_3 \",\n html: \"the 2nd peak is pretty far to the right, and\"\n }, {\n id: \"copy04\",\n class: \"p2s1_4 \",\n html: \"the 3rd is even further to the right.\"\n }]\n },\n waveBox: {\n waveLive: false,\n defaultDraw: \"graphic\",\n //\"img\" ]] \"graphic\";\n // imgUrls: [ { url: \"p2s1\" }, ],\n waveGraphics: [{\n bgPeaks: bgPeaksData.eee,\n model: waveGraphData.eee,\n style: 'filled',\n top: false,\n diagram: diagrams.eee,\n showDiagram: true\n }],\n slider: false\n },\n postLeft: {\n bgClass: \"rope\"\n },\n postRight: {\n fn: 'none'\n }\n }, {\n id: 'p2s2',\n nav: {\n title: \"Step 2: 'Eee' Sounds > Now You Try\",\n style: [],\n state: \"\"\n },\n copyBox: {\n //class: \"\",//\"tutCopyBoxShort\",\n content: [{\n id: \"copy01\",\n class: \"\",\n html: \"Now you try!\"\n }, {\n id: \"copy02\",\n class: \"\",\n html: \"How does your wave look when you say 'eee?'\"\n }, {\n id: \"copy03\",\n class: \"\",\n html: \"Don’t worry if your peaks are higher or lower than the model - just focus on the location.\"\n }]\n },\n // copyBox\n // waveMini: [], //removed\n waveBox: {\n waveLive: true,\n defaultDraw: \"graphic\",\n //\"img\" ]] \"graphic\";\n imgUrls: [{\n url: \"p2s2\"\n }],\n waveGraphics: [{\n bgPeaks: bgPeaksData.eee,\n model: waveGraphData.eee,\n style: 'lined',\n top: true\n }],\n slider: false\n },\n postLeft: {\n bgClass: \"rope\"\n },\n postRight: {\n fn: 'pausePlay'\n }\n }, {\n id: 'p3s1',\n nav: {\n title: \"Step 3: 'Ahh' Sounds\",\n bubText: \"3\",\n style: ['navBubBig'],\n state: \"\"\n },\n copyBox: {\n class: \"tutCopyBoxShort\",\n content: [{\n id: \"copy01\",\n class: \"\",\n html: \"Different sounds have peaks in different places.\"\n }, {\n id: \"copy02\",\n class: \"\",\n html: \"If I say an 'ahh' sound as in 'father,' my wave looks like this.\"\n }, {\n id: \"copy03\",\n class: \"\",\n html: \"Toggle the models to see how the peaks in 'ahh' look different from the peaks in 'eee.'\"\n }]\n },\n waveMini: [{\n initPos: \"top\",\n type: \"waveBtn\",\n btnContent: waveMiniData.ahh,\n audio: false,\n stateON: true\n }, {\n initPos: \"mid\",\n type: \"switch\",\n btnContent: {\n text: \"switch wave order\",\n color: [\"red\", \"navy\"]\n },\n audio: false,\n stateON: true\n }, {\n initPos: \"bottom\",\n type: \"waveBtn\",\n btnContent: waveMiniData.eee,\n audio: false,\n stateON: false\n }],\n // end waveMini\n waveBox: {\n waveLive: false,\n //true,\n defaultDraw: \"graphic\",\n //\"img\" ]] \"graphic\";\n waveGraphics: [{\n bgPeaks: bgPeaksData.ahh,\n model: waveGraphData.ahh,\n style: \"filled\",\n top: false,\n highlightLine: 0,\n showDiagram: false\n }, {\n bgPeaks: bgPeaksData.eee,\n model: waveGraphData.eee,\n style: \"filled\",\n top: false,\n highlightLine: 0,\n showDiagram: false\n }],\n slider: false\n },\n postLeft: {\n bgClass: \"rope\"\n },\n postRight: {\n fn: 'none'\n }\n }, {\n id: 'p3s2',\n nav: {\n title: \"Step 3: 'Ahh' Sounds > Now You Try\",\n // bubText: \"\",\n style: [],\n state: \"\"\n },\n copyBox: {\n class: \"tutCopyBoxShort\",\n content: [{\n id: \"copy01\",\n class: \"\",\n html: \"Now you try!\"\n }, {\n id: \"copy02\",\n class: \"\",\n html: \"How does your wave look when you say 'ahh'?\"\n }]\n },\n // waveMini: [], // removed\n waveBox: {\n waveLive: true,\n defaultDraw: \"graphic\",\n //\"img\" ]] \"graphic\";\n waveGraphics: [{\n bgPeaks: bgPeaksData.ahh,\n model: waveGraphData.ahh,\n style: \"lined\",\n top: true,\n highlightLine: 0,\n showDiagram: false\n }\n // { model: waveGraphData.eee, \n // style: \"lined\", stateON: true, showDiagram: false,\n // }\n ],\n slider: false\n },\n postLeft: {\n bgClass: \"rope\"\n },\n postRight: {\n fn: 'pausePlay'\n }\n }, {\n id: 'p4s1',\n nav: {\n title: \"Step 4: 'Ooo' Sounds\",\n bubText: \"4\",\n style: ['navBubBig'],\n state: \"\"\n },\n copyBox: {\n // class: \"tutCopyBoxShort\",\n content: [{\n id: \"copy01\",\n class: \"\",\n html: \"When I say 'ooo,' as in 'cool', my wave looks like this.\"\n }, {\n id: \"copy02\",\n class: \"\",\n html: \"How does your wave look when you say 'ooo'?\"\n }]\n },\n // waveMini: [], // removed\n waveBox: {\n waveLive: true,\n defaultDraw: \"graphic\",\n //\"img\" ]] \"graphic\";\n waveGraphics: [\n // { model: waveGraphData.ahh, \n // style: \"lined\", stateON: false, showDiagram: false,\n // },\n // { model: waveGraphData.eee, \n // style: \"lined\", stateON: false, showDiagram: false,\n // },\n {\n bgPeaks: bgPeaksData.ooo,\n model: waveGraphData.ooo,\n style: \"lined\",\n top: true,\n highlightLine: 0,\n showDiagram: false\n }],\n slider: false\n },\n postLeft: {\n bgClass: \"rope\"\n },\n postRight: {\n fn: 'pausePlay'\n }\n }, {\n id: 'p4s2',\n nav: {\n title: \"Step 4: 'Ooo' Sounds > Regional Differences\",\n bubText: \"\",\n style: [],\n state: \"\"\n },\n copyBox: {\n class: \"tutCopyBoxShort\",\n content: [{\n id: \"copy01\",\n class: \"\",\n html: \"Your wave might look different depending on where you are from.\"\n }, {\n id: \"copy02\",\n class: \"\",\n html: \"For example, people from California and people from New york tend to have very different 'ooo' sounds.\"\n }]\n },\n waveMini: [{\n initPos: \"top\",\n type: \"waveBtn\",\n btnContent: waveMiniData.oooNY,\n audio: false,\n stateON: true\n }, {\n initPos: \"mid\",\n type: \"switch\",\n btnContent: {\n text: \"switch wave order\",\n color: [\"white\", \"navy\"]\n },\n audio: false,\n stateON: true\n }, {\n initPos: \"bottom\",\n type: \"waveBtn\",\n btnContent: waveMiniData.oooCA,\n audio: false,\n stateON: false\n }],\n // end waveMini\n waveBox: {\n waveLive: false,\n defaultDraw: \"graphic\",\n //\"img\" ]] \"graphic\";\n waveGraphics: [{\n bgPeaks: bgPeaksData.oooNY,\n model: waveGraphData.oooNY,\n style: \"filled\",\n top: false,\n highlightLine: 0\n }, {\n bgPeaks: bgPeaksData.oooCA,\n model: waveGraphData.oooCA,\n style: \"filled\",\n top: false,\n highlightLine: 0\n }],\n slider: false\n },\n postLeft: {\n bgClass: \"rope\"\n },\n postRight: {\n fn: 'none'\n }\n }, {\n id: 'p5s1',\n nav: {\n title: \"Step 5: 'R' Sounds\",\n bubText: \"5\",\n style: ['navBubBig'],\n state: \"\"\n },\n copyBox: {\n class: \"tutCopyBox\",\n content: [{\n id: \"copy01\",\n class: \"\",\n html: \"Let's talk about 'R!' Here is a picture of a good 'r' sound.\"\n }, {\n id: \"copy02\",\n class: \"\",\n html: \"Focus on the 3rd peak. Look how close it is to the 2nd peak.\"\n }, {\n id: \"copy03\",\n class: \"\",\n html: \"Good 'r' sounds are unique because their 3rd peaks are really close to their 2nd peaks.\"\n }]\n },\n // diagram: \"true\",\n waveBox: {\n waveLive: false,\n defaultDraw: \"graphic\",\n //\"img\" ]] \"graphic\";\n // imgUrls: [ { url: \"p5s1\" }, ],\n waveGraphics: [{\n bgPeaks: bgPeaksData.goodR3,\n model: waveGraphData.goodR3,\n style: 'filled',\n top: false,\n diagram: diagrams.p5s1,\n showDiagram: true\n }],\n slider: false\n },\n postLeft: {\n idx: 0,\n bgClass: \"rope\",\n fzSign: \"\",\n signBig: [{\n labelFor: \"goodR3_p3\",\n // ---------------------\n label: \"3rd Peak\",\n value: \"1737\",\n color: \"waveBlue\",\n tooltipText: \"\"\n }]\n },\n postRight: {\n fn: 'none'\n },\n character: {\n url: \"str\",\n top: 0,\n left: 0,\n height: 0,\n width: 0\n }\n }, {\n id: 'p5s2',\n nav: {\n title: \"Step 5: 'R' Sounds > The 3rd Peak\",\n bubText: \"\",\n style: [],\n state: \"\"\n },\n copyBox: {\n class: \"tutCopyBoxShort\",\n content: [{\n id: \"copy01\",\n class: \"\",\n html: \"Notice the different locations of the waves' 3rd peaks.\"\n }, {\n id: \"copy02\",\n class: \"\",\n html: \"The green wave shows an 'r' that is not so good. It sounds like 'uhh.'\"\n }, {\n id: \"copy03\",\n class: \"\",\n html: \"The blue wave shows a really good 'r'. It sounds like 'err' and rhymes with 'her'.\"\n }]\n },\n waveMini: [{\n initPos: \"top\",\n type: \"waveBtn\",\n btnContent: waveMiniData.poorR,\n audio: false,\n stateON: true\n }, {\n initPos: \"mid\",\n type: \"switch\",\n btnContent: {\n text: \"switch wave order\",\n color: [\"spruce\", \"white\"]\n },\n audio: false\n // stateON: true,\n }, {\n initPos: \"bottom\",\n type: \"waveBtn\",\n btnContent: waveMiniData.goodR3,\n audio: false,\n stateON: false\n }],\n // end waveMini\n // diagram: \"true\",\n waveBox: {\n waveLive: false,\n defaultDraw: \"graphic\",\n //\"img\" ]] \"graphic\";\n // imgUrls: [ { url: \"p5s2a\" }, { url: \"p5s2b\" }, ],\n waveGraphics: [{\n bgPeaks: bgPeaksData.poorR,\n model: waveGraphData.poorR,\n style: 'filled',\n top: false,\n diagram: diagrams.p5s2_poorR,\n showDiagram: true\n }, {\n bgPeaks: bgPeaksData.goodR3,\n model: waveGraphData.goodR3,\n style: 'filled',\n top: false,\n diagram: diagrams.p5s2_goodR3,\n showDiagram: true\n }],\n slider: false\n },\n postLeft: {\n idx: 0,\n bgClass: \"ropeCrab\",\n fzSign: \"\",\n signBig: [{\n labelFor: \"poorR_p3\",\n // ---------------------\n label: \"3rd Peak\",\n value: \"2791\",\n color: \"spruce\",\n tooltipText: \"\"\n }, {\n labelFor: \"goodR3_p3\",\n // ---------------------\n label: \"3rd Peak\",\n value: \"1737\",\n color: \"waveBlue\",\n tooltipText: \"\"\n }]\n },\n postRight: {\n fn: 'none'\n },\n character: {\n url: \"str\",\n top: 0,\n left: 0,\n height: 0,\n width: 0\n }\n }, {\n id: 'p5s3',\n nav: {\n title: \"Step 5: 'R' Sounds > Setting a Visual Target\",\n bubText: \"\",\n style: [],\n state: \"\"\n },\n copyBox: {\n class: \"tutCopyBoxShort\",\n content: [{\n id: \"copy01\",\n class: \"\",\n html: \"You can practice correct 'r' sounds by setting a visual cue for the 3rd peak\"\n }, {\n id: \"copy02\",\n class: \"\",\n html: \"In these images, the starfish and the line are the target.\"\n }, {\n id: \"copy03\",\n class: \"\",\n html: \"See how the 3rd peak aligns with the target in the 'Good R' image?\"\n }]\n },\n waveMini: [{\n initPos: \"top\",\n type: \"waveBtn\",\n btnContent: waveMiniData.poorR,\n audio: false,\n stateON: true\n }, {\n initPos: \"mid\",\n type: \"switch\",\n btnContent: {\n text: \"switch wave order\",\n color: [\"spruce\", \"white\"]\n },\n audio: false,\n stateON: true\n }, {\n initPos: \"bottom\",\n type: \"waveBtn\",\n btnContent: waveMiniData.goodR3,\n audio: false,\n stateON: false\n }],\n // end waveMini\n // diagram: \"true\",\n waveBox: {\n waveLive: false,\n defaultDraw: \"graphic\",\n //\"img\" ]] \"graphic\";\n //imgUrls: [ { url: \"p5s3a\" }, { url: \"p5s3b\" }, ],\n waveGraphics: [{\n bgPeaks: bgPeaksData.goodR3,\n model: waveGraphData.goodR3,\n style: 'filled',\n top: false,\n diagram: diagrams.p5s3_goodR3,\n showDiagram: true\n }, {\n bgPeaks: bgPeaksData.poorR,\n model: waveGraphData.poorR,\n style: 'filled',\n top: false,\n diagram: diagrams.p5s3_poorR,\n showDiagram: true\n }],\n slider: {\n isVisible: true,\n pos: 1737\n }\n },\n postLeft: {\n idx: 0,\n bgClass: \"\",\n // none\n fzSign: \"\",\n signStarfish: [{\n labelFor: \"starfish\",\n // ---------------------\n label: \"Starfish\",\n value: \"1737\",\n color: \"gold\",\n tooltipText: \"\"\n }],\n signBig: [{\n labelFor: \"goodR3_p3\",\n // ---------------------\n label: \"3rd Peak\",\n value: \"1737\",\n color: \"waveBlue\",\n tooltipText: \"\"\n }, {\n labelFor: \"poorR3_p3\",\n // ---------------------\n label: \"3rd Peak\",\n value: \"2791\",\n color: \"spruce\",\n tooltipText: \"\"\n }]\n },\n postRight: {\n fn: 'none'\n },\n character: {\n url: \"str\",\n top: 0,\n left: 0,\n height: 0,\n width: 0\n }\n }, {\n id: 'p5s4',\n nav: {\n title: \"Step 5: 'R' Sounds > Sneaky Peaks\",\n bubText: \"\",\n style: [],\n state: \"\"\n },\n copyBox: {\n class: \"tutCopyBoxShort\",\n content: [{\n id: \"copy01\",\n class: \"\",\n html: \"Sometimes the 2nd and 3rd peaks move so close together that they look like just one peak.\"\n }, {\n id: \"copy02\",\n class: \"\",\n html: \"If you see just two peaks for 'r', focuses on getting the 2nd peak of the target line. In other words, try to move the 2nd peak closer to the crab.\"\n }]\n },\n waveMini: [{\n initPos: \"top\",\n type: \"waveBtn\",\n btnContent: waveMiniData.goodR2,\n audio: false,\n stateON: true\n }, {\n initPos: \"mid\",\n type: \"switch\",\n btnContent: {\n text: \"switch wave order\",\n color: [\"navy\", \"white\"]\n },\n audio: false,\n stateON: true\n }, {\n initPos: \"bottom\",\n type: \"waveBtn\",\n btnContent: waveMiniData.goodR3,\n audio: false,\n stateON: false\n }],\n // end waveMini\n waveBox: {\n waveLive: false,\n defaultDraw: \"graphic\",\n //\"img\" ]] \"graphic\";\n //imgUrls: [ { url: \"p5s4a\" }, { url: \"p5s4b\" }, ],\n waveGraphics: [{\n bgPeaks: bgPeaksData.goodR2,\n model: waveGraphData.goodR2,\n style: 'filled',\n top: false,\n diagram: diagrams.goodR2,\n showDiagram: true\n }, {\n bgPeaks: bgPeaksData.goodR3,\n model: waveGraphData.goodR3,\n style: 'filled',\n top: false,\n diagram: diagrams.p5s3_goodR3,\n showDiagram: true\n }],\n slider: {\n isVisible: false\n }\n },\n postLeft: {\n idx: 0,\n bgClass: \"ropeCrab\",\n fzSign: false,\n signBig: [{\n labelFor: \"goodR2_p3\",\n // ---------------------\n label: \"3rd Peak\",\n value: \"1629\",\n color: \"navy\",\n tooltipText: \"\"\n }, {\n labelFor: \"goodR3_p3\",\n // ---------------------\n label: \"3rd Peak\",\n value: \"1737\",\n color: \"waveBlue\",\n tooltipText: \"\"\n }]\n },\n postRight: {\n fn: 'none'\n },\n character: {\n url: \"str\",\n top: 0,\n left: 0,\n height: 0,\n width: 0\n }\n }, {\n id: 'p5s5',\n nav: {\n title: \"Step 5: 'R' Sounds > Now You Try\",\n bubText: \"\",\n style: [],\n state: \"\"\n },\n copyBox: {\n // class: \"\",\n content: [{\n id: \"copy01\",\n class: \"\",\n html: \"Now you try!\"\n }, {\n id: \"copy02\",\n class: \"\",\n html: \"Can you get the wave's 3rd peak to match the target line when you say 'r'?\"\n }]\n },\n waveBox: {\n waveLive: true,\n slider: {\n isVisible: true,\n pos: 1737\n }\n },\n postLeft: {\n idx: 0,\n bgClass: \"ropeCrab\",\n fzSign: true\n },\n postRight: {\n fn: 'pausePlay'\n },\n character: {\n url: \"str\",\n top: 0,\n left: 0,\n height: 0,\n width: 0\n }\n }];\n};\nexport default createTutorialData;","map":{"version":3,"names":["waveMiniData","diagrams","waveGraphData","bgPeaksData","createTutorialData","id","nav","title","bubText","style","state","copyBox","class","content","html","waveBox","waveLive","slider","postLeft","bgClass","postRight","fn","charScene","defaultDraw","waveGraphics","model","p1","top","diagram","p1s2","showDiagram","p1s3","bgPeaks","eee","imgUrls","url","waveMini","initPos","type","btnContent","ahh","audio","stateON","text","color","highlightLine","ooo","oooNY","oooCA","goodR3","p5s1","idx","fzSign","signBig","labelFor","label","value","tooltipText","character","left","height","width","poorR","p5s2_poorR","p5s2_goodR3","p5s3_goodR3","p5s3_poorR","isVisible","pos","signStarfish","goodR2"],"sources":["/Users/shanyi/Desktop/Projects/UC_Trains_Voice/react-demo/src/gavt/Tutorial/data/tutorialData.js"],"sourcesContent":["import {waveMiniData, diagrams, waveGraphData, bgPeaksData} from './tutorialWaveData'\n\n/*\n A createTutorialData() provides the data for populating tutorial templates and svg group ids. Once a new tutorial session is started, createTutorialData() will return a new copy of this array, called tutData in the tutorial.js.\n \n State properties in tutData should only be modified in tutorial.js.\n Tutorial.js will pass tutData to tutorialDOM scripts to create or update DOM eles as needed. \n\n Basically treat this as readOnly, which is only read once at init. \n The scripts should NOT modify or return tutData. \n*/\n\n/* DOCUMENTATION -------------------------------------------\n\n tutDataItem = {\n\n ------------------------\n id: string Step id, per design docs\n\n ------------------------\n nav: { \n\n title: string \"Step 1: The Wave > Peaks\",\n display text for onHover tooltip\n\n bubText: string \"1\"\n this is the int in bubble btn\n\n style: [ 'string, ], ['navBubBig'],\n css classNames\n\n state: enum string options: 'active', 'post', null \n nav.state is used to apply css styles\n },\n\n\n ------------------------ #TODO\n copyBox: {}, \n \n waveMini: [ 3 slots only\n TODO: this could be simplified, now that we are no longer flipping the buttong positions (init pos could just become the arr index #)\n -- to update this we would need to update the ids in waveMini.html, which may not be worth the trouble.\n ],\n\n waveBox: {\n waveLive: bool Used to show/hide the spectrogram element\n defaultDraw: \"graphic\", //\"img\" ]] \"graphic\";\n\n waveGraphics: [\n\n { \n bgPeaks: bgPeaksData.oooNY,\n model: waveGraphData.oooNY, \n style: \"filled\", top: false, highlightLine: 0,\n },\n { \n bgPeaks: bgPeaksData.oooCA,\n model: waveGraphData.oooCA, \n style: \"filled\", top: false, highlightLine: 0,\n },\n ],\n\n slider: bool Used to show hide the starfish slider element.\n },\n\n ------------------------\n postLeft: { bgClass: \"rope\", },\n \n ------------------------\n postRight: { \n\n fn: string 'pausePlay', 'none' \n Addds test and handlers for wave's Pause/Paly fn.\n Currently 'pausePlay' is the only string that we have. If this btn is needed for something else, we add it here.\n isPaused: bool \n }\n \n ------------------------\n charScene: 'p0s1',\n\n*/\nconst createTutorialData = () => {\n\n return [\n {\n id: 'p0s1',\n nav: {\n title: \"StaRt Tutorial\",\n bubText: \"\",\n style: [],\n state: \"active\",\n },\n copyBox: {\n class: \"tutCopyBox\",\n content: [\n {\n id: \"copy01\",\n class: \"\",\n html: \"Welcome to Speech Beach!\",\n },\n {\n id: \"copy02\",\n class: \"\",\n html: \"This tutorial will show you how to use the staRt wave as part of your speech therapy. We encourage the student and the speech pathologist to complete this together.\",\n },\n {\n id: \"copy03\",\n class: \"\",\n html: \"The tutorial should take about 5 minutes.\",\n },\n ],\n },\n waveBox: { waveLive: true, slider: false, },\n postLeft: { bgClass: \"rope\", },\n postRight: { fn: 'pausePlay', },\n charScene: 'p0s1',\n },\n {\n id: 'p0s2',\n nav: {\n title: \"Mic Check\",\n style: [],\n state: \"\",\n },\n copyBox: {\n // class: \"tutCopyBox\",\n content: [\n {\n id: \"copy01\",\n class: \"\",\n html: \"StaRt works best with an external microphone plugged into your device, even if it's just a set of earbuds with an inline microphone.\",\n },\n // {\n // id: \"copy02\",\n // class: \"\",\n // html: \"If your wave does not look like the models in this tutorial you may want to try...\",\n // },\n ],\n },\n waveBox: { waveLive: true, slider: false, },\n postLeft: { bgClass: \"rope\", },\n postRight: { fn: 'pausePlay', },\n charScene: 'p0s2',\n },\n {\n id: 'p1s1',\n nav: {\n title: \"Step 1: The Wave\",\n bubText: \"1\",\n style: ['navBubBig'],\n state: \"\",\n },\n copyBox: {\n content: [\n {\n id: \"copy01\",\n class: \"\",\n html: \"StaRt makes a picture of your speech sounds in real-time.\",\n },\n {\n id: \"copy02\",\n class: \"\",\n html: \"Speak into your microphone.\",\n },\n {\n id: \"copy03\",\n class: \"\",\n html: \"See how the wave moves around when you talk?\",\n },\n ],\n },\n waveBox: { waveLive: true, slider: false, },\n postLeft: { bgClass: \"rope\", },\n postRight: { fn: 'pausePlay', },\n charScene: 'p1s1',\n },\n {\n id: 'p1s2',\n nav: {\n title: \"Step 1: The Wave > Peaks\",\n style: [],\n state: \"\",\n },\n copyBox: {\n content: [\n {\n id: \"copy01\",\n class: \"\",\n html: \"Peaks create your wave's shape.\",\n },\n {\n id: \"copy02\",\n class: \"\",\n html: \"We are going to focus on the bumps or peaks in your wave.\",\n },\n {\n id: \"copy03\",\n class: \"\",\n html: \"Press the 'Start Wave' sign to see how the peaks move when you talk.\",\n },\n ],\n },\n waveBox: {\n waveLive: false,\n defaultDraw: \"graphic\", //\"img\" ]] \"graphic\";\n // imgUrls: [ { url: \"p1s2\" }, ],\n waveGraphics: [\n {\n model: waveGraphData.p1, style: 'filled', top: false,\n diagram: diagrams.p1s2, showDiagram: true,\n }\n ],\n slider: false,\n },\n postLeft: { bgClass: \"rope\", },\n postRight: { fn: 'pausePlay', },\n charScene: 'p1s2',\n },\n\n {\n id: 'p1s3',\n nav: {\n title: \"Step 1: The Wave > Lines\",\n style: [],\n state: \"\",\n },\n copyBox: {\n // class: \"\",\n content: [\n {\n id: \"copy01\",\n class: \"\",\n html: \"The white lines are there to help you find peaks in your wave, but sometimes, you will see a peak without a line, or a line without a peak.\",\n },\n {\n id: \"copy02\",\n class: \"\",\n html: \"Pay more attention to the overall shape of the wave.\",\n },\n {\n id: \"copy03\",\n class: \"\",\n html: \"In StaRt, peaks are more important than lines.\",\n },\n ],\n },\n waveBox: {\n waveLive: false,\n defaultDraw: \"graphic\", //\"img\" ]] \"graphic\";\n // imgUrls: [ { url: \"p1s3\" }, ],\n waveGraphics: [\n {\n model: waveGraphData.p1, style: 'filled', top: false,\n diagram: diagrams.p1s3, showDiagram: true,\n }\n ],\n slider: false,\n },\n postLeft: { bgClass: \"rope\", },\n postRight: { fn: 'none', }\n },\n {\n id: 'p2s1',\n nav: {\n title: \"Step 2: 'Eee' Sounds\",\n bubText: \"2\",\n style: ['navBubBig'],\n state: \"\",\n },\n copyBox: {\n class: 'tutCopyBox-p2s1',\n content: [\n {\n id: \"copy01\",\n class: \"\",\n html: \"Here is a picture of my wave for an 'eee' sound.\",\n },\n {\n id: \"copy02\",\n class: \"p2s1_2 \",\n html: \"the 1st peak is all the way to the left,\",\n },\n {\n id: \"copy03\",\n class: \"p2s1_3 \",\n html: \"the 2nd peak is pretty far to the right, and\",\n },\n {\n id: \"copy04\",\n class: \"p2s1_4 \",\n html: \"the 3rd is even further to the right.\",\n },\n ],\n },\n waveBox: {\n waveLive: false,\n defaultDraw: \"graphic\", //\"img\" ]] \"graphic\";\n // imgUrls: [ { url: \"p2s1\" }, ],\n waveGraphics: [\n {\n bgPeaks: bgPeaksData.eee,\n model: waveGraphData.eee, style: 'filled', top: false,\n diagram: diagrams.eee, showDiagram: true,\n }\n ],\n slider: false,\n },\n postLeft: { bgClass: \"rope\", },\n postRight: { fn: 'none', },\n },\n {\n id: 'p2s2',\n nav: {\n title: \"Step 2: 'Eee' Sounds > Now You Try\",\n style: [],\n state: \"\",\n },\n copyBox: {\n //class: \"\",//\"tutCopyBoxShort\",\n content: [\n {\n id: \"copy01\",\n class: \"\",\n html: \"Now you try!\",\n },\n {\n id: \"copy02\",\n class: \"\",\n html: \"How does your wave look when you say 'eee?'\",\n },\n {\n id: \"copy03\",\n class: \"\",\n html: \"Don’t worry if your peaks are higher or lower than the model - just focus on the location.\",\n },\n ],\n }, // copyBox\n // waveMini: [], //removed\n waveBox: {\n waveLive: true,\n defaultDraw: \"graphic\", //\"img\" ]] \"graphic\";\n imgUrls: [{ url: \"p2s2\" },],\n waveGraphics: [\n {\n bgPeaks: bgPeaksData.eee,\n model: waveGraphData.eee, style: 'lined', top: true,\n }\n ],\n slider: false,\n },\n postLeft: { bgClass: \"rope\", },\n postRight: { fn: 'pausePlay', }\n },\n {\n id: 'p3s1',\n nav: {\n title: \"Step 3: 'Ahh' Sounds\",\n bubText: \"3\",\n style: ['navBubBig'],\n state: \"\",\n },\n copyBox: {\n class: \"tutCopyBoxShort\",\n content: [\n {\n id: \"copy01\",\n class: \"\",\n html: \"Different sounds have peaks in different places.\",\n },\n {\n id: \"copy02\",\n class: \"\",\n html: \"If I say an 'ahh' sound as in 'father,' my wave looks like this.\",\n },\n {\n id: \"copy03\",\n class: \"\",\n html: \"Toggle the models to see how the peaks in 'ahh' look different from the peaks in 'eee.'\",\n },\n ],\n },\n waveMini: [\n {\n initPos: \"top\",\n type: \"waveBtn\",\n btnContent: waveMiniData.ahh,\n audio: false,\n stateON: true,\n },\n {\n initPos: \"mid\",\n type: \"switch\",\n btnContent: {\n text: \"switch wave order\",\n color: [\"red\", \"navy\"],\n },\n audio: false,\n stateON: true,\n },\n {\n initPos: \"bottom\",\n type: \"waveBtn\",\n btnContent: waveMiniData.eee,\n audio: false,\n stateON: false,\n }\n ], // end waveMini\n waveBox: {\n waveLive: false, //true,\n defaultDraw: \"graphic\", //\"img\" ]] \"graphic\";\n waveGraphics: [\n {\n bgPeaks: bgPeaksData.ahh,\n model: waveGraphData.ahh, style: \"filled\", top: false, highlightLine: 0,\n showDiagram: false,\n },\n {\n bgPeaks: bgPeaksData.eee,\n model: waveGraphData.eee,\n style: \"filled\", top: false, highlightLine: 0,\n showDiagram: false,\n }\n ],\n slider: false,\n },\n postLeft: { bgClass: \"rope\", },\n postRight: { fn: 'none', },\n },\n {\n id: 'p3s2',\n nav: {\n title: \"Step 3: 'Ahh' Sounds > Now You Try\",\n // bubText: \"\",\n style: [],\n state: \"\",\n },\n copyBox: {\n class: \"tutCopyBoxShort\",\n content: [\n {\n id: \"copy01\",\n class: \"\",\n html: \"Now you try!\",\n },\n {\n id: \"copy02\",\n class: \"\",\n html: \"How does your wave look when you say 'ahh'?\",\n },\n ],\n },\n // waveMini: [], // removed\n waveBox: {\n waveLive: true,\n defaultDraw: \"graphic\", //\"img\" ]] \"graphic\";\n waveGraphics: [\n {\n bgPeaks: bgPeaksData.ahh,\n model: waveGraphData.ahh, style: \"lined\", top: true, highlightLine: 0,\n showDiagram: false,\n },\n // { model: waveGraphData.eee, \n // style: \"lined\", stateON: true, showDiagram: false,\n // }\n ],\n slider: false,\n },\n postLeft: { bgClass: \"rope\", },\n postRight: { fn: 'pausePlay', }\n },\n {\n id: 'p4s1',\n nav: {\n title: \"Step 4: 'Ooo' Sounds\",\n bubText: \"4\",\n style: ['navBubBig'],\n state: \"\",\n },\n copyBox: {\n // class: \"tutCopyBoxShort\",\n content: [\n {\n id: \"copy01\",\n class: \"\",\n html: \"When I say 'ooo,' as in 'cool', my wave looks like this.\",\n },\n {\n id: \"copy02\",\n class: \"\",\n html: \"How does your wave look when you say 'ooo'?\",\n },\n ],\n },\n // waveMini: [], // removed\n waveBox: {\n waveLive: true,\n defaultDraw: \"graphic\", //\"img\" ]] \"graphic\";\n waveGraphics: [\n // { model: waveGraphData.ahh, \n // style: \"lined\", stateON: false, showDiagram: false,\n // },\n // { model: waveGraphData.eee, \n // style: \"lined\", stateON: false, showDiagram: false,\n // },\n {\n bgPeaks: bgPeaksData.ooo,\n model: waveGraphData.ooo,\n style: \"lined\", top: true, highlightLine: 0,\n showDiagram: false,\n }\n ],\n slider: false,\n },\n postLeft: { bgClass: \"rope\", },\n postRight: { fn: 'pausePlay', }\n },\n {\n id: 'p4s2',\n nav: {\n title: \"Step 4: 'Ooo' Sounds > Regional Differences\",\n bubText: \"\",\n style: [],\n state: \"\",\n },\n copyBox: {\n class: \"tutCopyBoxShort\",\n content: [\n {\n id: \"copy01\",\n class: \"\",\n html: \"Your wave might look different depending on where you are from.\",\n },\n {\n id: \"copy02\",\n class: \"\",\n html: \"For example, people from California and people from New york tend to have very different 'ooo' sounds.\",\n },\n ],\n },\n waveMini: [\n {\n initPos: \"top\",\n type: \"waveBtn\",\n btnContent: waveMiniData.oooNY,\n audio: false,\n stateON: true,\n },\n {\n initPos: \"mid\",\n type: \"switch\",\n btnContent: {\n text: \"switch wave order\",\n color: [\"white\", \"navy\",],\n },\n audio: false,\n stateON: true,\n },\n {\n initPos: \"bottom\",\n type: \"waveBtn\",\n btnContent: waveMiniData.oooCA,\n audio: false,\n stateON: false,\n },\n ], // end waveMini\n waveBox: {\n waveLive: false,\n defaultDraw: \"graphic\", //\"img\" ]] \"graphic\";\n waveGraphics: [\n\n {\n bgPeaks: bgPeaksData.oooNY,\n model: waveGraphData.oooNY,\n style: \"filled\", top: false, highlightLine: 0,\n },\n {\n bgPeaks: bgPeaksData.oooCA,\n model: waveGraphData.oooCA,\n style: \"filled\", top: false, highlightLine: 0,\n },\n ],\n slider: false,\n },\n postLeft: { bgClass: \"rope\", },\n postRight: { fn: 'none', },\n },\n {\n id: 'p5s1',\n nav: {\n title: \"Step 5: 'R' Sounds\",\n bubText: \"5\",\n style: ['navBubBig'],\n state: \"\",\n },\n copyBox: {\n class: \"tutCopyBox\",\n content: [\n {\n id: \"copy01\",\n class: \"\",\n html: \"Let's talk about 'R!' Here is a picture of a good 'r' sound.\",\n },\n {\n id: \"copy02\",\n class: \"\",\n html: \"Focus on the 3rd peak. Look how close it is to the 2nd peak.\",\n },\n {\n id: \"copy03\",\n class: \"\",\n html: \"Good 'r' sounds are unique because their 3rd peaks are really close to their 2nd peaks.\",\n },\n ],\n },\n // diagram: \"true\",\n waveBox: {\n waveLive: false,\n defaultDraw: \"graphic\", //\"img\" ]] \"graphic\";\n // imgUrls: [ { url: \"p5s1\" }, ],\n waveGraphics: [\n {\n bgPeaks: bgPeaksData.goodR3,\n model: waveGraphData.goodR3, style: 'filled', top: false,\n diagram: diagrams.p5s1, showDiagram: true,\n },\n ],\n slider: false,\n },\n postLeft: {\n idx: 0,\n bgClass: \"rope\",\n fzSign: \"\",\n signBig: [\n {\n labelFor: \"goodR3_p3\", // ---------------------\n label: \"3rd Peak\",\n value: \"1737\",\n color: \"waveBlue\",\n tooltipText: \"\",\n },\n ],\n },\n postRight: { fn: 'none', },\n character: {\n url: \"str\",\n top: 0,\n left: 0,\n height: 0,\n width: 0,\n }\n },\n {\n id: 'p5s2',\n nav: {\n title: \"Step 5: 'R' Sounds > The 3rd Peak\",\n bubText: \"\",\n style: [],\n state: \"\",\n },\n copyBox: {\n class: \"tutCopyBoxShort\",\n content: [\n {\n id: \"copy01\",\n class: \"\",\n html: \"Notice the different locations of the waves' 3rd peaks.\",\n },\n {\n id: \"copy02\",\n class: \"\",\n html: \"The green wave shows an 'r' that is not so good. It sounds like 'uhh.'\",\n },\n {\n id: \"copy03\",\n class: \"\",\n html: \"The blue wave shows a really good 'r'. It sounds like 'err' and rhymes with 'her'.\",\n },\n ],\n },\n waveMini: [\n {\n initPos: \"top\",\n type: \"waveBtn\",\n btnContent: waveMiniData.poorR,\n audio: false,\n stateON: true,\n },\n\n {\n initPos: \"mid\",\n type: \"switch\",\n btnContent: {\n text: \"switch wave order\",\n color: [\"spruce\", \"white\"],\n },\n audio: false,\n // stateON: true,\n },\n\n {\n initPos: \"bottom\",\n type: \"waveBtn\",\n btnContent: waveMiniData.goodR3,\n audio: false,\n stateON: false,\n },\n ], // end waveMini\n // diagram: \"true\",\n waveBox: {\n waveLive: false,\n defaultDraw: \"graphic\", //\"img\" ]] \"graphic\";\n // imgUrls: [ { url: \"p5s2a\" }, { url: \"p5s2b\" }, ],\n waveGraphics: [\n {\n bgPeaks: bgPeaksData.poorR,\n model: waveGraphData.poorR, style: 'filled', top: false,\n diagram: diagrams.p5s2_poorR, showDiagram: true,\n },\n {\n bgPeaks: bgPeaksData.goodR3,\n model: waveGraphData.goodR3, style: 'filled', top: false,\n diagram: diagrams.p5s2_goodR3, showDiagram: true,\n },\n ],\n slider: false,\n },\n postLeft: {\n idx: 0,\n bgClass: \"ropeCrab\",\n fzSign: \"\",\n signBig: [\n {\n labelFor: \"poorR_p3\", // ---------------------\n label: \"3rd Peak\",\n value: \"2791\",\n color: \"spruce\",\n tooltipText: \"\",\n },\n {\n labelFor: \"goodR3_p3\", // ---------------------\n label: \"3rd Peak\",\n value: \"1737\",\n color: \"waveBlue\",\n tooltipText: \"\",\n },\n ],\n },\n postRight: { fn: 'none', },\n character: {\n url: \"str\",\n top: 0,\n left: 0,\n height: 0,\n width: 0,\n }\n },\n {\n id: 'p5s3',\n nav: {\n title: \"Step 5: 'R' Sounds > Setting a Visual Target\",\n bubText: \"\",\n style: [],\n state: \"\",\n },\n copyBox: {\n class: \"tutCopyBoxShort\",\n content: [\n {\n id: \"copy01\",\n class: \"\",\n html: \"You can practice correct 'r' sounds by setting a visual cue for the 3rd peak\",\n },\n {\n id: \"copy02\",\n class: \"\",\n html: \"In these images, the starfish and the line are the target.\",\n },\n {\n id: \"copy03\",\n class: \"\",\n html: \"See how the 3rd peak aligns with the target in the 'Good R' image?\",\n },\n ],\n },\n waveMini: [\n {\n initPos: \"top\",\n type: \"waveBtn\",\n btnContent: waveMiniData.poorR,\n audio: false,\n stateON: true,\n },\n\n {\n initPos: \"mid\",\n type: \"switch\",\n btnContent: {\n text: \"switch wave order\",\n color: [\"spruce\", \"white\"],\n },\n audio: false,\n stateON: true,\n },\n\n {\n initPos: \"bottom\",\n type: \"waveBtn\",\n btnContent: waveMiniData.goodR3,\n audio: false,\n stateON: false,\n },\n ], // end waveMini\n // diagram: \"true\",\n waveBox: {\n waveLive: false,\n defaultDraw: \"graphic\", //\"img\" ]] \"graphic\";\n //imgUrls: [ { url: \"p5s3a\" }, { url: \"p5s3b\" }, ],\n waveGraphics: [\n {\n bgPeaks: bgPeaksData.goodR3,\n model: waveGraphData.goodR3, style: 'filled', top: false,\n diagram: diagrams.p5s3_goodR3, showDiagram: true,\n },\n {\n bgPeaks: bgPeaksData.poorR,\n model: waveGraphData.poorR, style: 'filled', top: false,\n diagram: diagrams.p5s3_poorR, showDiagram: true,\n },\n ],\n slider: {\n isVisible: true,\n pos: 1737,\n }\n },\n postLeft: {\n idx: 0,\n bgClass: \"\", // none\n fzSign: \"\",\n signStarfish: [\n {\n labelFor: \"starfish\", // ---------------------\n label: \"Starfish\",\n value: \"1737\",\n color: \"gold\",\n tooltipText: \"\",\n },\n ],\n signBig: [\n {\n labelFor: \"goodR3_p3\", // ---------------------\n label: \"3rd Peak\",\n value: \"1737\",\n color: \"waveBlue\",\n tooltipText: \"\",\n },\n {\n labelFor: \"poorR3_p3\", // ---------------------\n label: \"3rd Peak\",\n value: \"2791\",\n color: \"spruce\",\n tooltipText: \"\",\n },\n ],\n },\n postRight: { fn: 'none', },\n character: {\n url: \"str\",\n top: 0,\n left: 0,\n height: 0,\n width: 0,\n }\n },\n {\n id: 'p5s4',\n nav: {\n title: \"Step 5: 'R' Sounds > Sneaky Peaks\",\n bubText: \"\",\n style: [],\n state: \"\",\n },\n copyBox: {\n class: \"tutCopyBoxShort\",\n content: [\n {\n id: \"copy01\",\n class: \"\",\n html: \"Sometimes the 2nd and 3rd peaks move so close together that they look like just one peak.\",\n },\n {\n id: \"copy02\",\n class: \"\",\n html: \"If you see just two peaks for 'r', focuses on getting the 2nd peak of the target line. In other words, try to move the 2nd peak closer to the crab.\",\n },\n ],\n },\n waveMini: [\n {\n initPos: \"top\",\n type: \"waveBtn\",\n btnContent: waveMiniData.goodR2,\n audio: false,\n stateON: true,\n },\n\n {\n initPos: \"mid\",\n type: \"switch\",\n btnContent: {\n text: \"switch wave order\",\n color: [\"navy\", \"white\"],\n },\n audio: false,\n stateON: true,\n },\n\n {\n initPos: \"bottom\",\n type: \"waveBtn\",\n btnContent: waveMiniData.goodR3,\n audio: false,\n stateON: false,\n },\n ], // end waveMini\n waveBox: {\n waveLive: false,\n defaultDraw: \"graphic\", //\"img\" ]] \"graphic\";\n //imgUrls: [ { url: \"p5s4a\" }, { url: \"p5s4b\" }, ],\n waveGraphics: [\n {\n bgPeaks: bgPeaksData.goodR2,\n model: waveGraphData.goodR2, style: 'filled', top: false,\n diagram: diagrams.goodR2, showDiagram: true,\n },\n {\n bgPeaks: bgPeaksData.goodR3,\n model: waveGraphData.goodR3, style: 'filled', top: false,\n diagram: diagrams.p5s3_goodR3, showDiagram: true,\n },\n ],\n slider: { isVisible: false, }\n },\n postLeft: {\n idx: 0,\n bgClass: \"ropeCrab\",\n fzSign: false,\n signBig: [\n {\n labelFor: \"goodR2_p3\", // ---------------------\n label: \"3rd Peak\",\n value: \"1629\",\n color: \"navy\",\n tooltipText: \"\",\n },\n {\n labelFor: \"goodR3_p3\", // ---------------------\n label: \"3rd Peak\",\n value: \"1737\",\n color: \"waveBlue\",\n tooltipText: \"\",\n },\n ],\n },\n postRight: { fn: 'none', },\n character: {\n url: \"str\",\n top: 0,\n left: 0,\n height: 0,\n width: 0,\n }\n },\n {\n id: 'p5s5',\n nav: {\n title: \"Step 5: 'R' Sounds > Now You Try\",\n bubText: \"\",\n style: [],\n state: \"\",\n },\n copyBox: {\n // class: \"\",\n content: [\n {\n id: \"copy01\",\n class: \"\",\n html: \"Now you try!\",\n },\n {\n id: \"copy02\",\n class: \"\",\n html: \"Can you get the wave's 3rd peak to match the target line when you say 'r'?\",\n },\n ],\n },\n waveBox: {\n waveLive: true,\n slider: {\n isVisible: true,\n pos: 1737,\n }\n },\n postLeft: {\n idx: 0,\n bgClass: \"ropeCrab\",\n fzSign: true,\n },\n postRight: { fn: 'pausePlay', },\n character: {\n url: \"str\",\n top: 0,\n left: 0,\n height: 0,\n width: 0,\n }\n },\n ]\n}\n\nexport default createTutorialData;\n\n"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}