balmet.com

theme-style-images.php (4558B)

---

 <?php
 
 namespace Elementor\Core\Kits\Documents\Tabs;
 
 use Elementor\Controls_Manager;
 use Elementor\Group_Control_Border;
 use Elementor\Group_Control_Box_Shadow;
 use Elementor\Group_Control_Css_Filter;
 
 if ( ! defined( 'ABSPATH' ) ) {
 	exit; // Exit if accessed directly
 }
 
 class Theme_Style_Images extends Tab_Base {
 
 	public function get_id() {
 		return 'theme-style-images';
 	}
 
 	public function get_title() {
 		return esc_html__( 'Images', 'elementor' );
 	}
 
 	public function get_group() {
 		return 'theme-style';
 	}
 
 	public function get_icon() {
 		return 'eicon-image';
 	}
 
 	public function get_help_url() {
 		return 'https://go.elementor.com/global-theme-style-images';
 	}
 
 	protected function register_tab_controls() {
 		$image_selectors = [
 			'{{WRAPPER}} img',
 		];
 
 		$image_hover_selectors = [
 			'{{WRAPPER}} img:hover',
 		];
 
 		$image_selectors = implode( ',', $image_selectors );
 		$image_hover_selectors = implode( ',', $image_hover_selectors );
 
 		$this->start_controls_section(
 			'section_images',
 			[
 				'label' => esc_html__( 'Images', 'elementor' ),
 				'tab' => $this->get_id(),
 			]
 		);
 
 		$this->add_default_globals_notice();
 
 		$this->start_controls_tabs( 'tabs_image_style' );
 
 		$this->start_controls_tab(
 			'tab_image_normal',
 			[
 				'label' => esc_html__( 'Normal', 'elementor' ),
 			]
 		);
 
 		$this->add_group_control(
 			Group_Control_Border::get_type(),
 			[
 				'name' => 'image_border',
 				'selector' => $image_selectors,
 				'fields_options' => [
 					'color' => [
 						'dynamic' => [],
 					],
 				],
 			]
 		);
 
 		$this->add_responsive_control(
 			'image_border_radius',
 			[
 				'label' => esc_html__( 'Border Radius', 'elementor' ),
 				'type' => Controls_Manager::DIMENSIONS,
 				'size_units' => [ 'px', '%' ],
 				'selectors' => [
 					$image_selectors => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
 				],
 			]
 		);
 
 		$this->add_control(
 			'image_opacity',
 			[
 				'label' => esc_html__( 'Opacity', 'elementor' ),
 				'type' => Controls_Manager::SLIDER,
 				'range' => [
 					'px' => [
 						'max' => 1,
 						'min' => 0.10,
 						'step' => 0.01,
 					],
 				],
 				'selectors' => [
 					$image_selectors => 'opacity: {{SIZE}};',
 				],
 			]
 		);
 
 		$this->add_group_control(
 			Group_Control_Box_Shadow::get_type(),
 			[
 				'name' => 'image_box_shadow',
 				'exclude' => [
 					'box_shadow_position',
 				],
 				'selector' => $image_selectors,
 			]
 		);
 
 		$this->add_group_control(
 			Group_Control_Css_Filter::get_type(),
 			[
 				'name' => 'image_css_filters',
 				'selector' => '{{WRAPPER}} img',
 			]
 		);
 
 		$this->end_controls_tab();
 
 		$this->start_controls_tab(
 			'tab_image_hover',
 			[
 				'label' => esc_html__( 'Hover', 'elementor' ),
 			]
 		);
 
 		$this->add_group_control(
 			Group_Control_Border::get_type(),
 			[
 				'name' => 'image_hover_border',
 				'selector' => '{{WRAPPER}} img:hover',
 				'fields_options' => [
 					'color' => [
 						'dynamic' => [],
 					],
 				],
 			]
 		);
 
 		$this->add_responsive_control(
 			'image_hover_border_radius',
 			[
 				'label' => esc_html__( 'Border Radius', 'elementor' ),
 				'type' => Controls_Manager::DIMENSIONS,
 				'size_units' => [ 'px', '%' ],
 				'selectors' => [
 					$image_hover_selectors => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
 				],
 			]
 		);
 
 		$this->add_control(
 			'image_hover_opacity',
 			[
 				'label' => esc_html__( 'Opacity', 'elementor' ),
 				'type' => Controls_Manager::SLIDER,
 				'range' => [
 					'px' => [
 						'max' => 1,
 						'min' => 0.10,
 						'step' => 0.01,
 					],
 				],
 				'selectors' => [
 					$image_hover_selectors => 'opacity: {{SIZE}};',
 				],
 			]
 		);
 
 		$this->add_group_control(
 			Group_Control_Box_Shadow::get_type(),
 			[
 				'name' => 'image_hover_box_shadow',
 				'exclude' => [
 					'box_shadow_position',
 				],
 				'selector' => $image_hover_selectors,
 			]
 		);
 
 		$this->add_group_control(
 			Group_Control_Css_Filter::get_type(),
 			[
 				'name' => 'image_hover_css_filters',
 				'selector' => $image_hover_selectors,
 			]
 		);
 
 		$this->add_control(
 			'image_hover_transition',
 			[
 				'label' => esc_html__( 'Transition Duration', 'elementor' ) . ' (s)',
 				'type' => Controls_Manager::SLIDER,
 				'range' => [
 					'px' => [
 						'max' => 3,
 						'step' => 0.1,
 					],
 				],
 				'selectors' => [
 					$image_selectors => 'transition-duration: {{SIZE}}s',
 				],
 			]
 		);
 
 		$this->end_controls_tab();
 
 		$this->end_controls_tabs();
 
 		$this->end_controls_section();
 	}
 }