{#if dataMapping[displayData]?.length === 0}

No {displayData} chart data available

{:else}

= 0 ? "before:content-['+'] text-[#00FC50]" : "text-[#FF2F1F]"} > {displayLegend?.graphChange}% ({displayData})

{#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}

Bid	{$wsBidPrice !== 0 && $wsBidPrice !== null ? $wsBidPrice : (data?.getStockQuote?.bid ?? "-")}
Market Cap	{abbreviateNumber(data?.getStockQuote?.marketCap)}
AUM	{stockDeck?.aum !== null ? abbreviateNumber(stockDeck?.aum) : "n/a"}
NAV	{stockDeck?.nav !== null ? abbreviateNumber(stockDeck?.nav) : "n/a"}
EPS (ttm)	{data?.getStockQuote?.eps !== null ? data?.getStockQuote?.eps?.toFixed(2) : "n/a"}
PE Ratio (ttm)	{data?.getStockQuote?.pe !== null ? data?.getStockQuote?.pe?.toFixed(2) : "n/a"}
Shares Out	{data?.getStockQuote?.sharesOutstanding !== null ? abbreviateNumber( data?.getStockQuote?.sharesOutstanding, ) : "n/a"}
Inception Date	{stockDeck?.inceptionDate !== null ? new Date(stockDeck?.inceptionDate)?.toLocaleString( "en-US", { month: "short", day: "numeric", year: "numeric", daySuffix: "2-digit", }, ) : "n/a"}

Ask	{$wsAskPrice !== 0 && $wsAskPrice !== null ? $wsAskPrice : (data?.getStockQuote?.ask ?? "-")}
Volume	{abbreviateNumber(data?.getStockQuote?.volume)}
Open	{data?.getStockQuote?.open?.toFixed(2)}
Previous Close	{data?.getStockQuote?.previousClose?.toFixed(2)}
Day's Range	{data?.getStockQuote?.dayLow?.toFixed(2)} - {data?.getStockQuote?.dayHigh?.toFixed( 2, )}
52-Week Range	{data?.getStockQuote?.yearLow?.toFixed(2)} - {data?.getStockQuote?.yearHigh?.toFixed( 2, )}
Holdings	{stockDeck?.holdingsCount !== null ? abbreviateNumber(stockDeck?.holdingsCount) : "n/a"}
Expense Ratio	{stockDeck?.expenseRatio !== null ? stockDeck?.expenseRatio?.toFixed(2) + "%" : "n/a"}