( function( $ ) {
/**
* Search widget JS
*/
var WidgethfeSearchButton = function( $scope, $ ){
if ( 'undefined' == typeof $scope )
return;
var $input = $scope.find( "input.hfe-search-form__input" );
var $clear = $scope.find( "button#clear" );
var $clear_with_button = $scope.find( "button#clear-with-button" );
var $search_button = $scope.find( ".hfe-search-submit" );
var $toggle_search = $scope.find( ".hfe-search-icon-toggle input" );
$scope.find( '.hfe-search-icon-toggle' ).on( 'click', function( ){
$scope.find( ".hfe-search-form__input" ).trigger( 'focus' );
});
$scope.find( ".hfe-search-form__input" ).on( 'focus', function(){
$scope.find( ".hfe-search-button-wrapper" ).addClass( "hfe-input-focus" );
});
$scope.find( ".hfe-search-form__input" ).blur( function() {
$scope.find( ".hfe-search-button-wrapper" ).removeClass( "hfe-input-focus" );
});
$search_button.on( 'touchstart click', function(){
$input.submit();
});
$toggle_search.css( 'padding-right', $toggle_search.next().outerWidth() + 'px' );
$input.on( 'keyup', function(){
$clear.style = (this.value.length) ? $clear.css('visibility','visible'): $clear.css('visibility','hidden');
$clear_with_button.style = (this.value.length) ? $clear_with_button.css('visibility','visible'): $clear_with_button.css('visibility','hidden');
$clear_with_button.css( 'right', $search_button.outerWidth() + 'px' );
});
$clear.on("click",function(){
this.style = $clear.css('visibility','hidden');
 
 
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX