{#if !$isOpen}

Live flow of {data?.user?.tier === "Pro" && selectedDate ? df.format(selectedDate?.toDate()) : nyseDate} (NYSE Time)

{/if}

(muted = !muted)} class="xl:tooltip xl:tooltip-bottom flex flex-col items-center mr-3 cursor-pointer" >

{#if !muted} {:else} {/if}

{$isOpen ? "Paused" : "Market Closed"}

Live Flow

{#if filterQuery?.length > 0} { filterQuery = ""; shouldLoadWorker.set(true); }} > {:else} {/if} {#if notFound === true} No Results Found {/if}

{#if showFilters}

Add Filters

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

Reset All

{/if}

{#each displayRules as row (row?.rule)}

{row?.label?.length > 20 ? row?.label?.slice(0, 20)?.replace("[%]", "") + "..." : row?.label?.replace("[%]", "")}

(ruleName = row?.rule)}> {#if !categoricalRules?.includes(row?.rule)}

{#each ["Over", "Under", "Between", "Exactly"] as item} changeRuleCondition( row?.rule, item, )} class="cursor-pointer text-[1rem] font-normal" >{item} {/each}

{#if ruleCondition[row?.rule] === "between"}

handleValueInput(e, row?.rule, 0)} class="ios-zoom-fix block max-w-[3.5rem] rounded-sm placeholder:text-gray-200 font-normal p-1 text-sm shadow-sm focus:border-blue-500 focus:ring-blue-500 bg-primary" /> & handleValueInput(e, row?.rule, 1)} class="ios-zoom-fix block max-w-[3.5rem] rounded-sm placeholder:text-gray-200 font-normal p-1 text-sm shadow-sm focus:border-blue-500 focus:ring-blue-500 bg-primary" />

{:else} handleValueInput(e, row?.rule)} class="ios-zoom-fix block max-w-[4.8rem] rounded-sm placeholder:text-gray-200 font-normal p-1 text-sm shadow-sm focus:border-blue-500 focus:ring-blue-500 bg-primary" /> {/if} {#if ["over", "under", "exactly"]?.includes(ruleCondition[ruleName]?.toLowerCase())}

{/if}

{:else} {/if} {#if !categoricalRules?.includes(row?.rule)} {#each row?.step as newValue, index} {#if ruleCondition[row?.rule] === "between"} {#if newValue && row?.step[index + 1]} {/if} {:else} {/if} {/each} {:else if categoricalRules?.includes(row?.rule)} {#each row?.step as item}

event.preventDefault()} > { handleChangeValue(item); }} class="cursor-pointer text-white" for={item} > {item}

{/each} {/if}

{/each}

{/if}

{#if isLoaded}

Flow Sentiment {flowSentiment}

Put/Call {putCallRatio?.toFixed(3)}

{putCallRatio?.toFixed(2)}

Call Flow {new Intl.NumberFormat("en", { minimumFractionDigits: 0, maximumFractionDigits: 0, }).format(displayCallVolume)}

{callPercentage}%

Put Flow {new Intl.NumberFormat("en", { minimumFractionDigits: 0, maximumFractionDigits: 0, }).format(displayPutVolume)}

{putPercentage}%

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

{:else}

Looks like your taste is one-of-a-kind! No matches found... yet!

{/if}

{:else}

{/if}