Intregating widget to siteorigin page builder please help me

Sorry I was forced to ask for help here, because I could not think to combine widgets my theme to the page builder siteorigin.
Widget structure

<?php

class Supermag_PageBuilder_StyleNews extends Supermag_PageBuilder_WidgetBase
{
	
	public $no_container = 1;
	public $title_field  = 'cat';
	
	public function __construct()
	{
		parent::__construct(
			'supermag_pagebuilder_news_focus',
			__('News Focus Block', 'supermag-opt'),
			array('description' => __('A block that lists news from a parent categories, making the latest one prominent, and have tabs for sub-categories.', 'supermag-opt'))
		);
	}
	
	public function widget($args, $instance)
	{
		extract($args);
		
		// supported attrs
		$attrs = array('posts', 'cat', 'tax_tag', 'sub_cats', 'sub_tags', 'sort_order', 'sort_by', 'highlights', 'offset', 'post_type', 'heading_type');
		
		// do_shortcode will be run by pagebuilder		
		echo '[news_focus '. implode(' ', $this->shortcode_attribs($instance, $attrs)) .' /]';
		
	}
	
	public function form($instance)
	{
		$defaults = array('posts' => 4, 'cat' => '', 'offset' => 0, 'post_type' => '');
		$instance = array_merge($defaults, (array) $instance);
		extract($instance);
				
		$render = Supermag::factory('admin/option-renderer'); /* @var $render Supermag_Admin_OptionRenderer */
		
		
	?>
	
	<input type="hidden" name="<?php echo $this->get_field_name('no_container'); ?>" value="1" />
		
	
		<label><?php _e('Number of Posts:', 'supermag-opt'); ?></label>
		<input name="<?php echo esc_attr($this->get_field_name('posts')); ?>" type="text" value="<?php echo esc_attr($posts); ?>" />
	


	<p class="description"><?php _e('Configures posts to show for each listing. Leave empty to use theme default number of posts.', 'supermag-opt'); ?>


	
	
		<label><?php _e('Sort By:', 'supermag-opt'); ?></label>
		<select name="<?php echo esc_attr($this->get_field_name('sort_by')); ?>">
			<option value=""><?php _e('Published Date', 'supermag-opt'); ?></option>
			<option value="modified"><?php _e('Modified Date', 'supermag-opt'); ?></option>
			<option value="random"><?php _e('Random', 'supermag-opt'); ?></option>
		</select>
		
		<select name="<?php echo esc_attr($this->get_field_name('sort_order')); ?>">
			<option value="desc"><?php _e('Latest First - Descending', 'supermag-opt'); ?></option>
			<option value="asc"><?php _e('Oldest First - Ascending', 'supermag-opt'); ?></option>
		</select>
	


	
	
		<label><?php _e('Highlighted Post(s):', 'supermag-opt'); ?></label>
		<input name="<?php echo esc_attr($this->get_field_name('highlights')); ?>" type="text" value="1" />
	


	<p class="description"><?php _e('Highlighted posts are displayed larger at left. If you have more than 10 posts, we recommend using 2 highlighted posts.', 'supermag-opt'); ?>


	
	
		<label><?php _e('Parent Category:', 'supermag-opt'); ?></label>
		<?php wp_dropdown_categories(array(
			'show_option_all' => __('-- None - Use a Tag --', 'supermag-opt'), 'hierarchical' => 1, 'hide_empty' => 0, 'order_by' => 'name', 'class' => 'widefat', 'name' => $this->get_field_name('cat'))); ?>
	


	
	
		<label><?php _e('or Parent Tag: (optional) ', 'supermag-opt'); ?></label>
		<input type="text" name="<?php echo $this->get_field_name('tax_tag'); ?>" value="" />
	


	<p class="description"><?php _e('You can enter a tag if you wish to show posts from a tag instead. Leave empty if you selected a category.', 'supermag-opt'); ?>


		
	<div class="taxonomydiv"> <!-- borrow wp taxonomydiv > categorychecklist css rules -->
		<label><?php _e('Sub Categories:', 'supermag-opt'); ?></label>
		
		<div class="tabs-panel">
			<ul class="categorychecklist">
				<?php
				ob_start();
				wp_category_checklist();
				
				echo str_replace('post_category[]', $this->get_field_name('sub_cats') .'[]', ob_get_clean());
				?>
			</ul>			
		</div>
	</div>
	<p class="description"><?php _e('News Focus blocks displays sub-categories as tabs. Select any sub-category you wish to display.', 'supermag-opt'); ?>


	
	
		<label><?php _e('or Sub Tag: (optional) ', 'supermag-opt'); ?></label>
		<input type="text" name="<?php echo $this->get_field_name('sub_tags'); ?>" class="widefat" />
	


	<p class="description"><?php _e('Separate tags with comma. e.g. cooking,sports', 'supermag-opt'); ?>


	
	<div>
		<label><?php _e('Heading Style:', 'supermag-opt'); ?></label>
	
		<select class="widefat" name="<?php echo esc_attr($this->get_field_name('heading_type')); ?>">
			<option value="block-filter"><?php _e('Block Heading With Filters', 'supermag-opt'); ?></option>
			<option value="block"><?php _e('Block Section Heading Style', 'supermag-opt'); ?></option>
			<option value="none"><?php _e('No Heading', 'supermag-opt'); ?></option>
		</select>
	</div>
	
	
		<label><?php _e('Offset: (Advanced)', 'supermag-opt'); ?></label> 
		<input type="text" name="<?php echo $this->get_field_name('offset'); ?>" value="0" />
	


	<p class="description"><?php _e('By specifying an offset as 10 (for example), you can ignore 10 posts in the results.', 'supermag-opt'); ?>


	
	
	
		<label><?php _e('Post Types: (Advanced)', 'supermag-opt'); ?></label>
		<input name="<?php echo esc_attr($this->get_field_name('post_type')); ?>" type="text" value="<?php echo esc_attr($post_type); ?>" />
	


	<p class="description"><?php _e('Only for advanced users! You can use a custom post type here - multiples supported when separated by comma. Leave empty to use the default format.', 'supermag-opt'); ?>


	
	<?php
	}
}