{"version":3,"file":"CounterWithTrend-l4k-qG2D.js","sources":["../../../node_modules/@mui/icons-material/esm/TrendingDown.js","../../../node_modules/@mui/icons-material/esm/TrendingUp.js","../../../frontend/src/Components/DesignSystem/CounterWithTrend/CounterWithTrend.tsx"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"m16 18 2.29-2.29-4.88-4.88-4 4L2 7.41 3.41 6l6 6 4-4 6.3 6.29L22 12v6z\"\n}), 'TrendingDown');","\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"m16 6 2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6z\"\n}), 'TrendingUp');","import React from 'react';\nimport { FormattedMessage, FormattedNumber } from 'react-intl';\nimport { Box, Card, Tooltip, Typography, Skeleton } from '@mui/material';\nimport {\n  TrendingUp as TrendingUpIcon,\n  TrendingDown as TrendingDownIcon,\n} from '@mui/icons-material';\nimport { get } from 'lodash';\n\nfunction CounterWithTrend({\n  loading,\n  label,\n  value,\n  icon,\n  percentage,\n  variant = 'elevation',\n  hideTrendIcon = false,\n  numberProps = {},\n}: any) {\n  const TrendIcon = percentage >= 0 ? TrendingUpIcon : TrendingDownIcon;\n  let trendColor = percentage >= 0 ? 'success.main' : 'error.main';\n\n  if (hideTrendIcon) {\n    trendColor = 'text.primary';\n  }\n\n  return (\n    <Card\n      variant={variant}\n      sx={(theme: any) => ({\n        padding: theme.spacing(2, 2, 1, 2),\n        height: '100%',\n      })}\n    >\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          gap: 1,\n        }}\n      >\n        <Typography variant=\"body2\" component=\"h2\" sx={{ fontWeight: 'medium' }}>\n          {label}\n        </Typography>\n        {icon}\n      </Box>\n\n      {(loading || value === undefined || Number.isNaN(value)) && (\n        <Box sx={{ mt: 1, mb: 1 }}>\n          <Skeleton variant=\"rectangular\" height={24} width=\"15%\" />\n          {percentage !== undefined && (\n            <>\n              <Box sx={{ mt: 2 }} />\n              <Skeleton variant=\"rectangular\" height={16} width=\"25%\" />\n            </>\n          )}\n        </Box>\n      )}\n\n      {!loading && value !== undefined && !Number.isNaN(value) && (\n        <Typography variant=\"h4\" component=\"h3\" sx={{ fontWeight: 'bold' }}>\n          <FormattedNumber value={value} notation=\"standard\" {...numberProps} />\n        </Typography>\n      )}\n\n      {!loading && !!percentage && (\n        <Tooltip\n          title={<FormattedMessage id=\"STATS.COUNTER_WITH_TREND.TOOLTIP\" />}\n          disableHoverListener={hideTrendIcon}\n          arrow\n        >\n          <Box\n            sx={(theme: any) => ({\n              color: get(theme.palette, trendColor),\n              display: 'inline-flex',\n              fontWeight: 'bold',\n            })}\n          >\n            <Typography variant=\"subtitle2\" component=\"p\">\n              {!hideTrendIcon && percentage > 0 && '+'}\n              <FormattedNumber\n                value={percentage / 100}\n                style=\"percent\"\n                minimumFractionDigits={percentage < 100 ? 1 : 0}\n              />\n            </Typography>\n            {!hideTrendIcon && (\n              <Box sx={{ ml: 1 }}>\n                <TrendIcon />\n              </Box>\n            )}\n          </Box>\n        </Tooltip>\n      )}\n    </Card>\n  );\n}\n\nexport default CounterWithTrend;\n"],"names":["TrendingDownIcon","createSvgIcon","_jsx","TrendingUpIcon","CounterWithTrend","_ref","loading","label","value","icon","percentage","_ref$variant","variant","_ref$hideTrendIcon","hideTrendIcon","_ref$numberProps","numberProps","TrendIcon","trendColor","React","createElement","Card","sx","theme","padding","spacing","height","Box","display","alignItems","gap","Typography","component","fontWeight","undefined","Number","isNaN","mt","mb","Skeleton","width","Fragment","FormattedNumber","_extends","notation","Tooltip","title","FormattedMessage","id","disableHoverListener","arrow","color","get","palette","style","minimumFractionDigits","ml"],"mappings":"wJAIA,MAAAA,EAAeC,EAA2BC,EAAI,IAAC,OAAQ,CACrD,EAAG,wEACL,CAAC,EAAG,cAAc,ECFlBC,EAAeF,EAA2BC,EAAI,IAAC,OAAQ,CACrD,EAAG,yEACL,CAAC,EAAG,YAAY,0NCGhB,SAASE,EAAgBC,EASjB,CAAA,IARNC,EAAOD,EAAPC,QACAC,EAAKF,EAALE,MACAC,EAAKH,EAALG,MACAC,EAAIJ,EAAJI,KACAC,EAAUL,EAAVK,WAAUC,EAAAN,EACVO,QAAAA,EAAOD,IAAG,OAAA,YAAWA,EAAAE,EAAAR,EACrBS,cAAAA,EAAaD,IAAG,OAAA,GAAKA,EAAAE,EAAAV,EACrBW,YAAAA,EAAWD,IAAA,OAAG,CAAA,EAAEA,EAEVE,EAAYP,GAAc,EAAIP,EAAiBH,EACjDkB,EAAaR,GAAc,EAAI,eAAiB,aAEpD,OAAII,IACWI,EAAA,gBAIbC,EAAAC,cAACC,EAAI,CACHT,QAAAA,EACAU,GAAI,SAACC,EAAU,CAAM,MAAA,CACnBC,QAASD,EAAME,QAAQ,EAAG,EAAG,EAAG,CAAC,EACjCC,OAAQ,MACV,CAAA,CAAC,EAEDN,EAAAA,cAACO,EAAG,CACFL,GAAI,CACFM,QAAS,OACTC,WAAY,SACZC,IAAK,CAAA,CACP,EAEAV,EAAAA,cAACW,EAAU,CAACnB,QAAQ,QAAQoB,UAAU,KAAKV,GAAI,CAAEW,WAAY,QAAA,CAC1D1B,EAAAA,CACS,EACXE,CACE,GAEHH,GAAWE,IAAU0B,QAAaC,OAAOC,MAAM5B,CAAK,IACpDW,EAAAC,cAACO,EAAG,CAACL,GAAI,CAAEe,GAAI,EAAGC,GAAI,CAAA,CAAE,EACtBlB,EAAAA,cAACmB,EAAQ,CAAC3B,QAAQ,cAAcc,OAAQ,GAAIc,MAAM,KAAO,CAAA,EACxD9B,IAAewB,QACdf,EAAAC,cAAAD,EAAAsB,SAAA,KACErB,EAAAA,cAACO,EAAG,CAACL,GAAI,CAAEe,GAAI,CAAA,CAAE,CAAI,EACrBjB,EAAAA,cAACmB,EAAQ,CAAC3B,QAAQ,cAAcc,OAAQ,GAAIc,MAAM,KAAO,CAAA,CACzD,CAED,EAGN,CAAClC,GAAWE,IAAU0B,QAAa,CAACC,OAAOC,MAAM5B,CAAK,GACrDW,EAAAC,cAACW,EAAU,CAACnB,QAAQ,KAAKoB,UAAU,KAAKV,GAAI,CAAEW,WAAY,MAAA,CACxDd,EAAAA,EAAAC,cAACsB,EAAeC,EAAA,CAACnC,MAAAA,EAAcoC,SAAS,UAAA,EAAe5B,CAAW,CAAG,CAC3D,EAGb,CAACV,GAAW,CAAC,CAACI,GACbU,EAAAA,cAACyB,EAAO,CACNC,MAAO1B,EAAAA,cAAC2B,EAAgB,CAACC,GAAG,kCAAA,CAAoC,EAChEC,qBAAsBnC,EACtBoC,MAAK,EAAA,EAEL9B,EAAAA,cAACO,EAAG,CACFL,GAAI,SAACC,EAAU,CAAM,MAAA,CACnB4B,MAAOC,EAAAA,IAAI7B,EAAM8B,QAASnC,CAAU,EACpCU,QAAS,cACTK,WAAY,MACd,CAAA,CAAC,EAEDb,EAAAA,cAACW,EAAU,CAACnB,QAAQ,YAAYoB,UAAU,GAAA,EACvC,CAAClB,GAAiBJ,EAAa,GAAK,IACrCS,EAAAC,cAACsB,EAAe,CACdlC,MAAOE,EAAa,IACpB4C,MAAM,UACNC,sBAAuB7C,EAAa,IAAM,EAAI,CAC/C,CAAA,CACS,EACX,CAACI,GACAK,EAAAC,cAACO,EAAG,CAACL,GAAI,CAAEkC,GAAI,CAAA,CAAE,IACfpC,cAACH,MAAW,CACT,CAEJ,CACE,CAEP,CAEV","x_google_ignoreList":[0,1]}