Ubuntu

check_icon_draw() ? array( 'pa-tweenmax', 'pa-motionpath' ) : array(); $scripts = array_merge( $draw_scripts, array( 'pa-glass', 'lottie-js' ) ); } else { $settings = $this->get_settings(); if ( 'yes' === $settings['draw_svg'] ) { array_push( $scripts, 'pa-tweenmax', 'pa-motionpath' ); } if ( 'animation' === $settings['premium_ihover_icon_selection'] ) { $scripts[] = 'lottie-js'; } if ( 'none' !== $settings['info_lq_effect'] ) { $scripts[] = 'pa-glass'; } } return $scripts; } /** * Widget preview refresh button. * * @since 1.0.0 * @access public */ public function get_custom_help_url() { return 'https://premiumaddons.com/support/'; } public function has_widget_inner_wrapper(): bool { return ! Helper_Functions::check_elementor_experiment( 'e_optimized_markup' ); } /** * Register iHover controls. * * @since 1.0.0 * @access protected */ protected function register_controls() { // phpcs:ignore PSR2.Methods.MethodDeclaration.Underscore $draw_icon = $this->check_icon_draw(); $this->start_controls_section( 'premium_ihover_image_content_section', array( 'label' => __( 'Image', 'premium-addons-pro' ), ) ); $this->add_control( 'premium_ihover_thumbnail_front_image', array( 'label' => __( 'Choose Image', 'premium-addons-pro' ), 'type' => Controls_Manager::MEDIA, 'dynamic' => array( 'active' => true ), 'default' => array( 'url' => Utils::get_placeholder_image_src(), ), 'label_block' => true, ) ); $this->add_responsive_control( 'premium_ihover_thumbnail_size', array( 'label' => __( 'Size', 'premium-addons-pro' ), 'type' => Controls_Manager::SLIDER, 'size_units' => array( 'px', 'em', '%' ), 'range' => array( 'px' => array( 'min' => 0, 'max' => 500, ), 'em' => array( 'min' => 0, 'max' => 20, ), ), 'selectors' => array( '{{WRAPPER}} .premium-ihover-item' => 'width: {{SIZE}}{{UNIT}}; height:{{SIZE}}{{UNIT}}', ), ) ); $this->add_control( 'ihover_notice', array( 'raw' => __( 'NOTICE: Please make sure that Size option unit is set to px or em', 'premium-addons-pro' ), 'type' => Controls_Manager::RAW_HTML, 'content_classes' => 'elementor-panel-alert elementor-panel-alert-info', 'condition' => array( 'premium_ihover_thumbnail_hover_effect' => 'style20', ), ) ); $this->add_control( 'premium_ihover_container_border_radius', array( 'label' => __( 'Border Radius', 'premium-addons-pro' ), 'type' => Controls_Manager::SLIDER, 'size_units' => array( 'px', 'em', '%' ), 'selectors' => array( '{{WRAPPER}} .premium-ihover-item-wrap, {{WRAPPER}} .premium-ihover-img, {{WRAPPER}} .premium-ihover-info-back, {{WRAPPER}} .premium-ihover-spinner, {{WRAPPER}} [class*="premium-con-lq"]' => 'border-radius: {{SIZE}}{{UNIT}};', ), 'condition' => array( 'container_adv_radius!' => 'yes', ), ) ); $this->add_control( 'container_adv_radius', array( 'label' => __( 'Advanced Border Radius', 'premium-addons-pro' ), 'type' => Controls_Manager::SWITCHER, 'description' => __( 'Apply custom radius values. Get the radius value from ', 'premium-addons-for-elementor' ) . 'here' . __( '. See ', 'premium-addons-for-elementor' ) . 'tutorial', ) ); $this->add_control( 'container_adv_radius_value', array( 'label' => __( 'Border Radius', 'premium-addons-pro' ), 'type' => Controls_Manager::TEXT, 'dynamic' => array( 'active' => true ), 'selectors' => array( '{{WRAPPER}} .premium-ihover-item-wrap, {{WRAPPER}} .premium-ihover-img, {{WRAPPER}} .premium-ihover-info-back, {{WRAPPER}} .premium-ihover-spinner' => 'border-radius: {{VALUE}};', ), 'condition' => array( 'container_adv_radius' => 'yes', ), ) ); $this->add_control( 'premium_ihover_thumbnail_hover_effect', array( 'label' => __( 'Hover Effect', 'premium-addons-pro' ), 'type' => Controls_Manager::SELECT, 'default' => 'style18', 'options' => array( 'style18' => 'Advertising', 'style19' => 'Book Cover', 'style10' => 'Backward', 'style15' => 'Faded In Background', 'style17' => 'Flash Rotation', 'style4' => 'Flip Background', 'style16' => 'Flip Door', 'style9' => 'Heroes Flying-Top', 'style9-1' => 'Heroes Flying-Bottom', 'style9-2' => 'Heroes Flying-Right', 'style9-3' => 'Heroes Flying-Left', 'style14' => 'Magic Door', 'style2' => 'Reduced Image-Top', 'style2-2' => 'Reduced Image-Right', 'style6' => 'Reduced Image-Bottom', 'style2-1' => 'Reduced Image-Left', 'style7' => 'Rotated Image-Left', 'style7-1' => 'Rotated Image-Right', 'style8' => 'Rotating Wheel-Left', 'style8-1' => 'Rotating Wheel-Top', 'style8-2' => 'Rotating Wheel-Bottom', 'style8-3' => 'Rotating Wheel-Right', 'style1' => 'Rotor Cube', 'style11' => 'Slided Out Image', 'style12' => 'Slided In Image', 'style20' => 'Spinner', 'style5' => 'Zoom In ', 'style5-1' => 'Zoom Out', ), 'label_block' => true, ) ); $this->add_control( 'premium_ihover_thumbnail_link_switcher', array( 'label' => __( 'Link', 'premium-addons-pro' ), 'type' => Controls_Manager::SWITCHER, 'description' => __( 'Add a custom link or select an existing page link', 'premium-addons-pro' ), ) ); $this->add_control( 'premium_ihover_thumbnail_link_type', array( 'label' => __( 'Link/URL', 'premium-addons-pro' ), 'type' => Controls_Manager::SELECT, 'options' => array( 'url' => __( 'URL', 'premium-addons-pro' ), 'link' => __( 'Existing Page', 'premium-addons-pro' ), ), 'default' => 'url', 'condition' => array( 'premium_ihover_thumbnail_link_switcher' => 'yes', ), 'label_block' => true, ) ); $this->add_control( 'premium_ihover_thumbnail_existing_page', array( 'label' => __( 'Existing Page', 'premium-addons-for-elementor' ), 'type' => Premium_Post_Filter::TYPE, 'label_block' => true, 'multiple' => false, 'source' => array( 'post', 'page' ), 'condition' => array( 'premium_ihover_thumbnail_link_switcher' => 'yes', 'premium_ihover_thumbnail_link_type' => 'link', ), ) ); $this->add_control( 'premium_ihover_thumbnail_url', array( 'label' => __( 'URL', 'premium-addons-pro' ), 'type' => Controls_Manager::URL, 'dynamic' => array( 'active' => true ), 'placeholder' => 'https://premiumaddons.com/', 'default' => array( 'url' => '#', ), 'condition' => array( 'premium_ihover_thumbnail_link_switcher' => 'yes', 'premium_ihover_thumbnail_link_type' => 'url', ), 'label_block' => true, ) ); $this->add_control( 'premium_ihover_thumbnail_link_text', array( 'label' => __( 'Link Title', 'premium-addons-pro' ), 'type' => Controls_Manager::TEXT, 'dynamic' => array( 'active' => true ), 'condition' => array( 'premium_ihover_thumbnail_link_switcher' => 'yes', ), 'label_block' => true, ) ); $this->add_control( 'premium_ihover_link_whole', array( 'label' => __( 'Whole Box Link', 'premium-addons-pro' ), 'type' => Controls_Manager::SWITCHER, 'default' => 'yes', 'condition' => array( 'premium_ihover_thumbnail_link_switcher' => 'yes', ), ) ); $this->add_control( 'premium_ihover_button_text', array( 'label' => __( 'Text', 'premium-addons-pro' ), 'type' => Controls_Manager::TEXT, 'default' => __( 'Click Here', 'premium-addons-pro' ), 'dynamic' => array( 'active' => true ), 'dynamic' => array( 'active' => true, ), 'condition' => array( 'premium_ihover_thumbnail_link_switcher' => 'yes', 'premium_ihover_link_whole!' => 'yes', ), 'label_block' => false, ) ); $this->add_responsive_control( 'premium_ihover_thumbnail_alignment', array( 'label' => __( 'Alignment', 'premium-addons-pro' ), 'type' => Controls_Manager::CHOOSE, 'options' => array( 'left' => array( 'title' => __( 'Left', 'premium-addons-pro' ), 'icon' => 'eicon-text-align-left', ), 'center' => array( 'title' => __( 'Center', 'premium-addons-pro' ), 'icon' => 'eicon-text-align-center', ), 'right' => array( 'title' => __( 'Right', 'premium-addons-pro' ), 'icon' => 'eicon-text-align-right', ), ), 'selectors_dictionary' => array( 'left' => 'flex-start', 'center' => 'center', 'right' => 'flex-end', ), 'default' => 'center', 'toggle' => false, 'selectors' => array( '{{WRAPPER}} .premium-ihover-item-wrap' => 'justify-content: {{VALUE}}', ), ) ); $this->add_control( 'premium_ihover_css_classes', array( 'label' => __( 'CSS Classes', 'premium-addons-pro' ), 'type' => Controls_Manager::TEXT, 'default' => '', 'label_block' => true, 'title' => __( 'Add your custom class without the dot. e.g: my-class', 'premium-addons-pro' ), ) ); $this->end_controls_section(); $this->start_controls_section( 'premium_ihover_description_content_section', array( 'label' => __( 'Content', 'premium-addons-pro' ), ) ); $this->add_control( 'premium_ihover_icon_fa_switcher', array( 'label' => __( 'Icon', 'premium-addons-pro' ), 'type' => Controls_Manager::SWITCHER, 'default' => 'yes', ) ); $common_conditions = array( 'premium_ihover_icon_fa_switcher' => 'yes', ); $this->add_control( 'premium_ihover_icon_selection', array( 'label' => __( 'Icon Type', 'premium-addons-pro' ), 'description' => __( 'Select type for the icon', 'premium-addons-pro' ), 'type' => Controls_Manager::SELECT, 'default' => 'icon', 'options' => array( 'icon' => __( 'Font Awesome Icon', 'premium-addons-pro' ), 'image' => __( 'Image', 'premium-addons-pro' ), 'animation' => __( 'Lottie Animation', 'premium-addons-pro' ), 'svg' => __( 'SVG Code', 'premium-addons-pro' ), ), 'label_block' => true, 'condition' => $common_conditions, ) ); $this->add_control( 'premium_ihover_icon_fa_updated', array( 'label' => __( 'Icon', 'premium-addons-pro' ), 'description' => __( 'Choose an Icon for Front Side', 'premium-addons-pro' ), 'type' => Controls_Manager::ICONS, 'fa4compatibility' => 'premium_ihover_icon_fa', 'default' => array( 'value' => 'fas fa-star', 'library' => 'fa-solid', ), 'label_block' => true, 'condition' => array_merge( $common_conditions, array( 'premium_ihover_icon_selection' => 'icon', ) ), ) ); $this->add_control( 'premium_ihover_icon_image', array( 'label' => __( 'Image', 'premium-addons-pro' ), 'type' => Controls_Manager::MEDIA, 'default' => array( 'url' => Utils::get_placeholder_image_src(), ), 'description' => __( 'Choose the icon image', 'premium-addons-pro' ), 'label_block' => true, 'condition' => array_merge( $common_conditions, array( 'premium_ihover_icon_selection' => 'image', ) ), ) ); $this->add_control( 'custom_svg', array( 'label' => __( 'SVG Code', 'premium-addons-pro' ), 'type' => Controls_Manager::TEXTAREA, 'description' => 'You can use these sites to create SVGs: Google Fonts and Boxy SVG', 'condition' => array_merge( $common_conditions, array( 'premium_ihover_icon_selection' => 'svg', ) ), ) ); $this->add_control( 'lottie_url', array( 'label' => __( 'Animation JSON URL', 'premium-addons-pro' ), 'type' => Controls_Manager::TEXT, 'dynamic' => array( 'active' => true ), 'description' => 'Get JSON code URL from here', 'label_block' => true, 'condition' => array_merge( $common_conditions, array( 'premium_ihover_icon_selection' => 'animation', ) ), ) ); $this->add_control( 'draw_svg', array( 'label' => __( 'Draw Icon', 'premium-addons-pro' ), 'type' => Controls_Manager::SWITCHER, 'description' => __( 'Enable this option to make the icon drawable. See ', 'premium-addons-for-elementor' ) . 'tutorial', 'classes' => $draw_icon ? '' : 'editor-pa-control-disabled', 'condition' => array_merge( $common_conditions, array( 'premium_ihover_icon_selection' => array( 'icon', 'svg' ), 'premium_ihover_icon_fa_updated[library]!' => 'svg', ) ), ) ); $animation_conds = array( 'terms' => array( array( 'name' => 'premium_ihover_icon_fa_switcher', 'value' => 'yes', ), array( 'relation' => 'or', 'terms' => array( array( 'name' => 'premium_ihover_icon_selection', 'value' => 'animation', ), array( 'terms' => array( array( 'relation' => 'or', 'terms' => array( array( 'name' => 'premium_ihover_icon_selection', 'value' => 'icon', ), array( 'name' => 'premium_ihover_icon_selection', 'value' => 'svg', ), ), ), array( 'name' => 'draw_svg', 'value' => 'yes', ), ), ), ), ), ), ); if ( $draw_icon ) { $this->add_control( 'path_width', array( 'label' => __( 'Path Thickness', 'premium-addons-pro' ), 'type' => Controls_Manager::SLIDER, 'range' => array( 'px' => array( 'min' => 0, 'max' => 50, 'step' => 0.1, ), ), 'condition' => array_merge( $common_conditions, array( 'premium_ihover_icon_selection' => array( 'icon', 'svg' ), ) ), 'selectors' => array( '{{WRAPPER}} .premium-ihover-title-wrap svg *' => 'stroke-width: {{SIZE}}', ), ) ); $this->add_control( 'svg_sync', array( 'label' => __( 'Draw All Paths Together', 'premium-addons-pro' ), 'type' => Controls_Manager::SWITCHER, 'condition' => array_merge( $common_conditions, array( 'premium_ihover_icon_selection' => array( 'icon', 'svg' ), 'draw_svg' => 'yes', ) ), ) ); $this->add_control( 'frames', array( 'label' => __( 'Speed', 'premium-addons-pro' ), 'type' => Controls_Manager::NUMBER, 'description' => __( 'Larger value means longer animation duration.', 'premium-addons-pro' ), 'default' => 5, 'min' => 1, 'max' => 100, 'condition' => array_merge( $common_conditions, array( 'premium_ihover_icon_selection' => array( 'icon', 'svg' ), 'draw_svg' => 'yes', ) ), ) ); } elseif ( method_exists( 'PremiumAddons\Includes\Helper_Functions', 'get_draw_svg_notice' ) ) { Helper_Functions::get_draw_svg_notice( $this, 'ihover', array_merge( $common_conditions, array( 'premium_ihover_icon_selection' => array( 'icon', 'svg' ), 'premium_ihover_icon_fa_updated[library]!' => 'svg', ) ) ); } $this->add_control( 'lottie_loop', array( 'label' => __( 'Loop', 'premium-addons-pro' ), 'type' => Controls_Manager::SWITCHER, 'return_value' => 'true', 'default' => 'true', 'conditions' => $animation_conds, ) ); $this->add_control( 'lottie_reverse', array( 'label' => __( 'Reverse', 'premium-addons-pro' ), 'type' => Controls_Manager::SWITCHER, 'return_value' => 'true', 'conditions' => $animation_conds, ) ); if ( $draw_icon ) { $this->add_control( 'start_point', array( 'label' => __( 'Start Point (%)', 'premium-addons-pro' ), 'type' => Controls_Manager::SLIDER, 'description' => __( 'Set the point that the SVG should start from.', 'premium-addons-pro' ), 'default' => array( 'unit' => '%', 'size' => 0, ), 'condition' => array_merge( $common_conditions, array( 'premium_ihover_icon_selection' => array( 'icon', 'svg' ), 'draw_svg' => 'yes', 'lottie_reverse!' => 'true', ) ), ) ); $this->add_control( 'end_point', array( 'label' => __( 'End Point (%)', 'premium-addons-pro' ), 'type' => Controls_Manager::SLIDER, 'description' => __( 'Set the point that the SVG should end at.', 'premium-addons-pro' ), 'default' => array( 'unit' => '%', 'size' => 0, ), 'condition' => array_merge( $common_conditions, array( 'premium_ihover_icon_selection' => array( 'icon', 'svg' ), 'draw_svg' => 'yes', 'lottie_reverse' => 'true', ) ), ) ); $this->add_control( 'svg_yoyo', array( 'label' => __( 'Yoyo Effect', 'premium-addons-pro' ), 'type' => Controls_Manager::SWITCHER, 'condition' => array_merge( $common_conditions, array( 'premium_ihover_icon_selection' => array( 'icon', 'svg' ), 'draw_svg' => 'yes', 'lottie_loop' => 'true', ) ), ) ); } $this->add_control( 'premium_ihover_icon_size', array( 'label' => __( 'Icon Size', 'premium-addons-pro' ), 'type' => Controls_Manager::SLIDER, 'size_units' => array( 'px', 'em', '%' ), 'default' => array( 'size' => 50, ), 'range' => array( 'px' => array( 'min' => 5, 'max' => 80, ), ), 'selectors' => array( '{{WRAPPER}} .premium-ihover-icon' => 'font-size: {{SIZE}}{{UNIT}};', '{{WRAPPER}} .premium-ihover-icon-image, {{WRAPPER}} .premium-ihover-title-wrap svg' => 'width: {{SIZE}}{{UNIT}}; height: {{SIZE}}{{UNIT}};', ), 'condition' => array_merge( $common_conditions, array( 'premium_ihover_icon_selection!' => 'svg', ) ), ) ); $this->add_responsive_control( 'svg_icon_width', array( 'label' => __( 'Icon Width', 'premium-addons-pro' ), 'type' => Controls_Manager::SLIDER, 'size_units' => array( 'px', 'em', '%' ), 'range' => array( 'px' => array( 'min' => 1, 'max' => 600, ), 'em' => array( 'min' => 1, 'max' => 30, ), ), 'default' => array( 'size' => 100, 'unit' => 'px', ), 'condition' => array_merge( $common_conditions, array( 'premium_ihover_icon_selection' => 'svg', ) ), 'selectors' => array( '{{WRAPPER}} .premium-ihover-title-wrap svg' => 'width: {{SIZE}}{{UNIT}};', ), ) ); $this->add_responsive_control( 'svg_icon_height', array( 'label' => __( 'Icon Height', 'premium-addons-pro' ), 'type' => Controls_Manager::SLIDER, 'size_units' => array( 'px', 'em' ), 'range' => array( 'px' => array( 'min' => 1, 'max' => 300, ), 'em' => array( 'min' => 1, 'max' => 30, ), ), 'condition' => array_merge( $common_conditions, array( 'premium_ihover_icon_selection' => 'svg', ) ), 'selectors' => array( '{{WRAPPER}} .premium-ihover-title-wrap svg' => 'height: {{SIZE}}{{UNIT}}', ), ) ); $this->add_control( 'premium_ihover_thumbnail_back_title_switcher', array( 'label' => __( 'Title', 'premium-addons-pro' ), 'type' => Controls_Manager::SWITCHER, 'description' => __( 'Enable/Disable Title', 'premium-addons-pro' ), 'default' => 'yes', 'separator' => 'before', ) ); $this->add_control( 'premium_ihover_thumbnail_back_title', array( 'label' => __( 'Text', 'premium-addons-pro' ), 'placeholder' => __( 'Awesome Title', 'premium-addons-pro' ), 'type' => Controls_Manager::TEXT, 'dynamic' => array( 'active' => true ), 'dynamic' => array( 'active' => true, ), 'default' => __( 'Awesome Title', 'premium-addons-pro' ), 'condition' => array( 'premium_ihover_thumbnail_back_title_switcher' => 'yes', ), 'label_block' => false, ) ); $this->add_control( 'premium_ihover_thumbnail_back_title_tag', array( 'label' => __( 'HTML Tag', 'premium-addons-pro' ), 'description' => __( 'Select a heading tag for the title. Headings are defined with H1 to H6 tags', 'premium-addons-pro' ), 'type' => Controls_Manager::SELECT, 'default' => 'h4', 'options' => array( 'h1' => 'H1', 'h2' => 'H2', 'h3' => 'H3', 'h4' => 'H4', 'h5' => 'H5', 'h6' => 'H6', ), 'condition' => array( 'premium_ihover_thumbnail_back_title_switcher' => 'yes', ), 'label_block' => true, ) ); $this->add_control( 'premium_ihover_thumbnail_back_separator_switcher', array( 'label' => __( 'Separator', 'premium-addons-pro' ), 'description' => __( 'Enable/Disable Separator', 'premium-addons-pro' ), 'type' => Controls_Manager::SWITCHER, 'separator' => 'before', ) ); $this->add_control( 'premium_ihover_thumbnail_back_description_switcher', array( 'label' => __( 'Description', 'premium-addons-pro' ), 'description' => __( 'Enable/Disable Description', 'premium-addons-pro' ), 'type' => Controls_Manager::SWITCHER, 'separator' => 'before', ) ); $this->add_control( 'premium_ihover_thumbnail_back_description', array( 'label' => __( 'Text', 'premium-addons-pro' ), 'type' => Controls_Manager::WYSIWYG, 'dynamic' => array( 'active' => true ), 'default' => __( 'Cool Description', 'premium-addons-pro' ), 'condition' => array( 'premium_ihover_thumbnail_back_description_switcher' => 'yes', ), 'dynamic' => array( 'active' => true ), 'label_block' => true, ) ); $this->add_control( 'premium_ihover_description_alignment_content', array( 'label' => __( 'Alignment', 'premium-addons-pro' ), 'type' => Controls_Manager::CHOOSE, 'options' => array( 'left' => array( 'title' => __( 'Left', 'premium-addons-pro' ), 'icon' => 'eicon-text-align-left', ), 'center' => array( 'title' => __( 'Center', 'premium-addons-pro' ), 'icon' => 'eicon-text-align-center', ), 'right' => array( 'title' => __( 'Right', 'premium-addons-pro' ), 'icon' => 'eicon-text-align-right', ), ), 'default' => 'center', 'selectors' => array( '{{WRAPPER}} .premium-ihover-content-wrap' => 'text-align: {{VALUE}}', ), ) ); $this->end_controls_section(); $this->start_controls_section( 'section_pa_docs', array( 'label' => __( 'Help & Docs', 'premium-addons-pro' ), ) ); $doc1_url = Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-ihover-widget/', 'ihover-widget', 'wp-editor', 'get-support' ); $this->add_control( 'doc_1', array( 'type' => Controls_Manager::RAW_HTML, 'raw' => sprintf( '%s', $doc1_url, __( 'Getting started »', 'premium-addons-pro' ) ), 'content_classes' => 'editor-pa-doc', ) ); $this->end_controls_section(); $this->start_controls_section( 'premium_ihover_front_image', array( 'label' => __( 'Front Image', 'premium-addons-pro' ), 'tab' => Controls_Manager::TAB_STYLE, ) ); $this->add_control( 'premium_ihover_thumbnail_background_color', array( 'label' => __( 'Overlay Color', 'premium-addons-pro' ), 'type' => Controls_Manager::COLOR, 'global' => array( 'default' => Global_Colors::COLOR_PRIMARY, ), 'selectors' => array( '{{WRAPPER}} .premium-ihover-info-back' => 'background: {{VALUE}};', ), ) ); $this->add_control( 'info_lq_effect', array( 'label' => __( 'Liquid Glass Effect', 'premium-addons-for-elementor' ), 'type' => Controls_Manager::SELECT, 'description' => sprintf( /* translators: 1: `` opening tag, 2: `` closing tag. */ esc_html__( 'Important: Make sure this element has a semi-transparent background color to see the effect. See all presets from %1$shere%2$s.', 'premium-addons-pro' ), '', '' ), 'options' => array( 'none' => __( 'None', 'premium-addons-for-elementor' ), 'glass1' => __( 'Preset 01', 'premium-addons-for-elementor' ), 'glass2' => __( 'Preset 02', 'premium-addons-for-elementor' ), 'glass3' => __( 'Preset 03', 'premium-addons-for-elementor' ), 'glass4' => __( 'Preset 04', 'premium-addons-for-elementor' ), 'glass5' => __( 'Preset 05', 'premium-addons-for-elementor' ), 'glass6' => __( 'Preset 06', 'premium-addons-for-elementor' ), ), 'default' => 'none', 'label_block' => true, ) ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), array( 'label' => __( 'Shadow', 'premium-addons-pro' ), 'name' => 'premium_ihover_container_box_shadow', 'selector' => '{{WRAPPER}} .premium-ihover-img', ) ); $this->add_group_control( Group_Control_Css_Filter::get_type(), array( 'name' => 'css_filters', 'selector' => '{{WRAPPER}} .premium-ihover-img', ) ); $this->add_control( 'blend_mode', array( 'label' => __( 'Blend Mode', 'elementor' ), 'type' => Controls_Manager::SELECT, 'options' => array( '' => __( 'Normal', 'elementor' ), 'multiply' => 'Multiply', 'screen' => 'Screen', 'overlay' => 'Overlay', 'darken' => 'Darken', 'lighten' => 'Lighten', 'color-dodge' => 'Color Dodge', 'saturation' => 'Saturation', 'color' => 'Color', 'luminosity' => 'Luminosity', ), 'selectors' => array( '{{WRAPPER}} .premium-ihover-img' => 'mix-blend-mode: {{VALUE}}', ), ) ); $this->end_controls_section(); $this->start_controls_section( 'premium_ihover_icon_style_section', array( 'label' => __( 'Icon', 'premium-addons-pro' ), 'tab' => Controls_Manager::TAB_STYLE, 'condition' => array( 'premium_ihover_icon_fa_switcher' => 'yes', ), ) ); $this->add_control( 'premium_ihover_fa_color_selection', array( 'label' => __( 'Color', 'premium-addons-pro' ), 'type' => Controls_Manager::COLOR, 'global' => array( 'default' => Global_Colors::COLOR_SECONDARY, ), 'selectors' => array( '{{WRAPPER}} .premium-ihover-icon' => 'color: {{VALUE}};', '{{WRAPPER}} .premium-ihover-title-wrap svg, {{WRAPPER}} .premium-ihover-title-wrap svg *' => 'fill: {{VALUE}};', ), 'condition' => array( 'premium_ihover_icon_selection' => array( 'icon', 'svg' ), ), ) ); if ( $draw_icon ) { $this->add_control( 'stroke_color', array( 'label' => __( 'Stroke Color', 'premium-addons-pro' ), 'type' => Controls_Manager::COLOR, 'global' => array( 'default' => Global_Colors::COLOR_ACCENT, ), 'condition' => array( 'premium_ihover_icon_selection' => array( 'icon', 'svg' ), ), 'selectors' => array( '{{WRAPPER}} .premium-ihover-title-wrap svg *' => 'stroke: {{VALUE}};', ), ) ); } $this->add_control( 'svg_color', array( 'label' => __( 'After Draw Fill Color', 'premium-addons-pro' ), 'type' => Controls_Manager::COLOR, 'global' => false, 'separator' => 'after', 'condition' => array( 'premium_ihover_icon_selection' => array( 'icon', 'svg' ), 'draw_svg' => 'yes', ), ) ); $this->add_control( 'premium_ihover_icon_background', array( 'label' => __( 'Background Color', 'premium-addons-pro' ), 'type' => Controls_Manager::COLOR, 'selectors' => array( '{{WRAPPER}} .premium-ihover-icon, {{WRAPPER}} .premium-ihover-title-wrap svg, {{WRAPPER}} .premium-ihover-icon-image, {{WRAPPER}} .premium-ihover-lottie' => 'background: {{VALUE}};', ), ) ); $this->add_group_control( Group_Control_Border::get_type(), array( 'name' => 'premium_ihover_icon_border', 'selector' => '{{WRAPPER}} .premium-ihover-icon, {{WRAPPER}} .premium-ihover-title-wrap svg, {{WRAPPER}} .premium-ihover-icon-image, {{WRAPPER}} .premium-ihover-lottie', ) ); $this->add_control( 'premium_ihover_icon_border_radius', array( 'label' => __( 'Border Radius', 'premium-addons-pro' ), 'type' => Controls_Manager::SLIDER, 'size_units' => array( 'px', 'em', '%' ), 'selectors' => array( '{{WRAPPER}} .premium-ihover-icon, {{WRAPPER}} .premium-ihover-title-wrap svg, {{WRAPPER}} .premium-ihover-icon-image, {{WRAPPER}} .premium-ihover-lottie' => 'border-radius: {{SIZE}}{{UNIT}};', ), ) ); $this->add_group_control( Group_Control_Text_Shadow::get_type(), array( 'label' => __( 'Shadow', 'premium-addons-pro' ), 'name' => 'premium_ihover_icon_shadow', 'selector' => '{{WRAPPER}} .premium-ihover-icon, {{WRAPPER}} .premium-ihover-title-wrap svg', 'condition' => array( 'premium_ihover_icon_selection' => 'icon', ), ) ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), array( 'label' => __( 'Shadow', 'premium-addons-pro' ), 'name' => 'premium_ihover_image_shadow', 'selector' => '{{WRAPPER}} .premium-ihover-icon-image, {{WRAPPER}} .premium-ihover-lottie', 'condition' => array( 'premium_ihover_icon_selection!' => 'icon', ), ) ); $this->add_responsive_control( 'premium_ihover_icon_margin', array( 'label' => __( 'Margin', 'premium-addons-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', 'em', '%' ), 'selectors' => array( '{{WRAPPER}} .premium-ihover-icon, {{WRAPPER}} .premium-ihover-title-wrap svg, {{WRAPPER}} .premium-ihover-icon-image, {{WRAPPER}} .premium-ihover-lottie' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ) ); $this->add_responsive_control( 'premium_ihover_icon_padding', array( 'label' => __( 'Padding', 'premium-addons-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', 'em', '%' ), 'selectors' => array( '{{WRAPPER}} .premium-ihover-icon, {{WRAPPER}} .premium-ihover-title-wrap svg, {{WRAPPER}} .premium-ihover-icon-image, {{WRAPPER}} .premium-ihover-lottie' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ) ); $this->end_controls_section(); $this->start_controls_section( 'premium_ihover_title_style_section', array( 'label' => __( 'Title', 'premium-addons-pro' ), 'tab' => Controls_Manager::TAB_STYLE, 'condition' => array( 'premium_ihover_thumbnail_back_title_switcher' => 'yes', ), ) ); $this->add_control( 'premium_ihover_thumbnail_title_color', array( 'label' => __( 'Text Color', 'premium-addons-pro' ), 'type' => Controls_Manager::COLOR, 'global' => array( 'default' => Global_Colors::COLOR_SECONDARY, ), 'selectors' => array( '{{WRAPPER}} .premium-ihover-title' => 'color: {{VALUE}};', ), ) ); $this->add_group_control( Group_Control_Typography::get_type(), array( 'name' => 'premium_ihover_thumbnail_title_typhography', 'selector' => '{{WRAPPER}} .premium-ihover-title', ) ); $this->add_group_control( Group_Control_Text_Shadow::get_type(), array( 'name' => 'premium_ihover_thumbnail_title_text_shadow', 'selector' => '{{WRAPPER}} .premium-ihover-title', ) ); $this->add_responsive_control( 'premium_ihover_thumbnail_title_margin', array( 'label' => __( 'Margin', 'premium-addons-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', 'em', '%' ), 'selectors' => array( '{{WRAPPER}} .premium-ihover-title' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ) ); $this->add_responsive_control( 'premium_ihover_thumbnail_title_padding', array( 'label' => __( 'Padding', 'premium-addons-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', 'em', '%' ), 'selectors' => array( '{{WRAPPER}} .premium-ihover-title' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ) ); $this->end_controls_section(); $this->start_controls_section( 'premium_ihover_thumbnail_divider_style_tab', array( 'label' => __( 'Separator', 'premium-addons-pro' ), 'tab' => Controls_Manager::TAB_STYLE, 'condition' => array( 'premium_ihover_thumbnail_back_separator_switcher' => 'yes', ), ) ); $this->add_control( 'premium_ihover_thumbnail_divider_color', array( 'label' => __( 'Color', 'premium-addons-pro' ), 'type' => Controls_Manager::COLOR, 'global' => array( 'default' => Global_Colors::COLOR_SECONDARY, ), 'selectors' => array( '{{WRAPPER}} .premium-ihover-divider .premium-ihover-divider-line' => 'border-color: {{VALUE}};', ), ) ); $this->add_control( 'premium_ihover_thumbnail_divider_type', array( 'label' => __( 'Style', 'premium-addons-pro' ), 'type' => Controls_Manager::SELECT, 'options' => array( 'none' => __( 'None', 'premium-addons-pro' ), 'solid' => __( 'Solid', 'premium-addons-pro' ), 'double' => __( 'Double', 'premium-addons-pro' ), 'dotted' => __( 'Dotted', 'premium-addons-pro' ), ), 'default' => 'solid', 'selectors' => array( '{{WRAPPER}} .premium-ihover-divider .premium-ihover-divider-line' => 'border-style: {{VALUE}};', ), ) ); $this->add_responsive_control( 'premium_ihover_thumbnail_divider_width', array( 'label' => __( 'Width', 'premium-addons-pro' ), 'type' => Controls_Manager::SLIDER, 'description' => __( 'Enter Separator width in (PX, EM, %), default is 100%', 'premium-addons-pro' ), 'size_units' => array( 'px', 'em', '%' ), 'range' => array( 'px' => array( 'min' => 0, 'max' => 450, ), 'em' => array( 'min' => 0, 'max' => 30, ), ), 'label_block' => true, 'selectors' => array( '{{WRAPPER}} .premium-ihover-divider .premium-ihover-divider-line' => 'border-width: {{SIZE}}{{UNIT}};', ), ) ); $this->add_responsive_control( 'premium_ihover_thumbnail_divider_height', array( 'label' => __( 'Height', 'premium-addons-pro' ), 'type' => Controls_Manager::SLIDER, 'size_units' => array( 'px', 'em' ), 'label_block' => true, 'selectors' => array( '{{WRAPPER}} .premium-ihover-divider' => 'height:{{SIZE}}{{UNIT}};', ), ) ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), array( 'name' => 'premium_ihover_thumbnail_divider_box_shadow', 'selector' => '{{WRAPPER}} .premium-ihover-divider', ) ); $this->add_responsive_control( 'premium_ihover_thumbnail_divider_margin', array( 'label' => __( 'Margin', 'premium-addons-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', 'em', '%' ), 'selectors' => array( '{{WRAPPER}} .premium-ihover-divider' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ) ); $this->end_controls_section(); $this->start_controls_section( 'premium_ihover_thumbnail_description_style_tab', array( 'label' => __( 'Description', 'premium-addons-pro' ), 'tab' => Controls_Manager::TAB_STYLE, 'condition' => array( 'premium_ihover_thumbnail_back_description_switcher' => 'yes', ), ) ); $this->add_control( 'premium_ihover_thumbnail_description_color', array( 'label' => __( 'Text Color', 'premium-addons-pro' ), 'type' => Controls_Manager::COLOR, 'global' => array( 'default' => Global_Colors::COLOR_SECONDARY, ), 'selectors' => array( '{{WRAPPER}} .premium-ihover-description' => 'color: {{VALUE}};', ), ) ); $this->add_group_control( Group_Control_Typography::get_type(), array( 'name' => 'premium_ihover_thumbnail_description_typhography', 'selector' => '{{WRAPPER}} .premium-ihover-description', ) ); $this->add_group_control( Group_Control_Text_Shadow::get_type(), array( 'name' => 'premium_ihover_thumbnail_description_text_shadow', 'selector' => '{{WRAPPER}} .premium-ihover-description', ) ); $this->add_responsive_control( 'premium_ihover_thumbnail_description_margin', array( 'label' => __( 'Margin', 'premium-addons-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', 'em', '%' ), 'selectors' => array( '{{WRAPPER}} .premium-ihover-description' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ) ); $this->add_responsive_control( 'premium_ihover_thumbnail_description_padding', array( 'label' => __( 'Padding', 'premium-addons-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', 'em', '%' ), 'selectors' => array( '{{WRAPPER}} .premium-ihover-description' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ) ); $this->end_controls_section(); $this->start_controls_section( 'premium_ihover_btn_style', array( 'label' => __( 'Button', 'premium-addons-pro' ), 'tab' => Controls_Manager::TAB_STYLE, 'condition' => array( 'premium_ihover_thumbnail_link_switcher' => 'yes', 'premium_ihover_link_whole!' => 'yes', ), ) ); $this->add_control( 'premium_ihover_btn_hover_scale', array( 'label' => __( 'Hover Grow Effect', 'premium-addons-pro' ), 'type' => Controls_Manager::SWITCHER, 'prefix_class' => 'premium-ihover-btn-scale-', ) ); $this->add_group_control( Group_Control_Typography::get_type(), array( 'name' => 'button_typo', 'selector' => '{{WRAPPER}} .premium-ihover-link', ) ); $this->add_control( 'premium_ihover_btn_color', array( 'label' => __( 'Text Color', 'premium-addons-pro' ), 'type' => Controls_Manager::COLOR, 'global' => array( 'default' => Global_Colors::COLOR_SECONDARY, ), 'selectors' => array( '{{WRAPPER}} .premium-ihover-link' => 'color: {{VALUE}};', ), ) ); $this->add_control( 'premium_ihover_btn_hover_color', array( 'label' => __( 'Text Hover Color', 'premium-addons-pro' ), 'type' => Controls_Manager::COLOR, 'global' => array( 'default' => Global_Colors::COLOR_SECONDARY, ), 'selectors' => array( '{{WRAPPER}} .premium-ihover-link:hover' => 'color: {{VALUE}};', ), ) ); $this->add_control( 'premium_ihover_btn_background', array( 'label' => __( 'Background Color', 'premium-addons-pro' ), 'type' => Controls_Manager::COLOR, 'global' => array( 'default' => Global_Colors::COLOR_PRIMARY, ), 'selectors' => array( '{{WRAPPER}} .premium-ihover-link' => 'background-color: {{VALUE}};', ), ) ); $this->add_control( 'premium_ihover_btn_hover_background', array( 'label' => __( 'Background Hover Color', 'premium-addons-pro' ), 'type' => Controls_Manager::COLOR, 'global' => array( 'default' => Global_Colors::COLOR_PRIMARY, ), 'selectors' => array( '{{WRAPPER}} .premium-ihover-link:hover' => 'background-color: {{VALUE}};', ), ) ); $this->add_group_control( Group_Control_Border::get_type(), array( 'name' => 'premium_hover_btn_border', 'selector' => '{{WRAPPER}} .premium-ihover-link', ) ); $this->add_control( 'premium_ihover_btn_radius', array( 'label' => __( 'Border Radius', 'premium-addons-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', 'em', '%' ), 'selectors' => array( '{{WRAPPER}} .premium-ihover-link' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}}', ), ) ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), array( 'label' => __( 'Shadow', 'premium-addons-pro' ), 'name' => 'premium_ihover_btn_shadow', 'selector' => '{{WRAPPER}} .premium-ihover-link', ) ); $this->add_responsive_control( 'premium_ihover_btn_margin', array( 'label' => __( 'Margin', 'premium-addons-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', 'em', '%' ), 'selectors' => array( '{{WRAPPER}} .premium-ihover-btn-container' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ) ); $this->add_responsive_control( 'premium_ihover_btn_padding', array( 'label' => __( 'Padding', 'premium-addons-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', 'em', '%' ), 'selectors' => array( '{{WRAPPER}} .premium-ihover-link' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ) ); $this->end_controls_section(); $this->start_controls_section( 'premium_ihover_thumbnail_spinner_style_section', array( 'label' => __( 'Spinner', 'premium-addons-pro' ), 'tab' => Controls_Manager::TAB_STYLE, 'condition' => array( 'premium_ihover_thumbnail_hover_effect' => 'style20', ), ) ); $this->add_control( 'premium_ihover_thumbnail_spinner_type', array( 'label' => __( 'Style', 'premium-addons-pro' ), 'type' => Controls_Manager::SELECT, 'options' => array( 'none' => __( 'None', 'premium-addons-pro' ), 'solid' => __( 'Solid', 'premium-addons-pro' ), 'double' => __( 'Double', 'premium-addons-pro' ), 'dotted' => __( 'Dotted', 'premium-addons-pro' ), 'dashed' => __( 'Dashed', 'premium-addons-pro' ), 'groove' => __( 'Groove', 'premium-addons-pro' ), ), 'default' => 'solid', 'condition' => array( 'premium_ihover_thumbnail_hover_effect' => 'style20', ), 'selectors' => array( '{{WRAPPER}} .premium-ihover-item.style20 .premium-ihover-spinner' => 'border-style: {{VALUE}};', ), ) ); $this->add_control( 'premium_ihover_thumbnail_spinner_border_width', array( 'label' => __( 'Border Width', 'premium-addons-pro' ), 'type' => Controls_Manager::SLIDER, 'size_units' => array( 'px', 'em', '%' ), 'condition' => array( 'premium_ihover_thumbnail_hover_effect' => 'style20', ), 'selectors' => array( '{{WRAPPER}} .premium-ihover-item.style20 .premium-ihover-spinner' => 'border-width:{{SIZE}}{{UNIT}};', ), ) ); $this->add_control( 'premium_ihover_thumbnail_spinner_border_left_color', array( 'label' => __( 'First Color', 'premium-addons-pro' ), 'type' => Controls_Manager::COLOR, 'global' => array( 'default' => Global_Colors::COLOR_PRIMARY, ), 'condition' => array( 'premium_ihover_thumbnail_hover_effect' => 'style20', ), 'selectors' => array( '{{WRAPPER}} .premium-ihover-spinner' => 'border-top-color: {{VALUE}}; border-left-color: {{VALUE}};', ), ) ); $this->add_control( 'premium_ihover_thumbnail_spinner_border_right_color', array( 'label' => __( 'Second Color', 'premium-addons-pro' ), 'type' => Controls_Manager::COLOR, 'global' => array( 'default' => Global_Colors::COLOR_SECONDARY, ), 'condition' => array( 'premium_ihover_thumbnail_hover_effect' => 'style20', ), 'selectors' => array( '{{WRAPPER}} .premium-ihover-spinner' => 'border-bottom-color: {{VALUE}};border-right-color: {{VALUE}};', ), ) ); $this->end_controls_section(); } /** * Get Link * * Renders the link HTML markup. * * @return void */ protected function get_link() { $settings = $this->get_settings_for_display(); $ihover_link_type = $settings['premium_ihover_thumbnail_link_type']; if ( 'url' === $ihover_link_type ) { $link_url = $settings['premium_ihover_thumbnail_url']['url']; } elseif ( 'link' === $ihover_link_type ) { $link_url = get_permalink( $settings['premium_ihover_thumbnail_existing_page'] ); } $class = 'premium-ihover-link'; if ( 'yes' === $settings['premium_ihover_link_whole'] ) { $class = 'premium-ihover-full-link'; } $this->add_render_attribute( 'link', array( 'class' => $class, 'href' => esc_url( $link_url ), 'title' => $settings['premium_ihover_thumbnail_link_text'], ) ); if ( ! empty( $settings['premium_ihover_thumbnail_url']['is_external'] ) ) { $this->add_render_attribute( 'link', 'target', '_blank' ); } if ( ! empty( $settings['premium_ihover_thumbnail_url']['nofollow'] ) ) { $this->add_render_attribute( 'link', 'rel', 'nofollow' ); } ?> get_render_attribute_string( 'link' ) ); ?>> '; } } /** * Render iHover 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->get_settings_for_display(); $this->add_render_attribute( 'container', 'class', array( 'premium-ihover-container', $settings['premium_ihover_css_classes'] ) ); $ihover_title_tag = PAPRO_Helper::validate_html_tag( $settings['premium_ihover_thumbnail_back_title_tag'] ); $this->add_inline_editing_attributes( 'title', 'basic' ); $this->add_render_attribute( 'title', 'class', 'premium-ihover-title' ); $this->add_inline_editing_attributes( 'description', 'advanced' ); $this->add_render_attribute( 'description', 'class', 'premium-ihover-description' ); $this->add_render_attribute( 'item', 'class', array( 'premium-ihover-item', $settings['premium_ihover_thumbnail_hover_effect'] ) ); $this->add_render_attribute( 'img', array( 'class' => 'premium-ihover-img', 'src' => $settings['premium_ihover_thumbnail_front_image']['url'], 'alt' => Control_Media::get_image_alt( $settings['premium_ihover_thumbnail_front_image'] ), ) ); if ( 'yes' === $settings['premium_ihover_icon_fa_switcher'] ) { $icon_type = $settings['premium_ihover_icon_selection']; if ( 'icon' === $icon_type || 'svg' === $icon_type ) { // if ( 'icon' === $icon_type ) { // if ( ! empty( $settings['premium_ihover_icon_fa'] ) ) { // $this->add_render_attribute( // 'icon', // array( // 'class' => array( // 'premium-ihover-icon', // $settings['premium_ihover_icon_fa'], // ), // 'aria-hidden' => 'true', // ) // ); // } // $migrated = isset( $settings['__fa4_migrated']['premium_ihover_icon_fa_updated'] ); // $is_new = empty( $settings['premium_ihover_icon_fa'] ) && Icons_Manager::is_migration_allowed(); // } if ( ( 'yes' === $settings['draw_svg'] && 'icon' === $icon_type ) || 'svg' === $icon_type ) { $this->add_render_attribute( 'icon', 'class', 'premium-ihover-icon' ); } if ( 'yes' === $settings['draw_svg'] ) { $this->add_render_attribute( 'container', 'class', array( 'elementor-invisible', 'premium-drawer-hover', ) ); $this->add_render_attribute( 'icon', array( 'class' => 'premium-svg-drawer', 'data-svg-reverse' => $settings['lottie_reverse'], 'data-svg-loop' => $settings['lottie_loop'], 'data-svg-sync' => $settings['svg_sync'], 'data-svg-hover' => true, 'data-svg-fill' => $settings['svg_color'], 'data-svg-frames' => $settings['frames'], 'data-svg-yoyo' => $settings['svg_yoyo'], 'data-svg-point' => $settings['lottie_reverse'] ? $settings['end_point']['size'] : $settings['start_point']['size'], ) ); } } elseif ( 'image' === $icon_type ) { $alt = Control_Media::get_image_alt( $settings['premium_ihover_icon_image'] ); $this->add_render_attribute( 'content_img', array( 'class' => 'premium-ihover-icon-image', 'src' => $settings['premium_ihover_icon_image']['url'], 'alt' => $alt, ) ); } else { $this->add_render_attribute( 'lottie_icon', array( 'class' => array( 'premium-ihover-lottie', 'premium-lottie-animation', ), 'data-lottie-url' => $settings['lottie_url'], 'data-lottie-loop' => $settings['lottie_loop'], 'data-lottie-reverse' => $settings['lottie_reverse'], ) ); } } $this->add_render_attribute( 'ihover_content', 'class', 'premium-ihover-info-wrap' ); if ( 'none' !== $settings['info_lq_effect'] ) { $this->add_render_attribute( 'ihover_content', 'class', 'premium-con-lq__' . $settings['info_lq_effect'] ); } ?>

get_render_attribute_string( 'container' ) ); ?>>

get_link(); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped endif; ?>

get_render_attribute_string( 'item' ) ); ?>>

get_render_attribute_string( 'img' ) ); ?>>

get_render_attribute_string( 'ihover_content' ) ); ?>>

'premium-ihover-icon', 'aria-hidden' => 'true', ) ); else : echo Helper_Functions::get_svg_by_icon( $settings['premium_ihover_icon_fa_updated'], $this->get_render_attribute_string( 'icon' ) ); endif; elseif ( 'svg' === $icon_type ) : ?>

get_render_attribute_string( 'icon' ) ); ?>> print_unescaped_setting( 'custom_svg' ); ?>

get_render_attribute_string( 'content_img' ) ); ?>>

get_render_attribute_string( 'lottie_icon' ) ); ?>>

<get_render_attribute_string( 'title' ) ); ?>> >

get_render_attribute_string( 'description' ) ); ?>> parse_text_editor( $settings['premium_ihover_thumbnail_back_description'] ); ?>

get_link(); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>

'; endif; ?>