Sid Gifari File Manager

Sid Gifari File Manager

🏠 Root / home / ailwtbdh / lynchestinegroup.com / wp-content / plugins / koncrete-core_2 / elementor / service-gallery /

Editing: class.php

<?php
/**
 * @author  RadiusTheme
 * @since   1.0
 * @version 1.0
 */

namespace radiustheme\Koncrete_Core;

use Elementor\Controls_Manager;
use Elementor\Group_Control_Background;
use Elementor\Group_Control_Typography;

if ( ! defined( 'ABSPATH' ) ) exit;

class Service_Gallery extends Custom_Widget_Base {
  public function __construct( $data = array(), $args = null ){
    $this->rt_name = esc_html__( 'Service Gallery', 'koncrete-core' );
    $this->rt_base = 'rt-service-gallery';
    $this->rt_translate = array(
      'cols'  => array(
        '12' => esc_html__( '1 Col', 'koncrete-core' ),
        '6'  => esc_html__( '2 Col', 'koncrete-core' ),
        '4'  => esc_html__( '3 Col', 'koncrete-core' ),
        '3'  => esc_html__( '4 Col', 'koncrete-core' ),
        '2'  => esc_html__( '6 Col', 'koncrete-core' ),
      ),
    );
    parent::__construct( $data, $args );
  }

private function rt_cat_dropdown() {
    $prefix = Constants::$theme_prefix;

$terms = get_terms( array(
      'taxonomy' => "{$prefix}_service_category",
      'hide_empty' => true,
    ) );

$category_dropdown = array();
    foreach ( $terms as $category ) {
      $category_dropdown[$category->term_id] = $category->name;
    }

return $category_dropdown;
  }
  public function rt_fields(){
    $fields = array(
      array(
        'mode'    => 'section_start',
        'id'      => 'sec_general',
        'label'   => esc_html__( 'General', 'koncrete-core' ),
      ),
      array(
        'type'    => Controls_Manager::SELECT2,
        'id'      => 'style',
        'label'   => esc_html__( 'Layout Style', 'koncrete-core' ),
        'options' => array(
          'style1' => esc_html__( 'style 1', 'koncrete-core' ),
          'style2' => esc_html__( 'style 2', 'koncrete-core' ),
          'style3' => esc_html__( 'style 3', 'koncrete-core' ),
          'style4' => esc_html__( 'style 4', 'koncrete-core' ),
          'style5' => esc_html__( 'style 5', 'koncrete-core' ),
          'style6' => esc_html__( 'style 6', 'koncrete-core' ),
          'style7' => esc_html__( 'style 7', 'koncrete-core' ),
        ),
        'default' => 'style1',
      ),

/**
       * have to make it backward compatible
       */
      array(
        'type'        => Controls_Manager::SELECT2,
        'id'          => 'multiple_category',
        'label'       => __( 'Categories', 'koncrete-core' ),
        'options'     => $this->rt_cat_dropdown(),
        'multiple'    => true,
        'description' => esc_html__( 'All categories is selected by default', 'koncrete-core' ),
      ),

array(
        'type'        => Controls_Manager::NUMBER,
        'id'          => 'posts_per_page',
        'label'       => esc_html__( 'Posts Per Page', 'koncrete-core' ),
        'default'     => 3,
      ),
      array(
        'type'        => Controls_Manager::SWITCHER,
        'id'          => 'pagination_display',
        'label_on'    => esc_html__( 'Show', 'koncrete-core' ),
        'label_off'   => esc_html__( 'Hide', 'koncrete-core' ),
        'label'       => esc_html__( 'Show Pagination', 'koncrete-core' ),
        'default'     => "no",
      ),
      array(
        'type'        => Controls_Manager::NUMBER,
        'id'          => 'no_of_excerpt_words',
        'label'       => esc_html__( 'Number Of words for excerpt', 'koncrete-core' ),
        'default'     => '25',
        'condition' => array( 'style' => array( 'style1', 'style4', ) ),
      ),
      array(
        'type'        => Controls_Manager::TEXT,
        'id'          => 'content_post_fix',
        'label'       => esc_html__( 'Content post fix', 'koncrete-core' ),
        'default'     => "",
        'condition' => array( 'style' => array( 'style1', 'style4', 'style6', 'style7' ) ),
      ),
      array(
        'type'        => Controls_Manager::TEXT,
        'id'          => 'link_text',
        'label'       => esc_html__( 'Link Text', 'koncrete-core' ),
        'default'     => 'Take Our Service',
        'condition' => array( 'style' => array( 'style4', 'style7' ) ),
      ),
      array(
        'type'    => Controls_Manager::SELECT2,
        'id'      => 'orderby',
        'label'   => esc_html__( 'Order By', 'koncrete-core' ),
        'options' => array(
          'date'        => esc_html__( 'Date (Recents comes first)', 'koncrete-core' ),
          'title'       => esc_html__( 'Title', 'koncrete-core' ),
          'menu_order'  => esc_html__( 'Custom Order (Available via Order field inside Page Attributes box)', 'koncrete-core' ),
        ),
        'default' => 'date',
      ),
      array(
        'type'        => Controls_Manager::SWITCHER,
        'id'          => 'enable_link',
        'label_on' => esc_html__( 'Yes', 'koncrete-core' ),
        'label_off' => esc_html__( 'NO', 'koncrete-core' ),
        'label'       => esc_html__( 'Enable Link', 'koncrete-core' ),
        'default'     => "yes",
        'condition' => array( 'style' => array( 'style1' ) ),
      ),
      array(
        'mode' => 'section_end',
      ),

// Responsive Columns for general
      // it will generate bootstrap column
      array(
        'mode'    => 'section_start',
        'id'      => 'sec_responsive',
        'label'   => esc_html__( 'Number of Responsive Columns', 'koncrete-core' ),
      ),
      array(
        'type'    => Controls_Manager::SELECT2,
        'id'      => 'col_lg',
        'label'   => esc_html__( 'Desktops: > 1199px', 'koncrete-core' ),
        'options' => $this->rt_translate['cols'],
        'default' => '4',
      ),
      array(
        'type'    => Controls_Manager::SELECT2,
        'id'      => 'col_md',
        'label'   => esc_html__( 'Desktops: > 991px', 'koncrete-core' ),
        'options' => $this->rt_translate['cols'],
        'default' => '4',
      ),
      array(
        'type'    => Controls_Manager::SELECT2,
        'id'      => 'col_sm',
        'label'   => esc_html__( 'Tablets: > 767px', 'koncrete-core' ),
        'options' => $this->rt_translate['cols'],
        'default' => '6',
      ),
      array(
        'type'    => Controls_Manager::SELECT2,
        'id'      => 'col_xs',
        'label'   => esc_html__( 'Phones: < 768px', 'koncrete-core' ),
        'options' => $this->rt_translate['cols'],
        'default' => '12',
      ),
      array(
        'mode' => 'section_end',
      ),

// El Style
      // title Style
      array(
        'mode'      => 'section_start',
        'id'        => 'title_style',
        'label'     => esc_html__( 'title Style', 'koncrete-core' ),
        'tab'       => Controls_Manager::TAB_STYLE,
      ),
      array(
        'mode'           => 'group',
        'type'           => Group_Control_Typography::get_type(),
        'name'           => 'title_typo',
        'label'          => esc_html__( 'title Typography', 'koncrete-core' ),
        'selector'       => '
          {{WRAPPER}}  .rtel-service-gallery1 .rtin-service-box .service-item-content .item-title,
          {{WRAPPER}}  .rtel-service-gallery2 .rtin-service-box .item-content-service h3,
          {{WRAPPER}}  .rtel-service-gallery3 .rtin-service-box .item-img .item-content-service .item-title,
          {{WRAPPER}}  .rtel-service-gallery4 .rtin-service-box .item-content-service .item-title,
          {{WRAPPER}}  .rtel-service-gallery5 .rtin-service-box .item-content-service h3,
          {{WRAPPER}}  .rtel-service-gallery6 .rtin-service-box .item-content h3,
          {{WRAPPER}}  .rtel-service-gallery7 .rtin-service-box .item-content h3,
          {{WRAPPER}}  noselector,
          {{WRAPPER}}  noselector,
          {{WRAPPER}}  noselector
        ',
      ),
      array(
        'type'      => Controls_Manager::COLOR,
        'id'        => 'title_color',
        'label'     => esc_html__( 'title Color', 'koncrete-core' ),
        'selectors' => array(
          '{{WRAPPER}} .rtel-service-gallery1 .rtin-service-box .service-item-content .item-title a' => 'color: {{VALUE}}',
          '{{WRAPPER}} .rtel-service-gallery2 .rtin-service-box .item-content-service h3 a' => 'color: {{VALUE}}',
          '{{WRAPPER}} .rtel-service-gallery3 .rtin-service-box .item-img .item-content-service .item-title a' => 'color: {{VALUE}}',
          '{{WRAPPER}} .rtel-service-gallery4 .rtin-service-box .item-content-service .item-title' => 'color: {{VALUE}}',
          '{{WRAPPER}} .rtel-service-gallery5 .rtin-service-box .item-content-service h3 a' => 'color: {{VALUE}}',
          '{{WRAPPER}} .rtel-service-gallery6 .rtin-service-box .item-content h3 a' => 'color: {{VALUE}}',
          '{{WRAPPER}} .rtel-service-gallery7 .rtin-service-box .item-content h3 a' => 'color: {{VALUE}}',
          '{{WRAPPER}} noselector' => 'color: {{VALUE}}',
          '{{WRAPPER}} noselector' => 'color: {{VALUE}}',
        ),
      ),
      array(
        'type'      => Controls_Manager::COLOR,
        'id'        => 'title_hover_color',
        'label'     => esc_html__( 'title Hover Color', 'koncrete-core' ),
        'selectors' => array(
          '{{WRAPPER}} .rtel-service-gallery1 .rtin-service-box .service-item-content .item-title a:hover' => 'color: {{VALUE}}',
          '{{WRAPPER}} .rtel-service-gallery2 .rtin-service-box .item-content-service h3 a:hover' => 'color: {{VALUE}}',
          '{{WRAPPER}} .rtel-service-gallery3 .rtin-service-box .item-img .item-content-service .item-title a:hover' => 'color: {{VALUE}}',
          '{{WRAPPER}} .rtel-service-gallery5 .rtin-service-box:hover .item-content-service h3 a' => 'color: {{VALUE}}',
          '{{WRAPPER}} .rtel-service-gallery6 .rtin-service-box .item-content h3 a:hover' => 'color: {{VALUE}}',
          '{{WRAPPER}} .rtel-service-gallery6 .rtin-service-box .item-content h3 ' => 'color: {{VALUE}}',
          '{{WRAPPER}} .rtel-service-gallery7 .rtin-service-box:hover .item-content h3 a' => 'color: {{VALUE}}',
          '{{WRAPPER}} noselector' => 'color: {{VALUE}}',
        ),
        'condition' => array( 'style' => array( 'style1', 'style2',  'style3',  'style5',  'style6',  'style7',  ) ),
      ),
      array(
        'type'       => Controls_Manager::DIMENSIONS,
        'size_units' => array( 'px', '%', 'em' ),
        'id'         => 'title_content_margin',
        'label'      => __( 'title Margin', 'koncrete-core' ),                 
        'selectors'  => array(
          '{{WRAPPER}} .rtel-service-gallery1 .rtin-service-box .service-item-content .item-title' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;',                    
          '{{WRAPPER}} .rtel-service-gallery2 .rtin-service-box .item-content-service h3' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;',                    
          '{{WRAPPER}} .rtel-service-gallery3 .rtin-service-box .item-img .item-content-service .item-title' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;',                    
          '{{WRAPPER}} .rtel-service-gallery4 .rtin-service-box .item-content-service .item-title' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;',                    
          '{{WRAPPER}} .rtel-service-gallery5 .rtin-service-box .item-content-service h3' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;',                    
          '{{WRAPPER}} noselector' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;',                    
          '{{WRAPPER}} .rtel-service-gallery7 .rtin-service-box .item-content h3' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;',                    
        ),
        'separator'  => 'before',
      ),      
      array(
        'mode' => 'section_end',
      ),
      // text Style
      array(
        'mode'      => 'section_start',
        'id'        => 'text_style',
        'label'     => esc_html__( 'text Style', 'koncrete-core' ),
        'tab'       => Controls_Manager::TAB_STYLE,
        'condition' => array( 'style' => array( 'style1', 'style2none', 'style3none', 'style4', 'style5none', 'style6', 'style7', ) ),
      ),
      array(
        'mode'           => 'group',
        'type'           => Group_Control_Typography::get_type(),
        'name'           => 'text_typo',
        'condition'      => array( 'style' => array( 'style1',  'style4',  'style6', 'style7' ) ),
        'label'          => esc_html__( 'text Typography', 'koncrete-core' ),
        'selector'       => '
          {{WRAPPER}}  .rtel-service-gallery1 .rtin-service-box .service-item-content p,
          {{WRAPPER}}  .rtel-service-gallery4 .rtin-service-box .item-content-service p,
          {{WRAPPER}}  .rtel-service-gallery6 .rtin-service-box .item-content p,
          {{WRAPPER}}  .rtel-service-gallery7 .rtin-service-box .item-content p,
          {{WRAPPER}}  noselector,
          {{WRAPPER}}  noselector,
          {{WRAPPER}}  noselector,
          {{WRAPPER}}  noselector
        ',
      ),
      array(
        'type'      => Controls_Manager::COLOR,
        'id'        => 'text_color',
        'label'     => esc_html__( 'text Color', 'koncrete-core' ),
        'selectors' => array(
          '{{WRAPPER}} .rtel-service-gallery1 .rtin-service-box .service-item-content p' => 'color: {{VALUE}}',
          '{{WRAPPER}} .rtel-service-gallery4 .rtin-service-box .item-content-service p' => 'color: {{VALUE}}',
          '{{WRAPPER}} .rtel-service-gallery6 .rtin-service-box .item-content p' => 'color: {{VALUE}}',
          '{{WRAPPER}} .rtel-service-gallery7 .rtin-service-box .item-content p' => 'color: {{VALUE}}',
          '{{WRAPPER}} noselector' => 'color: {{VALUE}}',
          '{{WRAPPER}} noselector' => 'color: {{VALUE}}',
          '{{WRAPPER}} noselector' => 'color: {{VALUE}}',
          '{{WRAPPER}} noselector' => 'color: {{VALUE}}',
        ),
      ),
      array(
        'type'      => Controls_Manager::COLOR,
        'id'        => 'text_hover_color',
        'label'     => esc_html__( 'text Hover Color', 'koncrete-core' ),
        'selectors' => array(
          '{{WRAPPER}} .rtel-service-gallery7 .rtin-service-box:hover .item-content p' => 'color: {{VALUE}}',
          '{{WRAPPER}} noselector' => 'color: {{VALUE}}',
        ),
        'condition' => array( 'style' => array( 'style7',  ) ),
      ),
      array(
        'type'       => Controls_Manager::DIMENSIONS,
        'size_units' => array( 'px', '%', 'em' ),
        'id'         => 'text_content_margin',
        'label'      => __( 'text Margin', 'koncrete-core' ),                 
        'selectors'  => array(
          '{{WRAPPER}} .rtel-service-gallery1 .rtin-service-box .service-item-content p' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;',                    
          '{{WRAPPER}} .rtel-service-gallery4 .rtin-service-box .item-content-service p' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;',                    
          '{{WRAPPER}} .rtel-service-gallery6 .rtin-service-box .item-content p' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;',                    
          '{{WRAPPER}} .rtel-service-gallery7 .rtin-service-box .item-content p' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;',                    
          '{{WRAPPER}} noselector' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;',                    
          '{{WRAPPER}} noselector' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;',                    
          '{{WRAPPER}} noselector' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;',                    
        ),
        'separator'  => 'before',
      ),      
      array(
        'mode' => 'section_end',
      ),
      // Button Style
      array(
        'mode'    => 'section_start',
        'id'      => 'button_style',
        'label'   => esc_html__( 'Button Style', 'koncrete-core' ),
        'tab'     => Controls_Manager::TAB_STYLE,
        'condition' => array( 'style' => array( 'style4',  'style7', ) ),
      ),
      array(
        'mode'           => 'group',
        'type'           => Group_Control_Typography::get_type(),
        'name'           => 'button_typo',
        'label'          => esc_html__( 'Button Typography', 'koncrete-core' ),
        'selector'       => '
          {{WRAPPER}}  .rtel-service-gallery4 .rtin-service-box .item-content-service .item-btn,
          {{WRAPPER}}  .rtel-service-gallery7 .rtin-service-box .item-content .item-btn,
          {{WRAPPER}}  noselector,
          {{WRAPPER}}  noselector
        ',
      ),
      array(
        'type'      => Controls_Manager::COLOR,
        'id'        => 'button_text_color',
        'label'     => esc_html__( 'Button Text Color', 'koncrete-core' ),
        'selectors' => array(
          '{{WRAPPER}} .rtel-service-gallery4 .rtin-service-box .item-content-service .item-btn' => 'color: {{VALUE}}',
          '{{WRAPPER}} .rtel-service-gallery7 .rtin-service-box .item-content .item-btn' => 'color: {{VALUE}}',
          '{{WRAPPER}} noselector' => 'color: {{VALUE}}',
        ),
      ),
      
      array(
        'type'      => Controls_Manager::COLOR,
        'id'        => 'button_hover_text_color',
        'label'     => esc_html__( 'Button Hover Text Color', 'koncrete-core' ),
        'selectors' => array(
          '{{WRAPPER}} .rtel-service-gallery4 .rtin-service-box .item-content-service .item-btn:hover' => 'color: {{VALUE}}',
          '{{WRAPPER}} .rtel-service-gallery7 .rtin-service-box:hover .item-content .item-btn' => 'color: {{VALUE}}',
          '{{WRAPPER}} noselector' => 'color: {{VALUE}}',
          '{{WRAPPER}} noselector' => 'color: {{VALUE}}',
        ),
      ),
      array(
        'type'      => Controls_Manager::COLOR,
        'id'        => 'button_border_color',
        'label'     => esc_html__( 'Button Border Color', 'koncrete-core' ),
        'selectors' => array(
          '{{WRAPPER}} .rtel-service-gallery4 .rtin-service-box .item-content-service .item-btn' => 'border-color: {{VALUE}}',
          '{{WRAPPER}} .rtel-service-gallery7 .rtin-service-box .item-content .item-btn' => 'border-color: {{VALUE}}',
        ),
      ),

array(
        'type'      => Controls_Manager::COLOR,
        'id'        => 'button_hover_border_color',
        'label'     => esc_html__( 'Button Hover Border Color', 'koncrete-core' ),
        'selectors' => array(
          '{{WRAPPER}} .rtel-service-gallery4 .rtin-service-box .item-content-service .item-btn:hover' => 'border-color: {{VALUE}}',
          '{{WRAPPER}} .rtel-service-gallery7 .rtin-service-box:hover .item-content .item-btn' => 'border-color: {{VALUE}}',
          '{{WRAPPER}} noselector' => 'border-color: {{VALUE}}',
          '{{WRAPPER}} noselector' => 'border-color: {{VALUE}}',
          '{{WRAPPER}} noselector' => 'border-color: {{VALUE}}',
        ),
      ),
      array(
        'mode'            => 'group',
        'separator'       => 'before',
        'label_block'     => true,
        'type'            => Group_Control_Background::get_type(),
        'name'            => 'button_background',
        'types'           => array( 'classic', 'gradient', ),
        'fields_options'  => array(
          'background' => array(
            'label' => esc_html__( 'Button Background', 'koncrete-core' ),
          ),
        ),
        'selector'        => '
          {{WRAPPER}} .rtel-service-gallery4 .rtin-service-box .item-content-service .item-btn,
          {{WRAPPER}} .rtel-service-gallery7 .rtin-service-box .item-content .item-btn,
          {{WRAPPER}} noselector
        ',
      ),
      array(
        'mode'            => 'group',
        'separator'       => 'before',
        'label_block'     => true,
        'type'            => Group_Control_Background::get_type(),
        'name'            => 'button_hover_background',
        'types'           => array( 'classic', 'gradient', ),
        'fields_options'  => array(
          'background' => array(
            'label' => esc_html__( 'Button Hover Background', 'koncrete-core' ),
          ),
        ),
        'selector'        => '
          {{WRAPPER}}  .rtel-service-gallery4 .rtin-service-box .item-content-service .item-btn:hover,         
          {{WRAPPER}}  .rtel-service-gallery7 .rtin-service-box:hover .item-content .item-btn,         
          {{WRAPPER}}  noselector,         
          {{WRAPPER}}  noselector
        ',
      ),
      
      
      array(
        'mode' => 'section_end',
      ),

// Icon Style
      array(
        'mode'    => 'section_start',
        'id'      => 'icon_style',
        'label'   => esc_html__( 'Icon Style', 'koncrete-core' ),
        'tab'     => Controls_Manager::TAB_STYLE,
        'condition' => array( 'style' => array( 'style1', 'style2', 'style3', 'style4', 'style5', 'style6none', 'style7' ) ),
      ),
      array(
        'type' => Controls_Manager::SLIDER,
        'mode' => 'responsive',
        'id'      => 'icon_size',
        'label'   => __( 'Icon Size', 'koncrete-core' ),
        'size_units' => array('px'),
        'range' => array(
          'px' => array(
            'min' => 5,
            'max' => 200,
          ),
        ),
        'selectors' => array(
          '{{WRAPPER}} .rtel-service-gallery1 .rtin-service-box .item-icon i:before' => 'font-size: {{SIZE}}{{UNIT}};',
          '{{WRAPPER}} .rtel-service-gallery2 .rtin-service-box .item-content-service .item-icon i:before' => 'font-size: {{SIZE}}{{UNIT}};',
          '{{WRAPPER}} .rtel-service-gallery3 .rtin-service-box .item-img .item-content-service .item-title a i' => 'font-size: {{SIZE}}{{UNIT}};',
          '{{WRAPPER}} .rtel-service-gallery4 .rtin-service-box .item-icon i:before' => 'font-size: {{SIZE}}{{UNIT}};',
          '{{WRAPPER}} .rtel-service-gallery5 .rtin-service-box .item-icon i:before' => 'font-size: {{SIZE}}{{UNIT}};',
          '{{WRAPPER}} .rtel-service-gallery7 .rtin-service-box .item-icon i:before' => 'font-size: {{SIZE}}{{UNIT}};',
          '{{WRAPPER}} noselector' => 'font-size: {{SIZE}}{{UNIT}};',
          
        )
      ),
      array(
        'type'      => Controls_Manager::COLOR,
        'id'        => 'icon_color',
        'label'     => esc_html__( 'Icon Color', 'koncrete-core' ),
        'selectors' => array(
          '{{WRAPPER}} .rtel-service-gallery1 .rtin-service-box .item-icon i:before' => 'color: {{VALUE}}',
          '{{WRAPPER}} .rtel-service-gallery2 .rtin-service-box .item-content-service .item-icon i:before' => 'color: {{VALUE}}',
          '{{WRAPPER}} .rtel-service-gallery3 .rtin-service-box .item-img .item-content-service .item-title a i:before' => 'color: {{VALUE}}',
          '{{WRAPPER}} .rtel-service-gallery4 .rtin-service-box .item-icon i:before' => 'color: {{VALUE}}',
          '{{WRAPPER}} .rtel-service-gallery5 .rtin-service-box .item-icon i:before' => 'color: {{VALUE}}',
          '{{WRAPPER}} .rtel-service-gallery7 .rtin-service-box .item-icon i:before' => 'color: {{VALUE}}',
        ),
      ),
      array(
        'type'      => Controls_Manager::COLOR,
        'id'        => 'icon_hover_color',
        'label'     => esc_html__( 'Icon Hover Color', 'koncrete-core' ),
        'selectors' => array(
          '{{WRAPPER}} .rtel-service-gallery2 .rtin-service-box:hover .item-content-service .item-icon i:before' => 'color: {{VALUE}}',
          '{{WRAPPER}} .rtel-service-gallery3 .rtin-service-box .item-img .item-content-service:hover .item-title a i:before' => 'color: {{VALUE}}',
          '{{WRAPPER}} .rtel-service-gallery5 .rtin-service-box:hover .item-icon i:before' => 'color: {{VALUE}}',
          '{{WRAPPER}} .rtel-service-gallery7 .rtin-service-box:hover .item-icon i:before' => 'color: {{VALUE}}',
        ),
        'condition' => array( 'style' => array( 'style1none', 'style2', 'style3', 'style4', 'style5none', 'style6', ) ),
      ),
      array(
        'mode' => 'section_end',
      ),
      // Other Style - Background related style
      array(
        'mode'    => 'section_start',
        'id'      => 'others_style',
        'label'   => esc_html__( 'Other Style', 'koncrete-core' ),
        'tab'     => Controls_Manager::TAB_STYLE,
      ),
      array(
        'type'      => Controls_Manager::COLOR,
        'id'        => 'other_color_1',
        'label'     => esc_html__( 'Other Color 1', 'koncrete-core' ),
        'selectors' => array(
          '{{WRAPPER}} .rtel-service-gallery6 .rtin-service-box .item-content h3:before' => 'background-color: {{VALUE}}',
          '{{WRAPPER}} .rtel-service-gallery5 .rtin-service-box .item-sl' => 'color: {{VALUE}}',
        ),
        'condition' => array( 'style' => array( 'style5', 'style6', ) ),
      ),
      array(
        'type'      => Controls_Manager::COLOR,
        'id'        => 'other_color_2',
        'label'     => esc_html__( 'Other Color 2', 'koncrete-core' ),
        'selectors' => array(
          '{{WRAPPER}} .rtel-service-gallery5 .rtin-service-box:hover .item-sl' => 'color: {{VALUE}}',
          '{{WRAPPER}} noselector' => 'color: {{VALUE}}',
          '{{WRAPPER}} noselector' => 'color: {{VALUE}}',
          '{{WRAPPER}} noselector' => 'color: {{VALUE}}',
        ),
        'condition' => array( 'style' => array( 'style5', ) ),
      ),
      array(
        'mode'            => 'group',
        'separator'       => 'before',
        'label_block'     => true,
        'type'            => Group_Control_Background::get_type(),
        'name'            => 'other_background_1',
        'types'           => array( 'classic', 'gradient', ),
        'fields_options'  => array(
          'background' => array(
            'label' => esc_html__( 'Background Color 1', 'koncrete-core' ),
          ),
        ),
        'selector'        => '
          {{WRAPPER}} .rtel-service-gallery1 .rtin-service-box,
          {{WRAPPER}} .rtel-service-gallery2 .rtin-service-box,
          {{WRAPPER}} .rtel-service-gallery3 .rtin-service-box .item-img .item-content-service,
          {{WRAPPER}} .rtel-service-gallery5 .rtin-service-box,
          {{WRAPPER}} .rtel-service-gallery7 .rtin-service-box,
          {{WRAPPER}} .rtel-service-gallery4 .rtin-service-box,
          {{WRAPPER}} noselector
        ',
        'condition' => array( 'style' => array( 'style1', 'style2', 'style3', 'style4', 'style5', 'style6', 'style7' ) ),
      ),
      array(
        'mode'            => 'group',
        'separator'       => 'before',
        'label_block'     => true,
        'type'            => Group_Control_Background::get_type(),
        'name'            => 'other_background_2',
        'types'           => array( 'classic', 'gradient', ),
        'fields_options'  => array(
          'background' => array(
            'label' => esc_html__( 'Background Color 2', 'koncrete-core' ),
          ),
        ),
        'selector'        => '
          {{WRAPPER}} .rtel-service-gallery2 .rtin-service-box:hover,
          {{WRAPPER}} .rtel-service-gallery3 .rtin-service-box .item-img .item-content-service:hover,
          {{WRAPPER}} .rtel-service-gallery5 .rtin-service-box:hover,
          {{WRAPPER}} .rtel-service-gallery7 .rtin-service-box:hover,
          {{WRAPPER}} noselector
        ',
        'condition' => array( 'style' => array( 'style1', 'style2', 'style3', 'style5', 'style7' ) ),
      ),

array(
        'mode' => 'section_end',
      ),

// Pagination Style
      array(
        'mode'    => 'section_start',
        'id'      => 'pagination_style',
        'label'   => esc_html__( 'Pagination Style', 'koncrete-core' ),
        'tab'     => Controls_Manager::TAB_STYLE,
        'condition'   => array( 'pagination_display' => 'yes' ),
      ),
      array(
        'mode'           => 'group',
        'type'           => Group_Control_Typography::get_type(),
        'name'           => 'pagination_typo',
        'label'          => esc_html__( 'Pagination Typography', 'koncrete-core' ),
        'selector'       => '
          {{WRAPPER}}  .pagination-layout1 ul li span,
          {{WRAPPER}}  .pagination-layout1 ul li a
        ',
      ),
      array(
        'type'      => Controls_Manager::COLOR,
        'id'        => 'pagination_bg_color',
        'label'     => esc_html__( 'Pagination Background Color', 'koncrete-core' ),
        'selectors' => array(
          '{{WRAPPER}} .pagination-layout1 ul li a' => 'background-color: {{VALUE}}',
          '{{WRAPPER}} .pagination-layout1 ul li span' => 'background-color: {{VALUE}}',

),
      ),
      array(
        'type'      => Controls_Manager::COLOR,
        'id'        => 'pagination_hover_bg_color',
        'label'     => esc_html__( 'Pagination Hover / Active Background Color', 'koncrete-core' ),
        'selectors' => array(
          '{{WRAPPER}} .pagination-layout1 ul li.active span' => 'background: {{VALUE}}',
          '{{WRAPPER}} .pagination-layout1 ul li a:hover' => 'background: {{VALUE}}',
          '{{WRAPPER}} noselector' => 'background-color: {{VALUE}}',
          '{{WRAPPER}} noselector' => 'background-color: {{VALUE}}',
          '{{WRAPPER}} noselector' => 'background-color: {{VALUE}}',
        ),
      ),
      array(
        'type'      => Controls_Manager::COLOR,
        'id'        => 'pagination_text_color',
        'label'     => esc_html__( 'Pagination Text Color', 'koncrete-core' ),
        'selectors' => array(
          '{{WRAPPER}} .pagination-layout1 ul li a' => 'color: {{VALUE}}',
          '{{WRAPPER}} .pagination-layout1 ul li span' => 'color: {{VALUE}}',
        ),
      ),
      array(
        'type'      => Controls_Manager::COLOR,
        'id'        => 'pagination_text_accent_color',
        'label'     => esc_html__( 'Pagination Text accent Color', 'koncrete-core' ),
        'selectors' => array(
          '{{WRAPPER}} .pagination-layout1 ul li a:hover' => 'color: {{VALUE}}',
          '{{WRAPPER}} .pagination-layout1 ul li.active span' => 'color: {{VALUE}}',
        ),
      ),
      array(
        'type'      => Controls_Manager::COLOR,
        'id'        => 'disable_pagination_color',
        'label'     => esc_html__( 'Disable pagination Color', 'koncrete-core' ),
        'selectors' => array(
          '{{WRAPPER}} .pagination-layout1 .pagi-next.disabled span' => 'color: {{VALUE}}',
          '{{WRAPPER}} .pagination-layout1 .pagi-previous.disabled span' => 'color: {{VALUE}}',
        ),
        'default'  => '#999',
      ),
      array(
        'type'      => Controls_Manager::COLOR,
        'id'        => 'disable_pagination_background_color',
        'label'     => esc_html__( 'Disable pagination Background Color', 'koncrete-core' ),
        'selectors' => array(
          '{{WRAPPER}} .pagination-layout1 .pagi-next.disabled span' => 'background-color: {{VALUE}}',
          '{{WRAPPER}} .pagination-layout1 .pagi-previous.disabled span' => 'background-color: {{VALUE}}',
        ),
        'default'  => '#fff',
      ),
      
      array(
        'mode' => 'section_end',
      ),

);
return $fields;
}
protected function render() {
  $data = $this->get_settings();
  switch ( $data['style'] ) {
    case 'style2':
    $template = 'view-2';
    break;
    case 'style3':
    $template = 'view-3';
    break;
    case 'style4':
    $template = 'view-4';
    break;
    case 'style5':
    $template = 'view-5';
    break;
    case 'style6':
    $template = 'view-6';
    break;
    case 'style7':
    $template = 'view-7';
    break;
    default:
    $template = 'view-1';
    break;
  }
  return $this->rt_template( $template, $data );
}
}