{"version":3,"file":"5.CBQxFYiB.js","sources":["../../../../../../../../node_modules/lucide-svelte/dist/icons/arrow-left-right.svelte","../../../../../../src/lib/components/common/TableHeader.svelte","../../../../../../src/lib/constants/statsConstants.ts","../../../../../../src/routes/pools/+page.svelte"],"sourcesContent":["<script>/**\n * @license lucide-svelte v0.456.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\nimport Icon from '../Icon.svelte';\nconst iconNode = [[\"path\", { \"d\": \"M8 3 4 7l4 4\" }], [\"path\", { \"d\": \"M4 7h16\" }], [\"path\", { \"d\": \"m16 21 4-4-4-4\" }], [\"path\", { \"d\": \"M20 17H4\" }]];\n/**\n * @component @name ArrowLeftRight\n * @description Lucide SVG icon component, renders SVG Element with children.\n *\n * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aCBkPSJNOCAzIDQgN2w0IDQiIC8+CiAgPHBhdGggZD0iTTQgN2gxNiIgLz4KICA8cGF0aCBkPSJtMTYgMjEgNC00LTQtNCIgLz4KICA8cGF0aCBkPSJNMjAgMTdINCIgLz4KPC9zdmc+Cg==) - https://lucide.dev/icons/arrow-left-right\n * @see https://lucide.dev/guide/packages/lucide-svelte - Documentation\n *\n * @param {Object} props - Lucide icons props and any valid SVG attribute\n * @returns {FunctionalComponent} Svelte component\n *\n */\n</script>\n\n<Icon name=\"arrow-left-right\" {...$$props} iconNode={iconNode}>\n  <slot/>\n</Icon>\n","<script lang=\"ts\">\n  import { t } from \"$lib/services/translations\";\n  import { auth } from \"$lib/services/auth\";\n\n  export let variant: \"default\" | \"stats\" = \"default\";\n  export let textClass: string = \"text-left\";\n  export let column: string;\n  export let label: string;\n  export let sortColumn: string | null = null;\n  export let sortDirection: \"asc\" | \"desc\" | null = null;\n  export let requiresAuth: boolean = false;\n  export let onsort: (data: { column: string, direction: \"asc\" | \"desc\" }) => void;\n\n  function handleSort() {\n    let newDirection: \"asc\" | \"desc\" = \"asc\";\n    if (sortColumn === column) {\n      newDirection = sortDirection === \"asc\" ? \"desc\" : \"asc\";\n    }\n    onsort({ column, direction: newDirection });\n  }\n\n  $: variantClass = variant === \"stats\" ? \"font-alumni text-3xl uppercase\" : \"\";\n  $: showHeader = requiresAuth ? auth.pnp.isWalletConnected() : true;\n</script>\n\n{#if showHeader}\n  <th \n    class=\"p-2 cursor-pointer {textClass} {variantClass}\"\n    on:click={handleSort}\n  >\n    {$t(label)}\n    <span>\n      {#if sortColumn === column}\n        {sortDirection === \"asc\" ? \"↑\" : \"↓\"}\n      {:else}\n        &nbsp;\n      {/if}\n    </span>\n  </th>\n{/if}\n","type TableHeader = {\n  label: string;\n  column: string;\n  textClass: string;\n  requiresAuth?: boolean;\n};\n\nexport const lpTableHeaders: TableHeader[] = [\n  {\n    label: 'stats.tokenHeader',\n    column: 'token',\n    textClass: 'text-left text-nowrap text-xl md:text-3xl',\n  },\n  {\n    label: 'stats.priceHeader',\n    column: 'price',\n    textClass: 'text-right text-nowrap text-xl md:text-3xl',\n  },\n  {\n    label: 'stats.tvlHeader',\n    column: 'tvl',\n    textClass: 'text-right text-nowrap text-xl md:text-3xl',\n  },\n  {\n    label: 'stats.24hVolumeHeader',\n    column: 'rolling_24h_volume',\n    textClass: 'text-right text-nowrap text-xl md:text-3xl',\n  },\n  {\n    label: 'stats.apyHeader',\n    column: 'apy',\n    textClass: 'text-right text-nowrap text-xl md:text-3xl',\n  }\n];\n\nexport const tokensTableHeaders: TableHeader[] = [\n  { label: 'stats.tokenHeader', column: 'symbol', textClass: 'text-left text-nowrap text-xl md:text-3xl' },\n  { label: 'stats.priceHeader', column: 'price', textClass: 'text-right text-nowrap text-xl md:text-3xl' },\n  { label: 'stats.24hVolumeHeader', column: 'total_24h_volume', textClass: 'text-right text-nowrap text-xl md:text-3xl' },\n  { label: 'stats.inWalletHeader', column: 'formattedUsdValue', requiresAuth: true, textClass: 'text-right text-nowrap text-xl md:text-3xl' },\n];\n","<!-- src/kong_svelte/src/routes/pools/+page.svelte -->\n<script lang=\"ts\">\n  import { t } from \"$lib/services/translations\";\n  import { writable } from \"svelte/store\";\n  import { formatTokenAmount, formatToNonZeroDecimal } from \"$lib/utils/numberFormatUtils\";\n  import TableHeader from \"$lib/components/common/TableHeader.svelte\";\n  import { lpTableHeaders } from \"$lib/constants/statsConstants\";\n  import { filterPools, sortTableData } from \"$lib/utils/statsUtils\";\n  import {\n    poolsList,\n    poolsLoading,\n    poolsError,\n  } from \"$lib/services/pools/poolStore\";\n  import { derived } from \"svelte/store\";\n  import { goto } from \"$app/navigation\";\n  import { Droplets } from \"lucide-svelte\";\n  import { tokenStore } from \"$lib/services/tokens/tokenStore\";\n  import LoadingIndicator from \"$lib/components/stats/LoadingIndicator.svelte\";\n  import { flip } from \"svelte/animate\";\n  import debounce from \"lodash-es/debounce\"; // Import debounce from lodash-es\n  import TokenImages from \"$lib/components/common/TokenImages.svelte\";\n  import { ArrowLeftRight } from \"lucide-svelte\";\n\n  const searchQuery = writable(\"\");\n\n  // Use lodash-es debounce instead of custom debounce\n  const debouncedSearch = debounce((value: string) => {\n    searchQuery.set(value);\n  }, 300);\n\n  const sortColumnStore = writable(\"rolling_24h_volume\");\n  const sortDirectionStore = writable<\"asc\" | \"desc\">(\"desc\");\n\n  /**\n   * Derived store that filters and sorts pools based on search query and sort criteria.\n   */\n  const filteredSortedPools = derived(\n    [poolsList, searchQuery, sortColumnStore, sortDirectionStore],\n    ([$pools, $searchQuery, $sortColumn, $sortDirection]) => {\n      const filtered = filterPools($pools, $searchQuery);\n      return sortTableData(filtered, $sortColumn, $sortDirection);\n    },\n  );\n\n</script>\n\n<section class=\"flex min-h-[94vh] justify-center w-full\">\n  <!-- Main Content -->\n  <div class=\"z-10 flex pt-10 justify-center max-w-5xl w-full md:w-100 px-2 md:px-0\">\n    <div class=\"flex flex-col w-full\">\n      <div\n        class=\"inner-border bg-sky-400 bg-opacity-60 backdrop-blur-md border-[5px] border-black p-0.5 w-full mx-auto\"\n      >\n        <div class=\"p-4 w-full max-h-[68vh] overflow-y-auto pb-8\">\n          <!-- Header and Search Bar -->\n          <div class=\"flex flex-col md:flex-row items-center mb-2 md:mb-0 pb-2\">            \n            <div class=\"flex w-full\">\n              <h2 class=\"mt-2 font-black text-3xl text-left text-white mb-4 text-outline-2\">\n                {$t(\"stats.poolsTableTitle\")}\n              </h2>\n            </div>\n            \n            <!-- Search on right -->\n            <div class=\"w-[200px] flex justify-end\">\n              <input\n                type=\"text\"\n                placeholder=\"Search by symbol\"\n                on:input={(e) => debouncedSearch(e.currentTarget.value)}\n                class=\"w-full bg-sky-200/30 placeholder:text-gray-600 font-alumni text-xl text-black border-none rounded-xl min-w-[160px] focus:ring-green-700 focus:ring-2 p-2.5\"\n                aria-label=\"Search Pools by Symbol\"\n              />\n            </div>\n          </div>\n\n          <!-- Table Container -->\n          <div class=\"overflow-x-scroll\">\n            {#if $poolsError}\n              <div class=\"text-center text-red-500 p-4\">{$poolsError}</div>\n            {:else}\n              <table class=\"w-full text-black font-alumni\">\n                <thead>\n                  <tr class=\"border-b-4 border-black text-3xl uppercase\">\n                    {#each lpTableHeaders as header}\n                      <TableHeader\n                        label={$t(header.label)}\n                        column={header.column}\n                        textClass={header.textClass}\n                        requiresAuth={header.requiresAuth}\n                        sortColumn={$sortColumnStore}\n                        sortDirection={$sortDirectionStore}\n                        onsort={({ column, direction }) => {\n                          $sortColumnStore = column;\n                          $sortDirectionStore = direction;\n                        }}\n                      />\n                    {/each}\n                  </tr>\n                </thead>\n\n                <tbody>\n                  {#if !$poolsLoading && $filteredSortedPools.length === 0}\n                    <tr class=\"border-b-2 border-black text-xl md:text-3xl\">\n                      <td\n                        class=\"p-2 uppercase font-bold text-center\"\n                        colspan=\"50\"\n                      >\n                        No results found\n                      </td>\n                    </tr>\n                  {:else}\n                    {#each $filteredSortedPools as pool (pool.id)}\n                      <tr\n                        class=\"border-b-2 border-black text-xl md:text-3xl cursor-pointer !h-[4.75rem]\"\n                        animate:flip={{ duration: 300 }}\n                        tabindex=\"0\"\n                        aria-label={`View details for pool ${pool.symbol_0}/${pool.symbol_1}`}\n                      >\n                        <td\n                          class=\"uppercase font-bold pl-2 focused:ring-0 ring-0 focused:border-none active:border-none\"\n                        >\n                          <div class=\"flex items-center\">\n                            <TokenImages\n                              tokens={[$tokenStore.tokens.find(t => t.canister_id === pool.address_0), $tokenStore.tokens.find(t => t.canister_id === pool.address_1)]}\n                              containerClass=\"mr-2.5\"\n                            />\n                            <span>{pool.symbol_0}/{pool.symbol_1}</span>\n                          </div>\n                        </td>\n                        <td class=\"p-2 text-right\">\n                          ${formatToNonZeroDecimal($tokenStore.prices[pool.address_0] ?? 0)}\n                        </td>\n                        <td class=\"p-2 text-right\">\n                          ${formatToNonZeroDecimal(Number(pool.balance) / 1e6)}\n                        </td>\n                        <td class=\"p-2 text-right\">\n                          ${formatToNonZeroDecimal(Number(pool.rolling_24h_volume) / 1e6)}\n                        </td>\n                        <td class=\"p-2 text-right\">\n                          {formatToNonZeroDecimal(pool.rolling_24h_apy)}%\n                        </td>\n                        <td class=\"p-2\">\n                          <div\n                            class=\"flex content-center items-center justify-center gap-x-1\"\n                          >\n                            <button\n                              class=\"rounded-full text-nowrap bg-[#6ebd40] border-2 border-black px-2 py-1 flex items-center justify-center text-xl hover:bg-[#498625] hover:text-white\"\n                              on:click={() =>\n                                goto(\n                                  `/pools/add?token0=${pool.address_0}&token1=${pool.address_1}`,\n                                )}\n                            >\n                              <Droplets size={18} class=\"mr-1\" /> Add LP\n                            </button>\n                            <button\n                            on:click={(e) => {\n                              e.stopPropagation();\n                              if (pool.address_0 && pool.address_1) {\n                                goto(`/swap?from=${pool.address_0}&to=${pool.address_1}`);\n                              }\n                            }}\n                            class=\"rounded-full text-nowrap bg-[#6ebd40] border-2 border-black px-2 py-1 flex items-center justify-center text-xl hover:bg-[#498625] hover:text-white\"\n                          >\n                            <ArrowLeftRight size={18} class=\"mr-1\" /> Swap\n                          </button>\n                          </div>\n                        </td>\n                      </tr>\n                    {/each}\n                  {/if}\n                </tbody>\n              </table>\n            {/if}\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</section>\n\n<style scoped>\n  .inner-border {\n    box-shadow: inset 0 0 0 2px white;\n  }\n\n  @keyframes wobble {\n    0% {\n      transform: translateX(0%);\n    }\n    15% {\n      transform: rotate(-1deg);\n    }\n    30% {\n      transform: rotate(1deg);\n    }\n    45% {\n      transform: rotate(-1deg);\n    }\n    60% {\n      transform: rotate(1deg);\n    }\n    75% {\n      transform: rotate(-1deg);\n    }\n    100% {\n      transform: translateX(0%);\n    }\n  }\n\n  tr {\n    transition:\n      background-color 0.3s ease,\n      transform 0.3s ease;\n  }\n\n  tbody tr:hover {\n    background-image: linear-gradient(\n      to right,\n      rgba(27, 224, 99, 0.5),\n      rgba(255, 225, 0, 0.509)\n    );\n  }\n\n  /* Accessibility Enhancements */\n  tr:focus {\n    outline: 2px solid #3b82f6; /* Tailwind blue-500 */\n    outline-offset: -2px;\n  }\n</style>\n"],"names":["variant","textClass","column","$.prop","$$props","label","sortColumn","sortDirection","requiresAuth","onsort","handleSort","newDirection","$.set","variantClass","showHeader","auth","$$anchor","$.template_effect","$.set_text","text","$t","text_1","$.set_class","th","lpTableHeaders","searchQuery","writable","debouncedSearch","debounce","value","sortColumnStore","sortDirectionStore","filteredSortedPools","derived","poolsList","$pools","$searchQuery","$sortColumn","$sortDirection","filtered","filterPools","sortTableData","$poolsError","$.each","tr","header","$.get","$sortColumnStore","$sortDirectionStore","direction","$poolsLoading","$filteredSortedPools","node_2","pool","$tokenStore","t","formatToNonZeroDecimal","text_4","text_5","$.set_attribute","tr_2","text_2","$.event","button","goto","e","$.animation","flip","input"],"mappings":"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","x_google_ignoreList":[0]}