Elementor Essential Addons

Version Description

Tooltip element added
Advanced Tabs element added
Advanced Accordion element added
Info box improved
Few minor bugfix and improvements

Release Info

Developer	re_enter_rupok
Plugin	Elementor Essential Addons
Version	2.6.0
Comparing to
See all releases

Code changes from version 2.5.0 to 2.6.0

Files changed (8) hide show

admin/settings.php +22 -26
assets/css/essential-addons-elementor.css +326 -1
elements/advance-accordion/advance-accordion.php +711 -0
elements/advance-tabs/advance-tabs.php +673 -0
elements/infobox/infobox.php +41 -94
elements/tooltip/tooltip.php +621 -0
essential_adons_elementor.php +15 -6
readme.txt +14 -3

admin/settings.php CHANGED Viewed

	@@ -14,7 +14,7 @@ class Eael_Admin_Settings {
14	* @var array
15	* @since 2.3.0
16	*/
17	- public $eael_default_keys = [ 'contact-form-7', 'count-down', 'creative-btn', 'fancy-text', 'img-comparison', 'instagram-gallery', 'interactive-promo', 'lightbox', 'post-block', 'post-grid', 'post-timeline', 'product-grid', 'team-members', 'testimonial-slider', 'testimonials', 'testimonials', 'weforms', 'static-product', 'call-to-action', 'flip-box', 'info-box', 'dual-header', 'price-table', 'flip-carousel', 'interactive-cards', 'ninja-form', 'gravity-form', 'caldera-form', 'wisdom_registered_setting', 'twitter-feed', 'facebook-feed', 'twitter-feed-carousel', 'facebook-feed-carousel', 'data-table', 'filter-gallery', 'dynamic-filter-gallery', 'img-accordion', 'content-ticker' ];
18
19	/**
20	* Will Contain All Components Default Values
	@@ -132,7 +132,6 @@ class Eael_Admin_Settings {
132	<li><a href="#general" class="active"><i class="fa fa-cogs"></i> General</a></li>
133	<li><a href="#elements"><i class="fa fa-cubes"></i> Elements</a></li>
134	<li><a href="#go-pro"><i class="fa fa-bolt"></i> Go Premium</a></li>
135	- <li><a href="#support"><i class="fa fa-ticket"></i> Support</a></li>
136	</ul>
137	<div id="general" class="eael-settings-tab active">
138	<div class="row eael-admin-general-wrapper">
	@@ -330,6 +329,21 @@ class Eael_Admin_Settings {
330	<label for="content-ticker"></label>
331	<p class="eael-el-title"><?php _e( 'Content Ticker', 'essential-addons-elementor' ) ?></p>
332	</div>















333	</div><!--./checkbox-container-->
334	</div>
335	<div class="col-full">
	@@ -433,7 +447,7 @@ class Eael_Admin_Settings {
433	<input type="checkbox" id="post-list" name="dynamic-filter-gallery" disabled>
434	<label for="post-list" class="<?php if( (bool) $this->is_pro === false ) : echo 'eael-get-pro'; endif; ?>"></label>
435	<p class="eael-el-title">
436	- <?php _e( 'Post List', 'essential-addons-elementor' ) ?>
437	</p>
438	</div>
439	</div><!--./checkbox-container-->
	@@ -458,27 +472,6 @@ class Eael_Admin_Settings {
458	</div>
459	</div>
460	</div>
461	- <div id="support" class="eael-settings-tab">
462	- <div class="row">
463	- <div class="col-half">
464	- <h4>Need help? Open a support ticket!</h4>
465	- <p>You can always get support from the community.</p>
466	- <a href="https://wordpress.org/support/plugin/essential-addons-for-elementor-lite" target="_blank" class="button eael-btn">Get Help</a>
467	- </div>
468	- <div class="col-half">
469	- <h4>Need Premium Support?</h4>
470	- <p>Purchasing a license entitles you to receive premium support.</p>
471	- <a href="https://wpdeveloper.net/in/upgrade-essential-addons-elementor" target="_blank" class="button eael-btn">Get a license</a>
472	- </div>
473	- </div>
474	- <div class="row">
475	- <div class="col-half">
476	- <div class="essential-addons-community-link">
477	- <a href="https://www.facebook.com/groups/essentialaddons/" target="_blank"><i class="fa fa-facebook-official fa-2x fa-fw" aria-hidden="true"></i> <span>Join the Facebook Community</span></a>
478	- </div>
479	- </div>
480	- </div>
481	- </div>
482	</div>
483	</form>
484	</div>
	@@ -523,8 +516,11 @@ class Eael_Admin_Settings {
523	'facebook-feed' => intval( $settings['facebook-feed'] ? 1 : 0 ),
524	'data-table' => intval( $settings['data-table'] ? 1 : 0 ),
525	'filter-gallery' => intval( $settings['filter-gallery'] ? 1 : 0 ),
526	- 'image-accordion' => intval( $settings['image-accordion'] ? 1 : 0 ),
527	- 'content-ticker' => intval( $settings['content-ticker'] ? 1 : 0 ),



528	'wisdom_registered_setting' => 1,
529	);
530	update_option( 'eael_save_settings', $this->eael_settings );


14	* @var array
15	* @since 2.3.0
16	*/
17	+ public $eael_default_keys = [ 'contact-form-7', 'count-down', 'creative-btn', 'fancy-text', 'img-comparison', 'instagram-gallery', 'interactive-promo', 'lightbox', 'post-block', 'post-grid', 'post-timeline', 'product-grid', 'team-members', 'testimonial-slider', 'testimonials', 'testimonials', 'weforms', 'static-product', 'call-to-action', 'flip-box', 'info-box', 'dual-header', 'price-table', 'flip-carousel', 'interactive-cards', 'ninja-form', 'gravity-form', 'caldera-form', 'wisdom_registered_setting', 'twitter-feed', 'facebook-feed', 'twitter-feed-carousel', 'facebook-feed-carousel', 'data-table', 'filter-gallery', 'dynamic-filter-gallery', 'img-accordion', 'content-ticker', 'tooltip', 'adv-accordion', 'adv-tabs' ];
18
19	/**
20	* Will Contain All Components Default Values

132	<li><a href="#general" class="active"><i class="fa fa-cogs"></i> General</a></li>
133	<li><a href="#elements"><i class="fa fa-cubes"></i> Elements</a></li>
134	<li><a href="#go-pro"><i class="fa fa-bolt"></i> Go Premium</a></li>

135	</ul>
136	<div id="general" class="eael-settings-tab active">
137	<div class="row eael-admin-general-wrapper">

329	<label for="content-ticker"></label>
330	<p class="eael-el-title"><?php _e( 'Content Ticker', 'essential-addons-elementor' ) ?></p>
331	</div>
332	+ <div class="eael-checkbox">
333	+ <input type="checkbox" id="tooltip" name="tooltip" <?php checked( 1, $this->eael_get_settings['tooltip'], true ); ?> >
334	+ <label for="tooltip"></label>
335	+ <p class="eael-el-title"><?php _e( 'Tooltip', 'essential-addons-elementor' ) ?></p>
336	+ </div>
337	+ <div class="eael-checkbox">
338	+ <input type="checkbox" id="adv-accordion" name="adv-accordion" <?php checked( 1, $this->eael_get_settings['adv-accordion'], true ); ?> >
339	+ <label for="adv-accordion"></label>
340	+ <p class="eael-el-title"><?php _e( 'Advanced Accordion', 'essential-addons-elementor' ) ?></p>
341	+ </div>
342	+ <div class="eael-checkbox">
343	+ <input type="checkbox" id="adv-tabs" name="adv-tabs" <?php checked( 1, $this->eael_get_settings['adv-tabs'], true ); ?> >
344	+ <label for="adv-tabs"></label>
345	+ <p class="eael-el-title"><?php _e( 'Advanced Tabs', 'essential-addons-elementor' ) ?></p>
346	+ </div>
347	</div><!--./checkbox-container-->
348	</div>
349	<div class="col-full">

447	<input type="checkbox" id="post-list" name="dynamic-filter-gallery" disabled>
448	<label for="post-list" class="<?php if( (bool) $this->is_pro === false ) : echo 'eael-get-pro'; endif; ?>"></label>
449	<p class="eael-el-title">
450	+ <?php _e( 'Smart Post List', 'essential-addons-elementor' ) ?>
451	</p>
452	</div>
453	</div><!--./checkbox-container-->

472	</div>
473	</div>
474	</div>





















475	</div>
476	</form>
477	</div>

516	'facebook-feed' => intval( $settings['facebook-feed'] ? 1 : 0 ),
517	'data-table' => intval( $settings['data-table'] ? 1 : 0 ),
518	'filter-gallery' => intval( $settings['filter-gallery'] ? 1 : 0 ),
519	+ 'image-accordion' => intval( $settings['image-accordion'] ? 1 : 0 ),
520	+ 'content-ticker' => intval( $settings['content-ticker'] ? 1 : 0 ),
521	+ 'tooltip' => intval( $settings['tooltip'] ? 1 : 0 ),
522	+ 'adv-accordion' => intval( $settings['adv-accordion'] ? 1 : 0 ),
523	+ 'adv-tabs' => intval( $settings['adv-tabs'] ? 1 : 0 ),
524	'wisdom_registered_setting' => 1,
525	);
526	update_option( 'eael_save_settings', $this->eael_settings );

assets/css/essential-addons-elementor.css CHANGED Viewed

@@ -1710,7 +1710,6 @@ body:not(.x-ethos):not(.x-integrity):not(.x-renew):not(.x-icon) .eael-product-ca
             .eael-infobox {}
             .eael-infobox .infobox-icon {
               height: auto;
-            -
              margin-bottom: 30px;
+            }
             .eael-infobox .infobox-icon .infobox-icon-wrap {
               display: block;
@@ -4172,4 +4171,330 @@ img.mfp-img {
+            }
             .eael-ticker-wrap .eael-typed-strings {
               padding: 0px 0px 0px 15px;
+            }


1710	.eael-infobox {}
1711	.eael-infobox .infobox-icon {
1712	height: auto;

1713	}
1714	.eael-infobox .infobox-icon .infobox-icon-wrap {
1715	display: block;

4171	}
4172	.eael-ticker-wrap .eael-typed-strings {
4173	padding: 0px 0px 0px 15px;
4174	+ }
4175	+ /**
4176	+ * Advance Tabs
4177	+ */
4178	+ .eael-advance-tabs > .eael-tab-navs {
4179	+ position: relative;
4180	+ padding: 0px;
4181	+ margin: 0px;
4182	+ list-style-type: none;
4183	+ display: flex;
4184	+ justify-content: flex-start;
4185	+ align-items: center;
4186	+ z-index: 1;
4187	+ }
4188	+ .eael-advance-tabs .eael-tab-navs li {
4189	+ flex: 1 1 auto;
4190	+ cursor: pointer;
4191	+ }
4192	+ .eael-advance-tabs .eael-tab-navs li a {
4193	+ width: 100%;
4194	+ display: flex;
4195	+ align-items: center;
4196	+ justify-content: center;
4197	+ text-decoration: none;
4198	+ padding: 15px;
4199	+ box-sizing: border-box;
4200	+ position: relative;
4201	+ z-index: 0;
4202	+ }
4203	+ .eael-advance-tabs .eael-tab-navs li a:hover,
4204	+ .eael-advance-tabs .eael-tab-navs li a.active {
4205	+ position: relative;
4206	+ z-index: 0;
4207	+ }
4208	+ .eael-advance-tabs .eael-tab-navs li a:after {
4209	+ content: "";
4210	+ position: absolute;
4211	+ bottom: -10px;
4212	+ left: 0px;
4213	+ right: 0px;
4214	+ margin: 0 auto;
4215	+ z-index: 1;
4216	+ width: 0px;
4217	+ height: 0px;
4218	+ border-left: 10px solid transparent;
4219	+ border-right: 10px solid transparent;
4220	+ border-top: 10px solid #444;
4221	+ border-bottom: 0px;
4222	+ display: none;
4223	+ }
4224	+ .eael-advance-tabs .eael-tab-navs li a.active:after {
4225	+ display: block;
4226	+ }
4227	+ .eael-advance-tabs .eael-tab-contents .eael-tab-content {
4228	+ display: none;
4229	+ box-sizing: border-box;
4230	+ padding: 20px 30px;
4231	+ opacity: 0;
4232	+ font-size: 1rem;
4233	+ line-height: 1.7;
4234	+ border: 1px solid #eee;
4235	+ margin-top: -1px;
4236	+ }
4237	+ .eael-advance-tabs .eael-tab-contents .eael-tab-content.active {
4238	+ display: block;
4239	+ opacity: 1;
4240	+ animation: fadeIn linear 0.3s;
4241	+ }
4242	+
4243	+ /* Inline Icon */
4244	+ .eael-tab-inline-icon li a .fa {
4245	+ margin-right: 10px;
4246	+ line-height: 1;
4247	+ }
4248	+ .eael-tab-top-icon li a {
4249	+ display: flex;
4250	+ flex-wrap: wrap;
4251	+ text-align: center;
4252	+ }
4253	+ .eael-tab-top-icon li a .fa,
4254	+ .eael-tab-top-icon li a .eael-tab-title {
4255	+ flex: 1 1 100%;
4256	+ line-height: 1;
4257	+ }
4258	+ .eael-tab-top-icon li a .eael-tab-title {
4259	+ margin-top: 10px;
4260	+ }
4261	+ /**
4262	+ * Advance Accordion
4263	+ */
4264	+ .eael-adv-accordion {
4265	+ width: auto;
4266	+ height: auto;
4267	+ transition: all 0.3s ease-in-out;
4268	+ }
4269	+ .eael-adv-accordion .eael-accordion-list {}
4270	+ .eael-adv-accordion .eael-accordion-list .eael-accordion-header {
4271	+ padding: 15px;
4272	+ border: 1px solid rgba(0,0,0,0.02);
4273	+ font-size: 1rem;
4274	+ font-weight: 600;
4275	+ line-height: 1;
4276	+ transition: all 0.3s ease-in-out;
4277	+ display: flex;
4278	+ justify-content: space-between;
4279	+ align-items: center;
4280	+ cursor: pointer;
4281	+ }
4282	+ .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-toggle {
4283	+ transform: rotate(0deg);
4284	+ z-index: 10;
4285	+ transition: all 0.3s ease-in-out;
4286	+ }
4287	+ .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-toggle {
4288	+ transform: rotate(90deg);
4289	+ z-index: 10;
4290	+ transition: all 0.3s ease-in-out;
4291	+ }
4292	+ .fa-accordion-icon {
4293	+ display: inline-block;
4294	+ margin-right: 10px;
4295	+ }
4296	+ .eael-adv-accordion .eael-accordion-list .eael-accordion-content {
4297	+ display: none;
4298	+ border: 1px solid #eee;
4299	+ padding: 15px;
4300	+ box-sizing: border-box;
4301	+ font-size: 1rem;
4302	+ line-height: 1.7;
4303	+ opacity: 0;
4304	+ }
4305	+ .eael-adv-accordion .eael-accordion-list .eael-accordion-content p {
4306	+ margin: 0;
4307	+ }
4308	+ .eael-adv-accordion .eael-accordion-list .eael-accordion-content.active {
4309	+ display: block;
4310	+ opacity: 1;
4311	+ }
4312	+
4313	+ @keyframes rotate-90 {
4314	+ 0% {
4315	+ transform: rotateY(0deg);
4316	+ }
4317	+ 100% {
4318	+ transform: rotateY(-180deg);
4319	+ }
4320	+ }
4321	+ @keyframes fadeIn {
4322	+ 0% {
4323	+ opacity: 1;
4324	+ transition: all 0.3s ease-in-out;
4325	+ }
4326	+ 100% {
4327	+ opacity: 1;
4328	+ transition: all 0.3s ease-in-out;
4329	+ }
4330	+ }
4331	+
4332	+ /**
4333	+ * Tooltip
4334	+ */
4335	+ .eael-tooltip {
4336	+ position: relative;
4337	+ display: inline-block;
4338	+ min-width: 150px;
4339	+ text-align: center;
4340	+ padding: 12px 24px;
4341	+ font-size: .93rem;
4342	+ color: #333;
4343	+ line-height: 1;
4344	+ cursor: pointer;
4345	+ transition: all 0.3s ease-in-out;
4346	+ }
4347	+
4348	+ .eael-tooltip .eael-tooltip-text {
4349	+ display: block;
4350	+ width: 100%;
4351	+ visibility: hidden;
4352	+ background-color: black;
4353	+ color: #fff;
4354	+ text-align: center;
4355	+ border-radius: 4px;
4356	+ padding: 10px;
4357	+ position: absolute;
4358	+ z-index: 1;
4359	+ font-size: .93rem;
4360	+ line-height: 1.3;
4361	+ }
4362	+
4363	+ .eael-tooltip .eael-tooltip-text::after {
4364	+ content: "";
4365	+ position: absolute;
4366	+ border-width: 5px;
4367	+ border-style: solid;
4368	+ }
4369	+ .eael-tooltip:hover .eael-tooltip-text {
4370	+ visibility: visible;
4371	+ }
4372	+
4373	+ /* Left */
4374	+ .eael-tooltip .eael-tooltip-text.eael-tooltip-left {
4375	+ top: 50%;
4376	+ right: 100%;
4377	+ transform: translateY(-50%);
4378	+ margin-right: 10px;
4379	+ }
4380	+ .eael-tooltip:hover .eael-tooltip-text.eael-tooltip-left {
4381	+ animation: tooltipLeftIn 300ms ease-in-out;
4382	+ }
4383	+ .eael-tooltip .eael-tooltip-text.eael-tooltip-left::after {
4384	+ top: calc(50% - 5px);
4385	+ left: 100%;
4386	+ border-color: transparent transparent transparent black;
4387	+ }
4388	+
4389	+ /* Right */
4390	+ .eael-tooltip .eael-tooltip-text.eael-tooltip-right {
4391	+ top: 50%;
4392	+ left: 100%;
4393	+ transform: translateY(-50%);
4394	+ transition: all 0.3s ease-in-out;
4395	+ margin-left: 10px;
4396	+ }
4397	+ .eael-tooltip:hover .eael-tooltip-text.eael-tooltip-right {
4398	+ animation: tooltipRightIn 300ms linear;
4399	+ }
4400	+ .eael-tooltip .eael-tooltip-text.eael-tooltip-right::after {
4401	+ top: calc(50% - 5px);
4402	+ right: 100%;
4403	+ border-color: transparent black transparent transparent;
4404	+ }
4405	+
4406	+ /* Top */
4407	+ .eael-tooltip .eael-tooltip-text.eael-tooltip-top {
4408	+ bottom: calc(100%);
4409	+ left: 0;
4410	+ right: 0;
4411	+ margin: 0 auto 10px auto;
4412	+ }
4413	+ .eael-tooltip .eael-tooltip-text.eael-tooltip-top::after {
4414	+ margin-top: 0px;
4415	+ top: 100%;
4416	+ left: calc( 50% - 5px );
4417	+ border-color: black transparent transparent transparent;
4418	+ }
4419	+ .eael-tooltip:hover .eael-tooltip-text.eael-tooltip-top {
4420	+ animation: tooltipTopIn 300ms linear;
4421	+ }
4422	+ /* Bottom */
4423	+ .eael-tooltip .eael-tooltip-text.eael-tooltip-bottom {
4424	+ top: 100%;
4425	+ left: 0;
4426	+ right: 0;
4427	+ margin: 10px auto 0px auto;
4428	+ }
4429	+ .eael-tooltip .eael-tooltip-text.eael-tooltip-bottom::after {
4430	+ margin-top: 0px;
4431	+ bottom: 100%;
4432	+ left: calc( 50% - 5px );
4433	+ border-color: transparent transparent black transparent;
4434	+ }
4435	+ .eael-tooltip:hover .eael-tooltip-text.eael-tooltip-bottom {
4436	+ animation: tooltipBottomIn 300ms linear;
4437	+ }
4438	+ /* Alignments */
4439	+ .eael-tooltip-align-left {
4440	+ display: flex;
4441	+ width: 100%;
4442	+ justify-content: flex-start;
4443	+ }
4444	+ .eael-tooltip-align-right {
4445	+ display: flex;
4446	+ width: 100%;
4447	+ justify-content: flex-end;
4448	+ }
4449	+ .eael-tooltip-align-center {
4450	+ display: flex;
4451	+ width: 100%;
4452	+ justify-content: center;
4453	+ }
4454	+ .eael-tooltip-align-justify .eael-tooltip {
4455	+ display: flex;
4456	+ justify-content: center;
4457	+ align-items: center;
4458	+ }
4459	+
4460	+ /* tooltip Keyframes */
4461	+ @keyframes tooltipRightIn {
4462	+ 0% {
4463	+ opacity: 0;
4464	+ left: 105%;
4465	+ }
4466	+ 100% {
4467	+ opacity: 1;
4468	+ left: 100%;
4469	+ }
4470	+ }
4471	+ @keyframes tooltipLeftIn {
4472	+ 0% {
4473	+ opacity: 0;
4474	+ right: 105%;
4475	+ }
4476	+ 100% {
4477	+ opacity: 1;
4478	+ right: 100%;
4479	+ }
4480	+ }
4481	+ @keyframes tooltipTopIn {
4482	+ 0% {
4483	+ opacity: 0;
4484	+ bottom: 110%;
4485	+ }
4486	+ 100% {
4487	+ opacity: 1;
4488	+ bottom: 100%;
4489	+ }
4490	+ }
4491	+ @keyframes tooltipBottomIn {
4492	+ 0% {
4493	+ opacity: 0;
4494	+ top: 110%;
4495	+ }
4496	+ 100% {
4497	+ opacity: 1;
4498	+ top: 100%;
4499	+ }
4500	}

elements/advance-accordion/advance-accordion.php ADDED Viewed

	@@ -0,0 +1,711 @@


1	+ <?php
2	+ namespace Elementor;
3	+
4	+ if ( ! defined( 'ABSPATH' ) ) exit; // If this file is called directly, abort.
5	+
6	+ class Widget_Eael_Adv_Accordion extends Widget_Base {
7	+
8	+ public function get_name() {
9	+ return 'eael-adv-accordion';
10	+ }
11	+
12	+ public function get_title() {
13	+ return esc_html__( 'EA Advanced Accordion', 'essential-addons-elementor' );
14	+ }
15	+
16	+ public function get_icon() {
17	+ return 'eicon-accordion';
18	+ }
19	+
20	+ public function get_categories() {
21	+ return [ 'essential-addons-elementor' ];
22	+ }
23	+
24	+ protected function _register_controls() {
25	+ /**
26	+ * Advance Accordion Settings
27	+ */
28	+ $this->start_controls_section(
29	+ 'eael_section_adv-accordion_settings',
30	+ [
31	+ 'label' => esc_html__( 'General Settings', 'essential-addons-elementor' )
32	+ ]
33	+ );
34	+ $this->add_control(
35	+ 'eael_adv_accordion_type',
36	+ [
37	+ 'label' => esc_html__( 'Accordion Type', 'essential-addons-elementor' ),
38	+ 'type' => Controls_Manager::SELECT,
39	+ 'default' => 'accordion',
40	+ 'label_block' => false,
41	+ 'options' => [
42	+ 'accordion' => esc_html__( 'Accordion', 'essential-addons-elementor' ),
43	+ 'toggle' => esc_html__( 'Toggle', 'essential-addons-elementor' ),
44	+ ],
45	+ ]
46	+ );
47	+ $this->add_control(
48	+ 'eael_adv_accordion_icon_show',
49	+ [
50	+ 'label' => esc_html__( 'Enable Toggle Icon', 'essential-addons-elementor' ),
51	+ 'type' => Controls_Manager::SWITCHER,
52	+ 'default' => 'yes',
53	+ 'return_value' => 'yes',
54	+ ]
55	+ );
56	+ $this->add_control(
57	+ 'eael_adv_accordion_icon',
58	+ [
59	+ 'label' => esc_html__( 'Toggle Icon', 'essential-addons-elementor' ),
60	+ 'type' => Controls_Manager::ICON,
61	+ 'default' => 'fa fa-angle-right',
62	+ 'include' => [
63	+ 'fa fa-angle-right',
64	+ 'fa fa-angle-double-right',
65	+ 'fa fa-chevron-right',
66	+ 'fa fa-chevron-circle-right',
67	+ 'fa fa-arrow-right',
68	+ 'fa fa-long-arrow-right',
69	+ ],
70	+ 'condition' => [
71	+ 'eael_adv_accordion_icon_show' => 'yes'
72	+ ]
73	+ ]
74	+ );
75	+ $this->add_control(
76	+ 'eael_adv_accordion_toggle_speed',
77	+ [
78	+ 'label' => esc_html__( 'Toggle Speed (ms)', 'essential-addons-elementor' ),
79	+ 'type' => Controls_Manager::NUMBER,
80	+ 'label_block' => false,
81	+ 'default' => 300,
82	+ ]
83	+ );
84	+ $this->end_controls_section();
85	+ /**
86	+ * Advance Accordion Content Settings
87	+ */
88	+ $this->start_controls_section(
89	+ 'eael_section_adv_accordion_content_settings',
90	+ [
91	+ 'label' => esc_html__( 'Content Settings', 'essential-addons-elementor' )
92	+ ]
93	+ );
94	+ $this->add_control(
95	+ 'eael_adv_accordion_tab',
96	+ [
97	+ 'type' => Controls_Manager::REPEATER,
98	+ 'seperator' => 'before',
99	+ 'default' => [
100	+ [ 'eael_adv_accordion_tab_title' => esc_html__( 'Accordion Tab Title 1', 'essential-addons-elementor' ) ],
101	+ [ 'eael_adv_accordion_tab_title' => esc_html__( 'Accordion Tab Title 2', 'essential-addons-elementor' ) ],
102	+ [ 'eael_adv_accordion_tab_title' => esc_html__( 'Accordion Tab Title 3', 'essential-addons-elementor' ) ],
103	+ ],
104	+ 'fields' => [
105	+ [
106	+ 'name' => 'eael_adv_accordion_tab_default_active',
107	+ 'label' => esc_html__( 'Active as Default', 'essential-addons-elementor' ),
108	+ 'type' => Controls_Manager::SWITCHER,
109	+ 'default' => 'no',
110	+ 'return_value' => 'yes',
111	+ ],
112	+ [
113	+ 'name' => 'eael_adv_accordion_tab_icon_show',
114	+ 'label' => esc_html__( 'Enable Tab Icon', 'essential-addons-elementor' ),
115	+ 'type' => Controls_Manager::SWITCHER,
116	+ 'default' => 'yes',
117	+ 'return_value' => 'yes',
118	+ ],
119	+ [
120	+ 'name' => 'eael_adv_accordion_tab_title_icon',
121	+ 'label' => esc_html__( 'Icon', 'essential-addons-elementor' ),
122	+ 'type' => Controls_Manager::ICON,
123	+ 'default' => 'fa fa-plus',
124	+ 'condition' => [
125	+ 'eael_adv_accordion_tab_icon_show' => 'yes'
126	+ ]
127	+ ],
128	+ [
129	+ 'name' => 'eael_adv_accordion_tab_title',
130	+ 'label' => esc_html__( 'Tab Title', 'essential-addons-elementor' ),
131	+ 'type' => Controls_Manager::TEXT,
132	+ 'default' => esc_html__( 'Tab Title', 'essential-addons-elementor' )
133	+ ],
134	+ [
135	+ 'name' => 'eael_adv_accordion_tab_content',
136	+ 'label' => esc_html__( 'Tab Title', 'essential-addons-elementor' ),
137	+ 'type' => Controls_Manager::WYSIWYG,
138	+ 'default' => esc_html__( 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio, neque qui velit. Magni dolorum quidem ipsam eligendi, totam, facilis laudantium cum accusamus ullam voluptatibus commodi numquam, error, est. Ea, consequatur.', 'essential-addons-elementor' )
139	+ ],
140	+ ],
141	+ 'title_field' => '{{eael_adv_accordion_tab_title}}',
142	+ ]
143	+ );
144	+ $this->end_controls_section();
145	+ /**
146	+ * Go Premium For More Features
147	+ */
148	+ $this->start_controls_section(
149	+ 'eael_section_pro',
150	+ [
151	+ 'label' => __( 'Go Premium for More Features', 'essential-addons-elementor' )
152	+ ]
153	+ );
154	+ $this->add_control(
155	+ 'eael_control_get_pro',
156	+ [
157	+ 'label' => __( 'Unlock more possibilities', 'essential-addons-elementor' ),
158	+ 'type' => Controls_Manager::CHOOSE,
159	+ 'options' => [
160	+ '1' => [
161	+ 'title' => __( '', 'essential-addons-elementor' ),
162	+ 'icon' => 'fa fa-unlock-alt',
163	+ ],
164	+ ],
165	+ 'default' => '1',
166	+ 'description' => '<span class="pro-feature"> Get the <a href="https://essential-addons.com/elementor/buy.php" target="_blank">Pro version</a> for more stunning elements and customization options.</span>'
167	+ ]
168	+ );
169	+ $this->end_controls_section();
170	+ /**
171	+ * -------------------------------------------
172	+ * Tab Style Advance Accordion Generel Style
173	+ * -------------------------------------------
174	+ */
175	+ $this->start_controls_section(
176	+ 'eael_section_adv_accordion_style_settings',
177	+ [
178	+ 'label' => esc_html__( 'General Style', 'essential-addons-elementor' ),
179	+ 'tab' => Controls_Manager::TAB_STYLE,
180	+ ]
181	+ );
182	+ $this->add_responsive_control(
183	+ 'eael_adv_accordion_padding',
184	+ [
185	+ 'label' => esc_html__( 'Padding', 'essential-addons-elementor' ),
186	+ 'type' => Controls_Manager::DIMENSIONS,
187	+ 'size_units' => [ 'px', 'em', '%' ],
188	+ 'selectors' => [
189	+ '{{WRAPPER}} .eael-adv-accordion' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
190	+ ],
191	+ ]
192	+ );
193	+ $this->add_responsive_control(
194	+ 'eael_adv_accordion_margin',
195	+ [
196	+ 'label' => esc_html__( 'Margin', 'essential-addons-elementor' ),
197	+ 'type' => Controls_Manager::DIMENSIONS,
198	+ 'size_units' => [ 'px', 'em', '%' ],
199	+ 'selectors' => [
200	+ '{{WRAPPER}} .eael-adv-accordion' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
201	+ ],
202	+ ]
203	+ );
204	+ $this->add_group_control(
205	+ Group_Control_Border::get_type(),
206	+ [
207	+ 'name' => 'eael_adv_accordion_border',
208	+ 'label' => esc_html__( 'Border', 'essential-addons-elementor' ),
209	+ 'selector' => '{{WRAPPER}} .eael-adv-accordion',
210	+ ]
211	+ );
212	+ $this->add_responsive_control(
213	+ 'eael_adv_accordion_border_radius',
214	+ [
215	+ 'label' => esc_html__( 'Border Radius', 'essential-addons-elementor' ),
216	+ 'type' => Controls_Manager::DIMENSIONS,
217	+ 'size_units' => [ 'px', 'em', '%' ],
218	+ 'selectors' => [
219	+ '{{WRAPPER}} .eael-adv-accordion' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
220	+ ],
221	+ ]
222	+ );
223	+ $this->add_group_control(
224	+ Group_Control_Box_Shadow::get_type(),
225	+ [
226	+ 'name' => 'eael_adv_accordion_box_shadow',
227	+ 'selector' => '{{WRAPPER}} .eael-adv-accordion',
228	+ ]
229	+ );
230	+ $this->end_controls_section();
231	+
232	+ /**
233	+ * -------------------------------------------
234	+ * Tab Style Advance Accordion Content Style
235	+ * -------------------------------------------
236	+ */
237	+ $this->start_controls_section(
238	+ 'eael_section_adv_accordions_tab_style_settings',
239	+ [
240	+ 'label' => esc_html__( 'Tab Style', 'essential-addons-elementor' ),
241	+ 'tab' => Controls_Manager::TAB_STYLE,
242	+ ]
243	+ );
244	+ $this->add_group_control(
245	+ Group_Control_Typography::get_type(),
246	+ [
247	+ 'name' => 'eael_adv_accordion_tab_title_typography',
248	+ 'selector' => '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header',
249	+ ]
250	+ );
251	+ $this->add_responsive_control(
252	+ 'eael_adv_accordion_tab_icon_size',
253	+ [
254	+ 'label' => __( 'Icon Size', 'essential-addons-elementor' ),
255	+ 'type' => Controls_Manager::SLIDER,
256	+ 'default' => [
257	+ 'size' => 16,
258	+ 'unit' => 'px',
259	+ ],
260	+ 'size_units' => [ 'px' ],
261	+ 'range' => [
262	+ 'px' => [
263	+ 'min' => 0,
264	+ 'max' => 100,
265	+ 'step' => 1,
266	+ ]
267	+ ],
268	+ 'selectors' => [
269	+ '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa' => 'font-size: {{SIZE}}{{UNIT}};',
270	+ ]
271	+ ]
272	+ );
273	+ $this->add_responsive_control(
274	+ 'eael_adv_accordion_tab_icon_gap',
275	+ [
276	+ 'label' => __( 'Icon Gap', 'essential-addons-elementor' ),
277	+ 'type' => Controls_Manager::SLIDER,
278	+ 'default' => [
279	+ 'size' => 10,
280	+ 'unit' => 'px',
281	+ ],
282	+ 'size_units' => [ 'px' ],
283	+ 'range' => [
284	+ 'px' => [
285	+ 'min' => 0,
286	+ 'max' => 100,
287	+ 'step' => 1,
288	+ ]
289	+ ],
290	+ 'selectors' => [
291	+ '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa' => 'margin-right: {{SIZE}}{{UNIT}};',
292	+ ]
293	+ ]
294	+ );
295	+ $this->add_responsive_control(
296	+ 'eael_adv_accordion_tab_padding',
297	+ [
298	+ 'label' => esc_html__( 'Padding', 'essential-addons-elementor' ),
299	+ 'type' => Controls_Manager::DIMENSIONS,
300	+ 'size_units' => [ 'px', 'em', '%' ],
301	+ 'selectors' => [
302	+ '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
303	+ ],
304	+ ]
305	+ );
306	+ $this->add_responsive_control(
307	+ 'eael_adv_accordion_tab_margin',
308	+ [
309	+ 'label' => esc_html__( 'Margin', 'essential-addons-elementor' ),
310	+ 'type' => Controls_Manager::DIMENSIONS,
311	+ 'size_units' => [ 'px', 'em', '%' ],
312	+ 'selectors' => [
313	+ '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
314	+ ],
315	+ ]
316	+ );
317	+ $this->start_controls_tabs( 'eael_adv_accordion_header_tabs' );
318	+ // Normal State Tab
319	+ $this->start_controls_tab( 'eael_adv_accordion_header_normal', [ 'label' => esc_html__( 'Normal', 'essential-addons-elementor' ) ] );
320	+ $this->add_control(
321	+ 'eael_adv_accordion_tab_color',
322	+ [
323	+ 'label' => esc_html__( 'Tab Background Color', 'essential-addons-elementor' ),
324	+ 'type' => Controls_Manager::COLOR,
325	+ 'default' => '#f1f1f1',
326	+ 'selectors' => [
327	+ '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header' => 'background-color: {{VALUE}};',
328	+ ],
329	+ ]
330	+ );
331	+ $this->add_control(
332	+ 'eael_adv_accordion_tab_text_color',
333	+ [
334	+ 'label' => esc_html__( 'Text Color', 'essential-addons-elementor' ),
335	+ 'type' => Controls_Manager::COLOR,
336	+ 'default' => '#333',
337	+ 'selectors' => [
338	+ '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header' => 'color: {{VALUE}};',
339	+ ],
340	+ ]
341	+ );
342	+ $this->add_control(
343	+ 'eael_adv_accordion_tab_icon_color',
344	+ [
345	+ 'label' => esc_html__( 'Icon Color', 'essential-addons-elementor' ),
346	+ 'type' => Controls_Manager::COLOR,
347	+ 'default' => '#333',
348	+ 'selectors' => [
349	+ '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa' => 'color: {{VALUE}};',
350	+ ],
351	+ 'condition' => [
352	+ 'eael_adv_tabs_icon_show' => 'yes'
353	+ ]
354	+ ]
355	+ );
356	+ $this->add_group_control(
357	+ Group_Control_Border::get_type(),
358	+ [
359	+ 'name' => 'eael_adv_accordion_tab_border',
360	+ 'label' => esc_html__( 'Border', 'essential-addons-elementor' ),
361	+ 'selector' => '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header',
362	+ ]
363	+ );
364	+ $this->add_responsive_control(
365	+ 'eael_adv_accordion_tab_border_radius',
366	+ [
367	+ 'label' => esc_html__( 'Border Radius', 'essential-addons-elementor' ),
368	+ 'type' => Controls_Manager::DIMENSIONS,
369	+ 'size_units' => [ 'px', 'em', '%' ],
370	+ 'selectors' => [
371	+ '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
372	+ ],
373	+ ]
374	+ );
375	+ $this->end_controls_tab();
376	+ // Hover State Tab
377	+ $this->start_controls_tab( 'eael_adv_accordion_header_hover', [ 'label' => esc_html__( 'Hover', 'essential-addons-elementor' ) ] );
378	+ $this->add_control(
379	+ 'eael_adv_accordion_tab_color_hover',
380	+ [
381	+ 'label' => esc_html__( 'Tab Background Color', 'essential-addons-elementor' ),
382	+ 'type' => Controls_Manager::COLOR,
383	+ 'default' => '#414141',
384	+ 'selectors' => [
385	+ '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover' => 'background-color: {{VALUE}};',
386	+ ],
387	+ ]
388	+ );
389	+ $this->add_control(
390	+ 'eael_adv_accordion_tab_text_color_hover',
391	+ [
392	+ 'label' => esc_html__( 'Text Color', 'essential-addons-elementor' ),
393	+ 'type' => Controls_Manager::COLOR,
394	+ 'default' => '#fff',
395	+ 'selectors' => [
396	+ '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover' => 'color: {{VALUE}};',
397	+ ],
398	+ ]
399	+ );
400	+ $this->add_control(
401	+ 'eael_adv_accordion_tab_icon_color_hover',
402	+ [
403	+ 'label' => esc_html__( 'Icon Color', 'essential-addons-elementor' ),
404	+ 'type' => Controls_Manager::COLOR,
405	+ 'default' => '#fff',
406	+ 'selectors' => [
407	+ '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover .fa' => 'color: {{VALUE}};',
408	+ ],
409	+ 'condition' => [
410	+ 'eael_adv_accordion_toggle_icon_show' => 'yes'
411	+ ]
412	+ ]
413	+ );
414	+ $this->add_group_control(
415	+ Group_Control_Border::get_type(),
416	+ [
417	+ 'name' => 'eael_adv_accordion_tab_border_hover',
418	+ 'label' => esc_html__( 'Border', 'essential-addons-elementor' ),
419	+ 'selector' => '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover',
420	+ ]
421	+ );
422	+ $this->add_responsive_control(
423	+ 'eael_adv_accordion_tab_border_radius_hover',
424	+ [
425	+ 'label' => esc_html__( 'Border Radius', 'essential-addons-elementor' ),
426	+ 'type' => Controls_Manager::DIMENSIONS,
427	+ 'size_units' => [ 'px', 'em', '%' ],
428	+ 'selectors' => [
429	+ '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
430	+ ],
431	+ ]
432	+ );
433	+ $this->end_controls_tab();
434	+ // Active State Tab
435	+ $this->start_controls_tab( 'eael_adv_accordion_header_active', [ 'label' => esc_html__( 'Active', 'essential-addons-elementor' ) ] );
436	+ $this->add_control(
437	+ 'eael_adv_accordion_tab_color_active',
438	+ [
439	+ 'label' => esc_html__( 'Tab Background Color', 'essential-addons-elementor' ),
440	+ 'type' => Controls_Manager::COLOR,
441	+ 'default' => '#444',
442	+ 'selectors' => [
443	+ '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active' => 'background-color: {{VALUE}};',
444	+ ],
445	+ ]
446	+ );
447	+ $this->add_control(
448	+ 'eael_adv_accordion_tab_text_color_active',
449	+ [
450	+ 'label' => esc_html__( 'Text Color', 'essential-addons-elementor' ),
451	+ 'type' => Controls_Manager::COLOR,
452	+ 'default' => '#fff',
453	+ 'selectors' => [
454	+ '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active' => 'color: {{VALUE}};',
455	+ ],
456	+ ]
457	+ );
458	+ $this->add_control(
459	+ 'eael_adv_accordion_tab_icon_color_active',
460	+ [
461	+ 'label' => esc_html__( 'Icon Color', 'essential-addons-elementor' ),
462	+ 'type' => Controls_Manager::COLOR,
463	+ 'default' => '#fff',
464	+ 'selectors' => [
465	+ '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa' => 'color: {{VALUE}};',
466	+ ],
467	+ 'condition' => [
468	+ 'eael_adv_accordion_toggle_icon_show' => 'yes'
469	+ ]
470	+ ]
471	+ );
472	+ $this->add_group_control(
473	+ Group_Control_Border::get_type(),
474	+ [
475	+ 'name' => 'eael_adv_accordion_tab_border_active',
476	+ 'label' => esc_html__( 'Border', 'essential-addons-elementor' ),
477	+ 'selector' => '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active',
478	+ ]
479	+ );
480	+ $this->add_responsive_control(
481	+ 'eael_adv_accordion_tab_border_radius_active',
482	+ [
483	+ 'label' => esc_html__( 'Border Radius', 'essential-addons-elementor' ),
484	+ 'type' => Controls_Manager::DIMENSIONS,
485	+ 'size_units' => [ 'px', 'em', '%' ],
486	+ 'selectors' => [
487	+ '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
488	+ ],
489	+ ]
490	+ );
491	+ $this->end_controls_tab();
492	+ $this->end_controls_tabs();
493	+ $this->end_controls_section();
494	+ /**
495	+ * -------------------------------------------
496	+ * Tab Style Advance Accordion Content Style
497	+ * -------------------------------------------
498	+ */
499	+ $this->start_controls_section(
500	+ 'eael_section_adv_accordion_tab_content_style_settings',
501	+ [
502	+ 'label' => esc_html__( 'Content Style', 'essential-addons-elementor' ),
503	+ 'tab' => Controls_Manager::TAB_STYLE,
504	+ ]
505	+ );
506	+ $this->add_control(
507	+ 'adv_accordion_content_bg_color',
508	+ [
509	+ 'label' => esc_html__( 'Background Color', 'essential-addons-elementor' ),
510	+ 'type' => Controls_Manager::COLOR,
511	+ 'default' => '',
512	+ 'selectors' => [
513	+ '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-content' => 'background-color: {{VALUE}};',
514	+ ],
515	+ ]
516	+ );
517	+ $this->add_control(
518	+ 'adv_accordion_content_text_color',
519	+ [
520	+ 'label' => esc_html__( 'Text Color', 'essential-addons-elementor' ),
521	+ 'type' => Controls_Manager::COLOR,
522	+ 'default' => '#333',
523	+ 'selectors' => [
524	+ '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-content' => 'color: {{VALUE}};',
525	+ ],
526	+ ]
527	+ );
528	+ $this->add_group_control(
529	+ Group_Control_Typography::get_type(),
530	+ [
531	+ 'name' => 'eael_adv_accordion_content_typography',
532	+ 'selector' => '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-content',
533	+ ]
534	+ );
535	+ $this->add_responsive_control(
536	+ 'eael_adv_accordion_content_padding',
537	+ [
538	+ 'label' => esc_html__( 'Padding', 'essential-addons-elementor' ),
539	+ 'type' => Controls_Manager::DIMENSIONS,
540	+ 'size_units' => [ 'px', 'em', '%' ],
541	+ 'selectors' => [
542	+ '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-content' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
543	+ ],
544	+ ]
545	+ );
546	+ $this->add_responsive_control(
547	+ 'eael_adv_accordion_content_margin',
548	+ [
549	+ 'label' => esc_html__( 'Margin', 'essential-addons-elementor' ),
550	+ 'type' => Controls_Manager::DIMENSIONS,
551	+ 'size_units' => [ 'px', 'em', '%' ],
552	+ 'selectors' => [
553	+ '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-content' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
554	+ ],
555	+ ]
556	+ );
557	+ $this->add_group_control(
558	+ Group_Control_Border::get_type(),
559	+ [
560	+ 'name' => 'eael_adv_accordion_content_border',
561	+ 'label' => esc_html__( 'Border', 'essential-addons-elementor' ),
562	+ 'selector' => '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-content',
563	+ ]
564	+ );
565	+ $this->add_group_control(
566	+ Group_Control_Box_Shadow::get_type(),
567	+ [
568	+ 'name' => 'eael_adv_accordion_content_shadow',
569	+ 'selector' => '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-content',
570	+ 'separator' => 'before'
571	+ ]
572	+ );
573	+ $this->end_controls_section();
574	+
575	+ /**
576	+ * Advance Accordion Caret Settings
577	+ */
578	+ $this->start_controls_section(
579	+ 'eael_section_adv_accordion_caret_settings',
580	+ [
581	+ 'label' => esc_html__( 'Toggle Caret Style', 'essential-addons-elementor' ),
582	+ 'tab' => Controls_Manager::TAB_STYLE,
583	+ ]
584	+ );
585	+
586	+ $this->add_responsive_control(
587	+ 'eael_adv_accordion_tab_toggle_icon_size',
588	+ [
589	+ 'label' => __( 'Icon Size', 'essential-addons-elementor' ),
590	+ 'type' => Controls_Manager::SLIDER,
591	+ 'default' => [
592	+ 'size' => 16,
593	+ 'unit' => 'px',
594	+ ],
595	+ 'size_units' => [ 'px' ],
596	+ 'range' => [
597	+ 'px' => [
598	+ 'min' => 0,
599	+ 'max' => 100,
600	+ 'step' => 1,
601	+ ]
602	+ ],
603	+ 'selectors' => [
604	+ '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-toggle' => 'font-size: {{SIZE}}{{UNIT}};',
605	+ ],
606	+ 'condition' => [
607	+ 'eael_adv_accordion_icon_show' => 'yes'
608	+ ]
609	+ ]
610	+ );
611	+ $this->add_control(
612	+ 'eael_adv_tabs_tab_toggle_color',
613	+ [
614	+ 'label' => esc_html__( 'Caret Color', 'essential-addons-elementor' ),
615	+ 'type' => Controls_Manager::COLOR,
616	+ 'default' => '#444',
617	+ 'selectors' => [
618	+ '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-toggle' => 'color: {{VALUE}};',
619	+ ],
620	+ 'condition' => [
621	+ 'eael_adv_accordion_icon_show' => 'yes'
622	+ ]
623	+ ]
624	+ );
625	+ $this->add_control(
626	+ 'eael_adv_tabs_tab_toggle_active_color',
627	+ [
628	+ 'label' => esc_html__( 'Caret Color (Active)', 'essential-addons-elementor' ),
629	+ 'type' => Controls_Manager::COLOR,
630	+ 'default' => '#fff',
631	+ 'selectors' => [
632	+ '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-toggle' => 'color: {{VALUE}};',
633	+ '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list:hover .eael-accordion-header .fa-toggle' => 'color: {{VALUE}};',
634	+ ],
635	+ 'condition' => [
636	+ 'eael_adv_accordion_icon_show' => 'yes'
637	+ ]
638	+ ]
639	+ );
640	+ $this->end_controls_section();
641	+ }
642	+
643	+ protected function render() {
644	+
645	+ $settings = $this->get_settings();
646	+ ?>
647	+ <div class="eael-adv-accordion" id="eael-adv-accordion-<?php echo esc_attr( $this->get_id() ); ?>">
648	+ <?php foreach( $settings['eael_adv_accordion_tab'] as $tab ) : ?>
649	+ <div class="eael-accordion-list">
650	+ <div class="eael-accordion-header<?php if( $tab['eael_adv_accordion_tab_default_active'] == 'yes' ) : echo ' active-default'; endif; ?>">
651	+ <span><?php if( $tab['eael_adv_accordion_tab_icon_show'] === 'yes' ) : ?><i class="<?php echo esc_attr( $tab['eael_adv_accordion_tab_title_icon'] ); ?> fa-accordion-icon"></i><?php endif; ?> <?php echo $tab['eael_adv_accordion_tab_title']; ?></span> <?php if( $settings['eael_adv_accordion_icon_show'] === 'yes' ) : ?><i class="<?php echo esc_attr( $settings['eael_adv_accordion_icon'] ); ?> fa-toggle"></i> <?php endif; ?>
652	+ </div>
653	+ <div class="eael-accordion-content clearfix<?php if( $tab['eael_adv_accordion_tab_default_active'] == 'yes' ) : echo ' active-default'; endif; ?>">
654	+ <p><?php echo do_shortcode($tab['eael_adv_accordion_tab_content']); ?></p>
655	+ </div>
656	+ </div>
657	+ <?php endforeach; ?>
658	+ </div>
659	+ <script>
660	+ jQuery(document).ready(function($) {
661	+ var $eaelAdvAccordion = $('#eael-adv-accordion-<?php echo esc_attr( $this->get_id() ); ?>');
662	+ var $eaelAccordionList = $eaelAdvAccordion.find('.eael-accordion-list');
663	+ var $eaelAccordionListHeader = $eaelAdvAccordion.find('.eael-accordion-list .eael-accordion-header');
664	+ var $eaelAccordioncontent = $eaelAdvAccordion.find('.eael-accordion-content');
665	+ $eaelAccordionList.each(function(i) {
666	+ if( $(this).find('.eael-accordion-header').hasClass('active-default') ) {
667	+ $(this).find('.eael-accordion-header').addClass('active');
668	+ $(this).find('.eael-accordion-content').addClass('active').css('display', 'block').slideDown(<?php echo esc_attr( $settings['eael_adv_accordion_toggle_speed'] ); ?>);
669	+ }
670	+ });
671	+ <?php if( 'accordion' == $settings['eael_adv_accordion_type'] ) : ?>
672	+ $eaelAccordionListHeader.on('click', function() {
673	+ // Check if 'active' class is already exists
674	+ if( $(this).hasClass('active') ) {
675	+ $(this).removeClass('active');
676	+ $(this).next('.eael-accordion-content').removeClass('active').slideUp(<?php echo esc_attr( $settings['eael_adv_accordion_toggle_speed'] ); ?>);
677	+ }else {
678	+ $eaelAccordionListHeader.removeClass('active');
679	+ $eaelAccordionListHeader.next('.eael-accordion-content').removeClass('active').slideUp(<?php echo esc_attr( $settings['eael_adv_accordion_toggle_speed'] ); ?>);
680	+
681	+ $(this).toggleClass('active');
682	+ $(this).next('.eael-accordion-content').slideToggle(<?php echo esc_attr( $settings['eael_adv_accordion_toggle_speed'] ); ?>, function() {
683	+ $(this).toggleClass('active');
684	+ });
685	+ }
686	+ });
687	+ <?php endif; ?>
688	+ <?php if( 'toggle' == $settings['eael_adv_accordion_type'] ) : ?>
689	+ $eaelAccordionListHeader.on('click', function() {
690	+ // Check if 'active' class is already exists
691	+ if( $(this).hasClass('active') ) {
692	+ $(this).removeClass('active');
693	+ $(this).next('.eael-accordion-content').removeClass('active').slideUp(<?php echo esc_attr( $settings['eael_adv_accordion_toggle_speed'] ); ?>);
694	+ }else {
695	+ $(this).toggleClass('active');
696	+ $(this).next('.eael-accordion-content').slideToggle(<?php echo esc_attr( $settings['eael_adv_accordion_toggle_speed'] ); ?>, function() {
697	+ $(this).toggleClass('active');
698	+ });
699	+ }
700	+ });
701	+ <?php endif; ?>
702	+ });
703	+ </script>
704	+ <?php
705	+ }
706	+
707	+ protected function content_template() {}
708	+ }
709	+
710	+
711	+ Plugin::instance()->widgets_manager->register_widget_type( new Widget_Eael_Adv_Accordion() );

elements/advance-tabs/advance-tabs.php ADDED Viewed

	@@ -0,0 +1,673 @@


1	+ <?php
2	+ namespace Elementor;
3	+
4	+ if ( ! defined( 'ABSPATH' ) ) exit; // If this file is called directly, abort.
5	+
6	+ class Widget_Eael_Adv_Tabs extends Widget_Base {
7	+
8	+ public function get_name() {
9	+ return 'eael-adv-tabs';
10	+ }
11	+
12	+ public function get_title() {
13	+ return esc_html__( 'EA Advanced Tabs', 'essential-addons-elementor' );
14	+ }
15	+
16	+ public function get_icon() {
17	+ return 'eicon-tabs';
18	+ }
19	+
20	+ public function get_categories() {
21	+ return [ 'essential-addons-elementor' ];
22	+ }
23	+
24	+ protected function _register_controls() {
25	+ /**
26	+ * Advance Tabs Settings
27	+ */
28	+ $this->start_controls_section(
29	+ 'eael_section_adv_tabs_settings',
30	+ [
31	+ 'label' => esc_html__( 'General Settings', 'essential-addons-elementor' )
32	+ ]
33	+ );
34	+ $this->add_control(
35	+ 'eael_adv_tabs_icon_show',
36	+ [
37	+ 'label' => esc_html__( 'Enable Icon', 'essential-addons-elementor' ),
38	+ 'type' => Controls_Manager::SWITCHER,
39	+ 'default' => 'yes',
40	+ 'return_value' => 'yes',
41	+ ]
42	+ );
43	+ $this->add_control(
44	+ 'eael_adv_tab_icon_position',
45	+ [
46	+ 'label' => esc_html__( 'Icon Position', 'essential-addons-elementor' ),
47	+ 'type' => Controls_Manager::SELECT,
48	+ 'default' => 'eael-tab-inline-icon',
49	+ 'label_block' => false,
50	+ 'options' => [
51	+ 'eael-tab-top-icon' => esc_html__( 'Stacked', 'essential-addons-elementor' ),
52	+ 'eael-tab-inline-icon' => esc_html__( 'Inline', 'essential-addons-elementor' ),
53	+ ],
54	+ 'condition' => [
55	+ 'eael_adv_tabs_icon_show' => 'yes'
56	+ ]
57	+ ]
58	+ );
59	+ $this->end_controls_section();
60	+
61	+ /**
62	+ * Advance Tabs Content Settings
63	+ */
64	+ $this->start_controls_section(
65	+ 'eael_section_adv_tabs_content_settings',
66	+ [
67	+ 'label' => esc_html__( 'Content Settings', 'essential-addons-elementor' )
68	+ ]
69	+ );
70	+ $this->add_control(
71	+ 'eael_adv_tabs_tab',
72	+ [
73	+ 'type' => Controls_Manager::REPEATER,
74	+ 'seperator' => 'before',
75	+ 'default' => [
76	+ [ 'eael_adv_tabs_tab_title' => esc_html__( 'Tab Title 1', 'essential-addons-elementor' ) ],
77	+ [ 'eael_adv_tabs_tab_title' => esc_html__( 'Tab Title 2', 'essential-addons-elementor' ) ],
78	+ [ 'eael_adv_tabs_tab_title' => esc_html__( 'Tab Title 3', 'essential-addons-elementor' ) ],
79	+ ],
80	+ 'fields' => [
81	+ [
82	+ 'name' => 'eael_adv_tabs_tab_show_as_default',
83	+ 'label' => __( 'Set as Default', 'essential-addons-elementor' ),
84	+ 'type' => Controls_Manager::SWITCHER,
85	+ 'default' => 'inactive',
86	+ 'return_value' => 'active',
87	+ ],
88	+ [
89	+ 'name' => 'eael_adv_tabs_tab_title_icon',
90	+ 'label' => esc_html__( 'Icon', 'essential-addons-elementor' ),
91	+ 'type' => Controls_Manager::ICON,
92	+ 'default' => 'fa fa-home',
93	+ ],
94	+ [
95	+ 'name' => 'eael_adv_tabs_tab_title',
96	+ 'label' => esc_html__( 'Tab Title', 'essential-addons-elementor' ),
97	+ 'type' => Controls_Manager::TEXT,
98	+ 'default' => esc_html__( 'Tab Title', 'essential-addons-elementor' )
99	+ ],
100	+ [
101	+ 'name' => 'eael_adv_tabs_tab_content',
102	+ 'label' => esc_html__( 'Tab Content', 'essential-addons-elementor' ),
103	+ 'type' => Controls_Manager::WYSIWYG,
104	+ 'default' => esc_html__( 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio, neque qui velit. Magni dolorum quidem ipsam eligendi, totam, facilis laudantium cum accusamus ullam voluptatibus commodi numquam, error, est. Ea, consequatur.', 'essential-addons-elementor' )
105	+ ],
106	+ ],
107	+ 'title_field' => '{{eael_adv_tabs_tab_title}}',
108	+ ]
109	+ );
110	+ $this->end_controls_section();
111	+ /**
112	+ * Go Premium For More Features
113	+ */
114	+ $this->start_controls_section(
115	+ 'eael_section_pro',
116	+ [
117	+ 'label' => __( 'Go Premium for More Features', 'essential-addons-elementor' )
118	+ ]
119	+ );
120	+ $this->add_control(
121	+ 'eael_control_get_pro',
122	+ [
123	+ 'label' => __( 'Unlock more possibilities', 'essential-addons-elementor' ),
124	+ 'type' => Controls_Manager::CHOOSE,
125	+ 'options' => [
126	+ '1' => [
127	+ 'title' => __( '', 'essential-addons-elementor' ),
128	+ 'icon' => 'fa fa-unlock-alt',
129	+ ],
130	+ ],
131	+ 'default' => '1',
132	+ 'description' => '<span class="pro-feature"> Get the <a href="https://essential-addons.com/elementor/buy.php" target="_blank">Pro version</a> for more stunning elements and customization options.</span>'
133	+ ]
134	+ );
135	+ $this->end_controls_section();
136	+
137	+ /**
138	+ * -------------------------------------------
139	+ * Tab Style Advance Tabs Generel Style
140	+ * -------------------------------------------
141	+ */
142	+ $this->start_controls_section(
143	+ 'eael_section_adv_tabs_style_settings',
144	+ [
145	+ 'label' => esc_html__( 'General Style', 'essential-addons-elementor' ),
146	+ 'tab' => Controls_Manager::TAB_STYLE,
147	+ ]
148	+ );
149	+ $this->add_responsive_control(
150	+ 'eael_adv_tabs_padding',
151	+ [
152	+ 'label' => esc_html__( 'Padding', 'essential-addons-elementor' ),
153	+ 'type' => Controls_Manager::DIMENSIONS,
154	+ 'size_units' => [ 'px', 'em', '%' ],
155	+ 'selectors' => [
156	+ '{{WRAPPER}} .eael-advance-tabs' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
157	+ ],
158	+ ]
159	+ );
160	+ $this->add_responsive_control(
161	+ 'eael_adv_tabs_margin',
162	+ [
163	+ 'label' => esc_html__( 'Margin', 'essential-addons-elementor' ),
164	+ 'type' => Controls_Manager::DIMENSIONS,
165	+ 'size_units' => [ 'px', 'em', '%' ],
166	+ 'selectors' => [
167	+ '{{WRAPPER}} .eael-advance-tabs' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
168	+ ],
169	+ ]
170	+ );
171	+ $this->add_group_control(
172	+ Group_Control_Border::get_type(),
173	+ [
174	+ 'name' => 'eael_adv_tabs_border',
175	+ 'label' => esc_html__( 'Border', 'essential-addons-elementor' ),
176	+ 'selector' => '{{WRAPPER}} .eael-advance-tabs',
177	+ ]
178	+ );
179	+ $this->add_responsive_control(
180	+ 'eael_adv_tabs_border_radius',
181	+ [
182	+ 'label' => esc_html__( 'Border Radius', 'essential-addons-elementor' ),
183	+ 'type' => Controls_Manager::DIMENSIONS,
184	+ 'size_units' => [ 'px', 'em', '%' ],
185	+ 'selectors' => [
186	+ '{{WRAPPER}} .eael-advance-tabs' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
187	+ ],
188	+ ]
189	+ );
190	+ $this->add_group_control(
191	+ Group_Control_Box_Shadow::get_type(),
192	+ [
193	+ 'name' => 'eael_adv_tabs_box_shadow',
194	+ 'selector' => '{{WRAPPER}} .eael-advance-tabs',
195	+ ]
196	+ );
197	+ $this->end_controls_section();
198	+ /**
199	+ * -------------------------------------------
200	+ * Tab Style Advance Tabs Content Style
201	+ * -------------------------------------------
202	+ */
203	+ $this->start_controls_section(
204	+ 'eael_section_adv_tabs_tab_style_settings',
205	+ [
206	+ 'label' => esc_html__( 'Tab Title Style', 'essential-addons-elementor' ),
207	+ 'tab' => Controls_Manager::TAB_STYLE,
208	+ ]
209	+ );
210	+ $this->add_group_control(
211	+ Group_Control_Typography::get_type(),
212	+ [
213	+ 'name' => 'eael_adv_tabs_tab_title_typography',
214	+ 'selector' => '{{WRAPPER}} .eael-advance-tabs .eael-tab-navs li a',
215	+ ]
216	+ );
217	+ $this->add_responsive_control(
218	+ 'eael_adv_tabs_tab_icon_size',
219	+ [
220	+ 'label' => __( 'Icon Size', 'essential-addons-elementor' ),
221	+ 'type' => Controls_Manager::SLIDER,
222	+ 'default' => [
223	+ 'size' => 16,
224	+ 'unit' => 'px',
225	+ ],
226	+ 'size_units' => [ 'px' ],
227	+ 'range' => [
228	+ 'px' => [
229	+ 'min' => 0,
230	+ 'max' => 100,
231	+ 'step' => 1,
232	+ ]
233	+ ],
234	+ 'selectors' => [
235	+ '{{WRAPPER}} .eael-advance-tabs .eael-tab-navs li a .fa' => 'font-size: {{SIZE}}{{UNIT}};',
236	+ ]
237	+ ]
238	+ );
239	+ $this->add_responsive_control(
240	+ 'eael_adv_tabs_tab_icon_gap',
241	+ [
242	+ 'label' => __( 'Icon Gap', 'essential-addons-elementor' ),
243	+ 'type' => Controls_Manager::SLIDER,
244	+ 'default' => [
245	+ 'size' => 10,
246	+ 'unit' => 'px',
247	+ ],
248	+ 'size_units' => [ 'px' ],
249	+ 'range' => [
250	+ 'px' => [
251	+ 'min' => 0,
252	+ 'max' => 100,
253	+ 'step' => 1,
254	+ ]
255	+ ],
256	+ 'selectors' => [
257	+ '{{WRAPPER}} .eael-tab-inline-icon li a .fa' => 'margin-right: {{SIZE}}{{UNIT}};',
258	+ '{{WRAPPER}} .eael-tab-top-icon li a .fa' => 'margin-bottom: {{SIZE}}{{UNIT}};',
259	+ ]
260	+ ]
261	+ );
262	+ $this->add_responsive_control(
263	+ 'eael_adv_tabs_tab_padding',
264	+ [
265	+ 'label' => esc_html__( 'Padding', 'essential-addons-elementor' ),
266	+ 'type' => Controls_Manager::DIMENSIONS,
267	+ 'size_units' => [ 'px', 'em', '%' ],
268	+ 'selectors' => [
269	+ '{{WRAPPER}} .eael-advance-tabs .eael-tab-navs li a' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
270	+ ],
271	+ ]
272	+ );
273	+ $this->add_responsive_control(
274	+ 'eael_adv_tabs_tab_margin',
275	+ [
276	+ 'label' => esc_html__( 'Margin', 'essential-addons-elementor' ),
277	+ 'type' => Controls_Manager::DIMENSIONS,
278	+ 'size_units' => [ 'px', 'em', '%' ],
279	+ 'selectors' => [
280	+ '{{WRAPPER}} .eael-advance-tabs .eael-tab-navs li' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
281	+ ],
282	+ ]
283	+ );
284	+
285	+ $this->start_controls_tabs( 'eael_adv_tabs_header_tabs' );
286	+ // Normal State Tab
287	+ $this->start_controls_tab( 'eael_adv_tabs_header_normal', [ 'label' => esc_html__( 'Normal', 'essential-addons-elementor' ) ] );
288	+ $this->add_control(
289	+ 'eael_adv_tabs_tab_color',
290	+ [
291	+ 'label' => esc_html__( 'Tab Background Color', 'essential-addons-elementor' ),
292	+ 'type' => Controls_Manager::COLOR,
293	+ 'default' => '#f1f1f1',
294	+ 'selectors' => [
295	+ '{{WRAPPER}} .eael-advance-tabs .eael-tab-navs li a' => 'background-color: {{VALUE}};',
296	+ ],
297	+ ]
298	+ );
299	+ $this->add_control(
300	+ 'eael_adv_tabs_tab_text_color',
301	+ [
302	+ 'label' => esc_html__( 'Text Color', 'essential-addons-elementor' ),
303	+ 'type' => Controls_Manager::COLOR,
304	+ 'default' => '#333',
305	+ 'selectors' => [
306	+ '{{WRAPPER}} .eael-advance-tabs .eael-tab-navs li a' => 'color: {{VALUE}};',
307	+ ],
308	+ ]
309	+ );
310	+ $this->add_control(
311	+ 'eael_adv_tabs_tab_icon_color',
312	+ [
313	+ 'label' => esc_html__( 'Icon Color', 'essential-addons-elementor' ),
314	+ 'type' => Controls_Manager::COLOR,
315	+ 'default' => '#333',
316	+ 'selectors' => [
317	+ '{{WRAPPER}} .eael-advance-tabs .eael-tab-navs li a .fa' => 'color: {{VALUE}};',
318	+ ],
319	+ 'condition' => [
320	+ 'eael_adv_tabs_icon_show' => 'yes'
321	+ ]
322	+ ]
323	+ );
324	+ $this->add_group_control(
325	+ Group_Control_Border::get_type(),
326	+ [
327	+ 'name' => 'eael_adv_tabs_tab_border',
328	+ 'label' => esc_html__( 'Border', 'essential-addons-elementor' ),
329	+ 'selector' => '{{WRAPPER}} .eael-advance-tabs .eael-tab-navs li a',
330	+ ]
331	+ );
332	+ $this->add_responsive_control(
333	+ 'eael_adv_tabs_tab_border_radius',
334	+ [
335	+ 'label' => esc_html__( 'Border Radius', 'essential-addons-elementor' ),
336	+ 'type' => Controls_Manager::DIMENSIONS,
337	+ 'size_units' => [ 'px', 'em', '%' ],
338	+ 'selectors' => [
339	+ '{{WRAPPER}} .eael-advance-tabs .eael-tab-navs li a' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
340	+ ],
341	+ ]
342	+ );
343	+ $this->end_controls_tab();
344	+ // Hover State Tab
345	+ $this->start_controls_tab( 'eael_adv_tabs_header_hover', [ 'label' => esc_html__( 'Hover', 'essential-addons-elementor' ) ] );
346	+ $this->add_control(
347	+ 'eael_adv_tabs_tab_color_hover',
348	+ [
349	+ 'label' => esc_html__( 'Tab Background Color', 'essential-addons-elementor' ),
350	+ 'type' => Controls_Manager::COLOR,
351	+ 'default' => '#f1f1f1',
352	+ 'selectors' => [
353	+ '{{WRAPPER}} .eael-advance-tabs .eael-tab-navs li a:hover' => 'background-color: {{VALUE}};',
354	+ ],
355	+ ]
356	+ );
357	+ $this->add_control(
358	+ 'eael_adv_tabs_tab_text_color_hover',
359	+ [
360	+ 'label' => esc_html__( 'Text Color', 'essential-addons-elementor' ),
361	+ 'type' => Controls_Manager::COLOR,
362	+ 'default' => '#333',
363	+ 'selectors' => [
364	+ '{{WRAPPER}} .eael-advance-tabs .eael-tab-navs li a:hover' => 'color: {{VALUE}};',
365	+ ],
366	+ ]
367	+ );
368	+ $this->add_control(
369	+ 'eael_adv_tabs_tab_icon_color_hover',
370	+ [
371	+ 'label' => esc_html__( 'Icon Color', 'essential-addons-elementor' ),
372	+ 'type' => Controls_Manager::COLOR,
373	+ 'default' => '#333',
374	+ 'selectors' => [
375	+ '{{WRAPPER}} .eael-advance-tabs .eael-tab-navs li a:hover .fa' => 'color: {{VALUE}};',
376	+ ],
377	+ 'condition' => [
378	+ 'eael_adv_tabs_icon_show' => 'yes'
379	+ ]
380	+ ]
381	+ );
382	+ $this->add_group_control(
383	+ Group_Control_Border::get_type(),
384	+ [
385	+ 'name' => 'eael_adv_tabs_tab_border_hover',
386	+ 'label' => esc_html__( 'Border', 'essential-addons-elementor' ),
387	+ 'selector' => '{{WRAPPER}} .eael-advance-tabs .eael-tab-navs li a:hover',
388	+ ]
389	+ );
390	+ $this->add_responsive_control(
391	+ 'eael_adv_tabs_tab_border_radius_hover',
392	+ [
393	+ 'label' => esc_html__( 'Border Radius', 'essential-addons-elementor' ),
394	+ 'type' => Controls_Manager::DIMENSIONS,
395	+ 'size_units' => [ 'px', 'em', '%' ],
396	+ 'selectors' => [
397	+ '{{WRAPPER}} .eael-advance-tabs .eael-tab-navs li a:hover' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
398	+ ],
399	+ ]
400	+ );
401	+ $this->end_controls_tab();
402	+ // Active State Tab
403	+ $this->start_controls_tab( 'eael_adv_tabs_header_active', [ 'label' => esc_html__( 'Active', 'essential-addons-elementor' ) ] );
404	+ $this->add_control(
405	+ 'eael_adv_tabs_tab_color_active',
406	+ [
407	+ 'label' => esc_html__( 'Tab Background Color', 'essential-addons-elementor' ),
408	+ 'type' => Controls_Manager::COLOR,
409	+ 'default' => '#444',
410	+ 'selectors' => [
411	+ '{{WRAPPER}} .eael-advance-tabs .eael-tab-navs li a.active' => 'background-color: {{VALUE}};',
412	+ ],
413	+ ]
414	+ );
415	+ $this->add_control(
416	+ 'eael_adv_tabs_tab_text_color_active',
417	+ [
418	+ 'label' => esc_html__( 'Text Color', 'essential-addons-elementor' ),
419	+ 'type' => Controls_Manager::COLOR,
420	+ 'default' => '#fff',
421	+ 'selectors' => [
422	+ '{{WRAPPER}} .eael-advance-tabs .eael-tab-navs li a.active' => 'color: {{VALUE}};',
423	+ ],
424	+ ]
425	+ );
426	+ $this->add_control(
427	+ 'eael_adv_tabs_tab_icon_color_active',
428	+ [
429	+ 'label' => esc_html__( 'Icon Color', 'essential-addons-elementor' ),
430	+ 'type' => Controls_Manager::COLOR,
431	+ 'default' => '#fff',
432	+ 'selectors' => [
433	+ '{{WRAPPER}} .eael-advance-tabs .eael-tab-navs li a.active .fa' => 'color: {{VALUE}};',
434	+ ],
435	+ 'condition' => [
436	+ 'eael_adv_tabs_icon_show' => 'yes'
437	+ ]
438	+ ]
439	+ );
440	+ $this->add_group_control(
441	+ Group_Control_Border::get_type(),
442	+ [
443	+ 'name' => 'eael_adv_tabs_tab_border_active',
444	+ 'label' => esc_html__( 'Border', 'essential-addons-elementor' ),
445	+ 'selector' => '{{WRAPPER}} .eael-advance-tabs .eael-tab-navs li a.active',
446	+ ]
447	+ );
448	+ $this->add_responsive_control(
449	+ 'eael_adv_tabs_tab_border_radius_active',
450	+ [
451	+ 'label' => esc_html__( 'Border Radius', 'essential-addons-elementor' ),
452	+ 'type' => Controls_Manager::DIMENSIONS,
453	+ 'size_units' => [ 'px', 'em', '%' ],
454	+ 'selectors' => [
455	+ '{{WRAPPER}} .eael-advance-tabs .eael-tab-navs li a.active' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
456	+ ],
457	+ ]
458	+ );
459	+ $this->end_controls_tab();
460	+ $this->end_controls_tabs();
461	+ $this->end_controls_section();
462	+
463	+ /**
464	+ * -------------------------------------------
465	+ * Tab Style Advance Tabs Content Style
466	+ * -------------------------------------------
467	+ */
468	+ $this->start_controls_section(
469	+ 'eael_section_adv_tabs_tab_content_style_settings',
470	+ [
471	+ 'label' => esc_html__( 'Content Style', 'essential-addons-elementor' ),
472	+ 'tab' => Controls_Manager::TAB_STYLE,
473	+ ]
474	+ );
475	+ $this->add_control(
476	+ 'adv_tabs_content_bg_color',
477	+ [
478	+ 'label' => esc_html__( 'Background Color', 'essential-addons-elementor' ),
479	+ 'type' => Controls_Manager::COLOR,
480	+ 'default' => '',
481	+ 'selectors' => [
482	+ '{{WRAPPER}} .eael-advance-tabs .eael-tab-contents .eael-tab-content' => 'background-color: {{VALUE}};',
483	+ ],
484	+ ]
485	+ );
486	+ $this->add_control(
487	+ 'adv_tabs_content_text_color',
488	+ [
489	+ 'label' => esc_html__( 'Text Color', 'essential-addons-elementor' ),
490	+ 'type' => Controls_Manager::COLOR,
491	+ 'default' => '#333',
492	+ 'selectors' => [
493	+ '{{WRAPPER}} .eael-advance-tabs .eael-tab-contents .eael-tab-content' => 'color: {{VALUE}};',
494	+ ],
495	+ ]
496	+ );
497	+ $this->add_group_control(
498	+ Group_Control_Typography::get_type(),
499	+ [
500	+ 'name' => 'eael_adv_tabs_content_typography',
501	+ 'selector' => '{{WRAPPER}} .eael-advance-tabs .eael-tab-contents .eael-tab-content',
502	+ ]
503	+ );
504	+ $this->add_responsive_control(
505	+ 'eael_adv_tabs_content_padding',
506	+ [
507	+ 'label' => esc_html__( 'Padding', 'essential-addons-elementor' ),
508	+ 'type' => Controls_Manager::DIMENSIONS,
509	+ 'size_units' => [ 'px', 'em', '%' ],
510	+ 'selectors' => [
511	+ '{{WRAPPER}} .eael-advance-tabs .eael-tab-contents .eael-tab-content' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
512	+ ],
513	+ ]
514	+ );
515	+ $this->add_responsive_control(
516	+ 'eael_adv_tabs_content_margin',
517	+ [
518	+ 'label' => esc_html__( 'Margin', 'essential-addons-elementor' ),
519	+ 'type' => Controls_Manager::DIMENSIONS,
520	+ 'size_units' => [ 'px', 'em', '%' ],
521	+ 'selectors' => [
522	+ '{{WRAPPER}} .eael-advance-tabs .eael-tab-contents .eael-tab-content' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
523	+ ],
524	+ ]
525	+ );
526	+ $this->add_group_control(
527	+ Group_Control_Border::get_type(),
528	+ [
529	+ 'name' => 'eael_adv_tabs_content_border',
530	+ 'label' => esc_html__( 'Border', 'essential-addons-elementor' ),
531	+ 'selector' => '{{WRAPPER}} .eael-advance-tabs .eael-tab-contents .eael-tab-content',
532	+ ]
533	+ );
534	+ $this->add_group_control(
535	+ Group_Control_Box_Shadow::get_type(),
536	+ [
537	+ 'name' => 'eael_adv_tabs_content_shadow',
538	+ 'selector' => '{{WRAPPER}} .eael-advance-tabs .eael-tab-contents .eael-tab-content',
539	+ 'separator' => 'before'
540	+ ]
541	+ );
542	+ $this->end_controls_section();
543	+
544	+ /**
545	+ * -------------------------------------------
546	+ * Tab Style Advance Tabs Caret Style
547	+ * -------------------------------------------
548	+ */
549	+ $this->start_controls_section(
550	+ 'eael_section_adv_tabs_tab_caret_style_settings',
551	+ [
552	+ 'label' => esc_html__( 'Caret Style', 'essential-addons-elementor' ),
553	+ 'tab' => Controls_Manager::TAB_STYLE,
554	+ ]
555	+ );
556	+ $this->add_control(
557	+ 'eael_adv_tabs_tab_caret_show',
558	+ [
559	+ 'label' => esc_html__( 'Show Caret on Active Tab', 'essential-addons-elementor' ),
560	+ 'type' => Controls_Manager::SWITCHER,
561	+ 'default' => 'yes',
562	+ 'return_value' => 'yes',
563	+ ]
564	+ );
565	+ $this->add_control(
566	+ 'eael_adv_tabs_tab_caret_size',
567	+ [
568	+ 'label' => esc_html__( 'Caret Size', 'essential-addons-elementor' ),
569	+ 'type' => Controls_Manager::SLIDER,
570	+ 'default' => [
571	+ 'size' => 10
572	+ ],
573	+ 'range' => [
574	+ 'px' => [
575	+ 'max' => 100,
576	+ ],
577	+ ],
578	+ 'selectors' => [
579	+ '{{WRAPPER}} .eael-advance-tabs .eael-tab-navs li a.active:after' => 'border-width: {{SIZE}}px; bottom: -{{SIZE}}px',
580	+ ],
581	+ 'condition' => [
582	+ 'eael_adv_tabs_tab_caret_show' => 'yes'
583	+ ]
584	+ ]
585	+ );
586	+ $this->add_control(
587	+ 'eael_adv_tabs_tab_caret_color',
588	+ [
589	+ 'label' => esc_html__( 'Caret Color', 'essential-addons-elementor' ),
590	+ 'type' => Controls_Manager::COLOR,
591	+ 'default' => '#444',
592	+ 'selectors' => [
593	+ '{{WRAPPER}} .eael-advance-tabs .eael-tab-navs li a.active:after' => 'border-top-color: {{VALUE}};',
594	+ ],
595	+ 'condition' => [
596	+ 'eael_adv_tabs_tab_caret_show' => 'yes'
597	+ ]
598	+ ]
599	+ );
600	+ $this->end_controls_section();
601	+ }
602	+
603	+ protected function render() {
604	+
605	+ $settings = $this->get_settings();
606	+ $eael_find_default_tab = array();
607	+ $eael_adv_tab_id = 1;
608	+ $eael_adv_tab_content_id = 1;
609	+ ?>
610	+ <div class="eael-advance-tabs" id="eael-advance-tabs-<?php echo esc_attr( $this->get_id() ); ?>">
611	+ <ul class="eael-tab-navs <?php echo esc_attr( $settings['eael_adv_tab_icon_position'] ); ?>">
612	+ <?php foreach( $settings['eael_adv_tabs_tab'] as $tab ) : ?>
613	+ <li><a hreg="javascript:;" data-eael-tab-id="eael-adv-tab-<?php echo esc_attr($eael_adv_tab_id); ?>" class="<?php echo esc_attr( $tab['eael_adv_tabs_tab_show_as_default'] ); ?>"><?php if( $settings['eael_adv_tabs_icon_show'] === 'yes' ) : ?><i class="<?php echo esc_attr( $tab['eael_adv_tabs_tab_title_icon'] ); ?>"></i><?php endif; ?> <span class="eael-tab-title"><?php echo $tab['eael_adv_tabs_tab_title']; ?></span></a></li>
614	+ <?php $eael_adv_tab_id++; endforeach; ?>
615	+ </ul>
616	+ <div class="eael-tab-contents">
617	+ <?php foreach( $settings['eael_adv_tabs_tab'] as $tab ) : $eael_find_default_tab[] = $tab['eael_adv_tabs_tab_show_as_default'];?>
618	+ <div class="eael-tab-content clearfix <?php echo esc_attr( $tab['eael_adv_tabs_tab_show_as_default'] ); ?>" id="eael-adv-tab-<?php echo esc_attr($eael_adv_tab_content_id); ?>">
619	+ <?php echo do_shortcode( $tab['eael_adv_tabs_tab_content'] ); ?>
620	+ </div>
621	+ <?php $eael_adv_tab_content_id++; endforeach;?>
622	+ </div>
623	+ </div>
624	+ <script>
625	+ jQuery(document).ready(function($) {
626	+ var $eaelTab = $('#eael-advance-tabs-<?php echo esc_attr( $this->get_id() ); ?>');
627	+ var $eaelTabNavLi = $eaelTab.find('.eael-tab-navs li');
628	+ var $eaelTabNavs = $eaelTab.find('.eael-tab-navs li a');
629	+
630	+ var $eaelTabContents = $eaelTab.find('.eael-tab-contents');
631	+ <?php
632	+ if( in_array('active', $eael_find_default_tab) ) {
633	+ // Do nothing
634	+ }else {
635	+ ?>
636	+ $eaelTabNavLi.each( function(i) {
637	+ if( i < 1 ) {
638	+ $(this).find('a').removeClass('inactive').addClass('active');
639	+ }
640	+ } );
641	+ $eaelTabContents.find('.eael-tab-content').each( function(i) {
642	+ if( i < 1 ) {
643	+ $(this).removeClass('inactive').addClass('active');
644	+ }
645	+ } );
646	+ <?php
647	+ }
648	+ ?>
649	+ $eaelTabNavs.on('click', function(e) {
650	+ e.preventDefault();
651	+ $eaelTabNavs.removeClass('active');
652	+ var $eaelTabCotnentId = $(this).data('eael-tab-id');
653	+ $(this).addClass('active');
654	+ $eaelTabContents.find('.eael-tab-content').removeClass('inactive active');
655	+ $eaelTabContents.find('#'+$eaelTabCotnentId).addClass('active');
656	+ });
657	+ });
658	+ </script>
659	+ <?php if( $settings['eael_adv_tabs_tab_caret_show'] !== 'yes' ) : ?>
660	+ <style>
661	+ #eael-advance-tabs-<?php echo esc_attr( $this->get_id() ); ?> .eael-tab-navs li a.active:after {
662	+ display: none;
663	+ }
664	+ </style>
665	+ <?php endif; ?>
666	+ <?php
667	+ }
668	+
669	+ protected function content_template() {}
670	+ }
671	+
672	+
673	+ Plugin::instance()->widgets_manager->register_widget_type( new Widget_Eael_Adv_Tabs() );

elements/infobox/infobox.php CHANGED Viewed

@@ -356,11 +356,9 @@ class Widget_Eael_Info_Box extends Widget_Base {
             				],
             				'selectors' => [
             					'{{WRAPPER}} .eael-infobox .infobox-icon img' => 'width: {{SIZE}}px;',
-            -
            				],
-            -
            				'condition' => [
-            -
            		     		'eael_infobox_img_or_icon' => 'img',
-            -
            		     		'eael_infobox_img_type' => 'img-on-top'
-            -
            		     	]
+            			]
             		);
@@ -378,6 +376,18 @@ class Widget_Eael_Info_Box extends Widget_Base {
+            			]
             		);
             		$this->end_controls_section();
             		/**
@@ -417,29 +427,6 @@ class Widget_Eael_Info_Box extends Widget_Base {
+                		]
             		);
-            -
            		$this->add_control(
-            -
                		'eael_infobox_icon_margin_bottom',
-            -
                		[
-            -
                    		'label' => __( 'Icon Margin Bottom', 'essential-addons-elementor' ),
-            -
                   			'type' => Controls_Manager::SLIDER,
-            -
                    		'default' => [
-            -
                        		'size' => 30,
-            -
                    		],
-            -
                    		'range' => [
-            -
                        		'px' => [
-            -
                            		'min' => 0,
-            -
                            		'max' => 200,
-            -
                            		'step' => 1,
-            -
                        		]
-            -
                    		],
-            -
                    		'selectors' => [
-            -
                        		'{{WRAPPER}} .eael-infobox .infobox-icon' => 'margin-bottom: {{SIZE}}px;',
-            -
                    		],
-            -
                    		'condition' => [
-            -
            					'eael_infobox_img_type' => 'img-on-top',
-            -
            				]
-            -
                		]
-            -
            		);
             		$this->add_control(
                 		'eael_infobox_icon_bg_size',
@@ -466,52 +453,16 @@ class Widget_Eael_Info_Box extends Widget_Base {
+                		]
             		);
-            -
            		$this->add_control(
-            -
                		'eael_infobox_icon_margin_right',
-            -
                		[
-            -
                    		'label' => __( 'Icon Margin Right', 'essential-addons-elementor' ),
-            -
                   			'type' => Controls_Manager::SLIDER,
-            -
                    		'default' => [
-            -
                        		'size' => 15,
-            -
                    		],
-            -
                    		'range' => [
-            -
                        		'px' => [
-            -
                            		'min' => 0,
-            -
                            		'max' => 200,
-            -
                            		'step' => 1,
-            -
                        		]
-            -
                    		],
-            -
                    		'selectors' => [
-            -
                        		'{{WRAPPER}} .eael-infobox.icon-on-left .infobox-content' => 'padding-left: {{SIZE}}px;',
-            -
                    		],
-            -
                    		'condition' => [
-            -
            					'eael_infobox_img_type' => 'img-on-left',
-            -
            				]
-            -
                		]
-            -
            		);
-            -
-            -
            		$this->add_control(
-            -
                		'eael_infobox_icon_margin_left',
-            -
                		[
-            -
                    		'label' => __( 'Icon Margin Left', 'essential-addons-elementor' ),
-            -
                   			'type' => Controls_Manager::SLIDER,
-            -
                    		'default' => [
-            -
                        		'size' => 15,
-            -
                    		],
-            -
                    		'range' => [
-            -
                        		'px' => [
-            -
                            		'min' => 0,
-            -
                            		'max' => 200,
-            -
                            		'step' => 1,
-            -
                        		]
-            -
                    		],
-            -
                    		'selectors' => [
-            -
                        		'{{WRAPPER}} .eael-infobox.icon-on-right .infobox-content' => 'padding-right: {{SIZE}}px;',
-            -
                    		],
-            -
                    		'condition' => [
-            -
            					'eael_infobox_img_type' => 'img-on-right',
-            -
            				]
-            -
                		]
             		);
             		$this->add_control(
@@ -606,27 +557,17 @@ class Widget_Eael_Info_Box extends Widget_Base {
+            			]
             		);
-            -
            		$this->add_control(
-            -
                		'eael_infobox_title_margin_bottom',
-            -
                		[
-            -
                    		'label' => __( 'Title Margin Bottom', 'essential-addons-elementor' ),
-            -
                   			'type' => Controls_Manager::SLIDER,
-            -
                    		'default' => [
-            -
                        		'size' => 30,
-            -
                    		],
-            -
                    		'range' => [
-            -
                        		'px' => [
-            -
                            		'min' => 0,
-            -
                            		'max' => 300,
-            -
                            		'step' => 1,
-            -
                        		]
-            -
                    		],
-            -
                    		'selectors' => [
-            -
                        		'{{WRAPPER}} .eael-infobox .infobox-content .title' => 'margin-bottom: {{SIZE}}px;',
-            -
                    		],
-            -
                		]
             		);
-            -
             		$this->add_control(
             			'eael_infobox_content_heading',
+            			[
@@ -688,7 +629,9 @@ class Widget_Eael_Info_Box extends Widget_Base {
             			<div class="infobox-content">
             				<h4 class="title"><?php echo $settings['eael_infobox_title']; ?></h4>
             				<?php if( 'yes' == $settings['eael_show_infobox_content'] ) : ?>
             					<p><?php echo $settings['eael_infobox_text']; ?></p>
             				<?php endif; ?>
             			</div>
             			<?php if( 'yes' == $settings['eael_show_infobox_clickable'] ) : ?></a><?php endif; ?>
@@ -712,7 +655,9 @@ class Widget_Eael_Info_Box extends Widget_Base {
             			<div class="infobox-content <?php if( 'icon' == $settings['eael_infobox_img_or_icon'] ) : echo esc_attr( 'eael-icon-only', 'essential-addons-elementor' ); endif; ?>">
             				<h4 class="title"><?php echo $settings['eael_infobox_title']; ?></h4>
             				<?php if( 'yes' == $settings['eael_show_infobox_content'] ) : ?>
             					<p><?php echo $settings['eael_infobox_text']; ?></p>
             				<?php endif; ?>
             			</div>
             		</div>
@@ -736,7 +681,9 @@ class Widget_Eael_Info_Box extends Widget_Base {
             			<div class="infobox-content <?php if( 'icon' == $settings['eael_infobox_img_or_icon'] ) : echo esc_attr( 'eael-icon-only', 'essential-addons-elementor' ); endif; ?>">
             				<h4 class="title"><?php echo $settings['eael_infobox_title']; ?></h4>
             				<?php if( 'yes' == $settings['eael_show_infobox_content'] ) : ?>
             					<p><?php echo $settings['eael_infobox_text']; ?></p>
             				<?php endif; ?>
             			</div>
             		</div>


356	],
357	'selectors' => [
358	'{{WRAPPER}} .eael-infobox .infobox-icon img' => 'width: {{SIZE}}px;',
359	+ '{{WRAPPER}} .eael-infobox.icon-on-left .infobox-icon' => 'width: {{SIZE}}px;',
360	+ '{{WRAPPER}} .eael-infobox.icon-on-right .infobox-icon' => 'width: {{SIZE}}px;',
361	+ ]


362	]
363	);
364

376	]
377	);
378
379	+ $this->add_responsive_control(
380	+ 'eael_infobox_img_margin',
381	+ [
382	+ 'label' => esc_html__( 'Margin', 'essential-addons-elementor' ),
383	+ 'type' => Controls_Manager::DIMENSIONS,
384	+ 'size_units' => [ 'px', 'em', '%' ],
385	+ 'selectors' => [
386	+ '{{WRAPPER}} .eael-infobox .infobox-icon' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
387	+ ],
388	+ ]
389	+ );
390	+
391	$this->end_controls_section();
392
393	/**

427	]
428	);
429























430
431	$this->add_control(
432	'eael_infobox_icon_bg_size',

453	]
454	);
455
456	+ $this->add_responsive_control(
457	+ 'eael_infobox_icon_margin',
458	+ [
459	+ 'label' => esc_html__( 'Margin', 'essential-addons-elementor' ),
460	+ 'type' => Controls_Manager::DIMENSIONS,
461	+ 'size_units' => [ 'px', 'em', '%' ],
462	+ 'selectors' => [
463	+ '{{WRAPPER}} .eael-infobox .infobox-icon' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
464	+ ],
465	+ ]




































466	);
467
468	$this->add_control(

557	]
558	);
559
560	+ $this->add_responsive_control(
561	+ 'eael_infobox_title_margin',
562	+ [
563	+ 'label' => esc_html__( 'Margin', 'essential-addons-elementor' ),
564	+ 'type' => Controls_Manager::DIMENSIONS,
565	+ 'size_units' => [ 'px', 'em', '%' ],
566	+ 'selectors' => [
567	+ '{{WRAPPER}} .eael-infobox .infobox-content .title' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
568	+ ],
569	+ ]









570	);

571	$this->add_control(
572	'eael_infobox_content_heading',
573	[

629	<div class="infobox-content">
630	<h4 class="title"><?php echo $settings['eael_infobox_title']; ?></h4>
631	<?php if( 'yes' == $settings['eael_show_infobox_content'] ) : ?>
632	+ <?php if ( ! empty( $settings['eael_infobox_text'] ) ) : ?>
633	<p><?php echo $settings['eael_infobox_text']; ?></p>
634	+ <?php endif; ?>
635	<?php endif; ?>
636	</div>
637	<?php if( 'yes' == $settings['eael_show_infobox_clickable'] ) : ?></a><?php endif; ?>

655	<div class="infobox-content <?php if( 'icon' == $settings['eael_infobox_img_or_icon'] ) : echo esc_attr( 'eael-icon-only', 'essential-addons-elementor' ); endif; ?>">
656	<h4 class="title"><?php echo $settings['eael_infobox_title']; ?></h4>
657	<?php if( 'yes' == $settings['eael_show_infobox_content'] ) : ?>
658	+ <?php if ( ! empty( $settings['eael_infobox_text'] ) ) : ?>
659	<p><?php echo $settings['eael_infobox_text']; ?></p>
660	+ <?php endif; ?>
661	<?php endif; ?>
662	</div>
663	</div>

681	<div class="infobox-content <?php if( 'icon' == $settings['eael_infobox_img_or_icon'] ) : echo esc_attr( 'eael-icon-only', 'essential-addons-elementor' ); endif; ?>">
682	<h4 class="title"><?php echo $settings['eael_infobox_title']; ?></h4>
683	<?php if( 'yes' == $settings['eael_show_infobox_content'] ) : ?>
684	+ <?php if ( ! empty( $settings['eael_infobox_text'] ) ) : ?>
685	<p><?php echo $settings['eael_infobox_text']; ?></p>
686	+ <?php endif; ?>
687	<?php endif; ?>
688	</div>
689	</div>

elements/tooltip/tooltip.php ADDED Viewed

	@@ -0,0 +1,621 @@


1	+ <?php
2	+ namespace Elementor;
3	+
4	+ if ( ! defined( 'ABSPATH' ) ) exit; // If this file is called directly, abort.
5	+
6	+ class Widget_Eael_Tooltip extends Widget_Base {
7	+
8	+ public function get_name() {
9	+ return 'eael-tooltip';
10	+ }
11	+
12	+ public function get_title() {
13	+ return esc_html__( 'EA Tooltip', 'essential-addons-elementor' );
14	+ }
15	+
16	+ public function get_icon() {
17	+ return 'eicon-alert';
18	+ }
19	+
20	+ public function get_categories() {
21	+ return [ 'essential-addons-elementor' ];
22	+ }
23	+
24	+ protected function _register_controls() {
25	+ /**
26	+ * Tooltip Settings
27	+ */
28	+ $this->start_controls_section(
29	+ 'eael_section_tooltip_settings',
30	+ [
31	+ 'label' => esc_html__( 'Content Settings', 'essential-addons-elementor' )
32	+ ]
33	+ );
34	+ $this->add_responsive_control(
35	+ 'eael_tooltip_type',
36	+ [
37	+ 'label' => esc_html__( 'Content Type', 'essential-addons-elementor' ),
38	+ 'type' => Controls_Manager::CHOOSE,
39	+ 'label_block' => true,
40	+ 'options' => [
41	+ 'icon' => [
42	+ 'title' => esc_html__( 'Icon', 'essential-addons-elementor' ),
43	+ 'icon' => 'fa fa-info',
44	+ ],
45	+ 'text' => [
46	+ 'title' => esc_html__( 'Text', 'essential-addons-elementor' ),
47	+ 'icon' => 'fa fa-text-width',
48	+ ],
49	+ 'image' => [
50	+ 'title' => esc_html__( 'Image', 'essential-addons-elementor' ),
51	+ 'icon' => 'fa fa-image',
52	+ ],
53	+ 'shortcode' => [
54	+ 'title' => esc_html__( 'Shortcode', 'essential-addons-elementor' ),
55	+ 'icon' => 'fa fa-code',
56	+ ],
57	+ ],
58	+ 'default' => 'icon',
59	+ ]
60	+ );
61	+ $this->add_control(
62	+ 'eael_tooltip_content',
63	+ [
64	+ 'label' => esc_html__( 'Content', 'essential-addons-elementor' ),
65	+ 'type' => Controls_Manager::TEXTAREA,
66	+ 'label_block' => true,
67	+ 'default' => esc_html__( 'Hover Me!', 'essential-addons-elementor' ),
68	+ 'condition' => [
69	+ 'eael_tooltip_type' => [ 'text' ]
70	+ ]
71	+ ]
72	+ );
73	+ $this->add_control(
74	+ 'eael_tooltip_content_tag',
75	+ [
76	+ 'label' => esc_html__( 'Content Tag', 'essential-addons-elementor' ),
77	+ 'type' => Controls_Manager::SELECT,
78	+ 'default' => 'span',
79	+ 'label_block' => false,
80	+ 'options' => [
81	+ 'h1' => esc_html__( 'H1', 'essential-addons-elementor' ),
82	+ 'h2' => esc_html__( 'H2', 'essential-addons-elementor' ),
83	+ 'h3' => esc_html__( 'H3', 'essential-addons-elementor' ),
84	+ 'h4' => esc_html__( 'H4', 'essential-addons-elementor' ),
85	+ 'h5' => esc_html__( 'H5', 'essential-addons-elementor' ),
86	+ 'h6' => esc_html__( 'H6', 'essential-addons-elementor' ),
87	+ 'div' => esc_html__( 'DIV', 'essential-addons-elementor' ),
88	+ 'span' => esc_html__( 'SPAN', 'essential-addons-elementor' ),
89	+ 'p' => esc_html__( 'P', 'essential-addons-elementor' ),
90	+ ],
91	+ 'condition' => [
92	+ 'eael_tooltip_type' => 'text'
93	+ ]
94	+ ]
95	+ );
96	+ $this->add_control(
97	+ 'eael_tooltip_shortcode_content',
98	+ [
99	+ 'label' => esc_html__( 'Shortcode', 'essential-addons-elementor' ),
100	+ 'type' => Controls_Manager::TEXTAREA,
101	+ 'label_block' => true,
102	+ 'default' => esc_html__( '[shortcode-here]', 'essential-addons-elementor' ),
103	+ 'condition' => [
104	+ 'eael_tooltip_type' => [ 'shortcode' ]
105	+ ]
106	+ ]
107	+ );
108	+ $this->add_control(
109	+ 'eael_tooltip_icon_content',
110	+ [
111	+ 'label' => esc_html__( 'Icon', 'essential-addons-elementor' ),
112	+ 'type' => Controls_Manager::ICON,
113	+ 'default' => 'fa fa-home',
114	+ 'condition' => [
115	+ 'eael_tooltip_type' => [ 'icon' ]
116	+ ]
117	+ ]
118	+ );
119	+ $this->add_control(
120	+ 'eael_tooltip_img_content',
121	+ [
122	+ 'label' => esc_html__( 'Image', 'essential-addons-elementor' ),
123	+ 'type' => Controls_Manager::MEDIA,
124	+ 'default' => [
125	+ 'url' => Utils::get_placeholder_image_src(),
126	+ ],
127	+ 'condition' => [
128	+ 'eael_tooltip_type' => [ 'image' ]
129	+ ]
130	+ ]
131	+ );
132	+ $this->add_responsive_control(
133	+ 'eael_tooltip_content_alignment',
134	+ [
135	+ 'label' => esc_html__( 'Content Alignment', 'essential-addons-elementor' ),
136	+ 'type' => Controls_Manager::CHOOSE,
137	+ 'label_block' => true,
138	+ 'options' => [
139	+ 'left' => [
140	+ 'title' => esc_html__( 'Left', 'essential-addons-elementor' ),
141	+ 'icon' => 'fa fa-align-left',
142	+ ],
143	+ 'center' => [
144	+ 'title' => esc_html__( 'Center', 'essential-addons-elementor' ),
145	+ 'icon' => 'fa fa-align-center',
146	+ ],
147	+ 'right' => [
148	+ 'title' => esc_html__( 'Right', 'essential-addons-elementor' ),
149	+ 'icon' => 'fa fa-align-right',
150	+ ],
151	+ 'justify' => [
152	+ 'title' => __( 'Justified', 'essential-addons-elementor' ),
153	+ 'icon' => 'fa fa-align-justify',
154	+ ],
155	+ ],
156	+ 'default' => 'left',
157	+ 'prefix_class' => 'eael-tooltip-align-',
158	+ ]
159	+ );
160	+ $this->add_control(
161	+ 'eael_tooltip_enable_link',
162	+ [
163	+ 'label' => esc_html__( 'Enable Link', 'essential-addons-elementor' ),
164	+ 'type' => Controls_Manager::SWITCHER,
165	+ 'default' => 'false',
166	+ 'return_value' => 'yes',
167	+ 'condition' => [
168	+ 'eael_tooltip_type!' => ['shortcode']
169	+ ]
170	+ ]
171	+ );
172	+ $this->add_control(
173	+ 'eael_tooltip_link',
174	+ [
175	+ 'label' => esc_html__( 'Button Link', 'essential-addons-elementor' ),
176	+ 'type' => Controls_Manager::URL,
177	+ 'label_block' => true,
178	+ 'default' => [
179	+ 'url' => '#',
180	+ 'is_external' => '',
181	+ ],
182	+ 'show_external' => true,
183	+ 'condition' => [
184	+ 'eael_tooltip_enable_link' => 'yes'
185	+ ]
186	+ ]
187	+ );
188	+ $this->end_controls_section();
189	+
190	+ /**
191	+ * Tooltip Hover Content Settings
192	+ */
193	+ $this->start_controls_section(
194	+ 'eael_section_tooltip_hover_content_settings',
195	+ [
196	+ 'label' => esc_html__( 'Tooltip Settings', 'essential-addons-elementor' )
197	+ ]
198	+ );
199	+ $this->add_control(
200	+ 'eael_tooltip_hover_content',
201	+ [
202	+ 'label' => esc_html__( 'Content', 'essential-addons-elementor' ),
203	+ 'type' => Controls_Manager::TEXTAREA,
204	+ 'label_block' => true,
205	+ 'default' => esc_html__( 'Tooltip content', 'essential-addons-elementor' ),
206	+ ]
207	+ );
208	+ $this->add_control(
209	+ 'eael_tooltip_hover_dir',
210	+ [
211	+ 'label' => esc_html__( 'Hover Direction', 'essential-addons-elementor' ),
212	+ 'type' => Controls_Manager::SELECT,
213	+ 'default' => 'right',
214	+ 'label_block' => false,
215	+ 'options' => [
216	+ 'left' => esc_html__( 'Left', 'essential-addons-elementor' ),
217	+ 'right' => esc_html__( 'Right', 'essential-addons-elementor' ),
218	+ 'top' => esc_html__( 'Top', 'essential-addons-elementor' ),
219	+ 'bottom' => esc_html__( 'Bottom', 'essential-addons-elementor' ),
220	+ ],
221	+ ]
222	+ );
223	+ $this->add_control(
224	+ 'eael_tooltip_hover_speed',
225	+ [
226	+ 'label' => esc_html__( 'Hover Speed', 'essential-addons-elementor' ),
227	+ 'type' => Controls_Manager::TEXT,
228	+ 'label_block' => false,
229	+ 'default' => esc_html__( '300', 'essential-addons-elementor' ),
230	+ 'selectors' => [
231	+ '{{WRAPPER}} .eael-tooltip:hover .eael-tooltip-text.eael-tooltip-top' => 'animation-duration: {{SIZE}}ms;',
232	+ '{{WRAPPER}} .eael-tooltip:hover .eael-tooltip-text.eael-tooltip-left' => 'animation-duration: {{SIZE}}ms;',
233	+ '{{WRAPPER}} .eael-tooltip:hover .eael-tooltip-text.eael-tooltip-bottom' => 'animation-duration: {{SIZE}}ms;',
234	+ '{{WRAPPER}} .eael-tooltip:hover .eael-tooltip-text.eael-tooltip-right' => 'animation-duration: {{SIZE}}ms;',
235	+ ]
236	+ ]
237	+ );
238	+ $this->end_controls_section();
239	+ /**
240	+ * Go Premium For More Features
241	+ */
242	+ $this->start_controls_section(
243	+ 'eael_section_pro',
244	+ [
245	+ 'label' => __( 'Go Premium for More Features', 'essential-addons-elementor' )
246	+ ]
247	+ );
248	+ $this->add_control(
249	+ 'eael_control_get_pro',
250	+ [
251	+ 'label' => __( 'Unlock more possibilities', 'essential-addons-elementor' ),
252	+ 'type' => Controls_Manager::CHOOSE,
253	+ 'options' => [
254	+ '1' => [
255	+ 'title' => __( '', 'essential-addons-elementor' ),
256	+ 'icon' => 'fa fa-unlock-alt',
257	+ ],
258	+ ],
259	+ 'default' => '1',
260	+ 'description' => '<span class="pro-feature"> Get the <a href="https://essential-addons.com/elementor/buy.php" target="_blank">Pro version</a> for more stunning elements and customization options.</span>'
261	+ ]
262	+ );
263	+ $this->end_controls_section();
264	+
265	+ /**
266	+ * -------------------------------------------
267	+ * Tab Style Tooltip Content
268	+ * -------------------------------------------
269	+ */
270	+ $this->start_controls_section(
271	+ 'eael_section_tooltip_style_settings',
272	+ [
273	+ 'label' => esc_html__( 'Content Style', 'essential-addons-elementor' ),
274	+ 'tab' => Controls_Manager::TAB_STYLE,
275	+ ]
276	+ );
277	+ $this->add_responsive_control(
278	+ 'eael_tooltip_max_width',
279	+ [
280	+ 'label' => __( 'Content Max Width', 'essential-addons-elementor' ),
281	+ 'type' => Controls_Manager::SLIDER,
282	+ 'range' => [
283	+ 'px' => [
284	+ 'min' => 0,
285	+ 'max' => 1000,
286	+ 'step' => 5,
287	+ ],
288	+ '%' => [
289	+ 'min' => 0,
290	+ 'max' => 100,
291	+ ],
292	+ ],
293	+ 'size_units' => [ 'px', '%' ],
294	+ 'selectors' => [
295	+ '{{WRAPPER}} .eael-tooltip' => 'max-width: {{SIZE}}{{UNIT}};',
296	+ ]
297	+ ]
298	+ );
299	+ $this->add_responsive_control(
300	+ 'eael_tooltip_content_padding',
301	+ [
302	+ 'label' => esc_html__( 'Padding', 'essential-addons-elementor' ),
303	+ 'type' => Controls_Manager::DIMENSIONS,
304	+ 'size_units' => [ 'px', 'em', '%' ],
305	+ 'selectors' => [
306	+ '{{WRAPPER}} .eael-tooltip' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
307	+ ],
308	+ ]
309	+ );
310	+ $this->add_responsive_control(
311	+ 'eael_tooltip_content_margin',
312	+ [
313	+ 'label' => esc_html__( 'Margin', 'essential-addons-elementor' ),
314	+ 'type' => Controls_Manager::DIMENSIONS,
315	+ 'size_units' => [ 'px', 'em', '%' ],
316	+ 'selectors' => [
317	+ '{{WRAPPER}} .eael-tooltip' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
318	+ ],
319	+ ]
320	+ );
321	+ $this->start_controls_tabs( 'eael_tooltip_content_style_tabs' );
322	+ // Normal State Tab
323	+ $this->start_controls_tab( 'eael_tooltip_content_normal', [ 'label' => esc_html__( 'Normal', 'essential-addons-elementor' ) ] );
324	+ $this->add_control(
325	+ 'eael_tooltip_content_bg_color',
326	+ [
327	+ 'label' => esc_html__( 'Background Color', 'essential-addons-elementor' ),
328	+ 'type' => Controls_Manager::COLOR,
329	+ 'default' => '',
330	+ 'selectors' => [
331	+ '{{WRAPPER}} .eael-tooltip' => 'background-color: {{VALUE}};',
332	+ ],
333	+ ]
334	+ );
335	+ $this->add_control(
336	+ 'eael_tooltip_content_color',
337	+ [
338	+ 'label' => esc_html__( 'Text Color', 'essential-addons-elementor' ),
339	+ 'type' => Controls_Manager::COLOR,
340	+ 'default' => '',
341	+ 'selectors' => [
342	+ '{{WRAPPER}} .eael-tooltip' => 'color: {{VALUE}};',
343	+ '{{WRAPPER}} .eael-tooltip a' => 'color: {{VALUE}};',
344	+ ],
345	+ ]
346	+ );
347	+ $this->add_group_control(
348	+ Group_Control_Box_Shadow::get_type(),
349	+ [
350	+ 'name' => 'eael_tooltip_shadow',
351	+ 'selector' => '{{WRAPPER}} .eael-tooltip',
352	+ 'separator' => 'before'
353	+ ]
354	+ );
355	+ $this->add_group_control(
356	+ Group_Control_Border::get_type(),
357	+ [
358	+ 'name' => 'eael_tooltip_border',
359	+ 'label' => esc_html__( 'Border', 'essential-addons-elementor' ),
360	+ 'selector' => '{{WRAPPER}} .eael-tooltip',
361	+ ]
362	+ );
363	+ $this->end_controls_tab();
364	+
365	+ // Hover State Tab
366	+ $this->start_controls_tab( 'eael_tooltip_content_hover', [ 'label' => esc_html__( 'Hover', 'essential-addons-elementor' ) ] );
367	+ $this->add_control(
368	+ 'eael_tooltip_content_hover_bg_color',
369	+ [
370	+ 'label' => esc_html__( 'Background Color', 'essential-addons-elementor' ),
371	+ 'type' => Controls_Manager::COLOR,
372	+ 'default' => '',
373	+ 'selectors' => [
374	+ '{{WRAPPER}} .eael-tooltip:hover' => 'background-color: {{VALUE}};',
375	+ ],
376	+ ]
377	+ );
378	+ $this->add_control(
379	+ 'eael_tooltip_content_hover_color',
380	+ [
381	+ 'label' => esc_html__( 'Text Color', 'essential-addons-elementor' ),
382	+ 'type' => Controls_Manager::COLOR,
383	+ 'default' => '#212121',
384	+ 'selectors' => [
385	+ '{{WRAPPER}} .eael-tooltip:hover' => 'color: {{VALUE}};',
386	+ '{{WRAPPER}} .eael-tooltip:hover a' => 'color: {{VALUE}};',
387	+ ],
388	+ ]
389	+ );
390	+ $this->add_group_control(
391	+ Group_Control_Box_Shadow::get_type(),
392	+ [
393	+ 'name' => 'eael_tooltip_hover_shadow',
394	+ 'selector' => '{{WRAPPER}} .eael-tooltip:hover',
395	+ 'separator' => 'before'
396	+ ]
397	+ );
398	+ $this->add_group_control(
399	+ Group_Control_Border::get_type(),
400	+ [
401	+ 'name' => 'eael_tooltip_hover_border',
402	+ 'label' => esc_html__( 'Border', 'essential-addons-elementor' ),
403	+ 'selector' => '{{WRAPPER}} .eael-tooltip:hover',
404	+ ]
405	+ );
406	+ $this->end_controls_tab();
407	+ $this->end_controls_tabs();
408	+
409	+ $this->add_group_control(
410	+ Group_Control_Typography::get_type(),
411	+ [
412	+ 'name' => 'eael_tooltip_content_typography',
413	+ 'selector' => '{{WRAPPER}} .eael-tooltip',
414	+ ]
415	+ );
416	+ $this->add_responsive_control(
417	+ 'eael_tooltip_content_radius',
418	+ [
419	+ 'label' => esc_html__( 'Border Radius', 'essential-addons-elementor' ),
420	+ 'type' => Controls_Manager::DIMENSIONS,
421	+ 'size_units' => [ 'px', 'em', '%' ],
422	+ 'selectors' => [
423	+ '{{WRAPPER}} .eael-tooltip' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
424	+ ],
425	+ ]
426	+ );
427	+ $this->end_controls_section();
428	+
429	+ /**
430	+ * -------------------------------------------
431	+ * Tab Style Tooltip Hover Content
432	+ * -------------------------------------------
433	+ */
434	+ $this->start_controls_section(
435	+ 'eael_section_tooltip_hover_style_settings',
436	+ [
437	+ 'label' => esc_html__( 'Tooltip Style', 'essential-addons-elementor' ),
438	+ 'tab' => Controls_Manager::TAB_STYLE,
439	+ ]
440	+ );
441	+ $this->add_responsive_control(
442	+ 'eael_tooltip_hover_width',
443	+ [
444	+ 'label' => __( 'Tooltip Width', 'essential-addons-elementor' ),
445	+ 'type' => Controls_Manager::SLIDER,
446	+ 'default' => [
447	+ 'size' => '150'
448	+ ],
449	+ 'range' => [
450	+ 'px' => [
451	+ 'min' => 0,
452	+ 'max' => 1000,
453	+ 'step' => 5,
454	+ ],
455	+ '%' => [
456	+ 'min' => 0,
457	+ 'max' => 100,
458	+ ],
459	+ ],
460	+ 'size_units' => [ 'px', '%' ],
461	+ 'selectors' => [
462	+ '{{WRAPPER}} .eael-tooltip .eael-tooltip-text' => 'width: {{SIZE}}{{UNIT}};',
463	+ ]
464	+ ]
465	+ );
466	+ $this->add_responsive_control(
467	+ 'eael_tooltip_hover_max_width',
468	+ [
469	+ 'label' => __( 'Tooltip Max Width', 'essential-addons-elementor' ),
470	+ 'type' => Controls_Manager::SLIDER,
471	+ 'default' => [
472	+ 'size' => '150'
473	+ ],
474	+ 'range' => [
475	+ 'px' => [
476	+ 'min' => 0,
477	+ 'max' => 1000,
478	+ 'step' => 5,
479	+ ],
480	+ '%' => [
481	+ 'min' => 0,
482	+ 'max' => 100,
483	+ ],
484	+ ],
485	+ 'size_units' => [ 'px', '%' ],
486	+ 'selectors' => [
487	+ '{{WRAPPER}} .eael-tooltip .eael-tooltip-text' => 'max-width: {{SIZE}}{{UNIT}};',
488	+ ]
489	+ ]
490	+ );
491	+ $this->add_responsive_control(
492	+ 'eael_tooltip_hover_content_padding',
493	+ [
494	+ 'label' => esc_html__( 'Padding', 'essential-addons-elementor' ),
495	+ 'type' => Controls_Manager::DIMENSIONS,
496	+ 'size_units' => [ 'px', 'em', '%' ],
497	+ 'selectors' => [
498	+ '{{WRAPPER}} .eael-tooltip .eael-tooltip-text' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
499	+ ],
500	+ ]
501	+ );
502	+ $this->add_responsive_control(
503	+ 'eael_tooltip_hover_content_margin',
504	+ [
505	+ 'label' => esc_html__( 'Margin', 'essential-addons-elementor' ),
506	+ 'type' => Controls_Manager::DIMENSIONS,
507	+ 'size_units' => [ 'px', 'em', '%' ],
508	+ 'selectors' => [
509	+ '{{WRAPPER}} .eael-tooltip .eael-tooltip-text' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
510	+ ],
511	+ ]
512	+ );
513	+ $this->add_control(
514	+ 'eael_tooltip_hover_content_bg_color',
515	+ [
516	+ 'label' => esc_html__( 'Background Color', 'essential-addons-elementor' ),
517	+ 'type' => Controls_Manager::COLOR,
518	+ 'default' => '#555',
519	+ 'selectors' => [
520	+ '{{WRAPPER}} .eael-tooltip .eael-tooltip-text' => 'background-color: {{VALUE}};',
521	+ ],
522	+ ]
523	+ );
524	+ $this->add_control(
525	+ 'eael_tooltip_hover_content_color',
526	+ [
527	+ 'label' => esc_html__( 'Text Color', 'essential-addons-elementor' ),
528	+ 'type' => Controls_Manager::COLOR,
529	+ 'default' => '#fff',
530	+ 'selectors' => [
531	+ '{{WRAPPER}} .eael-tooltip .eael-tooltip-text' => 'color: {{VALUE}};',
532	+ ],
533	+ ]
534	+ );
535	+ $this->add_group_control(
536	+ Group_Control_Typography::get_type(),
537	+ [
538	+ 'name' => 'eael_tooltip_hover_content_typography',
539	+ 'selector' => '{{WRAPPER}} .eael-tooltip .eael-tooltip-text',
540	+ ]
541	+ );
542	+ $this->add_group_control(
543	+ Group_Control_Box_Shadow::get_type(),
544	+ [
545	+ 'name' => 'eael_tooltip_box_shadow',
546	+ 'selector' => '{{WRAPPER}} .eael-tooltip .eael-tooltip-text',
547	+ ]
548	+ );
549	+ $this->add_responsive_control(
550	+ 'eael_tooltip_arrow_size',
551	+ [
552	+ 'label' => __( 'Arrow Size', 'essential-addons-elementor' ),
553	+ 'type' => Controls_Manager::SLIDER,
554	+ 'default' => [
555	+ 'size' => 5,
556	+ 'unit' => 'px',
557	+ ],
558	+ 'size_units' => [ 'px' ],
559	+ 'range' => [
560	+ 'px' => [
561	+ 'min' => 0,
562	+ 'max' => 100,
563	+ 'step' => 1,
564	+ ]
565	+ ],
566	+ 'selectors' => [
567	+ '{{WRAPPER}} .eael-tooltip .eael-tooltip-text:after' => 'border-width: {{SIZE}}{{UNIT}};',
568	+ '{{WRAPPER}} .eael-tooltip .eael-tooltip-text.eael-tooltip-left::after' => 'top: calc( 50% - {{SIZE}}{{UNIT}} );',
569	+ '{{WRAPPER}} .eael-tooltip .eael-tooltip-text.eael-tooltip-right::after' => 'top: calc( 50% - {{SIZE}}{{UNIT}} );',
570	+ '{{WRAPPER}} .eael-tooltip .eael-tooltip-text.eael-tooltip-top::after' => 'left: calc( 50% - {{SIZE}}{{UNIT}} );',
571	+ '{{WRAPPER}} .eael-tooltip .eael-tooltip-text.eael-tooltip-bottom::after' => 'left: calc( 50% - {{SIZE}}{{UNIT}} );',
572	+ ],
573	+ ]
574	+ );
575	+ $this->add_control(
576	+ 'eael_tooltip_arrow_color',
577	+ [
578	+ 'label' => esc_html__( 'Arrow Color', 'essential-addons-elementor' ),
579	+ 'type' => Controls_Manager::COLOR,
580	+ 'default' => '#555',
581	+ 'selectors' => [
582	+ '{{WRAPPER}} .eael-tooltip .eael-tooltip-text.eael-tooltip-top:after' => 'border-top-color: {{VALUE}};',
583	+ '{{WRAPPER}} .eael-tooltip .eael-tooltip-text.eael-tooltip-bottom:after' => 'border-bottom-color: {{VALUE}};',
584	+ '{{WRAPPER}} .eael-tooltip .eael-tooltip-text.eael-tooltip-left:after' => 'border-left-color: {{VALUE}};',
585	+ '{{WRAPPER}} .eael-tooltip .eael-tooltip-text.eael-tooltip-right:after' => 'border-right-color: {{VALUE}};',
586	+ ],
587	+ ]
588	+ );
589	+ $this->end_controls_section();
590	+ }
591	+
592	+
593	+ protected function render( ) {
594	+
595	+ $settings = $this->get_settings();
596	+ $target = $settings['eael_tooltip_link']['is_external'] ? 'target="_blank"' : '';
597	+ $nofollow = $settings['eael_tooltip_link']['nofollow'] ? 'rel="nofollow"' : '';
598	+ ?>
599	+ <div class="eael-tooltip">
600	+ <?php if( $settings['eael_tooltip_type'] === 'text' ) : ?>
601	+ <<?php echo esc_attr( $settings['eael_tooltip_content_tag'] ); ?> class="eael-tooltip-content"><?php if( $settings['eael_tooltip_enable_link'] === 'yes' ) : ?><a href="<?php echo esc_url( $settings['eael_tooltip_link']['url'] ); ?>" <?php echo $target; ?> <?php echo $nofollow; ?> ><?php endif; ?><?php echo esc_html__( $settings['eael_tooltip_content'], 'essential-addons-elementor' ); ?><?php if( $settings['eael_tooltip_enable_link'] === 'yes' ) : ?></a><?php endif; ?></<?php echo esc_attr( $settings['eael_tooltip_content_tag'] ); ?>>
602	+ <span class="eael-tooltip-text eael-tooltip-<?php echo esc_attr( $settings['eael_tooltip_hover_dir'] ) ?>"><?php echo esc_attr( $settings['eael_tooltip_hover_content'] ); ?></span>
603	+ <?php elseif( $settings['eael_tooltip_type'] === 'icon' ) : ?>
604	+ <span class="eael-tooltip-content"><?php if( $settings['eael_tooltip_enable_link'] === 'yes' ) : ?><a href="<?php echo esc_url( $settings['eael_tooltip_link']['url'] ); ?>" <?php echo $target; ?> <?php echo $nofollow; ?> ><?php endif; ?><i class="<?php echo esc_attr( $settings['eael_tooltip_icon_content'] ); ?>"></i><?php if( $settings['eael_tooltip_enable_link'] === 'yes' ) : ?></a><?php endif; ?></span>
605	+ <span class="eael-tooltip-text eael-tooltip-<?php echo esc_attr( $settings['eael_tooltip_hover_dir'] ) ?>"><?php echo esc_attr( $settings['eael_tooltip_hover_content'] ); ?></span>
606	+ <?php elseif( $settings['eael_tooltip_type'] === 'image' ) : ?>
607	+ <span class="eael-tooltip-content"><?php if( $settings['eael_tooltip_enable_link'] === 'yes' ) : ?><a href="<?php echo esc_url( $settings['eael_tooltip_link']['url'] ); ?>" <?php echo $target; ?> <?php echo $nofollow; ?> ><?php endif; ?><img src="<?php echo esc_url( $settings['eael_tooltip_img_content']['url'] ); ?>" alt="<?php echo esc_attr( $settings['eael_tooltip_hover_content'] ); ?>"><?php if( $settings['eael_tooltip_enable_link'] === 'yes' ) : ?></a><?php endif; ?></span>
608	+ <span class="eael-tooltip-text eael-tooltip-<?php echo esc_attr( $settings['eael_tooltip_hover_dir'] ) ?>"><?php echo esc_attr( $settings['eael_tooltip_hover_content'] ); ?></span>
609	+ <?php elseif( $settings['eael_tooltip_type'] === 'shortcode' ) : ?>
610	+ <div class="eael-tooltip-content"><?php echo do_shortcode( $settings['eael_tooltip_shortcode_content'] ); ?></div>
611	+ <span class="eael-tooltip-text eael-tooltip-<?php echo esc_attr( $settings['eael_tooltip_hover_dir'] ) ?>"><?php echo esc_attr( $settings['eael_tooltip_hover_content'] ); ?></span>
612	+ <?php endif; ?>
613	+ </div>
614	+ <?php
615	+ }
616	+
617	+ protected function content_template() {}
618	+ }
619	+
620	+
621	+ Plugin::instance()->widgets_manager->register_widget_type( new Widget_Eael_Tooltip() );

essential_adons_elementor.php CHANGED Viewed

	@@ -4,7 +4,7 @@
4	* Description: The ultimate elements library for Elementor page builder plugin for WordPress.
5	* Plugin URI: https://essential-addons.com/elementor/
6	* Author: Codetic
7	- * Version: 2.5.0
8	* Author URI: https://www.codetic.net
9	*
10	* Text Domain: essential-addons-elementor
	@@ -28,7 +28,7 @@ require_once ESSENTIAL_ADDONS_EL_PATH.'admin/settings.php';
28	*/
29	function eael_activated_modules() {
30
31	- $eael_default_keys = [ 'contact-form-7', 'count-down', 'creative-btn', 'fancy-text', 'img-comparison', 'instagram-gallery', 'interactive-promo', 'lightbox', 'post-block', 'post-grid', 'post-timeline', 'product-grid', 'team-members', 'testimonial-slider', 'testimonials', 'testimonials', 'weforms', 'static-product', 'call-to-action', 'flip-box', 'info-box', 'dual-header', 'price-table', 'flip-carousel', 'interactive-cards', 'ninja-form', 'gravity-form', 'caldera-form', 'wisdom_registered_setting', 'twitter-feed', 'facebook-feed', 'data-table', 'filter-gallery', 'img-accordion','content-ticker' ];
32
33	$eael_default_settings = array_fill_keys( $eael_default_keys, true );
34	$eael_get_settings = get_option( 'eael_save_settings', $eael_default_settings );
	@@ -50,7 +50,7 @@ function eael_activated_modules() {
50	*/
51	function add_eael_elements(){
52
53	- $eael_default_keys = [ 'contact-form-7', 'count-down', 'creative-btn', 'fancy-text', 'img-comparison', 'instagram-gallery', 'interactive-promo', 'lightbox', 'post-block', 'post-grid', 'post-timeline', 'product-grid', 'team-members', 'testimonial-slider', 'testimonials', 'testimonials', 'weforms', 'static-product', 'call-to-action', 'flip-box', 'info-box', 'dual-header', 'price-table', 'flip-carousel', 'interactive-cards', 'ninja-form', 'gravity-form', 'caldera-form', 'wisdom_registered_setting', 'twitter-feed', 'facebook-feed', 'data-table', 'filter-gallery', 'img-accordion', 'content-ticker' ];
54	$eael_default_settings = array_fill_keys( $eael_default_keys, true );
55
56	$is_component_active = eael_activated_modules();
	@@ -135,6 +135,15 @@ function add_eael_elements(){
135	if( $is_component_active['content-ticker'] ) {
136	require_once ESSENTIAL_ADDONS_EL_PATH.'elements/content-ticker/content-ticker.php';
137	}









138	}
139	add_action('elementor/widgets/widgets_registered','add_eael_elements');
140
	@@ -262,10 +271,10 @@ function eael_admin_notice() {
262	global $current_user ;
263	$user_id = $current_user->ID;
264	/* Check that the user hasn't already clicked to ignore the message */
265	- if ( ! get_user_meta($user_id, '~~eael_ignore_notice243~~') ) {
266	echo '<div class="eael-admin-notice updated" style="display: flex; align-items: center; padding-left: 0; border-left-color: #EF4B53"><p style="width: 36px;">';
267	echo '<img style="width: 100%; display: block;" src="' . plugins_url( '/', __FILE__ ).'admin/assets/images/icon-heart.svg'. '" ></p><p> ';
268	- printf(__('<strong>~~20,000+</strong> users using <strong>~~Essential Addons for Elementor~~.</~~strong> Use the ~~promo~~ code <strong>~~20K~~</strong> to ~~get~~ <strong>20% </strong> discount on ~~pro upgrade~~. <a href="https://wpdeveloper.net/in/upgrade-essential-addons-elementor" target="_blank" style="text-decoration: none;"><span class="dashicons dashicons-smiley" style="margin-left: 10px;"></span> Grab the Deal</a>
269	<a href="%1$s" style="text-decoration: none; margin-left: 10px;"><span class="dashicons dashicons-dismiss"></span> Dismiss</a>'), admin_url( 'admin.php?page=eael-settings&eael_nag_ignore=0' ));
270	echo "</p></div>";
271	}
	@@ -282,7 +291,7 @@ function eael_nag_ignore() {
282	$user_id = $current_user->ID;
283	/* If user clicks to ignore the notice, add that to their user meta */
284	if ( isset($_GET['eael_nag_ignore']) && '0' == $_GET['eael_nag_ignore'] ) {
285	- add_user_meta($user_id, '~~eael_ignore_notice243~~', 'true', true);
286	}
287	}
288	add_action('admin_init', 'eael_nag_ignore');


4	* Description: The ultimate elements library for Elementor page builder plugin for WordPress.
5	* Plugin URI: https://essential-addons.com/elementor/
6	* Author: Codetic
7	+ * Version: 2.6.0
8	* Author URI: https://www.codetic.net
9	*
10	* Text Domain: essential-addons-elementor

28	*/
29	function eael_activated_modules() {
30
31	+ $eael_default_keys = [ 'contact-form-7', 'count-down', 'creative-btn', 'fancy-text', 'img-comparison', 'instagram-gallery', 'interactive-promo', 'lightbox', 'post-block', 'post-grid', 'post-timeline', 'product-grid', 'team-members', 'testimonial-slider', 'testimonials', 'testimonials', 'weforms', 'static-product', 'call-to-action', 'flip-box', 'info-box', 'dual-header', 'price-table', 'flip-carousel', 'interactive-cards', 'ninja-form', 'gravity-form', 'caldera-form', 'wisdom_registered_setting', 'twitter-feed', 'facebook-feed', 'data-table', 'filter-gallery', 'img-accordion','content-ticker', 'tooltip', 'adv-accordion', 'adv-tabs' ];
32
33	$eael_default_settings = array_fill_keys( $eael_default_keys, true );
34	$eael_get_settings = get_option( 'eael_save_settings', $eael_default_settings );

50	*/
51	function add_eael_elements(){
52
53	+ $eael_default_keys = [ 'contact-form-7', 'count-down', 'creative-btn', 'fancy-text', 'img-comparison', 'instagram-gallery', 'interactive-promo', 'lightbox', 'post-block', 'post-grid', 'post-timeline', 'product-grid', 'team-members', 'testimonial-slider', 'testimonials', 'testimonials', 'weforms', 'static-product', 'call-to-action', 'flip-box', 'info-box', 'dual-header', 'price-table', 'flip-carousel', 'interactive-cards', 'ninja-form', 'gravity-form', 'caldera-form', 'wisdom_registered_setting', 'twitter-feed', 'facebook-feed', 'data-table', 'filter-gallery', 'img-accordion', 'content-ticker', 'tooltip', 'adv-accordion', 'adv-tabs' ];
54	$eael_default_settings = array_fill_keys( $eael_default_keys, true );
55
56	$is_component_active = eael_activated_modules();

135	if( $is_component_active['content-ticker'] ) {
136	require_once ESSENTIAL_ADDONS_EL_PATH.'elements/content-ticker/content-ticker.php';
137	}
138	+ if( $is_component_active['tooltip'] ) {
139	+ require_once ESSENTIAL_ADDONS_EL_PATH.'elements/tooltip/tooltip.php';
140	+ }
141	+ if( $is_component_active['adv-accordion'] ) {
142	+ require_once ESSENTIAL_ADDONS_EL_PATH.'elements/advance-accordion/advance-accordion.php';
143	+ }
144	+ if( $is_component_active['adv-tabs'] ) {
145	+ require_once ESSENTIAL_ADDONS_EL_PATH.'elements/advance-tabs/advance-tabs.php';
146	+ }
147	}
148	add_action('elementor/widgets/widgets_registered','add_eael_elements');
149

271	global $current_user ;
272	$user_id = $current_user->ID;
273	/* Check that the user hasn't already clicked to ignore the message */
274	+ if ( ! get_user_meta($user_id, 'eael_ignore_notice260') ) {
275	echo '<div class="eael-admin-notice updated" style="display: flex; align-items: center; padding-left: 0; border-left-color: #EF4B53"><p style="width: 36px;">';
276	echo '<img style="width: 100%; display: block;" src="' . plugins_url( '/', __FILE__ ).'admin/assets/images/icon-heart.svg'. '" ></p><p> ';
277	+ printf(__('<strong>Essential Addons for Elementor</strong> crossed <strong>100,000+</strong> downloads. Use the coupon code <strong>100K</strong> to redeem a <strong>25% </strong> discount on Pro. <a href="https://wpdeveloper.net/in/upgrade-essential-addons-elementor" target="_blank" style="text-decoration: none;"><span class="dashicons dashicons-smiley" style="margin-left: 10px;"></span> Grab the Deal</a>
278	<a href="%1$s" style="text-decoration: none; margin-left: 10px;"><span class="dashicons dashicons-dismiss"></span> Dismiss</a>'), admin_url( 'admin.php?page=eael-settings&eael_nag_ignore=0' ));
279	echo "</p></div>";
280	}

291	$user_id = $current_user->ID;
292	/* If user clicks to ignore the notice, add that to their user meta */
293	if ( isset($_GET['eael_nag_ignore']) && '0' == $_GET['eael_nag_ignore'] ) {
294	+ add_user_meta($user_id, 'eael_ignore_notice260', 'true', true);
295	}
296	}
297	add_action('admin_init', 'eael_nag_ignore');

readme.txt CHANGED Viewed

	@@ -3,7 +3,7 @@ Contributors: Codetic, re_enter_rupok, Asif2BD, robicse11128
3	Tags: elementor, elements, addons, elementor addon, elementor widget, page builder, builder, visual editor, wordpress page builder, elementor form
4	Requires at least: 4.0
5	Tested up to: 4.9.4
6	- Stable tag: 2.5.0
7	License: GPLv3
8	License URI: https://opensource.org/licenses/GPL-3.0
9
	@@ -20,7 +20,7 @@ Ultimate elements library for Elementor WordPress Page Builder. Lots of useful
20
21	### Features
22
23	- * 24+ Stunning Elements (Free)
24	* Fully Customizable
25	* Unlimited Design Options
26	* Elements Control option
	@@ -54,7 +54,10 @@ Ultimate elements library for Elementor WordPress Page Builder. Lots of useful
54	* [Data Table](https://essential-addons.com/elementor/table/)
55	* [Filterable Gallery](https://essential-addons.com/elementor/filterable-gallery/)
56	* [Image Accordion](https://essential-addons.com/elementor/image-accordion/)
57	- * [Content ~~Ticket~~](https://essential-addons.com/elementor/content-ticker/)



58
59
60
	@@ -125,6 +128,14 @@ Your existing elements/content will work with premium version. So you won't lose
125
126	== Changelog ==
127








128	= 2.5.0 =
129
130	- Image Accordion Element added


3	Tags: elementor, elements, addons, elementor addon, elementor widget, page builder, builder, visual editor, wordpress page builder, elementor form
4	Requires at least: 4.0
5	Tested up to: 4.9.4
6	+ Stable tag: 2.6.0
7	License: GPLv3
8	License URI: https://opensource.org/licenses/GPL-3.0
9

20
21	### Features
22
23	+ * 27+ Stunning Elements (Free)
24	* Fully Customizable
25	* Unlimited Design Options
26	* Elements Control option

54	* [Data Table](https://essential-addons.com/elementor/table/)
55	* [Filterable Gallery](https://essential-addons.com/elementor/filterable-gallery/)
56	* [Image Accordion](https://essential-addons.com/elementor/image-accordion/)
57	+ * [Content Ticker](https://essential-addons.com/elementor/content-ticker/)
58	+ * [Tooltip](https://essential-addons.com/elementor/tooltip/)
59	+ * [Advanced Tabs](https://essential-addons.com/elementor/advanced-tabs/)
60	+ * [Advanced Accordion](https://essential-addons.com/elementor/advanced-accordion/)
61
62
63

128
129	== Changelog ==
130
131	+ = 2.6.0 =
132	+
133	+ - Tooltip element added
134	+ - Advanced Tabs element added
135	+ - Advanced Accordion element added
136	+ - Info box improved
137	+ - Few minor bugfix and improvements
138	+
139	= 2.5.0 =
140
141	- Image Accordion Element added

Elementor Essential Addons - Version 2.6.0

Version Description

Release Info

Code changes from version 2.5.0 to 2.6.0