<?php

[0] Fix | Delete

namespace Elementor;

[1] Fix | Delete

[2] Fix | Delete

if ( ! defined( 'ABSPATH' ) ) {

[3] Fix | Delete

exit; // Exit if accessed directly.

[4] Fix | Delete

}

[5] Fix | Delete

[6] Fix | Delete

use Elementor\Core\Kits\Documents\Tabs\Global_Colors;

[7] Fix | Delete

use Elementor\Core\Kits\Documents\Tabs\Global_Typography;

[8] Fix | Delete

[9] Fix | Delete

/**

[10] Fix | Delete

* Elementor image widget.

[11] Fix | Delete

*

[12] Fix | Delete

* Elementor widget that displays an image into the page.

[13] Fix | Delete

*

[14] Fix | Delete

* @since 1.0.0

[15] Fix | Delete

*/

[16] Fix | Delete

class Widget_Image extends Widget_Base {

[17] Fix | Delete

[18] Fix | Delete

/**

[19] Fix | Delete

* Get widget name.

[20] Fix | Delete

*

[21] Fix | Delete

* Retrieve image widget name.

[22] Fix | Delete

*

[23] Fix | Delete

* @since 1.0.0

[24] Fix | Delete

* @access public

[25] Fix | Delete

*

[26] Fix | Delete

* @return string Widget name.

[27] Fix | Delete

*/

[28] Fix | Delete

public function get_name() {

[29] Fix | Delete

return 'image';

[30] Fix | Delete

}

[31] Fix | Delete

[32] Fix | Delete

/**

[33] Fix | Delete

* Get widget title.

[34] Fix | Delete

*

[35] Fix | Delete

* Retrieve image widget title.

[36] Fix | Delete

*

[37] Fix | Delete

* @since 1.0.0

[38] Fix | Delete

* @access public

[39] Fix | Delete

*

[40] Fix | Delete

* @return string Widget title.

[41] Fix | Delete

*/

[42] Fix | Delete

public function get_title() {

[43] Fix | Delete

return esc_html__( 'Image', 'elementor' );

[44] Fix | Delete

}

[45] Fix | Delete

[46] Fix | Delete

/**

[47] Fix | Delete

* Get widget icon.

[48] Fix | Delete

*

[49] Fix | Delete

* Retrieve image widget icon.

[50] Fix | Delete

*

[51] Fix | Delete

* @since 1.0.0

[52] Fix | Delete

* @access public

[53] Fix | Delete

*

[54] Fix | Delete

* @return string Widget icon.

[55] Fix | Delete

*/

[56] Fix | Delete

public function get_icon() {

[57] Fix | Delete

return 'eicon-image';

[58] Fix | Delete

}

[59] Fix | Delete

[60] Fix | Delete

/**

[61] Fix | Delete

* Get widget categories.

[62] Fix | Delete

*

[63] Fix | Delete

* Retrieve the list of categories the image widget belongs to.

[64] Fix | Delete

*

[65] Fix | Delete

* Used to determine where to display the widget in the editor.

[66] Fix | Delete

*

[67] Fix | Delete

* @since 2.0.0

[68] Fix | Delete

* @access public

[69] Fix | Delete

*

[70] Fix | Delete

* @return array Widget categories.

[71] Fix | Delete

*/

[72] Fix | Delete

public function get_categories() {

[73] Fix | Delete

return [ 'basic' ];

[74] Fix | Delete

}

[75] Fix | Delete

[76] Fix | Delete

/**

[77] Fix | Delete

* Get widget keywords.

[78] Fix | Delete

*

[79] Fix | Delete

* Retrieve the list of keywords the widget belongs to.

[80] Fix | Delete

*

[81] Fix | Delete

* @since 2.1.0

[82] Fix | Delete

* @access public

[83] Fix | Delete

*

[84] Fix | Delete

* @return array Widget keywords.

[85] Fix | Delete

*/

[86] Fix | Delete

public function get_keywords() {

[87] Fix | Delete

return [ 'image', 'photo', 'visual' ];

[88] Fix | Delete

}

[89] Fix | Delete

[90] Fix | Delete

protected function is_dynamic_content(): bool {

[91] Fix | Delete

return false;

[92] Fix | Delete

}

[93] Fix | Delete

[94] Fix | Delete

/**

[95] Fix | Delete

* Get style dependencies.

[96] Fix | Delete

*

[97] Fix | Delete

* Retrieve the list of style dependencies the widget requires.

[98] Fix | Delete

*

[99] Fix | Delete

* @since 3.24.0

[100] Fix | Delete

* @access public

[101] Fix | Delete

*

[102] Fix | Delete

* @return array Widget style dependencies.

[103] Fix | Delete

*/

[104] Fix | Delete

public function get_style_depends(): array {

[105] Fix | Delete

return [ 'widget-image' ];

[106] Fix | Delete

}

[107] Fix | Delete

[108] Fix | Delete

public function has_widget_inner_wrapper(): bool {

[109] Fix | Delete

return ! Plugin::$instance->experiments->is_feature_active( 'e_optimized_markup' );

[110] Fix | Delete

}

[111] Fix | Delete

[112] Fix | Delete

/**

[113] Fix | Delete

* Register image widget controls.

[114] Fix | Delete

*

[115] Fix | Delete

* Adds different input fields to allow the user to change and customize the widget settings.

[116] Fix | Delete

*

[117] Fix | Delete

* @since 3.1.0

[118] Fix | Delete

* @access protected

[119] Fix | Delete

*/

[120] Fix | Delete

protected function register_controls() {

[121] Fix | Delete

$this->start_controls_section(

[122] Fix | Delete

'section_image',

[123] Fix | Delete

[

[124] Fix | Delete

'label' => esc_html__( 'Image', 'elementor' ),

[125] Fix | Delete

]

[126] Fix | Delete

);

[127] Fix | Delete

[128] Fix | Delete

$this->add_control(

[129] Fix | Delete

'image',

[130] Fix | Delete

[

[131] Fix | Delete

'label' => esc_html__( 'Choose Image', 'elementor' ),

[132] Fix | Delete

'type' => Controls_Manager::MEDIA,

[133] Fix | Delete

'dynamic' => [

[134] Fix | Delete

'active' => true,

[135] Fix | Delete

],

[136] Fix | Delete

'default' => [

[137] Fix | Delete

'url' => Utils::get_placeholder_image_src(),

[138] Fix | Delete

],

[139] Fix | Delete

]

[140] Fix | Delete

);

[141] Fix | Delete

[142] Fix | Delete

$this->add_group_control(

[143] Fix | Delete

Group_Control_Image_Size::get_type(),

[144] Fix | Delete

[

[145] Fix | Delete

'name' => 'image', // Usage: `{name}_size` and `{name}_custom_dimension`, in this case `image_size` and `image_custom_dimension`.

[146] Fix | Delete

'default' => 'large',

[147] Fix | Delete

'condition' => [

[148] Fix | Delete

'image[url]!' => '',

[149] Fix | Delete

],

[150] Fix | Delete

]

[151] Fix | Delete

);

[152] Fix | Delete

[153] Fix | Delete

$this->add_control(

[154] Fix | Delete

'caption_source',

[155] Fix | Delete

[

[156] Fix | Delete

'label' => esc_html__( 'Caption', 'elementor' ),

[157] Fix | Delete

'type' => Controls_Manager::SELECT,

[158] Fix | Delete

'options' => [

[159] Fix | Delete

'none' => esc_html__( 'None', 'elementor' ),

[160] Fix | Delete

'attachment' => esc_html__( 'Attachment Caption', 'elementor' ),

[161] Fix | Delete

'custom' => esc_html__( 'Custom Caption', 'elementor' ),

[162] Fix | Delete

],

[163] Fix | Delete

'default' => 'none',

[164] Fix | Delete

'condition' => [

[165] Fix | Delete

'image[url]!' => '',

[166] Fix | Delete

],

[167] Fix | Delete

]

[168] Fix | Delete

);

[169] Fix | Delete

[170] Fix | Delete

$this->add_control(

[171] Fix | Delete

'caption',

[172] Fix | Delete

[

[173] Fix | Delete

'label' => esc_html__( 'Custom Caption', 'elementor' ),

[174] Fix | Delete

'type' => Controls_Manager::TEXT,

[175] Fix | Delete

'default' => '',

[176] Fix | Delete

'placeholder' => esc_html__( 'Enter your image caption', 'elementor' ),

[177] Fix | Delete

'condition' => [

[178] Fix | Delete

'image[url]!' => '',

[179] Fix | Delete

'caption_source' => 'custom',

[180] Fix | Delete

],

[181] Fix | Delete

'dynamic' => [

[182] Fix | Delete

'active' => true,

[183] Fix | Delete

],

[184] Fix | Delete

]

[185] Fix | Delete

);

[186] Fix | Delete

[187] Fix | Delete

$this->add_control(

[188] Fix | Delete

'link_to',

[189] Fix | Delete

[

[190] Fix | Delete

'label' => esc_html__( 'Link', 'elementor' ),

[191] Fix | Delete

'type' => Controls_Manager::SELECT,

[192] Fix | Delete

'default' => 'none',

[193] Fix | Delete

'options' => [

[194] Fix | Delete

'none' => esc_html__( 'None', 'elementor' ),

[195] Fix | Delete

'file' => esc_html__( 'Media File', 'elementor' ),

[196] Fix | Delete

'custom' => esc_html__( 'Custom URL', 'elementor' ),

[197] Fix | Delete

],

[198] Fix | Delete

'condition' => [

[199] Fix | Delete

'image[url]!' => '',

[200] Fix | Delete

],

[201] Fix | Delete

]

[202] Fix | Delete

);

[203] Fix | Delete

[204] Fix | Delete

$this->add_control(

[205] Fix | Delete

'link',

[206] Fix | Delete

[

[207] Fix | Delete

'label' => esc_html__( 'Link', 'elementor' ),

[208] Fix | Delete

'type' => Controls_Manager::URL,

[209] Fix | Delete

'dynamic' => [

[210] Fix | Delete

'active' => true,

[211] Fix | Delete

],

[212] Fix | Delete

'condition' => [

[213] Fix | Delete

'image[url]!' => '',

[214] Fix | Delete

'link_to' => 'custom',

[215] Fix | Delete

],

[216] Fix | Delete

'show_label' => false,

[217] Fix | Delete

]

[218] Fix | Delete

);

[219] Fix | Delete

[220] Fix | Delete

$this->add_control(

[221] Fix | Delete

'open_lightbox',

[222] Fix | Delete

[

[223] Fix | Delete

'label' => esc_html__( 'Lightbox', 'elementor' ),

[224] Fix | Delete

'type' => Controls_Manager::SELECT,

[225] Fix | Delete

'description' => sprintf(

[226] Fix | Delete

/* translators: 1: Link open tag, 2: Link close tag. */

[227] Fix | Delete

esc_html__( 'Manage your site’s lightbox settings in the %1$sLightbox panel%2$s.', 'elementor' ),

[228] Fix | Delete

'<a href="javascript: $e.run( \'panel/global/open\' ).then( () => $e.route( \'panel/global/settings-lightbox\' ) )">',

[229] Fix | Delete

'</a>'

[230] Fix | Delete

),

[231] Fix | Delete

'default' => 'default',

[232] Fix | Delete

'options' => [

[233] Fix | Delete

'default' => esc_html__( 'Default', 'elementor' ),

[234] Fix | Delete

'yes' => esc_html__( 'Yes', 'elementor' ),

[235] Fix | Delete

'no' => esc_html__( 'No', 'elementor' ),

[236] Fix | Delete

],

[237] Fix | Delete

'condition' => [

[238] Fix | Delete

'image[url]!' => '',

[239] Fix | Delete

'link_to' => 'file',

[240] Fix | Delete

],

[241] Fix | Delete

]

[242] Fix | Delete

);

[243] Fix | Delete

[244] Fix | Delete

$this->end_controls_section();

[245] Fix | Delete

[246] Fix | Delete

$this->start_controls_section(

[247] Fix | Delete

'section_style_image',

[248] Fix | Delete

[

[249] Fix | Delete

'label' => esc_html__( 'Image', 'elementor' ),

[250] Fix | Delete

'tab' => Controls_Manager::TAB_STYLE,

[251] Fix | Delete

]

[252] Fix | Delete

);

[253] Fix | Delete

[254] Fix | Delete

$this->add_responsive_control(

[255] Fix | Delete

'align',

[256] Fix | Delete

[

[257] Fix | Delete

'label' => esc_html__( 'Alignment', 'elementor' ),

[258] Fix | Delete

'type' => Controls_Manager::CHOOSE,

[259] Fix | Delete

'options' => [

[260] Fix | Delete

'left' => [

[261] Fix | Delete

'title' => esc_html__( 'Left', 'elementor' ),

[262] Fix | Delete

'icon' => 'eicon-text-align-left',

[263] Fix | Delete

],

[264] Fix | Delete

'center' => [

[265] Fix | Delete

'title' => esc_html__( 'Center', 'elementor' ),

[266] Fix | Delete

'icon' => 'eicon-text-align-center',

[267] Fix | Delete

],

[268] Fix | Delete

'right' => [

[269] Fix | Delete

'title' => esc_html__( 'Right', 'elementor' ),

[270] Fix | Delete

'icon' => 'eicon-text-align-right',

[271] Fix | Delete

],

[272] Fix | Delete

],

[273] Fix | Delete

'selectors' => [

[274] Fix | Delete

'{{WRAPPER}}' => 'text-align: {{VALUE}};',

[275] Fix | Delete

],

[276] Fix | Delete

]

[277] Fix | Delete

);

[278] Fix | Delete

[279] Fix | Delete

$this->add_responsive_control(

[280] Fix | Delete

'width',

[281] Fix | Delete

[

[282] Fix | Delete

'label' => esc_html__( 'Width', 'elementor' ),

[283] Fix | Delete

'type' => Controls_Manager::SLIDER,

[284] Fix | Delete

'default' => [

[285] Fix | Delete

'unit' => '%',

[286] Fix | Delete

],

[287] Fix | Delete

'tablet_default' => [

[288] Fix | Delete

'unit' => '%',

[289] Fix | Delete

],

[290] Fix | Delete

'mobile_default' => [

[291] Fix | Delete

'unit' => '%',

[292] Fix | Delete

],

[293] Fix | Delete

'size_units' => [ 'px', '%', 'em', 'rem', 'vw', 'custom' ],

[294] Fix | Delete

'range' => [

[295] Fix | Delete

'%' => [

[296] Fix | Delete

'min' => 1,

[297] Fix | Delete

'max' => 100,

[298] Fix | Delete

],

[299] Fix | Delete

'px' => [

[300] Fix | Delete

'min' => 1,

[301] Fix | Delete

'max' => 1000,

[302] Fix | Delete

],

[303] Fix | Delete

'vw' => [

[304] Fix | Delete

'min' => 1,

[305] Fix | Delete

'max' => 100,

[306] Fix | Delete

],

[307] Fix | Delete

],

[308] Fix | Delete

'selectors' => [

[309] Fix | Delete

'{{WRAPPER}} img' => 'width: {{SIZE}}{{UNIT}};',

[310] Fix | Delete

],

[311] Fix | Delete

]

[312] Fix | Delete

);

[313] Fix | Delete

[314] Fix | Delete

$this->add_responsive_control(

[315] Fix | Delete

'space',

[316] Fix | Delete

[

[317] Fix | Delete

'label' => esc_html__( 'Max Width', 'elementor' ),

[318] Fix | Delete

'type' => Controls_Manager::SLIDER,

[319] Fix | Delete

'default' => [

[320] Fix | Delete

'unit' => '%',

[321] Fix | Delete

],

[322] Fix | Delete

'tablet_default' => [

[323] Fix | Delete

'unit' => '%',

[324] Fix | Delete

],

[325] Fix | Delete

'mobile_default' => [

[326] Fix | Delete

'unit' => '%',

[327] Fix | Delete

],

[328] Fix | Delete

'size_units' => [ 'px', '%', 'em', 'rem', 'vw', 'custom' ],

[329] Fix | Delete

'range' => [

[330] Fix | Delete

'%' => [

[331] Fix | Delete

'min' => 1,

[332] Fix | Delete

'max' => 100,

[333] Fix | Delete

],

[334] Fix | Delete

'px' => [

[335] Fix | Delete

'min' => 1,

[336] Fix | Delete

'max' => 1000,

[337] Fix | Delete

],

[338] Fix | Delete

'vw' => [

[339] Fix | Delete

'min' => 1,

[340] Fix | Delete

'max' => 100,

[341] Fix | Delete

],

[342] Fix | Delete

],

[343] Fix | Delete

'selectors' => [

[344] Fix | Delete

'{{WRAPPER}} img' => 'max-width: {{SIZE}}{{UNIT}};',

[345] Fix | Delete

],

[346] Fix | Delete

]

[347] Fix | Delete

);

[348] Fix | Delete

[349] Fix | Delete

$this->add_responsive_control(

[350] Fix | Delete

'height',

[351] Fix | Delete

[

[352] Fix | Delete

'label' => esc_html__( 'Height', 'elementor' ),

[353] Fix | Delete

'type' => Controls_Manager::SLIDER,

[354] Fix | Delete

'size_units' => [ 'px', '%', 'em', 'rem', 'vh', 'custom' ],

[355] Fix | Delete

'range' => [

[356] Fix | Delete

'px' => [

[357] Fix | Delete

'min' => 1,

[358] Fix | Delete

'max' => 500,

[359] Fix | Delete

],

[360] Fix | Delete

'vh' => [

[361] Fix | Delete

'min' => 1,

[362] Fix | Delete

'max' => 100,

[363] Fix | Delete

],

[364] Fix | Delete

],

[365] Fix | Delete

'selectors' => [

[366] Fix | Delete

'{{WRAPPER}} img' => 'height: {{SIZE}}{{UNIT}};',

[367] Fix | Delete

],

[368] Fix | Delete

]

[369] Fix | Delete

);

[370] Fix | Delete

[371] Fix | Delete

$this->add_responsive_control(

[372] Fix | Delete

'object-fit',

[373] Fix | Delete

[

[374] Fix | Delete

'label' => esc_html__( 'Object Fit', 'elementor' ),

[375] Fix | Delete

'type' => Controls_Manager::SELECT,

[376] Fix | Delete

'condition' => [

[377] Fix | Delete

'height[size]!' => '',

[378] Fix | Delete

],

[379] Fix | Delete

'options' => [

[380] Fix | Delete

'' => esc_html__( 'Default', 'elementor' ),

[381] Fix | Delete

'fill' => esc_html__( 'Fill', 'elementor' ),

[382] Fix | Delete

'cover' => esc_html__( 'Cover', 'elementor' ),

[383] Fix | Delete

'contain' => esc_html__( 'Contain', 'elementor' ),

[384] Fix | Delete

'scale-down' => esc_html__( 'Scale Down', 'elementor' ),

[385] Fix | Delete

],

[386] Fix | Delete

'default' => '',

[387] Fix | Delete

'selectors' => [

[388] Fix | Delete

'{{WRAPPER}} img' => 'object-fit: {{VALUE}};',

[389] Fix | Delete

],

[390] Fix | Delete

]

[391] Fix | Delete

);

[392] Fix | Delete

[393] Fix | Delete

$this->add_responsive_control(

[394] Fix | Delete

'object-position',

[395] Fix | Delete

[

[396] Fix | Delete

'label' => esc_html__( 'Object Position', 'elementor' ),

[397] Fix | Delete

'type' => Controls_Manager::SELECT,

[398] Fix | Delete

'options' => [

[399] Fix | Delete

'center center' => esc_html__( 'Center Center', 'elementor' ),

[400] Fix | Delete

'center left' => esc_html__( 'Center Left', 'elementor' ),

[401] Fix | Delete

'center right' => esc_html__( 'Center Right', 'elementor' ),

[402] Fix | Delete

'top center' => esc_html__( 'Top Center', 'elementor' ),

[403] Fix | Delete

'top left' => esc_html__( 'Top Left', 'elementor' ),

[404] Fix | Delete

'top right' => esc_html__( 'Top Right', 'elementor' ),

[405] Fix | Delete

'bottom center' => esc_html__( 'Bottom Center', 'elementor' ),

[406] Fix | Delete

'bottom left' => esc_html__( 'Bottom Left', 'elementor' ),

[407] Fix | Delete

'bottom right' => esc_html__( 'Bottom Right', 'elementor' ),

[408] Fix | Delete

],

[409] Fix | Delete

'default' => 'center center',

[410] Fix | Delete

'selectors' => [

[411] Fix | Delete

'{{WRAPPER}} img' => 'object-position: {{VALUE}};',

[412] Fix | Delete

],

[413] Fix | Delete

'condition' => [

[414] Fix | Delete

'height[size]!' => '',

[415] Fix | Delete

'object-fit' => [ 'cover', 'contain', 'scale-down' ],

[416] Fix | Delete

],

[417] Fix | Delete

]

[418] Fix | Delete

);

[419] Fix | Delete

[420] Fix | Delete

$this->add_control(

[421] Fix | Delete

'separator_panel_style',

[422] Fix | Delete

[

[423] Fix | Delete

'type' => Controls_Manager::DIVIDER,

[424] Fix | Delete

'style' => 'thick',

[425] Fix | Delete

]

[426] Fix | Delete

);

[427] Fix | Delete

[428] Fix | Delete

$this->start_controls_tabs( 'image_effects' );

[429] Fix | Delete

[430] Fix | Delete

$this->start_controls_tab( 'normal',

[431] Fix | Delete

[

[432] Fix | Delete

'label' => esc_html__( 'Normal', 'elementor' ),

[433] Fix | Delete

]

[434] Fix | Delete

);

[435] Fix | Delete

[436] Fix | Delete

$this->add_control(

[437] Fix | Delete

'opacity',

[438] Fix | Delete

[

[439] Fix | Delete

'label' => esc_html__( 'Opacity', 'elementor' ),

[440] Fix | Delete

'type' => Controls_Manager::SLIDER,

[441] Fix | Delete

'range' => [

[442] Fix | Delete

'px' => [

[443] Fix | Delete

'max' => 1,

[444] Fix | Delete

'min' => 0.10,

[445] Fix | Delete

'step' => 0.01,

[446] Fix | Delete

],

[447] Fix | Delete

],

[448] Fix | Delete

'selectors' => [

[449] Fix | Delete

'{{WRAPPER}} img' => 'opacity: {{SIZE}};',

[450] Fix | Delete

],

[451] Fix | Delete

]

[452] Fix | Delete

);

[453] Fix | Delete

[454] Fix | Delete

$this->add_group_control(

[455] Fix | Delete

Group_Control_Css_Filter::get_type(),

[456] Fix | Delete

[

[457] Fix | Delete

'name' => 'css_filters',

[458] Fix | Delete

'selector' => '{{WRAPPER}} img',

[459] Fix | Delete

]

[460] Fix | Delete

);

[461] Fix | Delete

[462] Fix | Delete

$this->end_controls_tab();

[463] Fix | Delete

[464] Fix | Delete

$this->start_controls_tab( 'hover',

[465] Fix | Delete

[

[466] Fix | Delete

'label' => esc_html__( 'Hover', 'elementor' ),

[467] Fix | Delete

]

[468] Fix | Delete

);

[469] Fix | Delete

[470] Fix | Delete

$this->add_control(

[471] Fix | Delete

'opacity_hover',

[472] Fix | Delete

[

[473] Fix | Delete

'label' => esc_html__( 'Opacity', 'elementor' ),

[474] Fix | Delete

'type' => Controls_Manager::SLIDER,

[475] Fix | Delete

'range' => [

[476] Fix | Delete

'px' => [

[477] Fix | Delete

'max' => 1,

[478] Fix | Delete

'min' => 0.10,

[479] Fix | Delete

'step' => 0.01,

[480] Fix | Delete

],

[481] Fix | Delete

],

[482] Fix | Delete

'selectors' => [

[483] Fix | Delete

'{{WRAPPER}}:hover img' => 'opacity: {{SIZE}};',

[484] Fix | Delete

],

[485] Fix | Delete

]

[486] Fix | Delete

);

[487] Fix | Delete

[488] Fix | Delete

$this->add_group_control(

[489] Fix | Delete

Group_Control_Css_Filter::get_type(),

[490] Fix | Delete

[

[491] Fix | Delete

'name' => 'css_filters_hover',

[492] Fix | Delete

'selector' => '{{WRAPPER}}:hover img',

[493] Fix | Delete

]

[494] Fix | Delete

);

[495] Fix | Delete

[496] Fix | Delete

$this->add_control(

[497] Fix | Delete

'background_hover_transition',

[498] Fix | Delete

[

[499] Fix | Delete