pocko-ui
Version:
React components using pure Bootstrap 5+ which does not contain any external style and script libraries.
255 lines (209 loc) • 47.6 kB
JavaScript
/*
* ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
* This devtool is neither made for production nor for readable output files.
* It uses "eval()" calls to create a separate source file in the browser devtools.
* If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
* or disable the default devtool with "devtool: false".
* If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
*/
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory(require("react"), require("react-dom"));
else if(typeof define === 'function' && define.amd)
define(["react", "react-dom"], factory);
else if(typeof exports === 'object')
exports["RPB"] = factory(require("react"), require("react-dom"));
else
root["RPB"] = factory(root["React"], root["ReactDOM"]);
})(this, (__WEBPACK_EXTERNAL_MODULE_react__, __WEBPACK_EXTERNAL_MODULE_react_dom__) => {
return /******/ (() => { // webpackBootstrap
/******/ "use strict";
/******/ var __webpack_modules__ = ({
/***/ "../../node_modules/css-loader/dist/runtime/api.js":
/*!*********************************************************!*\
!*** ../../node_modules/css-loader/dist/runtime/api.js ***!
\*********************************************************/
/***/ ((module) => {
eval("\n\n/*\n MIT License http://www.opensource.org/licenses/mit-license.php\n Author Tobias Koppers @sokra\n*/\nmodule.exports = function (cssWithMappingToString) {\n var list = [];\n\n // return the list of modules as css string\n list.toString = function toString() {\n return this.map(function (item) {\n var content = \"\";\n var needLayer = typeof item[5] !== \"undefined\";\n if (item[4]) {\n content += \"@supports (\".concat(item[4], \") {\");\n }\n if (item[2]) {\n content += \"@media \".concat(item[2], \" {\");\n }\n if (needLayer) {\n content += \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\");\n }\n content += cssWithMappingToString(item);\n if (needLayer) {\n content += \"}\";\n }\n if (item[2]) {\n content += \"}\";\n }\n if (item[4]) {\n content += \"}\";\n }\n return content;\n }).join(\"\");\n };\n\n // import a list of modules into the list\n list.i = function i(modules, media, dedupe, supports, layer) {\n if (typeof modules === \"string\") {\n modules = [[null, modules, undefined]];\n }\n var alreadyImportedModules = {};\n if (dedupe) {\n for (var k = 0; k < this.length; k++) {\n var id = this[k][0];\n if (id != null) {\n alreadyImportedModules[id] = true;\n }\n }\n }\n for (var _k = 0; _k < modules.length; _k++) {\n var item = [].concat(modules[_k]);\n if (dedupe && alreadyImportedModules[item[0]]) {\n continue;\n }\n if (typeof layer !== \"undefined\") {\n if (typeof item[5] === \"undefined\") {\n item[5] = layer;\n } else {\n item[1] = \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\").concat(item[1], \"}\");\n item[5] = layer;\n }\n }\n if (media) {\n if (!item[2]) {\n item[2] = media;\n } else {\n item[1] = \"@media \".concat(item[2], \" {\").concat(item[1], \"}\");\n item[2] = media;\n }\n }\n if (supports) {\n if (!item[4]) {\n item[4] = \"\".concat(supports);\n } else {\n item[1] = \"@supports (\".concat(item[4], \") {\").concat(item[1], \"}\");\n item[4] = supports;\n }\n }\n list.push(item);\n }\n };\n return list;\n};\n\n//# sourceURL=webpack://RPB/../../node_modules/css-loader/dist/runtime/api.js?");
/***/ }),
/***/ "../../node_modules/css-loader/dist/runtime/sourceMaps.js":
/*!****************************************************************!*\
!*** ../../node_modules/css-loader/dist/runtime/sourceMaps.js ***!
\****************************************************************/
/***/ ((module) => {
eval("\n\nmodule.exports = function (item) {\n var content = item[1];\n var cssMapping = item[3];\n if (!cssMapping) {\n return content;\n }\n if (typeof btoa === \"function\") {\n var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping))));\n var data = \"sourceMappingURL=data:application/json;charset=utf-8;base64,\".concat(base64);\n var sourceMapping = \"/*# \".concat(data, \" */\");\n return [content].concat([sourceMapping]).join(\"\\n\");\n }\n return [content].join(\"\\n\");\n};\n\n//# sourceURL=webpack://RPB/../../node_modules/css-loader/dist/runtime/sourceMaps.js?");
/***/ }),
/***/ "./src/Index.tsx":
/*!***********************!*\
!*** ./src/Index.tsx ***!
\***********************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ \"react-dom\");\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _utils_cls__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../utils/cls */ \"../../utils/cls.ts\");\n/* harmony import */ var _utils_hooks_useDraggable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../utils/hooks/useDraggable */ \"../../utils/hooks/useDraggable.tsx\");\n/* harmony import */ var _Index_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Index.scss */ \"./src/Index.scss\");\nfunction _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(r, a) { if (r) { if (\"string\" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }\nfunction _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(r) { if (Array.isArray(r)) return r; }\n\n\n\n\n\n\n/** 单条通知对象 */\n\n/** Notification 组件 Props */\n\n/** Notification 组件 ref 暴露方法 */\n\nvar Notification = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (props, ref) {\n var wrapperContentClassName = props.wrapperContentClassName,\n wrapperContentMessageClassName = props.wrapperContentMessageClassName,\n wrapperContentDescriptionClassName = props.wrapperContentDescriptionClassName,\n wrapperContentCloseInconClassName = props.wrapperContentCloseInconClassName,\n closeIcon = props.closeIcon,\n onOpen = props.onOpen,\n onClose = props.onClose,\n _props$width = props.width,\n width = _props$width === void 0 ? 400 : _props$width,\n _props$top = props.top,\n top = _props$top === void 0 ? 20 : _props$top,\n _props$zIndex = props.zIndex,\n zIndex = _props$zIndex === void 0 ? 1020 : _props$zIndex,\n _props$isDraggable = props.isDraggable,\n isDraggable = _props$isDraggable === void 0 ? false : _props$isDraggable;\n var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),\n _useState2 = _slicedToArray(_useState, 2),\n visible = _useState2[0],\n setVisible = _useState2[1];\n var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({\n message: \"\",\n description: \"\",\n duration: 3\n }),\n _useState4 = _slicedToArray(_useState3, 2),\n currentNotice = _useState4[0],\n setCurrentNotice = _useState4[1];\n\n // 暴露给 ref 调用的方法\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useImperativeHandle)(ref, function () {\n return {\n open: function open(notice) {\n return showNotice(notice);\n },\n close: function close() {\n return handleClose();\n }\n };\n });\n\n // 打开通知\n var showNotice = function showNotice(notice) {\n setCurrentNotice(notice);\n setVisible(true);\n onOpen === null || onOpen === void 0 || onOpen();\n if (notice.duration && notice.duration > 0) {\n setTimeout(function () {\n return handleClose();\n }, notice.duration * 1000);\n }\n };\n\n // 关闭通知\n var handleClose = function handleClose() {\n setVisible(false);\n resetPosition();\n onClose === null || onClose === void 0 || onClose();\n };\n\n //\n // Draggable functionality\n var _useDraggable = (0,_utils_hooks_useDraggable__WEBPACK_IMPORTED_MODULE_3__[\"default\"])({\n enabled: isDraggable,\n // if `false`, drag and drop is disabled\n preventOutsideScreen: {\n xAxis: false,\n yAxis: false\n }\n }),\n dragContentHandle = _useDraggable.dragContentHandle,\n dragHandle = _useDraggable.dragHandle,\n resetPosition = _useDraggable.resetPosition;\n if (!visible) return null;\n var widthValue = typeof width === \"number\" ? \"\".concat(width, \"px\") : width;\n var noticeContent = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n ref: dragContentHandle,\n className: \"noticefication-content\",\n style: {\n width: widthValue,\n maxWidth: typeof width === \"number\" ? \"calc(100vw - \".concat(width, \"px)\") : \"100vw\",\n top: top,\n zIndex: zIndex\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n ref: dragHandle,\n className: \"\".concat((0,_utils_cls__WEBPACK_IMPORTED_MODULE_2__.clsWrite)(wrapperContentClassName, \"bg-white shadow-lg border p-4 relative\"), \" animate-slide-in \")\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: (0,_utils_cls__WEBPACK_IMPORTED_MODULE_2__.clsWrite)(wrapperContentMessageClassName, \"noticefication-content_message\")\n }, currentNotice.message), currentNotice.description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: (0,_utils_cls__WEBPACK_IMPORTED_MODULE_2__.clsWrite)(wrapperContentDescriptionClassName, \"noticefication-content_description mt-1\")\n }, currentNotice.description), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: (0,_utils_cls__WEBPACK_IMPORTED_MODULE_2__.clsWrite)(wrapperContentCloseInconClassName, \"noticefication-content_close\"),\n onClick: handleClose\n }, closeIcon || \"×\")));\n return /*#__PURE__*/(0,react_dom__WEBPACK_IMPORTED_MODULE_1__.createPortal)(noticeContent, document.body);\n});\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Notification);\n\n//# sourceURL=webpack://RPB/./src/Index.tsx?");
/***/ }),
/***/ "../../utils/cls.ts":
/*!**************************!*\
!*** ../../utils/cls.ts ***!
\**************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ clsCombine: () => (/* binding */ clsCombine),\n/* harmony export */ clsWrite: () => (/* binding */ clsWrite)\n/* harmony export */ });\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction clsWrite(s, defaultCls, targetCls) {\n if (s || s === \"\") {\n return targetCls !== undefined ? targetCls : s;\n }\n return defaultCls;\n}\nfunction clsCombine() {\n for (var _len = arguments.length, classes = new Array(_len), _key = 0; _key < _len; _key++) {\n classes[_key] = arguments[_key];\n }\n return classes.map(function (cls) {\n if (typeof cls === \"string\") {\n return cls;\n } else if (_typeof(cls) === \"object\" && cls !== null) {\n return Object.keys(cls).filter(function (key) {\n return cls[key];\n }) // 仅选择值为 true 的类名\n .join(\" \");\n }\n return \"\";\n }).filter(Boolean) // 过滤掉 falsy 值\n .join(\" \"); // 用空格连接\n}\n\n\n//# sourceURL=webpack://RPB/../../utils/cls.ts?");
/***/ }),
/***/ "../../utils/hooks/useDraggable.tsx":
/*!******************************************!*\
!*** ../../utils/hooks/useDraggable.tsx ***!
\******************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\nfunction _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(r, a) { if (r) { if (\"string\" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }\nfunction _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(r) { if (Array.isArray(r)) return r; }\n/**\r\n * Drag & Drop Element\r\n * \r\n * @usage:\r\n\r\n\r\nconst App = () => {\r\n const {\r\n dragContentHandle, \r\n dragHandle,\r\n resetPosition\r\n }: any = useDraggable({\r\n enabled: true, // if `false`, drag and drop is disabled\r\n preventOutsideScreen: {\r\n xAxis: true,\r\n yAxis: true\r\n },\r\n onStart: (coordinates: Record<string, number>, handleEl: HTMLElement | null, contentEl: HTMLElement | null) => {\r\n \r\n },\r\n onDrag: (coordinates: Record<string, number>, handleEl: HTMLElement | null, contentEl: HTMLElement | null) => {\r\n console.log(coordinates); // {dx: -164, dy: -37}\r\n\r\n },\r\n onStop: (coordinates: Record<string, number>, handleEl: HTMLElement | null, contentEl: HTMLElement | null) => {\r\n\r\n }\r\n });\r\n\r\n const resetModal = () => {\r\n resetPosition?.();\r\n };\r\n\r\n return (\r\n <div className=\"container\" ref={dragContentHandle}>\r\n <div ref={dragHandle} className=\"handle\">Drag me</div>\r\n <div className=\"content\">\r\n content...\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\n\r\n */\n\n\nvar useDraggable = function useDraggable(_ref) {\n var enabled = _ref.enabled,\n preventOutsideScreen = _ref.preventOutsideScreen,\n onStart = _ref.onStart,\n onStop = _ref.onStop,\n onDrag = _ref.onDrag;\n var DRAG_DISABLED = typeof enabled === \"undefined\" || enabled === false;\n var dragging = false; // DO NOT USE 'useState()'\n var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),\n _useState2 = _slicedToArray(_useState, 2),\n node = _useState2[0],\n setNode = _useState2[1];\n var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),\n _useState4 = _slicedToArray(_useState3, 2),\n targetNode = _useState4[0],\n setTargetNode = _useState4[1];\n var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({\n dx: 0,\n dy: 0\n }),\n _useState6 = _slicedToArray(_useState5, 2),\n _useState6$ = _useState6[0],\n dx = _useState6$.dx,\n dy = _useState6$.dy,\n setOffset = _useState6[1];\n var ref = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (nodeEle) {\n setNode(nodeEle);\n }, []);\n var targetRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (nodeEle) {\n setTargetNode(nodeEle);\n }, []);\n var withoutViewport = function withoutViewport(startPos, e, targetEl) {\n if (!targetEl || typeof preventOutsideScreen === \"undefined\") return null;\n\n // latest mouse coordinates\n var mouseX = e.clientX;\n var mouseY = e.clientY;\n\n // the size of the parent element\n var parentWidth = window.innerWidth;\n var parentHeight = window.innerHeight;\n\n // the size of the child element\n var childrenWidth = targetEl.clientWidth;\n var childrenHight = targetEl.clientHeight;\n var minLeft = -(parentWidth - childrenWidth) / 2;\n var maxLeft = (parentWidth - childrenWidth) / 2;\n var minTop = -(parentHeight - childrenHight) / 2;\n var maxTop = (parentHeight - childrenHight) / 2;\n\n // calculates the left and top offsets after the move\n var nLeft = mouseX - startPos.x;\n var nTop = mouseY - startPos.y;\n\n // Determine whether the left or right distance is out of bounds\n if (preventOutsideScreen.xAxis) {\n nLeft = nLeft <= minLeft ? minLeft : nLeft;\n nLeft = nLeft >= maxLeft ? maxLeft : nLeft;\n }\n if (preventOutsideScreen.yAxis) {\n nTop = nTop <= minTop ? minTop : nTop;\n nTop = nTop >= maxTop ? maxTop : nTop;\n }\n return [nLeft, nTop];\n };\n var handleMouseDown = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (e) {\n dragging = true;\n onStart === null || onStart === void 0 || onStart({\n dx: dx,\n dy: dy\n }, targetNode, node);\n var startPos = {\n x: e.clientX - dx,\n y: e.clientY - dy\n };\n var handleMouseMove = function handleMouseMove(e) {\n if (!dragging) return;\n var dx = e.clientX - startPos.x;\n var dy = e.clientY - startPos.y;\n\n // prevent dragged item to be dragged outside of screen\n if (preventOutsideScreen && node) {\n var _data = withoutViewport(startPos, e, node);\n if (_data !== null) {\n dx = _data[0];\n dy = _data[1];\n }\n }\n setOffset({\n dx: dx,\n dy: dy\n });\n onDrag === null || onDrag === void 0 || onDrag({\n dx: dx,\n dy: dy\n }, targetNode, node);\n e.stopPropagation();\n e.preventDefault();\n };\n var _handleMouseUp = function handleMouseUp() {\n dragging = false;\n onStop === null || onStop === void 0 || onStop({\n dx: dx,\n dy: dy\n }, targetNode, node);\n document.removeEventListener(\"mousemove\", handleMouseMove);\n document.removeEventListener(\"mouseup\", _handleMouseUp);\n };\n document.addEventListener(\"mousemove\", handleMouseMove);\n document.addEventListener(\"mouseup\", _handleMouseUp);\n }, [dx, dy, node]);\n var handleTouchStart = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (e) {\n dragging = true;\n onStart === null || onStart === void 0 || onStart({\n dx: dx,\n dy: dy\n }, targetNode, node);\n var touch = e.touches[0];\n var startPos = {\n x: touch.clientX - dx,\n y: touch.clientY - dy\n };\n var handleTouchMove = function handleTouchMove(e) {\n if (!dragging) return;\n var touch = e.touches[0];\n var dx = touch.clientX - startPos.x;\n var dy = touch.clientY - startPos.y;\n\n // prevent dragged item to be dragged outside of screen\n if (preventOutsideScreen && node) {\n var _data = withoutViewport(startPos, touch, node);\n if (_data !== null) {\n dx = _data[0];\n dy = _data[1];\n }\n }\n setOffset({\n dx: dx,\n dy: dy\n });\n onDrag === null || onDrag === void 0 || onDrag({\n dx: dx,\n dy: dy\n }, targetNode, node);\n e.stopPropagation();\n e.preventDefault();\n };\n var _handleTouchEnd = function handleTouchEnd() {\n dragging = false;\n onStop === null || onStop === void 0 || onStop({\n dx: dx,\n dy: dy\n }, targetNode, node);\n document.removeEventListener(\"touchmove\", handleTouchMove);\n document.removeEventListener(\"touchend\", _handleTouchEnd);\n };\n document.addEventListener(\"touchmove\", handleTouchMove);\n document.addEventListener(\"touchend\", _handleTouchEnd);\n }, [dx, dy, node]);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n if (node) {\n node.style.transform = \"translate3d(\".concat(dx, \"px, \").concat(dy, \"px, 0)\");\n }\n }, [node, dx, dy]);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n if (DRAG_DISABLED) {\n return;\n }\n if (!targetNode) {\n return;\n }\n targetNode.addEventListener(\"mousedown\", handleMouseDown);\n targetNode.addEventListener(\"touchstart\", handleTouchStart);\n return function () {\n targetNode.removeEventListener(\"mousedown\", handleMouseDown);\n targetNode.removeEventListener(\"touchstart\", handleTouchStart);\n };\n }, [targetNode, dx, dy]);\n return {\n dragContentHandle: ref,\n dragHandle: targetRef,\n resetPosition: function resetPosition() {\n // reset position\n setOffset({\n dx: 0,\n dy: 0\n });\n }\n };\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useDraggable);\n\n//# sourceURL=webpack://RPB/../../utils/hooks/useDraggable.tsx?");
/***/ }),
/***/ "../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/Index.scss":
/*!*********************************************************************************************************************************************************************!*\
!*** ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/Index.scss ***!
\*********************************************************************************************************************************************************************/
/***/ ((module, __webpack_exports__, __webpack_require__) => {
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/sourceMaps.js */ \"../../node_modules/css-loader/dist/runtime/sourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"../../node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.noticefication-content {\n box-sizing: border-box;\n margin: 0 24px 0 0;\n padding: 0;\n color: rgba(0, 0, 0, 0.8509803922);\n position: fixed;\n top: 20px;\n right: 20px;\n}\n.noticefication-content .noticefication-content_message {\n margin-bottom: 8px;\n}\n.noticefication-content .noticefication-content_description {\n font-size: 14px;\n}\n.noticefication-content .noticefication-content_close {\n position: absolute;\n top: 10px;\n right: 10px;\n cursor: pointer;\n}\n\n@keyframes slide-in {\n from {\n opacity: 0;\n transform: translateX(40px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n.animate-slide-in {\n animation: slide-in 0.3s ease forwards;\n}`, \"\",{\"version\":3,\"sources\":[\"webpack://./src/Index.scss\"],\"names\":[],\"mappings\":\"AAAA;EACE,sBAAA;EACA,kBAAA;EACA,UAAA;EACA,kCAAA;EACA,eAAA;EACA,SAAA;EACA,WAAA;AACF;AACE;EACE,kBAAA;AACJ;AAEE;EACE,eAAA;AAAJ;AAGE;EACE,kBAAA;EACA,SAAA;EACA,WAAA;EACA,eAAA;AADJ;;AAKA;EACE;IACE,UAAA;IACA,2BAAA;EAFF;EAIA;IACE,UAAA;IACA,wBAAA;EAFF;AACF;AAKA;EACE,sCAAA;AAHF\",\"sourcesContent\":[\".noticefication-content {\\r\\n box-sizing: border-box;\\r\\n margin: 0 24px 0 0;\\r\\n padding: 0;\\r\\n color: #000000d9;\\r\\n position: fixed;\\r\\n top: 20px;\\r\\n right: 20px;\\r\\n\\r\\n .noticefication-content_message {\\r\\n margin-bottom: 8px;\\r\\n }\\r\\n\\r\\n .noticefication-content_description {\\r\\n font-size: 14px;\\r\\n }\\r\\n\\r\\n .noticefication-content_close {\\r\\n position: absolute;\\r\\n top: 10px;\\r\\n right: 10px;\\r\\n cursor: pointer;\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes slide-in {\\r\\n from {\\r\\n opacity: 0;\\r\\n transform: translateX(40px);\\r\\n }\\r\\n to {\\r\\n opacity: 1;\\r\\n transform: translateX(0);\\r\\n }\\r\\n}\\r\\n\\r\\n.animate-slide-in {\\r\\n animation: slide-in 0.3s ease forwards;\\r\\n}\\r\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://RPB/./src/Index.scss?../../node_modules/css-loader/dist/cjs.js??ruleSet%5B1%5D.rules%5B1%5D.use%5B1%5D!../../node_modules/sass-loader/dist/cjs.js??ruleSet%5B1%5D.rules%5B1%5D.use%5B2%5D");
/***/ }),
/***/ "./src/Index.scss":
/*!************************!*\
!*** ./src/Index.scss ***!
\************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ \"../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/styleDomAPI.js */ \"../../node_modules/style-loader/dist/runtime/styleDomAPI.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/insertBySelector.js */ \"../../node_modules/style-loader/dist/runtime/insertBySelector.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ \"../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/insertStyleElement.js */ \"../../node_modules/style-loader/dist/runtime/insertStyleElement.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/styleTagTransform.js */ \"../../node_modules/style-loader/dist/runtime/styleTagTransform.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_Index_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./Index.scss */ \"../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/Index.scss\");\n\n \n \n \n \n \n \n \n \n \n\nvar options = {};\n\noptions.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());\noptions.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());\n\n options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, \"head\");\n \noptions.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());\noptions.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());\n\nvar update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_Index_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"], options);\n\n\n\n\n /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_Index_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"] && _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_Index_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"].locals ? _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_Index_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"].locals : undefined);\n\n\n//# sourceURL=webpack://RPB/./src/Index.scss?");
/***/ }),
/***/ "../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":
/*!********************************************************************************!*\
!*** ../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js ***!
\********************************************************************************/
/***/ ((module) => {
eval("\n\nvar stylesInDOM = [];\nfunction getIndexByIdentifier(identifier) {\n var result = -1;\n for (var i = 0; i < stylesInDOM.length; i++) {\n if (stylesInDOM[i].identifier === identifier) {\n result = i;\n break;\n }\n }\n return result;\n}\nfunction modulesToDom(list, options) {\n var idCountMap = {};\n var identifiers = [];\n for (var i = 0; i < list.length; i++) {\n var item = list[i];\n var id = options.base ? item[0] + options.base : item[0];\n var count = idCountMap[id] || 0;\n var identifier = \"\".concat(id, \" \").concat(count);\n idCountMap[id] = count + 1;\n var indexByIdentifier = getIndexByIdentifier(identifier);\n var obj = {\n css: item[1],\n media: item[2],\n sourceMap: item[3],\n supports: item[4],\n layer: item[5]\n };\n if (indexByIdentifier !== -1) {\n stylesInDOM[indexByIdentifier].references++;\n stylesInDOM[indexByIdentifier].updater(obj);\n } else {\n var updater = addElementStyle(obj, options);\n options.byIndex = i;\n stylesInDOM.splice(i, 0, {\n identifier: identifier,\n updater: updater,\n references: 1\n });\n }\n identifiers.push(identifier);\n }\n return identifiers;\n}\nfunction addElementStyle(obj, options) {\n var api = options.domAPI(options);\n api.update(obj);\n var updater = function updater(newObj) {\n if (newObj) {\n if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap && newObj.supports === obj.supports && newObj.layer === obj.layer) {\n return;\n }\n api.update(obj = newObj);\n } else {\n api.remove();\n }\n };\n return updater;\n}\nmodule.exports = function (list, options) {\n options = options || {};\n list = list || [];\n var lastIdentifiers = modulesToDom(list, options);\n return function update(newList) {\n newList = newList || [];\n for (var i = 0; i < lastIdentifiers.length; i++) {\n var identifier = lastIdentifiers[i];\n var index = getIndexByIdentifier(identifier);\n stylesInDOM[index].references--;\n }\n var newLastIdentifiers = modulesToDom(newList, options);\n for (var _i = 0; _i < lastIdentifiers.length; _i++) {\n var _identifier = lastIdentifiers[_i];\n var _index = getIndexByIdentifier(_identifier);\n if (stylesInDOM[_index].references === 0) {\n stylesInDOM[_index].updater();\n stylesInDOM.splice(_index, 1);\n }\n }\n lastIdentifiers = newLastIdentifiers;\n };\n};\n\n//# sourceURL=webpack://RPB/../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js?");
/***/ }),
/***/ "../../node_modules/style-loader/dist/runtime/insertBySelector.js":
/*!************************************************************************!*\
!*** ../../node_modules/style-loader/dist/runtime/insertBySelector.js ***!
\************************************************************************/
/***/ ((module) => {
eval("\n\nvar memo = {};\n\n/* istanbul ignore next */\nfunction getTarget(target) {\n if (typeof memo[target] === \"undefined\") {\n var styleTarget = document.querySelector(target);\n\n // Special case to return head of iframe instead of iframe itself\n if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {\n try {\n // This will throw an exception if access to iframe is blocked\n // due to cross-origin restrictions\n styleTarget = styleTarget.contentDocument.head;\n } catch (e) {\n // istanbul ignore next\n styleTarget = null;\n }\n }\n memo[target] = styleTarget;\n }\n return memo[target];\n}\n\n/* istanbul ignore next */\nfunction insertBySelector(insert, style) {\n var target = getTarget(insert);\n if (!target) {\n throw new Error(\"Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.\");\n }\n target.appendChild(style);\n}\nmodule.exports = insertBySelector;\n\n//# sourceURL=webpack://RPB/../../node_modules/style-loader/dist/runtime/insertBySelector.js?");
/***/ }),
/***/ "../../node_modules/style-loader/dist/runtime/insertStyleElement.js":
/*!**************************************************************************!*\
!*** ../../node_modules/style-loader/dist/runtime/insertStyleElement.js ***!
\**************************************************************************/
/***/ ((module) => {
eval("\n\n/* istanbul ignore next */\nfunction insertStyleElement(options) {\n var element = document.createElement(\"style\");\n options.setAttributes(element, options.attributes);\n options.insert(element, options.options);\n return element;\n}\nmodule.exports = insertStyleElement;\n\n//# sourceURL=webpack://RPB/../../node_modules/style-loader/dist/runtime/insertStyleElement.js?");
/***/ }),
/***/ "../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":
/*!**************************************************************************************!*\
!*** ../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js ***!
\**************************************************************************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
eval("\n\n/* istanbul ignore next */\nfunction setAttributesWithoutAttributes(styleElement) {\n var nonce = true ? __webpack_require__.nc : 0;\n if (nonce) {\n styleElement.setAttribute(\"nonce\", nonce);\n }\n}\nmodule.exports = setAttributesWithoutAttributes;\n\n//# sourceURL=webpack://RPB/../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js?");
/***/ }),
/***/ "../../node_modules/style-loader/dist/runtime/styleDomAPI.js":
/*!*******************************************************************!*\
!*** ../../node_modules/style-loader/dist/runtime/styleDomAPI.js ***!
\*******************************************************************/
/***/ ((module) => {
eval("\n\n/* istanbul ignore next */\nfunction apply(styleElement, options, obj) {\n var css = \"\";\n if (obj.supports) {\n css += \"@supports (\".concat(obj.supports, \") {\");\n }\n if (obj.media) {\n css += \"@media \".concat(obj.media, \" {\");\n }\n var needLayer = typeof obj.layer !== \"undefined\";\n if (needLayer) {\n css += \"@layer\".concat(obj.layer.length > 0 ? \" \".concat(obj.layer) : \"\", \" {\");\n }\n css += obj.css;\n if (needLayer) {\n css += \"}\";\n }\n if (obj.media) {\n css += \"}\";\n }\n if (obj.supports) {\n css += \"}\";\n }\n var sourceMap = obj.sourceMap;\n if (sourceMap && typeof btoa !== \"undefined\") {\n css += \"\\n/*# sourceMappingURL=data:application/json;base64,\".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), \" */\");\n }\n\n // For old IE\n /* istanbul ignore if */\n options.styleTagTransform(css, styleElement, options.options);\n}\nfunction removeStyleElement(styleElement) {\n // istanbul ignore if\n if (styleElement.parentNode === null) {\n return false;\n }\n styleElement.parentNode.removeChild(styleElement);\n}\n\n/* istanbul ignore next */\nfunction domAPI(options) {\n if (typeof document === \"undefined\") {\n return {\n update: function update() {},\n remove: function remove() {}\n };\n }\n var styleElement = options.insertStyleElement(options);\n return {\n update: function update(obj) {\n apply(styleElement, options, obj);\n },\n remove: function remove() {\n removeStyleElement(styleElement);\n }\n };\n}\nmodule.exports = domAPI;\n\n//# sourceURL=webpack://RPB/../../node_modules/style-loader/dist/runtime/styleDomAPI.js?");
/***/ }),
/***/ "../../node_modules/style-loader/dist/runtime/styleTagTransform.js":
/*!*************************************************************************!*\
!*** ../../node_modules/style-loader/dist/runtime/styleTagTransform.js ***!
\*************************************************************************/
/***/ ((module) => {
eval("\n\n/* istanbul ignore next */\nfunction styleTagTransform(css, styleElement) {\n if (styleElement.styleSheet) {\n styleElement.styleSheet.cssText = css;\n } else {\n while (styleElement.firstChild) {\n styleElement.removeChild(styleElement.firstChild);\n }\n styleElement.appendChild(document.createTextNode(css));\n }\n}\nmodule.exports = styleTagTransform;\n\n//# sourceURL=webpack://RPB/../../node_modules/style-loader/dist/runtime/styleTagTransform.js?");
/***/ }),
/***/ "react":
/*!**************************************************************************************!*\
!*** external {"root":"React","commonjs2":"react","commonjs":"react","amd":"react"} ***!
\**************************************************************************************/
/***/ ((module) => {
module.exports = __WEBPACK_EXTERNAL_MODULE_react__;
/***/ }),
/***/ "react-dom":
/*!*****************************************************************************************************!*\
!*** external {"root":"ReactDOM","commonjs2":"react-dom","commonjs":"react-dom","amd":"react-dom"} ***!
\*****************************************************************************************************/
/***/ ((module) => {
module.exports = __WEBPACK_EXTERNAL_MODULE_react_dom__;
/***/ })
/******/ });
/************************************************************************/
/******/ // The module cache
/******/ var __webpack_module_cache__ = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/ // Check if module is in cache
/******/ var cachedModule = __webpack_module_cache__[moduleId];
/******/ if (cachedModule !== undefined) {
/******/ return cachedModule.exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ id: moduleId,
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/************************************************************************/
/******/ /* webpack/runtime/compat get default export */
/******/ (() => {
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = (module) => {
/******/ var getter = module && module.__esModule ?
/******/ () => (module['default']) :
/******/ () => (module);
/******/ __webpack_require__.d(getter, { a: getter });
/******/ return getter;
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/define property getters */
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ __webpack_require__.d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
/******/ })();
/******/
/******/ /* webpack/runtime/make namespace object */
/******/ (() => {
/******/ // define __esModule on exports
/******/ __webpack_require__.r = (exports) => {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/nonce */
/******/ (() => {
/******/ __webpack_require__.nc = undefined;
/******/ })();
/******/
/************************************************************************/
/******/
/******/ // startup
/******/ // Load entry module and return exports
/******/ // This entry module can't be inlined because the eval devtool is used.
/******/ var __webpack_exports__ = __webpack_require__("./src/Index.tsx");
/******/
/******/ return __webpack_exports__;
/******/ })()
;
});