{$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ''} {$displayCompanyName} ({$etfTicker}) Holdings List · stocknear

ETF Holdings

{#if rawData?.length !== 0} The {$displayCompanyName} holds {rawData?.length} different assets and the largest one in the portfolio is {formatString(rawData?.at(0)?.name)}, making up {rawData?.at(0)?.weightPercentage?.toFixed(2)}% of the total. {:else} No information available for {$displayCompanyName}. {/if}
{#if holdings?.length !== 0}
{#each (data?.user?.tier === 'Pro' ? holdings : holdings?.slice(0,3)) as item,index} {#if item?.asset !== null} stockSelector(item?.asset)} class="w-full sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#202020] {index+1 === holdings?.slice(0,3)?.length && data?.user?.tier !== 'Pro' ? 'opacity-[0.1]' : ''} {item?.asset?.length !== 0 ? 'cursor-pointer' : ''}"> {/if} {/each}
No. Symbol Shares % Weight
{index+1}
{item?.asset} {item?.name?.length > charNumber ? formatString(item?.name?.slice(0,charNumber)) + "..." : formatString(item?.name)}
{new Intl.NumberFormat("en", { minimumFractionDigits: 0, maximumFractionDigits: 0 }).format(item?.sharesNumber)} {item?.weightPercentage?.toFixed(2)}%
{#if data?.user?.tier === 'Pro'} {/if} {:else}

No holdings are available for {$displayCompanyName} 🧐.

{/if}