'',
'phantomsmoke' => '',
'spiritecho' => '',
'frostsparkles' => '',
'trailparticles' => '',
'inktrail' => '',
'glowingboxes' => '',
'colorballs' => ''
];
return $icons[ $effect_name ] ?? '';
}
public function document_register_controls( $element ) {
if ( Helper::prevent_extension_loading(get_the_ID())) {
return;
}
$global_settings = get_option('eael_global_settings');
$element->start_controls_section(
'eael_ext_custom_cursor_section',
[
'label' => __(' Custom Cursor', 'essential-addons-elementor'),
'tab' => Controls_Manager::TAB_SETTINGS,
]
);
$element->add_control(
'eael_enable_custom_cursor',
[
'label' => __( 'Enable Custom Cursor', 'essential-addons-elementor' ),
'type' => Controls_Manager::SWITCHER,
'return_value' => 'yes'
]
);
$element->add_control(
'eael_custom_cursor_apply_changes_notice',
[
'type' => Controls_Manager::NOTICE,
'notice_type' => 'warning',
'dismissible' => false,
'content' => esc_html__( "Please click the 'Apply Changes' button below to view the changes in the editor.", 'essential-addons-elementor' ),
]
);
$element->add_control(
'eael_ext_custom_cursor_has_global',
[
'label' => __('Enabled Globally?', 'essential-addons-elementor'),
'type' => Controls_Manager::HIDDEN,
'default' => (isset($global_settings['eael_ext_custom_cursor']['enabled']) ? $global_settings['eael_ext_custom_cursor']['enabled'] : false),
]
);
if (isset($global_settings['eael_ext_custom_cursor']['enabled']) && ($global_settings['eael_ext_custom_cursor']['enabled'] == true) && get_the_ID() != $global_settings['eael_ext_custom_cursor']['post_id'] && get_post_status($global_settings['eael_ext_custom_cursor']['post_id']) == 'publish') {
$element->add_control(
'eael_ext_custom_cursor_global_warning_text',
[
'type' => Controls_Manager::RAW_HTML,
'raw' => __('You can modify the Global Custom Cursor by Clicking Here', 'essential-addons-elementor'),
'content_classes' => 'eael-warning',
'separator' => 'before',
'conditions' => [
'relation' => 'or',
'terms' => [
[
'name' => 'eael_enable_custom_cursor',
'operator' => '===',
'value' => 'yes'
],
[
'name' => 'eael_cursor_trail_show',
'operator' => '===',
'value' => 'yes'
]
]
]
]
);
} else {
$element->add_control(
'eael_enable_custom_cursor_global',
[
'label' => __('Enable Globally', 'essential-addons-elementor'),
'type' => Controls_Manager::SWITCHER,
'default' => 'no',
'label_on' => __('Yes', 'essential-addons-elementor'),
'label_off' => __('No', 'essential-addons-elementor'),
'return_value' => 'yes',
'separator' => 'before',
'conditions' => [
'relation' => 'or',
'terms' => [
[
'name' => 'eael_enable_custom_cursor',
'operator' => '===',
'value' => 'yes'
],
[
'name' => 'eael_cursor_trail_show',
'operator' => '===',
'value' => 'yes'
]
]
]
]
);
$element->add_control(
'eael_ext_custom_cursor_global_alert',
[
'type' => Controls_Manager::ALERT,
'alert_type' => 'info',
'heading' => '',
'content' => __('Enabling this option will affect the entire site.', 'essential-addons-elementor'),
'conditions' => [
'relation' => 'or',
'terms' => [
[
'name' => 'eael_enable_custom_cursor',
'operator' => '===',
'value' => 'yes'
],
[
'name' => 'eael_cursor_trail_show',
'operator' => '===',
'value' => 'yes'
]
]
]
]
);
$element->add_control(
'eael_ext_custom_cursor_global_display_condition',
[
'label' => __('Display On', 'essential-addons-elementor'),
'type' => Controls_Manager::SELECT,
'default' => 'all',
'options' => [
'posts' => __('All Posts', 'essential-addons-elementor'),
'pages' => __('All Pages', 'essential-addons-elementor'),
'all' => __('All Posts & Pages', 'essential-addons-elementor'),
],
'condition' => [
'eael_enable_custom_cursor' => 'yes',
'eael_enable_custom_cursor_global' => 'yes',
],
'conditions' => [
'relation' => 'or',
'terms' => [
[
'terms' => [
[
'name' => 'eael_enable_custom_cursor',
'operator' => '===',
'value' => 'yes'
],
[
'name' => 'eael_enable_custom_cursor_global',
'operator' => '===',
'value' => 'yes'
]
]
],
[
'terms' => [
[
'name' => 'eael_cursor_trail_show',
'operator' => '===',
'value' => 'yes'
],
]
]
]
],
'separator' => 'before',
]
);
}
$this->register_controls( $element, false );
}
public function register_controls( $element, $section_start = true ) {
if ( $section_start ) {
$element->start_controls_section(
'eael_custom_cursor_section',
[
'label' => __( ' Custom Cursor', 'essential-addons-elementor' ),
'tab' => Controls_Manager::TAB_ADVANCED
]
);
$element->add_control(
'eael_enable_custom_cursor',
[
'label' => __( 'Enable Custom Cursor', 'essential-addons-elementor' ),
'type' => Controls_Manager::SWITCHER,
'return_value' => 'yes'
]
);
}
$element->add_control(
'eael_icon_to_svg_path',
[
'type' => Controls_Manager::HIDDEN,
'default' => EAEL_PLUGIN_URL . "assets/front-end/js/lib-view/icons/"
]
);
$element->start_controls_tabs(
'eael_custom_cursor_tabs',
[
'condition' => [
'eael_enable_custom_cursor' => 'yes'
]
]
);
$element->start_controls_tab(
'eael_custom_cursor_tab_normal',
[
'label' => esc_html__( 'Normal', 'essential-addons-elementor' ),
]
);
$this->custom_cursor_controllers( $element );
$element->end_controls_tab();
$element->start_controls_tab(
'eael_custom_cursor_tab_pointer',
[
'label' => esc_html__( 'Pointer', 'essential-addons-elementor' ),
]
);
$element->add_control(
'eael_pointer_selectors',
[
'label' => '',
'type' => Controls_Manager::HIDDEN,
'default' => [
'a[href]',
'button',
'input[type="button"]',
'input[type="submit"]',
'input[type="reset"]',
'input[type="checkbox"]',
'input[type="radio"]',
'label',
'select',
'summary'
]
]
);
$element->add_control(
'eael_enable_pointer_cursor',
[
'label' => esc_html__( 'Enable For Pointer Elements', 'essential-addons-elementor' ),
'type' => Controls_Manager::SWITCHER,
'return_value' => 'yes',
'default' => 'no',
]
);
$this->custom_cursor_controllers( $element, '_pointer' );
$element->end_controls_tab();
$element->end_controls_tabs();
if( !$section_start ) {
$element->add_control(
'eael_custom_cursor_apply_changes_2',
[
'label' => '',
'show_label' => false,
'label_block' => true,
'type' => Controls_Manager::BUTTON,
'button_type' => 'danger',
'text' => __( 'Apply Changes', 'essential-addons-elementor' ),
'event' => 'eael:custom_cursor:apply_changes',
'condition' => [
'eael_enable_custom_cursor' => 'yes'
]
]
);
}
$element->add_control(
'eael_cursor_trail_heading',
[
'label' => __( 'Trail Animation', 'essential-addons-elementor' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
]
);
$element->add_control(
'eael_cursor_trail_show',
[
'label' => __( 'Enable Trail', 'essential-addons-elementor' ),
'type' => Controls_Manager::SWITCHER,
'return_value' => 'yes',
]
);
$element->add_control(
'eael_cursor_trail_hide_on_idle',
[
'label' => __( 'Hide on Idle', 'essential-addons-elementor' ),
'type' => Controls_Manager::SWITCHER,
'label_block' => false,
'ai' => [ 'active' => false ],
'default' => 'no',
'return_value' => 'yes',
'condition' => [
'eael_cursor_trail_show' => 'yes',
'eael_cursor_trail_effect' => [ 'following_dots', 'spiritecho' ]
]
]
);
$element->add_control(
'eael_cursor_trail_idle_timeout',
[
'label' => __( 'Idle Timeout (s)', 'essential-addons-elementor' ),
'type' => Controls_Manager::SLIDER,
'range' => [
'px' => [
'min' => 1,
'max' => 60
]
],
'default' => [
'size' => 3,
'unit' => 'px'
],
'separator' => 'after',
'condition' => [
'eael_cursor_trail_show' => 'yes',
'eael_cursor_trail_hide_on_idle' => 'yes',
'eael_cursor_trail_effect' => [ 'following_dots', 'spiritecho', 'phantomsmoke' ]
]
]
);
$element->add_control(
'eael_cursor_trail_effect',
[
'label' => __( 'Effect', 'essential-addons-elementor' ),
'type' => Controls_Manager::CHOOSE,
'label_block' => true,
'options' => [
'inktrail' => [
'title' => __( 'Ink Trail', 'essential-addons-elementor' ),
'text' => $this->get_trail_effect_icon( 'inktrail' ) . __( 'Ink Trail', 'essential-addons-elementor' )
],
'trailparticles' => [
'title' => __( 'Trail Particles', 'essential-addons-elementor' ),
'text' => $this->get_trail_effect_icon( 'trailparticles' ) . __( 'Trail Particles', 'essential-addons-elementor' )
],
'phantomsmoke' => [
'title' => __( 'Phantom Smoke', 'essential-addons-elementor' ),
'text' => $this->get_trail_effect_icon( 'phantomsmoke' ) . __( 'Phantom Smoke', 'essential-addons-elementor' )
],
'spiritecho' => [
'title' => __( 'Spirit Echo', 'essential-addons-elementor' ),
'text' => $this->get_trail_effect_icon( 'spiritecho' ) . __( 'Spirit Echo', 'essential-addons-elementor' )
],
'glowingBoxes' => [
'title' => __( 'Glow Blocks', 'essential-addons-elementor' ),
'text' => $this->get_trail_effect_icon( 'glowingboxes' ) . __( 'Glow Blocks', 'essential-addons-elementor' )
],
'colorBalls' => [
'title' => __( 'Chroma Orbs', 'essential-addons-elementor' ),
'text' => $this->get_trail_effect_icon( 'colorballs' ) . __( 'Chroma Orbs', 'essential-addons-elementor' )
],
'frostsparkles' => [
'title' => __( 'Frost Sparkles', 'essential-addons-elementor' ),
'text' => $this->get_trail_effect_icon( 'frostsparkles' ) . __( 'Frost Sparkles', 'essential-addons-elementor' )
],
'following_dots' => [
'title' => __( 'Dot Comet', 'essential-addons-elementor' ),
'text' => $this->get_trail_effect_icon( 'following_dots' ) . __( 'Dot Comet', 'essential-addons-elementor' )
],
],
'default' => 'inktrail',
'multiline' => true,
'condition' => [
'eael_cursor_trail_show' => 'yes'
]
]
);
// Following Dots Trail Controllers
$this->following_dots_trail_controllers( $element );
// Ghost Following Controllers
$this->phantomsmoke_controllers( $element );
// Ghost Following Cursor Controllers
$this->ghost_following_controllers( $element );
// // Snowflake Cursor Controllers
$this->snowflake_cursor_controllers( $element );
// // Ink Line Controllers
$this->ink_line_controllers( $element );
// // Glowing Boxes Controllers
$this->glowing_boxes_controllers( $element );
// // Color Balls Controllers
$this->color_balls_controllers( $element );
if( !$section_start ) {
$element->add_control(
'eael_custom_cursor_apply_changes_3',
[
'label' => '',
'show_label' => false,
'label_block' => true,
'type' => Controls_Manager::BUTTON,
'button_type' => 'danger',
'text' => __( 'Apply Changes', 'essential-addons-elementor' ),
'event' => 'eael:custom_cursor:apply_changes',
'condition' => [
'eael_cursor_trail_show' => 'yes'
]
]
);
}
$element->end_controls_section();
}
private function custom_cursor_controllers( $element, $tab = '' ) {
$condition = [
'eael_enable_custom_cursor' => 'yes'
];
if( '_pointer' === $tab ) {
$condition[ 'eael_enable_pointer_cursor' ] = 'yes';
}
$element->add_control(
'eael_custom_cursor_type' . $tab,
[
'label' => __( 'Type', 'essential-addons-elementor' ),
'type' => Controls_Manager::CHOOSE,
'options' => [
'regular' => [
'title' => __( 'Default', 'essential-addons-elementor' ),
'icon' => 'eicon-apps'
],
'circle' => [
'title' => __( 'Circle', 'essential-addons-elementor' ),
'icon' => 'eicon-circle-o'
],
'icon' => [
'title' => __( 'Icon', 'essential-addons-elementor' ),
'icon' => 'eicon-favorite'
],
'image' => [
'title' => __( 'Image', 'essential-addons-elementor' ),
'icon' => 'eicon-image'
],
'svg_code' => [
'title' => __( 'SVG Code', 'essential-addons-elementor' ),
'icon' => 'eicon-code'
],
],
'default' => 'icon',
'condition' => $condition
]
);
$condition[ 'eael_custom_cursor_type' . $tab ] = 'regular';
$element->add_control(
'eael_custom_cursor_regular' . $tab,
[
'label' => __( 'Cursor', 'essential-addons-elementor' ),
'type' => Controls_Manager::SELECT2,
'options' => [
// General
'auto' => __( 'Auto', 'essential-addons-elementor' ),
'default' => __( 'Default', 'essential-addons-elementor' ),
'none' => __( 'None', 'essential-addons-elementor' ),
'context-menu' => __( 'Context Menu', 'essential-addons-elementor' ),
'help' => __( 'Help', 'essential-addons-elementor' ),
// Selection
'pointer' => __( 'Pointer', 'essential-addons-elementor' ),
'progress' => __( 'Progress', 'essential-addons-elementor' ),
'wait' => __( 'Wait', 'essential-addons-elementor' ),
'cell' => __( 'Cell', 'essential-addons-elementor' ),
'crosshair' => __( 'Crosshair', 'essential-addons-elementor' ),
'text' => __( 'Text', 'essential-addons-elementor' ),
'vertical-text' => __( 'Vertical Text', 'essential-addons-elementor' ),
// Drag & Drop
'alias' => __( 'Alias', 'essential-addons-elementor' ),
'copy' => __( 'Copy', 'essential-addons-elementor' ),
'move' => __( 'Move', 'essential-addons-elementor' ),
'no-drop' => __( 'No Drop', 'essential-addons-elementor' ),
'not-allowed' => __( 'Not Allowed', 'essential-addons-elementor' ),
'grab' => __( 'Grab', 'essential-addons-elementor' ),
'grabbing' => __( 'Grabbing', 'essential-addons-elementor' ),
// Resize
'e-resize' => __( 'East Resize', 'essential-addons-elementor' ),
'n-resize' => __( 'North Resize', 'essential-addons-elementor' ),
'ne-resize' => __( 'Northeast Resize', 'essential-addons-elementor' ),
'nw-resize' => __( 'Northwest Resize', 'essential-addons-elementor' ),
's-resize' => __( 'South Resize', 'essential-addons-elementor' ),
'se-resize' => __( 'Southeast Resize', 'essential-addons-elementor' ),
'sw-resize' => __( 'Southwest Resize', 'essential-addons-elementor' ),
'w-resize' => __( 'West Resize', 'essential-addons-elementor' ),
'ew-resize' => __( 'East-West Resize', 'essential-addons-elementor' ),
'ns-resize' => __( 'North-South Resize', 'essential-addons-elementor' ),
'nesw-resize' => __( 'NE-SW Resize', 'essential-addons-elementor' ),
'nwse-resize' => __( 'NW-SE Resize', 'essential-addons-elementor' ),
'col-resize' => __( 'Column Resize', 'essential-addons-elementor' ),
'row-resize' => __( 'Row Resize', 'essential-addons-elementor' ),
// Zoom
'zoom-in' => __( 'Zoom In', 'essential-addons-elementor' ),
'zoom-out' => __( 'Zoom Out', 'essential-addons-elementor' ),
],
'default' => 'auto',
'condition' => $condition
]
);
$condition['eael_custom_cursor_type' . $tab] = 'icon';
$element->add_control(
'eael_custom_cursor_icon' . $tab,
[
'label' => '',
'type' => Controls_Manager::ICONS,
'default' => [
'value' => 'fas fa-paper-plane',
'library' => 'fa-solid'
],
'condition' => $condition
]
);
$element->add_control(
'eael_custom_cursor_icon_size' . $tab,
[
'label' => __( 'Icon Size', 'essential-addons-elementor' ),
'type' => Controls_Manager::SLIDER,
'range' => [
'px' => [
'min' => 1,
'max' => 128
]
],
'default' => [
'size' => 20,
'unit' => 'px'
],
'condition' => $condition,
'description' => __( 'Size control does not apply for SVG icons.', 'essential-addons-elementor' )
]
);
$element->add_control(
'eael_custom_cursor_icon_color' . $tab,
[
'label' => __( 'Icon Color', 'essential-addons-elementor' ),
'type' => Controls_Manager::COLOR,
'default' => '#1E1F24',
'condition' => $condition,
'global' => [
'active' => false
],
'description' => __( 'Color control does not apply for SVG icons.', 'essential-addons-elementor' )
]
);
$condition['eael_custom_cursor_type' . $tab] = 'image';
$element->add_control(
'eael_custom_cursor_image' . $tab,
[
'label' => '',
'type' => Controls_Manager::MEDIA,
'ai' => [
'active' => false,
],
'condition' => $condition
]
);
$condition['eael_custom_cursor_type' . $tab] = 'svg_code';
$element->add_control(
'eael_custom_cursor_svg_code' . $tab,
[
'label' => '',
'type' => Controls_Manager::TEXTAREA,
'ai' => [ 'active' => false ],
'placeholder' => __( 'Paste your SVG code here', 'essential-addons-elementor' ),
'default' => '',
'condition' => $condition
]
);
$condition['eael_custom_cursor_type' . $tab] = [ 'image', 'svg_code' ];
$element->add_control(
'eael_custom_cursor_image_notice' . $tab,
[
'type' => Controls_Manager::NOTICE,
'notice_type' => 'warning',
'content' => __( 'Cursor image/svg must not be larger than 128x128 pixels. For best compatibility across browsers, a 32x32 pixel size is recommended.', 'essential-addons-elementor' ),
'condition' => $condition
]
);
$condition['eael_custom_cursor_type' . $tab] = 'circle';
$element->add_control(
'eael_custom_cursor_circle_heading' . $tab,
[
'label' => __( 'Circle', 'essential-addons-elementor' ),
'type' => Controls_Manager::HEADING,
'condition' => $condition
]
);
$element->add_control(
'eael_custom_cursor_circle_type' . $tab,
[
'label' => __( 'Type', 'essential-addons-elementor' ),
'type' => Controls_Manager::CHOOSE,
'options' => [
'solid' => [
'title' => __( 'Solid', 'essential-addons-elementor' ),
'icon' => 'eicon-menu-bar'
],
'dotted' => [
'title' => __( 'Dotted', 'essential-addons-elementor' ),
'icon' => 'eicon-handle'
],
'dashed' => [
'title' => __( 'Dashed', 'essential-addons-elementor' ),
'icon' => 'eicon-library-list'
],
],
'default' => 'solid',
'condition' => $condition
]
);
$element->add_control(
'eael_custom_cursor_circle_thickness' . $tab,
[
'label' => __( 'Thickness', 'essential-addons-elementor' ),
'type' => Controls_Manager::SLIDER,
'range' => [
'px' => [
'min' => 1,
'max' => 128
]
],
'default' => [
'size' => 2,
'unit' => 'px'
],
'condition' => $condition
]
);
$element->add_control(
'eael_custom_cursor_circle_color' . $tab,
[
'label' => __( 'Color', 'essential-addons-elementor' ),
'type' => Controls_Manager::COLOR,
'default' => '#1E1F24',
'condition' => $condition,
'global' => [
'active' => false
]
]
);
$element->add_control(
'eael_custom_cursor_circle_size' . $tab,
[
'label' => __( 'Size', 'essential-addons-elementor' ),
'type' => Controls_Manager::SLIDER,
'range' => [
'px' => [
'min' => 1,
'max' => 128
]
],
'default' => [
'size' => 20,
'unit' => 'px'
],
'condition' => $condition
]
);
$element->add_control(
'eael_custom_cursor_circle_radius' . $tab,
[
'label' => __( 'Border Radius', 'essential-addons-elementor' ),
'type' => Controls_Manager::SLIDER,
'range' => [
'%' => [
'min' => 1,
'max' => 100
]
],
'default' => [
'size' => 50,
'unit' => '%'
],
'condition' => $condition
]
);
$element->add_control(
'eael_custom_cursor_circle_dot_heading' . $tab,
[
'label' => __( 'Inner Dot', 'essential-addons-elementor' ),
'type' => Controls_Manager::HEADING,
'condition' => $condition
]
);
$element->add_control(
'eael_custom_cursor_circle_dot_show' . $tab,
[
'label' => __( 'Show', 'essential-addons-elementor' ),
'type' => Controls_Manager::SWITCHER,
'label_on' => __( 'Show', 'essential-addons-elementor' ),
'label_off' => __( 'Hide', 'essential-addons-elementor' ),
'return_value' => 'yes',
'default' => 'yes',
'condition' => $condition
]
);
$condition['eael_custom_cursor_circle_dot_show' . $tab] = 'yes';
$element->add_control(
'eael_custom_cursor_circle_dot_color' . $tab,
[
'label' => __( 'Color', 'essential-addons-elementor' ),
'type' => Controls_Manager::COLOR,
'default' => '#1E1F24',
'condition' => $condition,
'global' => [
'active' => false
]
]
);
$element->add_control(
'eael_custom_cursor_circle_dot_size' . $tab,
[
'label' => __( 'Size', 'essential-addons-elementor' ),
'type' => Controls_Manager::SLIDER,
'range' => [
'px' => [
'min' => 1,
'max' => 128
]
],
'default' => [
'size' => 8,
'unit' => 'px'
],
'condition' => $condition
]
);
$element->add_control(
'eael_custom_cursor_circle_dot_radius' . $tab,
[
'label' => __( 'Border Radius', 'essential-addons-elementor' ),
'type' => Controls_Manager::SLIDER,
'range' => [
'%' => [
'min' => 1,
'max' => 100
]
],
'default' => [
'size' => 50,
'unit' => '%'
],
'condition' => $condition
]
);
}
/**
* Following Dots Trail Controllers
*
* @param object $element
* @return void
*/
private function following_dots_trail_controllers( $element ) {
$element->add_control(
'eael_cursor_trail_count',
[
'label' => esc_html__( 'Dot Count', 'essential-addons-elementor' ),
'type' => Controls_Manager::NUMBER,
'min' => 1,
'max' => 20,
'step' => 1,
'default' => 12,
'label_block' => false,
'condition' => [
'eael_cursor_trail_show' => 'yes',
'eael_cursor_trail_effect' => 'following_dots'
]
]
);
$element->add_control(
'eael_cursor_trail_color_type',
[
'label' => esc_html__( 'Color Type', 'essential-addons-elementor' ),
'type' => Controls_Manager::CHOOSE,
'options' => [
'single' => [
'title' => esc_html__( 'Single', 'essential-addons-elementor' ),
'icon' => 'eicon-circle',
],
'multiple' => [
'title' => esc_html__( 'Multiple', 'essential-addons-elementor' ),
'icon' => 'eicon-spinner',
],
],
'condition' => [
'eael_cursor_trail_show' => 'yes',
'eael_cursor_trail_effect' => 'following_dots'
],
'default' => 'single',
'toggle' => false,
]
);
$element->add_control(
'eael_cursor_trail_color',
[
'label' => esc_html__( 'Color', 'essential-addons-elementor' ),
'type' => Controls_Manager::COLOR,
'default' => '#1E1F24',
'condition' => [
'eael_cursor_trail_show' => 'yes',
'eael_cursor_trail_effect' => 'following_dots',
'eael_cursor_trail_color_type' => 'single'
],
'global' => [
'active' => false
]
]
);
$element->add_control(
'eael_cursor_trail_colors_popover_toggle',
[
'label' => esc_html__( 'Colors', 'essential-addons-elementor' ),
'type' => Controls_Manager::POPOVER_TOGGLE,
'label_off' => esc_html__( 'Default', 'essential-addons-elementor' ),
'label_on' => esc_html__( 'Custom', 'essential-addons-elementor' ),
'return_value' => 'yes',
'default' => 'yes',
'condition' => [
'eael_cursor_trail_show' => 'yes',
'eael_cursor_trail_effect' => 'following_dots',
'eael_cursor_trail_color_type' => 'multiple'
]
]
);
$element->start_popover();
for( $i = 1; $i <= 20; $i++ ) {
$con_val = range( $i, 20);
$element->add_control(
'eael_cursor_trail_color_' . $i,
[
'label' => __( 'Color', 'essential-addons-elementor' ) . ' ' . $i,
'type' => Controls_Manager::COLOR,
'default' => '#1E1F24',
'global' => [
'active' => false
],
'conditions' => [
'terms' => [
[
'name' => 'eael_cursor_trail_show',
'operator' => '===',
'value' => 'yes'
],
[
'name' => 'eael_cursor_trail_effect',
'operator' => '===',
'value' => 'following_dots'
],
[
'name' => 'eael_cursor_trail_count',
'operator' => 'in',
'value' => $con_val
],
[
'name' => 'eael_cursor_trail_color_type',
'operator' => '===',
'value' => 'multiple'
],
]
]
]
);
}
$element->end_popover();
$element->add_control(
'eael_cursor_trail_size',
[
'label' => __( 'Size', 'essential-addons-elementor' ),
'type' => Controls_Manager::SLIDER,
'range' => [
'px' => [
'min' => 1,
'max' => 128
]
],
'default' => [
'size' => 10,
'unit' => 'px'
],
'condition' => [
'eael_cursor_trail_show' => 'yes',
'eael_cursor_trail_effect' => 'following_dots'
]
]
);
$element->add_control(
'eael_cursor_trail_speed',
[
'label' => __( 'Speed', 'essential-addons-elementor' ),
'type' => Controls_Manager::SLIDER,
'range' => [
'px' => [
'min' => 1,
'max' => 50
]
],
'default' => [
'size' => 8,
'unit' => 'px'
],
'condition' => [
'eael_cursor_trail_show' => 'yes',
'eael_cursor_trail_effect' => 'following_dots'
]
]
);
$element->add_control(
'eael_cursor_trail_radius',
[
'label' => __( 'Border Radius', 'essential-addons-elementor' ),
'type' => Controls_Manager::SLIDER,
'range' => [
'%' => [
'min' => 1,
'max' => 100
]
],
'default' => [
'size' => 50,
'unit' => '%'
],
'condition' => [
'eael_cursor_trail_show' => 'yes',
'eael_cursor_trail_effect' => 'following_dots'
]
]
);
$element->add_control(
'eael_cursor_trail_opacity',
[
'label' => __( 'Opacity', 'essential-addons-elementor' ),
'type' => Controls_Manager::SLIDER,
'step' => 1,
'range' => [
'px' => [
'min' => 1,
'max' => 10
]
],
'default' => [
'size' => 5,
'unit' => 'px'
],
'condition' => [
'eael_cursor_trail_show' => 'yes',
'eael_cursor_trail_effect' => 'following_dots'
]
]
);
}
/**
* Ghost Following Controllers
*
* @param object $element
* @return void
*/
private function phantomsmoke_controllers( $element ) {
$element->add_control(
'eael_cursor_trail_ghost_size',
[
'label' => __( 'Size', 'essential-addons-elementor' ),
'type' => Controls_Manager::SLIDER,
'range' => [
'px' => [
'min' => 1,
'max' => 100
]
],
'default' => [
'size' => 10,
'unit' => 'px'
],
'condition' => [
'eael_cursor_trail_show' => 'yes',
'eael_cursor_trail_effect' => 'phantomsmoke'
]
]
);
$element->add_control(
'eael_cursor_trail_ghost_color',
[
'label' => __( 'Color', 'essential-addons-elementor' ),
'type' => Controls_Manager::COLOR,
'default' => '#1E1F24',
'global' => [
'active' => false
],
'condition' => [
'eael_cursor_trail_show' => 'yes',
'eael_cursor_trail_effect' => 'phantomsmoke'
]
]
);
}
/**
* Ghost Following Cursor Controllers
*
* @param object $element
* @return void
*/
private function ghost_following_controllers( $element ) {
$element->add_control(
'eael_cursor_ghost_following_size',
[
'label' => __( 'Size', 'essential-addons-elementor' ),
'type' => Controls_Manager::SLIDER,
'range' => [
'px' => [
'min' => 1,
'max' => 100,
'step' => 1
]
],
'default' => [
'size' => 10,
'unit' => 'px'
],
'condition' => [
'eael_cursor_trail_show' => 'yes',
'eael_cursor_trail_effect' => 'spiritecho'
]
]
);
$element->add_control(
'eael_cursor_ghost_following_color',
[
'label' => __( 'Ghost Color', 'essential-addons-elementor' ),
'type' => Controls_Manager::COLOR,
'default' => '#1E1F24',
'global' => [
'active' => false
],
'condition' => [
'eael_cursor_trail_show' => 'yes',
'eael_cursor_trail_effect' => 'spiritecho'
]
]
);
$element->add_control(
'eael_cursor_ghost_following_eye_color',
[
'label' => __( 'Eye Color', 'essential-addons-elementor' ),
'type' => Controls_Manager::COLOR,
'default' => '#ffffff',
'global' => [
'active' => false
],
'condition' => [
'eael_cursor_trail_show' => 'yes',
'eael_cursor_trail_effect' => 'spiritecho'
]
]
);
}
private function snowflake_cursor_controllers( $element ) {
$element->add_control(
'eael_cursor_snowflake_emojis',
[
'label' => __( 'Snowflake Count', 'essential-addons-elementor' ),
'type' => Controls_Manager::TEXTAREA,
'ai' => [ 'active' => false ],
'default' => '❄️',
'label_block' => true,
'description' => __( 'Enter emoji for snowflakes separated by comma.', 'essential-addons-elementor' ),
'condition' => [
'eael_cursor_trail_show' => 'yes',
'eael_cursor_trail_effect' => 'frostsparkles'
]
]
);
$element->add_control(
'eael_cursor_snowflake_windy_effect',
[
'label' => __( 'Windy Effect', 'essential-addons-elementor' ),
'type' => Controls_Manager::SWITCHER,
'return_value' => 'yes',
'condition' => [
'eael_cursor_trail_show' => 'yes',
'eael_cursor_trail_effect' => 'frostsparkles'
]
]
);
}
private function ink_line_controllers( $element ) {
$element->add_control(
'eael_cursor_ink_line_color',
[
'label' => __( 'Color', 'essential-addons-elementor' ),
'type' => Controls_Manager::COLOR,
'default' => '#1E1F24',
'global' => [
'active' => false
],
'condition' => [
'eael_cursor_trail_show' => 'yes',
'eael_cursor_trail_effect' => 'inktrail'
]
]
);
}
private function glowing_boxes_controllers( $element ) {
$element->add_control(
'eael_cursor_glowing_boxes_opacity',
[
'label' => __( 'Opacity', 'essential-addons-elementor' ),
'type' => Controls_Manager::SLIDER,
'range' => [
'px' => [
'min' => 1,
'max' => 10
]
],
'default' => [
'size' => 10,
'unit' => 'px'
],
'condition' => [
'eael_cursor_trail_show' => 'yes',
'eael_cursor_trail_effect' => 'glowingBoxes'
]
]
);
$element->add_control(
'eael_cursor_glowing_boxes_size',
[
'label' => __( 'Size', 'essential-addons-elementor' ),
'type' => Controls_Manager::SLIDER,
'range' => [
'px' => [
'min' => 1,
'max' => 100
]
],
'default' => [
'size' => 50,
'unit' => 'px'
],
'condition' => [
'eael_cursor_trail_show' => 'yes',
'eael_cursor_trail_effect' => 'glowingBoxes'
]
]
);
$element->add_control(
'eael_cursor_glowing_boxes_border_radius',
[
'label' => __( 'Border Radius', 'essential-addons-elementor' ),
'type' => Controls_Manager::SLIDER,
'range' => [
'px' => [
'min' => 1,
'max' => 100
]
],
'default' => [
'size' => 1,
'unit' => 'px'
],
'condition' => [
'eael_cursor_trail_show' => 'yes',
'eael_cursor_trail_effect' => 'glowingBoxes'
]
]
);
$element->add_control(
'eael_cursor_glowing_boxes_trail_length',
[
'label' => __( 'Trail Length', 'essential-addons-elementor' ),
'type' => Controls_Manager::SLIDER,
'range' => [
'px' => [
'min' => 1,
'max' => 100
]
],
'default' => [
'size' => 20,
'unit' => 'px'
],
'condition' => [
'eael_cursor_trail_show' => 'yes',
'eael_cursor_trail_effect' => 'glowingBoxes'
]
]
);
$element->add_control(
'eael_cursor_glowing_boxes_interval',
[
'label' => __( 'Interval', 'essential-addons-elementor' ),
'type' => Controls_Manager::SLIDER,
'range' => [
'px' => [
'min' => 1,
'max' => 100
]
],
'default' => [
'size' => 10,
'unit' => 'px'
],
'condition' => [
'eael_cursor_trail_show' => 'yes',
'eael_cursor_trail_effect' => 'glowingBoxes'
]
]
);
$element->add_control(
'eael_cursor_glowing_boxes_hue_speed',
[
'label' => __( 'Hue Speed', 'essential-addons-elementor' ),
'type' => Controls_Manager::SLIDER,
'range' => [
'px' => [
'min' => 1,
'max' => 100
]
],
'default' => [
'size' => 6,
'unit' => 'px'
],
'condition' => [
'eael_cursor_trail_show' => 'yes',
'eael_cursor_trail_effect' => 'glowingBoxes'
]
]
);
}
private function color_balls_controllers( $element ) {
$element->add_control(
'eael_cursor_color_balls_popover_toggle',
[
'label' => esc_html__( 'Colors', 'essential-addons-elementor' ),
'type' => Controls_Manager::POPOVER_TOGGLE,
'label_off' => esc_html__( 'Default', 'essential-addons-elementor' ),
'label_on' => esc_html__( 'Custom', 'essential-addons-elementor' ),
'return_value' => 'yes',
'default' => 'yes',
'description' => __( 'You can set custom colors for the color balls. Leave the fields empty to use the default colors. You can use up to 7 colors.', 'essential-addons-elementor' ),
'condition' => [
'eael_cursor_trail_show' => 'yes',
'eael_cursor_trail_effect' => 'colorBalls'
]
]
);
$element->start_popover();
$colors = [ '#edeeef', '#c3c5ca', '#9b9fa7', '#767a81', '#54575c', '#343639', '#17181a' ];
for( $i = 1; $i <= 7; $i++ ) {
$element->add_control(
'eael_cursor_color_balls_color_' . $i,
[
// translators: %d: color number
'label' => sprintf( esc_html__( 'Color %d', 'essential-addons-elementor' ), $i ),
'type' => Controls_Manager::COLOR,
'global' => [
'active' => false
],
'default' => !empty($colors[$i - 1]) ? $colors[$i - 1] : '',
'condition' => [
'eael_cursor_trail_show' => 'yes',
'eael_cursor_trail_effect' => 'colorBalls'
]
]
);
}
$element->end_popover();
}
/**
* Adjust Item and Colors
*
* @param int $item_count
* @param array $assigned_colors
* @return array
*/
private function adjust_item_and_colors( $item_count, $assigned_colors ) {
// Get colors from settings
$colors = array_filter(
array_map(
function($color) {
return trim(str_replace(['\'', '"'], '', $color));
},
$assigned_colors
),
function($color) {
return $color !== '';
}
);
// Assign colors based on count relationship
$assigned_colors = [];
$color_count = count($colors);
if ($color_count > 0) {
// Assign colors to each trail segment using modulo for overflow
for ($i = 0; $i < $item_count; $i++) {
$assigned_colors[] = $colors[$i % $color_count];
}
}
return $assigned_colors;
}
private function handle_trail_icon( $settings ) {
$icon = '';
if( 'icon' === $settings['icon_type'] ) {
$svg = '';
$attributes = [
'height' => $settings['icon_size']['size'] ?? 20,
'width' => $settings['icon_size']['size'] ?? 20,
'fill' => $settings['icon_color'] ?? '#1E1F24',
];
if( 'svg' === $settings['icon']['library'] ) {
$svg = Icons_Manager::try_get_icon_html( $settings['icon'], [ 'aria-hidden' => 'true' ] );
} else {
$svg = Helper::get_svg_by_icon( $settings['icon'], $attributes );
}
if( ! empty( $svg ) ) {
$icon = 'data:image/svg+xml;base64,' . base64_encode( $svg );
}
} else if( 'image' === $settings['icon_type'] ) {
$icon = $settings['trail_image']['url'] ?? '';
} else if( 'code' === $settings['icon_type'] && !empty( trim( $settings['svg_code'] ) ) ) {
$icon = 'data:image/svg+xml;base64,' . base64_encode( $settings['svg_code'] );
}
return $icon;
}
private function following_dots_trail_settings( $settings, &$cursor_settings ) {
$cursor_settings['trail_size'] = $settings['eael_cursor_trail_size']['size'] ?? 10;
$cursor_settings['trail_opacity'] = $settings['eael_cursor_trail_opacity']['size'] ?? 5;
$cursor_settings['trail_opacity'] = $cursor_settings['trail_opacity'] / 10;
$cursor_settings['trail_radius'] = $settings['eael_cursor_trail_radius']['size'] ?? 50;
$cursor_settings['trail_speed'] = ( $settings['eael_cursor_trail_speed']['size'] ?? 8 ) / 100;
$cursor_settings['trail_count'] = $settings['eael_cursor_trail_count'] ?? 12;
$dot_colors = [];
if( 'single' === $settings['eael_cursor_trail_color_type'] ) {
$dot_colors = array_fill( 0, $cursor_settings['trail_count'], $settings['eael_cursor_trail_color'] );
} else {
for( $i = 1; $i <= $cursor_settings['trail_count']; $i++ ) {
if( ! empty( $settings['eael_cursor_trail_color_' . $i] ) ) {
$dot_colors[] = $settings['eael_cursor_trail_color_' . $i];
}
}
}
$cursor_settings['trail_colors'] = $this->adjust_item_and_colors( $cursor_settings['trail_count'], $dot_colors );
}
private function color_swipe_trail_settings( $settings, &$cursor_settings ) {
$cursor_settings['trail_length'] = $settings['eael_cursor_color_swipe_trail_length']['size'] ?? 30;
$cursor_settings['trail_size'] = $settings['eael_cursor_color_swipe_trail_size']['size'] ?? 10;
$cursor_settings['trail_count'] = $settings['eael_cursor_color_swipe_trail_count'] ?? 4;
$dot_colors = [];
for( $i = 1; $i <= $cursor_settings['trail_count']; $i++ ) {
if( ! empty( $settings['eael_cursor_color_swipe_trail_color_' . $i] ) ) {
$dot_colors[] = $settings['eael_cursor_color_swipe_trail_color_' . $i];
}
}
$cursor_settings['trail_colors'] = $this->adjust_item_and_colors( $cursor_settings['trail_count'], $dot_colors );
}
private function phantomsmoke_settings( $settings, &$cursor_settings ) {
$cursor_settings['trail_ghost_size'] = ( $settings['eael_cursor_trail_ghost_size']['size'] ?? 3 ) / 100;
$cursor_settings['trail_ghost_color'] = $settings['eael_cursor_trail_ghost_color'] ?? '';
}
private function ghost_following_settings( $settings, &$cursor_settings ) {
$cursor_settings['ghost_following_size'] = ( $settings['eael_cursor_ghost_following_size']['size'] ?? 7 ) / 10;
$cursor_settings['ghost_following_color'] = $settings['eael_cursor_ghost_following_color'] ?? '#1E1F24';
$cursor_settings['ghost_following_eye_color'] = $settings['eael_cursor_ghost_following_eye_color'] ?? '#ffffff';
}
private function trailing_cursor_settings( $settings, &$cursor_settings ) {
$_settings = [
'icon' => $settings['eael_cursor_trail_icon'] ?? '',
'color' => $settings['eael_cursor_trail_icon_color'] ?? '',
'size' => $settings['eael_cursor_trail_icon_size']['size'] ?? '',
'icon_type' => $settings['eael_cursor_trail_icon_type'] ?? '',
'trail_image' => $settings['eael_cursor_trail_image'] ?? '',
'svg_code' => $settings['eael_cursor_trail_svg_code'] ?? '',
];
$trail_icon = $this->handle_trail_icon( $_settings );
if( ! empty( $trail_icon ) ) {
$cursor_settings['trail_icon'] = $trail_icon;
}
// Add particles settings
$cursor_settings['trail_particles'] = $settings['eael_cursor_trailing_particles']['size'] ?? 15;
// Add rate settings
$cursor_settings['trail_rate'] = $settings['eael_cursor_trailing_rate']['size'] ? $settings['eael_cursor_trailing_rate']['size'] / 100 : 0.4;
}
private function prepare_pointer_selector( $wrapper, $settings ) {
$selector = '';
$pointer_elements = $settings['eael_pointer_selectors'] ?? [];
if( empty( $pointer_elements ) ) {
return $selector;
}
$selector = implode( ', ', array_map( function( $element ) use ( $wrapper ) {
return $wrapper . ' ' . $element;
}, $pointer_elements ) );
return $selector;
}
private function get_circle_cursor_settings( $settings, &$cursor_settings, $state = '' ){
$cursor_settings['cursor_type' . $state] = $settings['eael_custom_cursor_type' . $state];
$cursor_settings['circle_type' . $state] = $settings['eael_custom_cursor_circle_type' . $state] ?? 'solid';
$cursor_settings['circle_thickness' . $state] = $settings['eael_custom_cursor_circle_thickness' . $state]['size'] ?? 2;
$cursor_settings['circle_color' . $state] = $settings['eael_custom_cursor_circle_color' . $state] ?? '#1E1F24';
$cursor_settings['circle_size' . $state] = $settings['eael_custom_cursor_circle_size' . $state]['size'] ?? 20;
$cursor_settings['circle_radius' . $state] = $settings['eael_custom_cursor_circle_radius' . $state]['size'] ?? 50;
$cursor_settings['dot_show' . $state] = isset($settings['eael_custom_cursor_circle_dot_show' . $state]) && 'yes' === $settings['eael_custom_cursor_circle_dot_show' . $state];
if( 'yes' === $settings['eael_custom_cursor_circle_dot_show' . $state] ) {
$cursor_settings['dot_color' . $state] = $settings['eael_custom_cursor_circle_dot_color' . $state] ?? '#fff';
$cursor_settings['dot_size' . $state] = $settings['eael_custom_cursor_circle_dot_size' . $state]['size'] ?? 8;
$cursor_settings['dot_radius' . $state] = $settings['eael_custom_cursor_circle_dot_radius' . $state]['size'] ?? 8;
}
}
public function before_render( $element, $page_render = false, $global_settings = [] ) {
if( is_object( $element ) && method_exists( $element, 'get_settings_for_display' ) ) {
$settings = $element->get_settings_for_display();
} else if ( ! empty( $global_settings ) ) {
$settings = $global_settings;
} else {
return;
}
$element_id = is_object( $element ) ? $element->get_id() : ( ! empty( $settings['post_id'] ) ? sanitize_text_field( $settings['post_id'] ) : get_the_ID() );
if( $page_render && ! empty( $global_settings ) ) {
$settings = $global_settings;
} else {
$settings = $element->get_settings_for_display();
}
$cursor_settings = [];
if ( isset( $settings['eael_enable_custom_cursor'] ) && "yes" === $settings['eael_enable_custom_cursor'] ) {
if ( is_object( $element ) && method_exists( $element, 'add_render_attribute' ) ) {
$element->add_render_attribute( '_wrapper', 'data-eael-cursor', $settings['eael_custom_cursor_type'] );
}
$cursor = $this->get_cursor( $settings );
if( ! empty( $cursor ) ) {
if ( is_object( $element ) && method_exists( $element, 'add_render_attribute' ) ) {
$element->add_render_attribute( '_wrapper', 'style', 'cursor: ' . esc_html( $cursor ) . ';' );
}
if( $page_render ) {
echo '';
}
} else if( empty( $cursor ) && 'circle' === $settings['eael_custom_cursor_type'] ) {
$this->get_circle_cursor_settings( $settings, $cursor_settings );
}
if( 'yes' === $settings['eael_enable_pointer_cursor'] ) {
$pointer_cursor = $this->get_cursor( $settings, '_pointer' );
if( ! empty( $pointer_cursor ) ) {
$wrapper = $page_render ? 'body' : '.elementor-element-' . esc_attr( $element_id );
echo '';
} else if( empty( $pointer_cursor ) && 'circle' === $settings['eael_custom_cursor_type' . '_pointer'] ) {
$this->get_circle_cursor_settings( $settings, $cursor_settings, '_pointer' );
}
}
}
if( isset( $settings['eael_cursor_trail_show'] ) && 'yes' === $settings['eael_cursor_trail_show'] ) {
$cursor_settings['trail'] = 'yes';
$cursor_settings['trail_effect'] = $settings['eael_cursor_trail_effect'] ?? 'following_dots';
if( 'following_dots' === $settings['eael_cursor_trail_effect'] ) {
$this->following_dots_trail_settings( $settings, $cursor_settings );
} else if( 'phantomsmoke' === $settings['eael_cursor_trail_effect'] ) {
$this->phantomsmoke_settings( $settings, $cursor_settings );
} else if( 'spiritecho' === $settings['eael_cursor_trail_effect'] ) {
$this->ghost_following_settings( $settings, $cursor_settings );
} else if( 'frostsparkles' === $settings['eael_cursor_trail_effect'] ) {
$cursor_settings['trail_windy_efect'] = 'yes' === $settings['eael_cursor_snowflake_windy_effect'];
$cursor_settings['trail_emojis'] = $settings['eael_cursor_snowflake_emojis'] ?? '';
} else if( 'inktrail' === $settings['eael_cursor_trail_effect'] ) {
$cursor_settings['ink_line_color'] = $settings['eael_cursor_ink_line_color'] ?? '#1E1F24';
} else if( 'glowingBoxes' === $settings['eael_cursor_trail_effect'] ) {
$cursor_settings['glowing_boxes_opacity'] = $settings['eael_cursor_glowing_boxes_opacity']['size'] ?? 1;
$cursor_settings['glowing_boxes_size'] = $settings['eael_cursor_glowing_boxes_size']['size'] ?? 50;
$cursor_settings['glowing_boxes_border_radius'] = $settings['eael_cursor_glowing_boxes_border_radius']['size'] ?? 1;
$cursor_settings['glowing_boxes_trail_length'] = $settings['eael_cursor_glowing_boxes_trail_length']['size'] ?? 20;
$cursor_settings['glowing_boxes_interval'] = $settings['eael_cursor_glowing_boxes_interval']['size'] ?? 10;
$cursor_settings['glowing_boxes_hue_speed'] = $settings['eael_cursor_glowing_boxes_hue_speed']['size'] ?? 2;
} else if( 'colorBalls' === $settings['eael_cursor_trail_effect'] ) {
for( $i = 1; $i <= 7; $i++ ) {
$cursor_settings['color_balls_colors'][] = !empty( trim( $settings['eael_cursor_color_balls_color_' . $i] ) ) ? $settings['eael_cursor_color_balls_color_' . $i] : '';
}
$cursor_settings['color_balls_colors'] = array_filter( $cursor_settings['color_balls_colors'], function($color) {
return trim($color) !== '';
} );
}
$cursor_settings['trail_hide_on_idle'] = isset($settings['eael_cursor_trail_hide_on_idle']) && 'yes' === $settings['eael_cursor_trail_hide_on_idle'];
$cursor_settings['trail_idle_timeout'] = $settings['eael_cursor_trail_idle_timeout']['size'] ?? 3;
}
if( ! empty( $cursor_settings ) ) {
if ( is_object( $element ) && method_exists( $element, 'add_render_attribute' ) ) {
$element->add_render_attribute( '_wrapper', 'data-eael-cursor-settings', wp_json_encode( $cursor_settings ) );
}
if( $page_render ) {
echo '';
echo '';
}
}
}
private function get_cursor( $settings, $state = '' ) {
$cursor = '';
if( 'image' === $settings['eael_custom_cursor_type' . $state] && ! empty( $settings['eael_custom_cursor_image' . $state]['url'] ) ) {
$cursor = 'url("' . $settings['eael_custom_cursor_image' . $state]['url'] . '") 0 0, auto';
} else if( 'icon' === $settings['eael_custom_cursor_type' . $state] && ! empty( $settings['eael_custom_cursor_icon' . $state]['value'] ) ) {
$size = !empty( $settings['eael_custom_cursor_icon_size' . $state]['size'] ) ? $settings['eael_custom_cursor_icon_size' . $state]['size'] : 20;
$attributes = [
'height' => $size,
'width' => $size,
];
$attributes['fill'] = !empty( $settings['eael_custom_cursor_icon_color' . $state] ) ? $settings['eael_custom_cursor_icon_color' . $state] : '#000';
$svg = '';
if( 'svg' === $settings['eael_custom_cursor_icon' . $state]['library'] ) {
$svg = Icons_Manager::try_get_icon_html( $settings['eael_custom_cursor_icon' . $state], [ 'aria-hidden' => 'true' ] );
} else {
$svg = Helper::get_svg_by_icon( $settings['eael_custom_cursor_icon' . $state], $attributes );
}
if( ! empty( $svg ) ) {
$svg = base64_encode( $svg );
$cursor = 'url("data:image/svg+xml;base64,' . $svg . '") 0 0, auto';
}
} else if( 'svg_code' === $settings['eael_custom_cursor_type' . $state] && ! empty( trim( $settings['eael_custom_cursor_svg_code' . $state] ) ) ) {
$svg = base64_encode( $settings['eael_custom_cursor_svg_code' . $state] );
$cursor = 'url("data:image/svg+xml;base64,' . $svg . '") 0 0, auto';
} else if( 'regular' === $settings['eael_custom_cursor_type' . $state] && ! empty( $settings['eael_custom_cursor_regular' . $state] ) ) {
$cursor = $settings['eael_custom_cursor_regular' . $state];
}
return $cursor;
}
public function render_custom_cursor_html( $document, $global_settings ) {
if( ! empty( $global_settings['eael_custom_cursor'] ) && $global_settings['eael_custom_cursor']['enabled_globally'] && get_the_ID() !== $global_settings['eael_custom_cursor']['post_id'] ) {
$settings = $global_settings['eael_custom_cursor'];
$this->before_render( $document, true, $settings );
} else if( is_object( $document ) && method_exists( $document, 'get_settings_for_display' ) ){
$settings = $document->get_settings_for_display();
$this->before_render( $document, true );
} else {
return;
}
if( isset($settings['eael_custom_cursor_type']) && 'circle' === $settings['eael_custom_cursor_type'] ) {
wp_enqueue_script( 'eael-custom-cursor-gsap' );
}
if ( isset( $settings['eael_cursor_trail_show'] ) && 'yes' === $settings['eael_cursor_trail_show'] ) {
if( 'following_dots' === $settings['eael_cursor_trail_effect'] ) {
wp_enqueue_script( 'eael-custom-cursor-gsap' );
} else if( 'phantomsmoke' === $settings['eael_cursor_trail_effect'] ) {
wp_enqueue_script( 'eael-phantom-smoke-ghost' );
} else if( 'spiritecho' === $settings['eael_cursor_trail_effect'] ) {
wp_enqueue_script( 'eael-ghost-following' );
wp_enqueue_style( 'eael-ghost-following' );
} else if( 'trailparticles' === $settings['eael_cursor_trail_effect'] ) {
wp_enqueue_script( 'eael-pointer-particles' );
} else if( 'inktrail' === $settings['eael_cursor_trail_effect'] ) {
wp_enqueue_script( 'eael-ink-line' );
} else if( 'glowingBoxes' === $settings['eael_cursor_trail_effect'] ) {
wp_enqueue_script( 'eael-glowing-boxes' );
} else if( 'colorBalls' === $settings['eael_cursor_trail_effect'] ) {
wp_enqueue_script( 'eael-color-balls' );
} else {
wp_enqueue_script( 'eael-90s-cursor-effects' );
}
}
if( ( isset($settings['eael_enable_custom_cursor']) && 'yes' === $settings['eael_enable_custom_cursor'] ) || ( isset($settings['eael_cursor_trail_show']) && 'yes' === $settings['eael_cursor_trail_show'] ) ) {
wp_enqueue_script( 'eael-custom-cursor-dompurify' );
wp_enqueue_script( 'eael-custom-cursor' );
}
}
public function register_assets() {
wp_register_script(
'eael-custom-cursor-gsap',
EAEL_PRO_PLUGIN_URL . 'assets/front-end/js/lib-view/gsap/gsap.min.js',
[],
EAEL_PLUGIN_VERSION,
true
);
wp_register_script(
'eael-custom-cursor-dompurify',
EAEL_PLUGIN_URL . 'assets/front-end/js/lib-view/dom-purify/purify.min.js',
[],
EAEL_PLUGIN_VERSION,
true
);
wp_register_script(
'eael-90s-cursor-effects',
EAEL_PRO_PLUGIN_URL . 'assets/front-end/js/lib-view/cursor/90s-cursor-effects.min.js',
['jquery'],
EAEL_PLUGIN_VERSION,
true
);
wp_register_script(
'eael-following-cat',
EAEL_PRO_PLUGIN_URL . 'assets/front-end/js/lib-view/cursor/following-cat.min.js',
['jquery'],
EAEL_PLUGIN_VERSION,
true
);
wp_register_script(
'eael-snake-bugs',
EAEL_PRO_PLUGIN_URL . 'assets/front-end/js/lib-view/cursor/snake-bugs.min.js',
['jquery'],
EAEL_PLUGIN_VERSION,
true
);
wp_register_script(
'eael-phantom-smoke-ghost',
EAEL_PRO_PLUGIN_URL . 'assets/front-end/js/lib-view/cursor/phantom-smoke-ghost.min.js',
[],
EAEL_PLUGIN_VERSION,
true
);
wp_register_script(
'eael-ghost-following',
EAEL_PRO_PLUGIN_URL . 'assets/front-end/js/lib-view/cursor/ghost-following.min.js',
[],
EAEL_PLUGIN_VERSION,
true
);
wp_register_style(
'eael-ghost-following',
EAEL_PRO_PLUGIN_URL . 'assets/front-end/css/lib-view/cursor/ghost-following.min.css',
[],
EAEL_PLUGIN_VERSION
);
wp_register_script(
'eael-pointer-particles',
EAEL_PRO_PLUGIN_URL . 'assets/front-end/js/lib-view/cursor/pointer-perticle.min.js',
[],
EAEL_PLUGIN_VERSION,
true
);
wp_register_script(
'eael-ink-line',
EAEL_PRO_PLUGIN_URL . 'assets/front-end/js/lib-view/cursor/ink-line.min.js',
[],
EAEL_PLUGIN_VERSION,
true
);
wp_register_script(
'eael-glowing-boxes',
EAEL_PRO_PLUGIN_URL . 'assets/front-end/js/lib-view/cursor/glowing-boxes.min.js',
[],
EAEL_PLUGIN_VERSION,
true
);
wp_register_script(
'eael-color-balls',
EAEL_PRO_PLUGIN_URL . 'assets/front-end/js/lib-view/cursor/color-balls.min.js',
[],
EAEL_PLUGIN_VERSION,
true
);
wp_register_script(
'eael-custom-cursor',
EAEL_PRO_PLUGIN_URL . 'assets/front-end/js/view/custom-cursor.min.js',
['jquery'],
EAEL_PLUGIN_VERSION,
true
);
}
public function global_settings( $global_settings, $document, $post_id ) {
$is_global = $document->get_settings('eael_enable_custom_cursor_global') == 'yes';
if( ! $is_global ) {
$global_settings['eael_custom_cursor'] = [
'enabled' => false,
'post_id' => $post_id,
'enabled_globally' => false
];
return $global_settings;
}
$settings = [
'enabled' => $document->get_settings('eael_enable_custom_cursor') == 'yes',
'post_id' => $post_id,
'enabled_globally' => $is_global,
'global_display_condition' => $document->get_settings('eael_ext_custom_cursor_global_display_condition'),
// Basic cursor settings
'eael_enable_custom_cursor' => $document->get_settings('eael_enable_custom_cursor'),
'eael_custom_cursor_type' => $document->get_settings('eael_custom_cursor_type'),
'eael_cursor_trail_hide_on_idle' => $document->get_settings('eael_cursor_trail_hide_on_idle'),
];
if( 'yes' === $settings['eael_enable_custom_cursor'] ) {
if( 'regular' === $settings['eael_custom_cursor_type'] ) {
$settings['eael_custom_cursor_regular'] = $document->get_settings('eael_custom_cursor_regular');
} else if( 'image' === $settings['eael_custom_cursor_type'] ) {
$settings['eael_custom_cursor_image'] = $document->get_settings('eael_custom_cursor_image');
} else if( 'icon' === $settings['eael_custom_cursor_type'] ) {
$settings['eael_custom_cursor_icon'] = $document->get_settings('eael_custom_cursor_icon');
$settings['eael_custom_cursor_icon_color'] = $document->get_settings('eael_custom_cursor_icon_color');
$settings['eael_custom_cursor_icon_size'] = $document->get_settings('eael_custom_cursor_icon_size');
$settings['eael_icon_to_svg_path'] = $document->get_settings('eael_icon_to_svg_path');
} else if( 'svg_code' === $settings['eael_custom_cursor_type'] ) {
$settings['eael_custom_cursor_svg_code'] = $document->get_settings('eael_custom_cursor_svg_code');
} else if( 'circle' === $settings['eael_custom_cursor_type'] ) {
$settings['eael_custom_cursor_circle_type'] = $document->get_settings('eael_custom_cursor_circle_type');
$settings['eael_custom_cursor_circle_thickness'] = $document->get_settings('eael_custom_cursor_circle_thickness');
$settings['eael_custom_cursor_circle_color'] = $document->get_settings('eael_custom_cursor_circle_color');
$settings['eael_custom_cursor_circle_size'] = $document->get_settings('eael_custom_cursor_circle_size');
$settings['eael_custom_cursor_circle_radius'] = $document->get_settings('eael_custom_cursor_circle_radius');
$settings['eael_custom_cursor_circle_dot_show'] = $document->get_settings('eael_custom_cursor_circle_dot_show');
$settings['eael_custom_cursor_circle_dot_color'] = $document->get_settings('eael_custom_cursor_circle_dot_color');
$settings['eael_custom_cursor_circle_dot_size'] = $document->get_settings('eael_custom_cursor_circle_dot_size');
$settings['eael_custom_cursor_circle_dot_radius'] = $document->get_settings('eael_custom_cursor_circle_dot_radius');
}
}
$settings['eael_enable_pointer_cursor'] = $document->get_settings('eael_enable_pointer_cursor');
if( 'yes' === $settings['eael_enable_pointer_cursor'] ) {
$settings['eael_custom_cursor_type_pointer'] = $document->get_settings('eael_custom_cursor_type_pointer');
if( 'image' === $settings['eael_custom_cursor_type_pointer'] ) {
$settings['eael_custom_cursor_image_pointer'] = $document->get_settings('eael_custom_cursor_image_pointer');
} else if( 'icon' === $settings['eael_custom_cursor_type_pointer'] ) {
$settings['eael_custom_cursor_icon_pointer'] = $document->get_settings('eael_custom_cursor_icon_pointer');
$settings['eael_custom_cursor_icon_color_pointer'] = $document->get_settings('eael_custom_cursor_icon_color_pointer');
$settings['eael_custom_cursor_icon_size_pointer'] = $document->get_settings('eael_custom_cursor_icon_size_pointer');
$settings['eael_icon_to_svg_path_pointer'] = $document->get_settings('eael_icon_to_svg_path_pointer');
} else if( 'svg_code' === $settings['eael_custom_cursor_type_pointer'] ) {
$settings['eael_custom_cursor_svg_code_pointer'] = $document->get_settings('eael_custom_cursor_svg_code_pointer');
} else if( 'circle' === $settings['eael_custom_cursor_type_pointer'] ) {
$settings['eael_custom_cursor_circle_type_pointer'] = $document->get_settings('eael_custom_cursor_circle_type_pointer');
$settings['eael_custom_cursor_circle_thickness_pointer'] = $document->get_settings('eael_custom_cursor_circle_thickness_pointer');
$settings['eael_custom_cursor_circle_color_pointer'] = $document->get_settings('eael_custom_cursor_circle_color_pointer');
$settings['eael_custom_cursor_circle_size_pointer'] = $document->get_settings('eael_custom_cursor_circle_size_pointer');
$settings['eael_custom_cursor_circle_radius_pointer'] = $document->get_settings('eael_custom_cursor_circle_radius_pointer');
$settings['eael_custom_cursor_circle_dot_show_pointer'] = $document->get_settings('eael_custom_cursor_circle_dot_show_pointer');
$settings['eael_custom_cursor_circle_dot_color_pointer'] = $document->get_settings('eael_custom_cursor_circle_dot_color_pointer');
$settings['eael_custom_cursor_circle_dot_size_pointer'] = $document->get_settings('eael_custom_cursor_circle_dot_size_pointer');
$settings['eael_custom_cursor_circle_dot_radius_pointer'] = $document->get_settings('eael_custom_cursor_circle_dot_radius_pointer');
}
}
if( 'yes' === $document->get_settings('eael_cursor_trail_show') ) {
$settings['eael_cursor_trail_show'] = $document->get_settings('eael_cursor_trail_show');
$settings['eael_cursor_trail_effect'] = $document->get_settings('eael_cursor_trail_effect');
if( 'following_dots' === $settings['eael_cursor_trail_effect'] ) {
$settings['eael_cursor_trail_size'] = $document->get_settings('eael_cursor_trail_size');
$settings['eael_cursor_trail_opacity'] = $document->get_settings('eael_cursor_trail_opacity');
$settings['eael_cursor_trail_radius'] = $document->get_settings('eael_cursor_trail_radius');
$settings['eael_cursor_trail_speed'] = $document->get_settings('eael_cursor_trail_speed');
$settings['eael_cursor_trail_count'] = $document->get_settings('eael_cursor_trail_count');
$settings['eael_cursor_trail_color_type'] = $document->get_settings('eael_cursor_trail_color_type');
$settings['eael_cursor_trail_color'] = $document->get_settings('eael_cursor_trail_color');
if( ! empty( $settings['eael_cursor_trail_count'] ) ) {
for( $i = 1; $i <= $settings['eael_cursor_trail_count']; $i++ ) {
$settings['eael_cursor_trail_color_' . $i] = $document->get_settings('eael_cursor_trail_color_' . $i);
}
}
} else if( 'phantomsmoke' === $settings['eael_cursor_trail_effect'] ) {
$settings['eael_cursor_trail_ghost_size'] = $document->get_settings('eael_cursor_trail_ghost_size');
$settings['eael_cursor_trail_ghost_color'] = $document->get_settings('eael_cursor_trail_ghost_color');
} else if( 'spiritecho' === $settings['eael_cursor_trail_effect'] ) {
$settings['eael_cursor_ghost_following_size'] = $document->get_settings('eael_cursor_ghost_following_size');
$settings['eael_cursor_ghost_following_color'] = $document->get_settings('eael_cursor_ghost_following_color');
$settings['eael_cursor_ghost_following_eye_color'] = $document->get_settings('eael_cursor_ghost_following_eye_color');
} else if( 'frostsparkles' === $settings['eael_cursor_trail_effect'] ) {
$settings['eael_cursor_snowflake_emojis'] = $document->get_settings('eael_cursor_snowflake_emojis');
$settings['eael_cursor_snowflake_windy_effect'] = $document->get_settings('eael_cursor_snowflake_windy_effect');
} else if( 'inktrail' === $settings['eael_cursor_trail_effect'] ) {
$settings['eael_cursor_ink_line_color'] = $document->get_settings('eael_cursor_ink_line_color');
} else if( 'glowingBoxes' === $settings['eael_cursor_trail_effect'] ) {
$settings['eael_cursor_glowing_boxes_opacity'] = $document->get_settings('eael_cursor_glowing_boxes_opacity');
$settings['eael_cursor_glowing_boxes_size'] = $document->get_settings('eael_cursor_glowing_boxes_size');
$settings['eael_cursor_glowing_boxes_border_radius'] = $document->get_settings('eael_cursor_glowing_boxes_border_radius');
$settings['eael_cursor_glowing_boxes_trail_length'] = $document->get_settings('eael_cursor_glowing_boxes_trail_length');
$settings['eael_cursor_glowing_boxes_interval'] = $document->get_settings('eael_cursor_glowing_boxes_interval');
$settings['eael_cursor_glowing_boxes_hue_speed'] = $document->get_settings('eael_cursor_glowing_boxes_hue_speed');
} else if( 'colorBalls' === $settings['eael_cursor_trail_effect'] ) {
for( $i = 1; $i <= 7; $i++ ) {
$settings['eael_cursor_color_balls_color_' . $i] = $document->get_settings('eael_cursor_color_balls_color_' . $i);
}
}
}
if( 'yes' === $settings['eael_cursor_trail_hide_on_idle'] ) {
$settings['eael_cursor_trail_idle_timeout'] = $document->get_settings('eael_cursor_trail_idle_timeout');
}
$global_settings['eael_custom_cursor'] = $settings;
return $global_settings;
}
}