Elementor Essential Addons - Version 2.7.11

Version Description

  • Nested Accordion support added (as saved template)
  • Few minor bugfix and improvements
Download this release

Release Info

Developer re_enter_rupok
Plugin Icon 128x128 Elementor Essential Addons
Version 2.7.11
Comparing to
See all releases

Code changes from version 2.7.10 to 2.7.11

Files changed (6) hide show
  1. assets/css/essential-addons-elementor.css +54 -48
  2. assets/js/eael-scripts.js +49 -0
  3. elements/advance-accordion/advance-accordion.php +282 -255
  4. elements/data-table/data-table.php +0 -0
  5. essential_adons_elementor.php +1 -1
  6. readme.txt +96 -74
assets/css/essential-addons-elementor.css CHANGED
@@ -4751,74 +4751,80 @@ img.mfp-img {
4751
  flex: 1 100%;
4752
  }
4753
  }
4754
- /**
4755
- * Advance Accordion
4756
- */
 
4757
  .eael-adv-accordion {
4758
- width: auto;
4759
- height: auto;
4760
- transition: all 0.3s ease-in-out;
4761
  }
 
4762
  .eael-adv-accordion .eael-accordion-list .eael-accordion-header {
4763
- padding: 15px;
4764
- border: 1px solid rgba(0,0,0,0.02);
4765
- font-size: 1rem;
4766
- font-weight: 600;
4767
- line-height: 1;
4768
- transition: all 0.3s ease-in-out;
4769
- display: flex;
4770
- justify-content: space-between;
4771
- align-items: center;
4772
- cursor: pointer;
4773
  }
 
4774
  .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-toggle {
4775
- transform: rotate(0deg);
4776
- z-index: 10;
4777
- transition: all 0.3s ease-in-out;
4778
  }
 
4779
  .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-toggle {
4780
- transform: rotate(90deg);
4781
- z-index: 10;
4782
- transition: all 0.3s ease-in-out;
4783
  }
 
4784
  .fa-accordion-icon {
4785
- display: inline-block;
4786
- margin-right: 10px;
4787
  }
 
4788
  .eael-adv-accordion .eael-accordion-list .eael-accordion-content {
4789
- display: none;
4790
- border: 1px solid #eee;
4791
- padding: 15px;
4792
- box-sizing: border-box;
4793
- font-size: 1rem;
4794
- line-height: 1.7;
4795
- opacity: 0;
4796
  }
 
4797
  .eael-adv-accordion .eael-accordion-list .eael-accordion-content p {
4798
- margin: 0;
4799
  }
 
4800
  .eael-adv-accordion .eael-accordion-list .eael-accordion-content.active {
4801
- display: block;
4802
- opacity: 1;
4803
  }
4804
 
4805
  @keyframes rotate-90 {
4806
- 0% {
4807
- transform: rotateY(0deg);
4808
- }
4809
- 100% {
4810
- transform: rotateY(-180deg);
4811
- }
4812
  }
4813
  @keyframes fadeIn {
4814
- 0% {
4815
- opacity: 1;
4816
- transition: all 0.3s ease-in-out;
4817
- }
4818
- 100% {
4819
- opacity: 1;
4820
- transition: all 0.3s ease-in-out;
4821
- }
4822
  }
4823
 
4824
  /**
4751
  flex: 1 100%;
4752
  }
4753
  }
4754
+
4755
+ /*------------------------------*/
4756
+ /* Advance Accordion
4757
+ /*------------------------------*/
4758
  .eael-adv-accordion {
4759
+ width: auto;
4760
+ height: auto;
4761
+ transition: all 0.3s ease-in-out;
4762
  }
4763
+
4764
  .eael-adv-accordion .eael-accordion-list .eael-accordion-header {
4765
+ padding: 15px;
4766
+ border: 1px solid rgba(0,0,0,0.02);
4767
+ font-size: 1rem;
4768
+ font-weight: 600;
4769
+ line-height: 1;
4770
+ transition: all 0.3s ease-in-out;
4771
+ display: flex;
4772
+ justify-content: space-between;
4773
+ align-items: center;
4774
+ cursor: pointer;
4775
  }
4776
+
4777
  .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-toggle {
4778
+ transform: rotate(0deg);
4779
+ z-index: 10;
4780
+ transition: all 0.3s ease-in-out;
4781
  }
4782
+
4783
  .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-toggle {
4784
+ transform: rotate(90deg);
4785
+ z-index: 10;
4786
+ transition: all 0.3s ease-in-out;
4787
  }
4788
+
4789
  .fa-accordion-icon {
4790
+ display: inline-block;
4791
+ margin-right: 10px;
4792
  }
4793
+
4794
  .eael-adv-accordion .eael-accordion-list .eael-accordion-content {
4795
+ display: none;
4796
+ border: 1px solid #eee;
4797
+ padding: 15px;
4798
+ box-sizing: border-box;
4799
+ font-size: 1rem;
4800
+ line-height: 1.7;
 
4801
  }
4802
+
4803
  .eael-adv-accordion .eael-accordion-list .eael-accordion-content p {
4804
+ margin: 0;
4805
  }
4806
+
4807
  .eael-adv-accordion .eael-accordion-list .eael-accordion-content.active {
4808
+ display: block;
 
4809
  }
4810
 
4811
  @keyframes rotate-90 {
4812
+ 0% {
4813
+ transform: rotateY(0deg);
4814
+ }
4815
+ 100% {
4816
+ transform: rotateY(-180deg);
4817
+ }
4818
  }
4819
  @keyframes fadeIn {
4820
+ 0% {
4821
+ opacity: 1;
4822
+ transition: all 0.3s ease-in-out;
4823
+ }
4824
+ 100% {
4825
+ opacity: 1;
4826
+ transition: all 0.3s ease-in-out;
4827
+ }
4828
  }
4829
 
4830
  /**
assets/js/eael-scripts.js CHANGED
@@ -263,6 +263,54 @@
263
  });
264
  }
265
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
266
  /* ------------------------------ */
267
  /* Post Timeline
268
  /* ------------------------------ */
@@ -517,6 +565,7 @@
517
  $(window).on('elementor/frontend/init', function () {
518
  elementorFrontend.hooks.addAction('frontend/element_ready/eael-filterable-gallery.default', FilterGallery);
519
  elementorFrontend.hooks.addAction('frontend/element_ready/eael-adv-tabs.default', AdvanceTabHandler);
 
520
  elementorFrontend.hooks.addAction('frontend/element_ready/eael-pricing-table.default', PricingTooltip);
521
  elementorFrontend.hooks.addAction('frontend/element_ready/eael-post-timeline.default', postTimelineHandler);
522
  elementorFrontend.hooks.addAction('frontend/element_ready/eael-facebook-feed.default', FacebookFeedHandler);
263
  });
264
  }
265
 
266
+ /* ------------------------------ */
267
+ /* Advance accordion
268
+ /* ------------------------------ */
269
+ var AdvAccordionHandler = function($scope, $) {
270
+ var $advanceAccordion = $scope.find(".eael-adv-accordion"),
271
+ $accordionHeader = $scope.find(".eael-accordion-header"),
272
+ $accordionType = $advanceAccordion.data("accordion-type"),
273
+ $accordionSpeed = $advanceAccordion.data("toogle-speed");
274
+
275
+ // Open default actived tab
276
+ $accordionHeader.each(function(){
277
+ if($(this).hasClass('active-default')){
278
+ $(this).addClass('show active');
279
+ $(this).next().slideDown($accordionSpeed)
280
+ }
281
+ })
282
+
283
+ // Remove multiple click event for nested accordion
284
+ $accordionHeader.unbind("click");
285
+
286
+ $accordionHeader.click(function(e) {
287
+ e.preventDefault();
288
+
289
+ var $this = $(this);
290
+
291
+ if($accordionType === 'accordion') {
292
+ if ($this.hasClass("show")) {
293
+ $this.removeClass("show active");
294
+ $this.next().slideUp($accordionSpeed);
295
+ } else {
296
+ $this.parent().parent().find(".eael-accordion-header").removeClass("show active");
297
+ $this.parent().parent().find(".eael-accordion-content").slideUp($accordionSpeed);
298
+ $this.toggleClass("show active");
299
+ $this.next().slideToggle($accordionSpeed);
300
+ }
301
+ } else {
302
+ // For acccordion type 'toggle'
303
+ if ($this.hasClass("show")) {
304
+ $this.removeClass("show active");
305
+ $this.next().slideUp($accordionSpeed);
306
+ } else {
307
+ $this.addClass("show active");
308
+ $this.next().slideDown($accordionSpeed);
309
+ }
310
+ }
311
+ });
312
+ }; // End of advance accordion
313
+
314
  /* ------------------------------ */
315
  /* Post Timeline
316
  /* ------------------------------ */
565
  $(window).on('elementor/frontend/init', function () {
566
  elementorFrontend.hooks.addAction('frontend/element_ready/eael-filterable-gallery.default', FilterGallery);
567
  elementorFrontend.hooks.addAction('frontend/element_ready/eael-adv-tabs.default', AdvanceTabHandler);
568
+ elementorFrontend.hooks.addAction('frontend/element_ready/eael-adv-accordion.default', AdvAccordionHandler);
569
  elementorFrontend.hooks.addAction('frontend/element_ready/eael-pricing-table.default', PricingTooltip);
570
  elementorFrontend.hooks.addAction('frontend/element_ready/eael-post-timeline.default', postTimelineHandler);
571
  elementorFrontend.hooks.addAction('frontend/element_ready/eael-facebook-feed.default', FacebookFeedHandler);
elements/advance-accordion/advance-accordion.php CHANGED
@@ -17,6 +17,12 @@ class Widget_Eael_Adv_Accordion extends Widget_Base {
17
  return 'eicon-accordion';
18
  }
19
 
 
 
 
 
 
 
20
  public function get_categories() {
21
  return [ 'essential-addons-elementor' ];
22
  }
@@ -34,7 +40,7 @@ class Widget_Eael_Adv_Accordion extends Widget_Base {
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,
@@ -47,19 +53,19 @@ class Widget_Eael_Adv_Accordion extends Widget_Base {
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',
@@ -75,13 +81,14 @@ class Widget_Eael_Adv_Accordion extends Widget_Base {
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
  */
@@ -94,43 +101,43 @@ class Widget_Eael_Adv_Accordion extends Widget_Base {
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
- 'dynamic' => [ 'active' => true ]
134
  ],
135
  [
136
  'name' => 'eael_adv_accordion_text_type',
@@ -152,13 +159,13 @@ class Widget_Eael_Adv_Accordion extends Widget_Base {
152
  ],
153
  ],
154
  [
155
- 'name' => 'eael_adv_accordion_tab_content',
156
- 'label' => esc_html__( 'Tab Content', 'essential-addons-elementor' ),
157
- 'type' => Controls_Manager::WYSIWYG,
158
- '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' ),
159
- 'dynamic' => [ 'active' => true ],
160
- 'condition' => [
161
- 'eael_adv_accordion_text_type' => 'content',
162
  ],
163
  ],
164
  ],
@@ -166,6 +173,7 @@ class Widget_Eael_Adv_Accordion extends Widget_Base {
166
  ]
167
  );
168
  $this->end_controls_section();
 
169
  /**
170
  * Go Premium For More Features
171
  */
@@ -191,6 +199,7 @@ class Widget_Eael_Adv_Accordion extends Widget_Base {
191
  ]
192
  );
193
  $this->end_controls_section();
 
194
  /**
195
  * -------------------------------------------
196
  * Tab Style Advance Accordion Generel Style
@@ -199,17 +208,17 @@ class Widget_Eael_Adv_Accordion extends Widget_Base {
199
  $this->start_controls_section(
200
  'eael_section_adv_accordion_style_settings',
201
  [
202
- 'label' => esc_html__( 'General Style', 'essential-addons-elementor' ),
203
- 'tab' => Controls_Manager::TAB_STYLE,
204
  ]
205
  );
206
  $this->add_responsive_control(
207
  'eael_adv_accordion_padding',
208
  [
209
- 'label' => esc_html__( 'Padding', 'essential-addons-elementor' ),
210
- 'type' => Controls_Manager::DIMENSIONS,
211
- 'size_units' => [ 'px', 'em', '%' ],
212
- 'selectors' => [
213
  '{{WRAPPER}} .eael-adv-accordion' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
214
  ],
215
  ]
@@ -217,10 +226,10 @@ class Widget_Eael_Adv_Accordion extends Widget_Base {
217
  $this->add_responsive_control(
218
  'eael_adv_accordion_margin',
219
  [
220
- 'label' => esc_html__( 'Margin', 'essential-addons-elementor' ),
221
- 'type' => Controls_Manager::DIMENSIONS,
222
- 'size_units' => [ 'px', 'em', '%' ],
223
- 'selectors' => [
224
  '{{WRAPPER}} .eael-adv-accordion' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
225
  ],
226
  ]
@@ -228,18 +237,18 @@ class Widget_Eael_Adv_Accordion extends Widget_Base {
228
  $this->add_group_control(
229
  Group_Control_Border::get_type(),
230
  [
231
- 'name' => 'eael_adv_accordion_border',
232
- 'label' => esc_html__( 'Border', 'essential-addons-elementor' ),
233
- 'selector' => '{{WRAPPER}} .eael-adv-accordion',
234
  ]
235
  );
236
  $this->add_responsive_control(
237
  'eael_adv_accordion_border_radius',
238
  [
239
- 'label' => esc_html__( 'Border Radius', 'essential-addons-elementor' ),
240
- 'type' => Controls_Manager::DIMENSIONS,
241
- 'size_units' => [ 'px', 'em', '%' ],
242
- 'selectors' => [
243
  '{{WRAPPER}} .eael-adv-accordion' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
244
  ],
245
  ]
@@ -247,8 +256,8 @@ class Widget_Eael_Adv_Accordion extends Widget_Base {
247
  $this->add_group_control(
248
  Group_Control_Box_Shadow::get_type(),
249
  [
250
- 'name' => 'eael_adv_accordion_box_shadow',
251
- 'selector' => '{{WRAPPER}} .eael-adv-accordion',
252
  ]
253
  );
254
  $this->end_controls_section();
@@ -261,32 +270,32 @@ class Widget_Eael_Adv_Accordion extends Widget_Base {
261
  $this->start_controls_section(
262
  'eael_section_adv_accordions_tab_style_settings',
263
  [
264
- 'label' => esc_html__( 'Tab Style', 'essential-addons-elementor' ),
265
- 'tab' => Controls_Manager::TAB_STYLE,
266
  ]
267
  );
268
  $this->add_group_control(
269
  Group_Control_Typography::get_type(),
270
  [
271
- 'name' => 'eael_adv_accordion_tab_title_typography',
272
- 'selector' => '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header',
273
  ]
274
  );
275
  $this->add_responsive_control(
276
  'eael_adv_accordion_tab_icon_size',
277
  [
278
- 'label' => __( 'Icon Size', 'essential-addons-elementor' ),
279
- 'type' => Controls_Manager::SLIDER,
280
- 'default' => [
281
- 'size' => 16,
282
- 'unit' => 'px',
283
  ],
284
- 'size_units' => [ 'px' ],
285
- 'range' => [
286
- 'px' => [
287
- 'min' => 0,
288
- 'max' => 100,
289
- 'step' => 1,
290
  ]
291
  ],
292
  'selectors' => [
@@ -297,18 +306,18 @@ class Widget_Eael_Adv_Accordion extends Widget_Base {
297
  $this->add_responsive_control(
298
  'eael_adv_accordion_tab_icon_gap',
299
  [
300
- 'label' => __( 'Icon Gap', 'essential-addons-elementor' ),
301
- 'type' => Controls_Manager::SLIDER,
302
- 'default' => [
303
- 'size' => 10,
304
- 'unit' => 'px',
305
  ],
306
- 'size_units' => [ 'px' ],
307
- 'range' => [
308
- 'px' => [
309
- 'min' => 0,
310
- 'max' => 100,
311
- 'step' => 1,
312
  ]
313
  ],
314
  'selectors' => [
@@ -319,10 +328,10 @@ class Widget_Eael_Adv_Accordion extends Widget_Base {
319
  $this->add_responsive_control(
320
  'eael_adv_accordion_tab_padding',
321
  [
322
- 'label' => esc_html__( 'Padding', 'essential-addons-elementor' ),
323
- 'type' => Controls_Manager::DIMENSIONS,
324
- 'size_units' => [ 'px', 'em', '%' ],
325
- 'selectors' => [
326
  '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
327
  ],
328
  ]
@@ -330,23 +339,24 @@ class Widget_Eael_Adv_Accordion extends Widget_Base {
330
  $this->add_responsive_control(
331
  'eael_adv_accordion_tab_margin',
332
  [
333
- 'label' => esc_html__( 'Margin', 'essential-addons-elementor' ),
334
- 'type' => Controls_Manager::DIMENSIONS,
335
- 'size_units' => [ 'px', 'em', '%' ],
336
- 'selectors' => [
337
  '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
338
  ],
339
  ]
340
  );
 
341
  $this->start_controls_tabs( 'eael_adv_accordion_header_tabs' );
342
- // Normal State Tab
343
  $this->start_controls_tab( 'eael_adv_accordion_header_normal', [ 'label' => esc_html__( 'Normal', 'essential-addons-elementor' ) ] );
344
  $this->add_control(
345
  'eael_adv_accordion_tab_color',
346
  [
347
- 'label' => esc_html__( 'Tab Background Color', 'essential-addons-elementor' ),
348
- 'type' => Controls_Manager::COLOR,
349
- 'default' => '#f1f1f1',
350
  'selectors' => [
351
  '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header' => 'background-color: {{VALUE}};',
352
  ],
@@ -355,10 +365,10 @@ class Widget_Eael_Adv_Accordion extends Widget_Base {
355
  $this->add_control(
356
  'eael_adv_accordion_tab_text_color',
357
  [
358
- 'label' => esc_html__( 'Text Color', 'essential-addons-elementor' ),
359
- 'type' => Controls_Manager::COLOR,
360
- 'default' => '#333',
361
- 'selectors' => [
362
  '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header' => 'color: {{VALUE}};',
363
  ],
364
  ]
@@ -366,10 +376,10 @@ class Widget_Eael_Adv_Accordion extends Widget_Base {
366
  $this->add_control(
367
  'eael_adv_accordion_tab_icon_color',
368
  [
369
- 'label' => esc_html__( 'Icon Color', 'essential-addons-elementor' ),
370
- 'type' => Controls_Manager::COLOR,
371
- 'default' => '#333',
372
- 'selectors' => [
373
  '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa' => 'color: {{VALUE}};',
374
  ],
375
  'condition' => [
@@ -380,32 +390,39 @@ class Widget_Eael_Adv_Accordion extends Widget_Base {
380
  $this->add_group_control(
381
  Group_Control_Border::get_type(),
382
  [
383
- 'name' => 'eael_adv_accordion_tab_border',
384
- 'label' => esc_html__( 'Border', 'essential-addons-elementor' ),
385
- 'selector' => '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header',
386
  ]
387
  );
388
  $this->add_responsive_control(
389
  'eael_adv_accordion_tab_border_radius',
390
  [
391
- 'label' => esc_html__( 'Border Radius', 'essential-addons-elementor' ),
392
- 'type' => Controls_Manager::DIMENSIONS,
393
- 'size_units' => [ 'px', 'em', '%' ],
394
- 'selectors' => [
395
  '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
396
  ],
397
  ]
398
  );
399
  $this->end_controls_tab();
400
- // Hover State Tab
401
- $this->start_controls_tab( 'eael_adv_accordion_header_hover', [ 'label' => esc_html__( 'Hover', 'essential-addons-elementor' ) ] );
 
 
 
 
 
 
 
402
  $this->add_control(
403
  'eael_adv_accordion_tab_color_hover',
404
  [
405
- 'label' => esc_html__( 'Tab Background Color', 'essential-addons-elementor' ),
406
- 'type' => Controls_Manager::COLOR,
407
- 'default' => '#414141',
408
- 'selectors' => [
409
  '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover' => 'background-color: {{VALUE}};',
410
  ],
411
  ]
@@ -413,10 +430,10 @@ class Widget_Eael_Adv_Accordion extends Widget_Base {
413
  $this->add_control(
414
  'eael_adv_accordion_tab_text_color_hover',
415
  [
416
- 'label' => esc_html__( 'Text Color', 'essential-addons-elementor' ),
417
- 'type' => Controls_Manager::COLOR,
418
- 'default' => '#fff',
419
- 'selectors' => [
420
  '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover' => 'color: {{VALUE}};',
421
  ],
422
  ]
@@ -424,10 +441,10 @@ class Widget_Eael_Adv_Accordion extends Widget_Base {
424
  $this->add_control(
425
  'eael_adv_accordion_tab_icon_color_hover',
426
  [
427
- 'label' => esc_html__( 'Icon Color', 'essential-addons-elementor' ),
428
- 'type' => Controls_Manager::COLOR,
429
- 'default' => '#fff',
430
- 'selectors' => [
431
  '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover .fa' => 'color: {{VALUE}};',
432
  ],
433
  'condition' => [
@@ -438,31 +455,38 @@ class Widget_Eael_Adv_Accordion extends Widget_Base {
438
  $this->add_group_control(
439
  Group_Control_Border::get_type(),
440
  [
441
- 'name' => 'eael_adv_accordion_tab_border_hover',
442
- 'label' => esc_html__( 'Border', 'essential-addons-elementor' ),
443
- 'selector' => '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover',
444
  ]
445
  );
446
  $this->add_responsive_control(
447
  'eael_adv_accordion_tab_border_radius_hover',
448
  [
449
- 'label' => esc_html__( 'Border Radius', 'essential-addons-elementor' ),
450
- 'type' => Controls_Manager::DIMENSIONS,
451
- 'size_units' => [ 'px', 'em', '%' ],
452
- 'selectors' => [
453
  '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
454
  ],
455
  ]
456
  );
457
  $this->end_controls_tab();
458
- // Active State Tab
459
- $this->start_controls_tab( 'eael_adv_accordion_header_active', [ 'label' => esc_html__( 'Active', 'essential-addons-elementor' ) ] );
 
 
 
 
 
 
 
460
  $this->add_control(
461
  'eael_adv_accordion_tab_color_active',
462
  [
463
- 'label' => esc_html__( 'Tab Background Color', 'essential-addons-elementor' ),
464
- 'type' => Controls_Manager::COLOR,
465
- 'default' => '#444',
466
  'selectors' => [
467
  '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active' => 'background-color: {{VALUE}};',
468
  ],
@@ -471,10 +495,10 @@ class Widget_Eael_Adv_Accordion extends Widget_Base {
471
  $this->add_control(
472
  'eael_adv_accordion_tab_text_color_active',
473
  [
474
- 'label' => esc_html__( 'Text Color', 'essential-addons-elementor' ),
475
- 'type' => Controls_Manager::COLOR,
476
- 'default' => '#fff',
477
- 'selectors' => [
478
  '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active' => 'color: {{VALUE}};',
479
  ],
480
  ]
@@ -482,13 +506,13 @@ class Widget_Eael_Adv_Accordion extends Widget_Base {
482
  $this->add_control(
483
  'eael_adv_accordion_tab_icon_color_active',
484
  [
485
- 'label' => esc_html__( 'Icon Color', 'essential-addons-elementor' ),
486
- 'type' => Controls_Manager::COLOR,
487
- 'default' => '#fff',
488
- 'selectors' => [
489
  '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa' => 'color: {{VALUE}};',
490
  ],
491
- 'condition' => [
492
  'eael_adv_accordion_toggle_icon_show' => 'yes'
493
  ]
494
  ]
@@ -496,25 +520,26 @@ class Widget_Eael_Adv_Accordion extends Widget_Base {
496
  $this->add_group_control(
497
  Group_Control_Border::get_type(),
498
  [
499
- 'name' => 'eael_adv_accordion_tab_border_active',
500
- 'label' => esc_html__( 'Border', 'essential-addons-elementor' ),
501
- 'selector' => '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active',
502
  ]
503
  );
504
  $this->add_responsive_control(
505
  'eael_adv_accordion_tab_border_radius_active',
506
  [
507
- 'label' => esc_html__( 'Border Radius', 'essential-addons-elementor' ),
508
- 'type' => Controls_Manager::DIMENSIONS,
509
- 'size_units' => [ 'px', 'em', '%' ],
510
- 'selectors' => [
511
  '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
512
  ],
513
  ]
514
  );
515
  $this->end_controls_tab();
516
  $this->end_controls_tabs();
517
- $this->end_controls_section();
 
518
  /**
519
  * -------------------------------------------
520
  * Tab Style Advance Accordion Content Style
@@ -523,27 +548,29 @@ class Widget_Eael_Adv_Accordion extends Widget_Base {
523
  $this->start_controls_section(
524
  'eael_section_adv_accordion_tab_content_style_settings',
525
  [
526
- 'label' => esc_html__( 'Content Style', 'essential-addons-elementor' ),
527
- 'tab' => Controls_Manager::TAB_STYLE,
528
  ]
529
  );
 
530
  $this->add_control(
531
  'adv_accordion_content_bg_color',
532
  [
533
- 'label' => esc_html__( 'Background Color', 'essential-addons-elementor' ),
534
- 'type' => Controls_Manager::COLOR,
535
- 'default' => '',
536
- 'selectors' => [
537
  '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-content' => 'background-color: {{VALUE}};',
538
  ],
539
  ]
540
  );
 
541
  $this->add_control(
542
  'adv_accordion_content_text_color',
543
  [
544
- 'label' => esc_html__( 'Text Color', 'essential-addons-elementor' ),
545
- 'type' => Controls_Manager::COLOR,
546
- 'default' => '#333',
547
  'selectors' => [
548
  '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-content' => 'color: {{VALUE}};',
549
  ],
@@ -552,17 +579,17 @@ class Widget_Eael_Adv_Accordion extends Widget_Base {
552
  $this->add_group_control(
553
  Group_Control_Typography::get_type(),
554
  [
555
- 'name' => 'eael_adv_accordion_content_typography',
556
- 'selector' => '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-content',
557
  ]
558
  );
559
  $this->add_responsive_control(
560
  'eael_adv_accordion_content_padding',
561
  [
562
- 'label' => esc_html__( 'Padding', 'essential-addons-elementor' ),
563
- 'type' => Controls_Manager::DIMENSIONS,
564
- 'size_units' => [ 'px', 'em', '%' ],
565
- 'selectors' => [
566
  '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-content' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
567
  ],
568
  ]
@@ -570,10 +597,10 @@ class Widget_Eael_Adv_Accordion extends Widget_Base {
570
  $this->add_responsive_control(
571
  'eael_adv_accordion_content_margin',
572
  [
573
- 'label' => esc_html__( 'Margin', 'essential-addons-elementor' ),
574
- 'type' => Controls_Manager::DIMENSIONS,
575
- 'size_units' => [ 'px', 'em', '%' ],
576
- 'selectors' => [
577
  '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-content' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
578
  ],
579
  ]
@@ -581,17 +608,17 @@ class Widget_Eael_Adv_Accordion extends Widget_Base {
581
  $this->add_group_control(
582
  Group_Control_Border::get_type(),
583
  [
584
- 'name' => 'eael_adv_accordion_content_border',
585
- 'label' => esc_html__( 'Border', 'essential-addons-elementor' ),
586
- 'selector' => '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-content',
587
  ]
588
  );
589
  $this->add_group_control(
590
  Group_Control_Box_Shadow::get_type(),
591
  [
592
- 'name' => 'eael_adv_accordion_content_shadow',
593
- 'selector' => '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-content',
594
- 'separator' => 'before'
595
  ]
596
  );
597
  $this->end_controls_section();
@@ -602,26 +629,26 @@ class Widget_Eael_Adv_Accordion extends Widget_Base {
602
  $this->start_controls_section(
603
  'eael_section_adv_accordion_caret_settings',
604
  [
605
- 'label' => esc_html__( 'Toggle Caret Style', 'essential-addons-elementor' ),
606
- 'tab' => Controls_Manager::TAB_STYLE,
607
  ]
608
  );
609
 
610
  $this->add_responsive_control(
611
  'eael_adv_accordion_tab_toggle_icon_size',
612
  [
613
- 'label' => __( 'Icon Size', 'essential-addons-elementor' ),
614
- 'type' => Controls_Manager::SLIDER,
615
- 'default' => [
616
- 'size' => 16,
617
- 'unit' => 'px',
618
  ],
619
- 'size_units' => [ 'px' ],
620
- 'range' => [
621
- 'px' => [
622
- 'min' => 0,
623
- 'max' => 100,
624
- 'step' => 1,
625
  ]
626
  ],
627
  'selectors' => [
@@ -635,13 +662,13 @@ class Widget_Eael_Adv_Accordion extends Widget_Base {
635
  $this->add_control(
636
  'eael_adv_tabs_tab_toggle_color',
637
  [
638
- 'label' => esc_html__( 'Caret Color', 'essential-addons-elementor' ),
639
- 'type' => Controls_Manager::COLOR,
640
- 'default' => '#444',
641
- 'selectors' => [
642
  '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-toggle' => 'color: {{VALUE}};',
643
  ],
644
- 'condition' => [
645
  'eael_adv_accordion_icon_show' => 'yes'
646
  ]
647
  ]
@@ -649,10 +676,10 @@ class Widget_Eael_Adv_Accordion extends Widget_Base {
649
  $this->add_control(
650
  'eael_adv_tabs_tab_toggle_active_color',
651
  [
652
- 'label' => esc_html__( 'Caret Color (Active)', 'essential-addons-elementor' ),
653
- 'type' => Controls_Manager::COLOR,
654
- 'default' => '#fff',
655
- 'selectors' => [
656
  '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-toggle' => 'color: {{VALUE}};',
657
  '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list:hover .eael-accordion-header .fa-toggle' => 'color: {{VALUE}};',
658
  ],
@@ -666,15 +693,59 @@ class Widget_Eael_Adv_Accordion extends Widget_Base {
666
 
667
  protected function render() {
668
 
669
- $settings = $this->get_settings_for_display();
 
 
 
 
670
  ?>
671
- <div class="eael-adv-accordion" id="eael-adv-accordion-<?php echo esc_attr( $this->get_id() ); ?>">
672
- <?php foreach( $settings['eael_adv_accordion_tab'] as $tab ) : ?>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
673
  <div class="eael-accordion-list">
674
- <div class="eael-accordion-header<?php if( $tab['eael_adv_accordion_tab_default_active'] == 'yes' ) : echo ' active-default'; endif; ?>">
675
- <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; ?>
 
 
 
676
  </div>
677
- <div class="eael-accordion-content clearfix<?php if( $tab['eael_adv_accordion_tab_default_active'] == 'yes' ) : echo ' active-default'; endif; ?>">
 
678
  <?php if( 'content' == $tab['eael_adv_accordion_text_type'] ) : ?>
679
  <p><?php echo do_shortcode($tab['eael_adv_accordion_tab_content']); ?></p>
680
  <?php elseif( 'template' == $tab['eael_adv_accordion_text_type'] ) :
@@ -685,58 +756,14 @@ class Widget_Eael_Adv_Accordion extends Widget_Base {
685
  }
686
  endif; ?>
687
  </div>
 
688
  </div>
689
  <?php endforeach; ?>
690
  </div>
691
- <script>
692
- jQuery(document).ready(function($) {
693
- var $eaelAdvAccordion = $('#eael-adv-accordion-<?php echo esc_attr( $this->get_id() ); ?>');
694
- var $eaelAccordionList = $eaelAdvAccordion.find('.eael-accordion-list');
695
- var $eaelAccordionListHeader = $eaelAdvAccordion.find('.eael-accordion-list .eael-accordion-header');
696
- var $eaelAccordioncontent = $eaelAdvAccordion.find('.eael-accordion-content');
697
- $eaelAccordionList.each(function(i) {
698
- if( $(this).find('.eael-accordion-header').hasClass('active-default') ) {
699
- $(this).find('.eael-accordion-header').addClass('active');
700
- $(this).find('.eael-accordion-content').addClass('active').css('display', 'block').slideDown(<?php echo esc_attr( $settings['eael_adv_accordion_toggle_speed'] ); ?>);
701
- }
702
- });
703
- <?php if( 'accordion' == $settings['eael_adv_accordion_type'] ) : ?>
704
- $eaelAccordionListHeader.on('click', function() {
705
- // Check if 'active' class is already exists
706
- if( $(this).hasClass('active') ) {
707
- $(this).removeClass('active');
708
- $(this).next('.eael-accordion-content').removeClass('active').slideUp(<?php echo esc_attr( $settings['eael_adv_accordion_toggle_speed'] ); ?>);
709
- }else {
710
- $eaelAccordionListHeader.removeClass('active');
711
- $eaelAccordionListHeader.next('.eael-accordion-content').removeClass('active').slideUp(<?php echo esc_attr( $settings['eael_adv_accordion_toggle_speed'] ); ?>);
712
-
713
- $(this).toggleClass('active');
714
- $(this).next('.eael-accordion-content').slideToggle(<?php echo esc_attr( $settings['eael_adv_accordion_toggle_speed'] ); ?>, function() {
715
- $(this).toggleClass('active');
716
- });
717
- }
718
- });
719
- <?php endif; ?>
720
- <?php if( 'toggle' == $settings['eael_adv_accordion_type'] ) : ?>
721
- $eaelAccordionListHeader.on('click', function() {
722
- // Check if 'active' class is already exists
723
- if( $(this).hasClass('active') ) {
724
- $(this).removeClass('active');
725
- $(this).next('.eael-accordion-content').removeClass('active').slideUp(<?php echo esc_attr( $settings['eael_adv_accordion_toggle_speed'] ); ?>);
726
- }else {
727
- $(this).toggleClass('active');
728
- $(this).next('.eael-accordion-content').slideToggle(<?php echo esc_attr( $settings['eael_adv_accordion_toggle_speed'] ); ?>, function() {
729
- $(this).toggleClass('active');
730
- });
731
- }
732
- });
733
- <?php endif; ?>
734
- });
735
- </script>
736
  <?php
737
  }
738
 
739
- protected function content_template() {}
740
  }
741
 
742
 
17
  return 'eicon-accordion';
18
  }
19
 
20
+ public function get_script_depends() {
21
+ return [
22
+ 'eael-scripts'
23
+ ];
24
+ }
25
+
26
  public function get_categories() {
27
  return [ 'essential-addons-elementor' ];
28
  }
40
  $this->add_control(
41
  'eael_adv_accordion_type',
42
  [
43
+ 'label' => esc_html__( 'Accordion Type', 'essential-addons-elementor' ),
44
  'type' => Controls_Manager::SELECT,
45
  'default' => 'accordion',
46
  'label_block' => false,
53
  $this->add_control(
54
  'eael_adv_accordion_icon_show',
55
  [
56
+ 'label' => esc_html__( 'Enable Toggle Icon', 'essential-addons-elementor' ),
57
+ 'type' => Controls_Manager::SWITCHER,
58
+ 'default' => 'yes',
59
+ 'return_value' => 'yes',
60
  ]
61
  );
62
  $this->add_control(
63
  'eael_adv_accordion_icon',
64
  [
65
+ 'label' => esc_html__( 'Toggle Icon', 'essential-addons-elementor' ),
66
+ 'type' => Controls_Manager::ICON,
67
+ 'default' => 'fa fa-angle-right',
68
+ 'include' => [
69
  'fa fa-angle-right',
70
  'fa fa-angle-double-right',
71
  'fa fa-chevron-right',
81
  $this->add_control(
82
  'eael_adv_accordion_toggle_speed',
83
  [
84
+ 'label' => esc_html__( 'Toggle Speed (ms)', 'essential-addons-elementor' ),
85
+ 'type' => Controls_Manager::NUMBER,
86
+ 'label_block' => false,
87
+ 'default' => 300,
88
  ]
89
  );
90
+ $this->end_controls_section();
91
+
92
  /**
93
  * Advance Accordion Content Settings
94
  */
101
  $this->add_control(
102
  'eael_adv_accordion_tab',
103
  [
104
+ 'type' => Controls_Manager::REPEATER,
105
+ 'seperator' => 'before',
106
+ 'default' => [
107
  [ 'eael_adv_accordion_tab_title' => esc_html__( 'Accordion Tab Title 1', 'essential-addons-elementor' ) ],
108
  [ 'eael_adv_accordion_tab_title' => esc_html__( 'Accordion Tab Title 2', 'essential-addons-elementor' ) ],
109
  [ 'eael_adv_accordion_tab_title' => esc_html__( 'Accordion Tab Title 3', 'essential-addons-elementor' ) ],
110
  ],
111
  'fields' => [
112
  [
113
+ 'name' => 'eael_adv_accordion_tab_default_active',
114
+ 'label' => esc_html__( 'Active as Default', 'essential-addons-elementor' ),
115
+ 'type' => Controls_Manager::SWITCHER,
116
+ 'default' => 'no',
117
  'return_value' => 'yes',
118
  ],
119
  [
120
+ 'name' => 'eael_adv_accordion_tab_icon_show',
121
+ 'label' => esc_html__( 'Enable Tab Icon', 'essential-addons-elementor' ),
122
+ 'type' => Controls_Manager::SWITCHER,
123
+ 'default' => 'yes',
124
  'return_value' => 'yes',
125
  ],
126
  [
127
+ 'name' => 'eael_adv_accordion_tab_title_icon',
128
+ 'label' => esc_html__( 'Icon', 'essential-addons-elementor' ),
129
+ 'type' => Controls_Manager::ICON,
130
+ 'default' => 'fa fa-plus',
131
  'condition' => [
132
  'eael_adv_accordion_tab_icon_show' => 'yes'
133
  ]
134
  ],
135
  [
136
+ 'name' => 'eael_adv_accordion_tab_title',
137
+ 'label' => esc_html__( 'Tab Title', 'essential-addons-elementor' ),
138
+ 'type' => Controls_Manager::TEXT,
139
+ 'default' => esc_html__( 'Tab Title', 'essential-addons-elementor' ),
140
+ 'dynamic' => [ 'active' => true ]
141
  ],
142
  [
143
  'name' => 'eael_adv_accordion_text_type',
159
  ],
160
  ],
161
  [
162
+ 'name' => 'eael_adv_accordion_tab_content',
163
+ 'label' => esc_html__( 'Tab Content', 'essential-addons-elementor' ),
164
+ 'type' => Controls_Manager::WYSIWYG,
165
+ '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' ),
166
+ 'dynamic' => [ 'active' => true ],
167
+ 'condition' => [
168
+ 'eael_adv_accordion_text_type' => 'content',
169
  ],
170
  ],
171
  ],
173
  ]
174
  );
175
  $this->end_controls_section();
176
+
177
  /**
178
  * Go Premium For More Features
179
  */
199
  ]
200
  );
201
  $this->end_controls_section();
202
+
203
  /**
204
  * -------------------------------------------
205
  * Tab Style Advance Accordion Generel Style
208
  $this->start_controls_section(
209
  'eael_section_adv_accordion_style_settings',
210
  [
211
+ 'label' => esc_html__( 'General Style', 'essential-addons-elementor' ),
212
+ 'tab' => Controls_Manager::TAB_STYLE,
213
  ]
214
  );
215
  $this->add_responsive_control(
216
  'eael_adv_accordion_padding',
217
  [
218
+ 'label' => esc_html__( 'Padding', 'essential-addons-elementor' ),
219
+ 'type' => Controls_Manager::DIMENSIONS,
220
+ 'size_units' => [ 'px', 'em', '%' ],
221
+ 'selectors' => [
222
  '{{WRAPPER}} .eael-adv-accordion' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
223
  ],
224
  ]
226
  $this->add_responsive_control(
227
  'eael_adv_accordion_margin',
228
  [
229
+ 'label' => esc_html__( 'Margin', 'essential-addons-elementor' ),
230
+ 'type' => Controls_Manager::DIMENSIONS,
231
+ 'size_units' => [ 'px', 'em', '%' ],
232
+ 'selectors' => [
233
  '{{WRAPPER}} .eael-adv-accordion' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
234
  ],
235
  ]
237
  $this->add_group_control(
238
  Group_Control_Border::get_type(),
239
  [
240
+ 'name' => 'eael_adv_accordion_border',
241
+ 'label' => esc_html__( 'Border', 'essential-addons-elementor' ),
242
+ 'selector' => '{{WRAPPER}} .eael-adv-accordion',
243
  ]
244
  );
245
  $this->add_responsive_control(
246
  'eael_adv_accordion_border_radius',
247
  [
248
+ 'label' => esc_html__( 'Border Radius', 'essential-addons-elementor' ),
249
+ 'type' => Controls_Manager::DIMENSIONS,
250
+ 'size_units' => [ 'px', 'em', '%' ],
251
+ 'selectors' => [
252
  '{{WRAPPER}} .eael-adv-accordion' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
253
  ],
254
  ]
256
  $this->add_group_control(
257
  Group_Control_Box_Shadow::get_type(),
258
  [
259
+ 'name' => 'eael_adv_accordion_box_shadow',
260
+ 'selector' => '{{WRAPPER}} .eael-adv-accordion',
261
  ]
262
  );
263
  $this->end_controls_section();
270
  $this->start_controls_section(
271
  'eael_section_adv_accordions_tab_style_settings',
272
  [
273
+ 'label' => esc_html__( 'Tab Style', 'essential-addons-elementor' ),
274
+ 'tab' => Controls_Manager::TAB_STYLE,
275
  ]
276
  );
277
  $this->add_group_control(
278
  Group_Control_Typography::get_type(),
279
  [
280
+ 'name' => 'eael_adv_accordion_tab_title_typography',
281
+ 'selector' => '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header',
282
  ]
283
  );
284
  $this->add_responsive_control(
285
  'eael_adv_accordion_tab_icon_size',
286
  [
287
+ 'label' => __( 'Icon Size', 'essential-addons-elementor' ),
288
+ 'type' => Controls_Manager::SLIDER,
289
+ 'default' => [
290
+ 'size' => 16,
291
+ 'unit' => 'px',
292
  ],
293
+ 'size_units' => [ 'px' ],
294
+ 'range' => [
295
+ 'px' => [
296
+ 'min' => 0,
297
+ 'max' => 100,
298
+ 'step' => 1,
299
  ]
300
  ],
301
  'selectors' => [
306
  $this->add_responsive_control(
307
  'eael_adv_accordion_tab_icon_gap',
308
  [
309
+ 'label' => __( 'Icon Gap', 'essential-addons-elementor' ),
310
+ 'type' => Controls_Manager::SLIDER,
311
+ 'default' => [
312
+ 'size' => 10,
313
+ 'unit' => 'px',
314
  ],
315
+ 'size_units' => [ 'px' ],
316
+ 'range' => [
317
+ 'px' => [
318
+ 'min' => 0,
319
+ 'max' => 100,
320
+ 'step' => 1,
321
  ]
322
  ],
323
  'selectors' => [
328
  $this->add_responsive_control(
329
  'eael_adv_accordion_tab_padding',
330
  [
331
+ 'label' => esc_html__( 'Padding', 'essential-addons-elementor' ),
332
+ 'type' => Controls_Manager::DIMENSIONS,
333
+ 'size_units' => [ 'px', 'em', '%' ],
334
+ 'selectors' => [
335
  '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
336
  ],
337
  ]
339
  $this->add_responsive_control(
340
  'eael_adv_accordion_tab_margin',
341
  [
342
+ 'label' => esc_html__( 'Margin', 'essential-addons-elementor' ),
343
+ 'type' => Controls_Manager::DIMENSIONS,
344
+ 'size_units' => [ 'px', 'em', '%' ],
345
+ 'selectors' => [
346
  '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
347
  ],
348
  ]
349
  );
350
+
351
  $this->start_controls_tabs( 'eael_adv_accordion_header_tabs' );
352
+ # Normal State Tab
353
  $this->start_controls_tab( 'eael_adv_accordion_header_normal', [ 'label' => esc_html__( 'Normal', 'essential-addons-elementor' ) ] );
354
  $this->add_control(
355
  'eael_adv_accordion_tab_color',
356
  [
357
+ 'label' => esc_html__( 'Tab Background Color', 'essential-addons-elementor' ),
358
+ 'type' => Controls_Manager::COLOR,
359
+ 'default' => '#f1f1f1',
360
  'selectors' => [
361
  '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header' => 'background-color: {{VALUE}};',
362
  ],
365
  $this->add_control(
366
  'eael_adv_accordion_tab_text_color',
367
  [
368
+ 'label' => esc_html__( 'Text Color', 'essential-addons-elementor' ),
369
+ 'type' => Controls_Manager::COLOR,
370
+ 'default' => '#333',
371
+ 'selectors' => [
372
  '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header' => 'color: {{VALUE}};',
373
  ],
374
  ]
376
  $this->add_control(
377
  'eael_adv_accordion_tab_icon_color',
378
  [
379
+ 'label' => esc_html__( 'Icon Color', 'essential-addons-elementor' ),
380
+ 'type' => Controls_Manager::COLOR,
381
+ 'default' => '#333',
382
+ 'selectors' => [
383
  '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa' => 'color: {{VALUE}};',
384
  ],
385
  'condition' => [
390
  $this->add_group_control(
391
  Group_Control_Border::get_type(),
392
  [
393
+ 'name' => 'eael_adv_accordion_tab_border',
394
+ 'label' => esc_html__( 'Border', 'essential-addons-elementor' ),
395
+ 'selector' => '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header',
396
  ]
397
  );
398
  $this->add_responsive_control(
399
  'eael_adv_accordion_tab_border_radius',
400
  [
401
+ 'label' => esc_html__( 'Border Radius', 'essential-addons-elementor' ),
402
+ 'type' => Controls_Manager::DIMENSIONS,
403
+ 'size_units' => [ 'px', 'em', '%' ],
404
+ 'selectors' => [
405
  '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
406
  ],
407
  ]
408
  );
409
  $this->end_controls_tab();
410
+
411
+ # Hover State Tab
412
+ $this->start_controls_tab(
413
+ 'eael_adv_accordion_header_hover',
414
+ [
415
+ 'label' => esc_html__( 'Hover', 'essential-addons-elementor' )
416
+ ]
417
+ );
418
+
419
  $this->add_control(
420
  'eael_adv_accordion_tab_color_hover',
421
  [
422
+ 'label' => esc_html__( 'Tab Background Color', 'essential-addons-elementor' ),
423
+ 'type' => Controls_Manager::COLOR,
424
+ 'default' => '#414141',
425
+ 'selectors' => [
426
  '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover' => 'background-color: {{VALUE}};',
427
  ],
428
  ]
430
  $this->add_control(
431
  'eael_adv_accordion_tab_text_color_hover',
432
  [
433
+ 'label' => esc_html__( 'Text Color', 'essential-addons-elementor' ),
434
+ 'type' => Controls_Manager::COLOR,
435
+ 'default' => '#fff',
436
+ 'selectors' => [
437
  '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover' => 'color: {{VALUE}};',
438
  ],
439
  ]
441
  $this->add_control(
442
  'eael_adv_accordion_tab_icon_color_hover',
443
  [
444
+ 'label' => esc_html__( 'Icon Color', 'essential-addons-elementor' ),
445
+ 'type' => Controls_Manager::COLOR,
446
+ 'default' => '#fff',
447
+ 'selectors' => [
448
  '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover .fa' => 'color: {{VALUE}};',
449
  ],
450
  'condition' => [
455
  $this->add_group_control(
456
  Group_Control_Border::get_type(),
457
  [
458
+ 'name' => 'eael_adv_accordion_tab_border_hover',
459
+ 'label' => esc_html__( 'Border', 'essential-addons-elementor' ),
460
+ 'selector' => '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover',
461
  ]
462
  );
463
  $this->add_responsive_control(
464
  'eael_adv_accordion_tab_border_radius_hover',
465
  [
466
+ 'label' => esc_html__( 'Border Radius', 'essential-addons-elementor' ),
467
+ 'type' => Controls_Manager::DIMENSIONS,
468
+ 'size_units' => [ 'px', 'em', '%' ],
469
+ 'selectors' => [
470
  '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
471
  ],
472
  ]
473
  );
474
  $this->end_controls_tab();
475
+
476
+ #Active State Tab
477
+ $this->start_controls_tab(
478
+ 'eael_adv_accordion_header_active',
479
+ [
480
+ 'label' => esc_html__( 'Active', 'essential-addons-elementor' )
481
+ ]
482
+ );
483
+
484
  $this->add_control(
485
  'eael_adv_accordion_tab_color_active',
486
  [
487
+ 'label' => esc_html__( 'Tab Background Color', 'essential-addons-elementor' ),
488
+ 'type' => Controls_Manager::COLOR,
489
+ 'default' => '#444',
490
  'selectors' => [
491
  '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active' => 'background-color: {{VALUE}};',
492
  ],
495
  $this->add_control(
496
  'eael_adv_accordion_tab_text_color_active',
497
  [
498
+ 'label' => esc_html__( 'Text Color', 'essential-addons-elementor' ),
499
+ 'type' => Controls_Manager::COLOR,
500
+ 'default' => '#fff',
501
+ 'selectors' => [
502
  '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active' => 'color: {{VALUE}};',
503
  ],
504
  ]
506
  $this->add_control(
507
  'eael_adv_accordion_tab_icon_color_active',
508
  [
509
+ 'label' => esc_html__( 'Icon Color', 'essential-addons-elementor' ),
510
+ 'type' => Controls_Manager::COLOR,
511
+ 'default' => '#fff',
512
+ 'selectors' => [
513
  '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa' => 'color: {{VALUE}};',
514
  ],
515
+ 'condition' => [
516
  'eael_adv_accordion_toggle_icon_show' => 'yes'
517
  ]
518
  ]
520
  $this->add_group_control(
521
  Group_Control_Border::get_type(),
522
  [
523
+ 'name' => 'eael_adv_accordion_tab_border_active',
524
+ 'label' => esc_html__( 'Border', 'essential-addons-elementor' ),
525
+ 'selector' => '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active',
526
  ]
527
  );
528
  $this->add_responsive_control(
529
  'eael_adv_accordion_tab_border_radius_active',
530
  [
531
+ 'label' => esc_html__( 'Border Radius', 'essential-addons-elementor' ),
532
+ 'type' => Controls_Manager::DIMENSIONS,
533
+ 'size_units' => [ 'px', 'em', '%' ],
534
+ 'selectors' => [
535
  '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
536
  ],
537
  ]
538
  );
539
  $this->end_controls_tab();
540
  $this->end_controls_tabs();
541
+ $this->end_controls_section();
542
+
543
  /**
544
  * -------------------------------------------
545
  * Tab Style Advance Accordion Content Style
548
  $this->start_controls_section(
549
  'eael_section_adv_accordion_tab_content_style_settings',
550
  [
551
+ 'label' => esc_html__( 'Content Style', 'essential-addons-elementor' ),
552
+ 'tab' => Controls_Manager::TAB_STYLE,
553
  ]
554
  );
555
+
556
  $this->add_control(
557
  'adv_accordion_content_bg_color',
558
  [
559
+ 'label' => esc_html__( 'Background Color', 'essential-addons-elementor' ),
560
+ 'type' => Controls_Manager::COLOR,
561
+ 'default' => '',
562
+ 'selectors' => [
563
  '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-content' => 'background-color: {{VALUE}};',
564
  ],
565
  ]
566
  );
567
+
568
  $this->add_control(
569
  'adv_accordion_content_text_color',
570
  [
571
+ 'label' => esc_html__( 'Text Color', 'essential-addons-elementor' ),
572
+ 'type' => Controls_Manager::COLOR,
573
+ 'default' => '#333',
574
  'selectors' => [
575
  '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-content' => 'color: {{VALUE}};',
576
  ],
579
  $this->add_group_control(
580
  Group_Control_Typography::get_type(),
581
  [
582
+ 'name' => 'eael_adv_accordion_content_typography',
583
+ 'selector' => '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-content',
584
  ]
585
  );
586
  $this->add_responsive_control(
587
  'eael_adv_accordion_content_padding',
588
  [
589
+ 'label' => esc_html__( 'Padding', 'essential-addons-elementor' ),
590
+ 'type' => Controls_Manager::DIMENSIONS,
591
+ 'size_units' => [ 'px', 'em', '%' ],
592
+ 'selectors' => [
593
  '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-content' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
594
  ],
595
  ]
597
  $this->add_responsive_control(
598
  'eael_adv_accordion_content_margin',
599
  [
600
+ 'label' => esc_html__( 'Margin', 'essential-addons-elementor' ),
601
+ 'type' => Controls_Manager::DIMENSIONS,
602
+ 'size_units' => [ 'px', 'em', '%' ],
603
+ 'selectors' => [
604
  '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-content' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
605
  ],
606
  ]
608
  $this->add_group_control(
609
  Group_Control_Border::get_type(),
610
  [
611
+ 'name' => 'eael_adv_accordion_content_border',
612
+ 'label' => esc_html__( 'Border', 'essential-addons-elementor' ),
613
+ 'selector' => '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-content',
614
  ]
615
  );
616
  $this->add_group_control(
617
  Group_Control_Box_Shadow::get_type(),
618
  [
619
+ 'name' => 'eael_adv_accordion_content_shadow',
620
+ 'selector' => '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-content',
621
+ 'separator' => 'before'
622
  ]
623
  );
624
  $this->end_controls_section();
629
  $this->start_controls_section(
630
  'eael_section_adv_accordion_caret_settings',
631
  [
632
+ 'label' => esc_html__( 'Toggle Caret Style', 'essential-addons-elementor' ),
633
+ 'tab' => Controls_Manager::TAB_STYLE,
634
  ]
635
  );
636
 
637
  $this->add_responsive_control(
638
  'eael_adv_accordion_tab_toggle_icon_size',
639
  [
640
+ 'label' => __( 'Icon Size', 'essential-addons-elementor' ),
641
+ 'type' => Controls_Manager::SLIDER,
642
+ 'default' => [
643
+ 'size' => 16,
644
+ 'unit' => 'px',
645
  ],
646
+ 'size_units' => [ 'px' ],
647
+ 'range' => [
648
+ 'px' => [
649
+ 'min' => 0,
650
+ 'max' => 100,
651
+ 'step' => 1,
652
  ]
653
  ],
654
  'selectors' => [
662
  $this->add_control(
663
  'eael_adv_tabs_tab_toggle_color',
664
  [
665
+ 'label' => esc_html__( 'Caret Color', 'essential-addons-elementor' ),
666
+ 'type' => Controls_Manager::COLOR,
667
+ 'default' => '#444',
668
+ 'selectors' => [
669
  '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-toggle' => 'color: {{VALUE}};',
670
  ],
671
+ 'condition' => [
672
  'eael_adv_accordion_icon_show' => 'yes'
673
  ]
674
  ]
676
  $this->add_control(
677
  'eael_adv_tabs_tab_toggle_active_color',
678
  [
679
+ 'label' => esc_html__( 'Caret Color (Active)', 'essential-addons-elementor' ),
680
+ 'type' => Controls_Manager::COLOR,
681
+ 'default' => '#fff',
682
+ 'selectors' => [
683
  '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-toggle' => 'color: {{VALUE}};',
684
  '{{WRAPPER}} .eael-adv-accordion .eael-accordion-list:hover .eael-accordion-header .fa-toggle' => 'color: {{VALUE}};',
685
  ],
693
 
694
  protected function render() {
695
 
696
+ $settings = $this->get_settings_for_display();
697
+ $id_int = substr( $this->get_id_int(), 0, 3 );
698
+
699
+ $this->add_render_attribute( 'eael-adv-accordion', 'class', 'eael-adv-accordion' );
700
+ $this->add_render_attribute( 'eael-adv-accordion', 'id', 'eael-adv-accordion-'.esc_attr( $this->get_id() ));
701
  ?>
702
+ <div
703
+ <?php echo $this->get_render_attribute_string('eael-adv-accordion'); ?>
704
+ <?php echo 'data-accordion-id="'.esc_attr($this->get_id()).'"'; ?>
705
+ <?php echo ! empty($settings['eael_adv_accordion_type']) ? 'data-accordion-type="'.esc_attr($settings['eael_adv_accordion_type']).'"' : 'accordion'; ?>
706
+ <?php echo ! empty($settings['eael_adv_accordion_toggle_speed']) ? 'data-toogle-speed="'.esc_attr($settings['eael_adv_accordion_toggle_speed']).'"' : '300'; ?>
707
+ >
708
+ <?php
709
+ foreach( $settings['eael_adv_accordion_tab'] as $index => $tab ) :
710
+
711
+ $tab_count = $index+1;
712
+ $tab_title_setting_key = $this->get_repeater_setting_key('eael_adv_accordion_tab_title', 'eael_adv_accordion_tab', $index);
713
+ $tab_content_setting_key = $this->get_repeater_setting_key('eael_adv_accordion_tab_content', 'eael_adv_accordion_tab', $index);
714
+
715
+ $tab_title_class = ['elementor-tab-title', 'eael-accordion-header'];
716
+ $tab_content_class = ['eael-accordion-content', 'clearfix'];
717
+
718
+ if($tab['eael_adv_accordion_tab_default_active'] == 'yes') {
719
+ $tab_title_class[] = 'active-default';
720
+ $tab_content_class[] = 'active-default';
721
+ }
722
+
723
+ $this->add_render_attribute( $tab_title_setting_key, [
724
+ 'id' => 'elementor-tab-title-' . $id_int . $tab_count,
725
+ 'class' => $tab_title_class,
726
+ 'tabindex' => $id_int . $tab_count,
727
+ 'data-tab' => $tab_count,
728
+ 'role' => 'tab',
729
+ 'aria-controls' => 'elementor-tab-content-' . $id_int . $tab_count,
730
+ ]);
731
+
732
+ $this->add_render_attribute( $tab_content_setting_key, [
733
+ 'id' => 'elementor-tab-content-' . $id_int . $tab_count,
734
+ 'class' => $tab_content_class,
735
+ 'data-tab' => $tab_count,
736
+ 'role' => 'tabpanel',
737
+ 'aria-labelledby' => 'elementor-tab-title-' . $id_int . $tab_count,
738
+ ] );
739
+ ?>
740
  <div class="eael-accordion-list">
741
+
742
+ <div <?php echo $this->get_render_attribute_string($tab_title_setting_key); ?>>
743
+ <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>
744
+ <?php if( $settings['eael_adv_accordion_icon_show'] === 'yes' ) : ?><i class="<?php echo esc_attr( $settings['eael_adv_accordion_icon'] ); ?> fa-toggle"></i>
745
+ <?php endif; ?>
746
  </div>
747
+
748
+ <div <?php echo $this->get_render_attribute_string($tab_content_setting_key); ?>>
749
  <?php if( 'content' == $tab['eael_adv_accordion_text_type'] ) : ?>
750
  <p><?php echo do_shortcode($tab['eael_adv_accordion_tab_content']); ?></p>
751
  <?php elseif( 'template' == $tab['eael_adv_accordion_text_type'] ) :
756
  }
757
  endif; ?>
758
  </div>
759
+
760
  </div>
761
  <?php endforeach; ?>
762
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
763
  <?php
764
  }
765
 
766
+ protected function _content_template() { }
767
  }
768
 
769
 
elements/data-table/data-table.php CHANGED
File without changes
essential_adons_elementor.php CHANGED
@@ -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: WPDeveloper
7
- * Version: 2.7.10
8
  * Author URI: https://wpdeveloper.net/
9
  *
10
  * Text Domain: essential-addons-elementor
4
  * Description: The ultimate elements library for Elementor page builder plugin for WordPress.
5
  * Plugin URI: https://essential-addons.com/elementor/
6
  * Author: WPDeveloper
7
+ * Version: 2.7.11
8
  * Author URI: https://wpdeveloper.net/
9
  *
10
  * Text Domain: essential-addons-elementor
readme.txt CHANGED
@@ -1,10 +1,10 @@
1
- === Elementor Essential Addons ===
2
  Contributors: Codetic, re_enter_rupok, Asif2BD, robicse11128, priyomukul, mahfuz01, manik08cse
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.8
6
  Requires PHP: 5.4
7
- Stable tag: 2.7.10
8
  License: GPLv3
9
  License URI: https://opensource.org/licenses/GPL-3.0
10
 
@@ -12,84 +12,95 @@ Ultimate elements library for Elementor WordPress Page Builder. 54+ Premium elem
12
 
13
  == Description ==
14
 
15
- Ultimate elements library for Elementor WordPress Page Builder. Lots of useful and premium elements to complete your website quickly. Stunning design and neat and clean code. Option to enable/disable certain elements to improve page loading. No extra resources to slow down your website.
16
 
17
 
18
  [Check the Demos](https://essential-addons.com/elementor/)
19
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
20
  ### [Elementor](https://wordpress.org/plugins/elementor/) page builder is required for this plugin.
21
 
22
- ### Features
23
-
24
- * 28+ Stunning Elements (Free)
25
- * Fully Customizable
26
- * Unlimited Design Options
27
- * Elements Control option
28
- * Lightweight and Fast
29
- * Extra-ordinary support
30
-
31
- >You can enable/disable certain elements and that will eliminate all associated assets of disabled elements. So it won't slow down your website.
32
-
33
- ### Available Elements (Free)
34
-
35
- * [Post Grid](https://essential-addons.com/elementor/post-grid/)
36
- * [Post Timeline](https://essential-addons.com/elementor/post-timeline/)
37
- * [Fancy Text](https://essential-addons.com/elementor/fancy-text/ )
38
- * [Creative Buttons](https://essential-addons.com/elementor/creative-buttons/)
39
- * [Countdown](https://essential-addons.com/elementor/countdown/ )
40
- * [Team Members](https://essential-addons.com/elementor/team-members/)
41
- * [Testimonials](https://essential-addons.com/elementor/testimonials/)
42
- * [WooCommerce Product Grid](https://essential-addons.com/elementor/woo-product-grid/)
43
- * [Contact Form 7](https://essential-addons.com/elementor/contact-form-7/)
44
- * [Gravity Forms](https://essential-addons.com/elementor/gravity-forms/)
45
- * [Ninja Forms](https://essential-addons.com/elementor/ninja-forms/)
46
- * [Caldera Forms](https://essential-addons.com/elementor/caldera-forms/)
47
- * [WPForms](https://essential-addons.com/elementor/wpforms/)
48
- * [weForms](https://essential-addons.com/elementor/weforms/)
49
- * [Info Box](https://essential-addons.com/elementor/info-box/)
50
- * [Flip Box](https://essential-addons.com/elementor/flip-box/)
51
- * [Dual Color Headline](https://essential-addons.com/elementor/dual-color-headline/)
52
- * [Call to Action](https://essential-addons.com/elementor/call-to-action/)
53
- * [Pricing Table](https://essential-addons.com/elementor/pricing-table/)
54
- * [Facebook Feed](https://essential-addons.com/elementor/facebook-feed/)
55
- * [Twitter Feed](https://essential-addons.com/elementor/twitter-feed/)
56
- * [Data Table](https://essential-addons.com/elementor/table/)
57
- * [Filterable Gallery](https://essential-addons.com/elementor/filterable-gallery/)
58
- * [Image Accordion](https://essential-addons.com/elementor/image-accordion/)
59
- * [Content Ticker](https://essential-addons.com/elementor/content-ticker/)
60
- * [Tooltip](https://essential-addons.com/elementor/tooltip/)
61
- * [Advanced Tabs](https://essential-addons.com/elementor/advanced-tabs/)
62
- * [Advanced Accordion](https://essential-addons.com/elementor/advanced-accordion/)
63
-
64
-
65
- ### More elements (26+) on [Premium Version](https://essential-addons.com/elementor/buy.php)
66
-
67
- * [Post Block (Flex)](https://essential-addons.com/elementor/post-block/)
68
- * [Lightbox & Modal](https://essential-addons.com/elementor/lightbox-modal/)
69
- * [Testimonial Slider](https://essential-addons.com/elementor/testimonial-slider/)
70
- * [Image Comparison](https://essential-addons.com/elementor/image-comparison/)
71
- * [Interactive Promo](https://essential-addons.com/elementor/interactive-promo/ )
72
- * [Instagram Gallery & Feed](https://essential-addons.com/elementor/instagram-feed/)
73
- * [Static Product](https://essential-addons.com/elementor/static-product/)
74
- * [Flip Carousel](https://essential-addons.com/elementor/flip-carousel/)
75
- * [Interactive Cards](https://essential-addons.com/elementor/interactive-cards/)
76
- * [Content Timeline](https://essential-addons.com/elementor/content-timeline/)
77
- * [Data Table](https://essential-addons.com/elementor/table/)
78
- * [Facebook Feed Carousel](https://essential-addons.com/elementor/facebook-feed/)
79
- * [Twitter Feed Carousel](https://essential-addons.com/elementor/twitter-feed/)
80
- * [Dynamic Filterable Gallery](https://essential-addons.com/elementor/filterable-gallery/)
81
- * [Smart Post List](https://essential-addons.com/elementor/post-list/)
82
- * [Mailchimp](https://essential-addons.com/elementor/mailchimp/)
83
- * [Content Toggle](https://essential-addons.com/elementor/content-toggle/)
84
- * [One Page Navigation](https://essential-addons.com/elementor/one-page-nav/)
85
- * [Price Menu](https://essential-addons.com/elementor/price-menu/)
86
- * [Image Hotspot](https://essential-addons.com/elementor/image-hotspot/)
87
- * [Fancy Divider](https://essential-addons.com/elementor/divider/)
88
- * [Counter](https://essential-addons.com/elementor/counter/)
89
- * [Team Member Carousel](https://essential-addons.com/elementor/team-member-carousel/)
90
- * [Post Carousel](https://essential-addons.com/elementor/post-carousel/)
91
- * [Logo Carousel](https://essential-addons.com/elementor/logo-carousel/)
92
- * [Protected Content](https://essential-addons.com/elementor/protected-content/)
93
 
94
  More coming soon (weekly update) ...
95
 
@@ -136,10 +147,21 @@ Your existing elements/content will work with premium version. So you won't lose
136
 
137
  == Screenshots ==
138
 
 
 
 
 
 
 
 
139
 
140
 
141
  == Changelog ==
142
 
 
 
 
 
143
  = 2.7.10 =
144
  - Table layout breaking issue fixed for larger data tables
145
  - Few minor bugfix and improvements
1
+ === Essential Addons for Elementor ===
2
  Contributors: Codetic, re_enter_rupok, Asif2BD, robicse11128, priyomukul, mahfuz01, manik08cse
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.8
6
  Requires PHP: 5.4
7
+ Stable tag: 2.7.11
8
  License: GPLv3
9
  License URI: https://opensource.org/licenses/GPL-3.0
10
 
12
 
13
  == Description ==
14
 
15
+ Enhance your [Elementor](https://wordpress.org/plugins/elementor/) page building experience with 54+ creative elements. Add powers to your page builder using our easy-to-use elements those were designed to make your next WordPress page and posts design easier and prettier than ever before.
16
 
17
 
18
  [Check the Demos](https://essential-addons.com/elementor/)
19
 
20
+
21
+ ### 100+ Ready Blocks
22
+ Use pre-made templates and sections which comes with Essential Addons and design your website to stand out from the crowd.
23
+
24
+ ### Completely Customizable
25
+ Each element comes with bunch of options to control every possible things. You can achieve nearly any design with your imagination.
26
+
27
+ ### Light Weight & Instant Loading
28
+ No extra resources or messy codes to slow down your website. Optimized for super fast loading and instant Live editing.
29
+
30
+ ### Elements Control option
31
+ Enable and disable individual elements to make your page loading faster and smoother. You can deactivate unnecessary widgets to keep the site lite.
32
+
33
+ ### Expert Support
34
+ We have extra-ordinary support team ready to help you. Ask your questions in the support forum, or contact us directly through live chat and contact form.
35
+
36
  ### [Elementor](https://wordpress.org/plugins/elementor/) page builder is required for this plugin.
37
 
38
+
39
+ ### 29+ FREE WIDGETS AND COUNTING
40
+
41
+ We have designed 29 of the most useful widgets to enhance your Elementor Page Building experience and allow you to climb the top of your design capabilities.
42
+
43
+ 1. [Post Grid](https://essential-addons.com/elementor/post-grid/) - Showcase your blog posts in 4 unique styles
44
+ 2. [Post Timeline](https://essential-addons.com/elementor/post-timeline/) - Create stunning timeline for your Posts, Pages or any Custom Post.
45
+ 3. [Fancy Text](https://essential-addons.com/elementor/fancy-text/ ) - Design your page using animated text with 8 eye-catching effects
46
+ 4. [Creative Buttons](https://essential-addons.com/elementor/creative-buttons/) - Quickly add modern buttons with hover effect in your post or page
47
+ 5. [Countdown](https://essential-addons.com/elementor/countdown/ ) - Include a countdown time to boost your click-through rates
48
+ 6. [Team Members](https://essential-addons.com/elementor/team-members/) - Feature your team members with few clicks
49
+ 7. [Testimonials](https://essential-addons.com/elementor/testimonials/) - Showcase what other said about your brand & Increase Your Credibility
50
+ 8. [WooCommerce Product Grid](https://essential-addons.com/elementor/woo-product-grid/) - Display your WooCommerce Product anywhere you want without extra efforts
51
+ 9. [Contact Form 7](https://essential-addons.com/elementor/contact-form-7/) - Design your contact form container, fields and anything you want
52
+ 10. [Gravity Forms](https://essential-addons.com/elementor/gravity-forms/) - Completely customizable and you can control any styling.
53
+ 11. [Ninja Forms](https://essential-addons.com/elementor/ninja-forms/) - Easily create your form style just the way you want
54
+ 12. [Caldera Forms](https://essential-addons.com/elementor/caldera-forms/) - Design effective mobile-friendly forms
55
+ 13. [WPForms](https://essential-addons.com/elementor/wpforms/) - Create powerful WordPress forms in minutes
56
+ 14 [weForms](https://essential-addons.com/elementor/weforms/) - Get the fastest form building experience
57
+ 15. [Info Box](https://essential-addons.com/elementor/info-box/) - Design beautiful info box from predefined styles
58
+ 16. [Flip Box](https://essential-addons.com/elementor/flip-box/) - Use animated Flip Boxes to highlight any content inside your page in a great way
59
+ 17. [Dual Color Headline](https://essential-addons.com/elementor/dual-color-headline/) - Emphasize on a single word in a sentence by highlighting it with a different color
60
+ 18. [Call to Action](https://essential-addons.com/elementor/call-to-action/) - Design call-to-action buttons before a blink
61
+ 19. [Pricing Table](https://essential-addons.com/elementor/pricing-table/) - Create Pricing Tables within minutes that converts
62
+ 20 [Facebook Feed](https://essential-addons.com/elementor/facebook-feed/) - Display Facebook posts from your page or group to improve engagement
63
+ 21. [Twitter Feed](https://essential-addons.com/elementor/twitter-feed/) - Showcase your latest tweets to your visitor
64
+ 22. [Data Table](https://essential-addons.com/elementor/table/) - Insert visually attractive data table anywhere you want
65
+ 23. [Filterable Gallery](https://essential-addons.com/elementor/filterable-gallery/) - Easily display custom content in any pages
66
+ 24. [Image Accordion](https://essential-addons.com/elementor/image-accordion/) - Highlight your images with amazing hover effects
67
+ 25. [Content Ticker](https://essential-addons.com/elementor/content-ticker/) - Use slider and ticker effect and more on dynamic & custom content
68
+ 26. [Tooltip](https://essential-addons.com/elementor/tooltip/) - Set tooltip for Icon, Image, Text or shortcodes
69
+ 27. [Advanced Tabs](https://essential-addons.com/elementor/advanced-tabs/) - Include tab to put information in different styles. Supports nested tabs.
70
+ 28. [Advanced Accordion](https://essential-addons.com/elementor/advanced-accordion/) - Add beautiful accordions in your pages, posts, and anywhere. Supports nested accordions.
71
+ 29. [Progress Bar](https://essential-addons.com/elementor/progress-bar/) - Display progress bars with 4+ different styles
72
+
73
+
74
+ ### More elements (27+) on [Premium Version](https://essential-addons.com/elementor/buy.php)
75
+
76
+ 1. [Post Block (Flex)](https://essential-addons.com/elementor/post-block/) - Display your blog posts with variety of styles with the power of modern CSS Flexbox
77
+ 2. [Lightbox & Modal](https://essential-addons.com/elementor/lightbox-modal/) - Create Modal Popup which opens after certain actions.
78
+ 3. [Testimonial Slider](https://essential-addons.com/elementor/testimonial-slider/) - Highlight how you customers love your business with sliders
79
+ 4. [Image Comparison](https://essential-addons.com/elementor/image-comparison/) - Let your viewers compare between two images
80
+ 5. [Interactive Promo](https://essential-addons.com/elementor/interactive-promo/ ) - Showcare your content heading in amazing way
81
+ 6. [Instagram Gallery & Feed](https://essential-addons.com/elementor/instagram-feed/) - Display your Instagram presence to leverage social proof
82
+ 7. [Advanced Google Map](https://essential-addons.com/elementor/advanced-google-map/) - Create powerful map with Polylines, Polygons, Overlay, Panorama and with Routes. Unlimited map themes.
83
+ 8. [Static Product](https://essential-addons.com/elementor/static-product/) - Present your static product just the way you want
84
+ 9. [Flip Carousel](https://essential-addons.com/elementor/flip-carousel/) - Feature your content using uniques carousel style
85
+ 10. [Interactive Cards](https://essential-addons.com/elementor/interactive-cards/) - Create fascinating visual effect for your content that support images, text or videos.
86
+ 11. [Content Timeline](https://essential-addons.com/elementor/content-timeline/) - Create memory lane with your content with cool scrolling animation
87
+ 12. [Data Table](https://essential-addons.com/elementor/table/) - Deliver your informations using advanced and attractive data table
88
+ 13. [Facebook Feed Carousel](https://essential-addons.com/elementor/facebook-feed/) - Put your Facebook feed in incredible carousel
89
+ 14. [Twitter Feed Carousel](https://essential-addons.com/elementor/twitter-feed/) - Exhibit the twitter feed in interactive styles
90
+ 15. [Dynamic Filterable Gallery](https://essential-addons.com/elementor/filterable-gallery/) - Create filterable gallery from custom content or any post type.
91
+ 16. [Smart Post List](https://essential-addons.com/elementor/post-list/) - Design your blog page with modern post list
92
+ 17. [Mailchimp](https://essential-addons.com/elementor/mailchimp/) - Design your mailchimp form within Elementor with ease
93
+ 18. [Content Toggle](https://essential-addons.com/elementor/content-toggle/) - Show saved template or any content within Primary and Secondary content area
94
+ 19. [One Page Navigation](https://essential-addons.com/elementor/one-page-nav/) - Create beautiful one page websites using this module
95
+ 20. [Price Menu](https://essential-addons.com/elementor/price-menu/) - Make beautiful Pricing menu for your brands without any hassle!
96
+ 21. [Image Hotspots](https://essential-addons.com/elementor/image-hotspots/) - Help you to add multiple hotspot icons with tooltip in a image
97
+ 22. [Fancy Divider](https://essential-addons.com/elementor/divider/) - Separate your section with fancy divider
98
+ 23. [Counter](https://essential-addons.com/elementor/counter/) - Put spotlight in important data using Counter element
99
+ 24. [Team Member Carousel](https://essential-addons.com/elementor/team-member-carousel/) - Display your team members in carousel
100
+ 25. [Post Carousel](https://essential-addons.com/elementor/post-carousel/) - Even you can create carousel from your posts
101
+ 26. [Logo Carousel](https://essential-addons.com/elementor/logo-carousel/) - Highlight brands/product logos in carousel
102
+ 27. [Protected Content](https://essential-addons.com/elementor/protected-content/) - Lock your content with password and allow only selected people to see it
103
+
 
 
 
 
 
104
 
105
  More coming soon (weekly update) ...
106
 
147
 
148
  == Screenshots ==
149
 
150
+ 1. Overview of few widgets
151
+ 2. Elements control panel
152
+ 3. Countdown widget
153
+ 4. Team Member widget
154
+ 5. Data Table preview
155
+ 6. Form widget
156
+ 7. Pricing Table preview
157
 
158
 
159
  == Changelog ==
160
 
161
+ = 2.7.11 =
162
+ - Nested Accordion support added (as saved template)
163
+ - Few minor bugfix and improvements
164
+
165
  = 2.7.10 =
166
  - Table layout breaking issue fixed for larger data tables
167
  - Few minor bugfix and improvements