{$etfTicker} {#if $currentPortfolioPrice !== null && $currentPortfolioPrice !== 0} {$currentPortfolioPrice} {:else} {data?.getStockQuote?.price} {/if}

shareContent("https://stocknear.com/etf/" + $etfTicker)} > {#if data?.user}

{#if userWatchList?.length !== 0} {#if isTickerIncluded} {:else} {/if} {:else if userWatchList?.length === 0} toggleUserWatchlist("firstList")} class="cursor-pointer flex-shrink-0" > {#if isTickerIncluded} {:else} {/if} {/if}

{:else} {/if} ($openPriceAlert = true)} for={data?.user ? "priceAlertModal" : "userLogin"} class="mr-2" >

{#if data?.user}

{#if userWatchList?.length !== 0}

{#if isTickerIncluded} {:else} {/if}

{:else if userWatchList?.length === 0}

toggleUserWatchlist("firstList")} class="cursor-pointer flex-shrink-0" > {#if isTickerIncluded} {:else} {/if}

{/if}

{:else}

{/if}

($openPriceAlert = true)} for={data?.user ? "priceAlertModal" : "userLogin"} class="cursor-pointer flex-shrink-0 text-white" >

{$displayCompanyName?.length > charNumber ? $displayCompanyName?.slice(0, charNumber) + "..." : $displayCompanyName} ({$etfTicker?.toUpperCase()})

{displayLegend?.close}

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

{#if !$isOpen} At close: {/if} {displayLegend?.date} {#if $isOpen} - Market open {/if}

{#if Object?.keys(prePostData)?.length !== 0 && !$isOpen}

{prePostData?.price?.toFixed(2)}

{prePostData?.changesPercentage?.toFixed( 2, )}%

{#if prePostData?.time?.includes("AM")} {:else} {/if} {prePostData?.time?.includes("AM") ? "Pre-market" : "After-hours"} {prePostData?.time}

{/if}