{`${$displayCompanyName}

{#if $isCrosshairMoveActive } {displayLegend?.close} {:else if !$isCrosshairMoveActive && $realtimePrice !== null} {$realtimePrice} {:else} {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 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 CryptoKeyInformation && $screenWidth <=1022}

Key Information

{/if}

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

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