{"version":3,"file":"DropdownMetricTooltip-41ad580d.js","sources":["../../../app/javascript/components/dropdown/DropdownMetricTooltip.vue"],"sourcesContent":["<template>\n  <div class=\"inline-block items-center\">\n    <BaseTooltip v-if=\"name\" :position=\"placement\">\n      <template #target>\n        <slot />\n      </template>\n      <template #default>\n        <div class=\"max-w-[30rem] break-words px-2 text-left\">\n          <div class=\"mb-0.5 font-bold normal-case text-white\">{{ name }}</div>\n          <div\n            v-html=\"definition\"\n            :class=\"['whitespace-normal break-words font-semibold normal-case text-gray-300']\"\n          ></div>\n        </div>\n      </template>\n    </BaseTooltip>\n    <div v-if=\"!name\"><slot /></div>\n  </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue';\nimport { useStore } from 'vuex';\n\nconst $store = useStore();\n\nconst props = defineProps({\n  id: String,\n  placement: String\n});\n\nconst metricTooltips = computed(() => {\n  return $store.getters.metricTooltips;\n});\nconst definition = computed(() => {\n  const index = metricTooltips.value?.findIndex(x => x.metric_key == props.id);\n  return index >= 0 ? metricTooltips.value[index].definition : '';\n});\nconst name = computed(() => {\n  const index = metricTooltips.value?.findIndex(x => x.metric_key == props.id);\n  return index >= 0 ? metricTooltips.value[index].name : '';\n});\n</script>\n"],"names":["$store","useStore","metricTooltips","computed","definition","index","_a","x","props","name"],"mappings":"mYAwBMA,EAASC,EAAQ,EAOjBC,EAAiBC,EAAS,IACvBH,EAAO,QAAQ,cACvB,EACKI,EAAaD,EAAS,IAAM,OAChC,MAAME,GAAQC,EAAAJ,EAAe,QAAf,YAAAI,EAAsB,UAAUC,GAAKA,EAAE,YAAcC,EAAM,IACzE,OAAOH,GAAS,EAAIH,EAAe,MAAMG,CAAK,EAAE,WAAa,EAC/D,CAAC,EACKI,EAAON,EAAS,IAAM,OAC1B,MAAME,GAAQC,EAAAJ,EAAe,QAAf,YAAAI,EAAsB,UAAUC,GAAKA,EAAE,YAAcC,EAAM,IACzE,OAAOH,GAAS,EAAIH,EAAe,MAAMG,CAAK,EAAE,KAAO,EACzD,CAAC"}