start_controls_section( 'section_tab', [ 'label' =>esc_html__( 'Accordion', 'elementskit-lite' ), ] ); $repeater = new Repeater(); $repeater->add_control( 'acc_title', [ 'label' => esc_html__('Title', 'elementskit-lite'), 'type' => Controls_Manager::TEXT, 'dynamic' => [ 'active' => true, ], 'label_block' => true, 'default' => 'Accordion Item', ] ); $repeater->add_control( 'ekit_acc_is_active', [ 'label' => esc_html__('Keep this slide open? ', 'elementskit-lite'), 'type' => Controls_Manager::SWITCHER, 'default' => 'no', 'label_on' =>esc_html__( 'Yes', 'elementskit-lite' ), 'label_off' =>esc_html__( 'No', 'elementskit-lite' ), ] ); $repeater->add_control( 'acc_content', [ 'label' => esc_html__('Description', 'elementskit-lite'), 'type' => Controls_Manager::WYSIWYG, 'dynamic' => [ 'active' => true, ], 'label_block' => true, 'default' => 'Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast', ] ); $this->add_control( 'ekit_accordion_items', [ 'label' => esc_html__('Content', 'elementskit-lite'), 'type' => Controls_Manager::REPEATER, 'separator' => 'before', 'title_field' => '{{ acc_title }}', 'default' => [ [ 'acc_title' => 'How to Change my Photo from Admin Dashboard?', 'acc_content' => 'Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast', 'ekit_acc_is_active' => 'yes' ], [ 'acc_title' => 'How to Change my Password easily?', 'acc_content' => 'Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast', ], [ 'acc_title' => 'How to Change my Subscription Plan using PayPal', 'acc_content' => 'Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast', ], ], 'fields' => $repeater->get_controls(), ] ); $this->add_control( 'ekit_accordion_open_first_slide', [ 'label' => esc_html__( 'Keep first slide auto open?', 'elementskit-lite' ), 'type' => Controls_Manager::SWITCHER, 'label_on' => esc_html__( 'Yes', 'elementskit-lite' ), 'label_off' => esc_html__( 'No', 'elementskit-lite' ), 'return_value' => 'yes', 'default' => 'yes', ] ); $this->add_control( 'ekit_accordion_style', [ 'label' =>esc_html__( 'Style', 'elementskit-lite' ), 'type' => Controls_Manager::SELECT, 'default' => 'accoedion-primary', 'options' => [ 'accoedion-primary' =>esc_html__( 'Primary', 'elementskit-lite' ), 'curve-shape' =>esc_html__( 'Curve Shape', 'elementskit-lite' ), 'accoedion-primary side-curve' =>esc_html__( 'Side Curve', 'elementskit-lite' ), 'accordion-4' =>esc_html__( 'Box Icon', 'elementskit-lite' ), 'floating-style' =>esc_html__( 'Floating Style', 'elementskit-lite' ), ], ] ); $this->add_control( 'ekit_accordian_faq_schema', [ 'label' => esc_html__( 'Accordian FAQ Schema', 'elementskit-lite' ), 'type' => Controls_Manager::SWITCHER, 'separator' => 'before', ] ); $this->end_controls_section(); // Icon setting $this->start_controls_section( 'ekit_accordion_section_setting', [ 'label' =>esc_html__( 'Icon', 'elementskit-lite' ), ] ); $this->add_control( 'ekit_accordion_icon_pos_style', [ 'label' => esc_html__( 'Icon Position', 'elementskit-lite' ), 'type' => Controls_Manager::SELECT, 'default' => 'right', 'options' => [ 'right' => esc_html__( 'Right', 'elementskit-lite' ), 'left' => esc_html__( 'Left', 'elementskit-lite' ), 'bothside' => esc_html__( 'Both side', 'elementskit-lite' ), ], ] ); $this->add_control( 'ekit_accordion_display_loop_count', [ 'label' => esc_html__( 'Show Loop Count', 'elementskit-lite' ), 'type' => Controls_Manager::SWITCHER, 'label_on' => esc_html__( 'Show', 'elementskit-lite' ), 'label_off' => esc_html__( 'Hide', 'elementskit-lite' ), 'return_value' => 'yes', 'default' => 'no', 'condition' => [ 'ekit_accordion_icon_pos_style' => 'right', ] ] ); $this->add_control( 'ekit_accordion_left_icons', [ 'label' => esc_html__( 'Left Icon', 'elementskit-lite' ), 'type' => Controls_Manager::ICONS, 'fa4compatibility' => 'ekit_accordion_left_icon', 'default' => [ 'value' => 'icon icon-down-arrow1', 'library' => 'ekiticons', ], 'condition' => [ 'ekit_accordion_icon_pos_style' => ['left', 'bothside'] ] ] ); $this->add_control( 'ekit_accordion_left_icon_actives', [ 'label' => esc_html__( 'Left Icon Active', 'elementskit-lite' ), 'type' => Controls_Manager::ICONS, 'fa4compatibility' => 'ekit_accordion_left_icon_active', 'default' => [ 'value' => 'icon icon-up-arrow1', 'library' => 'ekiticons', ], 'condition' => [ 'ekit_accordion_icon_pos_style' => ['left', 'bothside'] ] ] ); $this->add_control( 'ekit_accordion_right_icons', [ 'label' => esc_html__( 'Right Icon', 'elementskit-lite' ), 'type' => Controls_Manager::ICONS, 'fa4compatibility' => 'ekit_accordion_right_icon', 'default' => [ 'value' => 'icon icon-down-arrow1', 'library' => 'ekiticons', ], 'condition' => [ 'ekit_accordion_icon_pos_style' => ['right', 'bothside'] ] ] ); $this->add_control( 'ekit_accordion_right_icon_actives', [ 'label' => esc_html__( 'Right Icon Active', 'elementskit-lite' ), 'type' => Controls_Manager::ICONS, 'fa4compatibility' => 'ekit_accordion_right_icon_active', 'default' => [ 'value' => 'icon icon-up-arrow', 'library' => 'ekiticons', ], 'condition' => [ 'ekit_accordion_icon_pos_style' => ['right', 'bothside'] ] ] ); $this->end_controls_section(); //Title Style Section $this->start_controls_section( 'ekit_accordion_section_title_style', [ 'label' =>esc_html__( 'Title', 'elementskit-lite' ), 'tab' => Controls_Manager::TAB_STYLE, ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'ekit_accordion_title_typography', 'selector' => '{{WRAPPER}} .elementskit-accordion .elementskit-card-header>.elementskit-btn-link', ] ); $this->start_controls_tabs( 'ekit_accordion_style_tabs' ); $this->start_controls_tab( 'ekit_accordion_style_open_tab', [ 'label' => esc_html__( 'Open', 'elementskit-lite' ), ] ); $this->add_control( 'ekit_accordion_title_color', [ 'label' =>esc_html__( 'Color', 'elementskit-lite' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .elementskit-accordion .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"]' => 'color: {{VALUE}};', '{{WRAPPER}} .elementskit-accordion.curve-shape .elementskit-card-header>.elementskit-btn-link[aria-expanded=true]' => 'color: {{VALUE}};' ], ] ); $this->add_group_control( Group_Control_Background::get_type(), [ 'name' => 'ekit_accordion_background', 'label' => esc_html__( 'Background', 'elementskit-lite' ), 'types' => [ 'classic', 'gradient' ], 'condition' => [ 'ekit_accordion_style!' => ['curve-shape'] ], 'selector' => '{{WRAPPER}} .elementskit-accordion.accoedion-primary .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"], {{WRAPPER}} .elementskit-accordion .elementskit-card-header>.elementskit-btn-link[aria-expanded=true], {{WRAPPER}} .elementskit-accordion.floating-style .elementskit-card .elementskit-btn-link[aria-expanded="true"]', ] ); $this->add_control( 'ekit_accordion_curve_fill_color', [ 'label' =>esc_html__( 'Background Color', 'elementskit-lite' ), 'type' => Controls_Manager::COLOR, 'condition' => [ 'ekit_accordion_style' => ['curve-shape'] ], 'selectors' => [ '{{WRAPPER}} .elementskit-accordion.curve-shape .elementskit-card-header>.elementskit-btn-link[aria-expanded=true] .path' => 'fill: {{VALUE}}', ], ] ); $this->add_control( 'ekit_accordion_curve_stroke_color', [ 'label' =>esc_html__( 'Border Color', 'elementskit-lite' ), 'type' => Controls_Manager::COLOR, 'condition' => [ 'ekit_accordion_style' => ['curve-shape'] ], 'selectors' => [ '{{WRAPPER}} .elementskit-accordion.curve-shape .elementskit-card-header>.elementskit-btn-link[aria-expanded=true] .path' => 'stroke: {{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'ekit_accordion_title_border_open', 'label' => esc_html__( 'Border', 'elementskit-lite' ), 'condition' => [ 'ekit_accordion_style!' => ['curve-shape'] ], 'selector' => '{{WRAPPER}} .elementskit-accordion .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"]', ] ); $this->add_control( 'ekit_accordion_border_radious_curve_shape_open', [ 'label' => esc_html__( 'Border Radius', 'elementskit-lite' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%', 'em' ], 'condition' => [ 'ekit_accordion_style!' => ['curve-shape'] ], 'selectors' => [ '{{WRAPPER}} .elementskit-accordion .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"]' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'ekit_accordion_box_shadow_open', 'label' => esc_html__( 'Box Shadow', 'elementskit-lite' ), 'selector' => '{{WRAPPER}} .elementskit-accordion .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"]', ] ); $this->end_controls_tab(); $this->start_controls_tab( 'ekit_accordion_style_close_tab', [ 'label' => esc_html__( 'Closed', 'elementskit-lite' ), ] ); $this->add_control( 'ekit_accordion_title_color_close', [ 'label' =>esc_html__( 'Color', 'elementskit-lite' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .elementskit-accordion .elementskit-card-header>.elementskit-btn-link' => 'color: {{VALUE}};' ], ] ); $this->add_group_control( Group_Control_Background::get_type(), [ 'name' => 'ekit_accordion_background_close', 'label' => esc_html__( 'Background', 'elementskit-lite' ), 'types' => [ 'classic', 'gradient' ], 'condition' => [ 'ekit_accordion_style!' => ['curve-shape'] ], 'selector' => '{{WRAPPER}} .elementskit-accordion .elementskit-card-header>.elementskit-btn-link', ] ); $this->add_control( 'ekit_accordion_curve_fill_close', [ 'label' =>esc_html__( 'Background', 'elementskit-lite' ), 'type' => Controls_Manager::COLOR, 'condition' => [ 'ekit_accordion_style' => ['curve-shape'] ], 'selectors' => [ '{{WRAPPER}} .elementskit-accordion .elementskit-card-header>.elementskit-btn-link .path' => 'fill: {{VALUE}};', ], ] ); $this->add_control( 'ekit_accordion_curve_stroke_close', [ 'label' =>esc_html__( 'Border Color', 'elementskit-lite' ), 'type' => Controls_Manager::COLOR, 'condition' => [ 'ekit_accordion_style' => ['curve-shape'] ], 'selectors' => [ '{{WRAPPER}} .elementskit-accordion .elementskit-card-header>.elementskit-btn-link .path' => 'stroke: {{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'ekit_accordion_title_border_close', 'label' => esc_html__( 'Border', 'elementskit-lite' ), 'condition' => [ 'ekit_accordion_style!' => ['curve-shape'] ], 'selector' => '{{WRAPPER}} .elementskit-accordion .elementskit-card-header>.elementskit-btn-link', ] ); $this->add_control( 'ekit_accordion_border_radious_close', [ 'label' => esc_html__( 'Border Radius', 'elementskit-lite' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%', 'em' ], 'condition' => [ 'ekit_accordion_style!' => ['curve-shape'] ], 'selectors' => [ '{{WRAPPER}} .elementskit-accordion .elementskit-card-header>.elementskit-btn-link' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'ekit_accordion_box_shadow_close', 'label' => esc_html__( 'Box Shadow', 'elementskit-lite' ), 'selector' => '{{WRAPPER}} .elementskit-accordion .elementskit-card-header>.elementskit-btn-link', ] ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->add_control( 'ekit_accordion_title_divide', [ 'type' => Controls_Manager::DIVIDER, 'style' => 'thick', ] ); $this->add_responsive_control( 'ekit_accordion_title_padding', [ 'label' => esc_html__( 'Padding', 'elementskit-lite' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px' ], 'selectors' => [ '{{WRAPPER}} .elementskit-accordion .elementskit-card-header>.elementskit-btn-link' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'ekit_accordion_title_margin_bottom', [ 'label' =>esc_html__( 'Margin Bottom', 'elementskit-lite' ), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => '', ], 'range' => [ 'px' => [ 'min' => -30, 'max' => 100, 'step' => 1, ], ], 'size_units' => ['px'], 'selectors' => [ '{{WRAPPER}} .elementskit-accordion .elementskit-card:not(:last-child)' => 'margin-bottom: {{SIZE}}{{UNIT}};', ], ] ); $this->end_controls_section(); //Subtitle Style Section $this->start_controls_section( 'ekit_accordion_section_content_style', [ 'label' =>esc_html__( 'Description', 'elementskit-lite' ), 'tab' => Controls_Manager::TAB_STYLE, ] ); $this->add_control( 'ekit_accordion_content_color', [ 'label' =>esc_html__( 'Color', 'elementskit-lite' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .elementskit-accordion .elementskit-card-body p' => 'color: {{VALUE}};', '{{WRAPPER}} .elementskit-accordion .elementskit-card-body' => 'color: {{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'ekit_accordion_content_typography', 'selector' => '{{WRAPPER}} .elementskit-accordion .elementskit-card-body p, {{WRAPPER}} .elementskit-accordion .elementskit-card-body', ] ); $this->add_group_control( Group_Control_Background::get_type(), [ 'name' => 'ekit_accordion_content_background', 'label' => esc_html__( 'Background', 'elementskit-lite' ), 'types' => [ 'classic', 'gradient' ], 'selector' => '{{WRAPPER}} .elementskit-accordion .elementskit-card-body, {{WRAPPER}} .accordion.floating-style .elementskit-card-body', ] ); $this->add_control( 'ekit_accordion_content_border_radious', [ 'label' => esc_html__( 'Border Radius', 'elementskit-lite' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%', 'em' ], 'selectors' => [ '{{WRAPPER}} .elementskit-accordion .elementskit-card-body' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'ekit_accordion_content_padding', [ 'label' => esc_html__( 'Padding', 'elementskit-lite' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%', 'em' ], 'selectors' => [ '{{WRAPPER}} .elementskit-accordion .elementskit-card-body' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'ekit_accordion_content_width', [ 'label' => esc_html__( 'Width', 'elementskit-lite' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ '%' ], 'range' => [ '%' => [ 'min' => 0, 'max' => 100, ], ], 'default' => [ 'unit' => '%', 'size' => 90, ], 'selectors' => [ '{{WRAPPER}} .elementskit-accordion.floating-style .elementskit-card-body' => 'max-width: {{SIZE}}{{UNIT}};', ], 'condition' => [ 'ekit_accordion_style' => 'floating-style' ] ] ); $this->end_controls_section(); //Slide border $this->start_controls_section( 'ekit_accordion_section_border_style', [ 'label' =>esc_html__( 'Border', 'elementskit-lite' ), 'tab' => Controls_Manager::TAB_STYLE, ] ); $this->start_controls_tabs( 'border_style_tabs' ); $this->start_controls_tab( 'style_open_tab', [ 'label' => esc_html__( 'OPEN', 'elementskit-lite' ), ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'ekit_accordion_border_closed', 'label' => esc_html__( 'Border', 'elementskit-lite' ), 'selector' => '{{WRAPPER}} .elementskit-accordion > .elementskit-card.active', ] ); $this->add_control( 'ekit_accordion_border_radious_closed', [ 'label' => esc_html__( 'Border Radius', 'elementskit-lite' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%', 'em' ], 'selectors' => [ '{{WRAPPER}} .elementskit-accordion > .elementskit-card.active' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', '{{WRAPPER}} .elementskit-accordion .elementskit-card-header > .elementskit-btn-link' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} 0{{UNIT}} 0{{UNIT}};', ], ] ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'ekit_accordion_element_box_shadow_group_closed', 'label' => esc_html__( 'Box Shadow', 'elementskit-lite' ), 'selector' => '{{WRAPPER}} .elementskit-accordion > .elementskit-card.active', ] ); $this->end_controls_tab(); $this->start_controls_tab( 'style_close_tab', [ 'label' => esc_html__( 'CLOSED', 'elementskit-lite' ), ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'ekit_accordion_border_open', 'label' => esc_html__( 'Border', 'elementskit-lite' ), 'selector' => '{{WRAPPER}} .elementskit-accordion > .elementskit-card', ] ); $this->add_control( 'ekit_accordion_border_radious_open', [ 'label' => esc_html__( 'Border Radius', 'elementskit-lite' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%', 'em' ], 'selectors' => [ '{{WRAPPER}} .elementskit-accordion > .elementskit-card' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', '{{WRAPPER}} .elementskit-accordion .elementskit-card-header > .elementskit-btn-link.collapsed' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'ekit_accordion_element_box_shadow_group', 'label' => esc_html__( 'Box Shadow', 'elementskit-lite' ), 'selector' => '{{WRAPPER}} .elementskit-accordion > .elementskit-card', ] ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->add_control( 'ekit_accordion_last_child_border_bottom', [ 'label' => esc_html__( 'Disable Border for last Element?', 'elementskit-lite' ), 'type' => Controls_Manager::SWITCHER, 'label_on' => esc_html__( 'Yes', 'elementskit-lite' ), 'label_off' => esc_html__( 'No', 'elementskit-lite' ), 'default' => '', 'return_value' => 'yes', 'separator' => 'before', 'selectors' => [ '{{WRAPPER}} .ekit-wid-con > .elementskit-accordion > .elementskit-card:last-child' => 'border: 0px;', ] ] ); $this->end_controls_section(); //Icon Style Section $this->start_controls_section( 'ekit_accordion_section_icon_style', [ 'label' =>esc_html__( 'Icon', 'elementskit-lite' ), 'tab' => Controls_Manager::TAB_STYLE, ] ); $this->start_controls_tabs( 'ekit_accordion_style_tabs_icon' ); $this->start_controls_tab( 'ekit_accordion_icon_open_tab', [ 'label' => esc_html__( 'Slide Closed Icon', 'elementskit-lite' ), ] ); $this->add_responsive_control( 'ekit_accordion_icon_typography_close', [ 'label' => esc_html__( 'Size', 'elementskit-lite' ), 'type' => Controls_Manager::SLIDER, 'range' => [ 'px' => [ 'min' => 6, 'max' => 300, ], ], 'selectors' => [ '{{WRAPPER}} .elementskit-accordion .elementskit-card-header .elementskit-btn-link .icon-open' => 'font-size: {{SIZE}}{{UNIT}};', '{{WRAPPER}} .elementskit-accordion .elementskit-card-header .elementskit-btn-link svg' => 'max-width: {{SIZE}}{{UNIT}}; height: auto;' ], ] ); $this->add_control( 'ekit_accordion_icon_color_close', [ 'label' =>esc_html__( 'Color', 'elementskit-lite' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .elementskit-accordion .elementskit-card-header .elementskit-btn-link .icon-open' => 'color: {{VALUE}};', '{{WRAPPER}} .elementskit-accordion .elementskit-card-header .elementskit-btn-link[aria-expanded="false"] svg path' => 'stroke: {{VALUE}}; fill: {{VALUE}};', ], ] ); $this->add_control( 'ekit_accordion_icon_box_open_bg_hr', [ 'type' => Controls_Manager::DIVIDER, 'style' => 'thick', 'condition' => [ 'ekit_accordion_style' => 'accordion-4' ] ] ); $this->add_group_control( Group_Control_Background::get_type(), [ 'name' => 'ekit_accordion_icon_box_open_bg', 'label' => esc_html__( 'Background', 'elementskit-lite' ), 'types' => [ 'classic', 'gradient' ], 'selector' => '{{WRAPPER}} .elementskit-accordion.accordion-4 .elementskit-card-header .elementskit-btn-link::before', 'condition' => [ 'ekit_accordion_style' => 'accordion-4' ] ] ); $this->add_group_control( Group_Control_Background::get_type(), [ 'name' => 'ekit_accordion_icon_box_bg', 'label' => esc_html__( 'Background', 'elementskit-lite' ), 'types' => [ 'classic', 'gradient' ], 'selector' => '{{WRAPPER}} .elementskit-accordion .elementskit-card-header .elementskit-btn-link[aria-expanded="false"] > .ekit_accordion_icon_group', ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'ekit_accordion_icon_border', 'label' => esc_html__( 'Border', 'elementskit-lite' ), 'selector' => '{{WRAPPER}} .elementskit-accordion .elementskit-card-header .elementskit-btn-link[aria-expanded="false"] > .ekit_accordion_icon_group', ] ); $this->end_controls_tab(); $this->start_controls_tab( 'ekit_accordion_icon_close_tab', [ 'label' => esc_html__( ' Slide Open icon', 'elementskit-lite' ), ] ); $this->add_responsive_control( 'ekit_accordion_icon_typography', //icon id different because replaced the previous control [ 'label' => esc_html__( 'Size', 'elementskit-lite' ), 'type' => Controls_Manager::SLIDER, 'range' => [ 'px' => [ 'min' => 6, 'max' => 300, ], ], 'selectors' => [ '{{WRAPPER}} .elementskit-accordion .elementskit-card .elementskit-card-header .elementskit-btn-link .icon-closed' => 'font-size: {{SIZE}}{{UNIT}};', '{{WRAPPER}} .elementskit-accordion .elementskit-card .elementskit-card-header .elementskit-btn-link svg' => 'max-width: {{SIZE}}{{UNIT}}; height: auto;' ] ] ); $this->add_control( 'ekit_accordion_icon_color', [ 'label' =>esc_html__( 'Color', 'elementskit-lite' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .elementskit-accordion .elementskit-card-header .elementskit-btn-link .icon-closed' => 'color: {{VALUE}};', '{{WRAPPER}} .elementskit-accordion .elementskit-card-header .elementskit-btn-link[aria-expanded="true"] svg path' => 'stroke: {{VALUE}}; fill: {{VALUE}};', ], ] ); $this->add_control( 'ekit_accordion_icon_box_close_bg_hr', [ 'type' => Controls_Manager::DIVIDER, 'style' => 'thick', 'condition' => [ 'ekit_accordion_style' => 'accordion-4' ] ] ); $this->add_group_control( Group_Control_Background::get_type(), [ 'name' => 'ekit_accordion_icon_box_close_bg', 'label' => esc_html__( 'Background', 'elementskit-lite' ), 'types' => [ 'classic', 'gradient' ], 'selector' => '{{WRAPPER}} .elementskit-accordion.accordion-4 .elementskit-card-header .elementskit-btn-link[aria-expanded="true"]::before', 'condition' => [ 'ekit_accordion_style' => ['accordion-4'] ] ] ); $this->add_group_control( Group_Control_Background::get_type(), [ 'name' => 'ekit_accordion_closed_icon_bg', 'label' => esc_html__( 'Background', 'elementskit-lite' ), 'types' => [ 'classic', 'gradient' ], 'selector' => '{{WRAPPER}} .elementskit-accordion .elementskit-card-header .elementskit-btn-link .ekit_accordion_icon_group', ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'ekit_accordion_closed_icon_border', 'label' => esc_html__( 'Border', 'elementskit-lite' ), 'selector' => '{{WRAPPER}} .elementskit-accordion .elementskit-card-header .elementskit-btn-link .ekit_accordion_icon_group', ] ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->add_control( 'ekit_accordion_icon_border_radious', [ 'label' => esc_html__( 'Border Radius', 'elementskit-lite' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%', 'em' ], 'separator' => 'before', 'selectors' => [ '{{WRAPPER}} .elementskit-accordion .elementskit-card-header .elementskit-btn-link .ekit_accordion_icon_group' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'ekit_accordion_icon_padding', [ 'label' => esc_html__( 'Padding', 'elementskit-lite' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%', 'em' ], 'selectors' => [ '{{WRAPPER}} .elementskit-accordion .elementskit-card .elementskit-card-header .elementskit-btn-link .ekit_accordion_icon_group' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'ekit_accordion_section_icon_margin', [ 'label' => esc_html__( 'Margin', 'elementskit-lite' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%', 'em' ], 'selectors' => [ '{{WRAPPER}} .ekit_accordion_icon_group, {{WRAPPER}} .ekit_accordion_icon_left_group' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->end_controls_section(); $this->insert_pro_message(); } protected function render( ) { echo '