{"version":3,"file":"DIpHhKhn.js","sources":["../../../../components/Button.vue"],"sourcesContent":["<template>\n  <nuxt-link\n    v-if=\"href\"\n    :to=\"href\"\n    class=\"whitespace-nowrap font-semibold shadow-sm\"\n    :class=\"[\n      sizeClasses,\n      typeClasses,\n      roundedClass,\n      !disabled && !loading ? hoverClass : '',\n      {\n        'cursor-not-allowed opacity-60': disabled,\n        relative: count,\n        'whitespace-nowrap': hasNoWrap,\n      },\n    ]\"\n    :target=\"target\"\n  >\n    <slot />\n  </nuxt-link>\n  <button\n    v-else\n    class=\"shadow-sm disabled:cursor-not-allowed disabled:opacity-60\"\n    :class=\"[\n      sizeClasses,\n      typeClasses,\n      roundedClass,\n      !disabled && !loading ? hoverClass : '',\n      isTextBold ? 'font-semibold' : 'font-normal',\n      {\n        'relative inline-flex cursor-progress items-center justify-center !text-transparent':\n          loading,\n        relative: count,\n        'whitespace-nowrap': hasNoWrap,\n      },\n    ]\"\n    type=\"button\"\n    :disabled=\"disabled\"\n  >\n    <slot />\n    <Spinner\n      v-if=\"loading\"\n      class=\"absolute\"\n      :colored=\"['secondary', 'soft'].includes(type)\"\n    />\n    <CountBadge\n      v-if=\"count\"\n      :count=\"count\"\n      :hide-count-number=\"hideCountNumber\"\n    />\n  </button>\n</template>\n\n<script lang=\"ts\">\ntype ButtonSize = 'xs' | 'sm' | 'base' | 'lg' | 'xl';\n\ntype ButtonType =\n  | 'primary'\n  | 'secondary'\n  | 'soft'\n  | 'danger'\n  | 'danger-soft'\n  | 'success'\n  | 'outline'\n  | 'outline-active';\n\ntype ButtonTarget = '_blank' | '_parent' | '_self' | '_top' | null | undefined;\n\nexport type ButtonRoundedType =\n  | 'left'\n  | 'right'\n  | 'none'\n  | 'full'\n  | 'bottom'\n  | 'bottom-left'\n  | 'bottom-right';\n\nexport type ButtonRoundedSize = 'md' | 'lg';\n\nexport default {\n  props: {\n    href: {\n      type: String,\n      default: null,\n    },\n    size: {\n      type: String as PropType<ButtonSize>,\n      default: 'base' as ButtonSize,\n    },\n    type: {\n      type: String as PropType<ButtonType>,\n      default: 'primary' as ButtonType,\n    },\n    onDarkBg: {\n      type: Boolean,\n      default: false,\n    },\n    roundType: {\n      type: String as PropType<ButtonRoundedType>,\n      default: '',\n    },\n    roundSize: {\n      type: String as PropType<ButtonRoundedSize>,\n      default: '',\n    },\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n    iconOnly: {\n      type: Boolean,\n      default: false,\n    },\n    count: {\n      type: Number,\n      default: undefined,\n    },\n    hideCountNumber: {\n      type: Boolean,\n      default: false,\n    },\n    target: {\n      type: String as PropType<ButtonTarget>,\n    },\n    isTextBold: {\n      type: Boolean,\n      default: true,\n    },\n    hasNoWrap: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  computed: {\n    sizeClasses() {\n      if (this.iconOnly) {\n        let size;\n        switch (this.size) {\n          case 'lg':\n            size = 'w-9 h-9';\n            break;\n          default:\n            size = 'w-8 h-8';\n        }\n        return size + ' text-sm inline-flex justify-center items-center';\n      }\n      switch (this.size) {\n        case 'xs':\n          return 'px-2 py-1 text-xs';\n        case 'sm':\n          return 'px-2 py-1 text-sm';\n        case 'base':\n          return 'px-2.5 py-1.5 text-sm';\n        case 'lg':\n          return 'px-3 py-2 text-sm';\n        case 'xl':\n          return 'px-3.5 py-2.5 text-sm';\n        default:\n          return '';\n      }\n    },\n    typeClasses() {\n      switch (this.type) {\n        case 'primary': {\n          const append = this.onDarkBg\n            ? 'bg-indigo-500 focus-visible:outline-indigo-500'\n            : 'bg-indigo-600 focus-visible:outline-indigo-600';\n          return (\n            append +\n            ' text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2'\n          );\n        }\n        case 'secondary':\n          return this.onDarkBg\n            ? 'bg-white/10 text-white'\n            : 'bg-white text-gray-900 ring-1 ring-inset ring-gray-300';\n        case 'soft':\n          return this.onDarkBg\n            ? 'bg-indigo-600/30 text-indigo-300'\n            : 'bg-indigo-50 text-indigo-600';\n        case 'danger':\n          return 'bg-red-600 text-white';\n        case 'danger-soft':\n          return 'bg-red-200 text-red-900';\n        case 'success':\n          return 'bg-green-600 text-white';\n        case 'outline-active':\n          return 'bg-indigo-600 text-white font-semibold border border-indigo-600';\n        case 'outline':\n          return 'bg-transparent text-indigo-700 font-semibold border border-indigo-600';\n        default:\n          return '';\n      }\n    },\n    hoverClass() {\n      switch (this.type) {\n        case 'primary': {\n          return this.onDarkBg ? 'hover:bg-indigo-400' : 'hover:bg-indigo-500';\n        }\n        case 'secondary':\n          return this.onDarkBg\n            ? 'hover:bg-white/20'\n            : 'hover:bg-gray-50 dark:hover:bg-gray-100';\n        case 'soft':\n          return this.onDarkBg\n            ? 'hover:bg-indigo-600/60'\n            : 'hover:bg-indigo-100';\n        case 'danger':\n          return 'hover:bg-red-500';\n        case 'danger-soft':\n          return 'hover:bg-red-300';\n        case 'success':\n          return 'hover:bg-green-700';\n        case 'outline-active':\n          return 'hover:bg-indigo-600 hover:cursor-default hover:text-white hover:border-transparent';\n        case 'outline':\n          return 'hover:bg-indigo-100';\n\n        default:\n          return '';\n      }\n    },\n    roundedClass() {\n      let edge = '';\n\n      switch (this.roundType) {\n        case 'none':\n          return '';\n        case 'full':\n          return 'rounded-full';\n        case 'left':\n          edge = '-l';\n          break;\n        case 'right':\n          edge = '-r';\n          break;\n        case 'bottom':\n          edge = '-b';\n          break;\n        case 'bottom-left':\n          edge = '-bl';\n          break;\n        case 'bottom-right':\n          edge = '-br';\n          break;\n      }\n\n      const size = this.roundSize?.length\n        ? `-${this.roundSize}`\n        : this.size === 'xs' || this.size === 'sm'\n          ? ''\n          : '-md';\n      return `rounded${edge}${size}`;\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","size","edge","_a"],"mappings":"g6BA+EAA,EAAA,CAAe,MAAA,CACN,KAAA,CACC,KAAA,OACE,QAAA,IACG,EACX,KAAA,CACM,KAAA,OACE,QAAA,MACG,EACX,KAAA,CACM,KAAA,OACE,QAAA,SACG,EACX,SAAA,CACU,KAAA,QACF,QAAA,EACG,EACX,UAAA,CACW,KAAA,OACH,QAAA,EACG,EACX,UAAA,CACW,KAAA,OACH,QAAA,EACG,EACX,QAAA,CACS,KAAA,QACD,QAAA,EACG,EACX,SAAA,CACU,KAAA,QACF,QAAA,EACG,EACX,SAAA,CACU,KAAA,QACF,QAAA,EACG,EACX,MAAA,CACO,KAAA,OACC,QAAA,MACG,EACX,gBAAA,CACiB,KAAA,QACT,QAAA,EACG,EACX,OAAA,CACQ,KAAA,MACA,EACR,WAAA,CACY,KAAA,QACJ,QAAA,EACG,EACX,UAAA,CACW,KAAA,QACH,QAAA,EACG,CACX,EACF,SAAA,CAEU,aAAA,CAEN,GAAA,KAAA,SAAA,CACE,IAAAC,EACA,OAAA,KAAA,KAAA,CAAmB,IAAA,KAEfA,EAAA,UACA,MAAA,QAEAA,EAAA,SAAO,CAEX,OAAAA,EAAA,kDAAc,CAEhB,OAAA,KAAA,KAAA,CAAmB,IAAA,KAEf,MAAA,oBAAO,IAAA,KAEP,MAAA,oBAAO,IAAA,OAEP,MAAA,wBAAO,IAAA,KAEP,MAAA,oBAAO,IAAA,KAEP,MAAA,wBAAO,QAEP,MAAA,EAAO,CACX,EACF,aAAA,CAEE,OAAA,KAAA,KAAA,CAAmB,IAAA,UAKf,OAHA,KAAA,SAAA,iDAAA,kDAGA,2FAIF,IAAA,YAEE,OAAA,KAAA,SAAA,yBAAA,yDAEI,IAAA,OAEJ,OAAA,KAAA,SAAA,mCAAA,+BAEI,IAAA,SAEJ,MAAA,wBAAO,IAAA,cAEP,MAAA,0BAAO,IAAA,UAEP,MAAA,0BAAO,IAAA,iBAEP,MAAA,kEAAO,IAAA,UAEP,MAAA,wEAAO,QAEP,MAAA,EAAO,CACX,EACF,YAAA,CAEE,OAAA,KAAA,KAAA,CAAmB,IAAA,UAEf,OAAA,KAAA,SAAA,sBAAA,sBACF,IAAA,YAEE,OAAA,KAAA,SAAA,oBAAA,0CAEI,IAAA,OAEJ,OAAA,KAAA,SAAA,yBAAA,sBAEI,IAAA,SAEJ,MAAA,mBAAO,IAAA,cAEP,MAAA,mBAAO,IAAA,UAEP,MAAA,qBAAO,IAAA,iBAEP,MAAA,qFAAO,IAAA,UAEP,MAAA,sBAAO,QAGP,MAAA,EAAO,CACX,EACF,cAAA,OAEE,IAAAC,EAAA,GAEA,OAAA,KAAA,UAAA,CAAwB,IAAA,OAEpB,MAAA,GAAO,IAAA,OAEP,MAAA,eAAO,IAAA,OAEPA,EAAA,KACA,MAAA,IAAA,QAEAA,EAAA,KACA,MAAA,IAAA,SAEAA,EAAA,KACA,MAAA,IAAA,cAEAA,EAAA,MACA,MAAA,IAAA,eAEAA,EAAA,MACA,KAAA,CAGJ,MAAAD,GAAAE,EAAA,KAAA,YAAA,MAAAA,EAAA,OAAA,IAAA,KAAA,SAAA,GAAA,KAAA,OAAA,MAAA,KAAA,OAAA,KAAA,GAAA,MAKA,MAAA,UAAAD,CAAA,GAAAD,CAAA,EAA4B,CAC9B,CAEJ"}