@strapi/upload 5.54.0 → 5.55.0

package/dist/admin/future/pages/Assets/components/AssetDetails/AssetPreview.mjs

@@ -1,239 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import * as React from 'react';
-import { Flex, Typography, Box, Loader } from '@strapi/design-system';
-import { useIntl } from 'react-intl';
-import { styled } from 'styled-components';
-import { ASSET_TYPES } from '../../../../../enums.mjs';
-import { prefixFileUrlWithBackendUrl } from '../../../../utils/files.mjs';
-import { getAssetIcon } from '../../../../utils/getAssetIcon.mjs';
-import { getTranslationKey } from '../../../../utils/translations.mjs';
-
-/* -------------------------------------------------------------------------------------------------
- * Styled components
- * -----------------------------------------------------------------------------------------------*/ const PreviewContainer = styled(Box)`
-  position: relative;
-  width: 100%;
-  aspect-ratio: 16 / 9;
-  max-height: 24rem;
-  overflow: hidden;
-  border-radius: ${({ theme })=>theme.borderRadius};
-  padding: ${({ theme })=>theme.spaces[3]};
-  background: repeating-conic-gradient(
-      ${({ theme })=>theme.colors.neutral100} 0% 25%,
-      transparent 0% 50%
-    )
-    50% / 20px 20px;
-`;
-const AssetContainer = styled(Flex)`
-  justify-content: center;
-  position: relative;
-  z-index: 2;
-  width: 100%;
-  height: 100%;
-`;
-const StyledImage = styled.img`
-  max-width: 100%;
-  max-height: 100%;
-  object-fit: contain;
-`;
-/**
- * Top-right overlay slot for image actions (crop). Sits above the
- * image (z-index 3 > AssetContainer 2) so the buttons stay clickable.
- */ const ActionsOverlay = styled(Flex)`
-  position: absolute;
-  top: ${({ theme })=>theme.spaces[3]};
-  right: ${({ theme })=>theme.spaces[3]};
-  z-index: 3;
-`;
-const StyledVideo = styled.video`
-  max-width: 100%;
-  max-height: 100%;
-  object-fit: contain;
-`;
-const StyledAudio = styled.audio`
-  width: 100%;
-`;
-const StyledPdfIframe = styled.iframe`
-  width: 100%;
-  height: 100%;
-  min-height: 200px;
-  border: none;
-`;
-const IconFallback = styled(Flex)`
-  height: 100%;
-  aspect-ratio: 1;
-  width: auto;
-  max-width: 100%;
-  margin: 0 auto;
-  color: ${({ theme })=>theme.colors.neutral500};
-  background: ${({ theme })=>theme.colors.neutral150};
-`;
-const LoaderOverlay = styled(Flex)`
-  position: absolute;
-  inset: 0;
-  z-index: 1;
-`;
-/* -------------------------------------------------------------------------------------------------
- * AssetLoader
- * -----------------------------------------------------------------------------------------------*/ const AssetLoader = ()=>{
-    const { formatMessage } = useIntl();
-    return /*#__PURE__*/ jsx(LoaderOverlay, {
-        justifyContent: "center",
-        alignItems: "center",
-        children: /*#__PURE__*/ jsx(Loader, {
-            children: formatMessage({
-                id: 'app.loading',
-                defaultMessage: 'Loading...'
-            })
-        })
-    });
-};
-const AssetPreview = ({ asset, actions, isLoading = false })=>{
-    const { formatMessage } = useIntl();
-    const { alternativeText, ext, mime, url, updatedAt, isUrlSigned, isLocal } = asset;
-    // Append the asset's `updatedAt` as a cache-buster so a freshly replaced
-    // file (often served at the same URL) shows the new content instead of the
-    // browser-cached old version. Signed URLs are excluded: their query string
-    // is part of the SigV4 signature, so appending a param invalidates the
-    // signature and the request fails with 403. See #26581.
-    const cacheKey = updatedAt && !isUrlSigned ? new Date(updatedAt).getTime() : undefined;
-    const appendCacheBuster = (raw)=>{
-        if (!raw || cacheKey === undefined) return raw;
-        return raw.includes('?') ? `${raw}&v=${cacheKey}` : `${raw}?v=${cacheKey}`;
-    };
-    const mediaUrl = appendCacheBuster(prefixFileUrlWithBackendUrl(url));
-    const [isMediaLoaded, setIsMediaLoaded] = React.useState(false);
-    React.useEffect(()=>{
-        setIsMediaLoaded(false);
-    }, [
-        mediaUrl
-    ]);
-    const imageRef = React.useRef(null);
-    React.useEffect(()=>{
-        const image = imageRef.current;
-        if (!image) return;
-        const recompute = ()=>{
-            const parent = image.parentElement;
-            if (!parent) return;
-            const c = parent.getBoundingClientRect();
-            // offsetWidth/Height = pre-transform layout box (transforms ignored).
-            const w = image.offsetWidth;
-            const h = image.offsetHeight;
-            if (!w || !h || !c.width || !c.height) return;
-        };
-        recompute();
-        const ro = new ResizeObserver(recompute);
-        ro.observe(image);
-        if (image.parentElement) ro.observe(image.parentElement);
-        return ()=>ro.disconnect();
-    }, [
-        isMediaLoaded
-    ]);
-    if (mime?.includes(ASSET_TYPES.Image)) {
-        const imageUrl = appendCacheBuster(prefixFileUrlWithBackendUrl(url));
-        if (imageUrl) {
-            return /*#__PURE__*/ jsxs(PreviewContainer, {
-                children: [
-                    (!isMediaLoaded || isLoading) && /*#__PURE__*/ jsx(AssetLoader, {}),
-                    actions ? /*#__PURE__*/ jsx(ActionsOverlay, {
-                        children: actions
-                    }) : null,
-                    /*#__PURE__*/ jsx(AssetContainer, {
-                        children: /*#__PURE__*/ jsx(StyledImage, {
-                            ref: imageRef,
-                            src: imageUrl,
-                            alt: alternativeText || asset.name || '',
-                            crossOrigin: !isLocal && isUrlSigned ? 'anonymous' : undefined,
-                            onLoad: ()=>setIsMediaLoaded(true),
-                            onError: ()=>setIsMediaLoaded(true)
-                        })
-                    })
-                ]
-            });
-        }
-    }
-    if (mime?.includes(ASSET_TYPES.Video) && mediaUrl) {
-        return /*#__PURE__*/ jsxs(PreviewContainer, {
-            children: [
-                !isMediaLoaded && /*#__PURE__*/ jsx(AssetLoader, {}),
-                /*#__PURE__*/ jsx(AssetContainer, {
-                    children: /*#__PURE__*/ jsx(StyledVideo, {
-                        src: mediaUrl,
-                        controls: true,
-                        title: asset.name,
-                        onLoadedData: ()=>setIsMediaLoaded(true),
-                        onError: ()=>setIsMediaLoaded(true),
-                        children: formatMessage({
-                            id: getTranslationKey('asset-details.videoNotSupported'),
-                            defaultMessage: 'Your browser does not support the video tag.'
-                        })
-                    })
-                })
-            ]
-        });
-    }
-    if (mime?.includes(ASSET_TYPES.Audio) && mediaUrl) {
-        return /*#__PURE__*/ jsxs(PreviewContainer, {
-            children: [
-                !isMediaLoaded && /*#__PURE__*/ jsx(AssetLoader, {}),
-                /*#__PURE__*/ jsx(AssetContainer, {
-                    children: /*#__PURE__*/ jsx(Flex, {
-                        width: "100%",
-                        padding: 4,
-                        justifyContent: "center",
-                        alignItems: "center",
-                        height: "100%",
-                        minHeight: "12rem",
-                        children: /*#__PURE__*/ jsx(StyledAudio, {
-                            src: mediaUrl,
-                            controls: true,
-                            onLoadedData: ()=>setIsMediaLoaded(true),
-                            onError: ()=>setIsMediaLoaded(true)
-                        })
-                    })
-                })
-            ]
-        });
-    }
-    const isPdf = ext?.toLowerCase() === 'pdf' || ext?.toLowerCase() === '.pdf' || mime === 'application/pdf';
-    if (isPdf && mediaUrl) {
-        return /*#__PURE__*/ jsxs(PreviewContainer, {
-            children: [
-                !isMediaLoaded && /*#__PURE__*/ jsx(AssetLoader, {}),
-                /*#__PURE__*/ jsx(AssetContainer, {
-                    children: /*#__PURE__*/ jsx(StyledPdfIframe, {
-                        src: `${mediaUrl}#toolbar=0`,
-                        title: asset.name,
-                        onLoad: ()=>setIsMediaLoaded(true)
-                    })
-                })
-            ]
-        });
-    }
-    const DocIcon = getAssetIcon(mime, ext);
-    return /*#__PURE__*/ jsx(PreviewContainer, {
-        children: /*#__PURE__*/ jsxs(IconFallback, {
-            justifyContent: "center",
-            alignItems: "center",
-            gap: 1,
-            direction: "column",
-            hasRadius: true,
-            children: [
-                /*#__PURE__*/ jsx(DocIcon, {
-                    width: 24,
-                    height: 24
-                }),
-                /*#__PURE__*/ jsx(Typography, {
-                    variant: "pi",
-                    children: formatMessage({
-                        id: getTranslationKey('asset-details.noPreview'),
-                        defaultMessage: 'No preview available'
-                    })
-                })
-            ]
-        })
-    });
-};
-
-export { AssetPreview };
-//# sourceMappingURL=AssetPreview.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AssetPreview.mjs","sources":["../../../../../../../admin/src/future/pages/Assets/components/AssetDetails/AssetPreview.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Flex, Loader, Typography } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { ASSET_TYPES } from '../../../../../enums';\nimport { prefixFileUrlWithBackendUrl } from '../../../../utils/files';\nimport { getAssetIcon } from '../../../../utils/getAssetIcon';\nimport { getTranslationKey } from '../../../../utils/translations';\n\nimport type {\n  File,\n  AssetWithPopulatedCreatedBy,\n} from '../../../../../../../shared/contracts/files';\n\n/* -------------------------------------------------------------------------------------------------\n * Styled components\n * -----------------------------------------------------------------------------------------------*/\n\nconst PreviewContainer = styled(Box)`\n  position: relative;\n  width: 100%;\n  aspect-ratio: 16 / 9;\n  max-height: 24rem;\n  overflow: hidden;\n  border-radius: ${({ theme }) => theme.borderRadius};\n  padding: ${({ theme }) => theme.spaces[3]};\n  background: repeating-conic-gradient(\n      ${({ theme }) => theme.colors.neutral100} 0% 25%,\n      transparent 0% 50%\n    )\n    50% / 20px 20px;\n`;\n\nconst AssetContainer = styled(Flex)`\n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  height: 100%;\n`;\n\nconst StyledImage = styled.img`\n  max-width: 100%;\n  max-height: 100%;\n  object-fit: contain;\n`;\n\n/**\n * Top-right overlay slot for image actions (crop). Sits above the\n * image (z-index 3 > AssetContainer 2) so the buttons stay clickable.\n */\nconst ActionsOverlay = styled(Flex)`\n  position: absolute;\n  top: ${({ theme }) => theme.spaces[3]};\n  right: ${({ theme }) => theme.spaces[3]};\n  z-index: 3;\n`;\n\nconst StyledVideo = styled.video`\n  max-width: 100%;\n  max-height: 100%;\n  object-fit: contain;\n`;\n\nconst StyledAudio = styled.audio`\n  width: 100%;\n`;\n\nconst StyledPdfIframe = styled.iframe`\n  width: 100%;\n  height: 100%;\n  min-height: 200px;\n  border: none;\n`;\n\nconst IconFallback = styled(Flex)`\n  height: 100%;\n  aspect-ratio: 1;\n  width: auto;\n  max-width: 100%;\n  margin: 0 auto;\n  color: ${({ theme }) => theme.colors.neutral500};\n  background: ${({ theme }) => theme.colors.neutral150};\n`;\n\nconst LoaderOverlay = styled(Flex)`\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * AssetLoader\n * -----------------------------------------------------------------------------------------------*/\n\nconst AssetLoader = () => {\n  const { formatMessage } = useIntl();\n  return (\n    <LoaderOverlay justifyContent=\"center\" alignItems=\"center\">\n      <Loader>{formatMessage({ id: 'app.loading', defaultMessage: 'Loading...' })}</Loader>\n    </LoaderOverlay>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * AssetPreviewContent\n * -----------------------------------------------------------------------------------------------*/\n\ninterface AssetPreviewProps {\n  asset: File | AssetWithPopulatedCreatedBy;\n  actions?: React.ReactNode;\n  isLoading?: boolean;\n}\n\nexport const AssetPreview = ({ asset, actions, isLoading = false }: AssetPreviewProps) => {\n  const { formatMessage } = useIntl();\n  const { alternativeText, ext, mime, url, updatedAt, isUrlSigned, isLocal } = asset;\n  // Append the asset's `updatedAt` as a cache-buster so a freshly replaced\n  // file (often served at the same URL) shows the new content instead of the\n  // browser-cached old version. Signed URLs are excluded: their query string\n  // is part of the SigV4 signature, so appending a param invalidates the\n  // signature and the request fails with 403. See #26581.\n  const cacheKey = updatedAt && !isUrlSigned ? new Date(updatedAt).getTime() : undefined;\n  const appendCacheBuster = (raw: string | undefined) => {\n    if (!raw || cacheKey === undefined) return raw;\n    return raw.includes('?') ? `${raw}&v=${cacheKey}` : `${raw}?v=${cacheKey}`;\n  };\n  const mediaUrl = appendCacheBuster(prefixFileUrlWithBackendUrl(url));\n\n  const [isMediaLoaded, setIsMediaLoaded] = React.useState(false);\n  React.useEffect(() => {\n    setIsMediaLoaded(false);\n  }, [mediaUrl]);\n\n  const imageRef = React.useRef<HTMLImageElement>(null);\n  React.useEffect(() => {\n    const image = imageRef.current;\n    if (!image) return;\n    const recompute = () => {\n      const parent = image.parentElement;\n      if (!parent) return;\n      const c = parent.getBoundingClientRect();\n      // offsetWidth/Height = pre-transform layout box (transforms ignored).\n      const w = image.offsetWidth;\n      const h = image.offsetHeight;\n      if (!w || !h || !c.width || !c.height) return;\n    };\n    recompute();\n    const ro = new ResizeObserver(recompute);\n    ro.observe(image);\n    if (image.parentElement) ro.observe(image.parentElement);\n    return () => ro.disconnect();\n  }, [isMediaLoaded]);\n\n  if (mime?.includes(ASSET_TYPES.Image)) {\n    const imageUrl = appendCacheBuster(prefixFileUrlWithBackendUrl(url));\n\n    if (imageUrl) {\n      return (\n        <PreviewContainer>\n          {(!isMediaLoaded || isLoading) && <AssetLoader />}\n          {actions ? <ActionsOverlay>{actions}</ActionsOverlay> : null}\n          <AssetContainer>\n            <StyledImage\n              ref={imageRef}\n              src={imageUrl}\n              alt={alternativeText || asset.name || ''}\n              crossOrigin={!isLocal && isUrlSigned ? 'anonymous' : undefined}\n              onLoad={() => setIsMediaLoaded(true)}\n              onError={() => setIsMediaLoaded(true)}\n            />\n          </AssetContainer>\n        </PreviewContainer>\n      );\n    }\n  }\n\n  if (mime?.includes(ASSET_TYPES.Video) && mediaUrl) {\n    return (\n      <PreviewContainer>\n        {!isMediaLoaded && <AssetLoader />}\n        <AssetContainer>\n          <StyledVideo\n            src={mediaUrl}\n            controls\n            title={asset.name}\n            onLoadedData={() => setIsMediaLoaded(true)}\n            onError={() => setIsMediaLoaded(true)}\n          >\n            {formatMessage({\n              id: getTranslationKey('asset-details.videoNotSupported'),\n              defaultMessage: 'Your browser does not support the video tag.',\n            })}\n          </StyledVideo>\n        </AssetContainer>\n      </PreviewContainer>\n    );\n  }\n\n  if (mime?.includes(ASSET_TYPES.Audio) && mediaUrl) {\n    return (\n      <PreviewContainer>\n        {!isMediaLoaded && <AssetLoader />}\n        <AssetContainer>\n          <Flex\n            width=\"100%\"\n            padding={4}\n            justifyContent=\"center\"\n            alignItems=\"center\"\n            height=\"100%\"\n            minHeight=\"12rem\"\n          >\n            <StyledAudio\n              src={mediaUrl}\n              controls\n              onLoadedData={() => setIsMediaLoaded(true)}\n              onError={() => setIsMediaLoaded(true)}\n            />\n          </Flex>\n        </AssetContainer>\n      </PreviewContainer>\n    );\n  }\n\n  const isPdf =\n    ext?.toLowerCase() === 'pdf' || ext?.toLowerCase() === '.pdf' || mime === 'application/pdf';\n  if (isPdf && mediaUrl) {\n    return (\n      <PreviewContainer>\n        {!isMediaLoaded && <AssetLoader />}\n        <AssetContainer>\n          <StyledPdfIframe\n            src={`${mediaUrl}#toolbar=0`}\n            title={asset.name}\n            onLoad={() => setIsMediaLoaded(true)}\n          />\n        </AssetContainer>\n      </PreviewContainer>\n    );\n  }\n\n  const DocIcon = getAssetIcon(mime, ext);\n  return (\n    <PreviewContainer>\n      <IconFallback\n        justifyContent=\"center\"\n        alignItems=\"center\"\n        gap={1}\n        direction=\"column\"\n        hasRadius\n      >\n        <DocIcon width={24} height={24} />\n        <Typography variant=\"pi\">\n          {formatMessage({\n            id: getTranslationKey('asset-details.noPreview'),\n            defaultMessage: 'No preview available',\n          })}\n        </Typography>\n      </IconFallback>\n    </PreviewContainer>\n  );\n};\n"],"names":["PreviewContainer","styled","Box","theme","borderRadius","spaces","colors","neutral100","AssetContainer","Flex","StyledImage","img","ActionsOverlay","StyledVideo","video","StyledAudio","audio","StyledPdfIframe","iframe","IconFallback","neutral500","neutral150","LoaderOverlay","AssetLoader","formatMessage","useIntl","_jsx","justifyContent","alignItems","Loader","id","defaultMessage","AssetPreview","asset","actions","isLoading","alternativeText","ext","mime","url","updatedAt","isUrlSigned","isLocal","cacheKey","Date","getTime","undefined","appendCacheBuster","raw","includes","mediaUrl","prefixFileUrlWithBackendUrl","isMediaLoaded","setIsMediaLoaded","React","useState","useEffect","imageRef","useRef","image","current","recompute","parent","parentElement","c","getBoundingClientRect","w","offsetWidth","h","offsetHeight","width","height","ro","ResizeObserver","observe","disconnect","ASSET_TYPES","Image","imageUrl","_jsxs","ref","src","alt","name","crossOrigin","onLoad","onError","Video","controls","title","onLoadedData","getTranslationKey","Audio","padding","minHeight","isPdf","toLowerCase","DocIcon","getAssetIcon","gap","direction","hasRadius","Typography","variant"],"mappings":"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"}

package/dist/admin/future/pages/Assets/components/AssetDetails/useCropImg.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCropImg.js","sources":["../../../../../../../admin/src/future/pages/Assets/components/AssetDetails/useCropImg.ts"],"sourcesContent":["import * as React from 'react';\n\nconst QUALITY = 1;\n\ninterface NaturalSize {\n  width: number;\n  height: number;\n}\n\nexport interface CropRect {\n  /** Origin in natural-px from the image top-left. */\n  x: number;\n  y: number;\n  /** Crop area dimensions in natural px. */\n  width: number;\n  height: number;\n}\n\n/**\n * Resolve a corner-resize drag into a crop rect, keeping the opposite corner\n * (`anchor`) fixed. When `aspectRatio` is set, one dimension is snapped to the\n * ratio first (driven by whichever axis the pointer pushed furthest), then the\n * position is derived from the anchor — so a locked resize never drifts the\n * anchored corner. Pure (no clamping to image bounds; the caller clamps).\n */\nexport const resolveCornerResize = ({\n  anchorX,\n  anchorY,\n  point,\n  aspectRatio,\n}: {\n  anchorX: number;\n  anchorY: number;\n  point: { x: number; y: number };\n  aspectRatio: number | null;\n}): CropRect => {\n  let width = Math.abs(point.x - anchorX);\n  let height = Math.abs(point.y - anchorY);\n\n  if (aspectRatio) {\n    if (width / aspectRatio >= height) {\n      height = width / aspectRatio;\n    } else {\n      width = height * aspectRatio;\n    }\n  }\n\n  const x = point.x < anchorX ? anchorX - width : anchorX;\n  const y = point.y < anchorY ? anchorY - height : anchorY;\n\n  return { x, y, width, height };\n};\n\n/**\n * Custom crop state + file producer. Replaces a cropperjs-based version: the\n * crop rectangle is stored in natural-image pixels (so it stays locked across\n * window resizes), and `AssetCropEditor` overlays a div sized by\n * (cropNatural × displayRatio). produceFile draws the natural-px crop region\n * straight to a canvas.\n */\nexport const useCropImg = () => {\n  const [naturalSize, setNaturalSize] = React.useState<NaturalSize>({ width: 0, height: 0 });\n  const [crop, setCrop] = React.useState<CropRect>({ x: 0, y: 0, width: 0, height: 0 });\n  const [aspectRatio, setAspectRatioState] = React.useState<number | null>(null);\n  const imageRef = React.useRef<HTMLImageElement | null>(null);\n\n  /**\n   * Call from the <img> onLoad handler. Captures the natural dimensions and\n   * seeds the crop to the full image (auto-crop area = 1).\n   */\n  const init = React.useCallback((image: HTMLImageElement) => {\n    imageRef.current = image;\n    const next: NaturalSize = { width: image.naturalWidth, height: image.naturalHeight };\n    setNaturalSize(next);\n    setCrop({ x: 0, y: 0, width: next.width, height: next.height });\n  }, []);\n\n  const clamp = (value: number, min: number, max: number) => Math.min(max, Math.max(min, value));\n\n  /** Update crop dimensions, clamping to remain inside the image bounds. */\n  const setCropSize = React.useCallback(\n    (next: Partial<Pick<CropRect, 'width' | 'height'>>) => {\n      setCrop((prev) => {\n        const maxW = naturalSize.width - prev.x;\n        const maxH = naturalSize.height - prev.y;\n        let width = next.width !== undefined ? clamp(next.width, 1, maxW) : prev.width;\n        let height = next.height !== undefined ? clamp(next.height, 1, maxH) : prev.height;\n\n        if (aspectRatio) {\n          // When aspect locked, the axis the user is editing wins; the other\n          // axis follows. If both changed in one call, prefer width.\n          if (next.width !== undefined) {\n            height = clamp(width / aspectRatio, 1, maxH);\n          } else if (next.height !== undefined) {\n            width = clamp(height * aspectRatio, 1, maxW);\n          }\n        }\n\n        return { ...prev, width, height };\n      });\n    },\n    [naturalSize.width, naturalSize.height, aspectRatio]\n  );\n\n  /** Update crop origin, clamping so the crop stays inside the image. */\n  const setCropPosition = React.useCallback(\n    (next: Partial<Pick<CropRect, 'x' | 'y'>>) => {\n      setCrop((prev) => {\n        const x = next.x !== undefined ? clamp(next.x, 0, naturalSize.width - prev.width) : prev.x;\n        const y =\n          next.y !== undefined ? clamp(next.y, 0, naturalSize.height - prev.height) : prev.y;\n        return { ...prev, x, y };\n      });\n    },\n    [naturalSize.width, naturalSize.height]\n  );\n\n  /** Lock or release the crop aspect ratio. Pass `null` to free it. */\n  const setAspectRatio = React.useCallback(\n    (ratio: number | null) => {\n      setAspectRatioState(ratio);\n      if (ratio) {\n        setCrop((prev) => {\n          // Bring the current rect into the requested ratio without escaping\n          // the image bounds.\n          const maxW = naturalSize.width - prev.x;\n          const maxH = naturalSize.height - prev.y;\n          let width = prev.width;\n          let height = width / ratio;\n          if (height > maxH) {\n            height = maxH;\n            width = height * ratio;\n          }\n          if (width > maxW) {\n            width = maxW;\n            height = width / ratio;\n          }\n          return { ...prev, width: Math.round(width), height: Math.round(height) };\n        });\n      }\n    },\n    [naturalSize.width, naturalSize.height]\n  );\n\n  /**\n   * Draw the crop region from the loaded image element straight to a canvas\n   * and produce a File. The image must be CORS-clean (set crossOrigin on the\n   * <img>); otherwise canvas.toBlob throws on tainted canvas.\n   */\n  const produceFile = React.useCallback(\n    (name: string, mimeType: string, lastModifiedDate?: string): Promise<globalThis.File> =>\n      new Promise((resolve, reject) => {\n        const image = imageRef.current;\n        if (!image) {\n          reject(new Error('Image not ready: call init() before produceFile().'));\n          return;\n        }\n        const canvas = document.createElement('canvas');\n        canvas.width = Math.max(1, Math.round(crop.width));\n        canvas.height = Math.max(1, Math.round(crop.height));\n        const context = canvas.getContext('2d');\n        if (!context) {\n          reject(new Error('Could not get a 2D canvas context to crop the image.'));\n          return;\n        }\n        context.drawImage(\n          image,\n          crop.x,\n          crop.y,\n          crop.width,\n          crop.height,\n          0,\n          0,\n          canvas.width,\n          canvas.height\n        );\n        canvas.toBlob(\n          (blob) => {\n            if (!blob) {\n              reject(new Error('Could not export the cropped image to a blob.'));\n              return;\n            }\n            resolve(\n              new File([blob], name, {\n                type: mimeType,\n                lastModified: lastModifiedDate ? new Date(lastModifiedDate).getTime() : Date.now(),\n              })\n            );\n          },\n          mimeType,\n          QUALITY\n        );\n      }),\n    [crop.x, crop.y, crop.width, crop.height]\n  );\n\n  return {\n    init,\n    crop,\n    naturalSize,\n    aspectRatio,\n    setCropSize,\n    setCropPosition,\n    setAspectRatio,\n    produceFile,\n    // Round-aware getters for the px inputs.\n    width: Math.round(crop.width),\n    height: Math.round(crop.height),\n  };\n};\n"],"names":["QUALITY","resolveCornerResize","anchorX","anchorY","point","aspectRatio","width","Math","abs","x","height","y","useCropImg","naturalSize","setNaturalSize","React","useState","crop","setCrop","setAspectRatioState","imageRef","useRef","init","useCallback","image","current","next","naturalWidth","naturalHeight","clamp","value","min","max","setCropSize","prev","maxW","maxH","undefined","setCropPosition","setAspectRatio","ratio","round","produceFile","name","mimeType","lastModifiedDate","Promise","resolve","reject","Error","canvas","document","createElement","context","getContext","drawImage","toBlob","blob","File","type","lastModified","Date","getTime","now"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"useCropImg.mjs","sources":["../../../../../../../admin/src/future/pages/Assets/components/AssetDetails/useCropImg.ts"],"sourcesContent":["import * as React from 'react';\n\nconst QUALITY = 1;\n\ninterface NaturalSize {\n  width: number;\n  height: number;\n}\n\nexport interface CropRect {\n  /** Origin in natural-px from the image top-left. */\n  x: number;\n  y: number;\n  /** Crop area dimensions in natural px. */\n  width: number;\n  height: number;\n}\n\n/**\n * Resolve a corner-resize drag into a crop rect, keeping the opposite corner\n * (`anchor`) fixed. When `aspectRatio` is set, one dimension is snapped to the\n * ratio first (driven by whichever axis the pointer pushed furthest), then the\n * position is derived from the anchor — so a locked resize never drifts the\n * anchored corner. Pure (no clamping to image bounds; the caller clamps).\n */\nexport const resolveCornerResize = ({\n  anchorX,\n  anchorY,\n  point,\n  aspectRatio,\n}: {\n  anchorX: number;\n  anchorY: number;\n  point: { x: number; y: number };\n  aspectRatio: number | null;\n}): CropRect => {\n  let width = Math.abs(point.x - anchorX);\n  let height = Math.abs(point.y - anchorY);\n\n  if (aspectRatio) {\n    if (width / aspectRatio >= height) {\n      height = width / aspectRatio;\n    } else {\n      width = height * aspectRatio;\n    }\n  }\n\n  const x = point.x < anchorX ? anchorX - width : anchorX;\n  const y = point.y < anchorY ? anchorY - height : anchorY;\n\n  return { x, y, width, height };\n};\n\n/**\n * Custom crop state + file producer. Replaces a cropperjs-based version: the\n * crop rectangle is stored in natural-image pixels (so it stays locked across\n * window resizes), and `AssetCropEditor` overlays a div sized by\n * (cropNatural × displayRatio). produceFile draws the natural-px crop region\n * straight to a canvas.\n */\nexport const useCropImg = () => {\n  const [naturalSize, setNaturalSize] = React.useState<NaturalSize>({ width: 0, height: 0 });\n  const [crop, setCrop] = React.useState<CropRect>({ x: 0, y: 0, width: 0, height: 0 });\n  const [aspectRatio, setAspectRatioState] = React.useState<number | null>(null);\n  const imageRef = React.useRef<HTMLImageElement | null>(null);\n\n  /**\n   * Call from the <img> onLoad handler. Captures the natural dimensions and\n   * seeds the crop to the full image (auto-crop area = 1).\n   */\n  const init = React.useCallback((image: HTMLImageElement) => {\n    imageRef.current = image;\n    const next: NaturalSize = { width: image.naturalWidth, height: image.naturalHeight };\n    setNaturalSize(next);\n    setCrop({ x: 0, y: 0, width: next.width, height: next.height });\n  }, []);\n\n  const clamp = (value: number, min: number, max: number) => Math.min(max, Math.max(min, value));\n\n  /** Update crop dimensions, clamping to remain inside the image bounds. */\n  const setCropSize = React.useCallback(\n    (next: Partial<Pick<CropRect, 'width' | 'height'>>) => {\n      setCrop((prev) => {\n        const maxW = naturalSize.width - prev.x;\n        const maxH = naturalSize.height - prev.y;\n        let width = next.width !== undefined ? clamp(next.width, 1, maxW) : prev.width;\n        let height = next.height !== undefined ? clamp(next.height, 1, maxH) : prev.height;\n\n        if (aspectRatio) {\n          // When aspect locked, the axis the user is editing wins; the other\n          // axis follows. If both changed in one call, prefer width.\n          if (next.width !== undefined) {\n            height = clamp(width / aspectRatio, 1, maxH);\n          } else if (next.height !== undefined) {\n            width = clamp(height * aspectRatio, 1, maxW);\n          }\n        }\n\n        return { ...prev, width, height };\n      });\n    },\n    [naturalSize.width, naturalSize.height, aspectRatio]\n  );\n\n  /** Update crop origin, clamping so the crop stays inside the image. */\n  const setCropPosition = React.useCallback(\n    (next: Partial<Pick<CropRect, 'x' | 'y'>>) => {\n      setCrop((prev) => {\n        const x = next.x !== undefined ? clamp(next.x, 0, naturalSize.width - prev.width) : prev.x;\n        const y =\n          next.y !== undefined ? clamp(next.y, 0, naturalSize.height - prev.height) : prev.y;\n        return { ...prev, x, y };\n      });\n    },\n    [naturalSize.width, naturalSize.height]\n  );\n\n  /** Lock or release the crop aspect ratio. Pass `null` to free it. */\n  const setAspectRatio = React.useCallback(\n    (ratio: number | null) => {\n      setAspectRatioState(ratio);\n      if (ratio) {\n        setCrop((prev) => {\n          // Bring the current rect into the requested ratio without escaping\n          // the image bounds.\n          const maxW = naturalSize.width - prev.x;\n          const maxH = naturalSize.height - prev.y;\n          let width = prev.width;\n          let height = width / ratio;\n          if (height > maxH) {\n            height = maxH;\n            width = height * ratio;\n          }\n          if (width > maxW) {\n            width = maxW;\n            height = width / ratio;\n          }\n          return { ...prev, width: Math.round(width), height: Math.round(height) };\n        });\n      }\n    },\n    [naturalSize.width, naturalSize.height]\n  );\n\n  /**\n   * Draw the crop region from the loaded image element straight to a canvas\n   * and produce a File. The image must be CORS-clean (set crossOrigin on the\n   * <img>); otherwise canvas.toBlob throws on tainted canvas.\n   */\n  const produceFile = React.useCallback(\n    (name: string, mimeType: string, lastModifiedDate?: string): Promise<globalThis.File> =>\n      new Promise((resolve, reject) => {\n        const image = imageRef.current;\n        if (!image) {\n          reject(new Error('Image not ready: call init() before produceFile().'));\n          return;\n        }\n        const canvas = document.createElement('canvas');\n        canvas.width = Math.max(1, Math.round(crop.width));\n        canvas.height = Math.max(1, Math.round(crop.height));\n        const context = canvas.getContext('2d');\n        if (!context) {\n          reject(new Error('Could not get a 2D canvas context to crop the image.'));\n          return;\n        }\n        context.drawImage(\n          image,\n          crop.x,\n          crop.y,\n          crop.width,\n          crop.height,\n          0,\n          0,\n          canvas.width,\n          canvas.height\n        );\n        canvas.toBlob(\n          (blob) => {\n            if (!blob) {\n              reject(new Error('Could not export the cropped image to a blob.'));\n              return;\n            }\n            resolve(\n              new File([blob], name, {\n                type: mimeType,\n                lastModified: lastModifiedDate ? new Date(lastModifiedDate).getTime() : Date.now(),\n              })\n            );\n          },\n          mimeType,\n          QUALITY\n        );\n      }),\n    [crop.x, crop.y, crop.width, crop.height]\n  );\n\n  return {\n    init,\n    crop,\n    naturalSize,\n    aspectRatio,\n    setCropSize,\n    setCropPosition,\n    setAspectRatio,\n    produceFile,\n    // Round-aware getters for the px inputs.\n    width: Math.round(crop.width),\n    height: Math.round(crop.height),\n  };\n};\n"],"names":["QUALITY","resolveCornerResize","anchorX","anchorY","point","aspectRatio","width","Math","abs","x","height","y","useCropImg","naturalSize","setNaturalSize","React","useState","crop","setCrop","setAspectRatioState","imageRef","useRef","init","useCallback","image","current","next","naturalWidth","naturalHeight","clamp","value","min","max","setCropSize","prev","maxW","maxH","undefined","setCropPosition","setAspectRatio","ratio","round","produceFile","name","mimeType","lastModifiedDate","Promise","resolve","reject","Error","canvas","document","createElement","context","getContext","drawImage","toBlob","blob","File","type","lastModified","Date","getTime","now"],"mappings":";;AAEA,MAAMA,OAAAA,GAAU,CAAA;AAgBhB;;;;;;AAMC,IACM,MAAMC,mBAAAA,GAAsB,CAAC,EAClCC,OAAO,EACPC,OAAO,EACPC,KAAK,EACLC,WAAW,EAMZ,GAAA;AACC,IAAA,IAAIC,QAAQC,IAAAA,CAAKC,GAAG,CAACJ,KAAAA,CAAMK,CAAC,GAAGP,OAAAA,CAAAA;AAC/B,IAAA,IAAIQ,SAASH,IAAAA,CAAKC,GAAG,CAACJ,KAAAA,CAAMO,CAAC,GAAGR,OAAAA,CAAAA;AAEhC,IAAA,IAAIE,WAAAA,EAAa;QACf,IAAIC,KAAAA,GAAQD,eAAeK,MAAAA,EAAQ;AACjCA,YAAAA,MAAAA,GAASJ,KAAAA,GAAQD,WAAAA;QACnB,CAAA,MAAO;AACLC,YAAAA,KAAAA,GAAQI,MAAAA,GAASL,WAAAA;AACnB,QAAA;AACF,IAAA;AAEA,IAAA,MAAMI,IAAIL,KAAAA,CAAMK,CAAC,GAAGP,OAAAA,GAAUA,UAAUI,KAAAA,GAAQJ,OAAAA;AAChD,IAAA,MAAMS,IAAIP,KAAAA,CAAMO,CAAC,GAAGR,OAAAA,GAAUA,UAAUO,MAAAA,GAASP,OAAAA;IAEjD,OAAO;AAAEM,QAAAA,CAAAA;AAAGE,QAAAA,CAAAA;AAAGL,QAAAA,KAAAA;AAAOI,QAAAA;AAAO,KAAA;AAC/B;AAEA;;;;;;UAOaE,UAAAA,GAAa,IAAA;AACxB,IAAA,MAAM,CAACC,WAAAA,EAAaC,cAAAA,CAAe,GAAGC,KAAAA,CAAMC,QAAQ,CAAc;QAAEV,KAAAA,EAAO,CAAA;QAAGI,MAAAA,EAAQ;AAAE,KAAA,CAAA;AACxF,IAAA,MAAM,CAACO,IAAAA,EAAMC,OAAAA,CAAQ,GAAGH,KAAAA,CAAMC,QAAQ,CAAW;QAAEP,CAAAA,EAAG,CAAA;QAAGE,CAAAA,EAAG,CAAA;QAAGL,KAAAA,EAAO,CAAA;QAAGI,MAAAA,EAAQ;AAAE,KAAA,CAAA;AACnF,IAAA,MAAM,CAACL,WAAAA,EAAac,mBAAAA,CAAoB,GAAGJ,KAAAA,CAAMC,QAAQ,CAAgB,IAAA,CAAA;IACzE,MAAMI,QAAAA,GAAWL,KAAAA,CAAMM,MAAM,CAA0B,IAAA,CAAA;AAEvD;;;AAGC,MACD,MAAMC,IAAAA,GAAOP,KAAAA,CAAMQ,WAAW,CAAC,CAACC,KAAAA,GAAAA;AAC9BJ,QAAAA,QAAAA,CAASK,OAAO,GAAGD,KAAAA;AACnB,QAAA,MAAME,IAAAA,GAAoB;AAAEpB,YAAAA,KAAAA,EAAOkB,MAAMG,YAAY;AAAEjB,YAAAA,MAAAA,EAAQc,MAAMI;AAAc,SAAA;QACnFd,cAAAA,CAAeY,IAAAA,CAAAA;QACfR,OAAAA,CAAQ;YAAET,CAAAA,EAAG,CAAA;YAAGE,CAAAA,EAAG,CAAA;AAAGL,YAAAA,KAAAA,EAAOoB,KAAKpB,KAAK;AAAEI,YAAAA,MAAAA,EAAQgB,KAAKhB;AAAO,SAAA,CAAA;AAC/D,IAAA,CAAA,EAAG,EAAE,CAAA;AAEL,IAAA,MAAMmB,KAAAA,GAAQ,CAACC,KAAAA,EAAeC,GAAAA,EAAaC,GAAAA,GAAgBzB,IAAAA,CAAKwB,GAAG,CAACC,GAAAA,EAAKzB,IAAAA,CAAKyB,GAAG,CAACD,GAAAA,EAAKD,KAAAA,CAAAA,CAAAA;AAEvF,+EACA,MAAMG,WAAAA,GAAclB,KAAAA,CAAMQ,WAAW,CACnC,CAACG,IAAAA,GAAAA;AACCR,QAAAA,OAAAA,CAAQ,CAACgB,IAAAA,GAAAA;AACP,YAAA,MAAMC,IAAAA,GAAOtB,WAAAA,CAAYP,KAAK,GAAG4B,KAAKzB,CAAC;AACvC,YAAA,MAAM2B,IAAAA,GAAOvB,WAAAA,CAAYH,MAAM,GAAGwB,KAAKvB,CAAC;AACxC,YAAA,IAAIL,KAAAA,GAAQoB,IAAAA,CAAKpB,KAAK,KAAK+B,SAAAA,GAAYR,KAAAA,CAAMH,IAAAA,CAAKpB,KAAK,EAAE,CAAA,EAAG6B,IAAAA,CAAAA,GAAQD,IAAAA,CAAK5B,KAAK;AAC9E,YAAA,IAAII,MAAAA,GAASgB,IAAAA,CAAKhB,MAAM,KAAK2B,SAAAA,GAAYR,KAAAA,CAAMH,IAAAA,CAAKhB,MAAM,EAAE,CAAA,EAAG0B,IAAAA,CAAAA,GAAQF,IAAAA,CAAKxB,MAAM;AAElF,YAAA,IAAIL,WAAAA,EAAa;;;gBAGf,IAAIqB,IAAAA,CAAKpB,KAAK,KAAK+B,SAAAA,EAAW;oBAC5B3B,MAAAA,GAASmB,KAAAA,CAAMvB,KAAAA,GAAQD,WAAAA,EAAa,CAAA,EAAG+B,IAAAA,CAAAA;AACzC,gBAAA,CAAA,MAAO,IAAIV,IAAAA,CAAKhB,MAAM,KAAK2B,SAAAA,EAAW;oBACpC/B,KAAAA,GAAQuB,KAAAA,CAAMnB,MAAAA,GAASL,WAAAA,EAAa,CAAA,EAAG8B,IAAAA,CAAAA;AACzC,gBAAA;AACF,YAAA;YAEA,OAAO;AAAE,gBAAA,GAAGD,IAAI;AAAE5B,gBAAAA,KAAAA;AAAOI,gBAAAA;AAAO,aAAA;AAClC,QAAA,CAAA,CAAA;IACF,CAAA,EACA;AAACG,QAAAA,WAAAA,CAAYP,KAAK;AAAEO,QAAAA,WAAAA,CAAYH,MAAM;AAAEL,QAAAA;AAAY,KAAA,CAAA;AAGtD,4EACA,MAAMiC,eAAAA,GAAkBvB,KAAAA,CAAMQ,WAAW,CACvC,CAACG,IAAAA,GAAAA;AACCR,QAAAA,OAAAA,CAAQ,CAACgB,IAAAA,GAAAA;AACP,YAAA,MAAMzB,IAAIiB,IAAAA,CAAKjB,CAAC,KAAK4B,SAAAA,GAAYR,MAAMH,IAAAA,CAAKjB,CAAC,EAAE,CAAA,EAAGI,YAAYP,KAAK,GAAG4B,KAAK5B,KAAK,CAAA,GAAI4B,KAAKzB,CAAC;AAC1F,YAAA,MAAME,IACJe,IAAAA,CAAKf,CAAC,KAAK0B,SAAAA,GAAYR,MAAMH,IAAAA,CAAKf,CAAC,EAAE,CAAA,EAAGE,YAAYH,MAAM,GAAGwB,KAAKxB,MAAM,CAAA,GAAIwB,KAAKvB,CAAC;YACpF,OAAO;AAAE,gBAAA,GAAGuB,IAAI;AAAEzB,gBAAAA,CAAAA;AAAGE,gBAAAA;AAAE,aAAA;AACzB,QAAA,CAAA,CAAA;IACF,CAAA,EACA;AAACE,QAAAA,WAAAA,CAAYP,KAAK;AAAEO,QAAAA,WAAAA,CAAYH;AAAO,KAAA,CAAA;AAGzC,0EACA,MAAM6B,cAAAA,GAAiBxB,KAAAA,CAAMQ,WAAW,CACtC,CAACiB,KAAAA,GAAAA;QACCrB,mBAAAA,CAAoBqB,KAAAA,CAAAA;AACpB,QAAA,IAAIA,KAAAA,EAAO;AACTtB,YAAAA,OAAAA,CAAQ,CAACgB,IAAAA,GAAAA;;;AAGP,gBAAA,MAAMC,IAAAA,GAAOtB,WAAAA,CAAYP,KAAK,GAAG4B,KAAKzB,CAAC;AACvC,gBAAA,MAAM2B,IAAAA,GAAOvB,WAAAA,CAAYH,MAAM,GAAGwB,KAAKvB,CAAC;gBACxC,IAAIL,KAAAA,GAAQ4B,KAAK5B,KAAK;AACtB,gBAAA,IAAII,SAASJ,KAAAA,GAAQkC,KAAAA;AACrB,gBAAA,IAAI9B,SAAS0B,IAAAA,EAAM;oBACjB1B,MAAAA,GAAS0B,IAAAA;AACT9B,oBAAAA,KAAAA,GAAQI,MAAAA,GAAS8B,KAAAA;AACnB,gBAAA;AACA,gBAAA,IAAIlC,QAAQ6B,IAAAA,EAAM;oBAChB7B,KAAAA,GAAQ6B,IAAAA;AACRzB,oBAAAA,MAAAA,GAASJ,KAAAA,GAAQkC,KAAAA;AACnB,gBAAA;gBACA,OAAO;AAAE,oBAAA,GAAGN,IAAI;oBAAE5B,KAAAA,EAAOC,IAAAA,CAAKkC,KAAK,CAACnC,KAAAA,CAAAA;oBAAQI,MAAAA,EAAQH,IAAAA,CAAKkC,KAAK,CAAC/B,MAAAA;AAAQ,iBAAA;AACzE,YAAA,CAAA,CAAA;AACF,QAAA;IACF,CAAA,EACA;AAACG,QAAAA,WAAAA,CAAYP,KAAK;AAAEO,QAAAA,WAAAA,CAAYH;AAAO,KAAA,CAAA;AAGzC;;;;AAIC,MACD,MAAMgC,WAAAA,GAAc3B,KAAAA,CAAMQ,WAAW,CACnC,CAACoB,IAAAA,EAAcC,QAAAA,EAAkBC,gBAAAA,GAC/B,IAAIC,OAAAA,CAAQ,CAACC,OAAAA,EAASC,MAAAA,GAAAA;YACpB,MAAMxB,KAAAA,GAAQJ,SAASK,OAAO;AAC9B,YAAA,IAAI,CAACD,KAAAA,EAAO;AACVwB,gBAAAA,MAAAA,CAAO,IAAIC,KAAAA,CAAM,oDAAA,CAAA,CAAA;AACjB,gBAAA;AACF,YAAA;YACA,MAAMC,MAAAA,GAASC,QAAAA,CAASC,aAAa,CAAC,QAAA,CAAA;YACtCF,MAAAA,CAAO5C,KAAK,GAAGC,IAAAA,CAAKyB,GAAG,CAAC,GAAGzB,IAAAA,CAAKkC,KAAK,CAACxB,IAAAA,CAAKX,KAAK,CAAA,CAAA;YAChD4C,MAAAA,CAAOxC,MAAM,GAAGH,IAAAA,CAAKyB,GAAG,CAAC,GAAGzB,IAAAA,CAAKkC,KAAK,CAACxB,IAAAA,CAAKP,MAAM,CAAA,CAAA;YAClD,MAAM2C,OAAAA,GAAUH,MAAAA,CAAOI,UAAU,CAAC,IAAA,CAAA;AAClC,YAAA,IAAI,CAACD,OAAAA,EAAS;AACZL,gBAAAA,MAAAA,CAAO,IAAIC,KAAAA,CAAM,sDAAA,CAAA,CAAA;AACjB,gBAAA;AACF,YAAA;YACAI,OAAAA,CAAQE,SAAS,CACf/B,KAAAA,EACAP,IAAAA,CAAKR,CAAC,EACNQ,IAAAA,CAAKN,CAAC,EACNM,IAAAA,CAAKX,KAAK,EACVW,IAAAA,CAAKP,MAAM,EACX,CAAA,EACA,GACAwC,MAAAA,CAAO5C,KAAK,EACZ4C,MAAAA,CAAOxC,MAAM,CAAA;YAEfwC,MAAAA,CAAOM,MAAM,CACX,CAACC,IAAAA,GAAAA;AACC,gBAAA,IAAI,CAACA,IAAAA,EAAM;AACTT,oBAAAA,MAAAA,CAAO,IAAIC,KAAAA,CAAM,+CAAA,CAAA,CAAA;AACjB,oBAAA;AACF,gBAAA;AACAF,gBAAAA,OAAAA,CACE,IAAIW,IAAAA,CAAK;AAACD,oBAAAA;AAAK,iBAAA,EAAEd,IAAAA,EAAM;oBACrBgB,IAAAA,EAAMf,QAAAA;AACNgB,oBAAAA,YAAAA,EAAcf,mBAAmB,IAAIgB,IAAAA,CAAKhB,kBAAkBiB,OAAO,EAAA,GAAKD,KAAKE,GAAG;AAClF,iBAAA,CAAA,CAAA;AAEJ,YAAA,CAAA,EACAnB,QAAAA,EACA5C,OAAAA,CAAAA;QAEJ,CAAA,CAAA,EACF;AAACiB,QAAAA,IAAAA,CAAKR,CAAC;AAAEQ,QAAAA,IAAAA,CAAKN,CAAC;AAAEM,QAAAA,IAAAA,CAAKX,KAAK;AAAEW,QAAAA,IAAAA,CAAKP;AAAO,KAAA,CAAA;IAG3C,OAAO;AACLY,QAAAA,IAAAA;AACAL,QAAAA,IAAAA;AACAJ,QAAAA,WAAAA;AACAR,QAAAA,WAAAA;AACA4B,QAAAA,WAAAA;AACAK,QAAAA,eAAAA;AACAC,QAAAA,cAAAA;AACAG,QAAAA,WAAAA;;AAEApC,QAAAA,KAAAA,EAAOC,IAAAA,CAAKkC,KAAK,CAACxB,IAAAA,CAAKX,KAAK,CAAA;AAC5BI,QAAAA,MAAAA,EAAQH,IAAAA,CAAKkC,KAAK,CAACxB,IAAAA,CAAKP,MAAM;AAChC,KAAA;AACF;;;;"}