{`${$displayCompanyName}

{#if $isCrosshairMoveActive } {$stockTicker?.includes('.DE') || $stockTicker?.includes('.PA') || $stockTicker?.includes('.F') ? `${displayLegend?.close}€` : ` $${displayLegend?.close}`} {:else if !$isCrosshairMoveActive && $realtimePrice !== null} {$stockTicker?.includes('.DE') || $stockTicker?.includes('.PA') || $stockTicker?.includes('.F') ? `${$realtimePrice}€` : ` $${$realtimePrice}`} {:else} {$stockTicker?.includes('.DE') || $stockTicker?.includes('.PA') || $stockTicker?.includes('.F') ? `${displayLegend?.close}€` : ` $${displayLegend?.close}`} {/if} {#if $priceIncrease === true}

{:else if $priceIncrease === false}

{/if}

{#if displayLegend?.change >= 0} +{displayLegend?.change}% {:else if displayLegend?.change < 0} {displayLegend?.change}% {/if} {displayLegend?.date}

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

${prePostData?.price} {#if prePostData?.changesPercentage >= 0} ({prePostData?.changesPercentage}%) {:else if prePostData?.changesPercentage < 0} ({prePostData?.changesPercentage}%) {/if}

{#if $isBeforeMarketOpen && !$isOpen && !$isWeekend}

Pre-market:

{:else}

Post-market:

{/if}

{#if displayChartType === 'line'} {:else} {/if}

{#if output !== null}

{#if displayData === '1D' && oneDayPrice?.length === 0}

No data available

{:else if displayData === '1W' && oneWeekPrice?.length === 0}

No data available

{:else if displayData === '1M' && oneMonthPrice?.length === 0}

No data available

{:else if displayData === '6M' && sixMonthPrice?.length === 0}

No data available

{:else if displayData === '1Y' && oneYearPrice?.length === 0}

No data available

{:else if displayData === 'MAX' && threeYearPrice?.length === 0}

No data available

{:else} chart = ref} on:crosshairMove={handleCrosshairMove} > {#if displayData === '1D'} {#if displayChartType === 'line'} ({ time, value: close }))} lineWidth={1.5} priceScaleId="left" lineColor={colorChange} topColor={topColorChange} bottomColor={bottomColorChange} crosshairMarkerVisible={false} ref={handleSeriesReference} priceLineVisible= {false} lastPriceAnimation={1} > {:else} {/if} {:else if displayData === '1W'} {#if displayChartType === 'line'} ({ time, value: close }))} lineWidth={1.5} priceScaleId="left" lineColor={colorChange} topColor={topColorChange} bottomColor={bottomColorChange} crosshairMarkerVisible={false} ref={handleSeriesReference} priceLineVisible= {false} lastPriceAnimation={1} > {:else} {/if} {:else if displayData === '1M'} {#if displayChartType === 'line'} ({ time, value: close }))} lineWidth={1.5} priceScaleId="left" lineColor={colorChange} topColor={topColorChange} bottomColor={bottomColorChange} crosshairMarkerVisible={false} ref={handleSeriesReference} priceLineVisible= {false} lastPriceAnimation={1} > {:else} {/if} {:else if displayData === '6M'} {#if displayChartType === 'line'} ({ time, value: close }))} lineWidth={1.5} priceScaleId="left" lineColor={colorChange} topColor={topColorChange} bottomColor={bottomColorChange} crosshairMarkerVisible={false} ref={handleSeriesReference} priceLineVisible= {false} lastPriceAnimation={1} > {:else} {/if} {:else if displayData === '1Y'} {#if displayChartType === 'line'} ({ time, value: close }))} lineWidth={1.5} priceScaleId="left" lineColor={colorChange} topColor={topColorChange} bottomColor={bottomColorChange} crosshairMarkerVisible={false} ref={handleSeriesReference} priceLineVisible= {false} lastPriceAnimation={1} > {:else} {/if} {:else if displayData === 'MAX'} {#if displayChartType === 'line'} ({ time, value: close }))} lineWidth={1.5} priceScaleId="left" lineColor={colorChange} topColor={topColorChange} bottomColor={bottomColorChange} crosshairMarkerVisible={false} ref={handleSeriesReference} priceLineVisible= {false} lastPriceAnimation={1} > {:else} {/if} {/if} {/if}

{:else}

{/if}

{#if displayChartType === 'line'} {:else} {/if}

{#if $screenWidth <= 1022}

Key Information

{#await import('$lib/components/StockKeyInformation.svelte') then {default: Comp}} {/await}

{/if}

{#if WIIM}

{/if}

{#await import('$lib/components/ClinicalTrial.svelte') then {default: Comp}} {/await}

{#await import('$lib/components/PriceAnalysis.svelte') then {default: Comp}} {/await}

{#await import('$lib/components/TrendAnalysis.svelte') then {default: Comp}} {/await}

{#await import('$lib/components/FundamentalAnalysis.svelte') then {default: Comp}} {/await}

{#await import('$lib/components/SentimentAnalysis.svelte') then {default: Comp}} {/await}

{#await import('$lib/components/VaR.svelte') then {default: Comp}} {/await}

{#await import('$lib/components/AnalystEstimate.svelte') then {default: Comp}} {/await}

{#await import('$lib/components/GovernmentContract.svelte') then {default: Comp}} {/await}

{#await import('$lib/components/Enterprise.svelte') then {default: Comp}} {/await}

{#await import('$lib/components/OptionsData.svelte') then {default: Comp}} {/await}

{#await import('$lib/components/OptionsNetFlow.svelte') then {default: Comp}} {/await}

{#await import('$lib/components/ImpliedVolatility.svelte') then {default: Comp}} {/await}

{#await import('$lib/components/RevenueSegmentation.svelte') then {default: Comp}} {/await}

{#await import('$lib/components/FailToDeliver.svelte') then {default: Comp}} {/await}

{#await import('$lib/components/BorrowedShare.svelte') then {default: Comp}} {/await}

{#await import('$lib/components/MarketMaker.svelte') then {default: Comp}} {/await}

{#await import('$lib/components/DarkPool.svelte') then {default: Comp}} {/await}

{#await import('$lib/components/RetailVolume.svelte') then {default: Comp}} {/await}

{#await import('$lib/components/ShareStatistics.svelte') then {default: Comp}} {/await}

{#await import('$lib/components/ShareHolders.svelte') then {default: Comp}} {/await}

{#if TARating} {/if}

{#await import('$lib/components/DCF.svelte') then {default: Comp}} {/await}

{#if Correlation} {/if}

{#if StockSplits && stockDeck?.at(0)?.stockSplits?.length !== 0}

{/if}