{#snippet TooltipLabel()} {#if formattedLabel}
{#if typeof formattedLabel === 'function'} {@render formattedLabel()} {:else} {formattedLabel} {/if}
{/if} {/snippet}
{#if !nestLabel} {@render TooltipLabel()} {/if}
{#each visibleSeries as item, i (item.key + i)} {@const key = `${nameKey || item.key || item.label || 'value'}`} {@const itemConfig = getPayloadConfigFromPayload( chart.config, item, key, chartCtx.tooltip.data )} {@const indicatorColor = color || item.config?.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.label} {@render formatter({ value: item.value, name: item.label, item, index: i, payload: visibleSeries })} {:else} {#if itemConfig?.icon}
{:else if !hideIndicator}
{/if}
{#if nestLabel} {@render TooltipLabel()} {/if}
{itemConfig?.label || item.label}
{#if item.value !== undefined}
{item.value.toLocaleString()}
{/if}
{/if}
{/each}