{#snippet TooltipLabel()} {#if formattedLabel}
{#if typeof formattedLabel === "function"} {@render formattedLabel()} {:else} {formattedLabel} {/if}
{/if} {/snippet}
{#if !nestLabel} {@render TooltipLabel()} {/if}
{#each tooltipCtx.payload as item, i (item.key + i)} {@const key = `${nameKey || item.key || item.name || "value"}`} {@const itemConfig = getPayloadConfigFromPayload(chart.config, item, key)} {@const indicatorColor = color || item.payload?.color || item.color}
svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:size-2.5", indicator === "dot" && "items-center" )} > {#if formatter && item.value !== undefined && item.name} {@render formatter({ value: item.value, name: item.name, item, index: i, payload: tooltipCtx.payload, })} {:else} {#if itemConfig?.icon} {:else if !hideIndicator}
{/if}
{#if nestLabel} {@render TooltipLabel()} {/if} {itemConfig?.label || item.name}
{#if item.value} {item.value.toLocaleString()} {/if}
{/if}
{/each}