{"version":3,"file":"Search.Bak5iDZM.js","sources":["../../../../../../src/lib/components/Search.svelte"],"sourcesContent":["<script lang=\"ts\">\n\timport { goto } from '$app/navigation';\n\timport '$lib/i18n';\n\timport { trackEventDebounced } from '$src/services/tracking';\n\timport { t } from 'svelte-i18n';\n\timport { trackEvent } from '$src/services/tracking';\n\n\texport let list: any[] = [];\n\texport let placeholder: string = '';\n\n\tlet searchResults: string[] = [];\n\tlet inputElement: HTMLInputElement;\n\tlet showClearIcon = false;\n\tlet searchResultCount: number = 0;\n\n\tconst filterResults = (event: Event) => {\n\t\tconst target = event?.target as HTMLInputElement;\n\t\tconst searchValue = target?.value;\n\n\t\tif (searchValue === '') {\n\t\t\tsearchResults = [];\n\t\t\tshowClearIcon = false;\n\t\t\tsearchResultCount = 0;\n\t\t} else {\n\t\t\tsearchResults = list.filter((result) =>\n\t\t\t\tresult.name.toLowerCase().includes(searchValue.toLowerCase())\n\t\t\t);\n\t\t\tsearchResultCount = searchResults.length;\n\t\t\tshowClearIcon = true;\n\t\t}\n\n\t\ttrackEventDebounced('Search', { searchValue });\n\t};\n\n\tconst resetSearch = () => {\n\t\ttrackEvent('Reset search');\n\n\t\tinputElement.value = '';\n\t\tsearchResults = [];\n\t\tshowClearIcon = false;\n\t};\n\n\tconst volatilityTextColor = (volatility) => {\n\t\tswitch (true) {\n\t\t\tcase volatility >= 1 && volatility <= 2:\n\t\t\t\treturn 'text-green-500 bg-[#54D1491A]';\n\t\t\tcase volatility >= 3 && volatility <= 4:\n\t\t\t\treturn 'text-[#FFAE4B] bg-[#FFAE4B1A]';\n\t\t\tcase volatility >= 5 && volatility <= 6:\n\t\t\t\treturn 'text-error bg-[#FF66591A]';\n\t\t\tdefault:\n\t\t\t\treturn 'text-gray-400';\n\t\t}\n\t};\n\n\tconst volatilityText = (volatility) => {\n\t\tswitch (true) {\n\t\t\tcase volatility >= 1 && volatility <= 2: {\n\t\t\t\treturn 'global_winOften';\n\t\t\t}\n\t\t\tcase volatility >= 3 && volatility <= 4: {\n\t\t\t\treturn 'global_neutral';\n\t\t\t}\n\t\t\tcase volatility >= 5 && volatility <= 6: {\n\t\t\t\treturn 'global_winBig';\n\t\t\t}\n\t\t\tdefault: {\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\t};\n</script>\n\n<div class=\"flex flex-col gap-2\">\n\t<div class=\"flex gap-x-2 items-center px-3 bg-primary border-[#212734] border-[1px] rounded-lg\">\n\t\t<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t<path\n\t\t\t\td=\"M17.5 17.5L13.875 13.875M15.8333 9.16667C15.8333 12.8486 12.8486 15.8333 9.16667 15.8333C5.48477 15.8333 2.5 12.8486 2.5 9.16667C2.5 5.48477 5.48477 2.5 9.16667 2.5C12.8486 2.5 15.8333 5.48477 15.8333 9.16667Z\"\n\t\t\t\tstroke=\"#707290\"\n\t\t\t\tstroke-width=\"1.66667\"\n\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t/>\n\t\t</svg>\n\t\t<input\n\t\t\tclass=\"bg-transparent text-sm placeholder-[#61638c] py-2.5 w-full font-medium\"\n\t\t\ttype=\"text\"\n\t\t\tname=\"search\"\n\t\t\t{placeholder}\n\t\t\tbind:this={inputElement}\n\t\t\ton:input={filterResults}\n\t\t/>\n\t\t{#if showClearIcon}\n\t\t\t<button on:click={() => resetSearch()}>\n\t\t\t\t<svg\n\t\t\t\t\twidth=\"10\"\n\t\t\t\t\theight=\"10\"\n\t\t\t\t\tviewBox=\"0 0 10 10\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\td=\"M9.16671 0.833344L0.833374 9.16668M0.833374 0.833344L9.16671 9.16668\"\n\t\t\t\t\t\tstroke=\"#707290\"\n\t\t\t\t\t\tstroke-width=\"1.66667\"\n\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t</button>\n\t\t{/if}\n\t</div>\n\n\t{#if searchResults.length > 0}\n\t\t<div class=\"flex flex-col gap-y-4 bg-primary border-[#212734] border-[1px] rounded-lg\">\n\t\t\t<div class=\"flex flex-col gap-y-4 m-2.5 md:m-3 px-1.5 dbg-red-800\">\n\t\t\t\t<div class=\"flex items-center justify-between dbg-blue-800\">\n\t\t\t\t\t<span class=\"text-sm text-white font-medium\">Search Result</span>\n\t\t\t\t\t<span class=\"text-sm text-brandblue-50 font-medium\">\n\t\t\t\t\t\tFound <span class=\"text-[#FFFFFF]\">{searchResultCount}</span> results\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"flex flex-col md:flex-row gap-3.5 md:flex-wrap dbg-green-800\">\n\t\t\t\t\t{#each searchResults as result}\n\t\t\t\t\t\t<!-- svelte-ignore a11y-no-static-element-interactions -->\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"flex flex-row bg-[#1F232D] rounded-xl cursor-pointer md:w-[21.85rem] md:h-[6.5rem]\"\n\t\t\t\t\t\t\ton:click={() => {\n\t\t\t\t\t\t\t\tconst { game_code, provider } = result;\n\n\t\t\t\t\t\t\t\ttrackEvent('Search result clicked', { action: 'click', gameCode: game_code, provider });\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tgoto(`/casino/${provider.toLowerCase()}/${game_code}`);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\ton:keydown={(event) => {\n\t\t\t\t\t\t\t\tif (event.key === 'Enter') {\n\t\t\t\t\t\t\t\t\tconst { game_code, provider } = result;\n\n\t\t\t\t\t\t\t\t\ttrackEvent('Search result entered', { action: 'click', gameCode: game_code, provider });\n\n\t\t\t\t\t\t\t\t\tgoto(`/casino/${provider.toLowerCase()}/${game_code}`);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div class=\"flex items-center w-[110px] md:w-30 p-1\">\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\tclass=\"w-full h-full md:w-30 md:h-full bg-cover object-cover rounded-md\"\n\t\t\t\t\t\t\t\t\tsrc={result.url_thumb}\n\t\t\t\t\t\t\t\t\talt={result.name}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"flex flex-col justify-between gap-y-0 w-2/3 px-2 py-3\">\n\t\t\t\t\t\t\t\t<div class=\"flex flex-col gap-0\">\n\t\t\t\t\t\t\t\t\t<p class=\"text-sm md:text-base font-semibold\">{result.name}</p>\n\t\t\t\t\t\t\t\t\t<span class=\"text-[0.750rem] text-brandblue-50 font-medium\">{result.provider}</span>\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t{#if result.volatility !== null}\n\t\t\t\t\t\t\t\t\t<div class=\"flex justify-between\">\n\t\t\t\t\t\t\t\t\t\t<p class=\"text-[0.750rem] text-brandblue-50 font-medium\">\n\t\t\t\t\t\t\t\t\t\t\t{$t('global_volatility')}\n\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\tclass=\"text-[0.750rem] px-1.5 py-0 rounded-[10px] {volatilityTextColor(\n\t\t\t\t\t\t\t\t\t\t\t\tresult.volatility\n\t\t\t\t\t\t\t\t\t\t\t)}\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{$t(volatilityText(result.volatility))}\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t{/if}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t{/each}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t{/if}\n</div>\n\n<style>\n\tinput[type='text']:focus {\n\t\toutline: none;\n\t\tborder: none;\n\t}\n\tinput[type='text']::selection {\n\t\tbackground: var(--custom-theme-button-color-stronger);\n\t}\n</style>\n"],"names":["insert_hydration","target","button","anchor","ctx","i","div3","append_hydration","div2","div0","span0","span2","span1","div1","t0_value","t2_value","div","p","span","dirty","set_data","t0","t2","t1_value","t3_value","create_if_block_1","src_url_equal","img","img_src_value","attr","img_alt_value","t1","t3","create_if_block_2","create_if_block","svg","path","input","list","$$props","placeholder","searchResults","inputElement","showClearIcon","searchResultCount","filterResults","event","searchValue","$$invalidate","result","trackEventDebounced","resetSearch","trackEvent","volatilityTextColor","volatility","volatilityText","$$value","game_code","provider","goto"],"mappings":"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"}