{"ast":null,"code":"var _jsxFileName = \"D:\\\\Project\\\\UC_Trains_Voice\\\\react-demo\\\\src\\\\gavt\\\\Wave\\\\Wave.jsx\",\n  _s = $RefreshSig$();\nimport { useState, useEffect } from \"react\";\nimport waveDrawLoop from './lib/waveDrawLoop.js';\nimport WaveCanvas from './WaveCanvas.jsx';\nimport './Wave.css';\nimport { Slider, Button, Col, Row, message } from \"antd\";\nimport 'antd/dist/reset.css';\nimport { jsxDEV as _jsxDEV, Fragment as _Fragment } from \"react/jsx-dev-runtime\";\nconst Wave = ({\n  frequency,\n  officialFrequency,\n  setCustomFrequency\n}) => {\n  _s();\n  const [waveIsPaused, setWaveIsPaused] = useState(false);\n  const [pos, setPos] = useState(frequency || 1500);\n  const [messageApi, contextHolder] = message.useMessage();\n  useEffect(() => {\n    if (frequency) {\n      setPos(frequency);\n    }\n  }, [frequency]);\n  const handlePauseWave = e => setWaveIsPaused(!waveIsPaused);\n  const handleResetToOfficialTarget = () => {\n    setPos(officialFrequency || 1500);\n  };\n  const handleJumpToCustomTarget = () => {\n    if (frequency !== officialFrequency) {\n      setPos(frequency);\n    }\n  };\n  const handleSetCurrentAsTarget = () => {\n    setCustomFrequency(pos);\n    success(pos);\n  };\n  const handleOnChangeSlider = value => {\n    setPos(value);\n  };\n  const success = pos => {\n    messageApi.open({\n      type: 'success',\n      content: 'Successfully set the target frequency to ' + pos + ' Hz.'\n    });\n  };\n  return /*#__PURE__*/_jsxDEV(_Fragment, {\n    children: /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"wlMainParent\",\n      children: [contextHolder, /*#__PURE__*/_jsxDEV(\"div\", {\n        style: {\n          alignItems: 'center'\n        },\n        children: [/*#__PURE__*/_jsxDEV(Button, {\n          type: \"primary\",\n          onClick: handlePauseWave,\n          children: waveIsPaused ? \"Play\" : \"Pause\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 56,\n          columnNumber: 25\n        }, this), frequency !== officialFrequency && /*#__PURE__*/_jsxDEV(Button, {\n          onClick: handleResetToOfficialTarget,\n          children: \"Jump to Official Target\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 64,\n          columnNumber: 29\n        }, this), /*#__PURE__*/_jsxDEV(Button, {\n          onClick: handleJumpToCustomTarget,\n          children: \"Jump to Customized Target\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 71,\n          columnNumber: 25\n        }, this), /*#__PURE__*/_jsxDEV(Button, {\n          onClick: handleSetCurrentAsTarget,\n          children: \"Set Curret Value as Target\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 77,\n          columnNumber: 25\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 55,\n        columnNumber: 21\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]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 85,\n            columnNumber: 25\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 84,\n          columnNumber: 21\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 83,\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            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 91,\n              columnNumber: 29\n            }, this), /*#__PURE__*/_jsxDEV(Slider, {\n              className: \"custom-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: 96,\n              columnNumber: 29\n            }, this)]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 90,\n            columnNumber: 25\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 89,\n          columnNumber: 21\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 88,\n        columnNumber: 17\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 53,\n      columnNumber: 13\n    }, this)\n  }, void 0, false);\n};\n_s(Wave, \"KYd5ZF30+r6zoWsxKCz7Gn44e/I=\", false, function () {\n  return [message.useMessage];\n});\n_c = Wave;\nexport default Wave;\nvar _c;\n$RefreshReg$(_c, \"Wave\");","map":{"version":3,"names":["useState","useEffect","waveDrawLoop","WaveCanvas","Slider","Button","Col","Row","message","jsxDEV","_jsxDEV","Fragment","_Fragment","Wave","frequency","officialFrequency","setCustomFrequency","_s","waveIsPaused","setWaveIsPaused","pos","setPos","messageApi","contextHolder","useMessage","handlePauseWave","e","handleResetToOfficialTarget","handleJumpToCustomTarget","handleSetCurrentAsTarget","success","handleOnChangeSlider","value","open","type","content","children","className","style","alignItems","onClick","fileName","_jsxFileName","lineNumber","columnNumber","span","draw","isPaused","min","max","onChange","defaultValue","margin","tooltip","_c","$RefreshReg$"],"sources":["D:/Project/UC_Trains_Voice/react-demo/src/gavt/Wave/Wave.jsx"],"sourcesContent":["import { useState, useEffect } from \"react\";\r\n\r\nimport waveDrawLoop from './lib/waveDrawLoop.js';\r\nimport WaveCanvas from './WaveCanvas.jsx';\r\nimport './Wave.css';\r\n\r\nimport { Slider, Button, Col, Row, message } from \"antd\";\r\nimport 'antd/dist/reset.css'; \r\n\r\nconst Wave = ({ frequency, officialFrequency, setCustomFrequency }) => {\r\n\r\n    const [waveIsPaused, setWaveIsPaused] = useState(false);\r\n    const [pos, setPos] = useState(frequency || 1500);\r\n\r\n    const [messageApi, contextHolder] = message.useMessage();\r\n\r\n    useEffect(() => {\r\n        if (frequency) {\r\n            setPos(frequency);\r\n        }\r\n    }, [frequency]);\r\n\r\n    const handlePauseWave = (e) => setWaveIsPaused(!waveIsPaused)\r\n\r\n    const handleResetToOfficialTarget = () => {\r\n        setPos(officialFrequency || 1500);\r\n    };\r\n\r\n    const handleJumpToCustomTarget = () => {\r\n        if (frequency !== officialFrequency) {\r\n            setPos(frequency); \r\n        }\r\n    };\r\n\r\n    const handleSetCurrentAsTarget = () => {\r\n        setCustomFrequency(pos);\r\n        success(pos);\r\n      };\r\n    \r\n    const handleOnChangeSlider = (value) => {\r\n        setPos(value)\r\n    };\r\n\r\n    const success = (pos) => {\r\n        messageApi.open({\r\n          type: 'success',\r\n          content: 'Successfully set the target frequency to ' + pos + ' Hz.',\r\n        });\r\n    };\r\n\r\n    return (\r\n        <>\r\n            <div className=\"wlMainParent\">\r\n                {contextHolder}\r\n                    <div style={{alignItems: 'center'}}>\r\n                        <Button\r\n                            type=\"primary\"\r\n                            onClick={ handlePauseWave }\r\n                        >\r\n                            {(waveIsPaused) ? \"Play\" : \"Pause\"}\r\n                        </Button>\r\n\r\n                        {frequency !== officialFrequency && (\r\n                            <Button \r\n                                onClick={handleResetToOfficialTarget}\r\n                            >\r\n                                Jump to Official Target\r\n                            </Button>\r\n                        )}\r\n\r\n                        <Button \r\n                            onClick={ handleJumpToCustomTarget }\r\n                        >\r\n                            Jump to Customized Target \r\n                        </Button>\r\n\r\n                        <Button \r\n                            onClick={ handleSetCurrentAsTarget }\r\n                        >\r\n                            Set Curret Value as Target\r\n                        </Button>\r\n                    </div>\r\n                <Row>\r\n                    <Col span={24}>\r\n                        <span className=\"label\">Frequency Value at Current Position: {pos}</span>\r\n                    </Col>\r\n                </Row>\r\n                <Row>\r\n                    <Col span={24}>\r\n                        <div className=\"canvasandslider\">\r\n                            <WaveCanvas\r\n                                className=\"waveCanvas\"\r\n                                draw={waveDrawLoop}\r\n                                isPaused={waveIsPaused}\r\n                            />\r\n                            <Slider\r\n                                className=\"custom-slider\"\r\n                                min={0}\r\n                                max={4096}\r\n                                value={pos}\r\n                                onChange={handleOnChangeSlider}\r\n                                defaultValue={1500}\r\n                                style={{ margin: 0}}\r\n                                tooltip={{open: false}}\r\n                            />\r\n                        </div>\r\n                    </Col>\r\n                </Row>\r\n            </div>\r\n        </>\r\n    )\r\n}\r\n\r\nexport default Wave;"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}