{"version":3,"file":"AlbumArt-CkxztTkv.js","sources":["../../../node_modules/@mui/icons-material/Album.js","../../../app/javascript/shared/images/sleeve.svg","../../../app/javascript/shared/AlbumArt.jsx"],"sourcesContent":["\"use strict\";\n\"use client\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\nvar _jsxRuntime = require(\"react/jsx-runtime\");\nvar _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)(\"path\", {\n  d: \"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 14.5c-2.49 0-4.5-2.01-4.5-4.5S9.51 7.5 12 7.5s4.5 2.01 4.5 4.5-2.01 4.5-4.5 4.5m0-5.5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1\"\n}), 'Album');","export default \"data:image/svg+xml,%3csvg%20width='463'%20height='435'%20viewBox='0%200%20463%20435'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='246'%20cy='217.693'%20r='217'%20fill='%23EFC067'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M420.072%204.69247L0.112549%2010.5076L5.92765%20430.467L425.887%20424.652L423.391%20244.375C421.946%20244.589%20420.47%20244.71%20418.969%20244.731C400.773%20244.983%20385.817%20230.436%20385.566%20212.239C385.314%20194.043%20399.86%20179.087%20418.057%20178.835C419.558%20178.815%20421.037%20178.895%20422.487%20179.069L420.072%204.69247Z'%20fill='%23112334'/%3e%3c/svg%3e\"","import React from 'react';\nimport { Box } from '@mui/material';\nimport AlbumIcon from '@mui/icons-material/Album';\nimport sleeveImage from './images/sleeve.svg';\nimport { colors } from '../entrypoints/lib/theme';\n\nconst AlbumArt = ({ imageUrl, title, canEdit, size = 200 }) => {\n  return (\n    <Box\n      sx={{\n        width: size,\n        height: size,\n        borderRadius: '10px',\n        overflow: 'hidden',\n        position: 'relative',\n      }}\n    >\n      {/* Sleeve image */}\n      <img\n        src={sleeveImage}\n        alt=\"Album sleeve\"\n        style={{\n          position: 'absolute',\n          top: '2%',\n          left: '2%',\n          width: '96%',\n          height: '96%',\n          objectFit: 'contain',\n        }}\n      />\n\n      {/* Album image or icon */}\n      <Box\n        sx={{\n          position: 'absolute',\n          top: '50%',\n          left: '45%',\n          transform: 'translate(-50%, -50%)',\n          width: '70%',\n          height: '70%',\n          display: 'flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n          overflow: 'hidden',\n          borderRadius: '100%',\n        }}\n      >\n        {imageUrl ? (\n          <img\n            src={imageUrl}\n            alt={title}\n            style={{\n              width: '100%',\n              height: '100%',\n              objectFit: 'cover',\n            }}\n          />\n        ) : !canEdit && (\n          <AlbumIcon\n            sx={{\n              fontSize: size * 0.75,\n              color: colors.lightGray,\n            }}\n          />\n        )}\n      </Box>\n    </Box>\n  );\n};\n\nexport default AlbumArt;\n"],"names":["_interopRequireDefault","require$$0","Album","default_1","_createSvgIcon","require$$1","_jsxRuntime","require$$2","sleeveImage","AlbumArt","imageUrl","title","canEdit","size","React","Box","AlbumIcon","colors"],"mappings":"yRAGIA,EAAyBC,EAC7B,OAAO,eAAeC,EAAS,aAAc,CAC3C,MAAO,EACT,CAAC,EACD,IAAeC,EAAAD,EAAA,QAAG,OACdE,EAAiBJ,EAAuBK,EAAA,CAAgC,EACxEC,EAAcC,EAAA,EACHJ,EAAeD,EAAA,WAAOE,EAAe,YAA2BE,EAAY,KAAK,OAAQ,CACtG,EAAG,0MACL,CAAC,EAAG,OAAO,ECZX,MAAeE,EAAA,+nBCMTC,EAAW,CAAC,CAAE,SAAAC,EAAU,MAAAC,EAAO,QAAAC,EAAS,KAAAC,EAAO,OAEjDC,EAAA,cAACC,EAAA,CACC,GAAI,CACF,MAAOF,EACP,OAAQA,EACR,aAAc,OACd,SAAU,SACV,SAAU,UACZ,CAAA,EAGAC,EAAA,cAAC,MAAA,CACC,IAAKN,EACL,IAAI,eACJ,MAAO,CACL,SAAU,WACV,IAAK,KACL,KAAM,KACN,MAAO,MACP,OAAQ,MACR,UAAW,SACb,CAAA,CACF,EAGAM,EAAA,cAACC,EAAA,CACC,GAAI,CACF,SAAU,WACV,IAAK,MACL,KAAM,MACN,UAAW,wBACX,MAAO,MACP,OAAQ,MACR,QAAS,OACT,eAAgB,SAChB,WAAY,SACZ,SAAU,SACV,aAAc,MAChB,CAAA,EAECL,EACCI,EAAA,cAAC,MAAA,CACC,IAAKJ,EACL,IAAKC,EACL,MAAO,CACL,MAAO,OACP,OAAQ,OACR,UAAW,OACb,CAAA,CAAA,EAEA,CAACC,GACHE,EAAA,cAACE,EAAA,CACC,GAAI,CACF,SAAUH,EAAO,IACjB,MAAOI,EAAO,SAChB,CAAA,CACF,CAEJ,CAAA","x_google_ignoreList":[0]}