# betterdocs/2.5.2/includes/Admin/Customizer/Sections/Sidebar.php

BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot, version 2.5.2. 1,084 lines.

- Page: https://pluginprobe.com/plugins/betterdocs/2.5.2/code/includes/Admin/Customizer/Sections/Sidebar.php
- Raw: https://pluginprobe.com/plugins/betterdocs/2.5.2/raw/includes/Admin/Customizer/Sections/Sidebar.php
- Modified: 2023-08-14T08:41:14+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/betterdocs/2.5.2/code/includes/Admin/Customizer/Sections/Sidebar.php#L10-L20`.

```php
<?php

namespace WPDeveloper\BetterDocs\Admin\Customizer\Sections;

use WP_Customize_Control;
use WPDeveloper\BetterDocs\Admin\Customizer\Controls\TitleControl;
use WPDeveloper\BetterDocs\Admin\Customizer\Controls\SelectControl;
use WPDeveloper\BetterDocs\Admin\Customizer\Controls\DimensionControl;
use WPDeveloper\BetterDocs\Admin\Customizer\Controls\SeparatorControl;
use WPDeveloper\BetterDocs\Admin\Customizer\Controls\AlphaColorControl;
use WPDeveloper\BetterDocs\Admin\Customizer\Controls\RangeValueControl;

class Sidebar extends Section {
    /**
     * Section Priority
     * @var int
     */
    protected $priority = 300;

    /**
     * Get the section id.
     * @return string
     */
    public function get_id() {
        return 'betterdocs_sidebar_settings';
    }

    /**
     * Get the title of the section.
     * @return string
     */
    public function get_title() {
        return __( 'Sidebar', 'betterdocs' );
    }

    public function sidebar_bg_color() {
        $this->customizer->add_setting( 'betterdocs_sidebar_bg_color', [
            'default'           => $this->defaults['betterdocs_sidebar_bg_color'],
            'capability'        => 'edit_theme_options',
            'transport'         => 'postMessage',
            'sanitize_callback' => [$this->sanitizer, 'rgba']
        ] );

        $this->customizer->add_control(
            new AlphaColorControl(
                $this->customizer,
                'betterdocs_sidebar_bg_color',
                [
                    'label'    => __( 'Background Color', 'betterdocs' ),
                    'section'  => 'betterdocs_sidebar_settings',
                    'settings' => 'betterdocs_sidebar_bg_color'
                ]
            )
        );
    }

    public function sidebar_padding() {
        $this->customizer->add_setting( 'betterdocs_sidebar_padding', [
            'default'           => $this->defaults['betterdocs_sidebar_padding'],
            'capability'        => 'edit_theme_options',
            'transport'         => 'postMessage',
            'sanitize_callback' => [$this->sanitizer, 'integer']

        ] );

        $this->customizer->add_control( new TitleControl(
            $this->customizer, 'betterdocs_sidebar_padding', [
                'type'        => 'betterdocs-title',
                'section'     => 'betterdocs_sidebar_settings',
                'settings'    => 'betterdocs_sidebar_padding',
                'label'       => __( 'Sidebar Padding', 'betterdocs' ),
                'input_attrs' => [
                    'id'    => 'betterdocs_sidebar_padding',
                    'class' => 'betterdocs-dimension'
                ]
            ] )
        );

        $this->customizer->add_setting( 'betterdocs_sidebar_padding_top', [
            'default'           => $this->defaults['betterdocs_sidebar_padding_top'],
            'capability'        => 'edit_theme_options',
            'transport'         => 'postMessage',
            'sanitize_callback' => [$this->sanitizer, 'integer']
        ] );

        $this->customizer->add_control( new DimensionControl(
            $this->customizer, 'betterdocs_sidebar_padding_top', [
                'type'        => 'betterdocs-dimension',
                'section'     => 'betterdocs_sidebar_settings',
                'settings'    => 'betterdocs_sidebar_padding_top',
                'label'       => __( 'Top', 'betterdocs' ),
                'input_attrs' => [
                    'class' => 'betterdocs_sidebar_padding betterdocs-dimension'
                ]
            ] )
        );

        $this->customizer->add_setting( 'betterdocs_sidebar_padding_right', [
            'default'           => $this->defaults['betterdocs_sidebar_padding_right'],
            'capability'        => 'edit_theme_options',
            'transport'         => 'postMessage',
            'sanitize_callback' => [$this->sanitizer, 'integer']

        ] );

        $this->customizer->add_control( new DimensionControl(
            $this->customizer, 'betterdocs_sidebar_padding_right', [
                'type'        => 'betterdocs-dimension',
                'section'     => 'betterdocs_sidebar_settings',
                'settings'    => 'betterdocs_sidebar_padding_right',
                'label'       => __( 'Right', 'betterdocs' ),
                'input_attrs' => [
                    'class' => 'betterdocs_sidebar_padding betterdocs-dimension'
                ]
            ] )
        );

        $this->customizer->add_setting( 'betterdocs_sidebar_padding_bottom', [
            'default'           => $this->defaults['betterdocs_sidebar_padding_bottom'],
            'capability'        => 'edit_theme_options',
            'transport'         => 'postMessage',
            'sanitize_callback' => [$this->sanitizer, 'integer']

        ] );

        $this->customizer->add_control( new DimensionControl(
            $this->customizer, 'betterdocs_sidebar_padding_bottom', [
                'type'        => 'betterdocs-dimension',
                'section'     => 'betterdocs_sidebar_settings',
                'settings'    => 'betterdocs_sidebar_padding_bottom',
                'label'       => __( 'Bottom', 'betterdocs' ),
                'input_attrs' => [
                    'class' => 'betterdocs_sidebar_padding betterdocs-dimension'
                ]
            ] )
        );

        $this->customizer->add_setting( 'betterdocs_sidebar_padding_left', [
            'default'           => $this->defaults['betterdocs_sidebar_padding_left'],
            'capability'        => 'edit_theme_options',
            'transport'         => 'postMessage',
            'sanitize_callback' => [$this->sanitizer, 'integer']

        ] );

        $this->customizer->add_control( new DimensionControl(
            $this->customizer, 'betterdocs_sidebar_padding_left', [
                'type'        => 'betterdocs-dimension',
                'section'     => 'betterdocs_sidebar_settings',
                'settings'    => 'betterdocs_sidebar_padding_left',
                'label'       => __( 'Left', 'betterdocs' ),
                'input_attrs' => [
                    'class' => 'betterdocs_sidebar_padding betterdocs-dimension'
                ]
            ] )
        );
    }

    public function sidebar_border() {
        $this->customizer->add_setting( 'betterdocs_sidebar_borderr', [
            'default'           => $this->defaults['betterdocs_sidebar_borderr'],
            'capability'        => 'edit_theme_options',
            'transport'         => 'postMessage',
            'sanitize_callback' => [$this->sanitizer, 'integer']

        ] );

        $this->customizer->add_control( new TitleControl(
            $this->customizer, 'betterdocs_sidebar_borderr', [
                'type'        => 'betterdocs-title',
                'section'     => 'betterdocs_sidebar_settings',
                'settings'    => 'betterdocs_sidebar_borderr',
                'label'       => __( 'Sidebar Border Radius', 'betterdocs' ),
                'input_attrs' => [
                    'id'    => 'betterdocs_sidebar_borderr',
                    'class' => 'betterdocs-dimension'
                ]
            ] )
        );

        $this->customizer->add_setting( 'betterdocs_sidebar_borderr_topleft', [
            'default'           => $this->defaults['betterdocs_sidebar_borderr_topleft'],
            'capability'        => 'edit_theme_options',
            'transport'         => 'postMessage',
            'sanitize_callback' => [$this->sanitizer, 'integer']
        ] );

        $this->customizer->add_control( new DimensionControl(
            $this->customizer, 'betterdocs_sidebar_borderr_topleft', [
                'type'        => 'betterdocs-dimension',
                'section'     => 'betterdocs_sidebar_settings',
                'settings'    => 'betterdocs_sidebar_borderr_topleft',
                'label'       => __( 'Top Left', 'betterdocs' ),
                'input_attrs' => [
                    'class' => 'betterdocs_sidebar_borderr betterdocs-dimension'
                ]
            ] )
        );

        $this->customizer->add_setting( 'betterdocs_sidebar_borderr_topright', [
            'default'           => $this->defaults['betterdocs_sidebar_borderr_topright'],
            'capability'        => 'edit_theme_options',
            'transport'         => 'postMessage',
            'sanitize_callback' => [$this->sanitizer, 'integer']
        ] );

        $this->customizer->add_control( new DimensionControl(
            $this->customizer, 'betterdocs_sidebar_borderr_topright', [
                'type'        => 'betterdocs-dimension',
                'section'     => 'betterdocs_sidebar_settings',
                'settings'    => 'betterdocs_sidebar_borderr_topright',
                'label'       => __( 'Top Right', 'betterdocs' ),
                'input_attrs' => [
                    'class' => 'betterdocs_sidebar_borderr betterdocs-dimension'
                ]
            ] )
        );

        $this->customizer->add_setting( 'betterdocs_sidebar_borderr_bottomright', [
            'default'           => $this->defaults['betterdocs_sidebar_borderr_bottomright'],
            'capability'        => 'edit_theme_options',
            'transport'         => 'postMessage',
            'sanitize_callback' => [$this->sanitizer, 'integer']

        ] );

        $this->customizer->add_control( new DimensionControl(
            $this->customizer, 'betterdocs_sidebar_borderr_bottomright', [
                'type'        => 'betterdocs-dimension',
                'section'     => 'betterdocs_sidebar_settings',
                'settings'    => 'betterdocs_sidebar_borderr_bottomright',
                'label'       => __( 'Bottom Right', 'betterdocs' ),
                'input_attrs' => [
                    'class' => 'betterdocs_sidebar_borderr betterdocs-dimension'
                ]
            ] )
        );

        $this->customizer->add_setting( 'betterdocs_sidebar_borderr_bottomleft', [
            'default'           => $this->defaults['betterdocs_sidebar_borderr_bottomleft'],
            'capability'        => 'edit_theme_options',
            'transport'         => 'postMessage',
            'sanitize_callback' => [$this->sanitizer, 'integer']

        ] );

        $this->customizer->add_control( new DimensionControl(
            $this->customizer, 'betterdocs_sidebar_borderr_bottomleft', [
                'type'        => 'betterdocs-dimension',
                'section'     => 'betterdocs_sidebar_settings',
                'settings'    => 'betterdocs_sidebar_borderr_bottomleft',
                'label'       => __( 'Bottom Left', 'betterdocs' ),
                'input_attrs' => [
                    'class' => 'betterdocs_sidebar_borderr betterdocs-dimension'
                ]
            ] )
        );
    }

    public function sidebar_title() {
        $this->customizer->add_setting( 'betterdocs_sidebar_title', [
            'default'           => $this->defaults['betterdocs_sidebar_title'],
            'sanitize_callback' => 'esc_html'
        ] );

        $this->customizer->add_control( new SeparatorControl(
            $this->customizer, 'betterdocs_sidebar_title', [
                'label'    => __( 'Sidebar Title', 'betterdocs' ),
                'settings' => 'betterdocs_sidebar_title',
                'section'  => 'betterdocs_sidebar_settings'
            ] )
        );
    }

    public function title_tag() {
        $this->customizer->add_setting( 'betterdocs_sidebar_title_tag', [
            'default'           => $this->defaults['betterdocs_sidebar_title_tag'],
            'capability'        => 'edit_theme_options',
            'sanitize_callback' => [$this->sanitizer, 'select']
        ] );

        $this->customizer->add_control(
            new WP_Customize_Control(
                $this->customizer,
                'betterdocs_sidebar_title_tag',
                [
                    'label'    => __( 'Category Title Tag', 'betterdocs' ),
                    'section'  => 'betterdocs_sidebar_settings',
                    'settings' => 'betterdocs_sidebar_title_tag',
                    'type'     => 'select',
                    'choices'  => [
                        'h1' => 'h1',
                        'h2' => 'h2',
                        'h3' => 'h3',
                        'h4' => 'h4',
                        'h5' => 'h5',
                        'h6' => 'h6'
                    ]
                ]
            )
        );
    }

    public function icon_size() {
        $this->customizer->add_setting( 'betterdocs_sidebar_icon_size', [
            'default'           => $this->defaults['betterdocs_sidebar_icon_size'],
            'capability'        => 'edit_theme_options',
            'transport'         => 'postMessage',
            'sanitize_callback' => [$this->sanitizer, 'integer']

        ] );

        $this->customizer->add_control( new RangeValueControl(
            $this->customizer, 'betterdocs_sidebar_icon_size', [
                'type'        => 'betterdocs-range-value',
                'section'     => 'betterdocs_sidebar_settings',
                'settings'    => 'betterdocs_sidebar_icon_size',
                'label'       => __( 'Icon Size', 'betterdocs' ),
                'input_attrs' => [
                    'class'  => '',
                    'min'    => 0,
                    'max'    => 50,
                    'step'   => 1,
                    'suffix' => 'px' //optional suffix
                ]
            ] )
        );
    }

    public function title_bg_color() {
        $this->customizer->add_setting( 'betterdocs_sidebar_title_bg_color', [
            'default'           => $this->defaults['betterdocs_sidebar_title_bg_color'],
            'capability'        => 'edit_theme_options',
            'transport'         => 'postMessage',
            'sanitize_callback' => [$this->sanitizer, 'rgba']
        ] );

        $this->customizer->add_control(
            new AlphaColorControl(
                $this->customizer,
                'betterdocs_sidebar_title_bg_color',
                [
                    'label'    => __( 'Title Background Color', 'betterdocs' ),
                    'section'  => 'betterdocs_sidebar_settings',
                    'settings' => 'betterdocs_sidebar_title_bg_color'
                ]
            )
        );
    }

    public function active_cat_background_color() {
        $this->customizer->add_setting( 'betterdocs_sidebar_active_cat_background_color', [
            'default'           => $this->defaults['betterdocs_sidebar_active_cat_background_color'],
            'capability'        => 'edit_theme_options',
            'transport'         => 'postMessage',
            'sanitize_callback' => [$this->sanitizer, 'rgba']
        ] );

        $this->customizer->add_control(
            new AlphaColorControl(
                $this->customizer,
                'betterdocs_sidebar_active_cat_background_color',
                [
                    'label'    => __( 'Active Title Background Color', 'betterdocs' ),
                    'section'  => 'betterdocs_sidebar_settings',
                    'settings' => 'betterdocs_sidebar_active_cat_background_color'
                ]
            )
        );
    }

    public function active_cat_border_color() {
        $this->customizer->add_setting( 'betterdocs_sidebar_active_cat_border_color', [
            'default'           => $this->defaults['betterdocs_sidebar_active_cat_border_color'],
            'capability'        => 'edit_theme_options',
            'transport'         => 'postMessage',
            'sanitize_callback' => [$this->sanitizer, 'rgba']
        ] );

        $this->customizer->add_control(
            new AlphaColorControl(
                $this->customizer,
                'betterdocs_sidebar_active_cat_border_color',
                [
                    'label'    => __( 'Active Title Border Color', 'betterdocs' ),
                    'section'  => 'betterdocs_sidebar_settings',
                    'settings' => 'betterdocs_sidebar_active_cat_border_color'
                ]
            )
        );
    }

    public function title_color() {
        $this->customizer->add_setting( 'betterdocs_sidebar_title_color', [
            'default'           => $this->defaults['betterdocs_sidebar_title_color'],
            'capability'        => 'edit_theme_options',
            'transport'         => 'postMessage',
            'sanitize_callback' => [$this->sanitizer, 'rgba']
        ] );

        $this->customizer->add_control(
            new AlphaColorControl(
                $this->customizer,
                'betterdocs_sidebar_title_color',
                [
                    'label'    => __( 'Title Color', 'betterdocs' ),
                    'section'  => 'betterdocs_sidebar_settings',
                    'settings' => 'betterdocs_sidebar_title_color'
                ]
            )
        );
    }

    public function title_hover_color() {
        $this->customizer->add_setting( 'betterdocs_sidebar_title_hover_color', [
            'default'           => $this->defaults['betterdocs_sidebar_title_hover_color'],
            'capability'        => 'edit_theme_options',
            'sanitize_callback' => [$this->sanitizer, 'rgba']
        ] );

        $this->customizer->add_control(
            new AlphaColorControl(
                $this->customizer,
                'betterdocs_sidebar_title_hover_color',
                [
                    'label'    => __( 'Title Hover Color', 'betterdocs' ),
                    'section'  => 'betterdocs_sidebar_settings',
                    'settings' => 'betterdocs_sidebar_title_hover_color'
                ]
            )
        );
    }

    public function active_title_color() {
        $this->customizer->add_setting( 'betterdocs_sidebar_active_title_color', [
            'default'           => $this->defaults['betterdocs_sidebar_active_title_color'],
            'capability'        => 'edit_theme_options',
            'transport'         => 'postMessage',
            'sanitize_callback' => [$this->sanitizer, 'rgba']
        ] );

        $this->customizer->add_control(
            new AlphaColorControl(
                $this->customizer,
                'betterdocs_sidebar_active_title_color',
                [
                    'label'    => __( 'Active Title Color', 'betterdocs' ),
                    'section'  => 'betterdocs_sidebar_settings',
                    'settings' => 'betterdocs_sidebar_active_title_color'
                ]
            )
        );
    }

    public function title_font_size() {
        $this->customizer->add_setting( 'betterdocs_sidebar_title_font_size', [
            'default'           => $this->defaults['betterdocs_sidebar_title_font_size'],
            'capability'        => 'edit_theme_options',
            'transport'         => 'postMessage',
            'sanitize_callback' => [$this->sanitizer, 'integer']

        ] );

        $this->customizer->add_control( new RangeValueControl(
            $this->customizer, 'betterdocs_sidebar_title_font_size', [
                'type'        => 'betterdocs-range-value',
                'section'     => 'betterdocs_sidebar_settings',
                'settings'    => 'betterdocs_sidebar_title_font_size',
                'label'       => __( 'Title Font Size', 'betterdocs' ),
                'input_attrs' => [
                    'class'  => '',
                    'min'    => 0,
                    'max'    => 50,
                    'step'   => 1,
                    'suffix' => 'px' //optional suffix
                ]
            ] )
        );
    }

    public function title_padding() {
        $this->customizer->add_setting( 'betterdocs_sidebar_title_padding', [
            'default'           => $this->defaults['betterdocs_sidebar_title_padding'],
            'capability'        => 'edit_theme_options',
            'transport'         => 'postMessage',
            'sanitize_callback' => [$this->sanitizer, 'integer']

        ] );

        $this->customizer->add_control( new TitleControl(
            $this->customizer, 'betterdocs_sidebar_title_padding', [
                'type'        => 'betterdocs-title',
                'section'     => 'betterdocs_sidebar_settings',
                'settings'    => 'betterdocs_sidebar_title_padding',
                'label'       => __( 'Title Padding', 'betterdocs' ),
                'input_attrs' => [
                    'id'    => 'betterdocs_sidebar_title_padding',
                    'class' => 'betterdocs-dimension'
                ]
            ] )
        );

        $this->customizer->add_setting( 'betterdocs_sidebar_title_padding_top', [
            'default'           => $this->defaults['betterdocs_sidebar_title_padding_top'],
            'capability'        => 'edit_theme_options',
            'transport'         => 'postMessage',
            'sanitize_callback' => [$this->sanitizer, 'integer']
        ] );

        $this->customizer->add_control( new DimensionControl(
            $this->customizer, 'betterdocs_sidebar_title_padding_top', [
                'type'        => 'betterdocs-dimension',
                'section'     => 'betterdocs_sidebar_settings',
                'settings'    => 'betterdocs_sidebar_title_padding_top',
                'label'       => __( 'Top', 'betterdocs' ),
                'input_attrs' => [
                    'class' => 'betterdocs_sidebar_title_padding betterdocs-dimension'
                ]
            ] )
        );

        $this->customizer->add_setting( 'betterdocs_sidebar_title_padding_right', [
            'default'           => $this->defaults['betterdocs_sidebar_title_padding_right'],
            'capability'        => 'edit_theme_options',
            'transport'         => 'postMessage',
            'sanitize_callback' => [$this->sanitizer, 'integer']
        ] );

        $this->customizer->add_control( new DimensionControl(
            $this->customizer, 'betterdocs_sidebar_title_padding_right', [
                'type'        => 'betterdocs-dimension',
                'section'     => 'betterdocs_sidebar_settings',
                'settings'    => 'betterdocs_sidebar_title_padding_right',
                'label'       => __( 'Right', 'betterdocs' ),
                'input_attrs' => [
                    'class' => 'betterdocs_sidebar_title_padding betterdocs-dimension'
                ]
            ] )
        );

        $this->customizer->add_setting( 'betterdocs_sidebar_title_padding_bottom', [
            'default'           => $this->defaults['betterdocs_sidebar_title_padding_bottom'],
            'capability'        => 'edit_theme_options',
            'transport'         => 'postMessage',
            'sanitize_callback' => [$this->sanitizer, 'integer']

        ] );

        $this->customizer->add_control( new DimensionControl(
            $this->customizer, 'betterdocs_sidebar_title_padding_bottom', [
                'type'        => 'betterdocs-dimension',
                'section'     => 'betterdocs_sidebar_settings',
                'settings'    => 'betterdocs_sidebar_title_padding_bottom',
                'label'       => __( 'Bottom', 'betterdocs' ),
                'input_attrs' => [
                    'class' => 'betterdocs_sidebar_title_padding betterdocs-dimension'
                ]
            ] )
        );

        $this->customizer->add_setting( 'betterdocs_sidebar_title_padding_left', [
            'default'           => $this->defaults['betterdocs_sidebar_title_padding_left'],
            'capability'        => 'edit_theme_options',
            'transport'         => 'postMessage',
            'sanitize_callback' => [$this->sanitizer, 'integer']

        ] );

        $this->customizer->add_control( new DimensionControl(
            $this->customizer, 'betterdocs_sidebar_title_padding_left', [
                'type'        => 'betterdocs-dimension',
                'section'     => 'betterdocs_sidebar_settings',
                'settings'    => 'betterdocs_sidebar_title_padding_left',
                'label'       => __( 'Left', 'betterdocs' ),
                'input_attrs' => [
                    'class' => 'betterdocs_sidebar_title_padding betterdocs-dimension'
                ]
            ] )
        );
    }

    public function title_margin() {
        $this->customizer->add_setting( 'betterdocs_sidebar_title_margin', [
            'default'           => $this->defaults['betterdocs_sidebar_title_margin'],
            'capability'        => 'edit_theme_options',
            'transport'         => 'postMessage',
            'sanitize_callback' => [$this->sanitizer, 'integer']
        ] );

        $this->customizer->add_control( new TitleControl(
            $this->customizer, 'betterdocs_sidebar_title_margin', [
                'type'        => 'betterdocs-title',
                'section'     => 'betterdocs_sidebar_settings',
                'settings'    => 'betterdocs_sidebar_title_margin',
                'label'       => __( 'Title Margin', 'betterdocs' ),
                'input_attrs' => [
                    'id'    => 'betterdocs_sidebar_title_margin',
                    'class' => 'betterdocs-dimension'
                ]
            ] )
        );

        $this->customizer->add_setting( 'betterdocs_sidebar_title_margin_top', [
            'default'           => $this->defaults['betterdocs_sidebar_title_margin_top'],
            'capability'        => 'edit_theme_options',
            'transport'         => 'postMessage',
            'sanitize_callback' => [$this->sanitizer, 'integer']
        ] );

        $this->customizer->add_control( new DimensionControl(
            $this->customizer, 'betterdocs_sidebar_title_margin_top', [
                'type'        => 'betterdocs-dimension',
                'section'     => 'betterdocs_sidebar_settings',
                'settings'    => 'betterdocs_sidebar_title_margin_top',
                'label'       => __( 'Top', 'betterdocs' ),
                'input_attrs' => [
                    'class' => 'betterdocs_sidebar_title_margin betterdocs-dimension'
                ]
            ] )
        );

        $this->customizer->add_setting( 'betterdocs_sidebar_title_margin_right', [
            'default'           => $this->defaults['betterdocs_sidebar_title_margin_right'],
            'capability'        => 'edit_theme_options',
            'transport'         => 'postMessage',
            'sanitize_callback' => [$this->sanitizer, 'integer']
        ] );

        $this->customizer->add_control( new DimensionControl(
            $this->customizer, 'betterdocs_sidebar_title_margin_right', [
                'type'        => 'betterdocs-dimension',
                'section'     => 'betterdocs_sidebar_settings',
                'settings'    => 'betterdocs_sidebar_title_margin_right',
                'label'       => __( 'Right', 'betterdocs' ),
                'input_attrs' => [
                    'class' => 'betterdocs_sidebar_title_margin betterdocs-dimension'
                ]
            ] )
        );

        $this->customizer->add_setting( 'betterdocs_sidebar_title_margin_bottom', [
            'default'           => $this->defaults['betterdocs_sidebar_title_margin_bottom'],
            'capability'        => 'edit_theme_options',
            'transport'         => 'postMessage',
            'sanitize_callback' => [$this->sanitizer, 'integer']

        ] );

        $this->customizer->add_control( new DimensionControl(
            $this->customizer, 'betterdocs_sidebar_title_margin_bottom', [
                'type'        => 'betterdocs-dimension',
                'section'     => 'betterdocs_sidebar_settings',
                'settings'    => 'betterdocs_sidebar_title_margin_bottom',
                'label'       => __( 'Bottom', 'betterdocs' ),
                'input_attrs' => [
                    'class' => 'betterdocs_sidebar_title_margin betterdocs-dimension'
                ]
            ] )
        );

        $this->customizer->add_setting( 'betterdocs_sidebar_title_margin_left', [
            'default'           => $this->defaults['betterdocs_sidebar_title_margin_left'],
            'capability'        => 'edit_theme_options',
            'transport'         => 'postMessage',
            'sanitize_callback' => [$this->sanitizer, 'integer']
        ] );

        $this->customizer->add_control( new DimensionControl(
            $this->customizer, 'betterdocs_sidebar_title_margin_left', [
                'type'        => 'betterdocs-dimension',
                'section'     => 'betterdocs_sidebar_settings',
                'settings'    => 'betterdocs_sidebar_title_margin_left',
                'label'       => __( 'Left', 'betterdocs' ),
                'input_attrs' => [
                    'class' => 'betterdocs_sidebar_title_margin betterdocs-dimension'
                ]
            ] )
        );
    }

    public function item_counter_title() {
        $this->customizer->add_setting( 'betterdocs_sidebar_item_counter_title', [
            'default'           => $this->defaults['betterdocs_sidebar_item_counter_title'],
            'sanitize_callback' => 'esc_html'
        ] );

        $this->customizer->add_control( new SeparatorControl(
            $this->customizer, 'betterdocs_sidebar_item_counter_title', [
                'label'    => __( 'Sidebar Item Counter', 'betterdocs' ),
                'settings' => 'betterdocs_sidebar_item_counter_title',
                'section'  => 'betterdocs_sidebar_settings'
            ] )
        );
    }

    public function item_count_bg_color() {
        $this->customizer->add_setting( 'betterdocs_sidbebar_item_count_bg_color', [
            'default'           => $this->defaults['betterdocs_sidbebar_item_count_bg_color'],
            'capability'        => 'edit_theme_options',
            'transport'         => 'postMessage',
            'sanitize_callback' => [$this->sanitizer, 'rgba']
        ] );

        $this->customizer->add_control(
            new AlphaColorControl(
                $this->customizer,
                'betterdocs_sidbebar_item_count_bg_color',
                [
                    'label'    => __( 'Background Color', 'betterdocs' ),
                    'section'  => 'betterdocs_sidebar_settings',
                    'settings' => 'betterdocs_sidbebar_item_count_bg_color'
                ]
            )
        );
    }

    public function item_count_inner_bg_color() {
        $this->customizer->add_setting( 'betterdocs_sidbebar_item_count_inner_bg_color', [
            'default'           => $this->defaults['betterdocs_sidbebar_item_count_inner_bg_color'],
            'capability'        => 'edit_theme_options',
            'transport'         => 'postMessage',
            'sanitize_callback' => [$this->sanitizer, 'rgba']
        ] );

        $this->customizer->add_control(
            new AlphaColorControl(
                $this->customizer,
                'betterdocs_sidbebar_item_count_inner_bg_color',
                [
                    'label'    => __( 'Inner Circle Background Color', 'betterdocs' ),
                    'section'  => 'betterdocs_sidebar_settings',
                    'settings' => 'betterdocs_sidbebar_item_count_inner_bg_color'
                ]
            )
        );
    }

    public function item_counter_size() {
        $this->customizer->add_setting( 'betterdocs_sidebar_item_counter_size', [
            'default'           => $this->defaults['betterdocs_sidebar_item_counter_size'],
            'capability'        => 'edit_theme_options',
            'transport'         => 'postMessage',
            'sanitize_callback' => [$this->sanitizer, 'integer']

        ] );

        $this->customizer->add_control( new RangeValueControl(
            $this->customizer, 'betterdocs_sidebar_item_counter_size', [
                'type'        => 'betterdocs-range-value',
                'section'     => 'betterdocs_sidebar_settings',
                'settings'    => 'betterdocs_sidebar_item_counter_size',
                'label'       => __( 'Size (Height, Width)', 'betterdocs' ),
                'input_attrs' => [
                    'class'  => '',
                    'min'    => 10,
                    'max'    => 100,
                    'step'   => 1,
                    'suffix' => 'px' //optional suffix
                ]
            ] )
        );
    }

    public function item_count_color() {
        $this->customizer->add_setting( 'betterdocs_sidebar_item_count_color', [
            'default'           => $this->defaults['betterdocs_sidebar_item_count_color'],
            'capability'        => 'edit_theme_options',
            'transport'         => 'postMessage',
            'sanitize_callback' => [$this->sanitizer, 'rgba']
        ] );

        $this->customizer->add_control(
            new AlphaColorControl(
                $this->customizer,
                'betterdocs_sidebar_item_count_color',
                [
                    'label'    => __( 'Color', 'betterdocs' ),
                    'section'  => 'betterdocs_sidebar_settings',
                    'settings' => 'betterdocs_sidebar_item_count_color'
                ]
            )
        );
    }

    public function item_count_font_size() {
        $this->customizer->add_setting( 'betterdocs_sidebat_item_count_font_size', [
            'default'           => $this->defaults['betterdocs_sidebat_item_count_font_size'],
            'capability'        => 'edit_theme_options',
            'transport'         => 'postMessage',
            'sanitize_callback' => [$this->sanitizer, 'integer']

        ] );

        $this->customizer->add_control( new RangeValueControl(
            $this->customizer, 'betterdocs_sidebat_item_count_font_size', [
                'type'        => 'betterdocs-range-value',
                'section'     => 'betterdocs_sidebar_settings',
                'settings'    => 'betterdocs_sidebat_item_count_font_size',
                'label'       => __( 'Font Size', 'betterdocs' ),
                'input_attrs' => [
                    'class'  => '',
                    'min'    => 0,
                    'max'    => 50,
                    'step'   => 1,
                    'suffix' => 'px' //optional suffix
                ]
            ] )
        );
    }

    public function sidebar_content() {
        $this->customizer->add_setting( 'betterdocs_sidebar_content', [
            'default'           => $this->defaults['betterdocs_sidebar_content'],
            'sanitize_callback' => 'esc_html'
        ] );

        $this->customizer->add_control( new SeparatorControl(
            $this->customizer, 'betterdocs_sidebar_content', [
                'label'    => __( 'Sidebar Content', 'betterdocs' ),
                'settings' => 'betterdocs_sidebar_content',
                'section'  => 'betterdocs_sidebar_settings'
            ] )
        );
    }

    public function item_list_bg_color() {
        $this->customizer->add_setting( 'betterdocs_sidbebar_item_list_bg_color', [
            'default'           => $this->defaults['betterdocs_sidbebar_item_list_bg_color'],
            'capability'        => 'edit_theme_options',
            'transport'         => 'postMessage',
            'sanitize_callback' => [$this->sanitizer, 'rgba']
        ] );

        $this->customizer->add_control(
            new AlphaColorControl(
                $this->customizer,
                'betterdocs_sidbebar_item_list_bg_color',
                [
                    'label'    => __( 'List Background Color', 'betterdocs' ),
                    'section'  => 'betterdocs_sidebar_settings',
                    'settings' => 'betterdocs_sidbebar_item_list_bg_color'
                ]
            )
        );
    }

    public function list_item_color() {
        $this->customizer->add_setting( 'betterdocs_sidebar_list_item_color', [
            'default'           => $this->defaults['betterdocs_sidebar_list_item_color'],
            'capability'        => 'edit_theme_options',
            'transport'         => 'postMessage',
            'sanitize_callback' => [$this->sanitizer, 'rgba']
        ] );

        $this->customizer->add_control(
            new AlphaColorControl(
                $this->customizer,
                'betterdocs_sidebar_list_item_color',
                [
                    'label'    => __( 'List Item Color', 'betterdocs' ),
                    'section'  => 'betterdocs_sidebar_settings',
                    'settings' => 'betterdocs_sidebar_list_item_color'
                ]
            )
        );
    }

    public function list_item_hover_color() {
        $this->customizer->add_setting( 'betterdocs_sidebar_list_item_hover_color', [
            'default'           => $this->defaults['betterdocs_sidebar_list_item_hover_color'],
            'capability'        => 'edit_theme_options',
            'sanitize_callback' => [$this->sanitizer, 'rgba']
        ] );

        $this->customizer->add_control(
            new AlphaColorControl(
                $this->customizer,
                'betterdocs_sidebar_list_item_hover_color',
                [
                    'label'    => __( 'List Item Hover Color', 'betterdocs' ),
                    'section'  => 'betterdocs_sidebar_settings',
                    'settings' => 'betterdocs_sidebar_list_item_hover_color'
                ]
            )
        );
    }

    public function list_item_font_size() {
        $this->customizer->add_setting( 'betterdocs_sidebar_list_item_font_size', [
            'default'           => $this->defaults['betterdocs_sidebar_list_item_font_size'],
            'capability'        => 'edit_theme_options',
            'transport'         => 'postMessage',
            'sanitize_callback' => [$this->sanitizer, 'integer']

        ] );

        $this->customizer->add_control( new RangeValueControl(
            $this->customizer, 'betterdocs_sidebar_list_item_font_size', [
                'type'        => 'betterdocs-range-value',
                'section'     => 'betterdocs_sidebar_settings',
                'settings'    => 'betterdocs_sidebar_list_item_font_size',
                'label'       => __( 'List Item Font Size', 'betterdocs' ),
                'input_attrs' => [
                    'class'  => '',
                    'min'    => 0,
                    'max'    => 50,
                    'step'   => 1,
                    'suffix' => 'px' //optional suffix
                ]
            ] )
        );
    }

    public function list_icon_color() {
        $this->customizer->add_setting( 'betterdocs_sidebar_list_icon_color', [
            'default'           => $this->defaults['betterdocs_sidebar_list_icon_color'],
            'capability'        => 'edit_theme_options',
            'transport'         => 'postMessage',
            'sanitize_callback' => [$this->sanitizer, 'rgba']
        ] );

        $this->customizer->add_control(
            new AlphaColorControl(
                $this->customizer,
                'betterdocs_sidebar_list_icon_color',
                [
                    'label'    => __( 'List Icon Color', 'betterdocs' ),
                    'section'  => 'betterdocs_sidebar_settings',
                    'settings' => 'betterdocs_sidebar_list_icon_color'
                ]
            )
        );
    }

    public function list_icon_font_size() {
        $this->customizer->add_setting( 'betterdocs_sidebar_list_icon_font_size', [
            'default'           => $this->defaults['betterdocs_sidebar_list_icon_font_size'],
            'capability'        => 'edit_theme_options',
            'transport'         => 'postMessage',
            'sanitize_callback' => [$this->sanitizer, 'integer']

        ] );

        $this->customizer->add_control( new RangeValueControl(
            $this->customizer, 'betterdocs_sidebar_list_icon_font_size', [
                'type'        => 'betterdocs-range-value',
                'section'     => 'betterdocs_sidebar_settings',
                'settings'    => 'betterdocs_sidebar_list_icon_font_size',
                'label'       => __( 'List Icon Font Size', 'betterdocs' ),
                'input_attrs' => [
                    'class'  => '',
                    'min'    => 0,
                    'max'    => 50,
                    'step'   => 1,
                    'suffix' => 'px' //optional suffix
                ]
            ] )
        );
    }

    public function list_item_margin() {
        $this->customizer->add_setting( 'betterdocs_sidebar_list_item_margin', [
            'default'           => $this->defaults['betterdocs_sidebar_list_item_margin'],
            'capability'        => 'edit_theme_options',
            'transport'         => 'postMessage',
            'sanitize_callback' => [$this->sanitizer, 'integer']

        ] );

        $this->customizer->add_control( new TitleControl(
            $this->customizer, 'betterdocs_sidebar_list_item_margin', [
                'type'        => 'betterdocs-title',
                'section'     => 'betterdocs_sidebar_settings',
                'settings'    => 'betterdocs_sidebar_list_item_margin',
                'label'       => __( 'List Item Margin', 'betterdocs' ),
                'input_attrs' => [
                    'id'    => 'betterdocs_sidebar_list_item_margin',
                    'class' => 'betterdocs-dimension'
                ]
            ] )
        );

        $this->customizer->add_setting( 'betterdocs_sidebar_list_item_margin_top', [
            'default'           => $this->defaults['betterdocs_sidebar_list_item_margin_top'],
            'capability'        => 'edit_theme_options',
            'transport'         => 'postMessage',
            'sanitize_callback' => [$this->sanitizer, 'integer']
        ] );

        $this->customizer->add_control( new DimensionControl(
            $this->customizer, 'betterdocs_sidebar_list_item_margin_top', [
                'type'        => 'betterdocs-dimension',
                'section'     => 'betterdocs_sidebar_settings',
                'settings'    => 'betterdocs_sidebar_list_item_margin_top',
                'label'       => __( 'Top', 'betterdocs' ),
                'input_attrs' => [
                    'class' => 'betterdocs_sidebar_list_item_margin betterdocs-dimension'
                ]
            ] )
        );

        $this->customizer->add_setting( 'betterdocs_sidebar_list_item_margin_right', [
            'default'           => $this->defaults['betterdocs_sidebar_list_item_margin_right'],
            'capability'        => 'edit_theme_options',
            'transport'         => 'postMessage',
            'sanitize_callback' => [$this->sanitizer, 'integer']

        ] );

        $this->customizer->add_control( new DimensionControl(
            $this->customizer, 'betterdocs_sidebar_list_item_margin_right', [
                'type'        => 'betterdocs-dimension',
                'section'     => 'betterdocs_sidebar_settings',
                'settings'    => 'betterdocs_sidebar_list_item_margin_right',
                'label'       => __( 'Right', 'betterdocs' ),
                'input_attrs' => [
                    'class' => 'betterdocs_sidebar_list_item_margin betterdocs-dimension'
                ]
            ] )
        );

        $this->customizer->add_setting( 'betterdocs_sidebar_list_item_margin_bottom', [
            'default'           => $this->defaults['betterdocs_sidebar_list_item_margin_bottom'],
            'capability'        => 'edit_theme_options',
            'transport'         => 'postMessage',
            'sanitize_callback' => [$this->sanitizer, 'integer']

        ] );

        $this->customizer->add_control( new DimensionControl(
            $this->customizer, 'betterdocs_sidebar_list_item_margin_bottom', [
                'type'        => 'betterdocs-dimension',
                'section'     => 'betterdocs_sidebar_settings',
                'settings'    => 'betterdocs_sidebar_list_item_margin_bottom',
                'label'       => __( 'Bottom', 'betterdocs' ),
                'input_attrs' => [
                    'class' => 'betterdocs_sidebar_list_item_margin betterdocs-dimension'
                ]
            ] )
        );

        $this->customizer->add_setting( 'betterdocs_sidebar_list_item_margin_left', [
            'default'           => $this->defaults['betterdocs_sidebar_list_item_margin_left'],
            'capability'        => 'edit_theme_options',
            'transport'         => 'postMessage',
            'sanitize_callback' => [$this->sanitizer, 'integer']

        ] );

        $this->customizer->add_control( new DimensionControl(
            $this->customizer, 'betterdocs_sidebar_list_item_margin_left', [
                'type'        => 'betterdocs-dimension',
                'section'     => 'betterdocs_sidebar_settings',
                'settings'    => 'betterdocs_sidebar_list_item_margin_left',
                'label'       => __( 'Left', 'betterdocs' ),
                'input_attrs' => [
                    'class' => 'betterdocs_sidebar_list_item_margin betterdocs-dimension'
                ]
            ] )
        );
    }

    public function active_list_item_color() {
        $this->customizer->add_setting( 'betterdocs_sidebar_active_list_item_color', [
            'default'           => $this->defaults['betterdocs_sidebar_active_list_item_color'],
            'capability'        => 'edit_theme_options',
            'transport'         => 'postMessage',
            'sanitize_callback' => [$this->sanitizer, 'rgba']
        ] );

        $this->customizer->add_control(
            new AlphaColorControl(
                $this->customizer,
                'betterdocs_sidebar_active_list_item_color',
                [
                    'label'    => __( 'Active List Item Color', 'betterdocs' ),
                    'section'  => 'betterdocs_sidebar_settings',
                    'settings' => 'betterdocs_sidebar_active_list_item_color'
                ]
            )
        );
    }
}

```