FilterTreeComponent
Root component for editing a filter tree with drag-and-drop and undo/redo.
Implements
Section titled “Implements”OnInit
Constructors
Section titled “Constructors”Constructor
Section titled “Constructor”new FilterTreeComponent():
FilterTreeComponent
Returns
Section titled “Returns”FilterTreeComponent
Properties
Section titled “Properties”allDropListIds
Section titled “allDropListIds”allDropListIds:
Signal<string[]>
Flat array of ALL cdkDropList IDs currently in the tree.
Passed to [cdkDropListConnectedTo] on every branch body so cross-branch
dragging works. Each branch contributes one ID: drop-list-<nodeId>.
canClearAll
Section titled “canClearAll”
readonlycanClearAll:Signal<boolean>
True when the tree has at least one child (i.e. there are filters to clear).
canRedo
Section titled “canRedo”
readonlycanRedo:Signal<boolean>
True when there’s at least one state to redo to.
canUndo
Section titled “canUndo”
readonlycanUndo:Signal<boolean>
True when there’s at least one state to undo to.
initialTree
Section titled “initialTree”initialTree:
InputSignal<FilterNode|undefined>
Optional initial tree. If not provided, an empty root branch is created. The component makes its own internal copy so callers don’t need to worry about mutations.
readonlyroot:WritableSignal<FilterNode>
The authoritative tree state. All mutations update this signal.
treeChange
Section titled “treeChange”treeChange:
OutputEmitterRef<FilterNode>
Emitted after every successful tree mutation (including undo/redo).
Methods
Section titled “Methods”applyExternalUpdate()
Section titled “applyExternalUpdate()”applyExternalUpdate(
newRoot):void
Apply an external tree mutation through the history stack. Used by FilterEditorComponent when appending a new leaf.
Parameters
Section titled “Parameters”newRoot
Section titled “newRoot”Returns
Section titled “Returns”void
clearAll()
Section titled “clearAll()”clearAll():
void
Returns
Section titled “Returns”void
ngOnInit()
Section titled “ngOnInit()”ngOnInit():
void
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.
Returns
Section titled “Returns”void
Implementation of
Section titled “Implementation of”OnInit.ngOnInit
onConjunctionToggle()
Section titled “onConjunctionToggle()”onConjunctionToggle(
branchId):void
Handle a conjunction toggle from any branch.
Parameters
Section titled “Parameters”branchId
Section titled “branchId”string
Returns
Section titled “Returns”void
onKeydown()
Section titled “onKeydown()”onKeydown(
event):void
Parameters
Section titled “Parameters”KeyboardEvent
Returns
Section titled “Returns”void
onNodeDelete()
Section titled “onNodeDelete()”onNodeDelete(
nodeId):void
Handle a node deletion from anywhere in the tree.
Parameters
Section titled “Parameters”nodeId
Section titled “nodeId”string
Returns
Section titled “Returns”void
onNodeDrop()
Section titled “onNodeDrop()”onNodeDrop(
event):void
Handle a drop event from any node in the tree. resolveDropPosition runs inside FilterNodeComponent at drop time, so we receive a fully resolved DropPosition here.
Parameters
Section titled “Parameters”dragId
Section titled “dragId”string
position
Section titled “position”Returns
Section titled “Returns”void
redo()
Section titled “redo()”redo():
void
Returns
Section titled “Returns”void
undo()
Section titled “undo()”undo():
void
Returns
Section titled “Returns”void