@strapi/upload 5.52.2 → 5.53.0

package/dist/admin/future/pages/Assets/components/AssetDetails/AssetCropEditor.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AssetCropEditor.mjs","sources":["../../../../../../../admin/src/future/pages/Assets/components/AssetDetails/AssetCropEditor.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { useNotification } from '@strapi/admin/strapi-admin';\nimport {\n  Box,\n  Button,\n  Field,\n  Flex,\n  FocusTrap,\n  IconButton,\n  NumberInput,\n  Portal,\n  Typography,\n} from '@strapi/design-system';\nimport { ArrowsHorizontal, ArrowsVertical, Crop, Link } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled, useTheme } from 'styled-components';\n\nimport { prefixFileUrlWithBackendUrl } from '../../../../utils/files';\nimport { getTranslationKey } from '../../../../utils/translations';\n\nimport { resolveCornerResize, useCropImg } from './useCropImg';\n\nimport type {\n  AssetWithPopulatedCreatedBy,\n  FocalPoint,\n} from '../../../../../../../shared/contracts/files';\n\nconst FOCAL_DIAMETER_REM = 5.6;\nconst HANDLE_PX = 12;\n\n/* -------------------------------------------------------------------------------------------------\n * Styled\n * -----------------------------------------------------------------------------------------------*/\n\n// Full-viewport takeover with a small inset so the editor reads as a card.\nconst Overlay = styled(Flex)`\n  position: fixed;\n  z-index: 1200;\n  flex-direction: column;\n  top: ${({ theme }) => theme.spaces[1]};\n  left: ${({ theme }) => theme.spaces[1]};\n  right: ${({ theme }) => theme.spaces[1]};\n  bottom: ${({ theme }) => theme.spaces[1]};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  border: 1px solid ${({ theme }) => theme.colors.neutral150};\n  background: ${({ theme }) => theme.colors.neutral0};\n  /* Focused programmatically on open (tabIndex -1) — no visible ring needed. */\n  outline: none;\n`;\n\nconst HeaderBar = styled(Flex)`\n  width: 100%;\n  gap: ${({ theme }) => theme.spaces[2]};\n  padding: ${({ theme }) => `${theme.spaces[3]} ${theme.spaces[5]}`};\n  border-bottom: 1px solid ${({ theme }) => theme.colors.neutral150};\n  background: ${({ theme }) => theme.colors.neutral0};\n`;\n\n// Fills the remaining space between header/footer; checkerboard pattern.\n// The horizontal padding keeps the image off the viewport edges — the corner\n// handles overhang the image by half their size, and on narrow (mobile)\n// screens an edge-to-edge image leaves nothing to grab.\nconst Body = styled(Box)`\n  width: 100%;\n  position: relative;\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  padding: 0 ${({ theme }) => theme.spaces[4]};\n  background: repeating-conic-gradient(\n      ${({ theme }) => theme.colors.neutral100} 0% 25%,\n      ${({ theme }) => theme.colors.neutral0} 0% 50%\n    )\n    50% / 20px 20px;\n`;\n\n// Wrapper sized to the image's natural aspect ratio so the <img> inside fills\n// it without letterboxing. Percentage-based positioning of the crop overlay\n// then maps directly to natural-px coordinates.\nconst CropArea = styled.div<{ $aspect?: number }>`\n  position: relative;\n  max-width: 100%;\n  max-height: 100%;\n  ${({ $aspect }) => ($aspect ? `aspect-ratio: ${$aspect};` : '')}\n\n  img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    user-select: none;\n    -webkit-user-drag: none;\n  }\n`;\n\n// Crop selection rectangle, positioned by % of CropArea. Inverts the dim\n// outside via box-shadow so the focused area shows full color.\nconst CropOverlay = styled.div`\n  position: absolute;\n  border: 1px dashed ${({ theme }) => theme.colors.primary600};\n  box-shadow: 0 0 0 9999px rgba(33, 33, 52, 0.5);\n  cursor: move;\n  /* Without this, touch browsers claim the gesture for scrolling and fire\n     pointercancel mid-drag — the crop drag dies while the finger is down. */\n  touch-action: none;\n`;\n\nconst ResizeHandle = styled.button<{ $cursor: string }>`\n  position: absolute;\n  width: ${HANDLE_PX}px;\n  height: ${HANDLE_PX}px;\n  margin: -${HANDLE_PX / 2}px;\n  padding: 0;\n  border: 1px solid ${({ theme }) => theme.colors.primary600};\n  border-radius: 2px;\n  background: ${({ theme }) => theme.colors.neutral0};\n  cursor: ${({ $cursor }) => $cursor};\n  touch-action: none;\n`;\n\nconst FocalPointHandle = styled.button`\n  position: absolute;\n  width: ${FOCAL_DIAMETER_REM}rem;\n  height: ${FOCAL_DIAMETER_REM}rem;\n  margin: ${-FOCAL_DIAMETER_REM / 2}rem 0 0 ${-FOCAL_DIAMETER_REM / 2}rem;\n  border-radius: 50%;\n  border: 1px solid ${({ theme }) => theme.colors.neutral800};\n  background: transparent;\n  cursor: grab;\n  padding: 0;\n  touch-action: none;\n\n  &::before {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 16px;\n    height: 16px;\n    border-radius: 50%;\n    background: rgba(0, 0, 0, 0.16);\n    transform: translate(-50%, -50%);\n  }\n  &::after {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background: ${({ theme }) => theme.colors.neutral800};\n    transform: translate(-50%, -50%);\n  }\n\n  &:active {\n    cursor: grabbing;\n  }\n`;\n\n// Hidden on mobile — the panel (title/hint + numeric crop & focal inputs) is\n// too large for a phone; touch users set the crop by dragging the rectangle and\n// focal handle directly on the image. Shown from tablet up.\nconst InfoBox = styled(Box)`\n  display: none;\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    display: block;\n    position: absolute;\n    right: ${({ theme }) => theme.spaces[1]};\n    bottom: ${({ theme }) => theme.spaces[1]};\n    width: 100%;\n    max-width: 32rem;\n    padding: ${({ theme }) => theme.spaces[3]};\n    border-radius: ${({ theme }) => theme.borderRadius};\n    background: ${({ theme }) =>\n      theme.colorScheme === 'dark' ? theme.colors.neutral150 : theme.colors.neutral900};\n    z-index: 20;\n  }\n`;\n\nconst FooterBar = styled(Flex)`\n  width: 100%;\n  justify-content: space-between;\n  padding: ${({ theme }) => `${theme.spaces[3]} ${theme.spaces[5]}`};\n  border-top: 1px solid ${({ theme }) => theme.colors.neutral150};\n  background: ${({ theme }) => theme.colors.neutral0};\n`;\n\nconst FieldRow = styled(Field.Root)`\n  flex-direction: row;\n  align-items: center;\n`;\n\nconst FieldNumberInput = styled(NumberInput)`\n  width: 8.4rem;\n`;\n\nconst LabelIcon = styled(Field.Label)`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.6rem;\n  height: 1.6rem;\n`;\n\nconst BackgroundPreserveRatioContainer = styled(Box)`\n  position: absolute;\n  top: 50%;\n  left: 0;\n  transform: translateY(-50%);\n\n  svg {\n    display: block;\n  }\n`;\n\nconst BackgroundPreserveRatio = () => (\n  <BackgroundPreserveRatioContainer>\n    <svg width=\"17\" height=\"49\" viewBox=\"0 0 17 49\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M0.5 0.5H8.5C12.9183 0.5 16.5 4.08172 16.5 8.5M0.5 48.5H8.5C12.9183 48.5 16.5 44.9183 16.5 40.5\"\n        stroke=\"#666687\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  </BackgroundPreserveRatioContainer>\n);\n\n/* -------------------------------------------------------------------------------------------------\n * AssetCropEditor\n * -----------------------------------------------------------------------------------------------*/\n\ninterface AssetCropEditorProps {\n  asset: AssetWithPopulatedCreatedBy;\n  isBusy?: boolean;\n  onClose: () => void;\n  onApply: (file: globalThis.File, focalPoint: FocalPoint) => void;\n  onSaveAsCopy: (file: globalThis.File, focalPoint: FocalPoint) => void;\n  /**\n   * \"Save as copy\" creates a new asset (`assets.create`), a different permission\n   * from cropping in place (`assets.update`). Hidden when the user lacks it, so\n   * an update-only role can't trigger a 403.\n   */\n  canSaveAsCopy: boolean;\n}\n\ntype Corner = 'tl' | 'tr' | 'bl' | 'br';\n\nexport const AssetCropEditor = ({\n  asset,\n  isBusy = false,\n  onClose,\n  onApply,\n  onSaveAsCopy,\n  canSaveAsCopy,\n}: AssetCropEditorProps) => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  // The InfoBox is a fixed dark surface in both themes, so its text can't use a\n  // single neutral token (those invert with the scheme). Pick the scheme's white\n  // and a muted grey explicitly.\n  const theme = useTheme();\n  const isDark = theme.colorScheme === 'dark';\n  const infoTextColor = isDark ? 'neutral1000' : 'neutral0';\n  const infoMutedColor = isDark ? 'neutral600' : 'neutral200';\n  const imgRef = React.useRef<HTMLImageElement>(null);\n  const cropAreaRef = React.useRef<HTMLDivElement>(null);\n  const overlayRef = React.useRef<HTMLDivElement>(null);\n\n  // FocusTrap's auto-focus lands on the first focusable element — the crop\n  // width NumberInput — which pops the keyboard on mobile the moment the\n  // editor opens. Focus the (tabIndex -1) overlay instead: keyboard users are\n  // one Tab away from the first control, Escape still reaches the trap.\n  React.useEffect(() => {\n    overlayRef.current?.focus();\n  }, []);\n\n  const {\n    init,\n    crop,\n    naturalSize,\n    aspectRatio,\n    setCropSize,\n    setCropPosition,\n    setAspectRatio,\n    produceFile,\n    width,\n    height,\n  } = useCropImg();\n\n  const [aspectLocked, setAspectLocked] = React.useState(false);\n  // Focal point as a percentage of the crop area (matches the {x,y} contract).\n  const [focal, setFocal] = React.useState<FocalPoint>(asset.focalPoint ?? { x: 50, y: 50 });\n\n  // The crop editor reads pixels from a canvas (useCropImg -> toBlob), so its\n  // <img> must be CORS-clean and always sets crossOrigin=\"anonymous\" (see the\n  // img below) — even for unsigned URLs, which AssetPreview leaves unset because\n  // it only displays. That difference is why the crop URL is kept DISTINCT from\n  // the thumbnail's: identical URL + different crossOrigin collide in the HTTP\n  // cache (#26581), and the crop's anonymous request could otherwise reuse the\n  // thumbnail's non-CORS cached response and taint the canvas. So the buster\n  // uses `updatedAt` where AssetPreview uses `v`, giving each its own entry\n  // (mirrors the legacy PreviewBox fix).\n  // Signed URLs get no param at all — a presigned S3 URL breaks if you add one,\n  // and on the signed side AssetPreview also loads anonymous, so the identical\n  // URL there shares one CORS-consistent entry, which is fine.\n  const rawImageUrl = prefixFileUrlWithBackendUrl(asset.url) as string;\n  const cacheKey =\n    asset.updatedAt && !asset.isUrlSigned ? new Date(asset.updatedAt).getTime() : undefined;\n  const imageUrl =\n    cacheKey !== undefined\n      ? `${rawImageUrl}${rawImageUrl.includes('?') ? '&' : '?'}updatedAt=${cacheKey}`\n      : rawImageUrl;\n\n  const handleImageLoad = () => {\n    if (imgRef.current) {\n      init(imgRef.current);\n    }\n  };\n\n  // Map a pointer event to natural-px coordinates inside the image.\n  const pointerToNatural = (event: PointerEvent | React.PointerEvent) => {\n    const rect = cropAreaRef.current?.getBoundingClientRect();\n    if (!rect || !naturalSize.width || !naturalSize.height) return null;\n    const ratioX = naturalSize.width / rect.width;\n    const ratioY = naturalSize.height / rect.height;\n    return {\n      x: (event.clientX - rect.left) * ratioX,\n      y: (event.clientY - rect.top) * ratioY,\n    };\n  };\n\n  // Teardown for the drag currently in flight, so it can be run both on pointer\n  // release AND on unmount. Without the unmount path, closing the editor mid-drag\n  // (Escape, drawer close, a re-render dropping the overlay) would never fire a\n  // pointer event, leaking the window listeners and letting a stale `onMove`\n  // call `setCropPosition` on an unmounted component.\n  const activeDragCleanupRef = React.useRef<(() => void) | null>(null);\n\n  React.useEffect(() => {\n    return () => {\n      activeDragCleanupRef.current?.();\n    };\n  }, []);\n\n  // Track a pointer drag until the pointer is released or the browser cancels\n  // it. The pointer is captured so the drag follows the finger even once it\n  // leaves the (12px) handle it started on, and pointercancel is treated as\n  // release so an interrupted touch never leaves stale window listeners.\n  const trackPointerDrag = (event: React.PointerEvent, onMove: (e: PointerEvent) => void) => {\n    event.preventDefault();\n    event.stopPropagation();\n    const { pointerId } = event;\n    try {\n      event.currentTarget.setPointerCapture(pointerId);\n    } catch {\n      // Unsupported environment (jsdom) — window listeners still track the drag.\n    }\n    const move = (e: PointerEvent) => {\n      if (e.pointerId !== pointerId) return;\n      onMove(e);\n    };\n    const cleanup = () => {\n      window.removeEventListener('pointermove', move);\n      window.removeEventListener('pointerup', end);\n      window.removeEventListener('pointercancel', end);\n      activeDragCleanupRef.current = null;\n    };\n    const end = (e: PointerEvent) => {\n      if (e.pointerId !== pointerId) return;\n      cleanup();\n    };\n    // Only one drag is ever live at a time; tear down any previous one first.\n    activeDragCleanupRef.current?.();\n    activeDragCleanupRef.current = cleanup;\n    window.addEventListener('pointermove', move);\n    window.addEventListener('pointerup', end);\n    window.addEventListener('pointercancel', end);\n  };\n\n  // Drag the entire crop rectangle.\n  const handleMovePointerDown = (event: React.PointerEvent) => {\n    const start = pointerToNatural(event);\n    if (!start) return;\n    const startCrop = { ...crop };\n    trackPointerDrag(event, (e) => {\n      const next = pointerToNatural(e);\n      if (!next) return;\n      setCropPosition({\n        x: startCrop.x + (next.x - start.x),\n        y: startCrop.y + (next.y - start.y),\n      });\n    });\n  };\n\n  // Resize from a corner; the opposite corner stays anchored.\n  const handleResizePointerDown = (corner: Corner) => (event: React.PointerEvent) => {\n    const startCrop = { ...crop };\n    const anchorX =\n      corner === 'tl' || corner === 'bl' ? startCrop.x + startCrop.width : startCrop.x;\n    const anchorY =\n      corner === 'tl' || corner === 'tr' ? startCrop.y + startCrop.height : startCrop.y;\n    trackPointerDrag(event, (e) => {\n      const point = pointerToNatural(e);\n      if (!point) return;\n      const {\n        x,\n        y,\n        width: w,\n        height: h,\n      } = resolveCornerResize({\n        anchorX,\n        anchorY,\n        point,\n        aspectRatio: aspectLocked ? aspectRatio : null,\n      });\n      setCropPosition({ x, y });\n      setCropSize({ width: w, height: h });\n    });\n  };\n\n  const toggleAspectLock = () => {\n    setAspectLocked((locked) => {\n      const next = !locked;\n      setAspectRatio(next && height ? width / height : null);\n      return next;\n    });\n  };\n\n  // Drag the focal handle within the crop rectangle, clamped 0–100.\n  const handleFocalPointerDown = (event: React.PointerEvent) => {\n    trackPointerDrag(event, (e) => {\n      const point = pointerToNatural(e);\n      if (!point) return;\n      // Convert pointer to a percentage of the current crop area.\n      const px = ((point.x - crop.x) / crop.width) * 100;\n      const py = ((point.y - crop.y) / crop.height) * 100;\n      setFocal({\n        x: Math.round(Math.min(100, Math.max(0, px))),\n        y: Math.round(Math.min(100, Math.max(0, py))),\n      });\n    });\n  };\n\n  const focalPxX = Math.round((focal.x / 100) * width);\n  const focalPxY = Math.round((focal.y / 100) * height);\n\n  const setFocalPx = (axis: 'x' | 'y', value: number) => {\n    const dim = axis === 'x' ? width : height;\n    if (!dim) return;\n    const pct = Math.min(100, Math.max(0, (value / dim) * 100));\n    setFocal((prev) => ({ ...prev, [axis]: Math.round(pct) }));\n  };\n\n  const cropPercents =\n    naturalSize.width && naturalSize.height\n      ? {\n          left: (crop.x / naturalSize.width) * 100,\n          top: (crop.y / naturalSize.height) * 100,\n          width: (crop.width / naturalSize.width) * 100,\n          height: (crop.height / naturalSize.height) * 100,\n        }\n      : null;\n\n  // The crop is only usable once the image has loaded and `init()` has seeded\n  // the natural size. Until then the produce/export path would reject.\n  const isReady = cropPercents !== null;\n\n  const handleAction = async (action: 'apply' | 'copy') => {\n    if (!isReady) return;\n\n    let file: globalThis.File;\n    try {\n      file = await produceFile(asset.name, asset.mime ?? 'image/png', asset.updatedAt);\n    } catch {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: getTranslationKey('asset-details.crop.export-error'),\n          defaultMessage: 'Could not process the cropped image.',\n        }),\n      });\n      return;\n    }\n\n    const roundedFocal = { x: Math.round(focal.x), y: Math.round(focal.y) };\n    if (action === 'apply') {\n      onApply(file, roundedFocal);\n    } else {\n      onSaveAsCopy(file, roundedFocal);\n    }\n  };\n\n  return (\n    <Portal>\n      <FocusTrap onEscape={onClose} skipAutoFocus>\n        <Overlay ref={overlayRef} tabIndex={-1}>\n          <HeaderBar alignItems=\"center\">\n            <Crop aria-hidden />\n            <Typography variant=\"omega\" fontWeight=\"bold\">\n              {formatMessage({\n                id: getTranslationKey('asset-details.crop.title'),\n                defaultMessage: 'Crop & Focus area',\n              })}\n            </Typography>\n          </HeaderBar>\n\n          <Body>\n            <CropArea\n              ref={cropAreaRef}\n              $aspect={\n                naturalSize.width && naturalSize.height\n                  ? naturalSize.width / naturalSize.height\n                  : undefined\n              }\n            >\n              <img\n                ref={imgRef}\n                src={imageUrl}\n                alt={asset.name}\n                // Always anonymous, unlike AssetPreview/AssetsGrid which gate it:\n                // the editor reads pixels via canvas (useCropImg -> toBlob), which\n                // taints on a cross-origin image loaded without CORS, so every\n                // remote image must be fetched CORS-clean.\n                crossOrigin=\"anonymous\"\n                onLoad={handleImageLoad}\n                draggable={false}\n              />\n\n              {cropPercents ? (\n                <CropOverlay\n                  style={{\n                    left: `${cropPercents.left}%`,\n                    top: `${cropPercents.top}%`,\n                    width: `${cropPercents.width}%`,\n                    height: `${cropPercents.height}%`,\n                  }}\n                  onPointerDown={handleMovePointerDown}\n                >\n                  <ResizeHandle\n                    type=\"button\"\n                    aria-label={formatMessage({\n                      id: getTranslationKey('asset-details.crop.resize.top-left'),\n                      defaultMessage: 'Resize top-left',\n                    })}\n                    $cursor=\"nwse-resize\"\n                    style={{ left: 0, top: 0 }}\n                    onPointerDown={handleResizePointerDown('tl')}\n                  />\n                  <ResizeHandle\n                    type=\"button\"\n                    aria-label={formatMessage({\n                      id: getTranslationKey('asset-details.crop.resize.top-right'),\n                      defaultMessage: 'Resize top-right',\n                    })}\n                    $cursor=\"nesw-resize\"\n                    style={{ right: 0, top: 0 }}\n                    onPointerDown={handleResizePointerDown('tr')}\n                  />\n                  <ResizeHandle\n                    type=\"button\"\n                    aria-label={formatMessage({\n                      id: getTranslationKey('asset-details.crop.resize.bottom-left'),\n                      defaultMessage: 'Resize bottom-left',\n                    })}\n                    $cursor=\"nesw-resize\"\n                    style={{ left: 0, bottom: 0 }}\n                    onPointerDown={handleResizePointerDown('bl')}\n                  />\n                  <ResizeHandle\n                    type=\"button\"\n                    aria-label={formatMessage({\n                      id: getTranslationKey('asset-details.crop.resize.bottom-right'),\n                      defaultMessage: 'Resize bottom-right',\n                    })}\n                    $cursor=\"nwse-resize\"\n                    style={{ right: 0, bottom: 0 }}\n                    onPointerDown={handleResizePointerDown('br')}\n                  />\n\n                  <FocalPointHandle\n                    type=\"button\"\n                    aria-label={formatMessage({\n                      id: getTranslationKey('asset-details.crop.focal-point'),\n                      defaultMessage: 'Focal point',\n                    })}\n                    style={{ left: `${focal.x}%`, top: `${focal.y}%` }}\n                    onPointerDown={handleFocalPointerDown}\n                  />\n                </CropOverlay>\n              ) : null}\n            </CropArea>\n\n            <InfoBox>\n              <Flex direction=\"column\" alignItems=\"stretch\" gap={1} paddingBottom={3}>\n                <Typography variant=\"omega\" fontWeight=\"bold\" textColor={infoTextColor}>\n                  {formatMessage({\n                    id: getTranslationKey('asset-details.crop.title'),\n                    defaultMessage: 'Crop & Focus area',\n                  })}\n                </Typography>\n                <Typography variant=\"pi\" textColor={infoMutedColor}>\n                  {formatMessage({\n                    id: getTranslationKey('asset-details.crop.hint'),\n                    defaultMessage:\n                      'Set the crop area with the rectangle. Pin the always-visible area with the circle.',\n                  })}\n                </Typography>\n              </Flex>\n\n              <Flex gap={6} alignItems=\"center\">\n                <Flex alignItems=\"center\" gap={2}>\n                  <Flex direction=\"column\" gap={2}>\n                    <FieldRow name=\"crop-width\" gap={2}>\n                      <LabelIcon textColor={infoTextColor}>\n                        <ArrowsHorizontal />\n                      </LabelIcon>\n                      <FieldNumberInput\n                        aria-label={formatMessage({\n                          id: getTranslationKey('asset-details.crop.width'),\n                          defaultMessage: 'Width (px)',\n                        })}\n                        value={width}\n                        min={1}\n                        max={naturalSize.width || undefined}\n                        onValueChange={(next) => {\n                          if (next !== undefined) setCropSize({ width: next });\n                        }}\n                      />\n                    </FieldRow>\n                    <FieldRow name=\"crop-height\" gap={2}>\n                      <LabelIcon textColor={infoTextColor}>\n                        <ArrowsVertical />\n                      </LabelIcon>\n                      <FieldNumberInput\n                        aria-label={formatMessage({\n                          id: getTranslationKey('asset-details.crop.height'),\n                          defaultMessage: 'Height (px)',\n                        })}\n                        value={height}\n                        min={1}\n                        max={naturalSize.height || undefined}\n                        onValueChange={(next) => {\n                          if (next !== undefined) setCropSize({ height: next });\n                        }}\n                      />\n                    </FieldRow>\n                  </Flex>\n\n                  <Flex position=\"relative\">\n                    <IconButton\n                      label={formatMessage({\n                        id: getTranslationKey('asset-details.crop.aspect-lock'),\n                        defaultMessage: 'Lock aspect ratio',\n                      })}\n                      variant={aspectLocked ? 'secondary' : 'ghost'}\n                      onClick={toggleAspectLock}\n                    >\n                      <Link />\n                    </IconButton>\n                    <BackgroundPreserveRatio />\n                  </Flex>\n                </Flex>\n\n                <Flex direction=\"column\" gap={2} marginLeft={'auto'}>\n                  <FieldRow name=\"focal-x\" gap={2}>\n                    <Field.Label textColor={infoTextColor}>\n                      {formatMessage({\n                        id: getTranslationKey('asset-details.crop.focal-x-axis'),\n                        defaultMessage: 'X',\n                      })}\n                    </Field.Label>\n                    <FieldNumberInput\n                      aria-label={formatMessage({\n                        id: getTranslationKey('asset-details.crop.focal-x'),\n                        defaultMessage: 'Focal point X (px)',\n                      })}\n                      value={focalPxX}\n                      onValueChange={(next) => {\n                        if (next !== undefined) setFocalPx('x', next);\n                      }}\n                    />\n                  </FieldRow>\n                  <FieldRow name=\"focal-y\" gap={2}>\n                    <Field.Label textColor={infoTextColor}>\n                      {formatMessage({\n                        id: getTranslationKey('asset-details.crop.focal-y-axis'),\n                        defaultMessage: 'Y',\n                      })}\n                    </Field.Label>\n                    <FieldNumberInput\n                      aria-label={formatMessage({\n                        id: getTranslationKey('asset-details.crop.focal-y'),\n                        defaultMessage: 'Focal point Y (px)',\n                      })}\n                      value={focalPxY}\n                      onValueChange={(next) => {\n                        if (next !== undefined) setFocalPx('y', next);\n                      }}\n                    />\n                  </FieldRow>\n                </Flex>\n              </Flex>\n            </InfoBox>\n          </Body>\n\n          <FooterBar alignItems=\"center\">\n            <Button variant=\"tertiary\" onClick={onClose} disabled={isBusy}>\n              {formatMessage({ id: 'app.components.Button.cancel', defaultMessage: 'Cancel' })}\n            </Button>\n            <Flex gap={2}>\n              {canSaveAsCopy && (\n                <Button\n                  variant=\"secondary\"\n                  onClick={() => handleAction('copy')}\n                  loading={isBusy}\n                  disabled={!isReady}\n                >\n                  {formatMessage({\n                    id: getTranslationKey('asset-details.crop.save-as-copy'),\n                    defaultMessage: 'Save as copy',\n                  })}\n                </Button>\n              )}\n              <Button\n                variant=\"default\"\n                onClick={() => handleAction('apply')}\n                loading={isBusy}\n                disabled={!isReady}\n              >\n                {formatMessage({\n                  id: getTranslationKey('asset-details.crop.apply'),\n                  defaultMessage: 'Apply',\n                })}\n              </Button>\n            </Flex>\n          </FooterBar>\n        </Overlay>\n      </FocusTrap>\n    </Portal>\n  );\n};\n"],"names":["FOCAL_DIAMETER_REM","HANDLE_PX","Overlay","styled","Flex","theme","spaces","borderRadius","colors","neutral150","neutral0","HeaderBar","Body","Box","neutral100","CropArea","div","$aspect","CropOverlay","primary600","ResizeHandle","button","$cursor","FocalPointHandle","neutral800","InfoBox","breakpoints","medium","colorScheme","neutral900","FooterBar","FieldRow","Field","Root","FieldNumberInput","NumberInput","LabelIcon","Label","BackgroundPreserveRatioContainer","BackgroundPreserveRatio","_jsx","svg","width","height","viewBox","fill","xmlns","path","d","stroke","strokeLinecap","AssetCropEditor","asset","isBusy","onClose","onApply","onSaveAsCopy","canSaveAsCopy","formatMessage","useIntl","toggleNotification","useNotification","useTheme","isDark","infoTextColor","infoMutedColor","imgRef","React","useRef","cropAreaRef","overlayRef","useEffect","current","focus","init","crop","naturalSize","aspectRatio","setCropSize","setCropPosition","setAspectRatio","produceFile","useCropImg","aspectLocked","setAspectLocked","useState","focal","setFocal","focalPoint","x","y","rawImageUrl","prefixFileUrlWithBackendUrl","url","cacheKey","updatedAt","isUrlSigned","Date","getTime","undefined","imageUrl","includes","handleImageLoad","pointerToNatural","event","rect","getBoundingClientRect","ratioX","ratioY","clientX","left","clientY","top","activeDragCleanupRef","trackPointerDrag","onMove","preventDefault","stopPropagation","pointerId","currentTarget","setPointerCapture","move","e","cleanup","window","removeEventListener","end","addEventListener","handleMovePointerDown","start","startCrop","next","handleResizePointerDown","corner","anchorX","anchorY","point","w","h","resolveCornerResize","toggleAspectLock","locked","handleFocalPointerDown","px","py","Math","round","min","max","focalPxX","focalPxY","setFocalPx","axis","value","dim","pct","prev","cropPercents","isReady","handleAction","action","file","name","mime","type","message","id","getTranslationKey","defaultMessage","roundedFocal","Portal","FocusTrap","onEscape","skipAutoFocus","_jsxs","ref","tabIndex","alignItems","Crop","aria-hidden","Typography","variant","fontWeight","img","src","alt","crossOrigin","onLoad","draggable","style","onPointerDown","aria-label","right","bottom","direction","gap","paddingBottom","textColor","ArrowsHorizontal","onValueChange","ArrowsVertical","position","IconButton","label","onClick","Link","marginLeft","Button","disabled","loading"],"mappings":";;;;;;;;;;;AA4BA,MAAMA,kBAAAA,GAAqB,GAAA;AAC3B,MAAMC,SAAAA,GAAY,EAAA;AAElB;;AAEkG;AAGlG,MAAMC,OAAAA,GAAUC,MAAAA,CAAOC,IAAAA,CAAK;;;;OAIrB,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC;QAChC,EAAE,CAAC,EAAED,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC;SAChC,EAAE,CAAC,EAAED,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC;UAChC,EAAE,CAAC,EAAED,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC;AAC1B,iBAAA,EAAE,CAAC,EAAED,KAAK,EAAE,GAAKA,KAAAA,CAAME,YAAY,CAAC;oBACjC,EAAE,CAAC,EAAEF,KAAK,EAAE,GAAKA,KAAAA,CAAMG,MAAM,CAACC,UAAU,CAAC;cAC/C,EAAE,CAAC,EAAEJ,KAAK,EAAE,GAAKA,KAAAA,CAAMG,MAAM,CAACE,QAAQ,CAAC;;;AAGrD,CAAC;AAED,MAAMC,SAAAA,GAAYR,MAAAA,CAAOC,IAAAA,CAAK;;OAEvB,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC;AAC7B,WAAA,EAAE,CAAC,EAAED,KAAK,EAAE,GAAK,CAAA,EAAGA,MAAMC,MAAM,CAAC,CAAA,CAAE,CAAC,CAAC,EAAED,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,EAAE,CAAC;2BACzC,EAAE,CAAC,EAAED,KAAK,EAAE,GAAKA,KAAAA,CAAMG,MAAM,CAACC,UAAU,CAAC;cACtD,EAAE,CAAC,EAAEJ,KAAK,EAAE,GAAKA,KAAAA,CAAMG,MAAM,CAACE,QAAQ,CAAC;AACrD,CAAC;AAED;AACA;AACA;AACA;AACA,MAAME,IAAAA,GAAOT,MAAAA,CAAOU,GAAAA,CAAI;;;;;;;;;aASX,EAAE,CAAC,EAAER,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC;;MAExC,EAAE,CAAC,EAAED,KAAK,EAAE,GAAKA,KAAAA,CAAMG,MAAM,CAACM,UAAU,CAAC;MACzC,EAAE,CAAC,EAAET,KAAK,EAAE,GAAKA,KAAAA,CAAMG,MAAM,CAACE,QAAQ,CAAC;;;AAG7C,CAAC;AAED;AACA;AACA;AACA,MAAMK,QAAAA,GAAWZ,MAAAA,CAAOa,GAAyB;;;;AAI/C,EAAA,EAAE,CAAC,EAAEC,OAAO,EAAE,GAAMA,OAAAA,GAAU,CAAC,cAAc,EAAEA,OAAAA,CAAQ,CAAC,CAAC,GAAG,EAAA;;;;;;;;;AAS9D,CAAC;AAED;AACA;AACA,MAAMC,WAAAA,GAAcf,MAAAA,CAAOa,GAAG;;qBAET,EAAE,CAAC,EAAEX,KAAK,EAAE,GAAKA,KAAAA,CAAMG,MAAM,CAACW,UAAU,CAAC;;;;;;AAM9D,CAAC;AAED,MAAMC,YAAAA,GAAejB,MAAAA,CAAOkB,MAA2B;;AAE9C,SAAA,EAAEpB,SAAAA,CAAU;AACX,UAAA,EAAEA,SAAAA,CAAU;AACX,WAAA,EAAEA,YAAY,CAAA,CAAE;;oBAEP,EAAE,CAAC,EAAEI,KAAK,EAAE,GAAKA,KAAAA,CAAMG,MAAM,CAACW,UAAU,CAAC;;cAE/C,EAAE,CAAC,EAAEd,KAAK,EAAE,GAAKA,KAAAA,CAAMG,MAAM,CAACE,QAAQ,CAAC;AAC3C,UAAA,EAAE,CAAC,EAAEY,OAAO,EAAE,GAAKA,OAAAA,CAAQ;;AAErC,CAAC;AAED,MAAMC,gBAAAA,GAAmBpB,MAAAA,CAAOkB,MAAM;;AAE7B,SAAA,EAAErB,kBAAAA,CAAmB;AACpB,UAAA,EAAEA,kBAAAA,CAAmB;AACrB,UAAA,EAAE,CAACA,kBAAAA,GAAqB,CAAA,CAAE,QAAQ,EAAE,CAACA,qBAAqB,CAAA,CAAE;;oBAElD,EAAE,CAAC,EAAEK,KAAK,EAAE,GAAKA,KAAAA,CAAMG,MAAM,CAACgB,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;gBAyB7C,EAAE,CAAC,EAAEnB,KAAK,EAAE,GAAKA,KAAAA,CAAMG,MAAM,CAACgB,UAAU,CAAC;;;;;;;AAOzD,CAAC;AAED;AACA;AACA;AACA,MAAMC,OAAAA,GAAUtB,MAAAA,CAAOU,GAAAA,CAAI;;;EAGzB,EAAE,CAAC,EAAER,KAAK,EAAE,GAAKA,KAAAA,CAAMqB,WAAW,CAACC,MAAM,CAAC;;;WAGjC,EAAE,CAAC,EAAEtB,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC;YAChC,EAAE,CAAC,EAAED,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC;;;aAGhC,EAAE,CAAC,EAAED,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC;AAC3B,mBAAA,EAAE,CAAC,EAAED,KAAK,EAAE,GAAKA,KAAAA,CAAME,YAAY,CAAC;AACvC,gBAAA,EAAE,CAAC,EAAEF,KAAK,EAAE,GACtBA,KAAAA,CAAMuB,WAAW,KAAK,MAAA,GAASvB,KAAAA,CAAMG,MAAM,CAACC,UAAU,GAAGJ,MAAMG,MAAM,CAACqB,UAAU,CAAC;;;AAGvF,CAAC;AAED,MAAMC,SAAAA,GAAY3B,MAAAA,CAAOC,IAAAA,CAAK;;;AAGnB,WAAA,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAK,CAAA,EAAGA,MAAMC,MAAM,CAAC,CAAA,CAAE,CAAC,CAAC,EAAED,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,EAAE,CAAC;wBAC5C,EAAE,CAAC,EAAED,KAAK,EAAE,GAAKA,KAAAA,CAAMG,MAAM,CAACC,UAAU,CAAC;cACnD,EAAE,CAAC,EAAEJ,KAAK,EAAE,GAAKA,KAAAA,CAAMG,MAAM,CAACE,QAAQ,CAAC;AACrD,CAAC;AAED,MAAMqB,QAAAA,GAAW5B,MAAAA,CAAO6B,KAAAA,CAAMC,IAAI,CAAC;;;AAGnC,CAAC;AAED,MAAMC,gBAAAA,GAAmB/B,MAAAA,CAAOgC,WAAAA,CAAY;;AAE5C,CAAC;AAED,MAAMC,SAAAA,GAAYjC,MAAAA,CAAO6B,KAAAA,CAAMK,KAAK,CAAC;;;;;;AAMrC,CAAC;AAED,MAAMC,gCAAAA,GAAmCnC,MAAAA,CAAOU,GAAAA,CAAI;;;;;;;;;AASpD,CAAC;AAED,MAAM0B,uBAAAA,GAA0B,kBAC9BC,GAAA,CAACF,gCAAAA,EAAAA;AACC,QAAA,QAAA,gBAAAE,GAAA,CAACC,KAAAA,EAAAA;YAAIC,KAAAA,EAAM,IAAA;YAAKC,MAAAA,EAAO,IAAA;YAAKC,OAAAA,EAAQ,WAAA;YAAYC,IAAAA,EAAK,MAAA;YAAOC,KAAAA,EAAM,4BAAA;AAChE,YAAA,QAAA,gBAAAN,GAAA,CAACO,MAAAA,EAAAA;gBACCC,CAAAA,EAAE,iGAAA;gBACFC,MAAAA,EAAO,SAAA;gBACPC,aAAAA,EAAc;;;;MA0BTC,eAAAA,GAAkB,CAAC,EAC9BC,KAAK,EACLC,MAAAA,GAAS,KAAK,EACdC,OAAO,EACPC,OAAO,EACPC,YAAY,EACZC,aAAa,EACQ,GAAA;IACrB,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IAC1B,MAAM,EAAEC,kBAAkB,EAAE,GAAGC,eAAAA,EAAAA;;;;AAI/B,IAAA,MAAMxD,KAAAA,GAAQyD,QAAAA,EAAAA;IACd,MAAMC,MAAAA,GAAS1D,KAAAA,CAAMuB,WAAW,KAAK,MAAA;IACrC,MAAMoC,aAAAA,GAAgBD,SAAS,aAAA,GAAgB,UAAA;IAC/C,MAAME,cAAAA,GAAiBF,SAAS,YAAA,GAAe,YAAA;IAC/C,MAAMG,MAAAA,GAASC,KAAAA,CAAMC,MAAM,CAAmB,IAAA,CAAA;IAC9C,MAAMC,WAAAA,GAAcF,KAAAA,CAAMC,MAAM,CAAiB,IAAA,CAAA;IACjD,MAAME,UAAAA,GAAaH,KAAAA,CAAMC,MAAM,CAAiB,IAAA,CAAA;;;;;AAMhDD,IAAAA,KAAAA,CAAMI,SAAS,CAAC,IAAA;AACdD,QAAAA,UAAAA,CAAWE,OAAO,EAAEC,KAAAA,EAAAA;AACtB,IAAA,CAAA,EAAG,EAAE,CAAA;IAEL,MAAM,EACJC,IAAI,EACJC,IAAI,EACJC,WAAW,EACXC,WAAW,EACXC,WAAW,EACXC,eAAe,EACfC,cAAc,EACdC,WAAW,EACXvC,KAAK,EACLC,MAAM,EACP,GAAGuC,UAAAA,EAAAA;AAEJ,IAAA,MAAM,CAACC,YAAAA,EAAcC,eAAAA,CAAgB,GAAGjB,KAAAA,CAAMkB,QAAQ,CAAC,KAAA,CAAA;;IAEvD,MAAM,CAACC,OAAOC,QAAAA,CAAS,GAAGpB,MAAMkB,QAAQ,CAAajC,KAAAA,CAAMoC,UAAU,IAAI;QAAEC,CAAAA,EAAG,EAAA;QAAIC,CAAAA,EAAG;AAAG,KAAA,CAAA;;;;;;;;;;;;;IAcxF,MAAMC,WAAAA,GAAcC,2BAAAA,CAA4BxC,KAAAA,CAAMyC,GAAG,CAAA;AACzD,IAAA,MAAMC,QAAAA,GACJ1C,KAAAA,CAAM2C,SAAS,IAAI,CAAC3C,KAAAA,CAAM4C,WAAW,GAAG,IAAIC,IAAAA,CAAK7C,KAAAA,CAAM2C,SAAS,CAAA,CAAEG,OAAO,EAAA,GAAKC,SAAAA;AAChF,IAAA,MAAMC,QAAAA,GACJN,QAAAA,KAAaK,SAAAA,GACT,CAAA,EAAGR,cAAcA,WAAAA,CAAYU,QAAQ,CAAC,GAAA,CAAA,GAAO,GAAA,GAAM,GAAA,CAAI,UAAU,EAAEP,UAAU,GAC7EH,WAAAA;AAEN,IAAA,MAAMW,eAAAA,GAAkB,IAAA;QACtB,IAAIpC,MAAAA,CAAOM,OAAO,EAAE;AAClBE,YAAAA,IAAAA,CAAKR,OAAOM,OAAO,CAAA;AACrB,QAAA;AACF,IAAA,CAAA;;AAGA,IAAA,MAAM+B,mBAAmB,CAACC,KAAAA,GAAAA;QACxB,MAAMC,IAAAA,GAAOpC,WAAAA,CAAYG,OAAO,EAAEkC,qBAAAA,EAAAA;QAClC,IAAI,CAACD,IAAAA,IAAQ,CAAC7B,WAAAA,CAAYlC,KAAK,IAAI,CAACkC,WAAAA,CAAYjC,MAAM,EAAE,OAAO,IAAA;AAC/D,QAAA,MAAMgE,MAAAA,GAAS/B,WAAAA,CAAYlC,KAAK,GAAG+D,KAAK/D,KAAK;AAC7C,QAAA,MAAMkE,MAAAA,GAAShC,WAAAA,CAAYjC,MAAM,GAAG8D,KAAK9D,MAAM;QAC/C,OAAO;YACL8C,CAAAA,EAAIe,CAAAA,KAAAA,CAAMK,OAAO,GAAGJ,IAAAA,CAAKK,IAAI,IAAIH,MAAAA;YACjCjB,CAAAA,EAAIc,CAAAA,KAAAA,CAAMO,OAAO,GAAGN,IAAAA,CAAKO,GAAG,IAAIJ;AAClC,SAAA;AACF,IAAA,CAAA;;;;;;IAOA,MAAMK,oBAAAA,GAAuB9C,KAAAA,CAAMC,MAAM,CAAsB,IAAA,CAAA;AAE/DD,IAAAA,KAAAA,CAAMI,SAAS,CAAC,IAAA;QACd,OAAO,IAAA;AACL0C,YAAAA,oBAAAA,CAAqBzC,OAAO,IAAA;AAC9B,QAAA,CAAA;AACF,IAAA,CAAA,EAAG,EAAE,CAAA;;;;;IAML,MAAM0C,gBAAAA,GAAmB,CAACV,KAAAA,EAA2BW,MAAAA,GAAAA;AACnDX,QAAAA,KAAAA,CAAMY,cAAc,EAAA;AACpBZ,QAAAA,KAAAA,CAAMa,eAAe,EAAA;QACrB,MAAM,EAAEC,SAAS,EAAE,GAAGd,KAAAA;QACtB,IAAI;YACFA,KAAAA,CAAMe,aAAa,CAACC,iBAAiB,CAACF,SAAAA,CAAAA;AACxC,QAAA,CAAA,CAAE,OAAM;;AAER,QAAA;AACA,QAAA,MAAMG,OAAO,CAACC,CAAAA,GAAAA;YACZ,IAAIA,CAAAA,CAAEJ,SAAS,KAAKA,SAAAA,EAAW;YAC/BH,MAAAA,CAAOO,CAAAA,CAAAA;AACT,QAAA,CAAA;AACA,QAAA,MAAMC,OAAAA,GAAU,IAAA;YACdC,MAAAA,CAAOC,mBAAmB,CAAC,aAAA,EAAeJ,IAAAA,CAAAA;YAC1CG,MAAAA,CAAOC,mBAAmB,CAAC,WAAA,EAAaC,GAAAA,CAAAA;YACxCF,MAAAA,CAAOC,mBAAmB,CAAC,eAAA,EAAiBC,GAAAA,CAAAA;AAC5Cb,YAAAA,oBAAAA,CAAqBzC,OAAO,GAAG,IAAA;AACjC,QAAA,CAAA;AACA,QAAA,MAAMsD,MAAM,CAACJ,CAAAA,GAAAA;YACX,IAAIA,CAAAA,CAAEJ,SAAS,KAAKA,SAAAA,EAAW;AAC/BK,YAAAA,OAAAA,EAAAA;AACF,QAAA,CAAA;;AAEAV,QAAAA,oBAAAA,CAAqBzC,OAAO,IAAA;AAC5ByC,QAAAA,oBAAAA,CAAqBzC,OAAO,GAAGmD,OAAAA;QAC/BC,MAAAA,CAAOG,gBAAgB,CAAC,aAAA,EAAeN,IAAAA,CAAAA;QACvCG,MAAAA,CAAOG,gBAAgB,CAAC,WAAA,EAAaD,GAAAA,CAAAA;QACrCF,MAAAA,CAAOG,gBAAgB,CAAC,eAAA,EAAiBD,GAAAA,CAAAA;AAC3C,IAAA,CAAA;;AAGA,IAAA,MAAME,wBAAwB,CAACxB,KAAAA,GAAAA;AAC7B,QAAA,MAAMyB,QAAQ1B,gBAAAA,CAAiBC,KAAAA,CAAAA;AAC/B,QAAA,IAAI,CAACyB,KAAAA,EAAO;AACZ,QAAA,MAAMC,SAAAA,GAAY;AAAE,YAAA,GAAGvD;AAAK,SAAA;AAC5BuC,QAAAA,gBAAAA,CAAiBV,OAAO,CAACkB,CAAAA,GAAAA;AACvB,YAAA,MAAMS,OAAO5B,gBAAAA,CAAiBmB,CAAAA,CAAAA;AAC9B,YAAA,IAAI,CAACS,IAAAA,EAAM;YACXpD,eAAAA,CAAgB;gBACdU,CAAAA,EAAGyC,SAAAA,CAAUzC,CAAC,IAAI0C,KAAK1C,CAAC,GAAGwC,KAAAA,CAAMxC,CAAC,CAADA;gBACjCC,CAAAA,EAAGwC,SAAAA,CAAUxC,CAAC,IAAIyC,KAAKzC,CAAC,GAAGuC,KAAAA,CAAMvC,CAAC;AACpC,aAAA,CAAA;AACF,QAAA,CAAA,CAAA;AACF,IAAA,CAAA;;IAGA,MAAM0C,uBAAAA,GAA0B,CAACC,MAAAA,GAAmB,CAAC7B,KAAAA,GAAAA;AACnD,YAAA,MAAM0B,SAAAA,GAAY;AAAE,gBAAA,GAAGvD;AAAK,aAAA;AAC5B,YAAA,MAAM2D,OAAAA,GACJD,MAAAA,KAAW,IAAA,IAAQA,MAAAA,KAAW,IAAA,GAAOH,SAAAA,CAAUzC,CAAC,GAAGyC,SAAAA,CAAUxF,KAAK,GAAGwF,SAAAA,CAAUzC,CAAC;AAClF,YAAA,MAAM8C,OAAAA,GACJF,MAAAA,KAAW,IAAA,IAAQA,MAAAA,KAAW,IAAA,GAAOH,SAAAA,CAAUxC,CAAC,GAAGwC,SAAAA,CAAUvF,MAAM,GAAGuF,SAAAA,CAAUxC,CAAC;AACnFwB,YAAAA,gBAAAA,CAAiBV,OAAO,CAACkB,CAAAA,GAAAA;AACvB,gBAAA,MAAMc,QAAQjC,gBAAAA,CAAiBmB,CAAAA,CAAAA;AAC/B,gBAAA,IAAI,CAACc,KAAAA,EAAO;AACZ,gBAAA,MAAM,EACJ/C,CAAC,EACDC,CAAC,EACDhD,KAAAA,EAAO+F,CAAC,EACR9F,MAAAA,EAAQ+F,CAAC,EACV,GAAGC,mBAAAA,CAAoB;AACtBL,oBAAAA,OAAAA;AACAC,oBAAAA,OAAAA;AACAC,oBAAAA,KAAAA;AACA3D,oBAAAA,WAAAA,EAAaM,eAAeN,WAAAA,GAAc;AAC5C,iBAAA,CAAA;gBACAE,eAAAA,CAAgB;AAAEU,oBAAAA,CAAAA;AAAGC,oBAAAA;AAAE,iBAAA,CAAA;gBACvBZ,WAAAA,CAAY;oBAAEpC,KAAAA,EAAO+F,CAAAA;oBAAG9F,MAAAA,EAAQ+F;AAAE,iBAAA,CAAA;AACpC,YAAA,CAAA,CAAA;AACF,QAAA,CAAA;AAEA,IAAA,MAAME,gBAAAA,GAAmB,IAAA;AACvBxD,QAAAA,eAAAA,CAAgB,CAACyD,MAAAA,GAAAA;AACf,YAAA,MAAMV,OAAO,CAACU,MAAAA;YACd7D,cAAAA,CAAemD,IAAAA,IAAQxF,MAAAA,GAASD,KAAAA,GAAQC,MAAAA,GAAS,IAAA,CAAA;YACjD,OAAOwF,IAAAA;AACT,QAAA,CAAA,CAAA;AACF,IAAA,CAAA;;AAGA,IAAA,MAAMW,yBAAyB,CAACtC,KAAAA,GAAAA;AAC9BU,QAAAA,gBAAAA,CAAiBV,OAAO,CAACkB,CAAAA,GAAAA;AACvB,YAAA,MAAMc,QAAQjC,gBAAAA,CAAiBmB,CAAAA,CAAAA;AAC/B,YAAA,IAAI,CAACc,KAAAA,EAAO;;AAEZ,YAAA,MAAMO,EAAAA,GAAOP,CAAAA,KAAAA,CAAM/C,CAAC,GAAGd,IAAAA,CAAKc,CAAC,IAAId,IAAAA,CAAKjC,KAAK,GAAI,GAAA;AAC/C,YAAA,MAAMsG,EAAAA,GAAOR,CAAAA,KAAAA,CAAM9C,CAAC,GAAGf,IAAAA,CAAKe,CAAC,IAAIf,IAAAA,CAAKhC,MAAM,GAAI,GAAA;YAChD4C,QAAAA,CAAS;gBACPE,CAAAA,EAAGwD,IAAAA,CAAKC,KAAK,CAACD,IAAAA,CAAKE,GAAG,CAAC,GAAA,EAAKF,IAAAA,CAAKG,GAAG,CAAC,CAAA,EAAGL,EAAAA,CAAAA,CAAAA,CAAAA;gBACxCrD,CAAAA,EAAGuD,IAAAA,CAAKC,KAAK,CAACD,IAAAA,CAAKE,GAAG,CAAC,GAAA,EAAKF,IAAAA,CAAKG,GAAG,CAAC,CAAA,EAAGJ,EAAAA,CAAAA,CAAAA;AAC1C,aAAA,CAAA;AACF,QAAA,CAAA,CAAA;AACF,IAAA,CAAA;IAEA,MAAMK,QAAAA,GAAWJ,KAAKC,KAAK,CAAC,KAAC5D,CAAMG,CAAC,GAAG,GAAA,GAAO/C,KAAAA,CAAAA;IAC9C,MAAM4G,QAAAA,GAAWL,KAAKC,KAAK,CAAC,KAAC5D,CAAMI,CAAC,GAAG,GAAA,GAAO/C,MAAAA,CAAAA;IAE9C,MAAM4G,UAAAA,GAAa,CAACC,IAAAA,EAAiBC,KAAAA,GAAAA;QACnC,MAAMC,GAAAA,GAAMF,IAAAA,KAAS,GAAA,GAAM9G,KAAAA,GAAQC,MAAAA;AACnC,QAAA,IAAI,CAAC+G,GAAAA,EAAK;QACV,MAAMC,GAAAA,GAAMV,IAAAA,CAAKE,GAAG,CAAC,GAAA,EAAKF,IAAAA,CAAKG,GAAG,CAAC,CAAA,EAAG,KAACK,GAAQC,GAAAA,GAAO,GAAA,CAAA,CAAA;QACtDnE,QAAAA,CAAS,CAACqE,QAAU;AAAE,gBAAA,GAAGA,IAAI;AAAE,gBAAA,CAACJ,IAAAA,GAAOP,IAAAA,CAAKC,KAAK,CAACS,GAAAA;aAAK,CAAA,CAAA;AACzD,IAAA,CAAA;AAEA,IAAA,MAAME,eACJjF,WAAAA,CAAYlC,KAAK,IAAIkC,WAAAA,CAAYjC,MAAM,GACnC;AACEmE,QAAAA,IAAAA,EAAM,IAACnC,CAAKc,CAAC,GAAGb,WAAAA,CAAYlC,KAAK,GAAI,GAAA;AACrCsE,QAAAA,GAAAA,EAAK,IAACrC,CAAKe,CAAC,GAAGd,WAAAA,CAAYjC,MAAM,GAAI,GAAA;AACrCD,QAAAA,KAAAA,EAAO,IAACiC,CAAKjC,KAAK,GAAGkC,WAAAA,CAAYlC,KAAK,GAAI,GAAA;AAC1CC,QAAAA,MAAAA,EAAQ,IAACgC,CAAKhC,MAAM,GAAGiC,WAAAA,CAAYjC,MAAM,GAAI;KAC/C,GACA,IAAA;;;AAIN,IAAA,MAAMmH,UAAUD,YAAAA,KAAiB,IAAA;AAEjC,IAAA,MAAME,eAAe,OAAOC,MAAAA,GAAAA;AAC1B,QAAA,IAAI,CAACF,OAAAA,EAAS;QAEd,IAAIG,IAAAA;QACJ,IAAI;YACFA,IAAAA,GAAO,MAAMhF,WAAAA,CAAY7B,KAAAA,CAAM8G,IAAI,EAAE9G,MAAM+G,IAAI,IAAI,WAAA,EAAa/G,KAAAA,CAAM2C,SAAS,CAAA;AACjF,QAAA,CAAA,CAAE,OAAM;YACNnC,kBAAAA,CAAmB;gBACjBwG,IAAAA,EAAM,QAAA;AACNC,gBAAAA,OAAAA,EAAS3G,aAAAA,CAAc;AACrB4G,oBAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,iCAAA,CAAA;oBACtBC,cAAAA,EAAgB;AAClB,iBAAA;AACF,aAAA,CAAA;AACA,YAAA;AACF,QAAA;AAEA,QAAA,MAAMC,YAAAA,GAAe;AAAEhF,YAAAA,CAAAA,EAAGwD,IAAAA,CAAKC,KAAK,CAAC5D,KAAAA,CAAMG,CAAC,CAAA;AAAGC,YAAAA,CAAAA,EAAGuD,IAAAA,CAAKC,KAAK,CAAC5D,KAAAA,CAAMI,CAAC;AAAE,SAAA;AACtE,QAAA,IAAIsE,WAAW,OAAA,EAAS;AACtBzG,YAAAA,OAAAA,CAAQ0G,IAAAA,EAAMQ,YAAAA,CAAAA;QAChB,CAAA,MAAO;AACLjH,YAAAA,YAAAA,CAAayG,IAAAA,EAAMQ,YAAAA,CAAAA;AACrB,QAAA;AACF,IAAA,CAAA;AAEA,IAAA,qBACEjI,GAAA,CAACkI,MAAAA,EAAAA;AACC,QAAA,QAAA,gBAAAlI,GAAA,CAACmI,SAAAA,EAAAA;YAAUC,QAAAA,EAAUtH,OAAAA;YAASuH,aAAa,EAAA,IAAA;AACzC,YAAA,QAAA,gBAAAC,IAAA,CAAC5K,OAAAA,EAAAA;gBAAQ6K,GAAAA,EAAKzG,UAAAA;AAAY0G,gBAAAA,QAAAA,EAAU,EAAC;;kCACnCF,IAAA,CAACnK,SAAAA,EAAAA;wBAAUsK,UAAAA,EAAW,QAAA;;0CACpBzI,GAAA,CAAC0I,IAAAA,EAAAA;gCAAKC,aAAW,EAAA;;0CACjB3I,GAAA,CAAC4I,UAAAA,EAAAA;gCAAWC,OAAAA,EAAQ,OAAA;gCAAQC,UAAAA,EAAW,MAAA;0CACpC5H,aAAAA,CAAc;AACb4G,oCAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,0BAAA,CAAA;oCACtBC,cAAAA,EAAgB;AAClB,iCAAA;;;;kCAIJM,IAAA,CAAClK,IAAAA,EAAAA;;0CACCkK,IAAA,CAAC/J,QAAAA,EAAAA;gCACCgK,GAAAA,EAAK1G,WAAAA;gCACLpD,OAAAA,EACE2D,WAAAA,CAAYlC,KAAK,IAAIkC,WAAAA,CAAYjC,MAAM,GACnCiC,WAAAA,CAAYlC,KAAK,GAAGkC,WAAAA,CAAYjC,MAAM,GACtCwD,SAAAA;;kDAGN3D,GAAA,CAAC+I,KAAAA,EAAAA;wCACCR,GAAAA,EAAK7G,MAAAA;wCACLsH,GAAAA,EAAKpF,QAAAA;AACLqF,wCAAAA,GAAAA,EAAKrI,MAAM8G,IAAI;;;;;wCAKfwB,WAAAA,EAAY,WAAA;wCACZC,MAAAA,EAAQrF,eAAAA;wCACRsF,SAAAA,EAAW;;AAGZ/B,oCAAAA,YAAAA,iBACCiB,IAAA,CAAC5J,WAAAA,EAAAA;wCACC2K,KAAAA,EAAO;AACL/E,4CAAAA,IAAAA,EAAM,CAAA,EAAG+C,YAAAA,CAAa/C,IAAI,CAAC,CAAC,CAAC;AAC7BE,4CAAAA,GAAAA,EAAK,CAAA,EAAG6C,YAAAA,CAAa7C,GAAG,CAAC,CAAC,CAAC;AAC3BtE,4CAAAA,KAAAA,EAAO,CAAA,EAAGmH,YAAAA,CAAanH,KAAK,CAAC,CAAC,CAAC;AAC/BC,4CAAAA,MAAAA,EAAQ,CAAA,EAAGkH,YAAAA,CAAalH,MAAM,CAAC,CAAC;AAClC,yCAAA;wCACAmJ,aAAAA,EAAe9D,qBAAAA;;0DAEfxF,GAAA,CAACpB,YAAAA,EAAAA;gDACCgJ,IAAAA,EAAK,QAAA;AACL2B,gDAAAA,YAAAA,EAAYrI,aAAAA,CAAc;AACxB4G,oDAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,oCAAA,CAAA;oDACtBC,cAAAA,EAAgB;AAClB,iDAAA,CAAA;gDACAlJ,OAAAA,EAAQ,aAAA;gDACRuK,KAAAA,EAAO;oDAAE/E,IAAAA,EAAM,CAAA;oDAAGE,GAAAA,EAAK;AAAE,iDAAA;AACzB8E,gDAAAA,aAAAA,EAAe1D,uBAAAA,CAAwB,IAAA;;0DAEzC5F,GAAA,CAACpB,YAAAA,EAAAA;gDACCgJ,IAAAA,EAAK,QAAA;AACL2B,gDAAAA,YAAAA,EAAYrI,aAAAA,CAAc;AACxB4G,oDAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,qCAAA,CAAA;oDACtBC,cAAAA,EAAgB;AAClB,iDAAA,CAAA;gDACAlJ,OAAAA,EAAQ,aAAA;gDACRuK,KAAAA,EAAO;oDAAEG,KAAAA,EAAO,CAAA;oDAAGhF,GAAAA,EAAK;AAAE,iDAAA;AAC1B8E,gDAAAA,aAAAA,EAAe1D,uBAAAA,CAAwB,IAAA;;0DAEzC5F,GAAA,CAACpB,YAAAA,EAAAA;gDACCgJ,IAAAA,EAAK,QAAA;AACL2B,gDAAAA,YAAAA,EAAYrI,aAAAA,CAAc;AACxB4G,oDAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,uCAAA,CAAA;oDACtBC,cAAAA,EAAgB;AAClB,iDAAA,CAAA;gDACAlJ,OAAAA,EAAQ,aAAA;gDACRuK,KAAAA,EAAO;oDAAE/E,IAAAA,EAAM,CAAA;oDAAGmF,MAAAA,EAAQ;AAAE,iDAAA;AAC5BH,gDAAAA,aAAAA,EAAe1D,uBAAAA,CAAwB,IAAA;;0DAEzC5F,GAAA,CAACpB,YAAAA,EAAAA;gDACCgJ,IAAAA,EAAK,QAAA;AACL2B,gDAAAA,YAAAA,EAAYrI,aAAAA,CAAc;AACxB4G,oDAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,wCAAA,CAAA;oDACtBC,cAAAA,EAAgB;AAClB,iDAAA,CAAA;gDACAlJ,OAAAA,EAAQ,aAAA;gDACRuK,KAAAA,EAAO;oDAAEG,KAAAA,EAAO,CAAA;oDAAGC,MAAAA,EAAQ;AAAE,iDAAA;AAC7BH,gDAAAA,aAAAA,EAAe1D,uBAAAA,CAAwB,IAAA;;0DAGzC5F,GAAA,CAACjB,gBAAAA,EAAAA;gDACC6I,IAAAA,EAAK,QAAA;AACL2B,gDAAAA,YAAAA,EAAYrI,aAAAA,CAAc;AACxB4G,oDAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,gCAAA,CAAA;oDACtBC,cAAAA,EAAgB;AAClB,iDAAA,CAAA;gDACAqB,KAAAA,EAAO;AAAE/E,oDAAAA,IAAAA,EAAM,CAAA,EAAGxB,KAAAA,CAAMG,CAAC,CAAC,CAAC,CAAC;AAAEuB,oDAAAA,GAAAA,EAAK,CAAA,EAAG1B,KAAAA,CAAMI,CAAC,CAAC,CAAC;AAAE,iDAAA;gDACjDoG,aAAAA,EAAehD;;;AAGjB,qCAAA,CAAA,GAAA;;;0CAGNgC,IAAA,CAACrJ,OAAAA,EAAAA;;kDACCqJ,IAAA,CAAC1K,IAAAA,EAAAA;wCAAK8L,SAAAA,EAAU,QAAA;wCAASjB,UAAAA,EAAW,SAAA;wCAAUkB,GAAAA,EAAK,CAAA;wCAAGC,aAAAA,EAAe,CAAA;;0DACnE5J,GAAA,CAAC4I,UAAAA,EAAAA;gDAAWC,OAAAA,EAAQ,OAAA;gDAAQC,UAAAA,EAAW,MAAA;gDAAOe,SAAAA,EAAWrI,aAAAA;0DACtDN,aAAAA,CAAc;AACb4G,oDAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,0BAAA,CAAA;oDACtBC,cAAAA,EAAgB;AAClB,iDAAA;;0DAEFhI,GAAA,CAAC4I,UAAAA,EAAAA;gDAAWC,OAAAA,EAAQ,IAAA;gDAAKgB,SAAAA,EAAWpI,cAAAA;0DACjCP,aAAAA,CAAc;AACb4G,oDAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,yBAAA,CAAA;oDACtBC,cAAAA,EACE;AACJ,iDAAA;;;;kDAIJM,IAAA,CAAC1K,IAAAA,EAAAA;wCAAK+L,GAAAA,EAAK,CAAA;wCAAGlB,UAAAA,EAAW,QAAA;;0DACvBH,IAAA,CAAC1K,IAAAA,EAAAA;gDAAK6K,UAAAA,EAAW,QAAA;gDAASkB,GAAAA,EAAK,CAAA;;kEAC7BrB,IAAA,CAAC1K,IAAAA,EAAAA;wDAAK8L,SAAAA,EAAU,QAAA;wDAASC,GAAAA,EAAK,CAAA;;0EAC5BrB,IAAA,CAAC/I,QAAAA,EAAAA;gEAASmI,IAAAA,EAAK,YAAA;gEAAaiC,GAAAA,EAAK,CAAA;;kFAC/B3J,GAAA,CAACJ,SAAAA,EAAAA;wEAAUiK,SAAAA,EAAWrI,aAAAA;AACpB,wEAAA,QAAA,gBAAAxB,GAAA,CAAC8J,gBAAAA,EAAAA,EAAAA;;kFAEH9J,GAAA,CAACN,gBAAAA,EAAAA;AACC6J,wEAAAA,YAAAA,EAAYrI,aAAAA,CAAc;AACxB4G,4EAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,0BAAA,CAAA;4EACtBC,cAAAA,EAAgB;AAClB,yEAAA,CAAA;wEACAf,KAAAA,EAAO/G,KAAAA;wEACPyG,GAAAA,EAAK,CAAA;wEACLC,GAAAA,EAAKxE,WAAAA,CAAYlC,KAAK,IAAIyD,SAAAA;AAC1BoG,wEAAAA,aAAAA,EAAe,CAACpE,IAAAA,GAAAA;4EACd,IAAIA,IAAAA,KAAShC,WAAWrB,WAAAA,CAAY;gFAAEpC,KAAAA,EAAOyF;AAAK,6EAAA,CAAA;AACpD,wEAAA;;;;0EAGJ2C,IAAA,CAAC/I,QAAAA,EAAAA;gEAASmI,IAAAA,EAAK,aAAA;gEAAciC,GAAAA,EAAK,CAAA;;kFAChC3J,GAAA,CAACJ,SAAAA,EAAAA;wEAAUiK,SAAAA,EAAWrI,aAAAA;AACpB,wEAAA,QAAA,gBAAAxB,GAAA,CAACgK,cAAAA,EAAAA,EAAAA;;kFAEHhK,GAAA,CAACN,gBAAAA,EAAAA;AACC6J,wEAAAA,YAAAA,EAAYrI,aAAAA,CAAc;AACxB4G,4EAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,2BAAA,CAAA;4EACtBC,cAAAA,EAAgB;AAClB,yEAAA,CAAA;wEACAf,KAAAA,EAAO9G,MAAAA;wEACPwG,GAAAA,EAAK,CAAA;wEACLC,GAAAA,EAAKxE,WAAAA,CAAYjC,MAAM,IAAIwD,SAAAA;AAC3BoG,wEAAAA,aAAAA,EAAe,CAACpE,IAAAA,GAAAA;4EACd,IAAIA,IAAAA,KAAShC,WAAWrB,WAAAA,CAAY;gFAAEnC,MAAAA,EAAQwF;AAAK,6EAAA,CAAA;AACrD,wEAAA;;;;;;kEAKN2C,IAAA,CAAC1K,IAAAA,EAAAA;wDAAKqM,QAAAA,EAAS,UAAA;;0EACbjK,GAAA,CAACkK,UAAAA,EAAAA;AACCC,gEAAAA,KAAAA,EAAOjJ,aAAAA,CAAc;AACnB4G,oEAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,gCAAA,CAAA;oEACtBC,cAAAA,EAAgB;AAClB,iEAAA,CAAA;AACAa,gEAAAA,OAAAA,EAASlG,eAAe,WAAA,GAAc,OAAA;gEACtCyH,OAAAA,EAAShE,gBAAAA;AAET,gEAAA,QAAA,gBAAApG,GAAA,CAACqK,IAAAA,EAAAA,EAAAA;;0EAEHrK,GAAA,CAACD,uBAAAA,EAAAA,EAAAA;;;;;0DAILuI,IAAA,CAAC1K,IAAAA,EAAAA;gDAAK8L,SAAAA,EAAU,QAAA;gDAASC,GAAAA,EAAK,CAAA;gDAAGW,UAAAA,EAAY,MAAA;;kEAC3ChC,IAAA,CAAC/I,QAAAA,EAAAA;wDAASmI,IAAAA,EAAK,SAAA;wDAAUiC,GAAAA,EAAK,CAAA;;AAC5B,0EAAA3J,GAAA,CAACR,MAAMK,KAAK,EAAA;gEAACgK,SAAAA,EAAWrI,aAAAA;0EACrBN,aAAAA,CAAc;AACb4G,oEAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,iCAAA,CAAA;oEACtBC,cAAAA,EAAgB;AAClB,iEAAA;;0EAEFhI,GAAA,CAACN,gBAAAA,EAAAA;AACC6J,gEAAAA,YAAAA,EAAYrI,aAAAA,CAAc;AACxB4G,oEAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,4BAAA,CAAA;oEACtBC,cAAAA,EAAgB;AAClB,iEAAA,CAAA;gEACAf,KAAAA,EAAOJ,QAAAA;AACPkD,gEAAAA,aAAAA,EAAe,CAACpE,IAAAA,GAAAA;oEACd,IAAIA,IAAAA,KAAShC,SAAAA,EAAWoD,UAAAA,CAAW,GAAA,EAAKpB,IAAAA,CAAAA;AAC1C,gEAAA;;;;kEAGJ2C,IAAA,CAAC/I,QAAAA,EAAAA;wDAASmI,IAAAA,EAAK,SAAA;wDAAUiC,GAAAA,EAAK,CAAA;;AAC5B,0EAAA3J,GAAA,CAACR,MAAMK,KAAK,EAAA;gEAACgK,SAAAA,EAAWrI,aAAAA;0EACrBN,aAAAA,CAAc;AACb4G,oEAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,iCAAA,CAAA;oEACtBC,cAAAA,EAAgB;AAClB,iEAAA;;0EAEFhI,GAAA,CAACN,gBAAAA,EAAAA;AACC6J,gEAAAA,YAAAA,EAAYrI,aAAAA,CAAc;AACxB4G,oEAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,4BAAA,CAAA;oEACtBC,cAAAA,EAAgB;AAClB,iEAAA,CAAA;gEACAf,KAAAA,EAAOH,QAAAA;AACPiD,gEAAAA,aAAAA,EAAe,CAACpE,IAAAA,GAAAA;oEACd,IAAIA,IAAAA,KAAShC,SAAAA,EAAWoD,UAAAA,CAAW,GAAA,EAAKpB,IAAAA,CAAAA;AAC1C,gEAAA;;;;;;;;;;;;kCAQZ2C,IAAA,CAAChJ,SAAAA,EAAAA;wBAAUmJ,UAAAA,EAAW,QAAA;;0CACpBzI,GAAA,CAACuK,MAAAA,EAAAA;gCAAO1B,OAAAA,EAAQ,UAAA;gCAAWuB,OAAAA,EAAStJ,OAAAA;gCAAS0J,QAAAA,EAAU3J,MAAAA;0CACpDK,aAAAA,CAAc;oCAAE4G,EAAAA,EAAI,8BAAA;oCAAgCE,cAAAA,EAAgB;AAAS,iCAAA;;0CAEhFM,IAAA,CAAC1K,IAAAA,EAAAA;gCAAK+L,GAAAA,EAAK,CAAA;;AACR1I,oCAAAA,aAAAA,kBACCjB,GAAA,CAACuK,MAAAA,EAAAA;wCACC1B,OAAAA,EAAQ,WAAA;AACRuB,wCAAAA,OAAAA,EAAS,IAAM7C,YAAAA,CAAa,MAAA,CAAA;wCAC5BkD,OAAAA,EAAS5J,MAAAA;AACT2J,wCAAAA,QAAAA,EAAU,CAAClD,OAAAA;kDAEVpG,aAAAA,CAAc;AACb4G,4CAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,iCAAA,CAAA;4CACtBC,cAAAA,EAAgB;AAClB,yCAAA;;kDAGJhI,GAAA,CAACuK,MAAAA,EAAAA;wCACC1B,OAAAA,EAAQ,SAAA;AACRuB,wCAAAA,OAAAA,EAAS,IAAM7C,YAAAA,CAAa,OAAA,CAAA;wCAC5BkD,OAAAA,EAAS5J,MAAAA;AACT2J,wCAAAA,QAAAA,EAAU,CAAClD,OAAAA;kDAEVpG,aAAAA,CAAc;AACb4G,4CAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,0BAAA,CAAA;4CACtBC,cAAAA,EAAgB;AAClB,yCAAA;;;;;;;;;;AAQhB;;;;"}
+{"version":3,"file":"AssetCropEditor.mjs","sources":["../../../../../../../admin/src/future/pages/Assets/components/AssetDetails/AssetCropEditor.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { useNotification } from '@strapi/admin/strapi-admin';\nimport {\n  Box,\n  Button,\n  Field,\n  Flex,\n  FocusTrap,\n  IconButton,\n  NumberInput,\n  Portal,\n  Typography,\n} from '@strapi/design-system';\nimport { ArrowsHorizontal, ArrowsVertical, Crop, Link } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled, useTheme } from 'styled-components';\n\nimport { prefixFileUrlWithBackendUrl } from '../../../../utils/files';\nimport { getTranslationKey } from '../../../../utils/translations';\n\nimport { resolveCornerResize, useCropImg } from './useCropImg';\n\nimport type {\n  AssetWithPopulatedCreatedBy,\n  FocalPoint,\n} from '../../../../../../../shared/contracts/files';\n\nconst FOCAL_DIAMETER_REM = 5.6;\nconst HANDLE_PX = 12;\n\n/* -------------------------------------------------------------------------------------------------\n * Styled\n * -----------------------------------------------------------------------------------------------*/\n\n// Full-viewport takeover with a small inset so the editor reads as a card.\nconst Overlay = styled(Flex)`\n  position: fixed;\n  z-index: 1200;\n  flex-direction: column;\n  top: ${({ theme }) => theme.spaces[1]};\n  left: ${({ theme }) => theme.spaces[1]};\n  right: ${({ theme }) => theme.spaces[1]};\n  bottom: ${({ theme }) => theme.spaces[1]};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  border: 1px solid ${({ theme }) => theme.colors.neutral150};\n  background: ${({ theme }) => theme.colors.neutral0};\n  /* Focused programmatically on open (tabIndex -1) — no visible ring needed. */\n  outline: none;\n`;\n\nconst HeaderBar = styled(Flex)`\n  width: 100%;\n  gap: ${({ theme }) => theme.spaces[2]};\n  padding: ${({ theme }) => `${theme.spaces[3]} ${theme.spaces[5]}`};\n  border-bottom: 1px solid ${({ theme }) => theme.colors.neutral150};\n  background: ${({ theme }) => theme.colors.neutral0};\n`;\n\n// Fills the remaining space between header/footer; checkerboard pattern.\n// The horizontal padding keeps the image off the viewport edges — the corner\n// handles overhang the image by half their size, and on narrow (mobile)\n// screens an edge-to-edge image leaves nothing to grab.\nconst Body = styled(Box)`\n  width: 100%;\n  position: relative;\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  padding: 0 ${({ theme }) => theme.spaces[4]};\n  background: repeating-conic-gradient(\n      ${({ theme }) => theme.colors.neutral100} 0% 25%,\n      ${({ theme }) => theme.colors.neutral0} 0% 50%\n    )\n    50% / 20px 20px;\n`;\n\n// Wrapper sized to the image's natural aspect ratio so the <img> inside fills\n// it without letterboxing. Percentage-based positioning of the crop overlay\n// then maps directly to natural-px coordinates.\nconst CropArea = styled.div<{ $aspect?: number }>`\n  position: relative;\n  max-width: 100%;\n  max-height: 100%;\n  ${({ $aspect }) => ($aspect ? `aspect-ratio: ${$aspect};` : '')}\n\n  img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    user-select: none;\n    -webkit-user-drag: none;\n  }\n`;\n\n// Crop selection rectangle, positioned by % of CropArea. Inverts the dim\n// outside via box-shadow so the focused area shows full color.\nconst CropOverlay = styled.div`\n  position: absolute;\n  border: 1px dashed ${({ theme }) => theme.colors.primary600};\n  box-shadow: 0 0 0 9999px rgba(33, 33, 52, 0.5);\n  cursor: move;\n  /* Without this, touch browsers claim the gesture for scrolling and fire\n     pointercancel mid-drag — the crop drag dies while the finger is down. */\n  touch-action: none;\n`;\n\nconst ResizeHandle = styled.button<{ $cursor: string }>`\n  position: absolute;\n  width: ${HANDLE_PX}px;\n  height: ${HANDLE_PX}px;\n  margin: -${HANDLE_PX / 2}px;\n  padding: 0;\n  border: 1px solid ${({ theme }) => theme.colors.primary600};\n  border-radius: 2px;\n  background: ${({ theme }) => theme.colors.neutral0};\n  cursor: ${({ $cursor }) => $cursor};\n  touch-action: none;\n`;\n\nconst FocalPointHandle = styled.button`\n  position: absolute;\n  width: ${FOCAL_DIAMETER_REM}rem;\n  height: ${FOCAL_DIAMETER_REM}rem;\n  margin: ${-FOCAL_DIAMETER_REM / 2}rem 0 0 ${-FOCAL_DIAMETER_REM / 2}rem;\n  border-radius: 50%;\n  border: 1px solid ${({ theme }) => theme.colors.neutral800};\n  background: transparent;\n  cursor: grab;\n  padding: 0;\n  touch-action: none;\n\n  &::before {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 16px;\n    height: 16px;\n    border-radius: 50%;\n    background: rgba(0, 0, 0, 0.16);\n    transform: translate(-50%, -50%);\n  }\n  &::after {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background: ${({ theme }) => theme.colors.neutral800};\n    transform: translate(-50%, -50%);\n  }\n\n  &:active {\n    cursor: grabbing;\n  }\n`;\n\n// Hidden on mobile — the panel (title/hint + numeric crop & focal inputs) is\n// too large for a phone; touch users set the crop by dragging the rectangle and\n// focal handle directly on the image. Shown from tablet up.\nconst InfoBox = styled(Box)`\n  display: none;\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    display: block;\n    position: absolute;\n    right: ${({ theme }) => theme.spaces[1]};\n    bottom: ${({ theme }) => theme.spaces[1]};\n    width: 100%;\n    max-width: 32rem;\n    padding: ${({ theme }) => theme.spaces[3]};\n    border-radius: ${({ theme }) => theme.borderRadius};\n    background: ${({ theme }) =>\n      theme.colorScheme === 'dark' ? theme.colors.neutral150 : theme.colors.neutral900};\n    z-index: 20;\n  }\n`;\n\nconst FooterBar = styled(Flex)`\n  width: 100%;\n  justify-content: space-between;\n  padding: ${({ theme }) => `${theme.spaces[3]} ${theme.spaces[5]}`};\n  border-top: 1px solid ${({ theme }) => theme.colors.neutral150};\n  background: ${({ theme }) => theme.colors.neutral0};\n`;\n\nconst FieldRow = styled(Field.Root)`\n  flex-direction: row;\n  align-items: center;\n`;\n\nconst FieldNumberInput = styled(NumberInput)`\n  width: 8.4rem;\n`;\n\nconst LabelIcon = styled(Field.Label)`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.6rem;\n  height: 1.6rem;\n`;\n\nconst BackgroundPreserveRatioContainer = styled(Box)`\n  position: absolute;\n  top: 50%;\n  left: 0;\n  transform: translateY(-50%);\n\n  svg {\n    display: block;\n  }\n`;\n\nconst BackgroundPreserveRatio = () => (\n  <BackgroundPreserveRatioContainer>\n    <svg width=\"17\" height=\"49\" viewBox=\"0 0 17 49\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M0.5 0.5H8.5C12.9183 0.5 16.5 4.08172 16.5 8.5M0.5 48.5H8.5C12.9183 48.5 16.5 44.9183 16.5 40.5\"\n        stroke=\"#666687\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  </BackgroundPreserveRatioContainer>\n);\n\n/* -------------------------------------------------------------------------------------------------\n * AssetCropEditor\n * -----------------------------------------------------------------------------------------------*/\n\ninterface AssetCropEditorProps {\n  asset: AssetWithPopulatedCreatedBy;\n  isBusy?: boolean;\n  onClose: () => void;\n  onApply: (file: globalThis.File, focalPoint: FocalPoint) => void;\n  onSaveAsCopy: (file: globalThis.File, focalPoint: FocalPoint) => void;\n  /**\n   * \"Save as copy\" creates a new asset (`assets.create`), a different permission\n   * from cropping in place (`assets.update`). Hidden when the user lacks it, so\n   * an update-only role can't trigger a 403.\n   */\n  canSaveAsCopy: boolean;\n}\n\ntype Corner = 'tl' | 'tr' | 'bl' | 'br';\n\nexport const AssetCropEditor = ({\n  asset,\n  isBusy = false,\n  onClose,\n  onApply,\n  onSaveAsCopy,\n  canSaveAsCopy,\n}: AssetCropEditorProps) => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  // The InfoBox is a fixed dark surface in both themes, so its text can't use a\n  // single neutral token (those invert with the scheme). Pick the scheme's white\n  // and a muted grey explicitly.\n  const theme = useTheme();\n  const isDark = theme.colorScheme === 'dark';\n  const infoTextColor = isDark ? 'neutral1000' : 'neutral0';\n  const infoMutedColor = isDark ? 'neutral600' : 'neutral200';\n  const imgRef = React.useRef<HTMLImageElement>(null);\n  const cropAreaRef = React.useRef<HTMLDivElement>(null);\n  const overlayRef = React.useRef<HTMLDivElement>(null);\n\n  // FocusTrap's auto-focus lands on the first focusable element — the crop\n  // width NumberInput — which pops the keyboard on mobile the moment the\n  // editor opens. Focus the (tabIndex -1) overlay instead: keyboard users are\n  // one Tab away from the first control, Escape still reaches the trap.\n  React.useEffect(() => {\n    overlayRef.current?.focus();\n  }, []);\n\n  const {\n    init,\n    crop,\n    naturalSize,\n    aspectRatio,\n    setCropSize,\n    setCropPosition,\n    setAspectRatio,\n    produceFile,\n    width,\n    height,\n  } = useCropImg();\n\n  const [aspectLocked, setAspectLocked] = React.useState(false);\n  // Focal point as a percentage of the crop area (matches the {x,y} contract).\n  const [focal, setFocal] = React.useState<FocalPoint>(asset.focalPoint ?? { x: 50, y: 50 });\n\n  // The crop editor reads pixels from a canvas (useCropImg -> toBlob), so its\n  // <img> must be CORS-clean and always sets crossOrigin=\"anonymous\" (see the\n  // img below) — even for unsigned URLs, which AssetPreview leaves unset because\n  // it only displays. That difference is why the crop URL is kept DISTINCT from\n  // the thumbnail's: identical URL + different crossOrigin collide in the HTTP\n  // cache (#26581), and the crop's anonymous request could otherwise reuse the\n  // thumbnail's non-CORS cached response and taint the canvas. So the buster\n  // uses `updatedAt` where AssetPreview uses `v`, giving each its own entry\n  // (mirrors the legacy PreviewBox fix).\n  // Signed URLs get no param at all — a presigned S3 URL breaks if you add one,\n  // and on the signed side AssetPreview also loads anonymous, so the identical\n  // URL there shares one CORS-consistent entry, which is fine.\n  const rawImageUrl = prefixFileUrlWithBackendUrl(asset.url) as string;\n  const cacheKey =\n    asset.updatedAt && !asset.isUrlSigned ? new Date(asset.updatedAt).getTime() : undefined;\n  const imageUrl =\n    cacheKey !== undefined\n      ? `${rawImageUrl}${rawImageUrl.includes('?') ? '&' : '?'}updatedAt=${cacheKey}`\n      : rawImageUrl;\n\n  const handleImageLoad = () => {\n    if (imgRef.current) {\n      init(imgRef.current);\n    }\n  };\n\n  // Map a pointer event to natural-px coordinates inside the image.\n  const pointerToNatural = (event: PointerEvent | React.PointerEvent) => {\n    const rect = cropAreaRef.current?.getBoundingClientRect();\n    if (!rect || !naturalSize.width || !naturalSize.height) return null;\n    const ratioX = naturalSize.width / rect.width;\n    const ratioY = naturalSize.height / rect.height;\n    return {\n      x: (event.clientX - rect.left) * ratioX,\n      y: (event.clientY - rect.top) * ratioY,\n    };\n  };\n\n  // Teardown for the drag currently in flight, so it can be run both on pointer\n  // release AND on unmount. Without the unmount path, closing the editor mid-drag\n  // (Escape, drawer close, a re-render dropping the overlay) would never fire a\n  // pointer event, leaking the window listeners and letting a stale `onMove`\n  // call `setCropPosition` on an unmounted component.\n  const activeDragCleanupRef = React.useRef<(() => void) | null>(null);\n\n  React.useEffect(() => {\n    return () => {\n      activeDragCleanupRef.current?.();\n    };\n  }, []);\n\n  // Track a pointer drag until the pointer is released or the browser cancels\n  // it. The pointer is captured so the drag follows the finger even once it\n  // leaves the (12px) handle it started on, and pointercancel is treated as\n  // release so an interrupted touch never leaves stale window listeners.\n  const trackPointerDrag = (event: React.PointerEvent, onMove: (e: PointerEvent) => void) => {\n    event.preventDefault();\n    event.stopPropagation();\n    const { pointerId } = event;\n    try {\n      event.currentTarget.setPointerCapture(pointerId);\n    } catch {\n      // Unsupported environment (jsdom) — window listeners still track the drag.\n    }\n    const move = (e: PointerEvent) => {\n      if (e.pointerId !== pointerId) return;\n      onMove(e);\n    };\n    const cleanup = () => {\n      window.removeEventListener('pointermove', move);\n      window.removeEventListener('pointerup', end);\n      window.removeEventListener('pointercancel', end);\n      activeDragCleanupRef.current = null;\n    };\n    const end = (e: PointerEvent) => {\n      if (e.pointerId !== pointerId) return;\n      cleanup();\n    };\n    // Only one drag is ever live at a time; tear down any previous one first.\n    activeDragCleanupRef.current?.();\n    activeDragCleanupRef.current = cleanup;\n    window.addEventListener('pointermove', move);\n    window.addEventListener('pointerup', end);\n    window.addEventListener('pointercancel', end);\n  };\n\n  // Drag the entire crop rectangle.\n  const handleMovePointerDown = (event: React.PointerEvent) => {\n    const start = pointerToNatural(event);\n    if (!start) return;\n    const startCrop = { ...crop };\n    trackPointerDrag(event, (e) => {\n      const next = pointerToNatural(e);\n      if (!next) return;\n      setCropPosition({\n        x: startCrop.x + (next.x - start.x),\n        y: startCrop.y + (next.y - start.y),\n      });\n    });\n  };\n\n  // Resize from a corner; the opposite corner stays anchored.\n  const handleResizePointerDown = (corner: Corner) => (event: React.PointerEvent) => {\n    const startCrop = { ...crop };\n    const anchorX =\n      corner === 'tl' || corner === 'bl' ? startCrop.x + startCrop.width : startCrop.x;\n    const anchorY =\n      corner === 'tl' || corner === 'tr' ? startCrop.y + startCrop.height : startCrop.y;\n    trackPointerDrag(event, (e) => {\n      const point = pointerToNatural(e);\n      if (!point) return;\n      const {\n        x,\n        y,\n        width: w,\n        height: h,\n      } = resolveCornerResize({\n        anchorX,\n        anchorY,\n        point,\n        aspectRatio: aspectLocked ? aspectRatio : null,\n      });\n      setCropPosition({ x, y });\n      setCropSize({ width: w, height: h });\n    });\n  };\n\n  const toggleAspectLock = () => {\n    setAspectLocked((locked) => {\n      const next = !locked;\n      setAspectRatio(next && height ? width / height : null);\n      return next;\n    });\n  };\n\n  // Drag the focal handle within the crop rectangle, clamped 0–100.\n  const handleFocalPointerDown = (event: React.PointerEvent) => {\n    trackPointerDrag(event, (e) => {\n      const point = pointerToNatural(e);\n      if (!point) return;\n      // Convert pointer to a percentage of the current crop area.\n      const px = ((point.x - crop.x) / crop.width) * 100;\n      const py = ((point.y - crop.y) / crop.height) * 100;\n      setFocal({\n        x: Math.round(Math.min(100, Math.max(0, px))),\n        y: Math.round(Math.min(100, Math.max(0, py))),\n      });\n    });\n  };\n\n  const focalPxX = Math.round((focal.x / 100) * width);\n  const focalPxY = Math.round((focal.y / 100) * height);\n\n  const setFocalPx = (axis: 'x' | 'y', value: number) => {\n    const dim = axis === 'x' ? width : height;\n    if (!dim) return;\n    const pct = Math.min(100, Math.max(0, (value / dim) * 100));\n    setFocal((prev) => ({ ...prev, [axis]: Math.round(pct) }));\n  };\n\n  /**\n   * Forces a focal field to redisplay the state on blur.\n   *\n   * One key per axis: a shared key remounted both fields, so tabbing out of X\n   * destroyed Y before it could take focus and it was unreachable by keyboard.\n   */\n  const [focalXKey, setFocalXKey] = React.useState(0);\n  const [focalYKey, setFocalYKey] = React.useState(0);\n  const syncFocalX = () => setFocalXKey((key) => key + 1);\n  const syncFocalY = () => setFocalYKey((key) => key + 1);\n\n  const cropPercents =\n    naturalSize.width && naturalSize.height\n      ? {\n          left: (crop.x / naturalSize.width) * 100,\n          top: (crop.y / naturalSize.height) * 100,\n          width: (crop.width / naturalSize.width) * 100,\n          height: (crop.height / naturalSize.height) * 100,\n        }\n      : null;\n\n  // The crop is only usable once the image has loaded and `init()` has seeded\n  // the natural size. Until then the produce/export path would reject.\n  const isReady = cropPercents !== null;\n\n  const handleAction = async (action: 'apply' | 'copy') => {\n    if (!isReady) return;\n\n    let file: globalThis.File;\n    try {\n      file = await produceFile(asset.name, asset.mime ?? 'image/png', asset.updatedAt);\n    } catch {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: getTranslationKey('asset-details.crop.export-error'),\n          defaultMessage: 'Could not process the cropped image.',\n        }),\n      });\n      return;\n    }\n\n    const roundedFocal = { x: Math.round(focal.x), y: Math.round(focal.y) };\n    if (action === 'apply') {\n      onApply(file, roundedFocal);\n    } else {\n      onSaveAsCopy(file, roundedFocal);\n    }\n  };\n\n  return (\n    <Portal>\n      <FocusTrap onEscape={onClose} skipAutoFocus>\n        <Overlay ref={overlayRef} tabIndex={-1}>\n          <HeaderBar alignItems=\"center\">\n            <Crop aria-hidden />\n            <Typography variant=\"omega\" fontWeight=\"bold\">\n              {formatMessage({\n                id: getTranslationKey('asset-details.crop.title'),\n                defaultMessage: 'Crop & Focus area',\n              })}\n            </Typography>\n          </HeaderBar>\n\n          <Body>\n            <CropArea\n              ref={cropAreaRef}\n              $aspect={\n                naturalSize.width && naturalSize.height\n                  ? naturalSize.width / naturalSize.height\n                  : undefined\n              }\n            >\n              <img\n                ref={imgRef}\n                src={imageUrl}\n                alt={asset.name}\n                // Always anonymous, unlike AssetPreview/AssetsGrid which gate it:\n                // the editor reads pixels via canvas (useCropImg -> toBlob), which\n                // taints on a cross-origin image loaded without CORS, so every\n                // remote image must be fetched CORS-clean.\n                crossOrigin=\"anonymous\"\n                onLoad={handleImageLoad}\n                draggable={false}\n              />\n\n              {cropPercents ? (\n                <CropOverlay\n                  style={{\n                    left: `${cropPercents.left}%`,\n                    top: `${cropPercents.top}%`,\n                    width: `${cropPercents.width}%`,\n                    height: `${cropPercents.height}%`,\n                  }}\n                  onPointerDown={handleMovePointerDown}\n                >\n                  <ResizeHandle\n                    type=\"button\"\n                    aria-label={formatMessage({\n                      id: getTranslationKey('asset-details.crop.resize.top-left'),\n                      defaultMessage: 'Resize top-left',\n                    })}\n                    $cursor=\"nwse-resize\"\n                    style={{ left: 0, top: 0 }}\n                    onPointerDown={handleResizePointerDown('tl')}\n                  />\n                  <ResizeHandle\n                    type=\"button\"\n                    aria-label={formatMessage({\n                      id: getTranslationKey('asset-details.crop.resize.top-right'),\n                      defaultMessage: 'Resize top-right',\n                    })}\n                    $cursor=\"nesw-resize\"\n                    style={{ right: 0, top: 0 }}\n                    onPointerDown={handleResizePointerDown('tr')}\n                  />\n                  <ResizeHandle\n                    type=\"button\"\n                    aria-label={formatMessage({\n                      id: getTranslationKey('asset-details.crop.resize.bottom-left'),\n                      defaultMessage: 'Resize bottom-left',\n                    })}\n                    $cursor=\"nesw-resize\"\n                    style={{ left: 0, bottom: 0 }}\n                    onPointerDown={handleResizePointerDown('bl')}\n                  />\n                  <ResizeHandle\n                    type=\"button\"\n                    aria-label={formatMessage({\n                      id: getTranslationKey('asset-details.crop.resize.bottom-right'),\n                      defaultMessage: 'Resize bottom-right',\n                    })}\n                    $cursor=\"nwse-resize\"\n                    style={{ right: 0, bottom: 0 }}\n                    onPointerDown={handleResizePointerDown('br')}\n                  />\n\n                  <FocalPointHandle\n                    type=\"button\"\n                    aria-label={formatMessage({\n                      id: getTranslationKey('asset-details.crop.focal-point'),\n                      defaultMessage: 'Focal point',\n                    })}\n                    style={{ left: `${focal.x}%`, top: `${focal.y}%` }}\n                    onPointerDown={handleFocalPointerDown}\n                  />\n                </CropOverlay>\n              ) : null}\n            </CropArea>\n\n            <InfoBox>\n              <Flex direction=\"column\" alignItems=\"stretch\" gap={1} paddingBottom={3}>\n                <Typography variant=\"omega\" fontWeight=\"bold\" textColor={infoTextColor}>\n                  {formatMessage({\n                    id: getTranslationKey('asset-details.crop.title'),\n                    defaultMessage: 'Crop & Focus area',\n                  })}\n                </Typography>\n                <Typography variant=\"pi\" textColor={infoMutedColor}>\n                  {formatMessage({\n                    id: getTranslationKey('asset-details.crop.hint'),\n                    defaultMessage:\n                      'Set the crop area with the rectangle. Pin the always-visible area with the circle.',\n                  })}\n                </Typography>\n              </Flex>\n\n              <Flex gap={6} alignItems=\"center\">\n                <Flex alignItems=\"center\" gap={2}>\n                  <Flex direction=\"column\" gap={2}>\n                    <FieldRow name=\"crop-width\" gap={2}>\n                      <LabelIcon textColor={infoTextColor}>\n                        <ArrowsHorizontal />\n                      </LabelIcon>\n                      <FieldNumberInput\n                        aria-label={formatMessage({\n                          id: getTranslationKey('asset-details.crop.width'),\n                          defaultMessage: 'Width (px)',\n                        })}\n                        value={width}\n                        min={1}\n                        max={naturalSize.width || undefined}\n                        onValueChange={(next) => {\n                          if (next !== undefined) setCropSize({ width: next });\n                        }}\n                      />\n                    </FieldRow>\n                    <FieldRow name=\"crop-height\" gap={2}>\n                      <LabelIcon textColor={infoTextColor}>\n                        <ArrowsVertical />\n                      </LabelIcon>\n                      <FieldNumberInput\n                        aria-label={formatMessage({\n                          id: getTranslationKey('asset-details.crop.height'),\n                          defaultMessage: 'Height (px)',\n                        })}\n                        value={height}\n                        min={1}\n                        max={naturalSize.height || undefined}\n                        onValueChange={(next) => {\n                          if (next !== undefined) setCropSize({ height: next });\n                        }}\n                      />\n                    </FieldRow>\n                  </Flex>\n\n                  <Flex position=\"relative\">\n                    <IconButton\n                      label={formatMessage({\n                        id: getTranslationKey('asset-details.crop.aspect-lock'),\n                        defaultMessage: 'Lock aspect ratio',\n                      })}\n                      variant={aspectLocked ? 'secondary' : 'ghost'}\n                      onClick={toggleAspectLock}\n                    >\n                      <Link />\n                    </IconButton>\n                    <BackgroundPreserveRatio />\n                  </Flex>\n                </Flex>\n\n                <Flex direction=\"column\" gap={2} marginLeft={'auto'}>\n                  <FieldRow name=\"focal-x\" gap={2}>\n                    <Field.Label textColor={infoTextColor}>\n                      {formatMessage({\n                        id: getTranslationKey('asset-details.crop.focal-x-axis'),\n                        defaultMessage: 'X',\n                      })}\n                    </Field.Label>\n                    <FieldNumberInput\n                      aria-label={formatMessage({\n                        id: getTranslationKey('asset-details.crop.focal-x'),\n                        defaultMessage: 'Focal point X (px)',\n                      })}\n                      key={`focal-x-${focalXKey}`}\n                      value={focalPxX}\n                      min={0}\n                      max={width || undefined}\n                      onValueChange={(next) => {\n                        if (next !== undefined) setFocalPx('x', next);\n                      }}\n                      onBlur={syncFocalX}\n                    />\n                  </FieldRow>\n                  <FieldRow name=\"focal-y\" gap={2}>\n                    <Field.Label textColor={infoTextColor}>\n                      {formatMessage({\n                        id: getTranslationKey('asset-details.crop.focal-y-axis'),\n                        defaultMessage: 'Y',\n                      })}\n                    </Field.Label>\n                    <FieldNumberInput\n                      aria-label={formatMessage({\n                        id: getTranslationKey('asset-details.crop.focal-y'),\n                        defaultMessage: 'Focal point Y (px)',\n                      })}\n                      key={`focal-y-${focalYKey}`}\n                      value={focalPxY}\n                      min={0}\n                      max={height || undefined}\n                      onValueChange={(next) => {\n                        if (next !== undefined) setFocalPx('y', next);\n                      }}\n                      onBlur={syncFocalY}\n                    />\n                  </FieldRow>\n                </Flex>\n              </Flex>\n            </InfoBox>\n          </Body>\n\n          <FooterBar alignItems=\"center\">\n            <Button variant=\"tertiary\" onClick={onClose} disabled={isBusy}>\n              {formatMessage({ id: 'app.components.Button.cancel', defaultMessage: 'Cancel' })}\n            </Button>\n            <Flex gap={2}>\n              {canSaveAsCopy && (\n                <Button\n                  variant=\"secondary\"\n                  onClick={() => handleAction('copy')}\n                  loading={isBusy}\n                  disabled={!isReady}\n                >\n                  {formatMessage({\n                    id: getTranslationKey('asset-details.crop.save-as-copy'),\n                    defaultMessage: 'Save as copy',\n                  })}\n                </Button>\n              )}\n              <Button\n                variant=\"default\"\n                onClick={() => handleAction('apply')}\n                loading={isBusy}\n                disabled={!isReady}\n              >\n                {formatMessage({\n                  id: getTranslationKey('asset-details.crop.apply'),\n                  defaultMessage: 'Apply',\n                })}\n              </Button>\n            </Flex>\n          </FooterBar>\n        </Overlay>\n      </FocusTrap>\n    </Portal>\n  );\n};\n"],"names":["FOCAL_DIAMETER_REM","HANDLE_PX","Overlay","styled","Flex","theme","spaces","borderRadius","colors","neutral150","neutral0","HeaderBar","Body","Box","neutral100","CropArea","div","$aspect","CropOverlay","primary600","ResizeHandle","button","$cursor","FocalPointHandle","neutral800","InfoBox","breakpoints","medium","colorScheme","neutral900","FooterBar","FieldRow","Field","Root","FieldNumberInput","NumberInput","LabelIcon","Label","BackgroundPreserveRatioContainer","BackgroundPreserveRatio","_jsx","svg","width","height","viewBox","fill","xmlns","path","d","stroke","strokeLinecap","AssetCropEditor","asset","isBusy","onClose","onApply","onSaveAsCopy","canSaveAsCopy","formatMessage","useIntl","toggleNotification","useNotification","useTheme","isDark","infoTextColor","infoMutedColor","imgRef","React","useRef","cropAreaRef","overlayRef","useEffect","current","focus","init","crop","naturalSize","aspectRatio","setCropSize","setCropPosition","setAspectRatio","produceFile","useCropImg","aspectLocked","setAspectLocked","useState","focal","setFocal","focalPoint","x","y","rawImageUrl","prefixFileUrlWithBackendUrl","url","cacheKey","updatedAt","isUrlSigned","Date","getTime","undefined","imageUrl","includes","handleImageLoad","pointerToNatural","event","rect","getBoundingClientRect","ratioX","ratioY","clientX","left","clientY","top","activeDragCleanupRef","trackPointerDrag","onMove","preventDefault","stopPropagation","pointerId","currentTarget","setPointerCapture","move","e","cleanup","window","removeEventListener","end","addEventListener","handleMovePointerDown","start","startCrop","next","handleResizePointerDown","corner","anchorX","anchorY","point","w","h","resolveCornerResize","toggleAspectLock","locked","handleFocalPointerDown","px","py","Math","round","min","max","focalPxX","focalPxY","setFocalPx","axis","value","dim","pct","prev","focalXKey","setFocalXKey","focalYKey","setFocalYKey","syncFocalX","key","syncFocalY","cropPercents","isReady","handleAction","action","file","name","mime","type","message","id","getTranslationKey","defaultMessage","roundedFocal","Portal","FocusTrap","onEscape","skipAutoFocus","_jsxs","ref","tabIndex","alignItems","Crop","aria-hidden","Typography","variant","fontWeight","img","src","alt","crossOrigin","onLoad","draggable","style","onPointerDown","aria-label","right","bottom","direction","gap","paddingBottom","textColor","ArrowsHorizontal","onValueChange","ArrowsVertical","position","IconButton","label","onClick","Link","marginLeft","onBlur","Button","disabled","loading"],"mappings":"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"}

package/dist/admin/future/pages/Assets/components/AssetDetails/AssetDetailsDrawer.js

@@ -20,6 +20,7 @@ var downloadFile = require('../../../../utils/downloadFile.js');
 var files = require('../../../../utils/files.js');
 var getAssetIcon = require('../../../../utils/getAssetIcon.js');
 var translations = require('../../../../utils/translations.js');
+var constants = require('../../constants.js');
 var useFolderInfo = require('../../hooks/useFolderInfo.js');
 var useIsAssetDetailsOpen = require('../../hooks/useIsAssetDetailsOpen.js');
 var BusyOverlay = require('../BusyOverlay.js');
@@ -93,17 +94,19 @@ const useAssetOperation = ()=>{
         hasValidId
     ]);
     const openDetails = React__namespace.useCallback((id)=>{
-        setQuery({
+        setQuery(strapiAdmin.withEncodedUserParams(query, {
             [useIsAssetDetailsOpen.ASSET_DETAILS_URL_PARAM]: String(id)
-        }, 'push', true);
+        }), 'push', true);
     }, [
+        query,
         setQuery
     ]);
     const closeDetails = React__namespace.useCallback(()=>{
-        setQuery({
+        setQuery(strapiAdmin.withEncodedUserParams(query, {
             [useIsAssetDetailsOpen.ASSET_DETAILS_URL_PARAM]: undefined
-        }, 'remove', true);
+        }), 'push', true);
     }, [
+        query,
         setQuery
     ]);
     return {
@@ -630,7 +633,10 @@ const AssetDetails = ({ asset, closeDetails })=>{
     const handleReplace = React__namespace.useCallback(async (file)=>{
         const res = await replaceMutation({
             id: asset.id,
-            file
+            file,
+            fileInfo: {
+                name: asset.name
+            }
         });
         if ('error' in res) {
             notify({
@@ -654,6 +660,7 @@ const AssetDetails = ({ asset, closeDetails })=>{
         });
     }, [
         asset.id,
+        asset.name,
         formatMessage,
         getErrorMessage,
         notify,
@@ -1002,6 +1009,18 @@ const AssetDetails = ({ asset, closeDetails })=>{
         })
     }));
 };
+/* -------------------------------------------------------------------------------------------------
+ * DrawerHeader
+ * -----------------------------------------------------------------------------------------------*/ /**
+ * The icon's size lives in SVG attributes, which flex is free to override, so a
+ * long asset name would squash it. Matches the grid and table rows, where the
+ * file-type icon is shrink-proof and the name is what truncates.
+ */ const HeaderIcon = styledComponents.styled(designSystem.Flex)`
+  flex-shrink: 0;
+`;
+const HeaderTitle = styledComponents.styled(designSystem.Typography)`
+  min-width: 0;
+`;
 const DrawerHeader = ({ asset, closeDetails })=>{
     const DocIcon = asset ? getAssetIcon.getAssetIcon(asset.mime, asset.ext) : icons.FileError;
     return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
@@ -1014,13 +1033,15 @@ const DrawerHeader = ({ asset, closeDetails })=>{
         borderStyle: "solid",
         borderWidth: "0 0 1px 0",
         children: [
-            /*#__PURE__*/ jsxRuntime.jsx(DocIcon, {
-                width: 20,
-                height: 20
+            /*#__PURE__*/ jsxRuntime.jsx(HeaderIcon, {
+                children: /*#__PURE__*/ jsxRuntime.jsx(DocIcon, {
+                    width: 20,
+                    height: 20
+                })
             }),
             /*#__PURE__*/ jsxRuntime.jsx(Drawer.Drawer.Title, {
                 asChild: true,
-                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                children: /*#__PURE__*/ jsxRuntime.jsx(HeaderTitle, {
                     variant: "omega",
                     fontWeight: "semiBold",
                     overflow: "hidden",
@@ -1093,7 +1114,33 @@ const DrawerContent = ({ assetId, closeDetails })=>{
 };
 /* -------------------------------------------------------------------------------------------------
  * AssetDetailsDrawer
- * -----------------------------------------------------------------------------------------------*/ const AssetDetailsDrawer = ()=>{
+ * -----------------------------------------------------------------------------------------------*/ /**
+ * Whether a pointer press outside the panel should leave the drawer open.
+ *
+ * Anywhere on the page behind dismisses it, controls included. Two exceptions,
+ * neither of which is "the user meant to stay": the part of an asset's card or
+ * row whose `click` switches the drawer rather than closing it — not its own
+ * checkbox or actions menu, which act on the item; and a panel already closing,
+ * which `forceMount` keeps listening through its animation, where dismissing
+ * again would re-trigger the unsaved-changes guard for nothing.
+ */ const shouldKeepDrawerOpen = (event, isVisible)=>{
+    if (!isVisible) {
+        return true;
+    }
+    // Radix's dismisser fires on any `pointerdown`, secondary buttons included. A
+    // right-click is contextual, and with the create menu on the background one
+    // press would otherwise both close this and open that.
+    if (event.detail.originalEvent.button !== 0) {
+        return true;
+    }
+    if (!(event.target instanceof Element)) {
+        return false;
+    }
+    // The card's own controls — its checkbox, its actions menu — act on the item
+    // and stop the card's click, so no switch follows and the press dismisses.
+    return event.target.closest(constants.ASSET_DETAILS_TRIGGER_SELECTOR) !== null && event.target.closest(constants.ASSET_ITEM_CONTROL_SELECTOR) === null;
+};
+const AssetDetailsDrawer = ()=>{
     const { formatMessage } = reactIntl.useIntl();
     const { assetId, isVisible, shouldRenderDrawer, onCloseAnimationEnd, closeDetails } = useAssetDetailsParam();
     if (!shouldRenderDrawer || assetId === null) {
@@ -1130,6 +1177,13 @@ const DrawerContent = ({ assetId, closeDetails })=>{
                 // off-screen. dvh tracks the actual visible height.
                 height: "100dvh",
                 onAnimationEnd: onCloseAnimationEnd,
+                // Opt in to dismiss-on-outside-click; `closeDetails` is the same path
+                // as the header's close button, so unsaved edits are still guarded.
+                onPointerDownOutside: (event)=>{
+                    if (shouldKeepDrawerOpen(event, isVisible)) {
+                        event.preventDefault();
+                    }
+                },
                 children: /*#__PURE__*/ jsxRuntime.jsx(DrawerContent, {
                     assetId: assetId,
                     closeDetails: closeDetails