{ searchValue = (e.target as HTMLInputElement).value; debounceSearch(searchValue); }} class="pl-10 bg-background/50 border-primary/20 focus:border-primary" />
v && setParam("sort", v)}>
{data.sort === "recent" ? $_("models.sort.recent") : $_("models.sort.name")}
{$_("models.sort.name")}
{$_("models.sort.recent")}
{#each data.items as model (model.slug)}
{model.artist_name}
{#each model.tags as tag (tag)}
{tag}
{/each}
{/each}
{#if data.items.length === 0}
{$_("models.no_results")}
{$_("models.clear_filters")}
{/if} {#if totalPages > 1}
goToPage(data.page - 1)} class="border-primary/20 hover:bg-primary/10" >{$_("common.previous")}
{#each pageNumbers() as p} {#if p === -1}
…
{:else}
goToPage(p)} class={p === data.page ? "bg-gradient-to-r from-primary to-accent min-w-9" : "border-primary/20 hover:bg-primary/10 min-w-9"} >{p}
{/if} {/each}
= totalPages} onclick={() => goToPage(data.page + 1)} class="border-primary/20 hover:bg-primary/10" >{$_("common.next")}
{$_("common.total_results", { values: { total: data.total } })}
{/if}