{"version":3,"file":"index.vue.mjs","sources":["../../../../../../components/alert/src/index.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue'\nimport { useNamespace } from '@fusion-ui-vue/utils'\nimport { useAlert } from '@fusion-ui-vue/hooks'\nimport { componentSeverityIcon } from '@fusion-ui-vue/constants'\nimport { alertProps } from './alert'\nconst props = defineProps(alertProps)\n// const emit = defineEmits(alertEmits)\nconst ns = useNamespace('alert')\nconst cssClass = useAlert(props, ns)\nconst visible = ref(true)\nconst icon = computed(() => {\n  if (props.icon === false) {\n    return false\n  }\n  return props.icon ? props.icon : componentSeverityIcon[props.severity]\n})\n\nconst handleClick = (): void => {\n  // alert('click')\n}\n</script>\n\n<template>\n  <transition name=\"alert-fade\">\n    <div v-show=\"visible\" :class=\"[ns.b(), ns.m(props.variant), ns.m(props.severity), cssClass]\">\n      <div v-if=\"icon\" :class=\"[ns.m('icon')]\">\n        <fn-icon :icon=\"icon\" />\n      </div>\n      <div :class=\"[ns.m('message')]\">\n        <slot />\n      </div>\n      <div :class=\"[ns.m('action')]\" @click=\"handleClick\">\n        <slot name=\"action\" />\n      </div>\n    </div>\n  </transition>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAQM,IAAA,MAAA,EAAA,GAAK,aAAa,OAAO,CAAA,CAAA;AACzB,IAAA,MAAA,QAAA,GAAW,QAAS,CAAA,KAAA,EAAO,EAAE,CAAA,CAAA;AAC7B,IAAA,MAAA,OAAA,GAAU,IAAI,IAAI,CAAA,CAAA;AAClB,IAAA,MAAA,IAAA,GAAO,SAAS,MAAM;AACtB,MAAA,IAAA,KAAA,CAAM,SAAS,KAAO,EAAA;AACjB,QAAA,OAAA,KAAA,CAAA;AAAA,OACT;AACA,MAAA,OAAO,MAAM,IAAO,GAAA,KAAA,CAAM,IAAO,GAAA,qBAAA,CAAsB,MAAM,QAAQ,CAAA,CAAA;AAAA,KACtE,CAAA,CAAA;AAED,IAAA,MAAM,cAAc,MAAY;AAAA,KAEhC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}