scorer-ui-kit 3.0.4 → 3.0.6

package/dist/{LineUIVideoBase-CJ61ZqPJ.mjs.map → LineUIVideoBase-Bo0pvCP-.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"LineUIVideoBase-CJ61ZqPJ.mjs","names":[],"sources":["../src/theme/common.tsx","../src/Icons/Icon.tsx","../src/Indicators/Spinner.tsx","../src/LineUI/Contexts.tsx","../src/LineUI/HandleUnit.tsx","../src/LineUI/LineUnit.tsx","../src/LineUI/LineSet.tsx","../src/LineUI/LineUIVideoBase.tsx"],"sourcesContent":["export const fontFamily = {\n  ui: 'Monorale, Hiragino Sans, \"ヒラギノ角ゴシック\", Hiragino Kaku Gothic ProN, \"ヒラギノ角ゴ ProN W3\", Roboto, YuGothic, \"游ゴシック\", Meiryo, \"メイリオ\", sans-serif;',\n  data: 'Lato, Hiragino Sans, \"ヒラギノ角ゴシック\", Hiragino Kaku Gothic ProN, \"ヒラギノ角ゴ ProN W3\", Roboto, YuGothic, \"游ゴシック\", Meiryo, \"メイリオ\", sans-serif;',\n};\n\nexport const dimensions = {\n  icons: {\n    weights: {\n      light: 1,\n      regular: 1.5,\n      heavy: 3,\n      strong: 5,\n    },\n  },\n  form: {\n    button: {\n      xsmall: {\n        height: '20px',\n        padding: '0 10px',\n        iconSize: 12,\n      },\n      small: {\n        height: '30px',\n        padding: '0 20px',\n        iconSize: 14,\n      },\n      normal: {\n        height: '40px',\n        padding: '0 20px',\n        iconSize: 16,\n      },\n      large: {\n        height: '60px',\n        padding: '0 20px',\n        iconSize: 20,\n      },\n    },\n    input: {\n      height: '40px',\n    },\n    switch: {\n      outer: {\n        width: '38px',\n        height: '22px',\n        borderRadius: '11px',\n      },\n      inner: {\n        width: '16px',\n        height: '16px',\n        borderRadius: '8px',\n      },\n      positions: {\n        top: '2px',\n        off: '2px',\n        neutral: '10px',\n        locked: '2px',\n        on: '18px',\n      },\n    },\n  },\n  global: {\n    mainMenu: {\n      width: {\n        open: '280px',\n        closed: '80px',\n      },\n    },\n  },\n};\n\nexport const animation = {\n  easing: {\n    primary: {\n      inOut: 'cubic-bezier(0.87, 0, 0.13, 1)',\n      out: 'cubic-bezier(0.16, 1, 0.3, 1)',\n      in: 'cubic-bezier(0.7, 0, 0.84, 0)',\n    },\n  },\n  speed: {\n    faster: '0.085s',\n    fast: '0.175s',\n    normal: '0.35s',\n    slow: '0.7s',\n    slower: '1.4s',\n    slowest: '2.8s',\n  },\n};\n\nexport const deviceSize = {\n  small: 0,\n  medium: 768,\n  large: 1024,\n  xlarge: 1280,\n  xxlarge: 1536,\n};\n\nexport const deviceMediaQuery = {\n  small: `(min-width: ${deviceSize.small}px)`,\n  medium: `(min-width: ${deviceSize.medium}px)`,\n  large: `(min-width: ${deviceSize.large}px)`,\n  xlarge: `(min-width: ${deviceSize.xlarge}px)`,\n  xxlarge: `(min-width: ${deviceSize.xxlarge}px)`,\n};\n","import { IconSVGs } from '@future-standard/icons';\nimport type React from 'react';\nimport styled, { css } from 'styled-components';\nimport type { IWeight } from '..';\nimport { dimensions } from '../theme/common';\n\nconst wrapperCss = css`\n\n  line-height: 0;\n\n  svg {\n    overflow: visible;\n    vector-effect: non-scaling-stroke;\n\n    line, path, circle, ellipse, foreignObject, polygon, polyline, rect, text, textPath, tspan {\n      vector-effect: non-scaling-stroke;\n      transition: stroke var(--speed-normal) var(--easing-primary-out);\n    }\n  }\n`;\n\nconst IconWrapper = styled.div`\n  ${wrapperCss};\n`;\n\nconst IconWrapperForSVG = styled.g`\n  ${wrapperCss};\n`;\n\nexport { IconSVGs, IconWrapper, IconWrapperForSVG };\n\nexport interface IconProps {\n  icon: string;\n  size?: number;\n  weight?: IWeight;\n  color?: ISvgIcons['color'];\n  forSvgUsage?: boolean;\n}\n\nconst Icon: React.FC<IconProps> = ({\n  icon,\n  size = 24,\n  weight = 'regular',\n  color = 'grey-12',\n  forSvgUsage = false,\n}) => {\n  // For later use in deprecation of aliases.\n  // const legacyColors = ['mono', 'dimmed', 'subtle', 'inverse', 'primary', 'danger'];\n  // if(legacyColors.indexOf(color) >= 0){\n  //   console.warn(\"Deprecation warning: The use of \" + color + \" is deprecated. Please replace it with theme color variable.\");\n  // }\n\n  const iconWeight: number = dimensions.icons.weights[weight];\n  //@ts-expect-error\n  const IconSVG = IconSVGs[icon];\n\n  return IconSVG != null ? (\n    forSvgUsage ? (\n      <IconWrapperForSVG>\n        {IconSVG({ size: size, weight: iconWeight, color: `var(--${color}, var(--grey-12))` })}\n      </IconWrapperForSVG>\n    ) : (\n      <IconWrapper>\n        {IconSVG({ size: size, weight: iconWeight, color: `var(--${color}, var(--grey-12))` })}\n      </IconWrapper>\n    )\n  ) : null;\n};\n\nexport default Icon;\n","import type React from 'react';\nimport styled, { keyframes } from 'styled-components';\n\nconst circumference = (radius: number) => {\n  return 2 * Math.PI * radius;\n};\n\nconst animation = (radius: number) => {\n  const c = circumference(radius);\n\n  return keyframes`\n    0% {\n      stroke-dashoffset: -${c * 0.85};\n    }\n    50% {\n      stroke-dashoffset: -${c * 0.5};\n    }\n    100% {\n      stroke-dashoffset: -${c * 0.85};\n    }\n  `;\n};\n\nconst rotate = keyframes`\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n`;\n\nconst BaseCircle = styled.circle<{ $styling: string; $customColor?: string }>`\n  stroke: ${({ $styling, $customColor }) => ($customColor ? $customColor : `var(--spinner-${$styling}-base, var(--grey-a8))`)};\n  fill: none;\n`;\n\nconst RotatingCircle = styled.circle<{ r: number; $styling: string; $customColor?: string }>`\n  stroke: ${({ $styling, $customColor }) => ($customColor ? $customColor : `var(--spinner-${$styling}-top, var(--white-1))`)};\n  fill: none;\n  stroke-dasharray: ${({ r }) => circumference(r)};\n  stroke-dashoffset: ${({ r }) => (2 * Math.PI * r) / 2};\n  animation:\n    ${({ r }) => animation(r)} 4s linear infinite,\n    ${rotate} 1s linear infinite;\n  stroke-linecap: round;\n`;\n\nexport type SpinnerSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';\n\nexport const getButtonDesign = (value: string) => {\n  if (value === 'primary' || value === 'secondary' || value === 'warning') {\n    return value;\n  } else if (value === 'danger') {\n    console.warn(\n      'Button.tsx - Warning, the design prop value `danger` is being deprecated. Use `warning` instead.'\n    );\n    return 'danger';\n  }\n\n  return 'simple';\n};\n\nconst sizeGuide = {\n  xsmall: 12,\n  small: 16,\n  medium: 24,\n  large: 36,\n  xlarge: 48,\n};\n\ninterface ICustomSpinner {\n  size?: number;\n  baseColor?: string;\n  topColor?: string;\n}\n\ninterface IProps {\n  size?: SpinnerSize;\n  styling: string;\n  custom?: ICustomSpinner;\n}\n\nconst Spinner: React.FC<IProps> = ({ size = 'medium', styling = 'primary', custom = {} }) => {\n  const { baseColor, topColor } = custom;\n  const sizeVal = custom?.size ? custom.size : sizeGuide[size];\n  const strokeWidth = sizeVal / 5.333;\n  const circleRadius = sizeVal / 2 - strokeWidth / 2;\n\n  return (\n    <svg\n      viewBox={`-${sizeVal / 2} -${sizeVal / 2} ${sizeVal} ${sizeVal}`}\n      width={sizeVal}\n      height={sizeVal}\n      xmlns='http://www.w3.org/2000/svg'\n      role='img'\n      aria-label='Loading'\n    >\n      <BaseCircle\n        cx='0'\n        cy='0'\n        r={circleRadius}\n        strokeWidth={strokeWidth}\n        $styling={getButtonDesign(styling)}\n        $customColor={baseColor}\n      />\n      <RotatingCircle\n        cx='0'\n        cy='0'\n        r={circleRadius}\n        strokeWidth={strokeWidth}\n        $styling={getButtonDesign(styling)}\n        $customColor={topColor}\n      />\n    </svg>\n  );\n};\n\nexport default Spinner;\n","import { createContext, type Dispatch } from 'react';\nimport type { IPointSet } from '.';\nimport type { IReducerActions } from './LineReducer';\n\ninterface IContextProps {\n  state: IPointSet[];\n  dispatch: Dispatch<IReducerActions>;\n}\n\nexport const LineSetContext = createContext({} as IContextProps);\n","import type React from 'react';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport styled, { css, keyframes } from 'styled-components';\nimport type { IDragLineUISharedOptions, IVector2 } from '.';\n\nconst HandleTouchReactionKeyframes = keyframes`\n 0% {\n    transform: scale(1);\n }\n\n 75% {\n    transform: scale(3);\n }\n\n 100% {\n   transform: scale(1.75);\n }\n`;\n\nconst HandleMouseReactionKeyframes = keyframes`\n 0% {\n    transform: scale(1);\n }\n\n 75% {\n    transform: scale(0);\n }\n\n 100% {\n   transform: scale(0.5);\n }\n`;\n\nconst HandleBase = styled.svg<{ $mouseDragging: boolean; $styling: string }>`\n  touch-action: none;\n  user-select: none;\n  overflow: visible;\n  cursor: pointer;\n  fill: ${({ theme, $styling }) => theme.custom.lines[$styling].handleBase.fill};\n  appearance: none;\n`;\n\nconst HandleRingLayer = styled.circle<{ $maskID: string; $styling: string }>`\n  fill: none;\n  stroke: ${({ theme, $styling }) => theme.custom.lines[$styling].handleRingLayer.stroke};\n  mask: url(#${(props) => props.$maskID});\n`;\nconst HandleReactiveGroup = styled.g<{ $touchDragging: boolean; $mouseDragging: boolean }>`\n  opacity: 0.65;\n  cursor: pointer;\n  transform: scale(1);\n\n  ${(props) =>\n    props.$touchDragging &&\n    css`\n    animation: ${HandleTouchReactionKeyframes} 0.5s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275) 1;\n  `}\n\n  ${(props) =>\n    props.$mouseDragging &&\n    css`\n    animation: ${HandleMouseReactionKeyframes} 0.25s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275) 1;\n  `}\n\n`;\nconst HandleReactiveFill = styled.circle<{ $styling: string }>`\n  mix-blend-mode: multiply;\n  fill: ${({ theme, $styling }) => theme.custom.lines[$styling].handleReactiveFill.fill};\n  stroke: none;\n`;\nconst HandleReactiveRing = styled.circle<{ $styling: string }>`\n  fill: none;\n  stroke: ${({ theme, $styling }) => theme.custom.lines[$styling].handleReactiveRing.stroke};\n`;\n\nconst HandleContrastLayer = styled.circle<{ $styling: string }>`\n  overflow: visible;\n  mix-blend-mode: multiply;\n  fill: none;\n  stroke: ${({ theme, $styling }) => theme.custom.lines[$styling].handleContrastLayer.stroke};\n`;\nconst HandleShadowLayer = styled.circle<{ $fillID: string }>`\n    mix-blend-mode: multiply;\n    fill: url(#${(props) => props.$fillID});\n`;\n\nconst GrabHandleIndexGroup = styled.g<{ $showIndex: boolean }>`\n  opacity: 0;\n  pointer-events: none;\n  ${(props) =>\n    props.$showIndex &&\n    css`\n    opacity: 1;\n  `};\n\n`;\n\nconst StopStart = styled.stop<{ $styling: string }>`\n  stop-color: ${({ theme, $styling }) => theme.custom.lines[$styling].stopStart.stopColor};\n`;\nconst StopEnd = styled.stop<{ $styling: string }>`\n  stop-color: ${({ theme, $styling }) => theme.custom.lines[$styling].stopEnd.stopColor};\n`;\n\nconst GrabHandleIndexText = styled.text<{ $showIndex: boolean; $styling: string }>`\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  stroke: ${({ theme, $styling }) => theme.custom.lines[$styling].grabHandleText.stroke};\n  text-align: center;\n\n  font-weight: bold;\n  transition: opacity 250ms ease;\n  pointer-events: none;\n\n\n`;\n\nconst IconGroup = styled.g`\n\n`;\n\ninterface IHandleUnitProps {\n  lineSetId: number;\n  index: number;\n  angle: number | null;\n  useAngles: boolean;\n  unit: number;\n  size: number;\n  x: number;\n  y: number;\n  Icon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>> & { rotate?: number };\n  rotate?: number;\n  moveCallback: (pointerPosition: IVector2, index: number) => void;\n  moveEndCB?: () => void;\n  options: IDragLineUISharedOptions;\n  readOnlyHandle?: boolean;\n  styling?: string;\n}\n\nconst HandleUnit: React.FC<IHandleUnitProps> = (props) => {\n  // console.log(props.lineSetId, typeof props.lineSetId)\n  const {\n    index,\n    useAngles,\n    angle,\n    unit,\n    size,\n    lineSetId,\n    x,\n    y,\n    moveCallback,\n    moveEndCB = () => {},\n    Icon,\n    rotate = 0,\n    options,\n    readOnlyHandle = false,\n    styling = 'primary',\n  } = props;\n  // console.log(\"Handle \"+ index +\" from set \"+ lineSetId + \" :: \" + x, \", \" + y)\n  const handleInstance = useRef<SVGSVGElement>(null);\n\n  const [touchDragging, setTouchDragging] = useState(false);\n  const [mouseDragging, setMouseDragging] = useState(false);\n  const [touchIndex, setTouchIndex] = useState<number | null>(null);\n\n  /** --- Toucher Events Section --- */\n  const handleTouchStart = useCallback(\n    (e: React.TouchEvent<SVGSVGElement>) => {\n      e.preventDefault();\n      if (readOnlyHandle) {\n        return;\n      }\n      // Remember what touch event index is for this handle.\n      for (let i = 0; i < e.touches.length; i++) {\n        const touchTarget = e.touches[i].target as Element;\n        if (\n          touchTarget.parentNode?.parentElement === handleInstance.current ||\n          touchTarget.parentNode?.parentElement?.parentElement\n        ) {\n          setTouchDragging(true);\n          setTouchIndex(i);\n        }\n      }\n    },\n    [readOnlyHandle]\n  );\n\n  const handleTouchEnd = useCallback(() => {\n    if (readOnlyHandle) {\n      return;\n    }\n    setTouchDragging(false);\n    setTouchIndex(null);\n    moveEndCB();\n  }, [moveEndCB, readOnlyHandle]);\n\n  const handleTouchMove = useCallback(\n    (e: React.TouchEvent<SVGSVGElement>) => {\n      if (readOnlyHandle) {\n        return;\n      }\n      for (let i = 0; i < e.touches.length; i++) {\n        if (i === touchIndex) {\n          moveCallback({ x: e.touches[i].pageX, y: e.touches[i].pageY }, index);\n        }\n      }\n    },\n    [index, moveCallback, readOnlyHandle, touchIndex]\n  );\n\n  /** --- Mouse Events Section --- */\n\n  const handleMouseMoveRef = useRef<((e: MouseEvent) => void) | null>(null);\n  const handleMouseUpRef = useRef<((e: MouseEvent) => void) | null>(null);\n\n  const cleanupMouseListeners = useCallback(() => {\n    if (handleMouseMoveRef.current) {\n      window.removeEventListener('mousemove', handleMouseMoveRef.current);\n      handleMouseMoveRef.current = null;\n    }\n    if (handleMouseUpRef.current) {\n      window.removeEventListener('mouseup', handleMouseUpRef.current);\n      handleMouseUpRef.current = null;\n    }\n  }, []);\n\n  const handleMouseMove = useCallback(\n    (e: MouseEvent) => {\n      e.preventDefault();\n      if (readOnlyHandle) {\n        return;\n      }\n      moveCallback({ x: e.pageX, y: e.pageY }, index);\n    },\n    [index, moveCallback, readOnlyHandle]\n  );\n\n  const handleMouseUp = useCallback(\n    (e: MouseEvent) => {\n      e.preventDefault();\n      if (readOnlyHandle) {\n        return;\n      }\n      setMouseDragging(false);\n      cleanupMouseListeners();\n      moveCallback({ x: e.pageX, y: e.pageY }, index);\n      setTimeout(moveEndCB);\n    },\n    [cleanupMouseListeners, index, moveCallback, moveEndCB, readOnlyHandle]\n  );\n\n  const handleMouseDown = useCallback(\n    (e: React.MouseEvent<SVGSVGElement, MouseEvent>) => {\n      e.preventDefault();\n      if (readOnlyHandle) {\n        return;\n      }\n      cleanupMouseListeners();\n      setMouseDragging(true);\n      handleMouseMoveRef.current = handleMouseMove;\n      handleMouseUpRef.current = handleMouseUp;\n      window.addEventListener('mousemove', handleMouseMove);\n      window.addEventListener('mouseup', handleMouseUp);\n    },\n    [cleanupMouseListeners, handleMouseMove, handleMouseUp, readOnlyHandle]\n  );\n\n  useEffect(() => {\n    return cleanupMouseListeners;\n  }, [cleanupMouseListeners]);\n\n  const maskID = useAngles ? `mask-${lineSetId}-${index}` : '';\n  const shadowGradientID = `shadowGradient-${lineSetId}-${index}`;\n  const {\n    showPointHandle = true,\n    showPointLabel = false,\n    pointIndexOffset,\n  } = options as IDragLineUISharedOptions;\n\n  return (\n    <HandleBase\n      ref={handleInstance}\n      $styling={styling}\n      x={x}\n      y={y}\n      $mouseDragging={mouseDragging}\n      onTouchStart={handleTouchStart}\n      onTouchEnd={handleTouchEnd}\n      onTouchMove={handleTouchMove}\n      onMouseDown={handleMouseDown}\n    >\n      <defs>\n        <mask id={maskID}>\n          <rect width='100%' height='100%' x='-50%' y='-50%' fill='white' />\n          <rect\n            width={size / 3}\n            height={size / 0.9}\n            x={-(size / 3 / 2)}\n            y={-(size / 0.9 + 5)}\n            fill='black'\n            transform={`rotate(${angle || 0} 0 0)`}\n          />\n        </mask>\n        <radialGradient id={shadowGradientID}>\n          <StopStart $styling={styling} offset='0%' />\n          <StopEnd $styling={styling} offset='80%' />\n        </radialGradient>\n      </defs>\n\n      {Icon ? (\n        <IconGroup transform={`scale(${unit * 1.5}) translate(-21 -21) rotate(${rotate}, 21, 21 )`}>\n          <Icon height='42' width='42' />\n        </IconGroup>\n      ) : (\n        showPointHandle && (\n          <g transform={`scale(${unit})`}>\n            <HandleShadowLayer r={size * 1} $fillID={shadowGradientID} />\n            <HandleContrastLayer $styling={styling} r={size / 2.4} strokeWidth={size / 3} />\n\n            <HandleReactiveGroup $touchDragging={touchDragging} $mouseDragging={mouseDragging}>\n              <HandleReactiveFill $styling={styling} r={size / 1.8} />\n              <HandleReactiveRing $styling={styling} r={size / 2.25} strokeWidth={size / 3} />\n            </HandleReactiveGroup>\n\n            <HandleRingLayer\n              $styling={styling}\n              r={size / 2}\n              strokeWidth={size / 6}\n              $maskID={maskID}\n            />\n\n            {showPointLabel && (\n              <GrabHandleIndexGroup $showIndex>\n                <GrabHandleIndexText\n                  $styling={styling}\n                  transform='translate(-5,6)'\n                  fontSize='20px'\n                  $showIndex\n                >\n                  {index + pointIndexOffset}\n                </GrabHandleIndexText>\n              </GrabHandleIndexGroup>\n            )}\n          </g>\n        )\n      )}\n    </HandleBase>\n  );\n};\n\nexport default HandleUnit;\n","import type React from 'react';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport styled, { css } from 'styled-components';\nimport Icon from '../Icons/Icon';\nimport type { IDragLineUISharedOptions, IVector2 } from '.';\n\nconst ContrastLine = styled.line<{\n  $styling: string;\n  $lineClickSensing?: number;\n  $showLineBorder?: boolean;\n}>`\n  stroke: ${({ theme, $styling }) => theme.custom.lines[$styling].contrastLine.stroke};\n  mix-blend-mode: multiply;\n  stroke-width: ${({ $lineClickSensing }) => $lineClickSensing}px;\n  stroke-opacity: ${({ $showLineBorder }) => ($showLineBorder ? '0.35' : '0')};\n  cursor: pointer;\n`;\n\nconst HighlightLine = styled.line<{ $styling: string }>`\n  pointer-events: none;\n  stroke: ${({ theme, $styling }) => theme.custom.lines[$styling].highlightLineBorder.stroke};\n`;\n\nconst GrabHandle = styled.circle<{ $hide: boolean; $styling: string }>`\n  fill: ${({ theme, $styling }) => theme.custom.lines[$styling].grabHandle.fill};\n  stroke: ${({ theme, $styling }) => theme.custom.lines[$styling].grabHandle.stroke};\n  opacity: 1;\n  transition: opacity 250ms ease;\n  cursor: grab;\n\n  ${(props) =>\n    props.$hide &&\n    css`\n    pointer-events: none;\n    opacity: 0;\n  `};\n`;\n\nconst GrabHandleIndexGroup = styled.g<{ $showIndex: boolean }>`\n  opacity: 0;\n  pointer-events: none;\n  ${(props) =>\n    props.$showIndex &&\n    css`\n    opacity: 1;\n  `};\n\n`;\n\nconst GrabHandleIndexText = styled.text<{ $showIndex: boolean; $styling: string }>`\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  text-align: center;\n  fill: ${({ theme, $styling }) => theme.custom.lines[$styling].grabHandleText.stroke};\n  font-weight: bold;\n  transition: opacity 250ms ease;\n  pointer-events: none;\n`;\n\nconst LabelText = styled.text<{ $showIndex: boolean; $styling: string; $showLabelShadow: boolean }>`\n  text-align: center;\n  fill: ${({ theme, $styling }) => theme.custom.lines[$styling].label.fill};\n  font-weight: bold;\n  transition: opacity 250ms ease;\n  cursor: pointer;\n  ${({ $showLabelShadow }) =>\n    $showLabelShadow &&\n    css`\n    text-shadow:\n      -1px -1px 0 #000,\n      1px -1px 0 #000,\n      -1px 1px 0 #000,\n      1px 1px 0 #000;\n  `}\n`;\n\nconst GrabHandleContrast = styled(GrabHandle)`\n  fill: none;\n  stroke: ${({ theme, $styling }) => theme.custom.lines[$styling].grabHandleContrast.stroke};\n`;\n\nconst GrabHandleGroup = styled.g<{\n  $showIndex: boolean;\n  $originalRadius: number;\n  $styling: string;\n}>`\n\n  ${GrabHandle}, ${GrabHandleContrast} {\n    transition: r 250ms ease;\n  }\n\n  ${(props) =>\n    props.$showIndex &&\n    css`\n    ${GrabHandle}, ${GrabHandleContrast} {\n      pointer-events: none;\n      r: ${props.$originalRadius * 1.75};\n    }\n  `};\n`;\n\nconst DMCircle = styled.circle`\n  fill: hsla(203, 100%, 35%, 0.49);\n  cursor: pointer;\n`;\n\nconst IconFormat = styled(Icon)`\n  cursor: pointer;\n`;\n\ninterface ILineUnitProps {\n  lineSetId: number;\n  options: IDragLineUISharedOptions;\n  x1: number;\n  y1: number;\n  x2: number;\n  y2: number;\n  unit: number;\n  lineClickCallback?: (lineSetId: number) => void;\n  lineMoveCallback: (position: IVector2) => void;\n  lineMoveStartCallback: (position: IVector2) => void;\n  moveEndCB?: () => void;\n  label?: string;\n  styling?: string;\n  showSmallDirectionMark?: boolean;\n  overrideShowMoveHandle?: boolean;\n  lineClickSensingBorder?: string;\n  hasClickSensingBorder?: boolean;\n}\n\nconst LineUnit: React.FC<ILineUnitProps> = (props) => {\n  const {\n    x1,\n    y1,\n    x2,\n    y2,\n    unit,\n    lineMoveCallback,\n    lineMoveStartCallback,\n    options,\n    lineSetId,\n    label,\n    styling = 'primary',\n    moveEndCB = () => {},\n    lineClickCallback = () => {},\n    showSmallDirectionMark = false,\n    overrideShowMoveHandle = true,\n  } = props;\n  const {\n    handleFinderActive,\n    revealSetIndex,\n    showMoveHandle,\n    setIndexOffset,\n    showDirectionMark,\n    showLabelShadow = false,\n  } = options;\n  const [showLineBorder, setShowLineBorder] = useState<boolean>();\n\n  // const a = x1 - x2;\n  // const b = y1 - y2;\n  // const distance = Math.sqrt( a*a + b*b );\n  //this distance 60 doesn't work now...\n  // const hideGrabHandle = showMoveHandle === false || (showMoveHandle !== true && distance < 60);\n\n  const hideGrabHandle = !showMoveHandle || !overrideShowMoveHandle;\n  const lineClickSensing = parseInt(props.lineClickSensingBorder as string, 10);\n\n  /** --- Toucher Events Section --- */\n  const grabTouchMove = (e: React.TouchEvent<SVGCircleElement>) => {\n    for (let i = 0; i < e.touches.length; i++) {\n      // if(i === touchIndex){\n      lineMoveCallback({ x: e.touches[i].pageX, y: e.touches[i].pageY });\n      // }\n    }\n    moveEndCB();\n  };\n\n  const grabTouchStart = (e: React.TouchEvent<SVGCircleElement>) => {\n    for (let i = 0; i < e.touches.length; i++) {\n      // if(i === touchIndex){\n      lineMoveStartCallback({ x: e.touches[i].pageX, y: e.touches[i].pageY });\n      // }\n    }\n  };\n\n  /** --- Mouse Events Section --- */\n  const mouseMoveRef = useRef<((e: MouseEvent) => void) | null>(null);\n  const mouseUpRef = useRef<((e: MouseEvent) => void) | null>(null);\n\n  const cleanupMouseListeners = useCallback(() => {\n    if (mouseMoveRef.current) {\n      window.removeEventListener('mousemove', mouseMoveRef.current);\n      mouseMoveRef.current = null;\n    }\n    if (mouseUpRef.current) {\n      window.removeEventListener('mouseup', mouseUpRef.current);\n      mouseUpRef.current = null;\n    }\n  }, []);\n\n  const handleMouseMove = useCallback(\n    (e: MouseEvent) => {\n      lineMoveCallback({ x: e.pageX, y: e.pageY });\n      e.preventDefault();\n    },\n    [lineMoveCallback]\n  );\n\n  const handleMouseUp = useCallback(\n    (e: MouseEvent) => {\n      cleanupMouseListeners();\n      lineMoveCallback({ x: e.pageX, y: e.pageY });\n      moveEndCB();\n      e.preventDefault();\n    },\n    [cleanupMouseListeners, lineMoveCallback, moveEndCB]\n  );\n\n  const handleMouseDown = useCallback(\n    (e: React.MouseEvent<SVGCircleElement, MouseEvent>) => {\n      cleanupMouseListeners();\n      lineMoveStartCallback({ x: e.pageX, y: e.pageY });\n      mouseMoveRef.current = handleMouseMove;\n      mouseUpRef.current = handleMouseUp;\n      window.addEventListener('mousemove', handleMouseMove);\n      window.addEventListener('mouseup', handleMouseUp);\n      e.preventDefault();\n    },\n    [cleanupMouseListeners, lineMoveStartCallback, handleMouseMove, handleMouseUp]\n  );\n\n  useEffect(() => {\n    return cleanupMouseListeners;\n  }, [cleanupMouseListeners]);\n  const midpoint = {\n    x: (x2 + x1) / 2,\n    y: (y2 + y1) / 2,\n  };\n\n  const directionMarkCoordinate = () => {\n    const angle = Math.atan2(y2 - y1, x2 - x1);\n    const angleMode = Math.PI / 2 - angle;\n    const x = midpoint.x + Math.sin(angleMode) - 5;\n    const y = midpoint.y + Math.cos(angleMode);\n    const rotate = (180 / Math.PI) * Math.atan2(y2 - y1, x2 - x1);\n    const labelRotate = -rotate;\n    return { x, y, rotate, labelRotate };\n  };\n\n  const getDirectionMarkLine = () => {\n    const dmCoordinate = directionMarkCoordinate();\n    return (\n      <g\n        transform={`translate(${dmCoordinate.x},${dmCoordinate.y}) rotate(${dmCoordinate.rotate}) scale(${unit * 1})`}\n        style={{ cursor: 'pointer' }}\n      >\n        {/* biome-ignore lint/a11y/noStaticElementInteractions: SVG group element in canvas drawing context */}\n        <g onClick={() => lineClickCallback(lineSetId)} transform='translate(-3,-30) scale(0.8)'>\n          <DMCircle r={12} cx={6} cy={7} />\n          <IconFormat color='inverse' icon='Up' size={12} weight='heavy' forSvgUsage />\n        </g>\n        {showSmallDirectionMark && (\n          // biome-ignore lint/a11y/noStaticElementInteractions: SVG group element in canvas drawing context\n          <g\n            onClick={() => lineClickCallback(lineSetId)}\n            transform='translate(5,25) rotate(-180) scale(0.8)'\n          >\n            <DMCircle r={8} cx={3.5} cy={4.5} />\n            <IconFormat color='inverse' icon='Up' size={7} weight='heavy' forSvgUsage />\n          </g>\n        )}\n        {label && (\n          <g\n            transform={`translate(0,${showSmallDirectionMark ? 45 : 30}) rotate(${dmCoordinate.labelRotate})`}\n          >\n            <LabelText\n              onClick={() => lineClickCallback(lineSetId)}\n              textAnchor={\n                showSmallDirectionMark ? (dmCoordinate.labelRotate < 0 ? 'end' : 'start') : 'middle'\n              }\n              dominantBaseline='middle'\n              $styling={styling}\n              fontSize={`${14}px`}\n              x={0}\n              y={0}\n              $showIndex={revealSetIndex || handleFinderActive}\n              $showLabelShadow={showLabelShadow}\n            >\n              {label}\n            </LabelText>\n          </g>\n        )}\n      </g>\n    );\n  };\n\n  //hover on line show border\n  const getMouseOver = useCallback(() => {\n    if (props.hasClickSensingBorder) {\n      setShowLineBorder(true);\n    }\n  }, [props.hasClickSensingBorder]);\n\n  const getMouseOut = useCallback(() => {\n    if (props.hasClickSensingBorder) {\n      setShowLineBorder(false);\n    }\n  }, [props.hasClickSensingBorder]);\n\n  return (\n    <g>\n      <ContrastLine\n        onMouseOver={getMouseOver}\n        onMouseOut={getMouseOut}\n        $lineClickSensing={lineClickSensing}\n        $showLineBorder={showLineBorder}\n        onClick={() => lineClickCallback(lineSetId)}\n        $styling={styling}\n        strokeLinecap='round'\n        x1={x1}\n        y1={y1}\n        x2={x2}\n        y2={y2}\n        strokeWidth={4 * unit}\n      />\n      <HighlightLine $styling={styling} x1={x1} y1={y1} x2={x2} y2={y2} strokeWidth={2 * unit} />\n\n      <GrabHandleGroup\n        $styling={styling}\n        $showIndex={handleFinderActive && revealSetIndex}\n        $originalRadius={8 * unit}\n      >\n        <GrabHandleContrast\n          $styling={styling}\n          r={8 * unit}\n          strokeWidth={4 * unit}\n          cx={midpoint.x}\n          cy={midpoint.y}\n          $hide={hideGrabHandle}\n        />\n        <GrabHandle\n          $styling={styling}\n          textAnchor='middle'\n          r={8 * unit}\n          strokeWidth={1 * unit}\n          cx={midpoint.x}\n          cy={midpoint.y}\n          $hide={hideGrabHandle}\n          onTouchMove={grabTouchMove}\n          onTouchStart={grabTouchStart}\n          onMouseDown={handleMouseDown}\n        />\n      </GrabHandleGroup>\n\n      <GrabHandleIndexGroup $showIndex={!hideGrabHandle && (handleFinderActive || revealSetIndex)}>\n        <GrabHandleIndexText\n          $styling={styling}\n          fontSize={`${unit * 10}px`}\n          x={midpoint.x - 3 * unit}\n          y={midpoint.y + 4 * unit}\n          $showIndex={revealSetIndex || handleFinderActive}\n        >\n          {lineSetId + setIndexOffset}\n        </GrabHandleIndexText>\n      </GrabHandleIndexGroup>\n\n      {/* <circle r={1* unit} cx={x1} cy={y1} fill='white' /> */}\n      {/* <circle r={1* unit} cx={x2} cy={y2} fill='white' /> */}\n\n      {showDirectionMark\n        ? getDirectionMarkLine()\n        : label && (\n            <LabelText\n              $styling={styling}\n              fontSize={`${unit * 14}px`}\n              x={midpoint.x - 16 * unit}\n              y={midpoint.y - 15 * unit}\n              $showIndex={revealSetIndex || handleFinderActive}\n              $showLabelShadow={showLabelShadow}\n            >\n              {label}\n            </LabelText>\n          )}\n    </g>\n  );\n};\n\nexport default LineUnit;\n","import update from 'immutability-helper';\nimport type React from 'react';\nimport { useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport styled, { css } from 'styled-components';\nimport type { IBoundary, IDragLineUISharedOptions, IPointSet, IVector2 } from '.';\nimport { LineSetContext } from './Contexts';\nimport HandleUnit from './HandleUnit';\nimport LineUnit from './LineUnit';\n\nconst FilledPolygon = styled.polygon<{ $color: string; $opacity: number }>`\n  fill: ${({ $color }) => $color};\n  opacity: ${({ $opacity }) => $opacity};\n`;\n\nconst Point = styled.circle<{ $styling: string }>`\n  fill: ${({ theme, $styling }) => theme.custom.lines[$styling].point.fill};\n`;\n\nconst AreaLabelText = styled.text<{ $styling: string; $showAreaLabelShadow: boolean }>`\n  text-align: center;\n  fill: ${({ theme, $styling }) => theme.custom.lines[$styling].label.fill};\n  font-weight: bold;\n  transition: opacity 250ms ease;\n  pointer-events: none;\n  ${({ $showAreaLabelShadow }) =>\n    $showAreaLabelShadow &&\n    css`\n    text-shadow:\n      -1px -1px 0 #000,\n      1px -1px 0 #000,\n      -1px 1px 0 #000,\n      1px 1px 0 #000;\n  `}\n`;\n\ninterface ILineSetProps {\n  lineSetId: number;\n  boundaries: IBoundary;\n  size: number;\n  unit: number;\n  lineData: IPointSet;\n  options: IDragLineUISharedOptions;\n  onLineMoveEnd: () => void;\n  onLineClick: (lineSetId: number) => void;\n  getCTM: () => DOMMatrix | null;\n  lineClickSensingBorder?: string;\n  hasClickSensingBorder?: boolean;\n}\n\ninterface AreaLabelProps {\n  lineSetData: IPointSet;\n  unit: number;\n  showAreaLabelShadow: boolean;\n}\n\nconst AreaLabel: React.FC<AreaLabelProps> = ({ lineSetData, unit, showAreaLabelShadow }) => {\n  const pointsLength = lineSetData.points.length;\n  if (pointsLength < 3) return null;\n  let midpoint = { x: 0, y: 0 };\n\n  lineSetData.points.map(({ x, y }) => {\n    midpoint.x += x;\n    midpoint.y += y;\n    return null;\n  });\n\n  midpoint = { x: midpoint.x / pointsLength, y: midpoint.y / pointsLength };\n  const Textlen = lineSetData.areaName?.length || 1;\n  return (\n    <AreaLabelText\n      fontSize={`${unit * 14}px`}\n      $styling={lineSetData.styling || 'primary'}\n      x={midpoint.x - 4 * Textlen * unit}\n      y={midpoint.y + 6 * unit}\n      $showAreaLabelShadow={showAreaLabelShadow}\n    >\n      {lineSetData.areaName}\n    </AreaLabelText>\n  );\n};\n\nconst LineSet: React.FC<ILineSetProps> = ({\n  getCTM,\n  boundaries,\n  unit,\n  size,\n  lineSetId,\n  options,\n  onLineMoveEnd,\n  onLineClick,\n  lineClickSensingBorder,\n  hasClickSensingBorder,\n}) => {\n  // console.log(\"Unit \" + lineSetId + \", reporting in...\")\n\n  const { state, dispatch } = useContext(LineSetContext);\n  const lineSetData = state[lineSetId];\n  const { showLabelShadow = false } = options;\n\n  const [handleAngles, setHandleAngles] = useState<number[]>([]);\n\n  const handleRelation = useRef<{ offsetX: number; offsetY: number }[]>([]);\n  const handleRadius: number = size / 2;\n  const handleUsesAngles: boolean = lineSetData.points.length === 2;\n\n  /**\n   * Ensure provided position vector is within the boundaries (of the container)\n   * @param {IVector2} position Vector to be enforced.\n   * @returns {IVector2} The position updated clamped to range.\n   */\n  const enforceBoundaries = useCallback(\n    (position: IVector2) => {\n      if (position.x < boundaries.x.min) {\n        position.x = boundaries.x.min;\n      } else if (position.x > boundaries.x.max) {\n        position.x = boundaries.x.max;\n      }\n\n      if (position.y < boundaries.y.min) {\n        position.y = boundaries.y.min;\n      } else if (position.y > boundaries.y.max) {\n        position.y = boundaries.y.max;\n      }\n\n      return position;\n    },\n    [boundaries]\n  );\n\n  const handleMoveCallback = useCallback(\n    (pointerPosition: IVector2, index: number) => {\n      const screenCTM = getCTM();\n      if (!screenCTM) {\n        return;\n      }\n\n      const pointer = enforceBoundaries({\n        x: (pointerPosition.x - window.scrollX - screenCTM.e) / screenCTM.a,\n        y: (pointerPosition.y - window.scrollY - screenCTM.f) / screenCTM.d,\n      });\n      const point = {\n        x: Math.round(pointer.x),\n        y: Math.round(pointer.y),\n      };\n      const newLineSetData = update(lineSetData, { points: { [index]: { $merge: point } } });\n\n      dispatch({ type: 'UPDATE', index: lineSetId, data: newLineSetData });\n    },\n    [getCTM, enforceBoundaries, lineSetData, dispatch, lineSetId]\n  );\n\n  const lineDragStart = useCallback(\n    (pointerPosition: IVector2) => {\n      const screenCTM = getCTM();\n      if (!screenCTM) {\n        return;\n      }\n\n      const pointer = {\n        x: (pointerPosition.x - window.scrollX - screenCTM.e) / screenCTM.a - handleRadius,\n        y: (pointerPosition.y - window.scrollY - screenCTM.f) / screenCTM.d - handleRadius,\n      };\n\n      handleRelation.current = lineSetData.points.map((handle) => {\n        const xDiff = pointer.x - handle.x;\n        const yDiff = pointer.y - handle.y;\n        return {\n          offsetX: xDiff,\n          offsetY: yDiff,\n        };\n      });\n    },\n    [handleRadius, lineSetData.points, getCTM]\n  );\n\n  const lineDragUpdate = useCallback(\n    (pointerPosition: IVector2) => {\n      const screenCTM = getCTM();\n      if (!screenCTM) {\n        return;\n      }\n\n      const { points } = lineSetData;\n\n      const pointer = {\n        x: (pointerPosition.x - window.scrollX - screenCTM.e) / screenCTM.a - handleRadius,\n        y: (pointerPosition.y - window.scrollY - screenCTM.f) / screenCTM.d - handleRadius,\n      };\n\n      const newPoints = points.map((_handle, index) => {\n        const { offsetX = 0, offsetY = 0 } = handleRelation.current[index] || {};\n\n        return enforceBoundaries({\n          x: Math.round(pointer.x - offsetX),\n          y: Math.round(pointer.y - offsetY),\n        });\n      });\n\n      dispatch({\n        type: 'UPDATE',\n        index: lineSetId,\n        data: { ...lineSetData, points: [...newPoints] },\n      });\n    },\n    [getCTM, lineSetData, handleRadius, dispatch, lineSetId, enforceBoundaries]\n  );\n\n  const calcAngle = useCallback(\n    (originX: number, originY: number, towardsX: number, towardsY: number) => {\n      const angle = Math.atan2(towardsY - originY, towardsX - originX);\n      const degrees = (angle * 180) / Math.PI + 90;\n      return degrees;\n    },\n    []\n  );\n\n  // useCallback maybe to reduce unchanged deals?\n  const updateHandleAngles = useCallback(\n    (inputHandleData: IPointSet) => {\n      const { points } = inputHandleData;\n      const outputData: number[] = [];\n\n      // Update all handle angles in data set.\n      inputHandleData.points.forEach((handle, index) => {\n        const nextIndex = index + 2 > points.length ? 0 : index + 1;\n        const nextHandle = points[nextIndex];\n        const angle = calcAngle(handle.x, handle.y, nextHandle.x, nextHandle.y);\n        outputData.push(angle);\n      });\n\n      setHandleAngles(outputData);\n    },\n    [calcAngle]\n  );\n\n  useEffect(() => {\n    // Update angles when the line's data set has changed.\n    if (handleUsesAngles) {\n      updateHandleAngles(lineSetData);\n    }\n  }, [lineSetData, updateHandleAngles, handleUsesAngles]);\n\n  const initialClampDone = useRef(false);\n  useEffect(() => {\n    // Clamp existing points to boundaries once when boundaries first become valid (video load)\n    if (boundaries.x.max === 0 && boundaries.y.max === 0) {\n      return;\n    }\n    if (initialClampDone.current) {\n      return;\n    }\n    initialClampDone.current = true;\n\n    const needsUpdate = lineSetData.points.some(\n      ({ x, y }) =>\n        x < boundaries.x.min || x > boundaries.x.max || y < boundaries.y.min || y > boundaries.y.max\n    );\n\n    if (needsUpdate) {\n      const clampedPoints = lineSetData.points.map((point) => enforceBoundaries({ ...point }));\n      dispatch({\n        type: 'UPDATE',\n        index: lineSetId,\n        data: { ...lineSetData, points: clampedPoints },\n      });\n    }\n  }, [\n    boundaries,\n    lineSetData.points.some,\n    dispatch,\n    lineSetData.points.map,\n    lineSetId,\n    lineSetData,\n    enforceBoundaries,\n  ]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const handles =\n    (lineSetData?.showPointHandle === undefined || lineSetData?.showPointHandle) &&\n    lineSetData.points.map(({ x, y }, index) => (\n      <HandleUnit\n        // biome-ignore lint/suspicious/noArrayIndexKey: points have only {x,y} (no id) and index is meaningful — used to look up handleAngles[index] and as the index prop. #646.\n        key={index + lineSetId}\n        lineSetId={lineSetId}\n        rotate={lineSetData.rotate}\n        Icon={lineSetData.icon}\n        index={index}\n        unit={unit}\n        size={size}\n        useAngles={handleUsesAngles}\n        angle={handleAngles[index]}\n        x={x}\n        y={y}\n        moveEndCB={onLineMoveEnd}\n        moveCallback={handleMoveCallback}\n        options={options}\n        styling={lineSetData.styling}\n        readOnlyHandle={lineSetData.readOnly}\n      />\n    ));\n\n  const points =\n    options.showPoint &&\n    lineSetData.points.map(({ x, y }, index) => (\n      // biome-ignore lint/suspicious/noArrayIndexKey: points have only {x,y} — index is the only stable identity. #646.\n      <Point $styling={lineSetData.styling || 'primary'} key={index} r={unit} cx={x} cy={y} />\n    ));\n\n  const lines = lineSetData.points.map(({ x: x1, y: y1 }, index) => {\n    const { points, name, styling = 'primary' } = lineSetData;\n    //nextIndex  index is next Point's index\n    const nextIndex = index + 1 >= points.length ? 0 : index + 1;\n    //in the case of a line don't draw line back from second point\n    if (index === 1 && nextIndex === 0) {\n      return null;\n    }\n    const { x: x2, y: y2 } = points[nextIndex];\n\n    return (\n      <LineUnit\n        // biome-ignore lint/suspicious/noArrayIndexKey: lines connect adjacent points (via nextIndex math); index is structural. #646.\n        key={index}\n        moveEndCB={onLineMoveEnd}\n        lineSetId={lineSetId}\n        options={options}\n        x1={x1}\n        y1={y1}\n        x2={x2}\n        y2={y2}\n        unit={unit}\n        label={name}\n        styling={styling}\n        lineClickCallback={onLineClick}\n        lineMoveCallback={lineDragUpdate}\n        lineMoveStartCallback={lineDragStart}\n        showSmallDirectionMark={lineSetData.showSmallDirectionMark}\n        overrideShowMoveHandle={lineSetData.showMoveHandle}\n        lineClickSensingBorder={lineClickSensingBorder}\n        hasClickSensingBorder={hasClickSensingBorder}\n      />\n    );\n  });\n\n  const polygonPoints = lineSetData.points.map((point) => `${point.x},${point.y}`).join(' ');\n\n  return (\n    <g>\n      <FilledPolygon\n        points={polygonPoints}\n        $color={lineSetData.areaFillColor ? lineSetData.areaFillColor : 'transparent'}\n        $opacity={lineSetData.areaTransparencyLevel ? lineSetData.areaTransparencyLevel / 100 : 0}\n      />\n      {lines}\n      {handles}\n      {points}\n      <AreaLabel lineSetData={lineSetData} unit={unit} showAreaLabelShadow={showLabelShadow} />\n    </g>\n  );\n};\n\nexport default LineSet;\n","import type React from 'react';\nimport { useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport styled, { css } from 'styled-components';\nimport Spinner from '../Indicators/Spinner';\nimport type { IBoundary, LineUIOptions, LineUIVideoOptions } from '.';\nimport { LineSetContext } from './Contexts';\nimport LineSet from './LineSet';\n\nconst Container = styled.div`\n  position: relative;\n  line-height: 0;\n  user-select: none;\n  touch-action: none;\n  width: auto;\n`;\nconst Video = styled.video`\n  width:  100%;\n  height: 100%;\n  border-radius: 3px;\n  background-color: hsla(0deg, 0%, 0%, 35%);\n`;\nconst LoadingOverlay = styled.div`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n`;\n\nconst Frame = styled.svg<{ $transcalent?: boolean }>`\n  touch-action: none;\n  user-select: none;\n  margin: 0;\n\n  overflow: visible;\n\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  height: 100%;\n  width: 100%;\n  transition: background 250ms ease;\n  background: hsla(0deg, 0%, 0%, 0%);\n\n  ${(props) =>\n    props.$transcalent &&\n    css`\n      background: hsla(0deg, 0%, 0%, 35%);\n    `}\n`;\n\nexport interface LineUIProps {\n  src: string;\n  onSizeChange?: (size: { h: number; w: number }) => void;\n  onLineMoveEnd?: () => void;\n  onLineClick?: (lineSetId: number) => void;\n  onLoaded?: (metadata: { height: number; width: number }) => void;\n  options?: LineUIOptions;\n  videoOptions: LineUIVideoOptions;\n  lineClickSensingBorder?: string;\n  hasClickSensingBorder?: boolean;\n}\n\nexport interface LineUIVideoBaseProps extends Omit<LineUIProps, 'src'> {\n  videoRef: React.RefObject<HTMLVideoElement | null>;\n}\n\nconst LineUIVideoBase: React.FC<LineUIVideoBaseProps> = ({\n  videoRef,\n  onSizeChange = () => {},\n  onLineMoveEnd = () => {},\n  onLineClick = () => {},\n  onLoaded = () => {},\n  lineClickSensingBorder = '65',\n  hasClickSensingBorder = true,\n  videoOptions: { loop = false, autoPlay = false, controls = false, muted = true, ...videoOptions },\n  options: {\n    showHandleFinder,\n    showSetIndex,\n    showPointLabel = false,\n    showPointHandle,\n    showLabelShadow,\n    showMoveHandle,\n    showGrabHandle,\n    setIndexOffset = 0,\n    pointIndexOffset = 0,\n    showPoint = false,\n    boundaryOffset = 0,\n    showDirectionMark = false,\n  } = {},\n}) => {\n  const frame = useRef<SVGSVGElement>(null);\n\n  const [boundaries, setBoundaries] = useState<IBoundary>({\n    x: { min: 0, max: 0 },\n    y: { min: 0, max: 0 },\n  });\n  const { state } = useContext(LineSetContext);\n\n  const [handleFinder, setHandleFinder] = useState<boolean>(false);\n\n  const [videoSize, setVideoSize] = useState({ h: 768, w: 1024 });\n  const [unit, setUnit] = useState(1);\n  const [loaded, setLoaded] = useState(false);\n\n  const initScaleAndBounds = useCallback(() => {\n    if (!videoRef.current) {\n      return;\n    }\n    const { videoHeight, videoWidth, clientHeight } = videoRef.current;\n\n    if (videoHeight !== videoSize.h || videoWidth !== videoSize.w) {\n      setVideoSize({ h: videoHeight, w: videoWidth });\n      onSizeChange({ h: videoHeight, w: videoWidth });\n    }\n\n    if (videoHeight / clientHeight !== unit) {\n      setUnit(videoHeight / clientHeight);\n    }\n  }, [videoSize.h, videoSize.w, unit, onSizeChange, videoRef]);\n\n  const handlePositionTipShow = (e: React.PointerEvent<SVGSVGElement>) => {\n    if (e.target === frame.current) {\n      setHandleFinder(!handleFinder === false && true);\n    }\n  };\n\n  const handlePositionTipHide = () => {\n    setHandleFinder(showHandleFinder || false);\n  };\n\n  const calculateCTM = useCallback(() => {\n    if (!frame.current) {\n      return null;\n    }\n    return frame.current.getScreenCTM();\n  }, []);\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: videoSize is a trigger dep — flows into <Frame> viewBox attr, so the effect must re-run after React applies the new viewBox. Same pattern as LineUI's imgSize. See #645.\n  useEffect(() => {\n    if (!frame.current || !loaded) {\n      return;\n    }\n    const { viewBox } = frame.current;\n    const bounds = {\n      x: {\n        min: viewBox.baseVal.x + boundaryOffset,\n        max: viewBox.baseVal.x + viewBox.baseVal.width - boundaryOffset,\n      },\n      y: {\n        min: viewBox.baseVal.y + boundaryOffset,\n        max: viewBox.baseVal.y + viewBox.baseVal.height - boundaryOffset,\n      },\n    };\n    setBoundaries(bounds);\n  }, [videoSize, loaded, boundaryOffset]);\n\n  const onLoadedMetadata = useCallback(\n    ({ target }: React.SyntheticEvent<HTMLVideoElement>) => {\n      if (target) {\n        setLoaded(true);\n        initScaleAndBounds();\n        const { videoHeight = 1, videoWidth = 1 } = target as HTMLVideoElement;\n        onLoaded({ height: videoHeight, width: videoWidth });\n      }\n    },\n    [initScaleAndBounds, onLoaded]\n  );\n\n  useEffect(() => {\n    window.addEventListener('resize', initScaleAndBounds);\n    return () => {\n      window.removeEventListener('resize', initScaleAndBounds);\n    };\n  }, [initScaleAndBounds]);\n\n  const options = {\n    handleFinderActive: handleFinder,\n    revealSetIndex: showSetIndex !== false && (showSetIndex || state.length > 1),\n    showPointLabel,\n    showLabelShadow,\n    showPointHandle: showPointHandle || (showPointHandle !== false && showGrabHandle !== false),\n    showMoveHandle: showMoveHandle || (showMoveHandle !== false && showGrabHandle !== false),\n    setIndexOffset,\n    pointIndexOffset,\n    showPoint,\n    showDirectionMark,\n  };\n\n  return (\n    <Container>\n      <Video\n        ref={videoRef}\n        controls={controls}\n        muted={muted}\n        autoPlay={autoPlay}\n        loop={loop}\n        {...videoOptions}\n        onLoadedMetadata={onLoadedMetadata}\n        id='1'\n      >\n        {' '}\n      </Video>\n      {!loaded && (\n        <LoadingOverlay>\n          <Spinner size='large' styling='primary' />\n        </LoadingOverlay>\n      )}\n      {loaded && (\n        <Frame\n          ref={frame}\n          viewBox={`0 0 ${videoSize.w} ${videoSize.h} `}\n          version='1.1'\n          xmlns='http://www.w3.org/2000/svg'\n          onPointerDown={handlePositionTipShow}\n          onPointerUp={handlePositionTipHide}\n          onPointerLeave={handlePositionTipHide}\n          $transcalent={handleFinder}\n        >\n          {state.map((lineSet, index) => (\n            <LineSet\n              // biome-ignore lint/suspicious/noArrayIndexKey: index IS the lineSetId, also passed to LineSet as the prop of the same name. #646.\n              key={index}\n              hasClickSensingBorder={hasClickSensingBorder}\n              lineClickSensingBorder={lineClickSensingBorder}\n              onLineMoveEnd={onLineMoveEnd}\n              onLineClick={onLineClick}\n              lineSetId={index}\n              lineData={lineSet}\n              getCTM={calculateCTM}\n              boundaries={boundaries}\n              unit={unit}\n              size={30}\n              options={options}\n            />\n          ))}\n        </Frame>\n      )}\n    </Container>\n  );\n};\n\nexport default LineUIVideoBase;\n"],"mappings":";;;;;;AAAA,IAAa,aAAa;CACxB,IAAI;CACJ,MAAM;AACR;AAEA,IAAa,aAAa;CACxB,OAAO,EACL,SAAS;EACP,OAAO;EACP,SAAS;EACT,OAAO;EACP,QAAQ;CACV,EACF;CACA,MAAM;EACJ,QAAQ;GACN,QAAQ;IACN,QAAQ;IACR,SAAS;IACT,UAAU;GACZ;GACA,OAAO;IACL,QAAQ;IACR,SAAS;IACT,UAAU;GACZ;GACA,QAAQ;IACN,QAAQ;IACR,SAAS;IACT,UAAU;GACZ;GACA,OAAO;IACL,QAAQ;IACR,SAAS;IACT,UAAU;GACZ;EACF;EACA,OAAO,EACL,QAAQ,OACV;EACA,QAAQ;GACN,OAAO;IACL,OAAO;IACP,QAAQ;IACR,cAAc;GAChB;GACA,OAAO;IACL,OAAO;IACP,QAAQ;IACR,cAAc;GAChB;GACA,WAAW;IACT,KAAK;IACL,KAAK;IACL,SAAS;IACT,QAAQ;IACR,IAAI;GACN;EACF;CACF;CACA,QAAQ,EACN,UAAU,EACR,OAAO;EACL,MAAM;EACN,QAAQ;CACV,EACF,EACF;AACF;AAEA,IAAa,cAAY;CACvB,QAAQ,EACN,SAAS;EACP,OAAO;EACP,KAAK;EACL,IAAI;CACN,EACF;CACA,OAAO;EACL,QAAQ;EACR,MAAM;EACN,QAAQ;EACR,MAAM;EACN,QAAQ;EACR,SAAS;CACX;AACF;AAEA,IAAa,aAAa;CACxB,OAAO;CACP,QAAQ;CACR,OAAO;CACP,QAAQ;CACR,SAAS;AACX;AAEA,IAAa,mBAAmB;CAC9B,OAAO,eAAe,WAAW,MAAM;CACvC,QAAQ,eAAe,WAAW,OAAO;CACzC,OAAO,eAAe,WAAW,MAAM;CACvC,QAAQ,eAAe,WAAW,OAAO;CACzC,SAAS,eAAe,WAAW,QAAQ;AAC7C;;;AChGA,IAAM,aAAa,GAAG;;;;;;;;;;;;;;AAetB,IAAM,cAAc,OAAO,GAAG;IAC1B,WAAW;;AAGf,IAAM,oBAAoB,OAAO,CAAC;IAC9B,WAAW;;AAaf,IAAM,QAA6B,EACjC,MACA,OAAO,IACP,SAAS,WACT,QAAQ,WACR,cAAc,YACV;CAOJ,MAAM,aAAqB,WAAW,MAAM,QAAQ;CAEpD,MAAM,UAAU,SAAS;CAEzB,OAAO,WAAW,OAChB,cACE,oBAAC,mBAAD,EAAA,UACG,QAAQ;EAAQ;EAAM,QAAQ;EAAY,OAAO,SAAS,MAAM;CAAmB,CAAC,EACpE,CAAA,IAEnB,oBAAC,aAAD,EAAA,UACG,QAAQ;EAAQ;EAAM,QAAQ;EAAY,OAAO,SAAS,MAAM;CAAmB,CAAC,EAC1E,CAAA,IAEb;AACN;;;AChEA,IAAM,iBAAiB,WAAmB;CACxC,OAAO,IAAI,KAAK,KAAK;AACvB;AAEA,IAAM,aAAa,WAAmB;CACpC,MAAM,IAAI,cAAc,MAAM;CAE9B,OAAO,SAAS;;4BAEU,IAAI,IAAK;;;4BAGT,IAAI,GAAI;;;4BAGR,IAAI,IAAK;;;AAGrC;AAEA,IAAM,SAAS,SAAS;;;;;;;;AASxB,IAAM,aAAa,OAAO,MAAmD;aAChE,EAAE,UAAU,mBAAoB,eAAe,eAAe,iBAAiB,SAAS,wBAAyB;;;AAI9H,IAAM,iBAAiB,OAAO,MAA8D;aAC/E,EAAE,UAAU,mBAAoB,eAAe,eAAe,iBAAiB,SAAS,uBAAwB;;uBAEtG,EAAE,QAAQ,cAAc,CAAC,EAAE;wBAC1B,EAAE,QAAS,IAAI,KAAK,KAAK,IAAK,EAAE;;OAEjD,EAAE,QAAQ,UAAU,CAAC,EAAE;MACxB,OAAO;;;AAMb,IAAa,mBAAmB,UAAkB;CAChD,IAAI,UAAU,aAAa,UAAU,eAAe,UAAU,WAC5D,OAAO;MACF,IAAI,UAAU,UAAU;EAC7B,QAAQ,KACN,kGACF;EACA,OAAO;CACT;CAEA,OAAO;AACT;AAEA,IAAM,YAAY;CAChB,QAAQ;CACR,OAAO;CACP,QAAQ;CACR,OAAO;CACP,QAAQ;AACV;AAcA,IAAM,WAA6B,EAAE,OAAO,UAAU,UAAU,WAAW,SAAS,CAAC,QAAQ;CAC3F,MAAM,EAAE,WAAW,aAAa;CAChC,MAAM,UAAU,QAAQ,OAAO,OAAO,OAAO,UAAU;CACvD,MAAM,cAAc,UAAU;CAC9B,MAAM,eAAe,UAAU,IAAI,cAAc;CAEjD,OACE,qBAAC,OAAD;EACE,SAAS,IAAI,UAAU,EAAE,IAAI,UAAU,EAAE,GAAG,QAAQ,GAAG;EACvD,OAAO;EACP,QAAQ;EACR,OAAM;EACN,MAAK;EACL,cAAW;YANb,CAQE,oBAAC,YAAD;GACE,IAAG;GACH,IAAG;GACH,GAAG;GACU;GACb,UAAU,gBAAgB,OAAO;GACjC,cAAc;EACf,CAAA,GACD,oBAAC,gBAAD;GACE,IAAG;GACH,IAAG;GACH,GAAG;GACU;GACb,UAAU,gBAAgB,OAAO;GACjC,cAAc;EACf,CAAA,CACE;;AAET;;;AC3GA,IAAa,iBAAiB,cAAc,CAAC,CAAkB;;;ACJ/D,IAAM,+BAA+B,SAAS;;;;;;;;;;;;;AAc9C,IAAM,+BAA+B,SAAS;;;;;;;;;;;;;AAc9C,IAAM,aAAa,OAAO,GAAkD;;;;;WAKjE,EAAE,OAAO,eAAe,MAAM,OAAO,MAAM,UAAU,WAAW,KAAK;;;AAIhF,IAAM,kBAAkB,OAAO,MAA6C;;aAE/D,EAAE,OAAO,eAAe,MAAM,OAAO,MAAM,UAAU,gBAAgB,OAAO;gBACzE,UAAU,MAAM,QAAQ;;AAExC,IAAM,sBAAsB,OAAO,CAAuD;;;;;KAKrF,UACD,MAAM,kBACN,GAAG;iBACU,6BAA6B;IAC1C;;KAEC,UACD,MAAM,kBACN,GAAG;iBACU,6BAA6B;IAC1C;;;AAGJ,IAAM,qBAAqB,OAAO,MAA4B;;WAEnD,EAAE,OAAO,eAAe,MAAM,OAAO,MAAM,UAAU,mBAAmB,KAAK;;;AAGxF,IAAM,qBAAqB,OAAO,MAA4B;;aAEjD,EAAE,OAAO,eAAe,MAAM,OAAO,MAAM,UAAU,mBAAmB,OAAO;;AAG5F,IAAM,sBAAsB,OAAO,MAA4B;;;;aAIlD,EAAE,OAAO,eAAe,MAAM,OAAO,MAAM,UAAU,oBAAoB,OAAO;;AAE7F,IAAM,oBAAoB,OAAO,MAA2B;;kBAE1C,UAAU,MAAM,QAAQ;;AAG1C,IAAM,yBAAuB,OAAO,CAA0B;;;KAGzD,UACD,MAAM,cACN,GAAG;;IAEH;;;AAIJ,IAAM,YAAY,OAAO,IAA0B;iBAClC,EAAE,OAAO,eAAe,MAAM,OAAO,MAAM,UAAU,UAAU,UAAU;;AAE1F,IAAM,UAAU,OAAO,IAA0B;iBAChC,EAAE,OAAO,eAAe,MAAM,OAAO,MAAM,UAAU,QAAQ,UAAU;;AAGxF,IAAM,wBAAsB,OAAO,IAA+C;;aAErE,EAAE,OAAO,eAAe,MAAM,OAAO,MAAM,UAAU,eAAe,OAAO;;;;;;;;;AAUxF,IAAM,YAAY,OAAO,CAAC;;;AAsB1B,IAAM,cAA0C,UAAU;CAExD,MAAM,EACJ,OACA,WACA,OACA,MACA,MACA,WACA,GACA,GACA,cACA,kBAAkB,CAAC,GACnB,MACA,SAAS,GACT,SACA,iBAAiB,OACjB,UAAU,cACR;CAEJ,MAAM,iBAAiB,OAAsB,IAAI;CAEjD,MAAM,CAAC,eAAe,oBAAoB,SAAS,KAAK;CACxD,MAAM,CAAC,eAAe,oBAAoB,SAAS,KAAK;CACxD,MAAM,CAAC,YAAY,iBAAiB,SAAwB,IAAI;;CAGhE,MAAM,mBAAmB,aACtB,MAAuC;EACtC,EAAE,eAAe;EACjB,IAAI,gBACF;EAGF,KAAK,IAAI,IAAI,GAAG,IAAI,EAAE,QAAQ,QAAQ,KAAK;GACzC,MAAM,cAAc,EAAE,QAAQ,GAAG;GACjC,IACE,YAAY,YAAY,kBAAkB,eAAe,WACzD,YAAY,YAAY,eAAe,eACvC;IACA,iBAAiB,IAAI;IACrB,cAAc,CAAC;GACjB;EACF;CACF,GACA,CAAC,cAAc,CACjB;CAEA,MAAM,iBAAiB,kBAAkB;EACvC,IAAI,gBACF;EAEF,iBAAiB,KAAK;EACtB,cAAc,IAAI;EAClB,UAAU;CACZ,GAAG,CAAC,WAAW,cAAc,CAAC;CAE9B,MAAM,kBAAkB,aACrB,MAAuC;EACtC,IAAI,gBACF;EAEF,KAAK,IAAI,IAAI,GAAG,IAAI,EAAE,QAAQ,QAAQ,KACpC,IAAI,MAAM,YACR,aAAa;GAAE,GAAG,EAAE,QAAQ,GAAG;GAAO,GAAG,EAAE,QAAQ,GAAG;EAAM,GAAG,KAAK;CAG1E,GACA;EAAC;EAAO;EAAc;EAAgB;CAAU,CAClD;;CAIA,MAAM,qBAAqB,OAAyC,IAAI;CACxE,MAAM,mBAAmB,OAAyC,IAAI;CAEtE,MAAM,wBAAwB,kBAAkB;EAC9C,IAAI,mBAAmB,SAAS;GAC9B,OAAO,oBAAoB,aAAa,mBAAmB,OAAO;GAClE,mBAAmB,UAAU;EAC/B;EACA,IAAI,iBAAiB,SAAS;GAC5B,OAAO,oBAAoB,WAAW,iBAAiB,OAAO;GAC9D,iBAAiB,UAAU;EAC7B;CACF,GAAG,CAAC,CAAC;CAEL,MAAM,kBAAkB,aACrB,MAAkB;EACjB,EAAE,eAAe;EACjB,IAAI,gBACF;EAEF,aAAa;GAAE,GAAG,EAAE;GAAO,GAAG,EAAE;EAAM,GAAG,KAAK;CAChD,GACA;EAAC;EAAO;EAAc;CAAc,CACtC;CAEA,MAAM,gBAAgB,aACnB,MAAkB;EACjB,EAAE,eAAe;EACjB,IAAI,gBACF;EAEF,iBAAiB,KAAK;EACtB,sBAAsB;EACtB,aAAa;GAAE,GAAG,EAAE;GAAO,GAAG,EAAE;EAAM,GAAG,KAAK;EAC9C,WAAW,SAAS;CACtB,GACA;EAAC;EAAuB;EAAO;EAAc;EAAW;CAAc,CACxE;CAEA,MAAM,kBAAkB,aACrB,MAAmD;EAClD,EAAE,eAAe;EACjB,IAAI,gBACF;EAEF,sBAAsB;EACtB,iBAAiB,IAAI;EACrB,mBAAmB,UAAU;EAC7B,iBAAiB,UAAU;EAC3B,OAAO,iBAAiB,aAAa,eAAe;EACpD,OAAO,iBAAiB,WAAW,aAAa;CAClD,GACA;EAAC;EAAuB;EAAiB;EAAe;CAAc,CACxE;CAEA,gBAAgB;EACd,OAAO;CACT,GAAG,CAAC,qBAAqB,CAAC;CAE1B,MAAM,SAAS,YAAY,QAAQ,UAAU,GAAG,UAAU;CAC1D,MAAM,mBAAmB,kBAAkB,UAAU,GAAG;CACxD,MAAM,EACJ,kBAAkB,MAClB,iBAAiB,OACjB,qBACE;CAEJ,OACE,qBAAC,YAAD;EACE,KAAK;EACL,UAAU;EACP;EACA;EACH,gBAAgB;EAChB,cAAc;EACd,YAAY;EACZ,aAAa;EACb,aAAa;YATf,CAWE,qBAAC,QAAD,EAAA,UAAA,CACE,qBAAC,QAAD;GAAM,IAAI;aAAV,CACE,oBAAC,QAAD;IAAM,OAAM;IAAO,QAAO;IAAO,GAAE;IAAO,GAAE;IAAO,MAAK;GAAS,CAAA,GACjE,oBAAC,QAAD;IACE,OAAO,OAAO;IACd,QAAQ,OAAO;IACf,GAAG,EAAE,OAAO,IAAI;IAChB,GAAG,EAAE,OAAO,KAAM;IAClB,MAAK;IACL,WAAW,UAAU,SAAS,EAAE;GACjC,CAAA,CACG;MACN,qBAAC,kBAAD;GAAgB,IAAI;aAApB,CACE,oBAAC,WAAD;IAAW,UAAU;IAAS,QAAO;GAAM,CAAA,GAC3C,oBAAC,SAAD;IAAS,UAAU;IAAS,QAAO;GAAO,CAAA,CAC5B;IACZ,EAAA,CAAA,GAEL,OACC,oBAAC,WAAD;GAAW,WAAW,SAAS,OAAO,IAAI,8BAA8B,OAAO;aAC7E,oBAAC,MAAD;IAAM,QAAO;IAAK,OAAM;GAAM,CAAA;EACrB,CAAA,IAEX,mBACE,qBAAC,KAAD;GAAG,WAAW,SAAS,KAAK;aAA5B;IACE,oBAAC,mBAAD;KAAmB,GAAG,OAAO;KAAG,SAAS;IAAmB,CAAA;IAC5D,oBAAC,qBAAD;KAAqB,UAAU;KAAS,GAAG,OAAO;KAAK,aAAa,OAAO;IAAI,CAAA;IAE/E,qBAAC,qBAAD;KAAqB,gBAAgB;KAAe,gBAAgB;eAApE,CACE,oBAAC,oBAAD;MAAoB,UAAU;MAAS,GAAG,OAAO;KAAM,CAAA,GACvD,oBAAC,oBAAD;MAAoB,UAAU;MAAS,GAAG,OAAO;MAAM,aAAa,OAAO;KAAI,CAAA,CAC5D;;IAErB,oBAAC,iBAAD;KACE,UAAU;KACV,GAAG,OAAO;KACV,aAAa,OAAO;KACpB,SAAS;IACV,CAAA;IAEA,kBACC,oBAAC,wBAAD;KAAsB,YAAA;eACpB,oBAAC,uBAAD;MACE,UAAU;MACV,WAAU;MACV,UAAS;MACT,YAAA;gBAEC,QAAQ;KACU,CAAA;IACD,CAAA;GAEvB;IAGG;;AAEhB;;;ACrVA,IAAM,eAAe,OAAO,IAI1B;aACW,EAAE,OAAO,eAAe,MAAM,OAAO,MAAM,UAAU,aAAa,OAAO;;mBAEnE,EAAE,wBAAwB,kBAAkB;qBAC1C,EAAE,sBAAuB,kBAAkB,SAAS,IAAK;;;AAI9E,IAAM,gBAAgB,OAAO,IAA0B;;aAE1C,EAAE,OAAO,eAAe,MAAM,OAAO,MAAM,UAAU,oBAAoB,OAAO;;AAG7F,IAAM,aAAa,OAAO,MAA4C;WAC3D,EAAE,OAAO,eAAe,MAAM,OAAO,MAAM,UAAU,WAAW,KAAK;aACnE,EAAE,OAAO,eAAe,MAAM,OAAO,MAAM,UAAU,WAAW,OAAO;;;;;KAK/E,UACD,MAAM,SACN,GAAG;;;IAGH;;AAGJ,IAAM,uBAAuB,OAAO,CAA0B;;;KAGzD,UACD,MAAM,cACN,GAAG;;IAEH;;;AAIJ,IAAM,sBAAsB,OAAO,IAA+C;;;WAGvE,EAAE,OAAO,eAAe,MAAM,OAAO,MAAM,UAAU,eAAe,OAAO;;;;;AAMtF,IAAM,YAAY,OAAO,IAA0E;;WAExF,EAAE,OAAO,eAAe,MAAM,OAAO,MAAM,UAAU,MAAM,KAAK;;;;KAItE,EAAE,uBACH,oBACA,GAAG;;;;;;IAMH;;AAGJ,IAAM,qBAAqB,OAAO,UAAU,CAAC;;aAEhC,EAAE,OAAO,eAAe,MAAM,OAAO,MAAM,UAAU,mBAAmB,OAAO;;AAG5F,IAAM,kBAAkB,OAAO,CAI7B;;IAEE,WAAW,IAAI,mBAAmB;;;;KAIjC,UACD,MAAM,cACN,GAAG;MACD,WAAW,IAAI,mBAAmB;;WAE7B,MAAM,kBAAkB,KAAK;;IAEpC;;AAGJ,IAAM,WAAW,OAAO,MAAM;;;;AAK9B,IAAM,aAAa,OAAO,IAAI,CAAC;;;AAwB/B,IAAM,YAAsC,UAAU;CACpD,MAAM,EACJ,IACA,IACA,IACA,IACA,MACA,kBACA,uBACA,SACA,WACA,OACA,UAAU,WACV,kBAAkB,CAAC,GACnB,0BAA0B,CAAC,GAC3B,yBAAyB,OACzB,yBAAyB,SACvB;CACJ,MAAM,EACJ,oBACA,gBACA,gBACA,gBACA,mBACA,kBAAkB,UAChB;CACJ,MAAM,CAAC,gBAAgB,qBAAqB,SAAkB;CAQ9D,MAAM,iBAAiB,CAAC,kBAAkB,CAAC;CAC3C,MAAM,mBAAmB,SAAS,MAAM,wBAAkC,EAAE;;CAG5E,MAAM,iBAAiB,MAA0C;EAC/D,KAAK,IAAI,IAAI,GAAG,IAAI,EAAE,QAAQ,QAAQ,KAEpC,iBAAiB;GAAE,GAAG,EAAE,QAAQ,GAAG;GAAO,GAAG,EAAE,QAAQ,GAAG;EAAM,CAAC;EAGnE,UAAU;CACZ;CAEA,MAAM,kBAAkB,MAA0C;EAChE,KAAK,IAAI,IAAI,GAAG,IAAI,EAAE,QAAQ,QAAQ,KAEpC,sBAAsB;GAAE,GAAG,EAAE,QAAQ,GAAG;GAAO,GAAG,EAAE,QAAQ,GAAG;EAAM,CAAC;CAG1E;;CAGA,MAAM,eAAe,OAAyC,IAAI;CAClE,MAAM,aAAa,OAAyC,IAAI;CAEhE,MAAM,wBAAwB,kBAAkB;EAC9C,IAAI,aAAa,SAAS;GACxB,OAAO,oBAAoB,aAAa,aAAa,OAAO;GAC5D,aAAa,UAAU;EACzB;EACA,IAAI,WAAW,SAAS;GACtB,OAAO,oBAAoB,WAAW,WAAW,OAAO;GACxD,WAAW,UAAU;EACvB;CACF,GAAG,CAAC,CAAC;CAEL,MAAM,kBAAkB,aACrB,MAAkB;EACjB,iBAAiB;GAAE,GAAG,EAAE;GAAO,GAAG,EAAE;EAAM,CAAC;EAC3C,EAAE,eAAe;CACnB,GACA,CAAC,gBAAgB,CACnB;CAEA,MAAM,gBAAgB,aACnB,MAAkB;EACjB,sBAAsB;EACtB,iBAAiB;GAAE,GAAG,EAAE;GAAO,GAAG,EAAE;EAAM,CAAC;EAC3C,UAAU;EACV,EAAE,eAAe;CACnB,GACA;EAAC;EAAuB;EAAkB;CAAS,CACrD;CAEA,MAAM,kBAAkB,aACrB,MAAsD;EACrD,sBAAsB;EACtB,sBAAsB;GAAE,GAAG,EAAE;GAAO,GAAG,EAAE;EAAM,CAAC;EAChD,aAAa,UAAU;EACvB,WAAW,UAAU;EACrB,OAAO,iBAAiB,aAAa,eAAe;EACpD,OAAO,iBAAiB,WAAW,aAAa;EAChD,EAAE,eAAe;CACnB,GACA;EAAC;EAAuB;EAAuB;EAAiB;CAAa,CAC/E;CAEA,gBAAgB;EACd,OAAO;CACT,GAAG,CAAC,qBAAqB,CAAC;CAC1B,MAAM,WAAW;EACf,IAAI,KAAK,MAAM;EACf,IAAI,KAAK,MAAM;CACjB;CAEA,MAAM,gCAAgC;EACpC,MAAM,QAAQ,KAAK,MAAM,KAAK,IAAI,KAAK,EAAE;EACzC,MAAM,YAAY,KAAK,KAAK,IAAI;EAChC,MAAM,IAAI,SAAS,IAAI,KAAK,IAAI,SAAS,IAAI;EAC7C,MAAM,IAAI,SAAS,IAAI,KAAK,IAAI,SAAS;EACzC,MAAM,SAAU,MAAM,KAAK,KAAM,KAAK,MAAM,KAAK,IAAI,KAAK,EAAE;EAE5D,OAAO;GAAE;GAAG;GAAG;GAAQ,aAAA,CADF;EACc;CACrC;CAEA,MAAM,6BAA6B;EACjC,MAAM,eAAe,wBAAwB;EAC7C,OACE,qBAAC,KAAD;GACE,WAAW,aAAa,aAAa,EAAE,GAAG,aAAa,EAAE,WAAW,aAAa,OAAO,UAAU,OAAO,EAAE;GAC3G,OAAO,EAAE,QAAQ,UAAU;aAF7B;IAKE,qBAAC,KAAD;KAAG,eAAe,kBAAkB,SAAS;KAAG,WAAU;eAA1D,CACE,oBAAC,UAAD;MAAU,GAAG;MAAI,IAAI;MAAG,IAAI;KAAI,CAAA,GAChC,oBAAC,YAAD;MAAY,OAAM;MAAU,MAAK;MAAK,MAAM;MAAI,QAAO;MAAQ,aAAA;KAAa,CAAA,CAC3E;;IACF,0BAEC,qBAAC,KAAD;KACE,eAAe,kBAAkB,SAAS;KAC1C,WAAU;eAFZ,CAIE,oBAAC,UAAD;MAAU,GAAG;MAAG,IAAI;MAAK,IAAI;KAAM,CAAA,GACnC,oBAAC,YAAD;MAAY,OAAM;MAAU,MAAK;MAAK,MAAM;MAAG,QAAO;MAAQ,aAAA;KAAa,CAAA,CAC1E;;IAEJ,SACC,oBAAC,KAAD;KACE,WAAW,eAAe,yBAAyB,KAAK,GAAG,WAAW,aAAa,YAAY;eAE/F,oBAAC,WAAD;MACE,eAAe,kBAAkB,SAAS;MAC1C,YACE,yBAA0B,aAAa,cAAc,IAAI,QAAQ,UAAW;MAE9E,kBAAiB;MACjB,UAAU;MACV,UAAU;MACV,GAAG;MACH,GAAG;MACH,YAAY,kBAAkB;MAC9B,kBAAkB;gBAEjB;KACQ,CAAA;IACV,CAAA;GAEJ;;CAEP;CAeA,OACE,qBAAC,KAAD,EAAA,UAAA;EACE,oBAAC,cAAD;GACE,aAfe,kBAAkB;IACrC,IAAI,MAAM,uBACR,kBAAkB,IAAI;GAE1B,GAAG,CAAC,MAAM,qBAAqB,CAWZ;GACb,YAVc,kBAAkB;IACpC,IAAI,MAAM,uBACR,kBAAkB,KAAK;GAE3B,GAAG,CAAC,MAAM,qBAAqB,CAMb;GACZ,mBAAmB;GACnB,iBAAiB;GACjB,eAAe,kBAAkB,SAAS;GAC1C,UAAU;GACV,eAAc;GACV;GACA;GACA;GACA;GACJ,aAAa,IAAI;EAClB,CAAA;EACD,oBAAC,eAAD;GAAe,UAAU;GAAa;GAAQ;GAAQ;GAAQ;GAAI,aAAa,IAAI;EAAO,CAAA;EAE1F,qBAAC,iBAAD;GACE,UAAU;GACV,YAAY,sBAAsB;GAClC,iBAAiB,IAAI;aAHvB,CAKE,oBAAC,oBAAD;IACE,UAAU;IACV,GAAG,IAAI;IACP,aAAa,IAAI;IACjB,IAAI,SAAS;IACb,IAAI,SAAS;IACb,OAAO;GACR,CAAA,GACD,oBAAC,YAAD;IACE,UAAU;IACV,YAAW;IACX,GAAG,IAAI;IACP,aAAa,IAAI;IACjB,IAAI,SAAS;IACb,IAAI,SAAS;IACb,OAAO;IACP,aAAa;IACb,cAAc;IACd,aAAa;GACd,CAAA,CACc;;EAEjB,oBAAC,sBAAD;GAAsB,YAAY,CAAC,mBAAmB,sBAAsB;aAC1E,oBAAC,qBAAD;IACE,UAAU;IACV,UAAU,GAAG,OAAO,GAAG;IACvB,GAAG,SAAS,IAAI,IAAI;IACpB,GAAG,SAAS,IAAI,IAAI;IACpB,YAAY,kBAAkB;cAE7B,YAAY;GACM,CAAA;EACD,CAAA;EAKrB,oBACG,qBAAqB,IACrB,SACE,oBAAC,WAAD;GACE,UAAU;GACV,UAAU,GAAG,OAAO,GAAG;GACvB,GAAG,SAAS,IAAI,KAAK;GACrB,GAAG,SAAS,IAAI,KAAK;GACrB,YAAY,kBAAkB;GAC9B,kBAAkB;aAEjB;EACQ,CAAA;CAEhB,EAAA,CAAA;AAEP;;;ACvXA,IAAM,gBAAgB,OAAO,OAA6C;WAC/D,EAAE,aAAa,OAAO;cACnB,EAAE,eAAe,SAAS;;AAGxC,IAAM,QAAQ,OAAO,MAA4B;WACtC,EAAE,OAAO,eAAe,MAAM,OAAO,MAAM,UAAU,MAAM,KAAK;;AAG3E,IAAM,gBAAgB,OAAO,IAAyD;;WAE3E,EAAE,OAAO,eAAe,MAAM,OAAO,MAAM,UAAU,MAAM,KAAK;;;;KAItE,EAAE,2BACH,wBACA,GAAG;;;;;;IAMH;;AAuBJ,IAAM,aAAuC,EAAE,aAAa,MAAM,0BAA0B;CAC1F,MAAM,eAAe,YAAY,OAAO;CACxC,IAAI,eAAe,GAAG,OAAO;CAC7B,IAAI,WAAW;EAAE,GAAG;EAAG,GAAG;CAAE;CAE5B,YAAY,OAAO,KAAK,EAAE,GAAG,QAAQ;EACnC,SAAS,KAAK;EACd,SAAS,KAAK;EACd,OAAO;CACT,CAAC;CAED,WAAW;EAAE,GAAG,SAAS,IAAI;EAAc,GAAG,SAAS,IAAI;CAAa;CACxE,MAAM,UAAU,YAAY,UAAU,UAAU;CAChD,OACE,oBAAC,eAAD;EACE,UAAU,GAAG,OAAO,GAAG;EACvB,UAAU,YAAY,WAAW;EACjC,GAAG,SAAS,IAAI,IAAI,UAAU;EAC9B,GAAG,SAAS,IAAI,IAAI;EACpB,sBAAsB;YAErB,YAAY;CACA,CAAA;AAEnB;AAEA,IAAM,WAAoC,EACxC,QACA,YACA,MACA,MACA,WACA,SACA,eACA,aACA,wBACA,4BACI;CAGJ,MAAM,EAAE,OAAO,aAAa,WAAW,cAAc;CACrD,MAAM,cAAc,MAAM;CAC1B,MAAM,EAAE,kBAAkB,UAAU;CAEpC,MAAM,CAAC,cAAc,mBAAmB,SAAmB,CAAC,CAAC;CAE7D,MAAM,iBAAiB,OAA+C,CAAC,CAAC;CACxE,MAAM,eAAuB,OAAO;CACpC,MAAM,mBAA4B,YAAY,OAAO,WAAW;;;;;;CAOhE,MAAM,oBAAoB,aACvB,aAAuB;EACtB,IAAI,SAAS,IAAI,WAAW,EAAE,KAC5B,SAAS,IAAI,WAAW,EAAE;OACrB,IAAI,SAAS,IAAI,WAAW,EAAE,KACnC,SAAS,IAAI,WAAW,EAAE;EAG5B,IAAI,SAAS,IAAI,WAAW,EAAE,KAC5B,SAAS,IAAI,WAAW,EAAE;OACrB,IAAI,SAAS,IAAI,WAAW,EAAE,KACnC,SAAS,IAAI,WAAW,EAAE;EAG5B,OAAO;CACT,GACA,CAAC,UAAU,CACb;CAEA,MAAM,qBAAqB,aACxB,iBAA2B,UAAkB;EAC5C,MAAM,YAAY,OAAO;EACzB,IAAI,CAAC,WACH;EAGF,MAAM,UAAU,kBAAkB;GAChC,IAAI,gBAAgB,IAAI,OAAO,UAAU,UAAU,KAAK,UAAU;GAClE,IAAI,gBAAgB,IAAI,OAAO,UAAU,UAAU,KAAK,UAAU;EACpE,CAAC;EACD,MAAM,QAAQ;GACZ,GAAG,KAAK,MAAM,QAAQ,CAAC;GACvB,GAAG,KAAK,MAAM,QAAQ,CAAC;EACzB;EAGA,SAAS;GAAE,MAAM;GAAU,OAAO;GAAW,MAFtB,OAAO,aAAa,EAAE,QAAQ,GAAG,QAAQ,EAAE,QAAQ,MAAM,EAAE,EAAE,CAEjC;EAAe,CAAC;CACrE,GACA;EAAC;EAAQ;EAAmB;EAAa;EAAU;CAAS,CAC9D;CAEA,MAAM,gBAAgB,aACnB,oBAA8B;EAC7B,MAAM,YAAY,OAAO;EACzB,IAAI,CAAC,WACH;EAGF,MAAM,UAAU;GACd,IAAI,gBAAgB,IAAI,OAAO,UAAU,UAAU,KAAK,UAAU,IAAI;GACtE,IAAI,gBAAgB,IAAI,OAAO,UAAU,UAAU,KAAK,UAAU,IAAI;EACxE;EAEA,eAAe,UAAU,YAAY,OAAO,KAAK,WAAW;GAG1D,OAAO;IACL,SAHY,QAAQ,IAAI,OAAO;IAI/B,SAHY,QAAQ,IAAI,OAAO;GAIjC;EACF,CAAC;CACH,GACA;EAAC;EAAc,YAAY;EAAQ;CAAM,CAC3C;CAEA,MAAM,iBAAiB,aACpB,oBAA8B;EAC7B,MAAM,YAAY,OAAO;EACzB,IAAI,CAAC,WACH;EAGF,MAAM,EAAE,WAAW;EAEnB,MAAM,UAAU;GACd,IAAI,gBAAgB,IAAI,OAAO,UAAU,UAAU,KAAK,UAAU,IAAI;GACtE,IAAI,gBAAgB,IAAI,OAAO,UAAU,UAAU,KAAK,UAAU,IAAI;EACxE;EAEA,MAAM,YAAY,OAAO,KAAK,SAAS,UAAU;GAC/C,MAAM,EAAE,UAAU,GAAG,UAAU,MAAM,eAAe,QAAQ,UAAU,CAAC;GAEvE,OAAO,kBAAkB;IACvB,GAAG,KAAK,MAAM,QAAQ,IAAI,OAAO;IACjC,GAAG,KAAK,MAAM,QAAQ,IAAI,OAAO;GACnC,CAAC;EACH,CAAC;EAED,SAAS;GACP,MAAM;GACN,OAAO;GACP,MAAM;IAAE,GAAG;IAAa,QAAQ,CAAC,GAAG,SAAS;GAAE;EACjD,CAAC;CACH,GACA;EAAC;EAAQ;EAAa;EAAc;EAAU;EAAW;CAAiB,CAC5E;CAEA,MAAM,YAAY,aACf,SAAiB,SAAiB,UAAkB,aAAqB;EAGxE,OAFc,KAAK,MAAM,WAAW,SAAS,WAAW,OACvC,IAAQ,MAAO,KAAK,KAAK;CAE5C,GACA,CAAC,CACH;CAGA,MAAM,qBAAqB,aACxB,oBAA+B;EAC9B,MAAM,EAAE,WAAW;EACnB,MAAM,aAAuB,CAAC;EAG9B,gBAAgB,OAAO,SAAS,QAAQ,UAAU;GAEhD,MAAM,aAAa,OADD,QAAQ,IAAI,OAAO,SAAS,IAAI,QAAQ;GAE1D,MAAM,QAAQ,UAAU,OAAO,GAAG,OAAO,GAAG,WAAW,GAAG,WAAW,CAAC;GACtE,WAAW,KAAK,KAAK;EACvB,CAAC;EAED,gBAAgB,UAAU;CAC5B,GACA,CAAC,SAAS,CACZ;CAEA,gBAAgB;EAEd,IAAI,kBACF,mBAAmB,WAAW;CAElC,GAAG;EAAC;EAAa;EAAoB;CAAgB,CAAC;CAEtD,MAAM,mBAAmB,OAAO,KAAK;CACrC,gBAAgB;EAEd,IAAI,WAAW,EAAE,QAAQ,KAAK,WAAW,EAAE,QAAQ,GACjD;EAEF,IAAI,iBAAiB,SACnB;EAEF,iBAAiB,UAAU;EAO3B,IALoB,YAAY,OAAO,MACpC,EAAE,GAAG,QACJ,IAAI,WAAW,EAAE,OAAO,IAAI,WAAW,EAAE,OAAO,IAAI,WAAW,EAAE,OAAO,IAAI,WAAW,EAAE,GAGzF,GAAa;GACf,MAAM,gBAAgB,YAAY,OAAO,KAAK,UAAU,kBAAkB,EAAE,GAAG,MAAM,CAAC,CAAC;GACvF,SAAS;IACP,MAAM;IACN,OAAO;IACP,MAAM;KAAE,GAAG;KAAa,QAAQ;IAAc;GAChD,CAAC;EACH;CACF,GAAG;EACD;EACA,YAAY,OAAO;EACnB;EACA,YAAY,OAAO;EACnB;EACA;EACA;CACF,CAAC;CAED,MAAM,WACH,aAAa,oBAAoB,KAAA,KAAa,aAAa,oBAC5D,YAAY,OAAO,KAAK,EAAE,GAAG,KAAK,UAChC,oBAAC,YAAD;EAGa;EACX,QAAQ,YAAY;EACpB,MAAM,YAAY;EACX;EACD;EACA;EACN,WAAW;EACX,OAAO,aAAa;EACjB;EACA;EACH,WAAW;EACX,cAAc;EACL;EACT,SAAS,YAAY;EACrB,gBAAgB,YAAY;CAC7B,GAhBM,QAAQ,SAgBd,CACF;CAEH,MAAM,SACJ,QAAQ,aACR,YAAY,OAAO,KAAK,EAAE,GAAG,KAAK,UAEhC,oBAAC,OAAD;EAAO,UAAU,YAAY,WAAW;EAAuB,GAAG;EAAM,IAAI;EAAG,IAAI;CAAI,GAA/B,KAA+B,CACxF;CAEH,MAAM,QAAQ,YAAY,OAAO,KAAK,EAAE,GAAG,IAAI,GAAG,MAAM,UAAU;EAChE,MAAM,EAAE,QAAQ,MAAM,UAAU,cAAc;EAE9C,MAAM,YAAY,QAAQ,KAAK,OAAO,SAAS,IAAI,QAAQ;EAE3D,IAAI,UAAU,KAAK,cAAc,GAC/B,OAAO;EAET,MAAM,EAAE,GAAG,IAAI,GAAG,OAAO,OAAO;EAEhC,OACE,oBAAC,UAAD;GAGE,WAAW;GACA;GACF;GACL;GACA;GACA;GACA;GACE;GACN,OAAO;GACE;GACT,mBAAmB;GACnB,kBAAkB;GAClB,uBAAuB;GACvB,wBAAwB,YAAY;GACpC,wBAAwB,YAAY;GACZ;GACD;EACxB,GAlBM,KAkBN;CAEL,CAAC;CAID,OACE,qBAAC,KAAD,EAAA,UAAA;EACE,oBAAC,eAAD;GACE,QALgB,YAAY,OAAO,KAAK,UAAU,GAAG,MAAM,EAAE,GAAG,MAAM,GAAG,EAAE,KAAK,GAKxE;GACR,QAAQ,YAAY,gBAAgB,YAAY,gBAAgB;GAChE,UAAU,YAAY,wBAAwB,YAAY,wBAAwB,MAAM;EACzF,CAAA;EACA;EACA;EACA;EACD,oBAAC,WAAD;GAAwB;GAAmB;GAAM,qBAAqB;EAAkB,CAAA;CACvF,EAAA,CAAA;AAEP;;;AC7VA,IAAM,YAAY,OAAO,GAAG;;;;;;;AAO5B,IAAM,QAAQ,OAAO,KAAK;;;;;;AAM1B,IAAM,iBAAiB,OAAO,GAAG;;;;;;;;;;;AAYjC,IAAM,QAAQ,OAAO,GAA+B;;;;;;;;;;;;;;;;;KAiB/C,UACD,MAAM,gBACN,GAAG;;MAED;;AAmBN,IAAM,mBAAmD,EACvD,UACA,qBAAqB,CAAC,GACtB,sBAAsB,CAAC,GACvB,oBAAoB,CAAC,GACrB,iBAAiB,CAAC,GAClB,yBAAyB,MACzB,wBAAwB,MACxB,cAAc,EAAE,OAAO,OAAO,WAAW,OAAO,WAAW,OAAO,QAAQ,MAAM,GAAG,gBACnF,SAAS,EACP,kBACA,cACA,iBAAiB,OACjB,iBACA,iBACA,gBACA,gBACA,iBAAiB,GACjB,mBAAmB,GACnB,YAAY,OACZ,iBAAiB,GACjB,oBAAoB,UAClB,CAAC,QACD;CACJ,MAAM,QAAQ,OAAsB,IAAI;CAExC,MAAM,CAAC,YAAY,iBAAiB,SAAoB;EACtD,GAAG;GAAE,KAAK;GAAG,KAAK;EAAE;EACpB,GAAG;GAAE,KAAK;GAAG,KAAK;EAAE;CACtB,CAAC;CACD,MAAM,EAAE,UAAU,WAAW,cAAc;CAE3C,MAAM,CAAC,cAAc,mBAAmB,SAAkB,KAAK;CAE/D,MAAM,CAAC,WAAW,gBAAgB,SAAS;EAAE,GAAG;EAAK,GAAG;CAAK,CAAC;CAC9D,MAAM,CAAC,MAAM,WAAW,SAAS,CAAC;CAClC,MAAM,CAAC,QAAQ,aAAa,SAAS,KAAK;CAE1C,MAAM,qBAAqB,kBAAkB;EAC3C,IAAI,CAAC,SAAS,SACZ;EAEF,MAAM,EAAE,aAAa,YAAY,iBAAiB,SAAS;EAE3D,IAAI,gBAAgB,UAAU,KAAK,eAAe,UAAU,GAAG;GAC7D,aAAa;IAAE,GAAG;IAAa,GAAG;GAAW,CAAC;GAC9C,aAAa;IAAE,GAAG;IAAa,GAAG;GAAW,CAAC;EAChD;EAEA,IAAI,cAAc,iBAAiB,MACjC,QAAQ,cAAc,YAAY;CAEtC,GAAG;EAAC,UAAU;EAAG,UAAU;EAAG;EAAM;EAAc;CAAQ,CAAC;CAE3D,MAAM,yBAAyB,MAAyC;EACtE,IAAI,EAAE,WAAW,MAAM,SACrB,gBAAgB,CAAC,iBAAiB,SAAS,IAAI;CAEnD;CAEA,MAAM,8BAA8B;EAClC,gBAAgB,oBAAoB,KAAK;CAC3C;CAEA,MAAM,eAAe,kBAAkB;EACrC,IAAI,CAAC,MAAM,SACT,OAAO;EAET,OAAO,MAAM,QAAQ,aAAa;CACpC,GAAG,CAAC,CAAC;CAGL,gBAAgB;EACd,IAAI,CAAC,MAAM,WAAW,CAAC,QACrB;EAEF,MAAM,EAAE,YAAY,MAAM;EAW1B,cAAc;GATZ,GAAG;IACD,KAAK,QAAQ,QAAQ,IAAI;IACzB,KAAK,QAAQ,QAAQ,IAAI,QAAQ,QAAQ,QAAQ;GACnD;GACA,GAAG;IACD,KAAK,QAAQ,QAAQ,IAAI;IACzB,KAAK,QAAQ,QAAQ,IAAI,QAAQ,QAAQ,SAAS;GACpD;EAEY,CAAM;CACtB,GAAG;EAAC;EAAW;EAAQ;CAAc,CAAC;CAEtC,MAAM,mBAAmB,aACtB,EAAE,aAAqD;EACtD,IAAI,QAAQ;GACV,UAAU,IAAI;GACd,mBAAmB;GACnB,MAAM,EAAE,cAAc,GAAG,aAAa,MAAM;GAC5C,SAAS;IAAE,QAAQ;IAAa,OAAO;GAAW,CAAC;EACrD;CACF,GACA,CAAC,oBAAoB,QAAQ,CAC/B;CAEA,gBAAgB;EACd,OAAO,iBAAiB,UAAU,kBAAkB;EACpD,aAAa;GACX,OAAO,oBAAoB,UAAU,kBAAkB;EACzD;CACF,GAAG,CAAC,kBAAkB,CAAC;CAEvB,MAAM,UAAU;EACd,oBAAoB;EACpB,gBAAgB,iBAAiB,UAAU,gBAAgB,MAAM,SAAS;EAC1E;EACA;EACA,iBAAiB,mBAAoB,oBAAoB,SAAS,mBAAmB;EACrF,gBAAgB,kBAAmB,mBAAmB,SAAS,mBAAmB;EAClF;EACA;EACA;EACA;CACF;CAEA,OACE,qBAAC,WAAD,EAAA,UAAA;EACE,oBAAC,OAAD;GACE,KAAK;GACK;GACH;GACG;GACJ;GACN,GAAI;GACc;GAClB,IAAG;aAEF;EACI,CAAA;EACN,CAAC,UACA,oBAAC,gBAAD,EAAA,UACE,oBAAC,SAAD;GAAS,MAAK;GAAQ,SAAQ;EAAW,CAAA,EAC3B,CAAA;EAEjB,UACC,oBAAC,OAAD;GACE,KAAK;GACL,SAAS,OAAO,UAAU,EAAE,GAAG,UAAU,EAAE;GAC3C,SAAQ;GACR,OAAM;GACN,eAAe;GACf,aAAa;GACb,gBAAgB;GAChB,cAAc;aAEb,MAAM,KAAK,SAAS,UACnB,oBAAC,SAAD;IAGyB;IACC;IACT;IACF;IACb,WAAW;IACX,UAAU;IACV,QAAQ;IACI;IACN;IACN,MAAM;IACG;GACV,GAZM,KAYN,CACF;EACI,CAAA;CAEA,EAAA,CAAA;AAEf"}
+{"version":3,"file":"LineUIVideoBase-Bo0pvCP-.mjs","names":[],"sources":["../src/theme/common.tsx","../src/Icons/Icon.tsx","../src/Indicators/Spinner.tsx","../src/LineUI/Contexts.tsx","../src/LineUI/HandleUnit.tsx","../src/LineUI/LineUnit.tsx","../src/LineUI/LineSet.tsx","../src/LineUI/LineUIVideoBase.tsx"],"sourcesContent":["export const fontFamily = {\n  ui: 'Monorale, Hiragino Sans, \"ヒラギノ角ゴシック\", Hiragino Kaku Gothic ProN, \"ヒラギノ角ゴ ProN W3\", Roboto, YuGothic, \"游ゴシック\", Meiryo, \"メイリオ\", sans-serif;',\n  data: 'Lato, Hiragino Sans, \"ヒラギノ角ゴシック\", Hiragino Kaku Gothic ProN, \"ヒラギノ角ゴ ProN W3\", Roboto, YuGothic, \"游ゴシック\", Meiryo, \"メイリオ\", sans-serif;',\n};\n\nexport const dimensions = {\n  icons: {\n    weights: {\n      light: 1,\n      regular: 1.5,\n      heavy: 3,\n      strong: 5,\n    },\n  },\n  form: {\n    button: {\n      xsmall: {\n        height: '20px',\n        padding: '0 10px',\n        iconSize: 12,\n      },\n      small: {\n        height: '30px',\n        padding: '0 20px',\n        iconSize: 14,\n      },\n      normal: {\n        height: '40px',\n        padding: '0 20px',\n        iconSize: 16,\n      },\n      large: {\n        height: '60px',\n        padding: '0 20px',\n        iconSize: 20,\n      },\n    },\n    input: {\n      height: '40px',\n    },\n    switch: {\n      outer: {\n        width: '38px',\n        height: '22px',\n        borderRadius: '11px',\n      },\n      inner: {\n        width: '16px',\n        height: '16px',\n        borderRadius: '8px',\n      },\n      positions: {\n        top: '2px',\n        off: '2px',\n        neutral: '10px',\n        locked: '2px',\n        on: '18px',\n      },\n    },\n  },\n  global: {\n    mainMenu: {\n      width: {\n        open: '280px',\n        closed: '80px',\n      },\n    },\n  },\n};\n\nexport const animation = {\n  easing: {\n    primary: {\n      inOut: 'cubic-bezier(0.87, 0, 0.13, 1)',\n      out: 'cubic-bezier(0.16, 1, 0.3, 1)',\n      in: 'cubic-bezier(0.7, 0, 0.84, 0)',\n    },\n  },\n  speed: {\n    faster: '0.085s',\n    fast: '0.175s',\n    normal: '0.35s',\n    slow: '0.7s',\n    slower: '1.4s',\n    slowest: '2.8s',\n  },\n};\n\nexport const deviceSize = {\n  small: 0,\n  medium: 768,\n  large: 1024,\n  xlarge: 1280,\n  xxlarge: 1536,\n};\n\nexport const deviceMediaQuery = {\n  small: `(min-width: ${deviceSize.small}px)`,\n  medium: `(min-width: ${deviceSize.medium}px)`,\n  large: `(min-width: ${deviceSize.large}px)`,\n  xlarge: `(min-width: ${deviceSize.xlarge}px)`,\n  xxlarge: `(min-width: ${deviceSize.xxlarge}px)`,\n};\n","import { IconSVGs } from '@future-standard/icons';\nimport type React from 'react';\nimport styled, { css } from 'styled-components';\nimport type { IWeight } from '..';\nimport { dimensions } from '../theme/common';\n\nconst wrapperCss = css`\n\n  line-height: 0;\n\n  svg {\n    overflow: visible;\n    vector-effect: non-scaling-stroke;\n\n    line, path, circle, ellipse, foreignObject, polygon, polyline, rect, text, textPath, tspan {\n      vector-effect: non-scaling-stroke;\n      transition: stroke var(--speed-normal) var(--easing-primary-out);\n    }\n  }\n`;\n\nconst IconWrapper = styled.div`\n  ${wrapperCss};\n`;\n\nconst IconWrapperForSVG = styled.g`\n  ${wrapperCss};\n`;\n\nexport { IconSVGs, IconWrapper, IconWrapperForSVG };\n\nexport interface IconProps {\n  icon: string;\n  size?: number;\n  weight?: IWeight;\n  color?: ISvgIcons['color'];\n  forSvgUsage?: boolean;\n}\n\nconst Icon: React.FC<IconProps> = ({\n  icon,\n  size = 24,\n  weight = 'regular',\n  color = 'grey-12',\n  forSvgUsage = false,\n}) => {\n  // For later use in deprecation of aliases.\n  // const legacyColors = ['mono', 'dimmed', 'subtle', 'inverse', 'primary', 'danger'];\n  // if(legacyColors.indexOf(color) >= 0){\n  //   console.warn(\"Deprecation warning: The use of \" + color + \" is deprecated. Please replace it with theme color variable.\");\n  // }\n\n  const iconWeight: number = dimensions.icons.weights[weight];\n  //@ts-expect-error\n  const IconSVG = IconSVGs[icon];\n\n  return IconSVG != null ? (\n    forSvgUsage ? (\n      <IconWrapperForSVG>\n        {IconSVG({ size: size, weight: iconWeight, color: `var(--${color}, var(--grey-12))` })}\n      </IconWrapperForSVG>\n    ) : (\n      <IconWrapper>\n        {IconSVG({ size: size, weight: iconWeight, color: `var(--${color}, var(--grey-12))` })}\n      </IconWrapper>\n    )\n  ) : null;\n};\n\nexport default Icon;\n","import type React from 'react';\nimport styled, { keyframes } from 'styled-components';\n\nconst circumference = (radius: number) => {\n  return 2 * Math.PI * radius;\n};\n\nconst animation = (radius: number) => {\n  const c = circumference(radius);\n\n  return keyframes`\n    0% {\n      stroke-dashoffset: -${c * 0.85};\n    }\n    50% {\n      stroke-dashoffset: -${c * 0.5};\n    }\n    100% {\n      stroke-dashoffset: -${c * 0.85};\n    }\n  `;\n};\n\nconst rotate = keyframes`\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n`;\n\nconst BaseCircle = styled.circle<{ $styling: string; $customColor?: string }>`\n  stroke: ${({ $styling, $customColor }) => ($customColor ? $customColor : `var(--spinner-${$styling}-base, var(--grey-a8))`)};\n  fill: none;\n`;\n\nconst RotatingCircle = styled.circle<{ r: number; $styling: string; $customColor?: string }>`\n  stroke: ${({ $styling, $customColor }) => ($customColor ? $customColor : `var(--spinner-${$styling}-top, var(--white-1))`)};\n  fill: none;\n  stroke-dasharray: ${({ r }) => circumference(r)};\n  stroke-dashoffset: ${({ r }) => (2 * Math.PI * r) / 2};\n  animation:\n    ${({ r }) => animation(r)} 4s linear infinite,\n    ${rotate} 1s linear infinite;\n  stroke-linecap: round;\n`;\n\nexport type SpinnerSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';\n\nexport const getButtonDesign = (value: string) => {\n  if (value === 'primary' || value === 'secondary' || value === 'warning') {\n    return value;\n  } else if (value === 'danger') {\n    console.warn(\n      'Button.tsx - Warning, the design prop value `danger` is being deprecated. Use `warning` instead.'\n    );\n    return 'danger';\n  }\n\n  return 'simple';\n};\n\nconst sizeGuide = {\n  xsmall: 12,\n  small: 16,\n  medium: 24,\n  large: 36,\n  xlarge: 48,\n};\n\ninterface ICustomSpinner {\n  size?: number;\n  baseColor?: string;\n  topColor?: string;\n}\n\ninterface IProps {\n  size?: SpinnerSize;\n  styling: string;\n  custom?: ICustomSpinner;\n}\n\nconst Spinner: React.FC<IProps> = ({ size = 'medium', styling = 'primary', custom = {} }) => {\n  const { baseColor, topColor } = custom;\n  const sizeVal = custom?.size ? custom.size : sizeGuide[size];\n  const strokeWidth = sizeVal / 5.333;\n  const circleRadius = sizeVal / 2 - strokeWidth / 2;\n\n  return (\n    <svg\n      viewBox={`-${sizeVal / 2} -${sizeVal / 2} ${sizeVal} ${sizeVal}`}\n      width={sizeVal}\n      height={sizeVal}\n      xmlns='http://www.w3.org/2000/svg'\n      role='img'\n      aria-label='Loading'\n    >\n      <BaseCircle\n        cx='0'\n        cy='0'\n        r={circleRadius}\n        strokeWidth={strokeWidth}\n        $styling={getButtonDesign(styling)}\n        $customColor={baseColor}\n      />\n      <RotatingCircle\n        cx='0'\n        cy='0'\n        r={circleRadius}\n        strokeWidth={strokeWidth}\n        $styling={getButtonDesign(styling)}\n        $customColor={topColor}\n      />\n    </svg>\n  );\n};\n\nexport default Spinner;\n","import { createContext, type Dispatch } from 'react';\nimport type { IPointSet } from '.';\nimport type { IReducerActions } from './LineReducer';\n\ninterface IContextProps {\n  state: IPointSet[];\n  dispatch: Dispatch<IReducerActions>;\n}\n\nexport const LineSetContext = createContext({} as IContextProps);\n","import type React from 'react';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport styled, { css, keyframes } from 'styled-components';\nimport type { IDragLineUISharedOptions, IVector2 } from '.';\n\nconst HandleTouchReactionKeyframes = keyframes`\n 0% {\n    transform: scale(1);\n }\n\n 75% {\n    transform: scale(3);\n }\n\n 100% {\n   transform: scale(1.75);\n }\n`;\n\nconst HandleMouseReactionKeyframes = keyframes`\n 0% {\n    transform: scale(1);\n }\n\n 75% {\n    transform: scale(0);\n }\n\n 100% {\n   transform: scale(0.5);\n }\n`;\n\nconst HandleBase = styled.svg<{ $mouseDragging: boolean; $styling: string }>`\n  touch-action: none;\n  user-select: none;\n  overflow: visible;\n  cursor: pointer;\n  fill: ${({ theme, $styling }) => theme.custom.lines[$styling].handleBase.fill};\n  appearance: none;\n`;\n\nconst HandleRingLayer = styled.circle<{ $maskID: string; $styling: string }>`\n  fill: none;\n  stroke: ${({ theme, $styling }) => theme.custom.lines[$styling].handleRingLayer.stroke};\n  mask: url(#${(props) => props.$maskID});\n`;\nconst HandleReactiveGroup = styled.g<{ $touchDragging: boolean; $mouseDragging: boolean }>`\n  opacity: 0.65;\n  cursor: pointer;\n  transform: scale(1);\n\n  ${(props) =>\n    props.$touchDragging &&\n    css`\n    animation: ${HandleTouchReactionKeyframes} 0.5s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275) 1;\n  `}\n\n  ${(props) =>\n    props.$mouseDragging &&\n    css`\n    animation: ${HandleMouseReactionKeyframes} 0.25s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275) 1;\n  `}\n\n`;\nconst HandleReactiveFill = styled.circle<{ $styling: string }>`\n  mix-blend-mode: multiply;\n  fill: ${({ theme, $styling }) => theme.custom.lines[$styling].handleReactiveFill.fill};\n  stroke: none;\n`;\nconst HandleReactiveRing = styled.circle<{ $styling: string }>`\n  fill: none;\n  stroke: ${({ theme, $styling }) => theme.custom.lines[$styling].handleReactiveRing.stroke};\n`;\n\nconst HandleContrastLayer = styled.circle<{ $styling: string }>`\n  overflow: visible;\n  mix-blend-mode: multiply;\n  fill: none;\n  stroke: ${({ theme, $styling }) => theme.custom.lines[$styling].handleContrastLayer.stroke};\n`;\nconst HandleShadowLayer = styled.circle<{ $fillID: string }>`\n    mix-blend-mode: multiply;\n    fill: url(#${(props) => props.$fillID});\n`;\n\nconst GrabHandleIndexGroup = styled.g<{ $showIndex: boolean }>`\n  opacity: 0;\n  pointer-events: none;\n  ${(props) =>\n    props.$showIndex &&\n    css`\n    opacity: 1;\n  `};\n\n`;\n\nconst StopStart = styled.stop<{ $styling: string }>`\n  stop-color: ${({ theme, $styling }) => theme.custom.lines[$styling].stopStart.stopColor};\n`;\nconst StopEnd = styled.stop<{ $styling: string }>`\n  stop-color: ${({ theme, $styling }) => theme.custom.lines[$styling].stopEnd.stopColor};\n`;\n\nconst GrabHandleIndexText = styled.text<{ $showIndex: boolean; $styling: string }>`\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  stroke: ${({ theme, $styling }) => theme.custom.lines[$styling].grabHandleText.stroke};\n  text-align: center;\n\n  font-weight: bold;\n  transition: opacity 250ms ease;\n  pointer-events: none;\n\n\n`;\n\nconst IconGroup = styled.g`\n\n`;\n\ninterface IHandleUnitProps {\n  lineSetId: number;\n  index: number;\n  angle: number | null;\n  useAngles: boolean;\n  unit: number;\n  size: number;\n  x: number;\n  y: number;\n  Icon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>> & { rotate?: number };\n  rotate?: number;\n  moveCallback: (pointerPosition: IVector2, index: number) => void;\n  moveEndCB?: () => void;\n  options: IDragLineUISharedOptions;\n  readOnlyHandle?: boolean;\n  styling?: string;\n}\n\nconst HandleUnit: React.FC<IHandleUnitProps> = (props) => {\n  // console.log(props.lineSetId, typeof props.lineSetId)\n  const {\n    index,\n    useAngles,\n    angle,\n    unit,\n    size,\n    lineSetId,\n    x,\n    y,\n    moveCallback,\n    moveEndCB = () => {},\n    Icon,\n    rotate = 0,\n    options,\n    readOnlyHandle = false,\n    styling = 'primary',\n  } = props;\n  // console.log(\"Handle \"+ index +\" from set \"+ lineSetId + \" :: \" + x, \", \" + y)\n  const handleInstance = useRef<SVGSVGElement>(null);\n\n  const [touchDragging, setTouchDragging] = useState(false);\n  const [mouseDragging, setMouseDragging] = useState(false);\n  const [touchIndex, setTouchIndex] = useState<number | null>(null);\n\n  /** --- Toucher Events Section --- */\n  const handleTouchStart = useCallback(\n    (e: React.TouchEvent<SVGSVGElement>) => {\n      e.preventDefault();\n      if (readOnlyHandle) {\n        return;\n      }\n      // Remember what touch event index is for this handle.\n      for (let i = 0; i < e.touches.length; i++) {\n        const touchTarget = e.touches[i].target as Element;\n        if (\n          touchTarget.parentNode?.parentElement === handleInstance.current ||\n          touchTarget.parentNode?.parentElement?.parentElement\n        ) {\n          setTouchDragging(true);\n          setTouchIndex(i);\n        }\n      }\n    },\n    [readOnlyHandle]\n  );\n\n  const handleTouchEnd = useCallback(() => {\n    if (readOnlyHandle) {\n      return;\n    }\n    setTouchDragging(false);\n    setTouchIndex(null);\n    moveEndCB();\n  }, [moveEndCB, readOnlyHandle]);\n\n  const handleTouchMove = useCallback(\n    (e: React.TouchEvent<SVGSVGElement>) => {\n      if (readOnlyHandle) {\n        return;\n      }\n      for (let i = 0; i < e.touches.length; i++) {\n        if (i === touchIndex) {\n          moveCallback({ x: e.touches[i].pageX, y: e.touches[i].pageY }, index);\n        }\n      }\n    },\n    [index, moveCallback, readOnlyHandle, touchIndex]\n  );\n\n  /** --- Mouse Events Section --- */\n\n  const handleMouseMoveRef = useRef<((e: MouseEvent) => void) | null>(null);\n  const handleMouseUpRef = useRef<((e: MouseEvent) => void) | null>(null);\n\n  const cleanupMouseListeners = useCallback(() => {\n    if (handleMouseMoveRef.current) {\n      window.removeEventListener('mousemove', handleMouseMoveRef.current);\n      handleMouseMoveRef.current = null;\n    }\n    if (handleMouseUpRef.current) {\n      window.removeEventListener('mouseup', handleMouseUpRef.current);\n      handleMouseUpRef.current = null;\n    }\n  }, []);\n\n  const handleMouseMove = useCallback(\n    (e: MouseEvent) => {\n      e.preventDefault();\n      if (readOnlyHandle) {\n        return;\n      }\n      moveCallback({ x: e.pageX, y: e.pageY }, index);\n    },\n    [index, moveCallback, readOnlyHandle]\n  );\n\n  const handleMouseUp = useCallback(\n    (e: MouseEvent) => {\n      e.preventDefault();\n      if (readOnlyHandle) {\n        return;\n      }\n      setMouseDragging(false);\n      cleanupMouseListeners();\n      moveCallback({ x: e.pageX, y: e.pageY }, index);\n      setTimeout(moveEndCB);\n    },\n    [cleanupMouseListeners, index, moveCallback, moveEndCB, readOnlyHandle]\n  );\n\n  const handleMouseDown = useCallback(\n    (e: React.MouseEvent<SVGSVGElement, MouseEvent>) => {\n      e.preventDefault();\n      if (readOnlyHandle) {\n        return;\n      }\n      cleanupMouseListeners();\n      setMouseDragging(true);\n      handleMouseMoveRef.current = handleMouseMove;\n      handleMouseUpRef.current = handleMouseUp;\n      window.addEventListener('mousemove', handleMouseMove);\n      window.addEventListener('mouseup', handleMouseUp);\n    },\n    [cleanupMouseListeners, handleMouseMove, handleMouseUp, readOnlyHandle]\n  );\n\n  useEffect(() => {\n    return cleanupMouseListeners;\n  }, [cleanupMouseListeners]);\n\n  const maskID = useAngles ? `mask-${lineSetId}-${index}` : '';\n  const shadowGradientID = `shadowGradient-${lineSetId}-${index}`;\n  const {\n    showPointHandle = true,\n    showPointLabel = false,\n    pointIndexOffset,\n  } = options as IDragLineUISharedOptions;\n\n  return (\n    <HandleBase\n      ref={handleInstance}\n      $styling={styling}\n      x={x}\n      y={y}\n      $mouseDragging={mouseDragging}\n      onTouchStart={handleTouchStart}\n      onTouchEnd={handleTouchEnd}\n      onTouchMove={handleTouchMove}\n      onMouseDown={handleMouseDown}\n    >\n      <defs>\n        <mask id={maskID}>\n          <rect width='100%' height='100%' x='-50%' y='-50%' fill='white' />\n          <rect\n            width={size / 3}\n            height={size / 0.9}\n            x={-(size / 3 / 2)}\n            y={-(size / 0.9 + 5)}\n            fill='black'\n            transform={`rotate(${angle || 0} 0 0)`}\n          />\n        </mask>\n        <radialGradient id={shadowGradientID}>\n          <StopStart $styling={styling} offset='0%' />\n          <StopEnd $styling={styling} offset='80%' />\n        </radialGradient>\n      </defs>\n\n      {Icon ? (\n        <IconGroup transform={`scale(${unit * 1.5}) translate(-21 -21) rotate(${rotate}, 21, 21 )`}>\n          <Icon height='42' width='42' />\n        </IconGroup>\n      ) : (\n        showPointHandle && (\n          <g transform={`scale(${unit})`}>\n            <HandleShadowLayer r={size * 1} $fillID={shadowGradientID} />\n            <HandleContrastLayer $styling={styling} r={size / 2.4} strokeWidth={size / 3} />\n\n            <HandleReactiveGroup $touchDragging={touchDragging} $mouseDragging={mouseDragging}>\n              <HandleReactiveFill $styling={styling} r={size / 1.8} />\n              <HandleReactiveRing $styling={styling} r={size / 2.25} strokeWidth={size / 3} />\n            </HandleReactiveGroup>\n\n            <HandleRingLayer\n              $styling={styling}\n              r={size / 2}\n              strokeWidth={size / 6}\n              $maskID={maskID}\n            />\n\n            {showPointLabel && (\n              <GrabHandleIndexGroup $showIndex>\n                <GrabHandleIndexText\n                  $styling={styling}\n                  transform='translate(-5,6)'\n                  fontSize='20px'\n                  $showIndex\n                >\n                  {index + pointIndexOffset}\n                </GrabHandleIndexText>\n              </GrabHandleIndexGroup>\n            )}\n          </g>\n        )\n      )}\n    </HandleBase>\n  );\n};\n\nexport default HandleUnit;\n","import type React from 'react';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport styled, { css } from 'styled-components';\nimport Icon from '../Icons/Icon';\nimport type { IDragLineUISharedOptions, IVector2 } from '.';\n\nconst ContrastLine = styled.line<{\n  $styling: string;\n  $lineClickSensing?: number;\n  $showLineBorder?: boolean;\n}>`\n  stroke: ${({ theme, $styling }) => theme.custom.lines[$styling].contrastLine.stroke};\n  mix-blend-mode: multiply;\n  stroke-width: ${({ $lineClickSensing }) => $lineClickSensing}px;\n  stroke-opacity: ${({ $showLineBorder }) => ($showLineBorder ? '0.35' : '0')};\n  cursor: pointer;\n`;\n\nconst HighlightLine = styled.line<{ $styling: string }>`\n  pointer-events: none;\n  stroke: ${({ theme, $styling }) => theme.custom.lines[$styling].highlightLineBorder.stroke};\n`;\n\nconst GrabHandle = styled.circle<{ $hide: boolean; $styling: string }>`\n  fill: ${({ theme, $styling }) => theme.custom.lines[$styling].grabHandle.fill};\n  stroke: ${({ theme, $styling }) => theme.custom.lines[$styling].grabHandle.stroke};\n  opacity: 1;\n  transition: opacity 250ms ease;\n  cursor: grab;\n\n  ${(props) =>\n    props.$hide &&\n    css`\n    pointer-events: none;\n    opacity: 0;\n  `};\n`;\n\nconst GrabHandleIndexGroup = styled.g<{ $showIndex: boolean }>`\n  opacity: 0;\n  pointer-events: none;\n  ${(props) =>\n    props.$showIndex &&\n    css`\n    opacity: 1;\n  `};\n\n`;\n\nconst GrabHandleIndexText = styled.text<{ $showIndex: boolean; $styling: string }>`\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  text-align: center;\n  fill: ${({ theme, $styling }) => theme.custom.lines[$styling].grabHandleText.stroke};\n  font-weight: bold;\n  transition: opacity 250ms ease;\n  pointer-events: none;\n`;\n\nconst LabelText = styled.text<{ $showIndex: boolean; $styling: string; $showLabelShadow: boolean }>`\n  text-align: center;\n  fill: ${({ theme, $styling }) => theme.custom.lines[$styling].label.fill};\n  font-weight: bold;\n  transition: opacity 250ms ease;\n  cursor: pointer;\n  ${({ $showLabelShadow }) =>\n    $showLabelShadow &&\n    css`\n    text-shadow:\n      -1px -1px 0 #000,\n      1px -1px 0 #000,\n      -1px 1px 0 #000,\n      1px 1px 0 #000;\n  `}\n`;\n\nconst GrabHandleContrast = styled(GrabHandle)`\n  fill: none;\n  stroke: ${({ theme, $styling }) => theme.custom.lines[$styling].grabHandleContrast.stroke};\n`;\n\nconst GrabHandleGroup = styled.g<{\n  $showIndex: boolean;\n  $originalRadius: number;\n  $styling: string;\n}>`\n\n  ${GrabHandle}, ${GrabHandleContrast} {\n    transition: r 250ms ease;\n  }\n\n  ${(props) =>\n    props.$showIndex &&\n    css`\n    ${GrabHandle}, ${GrabHandleContrast} {\n      pointer-events: none;\n      r: ${props.$originalRadius * 1.75};\n    }\n  `};\n`;\n\nconst DMCircle = styled.circle`\n  fill: hsla(203, 100%, 35%, 0.49);\n  cursor: pointer;\n`;\n\nconst IconFormat = styled(Icon)`\n  cursor: pointer;\n`;\n\ninterface ILineUnitProps {\n  lineSetId: number;\n  options: IDragLineUISharedOptions;\n  x1: number;\n  y1: number;\n  x2: number;\n  y2: number;\n  unit: number;\n  lineClickCallback?: (lineSetId: number) => void;\n  lineMoveCallback: (position: IVector2) => void;\n  lineMoveStartCallback: (position: IVector2) => void;\n  moveEndCB?: () => void;\n  label?: string;\n  styling?: string;\n  showSmallDirectionMark?: boolean;\n  overrideShowMoveHandle?: boolean;\n  lineClickSensingBorder?: string;\n  hasClickSensingBorder?: boolean;\n}\n\nconst LineUnit: React.FC<ILineUnitProps> = (props) => {\n  const {\n    x1,\n    y1,\n    x2,\n    y2,\n    unit,\n    lineMoveCallback,\n    lineMoveStartCallback,\n    options,\n    lineSetId,\n    label,\n    styling = 'primary',\n    moveEndCB = () => {},\n    lineClickCallback = () => {},\n    showSmallDirectionMark = false,\n    overrideShowMoveHandle = true,\n  } = props;\n  const {\n    handleFinderActive,\n    revealSetIndex,\n    showMoveHandle,\n    setIndexOffset,\n    showDirectionMark,\n    showLabelShadow = false,\n  } = options;\n  const [showLineBorder, setShowLineBorder] = useState<boolean>();\n\n  // const a = x1 - x2;\n  // const b = y1 - y2;\n  // const distance = Math.sqrt( a*a + b*b );\n  //this distance 60 doesn't work now...\n  // const hideGrabHandle = showMoveHandle === false || (showMoveHandle !== true && distance < 60);\n\n  const hideGrabHandle = !showMoveHandle || !overrideShowMoveHandle;\n  const lineClickSensing = parseInt(props.lineClickSensingBorder as string, 10);\n\n  /** --- Toucher Events Section --- */\n  const grabTouchMove = (e: React.TouchEvent<SVGCircleElement>) => {\n    for (let i = 0; i < e.touches.length; i++) {\n      // if(i === touchIndex){\n      lineMoveCallback({ x: e.touches[i].pageX, y: e.touches[i].pageY });\n      // }\n    }\n    moveEndCB();\n  };\n\n  const grabTouchStart = (e: React.TouchEvent<SVGCircleElement>) => {\n    for (let i = 0; i < e.touches.length; i++) {\n      // if(i === touchIndex){\n      lineMoveStartCallback({ x: e.touches[i].pageX, y: e.touches[i].pageY });\n      // }\n    }\n  };\n\n  /** --- Mouse Events Section --- */\n  const mouseMoveRef = useRef<((e: MouseEvent) => void) | null>(null);\n  const mouseUpRef = useRef<((e: MouseEvent) => void) | null>(null);\n\n  const cleanupMouseListeners = useCallback(() => {\n    if (mouseMoveRef.current) {\n      window.removeEventListener('mousemove', mouseMoveRef.current);\n      mouseMoveRef.current = null;\n    }\n    if (mouseUpRef.current) {\n      window.removeEventListener('mouseup', mouseUpRef.current);\n      mouseUpRef.current = null;\n    }\n  }, []);\n\n  const handleMouseMove = useCallback(\n    (e: MouseEvent) => {\n      lineMoveCallback({ x: e.pageX, y: e.pageY });\n      e.preventDefault();\n    },\n    [lineMoveCallback]\n  );\n\n  const handleMouseUp = useCallback(\n    (e: MouseEvent) => {\n      cleanupMouseListeners();\n      lineMoveCallback({ x: e.pageX, y: e.pageY });\n      moveEndCB();\n      e.preventDefault();\n    },\n    [cleanupMouseListeners, lineMoveCallback, moveEndCB]\n  );\n\n  const handleMouseDown = useCallback(\n    (e: React.MouseEvent<SVGCircleElement, MouseEvent>) => {\n      cleanupMouseListeners();\n      lineMoveStartCallback({ x: e.pageX, y: e.pageY });\n      mouseMoveRef.current = handleMouseMove;\n      mouseUpRef.current = handleMouseUp;\n      window.addEventListener('mousemove', handleMouseMove);\n      window.addEventListener('mouseup', handleMouseUp);\n      e.preventDefault();\n    },\n    [cleanupMouseListeners, lineMoveStartCallback, handleMouseMove, handleMouseUp]\n  );\n\n  useEffect(() => {\n    return cleanupMouseListeners;\n  }, [cleanupMouseListeners]);\n  const midpoint = {\n    x: (x2 + x1) / 2,\n    y: (y2 + y1) / 2,\n  };\n\n  const directionMarkCoordinate = () => {\n    const angle = Math.atan2(y2 - y1, x2 - x1);\n    const angleMode = Math.PI / 2 - angle;\n    const x = midpoint.x + Math.sin(angleMode) - 5;\n    const y = midpoint.y + Math.cos(angleMode);\n    const rotate = (180 / Math.PI) * Math.atan2(y2 - y1, x2 - x1);\n    const labelRotate = -rotate;\n    return { x, y, rotate, labelRotate };\n  };\n\n  const getDirectionMarkLine = () => {\n    const dmCoordinate = directionMarkCoordinate();\n    return (\n      <g\n        transform={`translate(${dmCoordinate.x},${dmCoordinate.y}) rotate(${dmCoordinate.rotate}) scale(${unit * 1})`}\n        style={{ cursor: 'pointer' }}\n      >\n        {/* biome-ignore lint/a11y/noStaticElementInteractions: SVG group element in canvas drawing context */}\n        <g onClick={() => lineClickCallback(lineSetId)} transform='translate(-3,-30) scale(0.8)'>\n          <DMCircle r={12} cx={6} cy={7} />\n          <IconFormat color='inverse' icon='Up' size={12} weight='heavy' forSvgUsage />\n        </g>\n        {showSmallDirectionMark && (\n          // biome-ignore lint/a11y/noStaticElementInteractions: SVG group element in canvas drawing context\n          <g\n            onClick={() => lineClickCallback(lineSetId)}\n            transform='translate(5,25) rotate(-180) scale(0.8)'\n          >\n            <DMCircle r={8} cx={3.5} cy={4.5} />\n            <IconFormat color='inverse' icon='Up' size={7} weight='heavy' forSvgUsage />\n          </g>\n        )}\n        {label && (\n          <g\n            transform={`translate(0,${showSmallDirectionMark ? 45 : 30}) rotate(${dmCoordinate.labelRotate})`}\n          >\n            <LabelText\n              onClick={() => lineClickCallback(lineSetId)}\n              textAnchor={\n                showSmallDirectionMark ? (dmCoordinate.labelRotate < 0 ? 'end' : 'start') : 'middle'\n              }\n              dominantBaseline='middle'\n              $styling={styling}\n              fontSize={`${14}px`}\n              x={0}\n              y={0}\n              $showIndex={revealSetIndex || handleFinderActive}\n              $showLabelShadow={showLabelShadow}\n            >\n              {label}\n            </LabelText>\n          </g>\n        )}\n      </g>\n    );\n  };\n\n  //hover on line show border\n  const getMouseOver = useCallback(() => {\n    if (props.hasClickSensingBorder) {\n      setShowLineBorder(true);\n    }\n  }, [props.hasClickSensingBorder]);\n\n  const getMouseOut = useCallback(() => {\n    if (props.hasClickSensingBorder) {\n      setShowLineBorder(false);\n    }\n  }, [props.hasClickSensingBorder]);\n\n  return (\n    <g>\n      <ContrastLine\n        onMouseOver={getMouseOver}\n        onMouseOut={getMouseOut}\n        $lineClickSensing={lineClickSensing}\n        $showLineBorder={showLineBorder}\n        onClick={() => lineClickCallback(lineSetId)}\n        $styling={styling}\n        strokeLinecap='round'\n        x1={x1}\n        y1={y1}\n        x2={x2}\n        y2={y2}\n        strokeWidth={4 * unit}\n      />\n      <HighlightLine $styling={styling} x1={x1} y1={y1} x2={x2} y2={y2} strokeWidth={2 * unit} />\n\n      <GrabHandleGroup\n        $styling={styling}\n        $showIndex={handleFinderActive && revealSetIndex}\n        $originalRadius={8 * unit}\n      >\n        <GrabHandleContrast\n          $styling={styling}\n          r={8 * unit}\n          strokeWidth={4 * unit}\n          cx={midpoint.x}\n          cy={midpoint.y}\n          $hide={hideGrabHandle}\n        />\n        <GrabHandle\n          $styling={styling}\n          textAnchor='middle'\n          r={8 * unit}\n          strokeWidth={1 * unit}\n          cx={midpoint.x}\n          cy={midpoint.y}\n          $hide={hideGrabHandle}\n          onTouchMove={grabTouchMove}\n          onTouchStart={grabTouchStart}\n          onMouseDown={handleMouseDown}\n        />\n      </GrabHandleGroup>\n\n      <GrabHandleIndexGroup $showIndex={!hideGrabHandle && (handleFinderActive || revealSetIndex)}>\n        <GrabHandleIndexText\n          $styling={styling}\n          fontSize={`${unit * 10}px`}\n          x={midpoint.x - 3 * unit}\n          y={midpoint.y + 4 * unit}\n          $showIndex={revealSetIndex || handleFinderActive}\n        >\n          {lineSetId + setIndexOffset}\n        </GrabHandleIndexText>\n      </GrabHandleIndexGroup>\n\n      {/* <circle r={1* unit} cx={x1} cy={y1} fill='white' /> */}\n      {/* <circle r={1* unit} cx={x2} cy={y2} fill='white' /> */}\n\n      {showDirectionMark\n        ? getDirectionMarkLine()\n        : label && (\n            <LabelText\n              $styling={styling}\n              fontSize={`${unit * 14}px`}\n              x={midpoint.x - 16 * unit}\n              y={midpoint.y - 15 * unit}\n              $showIndex={revealSetIndex || handleFinderActive}\n              $showLabelShadow={showLabelShadow}\n            >\n              {label}\n            </LabelText>\n          )}\n    </g>\n  );\n};\n\nexport default LineUnit;\n","import update from 'immutability-helper';\nimport type React from 'react';\nimport { useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport styled, { css } from 'styled-components';\nimport type { IBoundary, IDragLineUISharedOptions, IPointSet, IVector2 } from '.';\nimport { LineSetContext } from './Contexts';\nimport HandleUnit from './HandleUnit';\nimport LineUnit from './LineUnit';\n\nconst FilledPolygon = styled.polygon<{ $color: string; $opacity: number }>`\n  fill: ${({ $color }) => $color};\n  opacity: ${({ $opacity }) => $opacity};\n`;\n\nconst Point = styled.circle<{ $styling: string }>`\n  fill: ${({ theme, $styling }) => theme.custom.lines[$styling].point.fill};\n`;\n\nconst AreaLabelText = styled.text<{ $styling: string; $showAreaLabelShadow: boolean }>`\n  text-align: center;\n  fill: ${({ theme, $styling }) => theme.custom.lines[$styling].label.fill};\n  font-weight: bold;\n  transition: opacity 250ms ease;\n  pointer-events: none;\n  ${({ $showAreaLabelShadow }) =>\n    $showAreaLabelShadow &&\n    css`\n    text-shadow:\n      -1px -1px 0 #000,\n      1px -1px 0 #000,\n      -1px 1px 0 #000,\n      1px 1px 0 #000;\n  `}\n`;\n\ninterface ILineSetProps {\n  lineSetId: number;\n  boundaries: IBoundary;\n  size: number;\n  unit: number;\n  lineData: IPointSet;\n  options: IDragLineUISharedOptions;\n  onLineMoveEnd: () => void;\n  onLineClick: (lineSetId: number) => void;\n  getCTM: () => DOMMatrix | null;\n  lineClickSensingBorder?: string;\n  hasClickSensingBorder?: boolean;\n}\n\ninterface AreaLabelProps {\n  lineSetData: IPointSet;\n  unit: number;\n  showAreaLabelShadow: boolean;\n}\n\nconst AreaLabel: React.FC<AreaLabelProps> = ({ lineSetData, unit, showAreaLabelShadow }) => {\n  const pointsLength = lineSetData.points.length;\n  if (pointsLength < 3) return null;\n  let midpoint = { x: 0, y: 0 };\n\n  lineSetData.points.map(({ x, y }) => {\n    midpoint.x += x;\n    midpoint.y += y;\n    return null;\n  });\n\n  midpoint = { x: midpoint.x / pointsLength, y: midpoint.y / pointsLength };\n  const Textlen = lineSetData.areaName?.length || 1;\n  return (\n    <AreaLabelText\n      fontSize={`${unit * 14}px`}\n      $styling={lineSetData.styling || 'primary'}\n      x={midpoint.x - 4 * Textlen * unit}\n      y={midpoint.y + 6 * unit}\n      $showAreaLabelShadow={showAreaLabelShadow}\n    >\n      {lineSetData.areaName}\n    </AreaLabelText>\n  );\n};\n\nconst LineSet: React.FC<ILineSetProps> = ({\n  getCTM,\n  boundaries,\n  unit,\n  size,\n  lineSetId,\n  options,\n  onLineMoveEnd,\n  onLineClick,\n  lineClickSensingBorder,\n  hasClickSensingBorder,\n}) => {\n  // console.log(\"Unit \" + lineSetId + \", reporting in...\")\n\n  const { state, dispatch } = useContext(LineSetContext);\n  const lineSetData = state[lineSetId];\n  const { showLabelShadow = false } = options;\n\n  const [handleAngles, setHandleAngles] = useState<number[]>([]);\n\n  const handleRelation = useRef<{ offsetX: number; offsetY: number }[]>([]);\n  const handleRadius: number = size / 2;\n  const handleUsesAngles: boolean = lineSetData.points.length === 2;\n\n  /**\n   * Ensure provided position vector is within the boundaries (of the container)\n   * @param {IVector2} position Vector to be enforced.\n   * @returns {IVector2} The position updated clamped to range.\n   */\n  const enforceBoundaries = useCallback(\n    (position: IVector2) => {\n      if (position.x < boundaries.x.min) {\n        position.x = boundaries.x.min;\n      } else if (position.x > boundaries.x.max) {\n        position.x = boundaries.x.max;\n      }\n\n      if (position.y < boundaries.y.min) {\n        position.y = boundaries.y.min;\n      } else if (position.y > boundaries.y.max) {\n        position.y = boundaries.y.max;\n      }\n\n      return position;\n    },\n    [boundaries]\n  );\n\n  const handleMoveCallback = useCallback(\n    (pointerPosition: IVector2, index: number) => {\n      const screenCTM = getCTM();\n      if (!screenCTM) {\n        return;\n      }\n\n      const pointer = enforceBoundaries({\n        x: (pointerPosition.x - window.scrollX - screenCTM.e) / screenCTM.a,\n        y: (pointerPosition.y - window.scrollY - screenCTM.f) / screenCTM.d,\n      });\n      const point = {\n        x: Math.round(pointer.x),\n        y: Math.round(pointer.y),\n      };\n      const newLineSetData = update(lineSetData, { points: { [index]: { $merge: point } } });\n\n      dispatch({ type: 'UPDATE', index: lineSetId, data: newLineSetData });\n    },\n    [getCTM, enforceBoundaries, lineSetData, dispatch, lineSetId]\n  );\n\n  const lineDragStart = useCallback(\n    (pointerPosition: IVector2) => {\n      const screenCTM = getCTM();\n      if (!screenCTM) {\n        return;\n      }\n\n      const pointer = {\n        x: (pointerPosition.x - window.scrollX - screenCTM.e) / screenCTM.a - handleRadius,\n        y: (pointerPosition.y - window.scrollY - screenCTM.f) / screenCTM.d - handleRadius,\n      };\n\n      handleRelation.current = lineSetData.points.map((handle) => {\n        const xDiff = pointer.x - handle.x;\n        const yDiff = pointer.y - handle.y;\n        return {\n          offsetX: xDiff,\n          offsetY: yDiff,\n        };\n      });\n    },\n    [handleRadius, lineSetData.points, getCTM]\n  );\n\n  const lineDragUpdate = useCallback(\n    (pointerPosition: IVector2) => {\n      const screenCTM = getCTM();\n      if (!screenCTM) {\n        return;\n      }\n\n      const { points } = lineSetData;\n\n      const pointer = {\n        x: (pointerPosition.x - window.scrollX - screenCTM.e) / screenCTM.a - handleRadius,\n        y: (pointerPosition.y - window.scrollY - screenCTM.f) / screenCTM.d - handleRadius,\n      };\n\n      const newPoints = points.map((_handle, index) => {\n        const { offsetX = 0, offsetY = 0 } = handleRelation.current[index] || {};\n\n        return enforceBoundaries({\n          x: Math.round(pointer.x - offsetX),\n          y: Math.round(pointer.y - offsetY),\n        });\n      });\n\n      dispatch({\n        type: 'UPDATE',\n        index: lineSetId,\n        data: { ...lineSetData, points: [...newPoints] },\n      });\n    },\n    [getCTM, lineSetData, handleRadius, dispatch, lineSetId, enforceBoundaries]\n  );\n\n  const calcAngle = useCallback(\n    (originX: number, originY: number, towardsX: number, towardsY: number) => {\n      const angle = Math.atan2(towardsY - originY, towardsX - originX);\n      const degrees = (angle * 180) / Math.PI + 90;\n      return degrees;\n    },\n    []\n  );\n\n  // useCallback maybe to reduce unchanged deals?\n  const updateHandleAngles = useCallback(\n    (inputHandleData: IPointSet) => {\n      const { points } = inputHandleData;\n      const outputData: number[] = [];\n\n      // Update all handle angles in data set.\n      inputHandleData.points.forEach((handle, index) => {\n        const nextIndex = index + 2 > points.length ? 0 : index + 1;\n        const nextHandle = points[nextIndex];\n        const angle = calcAngle(handle.x, handle.y, nextHandle.x, nextHandle.y);\n        outputData.push(angle);\n      });\n\n      setHandleAngles(outputData);\n    },\n    [calcAngle]\n  );\n\n  useEffect(() => {\n    // Update angles when the line's data set has changed.\n    if (handleUsesAngles) {\n      updateHandleAngles(lineSetData);\n    }\n  }, [lineSetData, updateHandleAngles, handleUsesAngles]);\n\n  const initialClampDone = useRef(false);\n  useEffect(() => {\n    // Clamp existing points to boundaries once when boundaries first become valid (video load)\n    if (boundaries.x.max === 0 && boundaries.y.max === 0) {\n      return;\n    }\n    if (initialClampDone.current) {\n      return;\n    }\n    initialClampDone.current = true;\n\n    const needsUpdate = lineSetData.points.some(\n      ({ x, y }) =>\n        x < boundaries.x.min || x > boundaries.x.max || y < boundaries.y.min || y > boundaries.y.max\n    );\n\n    if (needsUpdate) {\n      const clampedPoints = lineSetData.points.map((point) => enforceBoundaries({ ...point }));\n      dispatch({\n        type: 'UPDATE',\n        index: lineSetId,\n        data: { ...lineSetData, points: clampedPoints },\n      });\n    }\n  }, [\n    boundaries,\n    lineSetData.points.some,\n    dispatch,\n    lineSetData.points.map,\n    lineSetId,\n    lineSetData,\n    enforceBoundaries,\n  ]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const handles =\n    (lineSetData?.showPointHandle === undefined || lineSetData?.showPointHandle) &&\n    lineSetData.points.map(({ x, y }, index) => (\n      <HandleUnit\n        // biome-ignore lint/suspicious/noArrayIndexKey: points have only {x,y} (no id) and index is meaningful — used to look up handleAngles[index] and as the index prop. #646.\n        key={index + lineSetId}\n        lineSetId={lineSetId}\n        rotate={lineSetData.rotate}\n        Icon={lineSetData.icon}\n        index={index}\n        unit={unit}\n        size={size}\n        useAngles={handleUsesAngles}\n        angle={handleAngles[index]}\n        x={x}\n        y={y}\n        moveEndCB={onLineMoveEnd}\n        moveCallback={handleMoveCallback}\n        options={options}\n        styling={lineSetData.styling}\n        readOnlyHandle={lineSetData.readOnly}\n      />\n    ));\n\n  const points =\n    options.showPoint &&\n    lineSetData.points.map(({ x, y }, index) => (\n      // biome-ignore lint/suspicious/noArrayIndexKey: points have only {x,y} — index is the only stable identity. #646.\n      <Point $styling={lineSetData.styling || 'primary'} key={index} r={unit} cx={x} cy={y} />\n    ));\n\n  const lines = lineSetData.points.map(({ x: x1, y: y1 }, index) => {\n    const { points, name, styling = 'primary' } = lineSetData;\n    //nextIndex  index is next Point's index\n    const nextIndex = index + 1 >= points.length ? 0 : index + 1;\n    //in the case of a line don't draw line back from second point\n    if (index === 1 && nextIndex === 0) {\n      return null;\n    }\n    const { x: x2, y: y2 } = points[nextIndex];\n\n    return (\n      <LineUnit\n        // biome-ignore lint/suspicious/noArrayIndexKey: lines connect adjacent points (via nextIndex math); index is structural. #646.\n        key={index}\n        moveEndCB={onLineMoveEnd}\n        lineSetId={lineSetId}\n        options={options}\n        x1={x1}\n        y1={y1}\n        x2={x2}\n        y2={y2}\n        unit={unit}\n        label={name}\n        styling={styling}\n        lineClickCallback={onLineClick}\n        lineMoveCallback={lineDragUpdate}\n        lineMoveStartCallback={lineDragStart}\n        showSmallDirectionMark={lineSetData.showSmallDirectionMark}\n        overrideShowMoveHandle={lineSetData.showMoveHandle}\n        lineClickSensingBorder={lineClickSensingBorder}\n        hasClickSensingBorder={hasClickSensingBorder}\n      />\n    );\n  });\n\n  const polygonPoints = lineSetData.points.map((point) => `${point.x},${point.y}`).join(' ');\n\n  return (\n    <g>\n      <FilledPolygon\n        points={polygonPoints}\n        $color={lineSetData.areaFillColor ? lineSetData.areaFillColor : 'transparent'}\n        $opacity={lineSetData.areaTransparencyLevel ? lineSetData.areaTransparencyLevel / 100 : 0}\n      />\n      {lines}\n      {handles}\n      {points}\n      <AreaLabel lineSetData={lineSetData} unit={unit} showAreaLabelShadow={showLabelShadow} />\n    </g>\n  );\n};\n\nexport default LineSet;\n","import type React from 'react';\nimport { useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport styled, { css } from 'styled-components';\nimport Spinner from '../Indicators/Spinner';\nimport type { IBoundary, LineUIOptions, LineUIVideoOptions } from '.';\nimport { LineSetContext } from './Contexts';\nimport LineSet from './LineSet';\n\nconst Container = styled.div`\n  position: relative;\n  line-height: 0;\n  user-select: none;\n  touch-action: none;\n  width: auto;\n`;\nconst Video = styled.video`\n  width:  100%;\n  height: 100%;\n  border-radius: 3px;\n  background-color: hsla(0deg, 0%, 0%, 35%);\n`;\nconst LoadingOverlay = styled.div`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n`;\n\nconst Frame = styled.svg<{ $transcalent?: boolean }>`\n  touch-action: none;\n  user-select: none;\n  margin: 0;\n\n  overflow: visible;\n\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  height: 100%;\n  width: 100%;\n  transition: background 250ms ease;\n  background: hsla(0deg, 0%, 0%, 0%);\n\n  ${(props) =>\n    props.$transcalent &&\n    css`\n      background: hsla(0deg, 0%, 0%, 35%);\n    `}\n`;\n\nexport interface LineUIProps {\n  src: string;\n  onSizeChange?: (size: { h: number; w: number }) => void;\n  onLineMoveEnd?: () => void;\n  onLineClick?: (lineSetId: number) => void;\n  onLoaded?: (metadata: { height: number; width: number }) => void;\n  options?: LineUIOptions;\n  videoOptions: LineUIVideoOptions;\n  lineClickSensingBorder?: string;\n  hasClickSensingBorder?: boolean;\n}\n\nexport interface LineUIVideoBaseProps extends Omit<LineUIProps, 'src'> {\n  videoRef: React.RefObject<HTMLVideoElement | null>;\n}\n\nconst LineUIVideoBase: React.FC<LineUIVideoBaseProps> = ({\n  videoRef,\n  onSizeChange = () => {},\n  onLineMoveEnd = () => {},\n  onLineClick = () => {},\n  onLoaded = () => {},\n  lineClickSensingBorder = '65',\n  hasClickSensingBorder = true,\n  videoOptions: { loop = false, autoPlay = false, controls = false, muted = true, ...videoOptions },\n  options: {\n    showHandleFinder,\n    showSetIndex,\n    showPointLabel = false,\n    showPointHandle,\n    showLabelShadow,\n    showMoveHandle,\n    showGrabHandle,\n    setIndexOffset = 0,\n    pointIndexOffset = 0,\n    showPoint = false,\n    boundaryOffset = 0,\n    showDirectionMark = false,\n  } = {},\n}) => {\n  const frame = useRef<SVGSVGElement>(null);\n\n  const [boundaries, setBoundaries] = useState<IBoundary>({\n    x: { min: 0, max: 0 },\n    y: { min: 0, max: 0 },\n  });\n  const { state } = useContext(LineSetContext);\n\n  const [handleFinder, setHandleFinder] = useState<boolean>(false);\n\n  const [videoSize, setVideoSize] = useState({ h: 768, w: 1024 });\n  const [unit, setUnit] = useState(1);\n  const [loaded, setLoaded] = useState(false);\n\n  const initScaleAndBounds = useCallback(() => {\n    if (!videoRef.current) {\n      return;\n    }\n    const { videoHeight, videoWidth, clientHeight } = videoRef.current;\n\n    if (videoHeight !== videoSize.h || videoWidth !== videoSize.w) {\n      setVideoSize({ h: videoHeight, w: videoWidth });\n      onSizeChange({ h: videoHeight, w: videoWidth });\n    }\n\n    if (videoHeight / clientHeight !== unit) {\n      setUnit(videoHeight / clientHeight);\n    }\n  }, [videoSize.h, videoSize.w, unit, onSizeChange, videoRef]);\n\n  const handlePositionTipShow = (e: React.PointerEvent<SVGSVGElement>) => {\n    if (e.target === frame.current) {\n      setHandleFinder(!handleFinder === false && true);\n    }\n  };\n\n  const handlePositionTipHide = () => {\n    setHandleFinder(showHandleFinder || false);\n  };\n\n  const calculateCTM = useCallback(() => {\n    if (!frame.current) {\n      return null;\n    }\n    return frame.current.getScreenCTM();\n  }, []);\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: videoSize is a trigger dep — flows into <Frame> viewBox attr, so the effect must re-run after React applies the new viewBox. Same pattern as LineUI's imgSize. See #645.\n  useEffect(() => {\n    if (!frame.current || !loaded) {\n      return;\n    }\n    const { viewBox } = frame.current;\n    const bounds = {\n      x: {\n        min: viewBox.baseVal.x + boundaryOffset,\n        max: viewBox.baseVal.x + viewBox.baseVal.width - boundaryOffset,\n      },\n      y: {\n        min: viewBox.baseVal.y + boundaryOffset,\n        max: viewBox.baseVal.y + viewBox.baseVal.height - boundaryOffset,\n      },\n    };\n    setBoundaries(bounds);\n  }, [videoSize, loaded, boundaryOffset]);\n\n  const onLoadedMetadata = useCallback(\n    ({ target }: React.SyntheticEvent<HTMLVideoElement>) => {\n      if (target) {\n        setLoaded(true);\n        initScaleAndBounds();\n        const { videoHeight = 1, videoWidth = 1 } = target as HTMLVideoElement;\n        onLoaded({ height: videoHeight, width: videoWidth });\n      }\n    },\n    [initScaleAndBounds, onLoaded]\n  );\n\n  useEffect(() => {\n    window.addEventListener('resize', initScaleAndBounds);\n    return () => {\n      window.removeEventListener('resize', initScaleAndBounds);\n    };\n  }, [initScaleAndBounds]);\n\n  const options = {\n    handleFinderActive: handleFinder,\n    revealSetIndex: showSetIndex !== false && (showSetIndex || state.length > 1),\n    showPointLabel,\n    showLabelShadow,\n    showPointHandle: showPointHandle || (showPointHandle !== false && showGrabHandle !== false),\n    showMoveHandle: showMoveHandle || (showMoveHandle !== false && showGrabHandle !== false),\n    setIndexOffset,\n    pointIndexOffset,\n    showPoint,\n    showDirectionMark,\n  };\n\n  return (\n    <Container>\n      <Video\n        ref={videoRef}\n        controls={controls}\n        muted={muted}\n        autoPlay={autoPlay}\n        loop={loop}\n        {...videoOptions}\n        onLoadedMetadata={onLoadedMetadata}\n        id='1'\n      >\n        {' '}\n      </Video>\n      {!loaded && (\n        <LoadingOverlay>\n          <Spinner size='large' styling='primary' />\n        </LoadingOverlay>\n      )}\n      {loaded && (\n        <Frame\n          ref={frame}\n          viewBox={`0 0 ${videoSize.w} ${videoSize.h} `}\n          version='1.1'\n          xmlns='http://www.w3.org/2000/svg'\n          onPointerDown={handlePositionTipShow}\n          onPointerUp={handlePositionTipHide}\n          onPointerLeave={handlePositionTipHide}\n          $transcalent={handleFinder}\n        >\n          {state.map((lineSet, index) => (\n            <LineSet\n              // biome-ignore lint/suspicious/noArrayIndexKey: index IS the lineSetId, also passed to LineSet as the prop of the same name. #646.\n              key={index}\n              hasClickSensingBorder={hasClickSensingBorder}\n              lineClickSensingBorder={lineClickSensingBorder}\n              onLineMoveEnd={onLineMoveEnd}\n              onLineClick={onLineClick}\n              lineSetId={index}\n              lineData={lineSet}\n              getCTM={calculateCTM}\n              boundaries={boundaries}\n              unit={unit}\n              size={30}\n              options={options}\n            />\n          ))}\n        </Frame>\n      )}\n    </Container>\n  );\n};\n\nexport default LineUIVideoBase;\n"],"mappings":"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"}

package/dist/{LineUIVideoBase-VxlYHeJG.js → LineUIVideoBase-DmQtfhyc.js}

@@ -15,7 +15,7 @@ var __copyProps = (to, from, except, desc) => {
 	}
 	return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule || !__hasOwnProp.call(mod, "default") ? __defProp(target, "default", {
 	value: mod,
 	enumerable: true
 }) : target, mod));
@@ -749,14 +749,16 @@ var LineUnit = (props) => {
 			]
 		});
 	};
+	const getMouseOver = (0, react.useCallback)(() => {
+		if (props.hasClickSensingBorder) setShowLineBorder(true);
+	}, [props.hasClickSensingBorder]);
+	const getMouseOut = (0, react.useCallback)(() => {
+		if (props.hasClickSensingBorder) setShowLineBorder(false);
+	}, [props.hasClickSensingBorder]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("g", { children: [
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContrastLine, {
-			onMouseOver: (0, react.useCallback)(() => {
-				if (props.hasClickSensingBorder) setShowLineBorder(true);
-			}, [props.hasClickSensingBorder]),
-			onMouseOut: (0, react.useCallback)(() => {
-				if (props.hasClickSensingBorder) setShowLineBorder(false);
-			}, [props.hasClickSensingBorder]),
+			onMouseOver: getMouseOver,
+			onMouseOut: getMouseOut,
 			$lineClickSensing: lineClickSensing,
 			$showLineBorder: showLineBorder,
 			onClick: () => lineClickCallback(lineSetId),
@@ -902,10 +904,11 @@ var LineSet = ({ getCTM, boundaries, unit, size, lineSetId, options, onLineMoveE
 			x: Math.round(pointer.x),
 			y: Math.round(pointer.y)
 		};
+		const newLineSetData = (0, immutability_helper.default)(lineSetData, { points: { [index]: { $merge: point } } });
 		dispatch({
 			type: "UPDATE",
 			index: lineSetId,
-			data: (0, immutability_helper.default)(lineSetData, { points: { [index]: { $merge: point } } })
+			data: newLineSetData
 		});
 	}, [
 		getCTM,
@@ -970,7 +973,8 @@ var LineSet = ({ getCTM, boundaries, unit, size, lineSetId, options, onLineMoveE
 		const { points } = inputHandleData;
 		const outputData = [];
 		inputHandleData.points.forEach((handle, index) => {
-			const nextHandle = points[index + 2 > points.length ? 0 : index + 1];
+			const nextIndex = index + 2 > points.length ? 0 : index + 1;
+			const nextHandle = points[nextIndex];
 			const angle = calcAngle(handle.x, handle.y, nextHandle.x, nextHandle.y);
 			outputData.push(angle);
 		});
@@ -1056,9 +1060,10 @@ var LineSet = ({ getCTM, boundaries, unit, size, lineSetId, options, onLineMoveE
 			hasClickSensingBorder
 		}, index);
 	});
+	const polygonPoints = lineSetData.points.map((point) => `${point.x},${point.y}`).join(" ");
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("g", { children: [
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FilledPolygon, {
-			points: lineSetData.points.map((point) => `${point.x},${point.y}`).join(" "),
+			points: polygonPoints,
 			$color: lineSetData.areaFillColor ? lineSetData.areaFillColor : "transparent",
 			$opacity: lineSetData.areaTransparencyLevel ? lineSetData.areaTransparencyLevel / 100 : 0
 		}),
@@ -1173,7 +1178,7 @@ var LineUIVideoBase = ({ videoRef, onSizeChange = () => {}, onLineMoveEnd = () =
 	(0, react.useEffect)(() => {
 		if (!frame.current || !loaded) return;
 		const { viewBox } = frame.current;
-		setBoundaries({
+		const bounds = {
 			x: {
 				min: viewBox.baseVal.x + boundaryOffset,
 				max: viewBox.baseVal.x + viewBox.baseVal.width - boundaryOffset
@@ -1182,7 +1187,8 @@ var LineUIVideoBase = ({ videoRef, onSizeChange = () => {}, onLineMoveEnd = () =
 				min: viewBox.baseVal.y + boundaryOffset,
 				max: viewBox.baseVal.y + viewBox.baseVal.height - boundaryOffset
 			}
-		});
+		};
+		setBoundaries(bounds);
 	}, [
 		videoSize,
 		loaded,
@@ -1332,4 +1338,4 @@ Object.defineProperty(exports, "fontFamily", {
 	}
 });
 
-//# sourceMappingURL=LineUIVideoBase-VxlYHeJG.js.map
+//# sourceMappingURL=LineUIVideoBase-DmQtfhyc.js.map