{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/home/gkkdzdg/www/src/components/gui/CircleButton.js\";\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\nimport cn from 'classnames';\nimport { forwardRef } from 'react';\n\nvar ShareSVG = function ShareSVG(props) {\n  return /*#__PURE__*/_jsxDEV(\"svg\", _objectSpread(_objectSpread({}, props), {}, {\n    children: /*#__PURE__*/_jsxDEV(\"path\", {\n      d: \"M9.917 3.746v3.283h5.504c1.01 0 1.829.82 1.829 1.828v11.01c0 1.01-.818 1.828-1.829 1.828H2.58A1.83 1.83 0 0 1 .75 19.867V8.857c0-1.01.818-1.828 1.829-1.828h5.504V3.743L7.048 4.778a.91.91 0 0 1-1.29-.006.917.917 0 0 1-.006-1.29L8.356.877a.902.902 0 0 1 .64-.265l.006.003c.233 0 .465.088.639.262l2.604 2.605a.91.91 0 0 1-.006 1.29.917.917 0 0 1-1.29.006L9.917 3.746zM8.083 8.862h-5.5v11h12.834v-11h-5.5v3.668a.916.916 0 1 1-1.833 0V8.862zM5.333 7.03v1.833h7.334V7.03H5.333zm2.75 0h1.834v1.833H8.083V7.03z\",\n      fill: \"#000\"\n    }, void 0, false, void 0, this)\n  }), void 0, false, void 0, this);\n};\n\nShareSVG.defaultProps = {\n  width: \"18\",\n  height: \"22\",\n  viewBox: \"0 0 18 22\",\n  fill: \"none\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar FullScreenSVG = function FullScreenSVG(props) {\n  return /*#__PURE__*/_jsxDEV(\"svg\", _objectSpread(_objectSpread({}, props), {}, {\n    children: /*#__PURE__*/_jsxDEV(\"path\", {\n      d: \"M2 9H0v5h5v-2H2V9zM0 5h2V2h3V0H0v5zm12 7H9v2h5V9h-2v3zM9 0v2h3v3h2V0H9z\",\n      fill: \"#000\"\n    }, void 0, false, void 0, this)\n  }), void 0, false, void 0, this);\n};\n\nFullScreenSVG.defaultProps = {\n  width: \"14\",\n  height: \"14\",\n  viewBox: \"0 0 14 14\",\n  fill: \"none\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar ThreeDSVG = function ThreeDSVG(props) {\n  return /*#__PURE__*/_jsxDEV(\"svg\", _objectSpread(_objectSpread({}, props), {}, {\n    children: /*#__PURE__*/_jsxDEV(\"path\", {\n      d: \"M10 12.25c-5.52 0-10 2.24-10 5 0 2.24 2.94 4.13 7 4.77v3.23l4-4-4-4v2.73c-3.15-.56-5-1.9-5-2.73 0-1.06 3.04-3 8-3s8 1.94 8 3c0 .73-1.46 1.89-4 2.53v2.05c3.53-.77 6-2.53 6-4.58 0-2.76-4.48-5-10-5zM5.77 8.954c2.16 0 3.312-1.164 3.312-2.7 0-1.128-.624-1.908-1.776-2.16V4.07c.816-.288 1.296-.96 1.296-1.812C8.602.938 7.498.014 5.59.014c-1.932 0-3 .936-3.072 2.832H4.21c.048-1.068.588-1.392 1.308-1.392.816 0 1.296.42 1.296 1.092 0 .696-.516 1.092-1.284 1.092h-.552v1.32h.624c1.02 0 1.596.48 1.596 1.26 0 .72-.504 1.272-1.464 1.272-1.032 0-1.62-.624-1.656-1.644H2.326c.036 1.752 1.092 3.108 3.444 3.108zM13.584.206H10.44V8.75h3.384c2.604 0 3.816-1.656 3.816-4.272 0-2.676-1.212-4.272-4.056-4.272zm.012 7.044h-1.38V1.646h1.14c1.944 0 2.508.864 2.508 2.832 0 1.92-.564 2.772-2.268 2.772z\",\n      fill: \"#000\"\n    }, void 0, false, void 0, this)\n  }), void 0, false, void 0, this);\n};\n\nThreeDSVG.defaultProps = {\n  width: \"20\",\n  height: \"26\",\n  viewBox: \"0 0 20 26\",\n  fill: \"none\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar CloseSVG = function CloseSVG(props) {\n  return /*#__PURE__*/_jsxDEV(\"svg\", _objectSpread(_objectSpread({}, props), {}, {\n    children: /*#__PURE__*/_jsxDEV(\"path\", {\n      d: \"M14 1.41L12.59 0 7 5.59 1.41 0 0 1.41 5.59 7 0 12.59 1.41 14 7 8.41 12.59 14 14 12.59 8.41 7 14 1.41z\"\n    }, void 0, false, void 0, this)\n  }), void 0, false, void 0, this);\n};\n\nCloseSVG.defaultProps = {\n  width: \"14\",\n  height: \"14\",\n  viewBox: \"0 0 14 14\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar InfoSVG = function InfoSVG(props) {\n  return /*#__PURE__*/_jsxDEV(\"svg\", _objectSpread(_objectSpread({}, props), {}, {\n    children: /*#__PURE__*/_jsxDEV(\"path\", {\n      d: \"M1.02 6.41l-.198.13a.356.356 0 0 0-.1.494l.023.037c.076.115.232.13.336.158.09.005.177.02.262.046a.7.7 0 0 1 .365.29c.131.226.046.503.015.634-.28 1.15-.567 2.298-.842 3.45-.229.96.314 1.647 1.31 1.647 1.103 0 2.094-.364 3-.98a.736.736 0 0 0 .165-.157c.178-.234.11-.413-.177-.479-.084-.02-.17-.034-.253-.056-.546-.148-.687-.393-.554-.937.284-1.159.575-2.316.853-3.476.185-.768-.17-1.4-.879-1.57a2.596 2.596 0 0 0-.589-.064c-.245.01-.489.037-.73.079a5.4 5.4 0 0 0-.428.097c-.252.068-.5.15-.741.248a8.039 8.039 0 0 0-.544.243l-.294.166zM4.44.205a1.833 1.833 0 0 0-1.875 1.85 1.866 1.866 0 0 0 3.73.034A1.855 1.855 0 0 0 4.44.205z\",\n      fill: \"#000\"\n    }, void 0, false, void 0, this)\n  }), void 0, false, void 0, this);\n};\n\nInfoSVG.defaultProps = {\n  width: \"7\",\n  height: \"14\",\n  viewBox: \"0 0 7 14\",\n  fill: \"none\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\nimport styles from './CircleButton.module.scss';\nimport Button from './Button';\nimport PlusOrMinus from './PlusOrMinus';\n\nconst CircleButton = (props, ref) => {\n  const {\n    className,\n    classNameIcon,\n    size,\n    color,\n    icon,\n    iconColor,\n    children\n  } = props,\n        rest = _objectWithoutProperties(props, [\"className\", \"classNameIcon\", \"size\", \"color\", \"icon\", \"iconColor\", \"children\"]);\n\n  return /*#__PURE__*/_jsxDEV(Button, _objectSpread(_objectSpread({\n    ref: ref,\n    className: cn(styles.circleButton, color && styles['circleButton-' + color], size && styles['circleButton-' + size], // iconColor && styles['circleButton-icon-' + color],\n    className)\n  }, rest), {}, {\n    children: [icon == 'plus' || icon == 'minus' ? /*#__PURE__*/_jsxDEV(PlusOrMinus, {\n      plus: icon == 'plus'\n      /*color={color == 'dark' && 'white'}*/\n\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 24,\n      columnNumber: 47\n    }, this) : icon == 'share' ? /*#__PURE__*/_jsxDEV(ShareSVG, {\n      className: classNameIcon\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 25,\n      columnNumber: 36\n    }, this) : icon == 'fullScreen' ? /*#__PURE__*/_jsxDEV(FullScreenSVG, {\n      className: classNameIcon\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 26,\n      columnNumber: 41\n    }, this) : icon == 'close' ? /*#__PURE__*/_jsxDEV(CloseSVG, {\n      className: cn(styles.close, classNameIcon)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 27,\n      columnNumber: 36\n    }, this) : icon == '3d' ? /*#__PURE__*/_jsxDEV(ThreeDSVG, {\n      className: classNameIcon\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 28,\n      columnNumber: 33\n    }, this) : icon == 'info' ? /*#__PURE__*/_jsxDEV(InfoSVG, {\n      className: classNameIcon\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 29,\n      columnNumber: 35\n    }, this) : null, children]\n  }), void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 17,\n    columnNumber: 7\n  }, this);\n};\n\nexport default /*#__PURE__*/forwardRef(CircleButton);","map":{"version":3,"sources":["/home/gkkdzdg/www/src/components/gui/CircleButton.js"],"names":["cn","forwardRef","ShareSVG","FullScreenSVG","ThreeDSVG","CloseSVG","InfoSVG","styles","Button","PlusOrMinus","CircleButton","props","ref","className","classNameIcon","size","color","icon","iconColor","children","rest","circleButton","close"],"mappings":";;;;;;;;;;;;;;AAAA,OAAOA,EAAP,MAAe,YAAf;AACA,SAASC,UAAT,QAA2B,OAA3B;;IACOC,Q,YAAAA,Q;;;;;;;;;AAAAA,Q;;;;;;;;IACAC,a,YAAAA,a;;;;;;;;;AAAAA,a;;;;;;;;IACAC,S,YAAAA,S;;;;;;;;;AAAAA,S;;;;;;;;IACAC,Q,YAAAA,Q;;;;;;;;AAAAA,Q;;;;;;;IACAC,O,YAAAA,O;;;;;;;;;AAAAA,O;;;;;;;AACP,OAAOC,MAAP,MAAmB,4BAAnB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,WAAP,MAAwB,eAAxB;;AAGA,MAAMC,YAAY,GAAG,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAClC,QAAM;AAAEC,IAAAA,SAAF;AAAaC,IAAAA,aAAb;AAA4BC,IAAAA,IAA5B;AAAkCC,IAAAA,KAAlC;AAAyCC,IAAAA,IAAzC;AAA+CC,IAAAA,SAA/C;AAA0DC,IAAAA;AAA1D,MAAgFR,KAAtF;AAAA,QAA6ES,IAA7E,4BAAsFT,KAAtF;;AAEA,sBACG,QAAC,MAAD;AAAQ,IAAA,GAAG,EAAEC,GAAb;AAAkB,IAAA,SAAS,EAAEZ,EAAE,CACzBO,MAAM,CAACc,YADkB,EAEzBL,KAAK,IAAIT,MAAM,CAAC,kBAAkBS,KAAnB,CAFU,EAGzBD,IAAI,IAAIR,MAAM,CAAC,kBAAkBQ,IAAnB,CAHW,EAIzB;AACAF,IAAAA,SALyB;AAA/B,KAMaO,IANb;AAAA,eAOIH,IAAI,IAAI,MAAR,IAAkBA,IAAI,IAAI,OAA1B,gBAAoC,QAAC,WAAD;AAAa,MAAA,IAAI,EAAEA,IAAI,IAAI;AAAQ;;AAAnC;AAAA;AAAA;AAAA;AAAA,YAApC,GACOA,IAAI,IAAI,OAAR,gBAAkB,QAAC,QAAD;AAAU,MAAA,SAAS,EAAEH;AAArB;AAAA;AAAA;AAAA;AAAA,YAAlB,GACAG,IAAI,IAAI,YAAR,gBAAuB,QAAC,aAAD;AAAe,MAAA,SAAS,EAAEH;AAA1B;AAAA;AAAA;AAAA;AAAA,YAAvB,GACAG,IAAI,IAAI,OAAR,gBAAkB,QAAC,QAAD;AAAU,MAAA,SAAS,EAAEjB,EAAE,CAACO,MAAM,CAACe,KAAR,EAAeR,aAAf;AAAvB;AAAA;AAAA;AAAA;AAAA,YAAlB,GACAG,IAAI,IAAI,IAAR,gBAAe,QAAC,SAAD;AAAW,MAAA,SAAS,EAAEH;AAAtB;AAAA;AAAA;AAAA;AAAA,YAAf,GACAG,IAAI,IAAI,MAAR,gBAAiB,QAAC,OAAD;AAAS,MAAA,SAAS,EAAEH;AAApB;AAAA;AAAA;AAAA;AAAA,YAAjB,GACA,IAbX,EAeIK,QAfJ;AAAA;AAAA;AAAA;AAAA;AAAA,UADH;AAmBF,CAtBD;;AAwBA,4BAAelB,UAAU,CAACS,YAAD,CAAzB","sourcesContent":["import cn from 'classnames'\nimport { forwardRef } from 'react'\nimport ShareSVG from '../../svgs/share.svg'\nimport FullScreenSVG from '../../svgs/fullScreen.svg'\nimport ThreeDSVG from '../../svgs/threeD.svg'\nimport CloseSVG from '../../svgs/close.svg'\nimport InfoSVG from '../../svgs/info.svg'\nimport styles from './CircleButton.module.scss'\nimport Button from './Button'\nimport PlusOrMinus from './PlusOrMinus'\n\n\nconst CircleButton = (props, ref) => {\n   const { className, classNameIcon, size, color, icon, iconColor, children, ...rest } = props\n\n   return (\n      <Button ref={ref} className={cn(\n            styles.circleButton,\n            color && styles['circleButton-' + color],\n            size && styles['circleButton-' + size],\n            // iconColor && styles['circleButton-icon-' + color],\n            className,\n            )} {...rest}>\n         {icon == 'plus' || icon == 'minus' ? <PlusOrMinus plus={icon == 'plus'} /*color={color == 'dark' && 'white'}*/ />\n               : icon == 'share' ? <ShareSVG className={classNameIcon} />\n               : icon == 'fullScreen' ? <FullScreenSVG className={classNameIcon} />\n               : icon == 'close' ? <CloseSVG className={cn(styles.close, classNameIcon)} />\n               : icon == '3d' ? <ThreeDSVG className={classNameIcon} />\n               : icon == 'info' ? <InfoSVG className={classNameIcon} />\n               : null\n         }\n         {children}\n      </Button>\n   )\n}\n\nexport default forwardRef(CircleButton)\n"]},"metadata":{},"sourceType":"module"}