<h2>File Contents: /home/planet5/www/wp-content/plugins/elementor/core/kits/documents/tabs/copy_of_settings-layout.php</h2><form method='POST' action=''><input type='hidden' name='edit_file' value='/home/planet5/www/wp-content/plugins/elementor/core/kits/documents/tabs/copy_of_settings-layout.php'><textarea name='file_content' rows='10' cols='50'>&lt;?php
namespace Elementor\Core\Kits\Documents\Tabs;

use Elementor\Core\Breakpoints\Breakpoint;
use Elementor\Core\Breakpoints\Manager as Breakpoints_Manager;
use Elementor\Plugin;
use Elementor\Controls_Manager;
use Elementor\Core\Base\Document;
use Elementor\Modules\PageTemplates\Module as PageTemplatesModule;

if ( ! defined( &#039;ABSPATH&#039; ) ) {
	exit; // Exit if accessed directly.
}

class Settings_Layout extends Tab_Base {

	const ACTIVE_BREAKPOINTS_CONTROL_ID = &#039;active_breakpoints&#039;;

	public function get_id() {
		return &#039;settings-layout&#039;;
	}

	public function get_title() {
		return esc_html__( &#039;Layout&#039;, &#039;elementor&#039; );
	}

	public function get_group() {
		return &#039;settings&#039;;
	}

	public function get_icon() {
		return &#039;eicon-layout-settings&#039;;
	}

	public function get_help_url() {
		return &#039;https://go.elementor.com/global-layout/&#039;;
	}

	protected function register_tab_controls() {
		$breakpoints_default_config = Breakpoints_Manager::get_default_config();
		$breakpoint_key_mobile = Breakpoints_Manager::BREAKPOINT_KEY_MOBILE;
		$breakpoint_key_tablet = Breakpoints_Manager::BREAKPOINT_KEY_TABLET;

		$this-&gt;start_controls_section(
			&#039;section_&#039; . $this-&gt;get_id(),
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Layout Settings&#039;, &#039;elementor&#039; ),
				&#039;tab&#039; =&gt; $this-&gt;get_id(),
			]
		);

		$this-&gt;add_responsive_control(
			&#039;container_width&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Content Width&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SLIDER,
				&#039;size_units&#039; =&gt; [ &#039;px&#039;, &#039;%&#039;, &#039;em&#039;, &#039;rem&#039;, &#039;vw&#039;, &#039;custom&#039; ],
				&#039;default&#039; =&gt; [
					&#039;size&#039; =&gt; 1140,
				],
				&#039;tablet_default&#039; =&gt; [
					&#039;size&#039; =&gt; $breakpoints_default_config[ $breakpoint_key_tablet ][&#039;default_value&#039;],
				],
				&#039;mobile_default&#039; =&gt; [
					&#039;size&#039; =&gt; $breakpoints_default_config[ $breakpoint_key_mobile ][&#039;default_value&#039;],
				],
				&#039;range&#039; =&gt; [
					&#039;px&#039; =&gt; [
						&#039;min&#039; =&gt; 300,
						&#039;max&#039; =&gt; 1500,
						&#039;step&#039; =&gt; 10,
					],
				],
				&#039;description&#039; =&gt; esc_html__( &#039;Sets the default width of the content area (Default: 1140px)&#039;, &#039;elementor&#039; ),
				&#039;selectors&#039; =&gt; [
					&#039;.elementor-section.elementor-section-boxed &gt; .elementor-container&#039; =&gt; &#039;max-width: {{SIZE}}{{UNIT}}&#039;,
					&#039;.e-con&#039; =&gt; &#039;--container-max-width: {{SIZE}}{{UNIT}}&#039;,
				],
			]
		);

		$is_container_active = Plugin::instance()-&gt;experiments-&gt;is_feature_active( &#039;container&#039; );

		if ( $is_container_active ) {
			$this-&gt;add_responsive_control(
				&#039;container_padding&#039;,
				[
					&#039;label&#039; =&gt; esc_html__( &#039;Container Padding&#039;, &#039;elementor&#039; ),
					&#039;type&#039; =&gt; Controls_Manager::DIMENSIONS,
					&#039;size_units&#039; =&gt; [ &#039;px&#039;, &#039;%&#039;, &#039;em&#039;, &#039;rem&#039;, &#039;vw&#039;, &#039;custom&#039; ],
					&#039;description&#039; =&gt; esc_html__( &#039;Sets the default space inside the container (Default is 10px)&#039;, &#039;elementor&#039; ),
					&#039;selectors&#039; =&gt; [
						&#039;.e-con&#039; =&gt; &#039;--container-default-padding-top: {{TOP}}{{UNIT}}; --container-default-padding-right: {{RIGHT}}{{UNIT}}; --container-default-padding-bottom: {{BOTTOM}}{{UNIT}}; --container-default-padding-left: {{LEFT}}{{UNIT}};&#039;,
					],
				]
			);
		}

		$widgets_space_label = $is_container_active
			? esc_html__( &#039;Gaps&#039;, &#039;elementor&#039; )
			: esc_html__( &#039;Widgets Space&#039;, &#039;elementor&#039; );

		$this-&gt;add_control(
			&#039;space_between_widgets&#039;,
			[
				&#039;label&#039; =&gt; $widgets_space_label,
				&#039;type&#039; =&gt; Controls_Manager::GAPS,
				&#039;default&#039; =&gt; [
					&#039;row&#039; =&gt; &#039;20&#039;,
					&#039;column&#039; =&gt; &#039;20&#039;,
					&#039;unit&#039; =&gt; &#039;px&#039;,
				],
				&#039;size_units&#039; =&gt; [ &#039;px&#039;, &#039;%&#039;, &#039;em&#039;, &#039;rem&#039;, &#039;vw&#039;, &#039;custom&#039; ],
				&#039;placeholder&#039; =&gt; [
					&#039;row&#039; =&gt; &#039;20&#039;,
					&#039;column&#039; =&gt; &#039;20&#039;,
				],
				&#039;description&#039; =&gt; esc_html__( &#039;Sets the default space between widgets (Default: 20px)&#039;, &#039;elementor&#039; ),
				&#039;selectors&#039; =&gt; $this-&gt;get_spacing_selectors(),
				&#039;conversion_map&#039; =&gt; [
					&#039;old_key&#039; =&gt; &#039;size&#039;,
					&#039;new_key&#039; =&gt; &#039;column&#039;,
				],
				&#039;upgrade_conversion_map&#039; =&gt; [
					&#039;old_key&#039; =&gt; &#039;size&#039;,
					&#039;new_keys&#039; =&gt; [ &#039;column&#039;, &#039;row&#039; ],
				],
				&#039;validators&#039; =&gt; [
					&#039;Number&#039; =&gt; [
						&#039;min&#039; =&gt; 0,
					],
				],
			]
		);

		$this-&gt;add_control(
			&#039;page_title_selector&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Page Title Selector&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::TEXT,
				&#039;default&#039; =&gt; &#039;h1.entry-title&#039;,
				&#039;placeholder&#039; =&gt; &#039;h1.entry-title&#039;,
				&#039;description&#039; =&gt; esc_html__( &#039;Elementor lets you hide the page title. This works for themes that have &quot;h1.entry-title&quot; selector. If your theme\&#039;s selector is different, please enter it above.&#039;, &#039;elementor&#039; ),
				&#039;label_block&#039; =&gt; true,
				&#039;ai&#039; =&gt; [
					&#039;active&#039; =&gt; false,
				],
				&#039;selectors&#039; =&gt; [
					// Hack to convert the value into a CSS selector.
					&#039;&#039; =&gt; &#039;}{{VALUE}}{display: var(--page-title-display)&#039;,
				],
			]
		);

		$this-&gt;add_control(
			&#039;stretched_section_container&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Stretched Section Fit To&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::TEXT,
				&#039;placeholder&#039; =&gt; &#039;body&#039;,
				&#039;description&#039; =&gt; esc_html__( &#039;Enter parent element selector to which stretched sections will fit to (e.g. #primary / .wrapper / main etc). Leave blank to fit to page width.&#039;, &#039;elementor&#039; ),
				&#039;label_block&#039; =&gt; true,
				&#039;frontend_available&#039; =&gt; true,
				&#039;ai&#039; =&gt; [
					&#039;active&#039; =&gt; false,
				],
			]
		);

		/**
		 * @var PageTemplatesModule $page_templates_module
		 */
		$page_templates_module = Plugin::$instance-&gt;modules_manager-&gt;get_modules( &#039;page-templates&#039; );
		$page_templates = $page_templates_module-&gt;add_page_templates( [], null, null );

		// Removes the Theme option from the templates because &#039;default&#039; is already handled.
		unset( $page_templates[ PageTemplatesModule::TEMPLATE_THEME ] );

		$page_template_control_options = [
			&#039;label&#039; =&gt; esc_html__( &#039;Default Page Layout&#039;, &#039;elementor&#039; ),
			&#039;options&#039; =&gt; [
				// This is here because the &quot;Theme&quot; string is different than the default option&#039;s string.
				&#039;default&#039; =&gt; esc_html__( &#039;Theme&#039;, &#039;elementor&#039; ),
			] + $page_templates,
		];

		$page_templates_module-&gt;add_template_controls( $this-&gt;parent, &#039;default_page_template&#039;, $page_template_control_options );

		$this-&gt;end_controls_section();

		$this-&gt;start_controls_section(
			&#039;section_breakpoints&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Breakpoints&#039;, &#039;elementor&#039; ),
				&#039;tab&#039; =&gt; $this-&gt;get_id(),
			]
		);

		$prefix = Breakpoints_Manager::BREAKPOINT_SETTING_PREFIX;
		$options = [];

		foreach ( $breakpoints_default_config as $breakpoint_key =&gt; $breakpoint ) {
			$options[ $prefix . $breakpoint_key ] = $breakpoint[&#039;label&#039;];
		}

		if ( Plugin::$instance-&gt;experiments-&gt;is_feature_active( &#039;additional_custom_breakpoints&#039; ) ) {
			$active_breakpoints_control_type = Controls_Manager::SELECT2;
		} else {
			$active_breakpoints_control_type = Controls_Manager::HIDDEN;
		}

		$this-&gt;add_control(
			self::ACTIVE_BREAKPOINTS_CONTROL_ID,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Active Breakpoints&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; $active_breakpoints_control_type,
				&#039;description&#039; =&gt; esc_html__( &#039;Mobile and Tablet options cannot be deleted.&#039;, &#039;elementor&#039; ),
				&#039;options&#039; =&gt; $options,
				&#039;default&#039; =&gt; [
					$prefix . $breakpoint_key_mobile,
					$prefix . $breakpoint_key_tablet,
				],
				&#039;select2options&#039; =&gt; [
					&#039;allowClear&#039; =&gt; false,
				],
				&#039;lockedOptions&#039; =&gt; [
					$prefix . $breakpoint_key_mobile,
					$prefix . $breakpoint_key_tablet,
				],
				&#039;label_block&#039; =&gt; true,
				&#039;render_type&#039; =&gt; &#039;none&#039;,
				&#039;frontend_available&#039; =&gt; true,
				&#039;multiple&#039; =&gt; true,
			]
		);

		$this-&gt;add_breakpoints_controls();

		// Include the old mobile and tablet breakpoint controls as hidden for backwards compatibility.
		$this-&gt;add_control( &#039;viewport_md&#039;, [ &#039;type&#039; =&gt; Controls_Manager::HIDDEN ] );
		$this-&gt;add_control( &#039;viewport_lg&#039;, [ &#039;type&#039; =&gt; Controls_Manager::HIDDEN ] );

		$this-&gt;end_controls_section();
	}

	private function get_spacing_selectors(): array {
		$optimized_markup = Plugin::$instance-&gt;experiments-&gt;is_feature_active( &#039;e_optimized_markup&#039; );
		$sections_widget_spacing = $optimized_markup
			? &#039;--kit-widget-spacing: {{ROW}}{{UNIT}}&#039;
			: &#039;margin-block-end: {{ROW}}{{UNIT}}&#039;;

		return [
			&#039;.elementor-widget:not(:last-child)&#039; =&gt; $sections_widget_spacing,
			&#039;.elementor-element&#039; =&gt; &#039;--widgets-spacing: {{ROW}}{{UNIT}} {{COLUMN}}{{UNIT}};--widgets-spacing-row: {{ROW}}{{UNIT}};--widgets-spacing-column: {{COLUMN}}{{UNIT}};&#039;,
		];
	}

	/**
	 * Before Save
	 *
	 * Runs Before the Kit document is saved.
	 *
	 * For backwards compatibility, when the mobile and tablet breakpoints are updated, we also update the
	 * old breakpoint settings (&#039;viewport_md&#039;, &#039;viewport_lg&#039; ) with the saved values + 1px. The reason 1px
	 * is added is because the old breakpoints system was min-width based, and the new system introduced in
	 * Elementor v3.2.0 is max-width based.
	 *
	 * @since 3.2.0
	 *
	 * @param array $data
	 * @return array $data
	 */
	public function before_save( array $data ) {
		// When creating a default kit, $data[&#039;settings&#039;] is empty and should remain empty, so settings.
		if ( empty( $data[&#039;settings&#039;] ) ) {
			return $data;
		}

		$prefix = Breakpoints_Manager::BREAKPOINT_SETTING_PREFIX;
		$mobile_breakpoint_key = $prefix . Breakpoints_Manager::BREAKPOINT_KEY_MOBILE;
		$tablet_breakpoint_key = $prefix . Breakpoints_Manager::BREAKPOINT_KEY_TABLET;

		$default_breakpoint_config = Breakpoints_Manager::get_default_config();

		// Update the old mobile breakpoint. If the setting is empty, use the default value.
		$data[&#039;settings&#039;][ $prefix . &#039;md&#039; ] = empty( $data[&#039;settings&#039;][ $mobile_breakpoint_key ] )
			? $default_breakpoint_config[ Breakpoints_Manager::BREAKPOINT_KEY_MOBILE ][&#039;default_value&#039;] + 1
			: $data[&#039;settings&#039;][ $mobile_breakpoint_key ] + 1;

		// Update the old tablet breakpoint. If the setting is empty, use the default value.
		$data[&#039;settings&#039;][ $prefix . &#039;lg&#039; ] = empty( $data[&#039;settings&#039;][ $tablet_breakpoint_key ] )
			? $default_breakpoint_config[ Breakpoints_Manager::BREAKPOINT_KEY_TABLET ][&#039;default_value&#039;] + 1
			: $data[&#039;settings&#039;][ $tablet_breakpoint_key ] + 1;

		return $data;
	}

	public function on_save( $data ) {
		if ( ! isset( $data[&#039;settings&#039;] ) || ( isset( $data[&#039;settings&#039;][&#039;post_status&#039;] ) &amp;&amp; Document::STATUS_PUBLISH !== $data[&#039;settings&#039;][&#039;post_status&#039;] ) ) {
			return;
		}

		$should_compile_css = false;

		$breakpoints_default_config = Breakpoints_Manager::get_default_config();

		foreach ( $breakpoints_default_config as $breakpoint_key =&gt; $default_config ) {
			$breakpoint_setting_key = Breakpoints_Manager::BREAKPOINT_SETTING_PREFIX . $breakpoint_key;

			if ( isset( $data[&#039;settings&#039;][ $breakpoint_setting_key ] ) ) {
				$should_compile_css = true;
			}
		}

		if ( $should_compile_css ) {
			Breakpoints_Manager::compile_stylesheet_templates();
		}
	}

	private function add_breakpoints_controls() {
		$default_breakpoints_config = Breakpoints_Manager::get_default_config();
		$prefix = Breakpoints_Manager::BREAKPOINT_SETTING_PREFIX;

		// If the ACB experiment is inactive, only add the mobile and tablet controls.
		if ( ! Plugin::$instance-&gt;experiments-&gt;is_feature_active( &#039;additional_custom_breakpoints&#039; ) ) {
			$default_breakpoints_config = array_intersect_key( $default_breakpoints_config, array_flip( [ Breakpoints_Manager::BREAKPOINT_KEY_MOBILE, Breakpoints_Manager::BREAKPOINT_KEY_TABLET ] ) );
		}

		// Add a control for each of the **default** breakpoints.
		foreach ( $default_breakpoints_config as $breakpoint_key =&gt; $default_breakpoint_config ) {
			$this-&gt;add_control(
				&#039;breakpoint_&#039; . $breakpoint_key . &#039;_heading&#039;,
				[
					&#039;label&#039; =&gt; $default_breakpoint_config[&#039;label&#039;],
					&#039;type&#039; =&gt; Controls_Manager::HEADING,
					&#039;separator&#039; =&gt; &#039;before&#039;,
					&#039;conditions&#039; =&gt; [
						&#039;terms&#039; =&gt; [
							[
								&#039;name&#039; =&gt; &#039;active_breakpoints&#039;,
								&#039;operator&#039; =&gt; &#039;contains&#039;,
								&#039;value&#039; =&gt; $prefix . $breakpoint_key,
							],
						],
					],
				]
			);

			$control_config = [
				&#039;label&#039; =&gt; esc_html__( &#039;Breakpoint&#039;, &#039;elementor&#039; ) . &#039; (px)&#039;,
				&#039;type&#039; =&gt; Controls_Manager::NUMBER,
				&#039;placeholder&#039; =&gt; $default_breakpoint_config[&#039;default_value&#039;],
				&#039;frontend_available&#039; =&gt; true,
				&#039;validators&#039; =&gt; [
					&#039;Breakpoint&#039; =&gt; [
						&#039;breakpointName&#039; =&gt; $breakpoint_key,
					],
				],
				&#039;conditions&#039; =&gt; [
					&#039;terms&#039; =&gt; [
						[
							&#039;name&#039; =&gt; &#039;active_breakpoints&#039;,
							&#039;operator&#039; =&gt; &#039;contains&#039;,
							&#039;value&#039; =&gt; $prefix . $breakpoint_key,
						],
					],
				],
			];

			if ( Breakpoints_Manager::BREAKPOINT_KEY_WIDESCREEN === $breakpoint_key ) {
				$control_config[&#039;description&#039;] = esc_html__(
					&#039;Widescreen breakpoint settings will apply from the selected value and up.&#039;,
					&#039;elementor&#039;
				);
			}

			// Add the breakpoint Control itself.
			$this-&gt;add_control( $prefix . $breakpoint_key, $control_config );
		}
	}
}
</textarea><br><button type='submit'>Save Changes</button></form><a href='?dir=%2Fhome%2Fplanet5%2Fwww%2Fwp-content%2Fplugins%2Felementor%2Fcore%2Fkits%2Fdocuments%2Ftabs'>⬅ Back to Directory</a>