{"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  _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(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: 25,\n            columnNumber: 21\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 24,\n          columnNumber: 19\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 23,\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: 31,\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: 32,\n            columnNumber: 25\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 29,\n          columnNumber: 21\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 28,\n        columnNumber: 17\n      }, this), /*#__PURE__*/_jsxDEV(Row, {\n        children: /*#__PURE__*/_jsxDEV(Col, {\n          span: 24,\n          children: /*#__PURE__*/_jsxDEV(\"div\", {\n            className: \"canvasandslider\",\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: 44,\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: 50,\n              columnNumber: 29\n            }, this)]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 43,\n            columnNumber: 25\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 42,\n          columnNumber: 21\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 41,\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","_s","waveIsPaused","setWaveIsPaused","pos","setPos","handlePauseWave","e","handleOnChangeSlider","value","children","className","span","fileName","_jsxFileName","lineNumber","columnNumber","onClick","style","marginTop","marginLeft","type","draw","isPaused","strokeStyle","min","max","onChange","defaultValue","margin","tooltip","open","_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 = () => {\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                <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\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                <Row>\n                    <Col span={24}>\n                        <div className=\"canvasandslider\">\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            </div>\n        </>\n    )\n}\n\nexport default CustomWave;"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}