{"version":3,"file":"PreviewComponents.mjs","sources":["../../../../../admin/src/components/EditAssetDialog/PreviewBox/PreviewComponents.tsx"],"sourcesContent":["// TODO: find a better naming convention for the file that was an index file before\nimport { Badge, Box, Flex } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\nexport const RelativeBox = styled(Box)`\n  position: relative;\n`;\n\nexport const Wrapper = styled.div`\n  position: relative;\n  display: flex;\n  justify-content: center;\n  background: repeating-conic-gradient(\n      ${({ theme }) => theme.colors.neutral100} 0% 25%,\n      transparent 0% 50%\n    )\n    50% / 20px 20px;\n\n  svg {\n    height: 26px;\n  }\n\n  img,\n  mux-player {\n    margin: 0;\n    padding: 0;\n    max-height: 26.4rem;\n    max-width: 100%;\n  }\n\n  mux-player {\n    --play-button: inline-flex;\n    --mute-button: inline-flex;\n    --pip-button: inline-flex;\n    --fullscreen-button: inline-flex;\n    --playback-rate-button: inline-flex;\n    --volume-range: inline-flex;\n    --time-range: inline-flex;\n    --time-display: inline-flex;\n    --duration-display: inline-flex;\n  }\n`;\n\nexport const ActionRow = styled(Flex)`\n  height: 5.2rem;\n  background-color: ${({ $blurry }) => ($blurry ? `rgba(33, 33, 52, 0.4)` : undefined)};\n`;\n\nexport const CroppingActionRow = styled(Flex)`\n  z-index: 1;\n  height: 5.2rem;\n  position: absolute;\n  background-color: rgba(33, 33, 52, 0.4);\n  width: 100%;\n`;\n\n// TODO: fix in parts, this shouldn't happen\nexport const BadgeOverride = styled(Badge)`\n  span {\n    color: inherit;\n    font-weight: ${({ theme }) => theme.fontWeights.regular};\n  }\n`;\n\nexport const UploadProgressWrapper = styled.div`\n  position: absolute;\n  z-index: 2;\n  height: 100%;\n  width: 100%;\n`;\n\nexport const FocalPointActionRow = styled(Flex)`\n  z-index: 1;\n  height: 5.2rem;\n  position: absolute;\n  background-color: rgba(33, 33, 52, 0.4);\n  width: 100%;\n`;\n\nexport const FocalPointImageWrapper = styled.div`\n  display: inline-block;\n  position: relative;\n`;\n\ninterface FocalPointAimProps {\n  $focalPoint: { x: number; y: number };\n}\n\nexport const FocalPointAim = styled.div<FocalPointAimProps>`\n  position: absolute;\n  pointer-events: none;\n  left: ${({ $focalPoint }) => $focalPoint.x}%;\n  top: ${({ $focalPoint }) => $focalPoint.y}%;\n\n  &:before {\n    content: '';\n    position: absolute;\n    width: 10px;\n    height: 10px;\n    border: 2px solid ${({ theme }) => theme.colors.primary700};\n    border-radius: 50%;\n    background-color: ${({ theme }) => theme.colors.primary500};\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n  }\n`;\n\nexport const FocalPointHalo = styled.div`\n  &:before {\n    content: '';\n    position: absolute;\n    width: 50px;\n    height: 50px;\n    border: 1px solid ${({ theme }) => theme.colors.neutral500};\n    border-radius: 50%;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n  }\n`;\n"],"names":["RelativeBox","styled","Box","Wrapper","div","theme","colors","neutral100","ActionRow","Flex","$blurry","undefined","CroppingActionRow","BadgeOverride","Badge","fontWeights","regular","UploadProgressWrapper","FocalPointActionRow","FocalPointImageWrapper","FocalPointAim","$focalPoint","x","y","primary700","primary500","FocalPointHalo","neutral500"],"mappings":";;;AAAA;AAIO,MAAMA,WAAAA,GAAcC,MAAAA,CAAOC,GAAAA,CAAI;;AAEtC;AAEO,MAAMC,OAAAA,GAAUF,MAAAA,CAAOG,GAAG;;;;;MAK3B,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACC,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4B/C;AAEO,MAAMC,SAAAA,GAAYP,MAAAA,CAAOQ,IAAAA,CAAK;;oBAEjB,EAAE,CAAC,EAAEC,OAAO,EAAE,GAAMA,UAAU,CAAC,qBAAqB,CAAC,GAAGC,SAAAA,CAAW;AACvF;AAEO,MAAMC,iBAAAA,GAAoBX,MAAAA,CAAOQ,IAAAA,CAAK;;;;;;AAM7C;AAEA;AACO,MAAMI,aAAAA,GAAgBZ,MAAAA,CAAOa,KAAAA,CAAM;;;iBAGzB,EAAE,CAAC,EAAET,KAAK,EAAE,GAAKA,KAAAA,CAAMU,WAAW,CAACC,OAAO,CAAC;;AAE5D;AAEO,MAAMC,qBAAAA,GAAwBhB,MAAAA,CAAOG,GAAG;;;;;AAK/C;AAEO,MAAMc,mBAAAA,GAAsBjB,MAAAA,CAAOQ,IAAAA,CAAK;;;;;;AAM/C;AAEO,MAAMU,sBAAAA,GAAyBlB,MAAAA,CAAOG,GAAG;;;AAGhD;AAMO,MAAMgB,aAAAA,GAAgBnB,MAAAA,CAAOG,GAAG;;;AAG/B,QAAA,EAAE,CAAC,EAAEiB,WAAW,EAAE,GAAKA,WAAAA,CAAYC,CAAC,CAAC;AACtC,OAAA,EAAE,CAAC,EAAED,WAAW,EAAE,GAAKA,WAAAA,CAAYE,CAAC,CAAC;;;;;;;sBAOtB,EAAE,CAAC,EAAElB,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACkB,UAAU,CAAC;;sBAEzC,EAAE,CAAC,EAAEnB,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACmB,UAAU,CAAC;;;;;AAK/D;AAEO,MAAMC,cAAAA,GAAiBzB,MAAAA,CAAOG,GAAG;;;;;;sBAMlB,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACqB,UAAU,CAAC;;;;;;AAM/D;;;;"}