(
function($){
'use strict'
var MakeaholicIconBoxHandler=function($scope, $){
var $element=$scope.find('.tm-icon-box')
const observer=new IntersectionObserver(( entries, _observer)=> {
entries.forEach(( entry)=> {
if(entry.isIntersecting){
var settings=$element.data('vivus')
var vivus
if(settings&&'yes'===settings.enable){
var $icon=$element.find('.makeaholic-svg-icon')
if($icon.length > 0){
var $svg=$icon.children('svg').not('.svg-defs-gradient')
if($svg.length > 0){
var options={
type: settings.type,
duration: settings.duration,
animTimingFunction: Vivus.EASE_OUT
}
var Callback=function(){
}
if(vivus){
vivus.destroy()
}
var vivus=new Vivus($svg[ 0 ], options, Callback)
if('yes'===settings.play_on_hover){
$element.hover(function(){
vivus.stop().reset().play(2)
}, function(){
})
}}
}}
}})
}, { rootMargin: '0px 0px 0px 0px' })
observer.observe($element.get(0) )
}
$(window).on('elementor/frontend/init', function(){
elementorFrontend.hooks.addAction('frontend/element_ready/tm-icon-box.default', MakeaholicIconBoxHandler)
})
}
)(jQuery );