https://grillboot-bodensee.de/wp-content/themes/thegem/js/counters-effects.js?ver=5.8.0

1(function($) {
2	$(function() {
3
4		$('.gem-counter').each(function() {
5			var $item = $(this);
6			var initHover = {
7				icon_color1: $('.gem-icon-half-1', $item).css('color'),
8				icon_color2: $('.gem-icon-half-2', $item).css('color'),
9				icon_background: $('.gem-icon-inner', $item).css('background-color'),
10				icon_border: $('.gem-icon', $item).css('border-left-color'),
11				icon_box_border: $('.gem-counter-icon-circle-1', $item).css('border-left-color'),
12				icon_box_shadow: $('.gem-icon', $item).css('box-shadow'),
13				box_color: $('.gem-counter-inner', $item).css('background-color'),
14				number_color: $('.gem-counter-number', $item).css('color'),
15				text_color: $('.gem-counter-text', $item).css('color'),
16			};
17			$item.data('initHover', initHover);
18			if($item.hasClass('gem-counter-effect-background-reverse') || $item.hasClass('gem-counter-effect-border-reverse')) {
19				$('.gem-icon-inner', $item).prepend('<div class="gem-counter-animation"/>');
20				if($item.hasClass('gem-counter-effect-border-reverse')) {
21					$('.gem-counter-animation', $item).css('background-color', initHover.box_color);
22				} else if($item.data('hover-background-color')) {
23					$('.gem-counter-animation', $item).css('background-color', $item.data('hover-background-color'));
24				}
25			}
26		});
27
28		$('body').on('mouseenter', '.gem-counter a', function() {
29			var $item = $(this).closest('.gem-counter');
30			var initHover = $item.data('initHover');
31			var $box = $item.closest('.gem-counter-box');
32			$item.addClass('hover');
33			if($item.data('hover-icon-color')) {
34				if($box.hasClass('gem-counter-style-2')) {
35					$('.gem-icon-half-1', $item).css('color', initHover.icon_box_border);
36					$('.gem-icon-half-2', $item).css('color', initHover.icon_box_border);
37					$('.gem-counter-icon-circle-1', $item).css('border-color', $item.data('hover-icon-color'));
38					$('.gem-counter-icon-circle-1', $item).css('background-color', $item.data('hover-icon-color'));
39					$('.gem-counter-icon-circle-2', $item).css('border-color', 'transparent');
40				} else {
41					if($item.hasClass('gem-counter-effect-background-reverse')) {
42						$('.gem-icon', $item).css('border-color', $item.data('hover-icon-color'));
43						$('.gem-icon-half-1', $item).css('color', $item.data('hover-icon-color'));
44						$('.gem-icon-half-2', $item).css('color', $item.data('hover-icon-color'));
45					}
46					if($item.hasClass('gem-counter-effect-border-reverse')) {
47						$('.gem-icon', $item).css('border-color', $item.data('hover-icon-color'));
48						$('.gem-icon-inner', $item).css('background-color', $item.data('hover-icon-color'));
49						$('.gem-icon-half-1', $item).css('color', '#ffffff');
50						$('.gem-icon-half-2', $item).css('color', '#ffffff');
51					}
52					if($item.hasClass('gem-counter-effect-simple')) {
53						$('.gem-icon-half-1', $item).css('color', $item.data('hover-icon-color'));
54						$('.gem-icon-half-2', $item).css('color', $item.data('hover-icon-color'));
55					}
56				}
57			}
58			if($item.data('hover-numbers-color')) {
59				$('.gem-counter-number', $item).css('color', $item.data('hover-numbers-color'));
60			}
61			if($item.data('hover-text-color')) {
62				$('.gem-counter-text', $item).css('color', $item.data('hover-text-color'));
63			}
64			if($item.data('hover-background-color')) {
65				$('.gem-counter-inner', $item).css('background-color', $item.data('hover-background-color'));
66				$('.gem-counter-bottom-left, .gem-counter-bottom-right', $item).css('background-color', $item.data('hover-background-color'));
67				$('.gem-counter-bottom svg', $item).css('fill', $item.data('hover-background-color'));
68				if(!$box.hasClass('gem-counter-style-vertical')) {
69					$('.gem-icon', $item).css('box-shadow', '0 0 0 5px '+$item.data('hover-background-color') + ', 0 0 0 6px ' + ($item.data('hover-icon-color') ? $item.data('hover-icon-color') : '#ffffff'));
70				}
71			}
72		});
73
74		$('body').on('mouseleave', '.gem-counter a', function() {
75			var $item = $(this).closest('.gem-counter');
76			var initHover = $item.data('initHover');
77			$item.removeClass('hover');
78			$('.gem-icon', $item).css('border-color', initHover.icon_border);
79			$('.gem-icon-inner', $item).css('background-color', initHover.icon_background);
80			$('.gem-icon-half-1', $item).css('color', initHover.icon_color1);
81			$('.gem-icon-half-2', $item).css('color', initHover.icon_color2);
82			$('.gem-icon', $item).css('box-shadow', initHover.icon_box_shadow),
83			$('.gem-counter-icon-circle-1, .gem-counter-icon-circle-2', $item).css('border-color', initHover.icon_box_border);
84			$('.gem-counter-icon-circle-1').css('background-color', 'transparent');
85			$('.gem-counter-inner', $item).css('background-color', initHover.box_color);
86			$('.gem-counter-bottom-left, .gem-counter-bottom-right', $item).css('background-color', initHover.box_color);
87			$('.gem-counter-bottom svg', $item).css('fill', initHover.box_color);
88			$('.gem-counter-number', $item).css('color', initHover.number_color);
89			$('.gem-counter-text', $item).css('color', initHover.text_color);
90		});
91
92	});
93})(jQuery);