entor' ),
'icon' => 'eicon-flex eicon-justify-space-evenly-h',
],
],
'selectors' => [
'{{SELECTOR}}' => '--justify-content: {{VALUE}};',
],
'responsive' => true,
];
$fields['align_items'] = [
'label' => esc_html__( 'Align Items', 'elementor' ),
'type' => Controls_Manager::CHOOSE,
'default' => '',
'options' => [
'flex-start' => [
'title' => esc_html__( 'Start', 'elementor' ),
'icon' => 'eicon-flex eicon-align-start-v',
],
'center' => [
'title' => esc_html__( 'Center', 'elementor' ),
'icon' => 'eicon-flex eicon-align-center-v',
],
'flex-end' => [
'title' => esc_html__( 'End', 'elementor' ),
'icon' => 'eicon-flex eicon-align-end-v',
],
'stretch' => [
'title' => esc_html__( 'Stretch', 'elementor' ),
'icon' => 'eicon-flex eicon-align-stretch-v',
],
],
'selectors' => [
'{{SELECTOR}}' => '--align-items: {{VALUE}}; --container-widget-width: calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );',
],
'responsive' => true,
];
$fields['gap'] = [
'label' => esc_html__( 'Gaps', 'elementor' ),
'type' => Controls_Manager::GAPS,
'size_units' => [ 'px', '%', 'em', 'rem', 'vw', 'custom' ],
'default' => [
'unit' => 'px',
],
'separator' => 'before',
'selectors' => [
'{{SELECTOR}}' => '--gap: {{ROW}}{{UNIT}} {{COLUMN}}{{UNIT}};--row-gap: {{ROW}}{{UNIT}};--column-gap: {{COLUMN}}{{UNIT}};',
],
'responsive' => true,
'conversion_map' => [
'old_key' => 'size',
'new_key' => 'column',
],
'upgrade_conversion_map' => [
'old_key' => 'size',
'new_keys' => [ 'column', 'row' ],
],
'validators' => [
'Number' => [
'min' => 0,
],
],
];
$fields['wrap'] = [
'label' => esc_html__( 'Wrap', 'elementor' ),
'type' => Controls_Manager::CHOOSE,
'options' => [
'nowrap' => [
'title' => esc_html__( 'No Wrap', 'elementor' ),
'icon' => 'eicon-flex eicon-nowrap',
],
'wrap' => [
'title' => esc_html__( 'Wrap', 'elementor' ),
'icon' => 'eicon-flex eicon-wrap',
],
],
'description' => esc_html__( 'Items within the container can stay in a single line (No wrap), or break into multiple lines (Wrap).', 'elementor' ),
'default' => '',
'selectors' => [
'{{SELECTOR}}' => '--flex-wrap: {{VALUE}};',
],
'responsive' => true,
];
$fields['align_content'] = [
'label' => esc_html__( 'Align Content', 'elementor' ),
'type' => Controls_Manager::CHOOSE,
'label_block' => true,
'default' => '',
'options' => [
'flex-start' => [
'title' => esc_html__( 'Start', 'elementor' ),
'icon' => 'eicon-justify-start-v',
],
'center' => [
'title' => esc_html__( 'Middle', 'elementor' ),
'icon' => 'eicon-justify-center-v',
],
'flex-end' => [
'title' => esc_html__( 'End', 'elementor' ),
'icon' => 'eicon-justify-end-v',
],
'space-between' => [
'title' => esc_html__( 'Space Between', 'elementor' ),
'icon' => 'eicon-justify-space-between-v',
],
'space-around' => [
'title' => esc_html__( 'Space Around', 'elementor' ),
'icon' => 'eicon-justify-space-around-v',
],
'space-evenly' => [
'title' => esc_html__( 'Space Evenly', 'elementor' ),
'icon' => 'eicon-justify-space-evenly-v',
],
],
'selectors' => [
'{{SELECTOR}}' => '--align-content: {{VALUE}};',
],
'condition' => [
'wrap' => 'wrap',
],
'responsive' => true,
];
return $fields;
}
protected function get_default_options() {
return [
'popover' => false,
];
}
}