{"version":3,"file":"alert-BzlW6pAn.js","sources":["../../../app/javascript/pages/alert.vue"],"sourcesContent":["<template>\n  <div v-if=\"visible\" class=\"alert__wrapper position-relative d-flex\">\n    <slot></slot>\n    <CrossIcon\n      v-if=\"props.hideable\"\n      :color=\"crossIconHovered ? '#6434D0' : '#475467'\"\n      class=\"pointer cross-icon position-absolute\"\n      @click=\"visible = false\"\n      @mouseover=\"crossIconHovered = true\"\n      @mouseleave=\"crossIconHovered = false\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport { ref, watch, onMounted } from \"vue\";\nimport CrossIcon from \"@/components/icons/cross-icon.vue\";\n\nconst props = defineProps({\n  hideable: {\n    type: Boolean,\n    default: true,\n  },\n  // used for storing the value in localStorage\n  name: {\n    type: String,\n    default: null,\n  },\n  borderColor: {\n    type: String,\n    default: \"#6434D0\",\n  },\n  backgroundColor: {\n    type: String,\n    default: \"#FFFFFF\",\n  },\n});\n\nconst visible = ref(false);\nconst crossIconHovered = ref(false);\n\n// Load alert state from localStorage when the component mounts\nonMounted(() => {\n  const savedAlertState = localStorage.getItem(props.name);\n  if (savedAlertState !== null) {\n    visible.value = JSON.parse(savedAlertState);\n  } else {\n    visible.value = true;\n  }\n});\n\nwatch(visible, (newValue) => {\n  if (!props.name) return;\n\n  localStorage.setItem(props.name, JSON.stringify(newValue));\n});\n</script>\n\n<style scoped>\n.alert__wrapper {\n  padding: var(--spacing-3) var(--spacing-10) var(--spacing-3) var(--spacing-3);\n  color: var(--color-secondary-text);\n  font-size: var(--font-size-xs);\n  line-height: var(--line-height-xs);\n  border: 1px solid v-bind(borderColor);\n  border-left-width: 4px;\n  border-radius: 4px;\n  margin-bottom: var(--spacing-3);\n  gap: var(--spacing-2);\n  background-color: v-bind(backgroundColor);\n}\n\n.cross-icon {\n  width: 24px;\n  height: 24px;\n  top: var(--spacing-2);\n  right: var(--spacing-1);\n}\n</style>\n"],"names":["props","__props","visible","ref","crossIconHovered","onMounted","savedAlertState","watch","newValue"],"mappings":"uyBAkBA,MAAMA,EAAQC,EAoBRC,EAAUC,EAAI,EAAK,EACnBC,EAAmBD,EAAI,EAAK,EAGlC,OAAAE,EAAU,IAAM,CACd,MAAMC,EAAkB,aAAa,QAAQN,EAAM,IAAI,EACnDM,IAAoB,KACtBJ,EAAQ,MAAQ,KAAK,MAAMI,CAAe,EAE1CJ,EAAQ,MAAQ,EAEpB,CAAC,EAEDK,EAAML,EAAUM,GAAa,CACtBR,EAAM,MAEX,aAAa,QAAQA,EAAM,KAAM,KAAK,UAAUQ,CAAQ,CAAC,CAC3D,CAAC"}