@strapi/admin 5.37.1 → 5.38.1

package/dist/admin/admin/src/components/ResizeIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResizeIndicator.js","sources":["../../../../../admin/src/components/ResizeIndicator.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\nimport {\n  isValidResize,\n  calculateTargetWidths,\n  shouldTriggerResize,\n  calculateResizeHandlePosition,\n  calculateRowBounds,\n} from '../utils/resizeHandlers';\nimport { getWidgetElement, getWidgetGridContainer } from '../utils/widgetLayout';\n\nimport type { WidgetWithUID } from '../core/apis/Widgets';\n\nconst INDICATOR_SIZE = 20;\n\ninterface ResizeIndicatorProps {\n  isVisible: boolean;\n  position: { left: number; top: number; height: number };\n  currentLeftWidth: number;\n  currentRightWidth: number;\n  totalColumns?: number;\n  rowPosition?: { left: number; top: number; width: number; height: number } | null;\n}\n\nconst IndicatorContainer = styled(Box)<{ $isVisible: boolean }>`\n  position: absolute;\n  z-index: 1;\n  pointer-events: none;\n  opacity: ${({ $isVisible }) => ($isVisible ? 1 : 0)};\n  transition: opacity 0.2s ease-in-out;\n  background: transparent;\n  height: ${INDICATOR_SIZE}px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nconst DotContainer = styled(Box)<{ $position: number }>`\n  position: absolute;\n  top: 50%;\n  left: ${({ $position }) => $position}%;\n  transform: translate(-50%, -50%);\n`;\n\nconst Dot = styled(Box)<{ $isActive: boolean; $isCurrent: boolean }>`\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background-color: ${({ $isActive, $isCurrent, theme }) => {\n    if ($isCurrent) return theme.colors.primary600;\n    if ($isActive) return theme.colors.primary500;\n    return theme.colors.neutral300;\n  }};\n  transition: all 0.2s ease-in-out;\n  box-shadow: ${({ $isCurrent, theme }) =>\n    $isCurrent ? `0 0 0 3px ${theme.colors.primary100}` : 'none'};\n  transform: ${({ $isCurrent }) => ($isCurrent ? 'scale(1.2)' : 'scale(1)')};\n`;\n\nconst calculateGapAdjustment = (rowWidth: number, leftColumns: number): number => {\n  const dotWidth = 6;\n  const gapAdjustmentPixels = dotWidth / 2; // Half dot width to center on boundary\n  const gapAdjustmentPercent = (gapAdjustmentPixels / rowWidth) * 100;\n\n  // Different adjustments for different positions\n  switch (leftColumns) {\n    case 4:\n      return -gapAdjustmentPercent; // Left dot\n    case 8:\n      return gapAdjustmentPercent; // Right dot\n    default: // Center dot\n      return 0;\n  }\n};\n\nconst ResizeIndicator = ({\n  isVisible,\n  position,\n  currentLeftWidth,\n  currentRightWidth,\n  totalColumns = 12,\n  rowPosition,\n}: ResizeIndicatorProps) => {\n  // Calculate available resize positions accounting for grid gaps\n  const availablePositions = React.useMemo(() => {\n    const rowWidth = rowPosition?.width || 800;\n\n    return [4, 6, 8].map((left) => {\n      const right = totalColumns - left;\n      const basePosition = (left / totalColumns) * 100;\n      const gapAdjustment = calculateGapAdjustment(rowWidth, left);\n      const positionPercent = basePosition + gapAdjustment;\n\n      return { left, right, positionPercent };\n    });\n  }, [totalColumns, rowPosition?.width]);\n\n  // Find the current position index\n  const currentPositionIndex = React.useMemo(() => {\n    return availablePositions.findIndex(\n      (pos) => pos.left === currentLeftWidth && pos.right === currentRightWidth\n    );\n  }, [availablePositions, currentLeftWidth, currentRightWidth]);\n\n  if (!isVisible) {\n    return null;\n  }\n\n  // Calculate positioning - indicator always spans the full row width\n  const indicatorTop = rowPosition\n    ? rowPosition.top - INDICATOR_SIZE\n    : Math.max(10, position.top + position.height / 2 - 40);\n  const isCurrent = (index: number) => index === currentPositionIndex;\n  const isActive = (index: number) => Math.abs(index - currentPositionIndex) <= 1;\n\n  return (\n    <IndicatorContainer\n      $isVisible={isVisible}\n      style={{\n        left: rowPosition ? `${rowPosition.left}px` : `${position.left + 10}px`,\n        top: `${indicatorTop}px`,\n        width: rowPosition ? `${rowPosition.width}px` : 'auto',\n      }}\n    >\n      {availablePositions.map((pos, index) => {\n        return (\n          <DotContainer key={`${pos.left}-${pos.right}`} $position={pos.positionPercent}>\n            <Dot $isActive={isActive(index)} $isCurrent={isCurrent(index)} />\n          </DotContainer>\n        );\n      })}\n    </IndicatorContainer>\n  );\n};\nconst ResizeHandleContainer = styled(Box)<{ $isDragging?: boolean }>`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: ${INDICATOR_SIZE}px;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  opacity: 0.8;\n  transition: opacity 0.2s ease-in-out;\n  cursor: col-resize;\n  background-color: ${({ $isDragging }) => ($isDragging ? 'rgba(0, 0, 0, 0.1)' : 'transparent')};\n`;\n\nconst ResizeHandleBar = styled(Box)<{ $isDragging?: boolean }>`\n  width: 2px;\n  height: 100%;\n  background-color: ${({ theme }) => theme.colors.primary500};\n  border-radius: 1px;\n  opacity: 0;\n  transition: opacity 0.2s ease-in-out;\n\n  ${ResizeHandleContainer}:hover & {\n    opacity: 0.8;\n  }\n\n  ${({ $isDragging }) => $isDragging && `opacity: 0.8;`}\n`;\n\ninterface WidgetResizeHandleProps {\n  leftWidgetId: string;\n  rightWidgetId: string;\n  leftWidgetWidth: number;\n  rightWidgetWidth: number;\n  onResize: (\n    leftWidgetId: string,\n    rightWidgetId: string,\n    newLeftWidth: number,\n    newRightWidth: number\n  ) => void;\n  saveLayout: () => void;\n  filteredWidgets?: WidgetWithUID[];\n}\n\nexport const WidgetResizeHandle = ({\n  leftWidgetId,\n  rightWidgetId,\n  leftWidgetWidth,\n  rightWidgetWidth,\n  onResize,\n  saveLayout,\n}: WidgetResizeHandleProps) => {\n  const [state, setState] = React.useState({\n    isDragging: false,\n    startX: 0,\n    startLeftWidth: 0,\n    startRightWidth: 0,\n    position: { left: 0, top: 0, height: 0 },\n    lastResizeValues: { leftWidth: 0, rightWidth: 0 },\n    currentResizeValues: { leftWidth: leftWidgetWidth, rightWidth: rightWidgetWidth },\n    rowPosition: null as { left: number; top: number; width: number; height: number } | null,\n  });\n\n  const throttleRef = React.useRef<NodeJS.Timeout | null>(null);\n\n  const handleResize = React.useCallback(\n    (deltaColumns: number) => {\n      // Only resize if there's significant movement (dead zone)\n      if (Math.abs(deltaColumns) < 0.25) {\n        return;\n      }\n\n      // Calculate target widths\n      const { targetLeftWidth, targetRightWidth } = calculateTargetWidths(\n        deltaColumns,\n        state.startLeftWidth,\n        state.startRightWidth\n      );\n\n      // Validate the resize\n      if (!isValidResize(targetLeftWidth, targetRightWidth)) {\n        return;\n      }\n\n      // Update current resize values for the indicator\n      setState((prev) => ({\n        ...prev,\n        currentResizeValues: { leftWidth: targetLeftWidth, rightWidth: targetRightWidth },\n      }));\n\n      // Only trigger resize if values have changed\n      if (shouldTriggerResize(targetLeftWidth, targetRightWidth, state.lastResizeValues)) {\n        setState((prev) => ({\n          ...prev,\n          lastResizeValues: { leftWidth: targetLeftWidth, rightWidth: targetRightWidth },\n        }));\n        onResize(leftWidgetId, rightWidgetId, targetLeftWidth, targetRightWidth);\n      }\n    },\n    [\n      leftWidgetId,\n      rightWidgetId,\n      onResize,\n      state.startLeftWidth,\n      state.startRightWidth,\n      state.lastResizeValues,\n    ]\n  );\n\n  const handlePointerMove = React.useCallback(\n    (e: PointerEvent) => {\n      if (!state.isDragging) return;\n\n      // Clear any existing throttle timeout\n      if (throttleRef.current) {\n        clearTimeout(throttleRef.current);\n      }\n\n      // Throttle the resize calls to prevent excessive updates\n      throttleRef.current = setTimeout(() => {\n        const deltaX = e.clientX - state.startX;\n        const threshold = 120; // Pixels per column unit\n        const deltaColumns = Math.round(deltaX / threshold);\n\n        handleResize(deltaColumns);\n      }, 0);\n    },\n    [state.isDragging, state.startX, handleResize]\n  );\n\n  // Handle pointer up to end drag\n  const handlePointerUp = React.useCallback(() => {\n    // Clear any pending throttle timeout\n    if (throttleRef.current) {\n      clearTimeout(throttleRef.current);\n      throttleRef.current = null;\n    }\n\n    // Save the layout\n    saveLayout();\n\n    // Reset last resize values and stop dragging\n    setState((prev) => ({\n      ...prev,\n      lastResizeValues: { leftWidth: 0, rightWidth: 0 },\n      currentResizeValues: { leftWidth: leftWidgetWidth, rightWidth: rightWidgetWidth },\n      isDragging: false,\n    }));\n  }, [leftWidgetWidth, rightWidgetWidth, saveLayout]);\n\n  // Handle pointer down to start drag\n  const handlePointerDown = React.useCallback(\n    (e: React.PointerEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n\n      setState((prev) => ({\n        ...prev,\n        isDragging: true,\n        startX: e.clientX,\n        startLeftWidth: leftWidgetWidth,\n        startRightWidth: rightWidgetWidth,\n      }));\n    },\n    [leftWidgetWidth, rightWidgetWidth]\n  );\n\n  // Set up drag event listeners\n  React.useEffect(() => {\n    if (state.isDragging) {\n      document.addEventListener('pointermove', handlePointerMove);\n      document.addEventListener('pointerup', handlePointerUp);\n\n      return () => {\n        document.removeEventListener('pointermove', handlePointerMove);\n        document.removeEventListener('pointerup', handlePointerUp);\n      };\n    }\n  }, [state.isDragging, handlePointerMove, handlePointerUp]);\n\n  // Set up resize observer for position updates - watching widgets and grid container\n  React.useLayoutEffect(() => {\n    const leftElement = getWidgetElement(leftWidgetId);\n    const rightElement = getWidgetElement(rightWidgetId);\n    const containerElement = getWidgetGridContainer();\n\n    const updatePosition = () => {\n      const position = calculateResizeHandlePosition(leftElement, rightElement, containerElement);\n      const rowPosition = calculateRowBounds(leftElement, rightElement, containerElement);\n\n      setState((prev) => ({\n        ...prev,\n        position,\n        rowPosition,\n      }));\n    };\n\n    // Create ResizeObserver to watch widgets and grid container\n    const resizeObserver = new ResizeObserver(updatePosition);\n\n    // Observe all relevant elements\n    if (leftElement) resizeObserver.observe(leftElement);\n    if (rightElement) resizeObserver.observe(rightElement);\n    if (containerElement) resizeObserver.observe(containerElement);\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [leftWidgetId, rightWidgetId]);\n\n  // Cleanup throttle timeout on unmount\n  React.useEffect(() => {\n    return () => {\n      if (throttleRef.current) {\n        clearTimeout(throttleRef.current);\n      }\n    };\n  }, []);\n\n  return (\n    <>\n      <ResizeHandleContainer\n        onPointerDown={handlePointerDown}\n        style={{\n          transform: `translate(${state.position.left}px, ${state.position.top}px)`,\n          height: `${state.position.height}px`,\n        }}\n      >\n        <ResizeHandleBar $isDragging={state.isDragging} />\n      </ResizeHandleContainer>\n\n      <ResizeIndicator\n        isVisible={state.isDragging}\n        position={state.position}\n        currentLeftWidth={state.currentResizeValues.leftWidth}\n        currentRightWidth={state.currentResizeValues.rightWidth}\n        rowPosition={state.rowPosition}\n      />\n    </>\n  );\n};\n"],"names":["INDICATOR_SIZE","IndicatorContainer","styled","Box","$isVisible","DotContainer","$position","Dot","$isActive","$isCurrent","theme","colors","primary600","primary500","neutral300","primary100","calculateGapAdjustment","rowWidth","leftColumns","dotWidth","gapAdjustmentPixels","gapAdjustmentPercent","ResizeIndicator","isVisible","position","currentLeftWidth","currentRightWidth","totalColumns","rowPosition","availablePositions","React","useMemo","width","map","left","right","basePosition","gapAdjustment","positionPercent","currentPositionIndex","findIndex","pos","indicatorTop","top","Math","max","height","isCurrent","index","isActive","abs","_jsx","style","ResizeHandleContainer","$isDragging","ResizeHandleBar","WidgetResizeHandle","leftWidgetId","rightWidgetId","leftWidgetWidth","rightWidgetWidth","onResize","saveLayout","state","setState","useState","isDragging","startX","startLeftWidth","startRightWidth","lastResizeValues","leftWidth","rightWidth","currentResizeValues","throttleRef","useRef","handleResize","useCallback","deltaColumns","targetLeftWidth","targetRightWidth","calculateTargetWidths","isValidResize","prev","shouldTriggerResize","handlePointerMove","e","current","clearTimeout","setTimeout","deltaX","clientX","threshold","round","handlePointerUp","handlePointerDown","preventDefault","stopPropagation","useEffect","document","addEventListener","removeEventListener","useLayoutEffect","leftElement","getWidgetElement","rightElement","containerElement","getWidgetGridContainer","updatePosition","calculateResizeHandlePosition","calculateRowBounds","resizeObserver","ResizeObserver","observe","disconnect","_jsxs","_Fragment","onPointerDown","transform"],"mappings":"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"}
+{"version":3,"file":"ResizeIndicator.js","sources":["../../../../../admin/src/components/ResizeIndicator.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\nimport {\n  isValidResize,\n  calculateTargetWidths,\n  shouldTriggerResize,\n  calculateResizeHandlePosition,\n  calculateRowBounds,\n} from '../utils/resizeHandlers';\nimport { getWidgetElement, getWidgetGridContainer } from '../utils/widgetLayout';\n\nimport type { WidgetWithUID } from '../core/apis/Widgets';\n\nconst INDICATOR_SIZE = 20;\n\ninterface ResizeIndicatorProps {\n  isVisible: boolean;\n  position: { left: number; top: number; height: number };\n  currentLeftWidth: number;\n  currentRightWidth: number;\n  totalColumns?: number;\n  rowPosition?: { left: number; top: number; width: number; height: number } | null;\n}\n\nconst IndicatorContainer = styled(Box)<{ $isVisible: boolean }>`\n  position: absolute;\n  z-index: 1;\n  pointer-events: none;\n  opacity: ${({ $isVisible }) => ($isVisible ? 1 : 0)};\n  transition: opacity 0.2s ease-in-out;\n  background: transparent;\n  height: ${INDICATOR_SIZE}px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nconst DotContainer = styled(Box)<{ $position: number }>`\n  position: absolute;\n  top: 50%;\n  left: ${({ $position }) => $position}%;\n  transform: translate(-50%, -50%);\n`;\n\nconst Dot = styled(Box)<{ $isActive: boolean; $isCurrent: boolean }>`\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background-color: ${({ $isActive, $isCurrent, theme }) => {\n    if ($isCurrent) return theme.colors.primary600;\n    if ($isActive) return theme.colors.primary500;\n    return theme.colors.neutral300;\n  }};\n  transition: all 0.2s ease-in-out;\n  box-shadow: ${({ $isCurrent, theme }) =>\n    $isCurrent ? `0 0 0 3px ${theme.colors.primary100}` : 'none'};\n  transform: ${({ $isCurrent }) => ($isCurrent ? 'scale(1.2)' : 'scale(1)')};\n`;\n\nconst calculateGapAdjustment = (rowWidth: number, leftColumns: number): number => {\n  const dotWidth = 6;\n  const gapAdjustmentPixels = dotWidth / 2; // Half dot width to center on boundary\n  const gapAdjustmentPercent = (gapAdjustmentPixels / rowWidth) * 100;\n\n  // Different adjustments for different positions\n  switch (leftColumns) {\n    case 4:\n      return -gapAdjustmentPercent; // Left dot\n    case 8:\n      return gapAdjustmentPercent; // Right dot\n    default: // Center dot\n      return 0;\n  }\n};\n\nconst ResizeIndicator = ({\n  isVisible,\n  position,\n  currentLeftWidth,\n  currentRightWidth,\n  totalColumns = 12,\n  rowPosition,\n}: ResizeIndicatorProps) => {\n  // Calculate available resize positions accounting for grid gaps\n  const availablePositions = React.useMemo(() => {\n    const rowWidth = rowPosition?.width || 800;\n\n    return [4, 6, 8].map((left) => {\n      const right = totalColumns - left;\n      const basePosition = (left / totalColumns) * 100;\n      const gapAdjustment = calculateGapAdjustment(rowWidth, left);\n      const positionPercent = basePosition + gapAdjustment;\n\n      return { left, right, positionPercent };\n    });\n  }, [totalColumns, rowPosition?.width]);\n\n  // Find the current position index\n  const currentPositionIndex = React.useMemo(() => {\n    return availablePositions.findIndex(\n      (pos) => pos.left === currentLeftWidth && pos.right === currentRightWidth\n    );\n  }, [availablePositions, currentLeftWidth, currentRightWidth]);\n\n  if (!isVisible) {\n    return null;\n  }\n\n  // Calculate positioning - indicator always spans the full row width\n  const indicatorTop = rowPosition\n    ? rowPosition.top - INDICATOR_SIZE\n    : Math.max(10, position.top + position.height / 2 - 40);\n  const isCurrent = (index: number) => index === currentPositionIndex;\n  const isActive = (index: number) => Math.abs(index - currentPositionIndex) <= 1;\n\n  return (\n    <IndicatorContainer\n      $isVisible={isVisible}\n      style={{\n        left: rowPosition ? `${rowPosition.left}px` : `${position.left + 10}px`,\n        top: `${indicatorTop}px`,\n        width: rowPosition ? `${rowPosition.width}px` : 'auto',\n      }}\n    >\n      {availablePositions.map((pos, index) => {\n        return (\n          <DotContainer key={`${pos.left}-${pos.right}`} $position={pos.positionPercent}>\n            <Dot $isActive={isActive(index)} $isCurrent={isCurrent(index)} />\n          </DotContainer>\n        );\n      })}\n    </IndicatorContainer>\n  );\n};\nconst ResizeHandleContainer = styled(Box)<{ $isDragging?: boolean }>`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: ${INDICATOR_SIZE}px;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  opacity: 0.8;\n  transition: opacity 0.2s ease-in-out;\n  cursor: col-resize;\n  background-color: ${({ $isDragging }) => ($isDragging ? 'rgba(0, 0, 0, 0.1)' : 'transparent')};\n`;\n\nconst ResizeHandleBar = styled(Box)<{ $isDragging?: boolean }>`\n  width: 2px;\n  height: 100%;\n  background-color: ${({ theme }) => theme.colors.primary500};\n  border-radius: 1px;\n  opacity: 0;\n  transition: opacity 0.2s ease-in-out;\n\n  ${ResizeHandleContainer}:hover & {\n    opacity: 0.8;\n  }\n\n  ${({ $isDragging }) => $isDragging && `opacity: 0.8;`}\n`;\n\ninterface WidgetResizeHandleProps {\n  leftWidgetId: string;\n  rightWidgetId: string;\n  leftWidgetWidth: number;\n  rightWidgetWidth: number;\n  onResize: (\n    leftWidgetId: string,\n    rightWidgetId: string,\n    newLeftWidth: number,\n    newRightWidth: number\n  ) => void;\n  saveLayout: () => void;\n  filteredWidgets?: WidgetWithUID[];\n}\n\nexport const WidgetResizeHandle = ({\n  leftWidgetId,\n  rightWidgetId,\n  leftWidgetWidth,\n  rightWidgetWidth,\n  onResize,\n  saveLayout,\n}: WidgetResizeHandleProps) => {\n  const [state, setState] = React.useState({\n    isDragging: false,\n    startX: 0,\n    startLeftWidth: 0,\n    startRightWidth: 0,\n    position: { left: 0, top: 0, height: 0 },\n    lastResizeValues: { leftWidth: 0, rightWidth: 0 },\n    currentResizeValues: { leftWidth: leftWidgetWidth, rightWidth: rightWidgetWidth },\n    rowPosition: null as { left: number; top: number; width: number; height: number } | null,\n  });\n\n  const throttleRef = React.useRef<NodeJS.Timeout | null>(null);\n\n  const handleResize = React.useCallback(\n    (deltaColumns: number) => {\n      // Only resize if there's significant movement (dead zone)\n      if (Math.abs(deltaColumns) < 0.25) {\n        return;\n      }\n\n      // Calculate target widths\n      const { targetLeftWidth, targetRightWidth } = calculateTargetWidths(\n        deltaColumns,\n        state.startLeftWidth,\n        state.startRightWidth\n      );\n\n      // Validate the resize\n      if (!isValidResize(targetLeftWidth, targetRightWidth)) {\n        return;\n      }\n\n      // Update current resize values for the indicator\n      setState((prev) => ({\n        ...prev,\n        currentResizeValues: { leftWidth: targetLeftWidth, rightWidth: targetRightWidth },\n      }));\n\n      // Only trigger resize if values have changed\n      if (shouldTriggerResize(targetLeftWidth, targetRightWidth, state.lastResizeValues)) {\n        setState((prev) => ({\n          ...prev,\n          lastResizeValues: { leftWidth: targetLeftWidth, rightWidth: targetRightWidth },\n        }));\n        onResize(leftWidgetId, rightWidgetId, targetLeftWidth, targetRightWidth);\n      }\n    },\n    [\n      leftWidgetId,\n      rightWidgetId,\n      onResize,\n      state.startLeftWidth,\n      state.startRightWidth,\n      state.lastResizeValues,\n    ]\n  );\n\n  const handlePointerMove = React.useCallback(\n    (e: PointerEvent) => {\n      if (!state.isDragging) return;\n\n      // Clear any existing throttle timeout\n      if (throttleRef.current) {\n        clearTimeout(throttleRef.current);\n      }\n\n      // Throttle the resize calls to prevent excessive updates\n      throttleRef.current = setTimeout(() => {\n        const deltaX = e.clientX - state.startX;\n        const threshold = 120; // Pixels per column unit\n        const deltaColumns = Math.round(deltaX / threshold);\n\n        handleResize(deltaColumns);\n      }, 0);\n    },\n    [state.isDragging, state.startX, handleResize]\n  );\n\n  // Handle pointer up to end drag\n  const handlePointerUp = React.useCallback(() => {\n    // Clear any pending throttle timeout\n    if (throttleRef.current) {\n      clearTimeout(throttleRef.current);\n      throttleRef.current = null;\n    }\n\n    // Save the layout\n    saveLayout();\n\n    // Reset last resize values and stop dragging\n    setState((prev) => ({\n      ...prev,\n      lastResizeValues: { leftWidth: 0, rightWidth: 0 },\n      currentResizeValues: { leftWidth: leftWidgetWidth, rightWidth: rightWidgetWidth },\n      isDragging: false,\n    }));\n  }, [leftWidgetWidth, rightWidgetWidth, saveLayout]);\n\n  // Handle pointer down to start drag\n  const handlePointerDown = React.useCallback(\n    (e: React.PointerEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n\n      setState((prev) => ({\n        ...prev,\n        isDragging: true,\n        startX: e.clientX,\n        startLeftWidth: leftWidgetWidth,\n        startRightWidth: rightWidgetWidth,\n      }));\n    },\n    [leftWidgetWidth, rightWidgetWidth]\n  );\n\n  // Set up drag event listeners\n  React.useEffect(() => {\n    if (state.isDragging) {\n      document.addEventListener('pointermove', handlePointerMove);\n      document.addEventListener('pointerup', handlePointerUp);\n\n      return () => {\n        document.removeEventListener('pointermove', handlePointerMove);\n        document.removeEventListener('pointerup', handlePointerUp);\n      };\n    }\n  }, [state.isDragging, handlePointerMove, handlePointerUp]);\n\n  // Set up resize observer for position updates - watching widgets and grid container\n  React.useLayoutEffect(() => {\n    const leftElement = getWidgetElement(leftWidgetId);\n    const rightElement = getWidgetElement(rightWidgetId);\n    const containerElement = getWidgetGridContainer();\n\n    const updatePosition = () => {\n      const position = calculateResizeHandlePosition(leftElement, rightElement, containerElement);\n      const rowPosition = calculateRowBounds(leftElement, rightElement, containerElement);\n\n      setState((prev) => ({\n        ...prev,\n        position,\n        rowPosition,\n      }));\n    };\n\n    // Create ResizeObserver to watch widgets and grid container\n    const resizeObserver = new ResizeObserver(updatePosition);\n\n    // Observe all relevant elements\n    if (leftElement) resizeObserver.observe(leftElement);\n    if (rightElement) resizeObserver.observe(rightElement);\n    if (containerElement) resizeObserver.observe(containerElement);\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [leftWidgetId, rightWidgetId]);\n\n  // Cleanup throttle timeout on unmount\n  React.useEffect(() => {\n    return () => {\n      if (throttleRef.current) {\n        clearTimeout(throttleRef.current);\n      }\n    };\n  }, []);\n\n  return (\n    <>\n      <ResizeHandleContainer\n        onPointerDown={handlePointerDown}\n        style={{\n          transform: `translate(${state.position.left}px, ${state.position.top}px)`,\n          height: `${state.position.height}px`,\n        }}\n      >\n        <ResizeHandleBar $isDragging={state.isDragging} />\n      </ResizeHandleContainer>\n\n      <ResizeIndicator\n        isVisible={state.isDragging}\n        position={state.position}\n        currentLeftWidth={state.currentResizeValues.leftWidth}\n        currentRightWidth={state.currentResizeValues.rightWidth}\n        rowPosition={state.rowPosition}\n      />\n    </>\n  );\n};\n"],"names":["INDICATOR_SIZE","IndicatorContainer","styled","Box","$isVisible","DotContainer","$position","Dot","$isActive","$isCurrent","theme","colors","primary600","primary500","neutral300","primary100","calculateGapAdjustment","rowWidth","leftColumns","dotWidth","gapAdjustmentPixels","gapAdjustmentPercent","ResizeIndicator","isVisible","position","currentLeftWidth","currentRightWidth","totalColumns","rowPosition","availablePositions","React","useMemo","width","map","left","right","basePosition","gapAdjustment","positionPercent","currentPositionIndex","findIndex","pos","indicatorTop","top","Math","max","height","isCurrent","index","isActive","abs","_jsx","style","ResizeHandleContainer","$isDragging","ResizeHandleBar","WidgetResizeHandle","leftWidgetId","rightWidgetId","leftWidgetWidth","rightWidgetWidth","onResize","saveLayout","state","setState","useState","isDragging","startX","startLeftWidth","startRightWidth","lastResizeValues","leftWidth","rightWidth","currentResizeValues","throttleRef","useRef","handleResize","useCallback","deltaColumns","targetLeftWidth","targetRightWidth","calculateTargetWidths","isValidResize","prev","shouldTriggerResize","handlePointerMove","e","current","clearTimeout","setTimeout","deltaX","clientX","threshold","round","handlePointerUp","handlePointerDown","preventDefault","stopPropagation","useEffect","document","addEventListener","removeEventListener","useLayoutEffect","leftElement","getWidgetElement","rightElement","containerElement","getWidgetGridContainer","updatePosition","calculateResizeHandlePosition","calculateRowBounds","resizeObserver","ResizeObserver","observe","disconnect","_jsxs","_Fragment","onPointerDown","transform"],"mappings":"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"}

package/dist/admin/admin/src/components/ResizeIndicator.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ResizeIndicator.mjs","sources":["../../../../../admin/src/components/ResizeIndicator.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\nimport {\n  isValidResize,\n  calculateTargetWidths,\n  shouldTriggerResize,\n  calculateResizeHandlePosition,\n  calculateRowBounds,\n} from '../utils/resizeHandlers';\nimport { getWidgetElement, getWidgetGridContainer } from '../utils/widgetLayout';\n\nimport type { WidgetWithUID } from '../core/apis/Widgets';\n\nconst INDICATOR_SIZE = 20;\n\ninterface ResizeIndicatorProps {\n  isVisible: boolean;\n  position: { left: number; top: number; height: number };\n  currentLeftWidth: number;\n  currentRightWidth: number;\n  totalColumns?: number;\n  rowPosition?: { left: number; top: number; width: number; height: number } | null;\n}\n\nconst IndicatorContainer = styled(Box)<{ $isVisible: boolean }>`\n  position: absolute;\n  z-index: 1;\n  pointer-events: none;\n  opacity: ${({ $isVisible }) => ($isVisible ? 1 : 0)};\n  transition: opacity 0.2s ease-in-out;\n  background: transparent;\n  height: ${INDICATOR_SIZE}px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nconst DotContainer = styled(Box)<{ $position: number }>`\n  position: absolute;\n  top: 50%;\n  left: ${({ $position }) => $position}%;\n  transform: translate(-50%, -50%);\n`;\n\nconst Dot = styled(Box)<{ $isActive: boolean; $isCurrent: boolean }>`\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background-color: ${({ $isActive, $isCurrent, theme }) => {\n    if ($isCurrent) return theme.colors.primary600;\n    if ($isActive) return theme.colors.primary500;\n    return theme.colors.neutral300;\n  }};\n  transition: all 0.2s ease-in-out;\n  box-shadow: ${({ $isCurrent, theme }) =>\n    $isCurrent ? `0 0 0 3px ${theme.colors.primary100}` : 'none'};\n  transform: ${({ $isCurrent }) => ($isCurrent ? 'scale(1.2)' : 'scale(1)')};\n`;\n\nconst calculateGapAdjustment = (rowWidth: number, leftColumns: number): number => {\n  const dotWidth = 6;\n  const gapAdjustmentPixels = dotWidth / 2; // Half dot width to center on boundary\n  const gapAdjustmentPercent = (gapAdjustmentPixels / rowWidth) * 100;\n\n  // Different adjustments for different positions\n  switch (leftColumns) {\n    case 4:\n      return -gapAdjustmentPercent; // Left dot\n    case 8:\n      return gapAdjustmentPercent; // Right dot\n    default: // Center dot\n      return 0;\n  }\n};\n\nconst ResizeIndicator = ({\n  isVisible,\n  position,\n  currentLeftWidth,\n  currentRightWidth,\n  totalColumns = 12,\n  rowPosition,\n}: ResizeIndicatorProps) => {\n  // Calculate available resize positions accounting for grid gaps\n  const availablePositions = React.useMemo(() => {\n    const rowWidth = rowPosition?.width || 800;\n\n    return [4, 6, 8].map((left) => {\n      const right = totalColumns - left;\n      const basePosition = (left / totalColumns) * 100;\n      const gapAdjustment = calculateGapAdjustment(rowWidth, left);\n      const positionPercent = basePosition + gapAdjustment;\n\n      return { left, right, positionPercent };\n    });\n  }, [totalColumns, rowPosition?.width]);\n\n  // Find the current position index\n  const currentPositionIndex = React.useMemo(() => {\n    return availablePositions.findIndex(\n      (pos) => pos.left === currentLeftWidth && pos.right === currentRightWidth\n    );\n  }, [availablePositions, currentLeftWidth, currentRightWidth]);\n\n  if (!isVisible) {\n    return null;\n  }\n\n  // Calculate positioning - indicator always spans the full row width\n  const indicatorTop = rowPosition\n    ? rowPosition.top - INDICATOR_SIZE\n    : Math.max(10, position.top + position.height / 2 - 40);\n  const isCurrent = (index: number) => index === currentPositionIndex;\n  const isActive = (index: number) => Math.abs(index - currentPositionIndex) <= 1;\n\n  return (\n    <IndicatorContainer\n      $isVisible={isVisible}\n      style={{\n        left: rowPosition ? `${rowPosition.left}px` : `${position.left + 10}px`,\n        top: `${indicatorTop}px`,\n        width: rowPosition ? `${rowPosition.width}px` : 'auto',\n      }}\n    >\n      {availablePositions.map((pos, index) => {\n        return (\n          <DotContainer key={`${pos.left}-${pos.right}`} $position={pos.positionPercent}>\n            <Dot $isActive={isActive(index)} $isCurrent={isCurrent(index)} />\n          </DotContainer>\n        );\n      })}\n    </IndicatorContainer>\n  );\n};\nconst ResizeHandleContainer = styled(Box)<{ $isDragging?: boolean }>`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: ${INDICATOR_SIZE}px;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  opacity: 0.8;\n  transition: opacity 0.2s ease-in-out;\n  cursor: col-resize;\n  background-color: ${({ $isDragging }) => ($isDragging ? 'rgba(0, 0, 0, 0.1)' : 'transparent')};\n`;\n\nconst ResizeHandleBar = styled(Box)<{ $isDragging?: boolean }>`\n  width: 2px;\n  height: 100%;\n  background-color: ${({ theme }) => theme.colors.primary500};\n  border-radius: 1px;\n  opacity: 0;\n  transition: opacity 0.2s ease-in-out;\n\n  ${ResizeHandleContainer}:hover & {\n    opacity: 0.8;\n  }\n\n  ${({ $isDragging }) => $isDragging && `opacity: 0.8;`}\n`;\n\ninterface WidgetResizeHandleProps {\n  leftWidgetId: string;\n  rightWidgetId: string;\n  leftWidgetWidth: number;\n  rightWidgetWidth: number;\n  onResize: (\n    leftWidgetId: string,\n    rightWidgetId: string,\n    newLeftWidth: number,\n    newRightWidth: number\n  ) => void;\n  saveLayout: () => void;\n  filteredWidgets?: WidgetWithUID[];\n}\n\nexport const WidgetResizeHandle = ({\n  leftWidgetId,\n  rightWidgetId,\n  leftWidgetWidth,\n  rightWidgetWidth,\n  onResize,\n  saveLayout,\n}: WidgetResizeHandleProps) => {\n  const [state, setState] = React.useState({\n    isDragging: false,\n    startX: 0,\n    startLeftWidth: 0,\n    startRightWidth: 0,\n    position: { left: 0, top: 0, height: 0 },\n    lastResizeValues: { leftWidth: 0, rightWidth: 0 },\n    currentResizeValues: { leftWidth: leftWidgetWidth, rightWidth: rightWidgetWidth },\n    rowPosition: null as { left: number; top: number; width: number; height: number } | null,\n  });\n\n  const throttleRef = React.useRef<NodeJS.Timeout | null>(null);\n\n  const handleResize = React.useCallback(\n    (deltaColumns: number) => {\n      // Only resize if there's significant movement (dead zone)\n      if (Math.abs(deltaColumns) < 0.25) {\n        return;\n      }\n\n      // Calculate target widths\n      const { targetLeftWidth, targetRightWidth } = calculateTargetWidths(\n        deltaColumns,\n        state.startLeftWidth,\n        state.startRightWidth\n      );\n\n      // Validate the resize\n      if (!isValidResize(targetLeftWidth, targetRightWidth)) {\n        return;\n      }\n\n      // Update current resize values for the indicator\n      setState((prev) => ({\n        ...prev,\n        currentResizeValues: { leftWidth: targetLeftWidth, rightWidth: targetRightWidth },\n      }));\n\n      // Only trigger resize if values have changed\n      if (shouldTriggerResize(targetLeftWidth, targetRightWidth, state.lastResizeValues)) {\n        setState((prev) => ({\n          ...prev,\n          lastResizeValues: { leftWidth: targetLeftWidth, rightWidth: targetRightWidth },\n        }));\n        onResize(leftWidgetId, rightWidgetId, targetLeftWidth, targetRightWidth);\n      }\n    },\n    [\n      leftWidgetId,\n      rightWidgetId,\n      onResize,\n      state.startLeftWidth,\n      state.startRightWidth,\n      state.lastResizeValues,\n    ]\n  );\n\n  const handlePointerMove = React.useCallback(\n    (e: PointerEvent) => {\n      if (!state.isDragging) return;\n\n      // Clear any existing throttle timeout\n      if (throttleRef.current) {\n        clearTimeout(throttleRef.current);\n      }\n\n      // Throttle the resize calls to prevent excessive updates\n      throttleRef.current = setTimeout(() => {\n        const deltaX = e.clientX - state.startX;\n        const threshold = 120; // Pixels per column unit\n        const deltaColumns = Math.round(deltaX / threshold);\n\n        handleResize(deltaColumns);\n      }, 0);\n    },\n    [state.isDragging, state.startX, handleResize]\n  );\n\n  // Handle pointer up to end drag\n  const handlePointerUp = React.useCallback(() => {\n    // Clear any pending throttle timeout\n    if (throttleRef.current) {\n      clearTimeout(throttleRef.current);\n      throttleRef.current = null;\n    }\n\n    // Save the layout\n    saveLayout();\n\n    // Reset last resize values and stop dragging\n    setState((prev) => ({\n      ...prev,\n      lastResizeValues: { leftWidth: 0, rightWidth: 0 },\n      currentResizeValues: { leftWidth: leftWidgetWidth, rightWidth: rightWidgetWidth },\n      isDragging: false,\n    }));\n  }, [leftWidgetWidth, rightWidgetWidth, saveLayout]);\n\n  // Handle pointer down to start drag\n  const handlePointerDown = React.useCallback(\n    (e: React.PointerEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n\n      setState((prev) => ({\n        ...prev,\n        isDragging: true,\n        startX: e.clientX,\n        startLeftWidth: leftWidgetWidth,\n        startRightWidth: rightWidgetWidth,\n      }));\n    },\n    [leftWidgetWidth, rightWidgetWidth]\n  );\n\n  // Set up drag event listeners\n  React.useEffect(() => {\n    if (state.isDragging) {\n      document.addEventListener('pointermove', handlePointerMove);\n      document.addEventListener('pointerup', handlePointerUp);\n\n      return () => {\n        document.removeEventListener('pointermove', handlePointerMove);\n        document.removeEventListener('pointerup', handlePointerUp);\n      };\n    }\n  }, [state.isDragging, handlePointerMove, handlePointerUp]);\n\n  // Set up resize observer for position updates - watching widgets and grid container\n  React.useLayoutEffect(() => {\n    const leftElement = getWidgetElement(leftWidgetId);\n    const rightElement = getWidgetElement(rightWidgetId);\n    const containerElement = getWidgetGridContainer();\n\n    const updatePosition = () => {\n      const position = calculateResizeHandlePosition(leftElement, rightElement, containerElement);\n      const rowPosition = calculateRowBounds(leftElement, rightElement, containerElement);\n\n      setState((prev) => ({\n        ...prev,\n        position,\n        rowPosition,\n      }));\n    };\n\n    // Create ResizeObserver to watch widgets and grid container\n    const resizeObserver = new ResizeObserver(updatePosition);\n\n    // Observe all relevant elements\n    if (leftElement) resizeObserver.observe(leftElement);\n    if (rightElement) resizeObserver.observe(rightElement);\n    if (containerElement) resizeObserver.observe(containerElement);\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [leftWidgetId, rightWidgetId]);\n\n  // Cleanup throttle timeout on unmount\n  React.useEffect(() => {\n    return () => {\n      if (throttleRef.current) {\n        clearTimeout(throttleRef.current);\n      }\n    };\n  }, []);\n\n  return (\n    <>\n      <ResizeHandleContainer\n        onPointerDown={handlePointerDown}\n        style={{\n          transform: `translate(${state.position.left}px, ${state.position.top}px)`,\n          height: `${state.position.height}px`,\n        }}\n      >\n        <ResizeHandleBar $isDragging={state.isDragging} />\n      </ResizeHandleContainer>\n\n      <ResizeIndicator\n        isVisible={state.isDragging}\n        position={state.position}\n        currentLeftWidth={state.currentResizeValues.leftWidth}\n        currentRightWidth={state.currentResizeValues.rightWidth}\n        rowPosition={state.rowPosition}\n      />\n    </>\n  );\n};\n"],"names":["INDICATOR_SIZE","IndicatorContainer","styled","Box","$isVisible","DotContainer","$position","Dot","$isActive","$isCurrent","theme","colors","primary600","primary500","neutral300","primary100","calculateGapAdjustment","rowWidth","leftColumns","dotWidth","gapAdjustmentPixels","gapAdjustmentPercent","ResizeIndicator","isVisible","position","currentLeftWidth","currentRightWidth","totalColumns","rowPosition","availablePositions","React","useMemo","width","map","left","right","basePosition","gapAdjustment","positionPercent","currentPositionIndex","findIndex","pos","indicatorTop","top","Math","max","height","isCurrent","index","isActive","abs","_jsx","style","ResizeHandleContainer","$isDragging","ResizeHandleBar","WidgetResizeHandle","leftWidgetId","rightWidgetId","leftWidgetWidth","rightWidgetWidth","onResize","saveLayout","state","setState","useState","isDragging","startX","startLeftWidth","startRightWidth","lastResizeValues","leftWidth","rightWidth","currentResizeValues","throttleRef","useRef","handleResize","useCallback","deltaColumns","targetLeftWidth","targetRightWidth","calculateTargetWidths","isValidResize","prev","shouldTriggerResize","handlePointerMove","e","current","clearTimeout","setTimeout","deltaX","clientX","threshold","round","handlePointerUp","handlePointerDown","preventDefault","stopPropagation","useEffect","document","addEventListener","removeEventListener","useLayoutEffect","leftElement","getWidgetElement","rightElement","containerElement","getWidgetGridContainer","updatePosition","calculateResizeHandlePosition","calculateRowBounds","resizeObserver","ResizeObserver","observe","disconnect","_jsxs","_Fragment","onPointerDown","transform"],"mappings":"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"}
+{"version":3,"file":"ResizeIndicator.mjs","sources":["../../../../../admin/src/components/ResizeIndicator.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\nimport {\n  isValidResize,\n  calculateTargetWidths,\n  shouldTriggerResize,\n  calculateResizeHandlePosition,\n  calculateRowBounds,\n} from '../utils/resizeHandlers';\nimport { getWidgetElement, getWidgetGridContainer } from '../utils/widgetLayout';\n\nimport type { WidgetWithUID } from '../core/apis/Widgets';\n\nconst INDICATOR_SIZE = 20;\n\ninterface ResizeIndicatorProps {\n  isVisible: boolean;\n  position: { left: number; top: number; height: number };\n  currentLeftWidth: number;\n  currentRightWidth: number;\n  totalColumns?: number;\n  rowPosition?: { left: number; top: number; width: number; height: number } | null;\n}\n\nconst IndicatorContainer = styled(Box)<{ $isVisible: boolean }>`\n  position: absolute;\n  z-index: 1;\n  pointer-events: none;\n  opacity: ${({ $isVisible }) => ($isVisible ? 1 : 0)};\n  transition: opacity 0.2s ease-in-out;\n  background: transparent;\n  height: ${INDICATOR_SIZE}px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nconst DotContainer = styled(Box)<{ $position: number }>`\n  position: absolute;\n  top: 50%;\n  left: ${({ $position }) => $position}%;\n  transform: translate(-50%, -50%);\n`;\n\nconst Dot = styled(Box)<{ $isActive: boolean; $isCurrent: boolean }>`\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background-color: ${({ $isActive, $isCurrent, theme }) => {\n    if ($isCurrent) return theme.colors.primary600;\n    if ($isActive) return theme.colors.primary500;\n    return theme.colors.neutral300;\n  }};\n  transition: all 0.2s ease-in-out;\n  box-shadow: ${({ $isCurrent, theme }) =>\n    $isCurrent ? `0 0 0 3px ${theme.colors.primary100}` : 'none'};\n  transform: ${({ $isCurrent }) => ($isCurrent ? 'scale(1.2)' : 'scale(1)')};\n`;\n\nconst calculateGapAdjustment = (rowWidth: number, leftColumns: number): number => {\n  const dotWidth = 6;\n  const gapAdjustmentPixels = dotWidth / 2; // Half dot width to center on boundary\n  const gapAdjustmentPercent = (gapAdjustmentPixels / rowWidth) * 100;\n\n  // Different adjustments for different positions\n  switch (leftColumns) {\n    case 4:\n      return -gapAdjustmentPercent; // Left dot\n    case 8:\n      return gapAdjustmentPercent; // Right dot\n    default: // Center dot\n      return 0;\n  }\n};\n\nconst ResizeIndicator = ({\n  isVisible,\n  position,\n  currentLeftWidth,\n  currentRightWidth,\n  totalColumns = 12,\n  rowPosition,\n}: ResizeIndicatorProps) => {\n  // Calculate available resize positions accounting for grid gaps\n  const availablePositions = React.useMemo(() => {\n    const rowWidth = rowPosition?.width || 800;\n\n    return [4, 6, 8].map((left) => {\n      const right = totalColumns - left;\n      const basePosition = (left / totalColumns) * 100;\n      const gapAdjustment = calculateGapAdjustment(rowWidth, left);\n      const positionPercent = basePosition + gapAdjustment;\n\n      return { left, right, positionPercent };\n    });\n  }, [totalColumns, rowPosition?.width]);\n\n  // Find the current position index\n  const currentPositionIndex = React.useMemo(() => {\n    return availablePositions.findIndex(\n      (pos) => pos.left === currentLeftWidth && pos.right === currentRightWidth\n    );\n  }, [availablePositions, currentLeftWidth, currentRightWidth]);\n\n  if (!isVisible) {\n    return null;\n  }\n\n  // Calculate positioning - indicator always spans the full row width\n  const indicatorTop = rowPosition\n    ? rowPosition.top - INDICATOR_SIZE\n    : Math.max(10, position.top + position.height / 2 - 40);\n  const isCurrent = (index: number) => index === currentPositionIndex;\n  const isActive = (index: number) => Math.abs(index - currentPositionIndex) <= 1;\n\n  return (\n    <IndicatorContainer\n      $isVisible={isVisible}\n      style={{\n        left: rowPosition ? `${rowPosition.left}px` : `${position.left + 10}px`,\n        top: `${indicatorTop}px`,\n        width: rowPosition ? `${rowPosition.width}px` : 'auto',\n      }}\n    >\n      {availablePositions.map((pos, index) => {\n        return (\n          <DotContainer key={`${pos.left}-${pos.right}`} $position={pos.positionPercent}>\n            <Dot $isActive={isActive(index)} $isCurrent={isCurrent(index)} />\n          </DotContainer>\n        );\n      })}\n    </IndicatorContainer>\n  );\n};\nconst ResizeHandleContainer = styled(Box)<{ $isDragging?: boolean }>`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: ${INDICATOR_SIZE}px;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  opacity: 0.8;\n  transition: opacity 0.2s ease-in-out;\n  cursor: col-resize;\n  background-color: ${({ $isDragging }) => ($isDragging ? 'rgba(0, 0, 0, 0.1)' : 'transparent')};\n`;\n\nconst ResizeHandleBar = styled(Box)<{ $isDragging?: boolean }>`\n  width: 2px;\n  height: 100%;\n  background-color: ${({ theme }) => theme.colors.primary500};\n  border-radius: 1px;\n  opacity: 0;\n  transition: opacity 0.2s ease-in-out;\n\n  ${ResizeHandleContainer}:hover & {\n    opacity: 0.8;\n  }\n\n  ${({ $isDragging }) => $isDragging && `opacity: 0.8;`}\n`;\n\ninterface WidgetResizeHandleProps {\n  leftWidgetId: string;\n  rightWidgetId: string;\n  leftWidgetWidth: number;\n  rightWidgetWidth: number;\n  onResize: (\n    leftWidgetId: string,\n    rightWidgetId: string,\n    newLeftWidth: number,\n    newRightWidth: number\n  ) => void;\n  saveLayout: () => void;\n  filteredWidgets?: WidgetWithUID[];\n}\n\nexport const WidgetResizeHandle = ({\n  leftWidgetId,\n  rightWidgetId,\n  leftWidgetWidth,\n  rightWidgetWidth,\n  onResize,\n  saveLayout,\n}: WidgetResizeHandleProps) => {\n  const [state, setState] = React.useState({\n    isDragging: false,\n    startX: 0,\n    startLeftWidth: 0,\n    startRightWidth: 0,\n    position: { left: 0, top: 0, height: 0 },\n    lastResizeValues: { leftWidth: 0, rightWidth: 0 },\n    currentResizeValues: { leftWidth: leftWidgetWidth, rightWidth: rightWidgetWidth },\n    rowPosition: null as { left: number; top: number; width: number; height: number } | null,\n  });\n\n  const throttleRef = React.useRef<NodeJS.Timeout | null>(null);\n\n  const handleResize = React.useCallback(\n    (deltaColumns: number) => {\n      // Only resize if there's significant movement (dead zone)\n      if (Math.abs(deltaColumns) < 0.25) {\n        return;\n      }\n\n      // Calculate target widths\n      const { targetLeftWidth, targetRightWidth } = calculateTargetWidths(\n        deltaColumns,\n        state.startLeftWidth,\n        state.startRightWidth\n      );\n\n      // Validate the resize\n      if (!isValidResize(targetLeftWidth, targetRightWidth)) {\n        return;\n      }\n\n      // Update current resize values for the indicator\n      setState((prev) => ({\n        ...prev,\n        currentResizeValues: { leftWidth: targetLeftWidth, rightWidth: targetRightWidth },\n      }));\n\n      // Only trigger resize if values have changed\n      if (shouldTriggerResize(targetLeftWidth, targetRightWidth, state.lastResizeValues)) {\n        setState((prev) => ({\n          ...prev,\n          lastResizeValues: { leftWidth: targetLeftWidth, rightWidth: targetRightWidth },\n        }));\n        onResize(leftWidgetId, rightWidgetId, targetLeftWidth, targetRightWidth);\n      }\n    },\n    [\n      leftWidgetId,\n      rightWidgetId,\n      onResize,\n      state.startLeftWidth,\n      state.startRightWidth,\n      state.lastResizeValues,\n    ]\n  );\n\n  const handlePointerMove = React.useCallback(\n    (e: PointerEvent) => {\n      if (!state.isDragging) return;\n\n      // Clear any existing throttle timeout\n      if (throttleRef.current) {\n        clearTimeout(throttleRef.current);\n      }\n\n      // Throttle the resize calls to prevent excessive updates\n      throttleRef.current = setTimeout(() => {\n        const deltaX = e.clientX - state.startX;\n        const threshold = 120; // Pixels per column unit\n        const deltaColumns = Math.round(deltaX / threshold);\n\n        handleResize(deltaColumns);\n      }, 0);\n    },\n    [state.isDragging, state.startX, handleResize]\n  );\n\n  // Handle pointer up to end drag\n  const handlePointerUp = React.useCallback(() => {\n    // Clear any pending throttle timeout\n    if (throttleRef.current) {\n      clearTimeout(throttleRef.current);\n      throttleRef.current = null;\n    }\n\n    // Save the layout\n    saveLayout();\n\n    // Reset last resize values and stop dragging\n    setState((prev) => ({\n      ...prev,\n      lastResizeValues: { leftWidth: 0, rightWidth: 0 },\n      currentResizeValues: { leftWidth: leftWidgetWidth, rightWidth: rightWidgetWidth },\n      isDragging: false,\n    }));\n  }, [leftWidgetWidth, rightWidgetWidth, saveLayout]);\n\n  // Handle pointer down to start drag\n  const handlePointerDown = React.useCallback(\n    (e: React.PointerEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n\n      setState((prev) => ({\n        ...prev,\n        isDragging: true,\n        startX: e.clientX,\n        startLeftWidth: leftWidgetWidth,\n        startRightWidth: rightWidgetWidth,\n      }));\n    },\n    [leftWidgetWidth, rightWidgetWidth]\n  );\n\n  // Set up drag event listeners\n  React.useEffect(() => {\n    if (state.isDragging) {\n      document.addEventListener('pointermove', handlePointerMove);\n      document.addEventListener('pointerup', handlePointerUp);\n\n      return () => {\n        document.removeEventListener('pointermove', handlePointerMove);\n        document.removeEventListener('pointerup', handlePointerUp);\n      };\n    }\n  }, [state.isDragging, handlePointerMove, handlePointerUp]);\n\n  // Set up resize observer for position updates - watching widgets and grid container\n  React.useLayoutEffect(() => {\n    const leftElement = getWidgetElement(leftWidgetId);\n    const rightElement = getWidgetElement(rightWidgetId);\n    const containerElement = getWidgetGridContainer();\n\n    const updatePosition = () => {\n      const position = calculateResizeHandlePosition(leftElement, rightElement, containerElement);\n      const rowPosition = calculateRowBounds(leftElement, rightElement, containerElement);\n\n      setState((prev) => ({\n        ...prev,\n        position,\n        rowPosition,\n      }));\n    };\n\n    // Create ResizeObserver to watch widgets and grid container\n    const resizeObserver = new ResizeObserver(updatePosition);\n\n    // Observe all relevant elements\n    if (leftElement) resizeObserver.observe(leftElement);\n    if (rightElement) resizeObserver.observe(rightElement);\n    if (containerElement) resizeObserver.observe(containerElement);\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [leftWidgetId, rightWidgetId]);\n\n  // Cleanup throttle timeout on unmount\n  React.useEffect(() => {\n    return () => {\n      if (throttleRef.current) {\n        clearTimeout(throttleRef.current);\n      }\n    };\n  }, []);\n\n  return (\n    <>\n      <ResizeHandleContainer\n        onPointerDown={handlePointerDown}\n        style={{\n          transform: `translate(${state.position.left}px, ${state.position.top}px)`,\n          height: `${state.position.height}px`,\n        }}\n      >\n        <ResizeHandleBar $isDragging={state.isDragging} />\n      </ResizeHandleContainer>\n\n      <ResizeIndicator\n        isVisible={state.isDragging}\n        position={state.position}\n        currentLeftWidth={state.currentResizeValues.leftWidth}\n        currentRightWidth={state.currentResizeValues.rightWidth}\n        rowPosition={state.rowPosition}\n      />\n    </>\n  );\n};\n"],"names":["INDICATOR_SIZE","IndicatorContainer","styled","Box","$isVisible","DotContainer","$position","Dot","$isActive","$isCurrent","theme","colors","primary600","primary500","neutral300","primary100","calculateGapAdjustment","rowWidth","leftColumns","dotWidth","gapAdjustmentPixels","gapAdjustmentPercent","ResizeIndicator","isVisible","position","currentLeftWidth","currentRightWidth","totalColumns","rowPosition","availablePositions","React","useMemo","width","map","left","right","basePosition","gapAdjustment","positionPercent","currentPositionIndex","findIndex","pos","indicatorTop","top","Math","max","height","isCurrent","index","isActive","abs","_jsx","style","ResizeHandleContainer","$isDragging","ResizeHandleBar","WidgetResizeHandle","leftWidgetId","rightWidgetId","leftWidgetWidth","rightWidgetWidth","onResize","saveLayout","state","setState","useState","isDragging","startX","startLeftWidth","startRightWidth","lastResizeValues","leftWidth","rightWidth","currentResizeValues","throttleRef","useRef","handleResize","useCallback","deltaColumns","targetLeftWidth","targetRightWidth","calculateTargetWidths","isValidResize","prev","shouldTriggerResize","handlePointerMove","e","current","clearTimeout","setTimeout","deltaX","clientX","threshold","round","handlePointerUp","handlePointerDown","preventDefault","stopPropagation","useEffect","document","addEventListener","removeEventListener","useLayoutEffect","leftElement","getWidgetElement","rightElement","containerElement","getWidgetGridContainer","updatePosition","calculateResizeHandlePosition","calculateRowBounds","resizeObserver","ResizeObserver","observe","disconnect","_jsxs","_Fragment","onPointerDown","transform"],"mappings":"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"}

package/dist/admin/admin/src/components/SearchInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.js","sources":["../../../../../admin/src/components/SearchInput.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, IconButton, Searchbar, SearchForm } from '@strapi/design-system';\nimport { Search as SearchIcon } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { TrackingEvent, useTracking } from '../features/Tracking';\nimport { useIsMobile } from '../hooks/useMediaQuery';\nimport { useQueryParams } from '../hooks/useQueryParams';\n\ninterface SearchInputProps {\n  disabled?: boolean;\n  label: string;\n  placeholder?: string;\n  trackedEvent?: TrackingEvent['name'] | null;\n  trackedEventDetails?: TrackingEvent['properties'];\n}\n\nconst SearchInput = ({\n  disabled,\n  label,\n  placeholder,\n  trackedEvent,\n  trackedEventDetails,\n}: SearchInputProps) => {\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const iconButtonRef = React.useRef<HTMLButtonElement>(null);\n\n  const [{ query }, setQuery] = useQueryParams<{ _q: string; page?: number }>();\n\n  const [value, setValue] = React.useState(query?._q || '');\n  const [isOpen, setIsOpen] = React.useState(!!value);\n\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n  const isMobile = useIsMobile();\n\n  const handleToggle = () => setIsOpen((prev) => !prev);\n\n  React.useLayoutEffect(() => {\n    if (isOpen && inputRef.current) {\n      inputRef.current.focus();\n    }\n  }, [isOpen]);\n\n  const handleClear = () => {\n    setValue('');\n    setQuery({ _q: '' }, 'remove');\n  };\n\n  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n\n    // Ensure value is a string\n    if (value) {\n      if (trackedEvent) {\n        trackUsage(trackedEvent, trackedEventDetails);\n      }\n      setQuery({ _q: encodeURIComponent(value), page: 1 });\n    } else {\n      handleToggle();\n      setQuery({ _q: '' }, 'remove');\n    }\n  };\n\n  const renderSearchForm = (opts?: { enableBlurClose?: boolean }) => (\n    <SearchForm onSubmit={handleSubmit}>\n      <Searchbar\n        ref={inputRef}\n        name=\"search\"\n        onChange={(e) => setValue(e.target.value)}\n        value={value}\n        clearLabel={formatMessage({ id: 'clearLabel', defaultMessage: 'Clear' })}\n        onClear={handleClear}\n        placeholder={isMobile ? undefined : placeholder}\n        disabled={disabled}\n        onBlur={\n          opts?.enableBlurClose\n            ? (e) => {\n                if (!e.currentTarget.contains(e.relatedTarget) && e.currentTarget.value === '') {\n                  setIsOpen(false);\n                }\n              }\n            : undefined\n        }\n      >\n        {label}\n      </Searchbar>\n    </SearchForm>\n  );\n\n  if (isMobile) {\n    // Add wrapper so that the Searchbar takes up the rest of the available space.\n    return <Box width=\"100%\">{renderSearchForm()}</Box>;\n  }\n\n  if (isOpen) {\n    return renderSearchForm({ enableBlurClose: true });\n  }\n\n  return (\n    <IconButton\n      ref={iconButtonRef}\n      disabled={disabled}\n      label={formatMessage({ id: 'global.search', defaultMessage: 'Search' })}\n      onClick={handleToggle}\n    >\n      <SearchIcon />\n    </IconButton>\n  );\n};\n\nexport { SearchInput };\nexport type { SearchInputProps };\n"],"names":["SearchInput","disabled","label","placeholder","trackedEvent","trackedEventDetails","inputRef","React","useRef","iconButtonRef","query","setQuery","useQueryParams","value","setValue","useState","_q","isOpen","setIsOpen","formatMessage","useIntl","trackUsage","useTracking","isMobile","useIsMobile","handleToggle","prev","useLayoutEffect","current","focus","handleClear","handleSubmit","e","preventDefault","encodeURIComponent","page","renderSearchForm","opts","_jsx","SearchForm","onSubmit","Searchbar","ref","name","onChange","target","clearLabel","id","defaultMessage","onClear","undefined","onBlur","enableBlurClose","currentTarget","contains","relatedTarget","Box","width","IconButton","onClick","SearchIcon"],"mappings":"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"}
+{"version":3,"file":"SearchInput.js","sources":["../../../../../admin/src/components/SearchInput.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, IconButton, Searchbar, SearchForm } from '@strapi/design-system';\nimport { Search as SearchIcon } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { TrackingEvent, useTracking } from '../features/Tracking';\nimport { useIsMobile } from '../hooks/useMediaQuery';\nimport { useQueryParams } from '../hooks/useQueryParams';\n\ninterface SearchInputProps {\n  disabled?: boolean;\n  label: string;\n  placeholder?: string;\n  trackedEvent?: TrackingEvent['name'] | null;\n  trackedEventDetails?: TrackingEvent['properties'];\n}\n\nconst SearchInput = ({\n  disabled,\n  label,\n  placeholder,\n  trackedEvent,\n  trackedEventDetails,\n}: SearchInputProps) => {\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const iconButtonRef = React.useRef<HTMLButtonElement>(null);\n\n  const [{ query }, setQuery] = useQueryParams<{ _q: string; page?: number }>();\n\n  const [value, setValue] = React.useState(query?._q || '');\n  const [isOpen, setIsOpen] = React.useState(!!value);\n\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n  const isMobile = useIsMobile();\n\n  const handleToggle = () => setIsOpen((prev) => !prev);\n\n  React.useLayoutEffect(() => {\n    if (isOpen && inputRef.current) {\n      inputRef.current.focus();\n    }\n  }, [isOpen]);\n\n  const handleClear = () => {\n    setValue('');\n    setQuery({ _q: '' }, 'remove');\n  };\n\n  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n\n    // Ensure value is a string\n    if (value) {\n      if (trackedEvent) {\n        trackUsage(trackedEvent, trackedEventDetails);\n      }\n      setQuery({ _q: encodeURIComponent(value), page: 1 });\n    } else {\n      handleToggle();\n      setQuery({ _q: '' }, 'remove');\n    }\n  };\n\n  const renderSearchForm = (opts?: { enableBlurClose?: boolean }) => (\n    <SearchForm onSubmit={handleSubmit}>\n      <Searchbar\n        ref={inputRef}\n        name=\"search\"\n        onChange={(e) => setValue(e.target.value)}\n        value={value}\n        clearLabel={formatMessage({ id: 'clearLabel', defaultMessage: 'Clear' })}\n        onClear={handleClear}\n        placeholder={isMobile ? undefined : placeholder}\n        disabled={disabled}\n        onBlur={\n          opts?.enableBlurClose\n            ? (e) => {\n                if (!e.currentTarget.contains(e.relatedTarget) && e.currentTarget.value === '') {\n                  setIsOpen(false);\n                }\n              }\n            : undefined\n        }\n      >\n        {label}\n      </Searchbar>\n    </SearchForm>\n  );\n\n  if (isMobile) {\n    // Add wrapper so that the Searchbar takes up the rest of the available space.\n    return <Box width=\"100%\">{renderSearchForm()}</Box>;\n  }\n\n  if (isOpen) {\n    return renderSearchForm({ enableBlurClose: true });\n  }\n\n  return (\n    <IconButton\n      ref={iconButtonRef}\n      disabled={disabled}\n      label={formatMessage({ id: 'global.search', defaultMessage: 'Search' })}\n      onClick={handleToggle}\n    >\n      <SearchIcon />\n    </IconButton>\n  );\n};\n\nexport { SearchInput };\nexport type { SearchInputProps };\n"],"names":["SearchInput","disabled","label","placeholder","trackedEvent","trackedEventDetails","inputRef","React","useRef","iconButtonRef","query","setQuery","useQueryParams","value","setValue","useState","_q","isOpen","setIsOpen","formatMessage","useIntl","trackUsage","useTracking","isMobile","useIsMobile","handleToggle","prev","useLayoutEffect","current","focus","handleClear","handleSubmit","e","preventDefault","encodeURIComponent","page","renderSearchForm","opts","_jsx","SearchForm","onSubmit","Searchbar","ref","name","onChange","target","clearLabel","id","defaultMessage","onClear","undefined","onBlur","enableBlurClose","currentTarget","contains","relatedTarget","Box","width","IconButton","onClick","SearchIcon"],"mappings":"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"}

package/dist/admin/admin/src/components/SearchInput.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.mjs","sources":["../../../../../admin/src/components/SearchInput.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, IconButton, Searchbar, SearchForm } from '@strapi/design-system';\nimport { Search as SearchIcon } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { TrackingEvent, useTracking } from '../features/Tracking';\nimport { useIsMobile } from '../hooks/useMediaQuery';\nimport { useQueryParams } from '../hooks/useQueryParams';\n\ninterface SearchInputProps {\n  disabled?: boolean;\n  label: string;\n  placeholder?: string;\n  trackedEvent?: TrackingEvent['name'] | null;\n  trackedEventDetails?: TrackingEvent['properties'];\n}\n\nconst SearchInput = ({\n  disabled,\n  label,\n  placeholder,\n  trackedEvent,\n  trackedEventDetails,\n}: SearchInputProps) => {\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const iconButtonRef = React.useRef<HTMLButtonElement>(null);\n\n  const [{ query }, setQuery] = useQueryParams<{ _q: string; page?: number }>();\n\n  const [value, setValue] = React.useState(query?._q || '');\n  const [isOpen, setIsOpen] = React.useState(!!value);\n\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n  const isMobile = useIsMobile();\n\n  const handleToggle = () => setIsOpen((prev) => !prev);\n\n  React.useLayoutEffect(() => {\n    if (isOpen && inputRef.current) {\n      inputRef.current.focus();\n    }\n  }, [isOpen]);\n\n  const handleClear = () => {\n    setValue('');\n    setQuery({ _q: '' }, 'remove');\n  };\n\n  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n\n    // Ensure value is a string\n    if (value) {\n      if (trackedEvent) {\n        trackUsage(trackedEvent, trackedEventDetails);\n      }\n      setQuery({ _q: encodeURIComponent(value), page: 1 });\n    } else {\n      handleToggle();\n      setQuery({ _q: '' }, 'remove');\n    }\n  };\n\n  const renderSearchForm = (opts?: { enableBlurClose?: boolean }) => (\n    <SearchForm onSubmit={handleSubmit}>\n      <Searchbar\n        ref={inputRef}\n        name=\"search\"\n        onChange={(e) => setValue(e.target.value)}\n        value={value}\n        clearLabel={formatMessage({ id: 'clearLabel', defaultMessage: 'Clear' })}\n        onClear={handleClear}\n        placeholder={isMobile ? undefined : placeholder}\n        disabled={disabled}\n        onBlur={\n          opts?.enableBlurClose\n            ? (e) => {\n                if (!e.currentTarget.contains(e.relatedTarget) && e.currentTarget.value === '') {\n                  setIsOpen(false);\n                }\n              }\n            : undefined\n        }\n      >\n        {label}\n      </Searchbar>\n    </SearchForm>\n  );\n\n  if (isMobile) {\n    // Add wrapper so that the Searchbar takes up the rest of the available space.\n    return <Box width=\"100%\">{renderSearchForm()}</Box>;\n  }\n\n  if (isOpen) {\n    return renderSearchForm({ enableBlurClose: true });\n  }\n\n  return (\n    <IconButton\n      ref={iconButtonRef}\n      disabled={disabled}\n      label={formatMessage({ id: 'global.search', defaultMessage: 'Search' })}\n      onClick={handleToggle}\n    >\n      <SearchIcon />\n    </IconButton>\n  );\n};\n\nexport { SearchInput };\nexport type { SearchInputProps };\n"],"names":["SearchInput","disabled","label","placeholder","trackedEvent","trackedEventDetails","inputRef","React","useRef","iconButtonRef","query","setQuery","useQueryParams","value","setValue","useState","_q","isOpen","setIsOpen","formatMessage","useIntl","trackUsage","useTracking","isMobile","useIsMobile","handleToggle","prev","useLayoutEffect","current","focus","handleClear","handleSubmit","e","preventDefault","encodeURIComponent","page","renderSearchForm","opts","_jsx","SearchForm","onSubmit","Searchbar","ref","name","onChange","target","clearLabel","id","defaultMessage","onClear","undefined","onBlur","enableBlurClose","currentTarget","contains","relatedTarget","Box","width","IconButton","onClick","SearchIcon"],"mappings":"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"}
+{"version":3,"file":"SearchInput.mjs","sources":["../../../../../admin/src/components/SearchInput.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, IconButton, Searchbar, SearchForm } from '@strapi/design-system';\nimport { Search as SearchIcon } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { TrackingEvent, useTracking } from '../features/Tracking';\nimport { useIsMobile } from '../hooks/useMediaQuery';\nimport { useQueryParams } from '../hooks/useQueryParams';\n\ninterface SearchInputProps {\n  disabled?: boolean;\n  label: string;\n  placeholder?: string;\n  trackedEvent?: TrackingEvent['name'] | null;\n  trackedEventDetails?: TrackingEvent['properties'];\n}\n\nconst SearchInput = ({\n  disabled,\n  label,\n  placeholder,\n  trackedEvent,\n  trackedEventDetails,\n}: SearchInputProps) => {\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const iconButtonRef = React.useRef<HTMLButtonElement>(null);\n\n  const [{ query }, setQuery] = useQueryParams<{ _q: string; page?: number }>();\n\n  const [value, setValue] = React.useState(query?._q || '');\n  const [isOpen, setIsOpen] = React.useState(!!value);\n\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n  const isMobile = useIsMobile();\n\n  const handleToggle = () => setIsOpen((prev) => !prev);\n\n  React.useLayoutEffect(() => {\n    if (isOpen && inputRef.current) {\n      inputRef.current.focus();\n    }\n  }, [isOpen]);\n\n  const handleClear = () => {\n    setValue('');\n    setQuery({ _q: '' }, 'remove');\n  };\n\n  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n\n    // Ensure value is a string\n    if (value) {\n      if (trackedEvent) {\n        trackUsage(trackedEvent, trackedEventDetails);\n      }\n      setQuery({ _q: encodeURIComponent(value), page: 1 });\n    } else {\n      handleToggle();\n      setQuery({ _q: '' }, 'remove');\n    }\n  };\n\n  const renderSearchForm = (opts?: { enableBlurClose?: boolean }) => (\n    <SearchForm onSubmit={handleSubmit}>\n      <Searchbar\n        ref={inputRef}\n        name=\"search\"\n        onChange={(e) => setValue(e.target.value)}\n        value={value}\n        clearLabel={formatMessage({ id: 'clearLabel', defaultMessage: 'Clear' })}\n        onClear={handleClear}\n        placeholder={isMobile ? undefined : placeholder}\n        disabled={disabled}\n        onBlur={\n          opts?.enableBlurClose\n            ? (e) => {\n                if (!e.currentTarget.contains(e.relatedTarget) && e.currentTarget.value === '') {\n                  setIsOpen(false);\n                }\n              }\n            : undefined\n        }\n      >\n        {label}\n      </Searchbar>\n    </SearchForm>\n  );\n\n  if (isMobile) {\n    // Add wrapper so that the Searchbar takes up the rest of the available space.\n    return <Box width=\"100%\">{renderSearchForm()}</Box>;\n  }\n\n  if (isOpen) {\n    return renderSearchForm({ enableBlurClose: true });\n  }\n\n  return (\n    <IconButton\n      ref={iconButtonRef}\n      disabled={disabled}\n      label={formatMessage({ id: 'global.search', defaultMessage: 'Search' })}\n      onClick={handleToggle}\n    >\n      <SearchIcon />\n    </IconButton>\n  );\n};\n\nexport { SearchInput };\nexport type { SearchInputProps };\n"],"names":["SearchInput","disabled","label","placeholder","trackedEvent","trackedEventDetails","inputRef","React","useRef","iconButtonRef","query","setQuery","useQueryParams","value","setValue","useState","_q","isOpen","setIsOpen","formatMessage","useIntl","trackUsage","useTracking","isMobile","useIsMobile","handleToggle","prev","useLayoutEffect","current","focus","handleClear","handleSubmit","e","preventDefault","encodeURIComponent","page","renderSearchForm","opts","_jsx","SearchForm","onSubmit","Searchbar","ref","name","onChange","target","clearLabel","id","defaultMessage","onClear","undefined","onBlur","enableBlurClose","currentTarget","contains","relatedTarget","Box","width","IconButton","onClick","SearchIcon"],"mappings":"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"}

package/dist/admin/admin/src/components/SubNav.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubNav.js","sources":["../../../../../admin/src/components/SubNav.tsx"],"sourcesContent":["import { useEffect, useId, useRef, useState } from 'react';\n\nimport {\n  Badge,\n  Box,\n  Flex,\n  IconButton,\n  ScrollArea,\n  SubNav as DSSubNav,\n  Typography,\n} from '@strapi/design-system';\nimport { ChevronDown, Plus } from '@strapi/icons';\nimport { NavLink } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport {\n  HEIGHT_TOP_NAVIGATION,\n  HEIGHT_TOP_NAVIGATION_MEDIUM,\n  WIDTH_SIDE_NAVIGATION,\n} from '../constants/theme';\n\nimport { tours } from './GuidedTour/Tours';\n\nconst MainSubNav = styled(DSSubNav)`\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  background-color: ${({ theme }) => theme.colors.neutral0};\n  display: flex;\n  flex-direction: column;\n  border-right: 0;\n  box-shadow: none;\n  position: relative;\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    width: ${WIDTH_SIDE_NAVIGATION};\n    position: sticky;\n    top: 0;\n    border-right: 1px solid ${({ theme }) => theme.colors.neutral150};\n    overscroll-behavior: contain;\n  }\n`;\n\nconst Main = ({ children, ...props }: { children: React.ReactNode; isFullPage?: boolean }) => (\n  <MainSubNav {...props}>{children}</MainSubNav>\n);\n\nconst StyledLink = styled(NavLink)`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  text-decoration: none;\n  height: 32px;\n\n  color: ${({ theme }) => theme.colors.neutral800};\n\n  &.active > div {\n    ${({ theme }) => {\n      return `\n        background-color: ${theme.colors.primary100};\n        color: ${theme.colors.primary700};\n        font-weight: 500;\n      `;\n    }}\n  }\n\n  &:hover.active > div {\n    ${({ theme }) => {\n      return `\n        background-color: ${theme.colors.primary100};\n      `;\n    }}\n  }\n\n  &:hover > div {\n    ${({ theme }) => {\n      return `\n        background-color: ${theme.colors.neutral100};\n      `;\n    }}\n  }\n\n  &:focus-visible {\n    outline-offset: -2px;\n  }\n`;\n\nconst Link = (\n  props: Omit<React.ComponentProps<typeof StyledLink>, 'label'> & {\n    label: React.ReactNode;\n    endAction?: React.ReactNode;\n    handleClick?: () => void;\n  }\n) => {\n  const { label, endAction, handleClick, ...rest } = props;\n\n  return (\n    <StyledLink {...rest} onClick={handleClick}>\n      <Box\n        width={'100%'}\n        paddingLeft={3}\n        paddingRight={3}\n        paddingTop={{ initial: 1, large: 0 }}\n        paddingBottom={{ initial: 1, large: 0 }}\n        borderRadius={1}\n      >\n        <Flex justifyContent=\"space-between\" width=\"100%\" gap={{ initial: 2, large: 1 }}>\n          <Typography\n            tag=\"div\"\n            lineHeight=\"32px\"\n            width={{ initial: '80dvw', medium: '100%' }}\n            overflow=\"hidden\"\n            style={{ textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}\n          >\n            {label}\n          </Typography>\n          <Flex gap={2}>{endAction}</Flex>\n        </Flex>\n      </Box>\n    </StyledLink>\n  );\n};\n\nconst StyledHeader = styled(Flex)`\n  flex: 0 0 ${HEIGHT_TOP_NAVIGATION};\n  height: ${HEIGHT_TOP_NAVIGATION};\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    flex: 0 0 ${HEIGHT_TOP_NAVIGATION_MEDIUM};\n    height: ${HEIGHT_TOP_NAVIGATION_MEDIUM};\n  }\n`;\n\nconst Header = ({ label }: { label: string }) => {\n  return (\n    <StyledHeader justifyContent=\"space-between\" paddingLeft={5} paddingRight={5}>\n      <Typography variant=\"beta\" tag=\"h2\">\n        {label}\n      </Typography>\n    </StyledHeader>\n  );\n};\n\nconst Sections = ({\n  children,\n  ...props\n}: {\n  children: React.ReactNode[];\n  [key: string]: unknown;\n}) => {\n  return (\n    <Box\n      paddingTop={{ initial: 5, large: 4 }}\n      paddingBottom={{ initial: 5, large: 4 }}\n      paddingLeft={{ initial: 3, large: 0 }}\n      paddingRight={{ initial: 3, large: 0 }}\n      maxWidth={{ initial: '100%', medium: WIDTH_SIDE_NAVIGATION }}\n    >\n      <Flex tag=\"ul\" gap={6} direction=\"column\" alignItems=\"stretch\" {...props}>\n        {children.map((child, index) => {\n          return <li key={index}>{child}</li>;\n        })}\n      </Flex>\n    </Box>\n  );\n};\n\n/**\n * TODO:\n * This would be better in the content-type-builder package directly but currently\n * the SubNav API does not expose a way to wrap the link, instead it wraps the link and the list\n */\nconst GuidedTourTooltip = ({\n  sectionId,\n  children,\n}: {\n  sectionId?: string;\n  children: React.ReactNode;\n}) => {\n  switch (sectionId) {\n    case 'models':\n      return (\n        <tours.contentTypeBuilder.CollectionTypes>\n          <tours.contentTypeBuilder.YourTurn>{children}</tours.contentTypeBuilder.YourTurn>\n        </tours.contentTypeBuilder.CollectionTypes>\n      );\n    case 'singleTypes':\n      return (\n        <tours.contentTypeBuilder.SingleTypes>{children}</tours.contentTypeBuilder.SingleTypes>\n      );\n    case 'components':\n      return <tours.contentTypeBuilder.Components>{children}</tours.contentTypeBuilder.Components>;\n    default:\n      return children;\n  }\n};\n\nconst Section = ({\n  label,\n  children,\n  link,\n  sectionId,\n  badgeLabel,\n}: {\n  label: string;\n  children: React.ReactNode[];\n  link?: { label: string; onClick: () => void };\n  sectionId?: string;\n  badgeLabel?: string;\n}) => {\n  const listId = useId();\n\n  return (\n    <Flex direction=\"column\" alignItems=\"stretch\" gap={2}>\n      <Box\n        paddingLeft={{\n          initial: 3,\n          large: 5,\n        }}\n        paddingRight={{\n          initial: 3,\n          large: 5,\n        }}\n      >\n        <Flex position=\"relative\" justifyContent=\"space-between\" gap={2}>\n          <Flex>\n            <Box>\n              <Typography variant=\"sigma\" textColor=\"neutral600\">\n                {label}\n              </Typography>\n            </Box>\n          </Flex>\n          <Flex gap={1}>\n            {badgeLabel && (\n              <Badge backgroundColor=\"neutral150\" textColor=\"neutral600\">\n                {badgeLabel}\n              </Badge>\n            )}\n            {link && (\n              <GuidedTourTooltip sectionId={sectionId}>\n                <IconButton\n                  label={link.label}\n                  variant=\"ghost\"\n                  withTooltip\n                  onClick={link.onClick}\n                  size=\"XS\"\n                >\n                  <Plus />\n                </IconButton>\n              </GuidedTourTooltip>\n            )}\n          </Flex>\n        </Flex>\n      </Box>\n      <Flex\n        tag=\"ol\"\n        id={listId}\n        direction=\"column\"\n        gap={{ initial: 2, large: '2px' }}\n        alignItems={'stretch'}\n        marginLeft={{\n          initial: 0,\n          large: 2,\n        }}\n        marginRight={{\n          initial: 0,\n          large: 2,\n        }}\n      >\n        {children.map((child, index) => {\n          return <li key={index}>{child}</li>;\n        })}\n      </Flex>\n    </Flex>\n  );\n};\n\nconst SubSectionHeader = styled.button`\n  cursor: pointer;\n  width: 100%;\n  border: none;\n  padding: 0;\n  background: transparent;\n  display: flex;\n  align-items: center;\n  border-radius: ${({ theme }) => theme.borderRadius};\n  padding-left: ${({ theme }) => theme.spaces[3]};\n  padding-right: ${({ theme }) => theme.spaces[3]};\n  padding-top: ${({ theme }) => theme.spaces[2]};\n  padding-bottom: ${({ theme }) => theme.spaces[2]};\n\n  &:hover {\n    background-color: ${({ theme }) => theme.colors.neutral100};\n  }\n`;\n\nconst SubSectionLinkWrapper = styled.li`\n  ${StyledLink} > div {\n    padding-left: 36px;\n  }\n`;\n\nconst SubSection = ({ label, children }: { label: string; children: React.ReactNode[] }) => {\n  const [isOpen, setOpenLinks] = useState(true);\n  const [contentHeight, setContentHeight] = useState(0);\n  const listId = useId();\n  const contentRef = useRef<HTMLElement>(null);\n\n  useEffect(() => {\n    if (contentRef.current) {\n      setContentHeight(contentRef.current.scrollHeight);\n    }\n  }, [children]);\n\n  const handleClick = () => {\n    setOpenLinks((prev) => !prev);\n  };\n\n  return (\n    <Box>\n      <Flex justifyContent=\"space-between\">\n        <SubSectionHeader onClick={handleClick} aria-expanded={isOpen} aria-controls={listId}>\n          <ChevronDown\n            aria-hidden\n            fill=\"neutral500\"\n            style={{\n              transform: `rotate(${isOpen ? '0deg' : '-90deg'})`,\n              transition: 'transform 0.5s',\n            }}\n          />\n          <Box paddingLeft={2}>\n            <Typography tag=\"span\" fontWeight=\"semiBold\" textColor=\"neutral800\">\n              {label}\n            </Typography>\n          </Box>\n        </SubSectionHeader>\n      </Flex>\n      <Flex\n        ref={contentRef}\n        tag=\"ul\"\n        id={listId}\n        direction=\"column\"\n        gap=\"2px\"\n        alignItems={'stretch'}\n        style={{\n          maxHeight: isOpen ? `${contentHeight}px` : 0,\n          overflow: 'hidden',\n          transition: 'max-height 0.5s cubic-bezier(0, 1, 0, 1)',\n        }}\n      >\n        {children.map((child, index) => {\n          return <SubSectionLinkWrapper key={index}>{child}</SubSectionLinkWrapper>;\n        })}\n      </Flex>\n    </Box>\n  );\n};\n\nconst PageWrapper = styled(Box)`\n  width: 100%;\n\n  ${MainSubNav} {\n    background-color: transparent;\n    border-right: none;\n  }\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    overflow: hidden;\n\n    ${MainSubNav} {\n      top: 0;\n    }\n  }\n`;\n\nconst Content = ({ children }: { children: React.ReactNode }) => {\n  return <ScrollArea>{children}</ScrollArea>;\n};\n\nexport const SubNav = {\n  Main,\n  Content,\n  Header,\n  Link,\n  Sections,\n  Section,\n  SubSection,\n  PageWrapper,\n};\n"],"names":["MainSubNav","styled","DSSubNav","theme","colors","neutral0","breakpoints","medium","WIDTH_SIDE_NAVIGATION","neutral150","Main","children","props","_jsx","StyledLink","NavLink","neutral800","primary100","primary700","neutral100","Link","label","endAction","handleClick","rest","onClick","Box","width","paddingLeft","paddingRight","paddingTop","initial","large","paddingBottom","borderRadius","_jsxs","Flex","justifyContent","gap","Typography","tag","lineHeight","overflow","style","textOverflow","whiteSpace","StyledHeader","HEIGHT_TOP_NAVIGATION","HEIGHT_TOP_NAVIGATION_MEDIUM","Header","variant","Sections","maxWidth","direction","alignItems","map","child","index","li","GuidedTourTooltip","sectionId","tours","contentTypeBuilder","CollectionTypes","YourTurn","SingleTypes","Components","Section","link","badgeLabel","listId","useId","position","textColor","Badge","backgroundColor","IconButton","withTooltip","size","Plus","id","marginLeft","marginRight","SubSectionHeader","button","spaces","SubSectionLinkWrapper","SubSection","isOpen","setOpenLinks","useState","contentHeight","setContentHeight","contentRef","useRef","useEffect","current","scrollHeight","prev","aria-expanded","aria-controls","ChevronDown","aria-hidden","fill","transform","transition","fontWeight","ref","maxHeight","PageWrapper","Content","ScrollArea","SubNav"],"mappings":"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"}
+{"version":3,"file":"SubNav.js","sources":["../../../../../admin/src/components/SubNav.tsx"],"sourcesContent":["import { useEffect, useId, useRef, useState } from 'react';\n\nimport {\n  Badge,\n  Box,\n  Flex,\n  IconButton,\n  ScrollArea,\n  SubNav as DSSubNav,\n  Typography,\n} from '@strapi/design-system';\nimport { ChevronDown, Plus } from '@strapi/icons';\nimport { NavLink } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport {\n  HEIGHT_TOP_NAVIGATION,\n  HEIGHT_TOP_NAVIGATION_MEDIUM,\n  WIDTH_SIDE_NAVIGATION,\n} from '../constants/theme';\n\nimport { tours } from './GuidedTour/Tours';\n\nconst MainSubNav = styled(DSSubNav)`\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  background-color: ${({ theme }) => theme.colors.neutral0};\n  display: flex;\n  flex-direction: column;\n  border-right: 0;\n  box-shadow: none;\n  position: relative;\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    width: ${WIDTH_SIDE_NAVIGATION};\n    position: sticky;\n    top: 0;\n    border-right: 1px solid ${({ theme }) => theme.colors.neutral150};\n    overscroll-behavior: contain;\n  }\n`;\n\nconst Main = ({ children, ...props }: { children: React.ReactNode; isFullPage?: boolean }) => (\n  <MainSubNav {...props}>{children}</MainSubNav>\n);\n\nconst StyledLink = styled(NavLink)`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  text-decoration: none;\n  height: 32px;\n\n  color: ${({ theme }) => theme.colors.neutral800};\n\n  &.active > div {\n    ${({ theme }) => {\n      return `\n        background-color: ${theme.colors.primary100};\n        color: ${theme.colors.primary700};\n        font-weight: 500;\n      `;\n    }}\n  }\n\n  &:hover.active > div {\n    ${({ theme }) => {\n      return `\n        background-color: ${theme.colors.primary100};\n      `;\n    }}\n  }\n\n  &:hover > div {\n    ${({ theme }) => {\n      return `\n        background-color: ${theme.colors.neutral100};\n      `;\n    }}\n  }\n\n  &:focus-visible {\n    outline-offset: -2px;\n  }\n`;\n\nconst Link = (\n  props: Omit<React.ComponentProps<typeof StyledLink>, 'label'> & {\n    label: React.ReactNode;\n    endAction?: React.ReactNode;\n    handleClick?: () => void;\n  }\n) => {\n  const { label, endAction, handleClick, ...rest } = props;\n\n  return (\n    <StyledLink {...rest} onClick={handleClick}>\n      <Box\n        width={'100%'}\n        paddingLeft={3}\n        paddingRight={3}\n        paddingTop={{ initial: 1, large: 0 }}\n        paddingBottom={{ initial: 1, large: 0 }}\n        borderRadius={1}\n      >\n        <Flex justifyContent=\"space-between\" width=\"100%\" gap={{ initial: 2, large: 1 }}>\n          <Typography\n            tag=\"div\"\n            lineHeight=\"32px\"\n            width={{ initial: '80dvw', medium: '100%' }}\n            overflow=\"hidden\"\n            style={{ textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}\n          >\n            {label}\n          </Typography>\n          <Flex gap={2}>{endAction}</Flex>\n        </Flex>\n      </Box>\n    </StyledLink>\n  );\n};\n\nconst StyledHeader = styled(Flex)`\n  flex: 0 0 ${HEIGHT_TOP_NAVIGATION};\n  height: ${HEIGHT_TOP_NAVIGATION};\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    flex: 0 0 ${HEIGHT_TOP_NAVIGATION_MEDIUM};\n    height: ${HEIGHT_TOP_NAVIGATION_MEDIUM};\n  }\n`;\n\nconst Header = ({ label }: { label: string }) => {\n  return (\n    <StyledHeader justifyContent=\"space-between\" paddingLeft={5} paddingRight={5}>\n      <Typography variant=\"beta\" tag=\"h2\">\n        {label}\n      </Typography>\n    </StyledHeader>\n  );\n};\n\nconst Sections = ({\n  children,\n  ...props\n}: {\n  children: React.ReactNode[];\n  [key: string]: unknown;\n}) => {\n  return (\n    <Box\n      paddingTop={{ initial: 5, large: 4 }}\n      paddingBottom={{ initial: 5, large: 4 }}\n      paddingLeft={{ initial: 3, large: 0 }}\n      paddingRight={{ initial: 3, large: 0 }}\n      maxWidth={{ initial: '100%', medium: WIDTH_SIDE_NAVIGATION }}\n    >\n      <Flex tag=\"ul\" gap={6} direction=\"column\" alignItems=\"stretch\" {...props}>\n        {children.map((child, index) => {\n          return <li key={index}>{child}</li>;\n        })}\n      </Flex>\n    </Box>\n  );\n};\n\n/**\n * TODO:\n * This would be better in the content-type-builder package directly but currently\n * the SubNav API does not expose a way to wrap the link, instead it wraps the link and the list\n */\nconst GuidedTourTooltip = ({\n  sectionId,\n  children,\n}: {\n  sectionId?: string;\n  children: React.ReactNode;\n}) => {\n  switch (sectionId) {\n    case 'models':\n      return (\n        <tours.contentTypeBuilder.CollectionTypes>\n          <tours.contentTypeBuilder.YourTurn>{children}</tours.contentTypeBuilder.YourTurn>\n        </tours.contentTypeBuilder.CollectionTypes>\n      );\n    case 'singleTypes':\n      return (\n        <tours.contentTypeBuilder.SingleTypes>{children}</tours.contentTypeBuilder.SingleTypes>\n      );\n    case 'components':\n      return <tours.contentTypeBuilder.Components>{children}</tours.contentTypeBuilder.Components>;\n    default:\n      return children;\n  }\n};\n\nconst Section = ({\n  label,\n  children,\n  link,\n  sectionId,\n  badgeLabel,\n}: {\n  label: string;\n  children: React.ReactNode[];\n  link?: { label: string; onClick: () => void };\n  sectionId?: string;\n  badgeLabel?: string;\n}) => {\n  const listId = useId();\n\n  return (\n    <Flex direction=\"column\" alignItems=\"stretch\" gap={2}>\n      <Box\n        paddingLeft={{\n          initial: 3,\n          large: 5,\n        }}\n        paddingRight={{\n          initial: 3,\n          large: 5,\n        }}\n      >\n        <Flex position=\"relative\" justifyContent=\"space-between\" gap={2}>\n          <Flex>\n            <Box>\n              <Typography variant=\"sigma\" textColor=\"neutral600\">\n                {label}\n              </Typography>\n            </Box>\n          </Flex>\n          <Flex gap={1}>\n            {badgeLabel && (\n              <Badge backgroundColor=\"neutral150\" textColor=\"neutral600\">\n                {badgeLabel}\n              </Badge>\n            )}\n            {link && (\n              <GuidedTourTooltip sectionId={sectionId}>\n                <IconButton\n                  label={link.label}\n                  variant=\"ghost\"\n                  withTooltip\n                  onClick={link.onClick}\n                  size=\"XS\"\n                >\n                  <Plus />\n                </IconButton>\n              </GuidedTourTooltip>\n            )}\n          </Flex>\n        </Flex>\n      </Box>\n      <Flex\n        tag=\"ol\"\n        id={listId}\n        direction=\"column\"\n        gap={{ initial: 2, large: '2px' }}\n        alignItems={'stretch'}\n        marginLeft={{\n          initial: 0,\n          large: 2,\n        }}\n        marginRight={{\n          initial: 0,\n          large: 2,\n        }}\n      >\n        {children.map((child, index) => {\n          return <li key={index}>{child}</li>;\n        })}\n      </Flex>\n    </Flex>\n  );\n};\n\nconst SubSectionHeader = styled.button`\n  cursor: pointer;\n  width: 100%;\n  border: none;\n  padding: 0;\n  background: transparent;\n  display: flex;\n  align-items: center;\n  border-radius: ${({ theme }) => theme.borderRadius};\n  padding-left: ${({ theme }) => theme.spaces[3]};\n  padding-right: ${({ theme }) => theme.spaces[3]};\n  padding-top: ${({ theme }) => theme.spaces[2]};\n  padding-bottom: ${({ theme }) => theme.spaces[2]};\n\n  &:hover {\n    background-color: ${({ theme }) => theme.colors.neutral100};\n  }\n`;\n\nconst SubSectionLinkWrapper = styled.li`\n  ${StyledLink} > div {\n    padding-left: 36px;\n  }\n`;\n\nconst SubSection = ({ label, children }: { label: string; children: React.ReactNode[] }) => {\n  const [isOpen, setOpenLinks] = useState(true);\n  const [contentHeight, setContentHeight] = useState(0);\n  const listId = useId();\n  const contentRef = useRef<HTMLElement>(null);\n\n  useEffect(() => {\n    if (contentRef.current) {\n      setContentHeight(contentRef.current.scrollHeight);\n    }\n  }, [children]);\n\n  const handleClick = () => {\n    setOpenLinks((prev) => !prev);\n  };\n\n  return (\n    <Box>\n      <Flex justifyContent=\"space-between\">\n        <SubSectionHeader onClick={handleClick} aria-expanded={isOpen} aria-controls={listId}>\n          <ChevronDown\n            aria-hidden\n            fill=\"neutral500\"\n            style={{\n              transform: `rotate(${isOpen ? '0deg' : '-90deg'})`,\n              transition: 'transform 0.5s',\n            }}\n          />\n          <Box paddingLeft={2}>\n            <Typography tag=\"span\" fontWeight=\"semiBold\" textColor=\"neutral800\">\n              {label}\n            </Typography>\n          </Box>\n        </SubSectionHeader>\n      </Flex>\n      <Flex\n        ref={contentRef}\n        tag=\"ul\"\n        id={listId}\n        direction=\"column\"\n        gap=\"2px\"\n        alignItems={'stretch'}\n        style={{\n          maxHeight: isOpen ? `${contentHeight}px` : 0,\n          overflow: 'hidden',\n          transition: 'max-height 0.5s cubic-bezier(0, 1, 0, 1)',\n        }}\n      >\n        {children.map((child, index) => {\n          return <SubSectionLinkWrapper key={index}>{child}</SubSectionLinkWrapper>;\n        })}\n      </Flex>\n    </Box>\n  );\n};\n\nconst PageWrapper = styled(Box)`\n  width: 100%;\n\n  ${MainSubNav} {\n    background-color: transparent;\n    border-right: none;\n  }\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    overflow: hidden;\n\n    ${MainSubNav} {\n      top: 0;\n    }\n  }\n`;\n\nconst Content = ({ children }: { children: React.ReactNode }) => {\n  return <ScrollArea>{children}</ScrollArea>;\n};\n\nexport const SubNav = {\n  Main,\n  Content,\n  Header,\n  Link,\n  Sections,\n  Section,\n  SubSection,\n  PageWrapper,\n};\n"],"names":["MainSubNav","styled","DSSubNav","theme","colors","neutral0","breakpoints","medium","WIDTH_SIDE_NAVIGATION","neutral150","Main","children","props","_jsx","StyledLink","NavLink","neutral800","primary100","primary700","neutral100","Link","label","endAction","handleClick","rest","onClick","Box","width","paddingLeft","paddingRight","paddingTop","initial","large","paddingBottom","borderRadius","_jsxs","Flex","justifyContent","gap","Typography","tag","lineHeight","overflow","style","textOverflow","whiteSpace","StyledHeader","HEIGHT_TOP_NAVIGATION","HEIGHT_TOP_NAVIGATION_MEDIUM","Header","variant","Sections","maxWidth","direction","alignItems","map","child","index","li","GuidedTourTooltip","sectionId","tours","contentTypeBuilder","CollectionTypes","YourTurn","SingleTypes","Components","Section","link","badgeLabel","listId","useId","position","textColor","Badge","backgroundColor","IconButton","withTooltip","size","Plus","id","marginLeft","marginRight","SubSectionHeader","button","spaces","SubSectionLinkWrapper","SubSection","isOpen","setOpenLinks","useState","contentHeight","setContentHeight","contentRef","useRef","useEffect","current","scrollHeight","prev","aria-expanded","aria-controls","ChevronDown","aria-hidden","fill","transform","transition","fontWeight","ref","maxHeight","PageWrapper","Content","ScrollArea","SubNav"],"mappings":"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"}

package/dist/admin/admin/src/components/SubNav.mjs

@@ -1,7 +1,7 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useId, useState, useRef, useEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useId, useRef, useEffect } from 'react';
 import { SubNav as SubNav$1, Flex, Box, Typography, Badge, IconButton, ScrollArea } from '@strapi/design-system';
-import { Plus, ChevronDown } from '@strapi/icons';
+import { ChevronDown, Plus } from '@strapi/icons';
 import { NavLink } from 'react-router-dom';
 import { styled } from 'styled-components';
 import { WIDTH_SIDE_NAVIGATION, HEIGHT_TOP_NAVIGATION, HEIGHT_TOP_NAVIGATION_MEDIUM } from '../constants/theme.mjs';

package/dist/admin/admin/src/components/SubNav.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SubNav.mjs","sources":["../../../../../admin/src/components/SubNav.tsx"],"sourcesContent":["import { useEffect, useId, useRef, useState } from 'react';\n\nimport {\n  Badge,\n  Box,\n  Flex,\n  IconButton,\n  ScrollArea,\n  SubNav as DSSubNav,\n  Typography,\n} from '@strapi/design-system';\nimport { ChevronDown, Plus } from '@strapi/icons';\nimport { NavLink } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport {\n  HEIGHT_TOP_NAVIGATION,\n  HEIGHT_TOP_NAVIGATION_MEDIUM,\n  WIDTH_SIDE_NAVIGATION,\n} from '../constants/theme';\n\nimport { tours } from './GuidedTour/Tours';\n\nconst MainSubNav = styled(DSSubNav)`\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  background-color: ${({ theme }) => theme.colors.neutral0};\n  display: flex;\n  flex-direction: column;\n  border-right: 0;\n  box-shadow: none;\n  position: relative;\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    width: ${WIDTH_SIDE_NAVIGATION};\n    position: sticky;\n    top: 0;\n    border-right: 1px solid ${({ theme }) => theme.colors.neutral150};\n    overscroll-behavior: contain;\n  }\n`;\n\nconst Main = ({ children, ...props }: { children: React.ReactNode; isFullPage?: boolean }) => (\n  <MainSubNav {...props}>{children}</MainSubNav>\n);\n\nconst StyledLink = styled(NavLink)`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  text-decoration: none;\n  height: 32px;\n\n  color: ${({ theme }) => theme.colors.neutral800};\n\n  &.active > div {\n    ${({ theme }) => {\n      return `\n        background-color: ${theme.colors.primary100};\n        color: ${theme.colors.primary700};\n        font-weight: 500;\n      `;\n    }}\n  }\n\n  &:hover.active > div {\n    ${({ theme }) => {\n      return `\n        background-color: ${theme.colors.primary100};\n      `;\n    }}\n  }\n\n  &:hover > div {\n    ${({ theme }) => {\n      return `\n        background-color: ${theme.colors.neutral100};\n      `;\n    }}\n  }\n\n  &:focus-visible {\n    outline-offset: -2px;\n  }\n`;\n\nconst Link = (\n  props: Omit<React.ComponentProps<typeof StyledLink>, 'label'> & {\n    label: React.ReactNode;\n    endAction?: React.ReactNode;\n    handleClick?: () => void;\n  }\n) => {\n  const { label, endAction, handleClick, ...rest } = props;\n\n  return (\n    <StyledLink {...rest} onClick={handleClick}>\n      <Box\n        width={'100%'}\n        paddingLeft={3}\n        paddingRight={3}\n        paddingTop={{ initial: 1, large: 0 }}\n        paddingBottom={{ initial: 1, large: 0 }}\n        borderRadius={1}\n      >\n        <Flex justifyContent=\"space-between\" width=\"100%\" gap={{ initial: 2, large: 1 }}>\n          <Typography\n            tag=\"div\"\n            lineHeight=\"32px\"\n            width={{ initial: '80dvw', medium: '100%' }}\n            overflow=\"hidden\"\n            style={{ textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}\n          >\n            {label}\n          </Typography>\n          <Flex gap={2}>{endAction}</Flex>\n        </Flex>\n      </Box>\n    </StyledLink>\n  );\n};\n\nconst StyledHeader = styled(Flex)`\n  flex: 0 0 ${HEIGHT_TOP_NAVIGATION};\n  height: ${HEIGHT_TOP_NAVIGATION};\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    flex: 0 0 ${HEIGHT_TOP_NAVIGATION_MEDIUM};\n    height: ${HEIGHT_TOP_NAVIGATION_MEDIUM};\n  }\n`;\n\nconst Header = ({ label }: { label: string }) => {\n  return (\n    <StyledHeader justifyContent=\"space-between\" paddingLeft={5} paddingRight={5}>\n      <Typography variant=\"beta\" tag=\"h2\">\n        {label}\n      </Typography>\n    </StyledHeader>\n  );\n};\n\nconst Sections = ({\n  children,\n  ...props\n}: {\n  children: React.ReactNode[];\n  [key: string]: unknown;\n}) => {\n  return (\n    <Box\n      paddingTop={{ initial: 5, large: 4 }}\n      paddingBottom={{ initial: 5, large: 4 }}\n      paddingLeft={{ initial: 3, large: 0 }}\n      paddingRight={{ initial: 3, large: 0 }}\n      maxWidth={{ initial: '100%', medium: WIDTH_SIDE_NAVIGATION }}\n    >\n      <Flex tag=\"ul\" gap={6} direction=\"column\" alignItems=\"stretch\" {...props}>\n        {children.map((child, index) => {\n          return <li key={index}>{child}</li>;\n        })}\n      </Flex>\n    </Box>\n  );\n};\n\n/**\n * TODO:\n * This would be better in the content-type-builder package directly but currently\n * the SubNav API does not expose a way to wrap the link, instead it wraps the link and the list\n */\nconst GuidedTourTooltip = ({\n  sectionId,\n  children,\n}: {\n  sectionId?: string;\n  children: React.ReactNode;\n}) => {\n  switch (sectionId) {\n    case 'models':\n      return (\n        <tours.contentTypeBuilder.CollectionTypes>\n          <tours.contentTypeBuilder.YourTurn>{children}</tours.contentTypeBuilder.YourTurn>\n        </tours.contentTypeBuilder.CollectionTypes>\n      );\n    case 'singleTypes':\n      return (\n        <tours.contentTypeBuilder.SingleTypes>{children}</tours.contentTypeBuilder.SingleTypes>\n      );\n    case 'components':\n      return <tours.contentTypeBuilder.Components>{children}</tours.contentTypeBuilder.Components>;\n    default:\n      return children;\n  }\n};\n\nconst Section = ({\n  label,\n  children,\n  link,\n  sectionId,\n  badgeLabel,\n}: {\n  label: string;\n  children: React.ReactNode[];\n  link?: { label: string; onClick: () => void };\n  sectionId?: string;\n  badgeLabel?: string;\n}) => {\n  const listId = useId();\n\n  return (\n    <Flex direction=\"column\" alignItems=\"stretch\" gap={2}>\n      <Box\n        paddingLeft={{\n          initial: 3,\n          large: 5,\n        }}\n        paddingRight={{\n          initial: 3,\n          large: 5,\n        }}\n      >\n        <Flex position=\"relative\" justifyContent=\"space-between\" gap={2}>\n          <Flex>\n            <Box>\n              <Typography variant=\"sigma\" textColor=\"neutral600\">\n                {label}\n              </Typography>\n            </Box>\n          </Flex>\n          <Flex gap={1}>\n            {badgeLabel && (\n              <Badge backgroundColor=\"neutral150\" textColor=\"neutral600\">\n                {badgeLabel}\n              </Badge>\n            )}\n            {link && (\n              <GuidedTourTooltip sectionId={sectionId}>\n                <IconButton\n                  label={link.label}\n                  variant=\"ghost\"\n                  withTooltip\n                  onClick={link.onClick}\n                  size=\"XS\"\n                >\n                  <Plus />\n                </IconButton>\n              </GuidedTourTooltip>\n            )}\n          </Flex>\n        </Flex>\n      </Box>\n      <Flex\n        tag=\"ol\"\n        id={listId}\n        direction=\"column\"\n        gap={{ initial: 2, large: '2px' }}\n        alignItems={'stretch'}\n        marginLeft={{\n          initial: 0,\n          large: 2,\n        }}\n        marginRight={{\n          initial: 0,\n          large: 2,\n        }}\n      >\n        {children.map((child, index) => {\n          return <li key={index}>{child}</li>;\n        })}\n      </Flex>\n    </Flex>\n  );\n};\n\nconst SubSectionHeader = styled.button`\n  cursor: pointer;\n  width: 100%;\n  border: none;\n  padding: 0;\n  background: transparent;\n  display: flex;\n  align-items: center;\n  border-radius: ${({ theme }) => theme.borderRadius};\n  padding-left: ${({ theme }) => theme.spaces[3]};\n  padding-right: ${({ theme }) => theme.spaces[3]};\n  padding-top: ${({ theme }) => theme.spaces[2]};\n  padding-bottom: ${({ theme }) => theme.spaces[2]};\n\n  &:hover {\n    background-color: ${({ theme }) => theme.colors.neutral100};\n  }\n`;\n\nconst SubSectionLinkWrapper = styled.li`\n  ${StyledLink} > div {\n    padding-left: 36px;\n  }\n`;\n\nconst SubSection = ({ label, children }: { label: string; children: React.ReactNode[] }) => {\n  const [isOpen, setOpenLinks] = useState(true);\n  const [contentHeight, setContentHeight] = useState(0);\n  const listId = useId();\n  const contentRef = useRef<HTMLElement>(null);\n\n  useEffect(() => {\n    if (contentRef.current) {\n      setContentHeight(contentRef.current.scrollHeight);\n    }\n  }, [children]);\n\n  const handleClick = () => {\n    setOpenLinks((prev) => !prev);\n  };\n\n  return (\n    <Box>\n      <Flex justifyContent=\"space-between\">\n        <SubSectionHeader onClick={handleClick} aria-expanded={isOpen} aria-controls={listId}>\n          <ChevronDown\n            aria-hidden\n            fill=\"neutral500\"\n            style={{\n              transform: `rotate(${isOpen ? '0deg' : '-90deg'})`,\n              transition: 'transform 0.5s',\n            }}\n          />\n          <Box paddingLeft={2}>\n            <Typography tag=\"span\" fontWeight=\"semiBold\" textColor=\"neutral800\">\n              {label}\n            </Typography>\n          </Box>\n        </SubSectionHeader>\n      </Flex>\n      <Flex\n        ref={contentRef}\n        tag=\"ul\"\n        id={listId}\n        direction=\"column\"\n        gap=\"2px\"\n        alignItems={'stretch'}\n        style={{\n          maxHeight: isOpen ? `${contentHeight}px` : 0,\n          overflow: 'hidden',\n          transition: 'max-height 0.5s cubic-bezier(0, 1, 0, 1)',\n        }}\n      >\n        {children.map((child, index) => {\n          return <SubSectionLinkWrapper key={index}>{child}</SubSectionLinkWrapper>;\n        })}\n      </Flex>\n    </Box>\n  );\n};\n\nconst PageWrapper = styled(Box)`\n  width: 100%;\n\n  ${MainSubNav} {\n    background-color: transparent;\n    border-right: none;\n  }\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    overflow: hidden;\n\n    ${MainSubNav} {\n      top: 0;\n    }\n  }\n`;\n\nconst Content = ({ children }: { children: React.ReactNode }) => {\n  return <ScrollArea>{children}</ScrollArea>;\n};\n\nexport const SubNav = {\n  Main,\n  Content,\n  Header,\n  Link,\n  Sections,\n  Section,\n  SubSection,\n  PageWrapper,\n};\n"],"names":["MainSubNav","styled","DSSubNav","theme","colors","neutral0","breakpoints","medium","WIDTH_SIDE_NAVIGATION","neutral150","Main","children","props","_jsx","StyledLink","NavLink","neutral800","primary100","primary700","neutral100","Link","label","endAction","handleClick","rest","onClick","Box","width","paddingLeft","paddingRight","paddingTop","initial","large","paddingBottom","borderRadius","_jsxs","Flex","justifyContent","gap","Typography","tag","lineHeight","overflow","style","textOverflow","whiteSpace","StyledHeader","HEIGHT_TOP_NAVIGATION","HEIGHT_TOP_NAVIGATION_MEDIUM","Header","variant","Sections","maxWidth","direction","alignItems","map","child","index","li","GuidedTourTooltip","sectionId","tours","contentTypeBuilder","CollectionTypes","YourTurn","SingleTypes","Components","Section","link","badgeLabel","listId","useId","position","textColor","Badge","backgroundColor","IconButton","withTooltip","size","Plus","id","marginLeft","marginRight","SubSectionHeader","button","spaces","SubSectionLinkWrapper","SubSection","isOpen","setOpenLinks","useState","contentHeight","setContentHeight","contentRef","useRef","useEffect","current","scrollHeight","prev","aria-expanded","aria-controls","ChevronDown","aria-hidden","fill","transform","transition","fontWeight","ref","maxHeight","PageWrapper","Content","ScrollArea","SubNav"],"mappings":"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"}
+{"version":3,"file":"SubNav.mjs","sources":["../../../../../admin/src/components/SubNav.tsx"],"sourcesContent":["import { useEffect, useId, useRef, useState } from 'react';\n\nimport {\n  Badge,\n  Box,\n  Flex,\n  IconButton,\n  ScrollArea,\n  SubNav as DSSubNav,\n  Typography,\n} from '@strapi/design-system';\nimport { ChevronDown, Plus } from '@strapi/icons';\nimport { NavLink } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport {\n  HEIGHT_TOP_NAVIGATION,\n  HEIGHT_TOP_NAVIGATION_MEDIUM,\n  WIDTH_SIDE_NAVIGATION,\n} from '../constants/theme';\n\nimport { tours } from './GuidedTour/Tours';\n\nconst MainSubNav = styled(DSSubNav)`\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  background-color: ${({ theme }) => theme.colors.neutral0};\n  display: flex;\n  flex-direction: column;\n  border-right: 0;\n  box-shadow: none;\n  position: relative;\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    width: ${WIDTH_SIDE_NAVIGATION};\n    position: sticky;\n    top: 0;\n    border-right: 1px solid ${({ theme }) => theme.colors.neutral150};\n    overscroll-behavior: contain;\n  }\n`;\n\nconst Main = ({ children, ...props }: { children: React.ReactNode; isFullPage?: boolean }) => (\n  <MainSubNav {...props}>{children}</MainSubNav>\n);\n\nconst StyledLink = styled(NavLink)`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  text-decoration: none;\n  height: 32px;\n\n  color: ${({ theme }) => theme.colors.neutral800};\n\n  &.active > div {\n    ${({ theme }) => {\n      return `\n        background-color: ${theme.colors.primary100};\n        color: ${theme.colors.primary700};\n        font-weight: 500;\n      `;\n    }}\n  }\n\n  &:hover.active > div {\n    ${({ theme }) => {\n      return `\n        background-color: ${theme.colors.primary100};\n      `;\n    }}\n  }\n\n  &:hover > div {\n    ${({ theme }) => {\n      return `\n        background-color: ${theme.colors.neutral100};\n      `;\n    }}\n  }\n\n  &:focus-visible {\n    outline-offset: -2px;\n  }\n`;\n\nconst Link = (\n  props: Omit<React.ComponentProps<typeof StyledLink>, 'label'> & {\n    label: React.ReactNode;\n    endAction?: React.ReactNode;\n    handleClick?: () => void;\n  }\n) => {\n  const { label, endAction, handleClick, ...rest } = props;\n\n  return (\n    <StyledLink {...rest} onClick={handleClick}>\n      <Box\n        width={'100%'}\n        paddingLeft={3}\n        paddingRight={3}\n        paddingTop={{ initial: 1, large: 0 }}\n        paddingBottom={{ initial: 1, large: 0 }}\n        borderRadius={1}\n      >\n        <Flex justifyContent=\"space-between\" width=\"100%\" gap={{ initial: 2, large: 1 }}>\n          <Typography\n            tag=\"div\"\n            lineHeight=\"32px\"\n            width={{ initial: '80dvw', medium: '100%' }}\n            overflow=\"hidden\"\n            style={{ textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}\n          >\n            {label}\n          </Typography>\n          <Flex gap={2}>{endAction}</Flex>\n        </Flex>\n      </Box>\n    </StyledLink>\n  );\n};\n\nconst StyledHeader = styled(Flex)`\n  flex: 0 0 ${HEIGHT_TOP_NAVIGATION};\n  height: ${HEIGHT_TOP_NAVIGATION};\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    flex: 0 0 ${HEIGHT_TOP_NAVIGATION_MEDIUM};\n    height: ${HEIGHT_TOP_NAVIGATION_MEDIUM};\n  }\n`;\n\nconst Header = ({ label }: { label: string }) => {\n  return (\n    <StyledHeader justifyContent=\"space-between\" paddingLeft={5} paddingRight={5}>\n      <Typography variant=\"beta\" tag=\"h2\">\n        {label}\n      </Typography>\n    </StyledHeader>\n  );\n};\n\nconst Sections = ({\n  children,\n  ...props\n}: {\n  children: React.ReactNode[];\n  [key: string]: unknown;\n}) => {\n  return (\n    <Box\n      paddingTop={{ initial: 5, large: 4 }}\n      paddingBottom={{ initial: 5, large: 4 }}\n      paddingLeft={{ initial: 3, large: 0 }}\n      paddingRight={{ initial: 3, large: 0 }}\n      maxWidth={{ initial: '100%', medium: WIDTH_SIDE_NAVIGATION }}\n    >\n      <Flex tag=\"ul\" gap={6} direction=\"column\" alignItems=\"stretch\" {...props}>\n        {children.map((child, index) => {\n          return <li key={index}>{child}</li>;\n        })}\n      </Flex>\n    </Box>\n  );\n};\n\n/**\n * TODO:\n * This would be better in the content-type-builder package directly but currently\n * the SubNav API does not expose a way to wrap the link, instead it wraps the link and the list\n */\nconst GuidedTourTooltip = ({\n  sectionId,\n  children,\n}: {\n  sectionId?: string;\n  children: React.ReactNode;\n}) => {\n  switch (sectionId) {\n    case 'models':\n      return (\n        <tours.contentTypeBuilder.CollectionTypes>\n          <tours.contentTypeBuilder.YourTurn>{children}</tours.contentTypeBuilder.YourTurn>\n        </tours.contentTypeBuilder.CollectionTypes>\n      );\n    case 'singleTypes':\n      return (\n        <tours.contentTypeBuilder.SingleTypes>{children}</tours.contentTypeBuilder.SingleTypes>\n      );\n    case 'components':\n      return <tours.contentTypeBuilder.Components>{children}</tours.contentTypeBuilder.Components>;\n    default:\n      return children;\n  }\n};\n\nconst Section = ({\n  label,\n  children,\n  link,\n  sectionId,\n  badgeLabel,\n}: {\n  label: string;\n  children: React.ReactNode[];\n  link?: { label: string; onClick: () => void };\n  sectionId?: string;\n  badgeLabel?: string;\n}) => {\n  const listId = useId();\n\n  return (\n    <Flex direction=\"column\" alignItems=\"stretch\" gap={2}>\n      <Box\n        paddingLeft={{\n          initial: 3,\n          large: 5,\n        }}\n        paddingRight={{\n          initial: 3,\n          large: 5,\n        }}\n      >\n        <Flex position=\"relative\" justifyContent=\"space-between\" gap={2}>\n          <Flex>\n            <Box>\n              <Typography variant=\"sigma\" textColor=\"neutral600\">\n                {label}\n              </Typography>\n            </Box>\n          </Flex>\n          <Flex gap={1}>\n            {badgeLabel && (\n              <Badge backgroundColor=\"neutral150\" textColor=\"neutral600\">\n                {badgeLabel}\n              </Badge>\n            )}\n            {link && (\n              <GuidedTourTooltip sectionId={sectionId}>\n                <IconButton\n                  label={link.label}\n                  variant=\"ghost\"\n                  withTooltip\n                  onClick={link.onClick}\n                  size=\"XS\"\n                >\n                  <Plus />\n                </IconButton>\n              </GuidedTourTooltip>\n            )}\n          </Flex>\n        </Flex>\n      </Box>\n      <Flex\n        tag=\"ol\"\n        id={listId}\n        direction=\"column\"\n        gap={{ initial: 2, large: '2px' }}\n        alignItems={'stretch'}\n        marginLeft={{\n          initial: 0,\n          large: 2,\n        }}\n        marginRight={{\n          initial: 0,\n          large: 2,\n        }}\n      >\n        {children.map((child, index) => {\n          return <li key={index}>{child}</li>;\n        })}\n      </Flex>\n    </Flex>\n  );\n};\n\nconst SubSectionHeader = styled.button`\n  cursor: pointer;\n  width: 100%;\n  border: none;\n  padding: 0;\n  background: transparent;\n  display: flex;\n  align-items: center;\n  border-radius: ${({ theme }) => theme.borderRadius};\n  padding-left: ${({ theme }) => theme.spaces[3]};\n  padding-right: ${({ theme }) => theme.spaces[3]};\n  padding-top: ${({ theme }) => theme.spaces[2]};\n  padding-bottom: ${({ theme }) => theme.spaces[2]};\n\n  &:hover {\n    background-color: ${({ theme }) => theme.colors.neutral100};\n  }\n`;\n\nconst SubSectionLinkWrapper = styled.li`\n  ${StyledLink} > div {\n    padding-left: 36px;\n  }\n`;\n\nconst SubSection = ({ label, children }: { label: string; children: React.ReactNode[] }) => {\n  const [isOpen, setOpenLinks] = useState(true);\n  const [contentHeight, setContentHeight] = useState(0);\n  const listId = useId();\n  const contentRef = useRef<HTMLElement>(null);\n\n  useEffect(() => {\n    if (contentRef.current) {\n      setContentHeight(contentRef.current.scrollHeight);\n    }\n  }, [children]);\n\n  const handleClick = () => {\n    setOpenLinks((prev) => !prev);\n  };\n\n  return (\n    <Box>\n      <Flex justifyContent=\"space-between\">\n        <SubSectionHeader onClick={handleClick} aria-expanded={isOpen} aria-controls={listId}>\n          <ChevronDown\n            aria-hidden\n            fill=\"neutral500\"\n            style={{\n              transform: `rotate(${isOpen ? '0deg' : '-90deg'})`,\n              transition: 'transform 0.5s',\n            }}\n          />\n          <Box paddingLeft={2}>\n            <Typography tag=\"span\" fontWeight=\"semiBold\" textColor=\"neutral800\">\n              {label}\n            </Typography>\n          </Box>\n        </SubSectionHeader>\n      </Flex>\n      <Flex\n        ref={contentRef}\n        tag=\"ul\"\n        id={listId}\n        direction=\"column\"\n        gap=\"2px\"\n        alignItems={'stretch'}\n        style={{\n          maxHeight: isOpen ? `${contentHeight}px` : 0,\n          overflow: 'hidden',\n          transition: 'max-height 0.5s cubic-bezier(0, 1, 0, 1)',\n        }}\n      >\n        {children.map((child, index) => {\n          return <SubSectionLinkWrapper key={index}>{child}</SubSectionLinkWrapper>;\n        })}\n      </Flex>\n    </Box>\n  );\n};\n\nconst PageWrapper = styled(Box)`\n  width: 100%;\n\n  ${MainSubNav} {\n    background-color: transparent;\n    border-right: none;\n  }\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    overflow: hidden;\n\n    ${MainSubNav} {\n      top: 0;\n    }\n  }\n`;\n\nconst Content = ({ children }: { children: React.ReactNode }) => {\n  return <ScrollArea>{children}</ScrollArea>;\n};\n\nexport const SubNav = {\n  Main,\n  Content,\n  Header,\n  Link,\n  Sections,\n  Section,\n  SubSection,\n  PageWrapper,\n};\n"],"names":["MainSubNav","styled","DSSubNav","theme","colors","neutral0","breakpoints","medium","WIDTH_SIDE_NAVIGATION","neutral150","Main","children","props","_jsx","StyledLink","NavLink","neutral800","primary100","primary700","neutral100","Link","label","endAction","handleClick","rest","onClick","Box","width","paddingLeft","paddingRight","paddingTop","initial","large","paddingBottom","borderRadius","_jsxs","Flex","justifyContent","gap","Typography","tag","lineHeight","overflow","style","textOverflow","whiteSpace","StyledHeader","HEIGHT_TOP_NAVIGATION","HEIGHT_TOP_NAVIGATION_MEDIUM","Header","variant","Sections","maxWidth","direction","alignItems","map","child","index","li","GuidedTourTooltip","sectionId","tours","contentTypeBuilder","CollectionTypes","YourTurn","SingleTypes","Components","Section","link","badgeLabel","listId","useId","position","textColor","Badge","backgroundColor","IconButton","withTooltip","size","Plus","id","marginLeft","marginRight","SubSectionHeader","button","spaces","SubSectionLinkWrapper","SubSection","isOpen","setOpenLinks","useState","contentHeight","setContentHeight","contentRef","useRef","useEffect","current","scrollHeight","prev","aria-expanded","aria-controls","ChevronDown","aria-hidden","fill","transform","transition","fontWeight","ref","maxHeight","PageWrapper","Content","ScrollArea","SubNav"],"mappings":";;;;;;;;;AAuBA,MAAMA,UAAAA,GAAaC,MAAAA,CAAOC,QAAAA,CAAS;;;;oBAIf,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACC,QAAQ,CAAC;;;;;;;EAOzD,EAAE,CAAC,EAAEF,KAAK,EAAE,GAAKA,KAAAA,CAAMG,WAAW,CAACC,MAAM,CAAC;AACjC,WAAA,EAAEC,qBAAAA,CAAsB;;;4BAGP,EAAE,CAAC,EAAEL,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACK,UAAU,CAAC;;;AAGrE,CAAC;AAED,MAAMC,IAAAA,GAAO,CAAC,EAAEC,QAAQ,EAAE,GAAGC,KAAAA,EAA4D,iBACvFC,GAAA,CAACb,UAAAA,EAAAA;AAAY,QAAA,GAAGY,KAAK;AAAGD,QAAAA,QAAAA,EAAAA;;AAG1B,MAAMG,UAAAA,GAAab,MAAAA,CAAOc,OAAAA,CAAQ;;;;;;;SAOzB,EAAE,CAAC,EAAEZ,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACY,UAAU,CAAC;;;IAG9C,EAAE,CAAC,EAAEb,KAAK,EAAE,GAAA;AACV,IAAA,OAAO;AACa,0BAAA,EAAEA,KAAAA,CAAMC,MAAM,CAACa,UAAU,CAAC;AACrC,eAAA,EAAEd,KAAAA,CAAMC,MAAM,CAACc,UAAU,CAAC;;MAEnC,CAAC;AACH,CAAA;;;;IAIA,EAAE,CAAC,EAAEf,KAAK,EAAE,GAAA;AACV,IAAA,OAAO;AACa,0BAAA,EAAEA,KAAAA,CAAMC,MAAM,CAACa,UAAU,CAAC;MAC9C,CAAC;AACH,CAAA;;;;IAIA,EAAE,CAAC,EAAEd,KAAK,EAAE,GAAA;AACV,IAAA,OAAO;AACa,0BAAA,EAAEA,KAAAA,CAAMC,MAAM,CAACe,UAAU,CAAC;MAC9C,CAAC;AACH,CAAA;;;;;;AAMJ,CAAC;AAED,MAAMC,OAAO,CACXR,KAAAA,GAAAA;IAMA,MAAM,EAAES,KAAK,EAAEC,SAAS,EAAEC,WAAW,EAAE,GAAGC,IAAAA,EAAM,GAAGZ,KAAAA;AAEnD,IAAA,qBACEC,GAAA,CAACC,UAAAA,EAAAA;AAAY,QAAA,GAAGU,IAAI;QAAEC,OAAAA,EAASF,WAAAA;AAC7B,QAAA,QAAA,gBAAAV,GAAA,CAACa,GAAAA,EAAAA;YACCC,KAAAA,EAAO,MAAA;YACPC,WAAAA,EAAa,CAAA;YACbC,YAAAA,EAAc,CAAA;YACdC,UAAAA,EAAY;gBAAEC,OAAAA,EAAS,CAAA;gBAAGC,KAAAA,EAAO;AAAE,aAAA;YACnCC,aAAAA,EAAe;gBAAEF,OAAAA,EAAS,CAAA;gBAAGC,KAAAA,EAAO;AAAE,aAAA;YACtCE,YAAAA,EAAc,CAAA;AAEd,YAAA,QAAA,gBAAAC,IAAA,CAACC,IAAAA,EAAAA;gBAAKC,cAAAA,EAAe,eAAA;gBAAgBV,KAAAA,EAAM,MAAA;gBAAOW,GAAAA,EAAK;oBAAEP,OAAAA,EAAS,CAAA;oBAAGC,KAAAA,EAAO;AAAE,iBAAA;;kCAC5EnB,GAAA,CAAC0B,UAAAA,EAAAA;wBACCC,GAAAA,EAAI,KAAA;wBACJC,UAAAA,EAAW,MAAA;wBACXd,KAAAA,EAAO;4BAAEI,OAAAA,EAAS,OAAA;4BAASxB,MAAAA,EAAQ;AAAO,yBAAA;wBAC1CmC,QAAAA,EAAS,QAAA;wBACTC,KAAAA,EAAO;4BAAEC,YAAAA,EAAc,UAAA;4BAAYC,UAAAA,EAAY;AAAS,yBAAA;AAEvDxB,wBAAAA,QAAAA,EAAAA;;kCAEHR,GAAA,CAACuB,IAAAA,EAAAA;wBAAKE,GAAAA,EAAK,CAAA;AAAIhB,wBAAAA,QAAAA,EAAAA;;;;;;AAKzB,CAAA;AAEA,MAAMwB,YAAAA,GAAe7C,MAAAA,CAAOmC,IAAAA,CAAK;AACrB,YAAA,EAAEW,qBAAAA,CAAsB;AAC1B,UAAA,EAAEA,qBAAAA,CAAsB;;EAEhC,EAAE,CAAC,EAAE5C,KAAK,EAAE,GAAKA,KAAAA,CAAMG,WAAW,CAACC,MAAM,CAAC;AAC9B,cAAA,EAAEyC,4BAAAA,CAA6B;AACjC,YAAA,EAAEA,4BAAAA,CAA6B;;AAE3C,CAAC;AAED,MAAMC,MAAAA,GAAS,CAAC,EAAE5B,KAAK,EAAqB,GAAA;AAC1C,IAAA,qBACER,GAAA,CAACiC,YAAAA,EAAAA;QAAaT,cAAAA,EAAe,eAAA;QAAgBT,WAAAA,EAAa,CAAA;QAAGC,YAAAA,EAAc,CAAA;AACzE,QAAA,QAAA,gBAAAhB,GAAA,CAAC0B,UAAAA,EAAAA;YAAWW,OAAAA,EAAQ,MAAA;YAAOV,GAAAA,EAAI,IAAA;AAC5BnB,YAAAA,QAAAA,EAAAA;;;AAIT,CAAA;AAEA,MAAM8B,WAAW,CAAC,EAChBxC,QAAQ,EACR,GAAGC,KAAAA,EAIJ,GAAA;AACC,IAAA,qBACEC,GAAA,CAACa,GAAAA,EAAAA;QACCI,UAAAA,EAAY;YAAEC,OAAAA,EAAS,CAAA;YAAGC,KAAAA,EAAO;AAAE,SAAA;QACnCC,aAAAA,EAAe;YAAEF,OAAAA,EAAS,CAAA;YAAGC,KAAAA,EAAO;AAAE,SAAA;QACtCJ,WAAAA,EAAa;YAAEG,OAAAA,EAAS,CAAA;YAAGC,KAAAA,EAAO;AAAE,SAAA;QACpCH,YAAAA,EAAc;YAAEE,OAAAA,EAAS,CAAA;YAAGC,KAAAA,EAAO;AAAE,SAAA;QACrCoB,QAAAA,EAAU;YAAErB,OAAAA,EAAS,MAAA;YAAQxB,MAAAA,EAAQC;AAAsB,SAAA;AAE3D,QAAA,QAAA,gBAAAK,GAAA,CAACuB,IAAAA,EAAAA;YAAKI,GAAAA,EAAI,IAAA;YAAKF,GAAAA,EAAK,CAAA;YAAGe,SAAAA,EAAU,QAAA;YAASC,UAAAA,EAAW,SAAA;AAAW,YAAA,GAAG1C,KAAK;sBACrED,QAAAA,CAAS4C,GAAG,CAAC,CAACC,KAAAA,EAAOC,KAAAA,GAAAA;AACpB,gBAAA,qBAAO5C,GAAA,CAAC6C,IAAAA,EAAAA;AAAgBF,oBAAAA,QAAAA,EAAAA;AAARC,iBAAAA,EAAAA,KAAAA,CAAAA;AAClB,YAAA,CAAA;;;AAIR,CAAA;AAEA;;;;AAIC,IACD,MAAME,iBAAAA,GAAoB,CAAC,EACzBC,SAAS,EACTjD,QAAQ,EAIT,GAAA;IACC,OAAQiD,SAAAA;QACN,KAAK,QAAA;AACH,YAAA,qBACE/C,GAAA,CAACgD,KAAAA,CAAMC,kBAAkB,CAACC,eAAe,EAAA;AACvC,gBAAA,QAAA,gBAAAlD,GAAA,CAACgD,KAAAA,CAAMC,kBAAkB,CAACE,QAAQ,EAAA;AAAErD,oBAAAA,QAAAA,EAAAA;;;QAG1C,KAAK,aAAA;AACH,YAAA,qBACEE,GAAA,CAACgD,KAAAA,CAAMC,kBAAkB,CAACG,WAAW,EAAA;AAAEtD,gBAAAA,QAAAA,EAAAA;;QAE3C,KAAK,YAAA;AACH,YAAA,qBAAOE,GAAA,CAACgD,KAAAA,CAAMC,kBAAkB,CAACI,UAAU,EAAA;AAAEvD,gBAAAA,QAAAA,EAAAA;;AAC/C,QAAA;YACE,OAAOA,QAAAA;AACX;AACF,CAAA;AAEA,MAAMwD,OAAAA,GAAU,CAAC,EACf9C,KAAK,EACLV,QAAQ,EACRyD,IAAI,EACJR,SAAS,EACTS,UAAU,EAOX,GAAA;AACC,IAAA,MAAMC,MAAAA,GAASC,KAAAA,EAAAA;AAEf,IAAA,qBACEpC,IAAA,CAACC,IAAAA,EAAAA;QAAKiB,SAAAA,EAAU,QAAA;QAASC,UAAAA,EAAW,SAAA;QAAUhB,GAAAA,EAAK,CAAA;;0BACjDzB,GAAA,CAACa,GAAAA,EAAAA;gBACCE,WAAAA,EAAa;oBACXG,OAAAA,EAAS,CAAA;oBACTC,KAAAA,EAAO;AACT,iBAAA;gBACAH,YAAAA,EAAc;oBACZE,OAAAA,EAAS,CAAA;oBACTC,KAAAA,EAAO;AACT,iBAAA;AAEA,gBAAA,QAAA,gBAAAG,IAAA,CAACC,IAAAA,EAAAA;oBAAKoC,QAAAA,EAAS,UAAA;oBAAWnC,cAAAA,EAAe,eAAA;oBAAgBC,GAAAA,EAAK,CAAA;;sCAC5DzB,GAAA,CAACuB,IAAAA,EAAAA;AACC,4BAAA,QAAA,gBAAAvB,GAAA,CAACa,GAAAA,EAAAA;AACC,gCAAA,QAAA,gBAAAb,GAAA,CAAC0B,UAAAA,EAAAA;oCAAWW,OAAAA,EAAQ,OAAA;oCAAQuB,SAAAA,EAAU,YAAA;AACnCpD,oCAAAA,QAAAA,EAAAA;;;;sCAIPc,IAAA,CAACC,IAAAA,EAAAA;4BAAKE,GAAAA,EAAK,CAAA;;AACR+B,gCAAAA,UAAAA,kBACCxD,GAAA,CAAC6D,KAAAA,EAAAA;oCAAMC,eAAAA,EAAgB,YAAA;oCAAaF,SAAAA,EAAU,YAAA;AAC3CJ,oCAAAA,QAAAA,EAAAA;;AAGJD,gCAAAA,IAAAA,kBACCvD,GAAA,CAAC8C,iBAAAA,EAAAA;oCAAkBC,SAAAA,EAAWA,SAAAA;AAC5B,oCAAA,QAAA,gBAAA/C,GAAA,CAAC+D,UAAAA,EAAAA;AACCvD,wCAAAA,KAAAA,EAAO+C,KAAK/C,KAAK;wCACjB6B,OAAAA,EAAQ,OAAA;wCACR2B,WAAW,EAAA,IAAA;AACXpD,wCAAAA,OAAAA,EAAS2C,KAAK3C,OAAO;wCACrBqD,IAAAA,EAAK,IAAA;AAEL,wCAAA,QAAA,gBAAAjE,GAAA,CAACkE,IAAAA,EAAAA,EAAAA;;;;;;;;0BAOblE,GAAA,CAACuB,IAAAA,EAAAA;gBACCI,GAAAA,EAAI,IAAA;gBACJwC,EAAAA,EAAIV,MAAAA;gBACJjB,SAAAA,EAAU,QAAA;gBACVf,GAAAA,EAAK;oBAAEP,OAAAA,EAAS,CAAA;oBAAGC,KAAAA,EAAO;AAAM,iBAAA;gBAChCsB,UAAAA,EAAY,SAAA;gBACZ2B,UAAAA,EAAY;oBACVlD,OAAAA,EAAS,CAAA;oBACTC,KAAAA,EAAO;AACT,iBAAA;gBACAkD,WAAAA,EAAa;oBACXnD,OAAAA,EAAS,CAAA;oBACTC,KAAAA,EAAO;AACT,iBAAA;0BAECrB,QAAAA,CAAS4C,GAAG,CAAC,CAACC,KAAAA,EAAOC,KAAAA,GAAAA;AACpB,oBAAA,qBAAO5C,GAAA,CAAC6C,IAAAA,EAAAA;AAAgBF,wBAAAA,QAAAA,EAAAA;AAARC,qBAAAA,EAAAA,KAAAA,CAAAA;AAClB,gBAAA,CAAA;;;;AAIR,CAAA;AAEA,MAAM0B,gBAAAA,GAAmBlF,MAAAA,CAAOmF,MAAM;;;;;;;;AAQrB,iBAAA,EAAE,CAAC,EAAEjF,KAAK,EAAE,GAAKA,KAAAA,CAAM+B,YAAY,CAAC;gBACrC,EAAE,CAAC,EAAE/B,KAAK,EAAE,GAAKA,KAAAA,CAAMkF,MAAM,CAAC,CAAA,CAAE,CAAC;iBAChC,EAAE,CAAC,EAAElF,KAAK,EAAE,GAAKA,KAAAA,CAAMkF,MAAM,CAAC,CAAA,CAAE,CAAC;eACnC,EAAE,CAAC,EAAElF,KAAK,EAAE,GAAKA,KAAAA,CAAMkF,MAAM,CAAC,CAAA,CAAE,CAAC;kBAC9B,EAAE,CAAC,EAAElF,KAAK,EAAE,GAAKA,KAAAA,CAAMkF,MAAM,CAAC,CAAA,CAAE,CAAC;;;sBAG7B,EAAE,CAAC,EAAElF,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACe,UAAU,CAAC;;AAE/D,CAAC;AAED,MAAMmE,qBAAAA,GAAwBrF,MAAAA,CAAOyD,EAAE;AACrC,EAAA,EAAE5C,UAAAA,CAAW;;;AAGf,CAAC;AAED,MAAMyE,aAAa,CAAC,EAAElE,KAAK,EAAEV,QAAQ,EAAkD,GAAA;AACrF,IAAA,MAAM,CAAC6E,MAAAA,EAAQC,YAAAA,CAAa,GAAGC,QAAAA,CAAS,IAAA,CAAA;AACxC,IAAA,MAAM,CAACC,aAAAA,EAAeC,gBAAAA,CAAiB,GAAGF,QAAAA,CAAS,CAAA,CAAA;AACnD,IAAA,MAAMpB,MAAAA,GAASC,KAAAA,EAAAA;AACf,IAAA,MAAMsB,aAAaC,MAAAA,CAAoB,IAAA,CAAA;IAEvCC,SAAAA,CAAU,IAAA;QACR,IAAIF,UAAAA,CAAWG,OAAO,EAAE;YACtBJ,gBAAAA,CAAiBC,UAAAA,CAAWG,OAAO,CAACC,YAAY,CAAA;AAClD,QAAA;IACF,CAAA,EAAG;AAACtF,QAAAA;AAAS,KAAA,CAAA;AAEb,IAAA,MAAMY,WAAAA,GAAc,IAAA;QAClBkE,YAAAA,CAAa,CAACS,OAAS,CAACA,IAAAA,CAAAA;AAC1B,IAAA,CAAA;AAEA,IAAA,qBACE/D,IAAA,CAACT,GAAAA,EAAAA;;0BACCb,GAAA,CAACuB,IAAAA,EAAAA;gBAAKC,cAAAA,EAAe,eAAA;AACnB,gBAAA,QAAA,gBAAAF,IAAA,CAACgD,gBAAAA,EAAAA;oBAAiB1D,OAAAA,EAASF,WAAAA;oBAAa4E,eAAAA,EAAeX,MAAAA;oBAAQY,eAAAA,EAAe9B,MAAAA;;sCAC5EzD,GAAA,CAACwF,WAAAA,EAAAA;4BACCC,aAAW,EAAA,IAAA;4BACXC,IAAAA,EAAK,YAAA;4BACL5D,KAAAA,EAAO;AACL6D,gCAAAA,SAAAA,EAAW,CAAC,OAAO,EAAEhB,SAAS,MAAA,GAAS,QAAA,CAAS,CAAC,CAAC;gCAClDiB,UAAAA,EAAY;AACd;;sCAEF5F,GAAA,CAACa,GAAAA,EAAAA;4BAAIE,WAAAA,EAAa,CAAA;AAChB,4BAAA,QAAA,gBAAAf,GAAA,CAAC0B,UAAAA,EAAAA;gCAAWC,GAAAA,EAAI,MAAA;gCAAOkE,UAAAA,EAAW,UAAA;gCAAWjC,SAAAA,EAAU,YAAA;AACpDpD,gCAAAA,QAAAA,EAAAA;;;;;;0BAKTR,GAAA,CAACuB,IAAAA,EAAAA;gBACCuE,GAAAA,EAAKd,UAAAA;gBACLrD,GAAAA,EAAI,IAAA;gBACJwC,EAAAA,EAAIV,MAAAA;gBACJjB,SAAAA,EAAU,QAAA;gBACVf,GAAAA,EAAI,KAAA;gBACJgB,UAAAA,EAAY,SAAA;gBACZX,KAAAA,EAAO;AACLiE,oBAAAA,SAAAA,EAAWpB,MAAAA,GAAS,CAAA,EAAGG,aAAAA,CAAc,EAAE,CAAC,GAAG,CAAA;oBAC3CjD,QAAAA,EAAU,QAAA;oBACV+D,UAAAA,EAAY;AACd,iBAAA;0BAEC9F,QAAAA,CAAS4C,GAAG,CAAC,CAACC,KAAAA,EAAOC,KAAAA,GAAAA;AACpB,oBAAA,qBAAO5C,GAAA,CAACyE,qBAAAA,EAAAA;AAAmC9B,wBAAAA,QAAAA,EAAAA;AAARC,qBAAAA,EAAAA,KAAAA,CAAAA;AACrC,gBAAA,CAAA;;;;AAIR,CAAA;AAEA,MAAMoD,WAAAA,GAAc5G,MAAAA,CAAOyB,GAAAA,CAAI;;;AAG7B,EAAA,EAAE1B,UAAAA,CAAW;;;;;EAKb,EAAE,CAAC,EAAEG,KAAK,EAAE,GAAKA,KAAAA,CAAMG,WAAW,CAACC,MAAM,CAAC;;;AAGxC,IAAA,EAAEP,UAAAA,CAAW;;;;AAIjB,CAAC;AAED,MAAM8G,OAAAA,GAAU,CAAC,EAAEnG,QAAQ,EAAiC,GAAA;AAC1D,IAAA,qBAAOE,GAAA,CAACkG,UAAAA,EAAAA;AAAYpG,QAAAA,QAAAA,EAAAA;;AACtB,CAAA;MAEaqG,MAAAA,GAAS;AACpBtG,IAAAA,IAAAA;AACAoG,IAAAA,OAAAA;AACA7D,IAAAA,MAAAA;AACA7B,IAAAA,IAAAA;AACA+B,IAAAA,QAAAA;AACAgB,IAAAA,OAAAA;AACAoB,IAAAA,UAAAA;AACAsB,IAAAA;AACF;;;;"}