betterdocs / includes / Editors / Elementor / Widget / Sidebar.php

Sidebar.php in BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot 4.6.2, at includes/Editors/Elementor/Widget/Sidebar.php

3,000 lines 144.1 KB

Raw Download Zip

1	<?php
2	// phpcs:disable WordPressVIPMinimum.Performance.WPQueryParams.PostNotIn_exclude -- widget settings expose user-controlled exclusion lists; matches widget UX.
3	// phpcs:disable WordPress.DB.SlowDBQuery.slow_db_query_meta_query,WordPress.DB.SlowDBQuery.slow_db_query_tax_query,WordPress.DB.SlowDBQuery.slow_db_query_meta_key -- core docs widget queries; meta/tax filtering is required functionality.
4	namespace WPDeveloper\BetterDocs\Editors\Elementor\Widget;
5
6	if ( ! defined( 'ABSPATH' ) ) {
7	exit; // Exit if accessed directly
8	}
9
10	use Elementor\Plugin;
11	use Elementor\Controls_Manager;
12	use Elementor\Group_Control_Background;
13	use Elementor\Group_Control_Typography;
14	use WPDeveloper\BetterDocs\Editors\Elementor\BaseWidget;
15	use Elementor\Group_Control_Border;
16	use Elementor\Group_Control_Box_Shadow;
17
18	class Sidebar extends BaseWidget {
19
20	public function get_name() {
21	return 'betterdocs-sidebar';
22	}
23
24	public function get_title() {
25	return __( 'BetterDocs Sidebar', 'betterdocs' );
26	}
27
28	public function get_icon() {
29	return 'betterdocs-icon-Sidebar';
30	}
31
32	public function get_categories() {
33	return ['betterdocs-elements', 'docs-archive', 'betterdocs-elements-single'];
34	}
35
36	public function get_keywords() {
37	return ['betterdocs-elements', 'sidebar', 'betterdocs', 'docs'];
38	}
39
40	public function get_style_depends() {
41	return ['betterdocs-sidebar', 'betterdocs-fontawesome', 'betterdocs-search-modal'];
42	}
43
44	public function get_script_depends() {
45	return ['betterdocs-category-grid', 'betterdocs-search-modal'];
46	}
47
48	public function get_custom_help_url() {
49	return 'https://betterdocs.co/docs/single-doc-in-elementor';
50	}
51
52	protected function register_controls() {
53	/**
54	* Query Controls!
55	* @source BaseWidget
56	*/
57	$this->betterdocs_do_action();
58
59	do_action( 'betterdocs_elementor_sidebar_layout_select', $this );
60
61	$this->search_modal_query();
62	$this->sidebar_layout_select();
63
64	if ( ! is_plugin_active( 'betterdocs-pro/betterdocs-pro.php' ) ) {
65	$this->start_controls_section(
66	'betterdocs_section_pro',
67	[
68	'label' => __( 'Go Premium for More Features', 'betterdocs' )
69	]
70	);
71
72	$this->add_control(
73	'betterdocs_control_get_pro',
74	[
75	'label' => __( 'Unlock more possibilities', 'betterdocs' ),
76	'type' => Controls_Manager::CHOOSE,
77	'options' => [
78	'1' => [
79	'title' => '',
80	'icon' => 'fa fa-unlock-alt'
81	]
82	],
83	'default' => '1',
84	'description' => '<span class="pro-feature"> Get the <a href="https://betterdocs.co/upgrade" target="_blank">Pro version</a> for more stunning layouts and customization options.</span>'
85	]
86	);
87
88	$this->end_controls_section();
89	}
90
91	$this->wraper_setting_style();
92
93	$this->category_items_setting_style();
94
95	$this->icon_style();
96
97	$this->title_style();
98
99	$this->count_style();
100
101	$this->list_setting();
102
103	$this->sub_list_setting();
104
105	$this->sticky_toc();
106
107	//layout 5 sections & controllers
108	$this->icon_style_layout_5();
109	$this->title_style_layout_5();
110	$this->count_style_layout_5();
111	$this->list_setting_layout_5();
112	$this->sub_list_setting_layout_5();
113	$this->sidebar_search_layout_5();
114	$this->sidebar_search_modal_layout_5();
115
116
117	}
118
119	public function search_modal_query() {
120	$this->start_controls_section(
121	'search_modal_query',
122	[
123	'label' => __( 'Modal Query', 'betterdocs' ),
124	'condition' => [
125	'betterdocs_sidebar_layout' => ['layout-5']
126	]
127	]
128	);
129
130	$this->add_control(
131	'search_modal_doc_query_type',
132	[
133	'label' => __( 'Select Docs Type', 'betterdocs' ),
134	'label_block' => true,
135	'type' => Controls_Manager::SELECT2,
136	'options' => [
137	'popular_docs' => __('Popular Docs', 'betterdocs'),
138	'specific_doc_ids' => __("Doc Id's", 'betterdocs'),
139	'specific_doc_term_ids' => __("Doc Category Id's", "betterdocs")
140	],
141	'multiple' => false,
142	'default' => 'popular_docs'
143	]
144	);
145
146	$this->add_control(
147	'initial_docs_number',
148	[
149	'label' => __( 'Number of Docs', 'betterdocs' ),
150	'type' => Controls_Manager::NUMBER,
151	'default' => '5',
152	'condition' => [
153	'search_modal_doc_query_type' => 'popular_docs'
154	]
155	]
156	);
157
158
159	$this->add_control(
160	'search_modal_query_term_ids',
161	[
162	'label' => __( "Doc Term ID's", 'betterdocs' ),
163	'type' => Controls_Manager::TEXT,
164	'description' => __( 'Example: 8, 9', 'betterdocs' ),
165	'default' => '',
166	'condition' => [
167	'search_modal_doc_query_type' => 'specific_doc_term_ids'
168	]
169	]
170	);
171
172	$this->add_control(
173	'search_modal_query_doc_ids',
174	[
175	'label' => __( "Doc ID's", 'betterdocs' ),
176	'type' => Controls_Manager::TEXT,
177	'description' => __( 'Example: 15, 16', 'betterdocs' ),
178	'default' => '',
179	'condition' => [
180	'search_modal_doc_query_type' => 'specific_doc_ids'
181	]
182	]
183	);
184
185	$this->add_control(
186	'search_modal_faq_query_type',
187	[
188	'label' => __( 'Select FAQ Type', 'betterdocs' ),
189	'label_block' => true,
190	'type' => Controls_Manager::SELECT2,
191	'default' => 'default',
192	'options' => [
193	'default' => __('Default', 'betterdocs'),
194	'specific_faq_term_ids' => __("Specific FAQ Term Id's", 'betterdocs'),
195	],
196	'multiple' => false,
197	]
198	);
199
200	$this->add_control(
201	'search_modal_query_faq_term_ids',
202	[
203	'label' => __( "FAQ Term ID's", 'betterdocs' ),
204	'type' => Controls_Manager::TEXT,
205	'description' => __( 'Example: 8, 9', 'betterdocs' ),
206	'default' => '',
207	'condition' => [
208	'search_modal_faq_query_type' => 'specific_faq_term_ids'
209	]
210	]
211	);
212
213	$this->add_control(
214	'initial_faqs_number',
215	[
216	'label' => __( "Number of FAQ's", 'betterdocs' ),
217	'type' => Controls_Manager::NUMBER,
218	'default' => '5',
219	'condition' => [
220	'search_modal_faq_query_type' => 'default'
221	]
222	]
223	);
224
225	$this->end_controls_section();
226	}
227
228	public function return_mod_terms( $accumulator, $term ) {
229	$accumulator[$term->term_id] = htmlspecialchars_decode( $term->name );
230	return $accumulator;
231	}
232
233	public function sidebar_layout_select() {
234	/**
235	* ----------------------------------------------------------
236	* Section: Select Layout
237	* ----------------------------------------------------------
238	*/
239	$this->start_controls_section(
240	'section_layout_settings',
241	[
242	'label' => __( 'Layout', 'betterdocs' )
243	]
244	);
245
246	$this->add_control(
247	'betterdocs_sidebar_layout',
248	[
249	'label' => esc_html__( 'Select layout', 'betterdocs' ),
250	'type' => Controls_Manager::SELECT,
251	'default' => 'layout-1',
252	'label_block' => false,
253	'options' => [
254	'layout-1' => esc_html__( 'Layout 1', 'betterdocs' ),
255	'layout-2' => esc_html__( 'Layout 2', 'betterdocs' ),
256	'layout-3' => esc_html__( 'Layout 3', 'betterdocs' ),
257	'layout-4' => esc_html__( 'Layout 4', 'betterdocs' ),
258	'layout-5' => esc_html__( 'Layout 5', 'betterdocs' ),
259	'layout-6' => esc_html__( 'Layout 6', 'betterdocs' )
260	]
261	]
262	);
263
264	if ( ! is_plugin_active( 'betterdocs-pro/betterdocs-pro.php' ) ) {
265	$this->add_control(
266	'betterdocs_sidebar_layout_warning_text',
267	[
268	'type' => Controls_Manager::RAW_HTML,
269	'raw' => __( 'This layout is available in pro version only!', 'betterdocs' ),
270	'content_classes' => 'betterdocs-ea-warning',
271	'condition' => [
272	'betterdocs_sidebar_layout' => ['layout-2', 'layout-3']
273	]
274	]
275	);
276	}
277
278	$this->add_control(
279	'category_title_tag',
280	[
281	'label' => __( 'Category Title Tag', 'betterdocs' ),
282	'type' => Controls_Manager::SELECT,
283	'default' => 'h2',
284	'options' => [
285	'h1' => __( 'H1', 'betterdocs' ),
286	'h2' => __( 'H2', 'betterdocs' ),
287	'h3' => __( 'H3', 'betterdocs' ),
288	'h4' => __( 'H4', 'betterdocs' ),
289	'h5' => __( 'H5', 'betterdocs' ),
290	'h6' => __( 'H6', 'betterdocs' )
291	]
292	]
293	);
294
295	$this->add_control(
296	'sidebar_search_toggle',
297	[
298	'label' => esc_html__( 'Sidebar Search', 'betterdocs' ),
299	'type' => Controls_Manager::SWITCHER,
300	'label_on' => esc_html__( 'Show', 'betterdocs' ),
301	'label_off' => esc_html__( 'Hide', 'betterdocs' ),
302	'return_value' => 'true',
303	'default' => 'true',
304	'condition' => [
305	'betterdocs_sidebar_layout' => ['layout-5']
306	]
307	]
308	);
309
310	$this->add_control(
311	'show_icon',
312	[
313	'label' => __( 'Show Icon', 'betterdocs' ),
314	'type' => Controls_Manager::SWITCHER,
315	'label_on' => __( 'Show', 'betterdocs' ),
316	'label_off' => __( 'Hide', 'betterdocs' ),
317	'return_value' => 'true',
318	'default' => 'true',
319	'condition' => [
320	'betterdocs_sidebar_layout' => ['layout-1']
321	]
322	]
323	);
324
325	$this->add_control(
326	'show_count',
327	[
328	'label' => __( 'Show Count', 'betterdocs' ),
329	'type' => Controls_Manager::SWITCHER,
330	'label_on' => __( 'Show', 'betterdocs' ),
331	'label_off' => __( 'Hide', 'betterdocs' ),
332	'return_value' => 'true',
333	'default' => 'true',
334	'condition' => [
335	'betterdocs_sidebar_layout' => ['layout-1']
336	]
337	]
338	);
339
340	$this->end_controls_section(); # end of 'Select Layout'
341	}
342
343	public function sticky_toc() {
344	/**
345	* ----------------------------------------------------------
346	* Section: Box Styles
347	* ----------------------------------------------------------
348	*/
349	$this->start_controls_section(
350	'section_sticky_toc',
351	[
352	'label' => __( 'Sticky TOC', 'betterdocs' ),
353	'tab' => Controls_Manager::TAB_STYLE,
354	'condition' => [
355	'betterdocs_sidebar_layout' => ['layout-1', 'layout-2', 'layout-3', 'layout-4']
356	]
357	]
358	);
359
360	$this->add_control(
361	'enable_sticky_toc',
362	[
363	'label' => __( 'Enable Sticky TOC', 'betterdocs' ),
364	'type' => Controls_Manager::SWITCHER,
365	'label_on' => __( 'Show', 'betterdocs' ),
366	'label_off' => __( 'Hide', 'betterdocs' ),
367	'return_value' => '1',
368	'default' => ''
369	]
370	);
371
372	$this->add_responsive_control(
373	'toc_width',
374	[
375	'label' => __( 'TOC Width', 'betterdocs' ),
376	'type' => Controls_Manager::SLIDER,
377	'size_units' => ['px', '%', 'em'],
378	'range' => [
379	'px' => [
380	'max' => 1000,
381	'step' => 1
382	],
383	'%' => [
384	'max' => 100,
385	'step' => 1
386	]
387	],
388	'selectors' => [
389	'{{WRAPPER}} .sticky-toc-container' => 'width: {{SIZE}}{{UNIT}};'
390	]
391	]
392	);
393
394	$this->add_responsive_control(
395	'toc_zindex', // Legacy control id but new control
396	[
397	'label' => __( 'Z index', 'betterdocs' ),
398	'type' => Controls_Manager::NUMBER,
399	'min' => 0,
400	'max' => 1000,
401	'step' => 5,
402	'default' => 320,
403	'selectors' => [
404	'{{WRAPPER}} .sticky-toc-container' => 'z-index: {{VALUE}}%;'
405	]
406	]
407	);
408
409	$this->end_controls_section(); # end of 'Card Settings'
410	}
411
412	public function wraper_setting_style() {
413	$this->start_controls_section(
414	'section_card_settings',
415	[
416	'label' => __( 'Wrapper', 'betterdocs' ),
417	'tab' => Controls_Manager::TAB_STYLE
418	]
419	);
420
421	$this->add_responsive_control(
422	'column_space', // Legacy control id but new control
423	[
424	'label' => __( 'Margin', 'betterdocs' ),
425	'type' => Controls_Manager::DIMENSIONS,
426	'size_units' => ['px', '%', 'em'],
427	'selectors' => [
428	'{{WRAPPER}} .betterdocs-category-grid-wrapper' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
429	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-8' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
430	]
431	]
432	);
433
434	$this->add_responsive_control(
435	'column_padding',
436	[
437	'label' => __( 'Padding', 'betterdocs' ),
438	'type' => Controls_Manager::DIMENSIONS,
439	'size_units' => ['px', 'em', '%'],
440	'selectors' => [
441	'{{WRAPPER}} .betterdocs-category-grid-wrapper' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
442	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-8' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
443	]
444	]
445	);
446	$this->add_control(
447	'column_height',
448	[
449	'label' => __( 'Height', 'betterdocs' ),
450	'type' => Controls_Manager::SLIDER,
451	'size_units' => ['px', '%'],
452	'range' => [
453	'px' => [
454	'min' => 0,
455	'max' => 1000,
456	'step' => 5
457	],
458	'%' => [
459	'min' => 0,
460	'max' => 100
461	]
462	],
463	'selectors' => [
464	'{{WRAPPER}} .betterdocs-category-grid-wrapper' => 'height: {{SIZE}}{{UNIT}};'
465	]
466	]
467	);
468
469	$this->add_responsive_control(
470	'wrapper_width',
471	[
472	'label' => __( 'Width', 'betterdocs' ),
473	'type' => Controls_Manager::SLIDER,
474	'size_units' => ['%', 'px'],
475	'range' => [
476	'%' => [
477	'min' => 10,
478	'max' => 100
479	],
480	'px' => [
481	'min' => 100,
482	'max' => 1200
483	]
484	],
485	'default' => [
486	'unit' => '%',
487	'size' => 100
488	],
489	'selectors' => [
490	'{{WRAPPER}}' => 'width: {{SIZE}}{{UNIT}}; max-width: {{SIZE}}{{UNIT}};'
491	],
492	'condition' => [
493	'betterdocs_sidebar_layout' => ['layout-6']
494	]
495	]
496	);
497
498	$this->add_responsive_control(
499	'box_seperator_color',
500	[
501	'label' => esc_html__( 'Background Color', 'betterdocs' ),
502	'type' => Controls_Manager::COLOR,
503	'selectors' => [
504	'{{WRAPPER}} .betterdocs-category-grid-wrapper' => 'background-color: {{VALUE}};',
505	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-8,{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content' => 'background-color: {{VALUE}};'
506	]
507	]
508	);
509	$this->end_controls_section(); # end of 'Card Settings'
510	}
511
512	public function category_items_setting_style() {
513	$this->start_controls_section(
514	'category_items_settings',
515	[
516	'label' => __( 'Category Items', 'betterdocs' ),
517	'tab' => Controls_Manager::TAB_STYLE,
518	'condition' => [
519	'betterdocs_sidebar_layout' => ['layout-1', 'layout-2', 'layout-3', 'layout-4', 'layout-6']
520	]
521	]
522	);
523	$this->start_controls_tabs( 'category_items_settings_tabs' );
524
525	// Normal State Tab
526	$this->start_controls_tab(
527	'card_normal',
528	['label' => esc_html__( 'Normal', 'betterdocs' )]
529	);
530
531	$this->add_group_control(
532	Group_Control_Background::get_type(),
533	[
534	'name' => 'card_bg_normal',
535	'types' => ['classic', 'gradient'],
536	'selector' => '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper .betterdocs-body, {{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-single-category-inner .betterdocs-body, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body'
537	]
538	);
539
540	$this->add_group_control(
541	Group_Control_Border::get_type(),
542	[
543	'name' => 'card_border_normal',
544	'label' => esc_html__( 'Border', 'betterdocs' ),
545	'selector' => '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper .betterdocs-body, {{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-single-category-inner .betterdocs-body, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body'
546	]
547	);
548
549	$this->add_responsive_control(
550	'card_border_radius_normal',
551	[
552	'label' => esc_html__( 'Border Radius', 'betterdocs' ),
553	'type' => Controls_Manager::DIMENSIONS,
554	'size_units' => ['px', 'em', '%'],
555	'selectors' => [
556	'{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper .betterdocs-body, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
557	'{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-single-category-inner .betterdocs-body, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
558	]
559	]
560	);
561
562	$this->add_group_control(
563	Group_Control_Box_Shadow::get_type(),
564	[
565	'name' => 'card_box_shadow_normal',
566	'selector' => '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper .betterdocs-body, {{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-single-category-inner .betterdocs-body, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body'
567	]
568	);
569
570	$this->end_controls_tab();
571
572	// Hover State Tab
573	$this->start_controls_tab(
574	'card_hover',
575	['label' => esc_html__( 'Hover', 'betterdocs' )]
576	);
577
578	$this->add_control(
579	'card_transition',
580	[
581	'label' => __( 'Transition', 'betterdocs' ),
582	'type' => Controls_Manager::SLIDER,
583	'default' => [
584	'size' => 300,
585	'unit' => '%'
586	],
587	'size_units' => ['%'],
588	'range' => [
589	'%' => [
590	'max' => 2500,
591	'step' => 1
592	]
593	],
594	'selectors' => [
595	'{{WRAPPER}} .betterdocs-category-grid-wrapper .docs-single-cat-wrap' => 'transition: {{SIZE}}ms;'
596	]
597	]
598	);
599
600	$this->add_control(
601	'box_section_body_hover',
602	[
603	'label' => __( 'Body', 'betterdocs' ),
604	'type' => Controls_Manager::HEADING,
605	'separator' => 'before'
606	]
607	);
608
609	$this->add_group_control(
610	Group_Control_Background::get_type(),
611	[
612	'name' => 'card_bg_hover',
613	'types' => ['classic', 'gradient'],
614	'selector' => '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper .betterdocs-body:hover, {{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-single-category-inner .betterdocs-body:hover, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body:hover'
615	]
616	);
617
618	$this->add_group_control(
619	Group_Control_Border::get_type(),
620	[
621	'name' => 'card_border_hover',
622	'label' => esc_html__( 'Border', 'betterdocs' ),
623	'selector' => '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper .betterdocs-body:hover, {{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-single-category-inner .betterdocs-body:hover, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body:hover'
624	]
625	);
626
627	$this->add_responsive_control(
628	'card_border_radius_hover',
629	[
630	'label' => esc_html__( 'Border Radius', 'betterdocs' ),
631	'type' => Controls_Manager::DIMENSIONS,
632	'size_units' => ['px', 'em', '%'],
633	'selectors' => [
634	'{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper .betterdocs-body:hover, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body:hover' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
635	'{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-single-category-inner .betterdocs-body:hover, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body:hover' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
636	]
637	]
638	);
639
640	$this->add_group_control(
641	Group_Control_Box_Shadow::get_type(),
642	[
643	'name' => 'card_box_shadow_hover',
644	'selector' => '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper .betterdocs-body:hover, {{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-single-category-inner .betterdocs-body:hover, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body:hover'
645	]
646	);
647
648	$this->end_controls_tabs();
649	$this->end_controls_section(); # end of 'Card Settings'
650	}
651
652	public function icon_style() {
653	/**
654	* ----------------------------------------------------------
655	* Section: Icon Styles
656	* ----------------------------------------------------------
657	*/
658	$this->start_controls_section(
659	'section_box_icon_style',
660	[
661	'label' => __( 'Icon', 'betterdocs' ),
662	'tab' => Controls_Manager::TAB_STYLE,
663	'condition' => [
664	'betterdocs_sidebar_layout' => ['layout-1', 'layout-2', 'layout-3', 'layout-4']
665	]
666	]
667	);
668
669	$this->add_responsive_control(
670	'category_settings_icon_size_normal',
671	[
672	'label' => esc_html__( 'Size', 'betterdocs' ),
673	'type' => Controls_Manager::SLIDER,
674	'size_units' => ['px', '%', 'em'],
675	'range' => [
676	'px' => [
677	'max' => 500
678	]
679	],
680	'selectors' => [
681	'{{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper:not(.layout-2) .betterdocs-category-icon' => 'height: {{SIZE}}{{UNIT}}; width: auto;',
682	'{{WRAPPER}} .betterdocs-category-icon img' => 'height: {{SIZE}}{{UNIT}};'
683	]
684	]
685	);
686
687	$this->add_responsive_control(
688	'category_settings_arrow_width_normal',
689	[
690	'label' => esc_html__( 'Arrow Width', 'betterdocs' ),
691	'type' => Controls_Manager::SLIDER,
692	'size_units' => ['px', '%', 'em'],
693	'range' => [
694	'px' => [
695	'max' => 500
696	]
697	],
698	'selectors' => [
699	'{{WRAPPER}} .betterdocs-category-collapse' => 'width: {{SIZE}}{{UNIT}};'
700	],
701	'condition' => [
702	'betterdocs_sidebar_layout' => ['layout-4']
703	]
704	]
705	);
706
707	$this->add_responsive_control(
708	'category_settings_arrow_height_normal',
709	[
710	'label' => esc_html__( 'Arrow Height', 'betterdocs' ),
711	'type' => Controls_Manager::SLIDER,
712	'size_units' => ['px', '%', 'em'],
713	'range' => [
714	'px' => [
715	'max' => 500
716	]
717	],
718	'selectors' => [
719	'{{WRAPPER}} .betterdocs-category-collapse' => 'height: {{SIZE}}{{UNIT}};'
720	],
721	'condition' => [
722	'betterdocs_sidebar_layout' => ['layout-4']
723	]
724	]
725	);
726
727	$this->start_controls_tabs( 'box_icon_styles_tab' );
728
729	// Normal State Tab
730	$this->start_controls_tab(
731	'icon_normal',
732	['label' => esc_html__( 'Normal', 'betterdocs' )]
733	);
734
735	$this->add_control(
736	'arrow_color',
737	[
738	'label' => __( 'Arrow Color', 'betterdocs' ),
739	'type' => Controls_Manager::COLOR,
740	'selectors' => [
741	'{{WRAPPER}} .betterdocs-category-collapse' => 'color: {{VALUE}}'
742	],
743	'condition' => [
744	'betterdocs_sidebar_layout' => ['layout-4']
745	]
746	]
747	);
748
749	$this->add_group_control(
750	Group_Control_Background::get_type(),
751	[
752	'name' => 'icon_background_normal',
753	'types' => ['classic', 'gradient'],
754	'selector' => '{{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-icon',
755	'exclude' => [
756	'image'
757	]
758	]
759	);
760
761	$this->add_group_control(
762	Group_Control_Border::get_type(),
763	[
764	'name' => 'icon_border_normal',
765	'label' => esc_html__( 'Border', 'betterdocs' ),
766	'selector' => '{{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-icon'
767	]
768	);
769
770	$this->add_responsive_control(
771	'icon_border_radius_normal',
772	[
773	'label' => esc_html__( 'Border Radius', 'betterdocs' ),
774	'type' => Controls_Manager::DIMENSIONS,
775	'size_units' => ['px', 'em', '%'],
776	'selectors' => [
777	'{{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-icon' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
778	]
779	]
780	);
781
782	$this->add_responsive_control(
783	'icon_padding',
784	[
785	'label' => esc_html__( 'Padding', 'betterdocs' ),
786	'type' => Controls_Manager::DIMENSIONS,
787	'size_units' => ['px', 'em', '%'],
788	'selectors' => [
789	'{{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-icon' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
790	]
791	]
792	);
793
794	$this->add_responsive_control(
795	'icon_spacing',
796	[
797	'label' => esc_html__( 'Spacing', 'betterdocs' ),
798	'type' => Controls_Manager::DIMENSIONS,
799	'size_units' => ['px', 'em', '%'],
800	'allowed_dimensions' => [
801	'top',
802	'bottom'
803	],
804	'selectors' => [
805	'{{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-icon' => 'margin: {{TOP}}{{UNIT}} auto {{BOTTOM}}{{UNIT}} auto;'
806	]
807	]
808	);
809
810	$this->add_responsive_control(
811	'arrow_padding_normal',
812	[
813	'label' => esc_html__( 'Arrow Padding', 'betterdocs' ),
814	'type' => Controls_Manager::DIMENSIONS,
815	'size_units' => ['px', 'em', '%'],
816	'selectors' => [
817	'{{WRAPPER}} .betterdocs-category-collapse' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
818	],
819	'condition' => [
820	'betterdocs_sidebar_layout' => ['layout-4']
821	]
822	]
823	);
824
825	$this->add_responsive_control(
826	'arrow_margin_normal',
827	[
828	'label' => esc_html__( 'Arrow Margin', 'betterdocs' ),
829	'type' => Controls_Manager::DIMENSIONS,
830	'size_units' => ['px', 'em', '%'],
831	'selectors' => [
832	'{{WRAPPER}} .betterdocs-category-collapse' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
833	],
834	'condition' => [
835	'betterdocs_sidebar_layout' => ['layout-4']
836	]
837	]
838	);
839
840	$this->end_controls_tab();
841
842	// Hover State Tab
843	$this->start_controls_tab(
844	'icon_hover',
845	['label' => esc_html__( 'Hover', 'betterdocs' )]
846	);
847
848	$this->add_control(
849	'arrow_color_hover',
850	[
851	'label' => __( 'Arrow Color', 'betterdocs' ),
852	'type' => Controls_Manager::COLOR,
853	'selectors' => [
854	'{{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-header:hover .betterdocs-category-arrow' => 'color: {{VALUE}}'
855	]
856	]
857	);
858
859	$this->add_group_control(
860	Group_Control_Background::get_type(),
861	[
862	'name' => 'icon_background_hover',
863	'types' => ['classic', 'gradient'],
864	'selector' => '{{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-header:hover .betterdocs-category-icon'
865	]
866	);
867
868	$this->add_group_control(
869	Group_Control_Border::get_type(),
870	[
871	'name' => 'icon_border_hover',
872	'label' => esc_html__( 'Border', 'betterdocs' ),
873	'selector' => '{{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-header:hover .betterdocs-category-icon'
874	]
875	);
876
877	$this->add_responsive_control(
878	'icon_border_radius_hover',
879	[
880	'label' => esc_html__( 'Border Radius', 'betterdocs' ),
881	'type' => Controls_Manager::DIMENSIONS,
882	'size_units' => ['px', 'em', '%'],
883	'selectors' => [
884	'{{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-header:hover .betterdocs-category-icon' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
885	]
886
887	]
888	);
889
890	$this->add_control(
891	'category_settings_icon_size_transition',
892	[
893	'label' => __( 'Transition', 'betterdocs' ),
894	'type' => Controls_Manager::SLIDER,
895	'default' => [
896	'size' => 300,
897	'unit' => '%'
898	],
899	'size_units' => ['%'],
900	'range' => [
901	'%' => [
902	'max' => 2500,
903	'step' => 1
904	]
905	],
906	'selectors' => [
907	'{{WRAPPER}} .betterdocs-category-grid-wrapper .docs-single-cat-wrap .docs-cat-icon:hover' => 'transition: {{SIZE}}ms;'
908	]
909	]
910	);
911
912	$this->end_controls_tab();
913
914	$this->end_controls_tabs();
915
916	$this->end_controls_section(); # end of 'Icon Styles'
917	}
918
919	public function icon_style_layout_5() {
920	/**
921	* ----------------------------------------------------------
922	* Section: Icon Styles
923	* ----------------------------------------------------------
924	*/
925	$this->start_controls_section(
926	'section_box_icon_style_layout_5',
927	[
928	'label' => __( 'Icon', 'betterdocs' ),
929	'tab' => Controls_Manager::TAB_STYLE,
930	'condition' => [
931	'betterdocs_sidebar_layout' => ['layout-5']
932	]
933	]
934	);
935
936	$this->add_responsive_control(
937	'category_settings_icon_size_normal_layout_5',
938	[
939	'label' => esc_html__( 'Size', 'betterdocs' ),
940	'type' => Controls_Manager::SLIDER,
941	'size_units' => ['px', '%', 'em'],
942	'range' => [
943	'px' => [
944	'max' => 500
945	]
946	],
947	'selectors' => [
948	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-folder-icon' => 'height: {{SIZE}}{{UNIT}}; width:{{SIZE}}{{UNIT}};',
949	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-folder-icon svg' => 'height: {{SIZE}}{{UNIT}}; width:{{SIZE}}{{UNIT}};',
950	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-title .betterdocs-folder-icon.arrow-right svg' => 'height: {{SIZE}}{{UNIT}}; width:{{SIZE}}{{UNIT}};',
951	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-title .betterdocs-folder-icon.arrow-right' => 'height: {{SIZE}}{{UNIT}}; width:{{SIZE}}{{UNIT}};'
952	]
953	]
954	);
955
956	$this->start_controls_tabs( 'box_icon_styles_tab_layout_5' );
957
958	// Normal State Tab
959	$this->start_controls_tab(
960	'icon_normal_layout_5',
961	['label' => esc_html__( 'Normal', 'betterdocs' )]
962	);
963
964	$this->add_group_control(
965	Group_Control_Background::get_type(),
966	[
967	'name' => 'icon_background_normal_layout_5',
968	'types' => ['classic', 'gradient'],
969	'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-folder-icon',
970	'exclude' => [
971	'image'
972	]
973	]
974	);
975
976	$this->add_group_control(
977	Group_Control_Border::get_type(),
978	[
979	'name' => 'icon_border_normal_layout_5',
980	'label' => esc_html__( 'Border', 'betterdocs' ),
981	'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-folder-icon'
982	]
983	);
984
985	$this->add_responsive_control(
986	'icon_border_radius_normal_layout_5',
987	[
988	'label' => esc_html__( 'Border Radius', 'betterdocs' ),
989	'type' => Controls_Manager::DIMENSIONS,
990	'size_units' => ['px', 'em', '%'],
991	'selectors' => [
992	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-folder-icon' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
993	]
994	]
995	);
996
997	$this->add_responsive_control(
998	'icon_padding_layout_5',
999	[
1000	'label' => esc_html__( 'Padding', 'betterdocs' ),
1001	'type' => Controls_Manager::DIMENSIONS,
1002	'size_units' => ['px', 'em', '%'],
1003	'selectors' => [
1004	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-folder-icon' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
1005	]
1006	]
1007	);
1008
1009	$this->add_responsive_control(
1010	'icon_spacing_layout_5',
1011	[
1012	'label' => esc_html__( 'Margin', 'betterdocs' ),
1013	'type' => Controls_Manager::DIMENSIONS,
1014	'size_units' => ['px', 'em', '%'],
1015	'allowed_dimensions' => [
1016	'top',
1017	'bottom'
1018	],
1019	'selectors' => [
1020	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-folder-icon' => 'margin: {{TOP}}{{UNIT}} auto {{BOTTOM}}{{UNIT}} auto;'
1021	]
1022	]
1023	);
1024
1025	$this->end_controls_tab();
1026
1027	// Hover State Tab
1028	$this->start_controls_tab(
1029	'icon_hover_layout_5',
1030	['label' => esc_html__( 'Hover', 'betterdocs' )]
1031	);
1032
1033	$this->add_group_control(
1034	Group_Control_Border::get_type(),
1035	[
1036	'name' => 'icon_border_hover_layout_5',
1037	'label' => esc_html__( 'Border', 'betterdocs' ),
1038	'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-folder-icon:hover'
1039	]
1040	);
1041
1042	$this->add_responsive_control(
1043	'icon_border_radius_hover_layout_5',
1044	[
1045	'label' => esc_html__( 'Border Radius', 'betterdocs' ),
1046	'type' => Controls_Manager::DIMENSIONS,
1047	'size_units' => ['px', 'em', '%'],
1048	'selectors' => [
1049	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-folder-icon:hover' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
1050	]
1051
1052	]
1053	);
1054
1055	$this->add_control(
1056	'category_settings_icon_size_transition_layout_5',
1057	[
1058	'label' => __( 'Transition', 'betterdocs' ),
1059	'type' => Controls_Manager::SLIDER,
1060	'default' => [
1061	'size' => 300,
1062	'unit' => '%'
1063	],
1064	'size_units' => ['%'],
1065	'range' => [
1066	'%' => [
1067	'max' => 2500,
1068	'step' => 1
1069	]
1070	],
1071	'selectors' => [
1072	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-folder-icon' => 'transition: {{SIZE}}ms;'
1073	]
1074	]
1075	);
1076
1077	$this->end_controls_tab();
1078
1079	$this->end_controls_tabs();
1080
1081	$this->end_controls_section(); # end of 'Icon Styles'
1082	}
1083
1084	public function title_style() {
1085	/**
1086	* ----------------------------------------------------------
1087	* Section: Title Styles
1088	* ----------------------------------------------------------
1089	*/
1090	$this->start_controls_section(
1091	'section_box_title_styles',
1092	[
1093	'label' => __( 'Title', 'betterdocs' ),
1094	'tab' => Controls_Manager::TAB_STYLE,
1095	'condition' => [
1096	'betterdocs_sidebar_layout' => ['layout-1', 'layout-2', 'layout-3', 'layout-4', 'layout-6']
1097	]
1098	]
1099	);
1100
1101	$this->start_controls_tabs( 'box_title_styles_tab' );
1102
1103	// Normal State Tab
1104	$this->start_controls_tab(
1105	'title_normal',
1106	['label' => esc_html__( 'Normal', 'betterdocs' )]
1107	);
1108
1109	$this->add_control(
1110	'cat_title_color_normal',
1111	[
1112	'label' => esc_html__( 'Color', 'betterdocs' ),
1113	'type' => Controls_Manager::COLOR,
1114	'selectors' => [
1115	'{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title a, {{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title:not(a), {{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-category-list-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title:not(a), {{WRAPPER}} .betterdocs-sidebar-layout-8 .betterdocs-category-title' => 'color: {{VALUE}};'
1116	],
1117	]
1118	);
1119
1120	$this->add_group_control(
1121	Group_Control_Background::get_type(),
1122	[
1123	'name' => 'card_bg_normal_header',
1124	'types' => ['classic', 'gradient'],
1125	'selector' => '{{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-category-header, {{WRAPPER}} .betterdocs-category-list-wrapper .betterdocs-category-list-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header',
1126	]
1127	);
1128
1129	$this->add_group_control(
1130	Group_Control_Typography::get_type(),
1131	[
1132	'name' => 'cat_title_typography_normal',
1133	'selector' => '{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title a, {{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title:not(a), {{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-category-list-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title:not(a), {{WRAPPER}} .betterdocs-sidebar-layout-8 .betterdocs-category-title'
1134	]
1135	);
1136
1137	$this->add_responsive_control(
1138	'title_spacing',
1139	[
1140	'label' => __( 'Margin', 'betterdocs' ),
1141	'type' => Controls_Manager::DIMENSIONS,
1142	'size_units' => ['px', '%', 'em'],
1143	'selectors' => [
1144	'{{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-title a, {{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-title:not(a), {{WRAPPER}} .betterdocs-category-list-wrapper .betterdocs-category-title:not(a), {{WRAPPER}} .betterdocs-sidebar-layout-8 .betterdocs-category-title' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
1145	]
1146	]
1147	);
1148
1149	$this->add_responsive_control(
1150	'title_padding',
1151	[
1152	'label' => __( 'Padding', 'betterdocs' ),
1153	'type' => Controls_Manager::DIMENSIONS,
1154	'size_units' => ['px', '%', 'em'],
1155	'selectors' => [
1156	'{{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-title a, {{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-title:not(a), {{WRAPPER}} .betterdocs-category-list-wrapper .betterdocs-category-title:not(a), {{WRAPPER}} .betterdocs-sidebar-layout-8 .betterdocs-category-title' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
1157	]
1158	]
1159	);
1160
1161	$this->end_controls_tab();
1162
1163	// Hover State Tab
1164	$this->start_controls_tab(
1165	'title_hover',
1166	['label' => esc_html__( 'Hover', 'betterdocs' )]
1167	);
1168
1169	$this->add_control(
1170	'cat_title_color_hover',
1171	[
1172	'label' => esc_html__( 'Color', 'betterdocs' ),
1173	'type' => Controls_Manager::COLOR,
1174	'selectors' => [
1175	'{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header:hover .betterdocs-category-title a, {{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header:hover .betterdocs-category-title:not(a), {{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-category-list-inner-wrapper .betterdocs-category-header:hover .betterdocs-category-title:not(a), {{WRAPPER}} .betterdocs-sidebar-layout-8 .betterdocs-category-title:hover' => 'color: {{VALUE}};'
1176	]
1177	]
1178	);
1179
1180	$this->add_group_control(
1181	Group_Control_Background::get_type(),
1182	[
1183	'name' => 'card_bg_hover_header',
1184	'types' => ['classic', 'gradient'],
1185	'selector' => '{{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-category-header:hover, {{WRAPPER}} .betterdocs-category-list-wrapper .betterdocs-category-list-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header:hover'
1186	]
1187	);
1188
1189	$this->add_control(
1190	'category_title_transition',
1191	[
1192	'label' => __( 'Transition', 'betterdocs' ),
1193	'type' => Controls_Manager::SLIDER,
1194	'default' => [
1195	'size' => 300,
1196	'unit' => '%'
1197	],
1198	'size_units' => ['%'],
1199	'range' => [
1200	'%' => [
1201	'max' => 2500,
1202	'step' => 1
1203	]
1204	],
1205	'selectors' => [
1206	'{{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-header' => 'transition: {{SIZE}}ms;'
1207	]
1208	]
1209	);
1210
1211	$this->end_controls_tab();
1212
1213	$this->end_controls_tab();
1214
1215	$this->start_controls_tab(
1216	'card_active',
1217	['label' => esc_html__( 'Active', 'betterdocs' )]
1218	);
1219
1220	$this->add_control(
1221	'cat_title_active_color',
1222	[
1223	'label' => esc_html__( 'Color', 'betterdocs' ),
1224	'type' => Controls_Manager::COLOR,
1225	'selectors' => [
1226	'{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper.active .betterdocs-category-header .betterdocs-category-title a, {{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper.active .betterdocs-category-header .betterdocs-category-title:not(a), {{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-category-list-inner-wrapper .betterdocs-category-header .betterdocs-category-title:not(a)' => 'color: {{VALUE}};'
1227	]
1228	]
1229	);
1230
1231	$this->add_group_control(
1232	Group_Control_Background::get_type(),
1233	[
1234	'name' => 'card_bg_active_header',
1235	'types' => ['classic', 'gradient'],
1236	'selector' => '{{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper.active .betterdocs-category-header',
1237	'exclude' => [
1238	'image'
1239	],
1240	]
1241	);
1242
1243	$this->add_control(
1244	'cat_title_active_border_color',
1245	[
1246	'label' => esc_html__( 'Border Color', 'betterdocs' ),
1247	'type' => Controls_Manager::COLOR,
1248	'default' => '#5a94ff',
1249	'selectors' => [
1250	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-1 .betterdocs-sidebar-content .betterdocs-single-category-wrapper.active .betterdocs-single-category-inner .betterdocs-category-header' => 'border-color: {{VALUE}};'
1251	],
1252	'condition' => [
1253	'betterdocs_sidebar_layout' => 'layout-1'
1254	]
1255	]
1256	);
1257
1258	$this->end_controls_tab();
1259
1260	$this->end_controls_tabs();
1261
1262	$this->end_controls_section(); # end of 'Icon Styles'
1263	}
1264
1265	public function title_style_layout_5() {
1266	/**
1267	* ----------------------------------------------------------
1268	* Section: Title Styles
1269	* ----------------------------------------------------------
1270	*/
1271	$this->start_controls_section(
1272	'section_box_title_styles_layout_5',
1273	[
1274	'label' => __( 'Title', 'betterdocs' ),
1275	'tab' => Controls_Manager::TAB_STYLE,
1276	'condition' => [
1277	'betterdocs_sidebar_layout' => ['layout-5']
1278	]
1279	]
1280	);
1281
1282	$this->start_controls_tabs( 'box_title_styles_tab_layout_5' );
1283
1284	// Normal State Tab
1285	$this->start_controls_tab(
1286	'title_normal_layout_5',
1287	['label' => esc_html__( 'Normal', 'betterdocs' )]
1288	);
1289
1290	$this->add_control(
1291	'cat_title_color_normal_layout_5',
1292	[
1293	'label' => esc_html__( 'Color', 'betterdocs' ),
1294	'type' => Controls_Manager::COLOR,
1295	'selectors' => [
1296	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title' => 'color: {{VALUE}};',
1297	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-title a' => 'color: {{VALUE}};'
1298	],
1299	'default' => '#344054'
1300	]
1301	);
1302
1303	$this->add_group_control(
1304	Group_Control_Background::get_type(),
1305	[
1306	'name' => 'card_bg_normal_header_layout_5',
1307	'types' => ['classic', 'gradient'],
1308	'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner, {{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-title, {{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header',
1309	]
1310	);
1311
1312	$this->add_group_control(
1313	Group_Control_Typography::get_type(),
1314	[
1315	'name' => 'cat_title_typography_normal_layout_5',
1316	'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title, {{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-title a'
1317	]
1318	);
1319
1320	$this->add_responsive_control(
1321	'title_spacing_layout_5',
1322	[
1323	'label' => __( 'Margin', 'betterdocs' ),
1324	'type' => Controls_Manager::DIMENSIONS,
1325	'size_units' => ['px', '%', 'em'],
1326	'selectors' => [
1327	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1328	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-title' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
1329	]
1330	]
1331	);
1332
1333	$this->add_responsive_control(
1334	'title_padding_layout_5',
1335	[
1336	'label' => __( 'Padding', 'betterdocs' ),
1337	'type' => Controls_Manager::DIMENSIONS,
1338	'size_units' => ['px', '%', 'em'],
1339	'selectors' => [
1340	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1341	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-title' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
1342	]
1343	]
1344	);
1345
1346	$this->end_controls_tab();
1347
1348	// Hover State Tab
1349	$this->start_controls_tab(
1350	'title_hover_layout_5',
1351	['label' => esc_html__( 'Hover', 'betterdocs' )]
1352	);
1353
1354	$this->add_control(
1355	'cat_title_color_hover_layout_5',
1356	[
1357	'label' => esc_html__( 'Color', 'betterdocs' ),
1358	'type' => Controls_Manager::COLOR,
1359	'selectors' => [
1360	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title:hover, {{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-title a:hover' => 'color: {{VALUE}};'
1361	]
1362	]
1363	);
1364
1365	$this->add_group_control(
1366	Group_Control_Background::get_type(),
1367	[
1368	'name' => 'card_bg_hover_header_layout_5',
1369	'types' => ['classic', 'gradient'],
1370	'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner:hover, {{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-title:hover, {{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header:hover',
1371	]
1372	);
1373
1374	$this->add_control(
1375	'category_title_transition_layout_5',
1376	[
1377	'label' => __( 'Transition', 'betterdocs' ),
1378	'type' => Controls_Manager::SLIDER,
1379	'default' => [
1380	'size' => 300,
1381	'unit' => '%'
1382	],
1383	'size_units' => ['%'],
1384	'range' => [
1385	'%' => [
1386	'max' => 2500,
1387	'step' => 1
1388	]
1389	],
1390	'selectors' => [
1391	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner, {{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-title' => 'transition: {{SIZE}}ms;'
1392	]
1393	]
1394	);
1395
1396	$this->end_controls_tab();
1397
1398	$this->end_controls_tab();
1399
1400	$this->start_controls_tab(
1401	'card_active_layout_5',
1402	['label' => esc_html__( 'Active', 'betterdocs' )]
1403	);
1404
1405	$this->add_control(
1406	'cat_title_active_color_layout_5',
1407	[
1408	'label' => esc_html__( 'Color', 'betterdocs' ),
1409	'type' => Controls_Manager::COLOR,
1410	'selectors' => [
1411	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper.show .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title' => 'color: {{VALUE}};'
1412	]
1413	]
1414	);
1415
1416	$this->add_group_control(
1417	Group_Control_Background::get_type(),
1418	[
1419	'name' => 'card_bg_active_header_layout_5',
1420	'types' => ['classic', 'gradient'],
1421	'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper.show .betterdocs-single-category-inner .betterdocs-category-header',
1422	'exclude' => [
1423	'image'
1424	]
1425	]
1426	);
1427
1428	$this->end_controls_tab();
1429
1430	$this->end_controls_tabs();
1431
1432	$this->end_controls_section(); # end of 'Icon Styles'
1433	}
1434
1435	public function count_style() {
1436	/**
1437	* ----------------------------------------------------------
1438	* Section: Count Styles
1439	* ----------------------------------------------------------
1440	*/
1441	$this->start_controls_section(
1442	'section_box_count_styles',
1443	[
1444	'label' => __( 'Count', 'betterdocs' ),
1445	'tab' => Controls_Manager::TAB_STYLE,
1446	'condition' => [
1447	'betterdocs_sidebar_layout' => ['layout-1', 'layout-2', 'layout-3', 'layout-4']
1448	]
1449	]
1450	);
1451
1452	$this->add_group_control(
1453	Group_Control_Typography::get_type(),
1454	[
1455	'name' => 'count_typography_normal',
1456	'selector' => '{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts span'
1457	]
1458	);
1459
1460	$this->start_controls_tabs( 'box_count_styles_tab' );
1461
1462	// Normal State Tab
1463	$this->start_controls_tab(
1464	'count_normal',
1465	['label' => esc_html__( 'Normal', 'betterdocs' )]
1466	);
1467
1468	$this->add_control(
1469	'count_color_normal',
1470	[
1471	'label' => esc_html__( 'Text Color', 'betterdocs' ),
1472	'type' => Controls_Manager::COLOR,
1473	'selectors' => [
1474	'{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts span' => 'color: {{VALUE}};'
1475	],
1476	'default' => '#ffffff'
1477	]
1478	);
1479
1480	$this->add_group_control(
1481	Group_Control_Background::get_type(),
1482	[
1483	'name' => 'count_box_bg',
1484	'types' => ['classic', 'gradient'],
1485	'selector' => '{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts',
1486	'exclude' => [
1487	'image'
1488	]
1489	]
1490	);
1491
1492	$this->add_group_control(
1493	Group_Control_Border::get_type(),
1494	[
1495	'name' => 'count_box_border',
1496	'label' => esc_html__( 'Border', 'betterdocs' ),
1497	'selector' => '{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts'
1498	]
1499	);
1500
1501	$this->add_responsive_control(
1502	'count_box_border_radius',
1503	[
1504	'label' => esc_html__( 'Border Radius', 'betterdocs' ),
1505	'type' => Controls_Manager::DIMENSIONS,
1506	'size_units' => ['px', 'em', '%'],
1507	'selectors' => [
1508	'{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
1509	]
1510	]
1511	);
1512
1513	$this->add_group_control(
1514	Group_Control_Box_Shadow::get_type(),
1515	[
1516	'name' => 'count_box_box_shadow',
1517	'selector' => '{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts'
1518	]
1519	);
1520
1521	$this->add_responsive_control(
1522	'count_box_size',
1523	[
1524	'label' => esc_html__( 'Size', 'betterdocs' ),
1525	'type' => Controls_Manager::SLIDER,
1526	'size_units' => ['px', '%', 'em'],
1527	'range' => [
1528	'px' => [
1529	'max' => 500
1530	]
1531	],
1532	'selectors' => [
1533	'{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts' => 'height: {{SIZE}}{{UNIT}}; width: {{SIZE}}{{UNIT}};'
1534	]
1535	]
1536	);
1537
1538	$this->add_responsive_control(
1539	'count_spacing',
1540	[
1541	'label' => __( 'Spacing', 'betterdocs' ),
1542	'type' => Controls_Manager::DIMENSIONS,
1543	'size_units' => ['px', '%', 'em'],
1544	'selectors' => [
1545	'{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
1546	]
1547	]
1548	);
1549
1550	$this->add_control(
1551	'second_color_seperator',
1552	[
1553	'label' => esc_html__( 'Second Color', 'betterdocs' ),
1554	'type' => \Elementor\Controls_Manager::HEADING,
1555	'separator' => 'before',
1556	'condition' => [
1557	'betterdocs_sidebar_layout' => 'layout-1'
1558	]
1559	]
1560	);
1561
1562	$this->add_group_control(
1563	Group_Control_Background::get_type(),
1564	[
1565	'name' => 'count_box_bg_second',
1566	'types' => ['classic', 'gradient'],
1567	'selector' => '{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts span',
1568	'exclude' => [
1569	'image'
1570	],
1571	'condition' => [
1572	'betterdocs_sidebar_layout' => 'layout-1'
1573	]
1574	]
1575	);
1576
1577	$this->end_controls_tab();
1578
1579	// Hover State Tab
1580	$this->start_controls_tab(
1581	'count_hover',
1582	['label' => esc_html__( 'Hover', 'betterdocs' )]
1583	);
1584
1585	$this->add_control(
1586	'count_color_hover',
1587	[
1588	'label' => esc_html__( 'Text Color', 'betterdocs' ),
1589	'type' => Controls_Manager::COLOR,
1590	'selectors' => [
1591	'{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts:hover span' => 'color: {{VALUE}};'
1592	]
1593	]
1594	);
1595
1596	$this->add_group_control(
1597	Group_Control_Background::get_type(),
1598	[
1599	'name' => 'count_box_bg_hover',
1600	'types' => ['classic', 'gradient'],
1601	'selector' => '{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts:hover',
1602	'exclude' => [
1603	'image'
1604	]
1605	]
1606	);
1607
1608	$this->add_group_control(
1609	Group_Control_Border::get_type(),
1610	[
1611	'name' => 'count_box_border_hover',
1612	'label' => esc_html__( 'Border', 'betterdocs' ),
1613	'selector' => '{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts:hover'
1614
1615	]
1616	);
1617
1618	$this->add_responsive_control(
1619	'count_box_border_radius_hover',
1620	[
1621	'label' => esc_html__( 'Border Radius', 'betterdocs' ),
1622	'type' => Controls_Manager::DIMENSIONS,
1623	'size_units' => ['px', 'em', '%'],
1624	'selectors' => [
1625	'{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts:hover' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
1626	]
1627
1628	]
1629	);
1630
1631	$this->add_group_control(
1632	Group_Control_Box_Shadow::get_type(),
1633	[
1634	'name' => 'count_box_box_shadow_hover',
1635	'selector' => '{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts:hover'
1636	]
1637	);
1638
1639	$this->add_control(
1640	'category_count_transition',
1641	[
1642	'label' => __( 'Transition', 'betterdocs' ),
1643	'type' => Controls_Manager::SLIDER,
1644	'default' => [
1645	'size' => 300,
1646	'unit' => '%'
1647	],
1648	'size_units' => ['%'],
1649	'range' => [
1650	'%' => [
1651	'max' => 2500,
1652	'step' => 1
1653	]
1654	],
1655	'selectors' => [
1656	'{{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-items-counts:hover' => 'transition: {{SIZE}}ms;'
1657
1658	]
1659	]
1660	);
1661
1662	$this->add_control(
1663	'hover_second_color_seperator',
1664	[
1665	'label' => esc_html__( 'Second Color', 'betterdocs' ),
1666	'type' => \Elementor\Controls_Manager::HEADING,
1667	'separator' => 'before',
1668	'condition' => [
1669	'betterdocs_sidebar_layout' => 'layout-1'
1670	]
1671	]
1672	);
1673
1674	$this->add_group_control(
1675	Group_Control_Background::get_type(),
1676	[
1677	'name' => 'count_box_bg_second_hover',
1678	'types' => ['classic', 'gradient'],
1679	'selector' => '{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts:hover span',
1680	'exclude' => [
1681	'image'
1682	],
1683	'condition' => [
1684	'betterdocs_sidebar_layout' => 'layout-1'
1685	]
1686	]
1687	);
1688
1689	$this->end_controls_tab();
1690
1691	$this->end_controls_tabs();
1692
1693	$this->end_controls_section(); # end of 'Count Styles'
1694	}
1695
1696	public function count_style_layout_5() {
1697	/**
1698	* ----------------------------------------------------------
1699	* Section: Count Styles
1700	* ----------------------------------------------------------
1701	*/
1702	$this->start_controls_section(
1703	'section_box_count_styles_layout_5',
1704	[
1705	'label' => __( 'Count', 'betterdocs' ),
1706	'tab' => Controls_Manager::TAB_STYLE,
1707	'condition' => [
1708	'betterdocs_sidebar_layout' => ['layout-5']
1709	]
1710	]
1711	);
1712
1713	$this->add_group_control(
1714	Group_Control_Typography::get_type(),
1715	[
1716	'name' => 'count_typography_normal_layout_5',
1717	'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts span'
1718	]
1719	);
1720
1721	$this->start_controls_tabs( 'box_count_styles_tab_layout_5' );
1722
1723	// Normal State Tab
1724	$this->start_controls_tab(
1725	'count_normal_layout_5',
1726	['label' => esc_html__( 'Normal', 'betterdocs' )]
1727	);
1728
1729	$this->add_control(
1730	'count_color_normal_layout_5',
1731	[
1732	'label' => esc_html__( 'Text Color', 'betterdocs' ),
1733	'type' => Controls_Manager::COLOR,
1734	'selectors' => [
1735	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts span' => 'color: {{VALUE}};'
1736	],
1737	'default' => ''
1738	]
1739	);
1740
1741	$this->add_group_control(
1742	Group_Control_Background::get_type(),
1743	[
1744	'name' => 'count_box_bg_layout_5',
1745	'types' => ['classic', 'gradient'],
1746	'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts span',
1747	'exclude' => [
1748	'image'
1749	],
1750	'fields_options' => [
1751	'background' => [
1752	'default' => 'classic'
1753	],
1754	'color' => [
1755	'default' => ''
1756	]
1757	]
1758	]
1759	);
1760
1761	$this->add_group_control(
1762	Group_Control_Border::get_type(),
1763	[
1764	'name' => 'count_box_border_layout_5',
1765	'label' => esc_html__( 'Border', 'betterdocs' ),
1766	'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts'
1767	]
1768	);
1769
1770	$this->add_responsive_control(
1771	'count_box_border_radius_layout_5',
1772	[
1773	'label' => esc_html__( 'Border Radius', 'betterdocs' ),
1774	'type' => Controls_Manager::DIMENSIONS,
1775	'size_units' => ['px', 'em', '%'],
1776	'selectors' => [
1777	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
1778	]
1779	]
1780	);
1781
1782	$this->add_group_control(
1783	Group_Control_Box_Shadow::get_type(),
1784	[
1785	'name' => 'count_box_box_shadow_layout_5',
1786	'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts'
1787	]
1788	);
1789
1790	$this->add_responsive_control(
1791	'count_box_size_layout_5',
1792	[
1793	'label' => esc_html__( 'Size', 'betterdocs' ),
1794	'type' => Controls_Manager::SLIDER,
1795	'size_units' => ['px', '%', 'em'],
1796	'range' => [
1797	'px' => [
1798	'max' => 500
1799	]
1800	],
1801	'selectors' => [
1802	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts span' => 'height: {{SIZE}}{{UNIT}}; width: {{SIZE}}{{UNIT}};'
1803	]
1804	]
1805	);
1806
1807	$this->add_responsive_control(
1808	'count_spacing_layout_5',
1809	[
1810	'label' => __( 'Spacing', 'betterdocs' ),
1811	'type' => Controls_Manager::DIMENSIONS,
1812	'size_units' => ['px', '%', 'em'],
1813	'selectors' => [
1814	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
1815	]
1816	]
1817	);
1818
1819	$this->end_controls_tab();
1820
1821	// Hover State Tab
1822	$this->start_controls_tab(
1823	'count_hover_layout_5',
1824	['label' => esc_html__( 'Hover', 'betterdocs' )]
1825	);
1826
1827	$this->add_control(
1828	'count_color_hover_layout_5',
1829	[
1830	'label' => esc_html__( 'Text Color', 'betterdocs' ),
1831	'type' => Controls_Manager::COLOR,
1832	'selectors' => [
1833	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts span:hover' => 'color: {{VALUE}};'
1834	]
1835	]
1836	);
1837
1838	$this->add_group_control(
1839	Group_Control_Background::get_type(),
1840	[
1841	'name' => 'count_box_bg_hover_layout_5',
1842	'types' => ['classic', 'gradient'],
1843	'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts span:hover',
1844	'exclude' => [
1845	'image'
1846	]
1847	]
1848	);
1849
1850	$this->add_group_control(
1851	Group_Control_Border::get_type(),
1852	[
1853	'name' => 'count_box_border_hover_layout_5',
1854	'label' => esc_html__( 'Border', 'betterdocs' ),
1855	'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts:hover'
1856
1857	]
1858	);
1859
1860	$this->add_responsive_control(
1861	'count_box_border_radius_hover_layout_5',
1862	[
1863	'label' => esc_html__( 'Border Radius', 'betterdocs' ),
1864	'type' => Controls_Manager::DIMENSIONS,
1865	'size_units' => ['px', 'em', '%'],
1866	'selectors' => [
1867	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts:hover' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
1868	]
1869
1870	]
1871	);
1872
1873	$this->add_group_control(
1874	Group_Control_Box_Shadow::get_type(),
1875	[
1876	'name' => 'count_box_box_shadow_hover_layout_5',
1877	'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts:hover'
1878	]
1879	);
1880
1881	$this->add_control(
1882	'category_count_transition_layout_5',
1883	[
1884	'label' => __( 'Transition', 'betterdocs' ),
1885	'type' => Controls_Manager::SLIDER,
1886	'default' => [
1887	'size' => 300,
1888	'unit' => '%'
1889	],
1890	'size_units' => ['%'],
1891	'range' => [
1892	'%' => [
1893	'max' => 2500,
1894	'step' => 1
1895	]
1896	],
1897	'selectors' => [
1898	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts' => 'transition: {{SIZE}}ms;'
1899
1900	]
1901	]
1902	);
1903
1904	$this->end_controls_tab();
1905
1906	$this->end_controls_tabs();
1907
1908	$this->end_controls_section(); # end of 'Count Styles'
1909	}
1910
1911	public function list_setting() {
1912	/**
1913	* ----------------------------------------------------------
1914	* Section: List Settinggs
1915	* ----------------------------------------------------------
1916	*/
1917	$this->start_controls_section(
1918	'section_article_settings',
1919	[
1920	'label' => __( 'Category List', 'betterdocs' ),
1921	'tab' => Controls_Manager::TAB_STYLE,
1922	'condition' => [
1923	'betterdocs_sidebar_layout' => ['layout-1', 'layout-2', 'layout-3', 'layout-4', 'layout-6']
1924	]
1925	]
1926	);
1927
1928	$this->add_group_control(
1929	Group_Control_Typography::get_type(),
1930	[
1931	'name' => 'list_item_typography',
1932	'selector' => '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li a, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:not(:has(>ul)) a'
1933	]
1934	);
1935
1936	$this->add_control(
1937	'list_color',
1938	[
1939	'label' => esc_html__( 'Color', 'betterdocs' ),
1940	'type' => Controls_Manager::COLOR,
1941	'selectors' => [
1942	'{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li a, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:not(:has(>ul)) a' => 'color: {{VALUE}};'
1943	]
1944	]
1945	);
1946
1947	$this->add_control(
1948	'list_hover_color',
1949	[
1950	'label' => esc_html__( 'Hover Color', 'betterdocs' ),
1951	'type' => Controls_Manager::COLOR,
1952	'selectors' => [
1953	'{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li a:hover, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:not(:has(>ul)) a:hover, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:not(:has(>ul)) a:focus' => 'color: {{VALUE}};'
1954	]
1955	]
1956	);
1957
1958	$this->add_control(
1959	'list_hover_background_color',
1960	[
1961	'label' => __( 'Hover Background Color', 'betterdocs' ),
1962	'type' => Controls_Manager::COLOR,
1963	'selectors' => [
1964	'{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:not(:has(>ul)) a:hover' => 'background-color: {{VALUE}};',
1965	'{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:not(:has(>ul)) a.active' => 'background-color: {{VALUE}};',
1966	'{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:not(:has(>ul)) a:focus' => 'background-color: {{VALUE}};'
1967	],
1968	'condition' => [
1969	'betterdocs_sidebar_layout' => ['layout-6']
1970	]
1971	]
1972	);
1973
1974	$this->add_responsive_control(
1975	'list_margin',
1976	[
1977	'label' => esc_html__( 'List Item Margin', 'betterdocs' ),
1978	'type' => Controls_Manager::DIMENSIONS,
1979	'size_units' => ['px', 'em', '%'],
1980	'selectors' => [
1981	'{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1982	'{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:not(:has(>ul)) a' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
1983	]
1984	]
1985	);
1986
1987	$this->add_responsive_control(
1988	'list_padding',
1989	[
1990	'label' => __( 'List Item Padding', 'betterdocs' ),
1991	'type' => Controls_Manager::DIMENSIONS,
1992	'size_units' => ['px', '%', 'em'],
1993	'selectors' => [
1994	'{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1995	'{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:not(:has(>ul)) a' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
1996	]
1997	]
1998	);
1999
2000	$this->add_responsive_control(
2001	'list_area_padding',
2002	[
2003	'label' => esc_html__( 'List Area Padding', 'betterdocs' ),
2004	'type' => Controls_Manager::DIMENSIONS,
2005	'allowed_dimensions' => 'vertical',
2006	'size_units' => ['px', 'em', '%'],
2007	'selectors' => [
2008	'{{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper .betterdocs-body' => 'padding-top: {{TOP}}{{UNIT}}; padding-bottom: {{BOTTOM}}{{UNIT}};'
2009	],
2010	'condition' => [
2011	'betterdocs_sidebar_layout' => ['layout-1', 'layout-2', 'layout-3', 'layout-4', 'layout-5']
2012	]
2013	]
2014	);
2015
2016	$this->add_control(
2017	'icon_settings_heading',
2018	[
2019	'label' => esc_html__( 'Icon', 'betterdocs' ),
2020	'type' => Controls_Manager::HEADING,
2021	'separator' => 'before',
2022	'condition' => [
2023	'betterdocs_sidebar_layout' => ['layout-1', 'layout-2', 'layout-3', 'layout-4', 'layout-5']
2024	]
2025	]
2026	);
2027
2028	$this->add_control(
2029	'list_icon',
2030	[
2031	'label' => __( 'Icon', 'betterdocs' ),
2032	'type' => Controls_Manager::ICONS,
2033	'default' => [
2034	'value' => 'far fa-file-alt',
2035	'library' => 'fa-regular'
2036	],
2037	'condition' => [
2038	'betterdocs_sidebar_layout' => ['layout-1', 'layout-2', 'layout-3', 'layout-4', 'layout-5']
2039	]
2040	]
2041	);
2042
2043	$this->add_control(
2044	'list_icon_color',
2045	[
2046	'label' => esc_html__( 'Color', 'betterdocs' ),
2047	'type' => Controls_Manager::COLOR,
2048	'selectors' => [
2049	'{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li svg' => 'fill: {{VALUE}};',
2050	'{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li i' => 'color: {{VALUE}};'
2051	],
2052	'condition' => [
2053	'betterdocs_sidebar_layout' => ['layout-1', 'layout-2', 'layout-3', 'layout-4', 'layout-5']
2054	]
2055	]
2056	);
2057
2058	$this->add_responsive_control(
2059	'list_icon_size',
2060	[
2061	'label' => __( 'Size', 'betterdocs' ),
2062	'type' => Controls_Manager::SLIDER,
2063	'size_units' => ['px', '%', 'em'],
2064	'range' => [
2065	'%' => [
2066	'max' => 100,
2067	'step' => 1
2068	]
2069	],
2070	'selectors' => [
2071	'{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li svg' => 'width: {{SIZE}}{{UNIT}};',
2072	'{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li .betterdocs-nested-category-title svg' => 'width: {{SIZE}}{{UNIT}};',
2073	'{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li i' => 'font-size: {{SIZE}}{{UNIT}};',
2074	'{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li .betterdocs-nested-category-title i' => 'font-size: {{SIZE}}{{UNIT}};',
2075	'{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li img' => 'width: {{SIZE}}{{UNIT}}; height:{{SIZE}}{{UNIT}};',
2076	'{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li .betterdocs-nested-category-title img' => 'width: {{SIZE}}{{UNIT}}; height:{{SIZE}}{{UNIT}};'
2077	],
2078	'condition' => [
2079	'betterdocs_sidebar_layout' => ['layout-1', 'layout-2', 'layout-3', 'layout-4', 'layout-5']
2080	]
2081	]
2082	);
2083
2084	$this->add_responsive_control(
2085	'list_icon_spacing',
2086	[
2087	'label' => esc_html__( 'Spacing', 'betterdocs' ),
2088	'type' => Controls_Manager::DIMENSIONS,
2089	'size_units' => ['px', 'em', '%'],
2090	'selectors' => [
2091	'{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li svg' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
2092	'{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li i' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
2093	],
2094	'condition' => [
2095	'betterdocs_sidebar_layout' => ['layout-1', 'layout-2', 'layout-3', 'layout-4', 'layout-5']
2096	]
2097	]
2098	);
2099
2100	$this->end_controls_section(); # end of 'Column Settings'
2101	}
2102
2103	public function list_setting_layout_5() {
2104	/**
2105	* ----------------------------------------------------------
2106	* Section: List Settinggs
2107	* ----------------------------------------------------------
2108	*/
2109	$this->start_controls_section(
2110	'section_article_settings_layout_5',
2111	[
2112	'label' => __( 'Category List', 'betterdocs' ),
2113	'tab' => Controls_Manager::TAB_STYLE,
2114	'condition' => [
2115	'betterdocs_sidebar_layout' => ['layout-5']
2116	]
2117	]
2118	);
2119
2120	$this->add_group_control(
2121	Group_Control_Typography::get_type(),
2122	[
2123	'name' => 'list_item_typography_layout_5',
2124	'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li a'
2125	]
2126	);
2127
2128	$this->add_control(
2129	'list_color_layout_5',
2130	[
2131	'label' => esc_html__( 'Color', 'betterdocs' ),
2132	'type' => Controls_Manager::COLOR,
2133	'selectors' => [
2134	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li a' => 'color: {{VALUE}};'
2135	]
2136	]
2137	);
2138
2139	$this->add_control(
2140	'list_background_color_layout_5',
2141	[
2142	'label' => esc_html__( 'Background Color', 'betterdocs' ),
2143	'type' => Controls_Manager::COLOR,
2144	'selectors' => [
2145	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li a' => 'background-color: {{VALUE}};'
2146	]
2147	]
2148	);
2149
2150	$this->add_control(
2151	'list_outer_background_color_layout_5',
2152	[
2153	'label' => esc_html__( 'Outer Background Color', 'betterdocs' ),
2154	'type' => Controls_Manager::COLOR,
2155	'default' => '#fff',
2156	'selectors' => [
2157	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner' => 'background-color: {{VALUE}};'
2158	]
2159	]
2160	);
2161
2162	$this->add_control(
2163	'list_background_hover_color_layout_5',
2164	[
2165	'label' => esc_html__( 'Background Hover Color', 'betterdocs' ),
2166	'type' => Controls_Manager::COLOR,
2167	'selectors' => [
2168	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li a:hover' => 'background-color: {{VALUE}};'
2169	]
2170	]
2171	);
2172
2173	$this->add_control(
2174	'list_hover_color_layout_5',
2175	[
2176	'label' => esc_html__( 'Hover Color', 'betterdocs' ),
2177	'type' => Controls_Manager::COLOR,
2178	'selectors' => [
2179	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li a:hover' => 'color: {{VALUE}};'
2180	]
2181	]
2182	);
2183
2184	$this->add_responsive_control(
2185	'list_margin_layout_5',
2186	[
2187	'label' => esc_html__( 'List Item Spacing', 'betterdocs' ),
2188	'type' => Controls_Manager::DIMENSIONS,
2189	'size_units' => ['px', 'em', '%'],
2190	'selectors' => [
2191	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li a' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
2192	]
2193	]
2194	);
2195
2196	$this->add_responsive_control(
2197	'list_area_padding_layout_5',
2198	[
2199	'label' => esc_html__( 'List Area Padding', 'betterdocs' ),
2200	'type' => Controls_Manager::DIMENSIONS,
2201	'allowed_dimensions' => 'vertical',
2202	'size_units' => ['px', 'em', '%'],
2203	'selectors' => [
2204	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li a' => 'padding-top: {{TOP}}{{UNIT}}; padding-bottom: {{BOTTOM}}{{UNIT}};'
2205	]
2206	]
2207	);
2208
2209	$this->add_control(
2210	'list_border_color_layout_5',
2211	[
2212	'label' => esc_html__( 'Active Border Color', 'betterdocs' ),
2213	'type' => Controls_Manager::COLOR,
2214	'selectors' => [
2215	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper.active.default.show:before' => 'background: {{VALUE}};'
2216	]
2217	]
2218	);
2219
2220	$this->add_responsive_control(
2221	'list_border_width_layout_5',
2222	[
2223	'label' => esc_html__( 'Active Border Width', 'betterdocs' ),
2224	'type' => Controls_Manager::SLIDER,
2225	'size_units' => ['px', '%', 'em'],
2226	'range' => [
2227	'px' => [
2228	'max' => 500
2229	]
2230	],
2231	'selectors' => [
2232	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper.active.default.show:before' => 'width: {{SIZE}}{{UNIT}};'
2233	]
2234	]
2235	);
2236
2237	$this->end_controls_section(); # end of 'Column Settings'
2238	}
2239
2240	/**
2241	* ----------------------------------------------------------
2242	* Section: Sub List Settinggs
2243	* ----------------------------------------------------------
2244	*/
2245	public function sub_list_setting() {
2246
2247	$this->start_controls_section(
2248	'section_sub_list_settings',
2249	[
2250	'label' => __( 'Sub-Category List', 'betterdocs' ),
2251	'tab' => Controls_Manager::TAB_STYLE,
2252	'condition' => [
2253	'betterdocs_sidebar_layout' => ['layout-1', 'layout-2', 'layout-3', 'layout-4', 'layout-6']
2254	]
2255	]
2256	);
2257
2258	$this->add_group_control(
2259	Group_Control_Typography::get_type(),
2260	[
2261	'name' => 'sub_list_item_typography',
2262	'selector' => '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list .betterdocs-nested-category-list li a, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li ul li a'
2263	]
2264	);
2265
2266	$this->add_control(
2267	'sub_list_color',
2268	[
2269	'label' => esc_html__( 'Color', 'betterdocs' ),
2270	'type' => Controls_Manager::COLOR,
2271	'selectors' => [
2272	'{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list .betterdocs-nested-category-list a, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li ul li a' => 'color: {{VALUE}};'
2273	]
2274	]
2275	);
2276
2277	$this->add_control(
2278	'sub_list_hover_color',
2279	[
2280	'label' => esc_html__( 'Hover Color', 'betterdocs' ),
2281	'type' => Controls_Manager::COLOR,
2282	'selectors' => [
2283	'{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list .betterdocs-nested-category-list a:hover, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li ul li a:hover, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li ul li a:focus' => 'color: {{VALUE}};'
2284	]
2285	]
2286	);
2287
2288	$this->add_responsive_control(
2289	'sub_list_margin',
2290	[
2291	'label' => esc_html__( 'List Item Spacing', 'betterdocs' ),
2292	'type' => Controls_Manager::DIMENSIONS,
2293	'size_units' => ['px', 'em', '%'],
2294	'selectors' => [
2295	'{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list .betterdocs-nested-category-list li' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
2296	]
2297	]
2298	);
2299
2300	$this->add_responsive_control(
2301	'sub_list_area_padding',
2302	[
2303	'label' => esc_html__( 'List Area Padding', 'betterdocs' ),
2304	'type' => Controls_Manager::DIMENSIONS,
2305	'allowed_dimensions' => 'vertical',
2306	'size_units' => ['px', 'em', '%'],
2307	'selectors' => [
2308	'{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list .betterdocs-nested-category-list li' => 'padding-top: {{TOP}}{{UNIT}}; padding-bottom: {{BOTTOM}}{{UNIT}};'
2309	]
2310	]
2311	);
2312
2313	$this->add_responsive_control(
2314	'sub_list_icon_spacing',
2315	[
2316	'label' => esc_html__( 'Spacing', 'betterdocs' ),
2317	'type' => Controls_Manager::DIMENSIONS,
2318	'size_units' => ['px', 'em', '%'],
2319	'selectors' => [
2320	'{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list .betterdocs-nested-category-list li svg' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
2321	]
2322	]
2323	);
2324
2325	$this->end_controls_section(); # end of 'Column Settings'
2326	}
2327
2328	public function sub_list_setting_layout_5() {
2329	$this->start_controls_section(
2330	'section_sub_list_settings_layout_5',
2331	[
2332	'label' => __( 'Sub-Category List', 'betterdocs' ),
2333	'tab' => Controls_Manager::TAB_STYLE,
2334	'condition' => [
2335	'betterdocs_sidebar_layout' => ['layout-5']
2336	]
2337	]
2338	);
2339
2340	$this->add_group_control(
2341	Group_Control_Typography::get_type(),
2342	[
2343	'name' => 'sub_list_item_typography_layout_5',
2344	'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-list li a'
2345	]
2346	);
2347
2348	$this->add_control(
2349	'sub_list_color_layout_5',
2350	[
2351	'label' => esc_html__( 'Color', 'betterdocs' ),
2352	'type' => Controls_Manager::COLOR,
2353	'selectors' => [
2354	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-list li a' => 'color: {{VALUE}};'
2355	]
2356	]
2357	);
2358
2359	$this->add_control(
2360	'sub_list_hover_color_layout_5',
2361	[
2362	'label' => esc_html__( 'Hover Color', 'betterdocs' ),
2363	'type' => Controls_Manager::COLOR,
2364	'selectors' => [
2365	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-list li a:hover' => 'color: {{VALUE}};'
2366	]
2367	]
2368	);
2369
2370	$this->add_control(
2371	'sub_list_background_color_layout_5',
2372	[
2373	'label' => esc_html__( 'Background Color', 'betterdocs' ),
2374	'type' => Controls_Manager::COLOR,
2375	'selectors' => [
2376	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-list li a' => 'background-color: {{VALUE}};'
2377	]
2378	]
2379	);
2380
2381	$this->add_control(
2382	'sub_list_background_hover_color_layout_5',
2383	[
2384	'label' => esc_html__( 'Background Hover Color', 'betterdocs' ),
2385	'type' => Controls_Manager::COLOR,
2386	'selectors' => [
2387	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-list li a:hover' => 'background-color: {{VALUE}};'
2388	]
2389	]
2390	);
2391
2392	$this->add_responsive_control(
2393	'sub_list_margin_layout_5',
2394	[
2395	'label' => esc_html__( 'List Item Spacing', 'betterdocs' ),
2396	'type' => Controls_Manager::DIMENSIONS,
2397	'size_units' => ['px', 'em', '%'],
2398	'selectors' => [
2399	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-list li a' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
2400	]
2401	]
2402	);
2403
2404	$this->add_responsive_control(
2405	'sub_list_area_padding_layout_5',
2406	[
2407	'label' => esc_html__( 'List Area Padding', 'betterdocs' ),
2408	'type' => Controls_Manager::DIMENSIONS,
2409	'allowed_dimensions' => 'vertical',
2410	'size_units' => ['px', 'em', '%'],
2411	'selectors' => [
2412	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-list li a' => 'padding-top: {{TOP}}{{UNIT}}; padding-bottom: {{BOTTOM}}{{UNIT}};'
2413	]
2414	]
2415	);
2416
2417	$this->add_responsive_control(
2418	'sub_list_icon_spacing_layout_5',
2419	[
2420	'label' => esc_html__( 'Spacing', 'betterdocs' ),
2421	'type' => Controls_Manager::DIMENSIONS,
2422	'size_units' => ['px', 'em', '%'],
2423	'selectors' => [
2424	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-list li a' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
2425	]
2426	]
2427	);
2428
2429	$this->end_controls_section(); # end of 'Column Settings'
2430	}
2431
2432	public function sidebar_search_layout_5() {
2433	$this->start_controls_section(
2434	'sidebar_search',
2435	[
2436	'label' => __( 'Sidebar Search', 'betterdocs' ),
2437	'tab' => Controls_Manager::TAB_STYLE,
2438	'condition' => [
2439	'betterdocs_sidebar_layout' => ['layout-5']
2440	]
2441	]
2442	);
2443
2444	$this->add_group_control(
2445	Group_Control_Typography::get_type(),
2446	[
2447	'name' => 'sidebar_search_typography',
2448	'selector' => '{{WRAPPER}} betterdocs-search-popup .betterdocs-searchform .betterdocs-searchform-input-wrap .betterdocs-search-command'
2449	]
2450	);
2451
2452	$this->add_control(
2453	'sidebar_search_color',
2454	[
2455	'label' => esc_html__( 'Color', 'betterdocs' ),
2456	'type' => Controls_Manager::COLOR,
2457	'selectors' => [
2458	'{{WRAPPER}} .betterdocs-search-popup .betterdocs-searchform .betterdocs-searchform-input-wrap .betterdocs-search-command' => 'color: {{VALUE}};'
2459	]
2460	]
2461	);
2462
2463	$this->add_control(
2464	'sidebar_search_background_color',
2465	[
2466	'label' => esc_html__( 'Background Color', 'betterdocs' ),
2467	'type' => Controls_Manager::COLOR,
2468	'default' => '#f9fafb',
2469	'selectors' => [
2470	'{{WRAPPER}} .betterdocs-live-search.betterdocs-search-popup .betterdocs-searchform' => 'background-color: {{VALUE}};'
2471	]
2472	]
2473	);
2474
2475	$this->add_responsive_control(
2476	'sidebar_search_icon_size',
2477	[
2478	'label' => esc_html__( 'Size', 'betterdocs' ),
2479	'type' => Controls_Manager::SLIDER,
2480	'size_units' => ['px', '%', 'em'],
2481	'range' => [
2482	'px' => [
2483	'max' => 500
2484	]
2485	],
2486	'selectors' => [
2487	'{{WRAPPER}} .betterdocs-search-popup .betterdocs-searchform .betterdocs-searchform-input-wrap svg' => 'height: {{SIZE}}{{UNIT}}; width: {{SIZE}}{{UNIT}};'
2488	]
2489	]
2490	);
2491
2492	$this->end_controls_section();
2493	}
2494
2495	public function sidebar_search_modal_layout_5() {
2496	$this->start_controls_section(
2497	'sidebar_search_modal',
2498	[
2499	'label' => __( 'Sidebar Search Modal', 'betterdocs' ),
2500	'tab' => Controls_Manager::TAB_STYLE,
2501	'condition' => [
2502	'betterdocs_sidebar_layout' => ['layout-5']
2503	]
2504	]
2505	);
2506
2507	$this->add_control(
2508	'sidebar_search_modal_field',
2509	[
2510	'label' => esc_html__( 'Search Field', 'betterdocs' ),
2511	'type' => \Elementor\Controls_Manager::HEADING,
2512	'separator' => 'before'
2513	]
2514	);
2515
2516	$this->add_responsive_control(
2517	'sidebar_search_magnifier_color',
2518	[
2519	'label' => esc_html__( 'Magnifier Color', 'betterdocs' ),
2520	'type' => Controls_Manager::COLOR,
2521	'selectors' => [
2522	'{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-header svg g path' => 'fill: {{VALUE}};'
2523	]
2524	]
2525	);
2526
2527	$this->add_responsive_control(
2528	'sidebar_search_field_background_color',
2529	[
2530	'label' => esc_html__( 'Field Background Color', 'betterdocs' ),
2531	'type' => Controls_Manager::COLOR,
2532	'selectors' => [
2533	'{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-header .betterdocs-searchform-input-wrap' => 'background-color: {{VALUE}};'
2534	]
2535	]
2536	);
2537
2538	$this->add_group_control(
2539	Group_Control_Typography::get_type(),
2540	[
2541	'name' => 'sidebar_search_modal_field_typography',
2542	'selector' => '{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-header .betterdocs-searchform-input-wrap .betterdocs-search-field'
2543	]
2544	);
2545
2546	$this->add_responsive_control(
2547	'sidebar_search_modal_field_color',
2548	[
2549	'label' => esc_html__( 'Field Color', 'betterdocs' ),
2550	'type' => Controls_Manager::COLOR,
2551	'selectors' => [
2552	'{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-header .betterdocs-searchform-input-wrap .betterdocs-search-field' => 'color: {{VALUE}};'
2553	]
2554	]
2555	);
2556
2557	$this->add_responsive_control(
2558	'sidebar_search_modal_field_placeholder_color',
2559	[
2560	'label' => esc_html__( 'Field Placeholder Color', 'betterdocs' ),
2561	'type' => Controls_Manager::COLOR,
2562	'selectors' => [
2563	'{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-header .betterdocs-searchform-input-wrap .betterdocs-search-field::placeholder' => 'color: {{VALUE}};'
2564	]
2565	]
2566	);
2567
2568	$this->add_control(
2569	'sidebar_search_modal_category_section',
2570	[
2571	'label' => esc_html__( 'Search Category', 'betterdocs' ),
2572	'type' => \Elementor\Controls_Manager::HEADING,
2573	'separator' => 'before'
2574	]
2575	);
2576
2577	$this->add_responsive_control(
2578	'sidebar_search_modal_categories_color',
2579	[
2580	'label' => esc_html__( 'Color', 'betterdocs' ),
2581	'type' => Controls_Manager::COLOR,
2582	'selectors' => [
2583	'{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-header .betterdocs-select-option-wrapper .betterdocs-form-select' => 'color: {{VALUE}};'
2584	]
2585	]
2586	);
2587
2588	$this->add_group_control(
2589	Group_Control_Typography::get_type(),
2590	[
2591	'name' => 'sidebar_search_modal_categories_typography',
2592	'selector' => '{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-header .betterdocs-select-option-wrapper .betterdocs-form-select'
2593	]
2594	);
2595
2596	$this->add_control(
2597	'sidebar_search_modal_content_tabs',
2598	[
2599	'label' => esc_html__( 'Content Tabs', 'betterdocs' ),
2600	'type' => \Elementor\Controls_Manager::HEADING,
2601	'separator' => 'before'
2602	]
2603	);
2604
2605	$this->add_group_control(
2606	Group_Control_Typography::get_type(),
2607	[
2608	'name' => 'sidebar_search_modal_content_tabs_typography',
2609	'selector' => '{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-info-tab .betterdocs-tab-items span'
2610	]
2611	);
2612
2613	$this->add_control(
2614	'sidebar_search_modal_content_tabs_icon_size',
2615	[
2616	'label' => __( 'Icon Size', 'betterdocs' ),
2617	'type' => Controls_Manager::SLIDER,
2618	'size_units' => ['px', '%'],
2619	'range' => [
2620	'px' => [
2621	'min' => 0,
2622	'max' => 1000,
2623	'step' => 5
2624	],
2625	'%' => [
2626	'min' => 0,
2627	'max' => 100
2628	]
2629	],
2630	'selectors' => [
2631	'{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-info-tab .betterdocs-tab-items span svg' => 'height: {{SIZE}}{{UNIT}}; width:{{SIZE}}{{UNIT}};'
2632	]
2633	]
2634	);
2635
2636	$this->add_group_control(
2637	Group_Control_Border::get_type(),
2638	[
2639	'name' => 'sidebar_search_modal_content_active_tab_border',
2640	'label' => esc_html__( 'Border', 'betterdocs' ),
2641	'selector' => '{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-info-tab .betterdocs-tab-items.active'
2642	]
2643	);
2644
2645	$this->add_control(
2646	'sidebar_search_modal_content_list',
2647	[
2648	'label' => esc_html__( 'Content List', 'betterdocs' ),
2649	'type' => \Elementor\Controls_Manager::HEADING,
2650	'separator' => 'before'
2651	]
2652	);
2653
2654	$this->add_group_control(
2655	Group_Control_Typography::get_type(),
2656	[
2657	'name' => 'sidebar_search_modal_content_list_typography',
2658	'selector' => '{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list .content-main h4'
2659	]
2660	);
2661
2662	$this->add_responsive_control(
2663	'sidebar_search_modal_content_list_color',
2664	[
2665	'label' => esc_html__( 'Color', 'betterdocs' ),
2666	'type' => Controls_Manager::COLOR,
2667	'selectors' => [
2668	'{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list .content-main h4' => 'color: {{VALUE}};'
2669	]
2670	]
2671	);
2672
2673	$this->add_control(
2674	'sidebar_search_modal_content_list_icon_size',
2675	[
2676	'label' => __( 'Icon Size', 'betterdocs' ),
2677	'type' => Controls_Manager::SLIDER,
2678	'size_units' => ['px', '%'],
2679	'range' => [
2680	'px' => [
2681	'min' => 0,
2682	'max' => 1000,
2683	'step' => 5
2684	],
2685	'%' => [
2686	'min' => 0,
2687	'max' => 100
2688	]
2689	],
2690	'selectors' => [
2691	'{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list .content-main svg' => 'height: {{SIZE}}{{UNIT}}; width:{{SIZE}}{{UNIT}};'
2692	]
2693	]
2694	);
2695
2696	$this->add_group_control(
2697	Group_Control_Border::get_type(),
2698	[
2699	'name' => 'sidebar_search_modal_content_list_border',
2700	'label' => esc_html__( 'Border', 'betterdocs' ),
2701	'selector' => '{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list'
2702	]
2703	);
2704
2705	$this->add_control(
2706	'sidebar_search_modal_content_list_category',
2707	[
2708	'label' => esc_html__( 'Content List Category', 'betterdocs' ),
2709	'type' => \Elementor\Controls_Manager::HEADING,
2710	'separator' => 'before'
2711	]
2712	);
2713
2714	$this->add_group_control(
2715	Group_Control_Typography::get_type(),
2716	[
2717	'name' => 'sidebar_search_modal_content_list_category_typography',
2718	'selector' => '{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list .content-sub h5'
2719	]
2720	);
2721
2722	$this->add_responsive_control(
2723	'sidebar_search_modal_content_list_category_color',
2724	[
2725	'label' => esc_html__( 'Color', 'betterdocs' ),
2726	'type' => Controls_Manager::COLOR,
2727	'selectors' => [
2728	'{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list .content-sub h5' => 'color: {{VALUE}};'
2729	]
2730	]
2731	);
2732
2733	$this->add_control(
2734	'sidebar_search_modal_content_list_category_icon_size',
2735	[
2736	'label' => __( 'Icon Size', 'betterdocs' ),
2737	'type' => Controls_Manager::SLIDER,
2738	'size_units' => ['px', '%'],
2739	'range' => [
2740	'px' => [
2741	'min' => 0,
2742	'max' => 1000,
2743	'step' => 5
2744	],
2745	'%' => [
2746	'min' => 0,
2747	'max' => 100
2748	]
2749	],
2750	'selectors' => [
2751	'{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list .content-sub svg' => 'height: {{SIZE}}{{UNIT}}; width:{{SIZE}}{{UNIT}};'
2752	]
2753	]
2754	);
2755
2756	$this->end_controls_section();
2757	}
2758
2759
2760
2761	public function sub_category_list_style_layout_6() {
2762	$this->start_controls_section(
2763	'section_sub_category_list_style_layout_6',
2764	[
2765	'label' => __( 'Sub Category List', 'betterdocs' ),
2766	'tab' => Controls_Manager::TAB_STYLE,
2767	'condition' => [
2768	'betterdocs_sidebar_layout' => ['layout-6']
2769	]
2770	]
2771	);
2772
2773	$this->add_group_control(
2774	Group_Control_Typography::get_type(),
2775	[
2776	'name' => 'sub_category_list_typography_layout_6',
2777	'selector' => '{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:has(>ul) > a'
2778	]
2779	);
2780
2781	$this->add_control(
2782	'sub_category_list_color_layout_6',
2783	[
2784	'label' => __( 'Color', 'betterdocs' ),
2785	'type' => Controls_Manager::COLOR,
2786	'selectors' => [
2787	'{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:has(>ul) > a' => 'color: {{VALUE}};'
2788	]
2789	]
2790	);
2791
2792	$this->add_control(
2793	'sub_category_list_hover_color_layout_6',
2794	[
2795	'label' => __( 'Hover Color', 'betterdocs' ),
2796	'type' => Controls_Manager::COLOR,
2797	'selectors' => [
2798	'{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:has(>ul) > a:hover' => 'color: {{VALUE}};',
2799	'{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:has(>ul) > a:focus' => 'color: {{VALUE}};'
2800	]
2801	]
2802	);
2803
2804	$this->add_control(
2805	'sub_category_list_hover_background_color_layout_6',
2806	[
2807	'label' => __( 'Hover Background Color', 'betterdocs' ),
2808	'type' => Controls_Manager::COLOR,
2809	'default' => '#e8fff4',
2810	'selectors' => [
2811	'{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:has(>ul) > a:hover' => 'background-color: {{VALUE}};',
2812	'{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:has(>ul) > a:focus' => 'background-color: {{VALUE}};'
2813	]
2814	]
2815	);
2816
2817	$this->add_responsive_control(
2818	'sub_category_list_padding_layout_6',
2819	[
2820	'label' => esc_html__( 'Padding', 'betterdocs' ),
2821	'type' => Controls_Manager::DIMENSIONS,
2822	'size_units' => ['px', 'em', '%'],
2823	'selectors' => [
2824	'{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:has(>ul) > a' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
2825	]
2826	]
2827	);
2828
2829	$this->add_control(
2830	'sub_category_nested_list_heading',
2831	[
2832	'label' => __( 'Nested List Items', 'betterdocs' ),
2833	'type' => Controls_Manager::HEADING,
2834	'separator' => 'before'
2835	]
2836	);
2837
2838	$this->add_group_control(
2839	Group_Control_Typography::get_type(),
2840	[
2841	'name' => 'sub_category_nested_list_typography_layout_6',
2842	'selector' => '{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li ul li a'
2843	]
2844	);
2845
2846	$this->add_control(
2847	'sub_category_nested_list_color_layout_6',
2848	[
2849	'label' => __( 'Color', 'betterdocs' ),
2850	'type' => Controls_Manager::COLOR,
2851	'selectors' => [
2852	'{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li ul li a' => 'color: {{VALUE}};'
2853	]
2854	]
2855	);
2856
2857	$this->add_control(
2858	'sub_category_nested_list_hover_color_layout_6',
2859	[
2860	'label' => __( 'Hover Color', 'betterdocs' ),
2861	'type' => Controls_Manager::COLOR,
2862	'selectors' => [
2863	'{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li ul li a:hover' => 'color: {{VALUE}};',
2864	'{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li ul li a:focus' => 'color: {{VALUE}};'
2865	]
2866	]
2867	);
2868
2869	$this->add_control(
2870	'sub_category_nested_list_hover_background_color_layout_6',
2871	[
2872	'label' => __( 'Hover Background Color', 'betterdocs' ),
2873	'type' => Controls_Manager::COLOR,
2874	'default' => '#e8fff4',
2875	'selectors' => [
2876	'{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li ul li a:hover' => 'background-color: {{VALUE}};',
2877	'{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li ul li a:focus' => 'background-color: {{VALUE}};'
2878	]
2879	]
2880	);
2881
2882	$this->add_responsive_control(
2883	'sub_category_nested_list_padding_layout_6',
2884	[
2885	'label' => esc_html__( 'Padding', 'betterdocs' ),
2886	'type' => Controls_Manager::DIMENSIONS,
2887	'size_units' => ['px', 'em', '%'],
2888	'selectors' => [
2889	'{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li ul li a' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
2890	]
2891	]
2892	);
2893
2894	$this->end_controls_section();
2895	}
2896
2897	protected function render_callback() {
2898	$settings = $this->get_settings_for_display();
2899	$this->attributes = &$settings;
2900
2901	$layout = isset( $settings['betterdocs_sidebar_layout'] ) ? $settings['betterdocs_sidebar_layout'] : 'layout-1';
2902	$layout = str_replace( 'layout-', '', $layout );
2903
2904	$sidebar_layout = $layout;
2905
2906	if ( ! betterdocs()->is_pro_active() && ( $sidebar_layout == 2 \|\| $sidebar_layout == 3 ) ) {
2907	$sidebar_layout = 1;
2908	}
2909
2910	if ( $sidebar_layout == 5 ) {
2911	$sidebar_layout = 7;
2912	}
2913
2914	if ( $sidebar_layout == 6 ) {
2915	$sidebar_layout = 8;
2916	}
2917
2918	$this->views( 'templates/sidebars/sidebar-' . $sidebar_layout );
2919
2920	if ( $settings['enable_sticky_toc'] == 1 && $layout == 1 ) {
2921	betterdocs()->views->get( 'templates/parts/sticky-toc' );
2922	}
2923
2924	if ( Plugin::instance()->editor->is_edit_mode() ) {
2925	$this->render_editor_script();
2926	}
2927	}
2928
2929	public function view_params() {
2930	/**
2931	* Localize This In Order To Know If This Block Is Arriving From Betterdocs Templates Or Not
2932	*/
2933	betterdocs()->assets->localize( 'betterdocs-category-grid', 'betterdocsCategoryGridConfig', [
2934	'is_betterdocs_templates' => betterdocs()->helper->is_templates() ? true : false
2935	] );
2936
2937	$settings = &$this->attributes;
2938	$default_multiple_kb = (bool) betterdocs()->editor->get( 'elementor' )->multiple_kb_status();
2939	$kb_slug = isset( $settings['selected_knowledge_base'] ) ? $settings['selected_knowledge_base'] : '';
2940
2941	if ( $settings['betterdocs_sidebar_layout'] == 'layout-5' \|\| $settings['betterdocs_sidebar_layout'] == 'layout-6' ) {
2942	$settings['list_icon'] = [
2943	'value' => [
2944	'url' => ''
2945	]
2946	];
2947	}
2948
2949	$params = [
2950	'wrapper_attr' => [
2951	'class' => ['betterdocs-elementor-single-sidebar']
2952	],
2953	'shortcode_attr' => [
2954	'layout_type' => 'widget',
2955	'list_icon_url' => '',
2956	'list_icon_name' => is_array( $settings['list_icon']['value'] ) ? $settings['list_icon']['value']['url'] : $settings['list_icon']['value'],
2957	'terms_order' => $settings['order'],
2958	'terms_orderby' => $settings['orderby'],
2959	'orderby' => $settings['post_orderby'],
2960	'order' => $settings['post_order'],
2961	'terms_include' => array_diff( $settings['include'], (array) $settings['exclude'] ),
2962	'terms_exclude' => $settings['exclude'],
2963	'terms_offset' => $settings['offset'],
2964	'nested_subcategory' => $settings['nested_subcategory'],
2965	'multiple_knowledge_base' => $default_multiple_kb,
2966	'kb_slug' => $kb_slug,
2967	'sidebar_list' => true,
2968	'disable_customizer_style' => true,
2969	'posts_per_page' => -1,
2970	'title_tag' => $settings['category_title_tag'],
2971	'sidebar_layout' => $settings['betterdocs_sidebar_layout']
2972	]
2973	];
2974
2975	if ( $settings['betterdocs_sidebar_layout'] == 'layout-1' ) {
2976	$params['shortcode_attr']['show_icon'] = $settings['show_icon'];
2977	$params['shortcode_attr']['show_count'] = $settings['show_count'];
2978	}
2979
2980	if ( $settings['betterdocs_sidebar_layout'] == 'layout-4' \|\| $settings['betterdocs_sidebar_layout'] == 'layout-3' ) {
2981	$params['shortcode_attr']['show_icon'] = false;
2982	$params['shortcode_attr']['show_count'] = false;
2983	}
2984
2985	if ( $settings['betterdocs_sidebar_layout'] == 'layout-5' ) {
2986	$params['number_of_docs'] = $settings['initial_docs_number'];
2987	$params['number_of_faqs'] = $settings['initial_faqs_number'];
2988	$params['doc_ids'] = $settings['search_modal_query_doc_ids'];
2989	$params['doc_term_ids'] = $settings['search_modal_query_term_ids'] ;
2990	$params['faq_term_ids'] = $settings['search_modal_query_faq_term_ids'];
2991	$params['sidebar_search'] = $settings['sidebar_search_toggle'];
2992	}
2993	return $params;
2994	}
2995
2996	public function render_editor_script() {
2997	$this->views( 'templates/sidebars/editor' );
2998	}
2999	}
3000