{"version":3,"file":"BannerMessage-hork6hHf.js","sources":["../../../style_guide/templates/patterns/components/banner_message/BannerMessage.vue"],"sourcesContent":["<template>\n  <div\n    class=\"flex min-h-[56px] flex-col items-center gap-4 rounded-lg p-4 text-base text-black md:gap-8\"\n    :class=\"{\n      'bg-red-light': isError,\n      'bg-sky-light': isInfo,\n      'bg-green-light': isSuccess,\n      'bg-yellow-light': isWarning,\n    }\"\n  >\n    <div class=\"flex w-full flex-col items-center gap-2 md:flex-row\">\n      <svg-icon\n        v-if=\"displayIcon\"\n        class=\"size-6 shrink-0\"\n        :class=\"svgIconClassByMessageType\"\n        :name=\"iconSymbol\"\n      ></svg-icon>\n      <div :class=\"textClassByMessageType\">\n        <slot />\n      </div>\n    </div>\n    <slot name=\"footer\" />\n  </div>\n</template>\n\n<script>\nimport SvgIcon from '@style-guide/base/svg_icon/SvgIcon.vue';\n\nexport default {\n  components: {\n    SvgIcon,\n  },\n  props: {\n    customIcon: {\n      required: false,\n      type: String,\n    },\n    customIconClass: {\n      required: false,\n      type: String,\n    },\n    displayIcon: {\n      default: false,\n      type: Boolean,\n    },\n    opacityClass: {\n      default: null,\n      type: String,\n    },\n    textClass: {\n      default: '',\n      type: String,\n    },\n    type: {\n      default: 'info',\n      type: String,\n    },\n  },\n\n  computed: {\n    isError: function () {\n      return this.type === 'error';\n    },\n    isSuccess: function () {\n      return this.type === 'success';\n    },\n    isInfo: function () {\n      return this.type === 'info';\n    },\n    isWarning: function () {\n      return this.type === 'warning';\n    },\n    isCustom: function () {\n      return this.type === 'custom';\n    },\n\n    iconSymbol() {\n      if (this.customIcon) {\n        return this.customIcon;\n      }\n\n      const iconMapping = {\n        error: 'icon-circled-cross',\n        success: 'icon-circled-check',\n        info: 'icon-info',\n        warning: 'icon-warning',\n      };\n\n      return iconMapping[this.type];\n    },\n\n    svgIconClassByMessageType() {\n      if (this.customIconClass) {\n        return this.customIconClass;\n      }\n\n      const svgIconDefaultClass = {\n        error: 'fill-red',\n        success: 'fill-green',\n        info: 'fill-sky',\n        warning: 'fill-yellow',\n      };\n\n      return `${this.opacityClassByMessageType} ${\n        svgIconDefaultClass[this.type]\n      }`;\n    },\n\n    opacityClassByMessageType() {\n      const opacityClassMapping = {\n        error: 'opacity-80',\n        success: 'opacity-75',\n        info: 'opacity-75',\n        warning: 'opacity-80',\n      };\n      if (this.isCustom && this.opacityClass === null) {\n        return 'opacity-100';\n      } else if (this.opacityClass === null) {\n        return opacityClassMapping[this.type];\n      } else {\n        return this.opacityClass;\n      }\n    },\n\n    textClassByMessageType() {\n      return `${this.opacityClassByMessageType} ${this.textClass}`;\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","SvgIcon","svgIconDefaultClass","opacityClassMapping","_hoisted_1","_createElementBlock","$options","_createElementVNode","$props","_createBlock","_component_svg_icon","_normalizeClass","_renderSlot","_ctx"],"mappings":"yJA4BA,MAAKA,EAAU,CACb,WAAY,CACV,QAAAC,GAEF,MAAO,CACL,WAAY,CACV,SAAU,GACV,KAAM,QAER,gBAAiB,CACf,SAAU,GACV,KAAM,QAER,YAAa,CACX,QAAS,GACT,KAAM,SAER,aAAc,CACZ,QAAS,KACT,KAAM,QAER,UAAW,CACT,QAAS,GACT,KAAM,QAER,KAAM,CACJ,QAAS,OACT,KAAM,SAIV,SAAU,CACR,QAAS,UAAY,CACnB,OAAO,KAAK,OAAS,OACvB,EACA,UAAW,UAAY,CACrB,OAAO,KAAK,OAAS,SACvB,EACA,OAAQ,UAAY,CAClB,OAAO,KAAK,OAAS,MACvB,EACA,UAAW,UAAY,CACrB,OAAO,KAAK,OAAS,SACvB,EACA,SAAU,UAAY,CACpB,OAAO,KAAK,OAAS,QACvB,EAEA,YAAa,CACX,OAAI,KAAK,WACA,KAAK,WAGM,CAClB,MAAO,qBACP,QAAS,qBACT,KAAM,YACN,QAAS,gBAGQ,KAAK,IAAI,CAC9B,EAEA,2BAA4B,CAC1B,GAAI,KAAK,gBACP,OAAO,KAAK,gBAGd,MAAMC,EAAsB,CAC1B,MAAO,WACP,QAAS,aACT,KAAM,WACN,QAAS,eAGX,MAAO,GAAG,KAAK,yBAAyB,IACtCA,EAAoB,KAAK,IAAI,CAC/B,EACF,EAEA,2BAA4B,CAC1B,MAAMC,EAAsB,CAC1B,MAAO,aACP,QAAS,aACT,KAAM,aACN,QAAS,cAEX,OAAI,KAAK,UAAY,KAAK,eAAiB,KAClC,cACE,KAAK,eAAiB,KACxBA,EAAoB,KAAK,IAAI,EAE7B,KAAK,YAEhB,EAEA,wBAAyB,CACvB,MAAO,GAAG,KAAK,yBAAyB,IAAI,KAAK,SAAS,EAC5D,EAEJ,EAtHSC,EAAA,CAAA,MAAM,qDAAqD,2DATlEC,EAqBM,MAAA,CApBJ,SAAM,6FAA4F,gBAClEC,EAAA,uBAA+BA,EAAA,wBAAgCA,EAAA,4BAAoCA,EAAA,eAOnIC,EAUM,MAVNH,EAUM,CARII,EAAA,iBADRC,EAKYC,EAAA,OAHV,MAAKC,EAAA,CAAC,kBACEL,EAAA,yBAAyB,CAAA,EAChC,KAAMA,EAAA,+CAETC,EAEM,MAAA,CAFA,QAAOD,EAAA,sBAAsB,IACjCM,EAAQC,EAAA,OAAA,SAAA,QAGZD,EAAsBC,EAAA,OAAA,QAAA"}