@fluentui/react-charts 9.3.4 → 9.3.6

package/lib-commonjs/components/CommonComponents/Annotations/ChartAnnotationLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/CommonComponents/Annotations/ChartAnnotationLayer.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { mergeClasses } from '@griffel/react';\nimport type { ChartAnnotation } from '../../../types/ChartAnnotation';\nimport type {\n  AnnotationPoint,\n  ChartAnnotationContext,\n  ChartAnnotationLayerProps,\n  ConnectorRenderData,\n  ResolvedAnnotationPosition,\n} from './ChartAnnotationLayer.types';\nimport {\n  applyOpacityToColor,\n  DEFAULT_ANNOTATION_BACKGROUND_OPACITY,\n  DEFAULT_CONNECTOR_ARROW,\n  DEFAULT_CONNECTOR_END_PADDING,\n  DEFAULT_CONNECTOR_START_PADDING,\n  DEFAULT_CONNECTOR_STROKE_WIDTH,\n  getDefaultConnectorStrokeColor,\n  useChartAnnotationLayerStyles,\n} from './useChartAnnotationLayer.styles';\nimport { useId } from '@fluentui/react-utilities';\nimport { tokens } from '@fluentui/react-theme';\n\nconst DEFAULT_HORIZONTAL_ALIGN = 'center';\nconst DEFAULT_VERTICAL_ALIGN = 'middle';\nconst DEFAULT_FOREIGN_OBJECT_WIDTH = 180;\nconst DEFAULT_FOREIGN_OBJECT_HEIGHT = 60;\nconst MIN_ARROW_SIZE = 6;\nconst MAX_ARROW_SIZE = 24;\nconst ARROW_SIZE_SCALE = 0.35;\nconst MAX_SIMPLE_MARKUP_DEPTH = 5;\nconst CHAR_CODE_LESS_THAN = '<'.codePointAt(0)!;\nconst CHAR_CODE_GREATER_THAN = '>'.codePointAt(0)!;\nconst getAnnotationKey = (annotation: ChartAnnotation, index: number) =>\n  annotation.id ??\n  (typeof annotation.text === 'string' || typeof annotation.text === 'number' ? String(annotation.text) : undefined) ??\n  `annotation-${index}`;\n\ntype SimpleMarkupNode =\n  | { type: 'text'; content: string }\n  | { type: 'br' }\n  | { type: 'element'; tag: 'b' | 'i'; children: SimpleMarkupNode[] };\n\ntype ElementMarkupNode = Extract<SimpleMarkupNode, { type: 'element' }>;\n\ntype StackFrame = {\n  node: ElementMarkupNode | null;\n};\n\nconst decodeSimpleMarkupInput = (input: string): string => {\n  const namedEntities: Record<string, string> = {\n    amp: '&',\n    quot: '\"',\n    apos: \"'\",\n    nbsp: '\\u00a0',\n  };\n\n  const withBasicEntitiesDecoded = input.replace(/&(#x?[0-9a-f]+|#\\d+|[a-z][\\w-]*);/gi, (match, entity) => {\n    const lower = entity.toLowerCase();\n    if (lower === 'lt' || lower === 'gt') {\n      return `&${lower};`;\n    }\n    if (lower.startsWith('#')) {\n      const isHex = lower[1] === 'x';\n      const digits = lower.slice(isHex ? 2 : 1);\n      const codePoint = Number.parseInt(digits, isHex ? 16 : 10);\n      if (Number.isNaN(codePoint)) {\n        return match;\n      }\n      if (codePoint === CHAR_CODE_LESS_THAN) {\n        return '&lt;';\n      }\n      if (codePoint === CHAR_CODE_GREATER_THAN) {\n        return '&gt;';\n      }\n      return String.fromCodePoint(codePoint);\n    }\n    return namedEntities[lower] ?? match;\n  });\n\n  return withBasicEntitiesDecoded.replace(/&lt;([^;]+)&gt;/gi, (match, inner) => {\n    const normalized = inner.trim().replace(/\\s+/g, ' ');\n    const lower = normalized.toLowerCase();\n\n    switch (lower) {\n      case 'b':\n        return '<b>';\n      case '/b':\n        return '</b>';\n      case 'i':\n        return '<i>';\n      case '/i':\n        return '</i>';\n      case 'br':\n      case 'br/':\n      case 'br /':\n        return '<br />';\n      default:\n        return match;\n    }\n  });\n};\n\nconst appendTextNode = (nodes: SimpleMarkupNode[], text: string) => {\n  if (text.length === 0) {\n    return;\n  }\n\n  const last = nodes[nodes.length - 1];\n  if (last && last.type === 'text') {\n    last.content += text;\n  } else {\n    nodes.push({ type: 'text', content: text });\n  }\n};\n\nconst serializeSimpleMarkup = (nodes: SimpleMarkupNode[]): string =>\n  nodes\n    .map(node => {\n      if (node.type === 'text') {\n        return node.content;\n      }\n      if (node.type === 'br') {\n        return '<br />';\n      }\n      return `<${node.tag}>${serializeSimpleMarkup(node.children)}</${node.tag}>`;\n    })\n    .join('');\n\nconst parseSimpleMarkup = (input: string): SimpleMarkupNode[] => {\n  if (!input) {\n    return [];\n  }\n\n  const decodedInput = decodeSimpleMarkupInput(input);\n  const rootChildren: SimpleMarkupNode[] = [];\n  const stack: StackFrame[] = [{ node: null }];\n  const currentChildren = () => stack[stack.length - 1].node?.children ?? rootChildren;\n  const tagRegex = /<\\/?([a-z]+)\\s*\\/?\\s*>/gi;\n  let lastIndex = 0;\n\n  let match: RegExpExecArray | null;\n  while ((match = tagRegex.exec(decodedInput)) !== null) {\n    const [fullMatch, rawTagName] = match;\n    const tagName = rawTagName.toLowerCase();\n    const isClosing = fullMatch.startsWith('</');\n    const isSelfClosing = /\\/\\s*>$/.test(fullMatch);\n\n    appendTextNode(currentChildren(), decodedInput.slice(lastIndex, match.index));\n    lastIndex = match.index + fullMatch.length;\n\n    if (tagName === 'br' && !isClosing) {\n      currentChildren().push({ type: 'br' });\n      continue;\n    }\n\n    if ((tagName === 'b' || tagName === 'i') && !isSelfClosing) {\n      if (isClosing) {\n        const top = stack[stack.length - 1].node;\n        if (stack.length > 1 && top?.tag === tagName) {\n          stack.pop();\n        } else {\n          appendTextNode(currentChildren(), fullMatch);\n        }\n      } else {\n        if (stack.length - 1 >= MAX_SIMPLE_MARKUP_DEPTH) {\n          appendTextNode(currentChildren(), fullMatch);\n          continue;\n        }\n        const elementNode: ElementMarkupNode = {\n          type: 'element',\n          tag: tagName as 'b' | 'i',\n          children: [],\n        };\n        currentChildren().push(elementNode);\n        stack.push({ node: elementNode });\n      }\n      continue;\n    }\n\n    appendTextNode(currentChildren(), fullMatch);\n  }\n\n  appendTextNode(currentChildren(), decodedInput.slice(lastIndex));\n\n  while (stack.length > 1) {\n    const unclosed = stack.pop()!;\n    const elementNode = unclosed.node;\n    if (!elementNode) {\n      continue;\n    }\n\n    const parentChildren = stack[stack.length - 1].node?.children ?? rootChildren;\n    const lastChild = parentChildren[parentChildren.length - 1];\n    if (lastChild === elementNode) {\n      parentChildren.pop();\n    } else {\n      const nodeIndex = parentChildren.indexOf(elementNode);\n      if (nodeIndex !== -1) {\n        parentChildren.splice(nodeIndex, 1);\n      }\n    }\n\n    appendTextNode(\n      parentChildren,\n      `<${elementNode.tag}>${serializeSimpleMarkup(elementNode.children)}</${elementNode.tag}>`,\n    );\n  }\n\n  return rootChildren;\n};\n\nconst simpleMarkupNodesToPlainText = (nodes: SimpleMarkupNode[]): string =>\n  nodes\n    .map(node => {\n      if (node.type === 'text') {\n        return node.content;\n      }\n      if (node.type === 'br') {\n        return '\\n';\n      }\n      return simpleMarkupNodesToPlainText(node.children);\n    })\n    .join('');\n\nconst renderSimpleMarkupNodeList = (nodes: SimpleMarkupNode[], keyPrefix: string): React.ReactNode[] =>\n  nodes.map((node, index) => {\n    const key = `${keyPrefix}-${index}`;\n\n    if (node.type === 'text') {\n      return <React.Fragment key={key}>{node.content}</React.Fragment>;\n    }\n\n    if (node.type === 'br') {\n      return <br key={key} />;\n    }\n\n    const Tag = node.tag === 'b' ? 'strong' : 'em';\n    return React.createElement(Tag, { key }, ...renderSimpleMarkupNodeList(node.children, key));\n  });\nconst renderSimpleMarkup = (nodes: SimpleMarkupNode[], keyPrefix: string): React.ReactNode => {\n  const rendered = renderSimpleMarkupNodeList(nodes, keyPrefix);\n  return rendered.length <= 1 ? rendered[0] ?? null : rendered;\n};\n\nconst normalizeBandOffset = (\n  scale: (((value: unknown) => number) & { bandwidth?: () => number }) | undefined,\n  value: unknown,\n) => {\n  const position = scale?.(value as never);\n  if (typeof position !== 'number' || Number.isNaN(position)) {\n    return undefined;\n  }\n  if (scale && typeof scale.bandwidth === 'function') {\n    return position + scale.bandwidth() / 2;\n  }\n  return position;\n};\n\nconst clamp = (value: number, min: number, max: number) => Math.max(min, Math.min(max, value));\n\nconst createMeasurementSignature = (\n  annotationContentSignature: string,\n  containerStyle: React.CSSProperties,\n  contentStyle: React.CSSProperties,\n  layoutClassName?: string,\n  styleClassName?: string,\n) =>\n  JSON.stringify({\n    annotationContentSignature,\n    containerStyle,\n    contentStyle,\n    layoutClassName: layoutClassName ?? '',\n    styleClassName: styleClassName ?? '',\n  });\n\ntype MeasurementEntry = { width: number; height: number; signature: string };\n\nconst resolveCoordinates = (\n  annotation: ChartAnnotation,\n  context: ChartAnnotationContext,\n): ResolvedAnnotationPosition | undefined => {\n  const { coordinates, layout } = annotation;\n\n  if (!coordinates) {\n    return undefined;\n  }\n\n  const offsetX = layout?.offsetX ?? 0;\n  const offsetY = layout?.offsetY ?? 0;\n\n  const anchor: AnnotationPoint = { x: 0, y: 0 };\n\n  switch (coordinates.type) {\n    case 'data': {\n      const { x, y, yAxis = 'primary' } = coordinates;\n      const xScale = context.xScale;\n      const yScale = yAxis === 'secondary' ? context.yScaleSecondary : context.yScalePrimary;\n      if (!xScale || !yScale) {\n        return undefined;\n      }\n      const xValue = normalizeBandOffset(xScale, x instanceof Date ? x.getTime() : x);\n      const yValue = normalizeBandOffset(yScale, y instanceof Date ? y.getTime() : y);\n      if (typeof xValue !== 'number' || typeof yValue !== 'number') {\n        return undefined;\n      }\n      anchor.x = xValue;\n      anchor.y = yValue;\n      break;\n    }\n    case 'relative': {\n      if (typeof coordinates.x !== 'number' || typeof coordinates.y !== 'number') {\n        return undefined;\n      }\n      anchor.x = context.plotRect.x + context.plotRect.width * coordinates.x;\n      anchor.y = context.plotRect.y + context.plotRect.height * coordinates.y;\n      break;\n    }\n    case 'pixel': {\n      if (typeof coordinates.x !== 'number' || typeof coordinates.y !== 'number') {\n        return undefined;\n      }\n      anchor.x = context.plotRect.x + coordinates.x;\n      anchor.y = context.plotRect.y + coordinates.y;\n      break;\n    }\n    default:\n      return undefined;\n  }\n\n  let left = anchor.x + offsetX;\n  let top = anchor.y + offsetY;\n\n  if (layout?.clipToBounds) {\n    left = clamp(left, context.plotRect.x, context.plotRect.x + context.plotRect.width);\n    top = clamp(top, context.plotRect.y, context.plotRect.y + context.plotRect.height);\n  }\n\n  return {\n    anchor,\n    point: { x: left, y: top },\n  };\n};\n\nexport const ChartAnnotationLayer: React.FC<ChartAnnotationLayerProps> = React.memo(props => {\n  const { annotations: annotationsProp, context } = props;\n\n  const classes = useChartAnnotationLayerStyles(props);\n  const idPrefix = useId('chart-annotation');\n\n  const [measurements, setMeasurements] = React.useState<Record<string, MeasurementEntry>>({});\n\n  const resolvedAnnotations = React.useMemo(\n    () =>\n      (annotationsProp ?? []).map((annotation, index) => ({ annotation, key: getAnnotationKey(annotation, index) })),\n    [annotationsProp],\n  );\n\n  React.useEffect(() => {\n    setMeasurements(prev => {\n      if (resolvedAnnotations.length === 0) {\n        if (Object.keys(prev).length === 0) {\n          return prev;\n        }\n        return {} as Record<string, MeasurementEntry>;\n      }\n\n      const next: Record<string, MeasurementEntry> = {};\n      resolvedAnnotations.forEach(({ key }) => {\n        if (prev[key]) {\n          next[key] = prev[key];\n        }\n      });\n\n      if (Object.keys(next).length === Object.keys(prev).length) {\n        let identical = true;\n        for (const key of Object.keys(next)) {\n          if (next[key] !== prev[key]) {\n            identical = false;\n            break;\n          }\n        }\n        if (identical) {\n          return prev;\n        }\n      }\n\n      return next;\n    });\n  }, [resolvedAnnotations]);\n\n  const updateMeasurement = React.useCallback((key: string, width: number, height: number, signature: string) => {\n    setMeasurements(prev => {\n      const prevEntry = prev[key];\n      if (\n        prevEntry &&\n        prevEntry.signature === signature &&\n        Math.abs(prevEntry.width - width) < 0.5 &&\n        Math.abs(prevEntry.height - height) < 0.5\n      ) {\n        return prev;\n      }\n\n      if (width === 0 && height === 0) {\n        return prev;\n      }\n\n      return {\n        ...prev,\n        [key]: { width, height, signature },\n      };\n    });\n  }, []);\n\n  const annotationForeignObjects: React.ReactNode[] = [];\n  const measurementElements: React.ReactNode[] = [];\n  const connectors: ConnectorRenderData[] = [];\n\n  resolvedAnnotations.forEach(({ annotation, key }) => {\n    const resolved = resolveCoordinates(annotation, context);\n    if (!resolved) {\n      return;\n    }\n\n    const rawAnnotationText = annotation.text === undefined || annotation.text === null ? '' : String(annotation.text);\n    const annotationMarkupNodes = parseSimpleMarkup(rawAnnotationText);\n    const annotationMarkupSignature = JSON.stringify(annotationMarkupNodes);\n    const annotationPlainText = simpleMarkupNodesToPlainText(annotationMarkupNodes);\n\n    const layout = annotation.layout;\n    const horizontalAlign = layout?.align ?? DEFAULT_HORIZONTAL_ALIGN;\n    const verticalAlign = layout?.verticalAlign ?? DEFAULT_VERTICAL_ALIGN;\n    const backgroundOpacity = annotation.style?.opacity ?? DEFAULT_ANNOTATION_BACKGROUND_OPACITY;\n    const baseBackgroundColor = annotation.style?.backgroundColor;\n    const hasCustomBackground =\n      annotation.style?.backgroundColor !== undefined || annotation.style?.opacity !== undefined;\n\n    const containerStyle: React.CSSProperties = {\n      maxWidth: layout?.maxWidth,\n      ...(hasCustomBackground\n        ? {\n            backgroundColor: applyOpacityToColor(baseBackgroundColor, backgroundOpacity),\n          }\n        : {\n            backgroundColor: applyOpacityToColor(tokens.colorNeutralBackground1, DEFAULT_ANNOTATION_BACKGROUND_OPACITY),\n          }),\n      borderColor: annotation.style?.borderColor,\n      borderWidth: annotation.style?.borderWidth,\n      borderStyle: annotation.style?.borderStyle ?? (annotation.style?.borderColor ? 'solid' : undefined),\n      borderRadius: annotation.style?.borderRadius,\n      padding: annotation.style?.padding,\n      boxShadow: annotation.style?.boxShadow,\n    };\n\n    const contentStyle: React.CSSProperties = {\n      color: annotation.style?.textColor,\n      fontSize: annotation.style?.fontSize,\n      fontWeight: annotation.style?.fontWeight,\n      opacity: 1,\n    };\n\n    if (typeof annotation.style?.rotation === 'number' && !Number.isNaN(annotation.style.rotation)) {\n      containerStyle.transform = `rotate(${annotation.style.rotation}deg)`;\n      containerStyle.transformOrigin = '50% 50%';\n    }\n\n    const measurementSignature = createMeasurementSignature(\n      annotationMarkupSignature,\n      containerStyle,\n      contentStyle,\n      layout?.className,\n      annotation.style?.className,\n    );\n    const measurementEntry = measurements[key];\n    const isMeasurementValid = measurementEntry?.signature === measurementSignature;\n    const measuredSize = isMeasurementValid ? measurementEntry : undefined;\n    const width = Math.max(measuredSize?.width ?? layout?.maxWidth ?? DEFAULT_FOREIGN_OBJECT_WIDTH, 1);\n    const height = Math.max(measuredSize?.height ?? DEFAULT_FOREIGN_OBJECT_HEIGHT, 1);\n\n    const offsetX = horizontalAlign === 'center' ? -width / 2 : horizontalAlign === 'end' ? -width : 0;\n    const offsetY = verticalAlign === 'middle' ? -height / 2 : verticalAlign === 'bottom' ? -height : 0;\n\n    const baseTopLeftX = resolved.point.x + offsetX;\n    const baseTopLeftY = resolved.point.y + offsetY;\n\n    const usePlotBounds = layout?.clipToBounds !== false;\n    const viewportX = usePlotBounds ? context.plotRect.x : 0;\n    const viewportY = usePlotBounds ? context.plotRect.y : 0;\n    const viewportWidth = usePlotBounds ? context.plotRect.width : context.svgRect.width ?? 0;\n    const viewportHeight = usePlotBounds ? context.plotRect.height : context.svgRect.height ?? 0;\n\n    const maxTopLeftX = viewportWidth > 0 ? viewportX + viewportWidth - width : baseTopLeftX;\n    const maxTopLeftY = viewportHeight > 0 ? viewportY + viewportHeight - height : baseTopLeftY;\n\n    let topLeftX = viewportWidth > 0 ? clamp(baseTopLeftX, viewportX, Math.max(viewportX, maxTopLeftX)) : baseTopLeftX;\n    let topLeftY = viewportHeight > 0 ? clamp(baseTopLeftY, viewportY, Math.max(viewportY, maxTopLeftY)) : baseTopLeftY;\n\n    let displayPoint = {\n      x: topLeftX - offsetX,\n      y: topLeftY - offsetY,\n    };\n\n    if (annotation.connector) {\n      const startPadding = annotation.connector.startPadding ?? 12;\n      const endPadding = annotation.connector.endPadding ?? 0;\n      const minArrowClearance = 6;\n      const minDistance = Math.max(startPadding + endPadding + minArrowClearance, startPadding);\n\n      const dx = displayPoint.x - resolved.anchor.x;\n      const dy = displayPoint.y - resolved.anchor.y;\n      const distance = Math.sqrt(dx * dx + dy * dy);\n\n      if (distance < minDistance) {\n        const fallbackDirection: AnnotationPoint = { x: 0, y: -1 };\n        const ux = distance === 0 ? fallbackDirection.x : dx / distance;\n        const uy = distance === 0 ? fallbackDirection.y : dy / distance;\n\n        const desiredDisplayX = resolved.anchor.x + ux * minDistance;\n        const desiredDisplayY = resolved.anchor.y + uy * minDistance;\n\n        let desiredTopLeftX = desiredDisplayX + offsetX;\n        let desiredTopLeftY = desiredDisplayY + offsetY;\n\n        desiredTopLeftX =\n          viewportWidth > 0 ? clamp(desiredTopLeftX, viewportX, Math.max(viewportX, maxTopLeftX)) : desiredTopLeftX;\n        desiredTopLeftY =\n          viewportHeight > 0 ? clamp(desiredTopLeftY, viewportY, Math.max(viewportY, maxTopLeftY)) : desiredTopLeftY;\n\n        topLeftX = desiredTopLeftX;\n        topLeftY = desiredTopLeftY;\n        displayPoint = {\n          x: topLeftX - offsetX,\n          y: topLeftY - offsetY,\n        };\n      }\n    }\n\n    const measurementStyle: React.CSSProperties = {\n      position: 'absolute',\n      left: topLeftX,\n      top: topLeftY,\n      pointerEvents: 'none',\n      visibility: 'hidden',\n      ...containerStyle,\n    };\n\n    if (!isMeasurementValid) {\n      measurementElements.push(\n        <div\n          key={`${key}-measurement`}\n          ref={node => {\n            if (node) {\n              const rect = node.getBoundingClientRect();\n              if (rect.width !== 0 || rect.height !== 0) {\n                updateMeasurement(key, rect.width, rect.height, measurementSignature);\n              }\n            }\n          }}\n          className={mergeClasses(\n            classes.annotation,\n            classes.measurement,\n            layout?.className,\n            annotation.style?.className,\n          )}\n          style={measurementStyle}\n          aria-hidden={true}\n          data-annotation-key={key}\n          data-chart-annotation-measurement=\"true\"\n        >\n          <div\n            className={mergeClasses(classes.annotationContent, layout?.className, annotation.style?.className)}\n            style={contentStyle}\n          >\n            {renderSimpleMarkup(annotationMarkupNodes, `${key}-measurement`)}\n          </div>\n        </div>,\n      );\n    }\n\n    annotationForeignObjects.push(\n      <foreignObject\n        key={`${key}-annotation`}\n        x={topLeftX}\n        y={topLeftY}\n        width={width}\n        height={height}\n        className={mergeClasses(classes.annotationForeignObject)}\n        data-annotation-key={key}\n      >\n        <div\n          className={mergeClasses(classes.annotation, layout?.className, annotation.style?.className)}\n          style={containerStyle}\n          data-annotation-key={key}\n        >\n          <div\n            className={mergeClasses(classes.annotationContent, annotation.style?.className)}\n            style={contentStyle}\n            role={annotation.accessibility?.role ?? 'note'}\n            aria-label={annotation.accessibility?.ariaLabel ?? (annotationPlainText ? annotationPlainText : undefined)}\n            aria-describedby={annotation.accessibility?.ariaDescribedBy}\n            data-chart-annotation=\"true\"\n            data-annotation-key={key}\n          >\n            {renderSimpleMarkup(annotationMarkupNodes, `${key}-content`)}\n          </div>\n        </div>\n      </foreignObject>,\n    );\n\n    if (annotation.connector) {\n      const {\n        startPadding = DEFAULT_CONNECTOR_START_PADDING,\n        endPadding = DEFAULT_CONNECTOR_END_PADDING,\n        strokeColor = getDefaultConnectorStrokeColor(),\n        strokeWidth = DEFAULT_CONNECTOR_STROKE_WIDTH,\n        dashArray,\n        arrow = DEFAULT_CONNECTOR_ARROW,\n      } = annotation.connector;\n\n      const dx = resolved.anchor.x - displayPoint.x;\n      const dy = resolved.anchor.y - displayPoint.y;\n      const distance = Math.sqrt(dx * dx + dy * dy) || 1;\n      const ux = dx / distance;\n      const uy = dy / distance;\n\n      const sizeBasis = Math.max(1, Math.min(width, height));\n      const proportionalSize = sizeBasis * ARROW_SIZE_SCALE;\n      const maxByPadding = startPadding > 0 ? startPadding * 1.25 : MAX_ARROW_SIZE;\n      const maxByDistance = distance * 0.6;\n      const markerSize = clamp(proportionalSize, MIN_ARROW_SIZE, Math.min(MAX_ARROW_SIZE, maxByPadding, maxByDistance));\n      const markerStrokeWidth = clamp(strokeWidth, 1, markerSize / 2);\n\n      const start: AnnotationPoint = {\n        x: displayPoint.x + ux * startPadding,\n        y: displayPoint.y + uy * startPadding,\n      };\n\n      const end: AnnotationPoint = {\n        x: resolved.anchor.x - ux * endPadding,\n        y: resolved.anchor.y - uy * endPadding,\n      };\n\n      connectors.push({\n        key: `${key}-connector`,\n        start,\n        end,\n        strokeColor,\n        strokeWidth,\n        dashArray,\n        arrow,\n        markerSize,\n        markerStrokeWidth,\n      });\n    }\n  });\n\n  if (annotationForeignObjects.length === 0 && connectors.length === 0) {\n    return null;\n  }\n\n  const viewBoxWidth = context.svgRect.width || 1;\n  const viewBoxHeight = context.svgRect.height || 1;\n\n  const markerDefs: React.ReactNode[] = [];\n\n  const createMarkerId = (color: string, position: 'start' | 'end', size: number, markerStrokeWidth: number) => {\n    const id = `${idPrefix}-${position}-${markerDefs.length}`;\n    const refY = size / 2;\n    const refX = position === 'end' ? size : 0;\n    const pathEnd = `M0 0 L ${size} ${refY} L0 ${size} Z`;\n    const pathStart = `M ${size} 0 L0 ${refY} L ${size} ${size} Z`;\n    const path = position === 'end' ? pathEnd : pathStart;\n\n    markerDefs.push(\n      <marker\n        key={id}\n        id={id}\n        markerWidth={size}\n        markerHeight={size}\n        viewBox={`0 0 ${size} ${size}`}\n        refX={refX}\n        refY={refY}\n        orient=\"auto\"\n        markerUnits=\"userSpaceOnUse\"\n      >\n        <path\n          d={path}\n          fill={color}\n          stroke={color}\n          strokeWidth={markerStrokeWidth}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        />\n      </marker>,\n    );\n\n    return id;\n  };\n\n  const connectorElements = connectors.map(connector => {\n    let markerStart: string | undefined;\n    let markerEnd: string | undefined;\n\n    if (connector.arrow === 'start' || connector.arrow === 'both') {\n      markerStart = createMarkerId(connector.strokeColor, 'start', connector.markerSize, connector.markerStrokeWidth);\n    }\n    if (connector.arrow === 'end' || connector.arrow === 'both') {\n      markerEnd = createMarkerId(connector.strokeColor, 'end', connector.markerSize, connector.markerStrokeWidth);\n    }\n\n    return (\n      <line\n        key={connector.key}\n        x1={connector.start.x}\n        y1={connector.start.y}\n        x2={connector.end.x}\n        y2={connector.end.y}\n        stroke={connector.strokeColor}\n        strokeWidth={connector.strokeWidth}\n        strokeDasharray={connector.dashArray}\n        strokeLinecap=\"round\"\n        markerStart={markerStart ? `url(#${markerStart})` : undefined}\n        markerEnd={markerEnd ? `url(#${markerEnd})` : undefined}\n      />\n    );\n  });\n\n  const shouldRenderSvg = connectors.length > 0 || annotationForeignObjects.length > 0;\n  return (\n    <div className={classes.root} role=\"presentation\" data-chart-annotation-layer=\"true\">\n      {shouldRenderSvg && (\n        <svg\n          className={classes.connectorLayer}\n          width=\"100%\"\n          height=\"100%\"\n          viewBox={`0 0 ${viewBoxWidth} ${viewBoxHeight}`}\n          preserveAspectRatio=\"none\"\n          data-chart-annotation-svg=\"true\"\n        >\n          {markerDefs.length > 0 && <defs>{markerDefs}</defs>}\n          {connectorElements.length > 0 && (\n            <g aria-hidden=\"true\" className={classes.connectorGroup}>\n              {connectorElements}\n            </g>\n          )}\n          {annotationForeignObjects}\n        </svg>\n      )}\n      {measurementElements}\n    </div>\n  );\n});\n\nChartAnnotationLayer.displayName = 'ChartAnnotationLayer';\n"],"names":["React","mergeClasses","applyOpacityToColor","DEFAULT_ANNOTATION_BACKGROUND_OPACITY","DEFAULT_CONNECTOR_ARROW","DEFAULT_CONNECTOR_END_PADDING","DEFAULT_CONNECTOR_START_PADDING","DEFAULT_CONNECTOR_STROKE_WIDTH","getDefaultConnectorStrokeColor","useChartAnnotationLayerStyles","useId","tokens","DEFAULT_HORIZONTAL_ALIGN","DEFAULT_VERTICAL_ALIGN","DEFAULT_FOREIGN_OBJECT_WIDTH","DEFAULT_FOREIGN_OBJECT_HEIGHT","MIN_ARROW_SIZE","MAX_ARROW_SIZE","ARROW_SIZE_SCALE","MAX_SIMPLE_MARKUP_DEPTH","CHAR_CODE_LESS_THAN","codePointAt","CHAR_CODE_GREATER_THAN","getAnnotationKey","annotation","index","id","text","String","undefined","decodeSimpleMarkupInput","input","namedEntities","amp","quot","apos","nbsp","withBasicEntitiesDecoded","replace","match","entity","lower","toLowerCase","startsWith","isHex","digits","slice","codePoint","Number","parseInt","isNaN","fromCodePoint","inner","normalized","trim","appendTextNode","nodes","length","last","type","content","push","serializeSimpleMarkup","map","node","tag","children","join","parseSimpleMarkup","decodedInput","rootChildren","stack","currentChildren","tagRegex","lastIndex","exec","fullMatch","rawTagName","tagName","isClosing","isSelfClosing","test","top","pop","elementNode","unclosed","parentChildren","lastChild","nodeIndex","indexOf","splice","simpleMarkupNodesToPlainText","renderSimpleMarkupNodeList","keyPrefix","key","Fragment","br","Tag","createElement","renderSimpleMarkup","rendered","normalizeBandOffset","scale","value","position","bandwidth","clamp","min","max","Math","createMeasurementSignature","annotationContentSignature","containerStyle","contentStyle","layoutClassName","styleClassName","JSON","stringify","resolveCoordinates","context","coordinates","layout","offsetX","offsetY","anchor","x","y","yAxis","xScale","yScale","yScaleSecondary","yScalePrimary","xValue","Date","getTime","yValue","plotRect","width","height","left","clipToBounds","point","ChartAnnotationLayer","memo","props","annotations","annotationsProp","classes","idPrefix","measurements","setMeasurements","useState","resolvedAnnotations","useMemo","useEffect","prev","Object","keys","next","forEach","identical","updateMeasurement","useCallback","signature","prevEntry","abs","annotationForeignObjects","measurementElements","connectors","resolved","rawAnnotationText","annotationMarkupNodes","annotationMarkupSignature","annotationPlainText","horizontalAlign","align","verticalAlign","backgroundOpacity","style","opacity","baseBackgroundColor","backgroundColor","hasCustomBackground","maxWidth","colorNeutralBackground1","borderColor","borderWidth","borderStyle","borderRadius","padding","boxShadow","color","textColor","fontSize","fontWeight","rotation","transform","transformOrigin","measurementSignature","className","measurementEntry","isMeasurementValid","measuredSize","baseTopLeftX","baseTopLeftY","usePlotBounds","viewportX","viewportY","viewportWidth","svgRect","viewportHeight","maxTopLeftX","maxTopLeftY","topLeftX","topLeftY","displayPoint","connector","startPadding","endPadding","minArrowClearance","minDistance","dx","dy","distance","sqrt","fallbackDirection","ux","uy","desiredDisplayX","desiredDisplayY","desiredTopLeftX","desiredTopLeftY","measurementStyle","pointerEvents","visibility","div","ref","rect","getBoundingClientRect","measurement","aria-hidden","data-annotation-key","data-chart-annotation-measurement","annotationContent","foreignObject","annotationForeignObject","role","accessibility","aria-label","ariaLabel","aria-describedby","ariaDescribedBy","data-chart-annotation","strokeColor","strokeWidth","dashArray","arrow","sizeBasis","proportionalSize","maxByPadding","maxByDistance","markerSize","markerStrokeWidth","start","end","viewBoxWidth","viewBoxHeight","markerDefs","createMarkerId","size","refY","refX","pathEnd","pathStart","path","marker","markerWidth","markerHeight","viewBox","orient","markerUnits","d","fill","stroke","strokeLinecap","strokeLinejoin","connectorElements","markerStart","markerEnd","line","x1","y1","x2","y2","strokeDasharray","shouldRenderSvg","root","data-chart-annotation-layer","svg","connectorLayer","preserveAspectRatio","data-chart-annotation-svg","defs","g","connectorGroup","displayName"],"mappings":"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"}

package/lib-commonjs/components/CommonComponents/Annotations/ChartAnnotationLayer.types.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/lib-commonjs/components/CommonComponents/Annotations/ChartAnnotationLayer.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/CommonComponents/Annotations/ChartAnnotationLayer.types.ts"],"sourcesContent":["import { ChartAnnotation, ChartAnnotationArrowHead } from '../../../types/ChartAnnotation';\n\nexport interface AnnotationPoint {\n  x: number;\n  y: number;\n}\n\nexport interface AnnotationPlotRect {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\nexport interface ChartAnnotationContext {\n  /** Rectangle describing the drawable area of the chart (without margins) */\n  plotRect: AnnotationPlotRect;\n  /** Size of the owning SVG element */\n  svgRect: { width: number; height: number };\n  /** Indicates if layout should be mirrored */\n  isRtl?: boolean;\n  /** Primary x scale mapping data domain to pixels */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  xScale?: (value: any) => number;\n  /** Primary y scale mapping data domain to pixels */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  yScalePrimary?: (value: any) => number;\n  /** Secondary y scale when present */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  yScaleSecondary?: (value: any) => number;\n}\n\nexport interface ChartAnnotationLayerProps {\n  annotations?: ChartAnnotation[];\n  context: ChartAnnotationContext;\n  className?: string;\n}\n\nexport interface ResolvedAnnotationPosition {\n  /** Final absolute position after applying layout and offsets */\n  point: AnnotationPoint;\n  /** Raw anchor position before offsets (used for connectors) */\n  anchor: AnnotationPoint;\n}\n\nexport type ConnectorRenderData = {\n  key: string;\n  start: AnnotationPoint;\n  end: AnnotationPoint;\n  strokeColor: string;\n  strokeWidth: number;\n  dashArray?: string;\n  arrow: ChartAnnotationArrowHead;\n  markerSize: number;\n  markerStrokeWidth: number;\n};\n"],"names":[],"mappings":""}

package/lib-commonjs/components/CommonComponents/Annotations/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./ChartAnnotationLayer"), exports);
+_export_star._(require("./ChartAnnotationLayer.types"), exports);

package/lib-commonjs/components/CommonComponents/Annotations/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/CommonComponents/Annotations/index.ts"],"sourcesContent":["export * from './ChartAnnotationLayer';\nexport * from './ChartAnnotationLayer.types';\n"],"names":[],"mappings":";;;;;uBAAc,yBAAyB;uBACzB,+BAA+B"}

package/lib-commonjs/components/CommonComponents/Annotations/useChartAnnotationLayer.styles.js

@@ -0,0 +1,265 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    DEFAULT_ANNOTATION_BACKGROUND_OPACITY: function() {
+        return DEFAULT_ANNOTATION_BACKGROUND_OPACITY;
+    },
+    DEFAULT_ANNOTATION_PADDING: function() {
+        return DEFAULT_ANNOTATION_PADDING;
+    },
+    DEFAULT_CONNECTOR_ARROW: function() {
+        return DEFAULT_CONNECTOR_ARROW;
+    },
+    DEFAULT_CONNECTOR_END_PADDING: function() {
+        return DEFAULT_CONNECTOR_END_PADDING;
+    },
+    DEFAULT_CONNECTOR_START_PADDING: function() {
+        return DEFAULT_CONNECTOR_START_PADDING;
+    },
+    DEFAULT_CONNECTOR_STROKE_WIDTH: function() {
+        return DEFAULT_CONNECTOR_STROKE_WIDTH;
+    },
+    applyOpacityToColor: function() {
+        return applyOpacityToColor;
+    },
+    chartAnnotationLayerClassNames: function() {
+        return chartAnnotationLayerClassNames;
+    },
+    getDefaultAnnotationBackgroundColor: function() {
+        return getDefaultAnnotationBackgroundColor;
+    },
+    getDefaultConnectorStrokeColor: function() {
+        return getDefaultConnectorStrokeColor;
+    },
+    useChartAnnotationLayerStyles: function() {
+        return useChartAnnotationLayerStyles;
+    }
+});
+const _react = require("@griffel/react");
+const _reacttheme = require("@fluentui/react-theme");
+const _d3color = require("d3-color");
+const DEFAULT_ANNOTATION_BACKGROUND_OPACITY = 0.8;
+const DEFAULT_ANNOTATION_PADDING = '4px 8px';
+const DEFAULT_CONNECTOR_START_PADDING = 12;
+const DEFAULT_CONNECTOR_END_PADDING = 0;
+const DEFAULT_CONNECTOR_STROKE_WIDTH = 2;
+const DEFAULT_CONNECTOR_ARROW = 'end';
+const applyOpacityToColor = (color, opacity)=>{
+    if (!color) {
+        return undefined;
+    }
+    const parsed = (0, _d3color.color)(color);
+    if (!parsed) {
+        return color;
+    }
+    parsed.opacity = Math.max(0, Math.min(1, opacity));
+    return parsed.toString();
+};
+const getDefaultAnnotationBackgroundColor = ()=>applyOpacityToColor(_reacttheme.tokens.colorNeutralBackground1, DEFAULT_ANNOTATION_BACKGROUND_OPACITY);
+const getDefaultConnectorStrokeColor = ()=>_reacttheme.tokens.colorNeutralForeground1;
+const chartAnnotationLayerClassNames = {
+    root: 'fui-chartAnnotationLayer__root',
+    annotation: 'fui-chartAnnotationLayer__annotation',
+    connectorLayer: 'fui-chartAnnotationLayer__connectorLayer',
+    measurement: 'fui-chartAnnotationLayer__measurement',
+    annotationContent: 'fui-chartAnnotationLayer__annotationContent',
+    annotationForeignObject: 'fui-chartAnnotationLayer__annotationForeignObject',
+    annotationContentInteractive: 'fui-chartAnnotationLayer__annotationContentInteractive',
+    annotationForeignObjectInteractive: 'fui-chartAnnotationLayer__annotationForeignObjectInteractive',
+    connectorGroup: 'fui-chartAnnotationLayer__connectorGroup'
+};
+/**
+ * Base Styles
+ */ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    root: {
+        qhf8xq: "f1euv43f",
+        Bhzewxz: "f15twtuk",
+        oyh7mz: [
+            "f1vgc2s3",
+            "f1e31b4d"
+        ],
+        j35jbq: [
+            "f1e31b4d",
+            "f1vgc2s3"
+        ],
+        B5kzvoi: "f1yab3r1",
+        a9b677: "fly5x3f",
+        Bqenvij: "f1l02sjl",
+        Bkecrkj: "f1aehjj5",
+        B68tc82: 0,
+        Bmxbyg5: 0,
+        Bpg54ce: "f1gl81tg",
+        Bj3rh1h: "f19g0ac"
+    },
+    annotation: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fy9rknc",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "fwrc4pm",
+        qhf8xq: "f1euv43f",
+        Bkecrkj: "f1aehjj5",
+        mc9l5x: "f22iagw",
+        Bt984gj: "f122n59",
+        Brf1p80: "f4d9j23",
+        fsow6f: "f17mccla",
+        sj55zd: "f19n0e5",
+        z8tnut: "f10ra9hq",
+        Byoj8tv: "f1y2xyjm",
+        uwmqm3: [
+            "f177v4lu",
+            "f19lj068"
+        ],
+        z189sj: [
+            "f19lj068",
+            "f177v4lu"
+        ],
+        Beyfa6y: 0,
+        Bbmb7ep: 0,
+        Btl43ni: 0,
+        B7oj6ja: 0,
+        Dimara: "ft85np5",
+        E5pizo: "f1hg901r",
+        Bgfg5da: 0,
+        B9xav0g: 0,
+        oivjwe: 0,
+        Bn0qgzm: 0,
+        B4g9neb: 0,
+        zhjwy3: 0,
+        wvpqe5: 0,
+        ibv6hh: 0,
+        u1mtju: 0,
+        h3c5rm: 0,
+        vrafjx: 0,
+        Bekrc4i: 0,
+        i8vvqc: 0,
+        g2u3we: 0,
+        icvyot: 0,
+        B4j52fo: 0,
+        irswps: "fm9niy",
+        Huce71: "fibxuh5",
+        Bj3rh1h: "fj25m7a"
+    },
+    connectorLayer: {
+        qhf8xq: "f1euv43f",
+        Bhzewxz: "f15twtuk",
+        oyh7mz: [
+            "f1vgc2s3",
+            "f1e31b4d"
+        ],
+        a9b677: "fly5x3f",
+        Bqenvij: "f1l02sjl",
+        Bkecrkj: "f1aehjj5",
+        B68tc82: 0,
+        Bmxbyg5: 0,
+        Bpg54ce: "f1gl81tg"
+    },
+    measurement: {
+        qhf8xq: "f1euv43f",
+        Bcdw1i0: "fd7fpy0",
+        Bkecrkj: "f1aehjj5"
+    },
+    annotationContent: {
+        a9b677: "fly5x3f",
+        Bqenvij: "f1l02sjl",
+        Bkecrkj: "f1aehjj5"
+    },
+    annotationForeignObject: {
+        B68tc82: 0,
+        Bmxbyg5: 0,
+        Bpg54ce: "f1gl81tg",
+        Bkecrkj: "f1aehjj5"
+    },
+    annotationContentInteractive: {
+        Bkecrkj: "f1cguypg"
+    },
+    annotationForeignObjectInteractive: {
+        Bkecrkj: "f1cguypg"
+    },
+    connectorGroup: {
+        Bkecrkj: "f1aehjj5"
+    }
+}, {
+    d: [
+        ".f1euv43f{position:absolute;}",
+        ".f15twtuk{top:0;}",
+        ".f1vgc2s3{left:0;}",
+        ".f1e31b4d{right:0;}",
+        ".f1yab3r1{bottom:0;}",
+        ".fly5x3f{width:100%;}",
+        ".f1l02sjl{height:100%;}",
+        ".f1aehjj5{pointer-events:none;}",
+        [
+            ".f1gl81tg{overflow:visible;}",
+            {
+                p: -1
+            }
+        ],
+        ".f19g0ac{z-index:1;}",
+        ".fk6fouc{font-family:var(--fontFamilyBase);}",
+        ".fy9rknc{font-size:var(--fontSizeBase200);}",
+        ".figsok6{font-weight:var(--fontWeightRegular);}",
+        ".fwrc4pm{line-height:var(--lineHeightBase200);}",
+        ".f22iagw{display:flex;}",
+        ".f122n59{align-items:center;}",
+        ".f4d9j23{justify-content:center;}",
+        ".f17mccla{text-align:center;}",
+        ".f19n0e5{color:var(--colorNeutralForeground1);}",
+        ".f10ra9hq{padding-top:4px;}",
+        ".f1y2xyjm{padding-bottom:4px;}",
+        ".f177v4lu{padding-left:8px;}",
+        ".f19lj068{padding-right:8px;}",
+        [
+            ".ft85np5{border-radius:var(--borderRadiusMedium);}",
+            {
+                p: -1
+            }
+        ],
+        ".f1hg901r{box-shadow:var(--shadow16);}",
+        [
+            ".fm9niy{border:1px solid var(--colorNeutralStroke1);}",
+            {
+                p: -2
+            }
+        ],
+        ".fibxuh5{white-space:pre-wrap;}",
+        ".fj25m7a{z-index:2;}",
+        [
+            ".f1gl81tg{overflow:visible;}",
+            {
+                p: -1
+            }
+        ],
+        ".fd7fpy0{visibility:hidden;}",
+        [
+            ".f1gl81tg{overflow:visible;}",
+            {
+                p: -1
+            }
+        ],
+        ".f1cguypg{pointer-events:auto;}"
+    ]
+});
+const useChartAnnotationLayerStyles = (props)=>{
+    var _props_styles, _props_styles1, _props_styles2, _props_styles3, _props_styles4, _props_styles5, _props_styles6, _props_styles7, _props_styles8;
+    const baseStyles = useStyles();
+    return {
+        root: (0, _react.mergeClasses)(chartAnnotationLayerClassNames.root, baseStyles.root, props.className, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root),
+        annotation: (0, _react.mergeClasses)(chartAnnotationLayerClassNames.annotation, baseStyles.annotation, (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.annotation),
+        connectorLayer: (0, _react.mergeClasses)(chartAnnotationLayerClassNames.connectorLayer, baseStyles.connectorLayer, (_props_styles2 = props.styles) === null || _props_styles2 === void 0 ? void 0 : _props_styles2.connectorLayer),
+        measurement: (0, _react.mergeClasses)(chartAnnotationLayerClassNames.measurement, baseStyles.measurement, (_props_styles3 = props.styles) === null || _props_styles3 === void 0 ? void 0 : _props_styles3.measurement),
+        annotationContent: (0, _react.mergeClasses)(chartAnnotationLayerClassNames.annotationContent, baseStyles.annotationContent, (_props_styles4 = props.styles) === null || _props_styles4 === void 0 ? void 0 : _props_styles4.annotationContent),
+        annotationForeignObject: (0, _react.mergeClasses)(chartAnnotationLayerClassNames.annotationForeignObject, baseStyles.annotationForeignObject, (_props_styles5 = props.styles) === null || _props_styles5 === void 0 ? void 0 : _props_styles5.annotationForeignObject),
+        annotationContentInteractive: (0, _react.mergeClasses)(chartAnnotationLayerClassNames.annotationContentInteractive, baseStyles.annotationContentInteractive, (_props_styles6 = props.styles) === null || _props_styles6 === void 0 ? void 0 : _props_styles6.annotationContentInteractive),
+        annotationForeignObjectInteractive: (0, _react.mergeClasses)(chartAnnotationLayerClassNames.annotationForeignObjectInteractive, baseStyles.annotationForeignObjectInteractive, (_props_styles7 = props.styles) === null || _props_styles7 === void 0 ? void 0 : _props_styles7.annotationForeignObjectInteractive),
+        connectorGroup: (0, _react.mergeClasses)(chartAnnotationLayerClassNames.connectorGroup, baseStyles.connectorGroup, (_props_styles8 = props.styles) === null || _props_styles8 === void 0 ? void 0 : _props_styles8.connectorGroup)
+    };
+};

package/lib-commonjs/components/CommonComponents/Annotations/useChartAnnotationLayer.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useChartAnnotationLayer.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { color as d3Color } from 'd3-color';\nexport const DEFAULT_ANNOTATION_BACKGROUND_OPACITY = 0.8;\nexport const DEFAULT_ANNOTATION_PADDING = '4px 8px';\nexport const DEFAULT_CONNECTOR_START_PADDING = 12;\nexport const DEFAULT_CONNECTOR_END_PADDING = 0;\nexport const DEFAULT_CONNECTOR_STROKE_WIDTH = 2;\nexport const DEFAULT_CONNECTOR_ARROW = 'end';\nexport const applyOpacityToColor = (color, opacity)=>{\n    if (!color) {\n        return undefined;\n    }\n    const parsed = d3Color(color);\n    if (!parsed) {\n        return color;\n    }\n    parsed.opacity = Math.max(0, Math.min(1, opacity));\n    return parsed.toString();\n};\n/**\n * Get default annotation background color with opacity applied\n * Updated for v9 - uses tokens instead of theme\n */ export const getDefaultAnnotationBackgroundColor = ()=>applyOpacityToColor(tokens.colorNeutralBackground1, DEFAULT_ANNOTATION_BACKGROUND_OPACITY);\n/**\n * Get default connector stroke color\n * Updated for v9 - uses tokens instead of theme\n */ export const getDefaultConnectorStrokeColor = ()=>tokens.colorNeutralForeground1;\n/**\n * @internal\n */ export const chartAnnotationLayerClassNames = {\n    root: 'fui-chartAnnotationLayer__root',\n    annotation: 'fui-chartAnnotationLayer__annotation',\n    connectorLayer: 'fui-chartAnnotationLayer__connectorLayer',\n    measurement: 'fui-chartAnnotationLayer__measurement',\n    annotationContent: 'fui-chartAnnotationLayer__annotationContent',\n    annotationForeignObject: 'fui-chartAnnotationLayer__annotationForeignObject',\n    annotationContentInteractive: 'fui-chartAnnotationLayer__annotationContentInteractive',\n    annotationForeignObjectInteractive: 'fui-chartAnnotationLayer__annotationForeignObjectInteractive',\n    connectorGroup: 'fui-chartAnnotationLayer__connectorGroup'\n};\n/**\n * Base Styles\n */ const useStyles = makeStyles({\n    root: {\n        position: 'absolute',\n        top: '0',\n        left: '0',\n        right: '0',\n        bottom: '0',\n        width: '100%',\n        height: '100%',\n        pointerEvents: 'none',\n        overflow: 'visible',\n        zIndex: 1\n    },\n    annotation: {\n        ...typographyStyles.caption1,\n        position: 'absolute',\n        pointerEvents: 'none',\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        textAlign: 'center',\n        color: tokens.colorNeutralForeground1,\n        paddingTop: '4px',\n        paddingBottom: '4px',\n        paddingLeft: '8px',\n        paddingRight: '8px',\n        borderRadius: tokens.borderRadiusMedium,\n        boxShadow: tokens.shadow16,\n        border: `1px solid ${tokens.colorNeutralStroke1}`,\n        whiteSpace: 'pre-wrap',\n        zIndex: 2\n    },\n    connectorLayer: {\n        position: 'absolute',\n        top: '0',\n        left: '0',\n        width: '100%',\n        height: '100%',\n        pointerEvents: 'none',\n        overflow: 'visible'\n    },\n    measurement: {\n        position: 'absolute',\n        visibility: 'hidden',\n        pointerEvents: 'none'\n    },\n    annotationContent: {\n        width: '100%',\n        height: '100%',\n        pointerEvents: 'none'\n    },\n    annotationForeignObject: {\n        overflow: 'visible',\n        pointerEvents: 'none'\n    },\n    annotationContentInteractive: {\n        pointerEvents: 'auto'\n    },\n    annotationForeignObjectInteractive: {\n        pointerEvents: 'auto'\n    },\n    connectorGroup: {\n        pointerEvents: 'none'\n    }\n});\n/**\n * Apply styling to the ChartAnnotationLayer slots based on the state\n */ export const useChartAnnotationLayerStyles = (props)=>{\n    var _props_styles, _props_styles1, _props_styles2, _props_styles3, _props_styles4, _props_styles5, _props_styles6, _props_styles7, _props_styles8;\n    const baseStyles = useStyles();\n    return {\n        root: mergeClasses(chartAnnotationLayerClassNames.root, baseStyles.root, props.className, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root),\n        annotation: mergeClasses(chartAnnotationLayerClassNames.annotation, baseStyles.annotation, (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.annotation),\n        connectorLayer: mergeClasses(chartAnnotationLayerClassNames.connectorLayer, baseStyles.connectorLayer, (_props_styles2 = props.styles) === null || _props_styles2 === void 0 ? void 0 : _props_styles2.connectorLayer),\n        measurement: mergeClasses(chartAnnotationLayerClassNames.measurement, baseStyles.measurement, (_props_styles3 = props.styles) === null || _props_styles3 === void 0 ? void 0 : _props_styles3.measurement),\n        annotationContent: mergeClasses(chartAnnotationLayerClassNames.annotationContent, baseStyles.annotationContent, (_props_styles4 = props.styles) === null || _props_styles4 === void 0 ? void 0 : _props_styles4.annotationContent),\n        annotationForeignObject: mergeClasses(chartAnnotationLayerClassNames.annotationForeignObject, baseStyles.annotationForeignObject, (_props_styles5 = props.styles) === null || _props_styles5 === void 0 ? void 0 : _props_styles5.annotationForeignObject),\n        annotationContentInteractive: mergeClasses(chartAnnotationLayerClassNames.annotationContentInteractive, baseStyles.annotationContentInteractive, (_props_styles6 = props.styles) === null || _props_styles6 === void 0 ? void 0 : _props_styles6.annotationContentInteractive),\n        annotationForeignObjectInteractive: mergeClasses(chartAnnotationLayerClassNames.annotationForeignObjectInteractive, baseStyles.annotationForeignObjectInteractive, (_props_styles7 = props.styles) === null || _props_styles7 === void 0 ? void 0 : _props_styles7.annotationForeignObjectInteractive),\n        connectorGroup: mergeClasses(chartAnnotationLayerClassNames.connectorGroup, baseStyles.connectorGroup, (_props_styles8 = props.styles) === null || _props_styles8 === void 0 ? void 0 : _props_styles8.connectorGroup)\n    };\n};\n"],"names":["__styles","mergeClasses","tokens","typographyStyles","color","d3Color","DEFAULT_ANNOTATION_BACKGROUND_OPACITY","DEFAULT_ANNOTATION_PADDING","DEFAULT_CONNECTOR_START_PADDING","DEFAULT_CONNECTOR_END_PADDING","DEFAULT_CONNECTOR_STROKE_WIDTH","DEFAULT_CONNECTOR_ARROW","applyOpacityToColor","opacity","undefined","parsed","Math","max","min","toString","getDefaultAnnotationBackgroundColor","colorNeutralBackground1","getDefaultConnectorStrokeColor","colorNeutralForeground1","chartAnnotationLayerClassNames","root","annotation","connectorLayer","measurement","annotationContent","annotationForeignObject","annotationContentInteractive","annotationForeignObjectInteractive","connectorGroup","useStyles","qhf8xq","Bhzewxz","oyh7mz","j35jbq","B5kzvoi","a9b677","Bqenvij","Bkecrkj","B68tc82","Bmxbyg5","Bpg54ce","Bj3rh1h","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","mc9l5x","Bt984gj","Brf1p80","fsow6f","sj55zd","z8tnut","Byoj8tv","uwmqm3","z189sj","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","E5pizo","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Huce71","Bcdw1i0","d","p","useChartAnnotationLayerStyles","props","_props_styles","_props_styles1","_props_styles2","_props_styles3","_props_styles4","_props_styles5","_props_styles6","_props_styles7","_props_styles8","baseStyles","className","styles"],"mappings":"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"}

package/lib-commonjs/components/CommonComponents/Annotations/useChartAnnotationLayer.styles.raw.js

@@ -0,0 +1,161 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    DEFAULT_ANNOTATION_BACKGROUND_OPACITY: function() {
+        return DEFAULT_ANNOTATION_BACKGROUND_OPACITY;
+    },
+    DEFAULT_ANNOTATION_PADDING: function() {
+        return DEFAULT_ANNOTATION_PADDING;
+    },
+    DEFAULT_CONNECTOR_ARROW: function() {
+        return DEFAULT_CONNECTOR_ARROW;
+    },
+    DEFAULT_CONNECTOR_END_PADDING: function() {
+        return DEFAULT_CONNECTOR_END_PADDING;
+    },
+    DEFAULT_CONNECTOR_START_PADDING: function() {
+        return DEFAULT_CONNECTOR_START_PADDING;
+    },
+    DEFAULT_CONNECTOR_STROKE_WIDTH: function() {
+        return DEFAULT_CONNECTOR_STROKE_WIDTH;
+    },
+    applyOpacityToColor: function() {
+        return applyOpacityToColor;
+    },
+    chartAnnotationLayerClassNames: function() {
+        return chartAnnotationLayerClassNames;
+    },
+    getDefaultAnnotationBackgroundColor: function() {
+        return getDefaultAnnotationBackgroundColor;
+    },
+    getDefaultConnectorStrokeColor: function() {
+        return getDefaultConnectorStrokeColor;
+    },
+    useChartAnnotationLayerStyles: function() {
+        return useChartAnnotationLayerStyles;
+    }
+});
+const _react = require("@griffel/react");
+const _reacttheme = require("@fluentui/react-theme");
+const _d3color = require("d3-color");
+const DEFAULT_ANNOTATION_BACKGROUND_OPACITY = 0.8;
+const DEFAULT_ANNOTATION_PADDING = '4px 8px';
+const DEFAULT_CONNECTOR_START_PADDING = 12;
+const DEFAULT_CONNECTOR_END_PADDING = 0;
+const DEFAULT_CONNECTOR_STROKE_WIDTH = 2;
+const DEFAULT_CONNECTOR_ARROW = 'end';
+const applyOpacityToColor = (color, opacity)=>{
+    if (!color) {
+        return undefined;
+    }
+    const parsed = (0, _d3color.color)(color);
+    if (!parsed) {
+        return color;
+    }
+    parsed.opacity = Math.max(0, Math.min(1, opacity));
+    return parsed.toString();
+};
+const getDefaultAnnotationBackgroundColor = ()=>applyOpacityToColor(_reacttheme.tokens.colorNeutralBackground1, DEFAULT_ANNOTATION_BACKGROUND_OPACITY);
+const getDefaultConnectorStrokeColor = ()=>_reacttheme.tokens.colorNeutralForeground1;
+const chartAnnotationLayerClassNames = {
+    root: 'fui-chartAnnotationLayer__root',
+    annotation: 'fui-chartAnnotationLayer__annotation',
+    connectorLayer: 'fui-chartAnnotationLayer__connectorLayer',
+    measurement: 'fui-chartAnnotationLayer__measurement',
+    annotationContent: 'fui-chartAnnotationLayer__annotationContent',
+    annotationForeignObject: 'fui-chartAnnotationLayer__annotationForeignObject',
+    annotationContentInteractive: 'fui-chartAnnotationLayer__annotationContentInteractive',
+    annotationForeignObjectInteractive: 'fui-chartAnnotationLayer__annotationForeignObjectInteractive',
+    connectorGroup: 'fui-chartAnnotationLayer__connectorGroup'
+};
+/**
+ * Base Styles
+ */ const useStyles = (0, _react.makeStyles)({
+    root: {
+        position: 'absolute',
+        top: '0',
+        left: '0',
+        right: '0',
+        bottom: '0',
+        width: '100%',
+        height: '100%',
+        pointerEvents: 'none',
+        overflow: 'visible',
+        zIndex: 1
+    },
+    annotation: {
+        ..._reacttheme.typographyStyles.caption1,
+        position: 'absolute',
+        pointerEvents: 'none',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        textAlign: 'center',
+        color: _reacttheme.tokens.colorNeutralForeground1,
+        paddingTop: '4px',
+        paddingBottom: '4px',
+        paddingLeft: '8px',
+        paddingRight: '8px',
+        borderRadius: _reacttheme.tokens.borderRadiusMedium,
+        boxShadow: _reacttheme.tokens.shadow16,
+        border: `1px solid ${_reacttheme.tokens.colorNeutralStroke1}`,
+        whiteSpace: 'pre-wrap',
+        zIndex: 2
+    },
+    connectorLayer: {
+        position: 'absolute',
+        top: '0',
+        left: '0',
+        width: '100%',
+        height: '100%',
+        pointerEvents: 'none',
+        overflow: 'visible'
+    },
+    measurement: {
+        position: 'absolute',
+        visibility: 'hidden',
+        pointerEvents: 'none'
+    },
+    annotationContent: {
+        width: '100%',
+        height: '100%',
+        pointerEvents: 'none'
+    },
+    annotationForeignObject: {
+        overflow: 'visible',
+        pointerEvents: 'none'
+    },
+    annotationContentInteractive: {
+        pointerEvents: 'auto'
+    },
+    annotationForeignObjectInteractive: {
+        pointerEvents: 'auto'
+    },
+    connectorGroup: {
+        pointerEvents: 'none'
+    }
+});
+const useChartAnnotationLayerStyles = (props)=>{
+    var _props_styles, _props_styles1, _props_styles2, _props_styles3, _props_styles4, _props_styles5, _props_styles6, _props_styles7, _props_styles8;
+    const baseStyles = useStyles();
+    return {
+        root: (0, _react.mergeClasses)(chartAnnotationLayerClassNames.root, baseStyles.root, props.className, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root),
+        annotation: (0, _react.mergeClasses)(chartAnnotationLayerClassNames.annotation, baseStyles.annotation, (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.annotation),
+        connectorLayer: (0, _react.mergeClasses)(chartAnnotationLayerClassNames.connectorLayer, baseStyles.connectorLayer, (_props_styles2 = props.styles) === null || _props_styles2 === void 0 ? void 0 : _props_styles2.connectorLayer),
+        measurement: (0, _react.mergeClasses)(chartAnnotationLayerClassNames.measurement, baseStyles.measurement, (_props_styles3 = props.styles) === null || _props_styles3 === void 0 ? void 0 : _props_styles3.measurement),
+        annotationContent: (0, _react.mergeClasses)(chartAnnotationLayerClassNames.annotationContent, baseStyles.annotationContent, (_props_styles4 = props.styles) === null || _props_styles4 === void 0 ? void 0 : _props_styles4.annotationContent),
+        annotationForeignObject: (0, _react.mergeClasses)(chartAnnotationLayerClassNames.annotationForeignObject, baseStyles.annotationForeignObject, (_props_styles5 = props.styles) === null || _props_styles5 === void 0 ? void 0 : _props_styles5.annotationForeignObject),
+        annotationContentInteractive: (0, _react.mergeClasses)(chartAnnotationLayerClassNames.annotationContentInteractive, baseStyles.annotationContentInteractive, (_props_styles6 = props.styles) === null || _props_styles6 === void 0 ? void 0 : _props_styles6.annotationContentInteractive),
+        annotationForeignObjectInteractive: (0, _react.mergeClasses)(chartAnnotationLayerClassNames.annotationForeignObjectInteractive, baseStyles.annotationForeignObjectInteractive, (_props_styles7 = props.styles) === null || _props_styles7 === void 0 ? void 0 : _props_styles7.annotationForeignObjectInteractive),
+        connectorGroup: (0, _react.mergeClasses)(chartAnnotationLayerClassNames.connectorGroup, baseStyles.connectorGroup, (_props_styles8 = props.styles) === null || _props_styles8 === void 0 ? void 0 : _props_styles8.connectorGroup)
+    };
+};

package/lib-commonjs/components/CommonComponents/Annotations/useChartAnnotationLayer.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/CommonComponents/Annotations/useChartAnnotationLayer.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { color as d3Color } from 'd3-color';\nimport { ChartAnnotationArrowHead } from '../../../types/ChartAnnotation';\n\nexport interface ChartAnnotationLayerStyles {\n  root?: string;\n  annotation?: string;\n  connectorLayer?: string;\n  measurement?: string;\n  annotationContent?: string;\n  annotationForeignObject?: string;\n  annotationContentInteractive?: string;\n  annotationForeignObjectInteractive?: string;\n  connectorGroup?: string;\n}\n\nexport interface ChartAnnotationLayerStyleProps {\n  className?: string;\n  styles?: Partial<ChartAnnotationLayerStyles>;\n}\n\nexport const DEFAULT_ANNOTATION_BACKGROUND_OPACITY = 0.8;\nexport const DEFAULT_ANNOTATION_PADDING = '4px 8px';\nexport const DEFAULT_CONNECTOR_START_PADDING = 12;\nexport const DEFAULT_CONNECTOR_END_PADDING = 0;\nexport const DEFAULT_CONNECTOR_STROKE_WIDTH = 2;\nexport const DEFAULT_CONNECTOR_ARROW: ChartAnnotationArrowHead = 'end';\n\nexport const applyOpacityToColor = (color: string | undefined, opacity: number): string | undefined => {\n  if (!color) {\n    return undefined;\n  }\n\n  const parsed = d3Color(color);\n  if (!parsed) {\n    return color;\n  }\n\n  parsed.opacity = Math.max(0, Math.min(1, opacity));\n  return parsed.toString();\n};\n\n/**\n * Get default annotation background color with opacity applied\n * Updated for v9 - uses tokens instead of theme\n */\nexport const getDefaultAnnotationBackgroundColor = (): string | undefined =>\n  applyOpacityToColor(tokens.colorNeutralBackground1, DEFAULT_ANNOTATION_BACKGROUND_OPACITY);\n\n/**\n * Get default connector stroke color\n * Updated for v9 - uses tokens instead of theme\n */\nexport const getDefaultConnectorStrokeColor = (): string => tokens.colorNeutralForeground1;\n\n/**\n * @internal\n */\nexport const chartAnnotationLayerClassNames: SlotClassNames<ChartAnnotationLayerStyles> = {\n  root: 'fui-chartAnnotationLayer__root',\n  annotation: 'fui-chartAnnotationLayer__annotation',\n  connectorLayer: 'fui-chartAnnotationLayer__connectorLayer',\n  measurement: 'fui-chartAnnotationLayer__measurement',\n  annotationContent: 'fui-chartAnnotationLayer__annotationContent',\n  annotationForeignObject: 'fui-chartAnnotationLayer__annotationForeignObject',\n  annotationContentInteractive: 'fui-chartAnnotationLayer__annotationContentInteractive',\n  annotationForeignObjectInteractive: 'fui-chartAnnotationLayer__annotationForeignObjectInteractive',\n  connectorGroup: 'fui-chartAnnotationLayer__connectorGroup',\n};\n\n/**\n * Base Styles\n */\nconst useStyles = makeStyles({\n  root: {\n    position: 'absolute',\n    top: '0',\n    left: '0',\n    right: '0',\n    bottom: '0',\n    width: '100%',\n    height: '100%',\n    pointerEvents: 'none',\n    overflow: 'visible',\n    zIndex: 1,\n  },\n  annotation: {\n    ...typographyStyles.caption1,\n    position: 'absolute',\n    pointerEvents: 'none',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    textAlign: 'center',\n    color: tokens.colorNeutralForeground1,\n    paddingTop: '4px',\n    paddingBottom: '4px',\n    paddingLeft: '8px',\n    paddingRight: '8px',\n    borderRadius: tokens.borderRadiusMedium,\n    boxShadow: tokens.shadow16,\n    border: `1px solid ${tokens.colorNeutralStroke1}`,\n    whiteSpace: 'pre-wrap',\n    zIndex: 2,\n  },\n  connectorLayer: {\n    position: 'absolute',\n    top: '0',\n    left: '0',\n    width: '100%',\n    height: '100%',\n    pointerEvents: 'none',\n    overflow: 'visible',\n  },\n  measurement: {\n    position: 'absolute',\n    visibility: 'hidden',\n    pointerEvents: 'none',\n  },\n  annotationContent: {\n    width: '100%',\n    height: '100%',\n    pointerEvents: 'none',\n  },\n  annotationForeignObject: {\n    overflow: 'visible',\n    pointerEvents: 'none',\n  },\n  annotationContentInteractive: {\n    pointerEvents: 'auto',\n  },\n  annotationForeignObjectInteractive: {\n    pointerEvents: 'auto',\n  },\n  connectorGroup: {\n    pointerEvents: 'none',\n  },\n});\n\n/**\n * Apply styling to the ChartAnnotationLayer slots based on the state\n */\nexport const useChartAnnotationLayerStyles = (props: ChartAnnotationLayerStyleProps): ChartAnnotationLayerStyles => {\n  const baseStyles = useStyles();\n\n  return {\n    root: mergeClasses(chartAnnotationLayerClassNames.root, baseStyles.root, props.className, props.styles?.root),\n    annotation: mergeClasses(\n      chartAnnotationLayerClassNames.annotation,\n      baseStyles.annotation,\n      props.styles?.annotation,\n    ),\n    connectorLayer: mergeClasses(\n      chartAnnotationLayerClassNames.connectorLayer,\n      baseStyles.connectorLayer,\n      props.styles?.connectorLayer,\n    ),\n    measurement: mergeClasses(\n      chartAnnotationLayerClassNames.measurement,\n      baseStyles.measurement,\n      props.styles?.measurement,\n    ),\n    annotationContent: mergeClasses(\n      chartAnnotationLayerClassNames.annotationContent,\n      baseStyles.annotationContent,\n      props.styles?.annotationContent,\n    ),\n    annotationForeignObject: mergeClasses(\n      chartAnnotationLayerClassNames.annotationForeignObject,\n      baseStyles.annotationForeignObject,\n      props.styles?.annotationForeignObject,\n    ),\n    annotationContentInteractive: mergeClasses(\n      chartAnnotationLayerClassNames.annotationContentInteractive,\n      baseStyles.annotationContentInteractive,\n      props.styles?.annotationContentInteractive,\n    ),\n    annotationForeignObjectInteractive: mergeClasses(\n      chartAnnotationLayerClassNames.annotationForeignObjectInteractive,\n      baseStyles.annotationForeignObjectInteractive,\n      props.styles?.annotationForeignObjectInteractive,\n    ),\n    connectorGroup: mergeClasses(\n      chartAnnotationLayerClassNames.connectorGroup,\n      baseStyles.connectorGroup,\n      props.styles?.connectorGroup,\n    ),\n  };\n};\n"],"names":["makeStyles","mergeClasses","tokens","typographyStyles","color","d3Color","DEFAULT_ANNOTATION_BACKGROUND_OPACITY","DEFAULT_ANNOTATION_PADDING","DEFAULT_CONNECTOR_START_PADDING","DEFAULT_CONNECTOR_END_PADDING","DEFAULT_CONNECTOR_STROKE_WIDTH","DEFAULT_CONNECTOR_ARROW","applyOpacityToColor","opacity","undefined","parsed","Math","max","min","toString","getDefaultAnnotationBackgroundColor","colorNeutralBackground1","getDefaultConnectorStrokeColor","colorNeutralForeground1","chartAnnotationLayerClassNames","root","annotation","connectorLayer","measurement","annotationContent","annotationForeignObject","annotationContentInteractive","annotationForeignObjectInteractive","connectorGroup","useStyles","position","top","left","right","bottom","width","height","pointerEvents","overflow","zIndex","caption1","display","alignItems","justifyContent","textAlign","paddingTop","paddingBottom","paddingLeft","paddingRight","borderRadius","borderRadiusMedium","boxShadow","shadow16","border","colorNeutralStroke1","whiteSpace","visibility","useChartAnnotationLayerStyles","props","baseStyles","className","styles"],"mappings":"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"}