<?php

[0] Fix | Delete

namespace Elementor;

[1] Fix | Delete

[2] Fix | Delete

use Elementor\Plugin;

[3] Fix | Delete

[4] Fix | Delete

if ( ! defined( 'ABSPATH' ) ) {

[5] Fix | Delete

exit; // Exit if accessed directly.

[6] Fix | Delete

}

[7] Fix | Delete

[8] Fix | Delete

class Group_Control_Grid_Container extends Group_Control_Base {

[9] Fix | Delete

[10] Fix | Delete

protected static $fields;

[11] Fix | Delete

[12] Fix | Delete

public static function get_type() {

[13] Fix | Delete

return 'grid-container';

[14] Fix | Delete

}

[15] Fix | Delete

[16] Fix | Delete

protected function init_fields() {

[17] Fix | Delete

$icon_start = is_rtl() ? 'end' : 'start';

[18] Fix | Delete

$icon_end = is_rtl() ? 'start' : 'end';

[19] Fix | Delete

[20] Fix | Delete

$fields = [];

[21] Fix | Delete

[22] Fix | Delete

$fields['items_grid'] = [

[23] Fix | Delete

'type' => Controls_Manager::HEADING,

[24] Fix | Delete

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

[25] Fix | Delete

'separator' => 'before',

[26] Fix | Delete

];

[27] Fix | Delete

[28] Fix | Delete

$fields['outline'] = [

[29] Fix | Delete

'label' => esc_html__( 'Grid Outline', 'elementor' ),

[30] Fix | Delete

'type' => Controls_Manager::SWITCHER,

[31] Fix | Delete

'label_on' => esc_html__( 'Show', 'elementor' ),

[32] Fix | Delete

'label_off' => esc_html__( 'Hide', 'elementor' ),

[33] Fix | Delete

'default' => 'yes',

[34] Fix | Delete

'editor_available' => true,

[35] Fix | Delete

];

[36] Fix | Delete

[37] Fix | Delete

$responsive_unit_defaults = $this->get_responsive_unit_defaults();

[38] Fix | Delete

[39] Fix | Delete

$fields['columns_grid'] = [

[40] Fix | Delete

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

[41] Fix | Delete

'type' => Controls_Manager::SLIDER,

[42] Fix | Delete

'range' => [

[43] Fix | Delete

'fr' => [

[44] Fix | Delete

'min' => 1,

[45] Fix | Delete

'max' => 12,

[46] Fix | Delete

'step' => 1,

[47] Fix | Delete

],

[48] Fix | Delete

],

[49] Fix | Delete

'size_units' => [ 'fr', 'custom' ],

[50] Fix | Delete

'unit_selectors_dictionary' => [

[51] Fix | Delete

'custom' => '--e-con-grid-template-columns: {{SIZE}}',

[52] Fix | Delete

],

[53] Fix | Delete

'default' => [

[54] Fix | Delete

'unit' => 'fr',

[55] Fix | Delete

'size' => 3,

[56] Fix | Delete

],

[57] Fix | Delete

'mobile_default' => [

[58] Fix | Delete

'unit' => 'fr',

[59] Fix | Delete

'size' => 1,

[60] Fix | Delete

],

[61] Fix | Delete

'selectors' => [

[62] Fix | Delete

'{{SELECTOR}}' => '--e-con-grid-template-columns: repeat({{SIZE}}, 1fr)',

[63] Fix | Delete

],

[64] Fix | Delete

'responsive' => true,

[65] Fix | Delete

'editor_available' => true,

[66] Fix | Delete

] + $responsive_unit_defaults;

[67] Fix | Delete

[68] Fix | Delete

$fields['rows_grid'] = [

[69] Fix | Delete

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

[70] Fix | Delete

'type' => Controls_Manager::SLIDER,

[71] Fix | Delete

'range' => [

[72] Fix | Delete

'fr' => [

[73] Fix | Delete

'min' => 1,

[74] Fix | Delete

'max' => 12,

[75] Fix | Delete

'step' => 1,

[76] Fix | Delete

],

[77] Fix | Delete

],

[78] Fix | Delete

'size_units' => [ 'fr', 'custom' ],

[79] Fix | Delete

'unit_selectors_dictionary' => [

[80] Fix | Delete

'custom' => '--e-con-grid-template-rows: {{SIZE}}',

[81] Fix | Delete

],

[82] Fix | Delete

'default' => [

[83] Fix | Delete

'unit' => 'fr',

[84] Fix | Delete

'size' => 2,

[85] Fix | Delete

],

[86] Fix | Delete

'selectors' => [

[87] Fix | Delete

'{{SELECTOR}}' => '--e-con-grid-template-rows: repeat({{SIZE}}, 1fr)',

[88] Fix | Delete

],

[89] Fix | Delete

'responsive' => true,

[90] Fix | Delete

'editor_available' => true,

[91] Fix | Delete

] + $responsive_unit_defaults;

[92] Fix | Delete

[93] Fix | Delete

$fields['gaps'] = [

[94] Fix | Delete

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

[95] Fix | Delete

'type' => Controls_Manager::GAPS,

[96] Fix | Delete

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

[97] Fix | Delete

'default' => [

[98] Fix | Delete

'unit' => 'px',

[99] Fix | Delete

],

[100] Fix | Delete

'separator' => 'before',

[101] Fix | Delete

'selectors' => [

[102] Fix | Delete

'{{SELECTOR}}' => '--gap: {{ROW}}{{UNIT}} {{COLUMN}}{{UNIT}};--row-gap: {{ROW}}{{UNIT}};--column-gap: {{COLUMN}}{{UNIT}};',

[103] Fix | Delete

],

[104] Fix | Delete

'responsive' => true,

[105] Fix | Delete

'validators' => [

[106] Fix | Delete

'Number' => [

[107] Fix | Delete

'min' => 0,

[108] Fix | Delete

],

[109] Fix | Delete

],

[110] Fix | Delete

];

[111] Fix | Delete

[112] Fix | Delete

$fields['auto_flow'] = [

[113] Fix | Delete

'label' => esc_html__( 'Auto Flow', 'elementor' ),

[114] Fix | Delete

'type' => Controls_Manager::SELECT,

[115] Fix | Delete

'options' => [

[116] Fix | Delete

'row' => esc_html__( 'Row', 'elementor' ),

[117] Fix | Delete

'column' => esc_html__( 'Column', 'elementor' ),

[118] Fix | Delete

],

[119] Fix | Delete

'default' => 'row',

[120] Fix | Delete

'separator' => 'before',

[121] Fix | Delete

'selectors' => [

[122] Fix | Delete

'{{SELECTOR}}' => '--grid-auto-flow: {{VALUE}}',

[123] Fix | Delete

],

[124] Fix | Delete

'responsive' => true,

[125] Fix | Delete

'editor_available' => true,

[126] Fix | Delete

] + $this->get_responsive_autoflow_defaults();

[127] Fix | Delete

[128] Fix | Delete

$fields['justify_items'] = [

[129] Fix | Delete

'label' => esc_html__( 'Justify Items', 'elementor' ),

[130] Fix | Delete

'type' => Controls_Manager::CHOOSE,

[131] Fix | Delete

'options' => [

[132] Fix | Delete

'start' => [

[133] Fix | Delete

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

[134] Fix | Delete

'icon' => 'eicon-align-' . $icon_start . '-h',

[135] Fix | Delete

],

[136] Fix | Delete

'center' => [

[137] Fix | Delete

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

[138] Fix | Delete

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

[139] Fix | Delete

],

[140] Fix | Delete

'end' => [

[141] Fix | Delete

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

[142] Fix | Delete

'icon' => 'eicon-align-' . $icon_end . '-h',

[143] Fix | Delete

],

[144] Fix | Delete

'stretch' => [

[145] Fix | Delete

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

[146] Fix | Delete

'icon' => 'eicon-align-stretch-h',

[147] Fix | Delete

],

[148] Fix | Delete

],

[149] Fix | Delete

'default' => '',

[150] Fix | Delete

'selectors' => [

[151] Fix | Delete

'{{SELECTOR}}' => '--justify-items: {{VALUE}};',

[152] Fix | Delete

],

[153] Fix | Delete

'responsive' => true,

[154] Fix | Delete

];

[155] Fix | Delete

[156] Fix | Delete

$fields['align_items'] = [

[157] Fix | Delete

'label' => esc_html__( 'Align Items', 'elementor' ),

[158] Fix | Delete

'type' => Controls_Manager::CHOOSE,

[159] Fix | Delete

'options' => [

[160] Fix | Delete

'start' => [

[161] Fix | Delete

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

[162] Fix | Delete

'icon' => 'eicon-align-start-v',

[163] Fix | Delete

],

[164] Fix | Delete

'center' => [

[165] Fix | Delete

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

[166] Fix | Delete

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

[167] Fix | Delete

],

[168] Fix | Delete

'end' => [

[169] Fix | Delete

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

[170] Fix | Delete

'icon' => 'eicon-align-end-v',

[171] Fix | Delete

],

[172] Fix | Delete

'stretch' => [

[173] Fix | Delete

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

[174] Fix | Delete

'icon' => 'eicon-align-stretch-v',

[175] Fix | Delete

],

[176] Fix | Delete

],

[177] Fix | Delete

'selectors' => [

[178] Fix | Delete

'{{SELECTOR}}' => '--align-items: {{VALUE}};',

[179] Fix | Delete

],

[180] Fix | Delete

'responsive' => true,

[181] Fix | Delete

];

[182] Fix | Delete

[183] Fix | Delete

$fields['justify_content'] = [

[184] Fix | Delete

'label' => esc_html__( 'Justify Content', 'elementor' ),

[185] Fix | Delete

'type' => Controls_Manager::CHOOSE,

[186] Fix | Delete

'label_block' => true,

[187] Fix | Delete

'default' => '',

[188] Fix | Delete

'options' => [

[189] Fix | Delete

'start' => [

[190] Fix | Delete

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

[191] Fix | Delete

'icon' => 'eicon-justify-start-h',

[192] Fix | Delete

],

[193] Fix | Delete

'center' => [

[194] Fix | Delete

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

[195] Fix | Delete

'icon' => 'eicon-justify-center-h',

[196] Fix | Delete

],

[197] Fix | Delete

'end' => [

[198] Fix | Delete

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

[199] Fix | Delete

'icon' => 'eicon-justify-end-h',

[200] Fix | Delete

],

[201] Fix | Delete

'space-between' => [

[202] Fix | Delete

'title' => esc_html__( 'Space Between', 'elementor' ),

[203] Fix | Delete

'icon' => 'eicon-justify-space-between-h',

[204] Fix | Delete

],

[205] Fix | Delete

'space-around' => [

[206] Fix | Delete

'title' => esc_html__( 'Space Around', 'elementor' ),

[207] Fix | Delete

'icon' => 'eicon-justify-space-around-h',

[208] Fix | Delete

],

[209] Fix | Delete

'space-evenly' => [

[210] Fix | Delete

'title' => esc_html__( 'Space Evenly', 'elementor' ),

[211] Fix | Delete

'icon' => 'eicon-justify-space-evenly-h',

[212] Fix | Delete

],

[213] Fix | Delete

],

[214] Fix | Delete

'selectors' => [

[215] Fix | Delete

'{{SELECTOR}}' => '--grid-justify-content: {{VALUE}};',

[216] Fix | Delete

],

[217] Fix | Delete

'condition' => [

[218] Fix | Delete

'columns_grid[unit]' => 'custom',

[219] Fix | Delete

],

[220] Fix | Delete

'responsive' => true,

[221] Fix | Delete

];

[222] Fix | Delete

[223] Fix | Delete

$fields['align_content'] = [

[224] Fix | Delete

'label' => esc_html__( 'Align Content', 'elementor' ),

[225] Fix | Delete

'type' => Controls_Manager::CHOOSE,

[226] Fix | Delete

'label_block' => true,

[227] Fix | Delete

'default' => '',

[228] Fix | Delete

'options' => [

[229] Fix | Delete

'start' => [

[230] Fix | Delete

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

[231] Fix | Delete

'icon' => 'eicon-justify-start-v',

[232] Fix | Delete

],

[233] Fix | Delete

'center' => [

[234] Fix | Delete

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

[235] Fix | Delete

'icon' => 'eicon-justify-center-v',

[236] Fix | Delete

],

[237] Fix | Delete

'end' => [

[238] Fix | Delete

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

[239] Fix | Delete

'icon' => 'eicon-justify-end-v',

[240] Fix | Delete

],

[241] Fix | Delete

'space-between' => [

[242] Fix | Delete

'title' => esc_html__( 'Space Between', 'elementor' ),

[243] Fix | Delete

'icon' => 'eicon-justify-space-between-v',

[244] Fix | Delete

],

[245] Fix | Delete

'space-around' => [

[246] Fix | Delete

'title' => esc_html__( 'Space Around', 'elementor' ),

[247] Fix | Delete

'icon' => 'eicon-justify-space-around-v',

[248] Fix | Delete

],

[249] Fix | Delete

'space-evenly' => [

[250] Fix | Delete

'title' => esc_html__( 'Space Evenly', 'elementor' ),

[251] Fix | Delete

'icon' => 'eicon-justify-space-evenly-v',

[252] Fix | Delete

],

[253] Fix | Delete

],

[254] Fix | Delete

'selectors' => [

[255] Fix | Delete

'{{SELECTOR}}' => '--grid-align-content: {{VALUE}};',

[256] Fix | Delete

],

[257] Fix | Delete

'condition' => [

[258] Fix | Delete

'rows_grid[unit]' => 'custom',

[259] Fix | Delete

],

[260] Fix | Delete

'responsive' => true,

[261] Fix | Delete

];

[262] Fix | Delete

[263] Fix | Delete

// Only use the auto flow prefix class inside the editor.

[264] Fix | Delete

$auto_flow_prefix_class = Plugin::$instance->editor->is_edit_mode() ? [ 'prefix_class' => 'e-con--' ] : [];

[265] Fix | Delete

[266] Fix | Delete

$fields['_is_row'] = array_merge( $auto_flow_prefix_class, [

[267] Fix | Delete

'type' => Controls_Manager::HIDDEN,

[268] Fix | Delete

'default' => 'row',

[269] Fix | Delete

'condition' => [

[270] Fix | Delete

'auto_flow' => [

[271] Fix | Delete

'row',

[272] Fix | Delete

],

[273] Fix | Delete

],

[274] Fix | Delete

] );

[275] Fix | Delete

[276] Fix | Delete

$fields['_is_column'] = array_merge( $auto_flow_prefix_class, [

[277] Fix | Delete

'type' => Controls_Manager::HIDDEN,

[278] Fix | Delete

'default' => 'column',

[279] Fix | Delete

'condition' => [

[280] Fix | Delete

'auto_flow' => [

[281] Fix | Delete

'column',

[282] Fix | Delete

],

[283] Fix | Delete

],

[284] Fix | Delete

] );

[285] Fix | Delete

[286] Fix | Delete

return $fields;

[287] Fix | Delete

}

[288] Fix | Delete

[289] Fix | Delete

protected function get_responsive_unit_defaults() {

[290] Fix | Delete

$responsive_unit_defaults = [];

[291] Fix | Delete

$active_breakpoints = Plugin::$instance->breakpoints->get_active_breakpoints();

[292] Fix | Delete

[293] Fix | Delete

foreach ( $active_breakpoints as $breakpoint_name => $breakpoint ) {

[294] Fix | Delete

$responsive_unit_defaults[ $breakpoint_name . '_default' ] = [

[295] Fix | Delete

'unit' => 'fr',

[296] Fix | Delete

];

[297] Fix | Delete

}

[298] Fix | Delete

[299] Fix | Delete

return $responsive_unit_defaults;

[300] Fix | Delete

}

[301] Fix | Delete

[302] Fix | Delete

protected function get_responsive_autoflow_defaults() {

[303] Fix | Delete

$responsive_autoflow_defaults = [];

[304] Fix | Delete

$active_breakpoints = Plugin::$instance->breakpoints->get_active_breakpoints();

[305] Fix | Delete

[306] Fix | Delete

foreach ( $active_breakpoints as $breakpoint_name => $breakpoint ) {

[307] Fix | Delete

$responsive_autoflow_defaults[ $breakpoint_name . '_default' ] = 'row';

[308] Fix | Delete

}

[309] Fix | Delete

[310] Fix | Delete

return $responsive_autoflow_defaults;

[311] Fix | Delete

}

[312] Fix | Delete

[313] Fix | Delete

protected function get_default_options() {

[314] Fix | Delete

return [

[315] Fix | Delete

'popover' => false,

[316] Fix | Delete

];

[317] Fix | Delete

}

[318] Fix | Delete

}

[319] Fix | Delete

[320] Fix | Delete