FilterFieldForm
Overview
Renders and controls the filter form for a single filterable field. It hosts the per-field form state (initial values seeded from the URL query, validation, and lazy choice fetching) and applies or removes the field's entry in the shared active-filter list. It is mounted on demand inside the FilterMenu drill-in (to add a filter) and inside a FilterChip edit popover (to edit one). The surrounding popover owns visibility; this component owns the form body and the apply/remove mutations.
Theme entry: FilterFieldForm
Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| themeOverride | String|Object|Array | null | A partial theme object merged with the component's default theme; accepts a class string, class array, or theme object. | |
| filterName | string | yes | Field name this form filters on. | |
| filterDetails | object | yes | Filter configuration for this field (label, typeFilter, choices, lookupExprs, suffixes). | |
| query | object | {} | Current URL query object, used to seed the field value when editing an active filter. | |
| open | boolean | true | When true, the form is visible; gates lazy choice fetching for choice fields. | |
| showRemove | boolean | false | When true, renders a Remove control beside Apply (used by the chip edit popover). | |
| errored | boolean | false | When true, renders the field in an error state. |
Slots
slotName
Scoped slot.
Bindings
| Name | Description |
|---|---|
| name |
Events
applied
removed
hide-filter-form
Source
client/lib/form/filter/FilterFieldForm.vue