{"version":3,"file":"WeaponSelect-a51d9197.js","sources":["../../../../../../src/components/WeaponSelect.svelte"],"sourcesContent":["<script>\n  import { t } from 'svelte-i18n';\n  import { createEventDispatcher } from 'svelte';\n  import VirtualList from './VirtualList.svelte';\n  import { fade } from 'svelte/transition';\n  import { mdiChevronDown, mdiCloseCircle } from '@mdi/js';\n\n  import Icon from './Icon.svelte';\n  import { weaponList } from '../data/weaponList';\n\n  const dispatch = createEventDispatcher();\n\n  export let placeholder = 'Select weapon...';\n\n  export let selected = null;\n  export let hoveredIndex = -1;\n\n  let label = '';\n  let focused = false;\n  let container;\n  let input;\n  let search = '';\n\n  function toggleOptions() {\n    focused = !focused;\n\n    if (focused) {\n      input.focus();\n    }\n  }\n\n  function select(val) {\n    selected = val;\n    focused = false;\n    hoveredIndex = -1;\n\n    dispatch('change');\n  }\n\n  function selectIndex(val) {\n    selected = filteredWeapons[val][1];\n    focused = false;\n    hoveredIndex = -1;\n\n    dispatch('change');\n  }\n\n  function onWindowClick(event) {\n    if (!container) return;\n    const eventTarget = event.path && event.path.length > 0 ? event.path[0] : event.target;\n    if (container.contains(eventTarget)) return;\n    focused = false;\n    hoveredIndex = -1;\n  }\n\n  function onHover(index) {\n    hoveredIndex = index;\n  }\n\n  function onInput(event) {\n    search = event.target.value;\n  }\n\n  function clearSearch() {\n    search = '';\n    filteredWeapons = weapons;\n    maxItemRow = 6;\n  }\n\n  function onKeyDown(event) {\n    if (!focused) return;\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault();\n        hoveredIndex = hoveredIndex === filteredWeapons.length - 1 ? 0 : hoveredIndex + 1;\n        break;\n      case 'ArrowUp':\n        event.preventDefault();\n        hoveredIndex = hoveredIndex === 0 ? filteredWeapons.length - 1 : hoveredIndex - 1;\n        break;\n      case 'Enter':\n        event.preventDefault();\n        if (hoveredIndex >= 0 && hoveredIndex < filteredWeapons.length) selectIndex(hoveredIndex);\n        break;\n      case 'Escape':\n        event.preventDefault();\n        focused = false;\n        hoveredIndex = -1;\n        break;\n    }\n  }\n\n  $: weapons = Object.entries(weaponList)\n    .filter((e) => e[1].rarity >= 3)\n    .sort((a, b) => a[1].name.localeCompare(b[1].name));\n\n  $: filteredWeapons = weapons.filter((e) => e[1].name.toLowerCase().includes(search.toLowerCase()));\n  $: maxItemRow = Math.min(6, filteredWeapons.length);\n\n  $: nothingSelected = selected === null;\n  $: if (!nothingSelected) {\n    label = selected.name;\n  }\n  $: focused, clearSearch();\n\n  $: classes = focused ? 'border-primary' : 'border-transparent';\n  $: iconClasses = focused ? 'transform rotate-180' : '';\n</script>\n\n<svelte:window on:click={onWindowClick} on:keydown={onKeyDown} />\n\n<div class=\"select-none relative\" bind:this={container}>\n  <div\n    class={`flex w-full relative items-center px-4 bg-background rounded-2xl h-14 focus-within:outline-none \n      focus-within:border-primary border-2 border-transparent ease-in duration-100 ${classes}`}\n    on:click={toggleOptions}\n  >\n    {#if !nothingSelected}\n      <img class=\"w-6 h-6 mr-2\" src={`/images/weapons/${selected.id}.png`} alt={selected.name} />\n    {/if}\n    <input\n      bind:this={input}\n      class={`bg-transparent focus:outline-none h-full max-w-full ${nothingSelected ? 'text-gray-500' : 'text-white'}`}\n      {placeholder}\n      value={nothingSelected || focused ? search : label}\n      on:input={onInput}\n    />\n    {#if selected}\n      <div class=\"absolute right-0 mr-4 cursor-pointer\" on:click|stopPropagation={() => select(null)}>\n        <Icon path={mdiCloseCircle} color=\"white\" className={`${iconClasses}`} />\n      </div>\n    {:else}\n      <Icon\n        path={mdiChevronDown}\n        color=\"white\"\n        className={`absolute right-0 mr-4 duration-100 ease-in ${iconClasses}`}\n      />\n    {/if}\n  </div>\n  {#if focused}\n    <div\n      transition:fade={{ duration: 100 }}\n      class=\"options bg-item rounded-2xl absolute mt-2 pl-2 w-full min-h-full z-50 flex flex-col text-white shadow-xl border border-background\"\n    >\n      {#if filteredWeapons.length}\n        <VirtualList\n          itemHeight={48}\n          height={`${maxItemRow * 48 + 16}px`}\n          items={filteredWeapons}\n          let:item={[id, weapon]}\n          let:index\n        >\n          <span\n            on:click={() => select(weapon)}\n            on:mouseenter={() => onHover(index)}\n            class={`p-3 rounded-xl cursor-pointer flex mr-2\n            ${index === 0 ? 'mt-2' : ''}\n            ${index === weapons.length ? 'mb-2' : ''}\n            ${!nothingSelected && selected.id === id ? 'text-primary font-semibold' : ''}\n            ${hoveredIndex === index ? 'hovered' : ''}`}\n          >\n            <img class=\"w-6 h-6 mr-2\" src={`/images/weapons/${id}.png`} alt={weapon.name} />\n            <span class=\"flex-1\">{$t(weapon.name)}</span>\n          </span>\n        </VirtualList>\n      {:else}<span class=\"p-3 rounded-xl cursor-pointer flex mr-2 my-2\"> Weapon not found </span>{/if}\n    </div>\n  {/if}\n</div>\n\n<style lang=\"postcss\">\n  .hovered {\n    @apply text-white !important;\n    @apply bg-primary;\n  }\n\n  .options {\n    max-height: calc(50vh);\n    overflow-y: auto;\n  }\n</style>\n"],"names":[],"mappings":"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"}