{"version":3,"file":"DropdownSelectCoin-e4fdf2b9.js","sources":["../../../app/javascript/components/dropdown/DropdownSelectCoin.vue"],"sourcesContent":["<template>\n  <BaseSelect\n    v-model=\"selectedCoins\"\n    :button-width-class=\"btnWidthClass\"\n    searchable\n    show-selected\n    :dropdown-width-class=\"dropdownWidthClass\"\n    :multiple=\"!onlyOne\"\n    :options=\"coinOptions\"\n    :placeholder=\"placeholder\"\n    :search-options=\"['label', 'ticker']\"\n    :display-count=\"displayCount\"\n    :clear-option=\"true\"\n    :size=\"size\"\n    @update:model-value=\"$emit('update', $event)\"\n  />\n</template>\n\n<script setup>\nimport { computed, ref, watch, onMounted } from 'vue';\nimport { useStore } from 'vuex';\n\nconst $store = useStore();\nconst $emit = defineEmits(['update']);\n\nconst props = defineProps({\n  startingCoins: Array,\n  onlyOne: { type: Boolean, default: false },\n  displayCount: { type: Number, default: 3 },\n  placeholder: { type: String, default: 'Select Coin(s)' },\n  supportedCoins: { type: Array, default: () => [] },\n  showNoneOption: { type: Boolean, default: false },\n  size: { type: String, default: 'md' },\n  dropdownWidthClass: { type: String, default: 'w-full' },\n  btnWidthClass: { type: String, default: 'w-full' }\n});\n\n// AVAILABLE COINS\nconst coinOptions = computed(() => {\n  const allCoins = props.showNoneOption\n    ? [{ uid: 0, name: 'None', ticker: '' }, ...$store.getters.coins]\n    : $store.getters.coins;\n  if ($store.getters.coins.length && !props.supportedCoins.length) {\n    return allCoins.map(c => {\n      return {\n        id: c.uid,\n        label: c.name,\n        ticker: c.ticker,\n        sub_label: c.ticker\n      };\n    });\n  } else if ($store.getters.coins.length && props.supportedCoins.length) {\n    const supportedCoinUids = props.supportedCoins.map(c => c.uid);\n    return allCoins\n      .filter(c => supportedCoinUids.includes(c.uid) || c.uid == 0)\n      .map(c => {\n        return {\n          id: c.uid,\n          label: c.name\n        };\n      });\n  } else {\n    return [];\n  }\n});\n\n// SELECTED COINS\nconst selectedCoins = ref([]);\nwatch(coinOptions, () => {\n  if (coinOptions.value?.length > 0 && selectedCoins.value.length == 0) {\n    selectedCoins.value = props.startingCoins?.forEach(coin => coin.map(c => c.uid)) || [];\n  }\n});\nwatch(\n  () => props.startingCoins,\n  () => {\n    if (props.startingCoins) {\n      selectedCoins.value = props.startingCoins.map(c => c.uid);\n    }\n  }\n);\nonMounted(() => {\n  if (props.startingCoins) {\n    selectedCoins.value = props.startingCoins.map(c => c.uid);\n  }\n});\n</script>\n"],"names":["$store","useStore","coinOptions","computed","allCoins","props","c","supportedCoinUids","selectedCoins","ref","watch","_a","_b","coin","onMounted"],"mappings":"giBAsBMA,EAASC,EAAQ,EAgBjBC,EAAcC,EAAS,IAAM,CACjC,MAAMC,EAAWC,EAAM,eACnB,CAAC,CAAE,IAAK,EAAG,KAAM,OAAQ,OAAQ,IAAM,GAAGL,EAAO,QAAQ,KAAK,EAC9DA,EAAO,QAAQ,MACnB,GAAIA,EAAO,QAAQ,MAAM,QAAU,CAACK,EAAM,eAAe,OACvD,OAAOD,EAAS,IAAIE,IACX,CACL,GAAIA,EAAE,IACN,MAAOA,EAAE,KACT,OAAQA,EAAE,OACV,UAAWA,EAAE,MACrB,EACK,EACI,GAAIN,EAAO,QAAQ,MAAM,QAAUK,EAAM,eAAe,OAAQ,CACrE,MAAME,EAAoBF,EAAM,eAAe,IAAIC,GAAKA,EAAE,GAAG,EAC7D,OAAOF,EACJ,OAAOE,GAAKC,EAAkB,SAASD,EAAE,GAAG,GAAKA,EAAE,KAAO,CAAC,EAC3D,IAAIA,IACI,CACL,GAAIA,EAAE,IACN,MAAOA,EAAE,IACnB,EACO,CACP,KACI,OAAO,EAEX,CAAC,EAGKE,EAAgBC,EAAI,CAAA,CAAE,EAC5B,OAAAC,EAAMR,EAAa,IAAM,WACnBS,EAAAT,EAAY,QAAZ,YAAAS,EAAmB,QAAS,GAAKH,EAAc,MAAM,QAAU,IACjEA,EAAc,QAAQI,EAAAP,EAAM,gBAAN,YAAAO,EAAqB,QAAQC,GAAQA,EAAK,IAAIP,GAAKA,EAAE,GAAG,KAAM,CAAA,EAExF,CAAC,EACDI,EACE,IAAML,EAAM,cACZ,IAAM,CACAA,EAAM,gBACRG,EAAc,MAAQH,EAAM,cAAc,IAAIC,GAAKA,EAAE,GAAG,EAE3D,CACH,EACAQ,EAAU,IAAM,CACVT,EAAM,gBACRG,EAAc,MAAQH,EAAM,cAAc,IAAIC,GAAKA,EAAE,GAAG,EAE5D,CAAC"}