CngxSearch

DirectivePrimaryv0.1.0

projects/common/interactive/keyboard/search.directive.ts

import { CngxSearch } from '@cngx/common/interactive'

Debounced search term tracker for <input> elements.

Converts the DOM input event stream into a debounced Signal. The raw Observable is never exposed - signal at the API boundary.

<input cngxSearch #search="cngxSearch" placeholder="Search..." />
<button (click)="search.clear()">Clear</button>

debounceMs#number

input()

Debounce delay in milliseconds. @defaultValue 300

default 300

searchChange#string

output()

Emitted after each debounced input event with the new term.

term#unknown

Readonly

The current (debounced) search term.

this.termState.asReadonly()

clear#void

Clears the search term and resets the input element value.