{"version":3,"file":"TableCellPercentDifference-989e08ec.js","sources":["../../../app/javascript/components/table/renderer/TableCellPercentDifference.vue"],"sourcesContent":["<template>\n  <div\n    class=\"flex h-full items-center tabular-nums\"\n    :class=\"`${params.justifyStart ? 'justify-start' : 'justify-end'} `\"\n  >\n    <span :class=\"`${params.value ? (params.value > 0 ? 'text-green-400' : 'text-red-400') : 'text-gray-500'}`\">\n      {{ cellValue }}\n    </span>\n  </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue';\nimport { getCurrencySymbol, formatNumber } from '@/composeables/filters';\nimport { rounded } from '@/composeables/filters';\n\nconst props = defineProps({\n  params: {\n    type: Object,\n    default: undefined\n  }\n});\n\nconst cellValue = computed(() => {\n  if (props.params.value == 0) return 0;\n  if (!props.params.value) return '-';\n  const leading_sign = props.params.value > 0 ? '+' : '-';\n  return `${leading_sign}${rounded(Math.abs(props.params.value * 100, 2))}%`;\n});\n</script>\n"],"names":["cellValue","computed","props","rounded"],"mappings":"sMAuBMA,EAAYC,EAAS,IACrBC,EAAM,OAAO,OAAS,EAAU,EAC/BA,EAAM,OAAO,MAEX,GADcA,EAAM,OAAO,MAAQ,EAAI,IAAM,GAC9B,GAAGC,EAAQ,KAAK,IAAID,EAAM,OAAO,MAAQ,IAAK,CAAC,CAAC,CAAC,IAFvC,GAGjC"}