Available operators for the selected field type
Use Delete.
The same emitter under the old binding name, so a template still binding (delete) keeps working. Must stay AFTER Delete: class fields initialise in order, and the other way round this captures undefined.
Emitted when the delete button is clicked
Whether the component is disabled
Available fields to filter on
The filter descriptor for this rule
Use FilterChange.
The same emitter under the old binding name, so a template still binding (filterChange) keeps working. Must stay AFTER FilterChange: class fields initialise in order, and the other way round this captures undefined.
Emitted when the filter changes
Whether the current operator requires a value
Currently selected field info
Whether to show the delete button
Use ActiveSourceKey.
Use AvailableOperators.
Use Disabled.
Use DropdownMenuStyle.
Use FieldDropdownBtn.
Use FieldDropdownOpen.
Use FieldHighlightIndex.
Use Filter.
Use IsMultiSource.
Use OperatorDropdownBtn.
Use OperatorDropdownOpen.
Use RequiresValue.
Use SelectedField.
Use ShowDelete.
Use Sources.
Use ValueDropdownBtn.
Use ValueDropdownOpen.
Use ValueHighlightIndex.
Use CloseAllDropdowns.
Use CloseFieldDropdown.
Use CloseValueDropdown.
Use GetDateInputValue.
Get the date value formatted for the date input
Get the display name for the currently selected field
Get the label for the currently selected operator
Get the label for the currently selected value (for value list dropdowns)
Use HasValueList.
Check if the current field has a value list (dropdown options)
A callback method that is invoked immediately after the default change detector has checked data-bound properties if at least one has changed, and before the view and content children are checked.
The changed properties.
A callback method that is invoked immediately after the default change detector has checked the directive's data-bound properties for the first time, and before any of the view or content children have been checked. It is invoked only once when the directive is instantiated.
Handle boolean toggle
Handle date change
Use OnDelete.
Handle delete button click
Close dropdowns when clicking outside the component
Handle field selection change
Handle keyboard events on the field dropdown trigger
Handle keyboard events on the operator dropdown trigger
Handle value change
Handle keyboard events on the value dropdown trigger
Handle field selection from custom dropdown
Handle operator selection from custom dropdown
Handle value selection from custom dropdown
Handle value selection from value list option (supports union type)
Use ToggleFieldDropdown.
Use ToggleValueDropdown.
FilterRuleComponent - A single filter condition row
Displays field selector, operator selector, and value editor based on the field type.
Architectural Note — Purpose-Built Rich Field Picker (vs.
<mj-combobox>/<mj-dropdown>):FilterRuleComponentintentionally uses a custom fixed-positioned searchable field dropdown (role="listbox"/role="option") rather than a generic single-line<mj-combobox>or native<select>. This enables:FilterFieldInfo.descriptionalongside type badgesSourceslist + per-source field list)dropUp) so the menu flips above the trigger when opened near the bottom of a dialog or inside transformed ancestorsArrowDown/ArrowUp/Enter/Escape) that closes only the open field menu without dismissing parent modals.