{"version":3,"file":"BKj66yX5.js","sources":["../../../../src/components/components/shop/inputs/add-to-cart.vue"],"sourcesContent":["<template>\n  <div\n    data-testid=\"addToCart\"\n    class=\"flex flex-row items-center place-content-center rounded-btn border-0 border-light bg-btn-cta-base cursor-pointer w-full md:w-fit text-center h-[25px] md:h-[36px]\"\n    :class=\"[\n      props.class,\n      { 'opacity-50  !cursor-not-allowed relative disabled-after': disabled },\n      paddingSize === 'small' ? 'px-sm' : '',\n      paddingSize === 'medium' ? 'px-sm xl:px-md' : '',\n      paddingSize === 'large' ? 'px-md md:px-xl' : '',\n    ]\"\n    @click.prevent=\"disabled ? () => {} : emit('click')\"\n  >\n    <FaIcon\n      v-if=\"btnStyle === 'icon' || btnStyle === 'iconText'\"\n      icon-class=\"far fa-shopping-cart\"\n      testid=\"addToCartIcon\"\n      :classes=\"`my-xs text-white font-bold ${\n        btnStyle === 'iconText' ? 'mr-xs' : ''\n      }`\"\n    />\n    <div\n      v-if=\"btnStyle === 'text' || btnStyle === 'iconText'\"\n      class=\"font-bold text-white text-bold tracking-[0.36px] text-lg\"\n    >\n      {{ t(label) }}\n    </div>\n    <span\n      v-if=\"loadingAnimation\"\n      class=\"absolute top-0 bottom-0 left-0 right-0 flex items-center justify-center\"\n    >\n      <FaIcon icon-class=\"fas fa-spinner-third\" class=\"animate-spin\" />\n    </span>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport FaIcon from '@/components/fa-icon.vue';\n\nconst props = defineProps({\n  class: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  disabled: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  btnStyle: {\n    type: String as PropType<'icon' | 'text' | 'iconText'>,\n    required: false,\n    default: 'icon',\n  },\n  label: {\n    type: String,\n    required: false,\n    default: 'shop.productList.addToCart',\n  },\n  paddingSize: {\n    type: String as PropType<'none' | 'small' | 'medium' | 'large'>,\n    required: false,\n    default: 'medium',\n  },\n  loadingAnimation: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n});\nconst { t } = useTrans();\n/** Emits */\nconst emit = defineEmits<{\n  (e: 'click'): void;\n}>();\n</script>\n\n<style scoped lang=\"postcss\">\n.disabled-after {\n  &::after {\n    content: '';\n    @apply bg-black absolute w-full h-full top-0 left-0 opacity-0;\n  }\n}\n</style>\n"],"names":["props","__props","t","useTrans","emit","__emit"],"mappings":"svBAuCA,MAAMA,EAAQC,EAgCR,CAAE,EAAAC,GAAMC,IAERC,EAAOC"}