­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ '.jet-accordion', 'toggle' => '.jet-accordion > .jet-accordion__inner > .jet-toggle', 'control' => '.jet-accordion > .jet-accordion__inner > .jet-toggle > .jet-toggle__control', 'active_control' => '.jet-accordion > .jet-accordion__inner > .jet-toggle.active-toggle > .jet-toggle__control', 'content' => '.jet-accordion > .jet-accordion__inner > .jet-toggle > .jet-toggle__content', 'label' => '.jet-toggle__label-text', 'icon' => '.jet-toggle__label-icon', ) ); $this->start_controls_section( 'section_items_data', array( 'label' => esc_html__( 'Items', 'jet-tabs' ), ) ); do_action( 'jet-engine-query-gateway/control', $this, 'toggles' ); $repeater = new Repeater(); $repeater->add_control( 'item_active', array( 'label' => esc_html__( 'Active', 'jet-tabs' ), 'type' => Controls_Manager::SWITCHER, 'label_on' => esc_html__( 'Yes', 'jet-tabs' ), 'label_off' => esc_html__( 'No', 'jet-tabs' ), 'return_value' => 'yes', 'default' => 'false', ) ); $repeater->add_control( $this->__new_icon_prefix . 'item_icon', array( 'label' => esc_html__( 'Icon', 'jet-tabs' ), 'type' => Controls_Manager::ICONS, 'label_block' => false, 'skin' => 'inline', 'fa4compatibility' => 'item_icon', 'default' => array( 'value' => 'fas fa-plus', 'library' => 'fa-solid', ), ) ); $repeater->add_control( $this->__new_icon_prefix . 'item_active_icon', array( 'label' => esc_html__( 'Active Icon', 'jet-tabs' ), 'type' => Controls_Manager::ICONS, 'label_block' => false, 'skin' => 'inline', 'fa4compatibility' => 'item_active_icon', 'default' => array( 'value' => 'fas fa-minus', 'library' => 'fa-solid', ), ) ); $repeater->add_control( 'item_label', array( 'label' => esc_html__( 'Label', 'jet-tabs' ), 'type' => Controls_Manager::TEXT, 'default' => esc_html__( 'New Tab', 'jet-tabs' ), 'dynamic' => array( 'active' => true, ), ) ); $repeater->add_control( 'content_type', array( 'label' => esc_html__( 'Content Type', 'jet-tabs' ), 'type' => Controls_Manager::SELECT, 'default' => 'template', 'options' => array( 'template' => esc_html__( 'Template', 'jet-tabs' ), 'editor' => esc_html__( 'Editor', 'jet-tabs' ), ), 'label_block' => 'true', ) ); $repeater->add_control( 'item_template_id', array( 'label' => esc_html__( 'Choose Template', 'jet-tabs' ), 'type' => 'jet-query', 'query_type' => 'elementor_templates', 'edit_button' => array( 'active' => true, 'label' => esc_html__( 'Edit Template', 'jet-tabs' ), ), 'condition' => array( 'content_type' => 'template', ) ) ); $repeater->add_control( 'item_editor_content', array( 'label' => esc_html__( 'Content', 'jet-tabs' ), 'type' => Controls_Manager::WYSIWYG, 'default' => esc_html__( 'Tab Item Content', 'jet-tabs' ), 'dynamic' => array( 'active' => true, ), 'condition' => array( 'content_type' => 'editor', ) ) ); $repeater->add_control( 'control_id', array( 'label' => esc_html__( 'Control CSS ID', 'jet-tabs' ), 'type' => Controls_Manager::TEXT, 'dynamic' => array( 'active' => true, ), ) ); $repeater->add_control( 'item_custom_css_class', array( 'label' => esc_html__( 'Item Custom CSS Class', 'jet-tabs' ), 'type' => Controls_Manager::TEXT, 'dynamic' => array( 'active' => true, ), ) ); $this->add_control( 'toggles', array( 'type' => Controls_Manager::REPEATER, 'fields' => $repeater->get_controls(), 'default' => array( array( 'item_label' => esc_html__( 'Toggle #1', 'jet-tabs' ), ), array( 'item_label' => esc_html__( 'Toggle #2', 'jet-tabs' ), ), array( 'item_label' => esc_html__( 'Toggle #3', 'jet-tabs' ), ), ), 'title_field' => '{{{ item_label }}}', ) ); $this->end_controls_section(); $this->start_controls_section( 'section_settings_data', array( 'label' => esc_html__( 'Settings', 'jet-tabs' ), ) ); $this->add_control( 'item_html_tag', array( 'label' => esc_html__( 'HTML Tag', 'jet-tabs' ), 'description' => esc_html__( 'Select the HTML Tag for the Item\'s label', 'jet-tabs' ), 'type' => Controls_Manager::SELECT, 'options' => $this->get_available_item_html_tags(), 'default' => 'div', ) ); $this->add_control( 'collapsible', array( 'label' => esc_html__( 'Collapsible', 'jet-tabs' ), 'type' => Controls_Manager::SWITCHER, 'label_on' => esc_html__( 'Yes', 'jet-tabs' ), 'label_off' => esc_html__( 'No', 'jet-tabs' ), 'return_value' => 'yes', 'default' => 'false', ) ); $this->add_control( 'show_effect', array( 'label' => esc_html__( 'Show Effect', 'jet-tabs' ), 'type' => Controls_Manager::SELECT, 'default' => 'move-up', 'options' => array( 'none' => esc_html__( 'None', 'jet-tabs' ), 'fade' => esc_html__( 'Fade', 'jet-tabs' ), 'zoom-in' => esc_html__( 'Zoom In', 'jet-tabs' ), 'zoom-out' => esc_html__( 'Zoom Out', 'jet-tabs' ), 'move-up' => esc_html__( 'Move Up', 'jet-tabs' ), 'fall-perspective' => esc_html__( 'Fall Perspective', 'jet-tabs' ), ), ) ); $this->add_control( 'ajax_template', array( 'label' => esc_html__( 'Use Ajax Loading for Template', 'jet-tabs' ), 'description' => esc_html__( 'Note: Do not use with query or dynamic data', 'jet-tabs' ), 'type' => Controls_Manager::SWITCHER, 'label_on' => esc_html__( 'On', 'jet-tabs' ), 'label_off' => esc_html__( 'Off', 'jet-tabs' ), 'return_value' => 'yes', 'default' => 'false', ) ); $this->add_control( 'faq_schema', array( 'label' => esc_html__( 'FAQ Schema', 'jet-tabs' ), 'type' => Controls_Manager::SWITCHER, 'separator' => 'before', ) ); $this->add_control( 'content_scrolling', array( 'label' => esc_html__( 'Scrolling to the Content', 'jet-tabs' ), 'description' => esc_html__( 'Scrolling to the Content after Switching Tab Control', 'jet-tabs' ), 'type' => Controls_Manager::SWITCHER, 'label_on' => esc_html__( 'On', 'jet-tabs' ), 'label_off' => esc_html__( 'Off', 'jet-tabs' ), 'return_value' => 'yes', 'default' => 'false', ) ); $this->add_control( 'content_scrolling_offset', array( 'label' => esc_html__( 'Scrolling offset (px)', 'jet-tabs' ), 'type' => Controls_Manager::SLIDER, 'range' => array( 'px' => array( 'min' => 0, 'max' => 100, ), ), 'default' => array( 'unit' => 'px', 'size' => 0, ), 'condition' => array( 'content_scrolling' => 'yes' ) ) ); $this->add_control( 'content_scrolling_delay', array( 'label' => esc_html__( 'Scroll animation speed (ms)', 'jet-tabs' ), 'type' => Controls_Manager::NUMBER, 'default' => 500, 'min' => 100, 'max' => 10000, 'step' => 10, 'condition' => array( 'content_scrolling' => 'yes' ), ) ); $this->end_controls_section(); $this->__start_controls_section( 'section_accordion_container_style', array( 'label' => esc_html__( 'Accordion Container', 'jet-tabs' ), 'tab' => Controls_Manager::TAB_STYLE, 'show_label' => false, ) ); $this->__add_group_control( Group_Control_Background::get_type(), array( 'name' => 'instance_background', 'selector' => '{{WRAPPER}} ' . $css_scheme['instance'], ), 25 ); $this->__add_responsive_control( 'instance_padding', array( 'label' => esc_html__( 'Padding', 'jet-tabs' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%', 'em', 'rem', 'vw', 'custom' ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['instance'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), 'custom_units' => true, ), 50 ); $this->__add_group_control( Group_Control_Border::get_type(), array( 'name' => 'instance_border', 'label' => esc_html__( 'Border', 'jet-tabs' ), 'placeholder' => '1px', 'default' => '1px', 'selector' => '{{WRAPPER}} ' . $css_scheme['instance'], ), 25 ); $this->__add_control( 'instance_border_radius', array( 'label' => esc_html__( 'Border Radius', 'jet-tabs' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%', 'em', 'rem', 'custom' ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['instance'] => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), 'custom_units' => true, ), 75 ); $this->__add_group_control( Group_Control_Box_Shadow::get_type(), array( 'name' => 'instance_shadow', 'selector' => '{{WRAPPER}} ' . $css_scheme['instance'], ), 100 ); $this->__end_controls_section(); /** * Toggle Style Section */ $this->__start_controls_section( 'section_toggle_style', array( 'label' => esc_html__( 'Toggle', 'jet-tabs' ), 'tab' => Controls_Manager::TAB_STYLE, 'show_label' => false, ) ); $this->__add_group_control( Group_Control_Background::get_type(), array( 'name' => 'toggle_background', 'selector' => '{{WRAPPER}} ' . $css_scheme['toggle'], ), 25 ); $this->__add_responsive_control( 'toggle_padding', array( 'label' => esc_html__( 'Padding', 'jet-tabs' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%', 'em', 'rem', 'vw', 'custom' ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['toggle'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), 'custom_units' => true, ), 50 ); $this->__add_responsive_control( 'toggle_margin', array( 'label' => esc_html__( 'Margin', 'jet-tabs' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%', 'em', 'rem', 'vw', 'custom' ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['toggle'] => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), 'custom_units' => true, ), 50 ); $this->__add_group_control( Group_Control_Border::get_type(), array( 'name' => 'toggle_border', 'label' => esc_html__( 'Border', 'jet-tabs' ), 'selector' => '{{WRAPPER}} ' . $css_scheme['toggle'], ), 25 ); $this->__add_control( 'toggle_border_radius', array( 'label' => esc_html__( 'Border Radius', 'jet-tabs' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%', 'em', 'rem', 'custom' ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['toggle'] => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), 'custom_units' => true, ), 75 ); $this->__add_group_control( Group_Control_Box_Shadow::get_type(), array( 'name' => 'toggle_shadow', 'selector' => '{{WRAPPER}} ' . $css_scheme['toggle'], ), 100 ); $this->__end_controls_section(); /** * Toggle Control Style Section */ $this->__start_controls_section( 'section_toggle_control_style', array( 'label' => esc_html__( 'Toggle Control', 'jet-tabs' ), 'tab' => Controls_Manager::TAB_STYLE, 'show_label' => false, ) ); $this->__add_control( 'toggle_icon_heading', array( 'label' => esc_html__( 'Icon ', 'jet-tabs' ), 'type' => Controls_Manager::HEADING, ), 25 ); $this->__add_control( 'toggle_icon_position', array( 'label' => esc_html__( 'Position', 'jet-tabs' ), 'type' => Controls_Manager::CHOOSE, 'options' => array( 'left' => array( 'title' => esc_html__( 'Left', 'jet-tabs' ), 'icon' => 'eicon-h-align-left', ), 'right' => array( 'title' => esc_html__( 'Right', 'jet-tabs' ), 'icon' => 'eicon-h-align-right', ), ), 'default' => 'left', 'label_block' => false, 'classes' => 'jet-tabs-text-align-control', ), 25 ); $this->__add_responsive_control( 'toggle_icon_margin', array( 'label' => esc_html__( 'Margin', 'jet-tabs' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%', 'em', 'rem', 'vw', 'custom' ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['control'] . ' ' . $css_scheme['icon'] => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), 'custom_units' => true, ), 50 ); $this->__add_responsive_control( 'toggle_label_aligment', array( 'label' => esc_html__( 'Alignment', 'jet-tabs' ), 'type' => Controls_Manager::CHOOSE, 'default' => 'flex-start', 'options' => array( 'flex-start' => array( 'title' => esc_html__( 'Start', 'jet-tabs' ), 'icon' => ! is_rtl() ? 'fa fa-arrow-left' : 'fa fa-arrow-right', ), 'center' => array( 'title' => esc_html__( 'Center', 'jet-tabs' ), 'icon' => 'fa fa-align-center', ), 'space-between' => array( 'title' => esc_html__( 'Justify', 'jet-tabs' ), 'icon' => 'fa fa-align-justify', ), 'flex-end' => array( 'title' => esc_html__( 'End', 'jet-tabs' ), 'icon' => ! is_rtl() ? 'fa fa-arrow-right' : 'fa fa-arrow-left', ), ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['control'] => 'justify-content: {{VALUE}};', ), 'separator' => 'before', ), 25 ); $this->__add_responsive_control( 'toggle_label_text_aligment', array( 'label' => esc_html__( 'Text Alignment', 'jet-tabs' ), 'type' => Controls_Manager::CHOOSE, 'default' => 'left', 'options' => array( 'left' => array( 'title' => esc_html__( 'Left', 'jet-tabs' ), 'icon' => 'eicon-text-align-left', ), 'center' => array( 'title' => esc_html__( 'Center', 'jet-tabs' ), 'icon' => 'eicon-text-align-center', ), 'right' => array( 'title' => esc_html__( 'Right', 'jet-tabs' ), 'icon' => 'eicon-text-align-right', ), ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['label'] => 'text-align: {{VALUE}};', ), ), 25 ); $this->__start_controls_tabs( 'toggle_general_styles' ); $this->__start_controls_tab( 'toggle_control_normal', array( 'label' => esc_html__( 'Normal', 'jet-tabs' ), ) ); $this->__add_control( 'toggle_label_color', array( 'label' => esc_html__( 'Text Color', 'jet-tabs' ), 'type' => Controls_Manager::COLOR, 'global' => array( 'default' => Global_Colors::COLOR_TEXT, ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['control'] . ' ' . $css_scheme['label'] => 'color: {{VALUE}}', ), ), 25 ); $this->__add_group_control( Group_Control_Typography::get_type(), array( 'name' => 'toggle_label_typography', 'selector' => '{{WRAPPER}} '. $css_scheme['control'] . ' ' . $css_scheme['label'], 'global' => array( 'default' => Global_Typography::TYPOGRAPHY_PRIMARY, ), ), 50 ); $this->__add_group_control( \Jet_Tabs_Group_Control_Box_Style::get_type(), array( 'label' => esc_html__( 'Icon', 'jet-tabs' ), 'name' => 'toggle_icon_box', 'selector' => '{{WRAPPER}} ' . $css_scheme['control'] . ' ' . $css_scheme['icon'] . ' .icon-normal', ), 25 ); $this->__add_group_control( Group_Control_Background::get_type(), array( 'name' => 'toggle_control_background', 'selector' => '{{WRAPPER}} ' . $css_scheme['control'], ), 25 ); $this->__add_group_control( Group_Control_Border::get_type(), array( 'name' => 'toggle_control_border', 'label' => esc_html__( 'Border', 'jet-tabs' ), 'placeholder' => '1px', 'default' => '1px', 'selector' => '{{WRAPPER}} ' . $css_scheme['control'], ), 25 ); $this->__end_controls_tab(); $this->__start_controls_tab( 'toggle_control_hover', array( 'label' => esc_html__( 'Hover', 'jet-tabs' ), ) ); $this->__add_control( 'toggle_label_color_hover', array( 'label' => esc_html__( 'Text Color', 'jet-tabs' ), 'type' => Controls_Manager::COLOR, 'global' => array( 'default' => Global_Colors::COLOR_TEXT, ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['control'] . ':hover ' . $css_scheme['label'] => 'color: {{VALUE}}', ), ), 25 ); $this->__add_group_control( Group_Control_Typography::get_type(), array( 'name' => 'toggle_label_typography_hover', 'selector' => '{{WRAPPER}} '. $css_scheme['control'] . ':hover ' . $css_scheme['label'], 'global' => array( 'default' => Global_Typography::TYPOGRAPHY_PRIMARY, ), ), 50 ); $this->__add_group_control( \Jet_Tabs_Group_Control_Box_Style::get_type(), array( 'label' => esc_html__( 'Icon', 'jet-tabs' ), 'name' => 'toggle_icon_box_hover', 'selector' => '{{WRAPPER}} ' . $css_scheme['control'] . ':hover ' . $css_scheme['icon'] . ' .icon-normal', ), 25 ); $this->__add_group_control( Group_Control_Background::get_type(), array( 'name' => 'toggle_control_background_hover', 'selector' => '{{WRAPPER}} ' . $css_scheme['control'] . ':hover', ), 25 ); $this->__add_group_control( Group_Control_Border::get_type(), array( 'name' => 'toggle_control_border_hover', 'label' => esc_html__( 'Border', 'jet-tabs' ), 'placeholder' => '1px', 'default' => '1px', 'selector' => '{{WRAPPER}} ' . $css_scheme['control'] . ':hover', ), 25 ); $this->__end_controls_tab(); $this->__start_controls_tab( 'toggle_control_active', array( 'label' => esc_html__( 'Active', 'jet-tabs' ), ) ); $this->__add_control( 'toggle_label_color_active', array( 'label' => esc_html__( 'Text Color', 'jet-tabs' ), 'type' => Controls_Manager::COLOR, 'global' => array( 'default' => Global_Colors::COLOR_TEXT, ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['active_control'] . ' ' . $css_scheme['label'] => 'color: {{VALUE}}', ), ), 25 ); $this->__add_group_control( Group_Control_Typography::get_type(), array( 'name' => 'toggle_label_typography_active', 'selector' => '{{WRAPPER}} '. $css_scheme['active_control'] . ' ' . $css_scheme['label'], 'global' => array( 'default' => Global_Typography::TYPOGRAPHY_PRIMARY, ), ), 50 ); $this->__add_group_control( \Jet_Tabs_Group_Control_Box_Style::get_type(), array( 'label' => esc_html__( 'Icon', 'jet-tabs' ), 'name' => 'toggle_icon_box_active', 'selector' => '{{WRAPPER}} ' . $css_scheme['toggle'] . '.active-toggle ' . $css_scheme['icon'] . ' .icon-active', ), 25 ); $this->__add_group_control( Group_Control_Background::get_type(), array( 'name' => 'toggle_control_background_active', 'selector' => '{{WRAPPER}} ' . $css_scheme['toggle'] . '.active-toggle > .jet-toggle__control', ), 25 ); $this->__add_group_control( Group_Control_Border::get_type(), array( 'name' => 'toggle_control_border_active', 'label' => esc_html__( 'Border', 'jet-tabs' ), 'placeholder' => '1px', 'default' => '1px', 'selector' => '{{WRAPPER}} ' . $css_scheme['toggle'] . '.active-toggle > .jet-toggle__control', ), 25 ); $this->__end_controls_tab(); $this->__end_controls_tabs(); $this->__add_responsive_control( 'toggle_control_padding', array( 'label' => esc_html__( 'Padding', 'jet-tabs' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%', 'em', 'rem', 'vw', 'custom' ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['control'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), 'separator' => 'before', 'custom_units' => true, ), 50 ); $this->__add_control( 'toggle_control_border_radius', array( 'label' => esc_html__( 'Border Radius', 'jet-tabs' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%', 'em', 'rem', 'custom' ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['control'] => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), 'custom_units' => true, ), 75 ); $this->__add_group_control( Group_Control_Box_Shadow::get_type(), array( 'name' => 'toggle_control_shadow', 'selector' => '{{WRAPPER}} ' . $css_scheme['control'], ), 100 ); $this->__end_controls_section(); /** * Toggle Content Style Section */ $this->__start_controls_section( 'section_tabs_content_style', array( 'label' => esc_html__( 'Toggle Content', 'jet-tabs' ), 'tab' => Controls_Manager::TAB_STYLE, 'show_label' => false, ) ); $this->__add_group_control( Group_Control_Typography::get_type(), array( 'name' => 'tabs_content_typography', 'selector' => '{{WRAPPER}} ' . $css_scheme['content'], ), 50 ); $this->__add_control( 'tabs_content_text_color', array( 'label' => esc_html__( 'Text color', 'jet-tabs' ), 'type' => Controls_Manager::COLOR, 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['content'] => 'color: {{VALUE}};', ), ), 25 ); $this->__add_group_control( Group_Control_Background::get_type(), array( 'name' => 'tabs_content_background', 'selector' => '{{WRAPPER}} ' . $css_scheme['content'], ), 25 ); $this->__add_responsive_control( 'tabs_content_padding', array( 'label' => esc_html__( 'Padding', 'jet-tabs' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%', 'em', 'rem', 'vw', 'custom' ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['content'] . ' > .jet-toggle__content-inner' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), 'custom_units' => true, ), 50 ); $this->__add_responsive_control( 'tabs_content_margin', array( 'label' => esc_html__( 'Margin', 'jet-tabs' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%', 'em', 'rem', 'vw', 'custom' ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['content'] => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), 'custom_units' => true, ), 50 ); $this->__add_group_control( Group_Control_Border::get_type(), array( 'name' => 'tabs_content_border', 'label' => esc_html__( 'Border', 'jet-tabs' ), 'placeholder' => '1px', 'default' => '1px', 'selector' => '{{WRAPPER}} ' . $css_scheme['content'], ), 25 ); $this->__add_responsive_control( 'tabs_content_radius', array( 'label' => esc_html__( 'Border Radius', 'jet-tabs' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%', 'em', 'rem', 'custom' ), 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['content'] => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), 'custom_units' => true, ), 75 ); $this->__add_group_control( Group_Control_Box_Shadow::get_type(), array( 'name' => 'tabs_content_box_shadow', 'selector' => '{{WRAPPER}} ' . $css_scheme['content'], ), 100 ); $this->__add_control( 'tabs_content_loader_style_heading', array( 'label' => esc_html__( 'Loader Styles', 'jet-tabs' ), 'type' => Controls_Manager::HEADING, 'separator' => 'before', 'condition' => array( 'ajax_template' => 'yes', ), ), 25 ); $this->__add_control( 'tabs_content_loader_color', array( 'label' => esc_html__( 'Loader color', 'jet-tabs' ), 'type' => Controls_Manager::COLOR, 'selectors' => array( '{{WRAPPER}} ' . $css_scheme['content'] . ' .jet-tabs-loader' => 'border-color: {{VALUE}}; border-top-color: white;', ), 'condition' => array( 'ajax_template' => 'yes', ), ), 25 ); $this->__end_controls_section(); } /** * [render description] * @return [type] [description] */ protected function render() { $this->__context = 'render'; $toggles = $this->get_settings_for_display( 'toggles' ); $toggles = apply_filters( 'jet-tabs/widget/loop-items', $toggles, 'toggles', $this ); $faq_schema = $this->get_settings_for_display( 'faq_schema' ); $id_int = substr( $this->get_id_int(), 0, 3 ); $show_effect = $this->get_settings( 'show_effect' ); $ajax_template = filter_var( $this->get_settings( 'ajax_template' ), FILTER_VALIDATE_BOOLEAN ); $settings = array( 'collapsible' => filter_var( $this->get_settings( 'collapsible' ), FILTER_VALIDATE_BOOLEAN ), 'ajaxTemplate' => $ajax_template, 'switchScrolling' => filter_var( $this->get_settings( 'content_scrolling' ), FILTER_VALIDATE_BOOLEAN ), 'switchScrollingOffset' => !empty( $this->get_settings_for_display( 'content_scrolling_offset' ) ) ? $this->get_settings_for_display( 'content_scrolling_offset' ) : 0, 'switchScrollingDelay' => !empty( $this->get_settings_for_display( 'content_scrolling_delay' ) ) ? $this->get_settings_for_display( 'content_scrolling_delay' ) : 500 ); $this->add_render_attribute( 'instance', array( 'class' => array( 'jet-accordion', ), 'data-settings' => json_encode( $settings ), ) ); $toggle_icon_position = $this->get_settings( 'toggle_icon_position' ); $toggle_item_label_tag = ! empty( $this->get_settings( 'item_html_tag' ) ) ? $this->get_settings( 'item_html_tag' ) : 'div'; $toggle_item_label_tag = $this->validate_html_tag( $toggle_item_label_tag ); ?>
get_render_attribute_string( 'instance' ); ?>>
$item ) { do_action( 'jet-engine-query-gateway/do-item', $item ); $toggle_count = $index + 1; $toggle_setting_key = $this->get_repeater_setting_key( 'jet_toggle', 'toggles', $index ); $toggle_control_setting_key = $this->get_repeater_setting_key( 'jet_toggle_control', 'toggles', $index ); $toggle_content_setting_key = $this->get_repeater_setting_key( 'jet_toggle_content', 'toggles', $index ); $is_item_active = filter_var( $item['item_active'], FILTER_VALIDATE_BOOLEAN ); $toggle_control_id = ! empty( $item['control_id'] ) ? esc_attr( $item['control_id'] ) : 'jet-toggle-control-' . $id_int . $toggle_count; $this->add_render_attribute( $toggle_control_setting_key, array( 'id' => $toggle_control_id, 'class' => array( 'jet-toggle__control', 'elementor-menu-anchor', ), 'data-toggle' => $toggle_count, 'role' => 'button', 'tabindex' => 0, 'aria-controls' => 'jet-toggle-content-' . $id_int . $toggle_count, 'aria-expanded' => $is_item_active ? 'true' : 'false', 'data-template-id' => ! empty( $item['item_template_id'] ) ? $item['item_template_id'] : 'false', ) ); $toggle_control_icon_html = ''; $normal_icon_html = $this->__get_icon( 'item_icon', $item, '%s' ); $active_icon_html = $this->__get_icon( 'item_active_icon', $item, '%s' ); if ( ! empty( $normal_icon_html ) && ! empty( $active_icon_html ) ) { $toggle_control_icon_html .= sprintf( '
%1$s%2$s
', $normal_icon_html, $active_icon_html, $toggle_icon_position ); } $toggle_control_label_html = ''; if ( ! empty( $item['item_label'] ) ) { $toggle_control_label_html = sprintf( '<%1$s class="jet-toggle__label-text">%2$s', esc_attr( $toggle_item_label_tag ), $item['item_label'] ); } $this->add_render_attribute( $toggle_content_setting_key, array( 'id' => 'jet-toggle-content-' . $id_int . $toggle_count, 'class' => array( 'jet-toggle__content' ), 'data-toggle' => $toggle_count, 'role' => 'region', 'data-template-id' => ! empty( $item['item_template_id'] ) ? $item['item_template_id'] : 'false', ) ); $content_html = ''; switch ( $item[ 'content_type' ] ) { case 'template': if ( ! empty( $item['item_template_id'] ) ) { // for multi-language plugins $template_id = apply_filters( 'jet-tabs/widgets/template_id', $item['item_template_id'], $this ); $template_content = jet_tabs()->elementor()->frontend->get_builder_content( $template_id ); if ( ! empty( $template_content ) ) { if ( ! $ajax_template ) { $content_html .= $template_content; } else { $content_html .= '
'; } if ( jet_tabs_integration()->is_edit_mode() ) { $link = add_query_arg( array( 'elementor' => '', 'jet-tabs-canvas' => '', ), get_permalink( $item['item_template_id'] ) ); $content_html .= sprintf( '
%s
', $link, esc_html__( 'Edit Template', 'jet-tabs' ) ); } } else { $content_html = $this->no_template_content_message(); } } else { $content_html = $this->no_templates_message(); } break; case 'editor': $content_html = $this->parse_text_editor( $item['item_editor_content'] ); break; } $item_custom_css_class = ! empty( $item['item_custom_css_class'] ) ? esc_attr( $item['item_custom_css_class'] ) : ''; $this->add_render_attribute( $toggle_setting_key, array( 'class' => array( $item_custom_css_class, 'jet-accordion__item', 'jet-toggle', 'jet-toggle-' . $show_effect . '-effect', $is_item_active ? 'active-toggle' : '', ), ) ); ?>
get_render_attribute_string( $toggle_setting_key ); // phpcs:ignore ?>>
get_render_attribute_string( $toggle_control_setting_key ); // phpcs:ignore ?>>
get_render_attribute_string( $toggle_content_setting_key ); // phpcs:ignore ?>>
add_item( $item['item_label'], $content_html ); } } do_action( 'jet-engine-query-gateway/reset-item' ); ?>
' . esc_html__( 'You Haven’t Saved Templates Yet.', 'jet-tabs' ) . '
' . esc_html__( 'What is Library?', 'jet-tabs' ) . ' ' . esc_html__( 'Read our tutorial on using Library templates.', 'jet-tabs' ) . '
'; } /** * [no_templates_message description] * @return [type] [description] */ public function no_templates_message() { $message = '' . esc_html__( 'Template is not defined. ', 'jet-tabs' ) . ''; $link = add_query_arg( array( 'post_type' => 'elementor_library', 'action' => 'elementor_new_post', '_wpnonce' => wp_create_nonce( 'elementor_action_new_post' ), 'template_type' => 'section', ), esc_url( admin_url( '/edit.php' ) ) ); $new_link = '' . esc_html__( 'Select an existing template or create a ', 'jet-tabs' ) . '' . esc_html__( 'new one', 'jet-tabs' ) . '' ; return sprintf( '
%1$s%2$s
', $message, jet_tabs_integration()->in_elementor() ? $new_link : '' ); } /** * [no_template_content_message description] * @return [type] [description] */ public function no_template_content_message() { $message = '' . esc_html__( 'The toggles are working. Please, note, that you have to add a template to the library in order to be able to display it inside the toggles.', 'jet-tabs' ) . ''; return sprintf( '
%1$s
', $message ); } /** * [get_template_edit_link description] * @param [type] $template_id [description] * @return [type] [description] */ public function get_template_edit_link( $template_id ) { $link = add_query_arg( 'elementor', '', get_permalink( $template_id ) ); return ' ' . esc_html__( 'Edit Template', 'jet-tabs' ) . ''; } }