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 |