{"version":3,"file":"Alert-CtT-z2VE.js","sources":["../../../packs/frontend/components/Base/Alert.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  name: \"BaseAlert\",\n};\n</script>\n\n<script setup lang=\"ts\">\nexport type Props = {\n  state?:\n    | \"primary\"\n    | \"success\"\n    | \"danger\"\n    | \"warning\"\n    | \"info\"\n    | \"light\"\n    | \"hint\";\n  close?: boolean;\n  title?: string;\n  description?: string;\n  squareTop?: boolean;\n  squareBottom?: boolean;\n  smallTitle?: boolean;\n};\nconst { getContent } = useSlotsWithSlotContent();\n\nwithDefaults(defineProps<Props>(), {\n  state: \"info\",\n  close: false,\n  title: \"\",\n  description: \"\",\n  squareTop: false,\n  squareBottom: false,\n});\n\nconst hasActionsSlotContent = computed(() => getContent(\"actions\"));\n</script>\n\n<template>\n  <div\n    :class=\"`alert alert-${state} ${close ? 'alert-dismissible' : ''}\n      ${squareTop ? 'alert--square-top' : ''}\n      ${squareBottom ? 'alert--square-bottom' : ''}`\"\n    :data-testid=\"`alert-${state}`\"\n    role=\"alert\"\n  >\n    <div class=\"d-flex flex-column w-100\">\n      <h3\n        v-if=\"title\"\n        class=\"alert__title\"\n        :class=\"{ 'alert__title--small': smallTitle }\"\n      >\n        {{ title }}\n      </h3>\n      <div class=\"d-flex flex-column w-100 h-100 justify-content-between\">\n        <div class=\"alert__body\">\n          <!-- description string will only be shown if nothing is passed into the default slot -->\n          <slot>{{ description }}</slot>\n        </div>\n\n        <div v-if=\"hasActionsSlotContent\" class=\"mt-3 alert__actions\">\n          <slot name=\"actions\" />\n        </div>\n      </div>\n    </div>\n\n    <div\n      class=\"alert__second-column\"\n      :style=\"`${close ? 'margin-right: 1.5rem' : ''}`\"\n    >\n      <slot name=\"second-column\"></slot>\n    </div>\n    <button\n      v-if=\"close\"\n      class=\"btn-close\"\n      type=\"button\"\n      data-bs-dismiss=\"alert\"\n      aria-label=\"Close\"\n    ></button>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.alert {\n  display: flex;\n  justify-content: space-between;\n  color: $color-black;\n  border-radius: $border-radius;\n  padding: $spacer-75 $spacer-3;\n  font-size: $font-size-sm;\n\n  :deep(a) {\n    font-weight: $font-weight-semibold;\n  }\n\n  @media print {\n    background-color: transparent;\n  }\n\n  &-info {\n    color: $brand-tools;\n  }\n\n  &:has(&__title) {\n    padding: $spacer-3;\n  }\n\n  &__title {\n    font-size: $font-size-base;\n    font-weight: $font-weight-semibold;\n    margin-bottom: $spacer-2;\n  }\n\n  &__title--small {\n    font-size: $font-size-sm;\n  }\n\n  &__body {\n    :deep(ol, ul) {\n      padding-left: $spacer-3;\n      margin-bottom: 0;\n    }\n\n    :deep(a:not(.btn) span) {\n      // This is necessary to make sure overrides coming from Strapi do not deviate from the standard design\n      font-weight: $font-weight-semibold !important;\n    }\n\n    .btn {\n      width: fit-content;\n      margin-bottom: $spacer-1;\n    }\n\n    :deep(p:last-of-type) {\n      margin-bottom: 0;\n    }\n  }\n\n  &__second-column {\n    display: flex;\n    align-items: flex-end;\n    justify-content: flex-end;\n    align-self: flex-end;\n    height: 100%;\n\n    img {\n      width: 100px;\n      height: auto;\n      object-fit: cover;\n      max-height: 120px;\n      margin-left: 1rem;\n    }\n  }\n\n  &__actions {\n    display: flex;\n\n    :deep(.btn) {\n      width: fit-content;\n    }\n  }\n\n  .alert-success .alert-description {\n    font-weight: 600;\n  }\n\n  &-warning {\n    color: $warning-text-color;\n  }\n\n  &--square-top {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n\n  &--square-bottom {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    margin-bottom: 0;\n  }\n}\n</style>\n"],"names":["__default__","getContent","useSlotsWithSlotContent","hasActionsSlotContent","computed"],"mappings":"8eACeA,EAAA,CACb,KAAM,WACR,qOAoBM,KAAA,CAAE,WAAAC,CAAW,EAAIC,EAAwB,EAWzCC,EAAwBC,EAAS,IAAMH,EAAW,SAAS,CAAC;;"}