@grafana/ui/dist/esm/components/uPlot/geometries/XYCanvas.mjs.map

Grafana Components Library

{"version":3,"file":"XYCanvas.mjs","sources":["../../../../../src/components/uPlot/geometries/XYCanvas.tsx"],"sourcesContent":["import { css } from '@emotion/css';\nimport { useMemo } from 'react';\nimport * as React from 'react';\n\ninterface XYCanvasProps {\n  top: number; // css pxls\n  left: number; // css pxls\n}\n\n/**\n * Renders absolutely positioned element on top of the uPlot's plotting area (axes are not included!).\n * Useful when you want to render some overlay with canvas-independent elements on top of the plot.\n */\nexport const XYCanvas = ({ children, left, top }: React.PropsWithChildren<XYCanvasProps>) => {\n  const className = useMemo(() => {\n    return css({\n      position: 'absolute',\n      overflow: 'visible',\n      left: `${left}px`,\n      top: `${top}px`,\n    });\n  }, [left, top]);\n\n  return <div className={className}>{children}</div>;\n};\n"],"names":[],"mappings":";;;;AAaO,MAAM,WAAW,CAAC,EAAE,QAAU,EAAA,IAAA,EAAM,KAAkD,KAAA;AAC3F,EAAM,MAAA,SAAA,GAAY,QAAQ,MAAM;AAC9B,IAAA,OAAO,GAAI,CAAA;AAAA,MACT,QAAU,EAAA,UAAA;AAAA,MACV,QAAU,EAAA,SAAA;AAAA,MACV,IAAA,EAAM,GAAG,IAAI,CAAA,EAAA,CAAA;AAAA,MACb,GAAA,EAAK,GAAG,GAAG,CAAA,EAAA;AAAA,KACZ,CAAA;AAAA,GACA,EAAA,CAAC,IAAM,EAAA,GAAG,CAAC,CAAA;AAEd,EAAO,uBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAuB,QAAS,EAAA,CAAA;AAC9C;;;;"}