{"version":3,"file":"SwSelectButton-nV01RkKs.js","sources":["../../../app/frontend/components/swComponents/SwSelectButton.vue"],"sourcesContent":["<template lang=\"pug\">\n  div\n    p.text-sm.text-gray-500.mb-1(v-if=\"description\" v-html=\"description\")\n    generic-select(\n      :customClasses='customClasses'\n      :dropdownClasses='dropdownClasses'\n      v-bind=\"{...$props, ...$attrs}\"\n      v-on=\"$listeners\"\n    )\n      template(v-slot:query-input=\"{ query, handleQuery, close }\")\n        .hidden.justify-center.border-b.border-gray-200(class='md:flex' v-if='filterable')\n          input.relative.m-2.p-2.w-full.text-left.appearance-none.rounded-sm.text-sm(\n            class='border focus:outline-none focus:border-emerald-900'\n            :value='query'\n            @input='handleQuery($event.target.value)'\n            @keydown.esc='close()'\n          )\n      template(v-slot:default=\"{ isSelectedItem, item, index, isHighlighted, isUniqueItem }\")\n        div.text-gray-900.select-none.relative.pl-3.py-1.pr-9.cursor-pointer(\n          class='hover:bg-emerald-900 hover:text-white first:pt-0 last:pb-0'\n          :class=\"{'bg-emerald-700': isHighlighted(index)|| isUniqueItem}\"\n        )\n          .flex.items-center\n            img.flex-shrink-0.h-8.w-8.rounded-full(\n              v-show='item.image'\n              :src=\"item.image\"\n              :class=\"{'border-emerald-900 border-2': isSelectedItem(item.value)}\"\n            )\n            span.ml-3.block.font-medium(\n              class='md:text-lg'\n              :class=\"{'font-bold': isSelectedItem(item.value), 'text-white': isHighlighted(index) || isUniqueItem}\"\n            ) {{ item.label || item.value }}\n          span.absolute.inset-y-0.right-0.flex.items-center.pr-4(v-if='isSelectedItem(item.value)')\n            sw-icon(name='check' size='h-8 w-8')\n</template>\n\n<script>\nimport GenericSelect from '../genericComponents/GenericSelect.vue';\nexport default {\n  name: 'SwSelectButton',\n  components: { GenericSelect },\n  props: {\n    value: {\n      type: [String, Number],\n      default: null,\n    },\n    error: {\n      type: Boolean,\n      default: false,\n    },\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n    filterable: {\n      type: Boolean,\n      default: false,\n    },\n    description: {\n      type: String,\n      default: '',\n    },\n  },\n  computed: {\n    mainClasses () {\n      return 'md:text-lg text-gray-700 border md:border-2 rounded font-medium block w-full pl-3 pr-8 py-4 leading-tight focus:outline-none md:p-5 focus:outline-none focus:border-emerald-900 placeholder-gray-250';\n    },\n    statusClasses () {\n      if (this.error) return 'border-red-400 bg-red-100 hover:bg-white hover:border-red-400 hover:text-red-400 focus:border-red-400';\n      if (this.disabled) return 'cursor-not-allowed opacity-100 bg-white border-gray-250';\n      if (this.value) return 'bg-white hover:bg-white hover:border-emerald-900 focus:border-emerald-900 border-emerald-900 bg-emerald-100 text-emerald-900';\n      return 'bg-white hover:border-emerald-900 focus:border-emerald-900 border-gray-250';\n    },\n    customClasses () {\n      return `${this.mainClasses} ${this.statusClasses}`;\n    },\n    dropdownClasses () {\n      return 'w-full z-5 bg-gray-100 shadow-lg rounded border border-emerald-900 md:my-2 py-2';\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","GenericSelect"],"mappings":"swDAsCA,MAAAA,EAAA,CACA,KAAA,iBACA,WAAA,CAAA,cAAAC,CAAA,EACA,MAAA,CACA,MAAA,CACA,KAAA,CAAA,OAAA,MAAA,EACA,QAAA,IACA,EACA,MAAA,CACA,KAAA,QACA,QAAA,EACA,EACA,SAAA,CACA,KAAA,QACA,QAAA,EACA,EACA,WAAA,CACA,KAAA,QACA,QAAA,EACA,EACA,YAAA,CACA,KAAA,OACA,QAAA,EACA,CACA,EACA,SAAA,CACA,aAAA,CACA,MAAA,sMACA,EACA,eAAA,CACA,OAAA,KAAA,MAAA,wGACA,KAAA,SAAA,0DACA,KAAA,MAAA,+HACA,4EACA,EACA,eAAA,CACA,MAAA,GAAA,KAAA,WAAA,IAAA,KAAA,aAAA,EACA,EACA,iBAAA,CACA,MAAA,iFACA,CACA,CACA"}