@forter/logical-conditions

fc-logical-conditions

An element by Forter

Usage

<script>
   import '@forter/logical-conditions';
</script>

<fc-logical-conditions>
</fc-logical-conditions>

Properties

Property	Attribute	Type	Default	Description
actionResults	actionResults	any[]
addValueToList		({ optionalValues, currentDepth, index, previousIndex }: { optionalValues: any; currentDepth: any; index: any; previousIndex: any; }) => void
attributes	attributes	{}	{}
conditionsSchema	conditionsSchema	{}	{}
getDefaultValuesForCheckboxSearch		(values: any, valuesForCheckboxSearch: any) => any[]
getSingleConditionElementsByAttributeTargetId		(targetId: any) => { operationSelectionTargetSelect: any; valueSelectionTargetSelect: any; contextualMenuTarget: any; targetElement: any; }
getValuesForCheckboxSearch		(optionalValues: any) => any
isEditMode	isEditMode	boolean	false	If the element is in edit mode
label	label	string	""
maximumDepth	maximumDepth	number	2
onActionChange		(event: any) => void
onAttributeFocus		(event: any) => void
onAttributeFocusOut		(event: any) => void
onLogicalConditionChange		(event: any, optionalValues: any) => void
onValueChange		({ currentDepth, conditionIndex, previousIndex, listValueIndex, newValue, changeType, optionalValues }: { currentDepth: any; conditionIndex: any; previousIndex: any; listValueIndex: any; newValue: any; changeType: any; optionalValues: any; }) => void
renderAddingConditionButton		() => TemplateResult
renderConditionContextualMenu		({ currentDepth, index, previousIndex, id }: { currentDepth: any; index: any; previousIndex: any; id: any; }) => TemplateResult
renderConditionType		(index: any, currentDepth: any, currentConditionType: any, previousConditionType: any, previousIndex: any) => TemplateResult
renderConditionValue		({ value, optionalValues, type, currentDepth, index, previousIndex }: any) => TemplateResult | undefined
renderConditions		() => TemplateResult
renderConditionsBody		() => TemplateResult
renderHeader		() => TemplateResult
renderListConditionValue		(values: any, optionalValues: any, currentDepth: any, index: any, previousIndex: any) => TemplateResult
renderListWithOptionalValues		(values: any, optionalValues: any, currentDepth: any, index: any, previousIndex: any) => TemplateResult
renderListWithoutOptionalValues		(values: any, currentDepth: any, index: any, previousIndex: any) => TemplateResult
renderOperatorSelectionByType		({ type, defaultOperator, currentDepth, index, previousIndex, optionalValues }: any) => TemplateResult | undefined
renderResultAction		() => TemplateResult
renderRootConditionHeader		() => TemplateResult
renderSingleCondition		({ singleCondition, index, currentConditionType, currentDepth, previousConditionType, previousIndex }: any) => TemplateResult | undefined		A single condition can be either 'regular' condition or nested one, with other conditions in it. Example to nested condition is: singleCondition = {or: [...]} Nested condition type can be only AND or OR. In case of a nested condition we will render recursively renderSingleCondition in order to get its all children (may be more than 2 depth).
renderSingleConditionValue		(value: any, optionalValues: any, currentDepth: any, index: any, previousIndex: any) => TemplateResult | undefined
rootOption	rootOption	string
selectedAction	selectedAction	any
setSingleConditionTargetsNewStyle		({ operationSelectionTargetSelect, valueSelectionTargetSelect, contextualMenuTarget, targetElement, operationSelectionWidth, valueSelectionWidth, attributeSelectionWidth, contextualOpacity }: { operationSelectionTargetSelect: any; valueSelectionTargetSelect: any; contextualMenuTarget: any; targetElement: any; operat...
updateConditionsSchema		(newSchema: any) => void

CSS Custom Properties

Property	Description
--fc-logical-conditions-disabled-color	disabled color. example: gray