📚 🚀 Feature Request: Add Visibility Condition for all Control arguments

[NimaBakhtiyari]

Prerequisites

• I have searched for similar features requests in both open and closed tickets and cannot find a duplicate.
• The feature is still missing in the latest stable version of Elementor ( Elementor Pro )

What problem is your feature request going to solve? Please describe.

While writing a widget, I encountered the problem that it is not possible to display or hide the values of the arguments of a control based on the value of another control, for example, changing the icon of the 'choose' control based on the value of another control or changing the options of a control based on the selection in another control. You can only define a condition for the display entire control.

Describe the solution you'd like

some thing like this https://developers.elementor.com/docs/editor-controls/conditional-display/ but for one a argument not entire control.

Describe alternatives you've considered

No response

Additional context

some things like below code for change icons:

    protected function _register_controls() {
        $this->start_controls_section(
            'section_style',
            [
                'label' => esc_html__( 'Style', 'elementor' ),
                'tab' => Controls_Manager::TAB_STYLE,
            ]
        );

		$this->add_responsive_control(
			'icon_position',
			[
				'label' => esc_html__( 'Icon Position', 'elementor' ),
				'type' => Controls_Manager::CHOOSE,
				'default' => 'left',
				'mobile_default' => 'top',
				'options' => [
					'left' => [
						'title' => esc_html__( 'Left', 'elementor' ),
						'icon' => 'eicon-h-align-left',
					],
					'top' => [
						'title' => esc_html__( 'Top', 'elementor' ),
						'icon' => 'eicon-v-align-top',
					],
					'bottom' => [
						'title' => esc_html__( 'Bottom', 'elementor' ),
						'icon' => 'eicon-v-align-bottom',
					],
					'right' => [
						'title' => esc_html__( 'Right', 'elementor' ),
						'icon' => 'eicon-h-align-right',
					],
				],
				'prefix_class' => 'elementor%s-position-',
				'condition' => [ 'selected_icon[value]!' => '' ],
				'selectors' =>
				[
					'{{WRAPPER}} .elementor-copy-button-content-wrapper.elementor-align-icon-left' => 'display: flex; flex-direction: row;',
					'{{WRAPPER}} .elementor-copy-button-content-wrapper.elementor-align-icon-top' => 'display: flex; flex-direction: column-reverse;',
					'{{WRAPPER}} .elementor-copy-button-content-wrapper.elementor-align-icon-bottom' => 'display: flex; flex-direction: column;',
					'{{WRAPPER}} .elementor-copy-button-content-wrapper.elementor-align-icon-right' => 'display: flex; flex-direction: row-reverse;',
				],
			]
		);

		$this->add_responsive_control(
			'align_items',
			[
				'label' => esc_html__( 'Align Items', 'elementor' ),
				'type' => Controls_Manager::CHOOSE,
				'default' => 'center',
				'options' => [
					'start' => [
						'title' => esc_html__( 'Start', 'elementor' ),
						'icon' => 'eicon-align-start-v',
					],
					'center' => [
						'title' => esc_html__( 'Center', 'elementor' ),
						'icon' => 'eicon-align-center-v',
					],
					'end' => [
						'title' => esc_html__( 'End', 'elementor' ),
						'icon' => 'eicon-align-end-v',
					],
					'stretch' => [
						'title' => esc_html__( 'Stretch', 'elementor' ),
						'icon' => 'eicon-align-stretch-v', 'condition' => [ 'icon_position' => [ 'left', 'right' ]],
						'icon' => 'eicon-align-stretch-h', 'condition' => [ 'icon_position' => [ 'top', 'bottom' ]],
					],
					'baseline' => [
						'title' => esc_html__( 'Baseline', 'elementor' ),
						'icon' => 'eicon-font',
					],
				],
				'prefix_class' => 'elementor%s-position-',
				'condition' => [ 'selected_icon[value]!' => '' ],
				'selectors' =>
				[
					'{{WRAPPER}} .elementor-copy-button-content-wrapper.elementor-align-items-start' => 'align-items: start;',
					'{{WRAPPER}} .elementor-copy-button-content-wrapper.elementor-align-items-center' => 'align-items: center;',
					'{{WRAPPER}} .elementor-copy-button-content-wrapper.elementor-align-items-end' => 'align-items: end;',
					'{{WRAPPER}} .elementor-copy-button-content-wrapper.elementor-align-items-stretch' => 'align-items: stretch;',
					'{{WRAPPER}} .elementor-copy-button-content-wrapper.elementor-align-items-baseline' => 'align-items: baseline;',
				],
			]
		);

		$this->end_controls_section();
}