{"ast":null,"code":"var _jsxFileName = \"/var/www/gavt/react-demo/src/gavt/Tutorial/CustomWave.jsx\",\n  _s = $RefreshSig$();\nimport { useState } from \"react\";\nimport waveDrawLoop from '../Wave/lib/waveDrawLoop.js';\nimport WaveCanvas from '../Wave/WaveCanvas.jsx';\nimport '../Wave/Wave.css';\nimport { Slider, Col, Row, Button } from \"antd\";\nimport 'antd/dist/reset.css';\nimport { jsxDEV as _jsxDEV, Fragment as _Fragment } from \"react/jsx-dev-runtime\";\nconst CustomWave = ({\n  canvasWidth = '60%'\n}) => {\n  _s();\n  const [waveIsPaused, setWaveIsPaused] = useState(false);\n  const [pos, setPos] = useState(1500);\n  const handlePauseWave = e => setWaveIsPaused(!waveIsPaused);\n  const handleOnChangeSlider = value => {\n    setPos(value);\n  };\n  return /*#__PURE__*/_jsxDEV(_Fragment, {\n    children: /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"wlMainParent\",\n      children: [/*#__PURE__*/_jsxDEV(\"br\", {}, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 23,\n        columnNumber: 17\n      }, this), /*#__PURE__*/_jsxDEV(\"br\", {}, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 23,\n        columnNumber: 22\n      }, this), /*#__PURE__*/_jsxDEV(Row, {\n        children: /*#__PURE__*/_jsxDEV(Col, {\n          span: 24,\n          children: /*#__PURE__*/_jsxDEV(\"div\", {\n            className: \"canvasandslider\",\n            style: {\n              width: canvasWidth\n            },\n            children: [/*#__PURE__*/_jsxDEV(WaveCanvas, {\n              className: \"waveCanvas\",\n              draw: waveDrawLoop,\n              isPaused: waveIsPaused,\n              strokeStyle: \"#C8A1E0\"\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 27,\n              columnNumber: 29\n            }, this), /*#__PURE__*/_jsxDEV(Slider, {\n              className: \"triangle-slider\",\n              min: 0,\n              max: 4096,\n              value: pos,\n              onChange: handleOnChangeSlider,\n              defaultValue: 1500,\n              style: {\n                margin: 0\n              },\n              tooltip: {\n                open: false\n              }\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 33,\n              columnNumber: 29\n            }, this)]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 26,\n            columnNumber: 25\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 25,\n          columnNumber: 21\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 24,\n        columnNumber: 17\n      }, this), /*#__PURE__*/_jsxDEV(Row, {\n        children: /*#__PURE__*/_jsxDEV(Col, {\n          span: 24,\n          children: /*#__PURE__*/_jsxDEV(\"span\", {\n            className: \"label\",\n            children: [\"Frequency Value at Current Position: \", pos, \" Hz\"]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 48,\n            columnNumber: 21\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 47,\n          columnNumber: 19\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 46,\n        columnNumber: 17\n      }, this), /*#__PURE__*/_jsxDEV(Row, {\n        children: /*#__PURE__*/_jsxDEV(Col, {\n          span: 24,\n          children: [/*#__PURE__*/_jsxDEV(\"span\", {\n            className: \"label\",\n            children: \"Waveform Play Control: \"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 53,\n            columnNumber: 25\n          }, this), /*#__PURE__*/_jsxDEV(Button, {\n            onClick: handlePauseWave,\n            style: {\n              marginTop: '10px',\n              marginLeft: '10px'\n            },\n            type: \"primary\",\n            children: waveIsPaused ? \"Play\" : \"Pause\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 54,\n            columnNumber: 25\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 52,\n          columnNumber: 21\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 51,\n        columnNumber: 17\n      }, this), /*#__PURE__*/_jsxDEV(Col, {\n        span: 24,\n        children: /*#__PURE__*/_jsxDEV(\"iframe\", {\n          width: \"560\",\n          height: \"315\",\n          src: \"https://www.youtube.com/embed/WTs2QcTTpHo?si=sAc_c162er58Q9zu\",\n          title: \"YouTube video player\",\n          frameborder: \"0\",\n          allow: \"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\",\n          allowfullscreen: true\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 64,\n          columnNumber: 23\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 63,\n        columnNumber: 21\n      }, this), /*#__PURE__*/_jsxDEV(Row, {}, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 75,\n        columnNumber: 17\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 22,\n      columnNumber: 13\n    }, this)\n  }, void 0, false);\n};\n_s(CustomWave, \"Ul7uV92KhUYepTXrEH7wZH9diEs=\");\n_c = CustomWave;\nexport default CustomWave;\nvar _c;\n$RefreshReg$(_c, \"CustomWave\");","map":{"version":3,"names":["useState","waveDrawLoop","WaveCanvas","Slider","Col","Row","Button","jsxDEV","_jsxDEV","Fragment","_Fragment","CustomWave","canvasWidth","_s","waveIsPaused","setWaveIsPaused","pos","setPos","handlePauseWave","e","handleOnChangeSlider","value","children","className","fileName","_jsxFileName","lineNumber","columnNumber","span","style","width","draw","isPaused","strokeStyle","min","max","onChange","defaultValue","margin","tooltip","open","onClick","marginTop","marginLeft","type","height","src","title","frameborder","allow","allowfullscreen","_c","$RefreshReg$"],"sources":["/var/www/gavt/react-demo/src/gavt/Tutorial/CustomWave.jsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport waveDrawLoop from '../Wave/lib/waveDrawLoop.js';\nimport WaveCanvas from '../Wave/WaveCanvas.jsx';\nimport '../Wave/Wave.css';\n\nimport { Slider, Col, Row, Button} from \"antd\";\nimport 'antd/dist/reset.css'; \n\nconst CustomWave = ({ canvasWidth = '60%' }) => {\n    const [waveIsPaused, setWaveIsPaused] = useState(false);\n    const [pos, setPos] = useState(1500);\n\n    const handlePauseWave = (e) => setWaveIsPaused(!waveIsPaused)\n\n    const handleOnChangeSlider = (value) => {\n        setPos(value)\n    };\n\n    return (\n        <>        \n            <div className=\"wlMainParent\">\n                <br/><br/>\n                <Row>\n                    <Col span={24}>\n                        <div className=\"canvasandslider\" style={{ width: canvasWidth }}>\n                            <WaveCanvas\n                                className=\"waveCanvas\"\n                                draw={waveDrawLoop}\n                                isPaused={waveIsPaused}\n                                strokeStyle=\"#C8A1E0\"\n                            />\n                            <Slider\n                                className=\"triangle-slider\"\n                                min={0}\n                                max={4096}\n                                value={pos}\n                                onChange={handleOnChangeSlider}\n                                defaultValue={1500}\n                                style={{ margin: 0}}\n                                tooltip={{open: false}}\n                            />\n                        </div>\n                    </Col>\n                </Row>\n                <Row>\n                  <Col span={24}>\n                    <span className=\"label\">Frequency Value at Current Position: {pos} Hz</span>\n                  </Col>\n                </Row>\n                <Row>\n                    <Col span={24}>\n                        <span className=\"label\">Waveform Play Control: </span>\n                        <Button\n                            onClick={ handlePauseWave }\n                            style={{ marginTop: '10px', marginLeft: '10px'}}\n                            type=\"primary\"\n                        >\n                            {(waveIsPaused) ? \"Play\" : \"Pause\"}\n                        </Button>\n                    </Col>   \n                </Row>\n                    <Col span={24}>\n                      <iframe \n                        width=\"560\" \n                        height=\"315\" \n                        src=\"https://www.youtube.com/embed/WTs2QcTTpHo?si=sAc_c162er58Q9zu\" \n                        title=\"YouTube video player\" \n                        frameborder=\"0\" \n                        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \n                        allowfullscreen\n                      >\n                      </iframe>\n                    </Col>\n                <Row>\n\n                </Row>\n            </div>\n        </>\n    )\n}\n\nexport default CustomWave;"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}