= 0 ? "▲" : "▼"} ${displayLegend?.change}%`} description={`Get a real-time ${data?.companyName} (${$indexTicker}) stock chart, price quote with breaking news, financials, statistics, charts and more.`} />
{#if dataMapping[displayData]?.length === 0}
    {#each intervals as interval}
    • {/each}
No {displayData} chart data available
{:else}
    {#each intervals as interval}
    • {/each}
= 0 ? "before:content-['+'] text-[#00FC50]" : "text-[#FF2F1F]"} > {displayLegend?.graphChange}%
{#if output !== null && dataMapping[displayData]?.length !== 0} (chart = api)} > {#if displayData === "1D"} ({ time, value: close, }))} lineWidth={1.5} priceScaleId="right" lineColor={colorChange} topColor={topColorChange} bottomColor={bottomColorChange} priceLineVisible={false} > {:else if displayData === "1W"} ({ time, value: close, }))} lineWidth={1.5} priceScaleId="right" lineColor={colorChange} topColor={topColorChange} bottomColor={bottomColorChange} priceLineVisible={false} > {:else if displayData === "1M"} ({ time: time, value: close, }))} lineWidth={1.5} priceScaleId="right" lineColor={colorChange} topColor={topColorChange} bottomColor={bottomColorChange} priceLineVisible={false} > {:else if displayData === "6M"} ({ time, value: close, }))} lineWidth={1.5} priceScaleId="right" lineColor={colorChange} topColor={topColorChange} bottomColor={bottomColorChange} priceLineVisible={false} > {:else if displayData === "1Y"} ({ time, value: close, }))} lineWidth={1.5} priceScaleId="right" lineColor={colorChange} topColor={topColorChange} bottomColor={bottomColorChange} priceLineVisible={false} > {:else if displayData === "MAX"} ({ time, value: close, }))} lineWidth={1.5} priceScaleId="right" lineColor={colorChange} topColor={topColorChange} bottomColor={bottomColorChange} priceLineVisible={false} > {/if} {:else}
{/if}
{/if}
Bid {$wsBidPrice !== 0 && $wsBidPrice !== null ? $wsBidPrice : (data?.getStockQuote?.bid ?? "-")}
Open {data?.getStockQuote?.open?.toFixed(2)}
Volume {data?.getStockQuote?.volume ? abbreviateNumber(data?.getStockQuote?.volume) : 'n/a'}
Market Cap n/a
Price Avg 50 {data?.getStockQuote?.priceAvg50?.toFixed(2)}
Day's Range {data?.getStockQuote?.dayLow?.toFixed(2)} - {data?.getStockQuote?.dayHigh?.toFixed( 2, )}
Ask {$wsAskPrice !== 0 && $wsAskPrice !== null ? $wsAskPrice : (data?.getStockQuote?.ask ?? "-")}
Previous Close {data?.getStockQuote?.previousClose?.toFixed(2)}
Avg. Volume {data?.getStockQuote?.avgVolume ? abbreviateNumber(data?.getStockQuote?.avgVolume) : 'n/a'}
Holdings {stockDeck?.holdingsCount !== null ? abbreviateNumber(stockDeck?.holdingsCount) : "n/a"}
Price Avg 200 {data?.getStockQuote?.priceAvg200?.toFixed(2)}
52-Week Range {data?.getStockQuote?.yearLow?.toFixed(2)} - {data?.getStockQuote?.yearHigh?.toFixed( 2, )}