<h2>File Contents: /home/planet5/public_html/wp-content/plugins/elementor/includes/editor-templates/responsive-bar.php</h2><form method='POST' action=''><input type='hidden' name='edit_file' value='/home/planet5/public_html/wp-content/plugins/elementor/includes/editor-templates/responsive-bar.php'><textarea name='file_content' rows='10' cols='50'>&lt;?php
namespace Elementor;

use Elementor\Core\Breakpoints\Breakpoint;

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

// TODO: Use API data instead of this static array, once it is available.
$active_breakpoints = Plugin::$instance-&gt;breakpoints-&gt;get_active_breakpoints();
$active_devices = Plugin::$instance-&gt;breakpoints-&gt;get_active_devices_list( [ &#039;reverse&#039; =&gt; true ] );

$breakpoint_classes_map = array_intersect_key( Plugin::$instance-&gt;breakpoints-&gt;get_responsive_icons_classes_map(), array_flip( $active_devices ) );
?&gt;

&lt;script type=&quot;text/template&quot; id=&quot;tmpl-elementor-templates-responsive-bar&quot;&gt;
	&lt;div id=&quot;e-responsive-bar__center&quot;&gt;
		&lt;div id=&quot;e-responsive-bar-switcher&quot; class=&quot;e-responsive-bar--pipe&quot;&gt;
			&lt;?php foreach ( $active_devices as $device_key ) {
				if ( &#039;desktop&#039; === $device_key ) {
					$tooltip_label = esc_html__( &#039;Desktop &lt;br&gt; Settings added for the base device will apply to all breakpoints unless edited&#039;, &#039;elementor&#039; );
				} elseif ( &#039;widescreen&#039; === $device_key ) {
					$tooltip_label = sprintf(
						/* translators: %d: Breakpoint screen size. */
						esc_html__( &#039;Widescreen &lt;br&gt; Settings added for the Widescreen device will apply to screen sizes %dpx and up&#039;, &#039;elementor&#039; ),
						$active_breakpoints[ $device_key ]-&gt;get_value()
					);
				} else {
					$tooltip_label = sprintf(
						/* translators: %1$s: Device name, %2$s: Breakpoint screen size. */
						esc_html__( &#039;%1$s &lt;br&gt; Settings added for the %1$s device will apply to %2$spx screens and down&#039;, &#039;elementor&#039; ),
						$active_breakpoints[ $device_key ]-&gt;get_label(), $active_breakpoints[ $device_key ]-&gt;get_value()
					);
				}
				printf( &#039;&lt;label
					id=&quot;e-responsive-bar-switcher__option-%1$s&quot;
					class=&quot;e-responsive-bar-switcher__option&quot;
					for=&quot;e-responsive-bar-switch-%1$s&quot;
					data-tooltip=&quot;%2$s&quot;&gt;

					&lt;input type=&quot;radio&quot; name=&quot;breakpoint&quot; id=&quot;e-responsive-bar-switch-%1$s&quot; value=&quot;%1$s&quot;&gt;
					&lt;i class=&quot;%3$s&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt;
					&lt;span class=&quot;screen-reader-text&quot;&gt;%2$s&lt;/span&gt;
				&lt;/label&gt;&#039;, esc_attr( $device_key ), esc_attr( $tooltip_label ), esc_attr( $breakpoint_classes_map[ $device_key ] ) );
			} ?&gt;
			&lt;/div&gt;
			&lt;div id=&quot;e-responsive-bar-scale&quot;&gt;
				&lt;div id=&quot;e-responsive-bar-scale__minus&quot;&gt;&lt;/div&gt;
				&lt;div id=&quot;e-responsive-bar-scale__value-wrapper&quot;&gt;&lt;span id=&quot;e-responsive-bar-scale__value&quot;&gt;100&lt;/span&gt;%&lt;/div&gt;
				&lt;div id=&quot;e-responsive-bar-scale__plus&quot;&gt;&lt;i class=&quot;eicon-plus&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt;&lt;/div&gt;
				&lt;div id=&quot;e-responsive-bar-scale__reset&quot;&gt;&lt;i class=&quot;eicon-undo&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt;&lt;/div&gt;
			&lt;/div&gt;
		&lt;/div&gt;
		&lt;div id=&quot;e-responsive-bar__end&quot;&gt;
			&lt;div id=&quot;e-responsive-bar__size-inputs-wrapper&quot; class=&quot;e-flex e-align-items-center&quot;&gt;
				&lt;label for=&quot;e-responsive-bar__input-width&quot;&gt;W&lt;/label&gt;
				&lt;input type=&quot;number&quot; id=&quot;e-responsive-bar__input-width&quot; class=&quot;e-responsive-bar__input-size&quot; autocomplete=&quot;off&quot;&gt;
				&lt;label for=&quot;e-responsive-bar__input-height&quot;&gt;H&lt;/label&gt;
				&lt;input type=&quot;number&quot; id=&quot;e-responsive-bar__input-height&quot; class=&quot;e-responsive-bar__input-size&quot; autocomplete=&quot;off&quot;&gt;
			&lt;/div&gt;
			&lt;button id=&quot;e-responsive-bar__settings-button&quot; class=&quot;e-responsive-bar__button e-responsive-bar--pipe&quot; data-tooltip=&quot;&lt;?php echo esc_attr__( &#039;Manage Breakpoints&#039;, &#039;elementor&#039; ); ?&gt;&quot; aria-label=&quot;&lt;?php echo esc_attr__( &#039;Manage Breakpoints&#039;, &#039;elementor&#039; ); ?&gt;&quot;&gt;
				&lt;i class=&quot;eicon-cog&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt;
			&lt;/button&gt;
			&lt;button id=&quot;e-responsive-bar__close-button&quot; class=&quot;e-responsive-bar__button&quot; data-tooltip=&quot;&lt;?php echo esc_attr__( &#039;Close&#039;, &#039;elementor&#039; ); ?&gt;&quot; aria-label=&quot;&lt;?php echo esc_attr__( &#039;Close&#039;, &#039;elementor&#039; ); ?&gt;&quot;&gt;
				&lt;i class=&quot;eicon-close&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt;
			&lt;/button&gt;
		&lt;/div&gt;
&lt;/script&gt;
</textarea><br><button type='submit'>Save Changes</button></form><a href='?dir=%2Fhome%2Fplanet5%2Fpublic_html%2Fwp-content%2Fplugins%2Felementor%2Fincludes%2Feditor-templates'>⬅ Back to Directory</a>