{"version":3,"file":"BalAlert-bfd2e3bd.js","sources":["../../src/components/_global/icons/LightBulbIcon.vue","../../src/components/_global/BalAlert/BalAlert.vue"],"sourcesContent":["<template>\n  <svg\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M18.4 5.6L17.7 6.3M3 12H4H3ZM12 3V4V3ZM20 12H21H20ZM5.6 5.6L6.3 6.3L5.6 5.6Z\"\n      stroke=\"currentColor\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n    <path\n      d=\"M18.4 5.6L17.7 6.3M3 12H4H3ZM12 3V4V3ZM20 12H21H20ZM5.6 5.6L6.3 6.3L5.6 5.6Z\"\n      stroke=\"currentColor\"\n      stroke-opacity=\"0.2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n    <path\n      d=\"M9 16C8.16047 15.3704 7.54033 14.4925 7.22743 13.4908C6.91453 12.4892 6.92473 11.4144 7.25658 10.4189C7.58844 9.4233 8.22512 8.55739 9.07645 7.94379C9.92778 7.33019 10.9506 7 12 7C13.0494 7 14.0722 7.33019 14.9236 7.94379C15.7749 8.55739 16.4116 9.4233 16.7434 10.4189C17.0753 11.4144 17.0855 12.4892 16.7726 13.4908C16.4597 14.4925 15.8395 15.3704 15 16C14.6096 16.3865 14.3156 16.8594 14.1419 17.3806C13.9681 17.9018 13.9195 18.4566 14 19C14 19.5304 13.7893 20.0391 13.4142 20.4142C13.0391 20.7893 12.5304 21 12 21C11.4696 21 10.9609 20.7893 10.5858 20.4142C10.2107 20.0391 10 19.5304 10 19C10.0805 18.4566 10.0319 17.9018 9.85813 17.3806C9.6844 16.8594 9.39043 16.3865 9 16\"\n      stroke=\"currentColor\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n    <path\n      d=\"M9 16C8.16047 15.3704 7.54033 14.4925 7.22743 13.4908C6.91453 12.4892 6.92473 11.4144 7.25658 10.4189C7.58844 9.4233 8.22512 8.55739 9.07645 7.94379C9.92778 7.33019 10.9506 7 12 7C13.0494 7 14.0722 7.33019 14.9236 7.94379C15.7749 8.55739 16.4116 9.4233 16.7434 10.4189C17.0753 11.4144 17.0855 12.4892 16.7726 13.4908C16.4597 14.4925 15.8395 15.3704 15 16C14.6096 16.3865 14.3156 16.8594 14.1419 17.3806C13.9681 17.9018 13.9195 18.4566 14 19C14 19.5304 13.7893 20.0391 13.4142 20.4142C13.0391 20.7893 12.5304 21 12 21C11.4696 21 10.9609 20.7893 10.5858 20.4142C10.2107 20.0391 10 19.5304 10 19C10.0805 18.4566 10.0319 17.9018 9.85813 17.3806C9.6844 16.8594 9.39043 16.3865 9 16\"\n      stroke=\"currentColor\"\n      stroke-opacity=\"0.2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n    <path\n      d=\"M9.7002 17H14.3002\"\n      stroke=\"currentColor\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n    <path\n      d=\"M9.7002 17H14.3002\"\n      stroke=\"currentColor\"\n      stroke-opacity=\"0.2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n  </svg>\n</template>\n","<template>\n  <div :class=\"['bal-alert', classes]\">\n    <div :class=\"['bal-alert-container', containerClasses]\">\n      <div>\n        <div :class=\"['bal-alert-icon', iconClasses]\">\n          <LightBulbIcon v-if=\"type === 'tip'\"></LightBulbIcon>\n          <BalIcon v-else name=\"alert-circle\" :size=\"iconSize\" />\n        </div>\n      </div>\n      <div :class=\"['bal-alert-content', contentClasses]\">\n        <div>\n          <h5 :class=\"['bal-alert-title mb-1', titleClasses, textSizeClass]\">\n            <slot name=\"title\">\n              {{ title }}\n            </slot>\n          </h5>\n          <p\n            v-if=\"$slots.default || description\"\n            :class=\"[\n              'bal-alert-description font-normal',\n              descriptionColor,\n              textSizeClass,\n            ]\"\n          >\n            <slot>\n              {{ description }}\n            </slot>\n          </p>\n        </div>\n        <div v-if=\"actionLabel\" :class=\"[actionClasses]\">\n          <BalBtn\n            :color=\"btnColor\"\n            size=\"xs\"\n            class=\"p-[10px]\"\n            @click=\"$emit('action-click')\"\n          >\n            {{ actionLabel }}\n          </BalBtn>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { PropType } from 'vue';\n\nimport BalBtn from '../BalBtn/BalBtn.vue';\nimport BalIcon from '../BalIcon/BalIcon.vue';\n\ntype AlertType = 'warning' | 'error' | 'info' | 'tip';\n\nexport default defineComponent({\n  name: 'BalAlert',\n\n  components: {\n    BalIcon,\n    BalBtn,\n  },\n\n  props: {\n    type: { type: String as PropType<AlertType>, default: 'info' },\n    size: {\n      type: String,\n      default: 'md',\n      validator: (val: string): boolean => ['sm', 'md', 'lg'].includes(val),\n    },\n    title: { type: String, default: 'A title message' },\n    description: { type: String, default: '' },\n    actionLabel: { type: String, default: '' },\n    raised: { type: Boolean, default: false },\n    block: { type: Boolean, default: false },\n    contentClass: { type: String, default: '' },\n    square: { type: Boolean, default: false },\n    noBorder: { type: Boolean, default: false },\n  },\n\n  emits: ['action-click'],\n\n  setup(props, { slots }) {\n    const bgColorClass = computed(() => {\n      switch (props.type) {\n        case 'tip':\n          return 'bg-blue-50 dark:bg-blue-500 dark:bg-opacity-10 border-blue-200 dark:border-blue-500 text-black dark:text-white';\n        case 'warning':\n          return 'bg-orange-50 dark:bg-orange-600/10 border-orange-200 dark:border-orange-700 text-black dark:text-white';\n        case 'error':\n          return 'bg-red-50 dark:bg-red-500/10 border-red-200 dark:border-red-900 text-black dark:text-white';\n        default:\n          return 'bg-gray-100 dark:bg-gray-500 dark:border-0 border-gray-200 text-black dark:text-white';\n      }\n    });\n\n    const paddingClasses = computed(() => {\n      switch (props.size) {\n        case 'sm':\n          return 'p-1';\n        default:\n          return 'p-2';\n      }\n    });\n\n    const textSizeClass = computed(() => {\n      switch (props.size) {\n        case 'sm':\n          return 'text-xs';\n        case 'lg':\n          return 'text-base';\n        default:\n          return 'text-sm';\n      }\n    });\n\n    const classes = computed(() => {\n      return {\n        [bgColorClass.value]: true,\n        [paddingClasses.value]: true,\n        'shadow-sm': props.raised,\n        'w-full': props.block,\n        'rounded-lg': !props.square,\n        border: !props.noBorder,\n      };\n    });\n\n    const containerClasses = computed(() => ({\n      'items-center': !props.description && !slots.default,\n    }));\n\n    const contentClasses = computed(() => [\n      props.contentClass,\n      {\n        'items-center': !props.description && !slots.default,\n        'flex-col': !!props.description || slots.default,\n      },\n    ]);\n\n    const iconSizeClasses = computed(() => {\n      switch (props.size) {\n        case 'sm':\n          return 'w-5 h-5';\n        case 'lg':\n          return 'w-7 h-7';\n        default:\n          return 'w-6 h-6';\n      }\n    });\n\n    const iconColorClasses = computed(() => {\n      switch (props.type) {\n        case 'tip':\n          return 'text-blue-700 dark:text-blue-400';\n        case 'warning':\n          return 'text-orange-500 dark:text-white bg-orange-500/10 dark:bg-white/10';\n        case 'error':\n          return 'text-red-500 dark:text-white bg-red-500/10 dark:bg-white/10';\n        default:\n          return 'text-secondary dark:text-white bg-black/10 dark:bg-white/10';\n      }\n    });\n\n    const iconClasses = computed(() => {\n      return {\n        [iconSizeClasses.value]: true,\n        [iconColorClasses.value]: true,\n      };\n    });\n\n    const titleClasses = computed(() => ({\n      'font-semibold': !!props.description || slots.default,\n    }));\n\n    const descriptionColor = computed(() => {\n      if (props.type === 'tip') return 'text-black dark:text-white';\n      return 'text-black dark:text-white text-opacity-70';\n    });\n\n    const iconSize = computed(() => {\n      switch (props.size) {\n        case 'sm':\n          return 'sm';\n        default:\n          return 'md';\n      }\n    });\n\n    const btnColor = computed(() => {\n      switch (props.type) {\n        case 'warning':\n          return 'yellow';\n        case 'error':\n          return 'red';\n        default:\n          return 'gray';\n      }\n    });\n\n    const actionClasses = computed(() => ({\n      'pl-4': !props.description && !slots.default,\n      'mt-1': !!props.description || slots.default,\n    }));\n\n    return {\n      classes,\n      containerClasses,\n      contentClasses,\n      iconClasses,\n      iconSize,\n      titleClasses,\n      textSizeClass,\n      descriptionColor,\n      btnColor,\n      actionClasses,\n    };\n  },\n});\n</script>\n\n<style scoped>\n.bal-alert {\n  @apply inline-block font-medium;\n}\n\n.bal-alert-container {\n  @apply flex flex-grow;\n}\n\n.bal-alert-content {\n  @apply flex whitespace-pre-wrap flex-grow;\n\n  min-width: 0;\n}\n\n.bal-alert-icon {\n  @apply rounded-full flex items-center justify-center mr-2;\n}\n\n.bal-alert-description {\n  @apply overflow-hidden break-words;\n}\n</style>\n"],"names":["_hoisted_1","_sfc_render","_ctx","_cache","_sfc_main","defineComponent","BalIcon","BalBtn","val","props","slots","bgColorClass","computed","paddingClasses","textSizeClass","classes","containerClasses","contentClasses","iconSizeClasses","iconColorClasses","iconClasses","titleClasses","descriptionColor","iconSize","btnColor","actionClasses","__unplugin_components_2","_createElementVNode","_openBlock","_createElementBlock","_createVNode","_component_BalBtn","$event"],"mappings":"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"}