{#if tooltip} {/if} {#if columnMenuFor || filterMenuFor || operatorMenuFor || chooseColumnsPos} {/if} {#snippet filterPanelBody(colId: string)} {@const menuColumn = allColumns.find((c) => c.id === colId)} {@const menuOperatorOptions = operatorsForColumn(menuColumn)} {@const menuActiveOperator = filterMenuValues[colId]?.operator ?? defaultOperatorFor(menuColumn)} {@const menuInputType = getEditorInputType((menuColumn?.columnDef.editorType ?? "text") as CellEditorType)}

{#if menuActiveOperator !== "isBlank" && menuActiveOperator !== "isNotBlank"} {@const isSetOp = menuActiveOperator === "in" || menuActiveOperator === "notIn"} onSetOpFilterFocus(event.currentTarget as HTMLInputElement, colId) : undefined} onblur={isSetOp ? () => closeInSuggest() : undefined} oninput={(event) => { const input = event.currentTarget as HTMLInputElement; updateFilterMenuValue(colId, input.value); if (isSetOp) onSetOpFilterInput(input, colId); }} /> {#if menuActiveOperator === "between"} updateFilterMenuValueTo(colId, (event.currentTarget as HTMLInputElement).value)} /> {/if} {@const mf = filterMenuValues[colId]} {#if mf?.operator2} {@const op2 = mf.operator2 ?? defaultOperatorFor(menuColumn)} {#if op2 !== "isBlank"} patchFilter(colId, { value2: (event.currentTarget as HTMLInputElement).value })} /> {#if op2 === "between"} patchFilter(colId, { valueTo2: (event.currentTarget as HTMLInputElement).value })} /> {/if} {/if} {:else} {/if} {/if} {#if columnMenuFacetOptions.length} FACET_VIRTUAL_THRESHOLD} rows={7} rowHeight={24} size="sm" ariaLabel="Filter values" options={columnMenuFacetOptions} value={columnMenuSelectedFacets} onChange={(next) => setFacetSelection(colId, next as Set)} /> {:else} {/if} {#if columnMenuFacetValues.length > columnMenuVisibleFacets.length} {/if}

{/snippet} {#if columnMenuFor} {@const menuColumnId = columnMenuFor} {@const menuCol = allColumns.find((c) => c.id === menuColumnId)} {@const menuCanSort = menuCol?.getCanSort?.() ?? false} {@const menuCanFilter = (menuCol?.columnDef.field != null) && (menuCol?.columnDef.filterable !== false)} {@const menuTab = ctrl.columnMenuTab} {/if} {#if filterMenuFor && showColumnFiltersEffective} {/if} {#if chooseColumnsPos} {@const everyColumn = grid.getAllColumns()} {/if} {#if operatorMenuFor} {@const opColumnId = operatorMenuFor} {@const opColumn = allColumns.find((c) => c.id === opColumnId)} {@const opOptions = operatorsForColumn(opColumn)} {@const opActive = filterMenuValues[opColumnId]?.operator ?? defaultOperatorFor(opColumn)} {/if} {#if inSuggestFor} {@const suggestColId = inSuggestFor} {@const selectedTokens = new Set( splitInTokens(filterRowValues[suggestColId] ?? ""), )}

event.preventDefault()} > {#if inSuggestOptions.length} FACET_VIRTUAL_THRESHOLD} rows={8} rowHeight={26} size="sm" ariaLabel="Filter values" options={inSuggestOptions} value={selectedTokens} onChange={(next) => { const picked = new Set(next as Set); // Boxes that hold the whole list ("AAPL, MS") leave a half-typed // fragment in the token set. The pick REPLACES that fragment // rather than landing beside it as a stray filter value. The chip // input keeps its fragment out of `filterRowValues`, so this is a // no-op there. const fragment = trailingInToken(filterRowValues[suggestColId] ?? ""); if (fragment) picked.delete(fragment); setFilterTokens(suggestColId, [...picked]); ctrl.inSuggestQuery = ""; }} /> {:else} {/if}

{/if} {#if contextMenuFor} {/if} {#if commentEditFor} {/if}