← All changes | includes/utils/testimonial-component.php +1627 -1561 1.0.0 → 1.3.18 View file →

		@@ -1,1561 +1,1627 @@
1		-<?php
2		-namespace UiCoreElements\Utils;
3		-
4		-use Elementor\Controls_Manager;
5		-use Elementor\Plugin;
6		-use Elementor\Utils;
7		-use Elementor\Repeater;
8		-use Elementor\Icons_Manager;
9		-use Elementor\Group_Control_Image_Size;
10		-use Elementor\Group_Control_Box_Shadow;
11		-use Elementor\Group_Control_Border;
12		-use Elementor\Group_Control_Typography;
13		-use Elementor\Group_Control_Text_Shadow;
14		-use Elementor\Core\Kits\Documents\Tabs\Global_Colors;
15		-use UiCoreElements\Helper;
16		-
17		-
18		-defined('ABSPATH') || exit();
19		-
20		-trait Testimonial_Trait {
21		-
22		- // Content Controls Functions
23		- function register_testimonial_repeater_controls($logo)
24		- {
25		- $this->start_controls_section(
26		- 'section_reviewer_content',
27		- [
28		- 'label' => __($logo, 'uicore-elements'),
29		- 'tab' => Controls_Manager::TAB_CONTENT,
30		- ]
31		- );
32		-
33		- $repeater = new Repeater();
34		-
35		- $repeater->add_control(
36		- 'avatar',
37		- [
38		- 'label' => __('Avatar', 'uicore-elements'),
39		- 'type' => Controls_Manager::MEDIA,
40		- 'render_type' => 'template',
41		- 'dynamic' => [
42		- 'active' => true,
43		- ],
44		- 'default' => [
45		- 'url' => Utils::get_placeholder_image_src(),
46		- ],
47		- ]
48		- );
49		- $repeater->add_control(
50		- 'reviewer_name',
51		- [
52		- 'label' => __('Name', 'uicore-elements'),
53		- 'type' => Controls_Manager::TEXT,
54		- 'dynamic' => [
55		- 'active' => true,
56		- ],
57		- 'default' => __('Adam Smith', 'uicore-elements'),
58		- 'placeholder' => __('Enter reviewer name', 'uicore-elements'),
59		- 'label_block' => true,
60		- ]
61		- );
62		- $repeater->add_control(
63		- 'reviewer_job_title',
64		- [
65		- 'label' => __('Job Title', 'uicore-elements'),
66		- 'type' => Controls_Manager::TEXT,
67		- 'dynamic' => [
68		- 'active' => true,
69		- ],
70		- 'default' => __('SEO Expert', 'uicore-elements'),
71		- 'placeholder' => __('Enter reviewer job title', 'uicore-elements'),
72		- 'label_block' => true,
73		- ]
74		- );
75		- $repeater->add_control(
76		- 'rating_number',
77		- [
78		- 'label' => __( 'Rating', 'uicore-elements' ),
79		- 'type' => Controls_Manager::SLIDER,
80		- 'size_units' => [ 'px' ],
81		- 'default' => [
82		- 'size' => 4.5,
83		- ],
84		- 'range' => [
85		- 'px' => [
86		- 'min' => 0,
87		- 'max' => 5,
88		- 'step' => .5,
89		- ],
90		- ],
91		- 'dynamic' => [
92		- 'active' => true,
93		- ],
94		- ]
95		- );
96		- $repeater->add_control(
97		- 'review_text',
98		- [
99		- 'label' => __('Review Text', 'uicore-elements'),
100		- 'type' => Controls_Manager::WYSIWYG,
101		- 'dynamic' => [
102		- 'active' => true,
103		- ],
104		- 'default' => __('Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.', 'uicore-elements'),
105		- 'placeholder' => __('Enter review text', 'uicore-elements'),
106		- ]
107		- );
108		- $repeater->add_control(
109		- 'image',
110		- [
111		- 'label' => __('Secondary Image', 'uicore-elements'),
112		- 'type' => Controls_Manager::MEDIA,
113		- 'render_type' => 'template',
114		- 'dynamic' => [
115		- 'active' => true,
116		- ],
117		- 'default' => [
118		- 'url' => Utils::get_placeholder_image_src(),
119		- ],
120		- ]
121		- );
122		- $this->add_control(
123		- 'review_items',
124		- [
125		- 'show_label' => false,
126		- 'type' => Controls_Manager::REPEATER,
127		- 'fields' => $repeater->get_controls(),
128		- 'title_field' => '{{{ reviewer_name }}}',
129		- 'default' => [
130		- [
131		- 'reviewer_name' => __( 'Adam', 'uicore-elements' ),
132		- 'reviewer_job_title' => __( 'SEO Expert', 'uicore-elements' ),
133		- ],
134		- [
135		- 'reviewer_name' => __( 'Karl', 'uicore-elements' ),
136		- 'reviewer_job_title' => __( 'Designer', 'uicore-elements' ),
137		- ],
138		- [
139		- 'reviewer_name' => __( 'Maria', 'uicore-elements' ),
140		- 'reviewer_job_title' => __( 'Developer', 'uicore-elements' ),
141		- ],
142		- [
143		- 'reviewer_name' => __( 'Michael', 'uicore-elements' ),
144		- 'reviewer_job_title' => __( 'Manager', 'uicore-elements' ),
145		- ],
146		- [
147		- 'reviewer_name' => __( 'Lena', 'uicore-elements' ),
148		- 'reviewer_job_title' => __( 'CEO', 'uicore-elements' ),
149		- ],
150		- [
151		- 'reviewer_name' => __( 'Jennifer', 'uicore-elements' ),
152		- 'reviewer_job_title' => __( 'Consultant', 'uicore-elements' ),
153		- ],
154		- ]
155		- ]
156		- );
157		-
158		- $this->end_controls_section();
159		- }
160		- function register_testimonial_additional_controls()
161		- {
162		- $this->add_control(
163		- 'show_reviewer_name',
164		- [
165		- 'label' => __('Show Name', 'uicore-elements'),
166		- 'type' => Controls_Manager::SWITCHER,
167		- 'default' => 'yes',
168		- 'separator' => 'before',
169		- ]
170		- );
171		- $this->add_control(
172		- 'review_name_tag',
173		- [
174		- 'label' => __('Name HTML Tag', 'uicore-elements'),
175		- 'type' => Controls_Manager::SELECT,
176		- 'default' => 'h3',
177		- 'options' => Helper::get_title_tags(),
178		- 'condition' => [
179		- 'show_reviewer_name' => 'yes',
180		- ]
181		- ]
182		- );
183		- $this->add_control(
184		- 'show_reviewer_job_title',
185		- [
186		- 'label' => __('Show Job Title', 'uicore-elements'),
187		- 'type' => Controls_Manager::SWITCHER,
188		- 'default' => 'yes',
189		- 'separator' => 'before',
190		- ]
191		- );
192		- $this->add_control(
193		- 'show_reviewer_rating',
194		- [
195		- 'label' => __('Show Rating', 'uicore-elements'),
196		- 'type' => Controls_Manager::SWITCHER,
197		- 'default' => 'yes',
198		- 'separator' => 'before'
199		- ]
200		- );
201		- $this->add_control(
202		- 'rating_type',
203		- [
204		- 'label' => __( 'Rating Type', 'uicore-elements' ),
205		- 'type' => Controls_Manager::SELECT,
206		- 'default' => 'star',
207		- 'options' => [
208		- 'star' => __( 'Star', 'uicore-elements' ),
209		- 'number' => __( 'Number', 'uicore-elements' ),
210		- ],
211		- 'condition' => [
212		- 'show_reviewer_rating' => 'yes'
213		- ]
214		- ]
215		- );
216		- $this->add_control(
217		- 'show_reviewer_text',
218		- [
219		- 'label' => __('Show Review Text', 'uicore-elements'),
220		- 'type' => Controls_Manager::SWITCHER,
221		- 'default' => 'yes',
222		- 'separator' => 'before',
223		- ]
224		- );
225		- $this->add_control(
226		- 'show_reviewer_image',
227		- [
228		- 'label' => __('Show Image', 'uicore-elements'),
229		- 'type' => Controls_Manager::SWITCHER,
230		- 'default' => 'yes',
231		- 'separator' => 'before',
232		- ]
233		- );
234		- $this->add_group_control(
235		- Group_Control_Image_Size::get_type(),
236		- [
237		- 'name' => 'image_media_size',
238		- 'default' => 'medium',
239		- 'condition' => [
240		- 'show_reviewer_image' => 'yes'
241		- ]
242		- ]
243		- );
244		- $this->add_control(
245		- 'show_reviewer_avatar',
246		- [
247		- 'label' => __('Show Avatar', 'uicore-elements'),
248		- 'type' => Controls_Manager::SWITCHER,
249		- 'default' => 'yes',
250		- 'separator' => 'before',
251		- ]
252		- );
253		- $this->add_group_control(
254		- Group_Control_Image_Size::get_type(),
255		- [
256		- 'name' => 'avatar_media_size',
257		- 'default' => 'medium',
258		- 'condition' => [
259		- 'show_reviewer_avatar' => 'yes'
260		- ]
261		- ]
262		- );
263		- $this->add_control(
264		- 'image_inline',
265		- [
266		- 'label' => esc_html__('Image Inline', 'uicore-elements'),
267		- 'type' => Controls_Manager::SWITCHER,
268		- 'condition' => [
269		- 'show_reviewer_avatar' => 'yes'
270		- ],
271		- 'prefix_class' => 'ui-e-img-inline-',
272		- 'render_type' => 'template',
273		- 'condition' => [
274		- 'layout' => ['layout_1', 'layout_2', 'layout_3'],
275		- 'show_reviewer_avatar' => 'yes'
276		- ]
277		- ]
278		- );
279		- $this->add_responsive_control(
280		- 'v_alignment',
281		- [
282		- 'label' => __('Image Alignment', 'uicore-elements'),
283		- 'type' => Controls_Manager::CHOOSE,
284		- 'default' => 'flex-start',
285		- 'toggle' => false,
286		- 'options' => [
287		- 'flex-start' => [
288		- 'title' => __( 'Top', 'uicore-elements' ),
289		- 'icon' => 'eicon-v-align-top',
290		- ],
291		- 'center' => [
292		- 'title' => __( 'Center', 'uicore-elements' ),
293		- 'icon' => 'eicon-v-align-middle',
294		- ],
295		- 'flex-end' => [
296		- 'title' => __( 'Bottom', 'uicore-elements' ),
297		- 'icon' => 'eicon-v-align-bottom',
298		- ],
299		- ],
300		- 'selectors' => [
301		- '{{WRAPPER}} .ui-e-item' => '--ui-e-img-alignment: {{VALUE}};',
302		- ],
303		- 'condition' => [
304		- 'layout' => 'layout_6'
305		- ],
306		- ]
307		- );
308		- $this->add_control(
309		- 'show_reviewer_divider',
310		- [
311		- 'label' => __('Show Divider', 'uicore-elements'),
312		- 'type' => Controls_Manager::SWITCHER,
313		- 'default' => 'yes',
314		- 'separator' => 'before',
315		- 'condition' => [
316		- 'layout' => 'layout_3'
317		- ]
318		- ]
319		- );
320		- $this->add_responsive_control(
321		- 'h_alignment',
322		- [
323		- 'label' => __('Content Alignment', 'uicore-elements'),
324		- 'type' => Controls_Manager::CHOOSE,
325		- 'options' => [
326		- 'left' => [
327		- 'title' => __('Left', 'uicore-elements'),
328		- 'icon' => 'eicon-text-align-left',
329		- ],
330		- 'center' => [
331		- 'title' => __('Center', 'uicore-elements'),
332		- 'icon' => 'eicon-text-align-center',
333		- ],
334		- 'right' => [
335		- 'title' => __('Right', 'uicore-elements'),
336		- 'icon' => 'eicon-text-align-right',
337		- ],
338		- 'justify' => [
339		- 'title' => __('Justified', 'uicore-elements'),
340		- 'icon' => 'eicon-text-align-justify',
341		- ],
342		- ],
343		- 'prefix_class' => 'ui-e-h-align-',
344		- 'selectors' => [
345		- '{{WRAPPER}} .ui-e-item' => 'text-align: {{VALUE}};',
346		- ],
347		- 'separator' => 'before'
348		- ]
349		- );
350		- }
351		-
352		- // Style Controls Functions}
353		- function register_testimonial_image_controls()
354		- {
355		- $this->start_controls_section(
356		- 'section_style_avatar',
357		- [
358		- 'label' => __('Avatar', 'uicore-elements'),
359		- 'tab' => Controls_Manager::TAB_STYLE,
360		- 'condition' => [
361		- 'show_reviewer_avatar' => 'yes'
362		- ]
363		- ]
364		- );
365		-
366		- $this->add_group_control(
367		- Group_Control_Border::get_type(),
368		- [
369		- 'name' => 'avatar_border',
370		- 'selector' => '{{WRAPPER}} .ui-e-testimonial-avatar img'
371		- ]
372		- );
373		- $this->add_control(
374		- 'avatar_radius',
375		- [
376		- 'label' => esc_html__('Border Radius', 'uicore-elements'),
377		- 'type' => Controls_Manager::DIMENSIONS,
378		- 'size_units' => ['px', 'em', '%'],
379		- 'selectors' => [
380		- '{{WRAPPER}} .ui-e-testimonial-avatar img' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
381		- ],
382		- ]
383		- );
384		- $this->add_control(
385		- 'avatar_padding',
386		- [
387		- 'label' => __('Padding', 'uicore-elements'),
388		- 'type' => Controls_Manager::DIMENSIONS,
389		- 'size_units' => ['px', 'em', '%'],
390		- 'selectors' => [
391		- '{{WRAPPER}} .ui-e-testimonial-avatar img' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
392		- ],
393		- ]
394		- );
395		- $this->add_responsive_control(
396		- 'avatar_size',
397		- [
398		- 'label' => __('Size', 'uicore-elements'),
399		- 'type' => Controls_Manager::SLIDER,
400		- 'default' => [
401		- 'size' => 40,
402		- 'unit' => '%'
403		- ],
404		- 'range' => [
405		- '%' => [
406		- 'min' => 1,
407		- 'max' => 100,
408		- ],
409		- ],
410		- 'selectors' => [
411		- '{{WRAPPER}}' => '--ui-e-avatar-size: {{SIZE}}%;',
412		- ],
413		- 'condition' => [
414		- 'layout!' => 'layout_5',
415		- ]
416		- ]
417		- );
418		- $this->add_control(
419		- 'avatar_size_px',
420		- [
421		- 'label' => __('Size', 'uicore-elements'),
422		- 'type' => Controls_Manager::SLIDER,
423		- 'default' => [
424		- 'size' => 80,
425		- 'unit' => 'px'
426		- ],
427		- 'range' => [
428		- 'px' => [
429		- 'min' => 1,
430		- 'max' => 250,
431		- ],
432		- ],
433		- 'selectors' => [
434		- '{{WRAPPER}}' => '--ui-e-avatar-size: {{SIZE}}{{UNIT}};',
435		- ],
436		- 'condition' => [
437		- 'layout' => 'layout_5',
438		- ]
439		- ]
440		- );
441		- $this->add_control(
442		- 'avatar_spacing',
443		- [
444		- 'label' => __('Spacing', 'uicore-elements'),
445		- 'type' => Controls_Manager::SLIDER,
446		- 'default' => [
447		- 'size' => 15,
448		- ],
449		- 'selectors' => [
450		- '{{WRAPPER}}' => '--ui-e-avatar-spacing: {{SIZE}}{{UNIT}}'
451		- ],
452		- ]
453		- );
454		- $this->add_group_control(
455		- Group_Control_Box_Shadow::get_type(),
456		- [
457		- 'name' => 'avatar_shadow',
458		- 'selector' => '{{WRAPPER}} .ui-e-testimonial-avatar img'
459		- ]
460		- );
461		- $this->add_control(
462		- 'avatar_offset_toggle',
463		- [
464		- 'label' => __('Offset', 'uicore-elements'),
465		- 'type' => Controls_Manager::POPOVER_TOGGLE,
466		- 'label_off' => __('None', 'uicore-elements'),
467		- 'label_on' => __('Custom', 'uicore-elements'),
468		- 'return_value' => 'yes',
469		- ]
470		- );
471		- $this->start_popover();
472		-
473		- $this->add_responsive_control(
474		- 'avatar_horizontal_offset',
475		- [
476		- 'label' => __('Horizontal', 'uicore-elements'),
477		- 'type' => Controls_Manager::SLIDER,
478		- 'default' => [
479		- 'size' => 0,
480		- ],
481		- 'tablet_default' => [
482		- 'size' => 0,
483		- ],
484		- 'mobile_default' => [
485		- 'size' => 0,
486		- ],
487		- 'range' => [
488		- 'px' => [
489		- 'min' => -200,
490		- 'max' => 200,
491		- ],
492		- ],
493		- 'condition' => [
494		- 'avatar_offset_toggle' => 'yes'
495		- ],
496		- 'render_type' => 'ui',
497		- 'selectors' => [
498		- '{{WRAPPER}}' => '--ui-e-avatar-h-offset: {{SIZE}}px;'
499		- ],
500		- ]
501		- );
502		- $this->add_responsive_control(
503		- 'avatar_vertical_offset',
504		- [
505		- 'label' => __('Vertical', 'uicore-elements'),
506		- 'type' => Controls_Manager::SLIDER,
507		- 'default' => [
508		- 'size' => 0,
509		- ],
510		- 'tablet_default' => [
511		- 'size' => 0,
512		- ],
513		- 'mobile_default' => [
514		- 'size' => 0,
515		- ],
516		- 'range' => [
517		- 'px' => [
518		- 'min' => -200,
519		- 'max' => 200,
520		- ],
521		- ],
522		- 'condition' => [
523		- 'avatar_offset_toggle' => 'yes'
524		- ],
525		- 'render_type' => 'ui',
526		- 'selectors' => [
527		- '{{WRAPPER}}' => '--ui-e-avatar-v-offset: {{SIZE}}px;'
528		- ],
529		- ]
530		- );
531		- $this->end_popover();
532		-
533		- $this->end_controls_section();
534		- $this->start_controls_section(
535		- 'section_style_image',
536		- [
537		- 'label' => __('Secondary Image', 'uicore-elements'),
538		- 'tab' => Controls_Manager::TAB_STYLE,
539		- 'condition' => [
540		- 'show_reviewer_image' => 'yes'
541		- ]
542		- ]
543		- );
544		- $this->add_control(
545		- 'image_size',
546		- [
547		- 'label' => __('Size', 'uicore-elements'),
548		- 'type' => Controls_Manager::SLIDER,
549		- 'default' => [
550		- 'size' => 40,
551		- 'unit' => 'px'
552		- ],
553		- 'range' => [
554		- 'px' => [
555		- 'min' => 10,
556		- 'max' => 500,
557		- ],
558		- ],
559		- 'selectors' => [
560		- '{{WRAPPER}}' => '--ui-e-image-size: {{SIZE}}{{UNIT}};',
561		- ],
562		- ]
563		- );
564		- $this->add_control(
565		- 'image_spacing',
566		- [
567		- 'label' => __('Spacing', 'uicore-elements'),
568		- 'type' => Controls_Manager::SLIDER,
569		- 'default' => [
570		- 'size' => 15,
571		- ],
572		- 'selectors' => [
573		- '{{WRAPPER}}' => '--ui-e-img-spacing: {{SIZE}}{{UNIT}}'
574		- ],
575		- 'condition' => [
576		- 'layout!' => ['layout_2', 'layout_4', 'layout_6'],
577		- ]
578		- ]
579		- );
580		- $this->add_control(
581		- 'image_offset_toggle',
582		- [
583		- 'label' => __('Offset', 'uicore-elements'),
584		- 'type' => Controls_Manager::POPOVER_TOGGLE,
585		- 'label_off' => __('None', 'uicore-elements'),
586		- 'label_on' => __('Custom', 'uicore-elements'),
587		- 'return_value' => 'yes',
588		- ]
589		- );
590		- $this->start_popover();
591		-
592		- $this->add_responsive_control(
593		- 'image_horizontal_offset',
594		- [
595		- 'label' => __('Horizontal', 'uicore-elements'),
596		- 'type' => Controls_Manager::SLIDER,
597		- 'default' => [
598		- 'size' => 0,
599		- ],
600		- 'tablet_default' => [
601		- 'size' => 0,
602		- ],
603		- 'mobile_default' => [
604		- 'size' => 0,
605		- ],
606		- 'range' => [
607		- 'px' => [
608		- 'min' => -200,
609		- 'max' => 200,
610		- ],
611		- ],
612		- 'condition' => [
613		- 'image_offset_toggle' => 'yes'
614		- ],
615		- 'render_type' => 'ui',
616		- 'selectors' => [
617		- '{{WRAPPER}}' => '--ui-e-img-h-offset: {{SIZE}}px;'
618		- ],
619		- ]
620		- );
621		- $this->add_responsive_control(
622		- 'image_vertical_offset',
623		- [
624		- 'label' => __('Vertical', 'uicore-elements'),
625		- 'type' => Controls_Manager::SLIDER,
626		- 'default' => [
627		- 'size' => 0,
628		- ],
629		- 'tablet_default' => [
630		- 'size' => 0,
631		- ],
632		- 'mobile_default' => [
633		- 'size' => 0,
634		- ],
635		- 'range' => [
636		- 'px' => [
637		- 'min' => -200,
638		- 'max' => 200,
639		- ],
640		- ],
641		- 'condition' => [
642		- 'image_offset_toggle' => 'yes'
643		- ],
644		- 'render_type' => 'ui',
645		- 'selectors' => [
646		- '{{WRAPPER}}' => '--ui-e-img-v-offset: {{SIZE}}px;'
647		- ],
648		- ]
649		- );
650		- $this->end_popover();
651		- $this->end_controls_section();
652		- }
653		- function register_testimonial_name_controls()
654		- {
655		- $this->start_controls_section(
656		- 'section_style_name',
657		- [
658		- 'label' => __('Name', 'uicore-elements'),
659		- 'tab' => Controls_Manager::TAB_STYLE,
660		- 'condition' => [
661		- 'show_reviewer_name' => 'yes',
662		- ]
663		- ]
664		- );
665		-
666		- $this->add_control(
667		- 'name_color',
668		- [
669		- 'label' => __('Color', 'uicore-elements'),
670		- 'type' => Controls_Manager::COLOR,
671		- 'selectors' => [
672		- '{{WRAPPER}} .ui-e-testimonial-name' => 'color: {{VALUE}};',
673		- ],
674		- ]
675		- );
676		- $this->add_control(
677		- 'name_hover_color',
678		- [
679		- 'label' => __('Hover Color', 'uicore-elements'),
680		- 'type' => Controls_Manager::COLOR,
681		- 'selectors' => [
682		- '{{WRAPPER}} .ui-e-item:hover .ui-e-testimonial-name' => 'color: {{VALUE}};',
683		- ],
684		- ]
685		- );
686		- $this->add_control(
687		- 'name_bottom_space',
688		- [
689		- 'label' => __('Spacing', 'uicore-elements'),
690		- 'type' => Controls_Manager::SLIDER,
691		- 'range' => [
692		- 'px' => [
693		- 'min' => 0,
694		- 'max' => 100,
695		- ],
696		- ],
697		- 'selectors' => [
698		- '{{WRAPPER}} .ui-e-testimonial-name' => 'padding-bottom: {{SIZE}}{{UNIT}};',
699		- ],
700		- ]
701		- );
702		- $this->add_group_control(
703		- Group_Control_Typography::get_type(),
704		- [
705		- 'name' => 'name_typography',
706		- 'selector' => '{{WRAPPER}} .ui-e-testimonial-name',
707		- ]
708		- );
709		- $this->add_group_control(
710		- Group_Control_Text_Shadow::get_type(),
711		- [
712		- 'name' => 'name_shadow',
713		- 'label' => __( 'Text Shadow', 'uicore-elements' ),
714		- 'selector' => '{{WRAPPER}} .ui-e-testimonial-name',
715		- ]
716		- );
717		-
718		- $this->end_controls_section();
719		- }
720		- function register_testimonial_job_controls()
721		- {
722		- $this->start_controls_section(
723		- 'section_style_job_title',
724		- [
725		- 'label' => __('Job Title', 'uicore-elements'),
726		- 'tab' => Controls_Manager::TAB_STYLE,
727		- 'condition' => [
728		- 'show_reviewer_job_title' => 'yes',
729		- ]
730		- ]
731		- );
732		-
733		- $this->add_control(
734		- 'job_title_color',
735		- [
736		- 'label' => __('Color', 'uicore-elements'),
737		- 'type' => Controls_Manager::COLOR,
738		- 'selectors' => [
739		- '{{WRAPPER}} .ui-e-testimonial-job-title' => 'color: {{VALUE}};',
740		- ],
741		- ]
742		- );
743		- $this->add_control(
744		- 'job_title_hover_color',
745		- [
746		- 'label' => __('Hover Color', 'uicore-elements'),
747		- 'type' => Controls_Manager::COLOR,
748		- 'selectors' => [
749		- '{{WRAPPER}} .ui-e-item:hover .ui-e-testimonial-job-title' => 'color: {{VALUE}};',
750		- ],
751		- ]
752		- );
753		- $this->add_control(
754		- 'job_title_bottom_space',
755		- [
756		- 'label' => __('Spacing', 'uicore-elements'),
757		- 'type' => Controls_Manager::SLIDER,
758		- 'range' => [
759		- 'px' => [
760		- 'min' => 0,
761		- 'max' => 100,
762		- ],
763		- ],
764		- 'default' => [
765		- 'size' => 10,
766		- 'unit' => 'px'
767		- ],
768		- 'selectors' => [
769		- '{{WRAPPER}} .ui-e-testimonial-job-title' => 'padding-bottom: {{SIZE}}{{UNIT}};',
770		- ],
771		- ]
772		- );
773		- $this->add_group_control(
774		- Group_Control_Typography::get_type(),
775		- [
776		- 'name' => 'job_title_typography',
777		- 'selector' => '{{WRAPPER}} .ui-e-testimonial-job-title',
778		- ]
779		- );
780		-
781		- $this->end_controls_section();
782		- }
783		- function register_testimonial_text_controls()
784		- {
785		- $this->start_controls_section(
786		- 'section_style_text',
787		- [
788		- 'label' => __('Text', 'uicore-elements'),
789		- 'tab' => Controls_Manager::TAB_STYLE,
790		- 'condition' => [
791		- 'show_reviewer_text' => 'yes',
792		- ]
793		- ]
794		- );
795		-
796		- $this->add_control(
797		- 'text_color',
798		- [
799		- 'label' => __('Color', 'uicore-elements'),
800		- 'type' => Controls_Manager::COLOR,
801		- 'selectors' => [
802		- '{{WRAPPER}} .ui-e-testimonial-text' => 'color: {{VALUE}};',
803		- ],
804		- ]
805		- );
806		- $this->add_control(
807		- 'text_hover_color',
808		- [
809		- 'label' => __('Hover Color', 'uicore-elements'),
810		- 'type' => Controls_Manager::COLOR,
811		- 'selectors' => [
812		- '{{WRAPPER}} .ui-e-item:hover .ui-e-testimonial-text' => 'color: {{VALUE}};',
813		- ],
814		- ]
815		- );
816		- $this->add_group_control(
817		- Group_Control_Typography::get_type(),
818		- [
819		- 'name' => 'text_typography',
820		- 'selector' => '{{WRAPPER}} .ui-e-testimonial-text',
821		- ]
822		- );
823		- $this->add_control(
824		- 'text_bottom_space',
825		- [
826		- 'label' => __('Spacing', 'uicore-elements'),
827		- 'type' => Controls_Manager::SLIDER,
828		- 'range' => [
829		- 'px' => [
830		- 'min' => 0,
831		- 'max' => 100,
832		- ],
833		- ],
834		- 'default' => [
835		- 'size' => 15,
836		- 'unit' => 'px'
837		- ],
838		- 'selectors' => [
839		- '{{WRAPPER}} .ui-e-testimonial-text' => 'padding-bottom: {{SIZE}}{{UNIT}};',
840		- ],
841		- ]
842		- );
843		-
844		- $this->end_controls_section();
845		- }
846		- function register_testimonial_rating_controls()
847		- {
848		- $this->start_controls_section(
849		- 'section_style_rating',
850		- [
851		- 'label' => esc_html__('Rating', 'uicore-elements'),
852		- 'tab' => Controls_Manager::TAB_STYLE,
853		- 'condition' => [
854		- 'show_reviewer_rating' => 'yes',
855		- ],
856		- ]
857		- );
858		-
859		- // If SVG inline, we only need one color control because the semi-star bg color hack is not enabled with this experiment
860		- if(Plugin::$instance->experiments->is_feature_active('e_font_icon_svg')) {
861		- $this->add_control(
862		- 'active_rating_color',
863		- [
864		- 'label' => esc_html__('Color', 'uicore-elements'),
865		- 'type' => Controls_Manager::COLOR,
866		- 'default' => '#ffab1a',
867		- 'selectors' => [
868		- '{{WRAPPER}} .ui-e-testimonial-rating svg' => 'fill: {{VALUE}};',
869		- ],
870		- 'condition' => [
871		- 'rating_type' => 'star',
872		- ],
873		- ]
874		- );
875		- // Without the experiment, two colors are usefull because <i> elements can be cut and printed as decimal-stars
876		- } else {
877		- $this->add_control(
878		- 'active_rating_color',
879		- [
880		- 'label' => esc_html__('Active Color', 'uicore-elements'),
881		- 'type' => Controls_Manager::COLOR,
882		- 'default' => '#ffab1a',
883		- 'selectors' => [
884		- '{{WRAPPER}} .ui-e-testimonial-rating .ui-e-marked i' => 'color: {{VALUE}};',
885		- ],
886		- 'condition' => [
887		- 'rating_type' => 'star',
888		- ],
889		- ]
890		- );
891		- $this->add_control(
892		- 'rating_color',
893		- [
894		- 'label' => esc_html__('Color', 'uicore-elements'),
895		- 'type' => Controls_Manager::COLOR,
896		- 'default' => '#ccd6df',
897		- 'selectors' => [
898		- '{{WRAPPER}} .ui-e-testimonial-rating .ui-e-unmarked i' => 'color: {{VALUE}};',
899		- ],
900		- 'condition' => [
901		- 'rating_type' => 'star',
902		- ],
903		- ]
904		- );
905		- }
906		- $this->add_control(
907		- 'rating_number_color',
908		- [
909		- 'label' => esc_html__('Color', 'uicore-elements'),
910		- 'type' => Controls_Manager::COLOR,
911		- 'selectors' => [
912		- '{{WRAPPER}} .ui-e-testimonial-rating' => 'color: {{VALUE}};',
913		- ],
914		- 'condition' => [
915		- 'rating_type' => 'number',
916		- ],
917		- ]
918		- );
919		- $this->add_control(
920		- 'rating_background',
921		- [
922		- 'label' => __( 'Background Color', 'uicore-elements' ),
923		- 'type' => Controls_Manager::COLOR,
924		- 'selectors' => [
925		- '{{WRAPPER}} .ui-e-testimonial-rating' => 'background-color: {{VALUE}};',
926		- ],
927		- 'condition' => [
928		- 'rating_type' => 'star',
929		- ],
930		- ]
931		- );
932		- $this->add_control(
933		- 'rating_number_background',
934		- [
935		- 'label' => __( 'Background Color', 'uicore-elements' ),
936		- 'type' => Controls_Manager::COLOR,
937		- 'selectors' => [
938		- '{{WRAPPER}} .ui-e-testimonial-rating' => 'background-color: {{VALUE}};',
939		- ],
940		- 'global' => [
941		- 'default' => Global_Colors::COLOR_PRIMARY,
942		- ],
943		- 'condition' => [
944		- 'rating_type' => 'number',
945		- ],
946		- ]
947		- );
948		-
949		- $this->add_group_control(
950		- Group_Control_Border::get_type(),
951		- [
952		- 'name' => 'rating_border',
953		- 'selector' => '{{WRAPPER}} .ui-e-testimonial-rating',
954		- ]
955		- );
956		- $this->add_control(
957		- 'rating_border_radius',
958		- [
959		- 'label' => __( 'Border Radius', 'uicore-elements' ),
960		- 'type' => Controls_Manager::DIMENSIONS,
961		- 'size_units' => [ 'px', 'em', '%' ],
962		- 'selectors' => [
963		- '{{WRAPPER}} .ui-e-testimonial-rating' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
964		- ],
965		- ]
966		- );
967		- $this->add_control(
968		- 'rating_padding',
969		- [
970		- 'label' => esc_html__('Padding', 'uicore-elements'),
971		- 'type' => Controls_Manager::DIMENSIONS,
972		- 'size_units' => ['px', 'em', '%'],
973		- 'selectors' => [
974		- '{{WRAPPER}} .ui-e-testimonial-rating' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
975		- ],
976		- ]
977		- );
978		- $this->add_control(
979		- 'rating_margin',
980		- [
981		- 'label' => esc_html__('Margin', 'uicore-elements'),
982		- 'type' => Controls_Manager::DIMENSIONS,
983		- 'size_units' => ['px', '%'],
984		- 'selectors' => [
985		- '{{WRAPPER}} .ui-e-testimonial-rating' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
986		- ],
987		- ]
988		- );
989		- $this->add_control(
990		- 'rating_size',
991		- [
992		- 'label' => esc_html__('Size', 'uicore-elements'),
993		- 'type' => Controls_Manager::SLIDER,
994		- 'default' => [
995		- 'size' => 14,
996		- 'unit' => 'px'
997		- ],
998		- 'selectors' => [
999		- '{{WRAPPER}} .ui-e-testimonial-rating' => 'font-size: {{SIZE}}{{UNIT}};',
1000		- '{{WRAPPER}} .ui-e-testimonial-rating svg' => 'width: {{SIZE}}{{UNIT}};',
1001		- ],
1002		- ]
1003		- );
1004		- $this->add_control(
1005		- 'rating_space_between',
1006		- [
1007		- 'label' => esc_html__('Space Between', 'uicore-elements'),
1008		- 'type' => Controls_Manager::SLIDER,
1009		- 'range' => [
1010		- 'px' => [
1011		- 'min' => 0,
1012		- 'max' => 10,
1013		- ],
1014		- ],
1015		- 'selectors' => [
1016		- '{{WRAPPER}} .ui-e-testimonial-rating .ui-e-icon + .ui-e-icon' => 'margin-left: {{SIZE}}{{UNIT}};', // star type
1017		- '{{WRAPPER}} .ui-e-testimonial-rating span' => 'margin-right: {{SIZE}}{{UNIT}};', // number type
1018		- ],
1019		- 'condition' => [
1020		- 'rating_type' => 'star',
1021		- ],
1022		- ]
1023		- );
1024		-
1025		- $this->end_controls_section();
1026		- }
1027		- function register_testimonial_divider_controls()
1028		- {
1029		- $this->start_controls_section(
1030		- 'section_style_divider',
1031		- [
1032		- 'label' => __('Divider', 'uicore-elements'),
1033		- 'tab' => Controls_Manager::TAB_STYLE,
1034		- 'condition' => [
1035		- 'layout' => 'layout_3',
1036		- 'show_reviewer_divider' => 'yes'
1037		- ]
1038		- ]
1039		- );
1040		-
1041		- $this->add_control(
1042		- 'divider_color',
1043		- [
1044		- 'label' => __('Color', 'uicore-elements'),
1045		- 'type' => Controls_Manager::COLOR,
1046		- 'selectors' => [
1047		- '{{WRAPPER}} .ui-e-testimonial-divider' => 'border-color: {{VALUE}};',
1048		- ],
1049		- ]
1050		- );
1051		- $this->add_control(
1052		- 'divider_spacing',
1053		- [
1054		- 'label' => __('Spacing', 'uicore-elements'),
1055		- 'type' => Controls_Manager::SLIDER,
1056		- 'default' => [
1057		- 'size' => 20,
1058		- 'unit' => 'px'
1059		- ],
1060		- 'selectors' => [
1061		- '{{WRAPPER}} .ui-e-testimonial-divider' => 'margin-bottom: {{SIZE}}{{UNIT}};',
1062		- ],
1063		- ]
1064		- );
1065		-
1066		- $this->end_controls_section();
1067		- }
1068		-
1069		- // Register all Style Controls at once but Cards Controls since different widgets may/may not require an 'active' state
1070		- function register_style_controls()
1071		- {
1072		- $this->register_testimonial_image_controls();
1073		- $this->register_testimonial_name_controls();
1074		- $this->register_testimonial_job_controls();
1075		- $this->register_testimonial_text_controls();
1076		- $this->register_testimonial_rating_controls();
1077		- $this->register_testimonial_divider_controls();
1078		- }
1079		- // Register all Animation Controls at once
1080		- function register_testimonial_animation_controls()
1081		- {
1082		- $this->TRAIT_register_entrance_animations_controls(); // animate each item
1083		- // Hover Animations
1084		- $this->TRAIT_register_hover_animation_control(
1085		- 'Item Hover Animation',
1086		- [],
1087		- ['underline']
1088		- );
1089		- $this->TRAIT_register_hover_animation_control(
1090		- 'Image Animations',
1091		- ['show_reviewer_image' => 'yes'],
1092		- ['underline']
1093		- );
1094		- $this->TRAIT_register_hover_animation_control(
1095		- 'Avatar Animations',
1096		- ['show_reviewer_avatar' => 'yes'],
1097		- ['underline']
1098		- );
1099		- $this->TRAIT_register_hover_animation_control(
1100		- 'Text Animations',
1101		- ['show_reviewer_text' => 'yes'],
1102		- ['zoom', 'underline']
1103		- );
1104		- $this->TRAIT_register_hover_animation_control(
1105		- 'Name Animations',
1106		- ['show_reviewer_name' => 'yes'],
1107		- ['zoom']
1108		- );
1109		- $this->TRAIT_register_hover_animation_control(
1110		- 'Job Animations',
1111		- ['show_reviewer_job_title' => 'yes'],
1112		- ['zoom']
1113		- );
1114		- $this->TRAIT_register_hover_animation_control(
1115		- 'Rating Animations',
1116		- ['show_reviewer_rating' => 'yes'],
1117		- ['underline']
1118		- );
1119		- }
1120		- // Register specific Controls that can't be called in blocks because are positioned differently on widgets, or used only by specific testimonial types, such as grid or carousel
1121		- function register_specific_testimonial_controls($arg)
1122		- {
1123		-
1124		- switch ($arg){
1125		- case 'layout' :
1126		- $this->add_control(
1127		- 'layout',
1128		- [
1129		- 'label' => esc_html__( 'Layout', 'uicore-elements' ),
1130		- 'type' => Controls_Manager::SELECT,
1131		- 'default' => 'layout_1',
1132		- 'options' => [
1133		- 'layout_1' => esc_html__( 'Layout 1', 'uicore-elements' ),
1134		- 'layout_2' => esc_html__( 'Layout 2', 'uicore-elements' ),
1135		- 'layout_3' => esc_html__( 'Layout 3', 'uicore-elements' ),
1136		- 'layout_4' => esc_html__( 'Layout 4', 'uicore-elements' ),
1137		- 'layout_5' => esc_html__( 'Layout 5', 'uicore-elements' ),
1138		- 'layout_6' => esc_html__( 'Layout 6', 'uicore-elements' ),
1139		- ],
1140		- 'render_type' => 'template',
1141		- 'prefix_class' => 'ui-e-',
1142		- 'frontend_available' => true
1143		- ]
1144		- );
1145		- break;
1146		-
1147		- case 'item_animations' :
1148		- $this->add_control(
1149		- 'item_hover_animation',
1150		- [
1151		- 'label' => esc_html__( 'Item Hover Animation', 'uicore-elements' ),
1152		- 'type' => Controls_Manager::SELECT,
1153		- 'default' => '',
1154		- 'label_block' => true,
1155		- 'options' => $this->get_animations(),
1156		- ]
1157		- );
1158		- break;
1159		- }
1160		-
1161		- }
1162		-
1163		- // HTML Rendering Functions
1164		- function render_reviewer_avatar($item)
1165		- {
1166		- $settings = $this->get_settings_for_display();
1167		-
1168		- if ( ! $settings['show_reviewer_avatar'] ) {
1169		- return;
1170		- }
1171		-
1172		- ?>
1173		- <div class="ui-e-testimonial-avatar <?php esc_attr_e($settings['avatar_animations']);?>">
1174		- <?php
1175		- $avatar_url = Group_Control_Image_Size::get_attachment_image_src($item['avatar']['id'], 'avatar_media_size', $settings);
1176		- if (!$avatar_url) {
1177		- printf('<img src="%1$s" alt="%2$s">', $item['avatar']['url'], esc_html($item['reviewer_name']));
1178		- } else {
1179		- print(wp_get_attachment_image(
1180		- $item['avatar']['id'],
1181		- $settings['avatar_media_size_size'],
1182		- false,
1183		- [
1184		- 'alt' => esc_html($item['reviewer_name'])
1185		- ]
1186		- ));
1187		- }
1188		- ?>
1189		- </div>
1190		- <?php
1191		- }
1192		- function render_reviewer_secondary_image($item)
1193		- {
1194		- $settings = $this->get_settings_for_display();
1195		-
1196		- $thumb_url = Group_Control_Image_Size::get_attachment_image_src($item['image']['id'], 'image_media_size', $settings);
1197		-
1198		- if ( ! $settings['show_reviewer_image'] || !$thumb_url ) {
1199		- return;
1200		- }
1201		-
1202		- ?>
1203		- <div class="ui-e-testimonial-image <?php esc_attr_e($settings['image_animations']);?>">
1204		- <?php
1205		- if ($thumb_url) {
1206		- print(wp_get_attachment_image(
1207		- $item['image']['id'],
1208		- $settings['image_media_size_size'],
1209		- false,
1210		- []
1211		- ));
1212		- }
1213		- ?>
1214		- </div>
1215		- <?php
1216		- }
1217		- function render_reviewer_name($item)
1218		- {
1219		- $settings = $this->get_settings_for_display();
1220		-
1221		- if ( ! $settings['show_reviewer_name'] ) {
1222		- return;
1223		- }
1224		-
1225		- ?>
1226		- <?php if ( $item['reviewer_name'] ) : ?>
1227		- <<?php esc_html_e($settings['review_name_tag']); ?> class="ui-e-testimonial-name <?php esc_attr_e($settings['name_animations']);?>">
1228		- <span><?php echo wp_kses_post($item['reviewer_name']);?></span>
1229		- </<?php esc_html_e($settings['review_name_tag']); ?>>
1230		- <?php endif; ?>
1231		- <?php
1232		- }
1233		- function render_reviewer_job_title($item)
1234		- {
1235		- $settings = $this->get_settings_for_display();
1236		-
1237		- if ( ! $settings['show_reviewer_job_title'] ) {
1238		- return;
1239		- }
1240		-
1241		- ?>
1242		- <?php if ( $item['reviewer_job_title'] ) : ?>
1243		- <div class="ui-e-testimonial-job-title <?php esc_attr_e($settings['job_animations']);?>">
1244		- <span><?php esc_html_e($item['reviewer_job_title']); ?></span>
1245		- </div>
1246		- <?php endif; ?>
1247		- <?php
1248		- }
1249		- function render_review_text($item)
1250		- {
1251		- $settings = $this->get_settings_for_display();
1252		-
1253		- if ( ! $settings['show_reviewer_text'] ) {
1254		- return;
1255		- }
1256		-
1257		- ?>
1258		- <?php if ( $item['review_text'] ) : ?>
1259		- <div class="ui-e-testimonial-text <?php esc_attr_e($settings['text_animations']);?>">
1260		- <?php echo wp_kses_post( $item['review_text'] ); ?>
1261		- </div>
1262		- <?php endif; ?>
1263		- <?php
1264		- }
1265		- function render_review_rating($item)
1266		- {
1267		-
1268		- $settings = $this->get_settings_for_display();
1269		-
1270		- $ID = $item['_id'];
1271		- if ( !$settings['show_reviewer_rating'] ) {
1272		- return;
1273		- }
1274		-
1275		- $rating_value = $item['rating_number']['size']; // get rating value
1276		-
1277		- if ($settings['rating_type'] == 'star') {
1278		-
1279		- ?>
1280		- <div class="ui-e-testimonial-rating <?php esc_attr_e($settings['rating_animations']);?>">
1281		- <?php
1282		-
1283		- $rating_scale = 5;
1284		-
1285		- if ( '' === $rating_value ) {
1286		- $rating_value = $rating_scale;
1287		- }
1288		-
1289		- $rating_value = floatval( $rating_value );
1290		- $rating_value = round( $rating_value, 2 );
1291		-
1292		- for ( $index = 1; $index <= $rating_scale; $index++ ) {
1293		-
1294		- // SVG Method (uses font-awesome library for it's half-star icon, and can prints full and half-star)
1295		- if (Plugin::$instance->experiments->is_feature_active('e_font_icon_svg')){
1296		- ?>
1297		- <div class="ui-e-icon">
1298		- <?php
1299		- if ( $rating_value >= $index ) {
1300		- echo Icons_Manager::try_get_icon_html( ['value' => 'fas fa-star', 'library' => 'fa-solid'], [ 'aria-hidden' => 'true' ] );
1301		- } elseif ( intval( ceil( $rating_value ) ) === $index ) {
1302		- echo Icons_Manager::try_get_icon_html( ['value' => 'fas fa-star-half', 'library' => 'fa-solid'], ['aria-hidden' => 'true'] );
1303		- }
1304		- ?>
1305		- </div>
1306		- <?php
1307		- // Font Icon Method (uses elementor library and can print decimal specific stars)
1308		- } else {
1309		-
1310		- if ( $rating_value >= $index ) {
1311		- $width = '100%'; // Full star if rate superior to current loop
1312		- } elseif ( intval( ceil( $rating_value ) ) === $index ) {
1313		- $width = ( $rating_value - ( $index - 1 ) ) * 100 . '%'; // Semi-star, calculating the width based on the decimal value
1314		- } else {
1315		- $width = '0%'; // No star if rate inferior to current loop
1316		- }
1317		-
1318		- // Creates the atts
1319		- $this->add_render_attribute( "icon_marked_$ID" . "_$index", [
1320		- 'class' => 'ui-e-marked',
1321		- ] );
1322		- if ( '100%' !== $width ) {
1323		- $this->add_render_attribute( "icon_marked_$ID" . "_$index", [
1324		- 'style' => '--ui-e-rate-width: ' . $width . ';',
1325		- ] );
1326		- }
1327		-
1328		- ?>
1329		- <div class="ui-e-icon">
1330		- <div <?php $this->print_render_attribute_string( "icon_marked_$ID" . "_$index",); ?>>
1331		- <?php echo Icons_Manager::try_get_icon_html( ['value' => 'eicon-star','library' => 'eicons'], [ 'aria-hidden' => 'true' ] );?>
1332		- </div>
1333		- <div class="ui-e-unmarked">
1334		- <?php echo Icons_Manager::try_get_icon_html( ['value' => 'eicon-star','library' => 'eicons'], [ 'aria-hidden' => 'true' ] );?>
1335		- </div>
1336		- </div>
1337		- <?php
1338		- }
1339		- }
1340		- ?>
1341		- </div>
1342		- <?php
1343		-
1344		- } else { // number type rating
1345		- ?>
1346		- <div class="ui-e-testimonial-rating number">
1347		- <span><?php esc_html_e($rating_value);?></span>
1348		- </div>
1349		- <?php
1350		- }
1351		- }
1352		- function render_review_divider()
1353		- {
1354		- $settings = $this->get_settings_for_display();
1355		-
1356		- if ( !$settings['show_reviewer_divider'] ) {
1357		- return;
1358		- }
1359		-
1360		- ?>
1361		- <span class="ui-e-testimonial-divider"></span>
1362		- <?php
1363		- }
1364		- function render_review_item($item, $layout, $entranceAnimation = true)
1365		- {
1366		- $settings = $this->get_settings_for_display();
1367		-
1368		- // Atts used by some layouts
1369		- $atts = [
1370		- 'inline' => $settings['image_inline'] == 'yes' ? true : false,
1371		- ];
1372		-
1373		- // Checks for animations
1374		- $entrance = $entranceAnimation && $settings['animate_items'] == 'ui-e-grid-animate' ? 'elementor-invisible' : '';
1375		- $hover = isset($settings['item_hover_animation']) ? $settings['item_hover_animation'] : null;
1376		- $animations = sprintf('%s %s', $entrance, $hover);
1377		-
1378		- ?>
1379		-
1380		- <div class="ui-e-wrp">
1381		- <div class="ui-e-animations-wrp <?php echo esc_attr($animations);?>">
1382		- <div class="ui-e-item-wrp">
1383		- <div class="ui-e-item">
1384		- <?php
1385		- switch($layout){
1386		- case 'layout_2' :
1387		- $this->render_layout_2($item, $atts);
1388		- break;
1389		- case 'layout_3' :
1390		- $this->render_layout_3($item, $atts);
1391		- break;
1392		- case 'layout_4' :
1393		- $this->render_layout_4($item);
1394		- break;
1395		- case 'layout_5' :
1396		- $this->render_layout_5($item);
1397		- break;
1398		- case 'layout_6' :
1399		- $this->render_layout_6($item);
1400		- break;
1401		- default:
1402		- $this->render_layout_1($item, $atts);
1403		- break;
1404		- }
1405		- ?>
1406		- </div>
1407		- </div>
1408		- </div>
1409		- </div>
1410		- <?php
1411		- }
1412		-
1413		- // Layouts
1414		- function render_layout_1($item, $atts)
1415		- {
1416		-
1417		- $this->render_reviewer_secondary_image($item);
1418		- ?>
1419		- <div class="ui-e-content">
1420		-
1421		- <?php $this->render_review_text($item); ?>
1422		-
1423		- <?php if ($atts['inline']) : ?>
1424		-
1425		- <div class="ui-e-testimonial-flex">
1426		- <?php $this->render_reviewer_avatar($item); ?>
1427		- <div class="ui-e-inner-content">
1428		- <?php
1429		- $this->render_reviewer_name($item);
1430		- $this->render_reviewer_job_title($item);
1431		- $this->render_review_rating($item);
1432		- ?>
1433		- </div>
1434		- </div>
1435		-
1436		- <?php else :
1437		- $this->render_reviewer_avatar($item);
1438		- $this->render_reviewer_name($item);
1439		- $this->render_reviewer_job_title($item);
1440		- $this->render_review_rating($item);
1441		- endif; ?>
1442		-
1443		- </div>
1444		- <?php
1445		- }
1446		- function render_layout_2($item, $atts)
1447		- {
1448		- ?>
1449		- <div class="ui-e-content">
1450		-
1451		- <?php if ($atts['inline']) : ?>
1452		- <div class="ui-e-testimonial-flex">
1453		- <?php $this->render_reviewer_avatar($item); ?>
1454		- <div class="ui-e-inner-content">
1455		- <?php
1456		- $this->render_reviewer_name($item);
1457		- $this->render_reviewer_job_title($item);
1458		- $this->render_review_rating($item);
1459		- ?>
1460		- </div>
1461		- </div>
1462		-
1463		- <?php else :
1464		- $this->render_reviewer_avatar($item);
1465		- $this->render_reviewer_name($item);
1466		- $this->render_reviewer_job_title($item);
1467		- $this->render_review_rating($item);
1468		- endif; ?>
1469		-
1470		- <?php $this->render_review_text($item); ?>
1471		- </div>
1472		-
1473		- <?php
1474		- $this->render_reviewer_secondary_image($item);
1475		- }
1476		- function render_layout_3($item, $atts)
1477		- {
1478		- $this->render_reviewer_secondary_image($item);
1479		- ?>
1480		- <div class="ui-e-content">
1481		-
1482		- <?php
1483		- $this->render_review_rating($item);
1484		- $this->render_review_text($item);
1485		- $this->render_review_divider();
1486		- ?>
1487		-
1488		- <?php if ($atts['inline']) :?>
1489		-
1490		- <div class="ui-e-testimonial-flex">
1491		- <?php $this->render_reviewer_avatar($item); ?>
1492		- <div class="ui-e-inner-content">
1493		- <?php $this->render_reviewer_name($item); ?>
1494		- <?php $this->render_reviewer_job_title($item); ?>
1495		- </div>
1496		- </div>
1497		-
1498		- <?php else :
1499		- $this->render_reviewer_avatar($item);
1500		- $this->render_reviewer_name($item);
1501		- $this->render_reviewer_job_title($item);
1502		- endif; ?>
1503		- </div>
1504		- <?php
1505		- }
1506		- function render_layout_4($item)
1507		- {
1508		- ?>
1509		- <div class="ui-e-testimonial-flex">
1510		- <?php $this->render_reviewer_avatar($item); ?>
1511		- <?php $this->render_reviewer_secondary_image($item); ?>
1512		- </div>
1513		-
1514		- <div class="ui-e-content">
1515		- <?php
1516		- $this->render_review_text($item);
1517		- $this->render_reviewer_name($item);
1518		- $this->render_reviewer_job_title($item);
1519		- $this->render_review_rating($item);
1520		- ?>
1521		- </div>
1522		- <?php
1523		- }
1524		- function render_layout_5($item)
1525		- {
1526		- ?>
1527		- <div class="ui-e-testimonial-flex">
1528		- <div class="ui-e-content">
1529		-
1530		- <?php
1531		- $this->render_reviewer_secondary_image($item);
1532		- $this->render_review_text($item);
1533		- $this->render_review_rating($item);
1534		- $this->render_reviewer_name($item);
1535		- $this->render_reviewer_job_title($item);
1536		- ?>
1537		- </div>
1538		- <?php $this->render_reviewer_avatar($item); ?>
1539		- </div>
1540		- <?php
1541		- }
1542		- function render_layout_6($item)
1543		- {
1544		- ?>
1545		- <div class="ui-e-testimonial-flex">
1546		-
1547		- <?php $this->render_reviewer_avatar($item); ?>
1548		-
1549		- <div class="ui-e-content">
1550		- <?php
1551		- $this->render_reviewer_name($item);
1552		- $this->render_reviewer_job_title($item);
1553		- $this->render_review_rating($item);
1554		- $this->render_review_text($item);
1555		- $this->render_reviewer_secondary_image($item);
1556		- ?>
1557		- </div>
1558		- </div>
1559		- <?php
1560		- }
1561		-}
	1	+<?php
	2	+
	3	+namespace UiCoreElements\Utils;
	4	+
	5	+use Elementor\Controls_Manager;
	6	+use Elementor\Plugin;
	7	+use Elementor\Utils;
	8	+use Elementor\Repeater;
	9	+use Elementor\Icons_Manager;
	10	+use Elementor\Group_Control_Image_Size;
	11	+use Elementor\Group_Control_Box_Shadow;
	12	+use Elementor\Group_Control_Border;
	13	+use Elementor\Group_Control_Typography;
	14	+use Elementor\Group_Control_Text_Shadow;
	15	+use Elementor\Core\Kits\Documents\Tabs\Global_Colors;
	16	+use UiCoreElements\Helper;
	17	+
	18	+
	19	+defined('ABSPATH') || exit();
	20	+
	21	+trait Testimonial_Trait
	22	+{
	23	+
	24	+ // Content Controls Functions
	25	+ function TRAIT_register_testimonial_repeater_controls($logo)
	26	+ {
	27	+ $this->start_controls_section(
	28	+ 'section_reviewer_content',
	29	+ [
	30	+ /* translators: %s: Control title */
	31	+ 'label' => esc_html(sprintf('%s', $logo), 'uicore-elements'),
	32	+ 'tab' => Controls_Manager::TAB_CONTENT,
	33	+ ]
	34	+ );
	35	+
	36	+ $repeater = new Repeater();
	37	+
	38	+ $repeater->add_control(
	39	+ 'avatar',
	40	+ [
	41	+ 'label' => __('Avatar', 'uicore-elements'),
	42	+ 'type' => Controls_Manager::MEDIA,
	43	+ 'render_type' => 'template',
	44	+ 'dynamic' => [
	45	+ 'active' => true,
	46	+ ],
	47	+ 'default' => [
	48	+ 'url' => Utils::get_placeholder_image_src(),
	49	+ ],
	50	+ ]
	51	+ );
	52	+ $repeater->add_control(
	53	+ 'reviewer_name',
	54	+ [
	55	+ 'label' => __('Name', 'uicore-elements'),
	56	+ 'type' => Controls_Manager::TEXT,
	57	+ 'dynamic' => [
	58	+ 'active' => true,
	59	+ ],
	60	+ 'default' => __('Adam Smith', 'uicore-elements'),
	61	+ 'placeholder' => __('Enter reviewer name', 'uicore-elements'),
	62	+ 'label_block' => true,
	63	+ ]
	64	+ );
	65	+ $repeater->add_control(
	66	+ 'reviewer_job_title',
	67	+ [
	68	+ 'label' => __('Job Title', 'uicore-elements'),
	69	+ 'type' => Controls_Manager::TEXT,
	70	+ 'dynamic' => [
	71	+ 'active' => true,
	72	+ ],
	73	+ 'default' => __('SEO Expert', 'uicore-elements'),
	74	+ 'placeholder' => __('Enter reviewer job title', 'uicore-elements'),
	75	+ 'label_block' => true,
	76	+ ]
	77	+ );
	78	+ $repeater->add_control(
	79	+ 'rating_number',
	80	+ [
	81	+ 'label' => __('Rating', 'uicore-elements'),
	82	+ 'type' => Controls_Manager::SLIDER,
	83	+ 'size_units' => ['px'],
	84	+ 'default' => [
	85	+ 'size' => 4.5,
	86	+ ],
	87	+ 'range' => [
	88	+ 'px' => [
	89	+ 'min' => 0,
	90	+ 'max' => 5,
	91	+ 'step' => .5,
	92	+ ],
	93	+ ],
	94	+ 'dynamic' => [
	95	+ 'active' => true,
	96	+ ],
	97	+ ]
	98	+ );
	99	+ $repeater->add_control(
	100	+ 'review_text',
	101	+ [
	102	+ 'label' => __('Review Text', 'uicore-elements'),
	103	+ 'type' => Controls_Manager::WYSIWYG,
	104	+ 'dynamic' => [
	105	+ 'active' => true,
	106	+ ],
	107	+ 'default' => __('Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.', 'uicore-elements'),
	108	+ 'placeholder' => __('Enter review text', 'uicore-elements'),
	109	+ ]
	110	+ );
	111	+ $repeater->add_control(
	112	+ 'image',
	113	+ [
	114	+ 'label' => __('Secondary Image', 'uicore-elements'),
	115	+ 'type' => Controls_Manager::MEDIA,
	116	+ 'render_type' => 'template',
	117	+ 'dynamic' => [
	118	+ 'active' => true,
	119	+ ],
	120	+ 'default' => [
	121	+ 'url' => Utils::get_placeholder_image_src(),
	122	+ ],
	123	+ ]
	124	+ );
	125	+ $this->add_control(
	126	+ 'review_items',
	127	+ [
	128	+ 'show_label' => false,
	129	+ 'type' => Controls_Manager::REPEATER,
	130	+ 'fields' => $repeater->get_controls(),
	131	+ 'title_field' => '{{{ reviewer_name }}}',
	132	+ 'default' => [
	133	+ [
	134	+ 'reviewer_name' => __('Adam', 'uicore-elements'),
	135	+ 'reviewer_job_title' => __('SEO Expert', 'uicore-elements'),
	136	+ ],
	137	+ [
	138	+ 'reviewer_name' => __('Karl', 'uicore-elements'),
	139	+ 'reviewer_job_title' => __('Designer', 'uicore-elements'),
	140	+ ],
	141	+ [
	142	+ 'reviewer_name' => __('Maria', 'uicore-elements'),
	143	+ 'reviewer_job_title' => __('Developer', 'uicore-elements'),
	144	+ ],
	145	+ [
	146	+ 'reviewer_name' => __('Michael', 'uicore-elements'),
	147	+ 'reviewer_job_title' => __('Manager', 'uicore-elements'),
	148	+ ],
	149	+ [
	150	+ 'reviewer_name' => __('Lena', 'uicore-elements'),
	151	+ 'reviewer_job_title' => __('CEO', 'uicore-elements'),
	152	+ ],
	153	+ [
	154	+ 'reviewer_name' => __('Jennifer', 'uicore-elements'),
	155	+ 'reviewer_job_title' => __('Consultant', 'uicore-elements'),
	156	+ ],
	157	+ ]
	158	+ ]
	159	+ );
	160	+
	161	+ $this->end_controls_section();
	162	+ }
	163	+ function TRAIT_register_testimonial_additional_controls()
	164	+ {
	165	+ $this->add_control(
	166	+ 'show_reviewer_name',
	167	+ [
	168	+ 'label' => __('Show Name', 'uicore-elements'),
	169	+ 'type' => Controls_Manager::SWITCHER,
	170	+ 'default' => 'yes',
	171	+ 'separator' => 'before',
	172	+ ]
	173	+ );
	174	+ $this->add_control(
	175	+ 'review_name_tag',
	176	+ [
	177	+ 'label' => __('Name HTML Tag', 'uicore-elements'),
	178	+ 'type' => Controls_Manager::SELECT,
	179	+ 'default' => 'h4',
	180	+ 'options' => Helper::get_title_tags(),
	181	+ 'condition' => [
	182	+ 'show_reviewer_name' => 'yes',
	183	+ ]
	184	+ ]
	185	+ );
	186	+ $this->add_control(
	187	+ 'show_reviewer_job_title',
	188	+ [
	189	+ 'label' => __('Show Job Title', 'uicore-elements'),
	190	+ 'type' => Controls_Manager::SWITCHER,
	191	+ 'default' => 'yes',
	192	+ 'separator' => 'before',
	193	+ ]
	194	+ );
	195	+ $this->add_control(
	196	+ 'show_reviewer_rating',
	197	+ [
	198	+ 'label' => __('Show Rating', 'uicore-elements'),
	199	+ 'type' => Controls_Manager::SWITCHER,
	200	+ 'default' => 'yes',
	201	+ 'separator' => 'before'
	202	+ ]
	203	+ );
	204	+ $this->add_control(
	205	+ 'rating_type',
	206	+ [
	207	+ 'label' => __('Rating Type', 'uicore-elements'),
	208	+ 'type' => Controls_Manager::SELECT,
	209	+ 'default' => 'star',
	210	+ 'options' => [
	211	+ 'star' => __('Star', 'uicore-elements'),
	212	+ 'number' => __('Number', 'uicore-elements'),
	213	+ ],
	214	+ 'condition' => [
	215	+ 'show_reviewer_rating' => 'yes'
	216	+ ]
	217	+ ]
	218	+ );
	219	+ $this->add_control(
	220	+ 'show_reviewer_text',
	221	+ [
	222	+ 'label' => __('Show Review Text', 'uicore-elements'),
	223	+ 'type' => Controls_Manager::SWITCHER,
	224	+ 'default' => 'yes',
	225	+ 'separator' => 'before',
	226	+ ]
	227	+ );
	228	+ $this->add_control(
	229	+ 'show_reviewer_image',
	230	+ [
	231	+ 'label' => __('Show Image', 'uicore-elements'),
	232	+ 'type' => Controls_Manager::SWITCHER,
	233	+ 'default' => 'yes',
	234	+ 'separator' => 'before',
	235	+ ]
	236	+ );
	237	+ $this->add_group_control(
	238	+ Group_Control_Image_Size::get_type(),
	239	+ [
	240	+ 'name' => 'image_media_size',
	241	+ 'default' => 'medium',
	242	+ 'condition' => [
	243	+ 'show_reviewer_image' => 'yes'
	244	+ ]
	245	+ ]
	246	+ );
	247	+ $this->add_control(
	248	+ 'show_reviewer_avatar',
	249	+ [
	250	+ 'label' => __('Show Avatar', 'uicore-elements'),
	251	+ 'type' => Controls_Manager::SWITCHER,
	252	+ 'default' => 'yes',
	253	+ 'separator' => 'before',
	254	+ ]
	255	+ );
	256	+ $this->add_group_control(
	257	+ Group_Control_Image_Size::get_type(),
	258	+ [
	259	+ 'name' => 'avatar_media_size',
	260	+ 'default' => 'medium',
	261	+ 'condition' => [
	262	+ 'show_reviewer_avatar' => 'yes'
	263	+ ]
	264	+ ]
	265	+ );
	266	+ $this->add_control(
	267	+ 'image_inline',
	268	+ [
	269	+ 'label' => esc_html__('Image Inline', 'uicore-elements'),
	270	+ 'type' => Controls_Manager::SWITCHER,
	271	+ 'condition' => [
	272	+ 'show_reviewer_avatar' => 'yes'
	273	+ ],
	274	+ 'prefix_class' => 'ui-e-img-inline-',
	275	+ 'render_type' => 'template',
	276	+ 'condition' => [
	277	+ 'layout' => ['layout_1', 'layout_2', 'layout_3'],
	278	+ 'show_reviewer_avatar' => 'yes'
	279	+ ]
	280	+ ]
	281	+ );
	282	+ $this->add_responsive_control(
	283	+ 'v_alignment',
	284	+ [
	285	+ 'label' => __('Image Alignment', 'uicore-elements'),
	286	+ 'type' => Controls_Manager::CHOOSE,
	287	+ 'default' => 'flex-start',
	288	+ 'toggle' => false,
	289	+ 'options' => [
	290	+ 'flex-start' => [
	291	+ 'title' => __('Top', 'uicore-elements'),
	292	+ 'icon' => 'eicon-v-align-top',
	293	+ ],
	294	+ 'center' => [
	295	+ 'title' => __('Center', 'uicore-elements'),
	296	+ 'icon' => 'eicon-v-align-middle',
	297	+ ],
	298	+ 'flex-end' => [
	299	+ 'title' => __('Bottom', 'uicore-elements'),
	300	+ 'icon' => 'eicon-v-align-bottom',
	301	+ ],
	302	+ ],
	303	+ 'selectors' => [
	304	+ '{{WRAPPER}} .ui-e-item' => '--ui-e-img-alignment: {{VALUE}};',
	305	+ ],
	306	+ 'condition' => [
	307	+ 'layout' => 'layout_6'
	308	+ ],
	309	+ ]
	310	+ );
	311	+ $this->add_control(
	312	+ 'show_reviewer_divider',
	313	+ [
	314	+ 'label' => __('Show Divider', 'uicore-elements'),
	315	+ 'type' => Controls_Manager::SWITCHER,
	316	+ 'default' => 'yes',
	317	+ 'separator' => 'before',
	318	+ 'condition' => [
	319	+ 'layout' => 'layout_3'
	320	+ ]
	321	+ ]
	322	+ );
	323	+ $this->add_responsive_control(
	324	+ 'h_alignment',
	325	+ [
	326	+ 'label' => __('Content Alignment', 'uicore-elements'),
	327	+ 'type' => Controls_Manager::CHOOSE,
	328	+ 'options' => [
	329	+ 'left' => [
	330	+ 'title' => __('Left', 'uicore-elements'),
	331	+ 'icon' => 'eicon-text-align-left',
	332	+ ],
	333	+ 'center' => [
	334	+ 'title' => __('Center', 'uicore-elements'),
	335	+ 'icon' => 'eicon-text-align-center',
	336	+ ],
	337	+ 'right' => [
	338	+ 'title' => __('Right', 'uicore-elements'),
	339	+ 'icon' => 'eicon-text-align-right',
	340	+ ],
	341	+ 'justify' => [
	342	+ 'title' => __('Justified', 'uicore-elements'),
	343	+ 'icon' => 'eicon-text-align-justify',
	344	+ ],
	345	+ ],
	346	+ 'default' => is_rtl() ? 'right' : 'left',
	347	+ 'prefix_class' => 'ui-e-h-align-',
	348	+ 'selectors' => [
	349	+ '{{WRAPPER}} .ui-e-item' => 'text-align: {{VALUE}};',
	350	+ ],
	351	+ 'separator' => 'before'
	352	+ ]
	353	+ );
	354	+ $this->add_responsive_control(
	355	+ 'content_v_alignment',
	356	+ [
	357	+ 'label' => __('Vertical Alignment', 'uicore-elements'),
	358	+ 'type' => Controls_Manager::CHOOSE,
	359	+ 'default' => 'center',
	360	+ 'options' => [
	361	+ 'start' => [
	362	+ 'title' => __('Top', 'uicore-elements'),
	363	+ 'icon' => 'eicon-align-start-v',
	364	+ ],
	365	+ 'center' => [
	366	+ 'title' => __('Center', 'uicore-elements'),
	367	+ 'icon' => 'eicon-align-center-v',
	368	+ ],
	369	+ 'space-between' => [
	370	+ 'title' => __('Space Between', 'uicore-elements'),
	371	+ 'icon' => 'eicon-justify-space-between-v',
	372	+ ],
	373	+ 'end' => [
	374	+ 'title' => __('Bottom', 'uicore-elements'),
	375	+ 'icon' => 'eicon-align-end-v',
	376	+ ],
	377	+ ],
	378	+ 'prefix_class' => 'ui-e-v-align-',
	379	+ 'selectors' => [
	380	+ '{{WRAPPER}} .ui-e-item' => '--ui-e-content-v-alignment: {{VALUE}};',
	381	+ ]
	382	+ ]
	383	+ );
	384	+ }
	385	+
	386	+ // Style Controls Functions}
	387	+ function register_testimonial_image_controls()
	388	+ {
	389	+ $this->start_controls_section(
	390	+ 'section_style_avatar',
	391	+ [
	392	+ 'label' => __('Avatar', 'uicore-elements'),
	393	+ 'tab' => Controls_Manager::TAB_STYLE,
	394	+ 'condition' => [
	395	+ 'show_reviewer_avatar' => 'yes'
	396	+ ]
	397	+ ]
	398	+ );
	399	+
	400	+ $this->add_group_control(
	401	+ Group_Control_Border::get_type(),
	402	+ [
	403	+ 'name' => 'avatar_border',
	404	+ 'selector' => '{{WRAPPER}} .ui-e-testimonial-avatar img'
	405	+ ]
	406	+ );
	407	+ $this->add_control(
	408	+ 'avatar_radius',
	409	+ [
	410	+ 'label' => esc_html__('Border Radius', 'uicore-elements'),
	411	+ 'type' => Controls_Manager::DIMENSIONS,
	412	+ 'size_units' => ['px', 'em', '%'],
	413	+ 'selectors' => [
	414	+ '{{WRAPPER}} .ui-e-testimonial-avatar img' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
	415	+ ],
	416	+ ]
	417	+ );
	418	+ $this->add_responsive_control(
	419	+ 'avatar_padding',
	420	+ [
	421	+ 'label' => __('Padding', 'uicore-elements'),
	422	+ 'type' => Controls_Manager::DIMENSIONS,
	423	+ 'size_units' => ['px', 'em', '%'],
	424	+ 'selectors' => [
	425	+ '{{WRAPPER}} .ui-e-testimonial-avatar img' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
	426	+ ],
	427	+ ]
	428	+ );
	429	+ $this->add_responsive_control(
	430	+ 'avatar_size',
	431	+ [
	432	+ 'label' => __('Size', 'uicore-elements'),
	433	+ 'type' => Controls_Manager::SLIDER,
	434	+ 'size_units' => ['px', '%'],
	435	+ 'default' => [
	436	+ 'size' => 120,
	437	+ 'unit' => 'px'
	438	+ ],
	439	+ 'range' => [
	440	+ '%' => [
	441	+ 'min' => 1,
	442	+ 'max' => 100,
	443	+ ],
	444	+ 'px' => [
	445	+ 'min' => 10,
	446	+ 'max' => 500,
	447	+ ]
	448	+ ],
	449	+ 'description' => __('Using `%` might make image height fits the available space, depending on layout and inline options, cutting the image. Using `px` althougt adjust the image.', 'uicore-elements'),
	450	+ 'selectors' => [
	451	+ '{{WRAPPER}}' => '--ui-e-avatar-size: {{SIZE}}{{UNIT}};',
	452	+ ],
	453	+ 'render_type' => 'template',
	454	+ 'condition' => [
	455	+ 'layout!' => 'layout_5',
	456	+ ]
	457	+ ]
	458	+ );
	459	+ $this->add_responsive_control(
	460	+ 'avatar_size_px',
	461	+ [
	462	+ 'label' => __('Size', 'uicore-elements'),
	463	+ 'type' => Controls_Manager::SLIDER,
	464	+ 'default' => [
	465	+ 'size' => 80,
	466	+ 'unit' => 'px'
	467	+ ],
	468	+ 'range' => [
	469	+ 'px' => [
	470	+ 'min' => 1,
	471	+ 'max' => 250,
	472	+ ],
	473	+ ],
	474	+ 'selectors' => [
	475	+ '{{WRAPPER}}' => '--ui-e-avatar-size: {{SIZE}}{{UNIT}};',
	476	+ ],
	477	+ 'condition' => [
	478	+ 'layout' => 'layout_5',
	479	+ ]
	480	+ ]
	481	+ );
	482	+ $this->add_responsive_control(
	483	+ 'avatar_spacing',
	484	+ [
	485	+ 'label' => __('Spacing', 'uicore-elements'),
	486	+ 'type' => Controls_Manager::SLIDER,
	487	+ 'default' => [
	488	+ 'size' => 15,
	489	+ ],
	490	+ 'selectors' => [
	491	+ '{{WRAPPER}}' => '--ui-e-avatar-spacing: {{SIZE}}{{UNIT}}'
	492	+ ],
	493	+ ]
	494	+ );
	495	+ $this->add_group_control(
	496	+ Group_Control_Box_Shadow::get_type(),
	497	+ [
	498	+ 'name' => 'avatar_shadow',
	499	+ 'selector' => '{{WRAPPER}} .ui-e-testimonial-avatar img'
	500	+ ]
	501	+ );
	502	+ $this->add_control(
	503	+ 'avatar_offset_toggle',
	504	+ [
	505	+ 'label' => __('Offset', 'uicore-elements'),
	506	+ 'type' => Controls_Manager::POPOVER_TOGGLE,
	507	+ 'label_off' => __('None', 'uicore-elements'),
	508	+ 'label_on' => __('Custom', 'uicore-elements'),
	509	+ 'return_value' => 'yes',
	510	+ ]
	511	+ );
	512	+ $this->start_popover();
	513	+
	514	+ $this->add_responsive_control(
	515	+ 'avatar_horizontal_offset',
	516	+ [
	517	+ 'label' => __('Horizontal', 'uicore-elements'),
	518	+ 'type' => Controls_Manager::SLIDER,
	519	+ 'default' => [
	520	+ 'size' => 0,
	521	+ ],
	522	+ 'tablet_default' => [
	523	+ 'size' => 0,
	524	+ ],
	525	+ 'mobile_default' => [
	526	+ 'size' => 0,
	527	+ ],
	528	+ 'range' => [
	529	+ 'px' => [
	530	+ 'min' => -200,
	531	+ 'max' => 200,
	532	+ ],
	533	+ ],
	534	+ 'condition' => [
	535	+ 'avatar_offset_toggle' => 'yes'
	536	+ ],
	537	+ 'render_type' => 'ui',
	538	+ 'selectors' => [
	539	+ '{{WRAPPER}}' => '--ui-e-avatar-h-offset: {{SIZE}}px;'
	540	+ ],
	541	+ ]
	542	+ );
	543	+ $this->add_responsive_control(
	544	+ 'avatar_vertical_offset',
	545	+ [
	546	+ 'label' => __('Vertical', 'uicore-elements'),
	547	+ 'type' => Controls_Manager::SLIDER,
	548	+ 'default' => [
	549	+ 'size' => 0,
	550	+ ],
	551	+ 'tablet_default' => [
	552	+ 'size' => 0,
	553	+ ],
	554	+ 'mobile_default' => [
	555	+ 'size' => 0,
	556	+ ],
	557	+ 'range' => [
	558	+ 'px' => [
	559	+ 'min' => -200,
	560	+ 'max' => 200,
	561	+ ],
	562	+ ],
	563	+ 'condition' => [
	564	+ 'avatar_offset_toggle' => 'yes'
	565	+ ],
	566	+ 'render_type' => 'ui',
	567	+ 'selectors' => [
	568	+ '{{WRAPPER}}' => '--ui-e-avatar-v-offset: {{SIZE}}px;'
	569	+ ],
	570	+ ]
	571	+ );
	572	+ $this->end_popover();
	573	+
	574	+ $this->end_controls_section();
	575	+ $this->start_controls_section(
	576	+ 'section_style_image',
	577	+ [
	578	+ 'label' => __('Secondary Image', 'uicore-elements'),
	579	+ 'tab' => Controls_Manager::TAB_STYLE,
	580	+ 'condition' => [
	581	+ 'show_reviewer_image' => 'yes'
	582	+ ]
	583	+ ]
	584	+ );
	585	+ $this->add_responsive_control(
	586	+ 'image_size',
	587	+ [
	588	+ 'label' => __('Size', 'uicore-elements'),
	589	+ 'type' => Controls_Manager::SLIDER,
	590	+ 'default' => [
	591	+ 'size' => 40,
	592	+ 'unit' => 'px'
	593	+ ],
	594	+ 'range' => [
	595	+ 'px' => [
	596	+ 'min' => 10,
	597	+ 'max' => 500,
	598	+ ],
	599	+ ],
	600	+ 'selectors' => [
	601	+ '{{WRAPPER}}' => '--ui-e-image-size: {{SIZE}}{{UNIT}};',
	602	+ ],
	603	+ ]
	604	+ );
	605	+ $this->add_responsive_control(
	606	+ 'image_spacing',
	607	+ [
	608	+ 'label' => __('Spacing', 'uicore-elements'),
	609	+ 'type' => Controls_Manager::SLIDER,
	610	+ 'default' => [
	611	+ 'size' => 15,
	612	+ ],
	613	+ 'selectors' => [
	614	+ '{{WRAPPER}}' => '--ui-e-img-spacing: {{SIZE}}{{UNIT}}'
	615	+ ],
	616	+ 'condition' => [
	617	+ 'layout!' => ['layout_2', 'layout_4', 'layout_6'],
	618	+ ]
	619	+ ]
	620	+ );
	621	+ $this->add_control(
	622	+ 'image_offset_toggle',
	623	+ [
	624	+ 'label' => __('Offset', 'uicore-elements'),
	625	+ 'type' => Controls_Manager::POPOVER_TOGGLE,
	626	+ 'label_off' => __('None', 'uicore-elements'),
	627	+ 'label_on' => __('Custom', 'uicore-elements'),
	628	+ 'return_value' => 'yes',
	629	+ ]
	630	+ );
	631	+ $this->start_popover();
	632	+
	633	+ $this->add_responsive_control(
	634	+ 'image_horizontal_offset',
	635	+ [
	636	+ 'label' => __('Horizontal', 'uicore-elements'),
	637	+ 'type' => Controls_Manager::SLIDER,
	638	+ 'default' => [
	639	+ 'size' => 0,
	640	+ ],
	641	+ 'tablet_default' => [
	642	+ 'size' => 0,
	643	+ ],
	644	+ 'mobile_default' => [
	645	+ 'size' => 0,
	646	+ ],
	647	+ 'range' => [
	648	+ 'px' => [
	649	+ 'min' => -200,
	650	+ 'max' => 200,
	651	+ ],
	652	+ ],
	653	+ 'condition' => [
	654	+ 'image_offset_toggle' => 'yes'
	655	+ ],
	656	+ 'render_type' => 'ui',
	657	+ 'selectors' => [
	658	+ '{{WRAPPER}}' => '--ui-e-img-h-offset: {{SIZE}}px;'
	659	+ ],
	660	+ ]
	661	+ );
	662	+ $this->add_responsive_control(
	663	+ 'image_vertical_offset',
	664	+ [
	665	+ 'label' => __('Vertical', 'uicore-elements'),
	666	+ 'type' => Controls_Manager::SLIDER,
	667	+ 'default' => [
	668	+ 'size' => 0,
	669	+ ],
	670	+ 'tablet_default' => [
	671	+ 'size' => 0,
	672	+ ],
	673	+ 'mobile_default' => [
	674	+ 'size' => 0,
	675	+ ],
	676	+ 'range' => [
	677	+ 'px' => [
	678	+ 'min' => -200,
	679	+ 'max' => 200,
	680	+ ],
	681	+ ],
	682	+ 'condition' => [
	683	+ 'image_offset_toggle' => 'yes'
	684	+ ],
	685	+ 'render_type' => 'ui',
	686	+ 'selectors' => [
	687	+ '{{WRAPPER}}' => '--ui-e-img-v-offset: {{SIZE}}px;'
	688	+ ],
	689	+ ]
	690	+ );
	691	+ $this->end_popover();
	692	+ $this->end_controls_section();
	693	+ }
	694	+ function register_testimonial_name_controls()
	695	+ {
	696	+ $this->start_controls_section(
	697	+ 'section_style_name',
	698	+ [
	699	+ 'label' => __('Name', 'uicore-elements'),
	700	+ 'tab' => Controls_Manager::TAB_STYLE,
	701	+ 'condition' => [
	702	+ 'show_reviewer_name' => 'yes',
	703	+ ]
	704	+ ]
	705	+ );
	706	+
	707	+ $this->add_control(
	708	+ 'name_color',
	709	+ [
	710	+ 'label' => __('Color', 'uicore-elements'),
	711	+ 'type' => Controls_Manager::COLOR,
	712	+ 'selectors' => [
	713	+ '{{WRAPPER}} .ui-e-testimonial-name' => 'color: {{VALUE}};',
	714	+ ],
	715	+ ]
	716	+ );
	717	+ $this->add_control(
	718	+ 'name_hover_color',
	719	+ [
	720	+ 'label' => __('Hover Color', 'uicore-elements'),
	721	+ 'type' => Controls_Manager::COLOR,
	722	+ 'selectors' => [
	723	+ '{{WRAPPER}} .ui-e-item:hover .ui-e-testimonial-name' => 'color: {{VALUE}};',
	724	+ ],
	725	+ ]
	726	+ );
	727	+ $this->add_responsive_control(
	728	+ 'name_bottom_space',
	729	+ [
	730	+ 'label' => __('Spacing', 'uicore-elements'),
	731	+ 'type' => Controls_Manager::SLIDER,
	732	+ 'range' => [
	733	+ 'px' => [
	734	+ 'min' => 0,
	735	+ 'max' => 100,
	736	+ ],
	737	+ ],
	738	+ 'selectors' => [
	739	+ '{{WRAPPER}} .ui-e-testimonial-name' => 'padding-bottom: {{SIZE}}{{UNIT}};',
	740	+ ],
	741	+ ]
	742	+ );
	743	+ $this->add_group_control(
	744	+ Group_Control_Typography::get_type(),
	745	+ [
	746	+ 'name' => 'name_typography',
	747	+ 'selector' => '{{WRAPPER}} .ui-e-testimonial-name',
	748	+ ]
	749	+ );
	750	+ $this->add_group_control(
	751	+ Group_Control_Text_Shadow::get_type(),
	752	+ [
	753	+ 'name' => 'name_shadow',
	754	+ 'label' => __('Text Shadow', 'uicore-elements'),
	755	+ 'selector' => '{{WRAPPER}} .ui-e-testimonial-name',
	756	+ ]
	757	+ );
	758	+
	759	+ $this->end_controls_section();
	760	+ }
	761	+ function register_testimonial_job_controls()
	762	+ {
	763	+ $this->start_controls_section(
	764	+ 'section_style_job_title',
	765	+ [
	766	+ 'label' => __('Job Title', 'uicore-elements'),
	767	+ 'tab' => Controls_Manager::TAB_STYLE,
	768	+ 'condition' => [
	769	+ 'show_reviewer_job_title' => 'yes',
	770	+ ]
	771	+ ]
	772	+ );
	773	+
	774	+ $this->add_control(
	775	+ 'job_title_color',
	776	+ [
	777	+ 'label' => __('Color', 'uicore-elements'),
	778	+ 'type' => Controls_Manager::COLOR,
	779	+ 'selectors' => [
	780	+ '{{WRAPPER}} .ui-e-testimonial-job-title' => 'color: {{VALUE}};',
	781	+ ],
	782	+ ]
	783	+ );
	784	+ $this->add_control(
	785	+ 'job_title_hover_color',
	786	+ [
	787	+ 'label' => __('Hover Color', 'uicore-elements'),
	788	+ 'type' => Controls_Manager::COLOR,
	789	+ 'selectors' => [
	790	+ '{{WRAPPER}} .ui-e-item:hover .ui-e-testimonial-job-title' => 'color: {{VALUE}};',
	791	+ ],
	792	+ ]
	793	+ );
	794	+ $this->add_responsive_control(
	795	+ 'job_title_bottom_space',
	796	+ [
	797	+ 'label' => __('Spacing', 'uicore-elements'),
	798	+ 'type' => Controls_Manager::SLIDER,
	799	+ 'range' => [
	800	+ 'px' => [
	801	+ 'min' => 0,
	802	+ 'max' => 100,
	803	+ ],
	804	+ ],
	805	+ 'default' => [
	806	+ 'size' => 10,
	807	+ 'unit' => 'px'
	808	+ ],
	809	+ 'selectors' => [
	810	+ '{{WRAPPER}} .ui-e-testimonial-job-title' => 'padding-bottom: {{SIZE}}{{UNIT}};',
	811	+ ],
	812	+ ]
	813	+ );
	814	+ $this->add_group_control(
	815	+ Group_Control_Typography::get_type(),
	816	+ [
	817	+ 'name' => 'job_title_typography',
	818	+ 'selector' => '{{WRAPPER}} .ui-e-testimonial-job-title',
	819	+ ]
	820	+ );
	821	+
	822	+ $this->end_controls_section();
	823	+ }
	824	+ function register_testimonial_text_controls()
	825	+ {
	826	+ $this->start_controls_section(
	827	+ 'section_style_text',
	828	+ [
	829	+ 'label' => __('Text', 'uicore-elements'),
	830	+ 'tab' => Controls_Manager::TAB_STYLE,
	831	+ 'condition' => [
	832	+ 'show_reviewer_text' => 'yes',
	833	+ ]
	834	+ ]
	835	+ );
	836	+
	837	+ $this->add_control(
	838	+ 'text_color',
	839	+ [
	840	+ 'label' => __('Color', 'uicore-elements'),
	841	+ 'type' => Controls_Manager::COLOR,
	842	+ 'selectors' => [
	843	+ '{{WRAPPER}} .ui-e-testimonial-text' => 'color: {{VALUE}};',
	844	+ ],
	845	+ ]
	846	+ );
	847	+ $this->add_control(
	848	+ 'text_hover_color',
	849	+ [
	850	+ 'label' => __('Hover Color', 'uicore-elements'),
	851	+ 'type' => Controls_Manager::COLOR,
	852	+ 'selectors' => [
	853	+ '{{WRAPPER}} .ui-e-item:hover .ui-e-testimonial-text' => 'color: {{VALUE}};',
	854	+ ],
	855	+ ]
	856	+ );
	857	+ $this->add_group_control(
	858	+ Group_Control_Typography::get_type(),
	859	+ [
	860	+ 'name' => 'text_typography',
	861	+ 'selector' => '{{WRAPPER}} .ui-e-testimonial-text',
	862	+ ]
	863	+ );
	864	+ $this->add_responsive_control(
	865	+ 'text_bottom_space',
	866	+ [
	867	+ 'label' => __('Spacing', 'uicore-elements'),
	868	+ 'type' => Controls_Manager::SLIDER,
	869	+ 'range' => [
	870	+ 'px' => [
	871	+ 'min' => 0,
	872	+ 'max' => 100,
	873	+ ],
	874	+ ],
	875	+ 'default' => [
	876	+ 'size' => 15,
	877	+ 'unit' => 'px'
	878	+ ],
	879	+ 'selectors' => [
	880	+ '{{WRAPPER}} .ui-e-testimonial-text' => 'padding-bottom: {{SIZE}}{{UNIT}};',
	881	+ ],
	882	+ ]
	883	+ );
	884	+
	885	+ $this->end_controls_section();
	886	+ }
	887	+ function register_testimonial_rating_controls()
	888	+ {
	889	+ $this->start_controls_section(
	890	+ 'section_style_rating',
	891	+ [
	892	+ 'label' => esc_html__('Rating', 'uicore-elements'),
	893	+ 'tab' => Controls_Manager::TAB_STYLE,
	894	+ 'condition' => [
	895	+ 'show_reviewer_rating' => 'yes',
	896	+ ],
	897	+ ]
	898	+ );
	899	+
	900	+ // If SVG inline, we only need one color control because the semi-star bg color hack is not enabled with this experiment
	901	+ if (Plugin::$instance->experiments->is_feature_active('e_font_icon_svg')) {
	902	+ $this->add_control(
	903	+ 'active_rating_color',
	904	+ [
	905	+ 'label' => esc_html__('Color', 'uicore-elements'),
	906	+ 'type' => Controls_Manager::COLOR,
	907	+ 'default' => '#ffab1a',
	908	+ 'selectors' => [
	909	+ '{{WRAPPER}} .ui-e-testimonial-rating svg' => 'fill: {{VALUE}};',
	910	+ ],
	911	+ 'condition' => [
	912	+ 'rating_type' => 'star',
	913	+ ],
	914	+ ]
	915	+ );
	916	+ // Without the experiment, two colors are usefull because <i> elements can be cut and printed as decimal-stars
	917	+ } else {
	918	+ $this->add_control(
	919	+ 'active_rating_color',
	920	+ [
	921	+ 'label' => esc_html__('Active Color', 'uicore-elements'),
	922	+ 'type' => Controls_Manager::COLOR,
	923	+ 'default' => '#ffab1a',
	924	+ 'selectors' => [
	925	+ '{{WRAPPER}} .ui-e-testimonial-rating .ui-e-marked i' => 'color: {{VALUE}};',
	926	+ ],
	927	+ 'condition' => [
	928	+ 'rating_type' => 'star',
	929	+ ],
	930	+ ]
	931	+ );
	932	+ $this->add_control(
	933	+ 'rating_color',
	934	+ [
	935	+ 'label' => esc_html__('Color', 'uicore-elements'),
	936	+ 'type' => Controls_Manager::COLOR,
	937	+ 'default' => '#ccd6df',
	938	+ 'selectors' => [
	939	+ '{{WRAPPER}} .ui-e-testimonial-rating .ui-e-unmarked i' => 'color: {{VALUE}};',
	940	+ ],
	941	+ 'condition' => [
	942	+ 'rating_type' => 'star',
	943	+ ],
	944	+ ]
	945	+ );
	946	+ }
	947	+ $this->add_control(
	948	+ 'rating_number_color',
	949	+ [
	950	+ 'label' => esc_html__('Color', 'uicore-elements'),
	951	+ 'type' => Controls_Manager::COLOR,
	952	+ 'selectors' => [
	953	+ '{{WRAPPER}} .ui-e-testimonial-rating' => 'color: {{VALUE}};',
	954	+ ],
	955	+ 'condition' => [
	956	+ 'rating_type' => 'number',
	957	+ ],
	958	+ ]
	959	+ );
	960	+ $this->add_control(
	961	+ 'rating_background',
	962	+ [
	963	+ 'label' => __('Background Color', 'uicore-elements'),
	964	+ 'type' => Controls_Manager::COLOR,
	965	+ 'selectors' => [
	966	+ '{{WRAPPER}} .ui-e-testimonial-rating' => 'background-color: {{VALUE}};',
	967	+ ],
	968	+ 'condition' => [
	969	+ 'rating_type' => 'star',
	970	+ ],
	971	+ ]
	972	+ );
	973	+ $this->add_control(
	974	+ 'rating_number_background',
	975	+ [
	976	+ 'label' => __('Background Color', 'uicore-elements'),
	977	+ 'type' => Controls_Manager::COLOR,
	978	+ 'selectors' => [
	979	+ '{{WRAPPER}} .ui-e-testimonial-rating' => 'background-color: {{VALUE}};',
	980	+ ],
	981	+ 'default' => 'var(--e-global-color-uicore_primary)',
	982	+
	983	+ 'condition' => [
	984	+ 'rating_type' => 'number',
	985	+ ],
	986	+ ]
	987	+ );
	988	+
	989	+ $this->add_group_control(
	990	+ Group_Control_Border::get_type(),
	991	+ [
	992	+ 'name' => 'rating_border',
	993	+ 'selector' => '{{WRAPPER}} .ui-e-testimonial-rating',
	994	+ ]
	995	+ );
	996	+ $this->add_control(
	997	+ 'rating_border_radius',
	998	+ [
	999	+ 'label' => __('Border Radius', 'uicore-elements'),
	1000	+ 'type' => Controls_Manager::DIMENSIONS,
	1001	+ 'size_units' => ['px', 'em', '%'],
	1002	+ 'selectors' => [
	1003	+ '{{WRAPPER}} .ui-e-testimonial-rating' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
	1004	+ ],
	1005	+ ]
	1006	+ );
	1007	+ $this->add_control(
	1008	+ 'rating_padding',
	1009	+ [
	1010	+ 'label' => esc_html__('Padding', 'uicore-elements'),
	1011	+ 'type' => Controls_Manager::DIMENSIONS,
	1012	+ 'size_units' => ['px', 'em', '%'],
	1013	+ 'selectors' => [
	1014	+ '{{WRAPPER}} .ui-e-testimonial-rating' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
	1015	+ ],
	1016	+ ]
	1017	+ );
	1018	+ $this->add_control(
	1019	+ 'rating_margin',
	1020	+ [
	1021	+ 'label' => esc_html__('Margin', 'uicore-elements'),
	1022	+ 'type' => Controls_Manager::DIMENSIONS,
	1023	+ 'size_units' => ['px', '%'],
	1024	+ 'selectors' => [
	1025	+ '{{WRAPPER}} .ui-e-testimonial-rating' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
	1026	+ ],
	1027	+ ]
	1028	+ );
	1029	+ $this->add_control(
	1030	+ 'rating_size',
	1031	+ [
	1032	+ 'label' => esc_html__('Size', 'uicore-elements'),
	1033	+ 'type' => Controls_Manager::SLIDER,
	1034	+ 'default' => [
	1035	+ 'size' => 14,
	1036	+ 'unit' => 'px'
	1037	+ ],
	1038	+ 'selectors' => [
	1039	+ '{{WRAPPER}} .ui-e-testimonial-rating' => 'font-size: {{SIZE}}{{UNIT}};',
	1040	+ '{{WRAPPER}} .ui-e-testimonial-rating svg' => 'width: {{SIZE}}{{UNIT}};',
	1041	+ ],
	1042	+ ]
	1043	+ );
	1044	+ $this->add_control(
	1045	+ 'rating_space_between',
	1046	+ [
	1047	+ 'label' => esc_html__('Space Between', 'uicore-elements'),
	1048	+ 'type' => Controls_Manager::SLIDER,
	1049	+ 'range' => [
	1050	+ 'px' => [
	1051	+ 'min' => 0,
	1052	+ 'max' => 10,
	1053	+ ],
	1054	+ ],
	1055	+ 'selectors' => [
	1056	+ '{{WRAPPER}} .ui-e-testimonial-rating .ui-e-icon + .ui-e-icon' => 'margin-left: {{SIZE}}{{UNIT}};', // star type
	1057	+ '{{WRAPPER}} .ui-e-testimonial-rating span' => 'margin-right: {{SIZE}}{{UNIT}};', // number type
	1058	+ ],
	1059	+ 'condition' => [
	1060	+ 'rating_type' => 'star',
	1061	+ ],
	1062	+ ]
	1063	+ );
	1064	+
	1065	+ $this->end_controls_section();
	1066	+ }
	1067	+ function register_testimonial_divider_controls()
	1068	+ {
	1069	+ $this->start_controls_section(
	1070	+ 'section_style_divider',
	1071	+ [
	1072	+ 'label' => __('Divider', 'uicore-elements'),
	1073	+ 'tab' => Controls_Manager::TAB_STYLE,
	1074	+ 'condition' => [
	1075	+ 'layout' => 'layout_3',
	1076	+ 'show_reviewer_divider' => 'yes'
	1077	+ ]
	1078	+ ]
	1079	+ );
	1080	+
	1081	+ $this->add_control(
	1082	+ 'divider_color',
	1083	+ [
	1084	+ 'label' => __('Color', 'uicore-elements'),
	1085	+ 'type' => Controls_Manager::COLOR,
	1086	+ 'selectors' => [
	1087	+ '{{WRAPPER}} .ui-e-testimonial-divider' => 'border-color: {{VALUE}};',
	1088	+ ],
	1089	+ ]
	1090	+ );
	1091	+ $this->add_responsive_control(
	1092	+ 'divider_spacing',
	1093	+ [
	1094	+ 'label' => __('Spacing', 'uicore-elements'),
	1095	+ 'type' => Controls_Manager::SLIDER,
	1096	+ 'default' => [
	1097	+ 'size' => 20,
	1098	+ 'unit' => 'px'
	1099	+ ],
	1100	+ 'selectors' => [
	1101	+ '{{WRAPPER}} .ui-e-testimonial-divider' => 'margin-bottom: {{SIZE}}{{UNIT}};',
	1102	+ ],
	1103	+ ]
	1104	+ );
	1105	+
	1106	+ $this->end_controls_section();
	1107	+ }
	1108	+
	1109	+ // Register all Style Controls at once but Cards Controls since different widgets may/may not require an 'active' state
	1110	+ function TRAIT_register_style_controls()
	1111	+ {
	1112	+ $this->register_testimonial_image_controls();
	1113	+ $this->register_testimonial_name_controls();
	1114	+ $this->register_testimonial_job_controls();
	1115	+ $this->register_testimonial_text_controls();
	1116	+ $this->register_testimonial_rating_controls();
	1117	+ $this->register_testimonial_divider_controls();
	1118	+ }
	1119	+ // Register all Animation Controls at once
	1120	+ function TRAIT_register_testimonial_animation_controls()
	1121	+ {
	1122	+ $this->TRAIT_register_entrance_animations_controls(); // animate each item
	1123	+ // Hover Animations -- IMPORTANT: any new animation added here must also be added on condition list to the animation wrapper at TRAIT_render_review_item()
	1124	+ $this->TRAIT_register_hover_animation_control(
	1125	+ 'Item Hover Animation',
	1126	+ [],
	1127	+ ['underline']
	1128	+ );
	1129	+ $this->TRAIT_register_hover_animation_control(
	1130	+ 'Image Animations',
	1131	+ ['show_reviewer_image' => 'yes'],
	1132	+ ['underline']
	1133	+ );
	1134	+ $this->TRAIT_register_hover_animation_control(
	1135	+ 'Avatar Animations',
	1136	+ ['show_reviewer_avatar' => 'yes'],
	1137	+ ['underline']
	1138	+ );
	1139	+ $this->TRAIT_register_hover_animation_control(
	1140	+ 'Text Animations',
	1141	+ ['show_reviewer_text' => 'yes'],
	1142	+ ['zoom', 'underline']
	1143	+ );
	1144	+ $this->TRAIT_register_hover_animation_control(
	1145	+ 'Name Animations',
	1146	+ ['show_reviewer_name' => 'yes'],
	1147	+ ['zoom']
	1148	+ );
	1149	+ $this->TRAIT_register_hover_animation_control(
	1150	+ 'Job Animations',
	1151	+ ['show_reviewer_job_title' => 'yes'],
	1152	+ ['zoom']
	1153	+ );
	1154	+ $this->TRAIT_register_hover_animation_control(
	1155	+ 'Rating Animations',
	1156	+ ['show_reviewer_rating' => 'yes'],
	1157	+ ['underline']
	1158	+ );
	1159	+ }
	1160	+ // Register specific Controls that can't be called in blocks because are positioned differently on widgets, or used only by specific testimonial types, such as grid or carousel
	1161	+ function TRAIT_register_specific_testimonial_controls($arg)
	1162	+ {
	1163	+
	1164	+ switch ($arg) {
	1165	+ case 'layout':
	1166	+ $this->add_control(
	1167	+ 'layout',
	1168	+ [
	1169	+ 'label' => esc_html__('Layout', 'uicore-elements'),
	1170	+ 'type' => Controls_Manager::SELECT,
	1171	+ 'default' => 'layout_1',
	1172	+ 'options' => [
	1173	+ 'layout_1' => esc_html__('Layout 1', 'uicore-elements'),
	1174	+ 'layout_2' => esc_html__('Layout 2', 'uicore-elements'),
	1175	+ 'layout_3' => esc_html__('Layout 3', 'uicore-elements'),
	1176	+ 'layout_4' => esc_html__('Layout 4', 'uicore-elements'),
	1177	+ 'layout_5' => esc_html__('Layout 5', 'uicore-elements'),
	1178	+ 'layout_6' => esc_html__('Layout 6', 'uicore-elements'),
	1179	+ ],
	1180	+ 'render_type' => 'template',
	1181	+ 'prefix_class' => 'ui-e-',
	1182	+ 'frontend_available' => true
	1183	+ ]
	1184	+ );
	1185	+ break;
	1186	+
	1187	+ case 'item_animations':
	1188	+ $this->add_control(
	1189	+ 'item_hover_animation',
	1190	+ [
	1191	+ 'label' => esc_html__('Item Hover Animation', 'uicore-elements'),
	1192	+ 'type' => Controls_Manager::SELECT,
	1193	+ 'default' => '',
	1194	+ 'label_block' => true,
	1195	+ 'options' => $this->get_animations(),
	1196	+ ]
	1197	+ );
	1198	+ break;
	1199	+ }
	1200	+ }
	1201	+
	1202	+ // HTML Rendering Functions
	1203	+ function render_reviewer_avatar($item)
	1204	+ {
	1205	+ $settings = $this->get_settings_for_display();
	1206	+ $fit_avatar = ($this->is_option('avatar_size') && $settings['avatar_size']['unit'] === 'px')
	1207	+ ? 'ui-avatar-fit'
	1208	+ : '';
	1209	+
	1210	+ if (! $settings['show_reviewer_avatar']) {
	1211	+ return;
	1212	+ }
	1213	+
	1214	+?>
	1215	+ <div class="ui-e-testimonial-avatar <?php echo esc_attr($settings['avatar_animations']); ?> <?php echo esc_attr($fit_avatar); ?>">
	1216	+ <?php
	1217	+ $avatar_url = Group_Control_Image_Size::get_attachment_image_src($item['avatar']['id'], 'avatar_media_size', $settings);
	1218	+ if (!$avatar_url) {
	1219	+ printf('<img src="%1$s" alt="%2$s">', esc_url($item['avatar']['url']), esc_html($item['reviewer_name']));
	1220	+ } else {
	1221	+ print(wp_get_attachment_image(
	1222	+ $item['avatar']['id'],
	1223	+ $settings['avatar_media_size_size'],
	1224	+ false,
	1225	+ [
	1226	+ 'alt' => esc_html($item['reviewer_name'])
	1227	+ ]
	1228	+ ));
	1229	+ }
	1230	+ ?>
	1231	+ </div>
	1232	+ <?php
	1233	+ }
	1234	+ function render_reviewer_secondary_image($item)
	1235	+ {
	1236	+ $settings = $this->get_settings_for_display();
	1237	+
	1238	+ $thumb_url = Group_Control_Image_Size::get_attachment_image_src($item['image']['id'], 'image_media_size', $settings);
	1239	+
	1240	+ if (! $settings['show_reviewer_image'] || !$thumb_url) {
	1241	+ return;
	1242	+ }
	1243	+
	1244	+ ?>
	1245	+ <div class="ui-e-testimonial-image <?php echo esc_attr($settings['image_animations']); ?>">
	1246	+ <?php
	1247	+ if ($thumb_url) {
	1248	+ print(wp_get_attachment_image(
	1249	+ $item['image']['id'],
	1250	+ $settings['image_media_size_size'],
	1251	+ false,
	1252	+ []
	1253	+ ));
	1254	+ }
	1255	+ ?>
	1256	+ </div>
	1257	+ <?php
	1258	+ }
	1259	+ function render_reviewer_name($item)
	1260	+ {
	1261	+ $settings = $this->get_settings_for_display();
	1262	+
	1263	+ if (! $settings['show_reviewer_name']) {
	1264	+ return;
	1265	+ }
	1266	+
	1267	+ ?>
	1268	+ <?php if ($item['reviewer_name']) : ?>
	1269	+ <<?php echo Helper::esc_tag($settings['review_name_tag']); ?> class="ui-e-testimonial-name <?php echo esc_attr($settings['name_animations']); ?>">
	1270	+ <span><?php echo wp_kses_post($item['reviewer_name']); ?></span>
	1271	+ </<?php echo Helper::esc_tag($settings['review_name_tag']); ?>>
	1272	+ <?php endif; ?>
	1273	+ <?php
	1274	+ }
	1275	+ function render_reviewer_job_title($item)
	1276	+ {
	1277	+ $settings = $this->get_settings_for_display();
	1278	+
	1279	+ if (! $settings['show_reviewer_job_title']) {
	1280	+ return;
	1281	+ }
	1282	+
	1283	+ ?>
	1284	+ <?php if ($item['reviewer_job_title']) : ?>
	1285	+ <div class="ui-e-testimonial-job-title <?php echo esc_attr($settings['job_animations']); ?>">
	1286	+ <span><?php echo esc_html($item['reviewer_job_title']); ?></span>
	1287	+ </div>
	1288	+ <?php endif; ?>
	1289	+ <?php
	1290	+ }
	1291	+ function render_review_text($item)
	1292	+ {
	1293	+ $settings = $this->get_settings_for_display();
	1294	+
	1295	+ if (! $settings['show_reviewer_text']) {
	1296	+ return;
	1297	+ }
	1298	+
	1299	+ ?>
	1300	+ <?php if ($item['review_text']) : ?>
	1301	+ <div class="ui-e-testimonial-text <?php echo esc_attr($settings['text_animations']); ?>">
	1302	+ <?php echo wp_kses_post($this->parse_text_editor($item['review_text'])); ?>
	1303	+ </div>
	1304	+ <?php endif; ?>
	1305	+ <?php
	1306	+ }
	1307	+ function render_review_rating($item)
	1308	+ {
	1309	+
	1310	+ $settings = $this->get_settings_for_display();
	1311	+
	1312	+ $ID = $item['_id'];
	1313	+ if (!$settings['show_reviewer_rating']) {
	1314	+ return;
	1315	+ }
	1316	+
	1317	+ $rating_value = $item['rating_number']['size']; // get rating value
	1318	+
	1319	+ if ($settings['rating_type'] == 'star') {
	1320	+
	1321	+ ?>
	1322	+ <div class="ui-e-testimonial-rating <?php echo esc_attr($settings['rating_animations']); ?>">
	1323	+ <?php
	1324	+
	1325	+ $rating_scale = 5;
	1326	+
	1327	+ if ('' === $rating_value) {
	1328	+ $rating_value = $rating_scale;
	1329	+ }
	1330	+
	1331	+ $rating_value = floatval($rating_value);
	1332	+ $rating_value = round($rating_value, 2);
	1333	+
	1334	+ for ($index = 1; $index <= $rating_scale; $index++) {
	1335	+
	1336	+ // SVG Method (uses font-awesome library for it's half-star icon, and can prints full and half-star)
	1337	+ if (Plugin::$instance->experiments->is_feature_active('e_font_icon_svg')) {
	1338	+ ?>
	1339	+ <div class="ui-e-icon">
	1340	+ <?php
	1341	+ if ($rating_value >= $index) {
	1342	+ echo Icons_Manager::try_get_icon_html(['value' => 'fas fa-star', 'library' => 'fa-solid'], ['aria-hidden' => 'true']); //phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
	1343	+ } elseif (intval(ceil($rating_value)) === $index) {
	1344	+ echo Icons_Manager::try_get_icon_html(['value' => 'fas fa-star-half', 'library' => 'fa-solid'], ['aria-hidden' => 'true']); //phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
	1345	+ }
	1346	+ ?>
	1347	+ </div>
	1348	+ <?php
	1349	+ // Font Icon Method (uses elementor library and can print decimal specific stars)
	1350	+ } else {
	1351	+
	1352	+ if ($rating_value >= $index) {
	1353	+ $width = '100%'; // Full star if rate superior to current loop
	1354	+ } elseif (intval(ceil($rating_value)) === $index) {
	1355	+ $width = ($rating_value - ($index - 1)) * 100 . '%'; // Semi-star, calculating the width based on the decimal value
	1356	+ } else {
	1357	+ $width = '0%'; // No star if rate inferior to current loop
	1358	+ }
	1359	+
	1360	+ // Creates the atts
	1361	+ $this->add_render_attribute("icon_marked_$ID" . "_$index", [
	1362	+ 'class' => 'ui-e-marked',
	1363	+ ]);
	1364	+ if ('100%' !== $width) {
	1365	+ $this->add_render_attribute("icon_marked_$ID" . "_$index", [
	1366	+ 'style' => '--ui-e-rate-width: ' . $width . ';',
	1367	+ ]);
	1368	+ }
	1369	+
	1370	+ ?>
	1371	+ <div class="ui-e-icon">
	1372	+ <div <?php $this->print_render_attribute_string("icon_marked_$ID" . "_$index",); ?>>
	1373	+ <?php echo Icons_Manager::try_get_icon_html(['value' => 'eicon-star', 'library' => 'eicons'], ['aria-hidden' => 'true']); //phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
	1374	+ ?>
	1375	+ </div>
	1376	+ <div class="ui-e-unmarked">
	1377	+ <?php echo Icons_Manager::try_get_icon_html(['value' => 'eicon-star', 'library' => 'eicons'], ['aria-hidden' => 'true']); //phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
	1378	+ ?>
	1379	+ </div>
	1380	+ </div>
	1381	+ <?php
	1382	+ }
	1383	+ }
	1384	+ ?>
	1385	+ </div>
	1386	+ <?php
	1387	+
	1388	+ } else { // number type rating
	1389	+ ?>
	1390	+ <div class="ui-e-testimonial-rating number">
	1391	+ <span><?php echo esc_html($rating_value); ?></span>
	1392	+ </div>
	1393	+ <?php
	1394	+ }
	1395	+ }
	1396	+ function render_review_divider()
	1397	+ {
	1398	+ $settings = $this->get_settings_for_display();
	1399	+
	1400	+ if (!$settings['show_reviewer_divider']) {
	1401	+ return;
	1402	+ }
	1403	+
	1404	+ ?>
	1405	+ <span class="ui-e-testimonial-divider"></span>
	1406	+ <?php
	1407	+ }
	1408	+ function TRAIT_render_review_item($item, $layout)
	1409	+ {
	1410	+ $settings = $this->get_settings_for_display();
	1411	+
	1412	+ // Atts used by some layouts
	1413	+ $atts = [
	1414	+ 'inline' => $this->is_option('image_inline', 'yes') ? true : false,
	1415	+ ];
	1416	+
	1417	+ // Get entrance and item hover animation classes
	1418	+ $entrance = $this->is_option('animate_items', 'ui-e-grid-animate') ? 'elementor-invisible' : '';
	1419	+ $hover = isset($settings['item_hover_animation']) ? $settings['item_hover_animation'] : null;
	1420	+ $animations = sprintf('%s %s', $entrance, $hover);
	1421	+
	1422	+ // Get all elements animation control options (triggered by .ui-e-animations-wrp:hover)
	1423	+ $animation_options = [
	1424	+ $settings['image_animations'],
	1425	+ $settings['avatar_animations'],
	1426	+ $settings['text_animations'],
	1427	+ $settings['name_animations'],
	1428	+ $settings['job_animations'],
	1429	+ $settings['rating_animations']
	1430	+ ];
	1431	+ // get item animation only if is not slider,
	1432	+ if (!str_contains($this->get_name(), 'slider')) {
	1433	+ $animation_options[] = $settings['item_hover_animation'];
	1434	+ }
	1435	+ // check if any of the animation are set
	1436	+ $has_animation = array_filter($animation_options, function ($value) {
	1437	+ return $value !== '';
	1438	+ });
	1439	+ // and also check if entrance is set
	1440	+ $has_animation = $entrance !== '' ? true : $has_animation;
	1441	+
	1442	+ ?>
	1443	+
	1444	+ <div class="ui-e-wrp swiper-slide">
	1445	+ <?php if (!empty($has_animation)) : ?>
	1446	+ <div class="ui-e-animations-wrp <?php echo esc_attr($animations); ?>">
	1447	+ <?php endif; ?>
	1448	+ <div class="ui-e-item">
	1449	+ <?php
	1450	+ switch ($layout) {
	1451	+ case 'layout_2':
	1452	+ $this->render_layout_2($item, $atts);
	1453	+ break;
	1454	+ case 'layout_3':
	1455	+ $this->render_layout_3($item, $atts);
	1456	+ break;
	1457	+ case 'layout_4':
	1458	+ $this->render_layout_4($item);
	1459	+ break;
	1460	+ case 'layout_5':
	1461	+ $this->render_layout_5($item);
	1462	+ break;
	1463	+ case 'layout_6':
	1464	+ $this->render_layout_6($item);
	1465	+ break;
	1466	+ default:
	1467	+ $this->render_layout_1($item, $atts);
	1468	+ break;
	1469	+ }
	1470	+ ?>
	1471	+ </div>
	1472	+ <?php if (!empty($has_animation)) : ?>
	1473	+ </div>
	1474	+ <?php endif; ?>
	1475	+ </div>
	1476	+ <?php
	1477	+ }
	1478	+
	1479	+ // Layouts
	1480	+ function render_layout_1($item, $atts)
	1481	+ {
	1482	+
	1483	+ $this->render_reviewer_secondary_image($item);
	1484	+ ?>
	1485	+ <div class="ui-e-content">
	1486	+
	1487	+ <?php $this->render_review_text($item); ?>
	1488	+
	1489	+ <?php if ($atts['inline']) : ?>
	1490	+
	1491	+ <div class="ui-e-testimonial-flex">
	1492	+ <?php $this->render_reviewer_avatar($item); ?>
	1493	+ <div class="ui-e-inner-content">
	1494	+ <?php
	1495	+ $this->render_reviewer_name($item);
	1496	+ $this->render_reviewer_job_title($item);
	1497	+ $this->render_review_rating($item);
	1498	+ ?>
	1499	+ </div>
	1500	+ </div>
	1501	+
	1502	+ <?php else :
	1503	+ $this->render_reviewer_avatar($item);
	1504	+ $this->render_reviewer_name($item);
	1505	+ $this->render_reviewer_job_title($item);
	1506	+ $this->render_review_rating($item);
	1507	+ endif; ?>
	1508	+
	1509	+ </div>
	1510	+ <?php
	1511	+ }
	1512	+ function render_layout_2($item, $atts)
	1513	+ {
	1514	+ ?>
	1515	+ <div class="ui-e-content">
	1516	+
	1517	+ <?php if ($atts['inline']) : ?>
	1518	+ <div class="ui-e-testimonial-flex">
	1519	+ <?php $this->render_reviewer_avatar($item); ?>
	1520	+ <div class="ui-e-inner-content">
	1521	+ <?php
	1522	+ $this->render_reviewer_name($item);
	1523	+ $this->render_reviewer_job_title($item);
	1524	+ $this->render_review_rating($item);
	1525	+ ?>
	1526	+ </div>
	1527	+ </div>
	1528	+
	1529	+ <?php else :
	1530	+ $this->render_reviewer_avatar($item);
	1531	+ $this->render_reviewer_name($item);
	1532	+ $this->render_reviewer_job_title($item);
	1533	+ $this->render_review_rating($item);
	1534	+ endif; ?>
	1535	+
	1536	+ <?php $this->render_review_text($item); ?>
	1537	+ </div>
	1538	+
	1539	+ <?php
	1540	+ $this->render_reviewer_secondary_image($item);
	1541	+ }
	1542	+ function render_layout_3($item, $atts)
	1543	+ {
	1544	+ $this->render_reviewer_secondary_image($item);
	1545	+ ?>
	1546	+ <div class="ui-e-content">
	1547	+
	1548	+ <?php
	1549	+ $this->render_review_rating($item);
	1550	+ $this->render_review_text($item);
	1551	+ $this->render_review_divider();
	1552	+ ?>
	1553	+
	1554	+ <?php if ($atts['inline']) : ?>
	1555	+
	1556	+ <div class="ui-e-testimonial-flex">
	1557	+ <?php $this->render_reviewer_avatar($item); ?>
	1558	+ <div class="ui-e-inner-content">
	1559	+ <?php $this->render_reviewer_name($item); ?>
	1560	+ <?php $this->render_reviewer_job_title($item); ?>
	1561	+ </div>
	1562	+ </div>
	1563	+
	1564	+ <?php else :
	1565	+ $this->render_reviewer_avatar($item);
	1566	+ $this->render_reviewer_name($item);
	1567	+ $this->render_reviewer_job_title($item);
	1568	+ endif; ?>
	1569	+ </div>
	1570	+ <?php
	1571	+ }
	1572	+ function render_layout_4($item)
	1573	+ {
	1574	+ ?>
	1575	+ <div class="ui-e-testimonial-flex">
	1576	+ <?php $this->render_reviewer_avatar($item); ?>
	1577	+ <?php $this->render_reviewer_secondary_image($item); ?>
	1578	+ </div>
	1579	+
	1580	+ <div class="ui-e-content">
	1581	+ <?php
	1582	+ $this->render_review_text($item);
	1583	+ $this->render_reviewer_name($item);
	1584	+ $this->render_reviewer_job_title($item);
	1585	+ $this->render_review_rating($item);
	1586	+ ?>
	1587	+ </div>
	1588	+ <?php
	1589	+ }
	1590	+ function render_layout_5($item)
	1591	+ {
	1592	+ ?>
	1593	+ <div class="ui-e-testimonial-flex">
	1594	+ <div class="ui-e-content">
	1595	+
	1596	+ <?php
	1597	+ $this->render_reviewer_secondary_image($item);
	1598	+ $this->render_review_text($item);
	1599	+ $this->render_review_rating($item);
	1600	+ $this->render_reviewer_name($item);
	1601	+ $this->render_reviewer_job_title($item);
	1602	+ ?>
	1603	+ </div>
	1604	+ <?php $this->render_reviewer_avatar($item); ?>
	1605	+ </div>
	1606	+ <?php
	1607	+ }
	1608	+ function render_layout_6($item)
	1609	+ {
	1610	+ ?>
	1611	+ <div class="ui-e-testimonial-flex">
	1612	+
	1613	+ <?php $this->render_reviewer_avatar($item); ?>
	1614	+
	1615	+ <div class="ui-e-content">
	1616	+ <?php
	1617	+ $this->render_reviewer_name($item);
	1618	+ $this->render_reviewer_job_title($item);
	1619	+ $this->render_review_rating($item);
	1620	+ $this->render_review_text($item);
	1621	+ $this->render_reviewer_secondary_image($item);
	1622	+ ?>
	1623	+ </div>
	1624	+ </div>
	1625	+<?php
	1626	+ }
	1627	+}