@forter/logical-conditions NPM

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`