Gutenberg Blocks – ACF Blocks Suite - Version 2.6.6

Version Description

  • Improved: Templates Library
  • Fixed: Bugs
Download this release

Release Info

Developer munirkamal
Plugin Icon 128x128 Gutenberg Blocks – ACF Blocks Suite
Version 2.6.6
Comparing to
See all releases

Code changes from version 2.6.5 to 2.6.6

Files changed (38) hide show
  1. acf-blocks.php +1 -1
  2. acf-json/index.php +2 -2
  3. acfblocks-templates/free/acfb-accordion.php +72 -72
  4. acfblocks-templates/free/acfb-business-hours.php +205 -205
  5. acfblocks-templates/free/acfb-clicktotweet.php +73 -73
  6. acfblocks-templates/free/acfb-counternumber.php +53 -53
  7. acfblocks-templates/free/acfb-divider.php +155 -155
  8. acfblocks-templates/free/acfb-facebook-page.php +45 -45
  9. acfblocks-templates/free/acfb-fb-like-button.php +27 -27
  10. acfblocks-templates/free/acfb-image-slider.php +104 -104
  11. acfblocks-templates/free/acfb-multibuttons.php +75 -75
  12. acfblocks-templates/free/acfb-photocollage.php +90 -90
  13. acfblocks-templates/free/acfb-posts.php +263 -263
  14. acfblocks-templates/free/acfb-pricelist.php +115 -115
  15. acfblocks-templates/free/acfb-pricingbox.php +151 -151
  16. acfblocks-templates/free/acfb-progressbar.php +61 -61
  17. acfblocks-templates/free/acfb-random-image.php +49 -49
  18. acfblocks-templates/free/acfb-scrollable-image.php +42 -42
  19. acfblocks-templates/free/acfb-socialsharing.php +113 -113
  20. acfblocks-templates/free/acfb-starrating.php +63 -63
  21. acfblocks-templates/free/acfb-tabs.php +79 -79
  22. acfblocks-templates/free/acfb-team.php +127 -127
  23. acfblocks-templates/free/acfb-toggle.php +56 -56
  24. admin/admin-script.js +34 -34
  25. admin/admin-styles.css +158 -158
  26. css/acfblocks.css +3258 -3258
  27. css/animated-headline.css +1207 -1207
  28. extendify-sdk/app/Admin.php +7 -2
  29. extendify-sdk/extendify-sdk.php +1 -0
  30. extendify-sdk/public/build/extendify-sdk.js +1 -1
  31. extendify-sdk/readme.txt +1 -1
  32. extendify-sdk/src/buttons.js +21 -13
  33. extendify-sdk/src/components/Beacon.js +75 -0
  34. extendify-sdk/src/components/SidebarSingle.js +1 -1
  35. extendify-sdk/src/layout/MainWindow.js +5 -14
  36. extendify-sdk/src/layout/Toolbar.js +1 -5
  37. free-acf-blocks.php +435 -435
  38. freemius/includes/class-freemius.php +0 -5082
acf-blocks.php CHANGED
@@ -4,7 +4,7 @@
4
  * Plugin Name: ACF Blocks Suite
5
  * Plugin URI: https://acfblocks.com/
6
  * Description: Supercharge your Gutenberg editor with high quality beautiful WordPress blocks. Ready-to-use ACF Blocks!
7
- * Version: 2.6.5
8
  * Author: munirkamal
9
  * Author URI: https://munirkamal.wordpress.com
10
  * License: GPL2
4
  * Plugin Name: ACF Blocks Suite
5
  * Plugin URI: https://acfblocks.com/
6
  * Description: Supercharge your Gutenberg editor with high quality beautiful WordPress blocks. Ready-to-use ACF Blocks!
7
+ * Version: 2.6.6
8
  * Author: munirkamal
9
  * Author URI: https://munirkamal.wordpress.com
10
  * License: GPL2
acf-json/index.php CHANGED
@@ -1,3 +1,3 @@
1
- <?php
2
- // Silence is golden.
3
  ?>
1
+ <?php
2
+ // Silence is golden.
3
  ?>
acfblocks-templates/free/acfb-accordion.php CHANGED
@@ -1,73 +1,73 @@
1
- <?php
2
- echo parse_link(
3
- array(
4
- get_field('acfb_accordion_title_typo'),
5
- get_field('acfb_accordion_content_content')
6
- )
7
- );
8
-
9
- $acfb_accordion_padding = acfb_padding_name('acfb_accordion_padding');
10
- $acfb_accordion_margin = acfb_margin_name('acfb_accordion_margin');
11
- $acfb_accordion_title_typo = acfb_ffaimly_name('acfb_accordion_title_typo');
12
- $acfb_accordion_content_content = acfb_ffaimly_name('acfb_accordion_content_content');
13
-
14
-
15
- $uid = $block['id'];
16
- $uid_accordion = str_replace("block","accordion",$uid);
17
-
18
- $className = 'acfb_accordion_block';
19
- if( !empty($block['className']) ) {
20
- $className .= ' ' . $block['className'];
21
- }
22
- if( !empty($block['align']) ) {
23
- $className .= ' align' . $block['align'];
24
- }
25
-
26
- ?>
27
-
28
- <div class="<?php echo $uid; ?> <?php echo esc_attr($className); ?>">
29
- <style>
30
- .<?php echo $uid; ?> {
31
- <?php echo get_padding_field($acfb_accordion_padding); ?>
32
- <?php echo get_margin_field($acfb_accordion_margin); ?>
33
- }
34
-
35
- .<?php echo $uid; ?> .acfb_accordion .acfb_accordion_title {
36
- background: <?php the_field('acfb_accordion_title_background'); ?>;
37
- color: <?php the_field('acfb_accordion_title_color'); ?>;
38
- <?php echo get_typo_field($acfb_accordion_title_typo); ?>
39
- text-align: <?php the_field('acfb_accordion_title_alignment'); ?>;
40
- }
41
-
42
- .<?php echo $uid; ?> .acfb_accordion .acfb_accordion_title:hover{
43
- background: <?php the_field('acfb_accordion_title_hover_background'); ?>;
44
- color: <?php the_field('acfb_accordion_title_hover_color'); ?>;
45
- }
46
-
47
- .<?php echo $uid; ?> .acfb_accordion .acfb_accordion_content {
48
- background: <?php the_field('acfb_accordion_content_background'); ?>;
49
- color: <?php the_field('acfb_accordion_content_color'); ?>;
50
- <?php echo get_typo_field($acfb_accordion_content_content); ?>
51
- }
52
- </style>
53
-
54
-
55
- <?php if( have_rows('acfb_add_accordion') ): ?>
56
-
57
- <div class="acfb_accordion">
58
-
59
- <?php while( have_rows('acfb_add_accordion') ): the_row(); ?>
60
- <a href="#<?php echo $uid_accordion; ?>-<?php echo get_row_index(); ?>" class="first acfb_accordion_title"> <?php the_sub_field('acfb_accordion_title'); ?></a>
61
- <div id="<?php echo $uid_accordion; ?>-<?php echo get_row_index(); ?>" class="acfb_accordion_content">
62
- <div class="acfb_accordion_content_inner">
63
- <?php the_sub_field('acfb_accordion_content'); ?>
64
- </div>
65
- </div>
66
- <?php endwhile; ?>
67
-
68
- </div>
69
-
70
- <?php endif; ?>
71
-
72
-
73
  </div><!-- Uid -->
1
+ <?php
2
+ echo parse_link(
3
+ array(
4
+ get_field('acfb_accordion_title_typo'),
5
+ get_field('acfb_accordion_content_content')
6
+ )
7
+ );
8
+
9
+ $acfb_accordion_padding = acfb_padding_name('acfb_accordion_padding');
10
+ $acfb_accordion_margin = acfb_margin_name('acfb_accordion_margin');
11
+ $acfb_accordion_title_typo = acfb_ffaimly_name('acfb_accordion_title_typo');
12
+ $acfb_accordion_content_content = acfb_ffaimly_name('acfb_accordion_content_content');
13
+
14
+
15
+ $uid = $block['id'];
16
+ $uid_accordion = str_replace("block","accordion",$uid);
17
+
18
+ $className = 'acfb_accordion_block';
19
+ if( !empty($block['className']) ) {
20
+ $className .= ' ' . $block['className'];
21
+ }
22
+ if( !empty($block['align']) ) {
23
+ $className .= ' align' . $block['align'];
24
+ }
25
+
26
+ ?>
27
+
28
+ <div class="<?php echo $uid; ?> <?php echo esc_attr($className); ?>">
29
+ <style>
30
+ .<?php echo $uid; ?> {
31
+ <?php echo get_padding_field($acfb_accordion_padding); ?>
32
+ <?php echo get_margin_field($acfb_accordion_margin); ?>
33
+ }
34
+
35
+ .<?php echo $uid; ?> .acfb_accordion .acfb_accordion_title {
36
+ background: <?php the_field('acfb_accordion_title_background'); ?>;
37
+ color: <?php the_field('acfb_accordion_title_color'); ?>;
38
+ <?php echo get_typo_field($acfb_accordion_title_typo); ?>
39
+ text-align: <?php the_field('acfb_accordion_title_alignment'); ?>;
40
+ }
41
+
42
+ .<?php echo $uid; ?> .acfb_accordion .acfb_accordion_title:hover{
43
+ background: <?php the_field('acfb_accordion_title_hover_background'); ?>;
44
+ color: <?php the_field('acfb_accordion_title_hover_color'); ?>;
45
+ }
46
+
47
+ .<?php echo $uid; ?> .acfb_accordion .acfb_accordion_content {
48
+ background: <?php the_field('acfb_accordion_content_background'); ?>;
49
+ color: <?php the_field('acfb_accordion_content_color'); ?>;
50
+ <?php echo get_typo_field($acfb_accordion_content_content); ?>
51
+ }
52
+ </style>
53
+
54
+
55
+ <?php if( have_rows('acfb_add_accordion') ): ?>
56
+
57
+ <div class="acfb_accordion">
58
+
59
+ <?php while( have_rows('acfb_add_accordion') ): the_row(); ?>
60
+ <a href="#<?php echo $uid_accordion; ?>-<?php echo get_row_index(); ?>" class="first acfb_accordion_title"> <?php the_sub_field('acfb_accordion_title'); ?></a>
61
+ <div id="<?php echo $uid_accordion; ?>-<?php echo get_row_index(); ?>" class="acfb_accordion_content">
62
+ <div class="acfb_accordion_content_inner">
63
+ <?php the_sub_field('acfb_accordion_content'); ?>
64
+ </div>
65
+ </div>
66
+ <?php endwhile; ?>
67
+
68
+ </div>
69
+
70
+ <?php endif; ?>
71
+
72
+
73
  </div><!-- Uid -->
acfblocks-templates/free/acfb-business-hours.php CHANGED
@@ -1,206 +1,206 @@
1
- <?php
2
- echo parse_link(
3
- array(
4
- get_field('acfb_bh_text_typo')
5
- )
6
- );
7
-
8
-
9
- $acfb_bh_inner_padding = acfb_padding_name('acfb_bh_inner_padding');
10
- $acfb_bh_padding = acfb_padding_name('acfb_bh_padding');
11
- $acfb_bh_margin = acfb_margin_name('acfb_bh_margin');
12
- $acfb_bh_text_typo = acfb_ffaimly_name('acfb_bh_text_typo');
13
-
14
-
15
- $uid = $block['id'];
16
-
17
- $className = 'acfb_business_hours';
18
- if( !empty($block['className']) ) {
19
- $className .= ' ' . $block['className'];
20
- }
21
- if( !empty($block['align']) ) {
22
- $className .= ' align' . $block['align'];
23
- }
24
-
25
- ?>
26
- <div class="<?php echo $uid; ?> <?php echo esc_attr($className); ?>">
27
- <style type="text/css">
28
- .<?php echo $uid; ?> {
29
- <?php echo get_padding_field($acfb_bh_padding); ?>
30
- <?php echo get_margin_field($acfb_bh_margin); ?>
31
- }
32
-
33
-
34
- .<?php echo $uid; ?> .acfb_bh_wrapper{
35
- background: <?php the_field('acfb_bh_background_color'); ?>;
36
- padding-top: <?php echo $acfb_bh_inner_padding['padding_top']; ?>px;
37
- padding-bottom: <?php echo $acfb_bh_inner_padding['padding_bottom']; ?>px;
38
- padding-left: <?php echo $acfb_bh_inner_padding['padding_left']; ?>px;
39
- padding-right: <?php echo $acfb_bh_inner_padding['padding_right']; ?>px;
40
- }
41
-
42
- .<?php echo $uid; ?> .acfb_bh_wrapper .acfb_bh_op_time .acfb_bh_day,
43
- .<?php echo $uid; ?> .acfb_bh_wrapper .acfb_bh_op_time .acfb_bh_time_wrapper .acfb_bh_open_time,
44
- .<?php echo $uid; ?> .acfb_bh_wrapper .acfb_bh_op_time .acfb_bh_time_wrapper .acfb_bh_seprator,
45
- .<?php echo $uid; ?> .acfb_bh_wrapper .acfb_bh_op_time .acfb_bh_time_wrapper .acfb_bh_close_time{
46
- color: <?php the_field('acfb_bh_oh_color'); ?>;
47
- }
48
-
49
-
50
- .<?php echo $uid; ?> .acfb_bh_wrapper .acfb_bh_cl_time .acfb_bh_day,
51
- .<?php echo $uid; ?> .acfb_bh_wrapper .acfb_bh_cl_time .acfb_bh_close_wrapper{
52
- color: <?php the_field('acfb_bh_ch_color'); ?>;
53
- }
54
-
55
-
56
- .<?php echo $uid; ?> .acfb_bh_wrapper .acfb_bh_item{
57
- border-bottom: 1px solid <?php the_field('acfb_bh_border_color'); ?>;
58
- <?php echo get_typo_field($acfb_bh_text_typo); ?>
59
- }
60
-
61
- </style>
62
-
63
- <?php
64
-
65
- $acfb_bh_mon_oc = '';
66
- if(get_field("acfb_bh_monday") == 'true'){
67
- $acfb_bh_mon_oc = "acfb_bh_op_time";
68
- } else{
69
- $acfb_bh_mon_oc = "acfb_bh_cl_time";
70
- }
71
-
72
- if(get_field("acfb_bh_tuesday") == 'true'){
73
- $acfb_bh_tue_oc = "acfb_bh_op_time";
74
- } else{
75
- $acfb_bh_tue_oc = "acfb_bh_cl_time";
76
- }
77
-
78
- if(get_field("acfb_bh_wednesday") == 'true'){
79
- $acfb_bh_wed_oc = "acfb_bh_op_time";
80
- } else{
81
- $acfb_bh_wed_oc = "acfb_bh_cl_time";
82
- }
83
-
84
- if(get_field("acfb_bh_thursday") == 'true'){
85
- $acfb_bh_thu_oc = "acfb_bh_op_time";
86
- } else{
87
- $acfb_bh_thu_oc = "acfb_bh_cl_time";
88
- }
89
-
90
- if(get_field("acfb_bh_friday") == 'true'){
91
- $acfb_bh_fri_oc = "acfb_bh_op_time";
92
- } else{
93
- $acfb_bh_fri_oc = "acfb_bh_cl_time";
94
- }
95
-
96
- if(get_field("acfb_bh_saturday") == 'true'){
97
- $acfb_bh_sat_oc = "acfb_bh_op_time";
98
- } else{
99
- $acfb_bh_sat_oc = "acfb_bh_cl_time";
100
- }
101
-
102
- if(get_field("acfb_bh_sunday") == 'true'){
103
- $acfb_bh_sun_oc = "acfb_bh_op_time";
104
- } else{
105
- $acfb_bh_sun_oc = "acfb_bh_cl_time";
106
- }
107
- ?>
108
-
109
- <div class="acfb_bh_wrapper">
110
- <ul>
111
-
112
- <li class="acfb_bh_item <?php echo $acfb_bh_mon_oc; ?>">
113
- <span class="acfb_bh_day">Monday</span>
114
- <?php if( get_field('acfb_bh_monday') == 'ture' ): ?>
115
- <span class="acfb_bh_time_wrapper">
116
- <span class="acfb_bh_open_time"><?php the_field('acfb_bh_monday_oh'); ?></span>
117
- <span class="acfb_bh_seprator"> - </span>
118
- <span class="acfb_bh_close_time"><?php the_field('acfb_bh_monday_ch'); ?></span>
119
- </span>
120
- <?php else: ?>
121
- <span class="acfb_bh_close_wrapper">Closed</span>
122
- <?php endif; ?>
123
- </li>
124
-
125
- <li class="acfb_bh_item <?php echo $acfb_bh_tue_oc; ?>">
126
- <span class="acfb_bh_day">Tuesday</span>
127
- <?php if( get_field('acfb_bh_tuesday') == 'ture' ): ?>
128
- <span class="acfb_bh_time_wrapper">
129
- <span class="acfb_bh_open_time"><?php the_field('acfb_bh_tuesday_oh'); ?></span>
130
- <span class="acfb_bh_seprator"> - </span>
131
- <span class="acfb_bh_close_time"><?php the_field('acfb_bh_tuesday_ch'); ?></span>
132
- </span>
133
- <?php else: ?>
134
- <span class="acfb_bh_close_wrapper">Closed</span>
135
- <?php endif; ?>
136
- </li>
137
-
138
- <li class="acfb_bh_item <?php echo $acfb_bh_wed_oc; ?>">
139
- <span class="acfb_bh_day">Wednesday</span>
140
- <?php if( get_field('acfb_bh_wednesday') == 'ture' ): ?>
141
- <span class="acfb_bh_time_wrapper">
142
- <span class="acfb_bh_open_time"><?php the_field('acfb_bh_wednesday_oh'); ?></span>
143
- <span class="acfb_bh_seprator"> - </span>
144
- <span class="acfb_bh_close_time"><?php the_field('acfb_bh_wednesday_ch'); ?></span>
145
- </span>
146
- <?php else: ?>
147
- <span class="acfb_bh_close_wrapper">Closed</span>
148
- <?php endif; ?>
149
- </li>
150
-
151
- <li class="acfb_bh_item <?php echo $acfb_bh_thu_oc; ?>">
152
- <span class="acfb_bh_day">Thursday</span>
153
- <?php if( get_field('acfb_bh_thursday') == 'ture' ): ?>
154
- <span class="acfb_bh_time_wrapper">
155
- <span class="acfb_bh_open_time"><?php the_field('acfb_bh_thursday_oh'); ?></span>
156
- <span class="acfb_bh_seprator"> - </span>
157
- <span class="acfb_bh_close_time"><?php the_field('acfb_bh_thursday_ch'); ?></span>
158
- </span>
159
- <?php else: ?>
160
- <span class="acfb_bh_close_wrapper">Closed</span>
161
- <?php endif; ?>
162
- </li>
163
-
164
- <li class="acfb_bh_item <?php echo $acfb_bh_fri_oc; ?>">
165
- <span class="acfb_bh_day">Friday</span>
166
- <?php if( get_field('acfb_bh_friday') == 'ture' ): ?>
167
- <span class="acfb_bh_time_wrapper">
168
- <span class="acfb_bh_open_time"><?php the_field('acfb_bh_friday_oh'); ?></span>
169
- <span class="acfb_bh_seprator"> - </span>
170
- <span class="acfb_bh_close_time"><?php the_field('acfb_bh_friday_ch'); ?></span>
171
- </span>
172
- <?php else: ?>
173
- <span class="acfb_bh_close_wrapper">Closed</span>
174
- <?php endif; ?>
175
- </li>
176
-
177
- <li class="acfb_bh_item <?php echo $acfb_bh_sat_oc; ?>">
178
- <span class="acfb_bh_day">Saturday</span>
179
- <?php if( get_field('acfb_bh_saturday') == 'ture' ): ?>
180
- <span class="acfb_bh_time_wrapper">
181
- <span class="acfb_bh_open_time"><?php the_field('acfb_bh_saturday_oh'); ?></span>
182
- <span class="acfb_bh_seprator"> - </span>
183
- <span class="acfb_bh_close_time"><?php the_field('acfb_bh_saturday_ch'); ?></span>
184
- </span>
185
- <?php else: ?>
186
- <span class="acfb_bh_close_wrapper">Closed</span>
187
- <?php endif; ?>
188
- </li>
189
-
190
- <li class="acfb_bh_item <?php echo $acfb_bh_sun_oc; ?>">
191
- <span class="acfb_bh_day">Sunday</span>
192
- <?php if( get_field('acfb_bh_sunday') == 'ture' ): ?>
193
- <span class="acfb_bh_time_wrapper">
194
- <span class="acfb_bh_open_time"><?php the_field('acfb_bh_sunday_oh'); ?></span>
195
- <span class="acfb_bh_seprator"> - </span>
196
- <span class="acfb_bh_close_time"><?php the_field('acfb_bh_sunday_ch'); ?></span>
197
- </span>
198
- <?php else: ?>
199
- <span class="acfb_bh_close_wrapper">Closed</span>
200
- <?php endif; ?>
201
- </li>
202
-
203
- </ul>
204
- </div>
205
-
206
  </div><!-- Uid -->
1
+ <?php
2
+ echo parse_link(
3
+ array(
4
+ get_field('acfb_bh_text_typo')
5
+ )
6
+ );
7
+
8
+
9
+ $acfb_bh_inner_padding = acfb_padding_name('acfb_bh_inner_padding');
10
+ $acfb_bh_padding = acfb_padding_name('acfb_bh_padding');
11
+ $acfb_bh_margin = acfb_margin_name('acfb_bh_margin');
12
+ $acfb_bh_text_typo = acfb_ffaimly_name('acfb_bh_text_typo');
13
+
14
+
15
+ $uid = $block['id'];
16
+
17
+ $className = 'acfb_business_hours';
18
+ if( !empty($block['className']) ) {
19
+ $className .= ' ' . $block['className'];
20
+ }
21
+ if( !empty($block['align']) ) {
22
+ $className .= ' align' . $block['align'];
23
+ }
24
+
25
+ ?>
26
+ <div class="<?php echo $uid; ?> <?php echo esc_attr($className); ?>">
27
+ <style type="text/css">
28
+ .<?php echo $uid; ?> {
29
+ <?php echo get_padding_field($acfb_bh_padding); ?>
30
+ <?php echo get_margin_field($acfb_bh_margin); ?>
31
+ }
32
+
33
+
34
+ .<?php echo $uid; ?> .acfb_bh_wrapper{
35
+ background: <?php the_field('acfb_bh_background_color'); ?>;
36
+ padding-top: <?php echo $acfb_bh_inner_padding['padding_top']; ?>px;
37
+ padding-bottom: <?php echo $acfb_bh_inner_padding['padding_bottom']; ?>px;
38
+ padding-left: <?php echo $acfb_bh_inner_padding['padding_left']; ?>px;
39
+ padding-right: <?php echo $acfb_bh_inner_padding['padding_right']; ?>px;
40
+ }
41
+
42
+ .<?php echo $uid; ?> .acfb_bh_wrapper .acfb_bh_op_time .acfb_bh_day,
43
+ .<?php echo $uid; ?> .acfb_bh_wrapper .acfb_bh_op_time .acfb_bh_time_wrapper .acfb_bh_open_time,
44
+ .<?php echo $uid; ?> .acfb_bh_wrapper .acfb_bh_op_time .acfb_bh_time_wrapper .acfb_bh_seprator,
45
+ .<?php echo $uid; ?> .acfb_bh_wrapper .acfb_bh_op_time .acfb_bh_time_wrapper .acfb_bh_close_time{
46
+ color: <?php the_field('acfb_bh_oh_color'); ?>;
47
+ }
48
+
49
+
50
+ .<?php echo $uid; ?> .acfb_bh_wrapper .acfb_bh_cl_time .acfb_bh_day,
51
+ .<?php echo $uid; ?> .acfb_bh_wrapper .acfb_bh_cl_time .acfb_bh_close_wrapper{
52
+ color: <?php the_field('acfb_bh_ch_color'); ?>;
53
+ }
54
+
55
+
56
+ .<?php echo $uid; ?> .acfb_bh_wrapper .acfb_bh_item{
57
+ border-bottom: 1px solid <?php the_field('acfb_bh_border_color'); ?>;
58
+ <?php echo get_typo_field($acfb_bh_text_typo); ?>
59
+ }
60
+
61
+ </style>
62
+
63
+ <?php
64
+
65
+ $acfb_bh_mon_oc = '';
66
+ if(get_field("acfb_bh_monday") == 'true'){
67
+ $acfb_bh_mon_oc = "acfb_bh_op_time";
68
+ } else{
69
+ $acfb_bh_mon_oc = "acfb_bh_cl_time";
70
+ }
71
+
72
+ if(get_field("acfb_bh_tuesday") == 'true'){
73
+ $acfb_bh_tue_oc = "acfb_bh_op_time";
74
+ } else{
75
+ $acfb_bh_tue_oc = "acfb_bh_cl_time";
76
+ }
77
+
78
+ if(get_field("acfb_bh_wednesday") == 'true'){
79
+ $acfb_bh_wed_oc = "acfb_bh_op_time";
80
+ } else{
81
+ $acfb_bh_wed_oc = "acfb_bh_cl_time";
82
+ }
83
+
84
+ if(get_field("acfb_bh_thursday") == 'true'){
85
+ $acfb_bh_thu_oc = "acfb_bh_op_time";
86
+ } else{
87
+ $acfb_bh_thu_oc = "acfb_bh_cl_time";
88
+ }
89
+
90
+ if(get_field("acfb_bh_friday") == 'true'){
91
+ $acfb_bh_fri_oc = "acfb_bh_op_time";
92
+ } else{
93
+ $acfb_bh_fri_oc = "acfb_bh_cl_time";
94
+ }
95
+
96
+ if(get_field("acfb_bh_saturday") == 'true'){
97
+ $acfb_bh_sat_oc = "acfb_bh_op_time";
98
+ } else{
99
+ $acfb_bh_sat_oc = "acfb_bh_cl_time";
100
+ }
101
+
102
+ if(get_field("acfb_bh_sunday") == 'true'){
103
+ $acfb_bh_sun_oc = "acfb_bh_op_time";
104
+ } else{
105
+ $acfb_bh_sun_oc = "acfb_bh_cl_time";
106
+ }
107
+ ?>
108
+
109
+ <div class="acfb_bh_wrapper">
110
+ <ul>
111
+
112
+ <li class="acfb_bh_item <?php echo $acfb_bh_mon_oc; ?>">
113
+ <span class="acfb_bh_day">Monday</span>
114
+ <?php if( get_field('acfb_bh_monday') == 'ture' ): ?>
115
+ <span class="acfb_bh_time_wrapper">
116
+ <span class="acfb_bh_open_time"><?php the_field('acfb_bh_monday_oh'); ?></span>
117
+ <span class="acfb_bh_seprator"> - </span>
118
+ <span class="acfb_bh_close_time"><?php the_field('acfb_bh_monday_ch'); ?></span>
119
+ </span>
120
+ <?php else: ?>
121
+ <span class="acfb_bh_close_wrapper">Closed</span>
122
+ <?php endif; ?>
123
+ </li>
124
+
125
+ <li class="acfb_bh_item <?php echo $acfb_bh_tue_oc; ?>">
126
+ <span class="acfb_bh_day">Tuesday</span>
127
+ <?php if( get_field('acfb_bh_tuesday') == 'ture' ): ?>
128
+ <span class="acfb_bh_time_wrapper">
129
+ <span class="acfb_bh_open_time"><?php the_field('acfb_bh_tuesday_oh'); ?></span>
130
+ <span class="acfb_bh_seprator"> - </span>
131
+ <span class="acfb_bh_close_time"><?php the_field('acfb_bh_tuesday_ch'); ?></span>
132
+ </span>
133
+ <?php else: ?>
134
+ <span class="acfb_bh_close_wrapper">Closed</span>
135
+ <?php endif; ?>
136
+ </li>
137
+
138
+ <li class="acfb_bh_item <?php echo $acfb_bh_wed_oc; ?>">
139
+ <span class="acfb_bh_day">Wednesday</span>
140
+ <?php if( get_field('acfb_bh_wednesday') == 'ture' ): ?>
141
+ <span class="acfb_bh_time_wrapper">
142
+ <span class="acfb_bh_open_time"><?php the_field('acfb_bh_wednesday_oh'); ?></span>
143
+ <span class="acfb_bh_seprator"> - </span>
144
+ <span class="acfb_bh_close_time"><?php the_field('acfb_bh_wednesday_ch'); ?></span>
145
+ </span>
146
+ <?php else: ?>
147
+ <span class="acfb_bh_close_wrapper">Closed</span>
148
+ <?php endif; ?>
149
+ </li>
150
+
151
+ <li class="acfb_bh_item <?php echo $acfb_bh_thu_oc; ?>">
152
+ <span class="acfb_bh_day">Thursday</span>
153
+ <?php if( get_field('acfb_bh_thursday') == 'ture' ): ?>
154
+ <span class="acfb_bh_time_wrapper">
155
+ <span class="acfb_bh_open_time"><?php the_field('acfb_bh_thursday_oh'); ?></span>
156
+ <span class="acfb_bh_seprator"> - </span>
157
+ <span class="acfb_bh_close_time"><?php the_field('acfb_bh_thursday_ch'); ?></span>
158
+ </span>
159
+ <?php else: ?>
160
+ <span class="acfb_bh_close_wrapper">Closed</span>
161
+ <?php endif; ?>
162
+ </li>
163
+
164
+ <li class="acfb_bh_item <?php echo $acfb_bh_fri_oc; ?>">
165
+ <span class="acfb_bh_day">Friday</span>
166
+ <?php if( get_field('acfb_bh_friday') == 'ture' ): ?>
167
+ <span class="acfb_bh_time_wrapper">
168
+ <span class="acfb_bh_open_time"><?php the_field('acfb_bh_friday_oh'); ?></span>
169
+ <span class="acfb_bh_seprator"> - </span>
170
+ <span class="acfb_bh_close_time"><?php the_field('acfb_bh_friday_ch'); ?></span>
171
+ </span>
172
+ <?php else: ?>
173
+ <span class="acfb_bh_close_wrapper">Closed</span>
174
+ <?php endif; ?>
175
+ </li>
176
+
177
+ <li class="acfb_bh_item <?php echo $acfb_bh_sat_oc; ?>">
178
+ <span class="acfb_bh_day">Saturday</span>
179
+ <?php if( get_field('acfb_bh_saturday') == 'ture' ): ?>
180
+ <span class="acfb_bh_time_wrapper">
181
+ <span class="acfb_bh_open_time"><?php the_field('acfb_bh_saturday_oh'); ?></span>
182
+ <span class="acfb_bh_seprator"> - </span>
183
+ <span class="acfb_bh_close_time"><?php the_field('acfb_bh_saturday_ch'); ?></span>
184
+ </span>
185
+ <?php else: ?>
186
+ <span class="acfb_bh_close_wrapper">Closed</span>
187
+ <?php endif; ?>
188
+ </li>
189
+
190
+ <li class="acfb_bh_item <?php echo $acfb_bh_sun_oc; ?>">
191
+ <span class="acfb_bh_day">Sunday</span>
192
+ <?php if( get_field('acfb_bh_sunday') == 'ture' ): ?>
193
+ <span class="acfb_bh_time_wrapper">
194
+ <span class="acfb_bh_open_time"><?php the_field('acfb_bh_sunday_oh'); ?></span>
195
+ <span class="acfb_bh_seprator"> - </span>
196
+ <span class="acfb_bh_close_time"><?php the_field('acfb_bh_sunday_ch'); ?></span>
197
+ </span>
198
+ <?php else: ?>
199
+ <span class="acfb_bh_close_wrapper">Closed</span>
200
+ <?php endif; ?>
201
+ </li>
202
+
203
+ </ul>
204
+ </div>
205
+
206
  </div><!-- Uid -->
acfblocks-templates/free/acfb-clicktotweet.php CHANGED
@@ -1,74 +1,74 @@
1
- <?php
2
- echo parse_link(
3
- array(
4
- get_field('acfb_click_to_tweet_text_typo'),
5
- get_field('acfb_click_to_tweet_button_typo')
6
- )
7
- );
8
-
9
-
10
- $acfb_click_to_inner_padding = acfb_padding_name('acfb_click_to_inner_padding');
11
- $acfb_click_to_tweet_padding = acfb_padding_name('acfb_click_to_tweet_padding');
12
- $acfb_click_to_tweet_margin = acfb_margin_name('acfb_click_to_tweet_margin');
13
- $acfb_click_to_tweet_text_typo = acfb_ffaimly_name('acfb_click_to_tweet_text_typo');
14
- $acfb_click_to_tweet_button_typo = acfb_ffaimly_name('acfb_click_to_tweet_button_typo');
15
-
16
- $uid = $block['id'];
17
-
18
- $className = 'acfb_click_to_tweet_block';
19
- if( !empty($block['className']) ) {
20
- $className .= ' ' . $block['className'];
21
- }
22
- if( !empty($block['align']) ) {
23
- $className .= ' align' . $block['align'];
24
- }
25
-
26
- ?>
27
- <div class="<?php echo $uid; ?> <?php echo esc_attr($className); ?>">
28
- <style type="text/css">
29
- .<?php echo $uid; ?> {
30
- <?php echo get_padding_field($acfb_click_to_tweet_padding); ?>
31
- <?php echo get_margin_field($acfb_click_to_tweet_margin); ?>
32
- }
33
-
34
- .<?php echo $uid; ?> .acfb_click_to_tweet {
35
- background-color: <?php the_field('acfb_click_to_tweet_bg_color'); ?>;
36
- padding-top: <?php echo $acfb_click_to_inner_padding['padding_top']; ?>px;
37
- padding-bottom: <?php echo $acfb_click_to_inner_padding['padding_bottom']; ?>px;
38
- padding-left: <?php echo $acfb_click_to_inner_padding['padding_left']; ?>px;
39
- padding-right: <?php echo $acfb_click_to_inner_padding['padding_right']; ?>px;
40
- }
41
-
42
- .<?php echo $uid; ?> .acfb_click_to_tweet a {
43
- color: <?php the_field('acfb_click_to_tweet_text_color'); ?> !important;
44
- <?php echo get_typo_field($acfb_click_to_tweet_text_typo); ?>
45
- }
46
-
47
- .<?php echo $uid; ?> .acfb_click_to_tweet a:hover, .<?php echo $uid; ?> .acfb_click_to_tweet:hover a:after{
48
- color: <?php the_field('acfb_click_to_tweet_button_hover_color'); ?>;
49
- }
50
-
51
- .<?php echo $uid; ?> .acfb_click_to_tweet a:after {
52
- content: '<?php the_field('acfb_click_to_tweet_button_text'); ?>';
53
- color: <?php the_field('acfb_click_to_tweet_button_color'); ?>;
54
- <?php echo get_typo_field($acfb_click_to_tweet_button_typo); ?>
55
- }
56
-
57
- </style>
58
-
59
- <?php
60
- $acfb_by_line = '';
61
- if(get_field('acfb_click_to_tweet_handler')){
62
- $acfb_by_line = 'by: @' . get_field('acfb_click_to_tweet_handler');
63
- }
64
- ?>
65
-
66
-
67
- <div class="acfb_click_to_tweet">
68
- <a onclick="window.open(&quot;https://twitter.com/share?url=&quot; +
69
- document.querySelector(&quot;link[rel='canonical']&quot;).href + &quot;&amp;text=&quot; + encodeURIComponent(this.innerText) + &quot; - <?php echo $acfb_by_line; ?> &quot;, &quot;sharer&quot;, &quot;; toolbar=0, status=0, width=626, height=436&quot;); return false;" rel="nofollow" title="Share to Twitter">
70
- <?php the_field('acfb_click_to_tweet_content'); ?>
71
- </a>
72
- </div>
73
-
74
  </div><!-- Uid -->
1
+ <?php
2
+ echo parse_link(
3
+ array(
4
+ get_field('acfb_click_to_tweet_text_typo'),
5
+ get_field('acfb_click_to_tweet_button_typo')
6
+ )
7
+ );
8
+
9
+
10
+ $acfb_click_to_inner_padding = acfb_padding_name('acfb_click_to_inner_padding');
11
+ $acfb_click_to_tweet_padding = acfb_padding_name('acfb_click_to_tweet_padding');
12
+ $acfb_click_to_tweet_margin = acfb_margin_name('acfb_click_to_tweet_margin');
13
+ $acfb_click_to_tweet_text_typo = acfb_ffaimly_name('acfb_click_to_tweet_text_typo');
14
+ $acfb_click_to_tweet_button_typo = acfb_ffaimly_name('acfb_click_to_tweet_button_typo');
15
+
16
+ $uid = $block['id'];
17
+
18
+ $className = 'acfb_click_to_tweet_block';
19
+ if( !empty($block['className']) ) {
20
+ $className .= ' ' . $block['className'];
21
+ }
22
+ if( !empty($block['align']) ) {
23
+ $className .= ' align' . $block['align'];
24
+ }
25
+
26
+ ?>
27
+ <div class="<?php echo $uid; ?> <?php echo esc_attr($className); ?>">
28
+ <style type="text/css">
29
+ .<?php echo $uid; ?> {
30
+ <?php echo get_padding_field($acfb_click_to_tweet_padding); ?>
31
+ <?php echo get_margin_field($acfb_click_to_tweet_margin); ?>
32
+ }
33
+
34
+ .<?php echo $uid; ?> .acfb_click_to_tweet {
35
+ background-color: <?php the_field('acfb_click_to_tweet_bg_color'); ?>;
36
+ padding-top: <?php echo $acfb_click_to_inner_padding['padding_top']; ?>px;
37
+ padding-bottom: <?php echo $acfb_click_to_inner_padding['padding_bottom']; ?>px;
38
+ padding-left: <?php echo $acfb_click_to_inner_padding['padding_left']; ?>px;
39
+ padding-right: <?php echo $acfb_click_to_inner_padding['padding_right']; ?>px;
40
+ }
41
+
42
+ .<?php echo $uid; ?> .acfb_click_to_tweet a {
43
+ color: <?php the_field('acfb_click_to_tweet_text_color'); ?> !important;
44
+ <?php echo get_typo_field($acfb_click_to_tweet_text_typo); ?>
45
+ }
46
+
47
+ .<?php echo $uid; ?> .acfb_click_to_tweet a:hover, .<?php echo $uid; ?> .acfb_click_to_tweet:hover a:after{
48
+ color: <?php the_field('acfb_click_to_tweet_button_hover_color'); ?>;
49
+ }
50
+
51
+ .<?php echo $uid; ?> .acfb_click_to_tweet a:after {
52
+ content: '<?php the_field('acfb_click_to_tweet_button_text'); ?>';
53
+ color: <?php the_field('acfb_click_to_tweet_button_color'); ?>;
54
+ <?php echo get_typo_field($acfb_click_to_tweet_button_typo); ?>
55
+ }
56
+
57
+ </style>
58
+
59
+ <?php
60
+ $acfb_by_line = '';
61
+ if(get_field('acfb_click_to_tweet_handler')){
62
+ $acfb_by_line = 'by: @' . get_field('acfb_click_to_tweet_handler');
63
+ }
64
+ ?>
65
+
66
+
67
+ <div class="acfb_click_to_tweet">
68
+ <a onclick="window.open(&quot;https://twitter.com/share?url=&quot; +
69
+ document.querySelector(&quot;link[rel='canonical']&quot;).href + &quot;&amp;text=&quot; + encodeURIComponent(this.innerText) + &quot; - <?php echo $acfb_by_line; ?> &quot;, &quot;sharer&quot;, &quot;; toolbar=0, status=0, width=626, height=436&quot;); return false;" rel="nofollow" title="Share to Twitter">
70
+ <?php the_field('acfb_click_to_tweet_content'); ?>
71
+ </a>
72
+ </div>
73
+
74
  </div><!-- Uid -->
acfblocks-templates/free/acfb-counternumber.php CHANGED
@@ -1,54 +1,54 @@
1
- <?php
2
- echo parse_link(
3
- array(
4
- get_field('acfb_counter_number_typo'),
5
- get_field('acfb_counter_title_typo')
6
- )
7
- );
8
-
9
-
10
- $acfb_counter_number_padding = acfb_padding_name('acfb_counter_number_padding');
11
- $acfb_counter_number_margin = acfb_margin_name('acfb_counter_number_margin');
12
- $acfb_counter_number_typo = acfb_ffaimly_name('acfb_counter_number_typo');
13
- $acfb_counter_title_typo = acfb_ffaimly_name('acfb_counter_title_typo');
14
-
15
-
16
- $uid = $block['id'];
17
-
18
- $className = 'acfb_counter_number_block';
19
- if( !empty($block['className']) ) {
20
- $className .= ' ' . $block['className'];
21
- }
22
- if( !empty($block['align']) ) {
23
- $className .= ' align' . $block['align'];
24
- }
25
-
26
- ?>
27
- <div class="<?php echo $uid; ?> <?php echo esc_attr($className); ?>">
28
- <style type="text/css">
29
- .<?php echo $uid; ?> {
30
- <?php echo get_padding_field($acfb_counter_number_padding); ?>
31
- <?php echo get_margin_field($acfb_counter_number_margin); ?>
32
- }
33
-
34
- .<?php echo $uid; ?> .acfb_counter_number_wrapper{
35
- color: <?php the_field('acfb_counter_number_color'); ?>;
36
- <?php echo get_typo_field($acfb_counter_number_typo); ?>
37
- }
38
-
39
- .<?php echo $uid; ?> .acfb_counter .acfb_counter_title{
40
- color: <?php the_field('acfb_counter_number_title_color'); ?>;
41
- <?php echo get_typo_field($acfb_counter_title_typo); ?>
42
- }
43
- </style>
44
-
45
- <div class="acfb_counter">
46
- <div class="acfb_counter_number_wrapper">
47
- <span class="acfb_counter_number_prefix"><?php the_field('acfb_counter_number_prefix'); ?></span>
48
- <span class="acfb_counter_number"><?php the_field('acfb_counter_number'); ?></span>
49
- <span class="acfb_counter_number_suffix"><?php the_field('acfb_counter_number_suffix'); ?></span>
50
- </div>
51
- <div class="acfb_counter_title"><?php the_field('acfb_counter_number_title'); ?></div>
52
- </div>
53
-
54
  </div><!-- Uid -->
1
+ <?php
2
+ echo parse_link(
3
+ array(
4
+ get_field('acfb_counter_number_typo'),
5
+ get_field('acfb_counter_title_typo')
6
+ )
7
+ );
8
+
9
+
10
+ $acfb_counter_number_padding = acfb_padding_name('acfb_counter_number_padding');
11
+ $acfb_counter_number_margin = acfb_margin_name('acfb_counter_number_margin');
12
+ $acfb_counter_number_typo = acfb_ffaimly_name('acfb_counter_number_typo');
13
+ $acfb_counter_title_typo = acfb_ffaimly_name('acfb_counter_title_typo');
14
+
15
+
16
+ $uid = $block['id'];
17
+
18
+ $className = 'acfb_counter_number_block';
19
+ if( !empty($block['className']) ) {
20
+ $className .= ' ' . $block['className'];
21
+ }
22
+ if( !empty($block['align']) ) {
23
+ $className .= ' align' . $block['align'];
24
+ }
25
+
26
+ ?>
27
+ <div class="<?php echo $uid; ?> <?php echo esc_attr($className); ?>">
28
+ <style type="text/css">
29
+ .<?php echo $uid; ?> {
30
+ <?php echo get_padding_field($acfb_counter_number_padding); ?>
31
+ <?php echo get_margin_field($acfb_counter_number_margin); ?>
32
+ }
33
+
34
+ .<?php echo $uid; ?> .acfb_counter_number_wrapper{
35
+ color: <?php the_field('acfb_counter_number_color'); ?>;
36
+ <?php echo get_typo_field($acfb_counter_number_typo); ?>
37
+ }
38
+
39
+ .<?php echo $uid; ?> .acfb_counter .acfb_counter_title{
40
+ color: <?php the_field('acfb_counter_number_title_color'); ?>;
41
+ <?php echo get_typo_field($acfb_counter_title_typo); ?>
42
+ }
43
+ </style>
44
+
45
+ <div class="acfb_counter">
46
+ <div class="acfb_counter_number_wrapper">
47
+ <span class="acfb_counter_number_prefix"><?php the_field('acfb_counter_number_prefix'); ?></span>
48
+ <span class="acfb_counter_number"><?php the_field('acfb_counter_number'); ?></span>
49
+ <span class="acfb_counter_number_suffix"><?php the_field('acfb_counter_number_suffix'); ?></span>
50
+ </div>
51
+ <div class="acfb_counter_title"><?php the_field('acfb_counter_number_title'); ?></div>
52
+ </div>
53
+
54
  </div><!-- Uid -->
acfblocks-templates/free/acfb-divider.php CHANGED
@@ -1,156 +1,156 @@
1
- <?php
2
- $uid = $block['id'];
3
-
4
- $className = 'acfb_divider_block';
5
- if( !empty($block['className']) ) {
6
- $className .= ' ' . $block['className'];
7
- }
8
- if( !empty($block['align']) ) {
9
- $className .= ' align' . $block['align'];
10
- }
11
-
12
- echo parse_link(
13
- array(
14
- get_field('acfb_divider_text_typo')
15
- )
16
- );
17
-
18
- $acfb_divider_padding = acfb_padding_name('acfb_divider_padding');
19
- $acfb_divider_margin = acfb_margin_name('acfb_divider_margin');
20
- $acfb_divider_text_typo = acfb_ffaimly_name('acfb_divider_text_typo');
21
-
22
-
23
-
24
-
25
- $acfb_divider_color = get_field('acfb_divider_color');
26
- $acfb_dc = str_replace('#' , "" , get_field('acfb_divider_color'));
27
-
28
- $acfb_divider_fancy_styles = get_field('acfb_divider_fancy_styles');
29
- $acfb_fancy_divider = '';
30
- if($acfb_divider_fancy_styles === 'curly'){
31
- $acfb_fancy_divider = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' overflow='visible' height='100%25' viewBox='0 0 24 24' stroke='%23$acfb_dc' stroke-width='1' fill='none' stroke-linecap='square' stroke-miterlimit='10'%3E%3Cpath d='M0,21c3.3,0,8.3-0.9,15.7-7.1c6.6-5.4,4.4-9.3,2.4-10.3c-3.4-1.8-7.7,1.3-7.3,8.8C11.2,20,17.1,21,24,21'/%3E%3C/svg%3E";
32
- } elseif($acfb_divider_fancy_styles === 'curved'){
33
- $acfb_fancy_divider = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' overflow='visible' height='100%25' viewBox='0 0 24 24' stroke='%23$acfb_dc' stroke-width='1' fill='none' stroke-linecap='square' stroke-miterlimit='10'%3E%3Cpath d='M0,6c6,0,6,13,12,13S18,6,24,6'/%3E%3C/svg%3E";
34
-
35
- } elseif($acfb_divider_fancy_styles === 'slashes'){
36
- $acfb_fancy_divider = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' overflow='visible' height='100%25' viewBox='0 0 20 16' stroke='%23$acfb_dc' stroke-width='1' fill='none' stroke-linecap='square' stroke-miterlimit='10'%3E%3Cg transform='translate(-12.000000, 0)'%3E%3Cpath d='M28,0L10,18'/%3E%3Cpath d='M18,0L0,18'/%3E%3Cpath d='M48,0L30,18'/%3E%3Cpath d='M38,0L20,18'/%3E%3C/g%3E%3C/svg%3E";
37
- } elseif($acfb_divider_fancy_styles === 'squared'){
38
- $acfb_fancy_divider = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' overflow='visible' height='100%25' viewBox='0 0 24 24' stroke='%23$acfb_dc' stroke-width='1' fill='none' stroke-linecap='square' stroke-miterlimit='10'%3E%3Cpolyline points='0,6 6,6 6,18 18,18 18,6 24,6 '/%3E%3C/svg%3E";
39
- } elseif($acfb_divider_fancy_styles === 'wavy'){
40
- $acfb_fancy_divider = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' overflow='visible' height='100%25' viewBox='0 0 24 24' stroke='%23$acfb_dc' stroke-width='1' fill='none' stroke-linecap='square' stroke-miterlimit='10'%3E%3Cpath d='M0,6c6,0,0.9,11.1,6.9,11.1S18,6,24,6'/%3E%3C/svg%3E";
41
- } elseif($acfb_divider_fancy_styles === 'tree'){
42
- $acfb_fancy_divider = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid meet' overflow='visible' height='100%25' viewBox='0 0 126 26' fill='%23$acfb_dc' stroke='none'%3E%3Cpath d='M111.9,18.3v3.4H109v-3.4H111.9z M90.8,18.3v3.4H88v-3.4H90.8z M69.8,18.3v3.4h-2.9v-3.4H69.8z M48.8,18.3v3.4h-2.9v-3.4H48.8z M27.7,18.3v3.4h-2.9v-3.4H27.7z M6.7,18.3v3.4H3.8v-3.4H6.7z M46.4,4l4.3,4.8l-1.8,0l3.5,4.4l-2.2-0.1l3,3.3l-11,0.4l3.6-3.8l-2.9-0.1l3.1-4.2l-1.9,0L46.4,4z M111.4,4l2.4,4.8l-1.8,0l3.5,4.4l-2.5-0.1l3.3,3.3h-11l3.1-3.4l-2.5-0.1l3.1-4.2l-1.9,0L111.4,4z M89.9,4l2.9,4.8l-1.9,0l3.2,4.2l-2.5,0l3.5,3.5l-11-0.4l3-3.1l-2.4,0L88,8.8l-1.9,0L89.9,4z M68.6,4l3,4.4l-1.9,0.1l3.4,4.1l-2.7,0.1l3.8,3.7H63.8l2.9-3.6l-2.9,0.1L67,8.7l-2,0.1L68.6,4z M26.5,4l3,4.4l-1.9,0.1l3.7,4.7l-2.5-0.1l3.3,3.3H21l3.1-3.4l-2.5-0.1l3.2-4.3l-2,0.1L26.5,4z M4.9,4l3.7,4.8l-1.5,0l3.1,4.2L7.6,13l3.4,3.4H0l3-3.3l-2.3,0.1l3.5-4.4l-2.3,0L4.9,4z'/%3E%3C/svg%3E";
43
- } elseif($acfb_divider_fancy_styles === 'zigzag'){
44
- $acfb_fancy_divider = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' overflow='visible' height='100%25' viewBox='0 0 24 24' stroke='%23$acfb_dc' stroke-width='1' fill='none' stroke-linecap='square' stroke-miterlimit='10'%3E%3Cpolyline points='0,18 12,6 24,18 '/%3E%3C/svg%3E";
45
- } elseif($acfb_divider_fancy_styles === 'rhombus'){
46
- $acfb_fancy_divider = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' overflow='visible' height='100%25' viewBox='0 0 24 24' fill='%23$acfb_dc' stroke='none'%3E%3Cpath d='M12.7,2.3c-0.4-0.4-1.1-0.4-1.5,0l-8,9.1c-0.3,0.4-0.3,0.9,0,1.2l8,9.1c0.4,0.4,1.1,0.4,1.5,0l8-9.1c0.3-0.4,0.3-0.9,0-1.2L12.7,2.3z'/%3E%3C/svg%3E";
47
- } elseif($acfb_divider_fancy_styles === 'parallelogram'){
48
- $acfb_fancy_divider = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' overflow='visible' height='100%25' viewBox='0 0 24 24' fill='%23$acfb_dc' stroke='none'%3E%3Cpolygon points='9.4,2 24,2 14.6,21.6 0,21.6'/%3E%3C/svg%3E";
49
- } elseif($acfb_divider_fancy_styles === 'x'){
50
- $acfb_fancy_divider = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid meet' overflow='visible' height='100%25' viewBox='0 0 126 26' fill='%23$acfb_dc' stroke='none'%3E%3Cpath d='M10.7,6l2.5,2.6l-4,4.3l4,5.4l-2.5,1.9l-4.5-5.2l-3.9,4.2L0.7,17L4,13.1L0,8.6l2.3-1.3l3.9,3.9L10.7,6z M23.9,6.6l4.2,4.5L32,7.2l2.3,1.3l-4,4.5l3.2,3.9L32,19.1l-3.9-3.3l-4.5,4.3l-2.5-1.9l4.4-5.1l-4.2-3.9L23.9,6.6zM73.5,6L76,8.6l-4,4.3l4,5.4l-2.5,1.9l-4.5-5.2l-3.9,4.2L63.5,17l4.1-4.7L63.5,8l2.3-1.3l4.1,3.6L73.5,6z M94,6l2.5,2.6l-4,4.3l4,5.4L94,20.1l-3.9-5l-3.9,4.2L84,17l3.2-3.9L84,8.6l2.3-1.3l3.2,3.9L94,6z M106.9,6l4.5,5.1l3.9-3.9l2.3,1.3l-4,4.5l3.2,3.9l-1.6,2.1l-3.9-4.2l-4.5,5.2l-2.5-1.9l4-5.4l-4-4.3L106.9,6z M53.1,6l2.5,2.6l-4,4.3l4,4.6l-2.5,1.9l-4.5-4.5l-3.5,4.5L43.1,17l3.2-3.9l-4-4.5l2.3-1.3l3.9,3.9L53.1,6z'/%3E%3C/svg%3E";
51
- } else{
52
- $acfb_fancy_divider = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid meet' overflow='visible' height='100%25' viewBox='0 0 120 26' fill='%23$acfb_dc' stroke='none'%3E%3Cpolygon points='0,14.4 0,21 11.5,12.4 21.3,20 30.4,11.1 40.3,20 51,12.4 60.6,20 69.6,11.1 79.3,20 90.1,12.4 99.6,20 109.7,11.1 120,21 120,14.4 109.7,5 99.6,13 90.1,5 79.3,14.5 71,5.7 60.6,12.4 51,5 40.3,14.5 31.1,5 21.3,13 11.5,5 '/%3E%3C/svg%3E";
53
- }
54
-
55
-
56
- $acfb_divider_image = null;
57
- if(get_field('acfb_divider_image')){
58
- $acfb_divider_image = get_field('acfb_divider_image');
59
- } else{
60
- $acfb_divider_image = plugins_url() . '/acf-blocks/img/placeholder-image.jpg';
61
- }
62
-
63
- ?>
64
- <div class="<?php echo $uid; ?> <?php echo esc_attr($className); ?>">
65
- <style type="text/css">
66
- .<?php echo $uid; ?>{
67
- <?php echo get_padding_field($acfb_divider_padding); ?>
68
- <?php echo get_margin_field($acfb_divider_margin); ?>
69
- }
70
-
71
- .<?php echo $uid; ?> .acfb_divider{
72
- display: -webkit-box;
73
- display: -webkit-flex;
74
- display: -ms-flexbox;
75
- display: flex;
76
- direction: ltr;
77
- align-items: center;
78
- }
79
-
80
- .<?php echo $uid; ?> .acfb_divider::before{
81
- <?php if(get_field('acfb_divider_image_sf') === 'simple'): ?>
82
- border-top-style: <?php the_field('acfb_divider_simple_styles'); ?>;
83
- border-top-color: <?php echo $acfb_divider_color; ?>;
84
- border-top-width: <?php the_field('acfb_simple_divider_bw') ?>px;
85
- <?php else: ?>
86
- background: url("<?php echo $acfb_fancy_divider ?>");
87
- height: <?php the_field('acfb_fancy_divider_height') ?>px;
88
- <?php if(get_field("acfb_divider_fancy_styles") !== "tree" && get_field("acfb_divider_fancy_styles") !== "x"): ?>
89
- background-size: 20px 100%;
90
- <?php endif; ?>
91
- <?php endif; ?>
92
- <?php if(get_field('acfb_divider_alignment') !== 'left'): ?>
93
- content: "";
94
- <?php endif; ?>
95
- display: block;
96
- -webkit-box-flex: 1;
97
- -webkit-flex-grow: 1;
98
- -ms-flex-positive: 1;
99
- flex-grow: 1;
100
- }
101
-
102
- .<?php echo $uid; ?> .acfb_divider .acfb_divider_element{
103
- width: <?php the_field('acfb_divider_element_width'); ?>%;
104
- margin-left: <?php the_field('acfb_divider_element_spacing'); ?>px;
105
- margin-right: <?php the_field('acfb_divider_element_spacing'); ?>px;
106
- text-align: center;
107
- <?php
108
- if(get_field('acfb_select_divider_style') === 'text'){
109
- echo get_typo_field($acfb_divider_text_typo);
110
- echo "color:" . get_field('acfb_divider_text_color');
111
- }
112
- ?>
113
- }
114
-
115
- <?php if(get_field('acfb_select_divider_style') === 'image'): ?>
116
- .acfb_divider .acfb_divider_element img{
117
- width: <?php the_field('acfb_divider_image_width'); ?>%;
118
- }
119
- <?php endif; ?>
120
-
121
- .<?php echo $uid; ?> .acfb_divider::after{
122
- <?php if(get_field('acfb_divider_image_sf') === 'simple'): ?>
123
- border-top-style: <?php the_field('acfb_divider_simple_styles'); ?>;
124
- border-top-color: <?php echo $acfb_divider_color; ?>;
125
- border-top-width: <?php the_field('acfb_simple_divider_bw') ?>px;
126
- <?php else: ?>
127
- background: url("<?php echo $acfb_fancy_divider ?>");
128
- height: <?php the_field('acfb_fancy_divider_height') ?>px;
129
- <?php if(get_field("acfb_divider_fancy_styles") !== "tree" && get_field("acfb_divider_fancy_styles") !== "x"): ?>
130
- background-size: 20px 100%;
131
- <?php endif; ?>
132
- <?php endif; ?>
133
- <?php if(get_field('acfb_divider_alignment') !== 'right'): ?>
134
- content: "";
135
- <?php endif; ?>
136
- display: block;
137
- -webkit-box-flex: 1;
138
- -webkit-flex-grow: 1;
139
- -ms-flex-positive: 1;
140
- flex-grow: 1;
141
- }
142
- </style>
143
-
144
- <div class="acfb_divider">
145
- <div class="acfb_divider_element">
146
- <?php
147
- if(get_field('acfb_select_divider_style') === 'text'){
148
- the_field('acfb_divider_text');
149
- } else{
150
- echo "<img src='". $acfb_divider_image ."'>";
151
- }
152
- ?>
153
- </div>
154
- </div>
155
-
156
  </div><!-- Uid -->
1
+ <?php
2
+ $uid = $block['id'];
3
+
4
+ $className = 'acfb_divider_block';
5
+ if( !empty($block['className']) ) {
6
+ $className .= ' ' . $block['className'];
7
+ }
8
+ if( !empty($block['align']) ) {
9
+ $className .= ' align' . $block['align'];
10
+ }
11
+
12
+ echo parse_link(
13
+ array(
14
+ get_field('acfb_divider_text_typo')
15
+ )
16
+ );
17
+
18
+ $acfb_divider_padding = acfb_padding_name('acfb_divider_padding');
19
+ $acfb_divider_margin = acfb_margin_name('acfb_divider_margin');
20
+ $acfb_divider_text_typo = acfb_ffaimly_name('acfb_divider_text_typo');
21
+
22
+
23
+
24
+
25
+ $acfb_divider_color = get_field('acfb_divider_color');
26
+ $acfb_dc = str_replace('#' , "" , get_field('acfb_divider_color'));
27
+
28
+ $acfb_divider_fancy_styles = get_field('acfb_divider_fancy_styles');
29
+ $acfb_fancy_divider = '';
30
+ if($acfb_divider_fancy_styles === 'curly'){
31
+ $acfb_fancy_divider = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' overflow='visible' height='100%25' viewBox='0 0 24 24' stroke='%23$acfb_dc' stroke-width='1' fill='none' stroke-linecap='square' stroke-miterlimit='10'%3E%3Cpath d='M0,21c3.3,0,8.3-0.9,15.7-7.1c6.6-5.4,4.4-9.3,2.4-10.3c-3.4-1.8-7.7,1.3-7.3,8.8C11.2,20,17.1,21,24,21'/%3E%3C/svg%3E";
32
+ } elseif($acfb_divider_fancy_styles === 'curved'){
33
+ $acfb_fancy_divider = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' overflow='visible' height='100%25' viewBox='0 0 24 24' stroke='%23$acfb_dc' stroke-width='1' fill='none' stroke-linecap='square' stroke-miterlimit='10'%3E%3Cpath d='M0,6c6,0,6,13,12,13S18,6,24,6'/%3E%3C/svg%3E";
34
+
35
+ } elseif($acfb_divider_fancy_styles === 'slashes'){
36
+ $acfb_fancy_divider = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' overflow='visible' height='100%25' viewBox='0 0 20 16' stroke='%23$acfb_dc' stroke-width='1' fill='none' stroke-linecap='square' stroke-miterlimit='10'%3E%3Cg transform='translate(-12.000000, 0)'%3E%3Cpath d='M28,0L10,18'/%3E%3Cpath d='M18,0L0,18'/%3E%3Cpath d='M48,0L30,18'/%3E%3Cpath d='M38,0L20,18'/%3E%3C/g%3E%3C/svg%3E";
37
+ } elseif($acfb_divider_fancy_styles === 'squared'){
38
+ $acfb_fancy_divider = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' overflow='visible' height='100%25' viewBox='0 0 24 24' stroke='%23$acfb_dc' stroke-width='1' fill='none' stroke-linecap='square' stroke-miterlimit='10'%3E%3Cpolyline points='0,6 6,6 6,18 18,18 18,6 24,6 '/%3E%3C/svg%3E";
39
+ } elseif($acfb_divider_fancy_styles === 'wavy'){
40
+ $acfb_fancy_divider = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' overflow='visible' height='100%25' viewBox='0 0 24 24' stroke='%23$acfb_dc' stroke-width='1' fill='none' stroke-linecap='square' stroke-miterlimit='10'%3E%3Cpath d='M0,6c6,0,0.9,11.1,6.9,11.1S18,6,24,6'/%3E%3C/svg%3E";
41
+ } elseif($acfb_divider_fancy_styles === 'tree'){
42
+ $acfb_fancy_divider = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid meet' overflow='visible' height='100%25' viewBox='0 0 126 26' fill='%23$acfb_dc' stroke='none'%3E%3Cpath d='M111.9,18.3v3.4H109v-3.4H111.9z M90.8,18.3v3.4H88v-3.4H90.8z M69.8,18.3v3.4h-2.9v-3.4H69.8z M48.8,18.3v3.4h-2.9v-3.4H48.8z M27.7,18.3v3.4h-2.9v-3.4H27.7z M6.7,18.3v3.4H3.8v-3.4H6.7z M46.4,4l4.3,4.8l-1.8,0l3.5,4.4l-2.2-0.1l3,3.3l-11,0.4l3.6-3.8l-2.9-0.1l3.1-4.2l-1.9,0L46.4,4z M111.4,4l2.4,4.8l-1.8,0l3.5,4.4l-2.5-0.1l3.3,3.3h-11l3.1-3.4l-2.5-0.1l3.1-4.2l-1.9,0L111.4,4z M89.9,4l2.9,4.8l-1.9,0l3.2,4.2l-2.5,0l3.5,3.5l-11-0.4l3-3.1l-2.4,0L88,8.8l-1.9,0L89.9,4z M68.6,4l3,4.4l-1.9,0.1l3.4,4.1l-2.7,0.1l3.8,3.7H63.8l2.9-3.6l-2.9,0.1L67,8.7l-2,0.1L68.6,4z M26.5,4l3,4.4l-1.9,0.1l3.7,4.7l-2.5-0.1l3.3,3.3H21l3.1-3.4l-2.5-0.1l3.2-4.3l-2,0.1L26.5,4z M4.9,4l3.7,4.8l-1.5,0l3.1,4.2L7.6,13l3.4,3.4H0l3-3.3l-2.3,0.1l3.5-4.4l-2.3,0L4.9,4z'/%3E%3C/svg%3E";
43
+ } elseif($acfb_divider_fancy_styles === 'zigzag'){
44
+ $acfb_fancy_divider = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' overflow='visible' height='100%25' viewBox='0 0 24 24' stroke='%23$acfb_dc' stroke-width='1' fill='none' stroke-linecap='square' stroke-miterlimit='10'%3E%3Cpolyline points='0,18 12,6 24,18 '/%3E%3C/svg%3E";
45
+ } elseif($acfb_divider_fancy_styles === 'rhombus'){
46
+ $acfb_fancy_divider = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' overflow='visible' height='100%25' viewBox='0 0 24 24' fill='%23$acfb_dc' stroke='none'%3E%3Cpath d='M12.7,2.3c-0.4-0.4-1.1-0.4-1.5,0l-8,9.1c-0.3,0.4-0.3,0.9,0,1.2l8,9.1c0.4,0.4,1.1,0.4,1.5,0l8-9.1c0.3-0.4,0.3-0.9,0-1.2L12.7,2.3z'/%3E%3C/svg%3E";
47
+ } elseif($acfb_divider_fancy_styles === 'parallelogram'){
48
+ $acfb_fancy_divider = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' overflow='visible' height='100%25' viewBox='0 0 24 24' fill='%23$acfb_dc' stroke='none'%3E%3Cpolygon points='9.4,2 24,2 14.6,21.6 0,21.6'/%3E%3C/svg%3E";
49
+ } elseif($acfb_divider_fancy_styles === 'x'){
50
+ $acfb_fancy_divider = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid meet' overflow='visible' height='100%25' viewBox='0 0 126 26' fill='%23$acfb_dc' stroke='none'%3E%3Cpath d='M10.7,6l2.5,2.6l-4,4.3l4,5.4l-2.5,1.9l-4.5-5.2l-3.9,4.2L0.7,17L4,13.1L0,8.6l2.3-1.3l3.9,3.9L10.7,6z M23.9,6.6l4.2,4.5L32,7.2l2.3,1.3l-4,4.5l3.2,3.9L32,19.1l-3.9-3.3l-4.5,4.3l-2.5-1.9l4.4-5.1l-4.2-3.9L23.9,6.6zM73.5,6L76,8.6l-4,4.3l4,5.4l-2.5,1.9l-4.5-5.2l-3.9,4.2L63.5,17l4.1-4.7L63.5,8l2.3-1.3l4.1,3.6L73.5,6z M94,6l2.5,2.6l-4,4.3l4,5.4L94,20.1l-3.9-5l-3.9,4.2L84,17l3.2-3.9L84,8.6l2.3-1.3l3.2,3.9L94,6z M106.9,6l4.5,5.1l3.9-3.9l2.3,1.3l-4,4.5l3.2,3.9l-1.6,2.1l-3.9-4.2l-4.5,5.2l-2.5-1.9l4-5.4l-4-4.3L106.9,6z M53.1,6l2.5,2.6l-4,4.3l4,4.6l-2.5,1.9l-4.5-4.5l-3.5,4.5L43.1,17l3.2-3.9l-4-4.5l2.3-1.3l3.9,3.9L53.1,6z'/%3E%3C/svg%3E";
51
+ } else{
52
+ $acfb_fancy_divider = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid meet' overflow='visible' height='100%25' viewBox='0 0 120 26' fill='%23$acfb_dc' stroke='none'%3E%3Cpolygon points='0,14.4 0,21 11.5,12.4 21.3,20 30.4,11.1 40.3,20 51,12.4 60.6,20 69.6,11.1 79.3,20 90.1,12.4 99.6,20 109.7,11.1 120,21 120,14.4 109.7,5 99.6,13 90.1,5 79.3,14.5 71,5.7 60.6,12.4 51,5 40.3,14.5 31.1,5 21.3,13 11.5,5 '/%3E%3C/svg%3E";
53
+ }
54
+
55
+
56
+ $acfb_divider_image = null;
57
+ if(get_field('acfb_divider_image')){
58
+ $acfb_divider_image = get_field('acfb_divider_image');
59
+ } else{
60
+ $acfb_divider_image = plugins_url() . '/acf-blocks/img/placeholder-image.jpg';
61
+ }
62
+
63
+ ?>
64
+ <div class="<?php echo $uid; ?> <?php echo esc_attr($className); ?>">
65
+ <style type="text/css">
66
+ .<?php echo $uid; ?>{
67
+ <?php echo get_padding_field($acfb_divider_padding); ?>
68
+ <?php echo get_margin_field($acfb_divider_margin); ?>
69
+ }
70
+
71
+ .<?php echo $uid; ?> .acfb_divider{
72
+ display: -webkit-box;
73
+ display: -webkit-flex;
74
+ display: -ms-flexbox;
75
+ display: flex;
76
+ direction: ltr;
77
+ align-items: center;
78
+ }
79
+
80
+ .<?php echo $uid; ?> .acfb_divider::before{
81
+ <?php if(get_field('acfb_divider_image_sf') === 'simple'): ?>
82
+ border-top-style: <?php the_field('acfb_divider_simple_styles'); ?>;
83
+ border-top-color: <?php echo $acfb_divider_color; ?>;
84
+ border-top-width: <?php the_field('acfb_simple_divider_bw') ?>px;
85
+ <?php else: ?>
86
+ background: url("<?php echo $acfb_fancy_divider ?>");
87
+ height: <?php the_field('acfb_fancy_divider_height') ?>px;
88
+ <?php if(get_field("acfb_divider_fancy_styles") !== "tree" && get_field("acfb_divider_fancy_styles") !== "x"): ?>
89
+ background-size: 20px 100%;
90
+ <?php endif; ?>
91
+ <?php endif; ?>
92
+ <?php if(get_field('acfb_divider_alignment') !== 'left'): ?>
93
+ content: "";
94
+ <?php endif; ?>
95
+ display: block;
96
+ -webkit-box-flex: 1;
97
+ -webkit-flex-grow: 1;
98
+ -ms-flex-positive: 1;
99
+ flex-grow: 1;
100
+ }
101
+
102
+ .<?php echo $uid; ?> .acfb_divider .acfb_divider_element{
103
+ width: <?php the_field('acfb_divider_element_width'); ?>%;
104
+ margin-left: <?php the_field('acfb_divider_element_spacing'); ?>px;
105
+ margin-right: <?php the_field('acfb_divider_element_spacing'); ?>px;
106
+ text-align: center;
107
+ <?php
108
+ if(get_field('acfb_select_divider_style') === 'text'){
109
+ echo get_typo_field($acfb_divider_text_typo);
110
+ echo "color:" . get_field('acfb_divider_text_color');
111
+ }
112
+ ?>
113
+ }
114
+
115
+ <?php if(get_field('acfb_select_divider_style') === 'image'): ?>
116
+ .acfb_divider .acfb_divider_element img{
117
+ width: <?php the_field('acfb_divider_image_width'); ?>%;
118
+ }
119
+ <?php endif; ?>
120
+
121
+ .<?php echo $uid; ?> .acfb_divider::after{
122
+ <?php if(get_field('acfb_divider_image_sf') === 'simple'): ?>
123
+ border-top-style: <?php the_field('acfb_divider_simple_styles'); ?>;
124
+ border-top-color: <?php echo $acfb_divider_color; ?>;
125
+ border-top-width: <?php the_field('acfb_simple_divider_bw') ?>px;
126
+ <?php else: ?>
127
+ background: url("<?php echo $acfb_fancy_divider ?>");
128
+ height: <?php the_field('acfb_fancy_divider_height') ?>px;
129
+ <?php if(get_field("acfb_divider_fancy_styles") !== "tree" && get_field("acfb_divider_fancy_styles") !== "x"): ?>
130
+ background-size: 20px 100%;
131
+ <?php endif; ?>
132
+ <?php endif; ?>
133
+ <?php if(get_field('acfb_divider_alignment') !== 'right'): ?>
134
+ content: "";
135
+ <?php endif; ?>
136
+ display: block;
137
+ -webkit-box-flex: 1;
138
+ -webkit-flex-grow: 1;
139
+ -ms-flex-positive: 1;
140
+ flex-grow: 1;
141
+ }
142
+ </style>
143
+
144
+ <div class="acfb_divider">
145
+ <div class="acfb_divider_element">
146
+ <?php
147
+ if(get_field('acfb_select_divider_style') === 'text'){
148
+ the_field('acfb_divider_text');
149
+ } else{
150
+ echo "<img src='". $acfb_divider_image ."'>";
151
+ }
152
+ ?>
153
+ </div>
154
+ </div>
155
+
156
  </div><!-- Uid -->
acfblocks-templates/free/acfb-facebook-page.php CHANGED
@@ -1,46 +1,46 @@
1
- <?php
2
- $acfb_fb_page_margin = acfb_margin_name('acfb_fb_page_margin');
3
- $acfb_fb_page_padding = acfb_padding_name('acfb_fb_page_padding');
4
- $acfb_fb_timeline_tab = '';
5
- $acfb_fb_events_tab = '';
6
- $acfb_fb_messages_tab = '';
7
-
8
-
9
- if(get_field('acfb_fb_timeline_tab') == 'true'){
10
- $acfb_fb_timeline_tab = 'timeline';
11
- }
12
-
13
- if(get_field('acfb_fb_events_tab') == 'true'){
14
- $acfb_fb_events_tab = 'events';
15
- }
16
-
17
- if(get_field('acfb_fb_messages_tab') == 'true'){
18
- $acfb_fb_messages_tab = 'messages';
19
- }
20
-
21
-
22
- $uid = $block['id'];
23
-
24
- $className = 'acfb_facebook_page_block';
25
- if( !empty($block['className']) ) {
26
- $className .= ' ' . $block['className'];
27
- }
28
- if( !empty($block['align']) ) {
29
- $className .= ' align' . $block['align'];
30
- }
31
- ?>
32
-
33
- <div class="<?php echo $uid; ?> <?php echo esc_attr($className); ?>">
34
- <style type="text/css">
35
- .<?php echo $uid; ?> {
36
- <?php echo get_margin_field($acfb_fb_page_margin); ?>
37
- <?php echo get_padding_field($acfb_fb_page_padding); ?>
38
- }
39
- </style>
40
-
41
-
42
- <div class="acfb_fb_page_wrap" style="width: 100%;">
43
- <iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2F<?php the_field('acfb_fb_page_id'); ?>%2F&tabs=<?php echo $acfb_fb_timeline_tab; ?>,<?php echo $acfb_fb_events_tab; ?>,<?php echo $acfb_fb_messages_tab; ?>&width=<?php the_field('acfb_fb_page_width'); ?>&height=<?php the_field('acfb_fb_page_height'); ?>&small_header=<?php the_field('acfb_fb_small_header'); ?>&adapt_container_width=true&hide_cover=<?php the_field('acfb_fb_cover_photo'); ?>&hide_cta=<?php the_field('acfb_fb_cta_button'); ?>&show_facepile=<?php the_field('acfb_fb_profile_photos'); ?>&appId" width="<?php the_field('acfb_fb_page_width'); ?>" height="<?php the_field('acfb_fb_page_height'); ?>" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
44
- </div>
45
-
46
  </div><!-- Uid -->
1
+ <?php
2
+ $acfb_fb_page_margin = acfb_margin_name('acfb_fb_page_margin');
3
+ $acfb_fb_page_padding = acfb_padding_name('acfb_fb_page_padding');
4
+ $acfb_fb_timeline_tab = '';
5
+ $acfb_fb_events_tab = '';
6
+ $acfb_fb_messages_tab = '';
7
+
8
+
9
+ if(get_field('acfb_fb_timeline_tab') == 'true'){
10
+ $acfb_fb_timeline_tab = 'timeline';
11
+ }
12
+
13
+ if(get_field('acfb_fb_events_tab') == 'true'){
14
+ $acfb_fb_events_tab = 'events';
15
+ }
16
+
17
+ if(get_field('acfb_fb_messages_tab') == 'true'){
18
+ $acfb_fb_messages_tab = 'messages';
19
+ }
20
+
21
+
22
+ $uid = $block['id'];
23
+
24
+ $className = 'acfb_facebook_page_block';
25
+ if( !empty($block['className']) ) {
26
+ $className .= ' ' . $block['className'];
27
+ }
28
+ if( !empty($block['align']) ) {
29
+ $className .= ' align' . $block['align'];
30
+ }
31
+ ?>
32
+
33
+ <div class="<?php echo $uid; ?> <?php echo esc_attr($className); ?>">
34
+ <style type="text/css">
35
+ .<?php echo $uid; ?> {
36
+ <?php echo get_margin_field($acfb_fb_page_margin); ?>
37
+ <?php echo get_padding_field($acfb_fb_page_padding); ?>
38
+ }
39
+ </style>
40
+
41
+
42
+ <div class="acfb_fb_page_wrap" style="width: 100%;">
43
+ <iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2F<?php the_field('acfb_fb_page_id'); ?>%2F&tabs=<?php echo $acfb_fb_timeline_tab; ?>,<?php echo $acfb_fb_events_tab; ?>,<?php echo $acfb_fb_messages_tab; ?>&width=<?php the_field('acfb_fb_page_width'); ?>&height=<?php the_field('acfb_fb_page_height'); ?>&small_header=<?php the_field('acfb_fb_small_header'); ?>&adapt_container_width=true&hide_cover=<?php the_field('acfb_fb_cover_photo'); ?>&hide_cta=<?php the_field('acfb_fb_cta_button'); ?>&show_facepile=<?php the_field('acfb_fb_profile_photos'); ?>&appId" width="<?php the_field('acfb_fb_page_width'); ?>" height="<?php the_field('acfb_fb_page_height'); ?>" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
44
+ </div>
45
+
46
  </div><!-- Uid -->
acfblocks-templates/free/acfb-fb-like-button.php CHANGED
@@ -1,28 +1,28 @@
1
- <?php
2
- $uid = $block['id'];
3
-
4
- $className = 'acfb_fb_like_button_block';
5
- if( !empty($block['className']) ) {
6
- $className .= ' ' . $block['className'];
7
- }
8
- if( !empty($block['align']) ) {
9
- $className .= ' align' . $block['align'];
10
- }
11
-
12
- $acfb_flb_margin = acfb_margin_name('acfb_flb_margin');
13
- $acfb_flb_padding = acfb_padding_name('acfb_flb_padding');
14
- ?>
15
- <div class="<?php echo $uid; ?> <?php echo esc_attr($className); ?>">
16
- <style type="text/css">
17
- .<?php echo $uid; ?> {
18
- <?php echo get_margin_field($acfb_flb_margin); ?>
19
- <?php echo get_padding_field($acfb_flb_padding); ?>
20
- }
21
- </style>
22
-
23
-
24
- <div class="acfb_fb_button_container">
25
- <iframe src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2F<?php the_field("acfb_flb_link"); ?>&layout=<?php the_field("acfb_flb_layout"); ?>&action=<?php the_field("acfb_flb_type"); ?>&size=<?php the_field("acfb_flb_size"); ?>&share=<?php the_field("acfb_flb_share_button"); ?>&appId" width="100%" height="<?php the_field("acfb_flb_height"); ?>" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
26
- </div>
27
-
28
  </div><!-- Uid -->
1
+ <?php
2
+ $uid = $block['id'];
3
+
4
+ $className = 'acfb_fb_like_button_block';
5
+ if( !empty($block['className']) ) {
6
+ $className .= ' ' . $block['className'];
7
+ }
8
+ if( !empty($block['align']) ) {
9
+ $className .= ' align' . $block['align'];
10
+ }
11
+
12
+ $acfb_flb_margin = acfb_margin_name('acfb_flb_margin');
13
+ $acfb_flb_padding = acfb_padding_name('acfb_flb_padding');
14
+ ?>
15
+ <div class="<?php echo $uid; ?> <?php echo esc_attr($className); ?>">
16
+ <style type="text/css">
17
+ .<?php echo $uid; ?> {
18
+ <?php echo get_margin_field($acfb_flb_margin); ?>
19
+ <?php echo get_padding_field($acfb_flb_padding); ?>
20
+ }
21
+ </style>
22
+
23
+
24
+ <div class="acfb_fb_button_container">
25
+ <iframe src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2F<?php the_field("acfb_flb_link"); ?>&layout=<?php the_field("acfb_flb_layout"); ?>&action=<?php the_field("acfb_flb_type"); ?>&size=<?php the_field("acfb_flb_size"); ?>&share=<?php the_field("acfb_flb_share_button"); ?>&appId" width="100%" height="<?php the_field("acfb_flb_height"); ?>" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
26
+ </div>
27
+
28
  </div><!-- Uid -->
acfblocks-templates/free/acfb-image-slider.php CHANGED
@@ -1,105 +1,105 @@
1
- <?php
2
- echo parse_link(
3
- array(
4
- get_field('acfb_slider_caption_typo')
5
- )
6
- );
7
-
8
-
9
- $acfb_slider_padding = acfb_padding_name('acfb_slider_padding');
10
- $acfb_slider_margin = acfb_margin_name('acfb_slider_margin');
11
- $acfb_slider_caption_typo = acfb_ffaimly_name('acfb_slider_caption_typo');
12
-
13
-
14
- $uid = $block['id'];
15
- $acfb_slider_images = get_field('acfb_slider_images');
16
- $acfb_slide_placeholder = plugins_url() . '/acf-blocks/img/placeholder-image.jpg';
17
-
18
- $className = 'acfb_slider_block';
19
- if( !empty($block['className']) ) {
20
- $className .= ' ' . $block['className'];
21
- }
22
- if( !empty($block['align']) ) {
23
- $className .= ' align' . $block['align'];
24
- }
25
-
26
- ?>
27
-
28
- <div class="<?php echo $uid; ?> <?php echo esc_attr($className); ?>">
29
- <style type="text/css">
30
- .<?php echo $uid; ?> {
31
- <?php echo get_padding_field($acfb_slider_padding); ?>
32
- <?php echo get_margin_field($acfb_slider_margin); ?>
33
- }
34
-
35
-
36
- .<?php echo $uid; ?> .swiper-container .swiper-wrapper .swiper-slide{
37
- <?php if(get_field('acfb_slider_caption') == 'true'): ?>
38
- display: flex;
39
- justify-content: <?php the_field("acfb_slider_caption_horizontal_position"); ?>;
40
- <?php endif; ?>
41
- height: <?php the_field('acfb_slider_height'); ?>px !important;
42
- }
43
-
44
- .<?php echo $uid; ?> .swiper-container .swiper-wrapper .swiper-slide .acfb_caption{
45
- background-color: <?php the_field("acfb_slider_caption_background"); ?>;
46
- <?php echo get_typo_field($acfb_slider_caption_typo); ?>
47
- color: <?php the_field("acfb_slider_caption_color"); ?>;
48
- align-self: <?php the_field("acfb_slider_caption_vertical_position"); ?>;
49
- }
50
-
51
- .<?php echo $uid; ?> .swiper-container .swiper-wrapper .swiper-slide img{
52
- <?php if(get_field("acfb_slider_height")): ?>
53
- -ms-flex: 1;
54
- flex: 1;
55
- width: 100%;
56
- height: 100%;
57
- -o-object-fit: cover;
58
- object-fit: cover;
59
- <?php endif; ?>
60
- }
61
- </style>
62
-
63
- <div class="swiper-container" data-slidesperview="<?php the_field("acfb_slides_per_view"); ?>" data-delay="<?php the_field("acfb_slider_delay"); ?>" data-effect="<?php the_field("acfb_slider_transition_effect"); ?>" data-centerslide="<?php the_field("acfb_slider_center_slide"); ?>" data-gutter="<?php the_field("acfb_slider_gutter_space"); ?>" data-autoplay="<?php the_field("acfb_slider_autoplay"); ?>" data-autoheight="<?php the_field("acfb_slider_auto_height"); ?>">
64
- <div class="swiper-wrapper">
65
-
66
- <?php if($acfb_slider_images): ?>
67
-
68
- <?php foreach( $acfb_slider_images as $acfb_slide_image ): ?>
69
- <div class="swiper-slide">
70
- <img src="<?php echo $acfb_slide_image['url']; ?>"/>
71
- <?php if(get_field('acfb_slider_caption') == 'true' && $acfb_slide_image['caption']): ?>
72
- <span class="acfb_caption"><?php echo $acfb_slide_image['caption']; ?></span>
73
- <?php endif; ?>
74
- </div>
75
- <?php endforeach; ?>
76
-
77
- <?php else: ?>
78
-
79
- <?php for ($acfb_slide_count = 0 ; $acfb_slide_count < 6; $acfb_slide_count++): ?>
80
- <div class="swiper-slide">
81
- <img src="<?php echo $acfb_slide_placeholder; ?>"/>
82
- <?php if(get_field('acfb_slider_caption') == 'true'): ?>
83
- <span class="acfb_caption">Caption</span>
84
- <?php endif; ?>
85
- </div>
86
- <?php endfor; ?>
87
-
88
- <?php endif; ?>
89
-
90
- </div>
91
- <?php if(get_field("acfb_slider_dot_control") == 'true'): ?><div class="swiper-pagination"></div><?php endif; ?>
92
- <?php if(get_field("acfb_slider_arrow_control") == 'true'): ?>
93
- <div class="acfb-button-prev"><svg enable-background="new 0 0 477.175 477.175" version="1.1" viewBox="0 0 477.18 477.18" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
94
- <path d="m145.19 238.58 215.5-215.5c5.3-5.3 5.3-13.8 0-19.1s-13.8-5.3-19.1 0l-225.1 225.1c-5.3 5.3-5.3 13.8 0 19.1l225.1 225c2.6 2.6 6.1 4 9.5 4s6.9-1.3 9.5-4c5.3-5.3 5.3-13.8 0-19.1l-215.4-215.5z"/>
95
- </svg>
96
- </div>
97
- <div class="acfb-button-next">
98
- <svg enable-background="new 0 0 477.175 477.175" version="1.1" viewBox="0 0 477.18 477.18" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
99
- <path d="m360.73 229.08-225.1-225.1c-5.3-5.3-13.8-5.3-19.1 0s-5.3 13.8 0 19.1l215.5 215.5-215.5 215.5c-5.3 5.3-5.3 13.8 0 19.1 2.6 2.6 6.1 4 9.5 4s6.9-1.3 9.5-4l225.1-225.1c5.3-5.2 5.3-13.8 0.1-19z"/>
100
- </svg>
101
- </div>
102
- <?php endif; ?>
103
- </div>
104
-
105
  </div><!-- Uid -->
1
+ <?php
2
+ echo parse_link(
3
+ array(
4
+ get_field('acfb_slider_caption_typo')
5
+ )
6
+ );
7
+
8
+
9
+ $acfb_slider_padding = acfb_padding_name('acfb_slider_padding');
10
+ $acfb_slider_margin = acfb_margin_name('acfb_slider_margin');
11
+ $acfb_slider_caption_typo = acfb_ffaimly_name('acfb_slider_caption_typo');
12
+
13
+
14
+ $uid = $block['id'];
15
+ $acfb_slider_images = get_field('acfb_slider_images');
16
+ $acfb_slide_placeholder = plugins_url() . '/acf-blocks/img/placeholder-image.jpg';
17
+
18
+ $className = 'acfb_slider_block';
19
+ if( !empty($block['className']) ) {
20
+ $className .= ' ' . $block['className'];
21
+ }
22
+ if( !empty($block['align']) ) {
23
+ $className .= ' align' . $block['align'];
24
+ }
25
+
26
+ ?>
27
+
28
+ <div class="<?php echo $uid; ?> <?php echo esc_attr($className); ?>">
29
+ <style type="text/css">
30
+ .<?php echo $uid; ?> {
31
+ <?php echo get_padding_field($acfb_slider_padding); ?>
32
+ <?php echo get_margin_field($acfb_slider_margin); ?>
33
+ }
34
+
35
+
36
+ .<?php echo $uid; ?> .swiper-container .swiper-wrapper .swiper-slide{
37
+ <?php if(get_field('acfb_slider_caption') == 'true'): ?>
38
+ display: flex;
39
+ justify-content: <?php the_field("acfb_slider_caption_horizontal_position"); ?>;
40
+ <?php endif; ?>
41
+ height: <?php the_field('acfb_slider_height'); ?>px !important;
42
+ }
43
+
44
+ .<?php echo $uid; ?> .swiper-container .swiper-wrapper .swiper-slide .acfb_caption{
45
+ background-color: <?php the_field("acfb_slider_caption_background"); ?>;
46
+ <?php echo get_typo_field($acfb_slider_caption_typo); ?>
47
+ color: <?php the_field("acfb_slider_caption_color"); ?>;
48
+ align-self: <?php the_field("acfb_slider_caption_vertical_position"); ?>;
49
+ }
50
+
51
+ .<?php echo $uid; ?> .swiper-container .swiper-wrapper .swiper-slide img{
52
+ <?php if(get_field("acfb_slider_height")): ?>
53
+ -ms-flex: 1;
54
+ flex: 1;
55
+ width: 100%;
56
+ height: 100%;
57
+ -o-object-fit: cover;
58
+ object-fit: cover;
59
+ <?php endif; ?>
60
+ }
61
+ </style>
62
+
63
+ <div class="swiper-container" data-slidesperview="<?php the_field("acfb_slides_per_view"); ?>" data-delay="<?php the_field("acfb_slider_delay"); ?>" data-effect="<?php the_field("acfb_slider_transition_effect"); ?>" data-centerslide="<?php the_field("acfb_slider_center_slide"); ?>" data-gutter="<?php the_field("acfb_slider_gutter_space"); ?>" data-autoplay="<?php the_field("acfb_slider_autoplay"); ?>" data-autoheight="<?php the_field("acfb_slider_auto_height"); ?>">
64
+ <div class="swiper-wrapper">
65
+
66
+ <?php if($acfb_slider_images): ?>
67
+
68
+ <?php foreach( $acfb_slider_images as $acfb_slide_image ): ?>
69
+ <div class="swiper-slide">
70
+ <img src="<?php echo $acfb_slide_image['url']; ?>"/>
71
+ <?php if(get_field('acfb_slider_caption') == 'true' && $acfb_slide_image['caption']): ?>
72
+ <span class="acfb_caption"><?php echo $acfb_slide_image['caption']; ?></span>
73
+ <?php endif; ?>
74
+ </div>
75
+ <?php endforeach; ?>
76
+
77
+ <?php else: ?>
78
+
79
+ <?php for ($acfb_slide_count = 0 ; $acfb_slide_count < 6; $acfb_slide_count++): ?>
80
+ <div class="swiper-slide">
81
+ <img src="<?php echo $acfb_slide_placeholder; ?>"/>
82
+ <?php if(get_field('acfb_slider_caption') == 'true'): ?>
83
+ <span class="acfb_caption">Caption</span>
84
+ <?php endif; ?>
85
+ </div>
86
+ <?php endfor; ?>
87
+
88
+ <?php endif; ?>
89
+
90
+ </div>
91
+ <?php if(get_field("acfb_slider_dot_control") == 'true'): ?><div class="swiper-pagination"></div><?php endif; ?>
92
+ <?php if(get_field("acfb_slider_arrow_control") == 'true'): ?>
93
+ <div class="acfb-button-prev"><svg enable-background="new 0 0 477.175 477.175" version="1.1" viewBox="0 0 477.18 477.18" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
94
+ <path d="m145.19 238.58 215.5-215.5c5.3-5.3 5.3-13.8 0-19.1s-13.8-5.3-19.1 0l-225.1 225.1c-5.3 5.3-5.3 13.8 0 19.1l225.1 225c2.6 2.6 6.1 4 9.5 4s6.9-1.3 9.5-4c5.3-5.3 5.3-13.8 0-19.1l-215.4-215.5z"/>
95
+ </svg>
96
+ </div>
97
+ <div class="acfb-button-next">
98
+ <svg enable-background="new 0 0 477.175 477.175" version="1.1" viewBox="0 0 477.18 477.18" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
99
+ <path d="m360.73 229.08-225.1-225.1c-5.3-5.3-13.8-5.3-19.1 0s-5.3 13.8 0 19.1l215.5 215.5-215.5 215.5c-5.3 5.3-5.3 13.8 0 19.1 2.6 2.6 6.1 4 9.5 4s6.9-1.3 9.5-4l225.1-225.1c5.3-5.2 5.3-13.8 0.1-19z"/>
100
+ </svg>
101
+ </div>
102
+ <?php endif; ?>
103
+ </div>
104
+
105
  </div><!-- Uid -->
acfblocks-templates/free/acfb-multibuttons.php CHANGED
@@ -1,76 +1,76 @@
1
- <?php
2
- echo parse_link(
3
- array(
4
- get_field('acfb_multibutton_text_typo')
5
- )
6
- );
7
-
8
-
9
- $acfb_multibutton_button_padding = acfb_padding_name('acfb_multibutton_button_padding');
10
- $acfb_multibutton_padding = acfb_padding_name('acfb_multibutton_padding');
11
- $acfb_multibutton_margin = acfb_margin_name('acfb_multibutton_margin');
12
- $acfb_multibutton_text_typo = acfb_ffaimly_name('acfb_multibutton_text_typo');
13
-
14
-
15
- $uid = $block['id'];
16
-
17
- $className = 'acfb_multibuttons_block';
18
- if( !empty($block['className']) ) {
19
- $className .= ' ' . $block['className'];
20
- }
21
- if( !empty($block['align']) ) {
22
- $className .= ' align' . $block['align'];
23
- }
24
-
25
- ?>
26
- <div class="<?php echo $uid; ?> <?php echo esc_attr($className); ?>">
27
- <style type="text/css">
28
- .<?php echo $uid; ?> {
29
- <?php echo get_padding_field($acfb_multibutton_padding); ?>
30
- <?php echo get_margin_field($acfb_multibutton_margin); ?>
31
- }
32
-
33
- .<?php echo $uid; ?> .acfb_multibuttons_wrap {
34
- justify-content: <?php the_field('acfb_multibutton_alignment'); ?>;
35
- }
36
-
37
- .<?php echo $uid; ?> .acfb_multibuttons_wrap .acfb_button{
38
- <?php echo get_typo_field($acfb_multibutton_text_typo); ?>
39
- border-radius: <?php the_field('acfb_multibutton_border_radius'); ?>px;
40
- margin-right: <?php the_field('acfb_multibutton_gutter_space'); ?>px;
41
- padding-top: <?php echo $acfb_multibutton_button_padding['padding_top']; ?>px;
42
- padding-bottom: <?php echo $acfb_multibutton_button_padding['padding_bottom']; ?>px;
43
- padding-left: <?php echo $acfb_multibutton_button_padding['padding_left']; ?>px;
44
- padding-right: <?php echo $acfb_multibutton_button_padding['padding_right']; ?>px;
45
- }
46
- </style>
47
-
48
- <div class="acfb_multibuttons_wrap">
49
- <?php
50
- if( have_rows('acfb_multi_buttons') ):
51
- while ( have_rows('acfb_multi_buttons') ) : the_row(); ?>
52
-
53
- <style type="text/css">
54
- .<?php echo $uid; ?> .acfb_multibuttons_wrap .acfb_order_<?php echo get_row_index(); ?>{
55
- background-color: <?php the_sub_field('acfb_multibutton_background_color'); ?>;
56
- color: <?php the_sub_field('acfb_multibutton_text_color'); ?> !important;
57
- }
58
-
59
- .<?php echo $uid; ?> .acfb_multibuttons_wrap .acfb_order_<?php echo get_row_index(); ?>:hover{
60
- background-color: <?php the_sub_field('acfb_multibutton_background_hover_color'); ?>;
61
- color: <?php the_sub_field('acfb_multibutton_text_hover_color'); ?> !important;
62
- }
63
-
64
- </style>
65
-
66
- <a href="<?php the_sub_field('acfb_multibutton_url'); ?>" class="acfb_button acfb_order_<?php echo get_row_index(); ?>">
67
- <?php the_sub_field('acfb_multibutton_text'); ?>
68
- </a>
69
-
70
- <?php
71
- endwhile;
72
- endif;
73
- ?>
74
-
75
- </div>
76
  </div><!-- Uid -->
1
+ <?php
2
+ echo parse_link(
3
+ array(
4
+ get_field('acfb_multibutton_text_typo')
5
+ )
6
+ );
7
+
8
+
9
+ $acfb_multibutton_button_padding = acfb_padding_name('acfb_multibutton_button_padding');
10
+ $acfb_multibutton_padding = acfb_padding_name('acfb_multibutton_padding');
11
+ $acfb_multibutton_margin = acfb_margin_name('acfb_multibutton_margin');
12
+ $acfb_multibutton_text_typo = acfb_ffaimly_name('acfb_multibutton_text_typo');
13
+
14
+
15
+ $uid = $block['id'];
16
+
17
+ $className = 'acfb_multibuttons_block';
18
+ if( !empty($block['className']) ) {
19
+ $className .= ' ' . $block['className'];
20
+ }
21
+ if( !empty($block['align']) ) {
22
+ $className .= ' align' . $block['align'];
23
+ }
24
+
25
+ ?>
26
+ <div class="<?php echo $uid; ?> <?php echo esc_attr($className); ?>">
27
+ <style type="text/css">
28
+ .<?php echo $uid; ?> {
29
+ <?php echo get_padding_field($acfb_multibutton_padding); ?>
30
+ <?php echo get_margin_field($acfb_multibutton_margin); ?>
31
+ }
32
+
33
+ .<?php echo $uid; ?> .acfb_multibuttons_wrap {
34
+ justify-content: <?php the_field('acfb_multibutton_alignment'); ?>;
35
+ }
36
+
37
+ .<?php echo $uid; ?> .acfb_multibuttons_wrap .acfb_button{
38
+ <?php echo get_typo_field($acfb_multibutton_text_typo); ?>
39
+ border-radius: <?php the_field('acfb_multibutton_border_radius'); ?>px;
40
+ margin-right: <?php the_field('acfb_multibutton_gutter_space'); ?>px;
41
+ padding-top: <?php echo $acfb_multibutton_button_padding['padding_top']; ?>px;
42
+ padding-bottom: <?php echo $acfb_multibutton_button_padding['padding_bottom']; ?>px;
43
+ padding-left: <?php echo $acfb_multibutton_button_padding['padding_left']; ?>px;
44
+ padding-right: <?php echo $acfb_multibutton_button_padding['padding_right']; ?>px;
45
+ }
46
+ </style>
47
+
48
+ <div class="acfb_multibuttons_wrap">
49
+ <?php
50
+ if( have_rows('acfb_multi_buttons') ):
51
+ while ( have_rows('acfb_multi_buttons') ) : the_row(); ?>
52
+
53
+ <style type="text/css">
54
+ .<?php echo $uid; ?> .acfb_multibuttons_wrap .acfb_order_<?php echo get_row_index(); ?>{
55
+ background-color: <?php the_sub_field('acfb_multibutton_background_color'); ?>;
56
+ color: <?php the_sub_field('acfb_multibutton_text_color'); ?> !important;
57
+ }
58
+
59
+ .<?php echo $uid; ?> .acfb_multibuttons_wrap .acfb_order_<?php echo get_row_index(); ?>:hover{
60
+ background-color: <?php the_sub_field('acfb_multibutton_background_hover_color'); ?>;
61
+ color: <?php the_sub_field('acfb_multibutton_text_hover_color'); ?> !important;
62
+ }
63
+
64
+ </style>
65
+
66
+ <a href="<?php the_sub_field('acfb_multibutton_url'); ?>" class="acfb_button acfb_order_<?php echo get_row_index(); ?>">
67
+ <?php the_sub_field('acfb_multibutton_text'); ?>
68
+ </a>
69
+
70
+ <?php
71
+ endwhile;
72
+ endif;
73
+ ?>
74
+
75
+ </div>
76
  </div><!-- Uid -->
acfblocks-templates/free/acfb-photocollage.php CHANGED
@@ -1,91 +1,91 @@
1
- <?php
2
- $acfb_photo_collage_padding = acfb_padding_name('acfb_photo_collage_padding');
3
- $acfb_photo_collage_margin = acfb_margin_name('acfb_photo_collage_margin');
4
-
5
- $uid = $block['id'];
6
-
7
- $className = 'acfb_photo_collage_block';
8
- if( !empty($block['className']) ) {
9
- $className .= ' ' . $block['className'];
10
- }
11
- if( !empty($block['align']) ) {
12
- $className .= ' align' . $block['align'];
13
- }
14
-
15
- $images_field = get_field('acfb_photo_collage_images');
16
- $images0 = null;
17
- $images1 = null;
18
- $images2 = null;
19
- $images3 = null;
20
-
21
-
22
- if($images_field){
23
- $images0 = $images_field['0']['url'];
24
- } else{
25
- $images0 = plugins_url() . '/acf-blocks/img/placeholder-image.jpg';
26
- }
27
-
28
- if ( $images_field && count($images_field) > 1 ) {
29
- $images1 = $images_field['1']['url'];
30
- } else{
31
- $images1 = plugins_url() . '/acf-blocks/img/placeholder-image.jpg';
32
- }
33
-
34
- if ( $images_field && count($images_field) > 2 ) {
35
- $images2 = $images_field['2']['url'];
36
- } else{
37
- $images2 = plugins_url() . '/acf-blocks/img/placeholder-image.jpg';
38
- }
39
-
40
- if ( $images_field && count($images_field) > 3 ) {
41
- $images3 = $images_field['3']['url'];
42
- } else{
43
- $images3 = plugins_url() . '/acf-blocks/img/placeholder-image.jpg';
44
- }
45
-
46
- ?>
47
-
48
-
49
- <div class="<?php echo $uid; ?> <?php echo esc_attr($className); ?>">
50
- <style type="text/css">
51
- .<?php echo $uid; ?>{
52
- <?php echo get_padding_field($acfb_photo_collage_padding); ?>
53
- <?php echo get_margin_field($acfb_photo_collage_margin); ?>
54
- }
55
-
56
-
57
- .<?php echo $uid; ?> .acfb_photo_collage{
58
- width: <?php the_field('acfb_photo_collage_layout_width'); ?>%;
59
- height: <?php the_field('acfb_photo_collage_layout_height'); ?>px;
60
- grid-gap: <?php the_field('acfb_photo_collage_layout_gutter_space'); ?>px;
61
- }
62
- </style>
63
-
64
-
65
- <?php if(get_field('select_grid') == '2'): ?>
66
-
67
- <div class="acfb_two-grid-style-<?php the_field('2_grid_layouts');?> acfb_collage_<?php the_field('select_grid');?> acfb_photo_collage">
68
- <div class="acfb_one" style="background-image: url('<?php echo $images0; ?>');"></div>
69
- <div class="acfb_two" style="background-image: url('<?php echo $images1; ?>');"></div>
70
- </div>
71
-
72
- <?php elseif( get_field('select_grid') == '3' ): ?>
73
-
74
- <div class="acfb_three-grid-style-<?php the_field('3_grid_layouts');?> acfb_collage_<?php the_field('select_grid');?> acfb_photo_collage">
75
- <div class="acfb_one" style="background-image: url('<?php echo $images0; ?>');"></div>
76
- <div class="acfb_two" style="background-image: url('<?php echo $images1; ?>');"></div>
77
- <div class="acfb_three" style="background-image: url('<?php echo $images2; ?>');"></div>
78
- </div>
79
-
80
- <?php elseif( get_field('select_grid') == '4' ): ?>
81
-
82
- <div class="acfb_four-grid-style-<?php the_field('4_grid_layouts');?> acfb_collage_<?php the_field('select_grid');?> acfb_photo_collage">
83
- <div class="acfb_one" style="background-image: url('<?php echo $images0; ?>');"></div>
84
- <div class="acfb_two" style="background-image: url('<?php echo $images1; ?>');"></div>
85
- <div class="acfb_three" style="background-image: url('<?php echo $images2; ?>');"></div>
86
- <div class="acfb_four" style="background-image: url('<?php echo $images3; ?>');"></div>
87
- </div>
88
-
89
- <?php endif; ?>
90
-
91
  </div><!-- Uid -->
1
+ <?php
2
+ $acfb_photo_collage_padding = acfb_padding_name('acfb_photo_collage_padding');
3
+ $acfb_photo_collage_margin = acfb_margin_name('acfb_photo_collage_margin');
4
+
5
+ $uid = $block['id'];
6
+
7
+ $className = 'acfb_photo_collage_block';
8
+ if( !empty($block['className']) ) {
9
+ $className .= ' ' . $block['className'];
10
+ }
11
+ if( !empty($block['align']) ) {
12
+ $className .= ' align' . $block['align'];
13
+ }
14
+
15
+ $images_field = get_field('acfb_photo_collage_images');
16
+ $images0 = null;
17
+ $images1 = null;
18
+ $images2 = null;
19
+ $images3 = null;
20
+
21
+
22
+ if($images_field){
23
+ $images0 = $images_field['0']['url'];
24
+ } else{
25
+ $images0 = plugins_url() . '/acf-blocks/img/placeholder-image.jpg';
26
+ }
27
+
28
+ if ( $images_field && count($images_field) > 1 ) {
29
+ $images1 = $images_field['1']['url'];
30
+ } else{
31
+ $images1 = plugins_url() . '/acf-blocks/img/placeholder-image.jpg';
32
+ }
33
+
34
+ if ( $images_field && count($images_field) > 2 ) {
35
+ $images2 = $images_field['2']['url'];
36
+ } else{
37
+ $images2 = plugins_url() . '/acf-blocks/img/placeholder-image.jpg';
38
+ }
39
+
40
+ if ( $images_field && count($images_field) > 3 ) {
41
+ $images3 = $images_field['3']['url'];
42
+ } else{
43
+ $images3 = plugins_url() . '/acf-blocks/img/placeholder-image.jpg';
44
+ }
45
+
46
+ ?>
47
+
48
+
49
+ <div class="<?php echo $uid; ?> <?php echo esc_attr($className); ?>">
50
+ <style type="text/css">
51
+ .<?php echo $uid; ?>{
52
+ <?php echo get_padding_field($acfb_photo_collage_padding); ?>
53
+ <?php echo get_margin_field($acfb_photo_collage_margin); ?>
54
+ }
55
+
56
+
57
+ .<?php echo $uid; ?> .acfb_photo_collage{
58
+ width: <?php the_field('acfb_photo_collage_layout_width'); ?>%;
59
+ height: <?php the_field('acfb_photo_collage_layout_height'); ?>px;
60
+ grid-gap: <?php the_field('acfb_photo_collage_layout_gutter_space'); ?>px;
61
+ }
62
+ </style>
63
+
64
+
65
+ <?php if(get_field('select_grid') == '2'): ?>
66
+
67
+ <div class="acfb_two-grid-style-<?php the_field('2_grid_layouts');?> acfb_collage_<?php the_field('select_grid');?> acfb_photo_collage">
68
+ <div class="acfb_one" style="background-image: url('<?php echo $images0; ?>');"></div>
69
+ <div class="acfb_two" style="background-image: url('<?php echo $images1; ?>');"></div>
70
+ </div>
71
+
72
+ <?php elseif( get_field('select_grid') == '3' ): ?>
73
+
74
+ <div class="acfb_three-grid-style-<?php the_field('3_grid_layouts');?> acfb_collage_<?php the_field('select_grid');?> acfb_photo_collage">
75
+ <div class="acfb_one" style="background-image: url('<?php echo $images0; ?>');"></div>
76
+ <div class="acfb_two" style="background-image: url('<?php echo $images1; ?>');"></div>
77
+ <div class="acfb_three" style="background-image: url('<?php echo $images2; ?>');"></div>
78
+ </div>
79
+
80
+ <?php elseif( get_field('select_grid') == '4' ): ?>
81
+
82
+ <div class="acfb_four-grid-style-<?php the_field('4_grid_layouts');?> acfb_collage_<?php the_field('select_grid');?> acfb_photo_collage">
83
+ <div class="acfb_one" style="background-image: url('<?php echo $images0; ?>');"></div>
84
+ <div class="acfb_two" style="background-image: url('<?php echo $images1; ?>');"></div>
85
+ <div class="acfb_three" style="background-image: url('<?php echo $images2; ?>');"></div>
86
+ <div class="acfb_four" style="background-image: url('<?php echo $images3; ?>');"></div>
87
+ </div>
88
+
89
+ <?php endif; ?>
90
+
91
  </div><!-- Uid -->
acfblocks-templates/free/acfb-posts.php CHANGED
@@ -1,264 +1,264 @@
1
- <?php
2
- echo parse_link(
3
- array(
4
- get_field('acfb_post_title_typo'),
5
- get_field('acfb_post_meta_typo'),
6
- get_field('acfb_post_excerpt_typo'),
7
- get_field('acfb_post_button_typo')
8
- )
9
- );
10
-
11
- $acfb_post_button_padding = acfb_padding_name('acfb_post_button_padding');
12
- $acfb_post_padding = acfb_padding_name('acfb_post_padding');
13
- $acfb_post_margin = acfb_margin_name('acfb_post_margin');
14
- $acfb_post_title_typo = acfb_ffaimly_name('acfb_post_title_typo');
15
- $acfb_post_meta_typo = acfb_ffaimly_name('acfb_post_meta_typo');
16
- $acfb_post_excerpt_typo = acfb_ffaimly_name('acfb_post_excerpt_typo');
17
- $acfb_post_button_typo = acfb_ffaimly_name('acfb_post_button_typo');
18
-
19
-
20
- $uid = $block['id'];
21
-
22
- $className = 'acfb_posts_block';
23
- if( !empty($block['className']) ) {
24
- $className .= ' ' . $block['className'];
25
- }
26
- if( !empty($block['align']) ) {
27
- $className .= ' align' . $block['align'];
28
- }
29
-
30
- ?>
31
-
32
- <div class="<?php echo $uid; ?> <?php echo esc_attr($className); ?>">
33
-
34
- <?php
35
- $acfb_posts_layout = get_field('acfb_posts_layout');
36
- $acfb_number_of_posts = get_field('acfb_number_of_posts');
37
- $acfb_posts_columns = get_field('acfb_posts_columns');
38
- $acfb_post_excerpt_length = get_field('acfb_post_excerpt_length');
39
- $acfb_post_title_html_tag = get_field('acfb_post_title_html_tag');
40
- ?>
41
- <style type="text/css">
42
- .<?php echo $uid; ?> {
43
- <?php echo get_padding_field($acfb_post_padding); ?>
44
- <?php echo get_margin_field($acfb_post_margin); ?>
45
- }
46
-
47
- .<?php echo $uid; ?> .acfb_post {
48
- background: <?php the_field('acfb_post_background_color'); ?>;
49
- }
50
-
51
- <?php if( get_field('acfb_post_title_custom_typography') == '1' ): ?>
52
- .<?php echo $uid; ?> .acfb_post .acfb_post_title a{
53
- <?php echo get_typo_field($acfb_post_title_typo); ?>
54
- }
55
- <?php endif; ?>
56
-
57
- <?php if( get_field('acfb_post_title_custom_color') == '1' ): ?>
58
- .<?php echo $uid; ?> .acfb_post .acfb_post_title a{
59
- color: <?php the_field('acfb_post_title_color'); ?> !important;
60
- }
61
-
62
- .<?php echo $uid; ?> .acfb_post .acfb_post_title a:hover{
63
- color: <?php the_field('acfb_post_title_hover_color'); ?> !important;
64
- }
65
- <?php endif; ?>
66
-
67
-
68
- <?php if( get_field('acfb_post_meta_custom_typography') == '1' ): ?>
69
- .<?php echo $uid; ?> .acfb_post .acfb_post_meta{
70
- <?php echo get_typo_field($acfb_post_meta_typo); ?>
71
- }
72
- <?php endif; ?>
73
-
74
- <?php if( get_field('acfb_post_meta_custom_color') == '1' ): ?>
75
- .<?php echo $uid; ?> .acfb_post .acfb_post_meta{
76
- color: <?php the_field('acfb_post_meta_color'); ?>;
77
- }
78
- <?php endif; ?>
79
-
80
- <?php if( get_field('acfb_post_excerpt_custom_typography') == '1' ): ?>
81
- .<?php echo $uid; ?> .acfb_post .acfb_post_excerpt{
82
- <?php echo get_typo_field($acfb_post_excerpt_typo); ?>
83
- }
84
- <?php endif; ?>
85
-
86
- <?php if( get_field('acfb_post_excerpt_custom_color') == '1' ): ?>
87
- .<?php echo $uid; ?> .acfb_post .acfb_post_excerpt{
88
- color: <?php the_field('acfb_post_excerpt_color'); ?>;
89
- }
90
- <?php endif; ?>
91
-
92
-
93
- <?php if( get_field('acfb_post_button_custom_typography') == '1' ): ?>
94
- .<?php echo $uid; ?> .acfb_post .acfb_post_button a{
95
- <?php echo get_typo_field($acfb_post_button_typo); ?>
96
- }
97
- <?php endif; ?>
98
-
99
- <?php if( get_field('acfb_post_button_custom_color') == '1' ): ?>
100
- .<?php echo $uid; ?> .acfb_post .acfb_post_button a{
101
- background-color: <?php the_field('acfb_post_button_background_color'); ?>;
102
- color: <?php the_field('acfb_post_button_text_color'); ?> !important;
103
- padding-top: <?php echo $acfb_post_button_padding['padding_top']; ?>px;
104
- padding-bottom: <?php echo $acfb_post_button_padding['padding_bottom']; ?>px;
105
- padding-left: <?php echo $acfb_post_button_padding['padding_left']; ?>px;
106
- padding-right: <?php echo $acfb_post_button_padding['padding_right']; ?>px;
107
- }
108
-
109
- .<?php echo $uid; ?> .acfb_post .acfb_post_button a:hover{
110
- background-color: <?php the_field('acfb_post_button_background_hover_color'); ?>;
111
- color: <?php the_field('acfb_post_button_text_hover_color'); ?> !important;
112
- }
113
- <?php endif; ?>
114
- </style>
115
-
116
-
117
- <?php
118
-
119
- $acfb_grid_col = '';
120
- if($acfb_posts_layout == 'grid'){
121
- $acfb_grid_col = "acfb_post_" . $acfb_posts_columns;
122
- }
123
-
124
- $acfb_cat = get_field( 'acfb_category_filters' );
125
-
126
- $acfb_cat_names = array();
127
- if(is_array($acfb_cat)){
128
- foreach($acfb_cat as $catskey => $catsval){
129
- $acfb_cat_names[] = $catsval;
130
- }
131
- }
132
-
133
- $args = array(
134
- 'post_type' => 'post',
135
- 'post_status' => 'publish',
136
- 'posts_per_page' => $acfb_number_of_posts,
137
- 'cat' => $acfb_cat_names,
138
- );
139
-
140
-
141
- // the query
142
- $the_query = new WP_Query( $args ); ?>
143
-
144
- <?php if ( $the_query->have_posts() ) : ?>
145
-
146
- <div class="acfb_post_<?php echo $acfb_posts_layout; ?> <?php echo $acfb_grid_col; ?>">
147
-
148
- <?php while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
149
-
150
- <?php
151
- $acfb_thumb = '';
152
- if ( has_post_thumbnail() ){
153
- $acfb_thumb = 'thumb';
154
- } else {
155
- $acfb_thumb = 'no_thumb';
156
- }
157
- ?>
158
-
159
- <div class="acfb_post <?php echo $acfb_thumb; ?>">
160
-
161
- <?php
162
- if($acfb_posts_layout == 'list'){ ?>
163
-
164
- <!-- List -->
165
- <div class="acfb_post_list_thumbnail">
166
- <?php the_post_thumbnail(); ?>
167
- </div>
168
- <div class="acfb_post_list_content">
169
- <?php
170
- if( have_rows('acfb_post_list_elements') ):
171
-
172
- while ( have_rows('acfb_post_list_elements') ) : the_row(); ?>
173
-
174
- <?php if( get_row_layout() == 'post_list_title' ): ?>
175
- <div class="acfb_post_title">
176
- <<?php echo $acfb_post_title_html_tag; ?>><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></<?php echo $acfb_post_title_html_tag; ?>>
177
- </div>
178
- <?php endif; ?>
179
-
180
- <?php if( get_row_layout() == 'post_list_meta_data' ): ?>
181
- <div class="acfb_post_meta">
182
- <span class="acfb_post_author"><?php the_author(); ?></span> -
183
- <span class="acfb_post_date"><?php the_time('F jS, Y') ?></span>
184
- </div>
185
- <?php endif; ?>
186
-
187
- <?php if( get_row_layout() == 'post_list_content' ): ?>
188
- <div class="acfb_post_excerpt">
189
- <?php echo acfb_excerpt($acfb_post_excerpt_length); ?>
190
- </div>
191
- <?php endif; ?>
192
-
193
- <?php if( get_row_layout() == 'post_list_read_more_button' ): ?>
194
- <div class="acfb_post_button">
195
- <a href="<?php the_permalink(); ?>" class="acfb_post_btn">Read More</a>
196
- </div>
197
- <?php endif; ?>
198
-
199
-
200
- <?php
201
- endwhile;
202
- endif;
203
- ?>
204
- </div>
205
-
206
- <?php } elseif ($acfb_posts_layout == 'grid') { ?>
207
-
208
- <!-- Grid -->
209
- <?php
210
- if( have_rows('acfb_post_grid_elements') ):
211
-
212
- while ( have_rows('acfb_post_grid_elements') ) : the_row(); ?>
213
-
214
- <?php if( get_row_layout() == 'post_grid_image' ): ?>
215
- <div class="acfb_post_thumbnail">
216
- <?php the_post_thumbnail(); ?>
217
- </div>
218
- <?php endif; ?>
219
-
220
- <?php if( get_row_layout() == 'post_grid_title' ): ?>
221
- <div class="acfb_post_title">
222
- <<?php echo $acfb_post_title_html_tag; ?>><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></<?php echo $acfb_post_title_html_tag; ?>>
223
- </div>
224
- <?php endif; ?>
225
-
226
- <?php if( get_row_layout() == 'post_grid_meta_data' ): ?>
227
- <div class="acfb_post_meta">
228
- <span class="acfb_post_author"><?php the_author(); ?></span> -
229
- <span class="acfb_post_date"><?php the_time('F jS, Y') ?></span>
230
- </div>
231
- <?php endif; ?>
232
-
233
- <?php if( get_row_layout() == 'post_grid_content' ): ?>
234
- <div class="acfb_post_excerpt">
235
- <?php echo acfb_excerpt($acfb_post_excerpt_length); ?>
236
- </div>
237
- <?php endif; ?>
238
-
239
- <?php if( get_row_layout() == 'post_grid_read_more_button' ): ?>
240
- <div class="acfb_post_button">
241
- <a href="<?php the_permalink(); ?>" class="acfb_post_btn">Read More</a>
242
- </div>
243
- <?php endif; ?>
244
-
245
-
246
- <?php
247
- endwhile;
248
- endif;
249
- ?>
250
-
251
- <?php } ?>
252
-
253
- </div>
254
- <?php endwhile; ?>
255
-
256
- </div>
257
-
258
- <?php wp_reset_postdata(); ?>
259
-
260
- <?php else : ?>
261
- <p><?php esc_html_e( 'Sorry, no posts matched your criteria.' ); ?></p>
262
- <?php endif; ?>
263
-
264
  </div><!-- Uid -->
1
+ <?php
2
+ echo parse_link(
3
+ array(
4
+ get_field('acfb_post_title_typo'),
5
+ get_field('acfb_post_meta_typo'),
6
+ get_field('acfb_post_excerpt_typo'),
7
+ get_field('acfb_post_button_typo')
8
+ )
9
+ );
10
+
11
+ $acfb_post_button_padding = acfb_padding_name('acfb_post_button_padding');
12
+ $acfb_post_padding = acfb_padding_name('acfb_post_padding');
13
+ $acfb_post_margin = acfb_margin_name('acfb_post_margin');
14
+ $acfb_post_title_typo = acfb_ffaimly_name('acfb_post_title_typo');
15
+ $acfb_post_meta_typo = acfb_ffaimly_name('acfb_post_meta_typo');
16
+ $acfb_post_excerpt_typo = acfb_ffaimly_name('acfb_post_excerpt_typo');
17
+ $acfb_post_button_typo = acfb_ffaimly_name('acfb_post_button_typo');
18
+
19
+
20
+ $uid = $block['id'];
21
+
22
+ $className = 'acfb_posts_block';
23
+ if( !empty($block['className']) ) {
24
+ $className .= ' ' . $block['className'];
25
+ }
26
+ if( !empty($block['align']) ) {
27
+ $className .= ' align' . $block['align'];
28
+ }
29
+
30
+ ?>
31
+
32
+ <div class="<?php echo $uid; ?> <?php echo esc_attr($className); ?>">
33
+
34
+ <?php
35
+ $acfb_posts_layout = get_field('acfb_posts_layout');
36
+ $acfb_number_of_posts = get_field('acfb_number_of_posts');
37
+ $acfb_posts_columns = get_field('acfb_posts_columns');
38
+ $acfb_post_excerpt_length = get_field('acfb_post_excerpt_length');
39
+ $acfb_post_title_html_tag = get_field('acfb_post_title_html_tag');
40
+ ?>
41
+ <style type="text/css">
42
+ .<?php echo $uid; ?> {
43
+ <?php echo get_padding_field($acfb_post_padding); ?>
44
+ <?php echo get_margin_field($acfb_post_margin); ?>
45
+ }
46
+
47
+ .<?php echo $uid; ?> .acfb_post {
48
+ background: <?php the_field('acfb_post_background_color'); ?>;
49
+ }
50
+
51
+ <?php if( get_field('acfb_post_title_custom_typography') == '1' ): ?>
52
+ .<?php echo $uid; ?> .acfb_post .acfb_post_title a{
53
+ <?php echo get_typo_field($acfb_post_title_typo); ?>
54
+ }
55
+ <?php endif; ?>
56
+
57
+ <?php if( get_field('acfb_post_title_custom_color') == '1' ): ?>
58
+ .<?php echo $uid; ?> .acfb_post .acfb_post_title a{
59
+ color: <?php the_field('acfb_post_title_color'); ?> !important;
60
+ }
61
+
62
+ .<?php echo $uid; ?> .acfb_post .acfb_post_title a:hover{
63
+ color: <?php the_field('acfb_post_title_hover_color'); ?> !important;
64
+ }
65
+ <?php endif; ?>
66
+
67
+
68
+ <?php if( get_field('acfb_post_meta_custom_typography') == '1' ): ?>
69
+ .<?php echo $uid; ?> .acfb_post .acfb_post_meta{
70
+ <?php echo get_typo_field($acfb_post_meta_typo); ?>
71
+ }
72
+ <?php endif; ?>
73
+
74
+ <?php if( get_field('acfb_post_meta_custom_color') == '1' ): ?>
75
+ .<?php echo $uid; ?> .acfb_post .acfb_post_meta{
76
+ color: <?php the_field('acfb_post_meta_color'); ?>;
77
+ }
78
+ <?php endif; ?>
79
+
80
+ <?php if( get_field('acfb_post_excerpt_custom_typography') == '1' ): ?>
81
+ .<?php echo $uid; ?> .acfb_post .acfb_post_excerpt{
82
+ <?php echo get_typo_field($acfb_post_excerpt_typo); ?>
83
+ }
84
+ <?php endif; ?>
85
+
86
+ <?php if( get_field('acfb_post_excerpt_custom_color') == '1' ): ?>
87
+ .<?php echo $uid; ?> .acfb_post .acfb_post_excerpt{
88
+ color: <?php the_field('acfb_post_excerpt_color'); ?>;
89
+ }
90
+ <?php endif; ?>
91
+
92
+
93
+ <?php if( get_field('acfb_post_button_custom_typography') == '1' ): ?>
94
+ .<?php echo $uid; ?> .acfb_post .acfb_post_button a{
95
+ <?php echo get_typo_field($acfb_post_button_typo); ?>
96
+ }
97
+ <?php endif; ?>
98
+
99
+ <?php if( get_field('acfb_post_button_custom_color') == '1' ): ?>
100
+ .<?php echo $uid; ?> .acfb_post .acfb_post_button a{
101
+ background-color: <?php the_field('acfb_post_button_background_color'); ?>;
102
+ color: <?php the_field('acfb_post_button_text_color'); ?> !important;
103
+ padding-top: <?php echo $acfb_post_button_padding['padding_top']; ?>px;
104
+ padding-bottom: <?php echo $acfb_post_button_padding['padding_bottom']; ?>px;
105
+ padding-left: <?php echo $acfb_post_button_padding['padding_left']; ?>px;
106
+ padding-right: <?php echo $acfb_post_button_padding['padding_right']; ?>px;
107
+ }
108
+
109
+ .<?php echo $uid; ?> .acfb_post .acfb_post_button a:hover{
110
+ background-color: <?php the_field('acfb_post_button_background_hover_color'); ?>;
111
+ color: <?php the_field('acfb_post_button_text_hover_color'); ?> !important;
112
+ }
113
+ <?php endif; ?>
114
+ </style>
115
+
116
+
117
+ <?php
118
+
119
+ $acfb_grid_col = '';
120
+ if($acfb_posts_layout == 'grid'){
121
+ $acfb_grid_col = "acfb_post_" . $acfb_posts_columns;
122
+ }
123
+
124
+ $acfb_cat = get_field( 'acfb_category_filters' );
125
+
126
+ $acfb_cat_names = array();
127
+ if(is_array($acfb_cat)){
128
+ foreach($acfb_cat as $catskey => $catsval){
129
+ $acfb_cat_names[] = $catsval;
130
+ }
131
+ }
132
+
133
+ $args = array(
134
+ 'post_type' => 'post',
135
+ 'post_status' => 'publish',
136
+ 'posts_per_page' => $acfb_number_of_posts,
137
+ 'cat' => $acfb_cat_names,
138
+ );
139
+
140
+
141
+ // the query
142
+ $the_query = new WP_Query( $args ); ?>
143
+
144
+ <?php if ( $the_query->have_posts() ) : ?>
145
+
146
+ <div class="acfb_post_<?php echo $acfb_posts_layout; ?> <?php echo $acfb_grid_col; ?>">
147
+
148
+ <?php while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
149
+
150
+ <?php
151
+ $acfb_thumb = '';
152
+ if ( has_post_thumbnail() ){
153
+ $acfb_thumb = 'thumb';
154
+ } else {
155
+ $acfb_thumb = 'no_thumb';
156
+ }
157
+ ?>
158
+
159
+ <div class="acfb_post <?php echo $acfb_thumb; ?>">
160
+
161
+ <?php
162
+ if($acfb_posts_layout == 'list'){ ?>
163
+
164
+ <!-- List -->
165
+ <div class="acfb_post_list_thumbnail">
166
+ <?php the_post_thumbnail(); ?>
167
+ </div>
168
+ <div class="acfb_post_list_content">
169
+ <?php
170
+ if( have_rows('acfb_post_list_elements') ):
171
+
172
+ while ( have_rows('acfb_post_list_elements') ) : the_row(); ?>
173
+
174
+ <?php if( get_row_layout() == 'post_list_title' ): ?>
175
+ <div class="acfb_post_title">
176
+ <<?php echo $acfb_post_title_html_tag; ?>><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></<?php echo $acfb_post_title_html_tag; ?>>
177
+ </div>
178
+ <?php endif; ?>
179
+
180
+ <?php if( get_row_layout() == 'post_list_meta_data' ): ?>
181
+ <div class="acfb_post_meta">
182
+ <span class="acfb_post_author"><?php the_author(); ?></span> -
183
+ <span class="acfb_post_date"><?php the_time('F jS, Y') ?></span>
184
+ </div>
185
+ <?php endif; ?>
186
+
187
+ <?php if( get_row_layout() == 'post_list_content' ): ?>
188
+ <div class="acfb_post_excerpt">
189
+ <?php echo acfb_excerpt($acfb_post_excerpt_length); ?>
190
+ </div>
191
+ <?php endif; ?>
192
+
193
+ <?php if( get_row_layout() == 'post_list_read_more_button' ): ?>
194
+ <div class="acfb_post_button">
195
+ <a href="<?php the_permalink(); ?>" class="acfb_post_btn">Read More</a>
196
+ </div>
197
+ <?php endif; ?>
198
+
199
+
200
+ <?php
201
+ endwhile;
202
+ endif;
203
+ ?>
204
+ </div>
205
+
206
+ <?php } elseif ($acfb_posts_layout == 'grid') { ?>
207
+
208
+ <!-- Grid -->
209
+ <?php
210
+ if( have_rows('acfb_post_grid_elements') ):
211
+
212
+ while ( have_rows('acfb_post_grid_elements') ) : the_row(); ?>
213
+
214
+ <?php if( get_row_layout() == 'post_grid_image' ): ?>
215
+ <div class="acfb_post_thumbnail">
216
+ <?php the_post_thumbnail(); ?>
217
+ </div>
218
+ <?php endif; ?>
219
+
220
+ <?php if( get_row_layout() == 'post_grid_title' ): ?>
221
+ <div class="acfb_post_title">
222
+ <<?php echo $acfb_post_title_html_tag; ?>><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></<?php echo $acfb_post_title_html_tag; ?>>
223
+ </div>
224
+ <?php endif; ?>
225
+
226
+ <?php if( get_row_layout() == 'post_grid_meta_data' ): ?>
227
+ <div class="acfb_post_meta">
228
+ <span class="acfb_post_author"><?php the_author(); ?></span> -
229
+ <span class="acfb_post_date"><?php the_time('F jS, Y') ?></span>
230
+ </div>
231
+ <?php endif; ?>
232
+
233
+ <?php if( get_row_layout() == 'post_grid_content' ): ?>
234
+ <div class="acfb_post_excerpt">
235
+ <?php echo acfb_excerpt($acfb_post_excerpt_length); ?>
236
+ </div>
237
+ <?php endif; ?>
238
+
239
+ <?php if( get_row_layout() == 'post_grid_read_more_button' ): ?>
240
+ <div class="acfb_post_button">
241
+ <a href="<?php the_permalink(); ?>" class="acfb_post_btn">Read More</a>
242
+ </div>
243
+ <?php endif; ?>
244
+
245
+
246
+ <?php
247
+ endwhile;
248
+ endif;
249
+ ?>
250
+
251
+ <?php } ?>
252
+
253
+ </div>
254
+ <?php endwhile; ?>
255
+
256
+ </div>
257
+
258
+ <?php wp_reset_postdata(); ?>
259
+
260
+ <?php else : ?>
261
+ <p><?php esc_html_e( 'Sorry, no posts matched your criteria.' ); ?></p>
262
+ <?php endif; ?>
263
+
264
  </div><!-- Uid -->
acfblocks-templates/free/acfb-pricelist.php CHANGED
@@ -1,116 +1,116 @@
1
- <?php
2
- echo parse_link(
3
- array(
4
- get_field('acfb_price_list_title_typo'),
5
- get_field('acfb_price_list_description_typo')
6
- )
7
- );
8
-
9
-
10
- $acfb_price_list_padding = acfb_padding_name('acfb_price_list_padding');
11
- $acfb_price_list_margin = acfb_margin_name('acfb_price_list_margin');
12
- $acfb_price_list_title_typo = acfb_ffaimly_name('acfb_price_list_title_typo');
13
- $acfb_price_list_description_typo = acfb_ffaimly_name('acfb_price_list_description_typo');
14
-
15
- $uid = $block['id'];
16
-
17
- $className = 'acfb_price_list_block';
18
- if( !empty($block['className']) ) {
19
- $className .= ' ' . $block['className'];
20
- }
21
- if( !empty($block['align']) ) {
22
- $className .= ' align' . $block['align'];
23
- }
24
-
25
- ?>
26
- <div class="<?php echo $uid; ?> <?php echo esc_attr($className); ?>">
27
- <style type="text/css">
28
- .<?php echo $uid; ?> {
29
- <?php echo get_padding_field($acfb_price_list_padding); ?>
30
- <?php echo get_margin_field($acfb_price_list_margin); ?>
31
- }
32
-
33
- <?php if(get_field('acfb_price_list_image_position') == 'acfb_price_list_image_top'): ?>
34
- .<?php echo $uid; ?> .acfb_price_list_wrap .acfb_price_list_item{
35
- grid-template-areas: 'acfbPli' 'acfbPlt';
36
- }
37
-
38
- .<?php echo $uid; ?> .acfb_price_list_wrap .acfb_price_list_item .acfb_price_list_text{
39
- margin-top: 10px;
40
- }
41
-
42
- .<?php echo $uid; ?> .acfb_price_list_wrap .acfb_price_list_item .acfb_price_list_text .acfb_price_list_header{
43
- grid-template-areas: 'acfbPlTitle acfbPlSep acfbPlPrice';
44
- }
45
-
46
- <?php elseif(get_field('acfb_price_list_image_position') == 'acfb_price_list_image_left'): ?>
47
- .<?php echo $uid; ?> .acfb_price_list_wrap .acfb_price_list_item{
48
- grid-template-columns: 20% auto;
49
- grid-template-areas: 'acfbPli acfbPlt';
50
- }
51
-
52
- .<?php echo $uid; ?> .acfb_price_list_wrap .acfb_price_list_item .acfb_price_list_text .acfb_price_list_header{
53
- grid-template-areas: 'acfbPlTitle acfbPlSep acfbPlPrice';
54
- }
55
-
56
- <?php elseif(get_field('acfb_price_list_image_position') == 'acfb_price_list_image_right'): ?>
57
- .<?php echo $uid; ?> .acfb_price_list_wrap .acfb_price_list_item{
58
- grid-template-columns: auto 20%;
59
- grid-template-areas: 'acfbPlt acfbPli';
60
- }
61
-
62
- .<?php echo $uid; ?> .acfb_price_list_wrap .acfb_price_list_item .acfb_price_list_text .acfb_price_list_header{
63
- grid-template-areas: 'acfbPlPrice acfbPlSep acfbPlTitle';
64
- }
65
-
66
- .<?php echo $uid; ?> .acfb_price_list_wrap .acfb_price_list_item .acfb_price_list_text{
67
- text-align: right;
68
- }
69
- <?php endif; ?>
70
-
71
- .<?php echo $uid; ?> .acfb_price_list_wrap .acfb_price_list_item .acfb_price_list_text .acfb_price_list_header{
72
- color: <?php the_field('acfb_price_list_title_&_price_color'); ?>;
73
- <?php echo get_typo_field($acfb_price_list_title_typo); ?>
74
- }
75
-
76
- .<?php echo $uid; ?> .acfb_price_list_wrap .acfb_price_list_item .acfb_price_list_text .acfb_price_list_header .acfb_price_list_separator {
77
- border-bottom-style: <?php the_field('acfb_price_list_separator_styles'); ?>;
78
- border-bottom-width: <?php the_field('acfb_price_list_separator_size'); ?>px;
79
- border-bottom-color: <?php the_field('acfb_price_list_separator_color'); ?>;
80
-
81
- }
82
-
83
- .<?php echo $uid; ?> .acfb_price_list_wrap .acfb_price_list_item .acfb_price_list_text p.acfb_price_list_description {
84
- color: <?php the_field('acfb_price_list_description_color'); ?>;
85
- <?php echo get_typo_field($acfb_price_list_description_typo); ?>
86
- }
87
-
88
- </style>
89
-
90
-
91
- <?php
92
- $acfb_image = '';
93
- if(!get_field('acfb_price_list_image')){
94
- $acfb_image = plugins_url() . '/acf-blocks/img/placeholder-image.jpg';
95
- } else{
96
- $acfb_image = get_field('acfb_price_list_image');
97
- }
98
- ?>
99
-
100
- <div class="acfb_price_list_wrap">
101
- <a href="<?php the_field('acfb_price_list_link'); ?>" class="acfb_price_list_item">
102
- <div class="acfb_price_list_image">
103
- <img src="<?php echo $acfb_image; ?>" alt="<?php the_field('acfb_price_list_image_alt'); ?>">
104
- </div>
105
- <div class="acfb_price_list_text">
106
- <div class="acfb_price_list_header">
107
- <span class="acfb_price_list_title"><?php the_field('acfb_price_list_title'); ?></span>
108
- <span class="acfb_price_list_separator"></span>
109
- <span class="acfb_price_list_price"><?php the_field('acfb_price_list_price_prefix'); ?><?php the_field('acfb_price_list_price'); ?></span>
110
- </div>
111
- <p class="acfb_price_list_description"><?php the_field('acfb_price_list_description'); ?></p>
112
- </div>
113
- </a>
114
- </div>
115
-
116
  </div><!-- Uid -->
1
+ <?php
2
+ echo parse_link(
3
+ array(
4
+ get_field('acfb_price_list_title_typo'),
5
+ get_field('acfb_price_list_description_typo')
6
+ )
7
+ );
8
+
9
+
10
+ $acfb_price_list_padding = acfb_padding_name('acfb_price_list_padding');
11
+ $acfb_price_list_margin = acfb_margin_name('acfb_price_list_margin');
12
+ $acfb_price_list_title_typo = acfb_ffaimly_name('acfb_price_list_title_typo');
13
+ $acfb_price_list_description_typo = acfb_ffaimly_name('acfb_price_list_description_typo');
14
+
15
+ $uid = $block['id'];
16
+
17
+ $className = 'acfb_price_list_block';
18
+ if( !empty($block['className']) ) {
19
+ $className .= ' ' . $block['className'];
20
+ }
21
+ if( !empty($block['align']) ) {
22
+ $className .= ' align' . $block['align'];
23
+ }
24
+
25
+ ?>
26
+ <div class="<?php echo $uid; ?> <?php echo esc_attr($className); ?>">
27
+ <style type="text/css">
28
+ .<?php echo $uid; ?> {
29
+ <?php echo get_padding_field($acfb_price_list_padding); ?>
30
+ <?php echo get_margin_field($acfb_price_list_margin); ?>
31
+ }
32
+
33
+ <?php if(get_field('acfb_price_list_image_position') == 'acfb_price_list_image_top'): ?>
34
+ .<?php echo $uid; ?> .acfb_price_list_wrap .acfb_price_list_item{
35
+ grid-template-areas: 'acfbPli' 'acfbPlt';
36
+ }
37
+
38
+ .<?php echo $uid; ?> .acfb_price_list_wrap .acfb_price_list_item .acfb_price_list_text{
39
+ margin-top: 10px;
40
+ }
41
+
42
+ .<?php echo $uid; ?> .acfb_price_list_wrap .acfb_price_list_item .acfb_price_list_text .acfb_price_list_header{
43
+ grid-template-areas: 'acfbPlTitle acfbPlSep acfbPlPrice';
44
+ }
45
+
46
+ <?php elseif(get_field('acfb_price_list_image_position') == 'acfb_price_list_image_left'): ?>
47
+ .<?php echo $uid; ?> .acfb_price_list_wrap .acfb_price_list_item{
48
+ grid-template-columns: 20% auto;
49
+ grid-template-areas: 'acfbPli acfbPlt';
50
+ }
51
+
52
+ .<?php echo $uid; ?> .acfb_price_list_wrap .acfb_price_list_item .acfb_price_list_text .acfb_price_list_header{
53
+ grid-template-areas: 'acfbPlTitle acfbPlSep acfbPlPrice';
54
+ }
55
+
56
+ <?php elseif(get_field('acfb_price_list_image_position') == 'acfb_price_list_image_right'): ?>
57
+ .<?php echo $uid; ?> .acfb_price_list_wrap .acfb_price_list_item{
58
+ grid-template-columns: auto 20%;
59
+ grid-template-areas: 'acfbPlt acfbPli';
60
+ }
61
+
62
+ .<?php echo $uid; ?> .acfb_price_list_wrap .acfb_price_list_item .acfb_price_list_text .acfb_price_list_header{
63
+ grid-template-areas: 'acfbPlPrice acfbPlSep acfbPlTitle';
64
+ }
65
+
66
+ .<?php echo $uid; ?> .acfb_price_list_wrap .acfb_price_list_item .acfb_price_list_text{
67
+ text-align: right;
68
+ }
69
+ <?php endif; ?>
70
+
71
+ .<?php echo $uid; ?> .acfb_price_list_wrap .acfb_price_list_item .acfb_price_list_text .acfb_price_list_header{
72
+ color: <?php the_field('acfb_price_list_title_&_price_color'); ?>;
73
+ <?php echo get_typo_field($acfb_price_list_title_typo); ?>
74
+ }
75
+
76
+ .<?php echo $uid; ?> .acfb_price_list_wrap .acfb_price_list_item .acfb_price_list_text .acfb_price_list_header .acfb_price_list_separator {
77
+ border-bottom-style: <?php the_field('acfb_price_list_separator_styles'); ?>;
78
+ border-bottom-width: <?php the_field('acfb_price_list_separator_size'); ?>px;
79
+ border-bottom-color: <?php the_field('acfb_price_list_separator_color'); ?>;
80
+
81
+ }
82
+
83
+ .<?php echo $uid; ?> .acfb_price_list_wrap .acfb_price_list_item .acfb_price_list_text p.acfb_price_list_description {
84
+ color: <?php the_field('acfb_price_list_description_color'); ?>;
85
+ <?php echo get_typo_field($acfb_price_list_description_typo); ?>
86
+ }
87
+
88
+ </style>
89
+
90
+
91
+ <?php
92
+ $acfb_image = '';
93
+ if(!get_field('acfb_price_list_image')){
94
+ $acfb_image = plugins_url() . '/acf-blocks/img/placeholder-image.jpg';
95
+ } else{
96
+ $acfb_image = get_field('acfb_price_list_image');
97
+ }
98
+ ?>
99
+
100
+ <div class="acfb_price_list_wrap">
101
+ <a href="<?php the_field('acfb_price_list_link'); ?>" class="acfb_price_list_item">
102
+ <div class="acfb_price_list_image">
103
+ <img src="<?php echo $acfb_image; ?>" alt="<?php the_field('acfb_price_list_image_alt'); ?>">
104
+ </div>
105
+ <div class="acfb_price_list_text">
106
+ <div class="acfb_price_list_header">
107
+ <span class="acfb_price_list_title"><?php the_field('acfb_price_list_title'); ?></span>
108
+ <span class="acfb_price_list_separator"></span>
109
+ <span class="acfb_price_list_price"><?php the_field('acfb_price_list_price_prefix'); ?><?php the_field('acfb_price_list_price'); ?></span>
110
+ </div>
111
+ <p class="acfb_price_list_description"><?php the_field('acfb_price_list_description'); ?></p>
112
+ </div>
113
+ </a>
114
+ </div>
115
+
116
  </div><!-- Uid -->
acfblocks-templates/free/acfb-pricingbox.php CHANGED
@@ -1,152 +1,152 @@
1
- <?php
2
- echo parse_link(
3
- array(
4
- get_field('acfb_pricingbox_title_typo'),
5
- get_field('acfb_pricingbox_prefix_typo'),
6
- get_field('acfb_pricingbox_price_typo'),
7
- get_field('acfb_pricingbox_suffix_typo'),
8
- get_field('acfb_pricingbox_subtext_typo'),
9
- get_field('acfb_pricingbox_button_typo'),
10
- get_field('acfb_pricingbox_description_typo')
11
- )
12
- );
13
-
14
-
15
- $acfb_pricingbox_inner_padding = acfb_padding_name('acfb_pricingbox_inner_padding');
16
- $acfb_pricingbox_inner_button_padding = acfb_padding_name('acfb_pricingbox_inner_button_padding');
17
- $acfb_pricingbox_padding = acfb_padding_name('acfb_pricingbox_padding');
18
- $acfb_pricingbox_margin = acfb_margin_name('acfb_pricingbox_margin');
19
- $acfb_pricingbox_title_typo = acfb_ffaimly_name('acfb_pricingbox_title_typo');
20
- $acfb_pricingbox_prefix_typo = acfb_ffaimly_name('acfb_pricingbox_prefix_typo');
21
- $acfb_pricingbox_price_typo = acfb_ffaimly_name('acfb_pricingbox_price_typo');
22
- $acfb_pricingbox_suffix_typo = acfb_ffaimly_name('acfb_pricingbox_suffix_typo');
23
- $acfb_pricingbox_subtext_typo = acfb_ffaimly_name('acfb_pricingbox_subtext_typo');
24
- $acfb_pricingbox_button_typo = acfb_ffaimly_name('acfb_pricingbox_button_typo');
25
- $acfb_pricingbox_description_typo = acfb_ffaimly_name('acfb_pricingbox_description_typo');
26
-
27
-
28
- $uid = $block['id'];
29
-
30
- $className = 'acfb_pricing_table_block';
31
- if( !empty($block['className']) ) {
32
- $className .= ' ' . $block['className'];
33
- }
34
- if( !empty($block['align']) ) {
35
- $className .= ' align' . $block['align'];
36
- }
37
-
38
- ?>
39
- <div class="<?php echo $uid; ?> <?php echo esc_attr($className); ?>">
40
- <style type="text/css">
41
- .<?php echo $uid; ?> {
42
- <?php echo get_padding_field($acfb_pricingbox_padding); ?>
43
- <?php echo get_margin_field($acfb_pricingbox_margin); ?>
44
- }
45
-
46
- .<?php echo $uid; ?> .acfb_pricing_table_wrap{
47
- background-color: <?php the_field('acfb_pricingbox_background_color'); ?>;
48
- padding-top: <?php echo $acfb_pricingbox_inner_padding['padding_top']; ?>px;
49
- padding-bottom: <?php echo $acfb_pricingbox_inner_padding['padding_bottom']; ?>px;
50
- padding-left: <?php echo $acfb_pricingbox_inner_padding['padding_left']; ?>px;
51
- padding-right: <?php echo $acfb_pricingbox_inner_padding['padding_right']; ?>px;
52
- }
53
-
54
- .<?php echo $uid; ?> .acfb_pricing_table_wrap img{
55
- width: <?php the_field('acfb_pricingbox_image_size'); ?>%;
56
- }
57
-
58
- .<?php echo $uid; ?> h3.acfb_pricing_box_title{
59
- color: <?php the_field('acfb_pricingbox_title_color'); ?>;
60
- <?php echo get_typo_field($acfb_pricingbox_title_typo); ?>
61
- }
62
-
63
- .<?php echo $uid; ?> .acfb_pricing_box_price_line .acfb_pricing_box_price_prefix{
64
- color: <?php the_field('acfb_pricingbox_prefix_color'); ?>;
65
- <?php echo get_typo_field($acfb_pricingbox_prefix_typo); ?>
66
- }
67
-
68
- .<?php echo $uid; ?> .acfb_pricing_box_price_line .acfb_pricing_box_price{
69
- color: <?php the_field('acfb_pricingbox_price_color'); ?>;
70
- <?php echo get_typo_field($acfb_pricingbox_price_typo); ?>
71
- }
72
-
73
- .<?php echo $uid; ?> .acfb_pricing_box_price_line .acfb_pricing_box_price_suffix{
74
- color: <?php the_field('acfb_pricingbox_suffix_color'); ?>;
75
- <?php echo get_typo_field($acfb_pricingbox_suffix_typo); ?>
76
- }
77
-
78
- .<?php echo $uid; ?> .acfb_pricing_box_subprice{
79
- color: <?php the_field('acfb_pricingbox_subtext_color'); ?>;
80
- <?php echo get_typo_field($acfb_pricingbox_subtext_typo); ?>
81
- }
82
-
83
- .<?php echo $uid; ?> .acfb_pricing_box_button a{
84
- background-color: <?php the_field('acfb_pricingbox_button_background_color'); ?>;
85
- color: <?php the_field('acfb_pricingbox_button_text_color'); ?> !important;
86
- <?php echo get_typo_field($acfb_pricingbox_button_typo); ?>
87
- padding-top: <?php echo $acfb_pricingbox_inner_button_padding['padding_top']; ?>px;
88
- padding-bottom: <?php echo $acfb_pricingbox_inner_button_padding['padding_bottom']; ?>px;
89
- padding-left: <?php echo $acfb_pricingbox_inner_button_padding['padding_left']; ?>px;
90
- padding-right: <?php echo $acfb_pricingbox_inner_button_padding['padding_right']; ?>px;
91
- }
92
-
93
- .<?php echo $uid; ?> .acfb_pricing_box_button a:hover{
94
- background-color: <?php the_field('acfb_pricingbox_button_background_hover_color'); ?>;
95
- color: <?php the_field('acfb_pricingbox_button_text_hover_color'); ?> !important;
96
- }
97
-
98
- .<?php echo $uid; ?> .acfb_pricing_table_wrap .acfb_pricing_box_description{
99
- color: <?php the_field('acfb_pricingbox_description_color'); ?>;
100
- <?php echo get_typo_field($acfb_pricingbox_description_typo); ?>
101
- }
102
- </style>
103
-
104
- <div class="acfb_pricing_table_wrap">
105
-
106
- <?php if(get_field('acfb_pricingbox_image')): ?>
107
- <img src="<?php the_field('acfb_pricingbox_image'); ?>" alt="<?php the_field('acfb_pricingbox_image_alt'); ?>" class="acfb_pricing_table_imgicon">
108
- <?php endif; ?>
109
-
110
- <?php if(get_field('acfb_pricingbox_title')): ?>
111
- <h3 class="acfb_pricing_box_title"><?php the_field('acfb_pricingbox_title'); ?></h3>
112
- <?php endif; ?>
113
-
114
- <?php if(get_field('acfb_pricingbox_price_prefix') || get_field('acfb_pricingbox_price') || get_field('acfb_pricingbox_price_suffix') || get_field('acfb_pricingbox_sub_text') ): ?>
115
- <div class="acfb_pricing_box_price_wrapper">
116
-
117
- <?php if(get_field('acfb_pricingbox_price_prefix') || get_field('acfb_pricingbox_price') || get_field('acfb_pricingbox_price_suffix')): ?>
118
- <div class="acfb_pricing_box_price_line">
119
- <?php if(get_field('acfb_pricingbox_price_prefix')): ?>
120
- <span class="acfb_pricing_box_price_prefix"><?php the_field('acfb_pricingbox_price_prefix'); ?></span>
121
- <?php endif; ?>
122
-
123
- <?php if(get_field('acfb_pricingbox_price')): ?>
124
- <span class="acfb_pricing_box_price"><?php the_field('acfb_pricingbox_price'); ?></span>
125
- <?php endif; ?>
126
-
127
- <?php if(get_field('acfb_pricingbox_price_suffix')): ?>
128
- <span class="acfb_pricing_box_price_suffix"><?php the_field('acfb_pricingbox_price_suffix'); ?></span>
129
- <?php endif; ?>
130
- </div>
131
- <?php endif; ?>
132
-
133
- <?php if(get_field('acfb_pricingbox_sub_text')): ?>
134
- <span class="acfb_pricing_box_subprice"><?php the_field('acfb_pricingbox_sub_text'); ?></span>
135
- <?php endif; ?>
136
- </div>
137
-
138
- <?php endif; ?>
139
-
140
- <?php if(get_field('acfb_pricingbox_description')): ?>
141
- <p class="acfb_pricing_box_description"><?php the_field('acfb_pricingbox_description'); ?></p>
142
- <?php endif; ?>
143
-
144
- <?php if(get_field('acfb_pricingbox_button_text')): ?>
145
- <div class="acfb_pricing_box_button">
146
- <a href="<?php the_field('acfb_pricingbox_button_url'); ?>"><?php the_field('acfb_pricingbox_button_text'); ?></a>
147
- </div>
148
- <?php endif; ?>
149
-
150
- </div>
151
-
152
  </div><!-- Uid -->
1
+ <?php
2
+ echo parse_link(
3
+ array(
4
+ get_field('acfb_pricingbox_title_typo'),
5
+ get_field('acfb_pricingbox_prefix_typo'),
6
+ get_field('acfb_pricingbox_price_typo'),
7
+ get_field('acfb_pricingbox_suffix_typo'),
8
+ get_field('acfb_pricingbox_subtext_typo'),
9
+ get_field('acfb_pricingbox_button_typo'),
10
+ get_field('acfb_pricingbox_description_typo')
11
+ )
12
+ );
13
+
14
+
15
+ $acfb_pricingbox_inner_padding = acfb_padding_name('acfb_pricingbox_inner_padding');
16
+ $acfb_pricingbox_inner_button_padding = acfb_padding_name('acfb_pricingbox_inner_button_padding');
17
+ $acfb_pricingbox_padding = acfb_padding_name('acfb_pricingbox_padding');
18
+ $acfb_pricingbox_margin = acfb_margin_name('acfb_pricingbox_margin');
19
+ $acfb_pricingbox_title_typo = acfb_ffaimly_name('acfb_pricingbox_title_typo');
20
+ $acfb_pricingbox_prefix_typo = acfb_ffaimly_name('acfb_pricingbox_prefix_typo');
21
+ $acfb_pricingbox_price_typo = acfb_ffaimly_name('acfb_pricingbox_price_typo');
22
+ $acfb_pricingbox_suffix_typo = acfb_ffaimly_name('acfb_pricingbox_suffix_typo');
23
+ $acfb_pricingbox_subtext_typo = acfb_ffaimly_name('acfb_pricingbox_subtext_typo');
24
+ $acfb_pricingbox_button_typo = acfb_ffaimly_name('acfb_pricingbox_button_typo');
25
+ $acfb_pricingbox_description_typo = acfb_ffaimly_name('acfb_pricingbox_description_typo');
26
+
27
+
28
+ $uid = $block['id'];
29
+
30
+ $className = 'acfb_pricing_table_block';
31
+ if( !empty($block['className']) ) {
32
+ $className .= ' ' . $block['className'];
33
+ }
34
+ if( !empty($block['align']) ) {
35
+ $className .= ' align' . $block['align'];
36
+ }
37
+
38
+ ?>
39
+ <div class="<?php echo $uid; ?> <?php echo esc_attr($className); ?>">
40
+ <style type="text/css">
41
+ .<?php echo $uid; ?> {
42
+ <?php echo get_padding_field($acfb_pricingbox_padding); ?>
43
+ <?php echo get_margin_field($acfb_pricingbox_margin); ?>
44
+ }
45
+
46
+ .<?php echo $uid; ?> .acfb_pricing_table_wrap{
47
+ background-color: <?php the_field('acfb_pricingbox_background_color'); ?>;
48
+ padding-top: <?php echo $acfb_pricingbox_inner_padding['padding_top']; ?>px;
49
+ padding-bottom: <?php echo $acfb_pricingbox_inner_padding['padding_bottom']; ?>px;
50
+ padding-left: <?php echo $acfb_pricingbox_inner_padding['padding_left']; ?>px;
51
+ padding-right: <?php echo $acfb_pricingbox_inner_padding['padding_right']; ?>px;
52
+ }
53
+
54
+ .<?php echo $uid; ?> .acfb_pricing_table_wrap img{
55
+ width: <?php the_field('acfb_pricingbox_image_size'); ?>%;
56
+ }
57
+
58
+ .<?php echo $uid; ?> h3.acfb_pricing_box_title{
59
+ color: <?php the_field('acfb_pricingbox_title_color'); ?>;
60
+ <?php echo get_typo_field($acfb_pricingbox_title_typo); ?>
61
+ }
62
+
63
+ .<?php echo $uid; ?> .acfb_pricing_box_price_line .acfb_pricing_box_price_prefix{
64
+ color: <?php the_field('acfb_pricingbox_prefix_color'); ?>;
65
+ <?php echo get_typo_field($acfb_pricingbox_prefix_typo); ?>
66
+ }
67
+
68
+ .<?php echo $uid; ?> .acfb_pricing_box_price_line .acfb_pricing_box_price{
69
+ color: <?php the_field('acfb_pricingbox_price_color'); ?>;
70
+ <?php echo get_typo_field($acfb_pricingbox_price_typo); ?>
71
+ }
72
+
73
+ .<?php echo $uid; ?> .acfb_pricing_box_price_line .acfb_pricing_box_price_suffix{
74
+ color: <?php the_field('acfb_pricingbox_suffix_color'); ?>;
75
+ <?php echo get_typo_field($acfb_pricingbox_suffix_typo); ?>
76
+ }
77
+
78
+ .<?php echo $uid; ?> .acfb_pricing_box_subprice{
79
+ color: <?php the_field('acfb_pricingbox_subtext_color'); ?>;
80
+ <?php echo get_typo_field($acfb_pricingbox_subtext_typo); ?>
81
+ }
82
+
83
+ .<?php echo $uid; ?> .acfb_pricing_box_button a{
84
+ background-color: <?php the_field('acfb_pricingbox_button_background_color'); ?>;
85
+ color: <?php the_field('acfb_pricingbox_button_text_color'); ?> !important;
86
+ <?php echo get_typo_field($acfb_pricingbox_button_typo); ?>
87
+ padding-top: <?php echo $acfb_pricingbox_inner_button_padding['padding_top']; ?>px;
88
+ padding-bottom: <?php echo $acfb_pricingbox_inner_button_padding['padding_bottom']; ?>px;
89
+ padding-left: <?php echo $acfb_pricingbox_inner_button_padding['padding_left']; ?>px;
90
+ padding-right: <?php echo $acfb_pricingbox_inner_button_padding['padding_right']; ?>px;
91
+ }
92
+
93
+ .<?php echo $uid; ?> .acfb_pricing_box_button a:hover{
94
+ background-color: <?php the_field('acfb_pricingbox_button_background_hover_color'); ?>;
95
+ color: <?php the_field('acfb_pricingbox_button_text_hover_color'); ?> !important;
96
+ }
97
+
98
+ .<?php echo $uid; ?> .acfb_pricing_table_wrap .acfb_pricing_box_description{
99
+ color: <?php the_field('acfb_pricingbox_description_color'); ?>;
100
+ <?php echo get_typo_field($acfb_pricingbox_description_typo); ?>
101
+ }
102
+ </style>
103
+
104
+ <div class="acfb_pricing_table_wrap">
105
+
106
+ <?php if(get_field('acfb_pricingbox_image')): ?>
107
+ <img src="<?php the_field('acfb_pricingbox_image'); ?>" alt="<?php the_field('acfb_pricingbox_image_alt'); ?>" class="acfb_pricing_table_imgicon">
108
+ <?php endif; ?>
109
+
110
+ <?php if(get_field('acfb_pricingbox_title')): ?>
111
+ <h3 class="acfb_pricing_box_title"><?php the_field('acfb_pricingbox_title'); ?></h3>
112
+ <?php endif; ?>
113
+
114
+ <?php if(get_field('acfb_pricingbox_price_prefix') || get_field('acfb_pricingbox_price') || get_field('acfb_pricingbox_price_suffix') || get_field('acfb_pricingbox_sub_text') ): ?>
115
+ <div class="acfb_pricing_box_price_wrapper">
116
+
117
+ <?php if(get_field('acfb_pricingbox_price_prefix') || get_field('acfb_pricingbox_price') || get_field('acfb_pricingbox_price_suffix')): ?>
118
+ <div class="acfb_pricing_box_price_line">
119
+ <?php if(get_field('acfb_pricingbox_price_prefix')): ?>
120
+ <span class="acfb_pricing_box_price_prefix"><?php the_field('acfb_pricingbox_price_prefix'); ?></span>
121
+ <?php endif; ?>
122
+
123
+ <?php if(get_field('acfb_pricingbox_price')): ?>
124
+ <span class="acfb_pricing_box_price"><?php the_field('acfb_pricingbox_price'); ?></span>
125
+ <?php endif; ?>
126
+
127
+ <?php if(get_field('acfb_pricingbox_price_suffix')): ?>
128
+ <span class="acfb_pricing_box_price_suffix"><?php the_field('acfb_pricingbox_price_suffix'); ?></span>
129
+ <?php endif; ?>
130
+ </div>
131
+ <?php endif; ?>
132
+
133
+ <?php if(get_field('acfb_pricingbox_sub_text')): ?>
134
+ <span class="acfb_pricing_box_subprice"><?php the_field('acfb_pricingbox_sub_text'); ?></span>
135
+ <?php endif; ?>
136
+ </div>
137
+
138
+ <?php endif; ?>
139
+
140
+ <?php if(get_field('acfb_pricingbox_description')): ?>
141
+ <p class="acfb_pricing_box_description"><?php the_field('acfb_pricingbox_description'); ?></p>
142
+ <?php endif; ?>
143
+
144
+ <?php if(get_field('acfb_pricingbox_button_text')): ?>
145
+ <div class="acfb_pricing_box_button">
146
+ <a href="<?php the_field('acfb_pricingbox_button_url'); ?>"><?php the_field('acfb_pricingbox_button_text'); ?></a>
147
+ </div>
148
+ <?php endif; ?>
149
+
150
+ </div>
151
+
152
  </div><!-- Uid -->
acfblocks-templates/free/acfb-progressbar.php CHANGED
@@ -1,62 +1,62 @@
1
- <?php
2
- echo parse_link(
3
- array(
4
- get_field('acfb_progressbar_text_typo'),
5
- get_field('acfb_progressbar_title_typo')
6
- )
7
- );
8
-
9
-
10
- $acfb_progressbar_padding = acfb_padding_name('acfb_progressbar_padding');
11
- $acfb_progressbar_margin = acfb_margin_name('acfb_progressbar_margin');
12
- $acfb_progressbar_text_typo = acfb_ffaimly_name('acfb_progressbar_text_typo');
13
- $acfb_progressbar_title_typo = acfb_ffaimly_name('acfb_progressbar_title_typo');
14
-
15
-
16
- $uid = $block['id'];
17
-
18
- $className = 'acfb_progress_bar_block';
19
- if( !empty($block['className']) ) {
20
- $className .= ' ' . $block['className'];
21
- }
22
- if( !empty($block['align']) ) {
23
- $className .= ' align' . $block['align'];
24
- }
25
-
26
- ?>
27
- <div class="<?php echo $uid; ?> <?php echo esc_attr($className); ?>">
28
- <style type="text/css">
29
- .<?php echo $uid; ?> {
30
- <?php echo get_padding_field($acfb_progressbar_padding); ?>
31
- <?php echo get_margin_field($acfb_progressbar_margin); ?>
32
- }
33
-
34
- .<?php echo $uid; ?> .acfb_progress_wrapper .acfb_inner_wrap{
35
- background-color: <?php the_field('acfb_progressbar_unactive_bg_color'); ?>;
36
- color: <?php the_field('acfb_progressbar_text_color'); ?>;
37
- }
38
-
39
- .<?php echo $uid; ?> .acfb_progress_wrapper .acfb_progress_bar_title{
40
- color: <?php the_field('acfb_progressbar_title_color'); ?>;
41
- <?php echo get_typo_field($acfb_progressbar_title_typo); ?>
42
- }
43
-
44
- .<?php echo $uid; ?> .acfb_progress_wrapper .acfb_progress_bar{
45
- background-color: <?php the_field('acfb_progressbar_bg_color'); ?>;
46
- <?php echo get_typo_field($acfb_progressbar_text_typo); ?>
47
- }
48
- </style>
49
-
50
- <div class="acfb_progress_wrapper">
51
- <span class="acfb_progress_bar_title"><?php the_field('acfb_progressbar_title'); ?></span>
52
- <div class="acfb_inner_wrap">
53
- <div class="acfb_progress_bar" style="width: <?php the_field('acfb_progressbar_percentage'); ?>%;">
54
- <span class="acfb_progress_text"><?php the_field('acfb_progressbar_inner_text'); ?></span>
55
- <?php if( '1' == get_field('acfb_progressbar_display_percentage') ): ?>
56
- <span class="acfb_progress_percentage"><?php the_field('acfb_progressbar_percentage'); ?>%</span>
57
- <?php endif; ?>
58
- </div>
59
- </div>
60
- </div>
61
-
62
  </div><!-- Uid -->
1
+ <?php
2
+ echo parse_link(
3
+ array(
4
+ get_field('acfb_progressbar_text_typo'),
5
+ get_field('acfb_progressbar_title_typo')
6
+ )
7
+ );
8
+
9
+
10
+ $acfb_progressbar_padding = acfb_padding_name('acfb_progressbar_padding');
11
+ $acfb_progressbar_margin = acfb_margin_name('acfb_progressbar_margin');
12
+ $acfb_progressbar_text_typo = acfb_ffaimly_name('acfb_progressbar_text_typo');
13
+ $acfb_progressbar_title_typo = acfb_ffaimly_name('acfb_progressbar_title_typo');
14
+
15
+
16
+ $uid = $block['id'];
17
+
18
+ $className = 'acfb_progress_bar_block';
19
+ if( !empty($block['className']) ) {
20
+ $className .= ' ' . $block['className'];
21
+ }
22
+ if( !empty($block['align']) ) {
23
+ $className .= ' align' . $block['align'];
24
+ }
25
+
26
+ ?>
27
+ <div class="<?php echo $uid; ?> <?php echo esc_attr($className); ?>">
28
+ <style type="text/css">
29
+ .<?php echo $uid; ?> {
30
+ <?php echo get_padding_field($acfb_progressbar_padding); ?>
31
+ <?php echo get_margin_field($acfb_progressbar_margin); ?>
32
+ }
33
+
34
+ .<?php echo $uid; ?> .acfb_progress_wrapper .acfb_inner_wrap{
35
+ background-color: <?php the_field('acfb_progressbar_unactive_bg_color'); ?>;
36
+ color: <?php the_field('acfb_progressbar_text_color'); ?>;
37
+ }
38
+
39
+ .<?php echo $uid; ?> .acfb_progress_wrapper .acfb_progress_bar_title{
40
+ color: <?php the_field('acfb_progressbar_title_color'); ?>;
41
+ <?php echo get_typo_field($acfb_progressbar_title_typo); ?>
42
+ }
43
+
44
+ .<?php echo $uid; ?> .acfb_progress_wrapper .acfb_progress_bar{
45
+ background-color: <?php the_field('acfb_progressbar_bg_color'); ?>;
46
+ <?php echo get_typo_field($acfb_progressbar_text_typo); ?>
47
+ }
48
+ </style>
49
+
50
+ <div class="acfb_progress_wrapper">
51
+ <span class="acfb_progress_bar_title"><?php the_field('acfb_progressbar_title'); ?></span>
52
+ <div class="acfb_inner_wrap">
53
+ <div class="acfb_progress_bar" style="width: <?php the_field('acfb_progressbar_percentage'); ?>%;">
54
+ <span class="acfb_progress_text"><?php the_field('acfb_progressbar_inner_text'); ?></span>
55
+ <?php if( '1' == get_field('acfb_progressbar_display_percentage') ): ?>
56
+ <span class="acfb_progress_percentage"><?php the_field('acfb_progressbar_percentage'); ?>%</span>
57
+ <?php endif; ?>
58
+ </div>
59
+ </div>
60
+ </div>
61
+
62
  </div><!-- Uid -->
acfblocks-templates/free/acfb-random-image.php CHANGED
@@ -1,50 +1,50 @@
1
- <?php
2
- $uid = $block['id'];
3
-
4
- $className = 'acfb_random_image_block';
5
- if( !empty($block['className']) ) {
6
- $className .= ' ' . $block['className'];
7
- }
8
- if( !empty($block['align']) ) {
9
- $className .= ' align' . $block['align'];
10
- }
11
-
12
- $placeholders = [
13
- 'https://p111.p2.n0.cdn.getcloudapp.com/items/RBuWl6Bk/Image%202020-10-16%20at%205.07.13%20PM.jpg',
14
- 'https://p111.p2.n0.cdn.getcloudapp.com/items/2Nujq1bx/Image%202020-10-16%20at%205.07.37%20PM.jpg',
15
- 'https://p111.p2.n0.cdn.getcloudapp.com/items/JrugDAyd/Image%202020-10-16%20at%205.07.31%20PM.jpg',
16
- 'https://p111.p2.n0.cdn.getcloudapp.com/items/ApuLz6eb/Image%202020-10-16%20at%205.07.23%20PM.jpgg',
17
- ];
18
-
19
- $acfb_random_image_margin = acfb_padding_name('acfb_random_image_margin');
20
- $acfb_random_image_padding = acfb_margin_name('acfb_random_image_padding');
21
- $acfb_random_image_gallery = get_field('acfb_random_images');
22
-
23
- $final_random_image_gallery = is_array($acfb_random_image_gallery) ? $acfb_random_image_gallery : $placeholders;
24
-
25
-
26
-
27
- ?>
28
- <div class="<?php echo $uid; ?> <?php echo esc_attr($className); ?>">
29
- <style type="text/css">
30
- .<?php echo $uid; ?>{
31
- <?php echo get_padding_field($acfb_random_image_padding); ?>
32
- <?php echo get_margin_field($acfb_random_image_margin); ?>
33
- }
34
-
35
- .<?php echo $uid; ?> .acfb_random_image{
36
- display: flex;
37
- justify-content: <?php the_field('acfb_random_image_alignment'); ?>;
38
- }
39
-
40
- .<?php echo $uid; ?> .acfb_random_image img{
41
- width: <?php the_field("acfb_random_image_width"); ?>%;
42
- }
43
-
44
- </style>
45
-
46
- <div class="acfb_random_image">
47
- <img src="" class="acfb_ri" data-random-image="<?php echo implode(',', $final_random_image_gallery); ?>" />
48
- </div>
49
-
50
  </div><!-- Uid -->
1
+ <?php
2
+ $uid = $block['id'];
3
+
4
+ $className = 'acfb_random_image_block';
5
+ if( !empty($block['className']) ) {
6
+ $className .= ' ' . $block['className'];
7
+ }
8
+ if( !empty($block['align']) ) {
9
+ $className .= ' align' . $block['align'];
10
+ }
11
+
12
+ $placeholders = [
13
+ 'https://p111.p2.n0.cdn.getcloudapp.com/items/RBuWl6Bk/Image%202020-10-16%20at%205.07.13%20PM.jpg',
14
+ 'https://p111.p2.n0.cdn.getcloudapp.com/items/2Nujq1bx/Image%202020-10-16%20at%205.07.37%20PM.jpg',
15
+ 'https://p111.p2.n0.cdn.getcloudapp.com/items/JrugDAyd/Image%202020-10-16%20at%205.07.31%20PM.jpg',
16
+ 'https://p111.p2.n0.cdn.getcloudapp.com/items/ApuLz6eb/Image%202020-10-16%20at%205.07.23%20PM.jpgg',
17
+ ];
18
+
19
+ $acfb_random_image_margin = acfb_padding_name('acfb_random_image_margin');
20
+ $acfb_random_image_padding = acfb_margin_name('acfb_random_image_padding');
21
+ $acfb_random_image_gallery = get_field('acfb_random_images');
22
+
23
+ $final_random_image_gallery = is_array($acfb_random_image_gallery) ? $acfb_random_image_gallery : $placeholders;
24
+
25
+
26
+
27
+ ?>
28
+ <div class="<?php echo $uid; ?> <?php echo esc_attr($className); ?>">
29
+ <style type="text/css">
30
+ .<?php echo $uid; ?>{
31
+ <?php echo get_padding_field($acfb_random_image_padding); ?>
32
+ <?php echo get_margin_field($acfb_random_image_margin); ?>
33
+ }
34
+
35
+ .<?php echo $uid; ?> .acfb_random_image{
36
+ display: flex;
37
+ justify-content: <?php the_field('acfb_random_image_alignment'); ?>;
38
+ }
39
+
40
+ .<?php echo $uid; ?> .acfb_random_image img{
41
+ width: <?php the_field("acfb_random_image_width"); ?>%;
42
+ }
43
+
44
+ </style>
45
+
46
+ <div class="acfb_random_image">
47
+ <img src="" class="acfb_ri" data-random-image="<?php echo implode(',', $final_random_image_gallery); ?>" />
48
+ </div>
49
+
50
  </div><!-- Uid -->
acfblocks-templates/free/acfb-scrollable-image.php CHANGED
@@ -1,43 +1,43 @@
1
- <?php
2
- $acfb_scrollable_image_padding = acfb_padding_name('acfb_scrollable_image_padding');
3
- $acfb_scrollable_image_margin = acfb_margin_name('acfb_scrollable_image_margin');
4
-
5
- $uid = $block['id'];
6
-
7
- $className = 'acfb_scrollable_image_block';
8
- if( !empty($block['className']) ) {
9
- $className .= ' ' . $block['className'];
10
- }
11
- if( !empty($block['align']) ) {
12
- $className .= ' align' . $block['align'];
13
- }
14
-
15
- ?>
16
- <div class="<?php echo $uid; ?> <?php echo esc_attr($className); ?>">
17
- <style type="text/css">
18
- .<?php echo $uid; ?>{
19
- <?php echo get_padding_field($acfb_scrollable_image_padding); ?>
20
- <?php echo get_margin_field($acfb_scrollable_image_margin); ?>
21
- }
22
-
23
- .<?php echo $uid; ?> .acfb_scrollable_image{
24
- min-height: <?php the_field('acfb_scrollable_image_height'); ?>px;
25
- }
26
-
27
- .<?php echo $uid; ?> .acfb_scrollable_image:hover{
28
- transition: background-position <?php the_field('acfb_scrollable_image_hover_scroll_speed'); ?>s linear 0s;
29
- }
30
- </style>
31
-
32
- <?php
33
- $acfb_image = '';
34
- if(!get_field('acfb_scrollable_image')){
35
- $acfb_image = plugins_url() . '/acf-blocks/img/placeholder-vertical.jpg';
36
- } else{
37
- $acfb_image = get_field('acfb_scrollable_image');
38
- }
39
- ?>
40
-
41
- <div class="acfb_scrollable_image" style="background-image: url('<?php echo $acfb_image; ?>')"></div>
42
-
43
  </div><!-- Uid -->
1
+ <?php
2
+ $acfb_scrollable_image_padding = acfb_padding_name('acfb_scrollable_image_padding');
3
+ $acfb_scrollable_image_margin = acfb_margin_name('acfb_scrollable_image_margin');
4
+
5
+ $uid = $block['id'];
6
+
7
+ $className = 'acfb_scrollable_image_block';
8
+ if( !empty($block['className']) ) {
9
+ $className .= ' ' . $block['className'];
10
+ }
11
+ if( !empty($block['align']) ) {
12
+ $className .= ' align' . $block['align'];
13
+ }
14
+
15
+ ?>
16
+ <div class="<?php echo $uid; ?> <?php echo esc_attr($className); ?>">
17
+ <style type="text/css">
18
+ .<?php echo $uid; ?>{
19
+ <?php echo get_padding_field($acfb_scrollable_image_padding); ?>
20
+ <?php echo get_margin_field($acfb_scrollable_image_margin); ?>
21
+ }
22
+
23
+ .<?php echo $uid; ?> .acfb_scrollable_image{
24
+ min-height: <?php the_field('acfb_scrollable_image_height'); ?>px;
25
+ }
26
+
27
+ .<?php echo $uid; ?> .acfb_scrollable_image:hover{
28
+ transition: background-position <?php the_field('acfb_scrollable_image_hover_scroll_speed'); ?>s linear 0s;
29
+ }
30
+ </style>
31
+
32
+ <?php
33
+ $acfb_image = '';
34
+ if(!get_field('acfb_scrollable_image')){
35
+ $acfb_image = plugins_url() . '/acf-blocks/img/placeholder-vertical.jpg';
36
+ } else{
37
+ $acfb_image = get_field('acfb_scrollable_image');
38
+ }
39
+ ?>
40
+
41
+ <div class="acfb_scrollable_image" style="background-image: url('<?php echo $acfb_image; ?>')"></div>
42
+
43
  </div><!-- Uid -->
acfblocks-templates/free/acfb-socialsharing.php CHANGED
@@ -1,114 +1,114 @@
1
- <?php
2
- echo parse_link(
3
- array(
4
- get_field('acfb_social_button_text_typo')
5
- )
6
- );
7
-
8
-
9
- $acfb_social_button_padding = acfb_padding_name('acfb_social_button_padding');
10
- $acfb_social_button_inner_padding = acfb_padding_name('acfb_social_button_inner_padding');
11
- $acfb_social_button_margin = acfb_margin_name('acfb_social_button_margin');
12
- $acfb_social_button_text_typo = acfb_ffaimly_name('acfb_social_button_text_typo');
13
-
14
-
15
- $uid = $block['id'];
16
- $acfb_permalink = get_permalink();
17
- $acfb_pagetitle = get_the_title();
18
-
19
- $className = 'acfb_social_sharing_main_block';
20
- if( !empty($block['className']) ) {
21
- $className .= ' ' . $block['className'];
22
- }
23
- if( !empty($block['align']) ) {
24
- $className .= ' align' . $block['align'];
25
- }
26
-
27
- $acfb_socialLinks = array();
28
- $acfb_socialNames = array();
29
- $acfb_socialpaths = array();
30
- array_push($acfb_socialLinks,"https://facebook.com/sharer/sharer.php?u={$acfb_permalink}","https://twitter.com/intent/tweet/?text={$acfb_pagetitle}&amp;url={$acfb_permalink}","mailto:?subject={$acfb_pagetitle}&amp;body={$acfb_permalink}","https://pinterest.com/pin/create/button/?url={$acfb_permalink}&amp;media=http%3A%2F%2Fsharingbuttons.io&amp;description={$acfb_pagetitle}.","https://www.linkedin.com/shareArticle?mini=true&amp;url={$acfb_permalink}&amp;title={$acfb_pagetitle}&amp;summary={$acfb_pagetitle}&amp;source={$acfb_permalink}","https://reddit.com/submit/?url={$acfb_permalink}&amp;resubmit=true&amp;title={$acfb_pagetitle}","https://www.xing.com/app/user?op=share;url={$acfb_permalink};title={$acfb_pagetitle}","whatsapp://send?text={$acfb_pagetitle}.{$acfb_permalink}","https://news.ycombinator.com/submitlink?u={$acfb_permalink}&amp;t={$acfb_pagetitle}","http://vk.com/share.php?title={$acfb_pagetitle}&amp;url={$acfb_permalink}","https://telegram.me/share/url?text={$acfb_pagetitle}&amp;url={$acfb_permalink}");
31
- array_push($acfb_socialNames , "Facebook","Twitter","Email","Pinterest","Linked In","Reddit","Xing","Whatsapp","Hacker News","Vk","Telegram");
32
- array_push($acfb_socialpaths , '<path fill="white" d="M18.77 7.46H14.5v-1.9c0-.9.6-1.1 1-1.1h3V.5h-4.33C10.24.5 9.5 3.44 9.5 5.32v2.15h-3v4h3v12h5v-12h3.85l.42-4z"/>' , '<path fill="white" d="M23.44 4.83c-.8.37-1.5.38-2.22.02.93-.56.98-.96 1.32-2.02-.88.52-1.86.9-2.9 1.1-.82-.88-2-1.43-3.3-1.43-2.5 0-4.55 2.04-4.55 4.54 0 .36.03.7.1 1.04-3.77-.2-7.12-2-9.36-4.75-.4.67-.6 1.45-.6 2.3 0 1.56.8 2.95 2 3.77-.74-.03-1.44-.23-2.05-.57v.06c0 2.2 1.56 4.03 3.64 4.44-.67.2-1.37.2-2.06.08.58 1.8 2.26 3.12 4.25 3.16C5.78 18.1 3.37 18.74 1 18.46c2 1.3 4.4 2.04 6.97 2.04 8.35 0 12.92-6.92 12.92-12.93 0-.2 0-.4-.02-.6.9-.63 1.96-1.22 2.56-2.14z"/>' , '<path fill="white" d="M22 4H2C.9 4 0 4.9 0 6v12c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM7.25 14.43l-3.5 2c-.08.05-.17.07-.25.07-.17 0-.34-.1-.43-.25-.14-.24-.06-.55.18-.68l3.5-2c.24-.14.55-.06.68.18.14.24.06.55-.18.68zm4.75.07c-.1 0-.2-.03-.27-.08l-8.5-5.5c-.23-.15-.3-.46-.15-.7.15-.22.46-.3.7-.14L12 13.4l8.23-5.32c.23-.15.54-.08.7.15.14.23.07.54-.16.7l-8.5 5.5c-.08.04-.17.07-.27.07zm8.93 1.75c-.1.16-.26.25-.43.25-.08 0-.17-.02-.25-.07l-3.5-2c-.24-.13-.32-.44-.18-.68s.44-.32.68-.18l3.5 2c.24.13.32.44.18.68z"/>' , '<path fill="white" d="M12.14.5C5.86.5 2.7 5 2.7 8.75c0 2.27.86 4.3 2.7 5.05.3.12.57 0 .66-.33l.27-1.06c.1-.32.06-.44-.2-.73-.52-.62-.86-1.44-.86-2.6 0-3.33 2.5-6.32 6.5-6.32 3.55 0 5.5 2.17 5.5 5.07 0 3.8-1.7 7.02-4.2 7.02-1.37 0-2.4-1.14-2.07-2.54.4-1.68 1.16-3.48 1.16-4.7 0-1.07-.58-1.98-1.78-1.98-1.4 0-2.55 1.47-2.55 3.42 0 1.25.43 2.1.43 2.1l-1.7 7.2c-.5 2.13-.08 4.75-.04 5 .02.17.22.2.3.1.14-.18 1.82-2.26 2.4-4.33.16-.58.93-3.63.93-3.63.45.88 1.8 1.65 3.22 1.65 4.25 0 7.13-3.87 7.13-9.05C20.5 4.15 17.18.5 12.14.5z"/>' , '<path fill="white" d="M6.5 21.5h-5v-13h5v13zM4 6.5C2.5 6.5 1.5 5.3 1.5 4s1-2.4 2.5-2.4c1.6 0 2.5 1 2.6 2.5 0 1.4-1 2.5-2.6 2.5zm11.5 6c-1 0-2 1-2 2v7h-5v-13h5V10s1.6-1.5 4-1.5c3 0 5 2.2 5 6.3v6.7h-5v-7c0-1-1-2-2-2z"/>' , '<path fill="white" d="M24 11.5c0-1.65-1.35-3-3-3-.96 0-1.86.48-2.42 1.24-1.64-1-3.75-1.64-6.07-1.72.08-1.1.4-3.05 1.52-3.7.72-.4 1.73-.24 3 .5C17.2 6.3 18.46 7.5 20 7.5c1.65 0 3-1.35 3-3s-1.35-3-3-3c-1.38 0-2.54.94-2.88 2.22-1.43-.72-2.64-.8-3.6-.25-1.64.94-1.95 3.47-2 4.55-2.33.08-4.45.7-6.1 1.72C4.86 8.98 3.96 8.5 3 8.5c-1.65 0-3 1.35-3 3 0 1.32.84 2.44 2.05 2.84-.03.22-.05.44-.05.66 0 3.86 4.5 7 10 7s10-3.14 10-7c0-.22-.02-.44-.05-.66 1.2-.4 2.05-1.54 2.05-2.84zM2.3 13.37C1.5 13.07 1 12.35 1 11.5c0-1.1.9-2 2-2 .64 0 1.22.32 1.6.82-1.1.85-1.92 1.9-2.3 3.05zm3.7.13c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm9.8 4.8c-1.08.63-2.42.96-3.8.96-1.4 0-2.74-.34-3.8-.95-.24-.13-.32-.44-.2-.68.15-.24.46-.32.7-.18 1.83 1.06 4.76 1.06 6.6 0 .23-.13.53-.05.67.2.14.23.06.54-.18.67zm.2-2.8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm5.7-2.13c-.38-1.16-1.2-2.2-2.3-3.05.38-.5.97-.82 1.6-.82 1.1 0 2 .9 2 2 0 .84-.53 1.57-1.3 1.87z"/>' , '<path fill="white" d="M10.2 9.7l-3-5.4C7.2 4 7 4 6.8 4h-5c-.3 0-.4 0-.5.2v.5L4 10 .4 16v.5c0 .2.2.3.4.3h5c.3 0 .4 0 .5-.2l4-6.6v-.5zM24 .2l-.5-.2H18s-.2 0-.3.3l-8 14v.4l5.2 9c0 .2 0 .3.3.3h5.4s.3 0 .4-.2c.2-.2.2-.4 0-.5l-5-8.8L24 .7V.2z"/>' ,'<path fill="white" d="M20.1 3.9C17.9 1.7 15 .5 12 .5 5.8.5.7 5.6.7 11.9c0 2 .5 3.9 1.5 5.6L.6 23.4l6-1.6c1.6.9 3.5 1.3 5.4 1.3 6.3 0 11.4-5.1 11.4-11.4-.1-2.8-1.2-5.7-3.3-7.8zM12 21.4c-1.7 0-3.3-.5-4.8-1.3l-.4-.2-3.5 1 1-3.4L4 17c-1-1.5-1.4-3.2-1.4-5.1 0-5.2 4.2-9.4 9.4-9.4 2.5 0 4.9 1 6.7 2.8 1.8 1.8 2.8 4.2 2.8 6.7-.1 5.2-4.3 9.4-9.5 9.4zm5.1-7.1c-.3-.1-1.7-.9-1.9-1-.3-.1-.5-.1-.7.1-.2.3-.8 1-.9 1.1-.2.2-.3.2-.6.1s-1.2-.5-2.3-1.4c-.9-.8-1.4-1.7-1.6-2-.2-.3 0-.5.1-.6s.3-.3.4-.5c.2-.1.3-.3.4-.5.1-.2 0-.4 0-.5C10 9 9.3 7.6 9 7c-.1-.4-.4-.3-.5-.3h-.6s-.4.1-.7.3c-.3.3-1 1-1 2.4s1 2.8 1.1 3c.1.2 2 3.1 4.9 4.3.7.3 1.2.5 1.6.6.7.2 1.3.2 1.8.1.6-.1 1.7-.7 1.9-1.3.2-.7.2-1.2.2-1.3-.1-.3-.3-.4-.6-.5z"/>' ,'<path fill="white" d="M60.94 82.314L17 0h20.08l25.85 52.093c.397.927.86 1.888 1.39 2.883.53.994.995 2.02 1.393 3.08.265.4.463.764.596 1.095.13.334.262.63.395.898.662 1.325 1.26 2.618 1.79 3.877.53 1.26.993 2.42 1.39 3.48 1.06-2.254 2.22-4.673 3.48-7.258 1.26-2.585 2.552-5.27 3.877-8.052L103.49 0h18.69L77.84 83.308v53.087h-16.9v-54.08z"></path>' ,'<path fill="white" d="M21.547 7h-3.29a.743.743 0 0 0-.655.392s-1.312 2.416-1.734 3.23C14.734 12.813 14 12.126 14 11.11V7.603A1.104 1.104 0 0 0 12.896 6.5h-2.474a1.982 1.982 0 0 0-1.75.813s1.255-.204 1.255 1.49c0 .42.022 1.626.04 2.64a.73.73 0 0 1-1.272.503 21.54 21.54 0 0 1-2.498-4.543.693.693 0 0 0-.63-.403h-2.99a.508.508 0 0 0-.48.685C3.005 10.175 6.918 18 11.38 18h1.878a.742.742 0 0 0 .742-.742v-1.135a.73.73 0 0 1 1.23-.53l2.247 2.112a1.09 1.09 0 0 0 .746.295h2.953c1.424 0 1.424-.988.647-1.753-.546-.538-2.518-2.617-2.518-2.617a1.02 1.02 0 0 1-.078-1.323c.637-.84 1.68-2.212 2.122-2.8.603-.804 1.697-2.507.197-2.507z"/>','<path fill="white" d="M.707 8.475C.275 8.64 0 9.508 0 9.508s.284.867.718 1.03l5.09 1.897 1.986 6.38a1.102 1.102 0 0 0 1.75.527l2.96-2.41a.405.405 0 0 1 .494-.013l5.34 3.87a1.1 1.1 0 0 0 1.046.135 1.1 1.1 0 0 0 .682-.803l3.91-18.795A1.102 1.102 0 0 0 22.5.075L.706 8.475z"/>');
33
-
34
- for ($j = 0 ; $j < count($acfb_socialLinks) ; $j++) {
35
- $acfb_socialLinks[$j] = str_replace(" " , "%20" , $acfb_socialLinks[$j]);
36
- }
37
-
38
- $acfb_target = "";
39
- if(is_admin()){
40
- $acfb_target = 'editor';
41
- }
42
-
43
- ?>
44
-
45
-
46
- <style>
47
- .<?php echo $uid; ?>{
48
- <?php echo get_padding_field($acfb_social_button_padding); ?>
49
- <?php echo get_margin_field($acfb_social_button_margin); ?>
50
- }
51
-
52
- .<?php echo $uid; ?> a.acfb_btn_styling {
53
- <?php echo get_typo_field($acfb_social_button_text_typo); ?>
54
- border-radius: <?php the_field("acfb_rounded_corners"); ?>% !important;
55
- background-color:<?php the_field("acfb_background_color"); ?> !important;
56
-
57
- padding-top: <?php echo $acfb_social_button_inner_padding['padding_top']; ?>px;
58
- padding-bottom: <?php echo $acfb_social_button_inner_padding['padding_bottom']; ?>px;
59
- padding-left: <?php echo $acfb_social_button_inner_padding['padding_left']; ?>px;
60
- padding-right: <?php echo $acfb_social_button_inner_padding['padding_right']; ?>px;
61
-
62
- }
63
-
64
- .<?php echo $uid; ?> a > span {
65
- color: <?php the_field("acfb_text_color"); ?> !important;
66
- }
67
-
68
- .<?php echo $uid; ?> svg > path {
69
- fill: <?php the_field("acfb_text_color"); ?>;
70
- }
71
- .<?php echo $uid; ?>.aligncenter {
72
- justify-content: center !important;
73
- }
74
- </style>
75
-
76
-
77
- <div class="<?php echo $uid; ?> <?php echo esc_attr($className); ?>">
78
- <?php
79
- if (get_field("acfb_social_network")) {
80
- for ($i = 1 ; $i < 12 ; $i++) {
81
- $acfb_socialSpans ='';
82
- $afb_socialIcon = '';
83
- $acfb_viewbox = "0 0 24 24";
84
- if (get_field('acfb_button_label') !== 'i') {
85
- $acfb_socialSpans = '<span>'.ucfirst($acfb_socialNames[$i - 1]).'</span>';
86
- }
87
- if (get_field('acfb_button_label') !== 'b') {
88
- $afb_socialIcon = '<svg class="acfb_'.str_replace(' ' , '' , strtolower($acfb_socialNames[$i - 1])).'" viewBox="0 0 24 24">
89
- '.$acfb_socialpaths[$i - 1].'
90
- </svg>';
91
- }
92
- if (in_array($i , get_field("acfb_social_network"))) {
93
- if ($i === 9 && get_field("acfb_button_label") === 'i') {
94
- $afb_socialIcon = '<svg class="acfb_'.str_replace(' ' , '' , strtolower($acfb_socialNames[$i - 1])).'" viewBox="0 0 140 140">
95
- '.$acfb_socialpaths[$i - 1].'
96
- </svg>';
97
- }else if ($i === 9 && get_field("acfb_button_label") === 'b') {
98
- $afb_socialIcon = '';
99
- }else if ($i === 9 && get_field("acfb_button_label") === 'bi') {
100
- $afb_socialIcon = '<svg class="acfb_'.str_replace(' ' , '' , strtolower($acfb_socialNames[$i - 1])).'" viewBox="0 0 140 140">
101
- '.$acfb_socialpaths[$i - 1].'
102
- </svg>';
103
- }
104
- echo
105
- '
106
- <a target='.($acfb_target !== "editor" ? "_target" : "_self").' href='.($acfb_target !== "editor" ? $acfb_socialLinks[$i - 1] : "#").' class="acfb_btn_styling acfb_social_'.str_replace(' ' , '' , strtolower($acfb_socialNames[$i - 1])).'_main">
107
- '.$afb_socialIcon.'
108
- '.$acfb_socialSpans.'
109
- </a>';
110
- }
111
- }
112
- }
113
- ?>
114
  </div>
1
+ <?php
2
+ echo parse_link(
3
+ array(
4
+ get_field('acfb_social_button_text_typo')
5
+ )
6
+ );
7
+
8
+
9
+ $acfb_social_button_padding = acfb_padding_name('acfb_social_button_padding');
10
+ $acfb_social_button_inner_padding = acfb_padding_name('acfb_social_button_inner_padding');
11
+ $acfb_social_button_margin = acfb_margin_name('acfb_social_button_margin');
12
+ $acfb_social_button_text_typo = acfb_ffaimly_name('acfb_social_button_text_typo');
13
+
14
+
15
+ $uid = $block['id'];
16
+ $acfb_permalink = get_permalink();
17
+ $acfb_pagetitle = get_the_title();
18
+
19
+ $className = 'acfb_social_sharing_main_block';
20
+ if( !empty($block['className']) ) {
21
+ $className .= ' ' . $block['className'];
22
+ }
23
+ if( !empty($block['align']) ) {
24
+ $className .= ' align' . $block['align'];
25
+ }
26
+
27
+ $acfb_socialLinks = array();
28
+ $acfb_socialNames = array();
29
+ $acfb_socialpaths = array();
30
+ array_push($acfb_socialLinks,"https://facebook.com/sharer/sharer.php?u={$acfb_permalink}","https://twitter.com/intent/tweet/?text={$acfb_pagetitle}&amp;url={$acfb_permalink}","mailto:?subject={$acfb_pagetitle}&amp;body={$acfb_permalink}","https://pinterest.com/pin/create/button/?url={$acfb_permalink}&amp;media=http%3A%2F%2Fsharingbuttons.io&amp;description={$acfb_pagetitle}.","https://www.linkedin.com/shareArticle?mini=true&amp;url={$acfb_permalink}&amp;title={$acfb_pagetitle}&amp;summary={$acfb_pagetitle}&amp;source={$acfb_permalink}","https://reddit.com/submit/?url={$acfb_permalink}&amp;resubmit=true&amp;title={$acfb_pagetitle}","https://www.xing.com/app/user?op=share;url={$acfb_permalink};title={$acfb_pagetitle}","whatsapp://send?text={$acfb_pagetitle}.{$acfb_permalink}","https://news.ycombinator.com/submitlink?u={$acfb_permalink}&amp;t={$acfb_pagetitle}","http://vk.com/share.php?title={$acfb_pagetitle}&amp;url={$acfb_permalink}","https://telegram.me/share/url?text={$acfb_pagetitle}&amp;url={$acfb_permalink}");
31
+ array_push($acfb_socialNames , "Facebook","Twitter","Email","Pinterest","Linked In","Reddit","Xing","Whatsapp","Hacker News","Vk","Telegram");
32
+ array_push($acfb_socialpaths , '<path fill="white" d="M18.77 7.46H14.5v-1.9c0-.9.6-1.1 1-1.1h3V.5h-4.33C10.24.5 9.5 3.44 9.5 5.32v2.15h-3v4h3v12h5v-12h3.85l.42-4z"/>' , '<path fill="white" d="M23.44 4.83c-.8.37-1.5.38-2.22.02.93-.56.98-.96 1.32-2.02-.88.52-1.86.9-2.9 1.1-.82-.88-2-1.43-3.3-1.43-2.5 0-4.55 2.04-4.55 4.54 0 .36.03.7.1 1.04-3.77-.2-7.12-2-9.36-4.75-.4.67-.6 1.45-.6 2.3 0 1.56.8 2.95 2 3.77-.74-.03-1.44-.23-2.05-.57v.06c0 2.2 1.56 4.03 3.64 4.44-.67.2-1.37.2-2.06.08.58 1.8 2.26 3.12 4.25 3.16C5.78 18.1 3.37 18.74 1 18.46c2 1.3 4.4 2.04 6.97 2.04 8.35 0 12.92-6.92 12.92-12.93 0-.2 0-.4-.02-.6.9-.63 1.96-1.22 2.56-2.14z"/>' , '<path fill="white" d="M22 4H2C.9 4 0 4.9 0 6v12c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM7.25 14.43l-3.5 2c-.08.05-.17.07-.25.07-.17 0-.34-.1-.43-.25-.14-.24-.06-.55.18-.68l3.5-2c.24-.14.55-.06.68.18.14.24.06.55-.18.68zm4.75.07c-.1 0-.2-.03-.27-.08l-8.5-5.5c-.23-.15-.3-.46-.15-.7.15-.22.46-.3.7-.14L12 13.4l8.23-5.32c.23-.15.54-.08.7.15.14.23.07.54-.16.7l-8.5 5.5c-.08.04-.17.07-.27.07zm8.93 1.75c-.1.16-.26.25-.43.25-.08 0-.17-.02-.25-.07l-3.5-2c-.24-.13-.32-.44-.18-.68s.44-.32.68-.18l3.5 2c.24.13.32.44.18.68z"/>' , '<path fill="white" d="M12.14.5C5.86.5 2.7 5 2.7 8.75c0 2.27.86 4.3 2.7 5.05.3.12.57 0 .66-.33l.27-1.06c.1-.32.06-.44-.2-.73-.52-.62-.86-1.44-.86-2.6 0-3.33 2.5-6.32 6.5-6.32 3.55 0 5.5 2.17 5.5 5.07 0 3.8-1.7 7.02-4.2 7.02-1.37 0-2.4-1.14-2.07-2.54.4-1.68 1.16-3.48 1.16-4.7 0-1.07-.58-1.98-1.78-1.98-1.4 0-2.55 1.47-2.55 3.42 0 1.25.43 2.1.43 2.1l-1.7 7.2c-.5 2.13-.08 4.75-.04 5 .02.17.22.2.3.1.14-.18 1.82-2.26 2.4-4.33.16-.58.93-3.63.93-3.63.45.88 1.8 1.65 3.22 1.65 4.25 0 7.13-3.87 7.13-9.05C20.5 4.15 17.18.5 12.14.5z"/>' , '<path fill="white" d="M6.5 21.5h-5v-13h5v13zM4 6.5C2.5 6.5 1.5 5.3 1.5 4s1-2.4 2.5-2.4c1.6 0 2.5 1 2.6 2.5 0 1.4-1 2.5-2.6 2.5zm11.5 6c-1 0-2 1-2 2v7h-5v-13h5V10s1.6-1.5 4-1.5c3 0 5 2.2 5 6.3v6.7h-5v-7c0-1-1-2-2-2z"/>' , '<path fill="white" d="M24 11.5c0-1.65-1.35-3-3-3-.96 0-1.86.48-2.42 1.24-1.64-1-3.75-1.64-6.07-1.72.08-1.1.4-3.05 1.52-3.7.72-.4 1.73-.24 3 .5C17.2 6.3 18.46 7.5 20 7.5c1.65 0 3-1.35 3-3s-1.35-3-3-3c-1.38 0-2.54.94-2.88 2.22-1.43-.72-2.64-.8-3.6-.25-1.64.94-1.95 3.47-2 4.55-2.33.08-4.45.7-6.1 1.72C4.86 8.98 3.96 8.5 3 8.5c-1.65 0-3 1.35-3 3 0 1.32.84 2.44 2.05 2.84-.03.22-.05.44-.05.66 0 3.86 4.5 7 10 7s10-3.14 10-7c0-.22-.02-.44-.05-.66 1.2-.4 2.05-1.54 2.05-2.84zM2.3 13.37C1.5 13.07 1 12.35 1 11.5c0-1.1.9-2 2-2 .64 0 1.22.32 1.6.82-1.1.85-1.92 1.9-2.3 3.05zm3.7.13c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm9.8 4.8c-1.08.63-2.42.96-3.8.96-1.4 0-2.74-.34-3.8-.95-.24-.13-.32-.44-.2-.68.15-.24.46-.32.7-.18 1.83 1.06 4.76 1.06 6.6 0 .23-.13.53-.05.67.2.14.23.06.54-.18.67zm.2-2.8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm5.7-2.13c-.38-1.16-1.2-2.2-2.3-3.05.38-.5.97-.82 1.6-.82 1.1 0 2 .9 2 2 0 .84-.53 1.57-1.3 1.87z"/>' , '<path fill="white" d="M10.2 9.7l-3-5.4C7.2 4 7 4 6.8 4h-5c-.3 0-.4 0-.5.2v.5L4 10 .4 16v.5c0 .2.2.3.4.3h5c.3 0 .4 0 .5-.2l4-6.6v-.5zM24 .2l-.5-.2H18s-.2 0-.3.3l-8 14v.4l5.2 9c0 .2 0 .3.3.3h5.4s.3 0 .4-.2c.2-.2.2-.4 0-.5l-5-8.8L24 .7V.2z"/>' ,'<path fill="white" d="M20.1 3.9C17.9 1.7 15 .5 12 .5 5.8.5.7 5.6.7 11.9c0 2 .5 3.9 1.5 5.6L.6 23.4l6-1.6c1.6.9 3.5 1.3 5.4 1.3 6.3 0 11.4-5.1 11.4-11.4-.1-2.8-1.2-5.7-3.3-7.8zM12 21.4c-1.7 0-3.3-.5-4.8-1.3l-.4-.2-3.5 1 1-3.4L4 17c-1-1.5-1.4-3.2-1.4-5.1 0-5.2 4.2-9.4 9.4-9.4 2.5 0 4.9 1 6.7 2.8 1.8 1.8 2.8 4.2 2.8 6.7-.1 5.2-4.3 9.4-9.5 9.4zm5.1-7.1c-.3-.1-1.7-.9-1.9-1-.3-.1-.5-.1-.7.1-.2.3-.8 1-.9 1.1-.2.2-.3.2-.6.1s-1.2-.5-2.3-1.4c-.9-.8-1.4-1.7-1.6-2-.2-.3 0-.5.1-.6s.3-.3.4-.5c.2-.1.3-.3.4-.5.1-.2 0-.4 0-.5C10 9 9.3 7.6 9 7c-.1-.4-.4-.3-.5-.3h-.6s-.4.1-.7.3c-.3.3-1 1-1 2.4s1 2.8 1.1 3c.1.2 2 3.1 4.9 4.3.7.3 1.2.5 1.6.6.7.2 1.3.2 1.8.1.6-.1 1.7-.7 1.9-1.3.2-.7.2-1.2.2-1.3-.1-.3-.3-.4-.6-.5z"/>' ,'<path fill="white" d="M60.94 82.314L17 0h20.08l25.85 52.093c.397.927.86 1.888 1.39 2.883.53.994.995 2.02 1.393 3.08.265.4.463.764.596 1.095.13.334.262.63.395.898.662 1.325 1.26 2.618 1.79 3.877.53 1.26.993 2.42 1.39 3.48 1.06-2.254 2.22-4.673 3.48-7.258 1.26-2.585 2.552-5.27 3.877-8.052L103.49 0h18.69L77.84 83.308v53.087h-16.9v-54.08z"></path>' ,'<path fill="white" d="M21.547 7h-3.29a.743.743 0 0 0-.655.392s-1.312 2.416-1.734 3.23C14.734 12.813 14 12.126 14 11.11V7.603A1.104 1.104 0 0 0 12.896 6.5h-2.474a1.982 1.982 0 0 0-1.75.813s1.255-.204 1.255 1.49c0 .42.022 1.626.04 2.64a.73.73 0 0 1-1.272.503 21.54 21.54 0 0 1-2.498-4.543.693.693 0 0 0-.63-.403h-2.99a.508.508 0 0 0-.48.685C3.005 10.175 6.918 18 11.38 18h1.878a.742.742 0 0 0 .742-.742v-1.135a.73.73 0 0 1 1.23-.53l2.247 2.112a1.09 1.09 0 0 0 .746.295h2.953c1.424 0 1.424-.988.647-1.753-.546-.538-2.518-2.617-2.518-2.617a1.02 1.02 0 0 1-.078-1.323c.637-.84 1.68-2.212 2.122-2.8.603-.804 1.697-2.507.197-2.507z"/>','<path fill="white" d="M.707 8.475C.275 8.64 0 9.508 0 9.508s.284.867.718 1.03l5.09 1.897 1.986 6.38a1.102 1.102 0 0 0 1.75.527l2.96-2.41a.405.405 0 0 1 .494-.013l5.34 3.87a1.1 1.1 0 0 0 1.046.135 1.1 1.1 0 0 0 .682-.803l3.91-18.795A1.102 1.102 0 0 0 22.5.075L.706 8.475z"/>');
33
+
34
+ for ($j = 0 ; $j < count($acfb_socialLinks) ; $j++) {
35
+ $acfb_socialLinks[$j] = str_replace(" " , "%20" , $acfb_socialLinks[$j]);
36
+ }
37
+
38
+ $acfb_target = "";
39
+ if(is_admin()){
40
+ $acfb_target = 'editor';
41
+ }
42
+
43
+ ?>
44
+
45
+
46
+ <style>
47
+ .<?php echo $uid; ?>{
48
+ <?php echo get_padding_field($acfb_social_button_padding); ?>
49
+ <?php echo get_margin_field($acfb_social_button_margin); ?>
50
+ }
51
+
52
+ .<?php echo $uid; ?> a.acfb_btn_styling {
53
+ <?php echo get_typo_field($acfb_social_button_text_typo); ?>
54
+ border-radius: <?php the_field("acfb_rounded_corners"); ?>% !important;
55
+ background-color:<?php the_field("acfb_background_color"); ?> !important;
56
+
57
+ padding-top: <?php echo $acfb_social_button_inner_padding['padding_top']; ?>px;
58
+ padding-bottom: <?php echo $acfb_social_button_inner_padding['padding_bottom']; ?>px;
59
+ padding-left: <?php echo $acfb_social_button_inner_padding['padding_left']; ?>px;
60
+ padding-right: <?php echo $acfb_social_button_inner_padding['padding_right']; ?>px;
61
+
62
+ }
63
+
64
+ .<?php echo $uid; ?> a > span {
65
+ color: <?php the_field("acfb_text_color"); ?> !important;
66
+ }
67
+
68
+ .<?php echo $uid; ?> svg > path {
69
+ fill: <?php the_field("acfb_text_color"); ?>;
70
+ }
71
+ .<?php echo $uid; ?>.aligncenter {
72
+ justify-content: center !important;
73
+ }
74
+ </style>
75
+
76
+
77
+ <div class="<?php echo $uid; ?> <?php echo esc_attr($className); ?>">
78
+ <?php
79
+ if (get_field("acfb_social_network")) {
80
+ for ($i = 1 ; $i < 12 ; $i++) {
81
+ $acfb_socialSpans ='';
82
+ $afb_socialIcon = '';
83
+ $acfb_viewbox = "0 0 24 24";
84
+ if (get_field('acfb_button_label') !== 'i') {
85
+ $acfb_socialSpans = '<span>'.ucfirst($acfb_socialNames[$i - 1]).'</span>';
86
+ }
87
+ if (get_field('acfb_button_label') !== 'b') {
88
+ $afb_socialIcon = '<svg class="acfb_'.str_replace(' ' , '' , strtolower($acfb_socialNames[$i - 1])).'" viewBox="0 0 24 24">
89
+ '.$acfb_socialpaths[$i - 1].'
90
+ </svg>';
91
+ }
92
+ if (in_array($i , get_field("acfb_social_network"))) {
93
+ if ($i === 9 && get_field("acfb_button_label") === 'i') {
94
+ $afb_socialIcon = '<svg class="acfb_'.str_replace(' ' , '' , strtolower($acfb_socialNames[$i - 1])).'" viewBox="0 0 140 140">
95
+ '.$acfb_socialpaths[$i - 1].'
96
+ </svg>';
97
+ }else if ($i === 9 && get_field("acfb_button_label") === 'b') {
98
+ $afb_socialIcon = '';
99
+ }else if ($i === 9 && get_field("acfb_button_label") === 'bi') {
100
+ $afb_socialIcon = '<svg class="acfb_'.str_replace(' ' , '' , strtolower($acfb_socialNames[$i - 1])).'" viewBox="0 0 140 140">
101
+ '.$acfb_socialpaths[$i - 1].'
102
+ </svg>';
103
+ }
104
+ echo
105
+ '
106
+ <a target='.($acfb_target !== "editor" ? "_target" : "_self").' href='.($acfb_target !== "editor" ? $acfb_socialLinks[$i - 1] : "#").' class="acfb_btn_styling acfb_social_'.str_replace(' ' , '' , strtolower($acfb_socialNames[$i - 1])).'_main">
107
+ '.$afb_socialIcon.'
108
+ '.$acfb_socialSpans.'
109
+ </a>';
110
+ }
111
+ }
112
+ }
113
+ ?>
114
  </div>
acfblocks-templates/free/acfb-starrating.php CHANGED
@@ -1,64 +1,64 @@
1
- <?php
2
- echo parse_link(
3
- array(
4
- get_field('acfb_rating_before_text_typo')
5
- )
6
- );
7
-
8
- $acfb_rating_padding = acfb_padding_name('acfb_rating_padding');
9
- $acfb_rating_margin = acfb_margin_name('acfb_rating_margin');
10
- $acfb_rating_before_text_typo = acfb_ffaimly_name('acfb_rating_before_text_typo');
11
-
12
-
13
- $uid = $block['id'];
14
-
15
- $className = 'acfb_star_rating_block';
16
- if( !empty($block['className']) ) {
17
- $className .= ' ' . $block['className'];
18
- }
19
- if( !empty($block['align']) ) {
20
- $className .= ' align' . $block['align'];
21
- }
22
-
23
- ?>
24
- <div class="<?php echo $uid; ?> <?php echo esc_attr($className); ?>">
25
- <style type="text/css">
26
- .<?php echo $uid; ?>{
27
- <?php echo get_padding_field($acfb_rating_padding); ?>
28
- <?php echo get_margin_field($acfb_rating_margin); ?>
29
- }
30
-
31
- .<?php echo $uid; ?> .acfb_star_rating{
32
- justify-content: <?php the_field('acfb_rating_alignment'); ?>;
33
- }
34
-
35
- .<?php echo $uid; ?> .acfb_star_rating .acfb_before{
36
- <?php echo get_typo_field($acfb_rating_before_text_typo); ?>
37
- color: <?php the_field('acfb_rating_before_text_color'); ?>;
38
- margin-right: <?php the_field('acfb_rating_before_text_gap'); ?>px;
39
- }
40
-
41
- .<?php echo $uid; ?> .acfb_star_rating .acfb_star:nth-child(-n+<?php the_field('acfb_rating'); ?>) {
42
- color: <?php the_field('acfb_marked_star_color'); ?>;
43
- }
44
-
45
- .<?php echo $uid; ?> .acfb_star_rating .acfb_star{
46
- font-size: <?php the_field('acfb_star_icon_size'); ?>px;
47
- color: <?php the_field('acfb_unmarked_star_color'); ?>;
48
- }
49
- </style>
50
-
51
- <div class="acfb_star_rating">
52
- <div class="acfb_before">
53
- <?php the_field('acfb_rating_before_text'); ?>
54
- </div>
55
- <div class="acfb_stars">
56
- <span class="acfb_star"></span>
57
- <span class="acfb_star"></span>
58
- <span class="acfb_star"></span>
59
- <span class="acfb_star"></span>
60
- <span class="acfb_star"></span>
61
- </div>
62
- </div>
63
-
64
  </div><!-- Uid -->
1
+ <?php
2
+ echo parse_link(
3
+ array(
4
+ get_field('acfb_rating_before_text_typo')
5
+ )
6
+ );
7
+
8
+ $acfb_rating_padding = acfb_padding_name('acfb_rating_padding');
9
+ $acfb_rating_margin = acfb_margin_name('acfb_rating_margin');
10
+ $acfb_rating_before_text_typo = acfb_ffaimly_name('acfb_rating_before_text_typo');
11
+
12
+
13
+ $uid = $block['id'];
14
+
15
+ $className = 'acfb_star_rating_block';
16
+ if( !empty($block['className']) ) {
17
+ $className .= ' ' . $block['className'];
18
+ }
19
+ if( !empty($block['align']) ) {
20
+ $className .= ' align' . $block['align'];
21
+ }
22
+
23
+ ?>
24
+ <div class="<?php echo $uid; ?> <?php echo esc_attr($className); ?>">
25
+ <style type="text/css">
26
+ .<?php echo $uid; ?>{
27
+ <?php echo get_padding_field($acfb_rating_padding); ?>
28
+ <?php echo get_margin_field($acfb_rating_margin); ?>
29
+ }
30
+
31
+ .<?php echo $uid; ?> .acfb_star_rating{
32
+ justify-content: <?php the_field('acfb_rating_alignment'); ?>;
33
+ }
34
+
35
+ .<?php echo $uid; ?> .acfb_star_rating .acfb_before{
36
+ <?php echo get_typo_field($acfb_rating_before_text_typo); ?>
37
+ color: <?php the_field('acfb_rating_before_text_color'); ?>;
38
+ margin-right: <?php the_field('acfb_rating_before_text_gap'); ?>px;
39
+ }
40
+
41
+ .<?php echo $uid; ?> .acfb_star_rating .acfb_star:nth-child(-n+<?php the_field('acfb_rating'); ?>) {
42
+ color: <?php the_field('acfb_marked_star_color'); ?>;
43
+ }
44
+
45
+ .<?php echo $uid; ?> .acfb_star_rating .acfb_star{
46
+ font-size: <?php the_field('acfb_star_icon_size'); ?>px;
47
+ color: <?php the_field('acfb_unmarked_star_color'); ?>;
48
+ }
49
+ </style>
50
+
51
+ <div class="acfb_star_rating">
52
+ <div class="acfb_before">
53
+ <?php the_field('acfb_rating_before_text'); ?>
54
+ </div>
55
+ <div class="acfb_stars">
56
+ <span class="acfb_star"></span>
57
+ <span class="acfb_star"></span>
58
+ <span class="acfb_star"></span>
59
+ <span class="acfb_star"></span>
60
+ <span class="acfb_star"></span>
61
+ </div>
62
+ </div>
63
+
64
  </div><!-- Uid -->
acfblocks-templates/free/acfb-tabs.php CHANGED
@@ -1,80 +1,80 @@
1
- <?php
2
- echo parse_link(
3
- array(
4
- get_field('acfb_tab_title_typo'),
5
- get_field('acfb_tab_content_typo')
6
- )
7
- );
8
-
9
- $acfb_tab_content_padding = acfb_padding_name('acfb_tab_content_padding');
10
- $acfb_tab_padding = acfb_padding_name('acfb_tab_padding');
11
- $acfb_tab_margin = acfb_margin_name('acfb_tab_margin');
12
- $acfb_tab_title_typo = acfb_ffaimly_name('acfb_tab_title_typo');
13
- $acfb_tab_content_typo = acfb_ffaimly_name('acfb_tab_content_typo');
14
-
15
-
16
- $uid = $block['id'];
17
- $uid_tab = str_replace("block","tab",$uid);
18
-
19
- $className = 'acfb_tabs_block';
20
- if( !empty($block['className']) ) {
21
- $className .= ' ' . $block['className'];
22
- }
23
- if( !empty($block['align']) ) {
24
- $className .= ' align' . $block['align'];
25
- }
26
- ?>
27
-
28
- <div class="<?php echo $uid; ?> <?php echo esc_attr($className); ?>">
29
- <style>
30
-
31
- .<?php echo $uid; ?> {
32
- <?php echo get_padding_field($acfb_tab_padding); ?>
33
- <?php echo get_margin_field($acfb_tab_margin); ?>
34
- }
35
-
36
- .<?php echo $uid; ?> ul li{
37
- background: <?php the_field('acfb_tab_title_background'); ?>;
38
- }
39
-
40
- .<?php echo $uid; ?> ul li a {
41
- <?php echo get_typo_field($acfb_tab_title_typo); ?>
42
- color: <?php the_field('acfb_tab_title_color'); ?>;
43
- }
44
-
45
- .<?php echo $uid; ?> ul li.active {
46
- background: <?php the_field('acfb_tab_title_active_background'); ?>;
47
- }
48
-
49
- .<?php echo $uid; ?> ul li.active a {
50
- color: <?php the_field('acfb_tab_title_active_color'); ?>;
51
- }
52
-
53
- .<?php echo $uid; ?> .acfb_tab_content{
54
- background: <?php the_field('acfb_tab_content_background'); ?>;
55
- color: <?php the_field('acfb_tab_content_color'); ?>;
56
- <?php echo get_typo_field($acfb_tab_content_typo); ?>
57
- padding-top: <?php echo $acfb_tab_content_padding['padding_top']; ?>px;
58
- padding-bottom: <?php echo $acfb_tab_content_padding['padding_bottom']; ?>px;
59
- padding-left: <?php echo $acfb_tab_content_padding['padding_left']; ?>px;
60
- padding-right: <?php echo $acfb_tab_content_padding['padding_right']; ?>px;
61
- }
62
- </style>
63
-
64
- <?php if( have_rows('acfb_add_tab') ): ?>
65
- <ul>
66
- <?php while( have_rows('acfb_add_tab') ): the_row(); ?>
67
- <li>
68
- <a href="#<?php echo $uid_tab; ?>-<?php echo get_row_index(); ?>" class=" acfb_tab_title"><?php the_sub_field('acfb_tab_title'); ?></a>
69
- </li>
70
- <?php endwhile; ?>
71
- </ul>
72
-
73
- <?php while( have_rows('acfb_add_tab') ): the_row(); ?>
74
- <div id="<?php echo $uid_tab; ?>-<?php echo get_row_index(); ?>" class="acfb_tab_content">
75
- <?php the_sub_field('acfb_tab_content'); ?>
76
- </div>
77
- <?php endwhile; ?>
78
- <?php endif; ?>
79
-
80
  </div><!-- Uid -->
1
+ <?php
2
+ echo parse_link(
3
+ array(
4
+ get_field('acfb_tab_title_typo'),
5
+ get_field('acfb_tab_content_typo')
6
+ )
7
+ );
8
+
9
+ $acfb_tab_content_padding = acfb_padding_name('acfb_tab_content_padding');
10
+ $acfb_tab_padding = acfb_padding_name('acfb_tab_padding');
11
+ $acfb_tab_margin = acfb_margin_name('acfb_tab_margin');
12
+ $acfb_tab_title_typo = acfb_ffaimly_name('acfb_tab_title_typo');
13
+ $acfb_tab_content_typo = acfb_ffaimly_name('acfb_tab_content_typo');
14
+
15
+
16
+ $uid = $block['id'];
17
+ $uid_tab = str_replace("block","tab",$uid);
18
+
19
+ $className = 'acfb_tabs_block';
20
+ if( !empty($block['className']) ) {
21
+ $className .= ' ' . $block['className'];
22
+ }
23
+ if( !empty($block['align']) ) {
24
+ $className .= ' align' . $block['align'];
25
+ }
26
+ ?>
27
+
28
+ <div class="<?php echo $uid; ?> <?php echo esc_attr($className); ?>">
29
+ <style>
30
+
31
+ .<?php echo $uid; ?> {
32
+ <?php echo get_padding_field($acfb_tab_padding); ?>
33
+ <?php echo get_margin_field($acfb_tab_margin); ?>
34
+ }
35
+
36
+ .<?php echo $uid; ?> ul li{
37
+ background: <?php the_field('acfb_tab_title_background'); ?>;
38
+ }
39
+
40
+ .<?php echo $uid; ?> ul li a {
41
+ <?php echo get_typo_field($acfb_tab_title_typo); ?>
42
+ color: <?php the_field('acfb_tab_title_color'); ?>;
43
+ }
44
+
45
+ .<?php echo $uid; ?> ul li.active {
46
+ background: <?php the_field('acfb_tab_title_active_background'); ?>;
47
+ }
48
+
49
+ .<?php echo $uid; ?> ul li.active a {
50
+ color: <?php the_field('acfb_tab_title_active_color'); ?>;
51
+ }
52
+
53
+ .<?php echo $uid; ?> .acfb_tab_content{
54
+ background: <?php the_field('acfb_tab_content_background'); ?>;
55
+ color: <?php the_field('acfb_tab_content_color'); ?>;
56
+ <?php echo get_typo_field($acfb_tab_content_typo); ?>
57
+ padding-top: <?php echo $acfb_tab_content_padding['padding_top']; ?>px;
58
+ padding-bottom: <?php echo $acfb_tab_content_padding['padding_bottom']; ?>px;
59
+ padding-left: <?php echo $acfb_tab_content_padding['padding_left']; ?>px;
60
+ padding-right: <?php echo $acfb_tab_content_padding['padding_right']; ?>px;
61
+ }
62
+ </style>
63
+
64
+ <?php if( have_rows('acfb_add_tab') ): ?>
65
+ <ul>
66
+ <?php while( have_rows('acfb_add_tab') ): the_row(); ?>
67
+ <li>
68
+ <a href="#<?php echo $uid_tab; ?>-<?php echo get_row_index(); ?>" class=" acfb_tab_title"><?php the_sub_field('acfb_tab_title'); ?></a>
69
+ </li>
70
+ <?php endwhile; ?>
71
+ </ul>
72
+
73
+ <?php while( have_rows('acfb_add_tab') ): the_row(); ?>
74
+ <div id="<?php echo $uid_tab; ?>-<?php echo get_row_index(); ?>" class="acfb_tab_content">
75
+ <?php the_sub_field('acfb_tab_content'); ?>
76
+ </div>
77
+ <?php endwhile; ?>
78
+ <?php endif; ?>
79
+
80
  </div><!-- Uid -->
acfblocks-templates/free/acfb-team.php CHANGED
@@ -1,128 +1,128 @@
1
- <?php
2
- echo parse_link(
3
- array(
4
- get_field('acfb_team_name_typo'),
5
- get_field('acfb_team_position_typo'),
6
- get_field('acfb_team_description_typo')
7
- )
8
- );
9
-
10
- $acfb_team_inner_padding = acfb_padding_name('acfb_team_inner_padding');
11
- $acfb_team_padding = acfb_padding_name('acfb_team_padding');
12
- $acfb_team_margin = acfb_margin_name('acfb_team_margin');
13
- $acfb_team_name_typo = acfb_ffaimly_name('acfb_team_name_typo');
14
- $acfb_team_position_typo = acfb_ffaimly_name('acfb_team_position_typo');
15
- $acfb_team_description_typo = acfb_ffaimly_name('acfb_team_description_typo');
16
-
17
-
18
- $uid = $block['id'];
19
-
20
- $className = 'acfb_team_block';
21
- if( !empty($block['className']) ) {
22
- $className .= ' ' . $block['className'];
23
- }
24
- if( !empty($block['align']) ) {
25
- $className .= ' align' . $block['align'];
26
- }
27
- ?>
28
- <div class="<?php echo $uid; ?> <?php echo esc_attr($className); ?>">
29
- <style type="text/css">
30
- .<?php echo $uid; ?>{
31
- <?php echo get_padding_field($acfb_team_padding); ?>
32
- <?php echo get_margin_field($acfb_team_margin); ?>
33
- }
34
-
35
- .<?php echo $uid; ?> .acfb_team_wrap{
36
- background: <?php the_field('acfb_team_background_color'); ?>;
37
- padding-top: <?php echo $acfb_team_inner_padding['padding_top']; ?>px;
38
- padding-bottom: <?php echo $acfb_team_inner_padding['padding_bottom']; ?>px;
39
- padding-left: <?php echo $acfb_team_inner_padding['padding_left']; ?>px;
40
- padding-right: <?php echo $acfb_team_inner_padding['padding_right']; ?>px;
41
- }
42
-
43
- .<?php echo $uid; ?> .acfb_team_wrap.acfb_team_top{
44
- <?php if(get_field('acfb_team_ha') == 'flex-start'): ?>
45
- text-align: left;
46
- justify-items: flex-start;
47
- <?php endif; ?>
48
-
49
- <?php if(get_field('acfb_team_ha') == 'center'): ?>
50
- text-align: center;
51
- justify-items: center;
52
- <?php endif; ?>
53
-
54
- <?php if(get_field('acfb_team_ha') == 'flex-end'): ?>
55
- text-align: right;
56
- justify-items: flex-end;
57
- <?php endif; ?>
58
-
59
- }
60
-
61
- <?php if(get_field('acfb_team_image_position') == 'left' ): ?>
62
- .<?php echo $uid; ?> .acfb_team_wrap.acfb_team_left{
63
- align-items: <?php the_field('acfb_team_image_v_alignment'); ?>;
64
- }
65
- <?php endif; ?>
66
-
67
-
68
- .<?php echo $uid; ?> .acfb_team_wrap .acfb_team_avatar{
69
- width: <?php the_field('acfb_team_image_size'); ?>px;
70
- height: <?php the_field('acfb_team_image_size'); ?>px;
71
- }
72
-
73
- .<?php echo $uid; ?> .acfb_team_wrap .acfb_team_avatar img{
74
- border-radius: <?php the_field('acfb_team_image_radius'); ?>%;
75
- }
76
-
77
- .<?php echo $uid; ?> .acfb_team_wrap .acfb_team_info .acfb_team_name{
78
- color: <?php the_field('acfb_team_name_color'); ?>;
79
- <?php echo get_typo_field($acfb_team_name_typo); ?>
80
- }
81
-
82
- .<?php echo $uid; ?> .acfb_team_wrap .acfb_team_info .acfb_team_position{
83
- color: <?php the_field('acfb_team_position_color'); ?>;
84
- <?php echo get_typo_field($acfb_team_position_typo); ?>
85
- }
86
-
87
- .<?php echo $uid; ?> .acfb_team_wrap .acfb_team_info .acfb_team_description{
88
- color: <?php the_field('acfb_team_description_color'); ?>;
89
- <?php echo get_typo_field($acfb_team_description_typo); ?>
90
- }
91
-
92
- </style>
93
-
94
-
95
- <?php
96
- $acfb_image = '';
97
- if(!get_field('acfb_team_image')){
98
- $acfb_image = plugins_url() . '/acf-blocks/img/placeholder-image.jpg';
99
- } else{
100
- $acfb_image = get_field('acfb_team_image');
101
- }
102
- ?>
103
-
104
- <div class="acfb_team_wrap acfb_team_<?php the_field('acfb_team_image_position') ?>">
105
- <div class="acfb_team_avatar">
106
- <img src="<?php echo $acfb_image; ?>" alt="<?php the_field('acfb_team_image_alt'); ?>">
107
- </div>
108
- <div class="acfb_team_info">
109
-
110
- <?php if(get_field('acfb_team_name')): ?>
111
- <h4 class="acfb_team_name"><?php the_field('acfb_team_name'); ?></h4>
112
- <?php endif; ?>
113
-
114
- <?php if(get_field('acfb_team_position')): ?>
115
- <span class="acfb_team_position"><?php the_field('acfb_team_position'); ?></span>
116
- <?php endif; ?>
117
-
118
- <?php if(get_field('acfb_team_description')): ?>
119
- <p class="acfb_team_description">
120
- <?php the_field('acfb_team_description'); ?>
121
- </p>
122
- <?php endif; ?>
123
-
124
- </div>
125
- </div>
126
-
127
-
128
  </div><!-- Uid -->
1
+ <?php
2
+ echo parse_link(
3
+ array(
4
+ get_field('acfb_team_name_typo'),
5
+ get_field('acfb_team_position_typo'),
6
+ get_field('acfb_team_description_typo')
7
+ )
8
+ );
9
+
10
+ $acfb_team_inner_padding = acfb_padding_name('acfb_team_inner_padding');
11
+ $acfb_team_padding = acfb_padding_name('acfb_team_padding');
12
+ $acfb_team_margin = acfb_margin_name('acfb_team_margin');
13
+ $acfb_team_name_typo = acfb_ffaimly_name('acfb_team_name_typo');
14
+ $acfb_team_position_typo = acfb_ffaimly_name('acfb_team_position_typo');
15
+ $acfb_team_description_typo = acfb_ffaimly_name('acfb_team_description_typo');
16
+
17
+
18
+ $uid = $block['id'];
19
+
20
+ $className = 'acfb_team_block';
21
+ if( !empty($block['className']) ) {
22
+ $className .= ' ' . $block['className'];
23
+ }
24
+ if( !empty($block['align']) ) {
25
+ $className .= ' align' . $block['align'];
26
+ }
27
+ ?>
28
+ <div class="<?php echo $uid; ?> <?php echo esc_attr($className); ?>">
29
+ <style type="text/css">
30
+ .<?php echo $uid; ?>{
31
+ <?php echo get_padding_field($acfb_team_padding); ?>
32
+ <?php echo get_margin_field($acfb_team_margin); ?>
33
+ }
34
+
35
+ .<?php echo $uid; ?> .acfb_team_wrap{
36
+ background: <?php the_field('acfb_team_background_color'); ?>;
37
+ padding-top: <?php echo $acfb_team_inner_padding['padding_top']; ?>px;
38
+ padding-bottom: <?php echo $acfb_team_inner_padding['padding_bottom']; ?>px;
39
+ padding-left: <?php echo $acfb_team_inner_padding['padding_left']; ?>px;
40
+ padding-right: <?php echo $acfb_team_inner_padding['padding_right']; ?>px;
41
+ }
42
+
43
+ .<?php echo $uid; ?> .acfb_team_wrap.acfb_team_top{
44
+ <?php if(get_field('acfb_team_ha') == 'flex-start'): ?>
45
+ text-align: left;
46
+ justify-items: flex-start;
47
+ <?php endif; ?>
48
+
49
+ <?php if(get_field('acfb_team_ha') == 'center'): ?>
50
+ text-align: center;
51
+ justify-items: center;
52
+ <?php endif; ?>
53
+
54
+ <?php if(get_field('acfb_team_ha') == 'flex-end'): ?>
55
+ text-align: right;
56
+ justify-items: flex-end;
57
+ <?php endif; ?>
58
+
59
+ }
60
+
61
+ <?php if(get_field('acfb_team_image_position') == 'left' ): ?>
62
+ .<?php echo $uid; ?> .acfb_team_wrap.acfb_team_left{
63
+ align-items: <?php the_field('acfb_team_image_v_alignment'); ?>;
64
+ }
65
+ <?php endif; ?>
66
+
67
+
68
+ .<?php echo $uid; ?> .acfb_team_wrap .acfb_team_avatar{
69
+ width: <?php the_field('acfb_team_image_size'); ?>px;
70
+ height: <?php the_field('acfb_team_image_size'); ?>px;
71
+ }
72
+
73
+ .<?php echo $uid; ?> .acfb_team_wrap .acfb_team_avatar img{
74
+ border-radius: <?php the_field('acfb_team_image_radius'); ?>%;
75
+ }
76
+
77
+ .<?php echo $uid; ?> .acfb_team_wrap .acfb_team_info .acfb_team_name{
78
+ color: <?php the_field('acfb_team_name_color'); ?>;
79
+ <?php echo get_typo_field($acfb_team_name_typo); ?>
80
+ }
81
+
82
+ .<?php echo $uid; ?> .acfb_team_wrap .acfb_team_info .acfb_team_position{
83
+ color: <?php the_field('acfb_team_position_color'); ?>;
84
+ <?php echo get_typo_field($acfb_team_position_typo); ?>
85
+ }
86
+
87
+ .<?php echo $uid; ?> .acfb_team_wrap .acfb_team_info .acfb_team_description{
88
+ color: <?php the_field('acfb_team_description_color'); ?>;
89
+ <?php echo get_typo_field($acfb_team_description_typo); ?>
90
+ }
91
+
92
+ </style>
93
+
94
+
95
+ <?php
96
+ $acfb_image = '';
97
+ if(!get_field('acfb_team_image')){
98
+ $acfb_image = plugins_url() . '/acf-blocks/img/placeholder-image.jpg';
99
+ } else{
100
+ $acfb_image = get_field('acfb_team_image');
101
+ }
102
+ ?>
103
+
104
+ <div class="acfb_team_wrap acfb_team_<?php the_field('acfb_team_image_position') ?>">
105
+ <div class="acfb_team_avatar">
106
+ <img src="<?php echo $acfb_image; ?>" alt="<?php the_field('acfb_team_image_alt'); ?>">
107
+ </div>
108
+ <div class="acfb_team_info">
109
+
110
+ <?php if(get_field('acfb_team_name')): ?>
111
+ <h4 class="acfb_team_name"><?php the_field('acfb_team_name'); ?></h4>
112
+ <?php endif; ?>
113
+
114
+ <?php if(get_field('acfb_team_position')): ?>
115
+ <span class="acfb_team_position"><?php the_field('acfb_team_position'); ?></span>
116
+ <?php endif; ?>
117
+
118
+ <?php if(get_field('acfb_team_description')): ?>
119
+ <p class="acfb_team_description">
120
+ <?php the_field('acfb_team_description'); ?>
121
+ </p>
122
+ <?php endif; ?>
123
+
124
+ </div>
125
+ </div>
126
+
127
+
128
  </div><!-- Uid -->
acfblocks-templates/free/acfb-toggle.php CHANGED
@@ -1,57 +1,57 @@
1
- <?php
2
- echo parse_link(
3
- array(
4
- get_field('acfb_toggle_title_typo'),
5
- get_field('acfb_toggle_content_typo')
6
- )
7
- );
8
-
9
-
10
- $acfb_toggle_padding = acfb_padding_name('acfb_toggle_padding');
11
- $acfb_toggle_margin = acfb_margin_name('acfb_toggle_margin');
12
- $acfb_toggle_title_typo = acfb_ffaimly_name('acfb_toggle_title_typo');
13
- $acfb_toggle_content_typo = acfb_ffaimly_name('acfb_toggle_content_typo');
14
-
15
-
16
- $uid = $block['id'];
17
-
18
- $className = 'acfb_toggle_block';
19
- if( !empty($block['className']) ) {
20
- $className .= ' ' . $block['className'];
21
- }
22
- if( !empty($block['align']) ) {
23
- $className .= ' align' . $block['align'];
24
- }
25
-
26
- ?>
27
-
28
- <div class="<?php echo $uid; ?> <?php echo esc_attr($className); ?>">
29
- <style>
30
- .<?php echo $uid; ?> {
31
- <?php echo get_padding_field($acfb_toggle_padding); ?>
32
- <?php echo get_margin_field($acfb_toggle_margin); ?>
33
- }
34
- .<?php echo $uid; ?> .acfb_toggle_title{
35
- background: <?php the_field('acfb_toggle_title_background'); ?>;
36
- color: <?php the_field('acfb_toggle_title_color'); ?>;
37
- <?php echo get_typo_field($acfb_toggle_title_typo); ?>
38
- text-align: <?php the_field('acfb_toogle_title_alignment'); ?>;
39
- }
40
-
41
- .<?php echo $uid; ?> .acfb_toggle_title:hover{
42
- background: <?php the_field('acfb_toggle_title_hover_background'); ?>;
43
- color: <?php the_field('acfb_toggle_title_hover_color'); ?>;
44
- }
45
-
46
- .<?php echo $uid; ?> .acfb_toggle_content {
47
- background: <?php the_field('acfb_toggle_content_background'); ?>;
48
- color: <?php the_field('acfb_toggle_content_color'); ?>;
49
- <?php echo get_typo_field($acfb_toggle_content_typo); ?>
50
- }
51
- </style>
52
-
53
- <button class="acfb_toggle_title"><?php the_field('acfb_toggle_title'); ?></button>
54
- <div class="acfb_toggle_content"><?php the_field('acfb_toggle_content'); ?></div>
55
-
56
-
57
  </div><!-- Uid -->
1
+ <?php
2
+ echo parse_link(
3
+ array(
4
+ get_field('acfb_toggle_title_typo'),
5
+ get_field('acfb_toggle_content_typo')
6
+ )
7
+ );
8
+
9
+
10
+ $acfb_toggle_padding = acfb_padding_name('acfb_toggle_padding');
11
+ $acfb_toggle_margin = acfb_margin_name('acfb_toggle_margin');
12
+ $acfb_toggle_title_typo = acfb_ffaimly_name('acfb_toggle_title_typo');
13
+ $acfb_toggle_content_typo = acfb_ffaimly_name('acfb_toggle_content_typo');
14
+
15
+
16
+ $uid = $block['id'];
17
+
18
+ $className = 'acfb_toggle_block';
19
+ if( !empty($block['className']) ) {
20
+ $className .= ' ' . $block['className'];
21
+ }
22
+ if( !empty($block['align']) ) {
23
+ $className .= ' align' . $block['align'];
24
+ }
25
+
26
+ ?>
27
+
28
+ <div class="<?php echo $uid; ?> <?php echo esc_attr($className); ?>">
29
+ <style>
30
+ .<?php echo $uid; ?> {
31
+ <?php echo get_padding_field($acfb_toggle_padding); ?>
32
+ <?php echo get_margin_field($acfb_toggle_margin); ?>
33
+ }
34
+ .<?php echo $uid; ?> .acfb_toggle_title{
35
+ background: <?php the_field('acfb_toggle_title_background'); ?>;
36
+ color: <?php the_field('acfb_toggle_title_color'); ?>;
37
+ <?php echo get_typo_field($acfb_toggle_title_typo); ?>
38
+ text-align: <?php the_field('acfb_toogle_title_alignment'); ?>;
39
+ }
40
+
41
+ .<?php echo $uid; ?> .acfb_toggle_title:hover{
42
+ background: <?php the_field('acfb_toggle_title_hover_background'); ?>;
43
+ color: <?php the_field('acfb_toggle_title_hover_color'); ?>;
44
+ }
45
+
46
+ .<?php echo $uid; ?> .acfb_toggle_content {
47
+ background: <?php the_field('acfb_toggle_content_background'); ?>;
48
+ color: <?php the_field('acfb_toggle_content_color'); ?>;
49
+ <?php echo get_typo_field($acfb_toggle_content_typo); ?>
50
+ }
51
+ </style>
52
+
53
+ <button class="acfb_toggle_title"><?php the_field('acfb_toggle_title'); ?></button>
54
+ <div class="acfb_toggle_content"><?php the_field('acfb_toggle_content'); ?></div>
55
+
56
+
57
  </div><!-- Uid -->
admin/admin-script.js CHANGED
@@ -1,34 +1,34 @@
1
- (function($){
2
- $().ready(function(){
3
- $(document).on('click' , '.acf-range-wrap', function() {
4
-
5
- let range = $(this).find('input[type="range"]');
6
- let number = $(this).find('input[type="number"]');
7
-
8
- // console.log(range);
9
-
10
-
11
- range.change(function() {
12
-
13
- // console.log($(this).val());
14
- number.val($(this).val());
15
- });
16
-
17
- });
18
- $(document).on('input', '.acfb-checkbox-true-false', function() {
19
- const v = $(this).val();
20
- v === '0' ? $(this).val('1') : $(this).val('0');
21
- const field = $(this).parents('.acfb_cs_field_root').find('.acfb_cs_field_main');
22
- v !== '1' ? field.show() : field.hide();
23
- });
24
-
25
- $(document).on('click', '.acf-label', function() {
26
-
27
- $(this).parent().find('.acfb-checkbox-true-false')[0].click();
28
-
29
- });
30
-
31
-
32
- });
33
- })(jQuery);
34
-
1
+ (function($){
2
+ $().ready(function(){
3
+ $(document).on('click' , '.acf-range-wrap', function() {
4
+
5
+ let range = $(this).find('input[type="range"]');
6
+ let number = $(this).find('input[type="number"]');
7
+
8
+ // console.log(range);
9
+
10
+
11
+ range.change(function() {
12
+
13
+ // console.log($(this).val());
14
+ number.val($(this).val());
15
+ });
16
+
17
+ });
18
+ $(document).on('input', '.acfb-checkbox-true-false', function() {
19
+ const v = $(this).val();
20
+ v === '0' ? $(this).val('1') : $(this).val('0');
21
+ const field = $(this).parents('.acfb_cs_field_root').find('.acfb_cs_field_main');
22
+ v !== '1' ? field.show() : field.hide();
23
+ });
24
+
25
+ $(document).on('click', '.acf-label', function() {
26
+
27
+ $(this).parent().find('.acfb-checkbox-true-false')[0].click();
28
+
29
+ });
30
+
31
+
32
+ });
33
+ })(jQuery);
34
+
admin/admin-styles.css CHANGED
@@ -1,159 +1,159 @@
1
- .settings_page_editorskit-getting-started #wpcontent {
2
- padding-left: 0
3
- }
4
-
5
- .acfb-settings-wrap {
6
- color: #111
7
- }
8
-
9
- .acfb-settings-wrap .components-panel {
10
- min-height: 100vh
11
- }
12
-
13
- .acfb-settings-wrap .components-panel .components-panel__header {
14
- border: 0;
15
- padding: 0;
16
- display: block;
17
- height: auto
18
- }
19
-
20
- .acfb-settings-wrap .components-panel .components-panel__header h2 {
21
- font-size: 45px;
22
- line-height: 1;
23
- font-weight: 300;
24
- padding-bottom: 10px;
25
- margin: 0;
26
- text-align: center;
27
- }
28
-
29
- .acfb-settings-wrap .components-panel .components-panel__header code {
30
- margin-left: 5px;
31
- border-radius: 2px;
32
- font-size: 11px;
33
- font-weight: 400;
34
- font-family: inherit;
35
- background-color: #e5e5e5;
36
- color: #000;
37
- opacity: .7
38
- }
39
-
40
- .acfb-settings-wrap .components-panel .components-panel__header p {
41
- color: #333;
42
- font-size: 18px;
43
- margin-bottom: 50px;
44
- text-align: center;
45
- width: 80%;
46
- margin: 20px auto 40px auto;
47
- }
48
-
49
- .acfb-settings-wrap .components-panel .components-panel__header .acfb-panel__header-hint {
50
- font-size: 12px;
51
- opacity: .4;
52
- margin: 0 0 40px;
53
- padding: 0
54
- }
55
-
56
- .acfb-settings-wrap .components-panel .components-panel__header iframe{
57
- display: block;
58
- margin: auto;
59
- }
60
-
61
- .acfb-settings-wrap .components-panel .components-panel__body {
62
- padding: 25px 50px 50px
63
- }
64
-
65
- .acfb_admin_call_to {
66
- background: #ffffff;
67
- margin: 50px;
68
- padding: 50px;
69
- font-size: 18px;
70
- line-height: 1.5;
71
- text-align: center;
72
- color: #444
73
- }
74
-
75
- @media screen and (max-width:768px) {
76
- .acfb_admin_call_to {
77
- margin-left: 0;
78
- margin-right: 0
79
- }
80
- }
81
-
82
-
83
- .acfb_admin_button{
84
- padding: 20px 30px;
85
- background: #23282d;
86
- color: white;
87
- font-family: inherit;
88
- text-decoration: none;
89
- width: max-content;
90
- margin: 20px auto 0 auto;
91
- display: block;
92
- font-size: 22px;
93
- border-radius: 100px;
94
- }
95
-
96
- .acfb_admin_button:hover{
97
- background: #1d2125;
98
- color: white;
99
- }
100
-
101
-
102
- .acfb_admin_templib{
103
- background-image: linear-gradient(rgba(0,0,0,0.61), rgba(0,0,0,0.61)), url("../img/temp-lib.png");
104
- background-size: cover;
105
- min-height: 300px;
106
- padding: 30px 30px;
107
- margin: 50px;
108
- }
109
-
110
- .acfb_admin_templib h1, .acfb_admin_templib p{
111
- color: #ffffff !important;
112
- padding: 0;
113
- width: 100% !important;
114
- }
115
-
116
- .acfb_admin_templib h1{
117
- font-size: 25px;
118
- font-weight: 400;
119
- font-family: 'Poppins', sans-serif;
120
- }
121
-
122
- .acfb_admin_templib p{
123
- font-size: 15px !important;
124
- font-family: 'Poppins', sans-serif;
125
- width: 465px !important;
126
- display: block;
127
- margin: 5px 0 30px 0 !important;
128
- text-align: left !important;
129
- }
130
-
131
- .acfb_admin_templib_button a{
132
- background-color: #4dd6be;
133
- color: #000000;
134
- font-family: 'Poppins', sans-serif;
135
- font-weight: 600;
136
- border-radius: 100px;
137
- text-transform: uppercase;
138
- font-size: 16px;
139
- letter-spacing: 3px;
140
- padding: 15px 20px;
141
- text-decoration: none;
142
- }
143
-
144
- .acfb_admin_templib_button a:first-child{
145
- margin-right: 10px;
146
- }
147
-
148
- .acfb_admin_templib_button a:hover{
149
- background-color: #48c9b1;
150
- }
151
-
152
-
153
-
154
-
155
- .acfb_button_group_svg{
156
- width: 20px;
157
- height: 20px;
158
- display: flex;
159
  }
1
+ .settings_page_editorskit-getting-started #wpcontent {
2
+ padding-left: 0
3
+ }
4
+
5
+ .acfb-settings-wrap {
6
+ color: #111
7
+ }
8
+
9
+ .acfb-settings-wrap .components-panel {
10
+ min-height: 100vh
11
+ }
12
+
13
+ .acfb-settings-wrap .components-panel .components-panel__header {
14
+ border: 0;
15
+ padding: 0;
16
+ display: block;
17
+ height: auto
18
+ }
19
+
20
+ .acfb-settings-wrap .components-panel .components-panel__header h2 {
21
+ font-size: 45px;
22
+ line-height: 1;
23
+ font-weight: 300;
24
+ padding-bottom: 10px;
25
+ margin: 0;
26
+ text-align: center;
27
+ }
28
+
29
+ .acfb-settings-wrap .components-panel .components-panel__header code {
30
+ margin-left: 5px;
31
+ border-radius: 2px;
32
+ font-size: 11px;
33
+ font-weight: 400;
34
+ font-family: inherit;
35
+ background-color: #e5e5e5;
36
+ color: #000;
37
+ opacity: .7
38
+ }
39
+
40
+ .acfb-settings-wrap .components-panel .components-panel__header p {
41
+ color: #333;
42
+ font-size: 18px;
43
+ margin-bottom: 50px;
44
+ text-align: center;
45
+ width: 80%;
46
+ margin: 20px auto 40px auto;
47
+ }
48
+
49
+ .acfb-settings-wrap .components-panel .components-panel__header .acfb-panel__header-hint {
50
+ font-size: 12px;
51
+ opacity: .4;
52
+ margin: 0 0 40px;
53
+ padding: 0
54
+ }
55
+
56
+ .acfb-settings-wrap .components-panel .components-panel__header iframe{
57
+ display: block;
58
+ margin: auto;
59
+ }
60
+
61
+ .acfb-settings-wrap .components-panel .components-panel__body {
62
+ padding: 25px 50px 50px
63
+ }
64
+
65
+ .acfb_admin_call_to {
66
+ background: #ffffff;
67
+ margin: 50px;
68
+ padding: 50px;
69
+ font-size: 18px;
70
+ line-height: 1.5;
71
+ text-align: center;
72
+ color: #444
73
+ }
74
+
75
+ @media screen and (max-width:768px) {
76
+ .acfb_admin_call_to {
77
+ margin-left: 0;
78
+ margin-right: 0
79
+ }
80
+ }
81
+
82
+
83
+ .acfb_admin_button{
84
+ padding: 20px 30px;
85
+ background: #23282d;
86
+ color: white;
87
+ font-family: inherit;
88
+ text-decoration: none;
89
+ width: max-content;
90
+ margin: 20px auto 0 auto;
91
+ display: block;
92
+ font-size: 22px;
93
+ border-radius: 100px;
94
+ }
95
+
96
+ .acfb_admin_button:hover{
97
+ background: #1d2125;
98
+ color: white;
99
+ }
100
+
101
+
102
+ .acfb_admin_templib{
103
+ background-image: linear-gradient(rgba(0,0,0,0.61), rgba(0,0,0,0.61)), url("../img/temp-lib.png");
104
+ background-size: cover;
105
+ min-height: 300px;
106
+ padding: 30px 30px;
107
+ margin: 50px;
108
+ }
109
+
110
+ .acfb_admin_templib h1, .acfb_admin_templib p{
111
+ color: #ffffff !important;
112
+ padding: 0;
113
+ width: 100% !important;
114
+ }
115
+
116
+ .acfb_admin_templib h1{
117
+ font-size: 25px;
118
+ font-weight: 400;
119
+ font-family: 'Poppins', sans-serif;
120
+ }
121
+
122
+ .acfb_admin_templib p{
123
+ font-size: 15px !important;
124
+ font-family: 'Poppins', sans-serif;
125
+ width: 465px !important;
126
+ display: block;
127
+ margin: 5px 0 30px 0 !important;
128
+ text-align: left !important;
129
+ }
130
+
131
+ .acfb_admin_templib_button a{
132
+ background-color: #4dd6be;
133
+ color: #000000;
134
+ font-family: 'Poppins', sans-serif;
135
+ font-weight: 600;
136
+ border-radius: 100px;
137
+ text-transform: uppercase;
138
+ font-size: 16px;
139
+ letter-spacing: 3px;
140
+ padding: 15px 20px;
141
+ text-decoration: none;
142
+ }
143
+
144
+ .acfb_admin_templib_button a:first-child{
145
+ margin-right: 10px;
146
+ }
147
+
148
+ .acfb_admin_templib_button a:hover{
149
+ background-color: #48c9b1;
150
+ }
151
+
152
+
153
+
154
+
155
+ .acfb_button_group_svg{
156
+ width: 20px;
157
+ height: 20px;
158
+ display: flex;
159
  }
css/acfblocks.css CHANGED
@@ -1,3259 +1,3259 @@
1
- /************ Testimonial CSS ************/
2
- .acfb_testimonial_wrap {
3
- padding: 5%;
4
- border-radius: 5px;
5
- }
6
-
7
- .acfb_testimonial_wrap .acfb_testimonial_bio {
8
- display: flex;
9
- align-items: center;
10
- margin-top: 20px;
11
- }
12
-
13
- .acfb_testimonial_wrap .acfb_testimonial_bio .acfb_testimonial_avatar_wrap {
14
- border-radius: 100%;
15
- margin-right: 15px;
16
- }
17
-
18
- .acfb_testimonial_wrap .acfb_testimonial_bio .acfb_testimonial_avatar {
19
- object-fit: cover;
20
- height: 100%;
21
- width: 100%;
22
- position: relative;
23
- z-index: 10;
24
- border-radius: 100%;
25
- z-index: 5;
26
- }
27
-
28
- .acfb_testimonial_wrap .acfb_testimonial_bio .acfb_testimonial_name {
29
- font-weight: 700;
30
- line-height: 1.2;
31
- margin: 0;
32
- padding: 0;
33
- }
34
-
35
- /************ Team CSS ************/
36
- .acfb_team_wrap.acfb_team_top {
37
- display: grid;
38
- grid-template-columns: 100%;
39
- }
40
-
41
- .acfb_team_wrap.acfb_team_left {
42
- display: grid;
43
- grid-gap: 25px;
44
- grid-template-columns: auto auto;
45
- }
46
-
47
- .acfb_team_wrap.acfb_team_left .acfb_team_info{
48
- margin-top: 0 !important;
49
- }
50
-
51
- .acfb_team_wrap {
52
- padding: 60px 35px;
53
- }
54
-
55
- .acfb_team_wrap .acfb_team_avatar img {
56
- object-fit: cover;
57
- height: 100%;
58
- width: 100%;
59
- }
60
- .acfb_team_wrap .acfb_team_info {
61
- margin-top: 20px;
62
- }
63
-
64
- .acfb_team_wrap .acfb_team_info .acfb_team_position{
65
- margin-bottom: 10px;
66
- display: block;
67
- }
68
-
69
- /************ Star Rating CSS ************/
70
- .acfb_star_rating {
71
- display: flex;
72
- align-items: center;
73
- }
74
-
75
- .acfb_star_rating .acfb_star:before {
76
- content: "\f155";
77
- font-family: dashicons;
78
- }
79
-
80
- /************ Progress Bar CSS ************/
81
- .acfb_progress_wrapper .acfb_progress_bar_title {
82
- display: block;
83
- margin-bottom: 5px;
84
- }
85
-
86
- .acfb_progress_wrapper .acfb_inner_wrap {
87
- position: relative;
88
- }
89
-
90
- .acfb_progress_wrapper .acfb_progress_bar {
91
- display: -webkit-box;
92
- display: -webkit-flex;
93
- display: -ms-flexbox;
94
- display: flex;
95
- padding: 7px 15px;
96
- }
97
-
98
- .acfb_progress_wrapper .acfb_progress_bar .acfb_progress_text {
99
- -webkit-box-flex: 1;
100
- -webkit-flex-grow: 1;
101
- -ms-flex-positive: 1;
102
- flex-grow: 1;
103
- white-space: nowrap;
104
- overflow: hidden;
105
- -o-text-overflow: ellipsis;
106
- text-overflow: ellipsis;
107
- }
108
-
109
- /************ Pricing Box CSS ************/
110
- .acfb_pricing_table_wrap {
111
- font-family: Lato, sans-serif;
112
- text-align: center;
113
- padding: 60px 35px;
114
- border-radius: 12px;
115
- }
116
-
117
- .acfb_pricing_table_wrap .acfb_pricing_table_imgicon{
118
- margin-bottom: 15px;
119
- }
120
-
121
- .acfb_pricing_table_wrap .acfb_pricing_box_title {
122
- font-weight: 700;
123
- }
124
- .acfb_pricing_table_wrap .acfb_pricing_box_price_wrapper {
125
- margin: 20px 0;
126
- }
127
- .acfb_pricing_table_wrap .acfb_pricing_box_price_line {
128
- display: flex;
129
- justify-content: center;
130
- }
131
- .acfb_pricing_table_wrap
132
- .acfb_pricing_box_price_line
133
- .acfb_pricing_box_price_prefix {
134
- align-self: flex-start;
135
- }
136
- .acfb_pricing_table_wrap .acfb_pricing_box_price_line .acfb_pricing_box_price {
137
- line-height: 100% !important;
138
- }
139
- .acfb_pricing_table_wrap
140
- .acfb_pricing_box_price_line
141
- .acfb_pricing_box_price_suffix {
142
- align-self: flex-end;
143
- }
144
- .acfb_pricing_table_wrap .acfb_pricing_box_subprice {
145
- text-transform: uppercase;
146
- line-height: 100% !important;
147
- }
148
- .acfb_pricing_table_wrap .acfb_pricing_box_button a {
149
- border-radius: 7px;
150
- align-items: center;
151
- font-weight: 600;
152
- cursor: pointer;
153
- padding: 10px 25px;
154
- display: inline-block;
155
- margin: 15px 0;
156
- text-decoration: none;
157
- }
158
-
159
- /************ Price List CSS ************/
160
- .acfb_price_list_wrap .acfb_price_list_item {
161
- display: grid;
162
- grid-column-gap: 15px;
163
- text-decoration: none;
164
- }
165
-
166
- .acfb_price_list_wrap .acfb_price_list_item .acfb_price_list_image{
167
- grid-area: acfbPli;
168
- }
169
-
170
- .acfb_price_list_wrap .acfb_price_list_item .acfb_price_list_text{
171
- grid-area: acfbPlt;
172
- }
173
-
174
- .acfb_price_list_wrap .acfb_price_list_item .acfb_price_list_image img{
175
- width: 100%;
176
- }
177
-
178
- .acfb_price_list_wrap .acfb_price_list_item .acfb_price_list_text .acfb_price_list_header .acfb_price_list_title{grid-area: acfbPlTitle;}
179
- .acfb_price_list_wrap .acfb_price_list_item .acfb_price_list_text .acfb_price_list_header .acfb_price_list_separator{grid-area: acfbPlSep;}
180
- .acfb_price_list_wrap .acfb_price_list_item .acfb_price_list_text .acfb_price_list_header .acfb_price_list_price{grid-area: acfbPlPrice;}
181
-
182
- .acfb_price_list_wrap
183
- .acfb_price_list_item
184
- .acfb_price_list_text
185
- .acfb_price_list_header {
186
- display: grid;
187
- grid-template-columns: max-content auto max-content;
188
- align-items: center;
189
- grid-gap: 15px;
190
- font-weight: 600;
191
- }
192
-
193
- .acfb_price_list_wrap
194
- .acfb_price_list_item
195
- .acfb_price_list_text
196
- p.acfb_price_list_description {
197
- margin-top: 10px;
198
- }
199
-
200
- /************ Multi Button CSS ************/
201
- .acfb_multibuttons_wrap {
202
- display: flex;
203
- flex-direction: row;
204
- }
205
- .acfb_multibuttons_wrap .acfb_button {
206
- padding: 15px 20px;
207
- display: inline-block;
208
- text-decoration: none;
209
- margin-bottom: 5px;
210
- }
211
-
212
- .acfb_multibuttons_wrap .acfb_button:last-child{
213
- margin-right: 0;
214
- }
215
-
216
- /************ Counter Number CSS ************/
217
- .acfb_counter_number_wrapper {
218
- display: -webkit-box;
219
- display: -webkit-flex;
220
- display: -ms-flexbox;
221
- display: flex;
222
- font-weight: 600;
223
- line-height: 1;
224
- }
225
-
226
- .acfb_counter_number_wrapper .acfb_counter_number_prefix {
227
- text-align: right;
228
- }
229
-
230
- .acfb_counter_number_wrapper .acfb_counter_number_suffix {
231
- text-align: left;
232
- }
233
-
234
- .acfb_counter_number_wrapper .acfb_counter_number_prefix,
235
- .acfb_counter_number_wrapper .acfb_counter_number_suffix {
236
- -webkit-box-flex: 1;
237
- -webkit-flex-grow: 1;
238
- -ms-flex-positive: 1;
239
- flex-grow: 1;
240
- white-space: pre-wrap;
241
- }
242
-
243
- .acfb_counter .acfb_counter_title {
244
- text-align: center;
245
- font-weight: 400;
246
- line-height: 2.5;
247
- }
248
-
249
- /************ Click To Tweet CSS ************/
250
- .acfb_click_to_tweet {
251
- display: block;
252
- -moz-border-radius: 4px;
253
- border-radius: 4px;
254
- padding: 15px 30px;
255
- text-align: left;
256
- }
257
-
258
- .acfb_click_to_tweet a {
259
- display: block;
260
- text-decoration: none;
261
- text-transform: none;
262
- cursor: pointer;
263
- line-height: 140%;
264
- letter-spacing: 0.05em;
265
- }
266
-
267
- .acfb_click_to_tweet a:hover,
268
- .acfb_click_to_tweet:hover a:after {
269
- text-decoration: none;
270
- }
271
-
272
- .acfb_click_to_tweet a:before {
273
- content: "";
274
- display: inline-block;
275
- width: 50px;
276
- height: 50px;
277
- vertical-align: bottom;
278
- background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10,7L8,11H11V17H5V11L7,7H10M18,7L16,11H19V17H13V11L15,7H18Z' fill='%23666'/%3E%3C/svg%3E")
279
- no-repeat right center;
280
- }
281
-
282
- .acfb_click_to_tweet a:after {
283
- margin-top: 20px;
284
- padding-right: 25px;
285
- position: relative;
286
- display: block;
287
- text-transform: uppercase;
288
- text-align: right;
289
- text-decoration: none;
290
- transition: all 0.5s ease;
291
- line-height: 20px;
292
- background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z' fill='%2300abf0'/%3E%3C/svg%3E")
293
- no-repeat right center;
294
- }
295
-
296
- /************ Posts CSS ************/
297
-
298
- .acfb_posts_block {
299
- }
300
-
301
- .acfb_posts_block .acfb_post {
302
- padding: 20px;
303
- }
304
-
305
- .acfb_posts_block .acfb_post_grid {
306
- display: grid;
307
- grid-gap: 10px;
308
- }
309
-
310
- .acfb_posts_block .acfb_post_grid .acfb_post {
311
- overflow: hidden;
312
- }
313
-
314
- .acfb_posts_block .acfb_post_grid .acfb_post .acfb_post_thumbnail img,
315
- .acfb_posts_block .acfb_post_list .acfb_post .acfb_post_list_thumbnail img{
316
- width: 100%;
317
- height: auto;
318
- }
319
-
320
- .acfb_posts_block .acfb_post_list .acfb_post {
321
- display: grid;
322
- grid-gap: 20px;
323
- grid-template-columns: 50% 50%;
324
- margin-bottom: 10px;
325
- }
326
-
327
- .acfb_posts_block .acfb_post_list .acfb_post.no_thumb {
328
- grid-template-columns: 1fr;
329
- }
330
-
331
- .acfb_posts_block .acfb_post .acfb_post_thumbnail,
332
- .acfb_posts_block .acfb_post .acfb_post_title,
333
- .acfb_posts_block .acfb_post .acfb_post_meta,
334
- .acfb_posts_block .acfb_post .acfb_post_excerpt,
335
- .acfb_posts_block .acfb_post .acfb_post_button {
336
- margin-bottom: 15px;
337
- }
338
-
339
- .acfb_posts_block .acfb_post .acfb_post_title h1,
340
- .acfb_posts_block .acfb_post .acfb_post_title h2,
341
- .acfb_posts_block .acfb_post .acfb_post_title h3,
342
- .acfb_posts_block .acfb_post .acfb_post_title h4,
343
- .acfb_posts_block .acfb_post .acfb_post_title h5,
344
- .acfb_posts_block .acfb_post .acfb_post_title h6 {
345
- margin: 0;
346
- }
347
-
348
- .acfb_posts_block .acfb_post div:nth-last-of-type(1) {
349
- margin-bottom: 0;
350
- }
351
-
352
- .acfb_posts_block .acfb_post_2 {
353
- grid-template-columns: 1fr 1fr;
354
- }
355
-
356
- .acfb_posts_block .acfb_post_3 {
357
- grid-template-columns: 1fr 1fr 1fr;
358
- }
359
-
360
- .acfb_posts_block .acfb_post_4 {
361
- grid-template-columns: 1fr 1fr 1fr 1fr;
362
- }
363
-
364
- .acfb_posts_block .acfb_post_5 {
365
- grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
366
- }
367
-
368
- .acfb_posts_block .acfb_post_6 {
369
- grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
370
- }
371
-
372
- .acfb_posts_block .acfb_post .acfb_post_btn {
373
- text-decoration: none;
374
- display: inline-block;
375
- }
376
-
377
- @media only screen and (max-width: 767px) {
378
- .acfb_posts_block .acfb_post_2,
379
- .acfb_posts_block .acfb_post_3,
380
- .acfb_posts_block .acfb_post_4,
381
- .acfb_posts_block .acfb_post_5,
382
- .acfb_posts_block .acfb_post_6 {
383
- grid-template-columns: 1fr;
384
- }
385
-
386
- .acfb_posts_block .acfb_post_list .acfb_post {
387
- grid-template-columns: 1fr;
388
- }
389
- }
390
-
391
- /************ Photo Collage CSS ************/
392
-
393
- /* Two Gird Style 1*/
394
- .acfb_two-grid-style-one {
395
- display: grid;
396
- grid-template-columns: 1fr 1fr;
397
- grid-template-rows: 1fr;
398
- grid-template-areas: "one two";
399
- }
400
-
401
- /* Two Gird Style 2*/
402
- .acfb_two-grid-style-two {
403
- display: grid;
404
- grid-template-columns: 1fr;
405
- grid-template-rows: 1fr 1fr;
406
- grid-template-areas: "one" "two";
407
- }
408
-
409
- .acfb_collage_2 .acfb_one {
410
- grid-area: one;
411
- background-size: cover;
412
- background-position: center;
413
- }
414
- .acfb_collage_2 .acfb_two {
415
- grid-area: two;
416
- background-size: cover;
417
- background-position: center;
418
- }
419
-
420
- /* Three Gird Style 1*/
421
- .acfb_three-grid-style-one {
422
- display: grid;
423
- grid-template-columns: 1fr 1fr;
424
- grid-template-rows: 1fr 1fr;
425
- grid-template-areas: "one one" "two three";
426
- }
427
-
428
- /* Three Gird Style 2*/
429
- .acfb_three-grid-style-two {
430
- display: grid;
431
- grid-template-columns: 1fr 1fr;
432
- grid-template-rows: 1fr 1fr;
433
- grid-template-areas: "one two" "three three";
434
- }
435
-
436
- /* Three Gird Style 3 */
437
- .acfb_three-grid-style-three {
438
- display: grid;
439
- grid-template-columns: 1fr 1fr;
440
- grid-template-rows: 1fr 1fr;
441
- grid-template-areas: "one two" "one three";
442
- }
443
-
444
- /* Three Gird Style 4 */
445
- .acfb_three-grid-style-four {
446
- display: grid;
447
- grid-template-columns: 1fr 1fr;
448
- grid-template-rows: 1fr 1fr;
449
- grid-template-areas: "two one" "three one";
450
- }
451
-
452
- /* Three Gird Style 5 */
453
- .acfb_three-grid-style-five {
454
- display: grid;
455
- grid-template-columns: 1fr 1fr;
456
- grid-template-rows: 1fr 1fr 1fr;
457
- grid-template-areas: "one one" "two two" "three three";
458
- }
459
-
460
- /* Three Gird Style 6 */
461
- .acfb_three-grid-style-six {
462
- display: grid;
463
- grid-template-columns: 1fr 1fr 1fr;
464
- grid-template-rows: 1fr 1fr;
465
- grid-template-areas: "one two three" "one two three";
466
- }
467
-
468
- .acfb_collage_3 .acfb_one {
469
- grid-area: one;
470
- background-size: cover;
471
- background-position: center;
472
- }
473
- .acfb_collage_3 .acfb_two {
474
- grid-area: two;
475
- background-size: cover;
476
- background-position: center;
477
- }
478
- .acfb_collage_3 .acfb_three {
479
- grid-area: three;
480
- background-size: cover;
481
- background-position: center;
482
- }
483
-
484
- /* Four Gird Style 1 */
485
- .acfb_four-grid-style-one {
486
- display: grid;
487
- grid-template-columns: 1fr 1fr;
488
- grid-template-rows: 1fr 1fr 1fr 1fr;
489
- grid-template-areas: "one one" "two two" "three three" "four four";
490
- }
491
-
492
- /* Four Gird Style 2 */
493
- .acfb_four-grid-style-two {
494
- display: grid;
495
- grid-template-columns: 1fr 1fr 1fr 1fr;
496
- grid-template-rows: 1fr 1fr;
497
- grid-template-areas: "one two three four" "one two three four";
498
- }
499
-
500
- /* Four Gird Style 3 */
501
- .acfb_four-grid-style-three {
502
- display: grid;
503
- grid-template-columns: 1fr 1fr 1fr;
504
- grid-template-rows: 1fr 1fr;
505
- grid-template-areas: "one one one" "two three four";
506
- }
507
-
508
- /* Four Gird Style 4 */
509
- .acfb_four-grid-style-four {
510
- display: grid;
511
- grid-template-columns: 1fr 1fr 1fr;
512
- grid-template-rows: 1fr 1fr;
513
- grid-template-areas: "one two three" "four four four";
514
- }
515
-
516
- /* Four Gird Style 5 */
517
- .acfb_four-grid-style-five {
518
- display: grid;
519
- grid-template-columns: 1fr 1fr;
520
- grid-template-rows: 1fr 1fr 1fr;
521
- grid-template-areas: "one two" "one three" "one four";
522
- }
523
-
524
- /* Four Gird Style 6 */
525
- .acfb_four-grid-style-six {
526
- display: grid;
527
- grid-template-columns: 1fr 1fr;
528
- grid-template-rows: 1fr 1fr 1fr;
529
- grid-template-areas: "one four" "two four" "three four";
530
- }
531
-
532
- /* Four Gird Style 7 */
533
- .acfb_four-grid-style-seven {
534
- display: grid;
535
- grid-template-columns: 1fr 1fr 1fr;
536
- grid-template-rows: 1fr 1fr;
537
- grid-template-areas: "one one two" "three four four";
538
- }
539
-
540
- /* Four Gird Style 8 */
541
- .acfb_four-grid-style-eight {
542
- display: grid;
543
- grid-template-columns: 1fr 1fr 1fr;
544
- grid-template-rows: 1fr 1fr;
545
- grid-template-areas: "one two two" "three three four";
546
- }
547
-
548
- /* Four Gird Style 9 */
549
- .acfb_four-grid-style-nine {
550
- display: grid;
551
- grid-template-columns: 1fr 1fr;
552
- grid-template-rows: 1fr 1fr 1fr;
553
- grid-template-areas: "one three" "one four" "two four";
554
- }
555
-
556
- /* Four Gird Style 10 */
557
- .acfb_four-grid-style-ten {
558
- display: grid;
559
- grid-template-columns: 1fr 1fr;
560
- grid-template-rows: 1fr 1fr 1fr;
561
- grid-template-areas: "one three" "two three" "two four";
562
- }
563
-
564
- /* Four Gird Style 11 */
565
- .acfb_four-grid-style-eleven {
566
- display: grid;
567
- grid-template-columns: 1fr 1fr;
568
- grid-template-rows: 1fr 1fr 1fr;
569
- grid-template-areas: "one two" "three three" "four four";
570
- }
571
-
572
- /* Four Gird Style 12 */
573
- .acfb_four-grid-style-twelve {
574
- display: grid;
575
- grid-template-columns: 1fr 1fr;
576
- grid-template-rows: 1fr 1fr 1fr;
577
- grid-template-areas: "one one" "two three" "four four";
578
- }
579
-
580
- /* Four Gird Style 13 */
581
- .acfb_four-grid-style-thirteen {
582
- display: grid;
583
- grid-template-columns: 1fr 1fr;
584
- grid-template-rows: 1fr 1fr 1fr;
585
- grid-template-areas: "one one" "two two" "three four";
586
- }
587
-
588
- /* Four Gird Style 14 */
589
- .acfb_four-grid-style-fourteen {
590
- display: grid;
591
- grid-template-columns: 1fr 1fr 1fr;
592
- grid-template-rows: 1fr 1fr;
593
- grid-template-areas: "one three four" "two three four";
594
- }
595
-
596
- /* Four Gird Style 15 */
597
- .acfb_four-grid-style-fifteen {
598
- display: grid;
599
- grid-template-columns: 1fr 1fr;
600
- grid-template-rows: 1fr 1fr;
601
- grid-template-areas: "one three" "two four";
602
- }
603
-
604
- .acfb_collage_4 .acfb_one {
605
- grid-area: one;
606
- background-size: cover;
607
- background-position: center;
608
- }
609
- .acfb_collage_4 .acfb_two {
610
- grid-area: two;
611
- background-size: cover;
612
- background-position: center;
613
- }
614
- .acfb_collage_4 .acfb_three {
615
- grid-area: three;
616
- background-size: cover;
617
- background-position: center;
618
- }
619
- .acfb_collage_4 .acfb_four {
620
- grid-area: four;
621
- background-size: cover;
622
- background-position: center;
623
- }
624
-
625
- .acfb_radio_image .acf-input .acf-radio-list:before,
626
- .acfb_radio_image .acf-input .acf-radio-list:after {
627
- content: none;
628
- }
629
-
630
- .acfb_radio_image .acf-input .acf-radio-list {
631
- display: grid;
632
- grid-template-columns: 1fr 1fr 1fr 1fr;
633
- grid-gap: 10px;
634
- }
635
-
636
- .acfb_radio_image .acf-input .acf-radio-list li input {
637
- display: none;
638
- }
639
-
640
- .acfb_radio_image .acf-input .acf-radio-list li .selected img {
641
- border: 2px solid #48a8f4;
642
- }
643
-
644
- .acfb_svg_icon {
645
- fill: none;
646
- stroke: #555d66;
647
- stroke-linecap: round;
648
- stroke-linejoin: round;
649
- stroke-width: 2px;
650
- }
651
-
652
-
653
- /************ Social Sharing CSS ************/
654
-
655
- .acfb_social_sharing_main_block a:hover {
656
- opacity: 0.9 !important;
657
- }
658
-
659
- .acfb_social_networks ul.acf-checkbox-list li {
660
- width: calc(100% / 7.7);
661
- display: inline-block;
662
- }
663
-
664
- .acfb_social_networks ul.acf-checkbox-list li img.acfb_social_icons {
665
- width: 100%;
666
- }
667
-
668
- .acfb_social_networks ul.acf-checkbox-list:nth-child(n + 11) {
669
- width: 100%;
670
- display: flex;
671
- flex-direction: row;
672
- }
673
-
674
- .acfb_social_networks ul.acf-radio-list li input[type="checkbox"],
675
- .acfb_social_networks ul.acf-radio-list li input[type="radio"],
676
- .acfb_social_networks ul.acf-checkbox-list li input[type="checkbox"],
677
- .acfb_social_networks ul.acf-checkbox-list li input[type="radio"] {
678
- display: none;
679
- visibility: hidden;
680
- }
681
-
682
-
683
- .acfb_social_sharing_main_block a {
684
- padding: 10px;
685
- font-size: 16px;
686
- border-radius: 2px;
687
- border: 0;
688
- color: white;
689
- outline: 0;
690
- text-decoration: none !important;
691
- text-align: center;
692
- margin: 5px 3px;
693
- }
694
-
695
- .acfb_social_sharing_main_block a > span {
696
- cursor: pointer;
697
- }
698
-
699
- .acfb_social_networks .acf-checkbox-list label:not(.selected) svg {
700
- background: white !important;
701
- }
702
-
703
- .acfb_social_networks .acf-checkbox-list label:not(.selected) svg path {
704
- fill: #555d66;
705
- }
706
-
707
- .acfb_social_sharing_main_block {
708
- display: flex;
709
- flex-direction: row;
710
- flex-wrap: wrap;
711
- }
712
-
713
- svg.acfb_facebook,
714
- svg.acfb_twitter,
715
- svg.acfb_pinterest,
716
- svg.acfb_hackernews,
717
- svg.acfb_email,
718
- svg.acfb_linkedin,
719
- svg.acfb_reddit,
720
- svg.acfb_xing,
721
- svg.acfb_whatsapp,
722
- svg.acfb_vk,
723
- svg.acfb_telegram {
724
- width: 20px;
725
- }
726
-
727
- .acfb_social_facebook_main span,
728
- .acfb_social_twitter_main span,
729
- .acfb_social_pinterest_main span,
730
- .acfb_social_hackernews_main span,
731
- .acfb_social_email_main span,
732
- .acfb_social_linkedin_main span,
733
- .acfb_social_reddit_main span,
734
- .acfb_social_xing_main span,
735
- .acfb_social_whatsapp_main span,
736
- .acfb_social_vk_main span,
737
- .acfb_social_telegram_main span {
738
- vertical-align: top !important;
739
- color: white;
740
- }
741
-
742
- .acfb_social_facebook_main {
743
- background: #3b5998 !important;
744
- }
745
-
746
- .acfb_social_twitter_main {
747
- background-color: #38a1f3 !important;
748
- }
749
-
750
- .acfb_social_email_main {
751
- background-color: #777 !important;
752
- }
753
-
754
- .acfb_social_pinterest_main {
755
- background-color: #c8232c !important;
756
- }
757
-
758
- .acfb_social_linkedin_main {
759
- background-color: #0077b5 !important;
760
- }
761
-
762
- .acfb_social_reddit_main {
763
- background-color: #ff4500 !important;
764
- }
765
-
766
- .acfb_social_xing_main {
767
- background-color: #1a7576 !important;
768
- }
769
- .acfb_social_whatsapp_main {
770
- background-color: #25d366 !important;
771
- }
772
-
773
- .acfb_social_hackernews_main {
774
- background-color: #f60 !important;
775
- }
776
-
777
- .acfb_social_vk_main {
778
- background-color: #507299 !important;
779
- }
780
-
781
- .acfb_social_telegram_main {
782
- background-color: #54a9eb !important;
783
- }
784
-
785
- svg.acfb_social_icons {
786
- background: grey;
787
- padding: 5px 5px;
788
- margin: 0px 4px;
789
- }
790
-
791
- svg.acfb_social_icons path {
792
- fill: white;
793
- }
794
-
795
- .acfb_social_sharing_main_block svg {
796
- vertical-align: sub;
797
- }
798
-
799
-
800
- /************ Image Slider CSS ************/
801
- .acfb_slider_block{}
802
-
803
- .acfb_slider_block .swiper-container{}
804
-
805
- .acfb_slider_block .swiper-container .swiper-wrapper{}
806
-
807
- .acfb_slider_block .swiper-container .swiper-wrapper .swiper-slide{
808
- position: relative;
809
- }
810
-
811
- .acfb_slider_block .swiper-container .swiper-wrapper .swiper-slide img{
812
- align-self: center;
813
- }
814
-
815
- .acfb_slider_block .swiper-container .swiper-wrapper .swiper-slide .acfb_caption{
816
- position: absolute;
817
- padding: 10px;
818
- }
819
-
820
- .acfb_slider_block .swiper-container .acfb-button-next, .acfb_slider_block .swiper-container .acfb-button-prev{
821
- position: absolute;
822
- top: 50%;
823
- width: 58px;
824
- margin-top: -22px;
825
- z-index: 10;
826
- cursor: pointer;
827
- background: rgba(255, 255, 255, 0.7);
828
- padding: 15px;
829
- border-radius: 5px;
830
- line-height: 1;
831
- }
832
-
833
- .acfb_slider_block .swiper-container .acfb-button-next path, .acfb_slider_block .swiper-container .acfb-button-prev path{
834
- fill: #191e23;
835
- }
836
-
837
- .acfb_slider_block .swiper-container .acfb-button-next{
838
- right: 10px;
839
- left: auto;
840
- }
841
-
842
- .acfb_slider_block .swiper-container .acfb-button-prev{
843
- left: 10px;
844
- right: auto;
845
- }
846
-
847
- .acfb_slider_block .swiper-container .swiper-pagination .swiper-pagination-bullet-active{
848
- background: #191e23 !important;
849
- }
850
-
851
- /************ Tab CSS ************/
852
- .acfb_tabs_block ul {
853
- overflow: hidden;
854
- margin:0 !important;
855
- padding:0 !important;
856
- }
857
-
858
- .acfb_tabs_block ul li{
859
- float:left;
860
- display:inline-block;
861
- }
862
-
863
- .acfb_tabs_block ul li:last-child {
864
- border-right:none;
865
- }
866
-
867
- .acfb_tabs_block ul li:first-child {
868
- padding-left:0;
869
- }
870
-
871
- .acfb_tabs_block ul li a {
872
- text-align:center;
873
- display:block;
874
- text-decoration: none;
875
- padding: 15px 20px;
876
- line-height: 16px;
877
- outline: none;
878
- cursor: pointer;
879
- }
880
-
881
- .acfb_tabs_block .acfb_tab_content{
882
- padding: 20px;
883
- }
884
-
885
-
886
- /************ Toggle CSS ************/
887
- .acfb_toggle_block .acfb_toggle_title{
888
- width: 100%;
889
- border: none;
890
- padding: 10px 20px;
891
- outline: none;
892
- cursor: pointer;
893
- }
894
-
895
- .acfb_toggle_block .acfb_toggle_title:hover{
896
- width: 100%;
897
- border: none;
898
- }
899
-
900
- .acfb_toggle_block .acfb_toggle_content {
901
- display:none;
902
- padding: 25px;
903
- }
904
-
905
-
906
- /************ Accordion CSS ************/
907
- .acfb_accordion_block .acfb_accordion .acfb_accordion_title{
908
- display: block;
909
- font-weight: 600;
910
- padding: 10px 20px;
911
- outline: none;
912
- }
913
-
914
- .acfb_accordion_block .acfb_accordion .acfb_accordion_title:focus{
915
- box-shadow: none;
916
- }
917
-
918
- .acfb_accordion_block .acfb_accordion .acfb_accordion_content{
919
- display:none;
920
- padding: 25px;
921
- }
922
-
923
- .acfb_accordion_block .acfb_accordion .acfb_accordion_content .acfb_accordion_content_inner{
924
- display: flex;
925
- }
926
-
927
-
928
- /************ Scrollable Image CSS ************/
929
- .acfb_scrollable_image{
930
- transition: background-position 1.5s ease-out 0.5s;
931
- background-position: top center;
932
- background-repeat: no-repeat;
933
- background-size: 100%;
934
- }
935
-
936
- .acfb_scrollable_image:hover{
937
- background-position: bottom center!important;
938
- }
939
-
940
-
941
-
942
-
943
- /************ Flip Box CSS ************/
944
-
945
- /* Flip Box Flip */
946
- .acfb_flip_box_block .acfb_box_inner h3{margin: 10px;}
947
- .acfb_flip_box_block .acfb_box_inner p{margin: 0 0 0 10px; }
948
- .acfb_flip_box_block .acfb_box_inner .acfb_flipbox_back a{
949
- cursor: pointer;
950
- padding: 10px 25px;
951
- display: inline-block;
952
- margin: 15px 0 0 0;
953
- text-decoration: none;
954
- }
955
-
956
- .acfb_flip .acfb_box_inner{
957
- -webkit-perspective: 1000px;
958
- perspective: 1000px;
959
- -webkit-transform-style: preserve-3d;
960
- transform-style: preserve-3d;
961
- position: relative;
962
- -webkit-box-sizing: border-box;
963
- box-sizing: border-box;
964
- }
965
-
966
- .acfb_flip .acfb_box_inner .acfb_flipbox_front, .acfb_flip .acfb_box_inner .acfb_flipbox_back{
967
- -webkit-transform-style: preserve-3d;
968
- transform-style: preserve-3d;
969
- -webkit-backface-visibility: hidden;
970
- backface-visibility: hidden;
971
- position: absolute;
972
- width: 100%;
973
- height: 100%;
974
- -webkit-transition: all .6s ease-in-out;
975
- -o-transition: all .6s ease-in-out;
976
- transition: all .6s ease-in-out;
977
- }
978
-
979
- .acfb_flip .acfb_box_inner .acfb_flipbox_front{
980
- -webkit-transform: none;
981
- -ms-transform: none;
982
- transform: none;
983
- z-index: 1;
984
- }
985
-
986
- /* Flip Left */
987
- .acfb_flip.acfb_left .acfb_box_inner:hover .acfb_flipbox_front{
988
- -webkit-transform: rotateX(0) rotateY(-180deg);
989
- transform: rotateX(0) rotateY(-180deg);
990
- }
991
-
992
- .acfb_flip.acfb_left .acfb_box_inner .acfb_flipbox_back{
993
- -webkit-transform: rotateX(0) rotateY(180deg);
994
- transform: rotateX(0) rotateY(180deg);
995
- }
996
-
997
- /* Flip Right */
998
- .acfb_flip.acfb_right .acfb_box_inner:hover .acfb_flipbox_front{
999
- -webkit-transform: rotateX(0) rotateY(180deg);
1000
- transform: rotateX(0) rotateY(180deg);
1001
- }
1002
- .acfb_flip.acfb_right .acfb_box_inner .acfb_flipbox_back{
1003
- -webkit-transform: rotateX(0) rotateY(-180deg);
1004
- transform: rotateX(0) rotateY(-180deg);
1005
- }
1006
-
1007
- /* Flip Up */
1008
- .acfb_flip.acfb_up .acfb_box_inner:hover .acfb_flipbox_front{
1009
- -webkit-transform: rotateX(180deg) rotateY(0);
1010
- transform: rotateX(180deg) rotateY(0);
1011
- }
1012
- .acfb_flip.acfb_up .acfb_box_inner .acfb_flipbox_back{
1013
- -webkit-transform: rotateX(-180deg) rotateY(0);
1014
- transform: rotateX(-180deg) rotateY(0);
1015
- }
1016
-
1017
- /* Flip Down */
1018
- .acfb_flip.acfb_down .acfb_box_inner:hover .acfb_flipbox_front{
1019
- -webkit-transform: rotateX(-180deg) rotateY(0);
1020
- transform: rotateX(-180deg) rotateY(0);
1021
- }
1022
- .acfb_flip.acfb_down .acfb_box_inner .acfb_flipbox_back{
1023
- -webkit-transform: rotateX(180deg) rotateY(0);
1024
- transform: rotateX(180deg) rotateY(0);
1025
- }
1026
-
1027
- .acfb_flip .acfb_box_inner:hover .acfb_flipbox_back{
1028
- -webkit-transform: none;
1029
- -ms-transform: none;
1030
- transform: none;
1031
- }
1032
-
1033
- /* Flip Box Slide */
1034
- .acfb_slide .acfb_box_inner{
1035
- overflow: hidden;
1036
- position: relative;
1037
- perspective: 1000px;
1038
- transform-style: preserve-3d;
1039
- }
1040
-
1041
- .acfb_slide .acfb_box_inner .acfb_flipbox_front, .acfb_slide .acfb_box_inner .acfb_flipbox_back{
1042
- position: absolute;
1043
- width: 100%;
1044
- height: 100%;
1045
- transition: all 0.6s ease-in-out 0s;
1046
- }
1047
-
1048
-
1049
- /* Slide Left */
1050
- .acfb_slide.acfb_left .acfb_box_inner .acfb_flipbox_back{
1051
- transform: translateX(100%) translateY(0px);
1052
- }
1053
-
1054
- /* Slide Right */
1055
- .acfb_slide.acfb_right .acfb_box_inner .acfb_flipbox_back{
1056
- transform: translateX(-100%) translateY(0px);
1057
- }
1058
-
1059
- /* Slide Up */
1060
- .acfb_slide.acfb_up .acfb_box_inner .acfb_flipbox_back{
1061
- transform: translateX(0px) translateY(100%);
1062
- }
1063
-
1064
- /* Slide Down */
1065
- .acfb_slide.acfb_down .acfb_box_inner .acfb_flipbox_back{
1066
- transform: translateX(0px) translateY(-100%);
1067
- }
1068
-
1069
- .acfb_slide .acfb_box_inner:hover .acfb_flipbox_back{
1070
- transform: none;
1071
- }
1072
-
1073
- /* Flip Box Push */
1074
- .acfb_push{
1075
- overflow: hidden;
1076
- }
1077
-
1078
- .acfb_push .acfb_box_inner{
1079
- overflow: hidden;
1080
- position: relative;
1081
- perspective: 1000px;
1082
- transform-style: preserve-3d;
1083
- }
1084
-
1085
- .acfb_push .acfb_box_inner .acfb_flipbox_front, .acfb_push .acfb_box_inner .acfb_flipbox_back{
1086
- position: absolute;
1087
- width: 100%;
1088
- height: 100%;
1089
- transition: all 0.6s ease-in-out 0s;
1090
- }
1091
-
1092
- .acfb_push .acfb_box_inner .acfb_flipbox_front{
1093
- transform: none;
1094
- }
1095
-
1096
- /* Slide Left */
1097
- .acfb_push.acfb_left .acfb_box_inner .acfb_flipbox_back{
1098
- transform: translateX(100%) translateY(0px);
1099
- }
1100
-
1101
- .acfb_push.acfb_left .acfb_box_inner:hover .acfb_flipbox_front{
1102
- transform: translateX(-100%) translateY(0px);
1103
- }
1104
-
1105
- /* Slide Right */
1106
- .acfb_push.acfb_right .acfb_box_inner .acfb_flipbox_back{
1107
- transform: translateX(-100%) translateY(0px);
1108
- }
1109
-
1110
- .acfb_push.acfb_right .acfb_box_inner:hover .acfb_flipbox_front{
1111
- transform: translateX(100%) translateY(0px);
1112
- }
1113
-
1114
- /* Slide Up */
1115
- .acfb_push.acfb_up .acfb_box_inner .acfb_flipbox_back{
1116
- transform: translateX(0px) translateY(100%);
1117
- }
1118
-
1119
- .acfb_push.acfb_up .acfb_box_inner:hover .acfb_flipbox_front{
1120
- transform: translateX(0px) translateY(-100%);
1121
- }
1122
-
1123
- /* Slide Down */
1124
- .acfb_push.acfb_down .acfb_box_inner .acfb_flipbox_back{
1125
- transform: translateX(0px) translateY(-100%);
1126
- }
1127
-
1128
- .acfb_push.acfb_down .acfb_box_inner:hover .acfb_flipbox_front{
1129
- transform: translateX(0px) translateY(100%);
1130
- }
1131
-
1132
- .acfb_push .acfb_box_inner:hover .acfb_flipbox_back{
1133
- transform: none;
1134
- }
1135
-
1136
-
1137
- /************ Timeline CSS ************/
1138
- .acfb_timeline .acfb_timeline_inner .acfb_timeline_content .acfb_timeline_image,
1139
- .acfb_timeline .acfb_timeline_inner .acfb_timeline_content .acfb_timeline_date,
1140
- .acfb_timeline .acfb_timeline_inner .acfb_timeline_content .acfb_timeline_title,
1141
- .acfb_timeline .acfb_timeline_inner .acfb_timeline_content .acfb_timeline_desc,
1142
- .acfb_timeline .acfb_timeline_inner .acfb_timeline_content .acfb_timeline_button{
1143
- margin: 10px 0;
1144
- }
1145
- .acfb_timeline .acfb_timeline_inner .acfb_timeline_content .acfb_timeline_desc p{margin: 0;}
1146
-
1147
-
1148
- .acfb_timeline .acfb_timeline_button{
1149
- cursor: pointer;
1150
- padding: 10px 25px;
1151
- display: inline-block;
1152
- margin: 15px 0;
1153
- text-decoration: none;
1154
- }
1155
-
1156
-
1157
- /* Left Timeline*/
1158
- .acfb_left_timeline{
1159
- position: relative;
1160
- }
1161
-
1162
- .acfb_left_timeline::after{
1163
- content: '';
1164
- position: absolute;
1165
- width: 4px;
1166
- top: 0;
1167
- bottom: 0;
1168
- left: 0%;
1169
- margin-left: -2px;
1170
- }
1171
-
1172
- .acfb_left_timeline .acfb_timeline_inner{
1173
- position: relative;
1174
- width: 100%;
1175
- }
1176
-
1177
- .acfb_left_timeline .acfb_timeline_inner::after{
1178
- content: '';
1179
- position: absolute;
1180
- width: 25px;
1181
- height: 25px;
1182
- right: -12px;
1183
- top: 15px;
1184
- border-radius: 50%;
1185
- z-index: 1;
1186
- }
1187
-
1188
- .acfb_left_timeline .acfb_timeline_inner .acfb_timeline_content{
1189
- padding: 20px 30px;
1190
- position: relative;
1191
- display: flex;
1192
- flex-direction: column;
1193
- align-items: flex-start;
1194
- }
1195
-
1196
-
1197
- .acfb_left_timeline .acfb_timeline_inner{
1198
- left: 0%;
1199
- padding: 10px 0px 10px 40px;
1200
- text-align: left;
1201
- }
1202
-
1203
- .acfb_left_timeline .acfb_timeline_inner::before{
1204
- content: " ";
1205
- height: 0;
1206
- position: absolute;
1207
- top: 22px;
1208
- width: 0;
1209
- z-index: 1;
1210
- left: 30px;
1211
- border: medium solid #f3f4f5;
1212
- border-width: 10px 10px 10px 0;
1213
- }
1214
-
1215
- .acfb_left_timeline .acfb_timeline_inner::after{
1216
- left: -12px;
1217
- }
1218
-
1219
- /* Center Timeline*/
1220
- .acfb_center_timeline{
1221
- position: relative;
1222
- }
1223
-
1224
- .acfb_center_timeline::after{
1225
- content: '';
1226
- position: absolute;
1227
- width: 4px;
1228
- top: 0;
1229
- bottom: 0;
1230
- left: 50%;
1231
- margin-left: -2px;
1232
- }
1233
-
1234
- .acfb_center_timeline .acfb_timeline_inner{
1235
- position: relative;
1236
- width: 50%;
1237
- }
1238
-
1239
- .acfb_center_timeline .acfb_timeline_inner::after{
1240
- content: '';
1241
- position: absolute;
1242
- width: 25px;
1243
- height: 25px;
1244
- right: -12px;
1245
- top: 15px;
1246
- border-radius: 50%;
1247
- z-index: 1;
1248
- }
1249
-
1250
- .acfb_center_timeline .acfb_timeline_inner .acfb_timeline_content{
1251
- position: relative;
1252
- }
1253
-
1254
- .acfb_center_timeline .acfb_timeline_inner:nth-child(odd){
1255
- left: 0;
1256
- padding: 10px 40px 10px 0px;
1257
- }
1258
-
1259
- .acfb_center_timeline .acfb_timeline_inner:nth-child(odd) .acfb_timeline_content{
1260
- text-align: right;
1261
- display: flex;
1262
- flex-direction: column;
1263
- align-items: flex-end;
1264
- }
1265
-
1266
- .acfb_center_timeline .acfb_timeline_inner:nth-child(odd)::before{
1267
- content: " ";
1268
- height: 0;
1269
- position: absolute;
1270
- top: 22px;
1271
- width: 0;
1272
- z-index: 1;
1273
- right: 30px;
1274
- border: medium solid #f3f4f5;
1275
- border-width: 10px 0 10px 10px;
1276
- }
1277
-
1278
- .acfb_center_timeline .acfb_timeline_inner:nth-child(even){
1279
- left: 50%;
1280
- padding: 10px 0px 10px 40px;
1281
- text-align: left;
1282
- }
1283
-
1284
- .acfb_center_timeline .acfb_timeline_inner:nth-child(even) .acfb_timeline_content{
1285
- text-align: left;
1286
- display: flex;
1287
- flex-direction: column;
1288
- align-items: flex-start;
1289
- }
1290
-
1291
- .acfb_center_timeline .acfb_timeline_inner:nth-child(even)::before{
1292
- content: " ";
1293
- height: 0;
1294
- position: absolute;
1295
- top: 22px;
1296
- width: 0;
1297
- z-index: 1;
1298
- left: 30px;
1299
- border: medium solid #f3f4f5;
1300
- border-width: 10px 10px 10px 0;
1301
- }
1302
-
1303
- .acfb_center_timeline .acfb_timeline_inner:nth-child(even)::after{
1304
- left: -12px;
1305
- }
1306
-
1307
- @media screen and (max-width: 767px) {
1308
- .acfb_center_timeline .acfb_timeline_inner .acfb_timeline_content{
1309
- text-align: left;
1310
- }
1311
-
1312
- .acfb_center_timeline .acfb_timeline_inner{
1313
- width: 100%;
1314
- }
1315
-
1316
- .acfb_center_timeline::after, .acfb_center_timeline .acfb_timeline_inner:nth-child(even){
1317
- left: 0;
1318
- }
1319
-
1320
- .acfb_center_timeline .acfb_timeline_inner:nth-child(odd), .acfb_center_timeline .acfb_timeline_inner:nth-child(even){
1321
- padding: 10px 0px 10px 40px;
1322
- }
1323
-
1324
- .acfb_center_timeline .acfb_timeline_inner::after{
1325
- left: -12px;
1326
- }
1327
-
1328
- .acfb_center_timeline .acfb_timeline_inner:nth-child(odd)::before{
1329
- left: 30px;
1330
- border-width: 10px 10px 10px 0px;
1331
- }
1332
- }
1333
-
1334
- /* Right Timeline*/
1335
- .acfb_right_timeline{
1336
- position: relative;
1337
- }
1338
-
1339
- .acfb_right_timeline::after{
1340
- content: '';
1341
- position: absolute;
1342
- width: 4px;
1343
- top: 0;
1344
- bottom: 0;
1345
- right: 0%;
1346
- margin-right: -1px;
1347
- }
1348
-
1349
- .acfb_right_timeline .acfb_timeline_inner{
1350
- position: relative;
1351
- }
1352
-
1353
- .acfb_right_timeline .acfb_timeline_inner::after{
1354
- content: '';
1355
- position: absolute;
1356
- width: 25px;
1357
- height: 25px;
1358
- right: -12px;
1359
- top: 15px;
1360
- border-radius: 50%;
1361
- z-index: 1;
1362
- }
1363
-
1364
- .acfb_right_timeline .acfb_timeline_inner .acfb_timeline_content{
1365
- padding: 20px 30px;
1366
- position: relative;
1367
- display: flex;
1368
- flex-direction: column;
1369
- align-items: flex-end;
1370
- }
1371
-
1372
- .acfb_right_timeline .acfb_timeline_inner{
1373
- left: 0;
1374
- padding: 10px 40px 10px 0px;
1375
- text-align: right;
1376
- }
1377
-
1378
- .acfb_right_timeline .acfb_timeline_inner::before{
1379
- content: " ";
1380
- height: 0;
1381
- position: absolute;
1382
- top: 22px;
1383
- width: 0;
1384
- z-index: 1;
1385
- right: 30px;
1386
- border: medium solid #f3f4f5;
1387
- border-width: 10px 0 10px 10px;
1388
- }
1389
-
1390
-
1391
-
1392
-
1393
-
1394
-
1395
-
1396
-
1397
-
1398
-
1399
-
1400
- /************ Image Accordion CSS ************/
1401
- .acfb_image_accordion{
1402
- display: -webkit-box;
1403
- display: -webkit-flex;
1404
- display: -ms-flexbox;
1405
- display: flex;
1406
- }
1407
-
1408
- .acfb_image_accordion_item{
1409
- cursor: pointer;
1410
- -webkit-background-size: cover;
1411
- background-size: cover;
1412
- background-position: center;
1413
- background-repeat: no-repeat;
1414
- position: relative;
1415
- -webkit-box-flex: 1;
1416
- -webkit-flex: 1;
1417
- -ms-flex: 1;
1418
- flex: 1;
1419
- text-decoration: none;
1420
- -webkit-transition: -webkit-box-flex .4s,-webkit-flex .4s;
1421
- transition: -webkit-box-flex .4s,-webkit-flex .4s;
1422
- -o-transition: flex .4s;
1423
- transition: flex .4s;
1424
- transition: flex .4s,-webkit-box-flex .4s,-webkit-flex .4s,-ms-flex .4s;
1425
- overflow: hidden;
1426
- }
1427
-
1428
-
1429
- .acfb_image_accordion_overlay{
1430
- display: -webkit-box;
1431
- display: -webkit-flex;
1432
- display: -ms-flexbox;
1433
- display: flex;
1434
- -webkit-box-align: center;
1435
- -webkit-align-items: center;
1436
- -ms-flex-align: center;
1437
- /*align-items: center;*/
1438
- -webkit-box-pack: center;
1439
- -webkit-justify-content: center;
1440
- -ms-flex-pack: center;
1441
- /*justify-content: center;*/
1442
- position: absolute;
1443
- top: 0;
1444
- right: 0;
1445
- bottom: 0;
1446
- left: 0;
1447
- -webkit-transition: background-color .4s;
1448
- -o-transition: background-color .4s;
1449
- transition: background-color .4s;
1450
- }
1451
-
1452
- .acfb_image_accordion_overlay .acfb_image_accordion_wrap{
1453
- z-index: 1;
1454
- /* display: flex;
1455
- flex-direction: column;
1456
- align-items: center;*/
1457
- visibility: hidden;
1458
- }
1459
-
1460
- ./*acfb_image_accordion_content{
1461
- text-align: center;
1462
- }*/
1463
-
1464
- .acfb_image_accordion_content .acfb_image_accordion_title{
1465
- margin: 0 !important;
1466
- }
1467
-
1468
- .acfb_image_accordion_wrap *{
1469
- visibility: hidden;
1470
- opacity: 0;
1471
- -webkit-transform-style: preserve-3d;
1472
- transform-style: preserve-3d;
1473
- }
1474
-
1475
- .acfb_image_accordion_title{
1476
- -webkit-transform: translate3d(0,-60px,0);
1477
- transform: translate3d(0,-60px,0);
1478
- margin: 0;
1479
- }
1480
-
1481
- .acfb_image_accordion_description{
1482
- -webkit-transform: translate3d(0,60px,0);
1483
- transform: translate3d(0,60px,0);
1484
- margin: 10px 0 15px 0;
1485
- }
1486
-
1487
- .acfb_image_accordion_content .acfb_image_accordion_button{
1488
- cursor: pointer;
1489
- padding: 10px 25px;
1490
- display: inline-block;
1491
- text-decoration: none;
1492
- -webkit-transform: translate3d(0,60px,0);
1493
- transform: translate3d(0,60px,0);
1494
- }
1495
-
1496
-
1497
- .acfb_image_accordion_active .acfb_image_accordion_wrap{
1498
- visibility: visible;
1499
- }
1500
-
1501
-
1502
- .acfb_image_accordion_active .acfb_image_accordion_wrap *{
1503
- opacity: 1;
1504
- visibility: visible;
1505
- transform: none;
1506
- transition: all .3s .3s;
1507
- }
1508
-
1509
-
1510
- @media screen and (max-width: 767px) {
1511
- .acfb_image_accordion {
1512
- flex-direction: column !important;
1513
- }
1514
-
1515
- .acfb_image_accordion .acfb_image_accordion_item{
1516
- margin: 0 0 10px 0 !important;
1517
- }
1518
-
1519
- .acfb_image_accordion .acfb_image_accordion_item:last-child{
1520
- margin-bottom: 0 !important;
1521
- }
1522
- }
1523
-
1524
-
1525
-
1526
-
1527
-
1528
-
1529
-
1530
-
1531
-
1532
-
1533
-
1534
-
1535
-
1536
- /************ Call to Action CSS ************/
1537
- .acfb_call_to_action_block .acfb_cta_skin_classic .acfb_cta{
1538
- -ms-flex-wrap: wrap;
1539
- flex-wrap: wrap;
1540
- }
1541
-
1542
- .acfb_call_to_action_block .acfb_cta_skin_cover .acfb_cta{
1543
- display: block;
1544
- }
1545
-
1546
- .acfb_call_to_action_block .acfb_cta{
1547
- position: relative;
1548
- display: -webkit-box;
1549
- display: -ms-flexbox;
1550
- display: flex;
1551
- -webkit-transition: .5s;
1552
- -o-transition: .5s;
1553
- transition: .5s;
1554
- overflow: hidden;
1555
- }
1556
-
1557
- .acfb_call_to_action_block .acfb_cta_skin_classic .acfb_cta_bg_wrapper{
1558
- position: relative;
1559
- min-height: 200px;
1560
- width: 100%;
1561
- }
1562
-
1563
- .acfb_call_to_action_block .acfb_cta_skin_cover .acfb_cta_bg_wrapper{
1564
- position: absolute;
1565
- top: 0;
1566
- left: 0;
1567
- right: 0;
1568
- bottom: 0;
1569
- -webkit-transition: all .4s;
1570
- -o-transition: all .4s;
1571
- transition: all .4s;
1572
- width: 100%;
1573
- }
1574
-
1575
- .acfb_call_to_action_block .acfb_cta_bg_wrapper{
1576
- z-index: 1;
1577
- overflow: hidden;
1578
- }
1579
-
1580
- .acfb_call_to_action_block .acfb_cta_bg{
1581
- transition-duration: 1500ms;
1582
- -webkit-background-size: cover;
1583
- background-size: cover;
1584
- background-position: 50%;
1585
- z-index: 1;
1586
- will-change: transform;
1587
- position: absolute;
1588
- top: 0;
1589
- left: 0;
1590
- right: 0;
1591
- bottom: 0;
1592
- -webkit-transition: all .4s;
1593
- -o-transition: all .4s;
1594
- transition: all .4s;
1595
- }
1596
-
1597
- .acfb_call_to_action_block .acfb_cta_bg_overlay{
1598
- transition-duration: 1500ms;
1599
- z-index: 2;
1600
- position: absolute;
1601
- top: 0;
1602
- left: 0;
1603
- right: 0;
1604
- bottom: 0;
1605
- -webkit-transition: all .4s;
1606
- -o-transition: all .4s;
1607
- transition: all .4s;
1608
- }
1609
-
1610
- .acfb_call_to_action_block .acfb_cta_skin_classic .acfb_cta_content{
1611
- -webkit-transition: all .4s;
1612
- -o-transition: all .4s;
1613
- transition: all .4s;
1614
- width: 100%;
1615
- }
1616
-
1617
- .acfb_call_to_action_block .acfb_cta_content{
1618
- position: relative;
1619
- -webkit-transition: .5s;
1620
- -o-transition: .5s;
1621
- transition: .5s;
1622
- color: black;
1623
- z-index: 1;
1624
- overflow: hidden;
1625
- display: -webkit-box;
1626
- display: -ms-flexbox;
1627
- display: flex;
1628
- -ms-flex-wrap: wrap;
1629
- flex-wrap: wrap;
1630
- -webkit-box-align: center;
1631
- -ms-flex-align: center;
1632
- -ms-flex-line-pack: center;
1633
- /*align-content: center;*/
1634
- width: 100%;
1635
- flex-direction: column;
1636
- }
1637
-
1638
- .acfb_call_to_action_block .acfb_cta_button{
1639
- cursor: pointer;
1640
- padding: 10px 25px;
1641
- display: inline-block;
1642
- text-decoration: none;
1643
- }
1644
-
1645
- .acfb_call_to_action_block .acfb_cta_ribbon_wrap{
1646
- position: absolute;
1647
- z-index: 1;
1648
- top: 0;
1649
- left: auto;
1650
- right: 0;
1651
- -webkit-transform: rotate(90deg);
1652
- -ms-transform: rotate(90deg);
1653
- transform: rotate(90deg);
1654
- width: 150px;
1655
- overflow: hidden;
1656
- height: 150px;
1657
- }
1658
-
1659
- .acfb_call_to_action_block .acfb_cta_ribbon_left{
1660
- -webkit-transform: rotate(0);
1661
- -ms-transform: rotate(0);
1662
- transform: rotate(0);
1663
- left: 0;
1664
- right: auto;
1665
- }
1666
-
1667
- .acfb_call_to_action_block .acfb_cta_ribbon_right{
1668
- -webkit-transform: rotate(90deg);
1669
- -ms-transform: rotate(90deg);
1670
- transform: rotate(90deg);
1671
- left: auto;
1672
- right: 0;
1673
- }
1674
-
1675
- .acfb_call_to_action_block .acfb_cta_ribbon{
1676
- font-weight: 500;
1677
- text-align: center;
1678
- left: 0;
1679
- width: 200%;
1680
- -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
1681
- -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
1682
- transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
1683
- margin-top: 35px;
1684
- font-size: 13px;
1685
- line-height: 2;
1686
- font-weight: 800;
1687
- text-transform: uppercase;
1688
- }
1689
-
1690
-
1691
- .acfb_call_to_action_block .acfb_cta_image_left .acfb_cta{
1692
- -webkit-box-orient: horizontal;
1693
- -webkit-box-direction: normal;
1694
- -ms-flex-direction: row;
1695
- flex-direction: row;
1696
- }
1697
-
1698
- .acfb_call_to_action_block .acfb_cta_image_right .acfb_cta{
1699
- -webkit-box-orient: horizontal;
1700
- -webkit-box-direction: reverse;
1701
- flex-direction: row-reverse;
1702
- }
1703
-
1704
- .acfb_call_to_action_block .acfb_cta_image_left .acfb_cta, .acfb_call_to_action_block .acfb_cta_image_right .acfb_cta{
1705
- -ms-flex-wrap: nowrap;
1706
- flex-wrap: nowrap;
1707
- }
1708
-
1709
- .acfb_call_to_action_block .acfb_cta_image_left .acfb_cta_bg_wrapper, .acfb_call_to_action_block .acfb_cta_image_right .acfb_cta_bg_wrapper{
1710
- width: auto;
1711
- min-width: 50%;
1712
- }
1713
-
1714
- .acfb_call_to_action_block:hover .acfb_cta_bg{
1715
- -webkit-transform: scale(1.2);
1716
- -ms-transform: scale(1.2);
1717
- transform: scale(1.2);
1718
- }
1719
-
1720
- .acfb_call_to_action_block .acfb_cta_item{
1721
- transition-duration: 1000ms;
1722
- }
1723
-
1724
- .acfb_call_to_action_block .acfb_cta_skin_cover .acfb_cta_content{
1725
- /*pointer-events: none;*/
1726
- }
1727
-
1728
- .acfb_call_to_action_block .acfb_cta_skin_cover .acfb_cta_content:hover .acfb_cta_item{
1729
- -webkit-transform: scale(1.1);
1730
- -ms-transform: scale(1.1);
1731
- transform: scale(1.1);
1732
- }
1733
-
1734
- .acfb_call_to_action_block .acfb_cta_item, .acfb_call_to_action_block .acfb_cta_item p{
1735
- margin: 0 0 10px 0;
1736
- display: inline-block;
1737
- }
1738
-
1739
-
1740
-
1741
-
1742
-
1743
-
1744
-
1745
-
1746
-
1747
-
1748
-
1749
-
1750
-
1751
-
1752
-
1753
-
1754
-
1755
-
1756
- /************ Before After Image CSS ************/
1757
-
1758
-
1759
-
1760
-
1761
-
1762
-
1763
-
1764
-
1765
-
1766
-
1767
-
1768
-
1769
- /************ Image Hotspot CSS ************/
1770
- .acfb_ih_wrapper{
1771
- position: relative;
1772
- }
1773
-
1774
- .acfb_ih_wrapper .acfb_ih_image{
1775
- width: 100%;
1776
- }
1777
-
1778
- .acfb_ih_item {
1779
- position: absolute;
1780
- }
1781
-
1782
- .acfb_ih_item .acfb_ih_tooltip h4{
1783
- margin: 0;
1784
- }
1785
-
1786
- .acfb_ih_item .acfb_ih_tooltip p{
1787
- margin: 10px 0;
1788
- }
1789
-
1790
- .acfb_ih_item:hover, .acfb_ih_item:active {
1791
- z-index: 999;
1792
- }
1793
- .acfb_ih_item:hover .acfb_ih_tooltip, .acfb_ih_item:active .acfb_ih_tooltip {
1794
- display: block;
1795
- }
1796
-
1797
- .acfb_ih_item:hover .acfb_ih_pointer:after, .acfb_ih_item:active .acfb_ih_pointer:after {
1798
- border-color: transparent;
1799
- }
1800
- .acfb_ih_pointer {
1801
- padding: 0px;
1802
- border-radius: 100%;
1803
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
1804
- z-index: 999;
1805
- cursor: pointer;
1806
- }
1807
- .acfb_ih_pointer:after {
1808
- position: absolute;
1809
- top: 50%;
1810
- left: 50%;
1811
- transform: translate(-50%, -50%) scale(1, 1);
1812
- pointer-events: none;
1813
- content: "";
1814
- display: block;
1815
- border-radius: 100%;
1816
- opacity: 0;
1817
- transition: border-color 1s linear;
1818
- animation: button-pulse 4s linear infinite;
1819
- }
1820
- .acfb_ih_tooltip {
1821
- position: absolute;
1822
- padding: 15px;
1823
- background-color: white;
1824
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
1825
- z-index: -1;
1826
- display: none;
1827
- transition: opacity 0.1s linear;
1828
- }
1829
- .acfb_ih_tooltip h4, .acfb_ih_tooltip p, .acfb_ih_tooltip img {
1830
- margin: 0 0 10px 0;
1831
- }
1832
-
1833
- .acfb_ih_tooltip a {
1834
- cursor: pointer;
1835
- padding: 10px 25px;
1836
- display: inline-block;
1837
- text-decoration: none;
1838
- }
1839
-
1840
- .acfb_ih_tooltip:after{
1841
- height: 20px;
1842
- width: 20px;
1843
- -webkit-transform: rotate(45deg);
1844
- transform: rotate(45deg);
1845
- content: "";
1846
- display: block;
1847
- position: absolute;
1848
- background-size: cover;
1849
- }
1850
-
1851
- /* Tooltip Positions */
1852
- .acfb_ih_top {
1853
- -webkit-transform: translate(-50%,0px);
1854
- transform: translate(-50%,0px);
1855
- margin: 0 -400px 10px 0;
1856
- bottom: 110%;
1857
- left: 50%;
1858
- }
1859
-
1860
- .acfb_ih_top:after{
1861
- bottom: -10px;
1862
- left: 50%;
1863
- margin-left: -12px;
1864
- }
1865
-
1866
-
1867
- .acfb_ih_bottom {
1868
- -webkit-transform: translate(-50%,0px);
1869
- transform: translate(-50%,0px);
1870
- margin: 10px -400px 0 0;
1871
- top: 110%;
1872
- left: 50%;
1873
- }
1874
-
1875
- .acfb_ih_bottom:after{
1876
- top: -10px;
1877
- left: 50%;
1878
- margin-left: -12px;
1879
- }
1880
-
1881
-
1882
- .acfb_ih_left {
1883
- -webkit-transform: translate(0px,-50%);
1884
- transform: translate(0px,-50%);
1885
- margin: 0 10px 0 -400px;
1886
- top: 50%;
1887
- right: 110%;
1888
- }
1889
-
1890
- .acfb_ih_left:after{
1891
- top: 50%;
1892
- right: -10px;
1893
- margin-top: -8px;
1894
- }
1895
-
1896
-
1897
- .acfb_ih_right {
1898
- -webkit-transform: translate(0px,-50%);
1899
- transform: translate(0px,-50%);
1900
- margin: 0 -400px 0 10px;
1901
- top: 50%;
1902
- left: 110%;
1903
- }
1904
-
1905
- .acfb_ih_right:after{
1906
- top: 50%;
1907
- left: -10px;
1908
- margin-top: -8px;
1909
- }
1910
-
1911
-
1912
-
1913
-
1914
-
1915
- @keyframes button-pulse {
1916
- 0% {
1917
- transform: translate(-50%, -50%) scale(1, 1);
1918
- opacity: 0;
1919
- }
1920
- 20% {
1921
- transform: translate(-50%, -50%) scale(1.5, 1.5);
1922
- opacity: 0.9;
1923
- }
1924
- 50% {
1925
- transform: translate(-50%, -50%) scale(2, 2);
1926
- opacity: 0;
1927
- }
1928
- 100% {
1929
- transform: translate(-50%, -50%) scale(2, 2);
1930
- opacity: 0;
1931
- }
1932
- }
1933
-
1934
-
1935
-
1936
-
1937
-
1938
-
1939
- /************ Devices CSS ************/
1940
- /* Laptop Device */
1941
- .acfb_device_block{
1942
- display: flex;
1943
- }
1944
-
1945
- .acfb_device_type_laptop .acfb_device{
1946
- position: relative;
1947
- }
1948
-
1949
- .acfb_device_type_laptop .acfb_device_body svg{
1950
- display: block;
1951
- transform: rotate(0deg);
1952
- }
1953
-
1954
- .acfb_device_type_laptop .acfb_device_media{
1955
- position: absolute;
1956
- top: 6%;
1957
- width: 76%;
1958
- height: 84%;
1959
- left: 50%;
1960
- transition: all 0.3s cubic-bezier(.42,0,.2,1);
1961
- border-radius: 3px;
1962
- transform: translateX(-50%);
1963
- /*background: rgba(255,255,255,.2);*/
1964
- overflow: hidden;
1965
- display: -ms-flexbox;
1966
- display: flex;
1967
- border-radius: 3px;
1968
- transition: all 0.3s cubic-bezier(.42,0,.2,1);
1969
- z-index: 2;
1970
- align-items: flex-start;
1971
- flex-direction: row;
1972
- }
1973
-
1974
-
1975
- .acfb_device_type_laptop .acfb_device_media img{
1976
- width: 100%;
1977
- height: 100%;
1978
- object-fit: cover;
1979
- }
1980
-
1981
-
1982
- /* Tablet Device */
1983
- .acfb_device_type_tablet .acfb_device{
1984
- position: relative;
1985
- }
1986
-
1987
- .acfb_device_type_tablet .acfb_device_body svg{
1988
- display: block;
1989
- transform: rotate(0deg);
1990
- transition: all 0.3s cubic-bezier(.42,0,.2,1);
1991
- }
1992
-
1993
- .acfb_device_type_tablet .acfb_device_media{
1994
- position: absolute;
1995
- top: 7%;
1996
- left: 50%;
1997
- bottom: 38%;
1998
- transition: all 0.3s cubic-bezier(.42,0,.2,1);
1999
- transform: translateX(-50%);
2000
- width: 90.69767%;
2001
- height: 84%;
2002
- background: rgba(255,255,255,.2);
2003
- overflow: hidden;
2004
- display: -ms-flexbox;
2005
- display: flex;
2006
- border-radius: 3px;
2007
- transition: all 0.3s cubic-bezier(.42,0,.2,1);
2008
- z-index: 2;
2009
- align-items: flex-start;
2010
- flex-direction: row;
2011
- }
2012
-
2013
- .acfb_device_type_tablet .acfb_device_media img{
2014
- width: 100%;
2015
- height: 100%;
2016
- object-fit: cover;
2017
- }
2018
-
2019
-
2020
- /* Mobile Device */
2021
- .acfb_device_type_mobile .acfb_device{
2022
- position: relative;
2023
- }
2024
-
2025
- .acfb_device_type_mobile .acfb_device_body svg{
2026
- display: block;
2027
- transform: rotate(0deg);
2028
- }
2029
-
2030
- .acfb_device_type_mobile .acfb_device_media{
2031
- position: absolute;
2032
- left: 50%;
2033
- transition: all 0.3s cubic-bezier(.42,0,.2,1);
2034
- border-radius: 3px;
2035
- transform: translateX(-50%);
2036
- background: rgba(255,255,255,.2);
2037
- overflow: hidden;
2038
- display: -ms-flexbox;
2039
- display: flex;
2040
- border-radius: 3px;
2041
- transition: all 0.3s cubic-bezier(.42,0,.2,1);
2042
- z-index: 2;
2043
- align-items: flex-start;
2044
- flex-direction: row;
2045
- top: 11.7%;
2046
- bottom: 12%;
2047
- width: 88.80866%;
2048
- transform: translateX(-50%);
2049
- }
2050
-
2051
- .acfb_device_type_mobile .acfb_device_media img{
2052
- width: 100%;
2053
- height: 100%;
2054
- object-fit: cover;
2055
- }
2056
-
2057
-
2058
-
2059
-
2060
- /************ Shape Divider CSS ************/
2061
- .acfb_shape_divider_block .acfb_shape_divider{
2062
- overflow: hidden;
2063
- }
2064
-
2065
- .acfb_shape_divider_block .acfb_shape_divider svg{
2066
- display: block;
2067
- position: relative;
2068
- /* left: 0%;
2069
- -webkit-transform: translateX(-50%);
2070
- -ms-transform: translateX(-50%);
2071
- transform: translateX(-50%);*/
2072
- }
2073
-
2074
- .acfb_shape_divider_block .acfb_shape_divider{
2075
- bottom: -1px;
2076
- }
2077
-
2078
- /*.acfb_shape_divider_block .acfb_shape_divider svg{
2079
- transform: translateX(-50%) rotateY(180deg);
2080
- }*/
2081
-
2082
- .acfb_shape_divider_block .acfb_shape_top{
2083
- transform: rotateX(-180deg);
2084
- }
2085
-
2086
-
2087
-
2088
-
2089
-
2090
- /************ Post Ticker CSS ************/
2091
- .acfb_post_ticker{
2092
- display: flex;
2093
- overflow: hidden;
2094
- }
2095
-
2096
- .acfb_post_ticker .acfb_post_ticker_heading{
2097
- display: flex;
2098
- flex-direction: row;
2099
- flex-shrink: 0;
2100
- align-items: center;
2101
- padding: 10px 15px;
2102
- position: relative;
2103
- }
2104
-
2105
- .acfb_post_ticker .acfb_post_ticker_heading:after {
2106
- content: '';
2107
- position: absolute;
2108
- right: -20px;
2109
- border: 10px solid transparent;
2110
- top: 50%;
2111
- transform: translateY(-50%);
2112
- }
2113
-
2114
- .acfb_post_ticker .acfb_post_ticker_wrap{
2115
- display: flex;
2116
- align-items: center;
2117
- overflow: hidden;
2118
- padding: 10px 15px;
2119
- }
2120
-
2121
- .acfb_post_ticker .acfb_post_ticker_wrap .acfb_ptt{
2122
- text-decoration: none;
2123
- }
2124
-
2125
- /*
2126
- .acfb_post_ticker .acfb_post_ticker_wrap .swiper-container{
2127
- display: grid;
2128
- grid-template-columns: 90% 10%;
2129
- }
2130
-
2131
- .acfb_post_ticker .acfb_post_ticker_wrap .acfb_post_ticker_navigation{
2132
- align-items: center;
2133
- padding-left: 10px;
2134
- padding-right: 10px;
2135
- justify-content: center;
2136
- position: relative;
2137
- }
2138
-
2139
- .acfb_post_ticker .swiper-container .acfb-ticker-button-next, .acfb_post_ticker .swiper-container .acfb-ticker-button-prev{
2140
- position: absolute;
2141
- width: 20px;
2142
- z-index: 10;
2143
- cursor: pointer;
2144
- }
2145
-
2146
- .acfb_post_ticker .swiper-container .acfb-ticker-button-next{
2147
- right: 0;
2148
- }
2149
-
2150
- .acfb_post_ticker .swiper-container .acfb-ticker-button-prev{
2151
- left: 0;
2152
- }
2153
- */
2154
-
2155
-
2156
- /************ Post Tiled CSS ************/
2157
- .acfb_posts_tiled_block .acfb_post_tiled_item .acfb_post_tiled_title,
2158
- .acfb_posts_tiled_block .acfb_post_tiled_item .acfb_post_tiled_meta,
2159
- .acfb_posts_tiled_block .acfb_post_tiled_item .acfb_post_tiled_excerpt,
2160
- .acfb_posts_tiled_block .acfb_post_tiled_item .acfb_post_tiled_button {
2161
- margin-bottom: 15px;
2162
- }
2163
-
2164
- .acfb_posts_tiled_block .acfb_post_tiled_item .acfb_post_tiled_title h1,
2165
- .acfb_posts_tiled_block .acfb_post_tiled_item .acfb_post_tiled_title h2,
2166
- .acfb_posts_tiled_block .acfb_post_tiled_item .acfb_post_tiled_title h3,
2167
- .acfb_posts_tiled_block .acfb_post_tiled_item .acfb_post_tiled_title h4,
2168
- .acfb_posts_tiled_block .acfb_post_tiled_item .acfb_post_tiled_title h5,
2169
- .acfb_posts_tiled_block .acfb_post_tiled_item .acfb_post_tiled_title h6 {
2170
- margin: 0;
2171
- }
2172
-
2173
- .acfb_posts_tiled_block .acfb_post_tiled_item div:nth-last-of-type(1) {
2174
- margin-bottom: 0;
2175
- }
2176
-
2177
-
2178
- .acfb_posts_tiled_block .acfb_post_tiled_grid {
2179
- display: grid;
2180
- grid-gap: 10px;
2181
- }
2182
-
2183
- .acfb_posts_tiled_block .acfb_post_tiled_grid .acfb_post_tiled_item .acfb_post_tiled_item_inner{
2184
- background-size: cover !important;
2185
- background-position: center !important;
2186
- display: grid;
2187
- }
2188
-
2189
-
2190
- .acfb_posts_tiled_block .acfb_post_tiled_2 {
2191
- grid-template-columns: 1fr 1fr;
2192
- }
2193
-
2194
- .acfb_posts_tiled_block .acfb_post_tiled_3 {
2195
- grid-template-columns: 1fr 1fr 1fr;
2196
- }
2197
-
2198
- .acfb_posts_tiled_block .acfb_post_tiled_4 {
2199
- grid-template-columns: 1fr 1fr 1fr 1fr;
2200
- }
2201
-
2202
- .acfb_posts_tiled_block .acfb_post_tiled_5 {
2203
- grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
2204
- }
2205
-
2206
- .acfb_posts_tiled_block .acfb_post_tiled_6 {
2207
- grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
2208
- }
2209
-
2210
- .acfb_posts_tiled_block .acfb_post_tiled_collage .acfb_post_tiled_item .acfb_post_tiled_item_inner{
2211
- background-size: cover !important;
2212
- background-position: center !important;
2213
- padding: 15px;
2214
- display: grid;
2215
- height: 100%;
2216
- }
2217
-
2218
- .acfb_posts_tiled_block .acfb_post_collage_three_grid_style_one{
2219
- display: grid;
2220
- grid-gap: 10px;
2221
- grid-template-columns: 1fr 1fr;
2222
- grid-template-rows: 1fr 1fr;
2223
- grid-template-areas: "one two" "one three";
2224
- }
2225
-
2226
- .acfb_posts_tiled_block .acfb_post_collage_three_grid_style_one .acfb_post_tiled_item_1{ grid-area: one; }
2227
- .acfb_posts_tiled_block .acfb_post_collage_three_grid_style_one .acfb_post_tiled_item_2{ grid-area: two; }
2228
- .acfb_posts_tiled_block .acfb_post_collage_three_grid_style_one .acfb_post_tiled_item_3{ grid-area: three; }
2229
-
2230
- .acfb_posts_tiled_block .acfb_post_collage_four_grid_style_one{
2231
- display: grid;
2232
- grid-gap: 10px;
2233
- grid-template-columns: 1fr 1fr 1fr 1fr;
2234
- grid-template-rows: 1fr 1fr 1fr 1fr;
2235
- grid-template-areas: "one one two two" "one one two two" "one one three four" "one one three four";
2236
- }
2237
-
2238
- .acfb_posts_tiled_block .acfb_post_collage_four_grid_style_one .acfb_post_tiled_item_1{ grid-area: one; }
2239
- .acfb_posts_tiled_block .acfb_post_collage_four_grid_style_one .acfb_post_tiled_item_2{ grid-area: two; }
2240
- .acfb_posts_tiled_block .acfb_post_collage_four_grid_style_one .acfb_post_tiled_item_3{ grid-area: three; }
2241
- .acfb_posts_tiled_block .acfb_post_collage_four_grid_style_one .acfb_post_tiled_item_4{ grid-area: four; }
2242
-
2243
-
2244
- .acfb_posts_tiled_block .acfb_post_collage_four_grid_style_two{
2245
- display: grid;
2246
- grid-gap: 10px;
2247
- grid-template-columns: 1fr 1fr 1fr 1fr;
2248
- grid-template-rows: 1fr 1fr 1fr 1fr;
2249
- grid-template-areas: "one one two three" "one one two three" "one one two four" "one one two four";
2250
- }
2251
-
2252
- .acfb_posts_tiled_block .acfb_post_collage_four_grid_style_two .acfb_post_tiled_item_1{ grid-area: one; }
2253
- .acfb_posts_tiled_block .acfb_post_collage_four_grid_style_two .acfb_post_tiled_item_2{ grid-area: two; }
2254
- .acfb_posts_tiled_block .acfb_post_collage_four_grid_style_two .acfb_post_tiled_item_3{ grid-area: three; }
2255
- .acfb_posts_tiled_block .acfb_post_collage_four_grid_style_two .acfb_post_tiled_item_4{ grid-area: four; }
2256
-
2257
-
2258
-
2259
-
2260
- .acfb_posts_tiled_block .acfb_post_collage_five_grid_style_one{
2261
- display: grid;
2262
- grid-gap: 10px;
2263
- grid-template-columns: 1fr 1fr 1fr;
2264
- grid-template-rows: 1fr 1fr;
2265
- grid-template-areas: "one three four" "two three five";
2266
- }
2267
-
2268
- .acfb_posts_tiled_block .acfb_post_collage_five_grid_style_one .acfb_post_tiled_item_1{ grid-area: one; }
2269
- .acfb_posts_tiled_block .acfb_post_collage_five_grid_style_one .acfb_post_tiled_item_2{ grid-area: two; }
2270
- .acfb_posts_tiled_block .acfb_post_collage_five_grid_style_one .acfb_post_tiled_item_3{ grid-area: three; }
2271
- .acfb_posts_tiled_block .acfb_post_collage_five_grid_style_one .acfb_post_tiled_item_4{ grid-area: four; }
2272
- .acfb_posts_tiled_block .acfb_post_collage_five_grid_style_one .acfb_post_tiled_item_5{ grid-area: five; }
2273
-
2274
-
2275
-
2276
- .acfb_posts_tiled_block .acfb_post_collage_five_grid_style_two{
2277
- display: grid;
2278
- grid-gap: 10px;
2279
- grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
2280
- grid-template-rows: 1fr 1fr;
2281
- grid-template-areas: "one one one two two two" "three three four four five five";
2282
- }
2283
-
2284
- .acfb_posts_tiled_block .acfb_post_collage_five_grid_style_two .acfb_post_tiled_item_1{ grid-area: one; }
2285
- .acfb_posts_tiled_block .acfb_post_collage_five_grid_style_two .acfb_post_tiled_item_2{ grid-area: two; }
2286
- .acfb_posts_tiled_block .acfb_post_collage_five_grid_style_two .acfb_post_tiled_item_3{ grid-area: three; }
2287
- .acfb_posts_tiled_block .acfb_post_collage_five_grid_style_two .acfb_post_tiled_item_4{ grid-area: four; }
2288
- .acfb_posts_tiled_block .acfb_post_collage_five_grid_style_two .acfb_post_tiled_item_5{ grid-area: five; }
2289
-
2290
-
2291
-
2292
-
2293
- .acfb_posts_tiled_block .acfb_post_collage_five_grid_style_three{
2294
- display: grid;
2295
- grid-gap: 10px;
2296
- grid-template-columns: 1fr 1fr 1fr 1fr;
2297
- grid-template-rows: 1fr 1fr;
2298
- grid-template-areas: "one one two three" "one one four five";
2299
- }
2300
-
2301
- .acfb_posts_tiled_block .acfb_post_collage_five_grid_style_three .acfb_post_tiled_item_1{ grid-area: one; }
2302
- .acfb_posts_tiled_block .acfb_post_collage_five_grid_style_three .acfb_post_tiled_item_2{ grid-area: two; }
2303
- .acfb_posts_tiled_block .acfb_post_collage_five_grid_style_three .acfb_post_tiled_item_3{ grid-area: three; }
2304
- .acfb_posts_tiled_block .acfb_post_collage_five_grid_style_three .acfb_post_tiled_item_4{ grid-area: four; }
2305
- .acfb_posts_tiled_block .acfb_post_collage_five_grid_style_three .acfb_post_tiled_item_5{ grid-area: five; }
2306
-
2307
-
2308
-
2309
-
2310
- @media screen and (max-width: 767px) {
2311
- .acfb_posts_tiled_block .acfb_post_tiled_grid{
2312
- grid-template-columns: 100%;
2313
- }
2314
-
2315
- .acfb_posts_tiled_block .acfb_post_collage_three_grid_style_one{
2316
- grid-template-columns: 1fr;
2317
- grid-template-rows: 1fr;
2318
- grid-template-areas:
2319
- "one"
2320
- "two"
2321
- "three";
2322
- }
2323
-
2324
- .acfb_posts_tiled_block .acfb_post_collage_four_grid_style_one,
2325
- .acfb_posts_tiled_block .acfb_post_collage_four_grid_style_two{
2326
- grid-template-columns: 1fr;
2327
- grid-template-rows: 1fr;
2328
- grid-template-areas:
2329
- "one"
2330
- "two"
2331
- "three"
2332
- "four";
2333
- }
2334
-
2335
- .acfb_posts_tiled_block .acfb_post_collage_five_grid_style_one,
2336
- .acfb_posts_tiled_block .acfb_post_collage_five_grid_style_two,
2337
- .acfb_posts_tiled_block .acfb_post_collage_five_grid_style_three{
2338
- grid-template-columns: 1fr;
2339
- grid-template-rows: 1fr;
2340
- grid-template-areas:
2341
- "one"
2342
- "two"
2343
- "three"
2344
- "four"
2345
- "five";
2346
- }
2347
-
2348
-
2349
- }
2350
-
2351
-
2352
-
2353
-
2354
-
2355
-
2356
-
2357
-
2358
-
2359
- /************ Post Timeline CSS ************/
2360
- .acfb_post_timeline_block .acfb_post_timeline .acfb_post_timeline_content img{
2361
- height: auto;
2362
- }
2363
-
2364
- .acfb_post_timeline_block .acfb_post_timeline_thumbnail,
2365
- .acfb_post_timeline_block .acfb_post_timeline_title,
2366
- .acfb_post_timeline_block .acfb_post_timeline_meta,
2367
- .acfb_post_timeline_block .acfb_post_timeline_excerpt,
2368
- .acfb_post_timeline_block .acfb_post_timeline_button {
2369
- margin: 10px 0 !important;
2370
- }
2371
-
2372
- .acfb_post_timeline_block .acfb_post_timeline_title h1,
2373
- .acfb_post_timeline_block .acfb_post_timeline_title h2,
2374
- .acfb_post_timeline_block .acfb_post_timeline_title h3,
2375
- .acfb_post_timeline_block .acfb_post_timeline_title h4,
2376
- .acfb_post_timeline_block .acfb_post_timeline_title h5,
2377
- .acfb_post_timeline_block .acfb_post_timeline_title h6 {
2378
- margin: 0;
2379
- }
2380
-
2381
-
2382
- .acfb_post_timeline_center .acfb_post_timeline_inner:nth-child(odd) .acfb_posts_opposite_elements{
2383
- position: absolute;
2384
- right: -100%;
2385
- top: 0;
2386
- width: 100%;
2387
- padding: 10px 0px 10px 40px;
2388
- text-align: left;
2389
- }
2390
-
2391
-
2392
- .acfb_post_timeline_center .acfb_post_timeline_inner:nth-child(odd) .acfb_posts_opposite_elements .acfb_posts_opposite_elements_inner::before{
2393
- content: " ";
2394
- height: 0;
2395
- position: absolute;
2396
- top: 22px;
2397
- width: 0;
2398
- z-index: 1;
2399
- left: 30px;
2400
- border-style: solid;
2401
- border-width: 10px 10px 10px 0;
2402
- }
2403
-
2404
- .acfb_post_timeline_center .acfb_post_timeline_inner:nth-child(even) .acfb_posts_opposite_elements{
2405
- position: absolute;
2406
- left: -100%;
2407
- top: 0;
2408
- width: 100%;
2409
- padding: 10px 40px 10px 0px;
2410
- text-align: right;
2411
- }
2412
-
2413
- .acfb_post_timeline_center .acfb_post_timeline_inner:nth-child(even) .acfb_posts_opposite_elements .acfb_posts_opposite_elements_inner::before{
2414
- content: " ";
2415
- height: 0;
2416
- position: absolute;
2417
- top: 22px;
2418
- width: 0;
2419
- z-index: 1;
2420
- right: 30px;
2421
- border-style: solid;
2422
- border-width: 10px 0 10px 10px;
2423
- }
2424
-
2425
- .acfb_post_timeline_center .acfb_post_timeline_inner .acfb_posts_opposite_elements .acfb_posts_opposite_elements_inner{
2426
- padding: 20px 30px;
2427
- }
2428
-
2429
- .acfb_post_timeline_center {
2430
- position: relative;
2431
- }
2432
-
2433
- .acfb_post_timeline_center::after {
2434
- background: #e0e0e0;
2435
- }
2436
-
2437
- .acfb_post_timeline_center::after {
2438
- content: '';
2439
- position: absolute;
2440
- width: 6px;
2441
- top: 0;
2442
- bottom: 0;
2443
- left: 50%;
2444
- margin-left: -3px;
2445
- }
2446
-
2447
- .acfb_post_timeline_center .acfb_post_timeline_inner {
2448
- position: relative;
2449
- width: 50%;
2450
- }
2451
-
2452
- .acfb_post_timeline_center .acfb_post_timeline_inner:nth-child(odd) {
2453
- left: 0;
2454
- padding: 10px 40px 10px 0px;
2455
- text-align: right;
2456
- }
2457
-
2458
-
2459
- .acfb_post_timeline_center .acfb_post_timeline_inner:nth-child(even) {
2460
- left: 50%;
2461
- padding: 10px 0px 10px 40px;
2462
- text-align: left;
2463
- }
2464
-
2465
- .acfb_post_timeline_center .acfb_post_timeline_inner:nth-child(odd)::before{
2466
- content: " ";
2467
- height: 0;
2468
- position: absolute;
2469
- top: 22px;
2470
- width: 0;
2471
- z-index: 1;
2472
- right: 30px;
2473
- border-style: solid;
2474
- border-width: 10px 0 10px 10px;
2475
- }
2476
-
2477
- .acfb_post_timeline_center .acfb_post_timeline_inner:nth-child(even)::after {
2478
- left: -12px;
2479
- }
2480
-
2481
- .acfb_post_timeline_center .acfb_post_timeline_inner:nth-child(even)::before {
2482
- content: " ";
2483
- height: 0;
2484
- position: absolute;
2485
- top: 22px;
2486
- width: 0;
2487
- z-index: 1;
2488
- left: 30px;
2489
- border-style: solid;
2490
- border-width: 10px 10px 10px 0;
2491
- }
2492
-
2493
- .acfb_post_timeline_center .acfb_post_timeline_inner::after{
2494
- content: '';
2495
- position: absolute;
2496
- width: 25px;
2497
- height: 25px;
2498
- right: -12px;
2499
- top: 15px;
2500
- border-radius: 50%;
2501
- z-index: 1;
2502
- background: #f3f4f5;
2503
- border: 4px solid #191e23;
2504
- }
2505
-
2506
- .acfb_post_timeline_center .acfb_post_timeline_inner .acfb_post_timeline_content{
2507
- padding: 20px 30px;
2508
- position: relative;
2509
- }
2510
-
2511
-
2512
-
2513
-
2514
- /*********** Left Post Timeline ************/
2515
- .acfb_post_timeline_left .acfb_post_timeline_inner .acfb_posts_opposite_elements{
2516
- padding-bottom: 10px;
2517
- }
2518
-
2519
- .acfb_post_timeline_left .acfb_post_timeline_inner .acfb_posts_opposite_elements .acfb_posts_opposite_elements_inner::before{
2520
- content: " ";
2521
- height: 0;
2522
- position: absolute;
2523
- top: 22px;
2524
- width: 0;
2525
- z-index: 1;
2526
- left: 30px;
2527
- border-style: solid;
2528
- border-width: 10px 10px 10px 0;
2529
- }
2530
-
2531
- .acfb_post_timeline_left .acfb_post_timeline_inner .acfb_posts_opposite_elements .acfb_posts_opposite_elements_inner{
2532
- padding: 20px 30px;
2533
- }
2534
-
2535
- .acfb_post_timeline_left {
2536
- position: relative;
2537
- }
2538
-
2539
- .acfb_post_timeline_left::after {
2540
- content: '';
2541
- position: absolute;
2542
- width: 6px;
2543
- top: 0;
2544
- bottom: 0;
2545
- margin-left: -3px;
2546
- }
2547
-
2548
- .acfb_post_timeline_left .acfb_post_timeline_inner {
2549
- position: relative;
2550
- left: 0;
2551
- padding: 10px 0px 10px 40px;
2552
- text-align: left;
2553
- display: flex;
2554
- flex-direction: column-reverse;
2555
- }
2556
-
2557
- .acfb_post_timeline_left .acfb_post_timeline_inner::after {
2558
- left: -12px;
2559
- }
2560
-
2561
- .acfb_post_timeline_left .acfb_post_timeline_inner::before {
2562
- content: " ";
2563
- height: 0;
2564
- position: absolute;
2565
- top: 22px;
2566
- width: 0;
2567
- z-index: 1;
2568
- left: 30px;
2569
- border-style: solid;
2570
- border-width: 10px 10px 10px 0;
2571
- }
2572
-
2573
- .acfb_post_timeline_left .acfb_post_timeline_inner::after{
2574
- content: '';
2575
- position: absolute;
2576
- width: 25px;
2577
- height: 25px;
2578
- right: -12px;
2579
- top: 15px;
2580
- border-radius: 50%;
2581
- z-index: 1;
2582
- border: 4px solid #191e23;
2583
- }
2584
-
2585
- .acfb_post_timeline_left .acfb_post_timeline_inner .acfb_post_timeline_content{
2586
- padding: 20px 30px;
2587
- position: relative;
2588
- }
2589
-
2590
-
2591
-
2592
-
2593
- /*********** Right Post Timeline ************/
2594
- .acfb_post_timeline_right .acfb_post_timeline_inner .acfb_posts_opposite_elements{
2595
- padding-bottom: 10px;
2596
- }
2597
-
2598
- .acfb_post_timeline_right .acfb_post_timeline_inner .acfb_posts_opposite_elements .acfb_posts_opposite_elements_inner::before{
2599
- content: " ";
2600
- height: 0;
2601
- position: absolute;
2602
- top: 22px;
2603
- width: 0;
2604
- z-index: 1;
2605
- right: 30px;
2606
- border-style: solid;
2607
- border-width: 10px 0 10px 10px;
2608
- }
2609
-
2610
- .acfb_post_timeline_right .acfb_post_timeline_inner .acfb_posts_opposite_elements .acfb_posts_opposite_elements_inner{
2611
- padding: 20px 30px;
2612
- }
2613
-
2614
- .acfb_post_timeline_right {
2615
- position: relative;
2616
- }
2617
-
2618
- .acfb_post_timeline_right::after {
2619
- content: '';
2620
- position: absolute;
2621
- width: 6px;
2622
- top: 0;
2623
- right: 0;
2624
- bottom: 0;
2625
- margin-right: -3px;
2626
- }
2627
-
2628
- .acfb_post_timeline_right .acfb_post_timeline_inner {
2629
- position: relative;
2630
- left: 0;
2631
- padding: 10px 40px 10px 0px;
2632
- text-align: right;
2633
- display: flex;
2634
- flex-direction: column-reverse;
2635
- }
2636
-
2637
- .acfb_post_timeline_right .acfb_post_timeline_inner::after {
2638
- right: -12px;
2639
- }
2640
-
2641
- .acfb_post_timeline_right .acfb_post_timeline_inner::before {
2642
- content: " ";
2643
- height: 0;
2644
- position: absolute;
2645
- top: 22px;
2646
- width: 0;
2647
- z-index: 1;
2648
- right: 30px;
2649
- border-style: solid;
2650
- border-width: 10px 0 10px 10px;
2651
- }
2652
-
2653
- .acfb_post_timeline_right .acfb_post_timeline_inner::after{
2654
- content: '';
2655
- position: absolute;
2656
- width: 25px;
2657
- height: 25px;
2658
- top: 15px;
2659
- border-radius: 50%;
2660
- z-index: 1;
2661
- border: 4px solid #191e23;
2662
- }
2663
-
2664
- .acfb_post_timeline_right .acfb_post_timeline_inner .acfb_post_timeline_content{
2665
- padding: 20px 30px;
2666
- position: relative;
2667
- }
2668
-
2669
-
2670
-
2671
- @media screen and (max-width: 767px) {
2672
- .acfb_post_timeline_center .acfb_post_timeline_inner{
2673
- width: 100%;
2674
- }
2675
-
2676
- .acfb_post_timeline_center::after, .acfb_post_timeline_center .acfb_post_timeline_inner:nth-child(even){
2677
- left: 0;
2678
- }
2679
-
2680
- .acfb_post_timeline_center .acfb_post_timeline_inner:nth-child(odd), .acfb_post_timeline_center .acfb_post_timeline_inner:nth-child(even){
2681
- padding: 10px 0px 10px 40px;
2682
- text-align: left !important;
2683
- }
2684
-
2685
- .acfb_post_timeline_center .acfb_post_timeline_inner::after{
2686
- left: -12px;
2687
- }
2688
-
2689
- .acfb_post_timeline_center .acfb_post_timeline_inner:nth-child(odd)::before{
2690
- left: 30px;
2691
- border-width: 10px 10px 10px 0px;
2692
- }
2693
-
2694
-
2695
- .acfb_post_timeline_center .acfb_post_timeline_inner{
2696
- display: flex;
2697
- flex-direction: column-reverse;
2698
- }
2699
-
2700
- .acfb_post_timeline_center .acfb_post_timeline_inner:nth-child(odd) .acfb_posts_opposite_elements{
2701
- position: relative;
2702
- right: 0;
2703
- top: 0;
2704
- width: 100%;
2705
- }
2706
-
2707
- .acfb_post_timeline_center .acfb_post_timeline_inner:nth-child(even) .acfb_posts_opposite_elements{
2708
- position: relative;
2709
- left: 0;
2710
- top: 0;
2711
- width: 100%;
2712
- }
2713
-
2714
- .acfb_post_timeline_center .acfb_post_timeline_inner:nth-child(odd) .acfb_posts_opposite_elements,
2715
- .acfb_post_timeline_center .acfb_post_timeline_inner:nth-child(even) .acfb_posts_opposite_elements{
2716
- padding: 0px 0px 10px 0px;
2717
- text-align: left !important;
2718
- }
2719
-
2720
-
2721
- .acfb_post_timeline_center .acfb_post_timeline_inner .acfb_posts_opposite_elements .acfb_posts_opposite_elements_inner::before{
2722
- content: none !important;
2723
- }
2724
-
2725
- }
2726
-
2727
-
2728
-
2729
-
2730
- /************ Post Slider CSS ************/
2731
- .acfb_posts_slider_block .acfb_post_slider_tiled{
2732
- background-size: cover !important;
2733
- background-repeat: no-repeat !important;
2734
- background-position: center !important;
2735
- display: grid;
2736
- }
2737
-
2738
- .acfb_posts_slider_block .acfb_post_slider_card{
2739
- display: grid;
2740
- }
2741
-
2742
- .acfb_posts_slider_block .acfb_post_slider_thumbnail,
2743
- .acfb_posts_slider_block .acfb_post_slider_title,
2744
- .acfb_posts_slider_block .acfb_post_slider_meta,
2745
- .acfb_posts_slider_block .acfb_post_slider_excerpt,
2746
- .acfb_posts_slider_block .acfb_post_slider_button {
2747
- margin-bottom: 15px !important;
2748
- }
2749
-
2750
- .acfb_posts_slider_block .acfb_post_slider_title h1,
2751
- .acfb_posts_slider_block .acfb_post_slider_title h2,
2752
- .acfb_posts_slider_block .acfb_post_slider_title h3,
2753
- .acfb_posts_slider_block .acfb_post_slider_title h4,
2754
- .acfb_posts_slider_block .acfb_post_slider_title h5,
2755
- .acfb_posts_slider_block .acfb_post_slider_title h6 {
2756
- margin: 0;
2757
- }
2758
-
2759
-
2760
- .acfb_posts_slider_block .acfb_post_slider_button a{
2761
- display: block;
2762
- }
2763
-
2764
- .acfb_posts_slider_block .swiper-container .acfb_button_next, .acfb_posts_slider_block .swiper-container .acfb_button_prev{
2765
- position: absolute;
2766
- top: 50%;
2767
- width: 58px;
2768
- margin-top: -22px;
2769
- z-index: 10;
2770
- cursor: pointer;
2771
- padding: 15px;
2772
- border-radius: 5px;
2773
- line-height: 1;
2774
- }
2775
-
2776
- .acfb_posts_slider_block .swiper-container .acfb_button_next{
2777
- right: 10px;
2778
- left: auto;
2779
- }
2780
-
2781
- .acfb_posts_slider_block .swiper-container .acfb_button_prev{
2782
- left: 10px;
2783
- right: auto;
2784
- }
2785
-
2786
- .acfb_posts_slider_block .acfb_post_slider_card.acfb_post_slider_item{
2787
- padding: 15px;
2788
- }
2789
-
2790
- .acfb_posts_slider_block .acfb_post_slider_card.acfb_post_slider_item .acfb_post_slider_thumbnail img{
2791
- width: 100%;
2792
- height: auto;
2793
- }
2794
-
2795
-
2796
-
2797
-
2798
- /************ Business Hours CSS ************/
2799
- .acfb_bh_wrapper{}
2800
-
2801
- .acfb_bh_wrapper ul{
2802
- list-style-type: none;
2803
- padding: 0 !important;
2804
- margin: 0 !important;
2805
- }
2806
-
2807
- .acfb_bh_wrapper ul li{
2808
- padding: 10px 0;
2809
- display: -webkit-box;
2810
- display: -webkit-flex;
2811
- display: -ms-flexbox;
2812
- display: flex;
2813
- justify-content: space-between;
2814
- }
2815
-
2816
- .acfb_bh_wrapper ul li:last-child{
2817
- border-bottom: none !important;
2818
- }
2819
-
2820
-
2821
-
2822
- /************ Dual Button CSS ************/
2823
- .acfb_db_wrapper{
2824
- display: -webkit-box;
2825
- display: -ms-flexbox;
2826
- display: flex;
2827
- }
2828
- .acfb_db_wrapper .acfb_db_one{
2829
- position: relative;
2830
- }
2831
-
2832
- .acfb_db_wrapper .acfb_db{
2833
- display: -webkit-box;
2834
- display: -ms-flexbox;
2835
- display: flex;
2836
- flex-grow: 1;
2837
- justify-content: center;
2838
- text-decoration: none !important;
2839
- }
2840
- .acfb_db_wrapper .acfb_db_seprator{
2841
- position: absolute;
2842
- top: 50%;
2843
- right: -18px;
2844
- font-size: 16px;
2845
- transform: translateY(-50%);
2846
- z-index: 9999999;
2847
- width: 35px;
2848
- height: 35px;
2849
- display: -webkit-box;
2850
- display: -ms-flexbox;
2851
- display: flex;
2852
- -webkit-box-align: center;
2853
- -ms-flex-align: center;
2854
- align-items: center;
2855
- -webkit-box-pack: center;
2856
- -ms-flex-pack: center;
2857
- justify-content: center;
2858
- }
2859
-
2860
- .acfb_db_wrapper .acfb_db_seprator span{
2861
- display: flex;
2862
- align-items: center;
2863
- }
2864
-
2865
- .acfb_db_wrapper .acfb_db_seprator img{
2866
- padding: 5px;
2867
- width: 100%;
2868
- }
2869
-
2870
-
2871
- @media only screen and (max-width: 767px) {
2872
- .acfb_db_wrapper{
2873
- flex-direction: column;
2874
- }
2875
-
2876
- .acfb_db_wrapper .acfb_db{
2877
- justify-content: center;
2878
- padding-top: 15px !important;
2879
- padding-bottom: 15px !important;
2880
- }
2881
-
2882
- .acfb_db_wrapper .acfb_db_seprator{
2883
- transform: none;
2884
- top: calc(100% - 17.5px);
2885
- left: calc(50% - 17.5px);
2886
- }
2887
-
2888
-
2889
- }
2890
-
2891
- .acfb_db_radius .acf-fields{
2892
- display: grid;
2893
- grid-template-columns: 50% 50%;
2894
- overflow: hidden;
2895
- }
2896
-
2897
- .acfb_db_radius .acf-fields input[type=range]{
2898
- width: 100%;
2899
- margin-bottom: 5px;
2900
- }
2901
-
2902
- .acfb_db_radius .acf-fields input[type=number]{
2903
- margin-left: 0;
2904
- }
2905
-
2906
-
2907
- /************ Highlighted Headline CSS ************/
2908
- .acfb_highlighted_headline .acfb_animated_wrapper {
2909
- overflow: visible;
2910
- position: relative;
2911
- }
2912
-
2913
- .acfb_highlighted_headline .acfb_animated_wrapper .acfb_animated_text {
2914
- z-index:1;
2915
- position:relative;
2916
- }
2917
-
2918
- .acfb_highlighted_headline .acfb_animated_wrapper svg {
2919
- position: absolute;
2920
- top: 50%;
2921
- left: 50%;
2922
- width: calc( 100% + 0px);
2923
- height: calc( 100% + 20px);
2924
- -webkit-transform: translate(-50%, -50%);
2925
- -ms-transform: translate(-50%, -50%);
2926
- transform: translate(-50%, -50%);
2927
- overflow: visible;
2928
- }
2929
-
2930
- .acfb_highlighted_headline .acfb_animated_wrapper svg path {
2931
- stroke-width: 9;
2932
- fill: none;
2933
- stroke-dasharray: 1500;
2934
- stroke-dashoffset: 1500;
2935
- -webkit-animation-name : acfb-hh-dash;
2936
- animation-name : acfb-hh-dash;
2937
- -webkit-animation-iteration-count: infinite;
2938
- animation-iteration-count: infinite;
2939
- -webkit-animation-duration: 10s;
2940
- animation-duration: 10s;
2941
- }
2942
-
2943
- .acfb_highlighted_headline .acfb_animated_wrapper svg path:nth-of-type(2) {
2944
- -webkit-animation-delay: 0.6s;
2945
- animation-delay: 0.6s;
2946
- }
2947
-
2948
- @-webkit-keyframes acfb-hh-dash {
2949
- 0% { stroke-dashoffset: 1500; }
2950
- 15% { stroke-dashoffset: 0; }
2951
- 85% { opacity: 1; }
2952
- 90% { stroke-dashoffset: 0; opacity: 0; }
2953
- 100% { stroke-dashoffset: 1500; opacity: 0; }
2954
- }
2955
-
2956
- @keyframes acfb-hh-dash {
2957
- 0% { stroke-dashoffset: 1500; }
2958
- 15% { stroke-dashoffset: 0; }
2959
- 85% { opacity: 1; }
2960
- 90% { stroke-dashoffset: 0; opacity: 0; }
2961
- 100% { stroke-dashoffset: 1500; opacity: 0; }
2962
- }
2963
-
2964
-
2965
-
2966
-
2967
- /************ Tilt Image CSS ************/
2968
- .acfb_tilt_card {
2969
- position: relative;
2970
- transform-style: preserve-3d;
2971
- }
2972
-
2973
-
2974
- .acfb_tilt_card .acfb_tilt_title,
2975
- .acfb_tilt_card .acfb_tilt_content,
2976
- .acfb_tilt_card .acfb_tilt_content_img,
2977
- .acfb_tilt_card .acfb_tilt_btn {
2978
- transform: translateZ(20px);
2979
- }
2980
-
2981
- .acfb_tilt_card .acfb_tilt_title {
2982
- position: relative;
2983
- z-index: 2;
2984
- margin:0 0 10px 0 !important;
2985
- }
2986
-
2987
- .acfb_tilt_card .acfb_tilt_content_img{
2988
- margin:0 0 10px 0 !important;
2989
- }
2990
-
2991
- .acfb_tilt_card .acfb_tilt_content{
2992
- margin:0 0 15px 0 !important;
2993
- }
2994
-
2995
- .acfb_tilt_card .acfb_tilt_btn {
2996
- padding: 10px 25px;
2997
- }
2998
-
2999
- .acfb_tilt_card .acfb_tilt_bg {
3000
- position: absolute;
3001
- z-index: -1;
3002
- top: 0;
3003
- left: 0;
3004
- height: 100%;
3005
- width: 100%;
3006
- background-size: cover !important;
3007
- background-position: center !important;
3008
- }
3009
-
3010
-
3011
- /************ Acf Data Display CSS ************/
3012
- .acfb_meta_display .acfb_meta_display_gallery{
3013
- display: grid;
3014
- grid-gap: 10px;
3015
- align-items: center;
3016
- justify-items: center;
3017
- width: 100%;
3018
- }
3019
-
3020
- .acfb_meta_display .acfb_meta_display_gallery_2{
3021
- grid-template-columns: repeat(2, calc(50% - 10px));
3022
- }
3023
-
3024
- .acfb_meta_display .acfb_meta_display_gallery_3{
3025
- grid-template-columns: repeat(3, calc(33.33% - 10px));
3026
- }
3027
-
3028
- .acfb_meta_display .acfb_meta_display_gallery_4{
3029
- grid-template-columns: repeat(4, calc(25% - 10px));
3030
- }
3031
-
3032
- .acfb_meta_display .acfb_meta_display_gallery_5{
3033
- grid-template-columns: repeat(5, calc(20% - 10px));
3034
- }
3035
-
3036
-
3037
- /************ Content Toggle CSS ************/
3038
-
3039
- .acfb_ct_content_wrap.one .block-editor-block-list__layout [data-type="acf/acfb-content-toggle-child"]:nth-child(2){
3040
- display: none;
3041
- }
3042
-
3043
- .acfb_ct_content_wrap.two .block-editor-block-list__layout [data-type="acf/acfb-content-toggle-child"]:nth-child(1) {
3044
- display: none;
3045
- }
3046
-
3047
-
3048
- .acfb_ct_btn_wrap{
3049
- display: flex;
3050
- justify-content: center;
3051
- align-items: center;
3052
- }
3053
-
3054
- .acfb_ct_btn_wrap h3{
3055
- margin-bottom: 0;
3056
- }
3057
-
3058
- .acfb_ct_btn_wrap .acfb_ct_switch {
3059
- position: relative;
3060
- display: inline-block;
3061
- width: 60px;
3062
- height: 34px;
3063
- margin: 0 10px;
3064
- }
3065
-
3066
- .acfb_ct_btn_wrap .acfb_ct_switch input {
3067
- opacity: 0;
3068
- width: 0;
3069
- height: 0;
3070
- }
3071
-
3072
- .acfb_ct_btn_wrap .acfb_ct_slider {
3073
- position: absolute;
3074
- cursor: pointer;
3075
- top: 0;
3076
- left: 0;
3077
- right: 0;
3078
- bottom: 0;
3079
- background-color: #ccc;
3080
- -webkit-transition: .4s;
3081
- transition: .4s;
3082
- border-radius: 34px;
3083
- }
3084
-
3085
- .acfb_ct_btn_wrap .acfb_ct_slider:before {
3086
- position: absolute;
3087
- content: "";
3088
- height: 26px;
3089
- width: 26px;
3090
- left: 4px;
3091
- bottom: 4px;
3092
- background-color: white;
3093
- -webkit-transition: .4s;
3094
- transition: .4s;
3095
- border-radius: 50%;
3096
- }
3097
-
3098
- .acfb_ct_btn_wrap input:checked + .acfb_ct_slider {
3099
- background-color: #2196F3;
3100
- }
3101
-
3102
- .acfb_ct_btn_wrap input:focus + .acfb_ct_slider {
3103
- box-shadow: 0 0 1px #2196F3;
3104
- }
3105
-
3106
- .acfb_ct_btn_wrap input:checked + .acfb_ct_slider:before {
3107
- -webkit-transform: translateX(26px);
3108
- -ms-transform: translateX(26px);
3109
- transform: translateX(26px);
3110
- }
3111
-
3112
-
3113
- .acfb_ct_content_two {
3114
- display: none;
3115
- }
3116
-
3117
-
3118
-
3119
- .editor-block-list-item-acf-acfb-flipbox .editor-block-types-list__item-title::after,
3120
- .editor-block-list-item-acf-acfb-flipbox .block-editor-block-types-list__item-title::after,
3121
-
3122
- .editor-block-list-item-acf-acfb-content-timeline .editor-block-types-list__item-title::after,
3123
- .editor-block-list-item-acf-acfb-content-timeline .block-editor-block-types-list__item-title::after,
3124
-
3125
- .editor-block-list-item-acf-acfb-image-accordion .editor-block-types-list__item-title::after,
3126
- .editor-block-list-item-acf-acfb-image-accordion .block-editor-block-types-list__item-title::after,
3127
-
3128
- .editor-block-list-item-acf-acfb-call-to-action .editor-block-types-list__item-title::after,
3129
- .editor-block-list-item-acf-acfb-call-to-action .block-editor-block-types-list__item-title::after,
3130
-
3131
- .editor-block-list-item-acf-acfb-image-hotspot .editor-block-types-list__item-title::after,
3132
- .editor-block-list-item-acf-acfb-image-hotspot .block-editor-block-types-list__item-title::after,
3133
-
3134
- .editor-block-list-item-acf-acfb-gallery .editor-block-types-list__item-title::after,
3135
- .editor-block-list-item-acf-acfb-gallery .block-editor-block-types-list__item-title::after,
3136
-
3137
- .editor-block-list-item-acf-acfb-device .editor-block-types-list__item-title::after,
3138
- .editor-block-list-item-acf-acfb-device .block-editor-block-types-list__item-title::after,
3139
-
3140
- .editor-block-list-item-acf-acfb-shape-divider .editor-block-types-list__item-title::after,
3141
- .editor-block-list-item-acf-acfb-shape-divider .block-editor-block-types-list__item-title::after,
3142
-
3143
- .editor-block-list-item-acf-acfb-post-ticker .editor-block-types-list__item-title::after,
3144
- .editor-block-list-item-acf-acfb-post-ticker .block-editor-block-types-list__item-title::after,
3145
-
3146
- .editor-block-list-item-acf-acfb-post-slider .editor-block-types-list__item-title::after,
3147
- .editor-block-list-item-acf-acfb-post-slider .block-editor-block-types-list__item-title::after,
3148
-
3149
- .editor-block-list-item-acf-acfb-post-tiled .editor-block-types-list__item-title::after,
3150
- .editor-block-list-item-acf-acfb-post-tiled .block-editor-block-types-list__item-title::after,
3151
-
3152
- .editor-block-list-item-acf-acfb-post-timeline .editor-block-types-list__item-title::after,
3153
- .editor-block-list-item-acf-acfb-post-timeline .block-editor-block-types-list__item-title::after,
3154
-
3155
- .editor-block-list-item-acf-acfb-before-after-image .editor-block-types-list__item-title::after,
3156
- .editor-block-list-item-acf-acfb-before-after-image .block-editor-block-types-list__item-title::after,
3157
-
3158
- .editor-block-list-item-acf-acfb-content-toggle .editor-block-types-list__item-title::after,
3159
- .editor-block-list-item-acf-acfb-content-toggle .block-editor-block-types-list__item-title::after,
3160
-
3161
- .editor-block-list-item-acf-acfb-animated-headline .editor-block-types-list__item-title::after,
3162
- .editor-block-list-item-acf-acfb-animated-headline .block-editor-block-types-list__item-title::after,
3163
-
3164
- .editor-block-list-item-acf-acfb-steps .editor-block-types-list__item-title::after,
3165
- .editor-block-list-item-acf-acfb-steps .block-editor-block-types-list__item-title::after,
3166
-
3167
- .editor-block-list-item-acf-acfb-highlighted-headline .editor-block-types-list__item-title::after,
3168
- .editor-block-list-item-acf-acfb-highlighted-headline .block-editor-block-types-list__item-title::after,
3169
-
3170
- .editor-block-list-item-acf-acfb-dual-button .editor-block-types-list__item-title::after,
3171
- .editor-block-list-item-acf-acfb-dual-button .block-editor-block-types-list__item-title::after,
3172
-
3173
- .editor-block-list-item-acf-acfb-tilt-card .editor-block-types-list__item-title::after,
3174
- .editor-block-list-item-acf-acfb-tilt-card .block-editor-block-types-list__item-title::after,
3175
-
3176
- .editor-block-list-item-acf-acfb-lottie .editor-block-types-list__item-title::after,
3177
- .editor-block-list-item-acf-acfb-lottie .block-editor-block-types-list__item-title::after{
3178
- content: " PRO";
3179
- color: #ffffff;
3180
- font-weight: bold;
3181
- background: #06c2a4;
3182
- padding: 2px 5px;
3183
- margin-left: 2px;
3184
- display: inline-block;
3185
- border-radius: 100px;
3186
- font-size: 10px;
3187
- }
3188
-
3189
-
3190
- [data-name="acfb_timeline_image"] .acf-label,
3191
- [data-name="acfb_timeline_date"] .acf-label,
3192
- [data-name="acfb_timeline_title"] .acf-label,
3193
- [data-name="acfb_timeline_content"] .acf-label,
3194
- [data-name="acfb_timeline_button"] .acf-label {
3195
- display: none;
3196
- }
3197
-
3198
-
3199
- div[data-type~="typography"], div[data-type~="padding"], div[data-type~="margin"]{
3200
- padding: 10px !important;
3201
- border: 1px solid #c5c5c5 !important;
3202
- }
3203
-
3204
-
3205
- div[data-type~="typography"] .acf-field-range .acf-range-wrap{
3206
- display: grid;
3207
- grid-template-columns: 50% 30% 20%;
3208
- }
3209
-
3210
-
3211
-
3212
- .acf-field-padding .acfb-padding,
3213
- .acf-field-margin .acfb-margin{
3214
- display: grid;
3215
- grid-template-columns: 50% 50%;
3216
- justify-items: center;
3217
-
3218
- }
3219
-
3220
- .acf-field-padding .acfb-padding .acf-range-wrap input,
3221
- .acf-field-margin .acfb-margin .acf-range-wrap input{
3222
- margin-left: 0;
3223
- }
3224
-
3225
- .acfb_pannel_eye{
3226
- position: absolute;
3227
- top: -22px;
3228
- right: 0;
3229
- }
3230
-
3231
- .acfb_pannel_eye svg{
3232
- width: 17px;
3233
- height: 19px;
3234
- }
3235
-
3236
-
3237
- .acfb-checkbox-true-false[type=checkbox]{
3238
- display:none;
3239
- }
3240
-
3241
- .acfb-checkbox-true-false[type=checkbox] + label{
3242
- height: 16px;
3243
- width: 16px;
3244
- fill: #444;
3245
- }
3246
-
3247
- .acfb-checkbox-true-false[type=checkbox]:checked + label{
3248
- height: 16px;
3249
- width: 16px;
3250
- fill: #444;
3251
- }
3252
-
3253
- .acfb_eye_svg{
3254
- position: absolute;
3255
- top: -21px;
3256
- right: 0;
3257
- width: 15px;
3258
- height: 15px;
3259
  }
1
+ /************ Testimonial CSS ************/
2
+ .acfb_testimonial_wrap {
3
+ padding: 5%;
4
+ border-radius: 5px;
5
+ }
6
+
7
+ .acfb_testimonial_wrap .acfb_testimonial_bio {
8
+ display: flex;
9
+ align-items: center;
10
+ margin-top: 20px;
11
+ }
12
+
13
+ .acfb_testimonial_wrap .acfb_testimonial_bio .acfb_testimonial_avatar_wrap {
14
+ border-radius: 100%;
15
+ margin-right: 15px;
16
+ }
17
+
18
+ .acfb_testimonial_wrap .acfb_testimonial_bio .acfb_testimonial_avatar {
19
+ object-fit: cover;
20
+ height: 100%;
21
+ width: 100%;
22
+ position: relative;
23
+ z-index: 10;
24
+ border-radius: 100%;
25
+ z-index: 5;
26
+ }
27
+
28
+ .acfb_testimonial_wrap .acfb_testimonial_bio .acfb_testimonial_name {
29
+ font-weight: 700;
30
+ line-height: 1.2;
31
+ margin: 0;
32
+ padding: 0;
33
+ }
34
+
35
+ /************ Team CSS ************/
36
+ .acfb_team_wrap.acfb_team_top {
37
+ display: grid;
38
+ grid-template-columns: 100%;
39
+ }
40
+
41
+ .acfb_team_wrap.acfb_team_left {
42
+ display: grid;
43
+ grid-gap: 25px;
44
+ grid-template-columns: auto auto;
45
+ }
46
+
47
+ .acfb_team_wrap.acfb_team_left .acfb_team_info{
48
+ margin-top: 0 !important;
49
+ }
50
+
51
+ .acfb_team_wrap {
52
+ padding: 60px 35px;
53
+ }
54
+
55
+ .acfb_team_wrap .acfb_team_avatar img {
56
+ object-fit: cover;
57
+ height: 100%;
58
+ width: 100%;
59
+ }
60
+ .acfb_team_wrap .acfb_team_info {
61
+ margin-top: 20px;
62
+ }
63
+
64
+ .acfb_team_wrap .acfb_team_info .acfb_team_position{
65
+ margin-bottom: 10px;
66
+ display: block;
67
+ }
68
+
69
+ /************ Star Rating CSS ************/
70
+ .acfb_star_rating {
71
+ display: flex;
72
+ align-items: center;
73
+ }
74
+
75
+ .acfb_star_rating .acfb_star:before {
76
+ content: "\f155";
77
+ font-family: dashicons;
78
+ }
79
+
80
+ /************ Progress Bar CSS ************/
81
+ .acfb_progress_wrapper .acfb_progress_bar_title {
82
+ display: block;
83
+ margin-bottom: 5px;
84
+ }
85
+
86
+ .acfb_progress_wrapper .acfb_inner_wrap {
87
+ position: relative;
88
+ }
89
+
90
+ .acfb_progress_wrapper .acfb_progress_bar {
91
+ display: -webkit-box;
92
+ display: -webkit-flex;
93
+ display: -ms-flexbox;
94
+ display: flex;
95
+ padding: 7px 15px;
96
+ }
97
+
98
+ .acfb_progress_wrapper .acfb_progress_bar .acfb_progress_text {
99
+ -webkit-box-flex: 1;
100
+ -webkit-flex-grow: 1;
101
+ -ms-flex-positive: 1;
102
+ flex-grow: 1;
103
+ white-space: nowrap;
104
+ overflow: hidden;
105
+ -o-text-overflow: ellipsis;
106
+ text-overflow: ellipsis;
107
+ }
108
+
109
+ /************ Pricing Box CSS ************/
110
+ .acfb_pricing_table_wrap {
111
+ font-family: Lato, sans-serif;
112
+ text-align: center;
113
+ padding: 60px 35px;
114
+ border-radius: 12px;
115
+ }
116
+
117
+ .acfb_pricing_table_wrap .acfb_pricing_table_imgicon{
118
+ margin-bottom: 15px;
119
+ }
120
+
121
+ .acfb_pricing_table_wrap .acfb_pricing_box_title {
122
+ font-weight: 700;
123
+ }
124
+ .acfb_pricing_table_wrap .acfb_pricing_box_price_wrapper {
125
+ margin: 20px 0;
126
+ }
127
+ .acfb_pricing_table_wrap .acfb_pricing_box_price_line {
128
+ display: flex;
129
+ justify-content: center;
130
+ }
131
+ .acfb_pricing_table_wrap
132
+ .acfb_pricing_box_price_line
133
+ .acfb_pricing_box_price_prefix {
134
+ align-self: flex-start;
135
+ }
136
+ .acfb_pricing_table_wrap .acfb_pricing_box_price_line .acfb_pricing_box_price {
137
+ line-height: 100% !important;
138
+ }
139
+ .acfb_pricing_table_wrap
140
+ .acfb_pricing_box_price_line
141
+ .acfb_pricing_box_price_suffix {
142
+ align-self: flex-end;
143
+ }
144
+ .acfb_pricing_table_wrap .acfb_pricing_box_subprice {
145
+ text-transform: uppercase;
146
+ line-height: 100% !important;
147
+ }
148
+ .acfb_pricing_table_wrap .acfb_pricing_box_button a {
149
+ border-radius: 7px;
150
+ align-items: center;
151
+ font-weight: 600;
152
+ cursor: pointer;
153
+ padding: 10px 25px;
154
+ display: inline-block;
155
+ margin: 15px 0;
156
+ text-decoration: none;
157
+ }
158
+
159
+ /************ Price List CSS ************/
160
+ .acfb_price_list_wrap .acfb_price_list_item {
161
+ display: grid;
162
+ grid-column-gap: 15px;
163
+ text-decoration: none;
164
+ }
165
+
166
+ .acfb_price_list_wrap .acfb_price_list_item .acfb_price_list_image{
167
+ grid-area: acfbPli;
168
+ }
169
+
170
+ .acfb_price_list_wrap .acfb_price_list_item .acfb_price_list_text{
171
+ grid-area: acfbPlt;
172
+ }
173
+
174
+ .acfb_price_list_wrap .acfb_price_list_item .acfb_price_list_image img{
175
+ width: 100%;
176
+ }
177
+
178
+ .acfb_price_list_wrap .acfb_price_list_item .acfb_price_list_text .acfb_price_list_header .acfb_price_list_title{grid-area: acfbPlTitle;}
179
+ .acfb_price_list_wrap .acfb_price_list_item .acfb_price_list_text .acfb_price_list_header .acfb_price_list_separator{grid-area: acfbPlSep;}
180
+ .acfb_price_list_wrap .acfb_price_list_item .acfb_price_list_text .acfb_price_list_header .acfb_price_list_price{grid-area: acfbPlPrice;}
181
+
182
+ .acfb_price_list_wrap
183
+ .acfb_price_list_item
184
+ .acfb_price_list_text
185
+ .acfb_price_list_header {
186
+ display: grid;
187
+ grid-template-columns: max-content auto max-content;
188
+ align-items: center;
189
+ grid-gap: 15px;
190
+ font-weight: 600;
191
+ }
192
+
193
+ .acfb_price_list_wrap
194
+ .acfb_price_list_item
195
+ .acfb_price_list_text
196
+ p.acfb_price_list_description {
197
+ margin-top: 10px;
198
+ }
199
+
200
+ /************ Multi Button CSS ************/
201
+ .acfb_multibuttons_wrap {
202
+ display: flex;
203
+ flex-direction: row;
204
+ }
205
+ .acfb_multibuttons_wrap .acfb_button {
206
+ padding: 15px 20px;
207
+ display: inline-block;
208
+ text-decoration: none;
209
+ margin-bottom: 5px;
210
+ }
211
+
212
+ .acfb_multibuttons_wrap .acfb_button:last-child{
213
+ margin-right: 0;
214
+ }
215
+
216
+ /************ Counter Number CSS ************/
217
+ .acfb_counter_number_wrapper {
218
+ display: -webkit-box;
219
+ display: -webkit-flex;
220
+ display: -ms-flexbox;
221
+ display: flex;
222
+ font-weight: 600;
223
+ line-height: 1;
224
+ }
225
+
226
+ .acfb_counter_number_wrapper .acfb_counter_number_prefix {
227
+ text-align: right;
228
+ }
229
+
230
+ .acfb_counter_number_wrapper .acfb_counter_number_suffix {
231
+ text-align: left;
232
+ }
233
+
234
+ .acfb_counter_number_wrapper .acfb_counter_number_prefix,
235
+ .acfb_counter_number_wrapper .acfb_counter_number_suffix {
236
+ -webkit-box-flex: 1;
237
+ -webkit-flex-grow: 1;
238
+ -ms-flex-positive: 1;
239
+ flex-grow: 1;
240
+ white-space: pre-wrap;
241
+ }
242
+
243
+ .acfb_counter .acfb_counter_title {
244
+ text-align: center;
245
+ font-weight: 400;
246
+ line-height: 2.5;
247
+ }
248
+
249
+ /************ Click To Tweet CSS ************/
250
+ .acfb_click_to_tweet {
251
+ display: block;
252
+ -moz-border-radius: 4px;
253
+ border-radius: 4px;
254
+ padding: 15px 30px;
255
+ text-align: left;
256
+ }
257
+
258
+ .acfb_click_to_tweet a {
259
+ display: block;
260
+ text-decoration: none;
261
+ text-transform: none;
262
+ cursor: pointer;
263
+ line-height: 140%;
264
+ letter-spacing: 0.05em;
265
+ }
266
+
267
+ .acfb_click_to_tweet a:hover,
268
+ .acfb_click_to_tweet:hover a:after {
269
+ text-decoration: none;
270
+ }
271
+
272
+ .acfb_click_to_tweet a:before {
273
+ content: "";
274
+ display: inline-block;
275
+ width: 50px;
276
+ height: 50px;
277
+ vertical-align: bottom;
278
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10,7L8,11H11V17H5V11L7,7H10M18,7L16,11H19V17H13V11L15,7H18Z' fill='%23666'/%3E%3C/svg%3E")
279
+ no-repeat right center;
280
+ }
281
+
282
+ .acfb_click_to_tweet a:after {
283
+ margin-top: 20px;
284
+ padding-right: 25px;
285
+ position: relative;
286
+ display: block;
287
+ text-transform: uppercase;
288
+ text-align: right;
289
+ text-decoration: none;
290
+ transition: all 0.5s ease;
291
+ line-height: 20px;
292
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z' fill='%2300abf0'/%3E%3C/svg%3E")
293
+ no-repeat right center;
294
+ }
295
+
296
+ /************ Posts CSS ************/
297
+
298
+ .acfb_posts_block {
299
+ }
300
+
301
+ .acfb_posts_block .acfb_post {
302
+ padding: 20px;
303
+ }
304
+
305
+ .acfb_posts_block .acfb_post_grid {
306
+ display: grid;
307
+ grid-gap: 10px;
308
+ }
309
+
310
+ .acfb_posts_block .acfb_post_grid .acfb_post {
311
+ overflow: hidden;
312
+ }
313
+
314
+ .acfb_posts_block .acfb_post_grid .acfb_post .acfb_post_thumbnail img,
315
+ .acfb_posts_block .acfb_post_list .acfb_post .acfb_post_list_thumbnail img{
316
+ width: 100%;
317
+ height: auto;
318
+ }
319
+
320
+ .acfb_posts_block .acfb_post_list .acfb_post {
321
+ display: grid;
322
+ grid-gap: 20px;
323
+ grid-template-columns: 50% 50%;
324
+ margin-bottom: 10px;
325
+ }
326
+
327
+ .acfb_posts_block .acfb_post_list .acfb_post.no_thumb {
328
+ grid-template-columns: 1fr;
329
+ }
330
+
331
+ .acfb_posts_block .acfb_post .acfb_post_thumbnail,
332
+ .acfb_posts_block .acfb_post .acfb_post_title,
333
+ .acfb_posts_block .acfb_post .acfb_post_meta,
334
+ .acfb_posts_block .acfb_post .acfb_post_excerpt,
335
+ .acfb_posts_block .acfb_post .acfb_post_button {
336
+ margin-bottom: 15px;
337
+ }
338
+
339
+ .acfb_posts_block .acfb_post .acfb_post_title h1,
340
+ .acfb_posts_block .acfb_post .acfb_post_title h2,
341
+ .acfb_posts_block .acfb_post .acfb_post_title h3,
342
+ .acfb_posts_block .acfb_post .acfb_post_title h4,
343
+ .acfb_posts_block .acfb_post .acfb_post_title h5,
344
+ .acfb_posts_block .acfb_post .acfb_post_title h6 {
345
+ margin: 0;
346
+ }
347
+
348
+ .acfb_posts_block .acfb_post div:nth-last-of-type(1) {
349
+ margin-bottom: 0;
350
+ }
351
+
352
+ .acfb_posts_block .acfb_post_2 {
353
+ grid-template-columns: 1fr 1fr;
354
+ }
355
+
356
+ .acfb_posts_block .acfb_post_3 {
357
+ grid-template-columns: 1fr 1fr 1fr;
358
+ }
359
+
360
+ .acfb_posts_block .acfb_post_4 {
361
+ grid-template-columns: 1fr 1fr 1fr 1fr;
362
+ }
363
+
364
+ .acfb_posts_block .acfb_post_5 {
365
+ grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
366
+ }
367
+
368
+ .acfb_posts_block .acfb_post_6 {
369
+ grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
370
+ }
371
+
372
+ .acfb_posts_block .acfb_post .acfb_post_btn {
373
+ text-decoration: none;
374
+ display: inline-block;
375
+ }
376
+
377
+ @media only screen and (max-width: 767px) {
378
+ .acfb_posts_block .acfb_post_2,
379
+ .acfb_posts_block .acfb_post_3,
380
+ .acfb_posts_block .acfb_post_4,
381
+ .acfb_posts_block .acfb_post_5,
382
+ .acfb_posts_block .acfb_post_6 {
383
+ grid-template-columns: 1fr;
384
+ }
385
+
386
+ .acfb_posts_block .acfb_post_list .acfb_post {
387
+ grid-template-columns: 1fr;
388
+ }
389
+ }
390
+
391
+ /************ Photo Collage CSS ************/
392
+
393
+ /* Two Gird Style 1*/
394
+ .acfb_two-grid-style-one {
395
+ display: grid;
396
+ grid-template-columns: 1fr 1fr;
397
+ grid-template-rows: 1fr;
398
+ grid-template-areas: "one two";
399
+ }
400
+
401
+ /* Two Gird Style 2*/
402
+ .acfb_two-grid-style-two {
403
+ display: grid;
404
+ grid-template-columns: 1fr;
405
+ grid-template-rows: 1fr 1fr;
406
+ grid-template-areas: "one" "two";
407
+ }
408
+
409
+ .acfb_collage_2 .acfb_one {
410
+ grid-area: one;
411
+ background-size: cover;
412
+ background-position: center;
413
+ }
414
+ .acfb_collage_2 .acfb_two {
415
+ grid-area: two;
416
+ background-size: cover;
417
+ background-position: center;
418
+ }
419
+
420
+ /* Three Gird Style 1*/
421
+ .acfb_three-grid-style-one {
422
+ display: grid;
423
+ grid-template-columns: 1fr 1fr;
424
+ grid-template-rows: 1fr 1fr;
425
+ grid-template-areas: "one one" "two three";
426
+ }
427
+
428
+ /* Three Gird Style 2*/
429
+ .acfb_three-grid-style-two {
430
+ display: grid;
431
+ grid-template-columns: 1fr 1fr;
432
+ grid-template-rows: 1fr 1fr;
433
+ grid-template-areas: "one two" "three three";
434
+ }
435
+
436
+ /* Three Gird Style 3 */
437
+ .acfb_three-grid-style-three {
438
+ display: grid;
439
+ grid-template-columns: 1fr 1fr;
440
+ grid-template-rows: 1fr 1fr;
441
+ grid-template-areas: "one two" "one three";
442
+ }
443
+
444
+ /* Three Gird Style 4 */
445
+ .acfb_three-grid-style-four {
446
+ display: grid;
447
+ grid-template-columns: 1fr 1fr;
448
+ grid-template-rows: 1fr 1fr;
449
+ grid-template-areas: "two one" "three one";
450
+ }
451
+
452
+ /* Three Gird Style 5 */
453
+ .acfb_three-grid-style-five {
454
+ display: grid;
455
+ grid-template-columns: 1fr 1fr;
456
+ grid-template-rows: 1fr 1fr 1fr;
457
+ grid-template-areas: "one one" "two two" "three three";
458
+ }
459
+
460
+ /* Three Gird Style 6 */
461
+ .acfb_three-grid-style-six {
462
+ display: grid;
463
+ grid-template-columns: 1fr 1fr 1fr;
464
+ grid-template-rows: 1fr 1fr;
465
+ grid-template-areas: "one two three" "one two three";
466
+ }
467
+
468
+ .acfb_collage_3 .acfb_one {
469
+ grid-area: one;
470
+ background-size: cover;
471
+ background-position: center;
472
+ }
473
+ .acfb_collage_3 .acfb_two {
474
+ grid-area: two;
475
+ background-size: cover;
476
+ background-position: center;
477
+ }
478
+ .acfb_collage_3 .acfb_three {
479
+ grid-area: three;
480
+ background-size: cover;
481
+ background-position: center;
482
+ }
483
+
484
+ /* Four Gird Style 1 */
485
+ .acfb_four-grid-style-one {
486
+ display: grid;
487
+ grid-template-columns: 1fr 1fr;
488
+ grid-template-rows: 1fr 1fr 1fr 1fr;
489
+ grid-template-areas: "one one" "two two" "three three" "four four";
490
+ }
491
+
492
+ /* Four Gird Style 2 */
493
+ .acfb_four-grid-style-two {
494
+ display: grid;
495
+ grid-template-columns: 1fr 1fr 1fr 1fr;
496
+ grid-template-rows: 1fr 1fr;
497
+ grid-template-areas: "one two three four" "one two three four";
498
+ }
499
+
500
+ /* Four Gird Style 3 */
501
+ .acfb_four-grid-style-three {
502
+ display: grid;
503
+ grid-template-columns: 1fr 1fr 1fr;
504
+ grid-template-rows: 1fr 1fr;
505
+ grid-template-areas: "one one one" "two three four";
506
+ }
507
+
508
+ /* Four Gird Style 4 */
509
+ .acfb_four-grid-style-four {
510
+ display: grid;
511
+ grid-template-columns: 1fr 1fr 1fr;
512
+ grid-template-rows: 1fr 1fr;
513
+ grid-template-areas: "one two three" "four four four";
514
+ }
515
+
516
+ /* Four Gird Style 5 */
517
+ .acfb_four-grid-style-five {
518
+ display: grid;
519
+ grid-template-columns: 1fr 1fr;
520
+ grid-template-rows: 1fr 1fr 1fr;
521
+ grid-template-areas: "one two" "one three" "one four";
522
+ }
523
+
524
+ /* Four Gird Style 6 */
525
+ .acfb_four-grid-style-six {
526
+ display: grid;
527
+ grid-template-columns: 1fr 1fr;
528
+ grid-template-rows: 1fr 1fr 1fr;
529
+ grid-template-areas: "one four" "two four" "three four";
530
+ }
531
+
532
+ /* Four Gird Style 7 */
533
+ .acfb_four-grid-style-seven {
534
+ display: grid;
535
+ grid-template-columns: 1fr 1fr 1fr;
536
+ grid-template-rows: 1fr 1fr;
537
+ grid-template-areas: "one one two" "three four four";
538
+ }
539
+
540
+ /* Four Gird Style 8 */
541
+ .acfb_four-grid-style-eight {
542
+ display: grid;
543
+ grid-template-columns: 1fr 1fr 1fr;
544
+ grid-template-rows: 1fr 1fr;
545
+ grid-template-areas: "one two two" "three three four";
546
+ }
547
+
548
+ /* Four Gird Style 9 */
549
+ .acfb_four-grid-style-nine {
550
+ display: grid;
551
+ grid-template-columns: 1fr 1fr;
552
+ grid-template-rows: 1fr 1fr 1fr;
553
+ grid-template-areas: "one three" "one four" "two four";
554
+ }
555
+
556
+ /* Four Gird Style 10 */
557
+ .acfb_four-grid-style-ten {
558
+ display: grid;
559
+ grid-template-columns: 1fr 1fr;
560
+ grid-template-rows: 1fr 1fr 1fr;
561
+ grid-template-areas: "one three" "two three" "two four";
562
+ }
563
+
564
+ /* Four Gird Style 11 */
565
+ .acfb_four-grid-style-eleven {
566
+ display: grid;
567
+ grid-template-columns: 1fr 1fr;
568
+ grid-template-rows: 1fr 1fr 1fr;
569
+ grid-template-areas: "one two" "three three" "four four";
570
+ }
571
+
572
+ /* Four Gird Style 12 */
573
+ .acfb_four-grid-style-twelve {
574
+ display: grid;
575
+ grid-template-columns: 1fr 1fr;
576
+ grid-template-rows: 1fr 1fr 1fr;
577
+ grid-template-areas: "one one" "two three" "four four";
578
+ }
579
+
580
+ /* Four Gird Style 13 */
581
+ .acfb_four-grid-style-thirteen {
582
+ display: grid;
583
+ grid-template-columns: 1fr 1fr;
584
+ grid-template-rows: 1fr 1fr 1fr;
585
+ grid-template-areas: "one one" "two two" "three four";
586
+ }
587
+
588
+ /* Four Gird Style 14 */
589
+ .acfb_four-grid-style-fourteen {
590
+ display: grid;
591
+ grid-template-columns: 1fr 1fr 1fr;
592
+ grid-template-rows: 1fr 1fr;
593
+ grid-template-areas: "one three four" "two three four";
594
+ }
595
+
596
+ /* Four Gird Style 15 */
597
+ .acfb_four-grid-style-fifteen {
598
+ display: grid;
599
+ grid-template-columns: 1fr 1fr;
600
+ grid-template-rows: 1fr 1fr;
601
+ grid-template-areas: "one three" "two four";
602
+ }
603
+
604
+ .acfb_collage_4 .acfb_one {
605
+ grid-area: one;
606
+ background-size: cover;
607
+ background-position: center;
608
+ }
609
+ .acfb_collage_4 .acfb_two {
610
+ grid-area: two;
611
+ background-size: cover;
612
+ background-position: center;
613
+ }
614
+ .acfb_collage_4 .acfb_three {
615
+ grid-area: three;
616
+ background-size: cover;
617
+ background-position: center;
618
+ }
619
+ .acfb_collage_4 .acfb_four {
620
+ grid-area: four;
621
+ background-size: cover;
622
+ background-position: center;
623
+ }
624
+
625
+ .acfb_radio_image .acf-input .acf-radio-list:before,
626
+ .acfb_radio_image .acf-input .acf-radio-list:after {
627
+ content: none;
628
+ }
629
+
630
+ .acfb_radio_image .acf-input .acf-radio-list {
631
+ display: grid;
632
+ grid-template-columns: 1fr 1fr 1fr 1fr;
633
+ grid-gap: 10px;
634
+ }
635
+
636
+ .acfb_radio_image .acf-input .acf-radio-list li input {
637
+ display: none;
638
+ }
639
+
640
+ .acfb_radio_image .acf-input .acf-radio-list li .selected img {
641
+ border: 2px solid #48a8f4;
642
+ }
643
+
644
+ .acfb_svg_icon {
645
+ fill: none;
646
+ stroke: #555d66;
647
+ stroke-linecap: round;
648
+ stroke-linejoin: round;
649
+ stroke-width: 2px;
650
+ }
651
+
652
+
653
+ /************ Social Sharing CSS ************/
654
+
655
+ .acfb_social_sharing_main_block a:hover {
656
+ opacity: 0.9 !important;
657
+ }
658
+
659
+ .acfb_social_networks ul.acf-checkbox-list li {
660
+ width: calc(100% / 7.7);
661
+ display: inline-block;
662
+ }
663
+
664
+ .acfb_social_networks ul.acf-checkbox-list li img.acfb_social_icons {
665
+ width: 100%;
666
+ }
667
+
668
+ .acfb_social_networks ul.acf-checkbox-list:nth-child(n + 11) {
669
+ width: 100%;
670
+ display: flex;
671
+ flex-direction: row;
672
+ }
673
+
674
+ .acfb_social_networks ul.acf-radio-list li input[type="checkbox"],
675
+ .acfb_social_networks ul.acf-radio-list li input[type="radio"],
676
+ .acfb_social_networks ul.acf-checkbox-list li input[type="checkbox"],
677
+ .acfb_social_networks ul.acf-checkbox-list li input[type="radio"] {
678
+ display: none;
679
+ visibility: hidden;
680
+ }
681
+
682
+
683
+ .acfb_social_sharing_main_block a {
684
+ padding: 10px;
685
+ font-size: 16px;
686
+ border-radius: 2px;
687
+ border: 0;
688
+ color: white;
689
+ outline: 0;
690
+ text-decoration: none !important;
691
+ text-align: center;
692
+ margin: 5px 3px;
693
+ }
694
+
695
+ .acfb_social_sharing_main_block a > span {
696
+ cursor: pointer;
697
+ }
698
+
699
+ .acfb_social_networks .acf-checkbox-list label:not(.selected) svg {
700
+ background: white !important;
701
+ }
702
+
703
+ .acfb_social_networks .acf-checkbox-list label:not(.selected) svg path {
704
+ fill: #555d66;
705
+ }
706
+
707
+ .acfb_social_sharing_main_block {
708
+ display: flex;
709
+ flex-direction: row;
710
+ flex-wrap: wrap;
711
+ }
712
+
713
+ svg.acfb_facebook,
714
+ svg.acfb_twitter,
715
+ svg.acfb_pinterest,
716
+ svg.acfb_hackernews,
717
+ svg.acfb_email,
718
+ svg.acfb_linkedin,
719
+ svg.acfb_reddit,
720
+ svg.acfb_xing,
721
+ svg.acfb_whatsapp,
722
+ svg.acfb_vk,
723
+ svg.acfb_telegram {
724
+ width: 20px;
725
+ }
726
+
727
+ .acfb_social_facebook_main span,
728
+ .acfb_social_twitter_main span,
729
+ .acfb_social_pinterest_main span,
730
+ .acfb_social_hackernews_main span,
731
+ .acfb_social_email_main span,
732
+ .acfb_social_linkedin_main span,
733
+ .acfb_social_reddit_main span,
734
+ .acfb_social_xing_main span,
735
+ .acfb_social_whatsapp_main span,
736
+ .acfb_social_vk_main span,
737
+ .acfb_social_telegram_main span {
738
+ vertical-align: top !important;
739
+ color: white;
740
+ }
741
+
742
+ .acfb_social_facebook_main {
743
+ background: #3b5998 !important;
744
+ }
745
+
746
+ .acfb_social_twitter_main {
747
+ background-color: #38a1f3 !important;
748
+ }
749
+
750
+ .acfb_social_email_main {
751
+ background-color: #777 !important;
752
+ }
753
+
754
+ .acfb_social_pinterest_main {
755
+ background-color: #c8232c !important;
756
+ }
757
+
758
+ .acfb_social_linkedin_main {
759
+ background-color: #0077b5 !important;
760
+ }
761
+
762
+ .acfb_social_reddit_main {
763
+ background-color: #ff4500 !important;
764
+ }
765
+
766
+ .acfb_social_xing_main {
767
+ background-color: #1a7576 !important;
768
+ }
769
+ .acfb_social_whatsapp_main {
770
+ background-color: #25d366 !important;
771
+ }
772
+
773
+ .acfb_social_hackernews_main {
774
+ background-color: #f60 !important;
775
+ }
776
+
777
+ .acfb_social_vk_main {
778
+ background-color: #507299 !important;
779
+ }
780
+
781
+ .acfb_social_telegram_main {
782
+ background-color: #54a9eb !important;
783
+ }
784
+
785
+ svg.acfb_social_icons {
786
+ background: grey;
787
+ padding: 5px 5px;
788
+ margin: 0px 4px;
789
+ }
790
+
791
+ svg.acfb_social_icons path {
792
+ fill: white;
793
+ }
794
+
795
+ .acfb_social_sharing_main_block svg {
796
+ vertical-align: sub;
797
+ }
798
+
799
+
800
+ /************ Image Slider CSS ************/
801
+ .acfb_slider_block{}
802
+
803
+ .acfb_slider_block .swiper-container{}
804
+
805
+ .acfb_slider_block .swiper-container .swiper-wrapper{}
806
+
807
+ .acfb_slider_block .swiper-container .swiper-wrapper .swiper-slide{
808
+ position: relative;
809
+ }
810
+
811
+ .acfb_slider_block .swiper-container .swiper-wrapper .swiper-slide img{
812
+ align-self: center;
813
+ }
814
+
815
+ .acfb_slider_block .swiper-container .swiper-wrapper .swiper-slide .acfb_caption{
816
+ position: absolute;
817
+ padding: 10px;
818
+ }
819
+
820
+ .acfb_slider_block .swiper-container .acfb-button-next, .acfb_slider_block .swiper-container .acfb-button-prev{
821
+ position: absolute;
822
+ top: 50%;
823
+ width: 58px;
824
+ margin-top: -22px;
825
+ z-index: 10;
826
+ cursor: pointer;
827
+ background: rgba(255, 255, 255, 0.7);
828
+ padding: 15px;
829
+ border-radius: 5px;
830
+ line-height: 1;
831
+ }
832
+
833
+ .acfb_slider_block .swiper-container .acfb-button-next path, .acfb_slider_block .swiper-container .acfb-button-prev path{
834
+ fill: #191e23;
835
+ }
836
+
837
+ .acfb_slider_block .swiper-container .acfb-button-next{
838
+ right: 10px;
839
+ left: auto;
840
+ }
841
+
842
+ .acfb_slider_block .swiper-container .acfb-button-prev{
843
+ left: 10px;
844
+ right: auto;
845
+ }
846
+
847
+ .acfb_slider_block .swiper-container .swiper-pagination .swiper-pagination-bullet-active{
848
+ background: #191e23 !important;
849
+ }
850
+
851
+ /************ Tab CSS ************/
852
+ .acfb_tabs_block ul {
853
+ overflow: hidden;
854
+ margin:0 !important;
855
+ padding:0 !important;
856
+ }
857
+
858
+ .acfb_tabs_block ul li{
859
+ float:left;
860
+ display:inline-block;
861
+ }
862
+
863
+ .acfb_tabs_block ul li:last-child {
864
+ border-right:none;
865
+ }
866
+
867
+ .acfb_tabs_block ul li:first-child {
868
+ padding-left:0;
869
+ }
870
+
871
+ .acfb_tabs_block ul li a {
872
+ text-align:center;
873
+ display:block;
874
+ text-decoration: none;
875
+ padding: 15px 20px;
876
+ line-height: 16px;
877
+ outline: none;
878
+ cursor: pointer;
879
+ }
880
+
881
+ .acfb_tabs_block .acfb_tab_content{
882
+ padding: 20px;
883
+ }
884
+
885
+
886
+ /************ Toggle CSS ************/
887
+ .acfb_toggle_block .acfb_toggle_title{
888
+ width: 100%;
889
+ border: none;
890
+ padding: 10px 20px;
891
+ outline: none;
892
+ cursor: pointer;
893
+ }
894
+
895
+ .acfb_toggle_block .acfb_toggle_title:hover{
896
+ width: 100%;
897
+ border: none;
898
+ }
899
+
900
+ .acfb_toggle_block .acfb_toggle_content {
901
+ display:none;
902
+ padding: 25px;
903
+ }
904
+
905
+
906
+ /************ Accordion CSS ************/
907
+ .acfb_accordion_block .acfb_accordion .acfb_accordion_title{
908
+ display: block;
909
+ font-weight: 600;
910
+ padding: 10px 20px;
911
+ outline: none;
912
+ }
913
+
914
+ .acfb_accordion_block .acfb_accordion .acfb_accordion_title:focus{
915
+ box-shadow: none;
916
+ }
917
+
918
+ .acfb_accordion_block .acfb_accordion .acfb_accordion_content{
919
+ display:none;
920
+ padding: 25px;
921
+ }
922
+
923
+ .acfb_accordion_block .acfb_accordion .acfb_accordion_content .acfb_accordion_content_inner{
924
+ display: flex;
925
+ }
926
+
927
+
928
+ /************ Scrollable Image CSS ************/
929
+ .acfb_scrollable_image{
930
+ transition: background-position 1.5s ease-out 0.5s;
931
+ background-position: top center;
932
+ background-repeat: no-repeat;
933
+ background-size: 100%;
934
+ }
935
+
936
+ .acfb_scrollable_image:hover{
937
+ background-position: bottom center!important;
938
+ }
939
+
940
+
941
+
942
+
943
+ /************ Flip Box CSS ************/
944
+
945
+ /* Flip Box Flip */
946
+ .acfb_flip_box_block .acfb_box_inner h3{margin: 10px;}
947
+ .acfb_flip_box_block .acfb_box_inner p{margin: 0 0 0 10px; }
948
+ .acfb_flip_box_block .acfb_box_inner .acfb_flipbox_back a{
949
+ cursor: pointer;
950
+ padding: 10px 25px;
951
+ display: inline-block;
952
+ margin: 15px 0 0 0;
953
+ text-decoration: none;
954
+ }
955
+
956
+ .acfb_flip .acfb_box_inner{
957
+ -webkit-perspective: 1000px;
958
+ perspective: 1000px;
959
+ -webkit-transform-style: preserve-3d;
960
+ transform-style: preserve-3d;
961
+ position: relative;
962
+ -webkit-box-sizing: border-box;
963
+ box-sizing: border-box;
964
+ }
965
+
966
+ .acfb_flip .acfb_box_inner .acfb_flipbox_front, .acfb_flip .acfb_box_inner .acfb_flipbox_back{
967
+ -webkit-transform-style: preserve-3d;
968
+ transform-style: preserve-3d;
969
+ -webkit-backface-visibility: hidden;
970
+ backface-visibility: hidden;
971
+ position: absolute;
972
+ width: 100%;
973
+ height: 100%;
974
+ -webkit-transition: all .6s ease-in-out;
975
+ -o-transition: all .6s ease-in-out;
976
+ transition: all .6s ease-in-out;
977
+ }
978
+
979
+ .acfb_flip .acfb_box_inner .acfb_flipbox_front{
980
+ -webkit-transform: none;
981
+ -ms-transform: none;
982
+ transform: none;
983
+ z-index: 1;
984
+ }
985
+
986
+ /* Flip Left */
987
+ .acfb_flip.acfb_left .acfb_box_inner:hover .acfb_flipbox_front{
988
+ -webkit-transform: rotateX(0) rotateY(-180deg);
989
+ transform: rotateX(0) rotateY(-180deg);
990
+ }
991
+
992
+ .acfb_flip.acfb_left .acfb_box_inner .acfb_flipbox_back{
993
+ -webkit-transform: rotateX(0) rotateY(180deg);
994
+ transform: rotateX(0) rotateY(180deg);
995
+ }
996
+
997
+ /* Flip Right */
998
+ .acfb_flip.acfb_right .acfb_box_inner:hover .acfb_flipbox_front{
999
+ -webkit-transform: rotateX(0) rotateY(180deg);
1000
+ transform: rotateX(0) rotateY(180deg);
1001
+ }
1002
+ .acfb_flip.acfb_right .acfb_box_inner .acfb_flipbox_back{
1003
+ -webkit-transform: rotateX(0) rotateY(-180deg);
1004
+ transform: rotateX(0) rotateY(-180deg);
1005
+ }
1006
+
1007
+ /* Flip Up */
1008
+ .acfb_flip.acfb_up .acfb_box_inner:hover .acfb_flipbox_front{
1009
+ -webkit-transform: rotateX(180deg) rotateY(0);
1010
+ transform: rotateX(180deg) rotateY(0);
1011
+ }
1012
+ .acfb_flip.acfb_up .acfb_box_inner .acfb_flipbox_back{
1013
+ -webkit-transform: rotateX(-180deg) rotateY(0);
1014
+ transform: rotateX(-180deg) rotateY(0);
1015
+ }
1016
+
1017
+ /* Flip Down */
1018
+ .acfb_flip.acfb_down .acfb_box_inner:hover .acfb_flipbox_front{
1019
+ -webkit-transform: rotateX(-180deg) rotateY(0);
1020
+ transform: rotateX(-180deg) rotateY(0);
1021
+ }
1022
+ .acfb_flip.acfb_down .acfb_box_inner .acfb_flipbox_back{
1023
+ -webkit-transform: rotateX(180deg) rotateY(0);
1024
+ transform: rotateX(180deg) rotateY(0);
1025
+ }
1026
+
1027
+ .acfb_flip .acfb_box_inner:hover .acfb_flipbox_back{
1028
+ -webkit-transform: none;
1029
+ -ms-transform: none;
1030
+ transform: none;
1031
+ }
1032
+
1033
+ /* Flip Box Slide */
1034
+ .acfb_slide .acfb_box_inner{
1035
+ overflow: hidden;
1036
+ position: relative;
1037
+ perspective: 1000px;
1038
+ transform-style: preserve-3d;
1039
+ }
1040
+
1041
+ .acfb_slide .acfb_box_inner .acfb_flipbox_front, .acfb_slide .acfb_box_inner .acfb_flipbox_back{
1042
+ position: absolute;
1043
+ width: 100%;
1044
+ height: 100%;
1045
+ transition: all 0.6s ease-in-out 0s;
1046
+ }
1047
+
1048
+
1049
+ /* Slide Left */
1050
+ .acfb_slide.acfb_left .acfb_box_inner .acfb_flipbox_back{
1051
+ transform: translateX(100%) translateY(0px);
1052
+ }
1053
+
1054
+ /* Slide Right */
1055
+ .acfb_slide.acfb_right .acfb_box_inner .acfb_flipbox_back{
1056
+ transform: translateX(-100%) translateY(0px);
1057
+ }
1058
+
1059
+ /* Slide Up */
1060
+ .acfb_slide.acfb_up .acfb_box_inner .acfb_flipbox_back{
1061
+ transform: translateX(0px) translateY(100%);
1062
+ }
1063
+
1064
+ /* Slide Down */
1065
+ .acfb_slide.acfb_down .acfb_box_inner .acfb_flipbox_back{
1066
+ transform: translateX(0px) translateY(-100%);
1067
+ }
1068
+
1069
+ .acfb_slide .acfb_box_inner:hover .acfb_flipbox_back{
1070
+ transform: none;
1071
+ }
1072
+
1073
+ /* Flip Box Push */
1074
+ .acfb_push{
1075
+ overflow: hidden;
1076
+ }
1077
+
1078
+ .acfb_push .acfb_box_inner{
1079
+ overflow: hidden;
1080
+ position: relative;
1081
+ perspective: 1000px;
1082
+ transform-style: preserve-3d;
1083
+ }
1084
+
1085
+ .acfb_push .acfb_box_inner .acfb_flipbox_front, .acfb_push .acfb_box_inner .acfb_flipbox_back{
1086
+ position: absolute;
1087
+ width: 100%;
1088
+ height: 100%;
1089
+ transition: all 0.6s ease-in-out 0s;
1090
+ }
1091
+
1092
+ .acfb_push .acfb_box_inner .acfb_flipbox_front{
1093
+ transform: none;
1094
+ }
1095
+
1096
+ /* Slide Left */
1097
+ .acfb_push.acfb_left .acfb_box_inner .acfb_flipbox_back{
1098
+ transform: translateX(100%) translateY(0px);
1099
+ }
1100
+
1101
+ .acfb_push.acfb_left .acfb_box_inner:hover .acfb_flipbox_front{
1102
+ transform: translateX(-100%) translateY(0px);
1103
+ }
1104
+
1105
+ /* Slide Right */
1106
+ .acfb_push.acfb_right .acfb_box_inner .acfb_flipbox_back{
1107
+ transform: translateX(-100%) translateY(0px);
1108
+ }
1109
+
1110
+ .acfb_push.acfb_right .acfb_box_inner:hover .acfb_flipbox_front{
1111
+ transform: translateX(100%) translateY(0px);
1112
+ }
1113
+
1114
+ /* Slide Up */
1115
+ .acfb_push.acfb_up .acfb_box_inner .acfb_flipbox_back{
1116
+ transform: translateX(0px) translateY(100%);
1117
+ }
1118
+
1119
+ .acfb_push.acfb_up .acfb_box_inner:hover .acfb_flipbox_front{
1120
+ transform: translateX(0px) translateY(-100%);
1121
+ }
1122
+
1123
+ /* Slide Down */
1124
+ .acfb_push.acfb_down .acfb_box_inner .acfb_flipbox_back{
1125
+ transform: translateX(0px) translateY(-100%);
1126
+ }
1127
+
1128
+ .acfb_push.acfb_down .acfb_box_inner:hover .acfb_flipbox_front{
1129
+ transform: translateX(0px) translateY(100%);
1130
+ }
1131
+
1132
+ .acfb_push .acfb_box_inner:hover .acfb_flipbox_back{
1133
+ transform: none;
1134
+ }
1135
+
1136
+
1137
+ /************ Timeline CSS ************/
1138
+ .acfb_timeline .acfb_timeline_inner .acfb_timeline_content .acfb_timeline_image,
1139
+ .acfb_timeline .acfb_timeline_inner .acfb_timeline_content .acfb_timeline_date,
1140
+ .acfb_timeline .acfb_timeline_inner .acfb_timeline_content .acfb_timeline_title,
1141
+ .acfb_timeline .acfb_timeline_inner .acfb_timeline_content .acfb_timeline_desc,
1142
+ .acfb_timeline .acfb_timeline_inner .acfb_timeline_content .acfb_timeline_button{
1143
+ margin: 10px 0;
1144
+ }
1145
+ .acfb_timeline .acfb_timeline_inner .acfb_timeline_content .acfb_timeline_desc p{margin: 0;}
1146
+
1147
+
1148
+ .acfb_timeline .acfb_timeline_button{
1149
+ cursor: pointer;
1150
+ padding: 10px 25px;
1151
+ display: inline-block;
1152
+ margin: 15px 0;
1153
+ text-decoration: none;
1154
+ }
1155
+
1156
+
1157
+ /* Left Timeline*/
1158
+ .acfb_left_timeline{
1159
+ position: relative;
1160
+ }
1161
+
1162
+ .acfb_left_timeline::after{
1163
+ content: '';
1164
+ position: absolute;
1165
+ width: 4px;
1166
+ top: 0;
1167
+ bottom: 0;
1168
+ left: 0%;
1169
+ margin-left: -2px;
1170
+ }
1171
+
1172
+ .acfb_left_timeline .acfb_timeline_inner{
1173
+ position: relative;
1174
+ width: 100%;
1175
+ }
1176
+
1177
+ .acfb_left_timeline .acfb_timeline_inner::after{
1178
+ content: '';
1179
+ position: absolute;
1180
+ width: 25px;
1181
+ height: 25px;
1182
+ right: -12px;
1183
+ top: 15px;
1184
+ border-radius: 50%;
1185
+ z-index: 1;
1186
+ }
1187
+
1188
+ .acfb_left_timeline .acfb_timeline_inner .acfb_timeline_content{
1189
+ padding: 20px 30px;
1190
+ position: relative;
1191
+ display: flex;
1192
+ flex-direction: column;
1193
+ align-items: flex-start;
1194
+ }
1195
+
1196
+
1197
+ .acfb_left_timeline .acfb_timeline_inner{
1198
+ left: 0%;
1199
+ padding: 10px 0px 10px 40px;
1200
+ text-align: left;
1201
+ }
1202
+
1203
+ .acfb_left_timeline .acfb_timeline_inner::before{
1204
+ content: " ";
1205
+ height: 0;
1206
+ position: absolute;
1207
+ top: 22px;
1208
+ width: 0;
1209
+ z-index: 1;
1210
+ left: 30px;
1211
+ border: medium solid #f3f4f5;
1212
+ border-width: 10px 10px 10px 0;
1213
+ }
1214
+
1215
+ .acfb_left_timeline .acfb_timeline_inner::after{
1216
+ left: -12px;
1217
+ }
1218
+
1219
+ /* Center Timeline*/
1220
+ .acfb_center_timeline{
1221
+ position: relative;
1222
+ }
1223
+
1224
+ .acfb_center_timeline::after{
1225
+ content: '';
1226
+ position: absolute;
1227
+ width: 4px;
1228
+ top: 0;
1229
+ bottom: 0;
1230
+ left: 50%;
1231
+ margin-left: -2px;
1232
+ }
1233
+
1234
+ .acfb_center_timeline .acfb_timeline_inner{
1235
+ position: relative;
1236
+ width: 50%;
1237
+ }
1238
+
1239
+ .acfb_center_timeline .acfb_timeline_inner::after{
1240
+ content: '';
1241
+ position: absolute;
1242
+ width: 25px;
1243
+ height: 25px;
1244
+ right: -12px;
1245
+ top: 15px;
1246
+ border-radius: 50%;
1247
+ z-index: 1;
1248
+ }
1249
+
1250
+ .acfb_center_timeline .acfb_timeline_inner .acfb_timeline_content{
1251
+ position: relative;
1252
+ }
1253
+
1254
+ .acfb_center_timeline .acfb_timeline_inner:nth-child(odd){
1255
+ left: 0;
1256
+ padding: 10px 40px 10px 0px;
1257
+ }
1258
+
1259
+ .acfb_center_timeline .acfb_timeline_inner:nth-child(odd) .acfb_timeline_content{
1260
+ text-align: right;
1261
+ display: flex;
1262
+ flex-direction: column;
1263
+ align-items: flex-end;
1264
+ }
1265
+
1266
+ .acfb_center_timeline .acfb_timeline_inner:nth-child(odd)::before{
1267
+ content: " ";
1268
+ height: 0;
1269
+ position: absolute;
1270
+ top: 22px;
1271
+ width: 0;
1272
+ z-index: 1;
1273
+ right: 30px;
1274
+ border: medium solid #f3f4f5;
1275
+ border-width: 10px 0 10px 10px;
1276
+ }
1277
+
1278
+ .acfb_center_timeline .acfb_timeline_inner:nth-child(even){
1279
+ left: 50%;
1280
+ padding: 10px 0px 10px 40px;
1281
+ text-align: left;
1282
+ }
1283
+
1284
+ .acfb_center_timeline .acfb_timeline_inner:nth-child(even) .acfb_timeline_content{
1285
+ text-align: left;
1286
+ display: flex;
1287
+ flex-direction: column;
1288
+ align-items: flex-start;
1289
+ }
1290
+
1291
+ .acfb_center_timeline .acfb_timeline_inner:nth-child(even)::before{
1292
+ content: " ";
1293
+ height: 0;
1294
+ position: absolute;
1295
+ top: 22px;
1296
+ width: 0;
1297
+ z-index: 1;
1298
+ left: 30px;
1299
+ border: medium solid #f3f4f5;
1300
+ border-width: 10px 10px 10px 0;
1301
+ }
1302
+
1303
+ .acfb_center_timeline .acfb_timeline_inner:nth-child(even)::after{
1304
+ left: -12px;
1305
+ }
1306
+
1307
+ @media screen and (max-width: 767px) {
1308
+ .acfb_center_timeline .acfb_timeline_inner .acfb_timeline_content{
1309
+ text-align: left;
1310
+ }
1311
+
1312
+ .acfb_center_timeline .acfb_timeline_inner{
1313
+ width: 100%;
1314
+ }
1315
+
1316
+ .acfb_center_timeline::after, .acfb_center_timeline .acfb_timeline_inner:nth-child(even){
1317
+ left: 0;
1318
+ }
1319
+
1320
+ .acfb_center_timeline .acfb_timeline_inner:nth-child(odd), .acfb_center_timeline .acfb_timeline_inner:nth-child(even){
1321
+ padding: 10px 0px 10px 40px;
1322
+ }
1323
+
1324
+ .acfb_center_timeline .acfb_timeline_inner::after{
1325
+ left: -12px;
1326
+ }
1327
+
1328
+ .acfb_center_timeline .acfb_timeline_inner:nth-child(odd)::before{
1329
+ left: 30px;
1330
+ border-width: 10px 10px 10px 0px;
1331
+ }
1332
+ }
1333
+
1334
+ /* Right Timeline*/
1335
+ .acfb_right_timeline{
1336
+ position: relative;
1337
+ }
1338
+
1339
+ .acfb_right_timeline::after{
1340
+ content: '';
1341
+ position: absolute;
1342
+ width: 4px;
1343
+ top: 0;
1344
+ bottom: 0;
1345
+ right: 0%;
1346
+ margin-right: -1px;
1347
+ }
1348
+
1349
+ .acfb_right_timeline .acfb_timeline_inner{
1350
+ position: relative;
1351
+ }
1352
+
1353
+ .acfb_right_timeline .acfb_timeline_inner::after{
1354
+ content: '';
1355
+ position: absolute;
1356
+ width: 25px;
1357
+ height: 25px;
1358
+ right: -12px;
1359
+ top: 15px;
1360
+ border-radius: 50%;
1361
+ z-index: 1;
1362
+ }
1363
+
1364
+ .acfb_right_timeline .acfb_timeline_inner .acfb_timeline_content{
1365
+ padding: 20px 30px;
1366
+ position: relative;
1367
+ display: flex;
1368
+ flex-direction: column;
1369
+ align-items: flex-end;
1370
+ }
1371
+
1372
+ .acfb_right_timeline .acfb_timeline_inner{
1373
+ left: 0;
1374
+ padding: 10px 40px 10px 0px;
1375
+ text-align: right;
1376
+ }
1377
+
1378
+ .acfb_right_timeline .acfb_timeline_inner::before{
1379
+ content: " ";
1380
+ height: 0;
1381
+ position: absolute;
1382
+ top: 22px;
1383
+ width: 0;
1384
+ z-index: 1;
1385
+ right: 30px;
1386
+ border: medium solid #f3f4f5;
1387
+ border-width: 10px 0 10px 10px;
1388
+ }
1389
+
1390
+
1391
+
1392
+
1393
+
1394
+
1395
+
1396
+
1397
+
1398
+
1399
+
1400
+ /************ Image Accordion CSS ************/
1401
+ .acfb_image_accordion{
1402
+ display: -webkit-box;
1403
+ display: -webkit-flex;
1404
+ display: -ms-flexbox;
1405
+ display: flex;
1406
+ }
1407
+
1408
+ .acfb_image_accordion_item{
1409
+ cursor: pointer;
1410
+ -webkit-background-size: cover;
1411
+ background-size: cover;
1412
+ background-position: center;
1413
+ background-repeat: no-repeat;
1414
+ position: relative;
1415
+ -webkit-box-flex: 1;
1416
+ -webkit-flex: 1;
1417
+ -ms-flex: 1;
1418
+ flex: 1;
1419
+ text-decoration: none;
1420
+ -webkit-transition: -webkit-box-flex .4s,-webkit-flex .4s;
1421
+ transition: -webkit-box-flex .4s,-webkit-flex .4s;
1422
+ -o-transition: flex .4s;
1423
+ transition: flex .4s;
1424
+ transition: flex .4s,-webkit-box-flex .4s,-webkit-flex .4s,-ms-flex .4s;
1425
+ overflow: hidden;
1426
+ }
1427
+
1428
+
1429
+ .acfb_image_accordion_overlay{
1430
+ display: -webkit-box;
1431
+ display: -webkit-flex;
1432
+ display: -ms-flexbox;
1433
+ display: flex;
1434
+ -webkit-box-align: center;
1435
+ -webkit-align-items: center;
1436
+ -ms-flex-align: center;
1437
+ /*align-items: center;*/
1438
+ -webkit-box-pack: center;
1439
+ -webkit-justify-content: center;
1440
+ -ms-flex-pack: center;
1441
+ /*justify-content: center;*/
1442
+ position: absolute;
1443
+ top: 0;
1444
+ right: 0;
1445
+ bottom: 0;
1446
+ left: 0;
1447
+ -webkit-transition: background-color .4s;
1448
+ -o-transition: background-color .4s;
1449
+ transition: background-color .4s;
1450
+ }
1451
+
1452
+ .acfb_image_accordion_overlay .acfb_image_accordion_wrap{
1453
+ z-index: 1;
1454
+ /* display: flex;
1455
+ flex-direction: column;
1456
+ align-items: center;*/
1457
+ visibility: hidden;
1458
+ }
1459
+
1460
+ ./*acfb_image_accordion_content{
1461
+ text-align: center;
1462
+ }*/
1463
+
1464
+ .acfb_image_accordion_content .acfb_image_accordion_title{
1465
+ margin: 0 !important;
1466
+ }
1467
+
1468
+ .acfb_image_accordion_wrap *{
1469
+ visibility: hidden;
1470
+ opacity: 0;
1471
+ -webkit-transform-style: preserve-3d;
1472
+ transform-style: preserve-3d;
1473
+ }
1474
+
1475
+ .acfb_image_accordion_title{
1476
+ -webkit-transform: translate3d(0,-60px,0);
1477
+ transform: translate3d(0,-60px,0);
1478
+ margin: 0;
1479
+ }
1480
+
1481
+ .acfb_image_accordion_description{
1482
+ -webkit-transform: translate3d(0,60px,0);
1483
+ transform: translate3d(0,60px,0);
1484
+ margin: 10px 0 15px 0;
1485
+ }
1486
+
1487
+ .acfb_image_accordion_content .acfb_image_accordion_button{
1488
+ cursor: pointer;
1489
+ padding: 10px 25px;
1490
+ display: inline-block;
1491
+ text-decoration: none;
1492
+ -webkit-transform: translate3d(0,60px,0);
1493
+ transform: translate3d(0,60px,0);
1494
+ }
1495
+
1496
+
1497
+ .acfb_image_accordion_active .acfb_image_accordion_wrap{
1498
+ visibility: visible;
1499
+ }
1500
+
1501
+
1502
+ .acfb_image_accordion_active .acfb_image_accordion_wrap *{
1503
+ opacity: 1;
1504
+ visibility: visible;
1505
+ transform: none;
1506
+ transition: all .3s .3s;
1507
+ }
1508
+
1509
+
1510
+ @media screen and (max-width: 767px) {
1511
+ .acfb_image_accordion {
1512
+ flex-direction: column !important;
1513
+ }
1514
+
1515
+ .acfb_image_accordion .acfb_image_accordion_item{
1516
+ margin: 0 0 10px 0 !important;
1517
+ }
1518
+
1519
+ .acfb_image_accordion .acfb_image_accordion_item:last-child{
1520
+ margin-bottom: 0 !important;
1521
+ }
1522
+ }
1523
+
1524
+
1525
+
1526
+
1527
+
1528
+
1529
+
1530
+
1531
+
1532
+
1533
+
1534
+
1535
+
1536
+ /************ Call to Action CSS ************/
1537
+ .acfb_call_to_action_block .acfb_cta_skin_classic .acfb_cta{
1538
+ -ms-flex-wrap: wrap;
1539
+ flex-wrap: wrap;
1540
+ }
1541
+
1542
+ .acfb_call_to_action_block .acfb_cta_skin_cover .acfb_cta{
1543
+ display: block;
1544
+ }
1545
+
1546
+ .acfb_call_to_action_block .acfb_cta{
1547
+ position: relative;
1548
+ display: -webkit-box;
1549
+ display: -ms-flexbox;
1550
+ display: flex;
1551
+ -webkit-transition: .5s;
1552
+ -o-transition: .5s;
1553
+ transition: .5s;
1554
+ overflow: hidden;
1555
+ }
1556
+
1557
+ .acfb_call_to_action_block .acfb_cta_skin_classic .acfb_cta_bg_wrapper{
1558
+ position: relative;
1559
+ min-height: 200px;
1560
+ width: 100%;
1561
+ }
1562
+
1563
+ .acfb_call_to_action_block .acfb_cta_skin_cover .acfb_cta_bg_wrapper{
1564
+ position: absolute;
1565
+ top: 0;
1566
+ left: 0;
1567
+ right: 0;
1568
+ bottom: 0;
1569
+ -webkit-transition: all .4s;
1570
+ -o-transition: all .4s;
1571
+ transition: all .4s;
1572
+ width: 100%;
1573
+ }
1574
+
1575
+ .acfb_call_to_action_block .acfb_cta_bg_wrapper{
1576
+ z-index: 1;
1577
+ overflow: hidden;
1578
+ }
1579
+
1580
+ .acfb_call_to_action_block .acfb_cta_bg{
1581
+ transition-duration: 1500ms;
1582
+ -webkit-background-size: cover;
1583
+ background-size: cover;
1584
+ background-position: 50%;
1585
+ z-index: 1;
1586
+ will-change: transform;
1587
+ position: absolute;
1588
+ top: 0;
1589
+ left: 0;
1590
+ right: 0;
1591
+ bottom: 0;
1592
+ -webkit-transition: all .4s;
1593
+ -o-transition: all .4s;
1594
+ transition: all .4s;
1595
+ }
1596
+
1597
+ .acfb_call_to_action_block .acfb_cta_bg_overlay{
1598
+ transition-duration: 1500ms;
1599
+ z-index: 2;
1600
+ position: absolute;
1601
+ top: 0;
1602
+ left: 0;
1603
+ right: 0;
1604
+ bottom: 0;
1605
+ -webkit-transition: all .4s;
1606
+ -o-transition: all .4s;
1607
+ transition: all .4s;
1608
+ }
1609
+
1610
+ .acfb_call_to_action_block .acfb_cta_skin_classic .acfb_cta_content{
1611
+ -webkit-transition: all .4s;
1612
+ -o-transition: all .4s;
1613
+ transition: all .4s;
1614
+ width: 100%;
1615
+ }
1616
+
1617
+ .acfb_call_to_action_block .acfb_cta_content{
1618
+ position: relative;
1619
+ -webkit-transition: .5s;
1620
+ -o-transition: .5s;
1621
+ transition: .5s;
1622
+ color: black;
1623
+ z-index: 1;
1624
+ overflow: hidden;
1625
+ display: -webkit-box;
1626
+ display: -ms-flexbox;
1627
+ display: flex;
1628
+ -ms-flex-wrap: wrap;
1629
+ flex-wrap: wrap;
1630
+ -webkit-box-align: center;
1631
+ -ms-flex-align: center;
1632
+ -ms-flex-line-pack: center;
1633
+ /*align-content: center;*/
1634
+ width: 100%;
1635
+ flex-direction: column;
1636
+ }
1637
+
1638
+ .acfb_call_to_action_block .acfb_cta_button{
1639
+ cursor: pointer;
1640
+ padding: 10px 25px;
1641
+ display: inline-block;
1642
+ text-decoration: none;
1643
+ }
1644
+
1645
+ .acfb_call_to_action_block .acfb_cta_ribbon_wrap{
1646
+ position: absolute;
1647
+ z-index: 1;
1648
+ top: 0;
1649
+ left: auto;
1650
+ right: 0;
1651
+ -webkit-transform: rotate(90deg);
1652
+ -ms-transform: rotate(90deg);
1653
+ transform: rotate(90deg);
1654
+ width: 150px;
1655
+ overflow: hidden;
1656
+ height: 150px;
1657
+ }
1658
+
1659
+ .acfb_call_to_action_block .acfb_cta_ribbon_left{
1660
+ -webkit-transform: rotate(0);
1661
+ -ms-transform: rotate(0);
1662
+ transform: rotate(0);
1663
+ left: 0;
1664
+ right: auto;
1665
+ }
1666
+
1667
+ .acfb_call_to_action_block .acfb_cta_ribbon_right{
1668
+ -webkit-transform: rotate(90deg);
1669
+ -ms-transform: rotate(90deg);
1670
+ transform: rotate(90deg);
1671
+ left: auto;
1672
+ right: 0;
1673
+ }
1674
+
1675
+ .acfb_call_to_action_block .acfb_cta_ribbon{
1676
+ font-weight: 500;
1677
+ text-align: center;
1678
+ left: 0;
1679
+ width: 200%;
1680
+ -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
1681
+ -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
1682
+ transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
1683
+ margin-top: 35px;
1684
+ font-size: 13px;
1685
+ line-height: 2;
1686
+ font-weight: 800;
1687
+ text-transform: uppercase;
1688
+ }
1689
+
1690
+
1691
+ .acfb_call_to_action_block .acfb_cta_image_left .acfb_cta{
1692
+ -webkit-box-orient: horizontal;
1693
+ -webkit-box-direction: normal;
1694
+ -ms-flex-direction: row;
1695
+ flex-direction: row;
1696
+ }
1697
+
1698
+ .acfb_call_to_action_block .acfb_cta_image_right .acfb_cta{
1699
+ -webkit-box-orient: horizontal;
1700
+ -webkit-box-direction: reverse;
1701
+ flex-direction: row-reverse;
1702
+ }
1703
+
1704
+ .acfb_call_to_action_block .acfb_cta_image_left .acfb_cta, .acfb_call_to_action_block .acfb_cta_image_right .acfb_cta{
1705
+ -ms-flex-wrap: nowrap;
1706
+ flex-wrap: nowrap;
1707
+ }
1708
+
1709
+ .acfb_call_to_action_block .acfb_cta_image_left .acfb_cta_bg_wrapper, .acfb_call_to_action_block .acfb_cta_image_right .acfb_cta_bg_wrapper{
1710
+ width: auto;
1711
+ min-width: 50%;
1712
+ }
1713
+
1714
+ .acfb_call_to_action_block:hover .acfb_cta_bg{
1715
+ -webkit-transform: scale(1.2);
1716
+ -ms-transform: scale(1.2);
1717
+ transform: scale(1.2);
1718
+ }
1719
+
1720
+ .acfb_call_to_action_block .acfb_cta_item{
1721
+ transition-duration: 1000ms;
1722
+ }
1723
+
1724
+ .acfb_call_to_action_block .acfb_cta_skin_cover .acfb_cta_content{
1725
+ /*pointer-events: none;*/
1726
+ }
1727
+
1728
+ .acfb_call_to_action_block .acfb_cta_skin_cover .acfb_cta_content:hover .acfb_cta_item{
1729
+ -webkit-transform: scale(1.1);
1730
+ -ms-transform: scale(1.1);
1731
+ transform: scale(1.1);
1732
+ }
1733
+
1734
+ .acfb_call_to_action_block .acfb_cta_item, .acfb_call_to_action_block .acfb_cta_item p{
1735
+ margin: 0 0 10px 0;
1736
+ display: inline-block;
1737
+ }
1738
+
1739
+
1740
+
1741
+
1742
+
1743
+
1744
+
1745
+
1746
+
1747
+
1748
+
1749
+
1750
+
1751
+
1752
+
1753
+
1754
+
1755
+
1756
+ /************ Before After Image CSS ************/
1757
+
1758
+
1759
+
1760
+
1761
+
1762
+
1763
+
1764
+
1765
+
1766
+
1767
+
1768
+
1769
+ /************ Image Hotspot CSS ************/
1770
+ .acfb_ih_wrapper{
1771
+ position: relative;
1772
+ }
1773
+
1774
+ .acfb_ih_wrapper .acfb_ih_image{
1775
+ width: 100%;
1776
+ }
1777
+
1778
+ .acfb_ih_item {
1779
+ position: absolute;
1780
+ }
1781
+
1782
+ .acfb_ih_item .acfb_ih_tooltip h4{
1783
+ margin: 0;
1784
+ }
1785
+
1786
+ .acfb_ih_item .acfb_ih_tooltip p{
1787
+ margin: 10px 0;
1788
+ }
1789
+
1790
+ .acfb_ih_item:hover, .acfb_ih_item:active {
1791
+ z-index: 999;
1792
+ }
1793
+ .acfb_ih_item:hover .acfb_ih_tooltip, .acfb_ih_item:active .acfb_ih_tooltip {
1794
+ display: block;
1795
+ }
1796
+
1797
+ .acfb_ih_item:hover .acfb_ih_pointer:after, .acfb_ih_item:active .acfb_ih_pointer:after {
1798
+ border-color: transparent;
1799
+ }
1800
+ .acfb_ih_pointer {
1801
+ padding: 0px;
1802
+ border-radius: 100%;
1803
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
1804
+ z-index: 999;
1805
+ cursor: pointer;
1806
+ }
1807
+ .acfb_ih_pointer:after {
1808
+ position: absolute;
1809
+ top: 50%;
1810
+ left: 50%;
1811
+ transform: translate(-50%, -50%) scale(1, 1);
1812
+ pointer-events: none;
1813
+ content: "";
1814
+ display: block;
1815
+ border-radius: 100%;
1816
+ opacity: 0;
1817
+ transition: border-color 1s linear;
1818
+ animation: button-pulse 4s linear infinite;
1819
+ }
1820
+ .acfb_ih_tooltip {
1821
+ position: absolute;
1822
+ padding: 15px;
1823
+ background-color: white;
1824
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
1825
+ z-index: -1;
1826
+ display: none;
1827
+ transition: opacity 0.1s linear;
1828
+ }
1829
+ .acfb_ih_tooltip h4, .acfb_ih_tooltip p, .acfb_ih_tooltip img {
1830
+ margin: 0 0 10px 0;
1831
+ }
1832
+
1833
+ .acfb_ih_tooltip a {
1834
+ cursor: pointer;
1835
+ padding: 10px 25px;
1836
+ display: inline-block;
1837
+ text-decoration: none;
1838
+ }
1839
+
1840
+ .acfb_ih_tooltip:after{
1841
+ height: 20px;
1842
+ width: 20px;
1843
+ -webkit-transform: rotate(45deg);
1844
+ transform: rotate(45deg);
1845
+ content: "";
1846
+ display: block;
1847
+ position: absolute;
1848
+ background-size: cover;
1849
+ }
1850
+
1851
+ /* Tooltip Positions */
1852
+ .acfb_ih_top {
1853
+ -webkit-transform: translate(-50%,0px);
1854
+ transform: translate(-50%,0px);
1855
+ margin: 0 -400px 10px 0;
1856
+ bottom: 110%;
1857
+ left: 50%;
1858
+ }
1859
+
1860
+ .acfb_ih_top:after{
1861
+ bottom: -10px;
1862
+ left: 50%;
1863
+ margin-left: -12px;
1864
+ }
1865
+
1866
+
1867
+ .acfb_ih_bottom {
1868
+ -webkit-transform: translate(-50%,0px);
1869
+ transform: translate(-50%,0px);
1870
+ margin: 10px -400px 0 0;
1871
+ top: 110%;
1872
+ left: 50%;
1873
+ }
1874
+
1875
+ .acfb_ih_bottom:after{
1876
+ top: -10px;
1877
+ left: 50%;
1878
+ margin-left: -12px;
1879
+ }
1880
+
1881
+
1882
+ .acfb_ih_left {
1883
+ -webkit-transform: translate(0px,-50%);
1884
+ transform: translate(0px,-50%);
1885
+ margin: 0 10px 0 -400px;
1886
+ top: 50%;
1887
+ right: 110%;
1888
+ }
1889
+
1890
+ .acfb_ih_left:after{
1891
+ top: 50%;
1892
+ right: -10px;
1893
+ margin-top: -8px;
1894
+ }
1895
+
1896
+
1897
+ .acfb_ih_right {
1898
+ -webkit-transform: translate(0px,-50%);
1899
+ transform: translate(0px,-50%);
1900
+ margin: 0 -400px 0 10px;
1901
+ top: 50%;
1902
+ left: 110%;
1903
+ }
1904
+
1905
+ .acfb_ih_right:after{
1906
+ top: 50%;
1907
+ left: -10px;
1908
+ margin-top: -8px;
1909
+ }
1910
+
1911
+
1912
+
1913
+
1914
+
1915
+ @keyframes button-pulse {
1916
+ 0% {
1917
+ transform: translate(-50%, -50%) scale(1, 1);
1918
+ opacity: 0;
1919
+ }
1920
+ 20% {
1921
+ transform: translate(-50%, -50%) scale(1.5, 1.5);
1922
+ opacity: 0.9;
1923
+ }
1924
+ 50% {
1925
+ transform: translate(-50%, -50%) scale(2, 2);
1926
+ opacity: 0;
1927
+ }
1928
+ 100% {
1929
+ transform: translate(-50%, -50%) scale(2, 2);
1930
+ opacity: 0;
1931
+ }
1932
+ }
1933
+
1934
+
1935
+
1936
+
1937
+
1938
+
1939
+ /************ Devices CSS ************/
1940
+ /* Laptop Device */
1941
+ .acfb_device_block{
1942
+ display: flex;
1943
+ }
1944
+
1945
+ .acfb_device_type_laptop .acfb_device{
1946
+ position: relative;
1947
+ }
1948
+
1949
+ .acfb_device_type_laptop .acfb_device_body svg{
1950
+ display: block;
1951
+ transform: rotate(0deg);
1952
+ }
1953
+
1954
+ .acfb_device_type_laptop .acfb_device_media{
1955
+ position: absolute;
1956
+ top: 6%;
1957
+ width: 76%;
1958
+ height: 84%;
1959
+ left: 50%;
1960
+ transition: all 0.3s cubic-bezier(.42,0,.2,1);
1961
+ border-radius: 3px;
1962
+ transform: translateX(-50%);
1963
+ /*background: rgba(255,255,255,.2);*/
1964
+ overflow: hidden;
1965
+ display: -ms-flexbox;
1966
+ display: flex;
1967
+ border-radius: 3px;
1968
+ transition: all 0.3s cubic-bezier(.42,0,.2,1);
1969
+ z-index: 2;
1970
+ align-items: flex-start;
1971
+ flex-direction: row;
1972
+ }
1973
+
1974
+
1975
+ .acfb_device_type_laptop .acfb_device_media img{
1976
+ width: 100%;
1977
+ height: 100%;
1978
+ object-fit: cover;
1979
+ }
1980
+
1981
+
1982
+ /* Tablet Device */
1983
+ .acfb_device_type_tablet .acfb_device{
1984
+ position: relative;
1985
+ }
1986
+
1987
+ .acfb_device_type_tablet .acfb_device_body svg{
1988
+ display: block;
1989
+ transform: rotate(0deg);
1990
+ transition: all 0.3s cubic-bezier(.42,0,.2,1);
1991
+ }
1992
+
1993
+ .acfb_device_type_tablet .acfb_device_media{
1994
+ position: absolute;
1995
+ top: 7%;
1996
+ left: 50%;
1997
+ bottom: 38%;
1998
+ transition: all 0.3s cubic-bezier(.42,0,.2,1);
1999
+ transform: translateX(-50%);
2000
+ width: 90.69767%;
2001
+ height: 84%;
2002
+ background: rgba(255,255,255,.2);
2003
+ overflow: hidden;
2004
+ display: -ms-flexbox;
2005
+ display: flex;
2006
+ border-radius: 3px;
2007
+ transition: all 0.3s cubic-bezier(.42,0,.2,1);
2008
+ z-index: 2;
2009
+ align-items: flex-start;
2010
+ flex-direction: row;
2011
+ }
2012
+
2013
+ .acfb_device_type_tablet .acfb_device_media img{
2014
+ width: 100%;
2015
+ height: 100%;
2016
+ object-fit: cover;
2017
+ }
2018
+
2019
+
2020
+ /* Mobile Device */
2021
+ .acfb_device_type_mobile .acfb_device{
2022
+ position: relative;
2023
+ }
2024
+
2025
+ .acfb_device_type_mobile .acfb_device_body svg{
2026
+ display: block;
2027
+ transform: rotate(0deg);
2028
+ }
2029
+
2030
+ .acfb_device_type_mobile .acfb_device_media{
2031
+ position: absolute;
2032
+ left: 50%;
2033
+ transition: all 0.3s cubic-bezier(.42,0,.2,1);
2034
+ border-radius: 3px;
2035
+ transform: translateX(-50%);
2036
+ background: rgba(255,255,255,.2);
2037
+ overflow: hidden;
2038
+ display: -ms-flexbox;
2039
+ display: flex;
2040
+ border-radius: 3px;
2041
+ transition: all 0.3s cubic-bezier(.42,0,.2,1);
2042
+ z-index: 2;
2043
+ align-items: flex-start;
2044
+ flex-direction: row;
2045
+ top: 11.7%;
2046
+ bottom: 12%;
2047
+ width: 88.80866%;
2048
+ transform: translateX(-50%);
2049
+ }
2050
+
2051
+ .acfb_device_type_mobile .acfb_device_media img{
2052
+ width: 100%;
2053
+ height: 100%;
2054
+ object-fit: cover;
2055
+ }
2056
+
2057
+
2058
+
2059
+
2060
+ /************ Shape Divider CSS ************/
2061
+ .acfb_shape_divider_block .acfb_shape_divider{
2062
+ overflow: hidden;
2063
+ }
2064
+
2065
+ .acfb_shape_divider_block .acfb_shape_divider svg{
2066
+ display: block;
2067
+ position: relative;
2068
+ /* left: 0%;
2069
+ -webkit-transform: translateX(-50%);
2070
+ -ms-transform: translateX(-50%);
2071
+ transform: translateX(-50%);*/
2072
+ }
2073
+
2074
+ .acfb_shape_divider_block .acfb_shape_divider{
2075
+ bottom: -1px;
2076
+ }
2077
+
2078
+ /*.acfb_shape_divider_block .acfb_shape_divider svg{
2079
+ transform: translateX(-50%) rotateY(180deg);
2080
+ }*/
2081
+
2082
+ .acfb_shape_divider_block .acfb_shape_top{
2083
+ transform: rotateX(-180deg);
2084
+ }
2085
+
2086
+
2087
+
2088
+
2089
+
2090
+ /************ Post Ticker CSS ************/
2091
+ .acfb_post_ticker{
2092
+ display: flex;
2093
+ overflow: hidden;
2094
+ }
2095
+
2096
+ .acfb_post_ticker .acfb_post_ticker_heading{
2097
+ display: flex;
2098
+ flex-direction: row;
2099
+ flex-shrink: 0;
2100
+ align-items: center;
2101
+ padding: 10px 15px;
2102
+ position: relative;
2103
+ }
2104
+
2105
+ .acfb_post_ticker .acfb_post_ticker_heading:after {
2106
+ content: '';
2107
+ position: absolute;
2108
+ right: -20px;
2109
+ border: 10px solid transparent;
2110
+ top: 50%;
2111
+ transform: translateY(-50%);
2112
+ }
2113
+
2114
+ .acfb_post_ticker .acfb_post_ticker_wrap{
2115
+ display: flex;
2116
+ align-items: center;
2117
+ overflow: hidden;
2118
+ padding: 10px 15px;
2119
+ }
2120
+
2121
+ .acfb_post_ticker .acfb_post_ticker_wrap .acfb_ptt{
2122
+ text-decoration: none;
2123
+ }
2124
+
2125
+ /*
2126
+ .acfb_post_ticker .acfb_post_ticker_wrap .swiper-container{
2127
+ display: grid;
2128
+ grid-template-columns: 90% 10%;
2129
+ }
2130
+
2131
+ .acfb_post_ticker .acfb_post_ticker_wrap .acfb_post_ticker_navigation{
2132
+ align-items: center;
2133
+ padding-left: 10px;
2134
+ padding-right: 10px;
2135
+ justify-content: center;
2136
+ position: relative;
2137
+ }
2138
+
2139
+ .acfb_post_ticker .swiper-container .acfb-ticker-button-next, .acfb_post_ticker .swiper-container .acfb-ticker-button-prev{
2140
+ position: absolute;
2141
+ width: 20px;
2142
+ z-index: 10;
2143
+ cursor: pointer;
2144
+ }
2145
+
2146
+ .acfb_post_ticker .swiper-container .acfb-ticker-button-next{
2147
+ right: 0;
2148
+ }
2149
+
2150
+ .acfb_post_ticker .swiper-container .acfb-ticker-button-prev{
2151
+ left: 0;
2152
+ }
2153
+ */
2154
+
2155
+
2156
+ /************ Post Tiled CSS ************/
2157
+ .acfb_posts_tiled_block .acfb_post_tiled_item .acfb_post_tiled_title,
2158
+ .acfb_posts_tiled_block .acfb_post_tiled_item .acfb_post_tiled_meta,
2159
+ .acfb_posts_tiled_block .acfb_post_tiled_item .acfb_post_tiled_excerpt,
2160
+ .acfb_posts_tiled_block .acfb_post_tiled_item .acfb_post_tiled_button {
2161
+ margin-bottom: 15px;
2162
+ }
2163
+
2164
+ .acfb_posts_tiled_block .acfb_post_tiled_item .acfb_post_tiled_title h1,
2165
+ .acfb_posts_tiled_block .acfb_post_tiled_item .acfb_post_tiled_title h2,
2166
+ .acfb_posts_tiled_block .acfb_post_tiled_item .acfb_post_tiled_title h3,
2167
+ .acfb_posts_tiled_block .acfb_post_tiled_item .acfb_post_tiled_title h4,
2168
+ .acfb_posts_tiled_block .acfb_post_tiled_item .acfb_post_tiled_title h5,
2169
+ .acfb_posts_tiled_block .acfb_post_tiled_item .acfb_post_tiled_title h6 {
2170
+ margin: 0;
2171
+ }
2172
+
2173
+ .acfb_posts_tiled_block .acfb_post_tiled_item div:nth-last-of-type(1) {
2174
+ margin-bottom: 0;
2175
+ }
2176
+
2177
+
2178
+ .acfb_posts_tiled_block .acfb_post_tiled_grid {
2179
+ display: grid;
2180
+ grid-gap: 10px;
2181
+ }
2182
+
2183
+ .acfb_posts_tiled_block .acfb_post_tiled_grid .acfb_post_tiled_item .acfb_post_tiled_item_inner{
2184
+ background-size: cover !important;
2185
+ background-position: center !important;
2186
+ display: grid;
2187
+ }
2188
+
2189
+
2190
+ .acfb_posts_tiled_block .acfb_post_tiled_2 {
2191
+ grid-template-columns: 1fr 1fr;
2192
+ }
2193
+
2194
+ .acfb_posts_tiled_block .acfb_post_tiled_3 {
2195
+ grid-template-columns: 1fr 1fr 1fr;
2196
+ }
2197
+
2198
+ .acfb_posts_tiled_block .acfb_post_tiled_4 {
2199
+ grid-template-columns: 1fr 1fr 1fr 1fr;
2200
+ }
2201
+
2202
+ .acfb_posts_tiled_block .acfb_post_tiled_5 {
2203
+ grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
2204
+ }
2205
+
2206
+ .acfb_posts_tiled_block .acfb_post_tiled_6 {
2207
+ grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
2208
+ }
2209
+
2210
+ .acfb_posts_tiled_block .acfb_post_tiled_collage .acfb_post_tiled_item .acfb_post_tiled_item_inner{
2211
+ background-size: cover !important;
2212
+ background-position: center !important;
2213
+ padding: 15px;
2214
+ display: grid;
2215
+ height: 100%;
2216
+ }
2217
+
2218
+ .acfb_posts_tiled_block .acfb_post_collage_three_grid_style_one{
2219
+ display: grid;
2220
+ grid-gap: 10px;
2221
+ grid-template-columns: 1fr 1fr;
2222
+ grid-template-rows: 1fr 1fr;
2223
+ grid-template-areas: "one two" "one three";
2224
+ }
2225
+
2226
+ .acfb_posts_tiled_block .acfb_post_collage_three_grid_style_one .acfb_post_tiled_item_1{ grid-area: one; }
2227
+ .acfb_posts_tiled_block .acfb_post_collage_three_grid_style_one .acfb_post_tiled_item_2{ grid-area: two; }
2228
+ .acfb_posts_tiled_block .acfb_post_collage_three_grid_style_one .acfb_post_tiled_item_3{ grid-area: three; }
2229
+
2230
+ .acfb_posts_tiled_block .acfb_post_collage_four_grid_style_one{
2231
+ display: grid;
2232
+ grid-gap: 10px;
2233
+ grid-template-columns: 1fr 1fr 1fr 1fr;
2234
+ grid-template-rows: 1fr 1fr 1fr 1fr;
2235
+ grid-template-areas: "one one two two" "one one two two" "one one three four" "one one three four";
2236
+ }
2237
+
2238
+ .acfb_posts_tiled_block .acfb_post_collage_four_grid_style_one .acfb_post_tiled_item_1{ grid-area: one; }
2239
+ .acfb_posts_tiled_block .acfb_post_collage_four_grid_style_one .acfb_post_tiled_item_2{ grid-area: two; }
2240
+ .acfb_posts_tiled_block .acfb_post_collage_four_grid_style_one .acfb_post_tiled_item_3{ grid-area: three; }
2241
+ .acfb_posts_tiled_block .acfb_post_collage_four_grid_style_one .acfb_post_tiled_item_4{ grid-area: four; }
2242
+
2243
+
2244
+ .acfb_posts_tiled_block .acfb_post_collage_four_grid_style_two{
2245
+ display: grid;
2246
+ grid-gap: 10px;
2247
+ grid-template-columns: 1fr 1fr 1fr 1fr;
2248
+ grid-template-rows: 1fr 1fr 1fr 1fr;
2249
+ grid-template-areas: "one one two three" "one one two three" "one one two four" "one one two four";
2250
+ }
2251
+
2252
+ .acfb_posts_tiled_block .acfb_post_collage_four_grid_style_two .acfb_post_tiled_item_1{ grid-area: one; }
2253
+ .acfb_posts_tiled_block .acfb_post_collage_four_grid_style_two .acfb_post_tiled_item_2{ grid-area: two; }
2254
+ .acfb_posts_tiled_block .acfb_post_collage_four_grid_style_two .acfb_post_tiled_item_3{ grid-area: three; }
2255
+ .acfb_posts_tiled_block .acfb_post_collage_four_grid_style_two .acfb_post_tiled_item_4{ grid-area: four; }
2256
+
2257
+
2258
+
2259
+
2260
+ .acfb_posts_tiled_block .acfb_post_collage_five_grid_style_one{
2261
+ display: grid;
2262
+ grid-gap: 10px;
2263
+ grid-template-columns: 1fr 1fr 1fr;
2264
+ grid-template-rows: 1fr 1fr;
2265
+ grid-template-areas: "one three four" "two three five";
2266
+ }
2267
+
2268
+ .acfb_posts_tiled_block .acfb_post_collage_five_grid_style_one .acfb_post_tiled_item_1{ grid-area: one; }
2269
+ .acfb_posts_tiled_block .acfb_post_collage_five_grid_style_one .acfb_post_tiled_item_2{ grid-area: two; }
2270
+ .acfb_posts_tiled_block .acfb_post_collage_five_grid_style_one .acfb_post_tiled_item_3{ grid-area: three; }
2271
+ .acfb_posts_tiled_block .acfb_post_collage_five_grid_style_one .acfb_post_tiled_item_4{ grid-area: four; }
2272
+ .acfb_posts_tiled_block .acfb_post_collage_five_grid_style_one .acfb_post_tiled_item_5{ grid-area: five; }
2273
+
2274
+
2275
+
2276
+ .acfb_posts_tiled_block .acfb_post_collage_five_grid_style_two{
2277
+ display: grid;
2278
+ grid-gap: 10px;
2279
+ grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
2280
+ grid-template-rows: 1fr 1fr;
2281
+ grid-template-areas: "one one one two two two" "three three four four five five";
2282
+ }
2283
+
2284
+ .acfb_posts_tiled_block .acfb_post_collage_five_grid_style_two .acfb_post_tiled_item_1{ grid-area: one; }
2285
+ .acfb_posts_tiled_block .acfb_post_collage_five_grid_style_two .acfb_post_tiled_item_2{ grid-area: two; }
2286
+ .acfb_posts_tiled_block .acfb_post_collage_five_grid_style_two .acfb_post_tiled_item_3{ grid-area: three; }
2287
+ .acfb_posts_tiled_block .acfb_post_collage_five_grid_style_two .acfb_post_tiled_item_4{ grid-area: four; }
2288
+ .acfb_posts_tiled_block .acfb_post_collage_five_grid_style_two .acfb_post_tiled_item_5{ grid-area: five; }
2289
+
2290
+
2291
+
2292
+
2293
+ .acfb_posts_tiled_block .acfb_post_collage_five_grid_style_three{
2294
+ display: grid;
2295
+ grid-gap: 10px;
2296
+ grid-template-columns: 1fr 1fr 1fr 1fr;
2297
+ grid-template-rows: 1fr 1fr;
2298
+ grid-template-areas: "one one two three" "one one four five";
2299
+ }
2300
+
2301
+ .acfb_posts_tiled_block .acfb_post_collage_five_grid_style_three .acfb_post_tiled_item_1{ grid-area: one; }
2302
+ .acfb_posts_tiled_block .acfb_post_collage_five_grid_style_three .acfb_post_tiled_item_2{ grid-area: two; }
2303
+ .acfb_posts_tiled_block .acfb_post_collage_five_grid_style_three .acfb_post_tiled_item_3{ grid-area: three; }
2304
+ .acfb_posts_tiled_block .acfb_post_collage_five_grid_style_three .acfb_post_tiled_item_4{ grid-area: four; }
2305
+ .acfb_posts_tiled_block .acfb_post_collage_five_grid_style_three .acfb_post_tiled_item_5{ grid-area: five; }
2306
+
2307
+
2308
+
2309
+
2310
+ @media screen and (max-width: 767px) {
2311
+ .acfb_posts_tiled_block .acfb_post_tiled_grid{
2312
+ grid-template-columns: 100%;
2313
+ }
2314
+
2315
+ .acfb_posts_tiled_block .acfb_post_collage_three_grid_style_one{
2316
+ grid-template-columns: 1fr;
2317
+ grid-template-rows: 1fr;
2318
+ grid-template-areas:
2319
+ "one"
2320
+ "two"
2321
+ "three";
2322
+ }
2323
+
2324
+ .acfb_posts_tiled_block .acfb_post_collage_four_grid_style_one,
2325
+ .acfb_posts_tiled_block .acfb_post_collage_four_grid_style_two{
2326
+ grid-template-columns: 1fr;
2327
+ grid-template-rows: 1fr;
2328
+ grid-template-areas:
2329
+ "one"
2330
+ "two"
2331
+ "three"
2332
+ "four";
2333
+ }
2334
+
2335
+ .acfb_posts_tiled_block .acfb_post_collage_five_grid_style_one,
2336
+ .acfb_posts_tiled_block .acfb_post_collage_five_grid_style_two,
2337
+ .acfb_posts_tiled_block .acfb_post_collage_five_grid_style_three{
2338
+ grid-template-columns: 1fr;
2339
+ grid-template-rows: 1fr;
2340
+ grid-template-areas:
2341
+ "one"
2342
+ "two"
2343
+ "three"
2344
+ "four"
2345
+ "five";
2346
+ }
2347
+
2348
+
2349
+ }
2350
+
2351
+
2352
+
2353
+
2354
+
2355
+
2356
+
2357
+
2358
+
2359
+ /************ Post Timeline CSS ************/
2360
+ .acfb_post_timeline_block .acfb_post_timeline .acfb_post_timeline_content img{
2361
+ height: auto;
2362
+ }
2363
+
2364
+ .acfb_post_timeline_block .acfb_post_timeline_thumbnail,
2365
+ .acfb_post_timeline_block .acfb_post_timeline_title,
2366
+ .acfb_post_timeline_block .acfb_post_timeline_meta,
2367
+ .acfb_post_timeline_block .acfb_post_timeline_excerpt,
2368
+ .acfb_post_timeline_block .acfb_post_timeline_button {
2369
+ margin: 10px 0 !important;
2370
+ }
2371
+
2372
+ .acfb_post_timeline_block .acfb_post_timeline_title h1,
2373
+ .acfb_post_timeline_block .acfb_post_timeline_title h2,
2374
+ .acfb_post_timeline_block .acfb_post_timeline_title h3,
2375
+ .acfb_post_timeline_block .acfb_post_timeline_title h4,
2376
+ .acfb_post_timeline_block .acfb_post_timeline_title h5,
2377
+ .acfb_post_timeline_block .acfb_post_timeline_title h6 {
2378
+ margin: 0;
2379
+ }
2380
+
2381
+
2382
+ .acfb_post_timeline_center .acfb_post_timeline_inner:nth-child(odd) .acfb_posts_opposite_elements{
2383
+ position: absolute;
2384
+ right: -100%;
2385
+ top: 0;
2386
+ width: 100%;
2387
+ padding: 10px 0px 10px 40px;
2388
+ text-align: left;
2389
+ }
2390
+
2391
+
2392
+ .acfb_post_timeline_center .acfb_post_timeline_inner:nth-child(odd) .acfb_posts_opposite_elements .acfb_posts_opposite_elements_inner::before{
2393
+ content: " ";
2394
+ height: 0;
2395
+ position: absolute;
2396
+ top: 22px;
2397
+ width: 0;
2398
+ z-index: 1;
2399
+ left: 30px;
2400
+ border-style: solid;
2401
+ border-width: 10px 10px 10px 0;
2402
+ }
2403
+
2404
+ .acfb_post_timeline_center .acfb_post_timeline_inner:nth-child(even) .acfb_posts_opposite_elements{
2405
+ position: absolute;
2406
+ left: -100%;
2407
+ top: 0;
2408
+ width: 100%;
2409
+ padding: 10px 40px 10px 0px;
2410
+ text-align: right;
2411
+ }
2412
+
2413
+ .acfb_post_timeline_center .acfb_post_timeline_inner:nth-child(even) .acfb_posts_opposite_elements .acfb_posts_opposite_elements_inner::before{
2414
+ content: " ";
2415
+ height: 0;
2416
+ position: absolute;
2417
+ top: 22px;
2418
+ width: 0;
2419
+ z-index: 1;
2420
+ right: 30px;
2421
+ border-style: solid;
2422
+ border-width: 10px 0 10px 10px;
2423
+ }
2424
+
2425
+ .acfb_post_timeline_center .acfb_post_timeline_inner .acfb_posts_opposite_elements .acfb_posts_opposite_elements_inner{
2426
+ padding: 20px 30px;
2427
+ }
2428
+
2429
+ .acfb_post_timeline_center {
2430
+ position: relative;
2431
+ }
2432
+
2433
+ .acfb_post_timeline_center::after {
2434
+ background: #e0e0e0;
2435
+ }
2436
+
2437
+ .acfb_post_timeline_center::after {
2438
+ content: '';
2439
+ position: absolute;
2440
+ width: 6px;
2441
+ top: 0;
2442
+ bottom: 0;
2443
+ left: 50%;
2444
+ margin-left: -3px;
2445
+ }
2446
+
2447
+ .acfb_post_timeline_center .acfb_post_timeline_inner {
2448
+ position: relative;
2449
+ width: 50%;
2450
+ }
2451
+
2452
+ .acfb_post_timeline_center .acfb_post_timeline_inner:nth-child(odd) {
2453
+ left: 0;
2454
+ padding: 10px 40px 10px 0px;
2455
+ text-align: right;
2456
+ }
2457
+
2458
+
2459
+ .acfb_post_timeline_center .acfb_post_timeline_inner:nth-child(even) {
2460
+ left: 50%;
2461
+ padding: 10px 0px 10px 40px;
2462
+ text-align: left;
2463
+ }
2464
+
2465
+ .acfb_post_timeline_center .acfb_post_timeline_inner:nth-child(odd)::before{
2466
+ content: " ";
2467
+ height: 0;
2468
+ position: absolute;
2469
+ top: 22px;
2470
+ width: 0;
2471
+ z-index: 1;
2472
+ right: 30px;
2473
+ border-style: solid;
2474
+ border-width: 10px 0 10px 10px;
2475
+ }
2476
+
2477
+ .acfb_post_timeline_center .acfb_post_timeline_inner:nth-child(even)::after {
2478
+ left: -12px;
2479
+ }
2480
+
2481
+ .acfb_post_timeline_center .acfb_post_timeline_inner:nth-child(even)::before {
2482
+ content: " ";
2483
+ height: 0;
2484
+ position: absolute;
2485
+ top: 22px;
2486
+ width: 0;
2487
+ z-index: 1;
2488
+ left: 30px;
2489
+ border-style: solid;
2490
+ border-width: 10px 10px 10px 0;
2491
+ }
2492
+
2493
+ .acfb_post_timeline_center .acfb_post_timeline_inner::after{
2494
+ content: '';
2495
+ position: absolute;
2496
+ width: 25px;
2497
+ height: 25px;
2498
+ right: -12px;
2499
+ top: 15px;
2500
+ border-radius: 50%;
2501
+ z-index: 1;
2502
+ background: #f3f4f5;
2503
+ border: 4px solid #191e23;
2504
+ }
2505
+
2506
+ .acfb_post_timeline_center .acfb_post_timeline_inner .acfb_post_timeline_content{
2507
+ padding: 20px 30px;
2508
+ position: relative;
2509
+ }
2510
+
2511
+
2512
+
2513
+
2514
+ /*********** Left Post Timeline ************/
2515
+ .acfb_post_timeline_left .acfb_post_timeline_inner .acfb_posts_opposite_elements{
2516
+ padding-bottom: 10px;
2517
+ }
2518
+
2519
+ .acfb_post_timeline_left .acfb_post_timeline_inner .acfb_posts_opposite_elements .acfb_posts_opposite_elements_inner::before{
2520
+ content: " ";
2521
+ height: 0;
2522
+ position: absolute;
2523
+ top: 22px;
2524
+ width: 0;
2525
+ z-index: 1;
2526
+ left: 30px;
2527
+ border-style: solid;
2528
+ border-width: 10px 10px 10px 0;
2529
+ }
2530
+
2531
+ .acfb_post_timeline_left .acfb_post_timeline_inner .acfb_posts_opposite_elements .acfb_posts_opposite_elements_inner{
2532
+ padding: 20px 30px;
2533
+ }
2534
+
2535
+ .acfb_post_timeline_left {
2536
+ position: relative;
2537
+ }
2538
+
2539
+ .acfb_post_timeline_left::after {
2540
+ content: '';
2541
+ position: absolute;
2542
+ width: 6px;
2543
+ top: 0;
2544
+ bottom: 0;
2545
+ margin-left: -3px;
2546
+ }
2547
+
2548
+ .acfb_post_timeline_left .acfb_post_timeline_inner {
2549
+ position: relative;
2550
+ left: 0;
2551
+ padding: 10px 0px 10px 40px;
2552
+ text-align: left;
2553
+ display: flex;
2554
+ flex-direction: column-reverse;
2555
+ }
2556
+
2557
+ .acfb_post_timeline_left .acfb_post_timeline_inner::after {
2558
+ left: -12px;
2559
+ }
2560
+
2561
+ .acfb_post_timeline_left .acfb_post_timeline_inner::before {
2562
+ content: " ";
2563
+ height: 0;
2564
+ position: absolute;
2565
+ top: 22px;
2566
+ width: 0;
2567
+ z-index: 1;
2568
+ left: 30px;
2569
+ border-style: solid;
2570
+ border-width: 10px 10px 10px 0;
2571
+ }
2572
+
2573
+ .acfb_post_timeline_left .acfb_post_timeline_inner::after{
2574
+ content: '';
2575
+ position: absolute;
2576
+ width: 25px;
2577
+ height: 25px;
2578
+ right: -12px;
2579
+ top: 15px;
2580
+ border-radius: 50%;
2581
+ z-index: 1;
2582
+ border: 4px solid #191e23;
2583
+ }
2584
+
2585
+ .acfb_post_timeline_left .acfb_post_timeline_inner .acfb_post_timeline_content{
2586
+ padding: 20px 30px;
2587
+ position: relative;
2588
+ }
2589
+
2590
+
2591
+
2592
+
2593
+ /*********** Right Post Timeline ************/
2594
+ .acfb_post_timeline_right .acfb_post_timeline_inner .acfb_posts_opposite_elements{
2595
+ padding-bottom: 10px;
2596
+ }
2597
+
2598
+ .acfb_post_timeline_right .acfb_post_timeline_inner .acfb_posts_opposite_elements .acfb_posts_opposite_elements_inner::before{
2599
+ content: " ";
2600
+ height: 0;
2601
+ position: absolute;
2602
+ top: 22px;
2603
+ width: 0;
2604
+ z-index: 1;
2605
+ right: 30px;
2606
+ border-style: solid;
2607
+ border-width: 10px 0 10px 10px;
2608
+ }
2609
+
2610
+ .acfb_post_timeline_right .acfb_post_timeline_inner .acfb_posts_opposite_elements .acfb_posts_opposite_elements_inner{
2611
+ padding: 20px 30px;
2612
+ }
2613
+
2614
+ .acfb_post_timeline_right {
2615
+ position: relative;
2616
+ }
2617
+
2618
+ .acfb_post_timeline_right::after {
2619
+ content: '';
2620
+ position: absolute;
2621
+ width: 6px;
2622
+ top: 0;
2623
+ right: 0;
2624
+ bottom: 0;
2625
+ margin-right: -3px;
2626
+ }
2627
+
2628
+ .acfb_post_timeline_right .acfb_post_timeline_inner {
2629
+ position: relative;
2630
+ left: 0;
2631
+ padding: 10px 40px 10px 0px;
2632
+ text-align: right;
2633
+ display: flex;
2634
+ flex-direction: column-reverse;
2635
+ }
2636
+
2637
+ .acfb_post_timeline_right .acfb_post_timeline_inner::after {
2638
+ right: -12px;
2639
+ }
2640
+
2641
+ .acfb_post_timeline_right .acfb_post_timeline_inner::before {
2642
+ content: " ";
2643
+ height: 0;
2644
+ position: absolute;
2645
+ top: 22px;
2646
+ width: 0;
2647
+ z-index: 1;
2648
+ right: 30px;
2649
+ border-style: solid;
2650
+ border-width: 10px 0 10px 10px;
2651
+ }
2652
+
2653
+ .acfb_post_timeline_right .acfb_post_timeline_inner::after{
2654
+ content: '';
2655
+ position: absolute;
2656
+ width: 25px;
2657
+ height: 25px;
2658
+ top: 15px;
2659
+ border-radius: 50%;
2660
+ z-index: 1;
2661
+ border: 4px solid #191e23;
2662
+ }
2663
+
2664
+ .acfb_post_timeline_right .acfb_post_timeline_inner .acfb_post_timeline_content{
2665
+ padding: 20px 30px;
2666
+ position: relative;
2667
+ }
2668
+
2669
+
2670
+
2671
+ @media screen and (max-width: 767px) {
2672
+ .acfb_post_timeline_center .acfb_post_timeline_inner{
2673
+ width: 100%;
2674
+ }
2675
+
2676
+ .acfb_post_timeline_center::after, .acfb_post_timeline_center .acfb_post_timeline_inner:nth-child(even){
2677
+ left: 0;
2678
+ }
2679
+
2680
+ .acfb_post_timeline_center .acfb_post_timeline_inner:nth-child(odd), .acfb_post_timeline_center .acfb_post_timeline_inner:nth-child(even){
2681
+ padding: 10px 0px 10px 40px;
2682
+ text-align: left !important;
2683
+ }
2684
+
2685
+ .acfb_post_timeline_center .acfb_post_timeline_inner::after{
2686
+ left: -12px;
2687
+ }
2688
+
2689
+ .acfb_post_timeline_center .acfb_post_timeline_inner:nth-child(odd)::before{
2690
+ left: 30px;
2691
+ border-width: 10px 10px 10px 0px;
2692
+ }
2693
+
2694
+
2695
+ .acfb_post_timeline_center .acfb_post_timeline_inner{
2696
+ display: flex;
2697
+ flex-direction: column-reverse;
2698
+ }
2699
+
2700
+ .acfb_post_timeline_center .acfb_post_timeline_inner:nth-child(odd) .acfb_posts_opposite_elements{
2701
+ position: relative;
2702
+ right: 0;
2703
+ top: 0;
2704
+ width: 100%;
2705
+ }
2706
+
2707
+ .acfb_post_timeline_center .acfb_post_timeline_inner:nth-child(even) .acfb_posts_opposite_elements{
2708
+ position: relative;
2709
+ left: 0;
2710
+ top: 0;
2711
+ width: 100%;
2712
+ }
2713
+
2714
+ .acfb_post_timeline_center .acfb_post_timeline_inner:nth-child(odd) .acfb_posts_opposite_elements,
2715
+ .acfb_post_timeline_center .acfb_post_timeline_inner:nth-child(even) .acfb_posts_opposite_elements{
2716
+ padding: 0px 0px 10px 0px;
2717
+ text-align: left !important;
2718
+ }
2719
+
2720
+
2721
+ .acfb_post_timeline_center .acfb_post_timeline_inner .acfb_posts_opposite_elements .acfb_posts_opposite_elements_inner::before{
2722
+ content: none !important;
2723
+ }
2724
+
2725
+ }
2726
+
2727
+
2728
+
2729
+
2730
+ /************ Post Slider CSS ************/
2731
+ .acfb_posts_slider_block .acfb_post_slider_tiled{
2732
+ background-size: cover !important;
2733
+ background-repeat: no-repeat !important;
2734
+ background-position: center !important;
2735
+ display: grid;
2736
+ }
2737
+
2738
+ .acfb_posts_slider_block .acfb_post_slider_card{
2739
+ display: grid;
2740
+ }
2741
+
2742
+ .acfb_posts_slider_block .acfb_post_slider_thumbnail,
2743
+ .acfb_posts_slider_block .acfb_post_slider_title,
2744
+ .acfb_posts_slider_block .acfb_post_slider_meta,
2745
+ .acfb_posts_slider_block .acfb_post_slider_excerpt,
2746
+ .acfb_posts_slider_block .acfb_post_slider_button {
2747
+ margin-bottom: 15px !important;
2748
+ }
2749
+
2750
+ .acfb_posts_slider_block .acfb_post_slider_title h1,
2751
+ .acfb_posts_slider_block .acfb_post_slider_title h2,
2752
+ .acfb_posts_slider_block .acfb_post_slider_title h3,
2753
+ .acfb_posts_slider_block .acfb_post_slider_title h4,
2754
+ .acfb_posts_slider_block .acfb_post_slider_title h5,
2755
+ .acfb_posts_slider_block .acfb_post_slider_title h6 {
2756
+ margin: 0;
2757
+ }
2758
+
2759
+
2760
+ .acfb_posts_slider_block .acfb_post_slider_button a{
2761
+ display: block;
2762
+ }
2763
+
2764
+ .acfb_posts_slider_block .swiper-container .acfb_button_next, .acfb_posts_slider_block .swiper-container .acfb_button_prev{
2765
+ position: absolute;
2766
+ top: 50%;
2767
+ width: 58px;
2768
+ margin-top: -22px;
2769
+ z-index: 10;
2770
+ cursor: pointer;
2771
+ padding: 15px;
2772
+ border-radius: 5px;
2773
+ line-height: 1;
2774
+ }
2775
+
2776
+ .acfb_posts_slider_block .swiper-container .acfb_button_next{
2777
+ right: 10px;
2778
+ left: auto;
2779
+ }
2780
+
2781
+ .acfb_posts_slider_block .swiper-container .acfb_button_prev{
2782
+ left: 10px;
2783
+ right: auto;
2784
+ }
2785
+
2786
+ .acfb_posts_slider_block .acfb_post_slider_card.acfb_post_slider_item{
2787
+ padding: 15px;
2788
+ }
2789
+
2790
+ .acfb_posts_slider_block .acfb_post_slider_card.acfb_post_slider_item .acfb_post_slider_thumbnail img{
2791
+ width: 100%;
2792
+ height: auto;
2793
+ }
2794
+
2795
+
2796
+
2797
+
2798
+ /************ Business Hours CSS ************/
2799
+ .acfb_bh_wrapper{}
2800
+
2801
+ .acfb_bh_wrapper ul{
2802
+ list-style-type: none;
2803
+ padding: 0 !important;
2804
+ margin: 0 !important;
2805
+ }
2806
+
2807
+ .acfb_bh_wrapper ul li{
2808
+ padding: 10px 0;
2809
+ display: -webkit-box;
2810
+ display: -webkit-flex;
2811
+ display: -ms-flexbox;
2812
+ display: flex;
2813
+ justify-content: space-between;
2814
+ }
2815
+
2816
+ .acfb_bh_wrapper ul li:last-child{
2817
+ border-bottom: none !important;
2818
+ }
2819
+
2820
+
2821
+
2822
+ /************ Dual Button CSS ************/
2823
+ .acfb_db_wrapper{
2824
+ display: -webkit-box;
2825
+ display: -ms-flexbox;
2826
+ display: flex;
2827
+ }
2828
+ .acfb_db_wrapper .acfb_db_one{
2829
+ position: relative;
2830
+ }
2831
+
2832
+ .acfb_db_wrapper .acfb_db{
2833
+ display: -webkit-box;
2834
+ display: -ms-flexbox;
2835
+ display: flex;
2836
+ flex-grow: 1;
2837
+ justify-content: center;
2838
+ text-decoration: none !important;
2839
+ }
2840
+ .acfb_db_wrapper .acfb_db_seprator{
2841
+ position: absolute;
2842
+ top: 50%;
2843
+ right: -18px;
2844
+ font-size: 16px;
2845
+ transform: translateY(-50%);
2846
+ z-index: 9999999;
2847
+ width: 35px;
2848
+ height: 35px;
2849
+ display: -webkit-box;
2850
+ display: -ms-flexbox;
2851
+ display: flex;
2852
+ -webkit-box-align: center;
2853
+ -ms-flex-align: center;
2854
+ align-items: center;
2855
+ -webkit-box-pack: center;
2856
+ -ms-flex-pack: center;
2857
+ justify-content: center;
2858
+ }
2859
+
2860
+ .acfb_db_wrapper .acfb_db_seprator span{
2861
+ display: flex;
2862
+ align-items: center;
2863
+ }
2864
+
2865
+ .acfb_db_wrapper .acfb_db_seprator img{
2866
+ padding: 5px;
2867
+ width: 100%;
2868
+ }
2869
+
2870
+
2871
+ @media only screen and (max-width: 767px) {
2872
+ .acfb_db_wrapper{
2873
+ flex-direction: column;
2874
+ }
2875
+
2876
+ .acfb_db_wrapper .acfb_db{
2877
+ justify-content: center;
2878
+ padding-top: 15px !important;
2879
+ padding-bottom: 15px !important;
2880
+ }
2881
+
2882
+ .acfb_db_wrapper .acfb_db_seprator{
2883
+ transform: none;
2884
+ top: calc(100% - 17.5px);
2885
+ left: calc(50% - 17.5px);
2886
+ }
2887
+
2888
+
2889
+ }
2890
+
2891
+ .acfb_db_radius .acf-fields{
2892
+ display: grid;
2893
+ grid-template-columns: 50% 50%;
2894
+ overflow: hidden;
2895
+ }
2896
+
2897
+ .acfb_db_radius .acf-fields input[type=range]{
2898
+ width: 100%;
2899
+ margin-bottom: 5px;
2900
+ }
2901
+
2902
+ .acfb_db_radius .acf-fields input[type=number]{
2903
+ margin-left: 0;
2904
+ }
2905
+
2906
+
2907
+ /************ Highlighted Headline CSS ************/
2908
+ .acfb_highlighted_headline .acfb_animated_wrapper {
2909
+ overflow: visible;
2910
+ position: relative;
2911
+ }
2912
+
2913
+ .acfb_highlighted_headline .acfb_animated_wrapper .acfb_animated_text {
2914
+ z-index:1;
2915
+ position:relative;
2916
+ }
2917
+
2918
+ .acfb_highlighted_headline .acfb_animated_wrapper svg {
2919
+ position: absolute;
2920
+ top: 50%;
2921
+ left: 50%;
2922
+ width: calc( 100% + 0px);
2923
+ height: calc( 100% + 20px);
2924
+ -webkit-transform: translate(-50%, -50%);
2925
+ -ms-transform: translate(-50%, -50%);
2926
+ transform: translate(-50%, -50%);
2927
+ overflow: visible;
2928
+ }
2929
+
2930
+ .acfb_highlighted_headline .acfb_animated_wrapper svg path {
2931
+ stroke-width: 9;
2932
+ fill: none;
2933
+ stroke-dasharray: 1500;
2934
+ stroke-dashoffset: 1500;
2935
+ -webkit-animation-name : acfb-hh-dash;
2936
+ animation-name : acfb-hh-dash;
2937
+ -webkit-animation-iteration-count: infinite;
2938
+ animation-iteration-count: infinite;
2939
+ -webkit-animation-duration: 10s;
2940
+ animation-duration: 10s;
2941
+ }
2942
+
2943
+ .acfb_highlighted_headline .acfb_animated_wrapper svg path:nth-of-type(2) {
2944
+ -webkit-animation-delay: 0.6s;
2945
+ animation-delay: 0.6s;
2946
+ }
2947
+
2948
+ @-webkit-keyframes acfb-hh-dash {
2949
+ 0% { stroke-dashoffset: 1500; }
2950
+ 15% { stroke-dashoffset: 0; }
2951
+ 85% { opacity: 1; }
2952
+ 90% { stroke-dashoffset: 0; opacity: 0; }
2953
+ 100% { stroke-dashoffset: 1500; opacity: 0; }
2954
+ }
2955
+
2956
+ @keyframes acfb-hh-dash {
2957
+ 0% { stroke-dashoffset: 1500; }
2958
+ 15% { stroke-dashoffset: 0; }
2959
+ 85% { opacity: 1; }
2960
+ 90% { stroke-dashoffset: 0; opacity: 0; }
2961
+ 100% { stroke-dashoffset: 1500; opacity: 0; }
2962
+ }
2963
+
2964
+
2965
+
2966
+
2967
+ /************ Tilt Image CSS ************/
2968
+ .acfb_tilt_card {
2969
+ position: relative;
2970
+ transform-style: preserve-3d;
2971
+ }
2972
+
2973
+
2974
+ .acfb_tilt_card .acfb_tilt_title,
2975
+ .acfb_tilt_card .acfb_tilt_content,
2976
+ .acfb_tilt_card .acfb_tilt_content_img,
2977
+ .acfb_tilt_card .acfb_tilt_btn {
2978
+ transform: translateZ(20px);
2979
+ }
2980
+
2981
+ .acfb_tilt_card .acfb_tilt_title {
2982
+ position: relative;
2983
+ z-index: 2;
2984
+ margin:0 0 10px 0 !important;
2985
+ }
2986
+
2987
+ .acfb_tilt_card .acfb_tilt_content_img{
2988
+ margin:0 0 10px 0 !important;
2989
+ }
2990
+
2991
+ .acfb_tilt_card .acfb_tilt_content{
2992
+ margin:0 0 15px 0 !important;
2993
+ }
2994
+
2995
+ .acfb_tilt_card .acfb_tilt_btn {
2996
+ padding: 10px 25px;
2997
+ }
2998
+
2999
+ .acfb_tilt_card .acfb_tilt_bg {
3000
+ position: absolute;
3001
+ z-index: -1;
3002
+ top: 0;
3003
+ left: 0;
3004
+ height: 100%;
3005
+ width: 100%;
3006
+ background-size: cover !important;
3007
+ background-position: center !important;
3008
+ }
3009
+
3010
+
3011
+ /************ Acf Data Display CSS ************/
3012
+ .acfb_meta_display .acfb_meta_display_gallery{
3013
+ display: grid;
3014
+ grid-gap: 10px;
3015
+ align-items: center;
3016
+ justify-items: center;
3017
+ width: 100%;
3018
+ }
3019
+
3020
+ .acfb_meta_display .acfb_meta_display_gallery_2{
3021
+ grid-template-columns: repeat(2, calc(50% - 10px));
3022
+ }
3023
+
3024
+ .acfb_meta_display .acfb_meta_display_gallery_3{
3025
+ grid-template-columns: repeat(3, calc(33.33% - 10px));
3026
+ }
3027
+
3028
+ .acfb_meta_display .acfb_meta_display_gallery_4{
3029
+ grid-template-columns: repeat(4, calc(25% - 10px));
3030
+ }
3031
+
3032
+ .acfb_meta_display .acfb_meta_display_gallery_5{
3033
+ grid-template-columns: repeat(5, calc(20% - 10px));
3034
+ }
3035
+
3036
+
3037
+ /************ Content Toggle CSS ************/
3038
+
3039
+ .acfb_ct_content_wrap.one .block-editor-block-list__layout [data-type="acf/acfb-content-toggle-child"]:nth-child(2){
3040
+ display: none;
3041
+ }
3042
+
3043
+ .acfb_ct_content_wrap.two .block-editor-block-list__layout [data-type="acf/acfb-content-toggle-child"]:nth-child(1) {
3044
+ display: none;
3045
+ }
3046
+
3047
+
3048
+ .acfb_ct_btn_wrap{
3049
+ display: flex;
3050
+ justify-content: center;
3051
+ align-items: center;
3052
+ }
3053
+
3054
+ .acfb_ct_btn_wrap h3{
3055
+ margin-bottom: 0;
3056
+ }
3057
+
3058
+ .acfb_ct_btn_wrap .acfb_ct_switch {
3059
+ position: relative;
3060
+ display: inline-block;
3061
+ width: 60px;
3062
+ height: 34px;
3063
+ margin: 0 10px;
3064
+ }
3065
+
3066
+ .acfb_ct_btn_wrap .acfb_ct_switch input {
3067
+ opacity: 0;
3068
+ width: 0;
3069
+ height: 0;
3070
+ }
3071
+
3072
+ .acfb_ct_btn_wrap .acfb_ct_slider {
3073
+ position: absolute;
3074
+ cursor: pointer;
3075
+ top: 0;
3076
+ left: 0;
3077
+ right: 0;
3078
+ bottom: 0;
3079
+ background-color: #ccc;
3080
+ -webkit-transition: .4s;
3081
+ transition: .4s;
3082
+ border-radius: 34px;
3083
+ }
3084
+
3085
+ .acfb_ct_btn_wrap .acfb_ct_slider:before {
3086
+ position: absolute;
3087
+ content: "";
3088
+ height: 26px;
3089
+ width: 26px;
3090
+ left: 4px;
3091
+ bottom: 4px;
3092
+ background-color: white;
3093
+ -webkit-transition: .4s;
3094
+ transition: .4s;
3095
+ border-radius: 50%;
3096
+ }
3097
+
3098
+ .acfb_ct_btn_wrap input:checked + .acfb_ct_slider {
3099
+ background-color: #2196F3;
3100
+ }
3101
+
3102
+ .acfb_ct_btn_wrap input:focus + .acfb_ct_slider {
3103
+ box-shadow: 0 0 1px #2196F3;
3104
+ }
3105
+
3106
+ .acfb_ct_btn_wrap input:checked + .acfb_ct_slider:before {
3107
+ -webkit-transform: translateX(26px);
3108
+ -ms-transform: translateX(26px);
3109
+ transform: translateX(26px);
3110
+ }
3111
+
3112
+
3113
+ .acfb_ct_content_two {
3114
+ display: none;
3115
+ }
3116
+
3117
+
3118
+
3119
+ .editor-block-list-item-acf-acfb-flipbox .editor-block-types-list__item-title::after,
3120
+ .editor-block-list-item-acf-acfb-flipbox .block-editor-block-types-list__item-title::after,
3121
+
3122
+ .editor-block-list-item-acf-acfb-content-timeline .editor-block-types-list__item-title::after,
3123
+ .editor-block-list-item-acf-acfb-content-timeline .block-editor-block-types-list__item-title::after,
3124
+
3125
+ .editor-block-list-item-acf-acfb-image-accordion .editor-block-types-list__item-title::after,
3126
+ .editor-block-list-item-acf-acfb-image-accordion .block-editor-block-types-list__item-title::after,
3127
+
3128
+ .editor-block-list-item-acf-acfb-call-to-action .editor-block-types-list__item-title::after,
3129
+ .editor-block-list-item-acf-acfb-call-to-action .block-editor-block-types-list__item-title::after,
3130
+
3131
+ .editor-block-list-item-acf-acfb-image-hotspot .editor-block-types-list__item-title::after,
3132
+ .editor-block-list-item-acf-acfb-image-hotspot .block-editor-block-types-list__item-title::after,
3133
+
3134
+ .editor-block-list-item-acf-acfb-gallery .editor-block-types-list__item-title::after,
3135
+ .editor-block-list-item-acf-acfb-gallery .block-editor-block-types-list__item-title::after,
3136
+
3137
+ .editor-block-list-item-acf-acfb-device .editor-block-types-list__item-title::after,
3138
+ .editor-block-list-item-acf-acfb-device .block-editor-block-types-list__item-title::after,
3139
+
3140
+ .editor-block-list-item-acf-acfb-shape-divider .editor-block-types-list__item-title::after,
3141
+ .editor-block-list-item-acf-acfb-shape-divider .block-editor-block-types-list__item-title::after,
3142
+
3143
+ .editor-block-list-item-acf-acfb-post-ticker .editor-block-types-list__item-title::after,
3144
+ .editor-block-list-item-acf-acfb-post-ticker .block-editor-block-types-list__item-title::after,
3145
+
3146
+ .editor-block-list-item-acf-acfb-post-slider .editor-block-types-list__item-title::after,
3147
+ .editor-block-list-item-acf-acfb-post-slider .block-editor-block-types-list__item-title::after,
3148
+
3149
+ .editor-block-list-item-acf-acfb-post-tiled .editor-block-types-list__item-title::after,
3150
+ .editor-block-list-item-acf-acfb-post-tiled .block-editor-block-types-list__item-title::after,
3151
+
3152
+ .editor-block-list-item-acf-acfb-post-timeline .editor-block-types-list__item-title::after,
3153
+ .editor-block-list-item-acf-acfb-post-timeline .block-editor-block-types-list__item-title::after,
3154
+
3155
+ .editor-block-list-item-acf-acfb-before-after-image .editor-block-types-list__item-title::after,
3156
+ .editor-block-list-item-acf-acfb-before-after-image .block-editor-block-types-list__item-title::after,
3157
+
3158
+ .editor-block-list-item-acf-acfb-content-toggle .editor-block-types-list__item-title::after,
3159
+ .editor-block-list-item-acf-acfb-content-toggle .block-editor-block-types-list__item-title::after,
3160
+
3161
+ .editor-block-list-item-acf-acfb-animated-headline .editor-block-types-list__item-title::after,
3162
+ .editor-block-list-item-acf-acfb-animated-headline .block-editor-block-types-list__item-title::after,
3163
+
3164
+ .editor-block-list-item-acf-acfb-steps .editor-block-types-list__item-title::after,
3165
+ .editor-block-list-item-acf-acfb-steps .block-editor-block-types-list__item-title::after,
3166
+
3167
+ .editor-block-list-item-acf-acfb-highlighted-headline .editor-block-types-list__item-title::after,
3168
+ .editor-block-list-item-acf-acfb-highlighted-headline .block-editor-block-types-list__item-title::after,
3169
+
3170
+ .editor-block-list-item-acf-acfb-dual-button .editor-block-types-list__item-title::after,
3171
+ .editor-block-list-item-acf-acfb-dual-button .block-editor-block-types-list__item-title::after,
3172
+
3173
+ .editor-block-list-item-acf-acfb-tilt-card .editor-block-types-list__item-title::after,
3174
+ .editor-block-list-item-acf-acfb-tilt-card .block-editor-block-types-list__item-title::after,
3175
+
3176
+ .editor-block-list-item-acf-acfb-lottie .editor-block-types-list__item-title::after,
3177
+ .editor-block-list-item-acf-acfb-lottie .block-editor-block-types-list__item-title::after{
3178
+ content: " PRO";
3179
+ color: #ffffff;
3180
+ font-weight: bold;
3181
+ background: #06c2a4;
3182
+ padding: 2px 5px;
3183
+ margin-left: 2px;
3184
+ display: inline-block;
3185
+ border-radius: 100px;
3186
+ font-size: 10px;
3187
+ }
3188
+
3189
+
3190
+ [data-name="acfb_timeline_image"] .acf-label,
3191
+ [data-name="acfb_timeline_date"] .acf-label,
3192
+ [data-name="acfb_timeline_title"] .acf-label,
3193
+ [data-name="acfb_timeline_content"] .acf-label,
3194
+ [data-name="acfb_timeline_button"] .acf-label {
3195
+ display: none;
3196
+ }
3197
+
3198
+
3199
+ div[data-type~="typography"], div[data-type~="padding"], div[data-type~="margin"]{
3200
+ padding: 10px !important;
3201
+ border: 1px solid #c5c5c5 !important;
3202
+ }
3203
+
3204
+
3205
+ div[data-type~="typography"] .acf-field-range .acf-range-wrap{
3206
+ display: grid;
3207
+ grid-template-columns: 50% 30% 20%;
3208
+ }
3209
+
3210
+
3211
+
3212
+ .acf-field-padding .acfb-padding,
3213
+ .acf-field-margin .acfb-margin{
3214
+ display: grid;
3215
+ grid-template-columns: 50% 50%;
3216
+ justify-items: center;
3217
+
3218
+ }
3219
+
3220
+ .acf-field-padding .acfb-padding .acf-range-wrap input,
3221
+ .acf-field-margin .acfb-margin .acf-range-wrap input{
3222
+ margin-left: 0;
3223
+ }
3224
+
3225
+ .acfb_pannel_eye{
3226
+ position: absolute;
3227
+ top: -22px;
3228
+ right: 0;
3229
+ }
3230
+
3231
+ .acfb_pannel_eye svg{
3232
+ width: 17px;
3233
+ height: 19px;
3234
+ }
3235
+
3236
+
3237
+ .acfb-checkbox-true-false[type=checkbox]{
3238
+ display:none;
3239
+ }
3240
+
3241
+ .acfb-checkbox-true-false[type=checkbox] + label{
3242
+ height: 16px;
3243
+ width: 16px;
3244
+ fill: #444;
3245
+ }
3246
+
3247
+ .acfb-checkbox-true-false[type=checkbox]:checked + label{
3248
+ height: 16px;
3249
+ width: 16px;
3250
+ fill: #444;
3251
+ }
3252
+
3253
+ .acfb_eye_svg{
3254
+ position: absolute;
3255
+ top: -21px;
3256
+ right: 0;
3257
+ width: 15px;
3258
+ height: 15px;
3259
  }
css/animated-headline.css CHANGED
@@ -1,1207 +1,1207 @@
1
- .cd-title {
2
- position: relative;
3
- height: 160px;
4
- line-height: 230px;
5
- text-align: center;
6
- }
7
- .cd-title h1 {
8
- font-size: 2.4rem;
9
- font-weight: 700;
10
- }
11
- @media only screen and (min-width: 768px) {
12
- .cd-title {
13
- line-height: 250px;
14
- }
15
- }
16
- @media only screen and (min-width: 1170px) {
17
- .cd-title {
18
- height: 200px;
19
- line-height: 300px;
20
- }
21
- .cd-title h1 {
22
- font-size: 3rem;
23
- }
24
- }
25
- .cd-intro {
26
- /*width: 90%;*/
27
- /*max-width: 768px;*/
28
- /*text-align: center;*/
29
- }
30
- .cd-intro {
31
- /*margin: 4em auto;*/
32
- }
33
- @media only screen and (min-width: 768px) {
34
- .cd-intro {
35
- /*margin: 5em auto;*/
36
- }
37
- }
38
- @media only screen and (min-width: 1170px) {
39
- .cd-intro {
40
- /*margin: 6em auto;*/
41
- }
42
- }
43
- .cd-headline {
44
- font-size: 3rem;
45
- line-height: 1.2;
46
- }
47
- @media only screen and (min-width: 768px) {
48
- .cd-headline {
49
- font-size: 4.4rem;
50
- font-weight: 300;
51
- }
52
- }
53
- @media only screen and (min-width: 1170px) {
54
- .cd-headline {
55
- font-size: 6rem;
56
- }
57
- }
58
- .cd-words-wrapper {
59
- display: inline-block;
60
- position: relative;
61
- text-align: left;
62
- }
63
- .cd-words-wrapper b {
64
- display: inline-block;
65
- position: absolute;
66
- white-space: nowrap;
67
- left: 0;
68
- top: 0;
69
- }
70
- .cd-words-wrapper b.is-visible {
71
- position: relative;
72
- }
73
- .no-js .cd-words-wrapper b {
74
- opacity: 0;
75
- }
76
- .no-js .cd-words-wrapper b.is-visible {
77
- opacity: 1;
78
- }
79
- /* --------------------------------
80
-
81
- xrotate-1
82
-
83
- -------------------------------- */
84
- .cd-headline.rotate-1 .cd-words-wrapper {
85
- -webkit-perspective: 300px;
86
- -moz-perspective: 300px;
87
- perspective: 300px;
88
- }
89
- .cd-headline.rotate-1 b {
90
- opacity: 0;
91
- -webkit-transform-origin: 50% 100%;
92
- -moz-transform-origin: 50% 100%;
93
- -ms-transform-origin: 50% 100%;
94
- -o-transform-origin: 50% 100%;
95
- transform-origin: 50% 100%;
96
- -webkit-transform: rotateX(180deg);
97
- -moz-transform: rotateX(180deg);
98
- -ms-transform: rotateX(180deg);
99
- -o-transform: rotateX(180deg);
100
- transform: rotateX(180deg);
101
- }
102
- .cd-headline.rotate-1 b.is-visible {
103
- opacity: 1;
104
- -webkit-transform: rotateX(0deg);
105
- -moz-transform: rotateX(0deg);
106
- -ms-transform: rotateX(0deg);
107
- -o-transform: rotateX(0deg);
108
- transform: rotateX(0deg);
109
- -webkit-animation: cd-rotate-1-in 1.2s;
110
- -moz-animation: cd-rotate-1-in 1.2s;
111
- animation: cd-rotate-1-in 1.2s;
112
- }
113
- .cd-headline.rotate-1 b.is-hidden {
114
- -webkit-transform: rotateX(180deg);
115
- -moz-transform: rotateX(180deg);
116
- -ms-transform: rotateX(180deg);
117
- -o-transform: rotateX(180deg);
118
- transform: rotateX(180deg);
119
- -webkit-animation: cd-rotate-1-out 1.2s;
120
- -moz-animation: cd-rotate-1-out 1.2s;
121
- animation: cd-rotate-1-out 1.2s;
122
- }
123
- @-webkit-keyframes cd-rotate-1-in {
124
- 0% {
125
- -webkit-transform: rotateX(180deg);
126
- opacity: 0;
127
- }
128
- 35% {
129
- -webkit-transform: rotateX(120deg);
130
- opacity: 0;
131
- }
132
- 65% {
133
- opacity: 0;
134
- }
135
- 100% {
136
- -webkit-transform: rotateX(360deg);
137
- opacity: 1;
138
- }
139
- }
140
- @-moz-keyframes cd-rotate-1-in {
141
- 0% {
142
- -moz-transform: rotateX(180deg);
143
- opacity: 0;
144
- }
145
- 35% {
146
- -moz-transform: rotateX(120deg);
147
- opacity: 0;
148
- }
149
- 65% {
150
- opacity: 0;
151
- }
152
- 100% {
153
- -moz-transform: rotateX(360deg);
154
- opacity: 1;
155
- }
156
- }
157
- @keyframes cd-rotate-1-in {
158
- 0% {
159
- -webkit-transform: rotateX(180deg);
160
- -moz-transform: rotateX(180deg);
161
- -ms-transform: rotateX(180deg);
162
- -o-transform: rotateX(180deg);
163
- transform: rotateX(180deg);
164
- opacity: 0;
165
- }
166
- 35% {
167
- -webkit-transform: rotateX(120deg);
168
- -moz-transform: rotateX(120deg);
169
- -ms-transform: rotateX(120deg);
170
- -o-transform: rotateX(120deg);
171
- transform: rotateX(120deg);
172
- opacity: 0;
173
- }
174
- 65% {
175
- opacity: 0;
176
- }
177
- 100% {
178
- -webkit-transform: rotateX(360deg);
179
- -moz-transform: rotateX(360deg);
180
- -ms-transform: rotateX(360deg);
181
- -o-transform: rotateX(360deg);
182
- transform: rotateX(360deg);
183
- opacity: 1;
184
- }
185
- }
186
- @-webkit-keyframes cd-rotate-1-out {
187
- 0% {
188
- -webkit-transform: rotateX(0deg);
189
- opacity: 1;
190
- }
191
- 35% {
192
- -webkit-transform: rotateX(-40deg);
193
- opacity: 1;
194
- }
195
- 65% {
196
- opacity: 0;
197
- }
198
- 100% {
199
- -webkit-transform: rotateX(180deg);
200
- opacity: 0;
201
- }
202
- }
203
- @-moz-keyframes cd-rotate-1-out {
204
- 0% {
205
- -moz-transform: rotateX(0deg);
206
- opacity: 1;
207
- }
208
- 35% {
209
- -moz-transform: rotateX(-40deg);
210
- opacity: 1;
211
- }
212
- 65% {
213
- opacity: 0;
214
- }
215
- 100% {
216
- -moz-transform: rotateX(180deg);
217
- opacity: 0;
218
- }
219
- }
220
- @keyframes cd-rotate-1-out {
221
- 0% {
222
- -webkit-transform: rotateX(0deg);
223
- -moz-transform: rotateX(0deg);
224
- -ms-transform: rotateX(0deg);
225
- -o-transform: rotateX(0deg);
226
- transform: rotateX(0deg);
227
- opacity: 1;
228
- }
229
- 35% {
230
- -webkit-transform: rotateX(-40deg);
231
- -moz-transform: rotateX(-40deg);
232
- -ms-transform: rotateX(-40deg);
233
- -o-transform: rotateX(-40deg);
234
- transform: rotateX(-40deg);
235
- opacity: 1;
236
- }
237
- 65% {
238
- opacity: 0;
239
- }
240
- 100% {
241
- -webkit-transform: rotateX(180deg);
242
- -moz-transform: rotateX(180deg);
243
- -ms-transform: rotateX(180deg);
244
- -o-transform: rotateX(180deg);
245
- transform: rotateX(180deg);
246
- opacity: 0;
247
- }
248
- }
249
- /* --------------------------------
250
-
251
- xtype
252
-
253
- -------------------------------- */
254
- .cd-headline.type .cd-words-wrapper {
255
- vertical-align: top;
256
- overflow: hidden;
257
- }
258
- .cd-headline.type .cd-words-wrapper::after {
259
- /* vertical bar */
260
- content:'';
261
- position: absolute;
262
- right: 0;
263
- top: 50%;
264
- bottom: auto;
265
- -webkit-transform: translateY(-50%);
266
- -moz-transform: translateY(-50%);
267
- -ms-transform: translateY(-50%);
268
- -o-transform: translateY(-50%);
269
- transform: translateY(-50%);
270
- height: 90%;
271
- width: 1px;
272
- background-color: #aebcb9;
273
- }
274
- .cd-headline.type .cd-words-wrapper.waiting::after {
275
- -webkit-animation: cd-pulse 1s infinite;
276
- -moz-animation: cd-pulse 1s infinite;
277
- animation: cd-pulse 1s infinite;
278
- }
279
- .cd-headline.type .cd-words-wrapper.selected {
280
- background-color: #aebcb9;
281
- }
282
- .cd-headline.type .cd-words-wrapper.selected::after {
283
- visibility: hidden;
284
- }
285
- .cd-headline.type .cd-words-wrapper.selected b {
286
- color: #0d0d0d;
287
- }
288
- .cd-headline.type b {
289
- visibility: hidden;
290
- }
291
- .cd-headline.type b.is-visible {
292
- visibility: visible;
293
- }
294
- .cd-headline.type i {
295
- position: absolute;
296
- visibility: hidden;
297
- }
298
- .cd-headline.type i.in {
299
- position: relative;
300
- visibility: visible;
301
- }
302
- @-webkit-keyframes cd-pulse {
303
- 0% {
304
- -webkit-transform: translateY(-50%) scale(1);
305
- opacity: 1;
306
- }
307
- 40% {
308
- -webkit-transform: translateY(-50%) scale(0.9);
309
- opacity: 0;
310
- }
311
- 100% {
312
- -webkit-transform: translateY(-50%) scale(0);
313
- opacity: 0;
314
- }
315
- }
316
- @-moz-keyframes cd-pulse {
317
- 0% {
318
- -moz-transform: translateY(-50%) scale(1);
319
- opacity: 1;
320
- }
321
- 40% {
322
- -moz-transform: translateY(-50%) scale(0.9);
323
- opacity: 0;
324
- }
325
- 100% {
326
- -moz-transform: translateY(-50%) scale(0);
327
- opacity: 0;
328
- }
329
- }
330
- @keyframes cd-pulse {
331
- 0% {
332
- -webkit-transform: translateY(-50%) scale(1);
333
- -moz-transform: translateY(-50%) scale(1);
334
- -ms-transform: translateY(-50%) scale(1);
335
- -o-transform: translateY(-50%) scale(1);
336
- transform: translateY(-50%) scale(1);
337
- opacity: 1;
338
- }
339
- 40% {
340
- -webkit-transform: translateY(-50%) scale(0.9);
341
- -moz-transform: translateY(-50%) scale(0.9);
342
- -ms-transform: translateY(-50%) scale(0.9);
343
- -o-transform: translateY(-50%) scale(0.9);
344
- transform: translateY(-50%) scale(0.9);
345
- opacity: 0;
346
- }
347
- 100% {
348
- -webkit-transform: translateY(-50%) scale(0);
349
- -moz-transform: translateY(-50%) scale(0);
350
- -ms-transform: translateY(-50%) scale(0);
351
- -o-transform: translateY(-50%) scale(0);
352
- transform: translateY(-50%) scale(0);
353
- opacity: 0;
354
- }
355
- }
356
- /* --------------------------------
357
-
358
- xrotate-2
359
-
360
- -------------------------------- */
361
- .cd-headline.rotate-2 .cd-words-wrapper {
362
- -webkit-perspective: 300px;
363
- -moz-perspective: 300px;
364
- perspective: 300px;
365
- }
366
- .cd-headline.rotate-2 i, .cd-headline.rotate-2 em {
367
- display: inline-block;
368
- -webkit-backface-visibility: hidden;
369
- backface-visibility: hidden;
370
- }
371
- .cd-headline.rotate-2 i {
372
- -webkit-transform-style: preserve-3d;
373
- -moz-transform-style: preserve-3d;
374
- -ms-transform-style: preserve-3d;
375
- -o-transform-style: preserve-3d;
376
- transform-style: preserve-3d;
377
- -webkit-transform: translateZ(-20px) rotateX(90deg);
378
- -moz-transform: translateZ(-20px) rotateX(90deg);
379
- -ms-transform: translateZ(-20px) rotateX(90deg);
380
- -o-transform: translateZ(-20px) rotateX(90deg);
381
- transform: translateZ(-20px) rotateX(90deg);
382
- opacity: 0;
383
- }
384
- .is-visible .cd-headline.rotate-2 i {
385
- opacity: 1;
386
- }
387
- .cd-headline.rotate-2 i.in {
388
- -webkit-animation: cd-rotate-2-in 0.4s forwards;
389
- -moz-animation: cd-rotate-2-in 0.4s forwards;
390
- animation: cd-rotate-2-in 0.4s forwards;
391
- }
392
- .cd-headline.rotate-2 i.out {
393
- -webkit-animation: cd-rotate-2-out 0.4s forwards;
394
- -moz-animation: cd-rotate-2-out 0.4s forwards;
395
- animation: cd-rotate-2-out 0.4s forwards;
396
- }
397
- .cd-headline.rotate-2 em {
398
- -webkit-transform: translateZ(20px);
399
- -moz-transform: translateZ(20px);
400
- -ms-transform: translateZ(20px);
401
- -o-transform: translateZ(20px);
402
- transform: translateZ(20px);
403
- }
404
- .no-csstransitions .cd-headline.rotate-2 i {
405
- -webkit-transform: rotateX(0deg);
406
- -moz-transform: rotateX(0deg);
407
- -ms-transform: rotateX(0deg);
408
- -o-transform: rotateX(0deg);
409
- transform: rotateX(0deg);
410
- opacity: 0;
411
- }
412
- .no-csstransitions .cd-headline.rotate-2 i em {
413
- -webkit-transform: scale(1);
414
- -moz-transform: scale(1);
415
- -ms-transform: scale(1);
416
- -o-transform: scale(1);
417
- transform: scale(1);
418
- }
419
- .no-csstransitions .cd-headline.rotate-2 .is-visible i {
420
- opacity: 1;
421
- }
422
- @-webkit-keyframes cd-rotate-2-in {
423
- 0% {
424
- opacity: 0;
425
- -webkit-transform: translateZ(-20px) rotateX(90deg);
426
- }
427
- 60% {
428
- opacity: 1;
429
- -webkit-transform: translateZ(-20px) rotateX(-10deg);
430
- }
431
- 100% {
432
- opacity: 1;
433
- -webkit-transform: translateZ(-20px) rotateX(0deg);
434
- }
435
- }
436
- @-moz-keyframes cd-rotate-2-in {
437
- 0% {
438
- opacity: 0;
439
- -moz-transform: translateZ(-20px) rotateX(90deg);
440
- }
441
- 60% {
442
- opacity: 1;
443
- -moz-transform: translateZ(-20px) rotateX(-10deg);
444
- }
445
- 100% {
446
- opacity: 1;
447
- -moz-transform: translateZ(-20px) rotateX(0deg);
448
- }
449
- }
450
- @keyframes cd-rotate-2-in {
451
- 0% {
452
- opacity: 0;
453
- -webkit-transform: translateZ(-20px) rotateX(90deg);
454
- -moz-transform: translateZ(-20px) rotateX(90deg);
455
- -ms-transform: translateZ(-20px) rotateX(90deg);
456
- -o-transform: translateZ(-20px) rotateX(90deg);
457
- transform: translateZ(-20px) rotateX(90deg);
458
- }
459
- 60% {
460
- opacity: 1;
461
- -webkit-transform: translateZ(-20px) rotateX(-10deg);
462
- -moz-transform: translateZ(-20px) rotateX(-10deg);
463
- -ms-transform: translateZ(-20px) rotateX(-10deg);
464
- -o-transform: translateZ(-20px) rotateX(-10deg);
465
- transform: translateZ(-20px) rotateX(-10deg);
466
- }
467
- 100% {
468
- opacity: 1;
469
- -webkit-transform: translateZ(-20px) rotateX(0deg);
470
- -moz-transform: translateZ(-20px) rotateX(0deg);
471
- -ms-transform: translateZ(-20px) rotateX(0deg);
472
- -o-transform: translateZ(-20px) rotateX(0deg);
473
- transform: translateZ(-20px) rotateX(0deg);
474
- }
475
- }
476
- @-webkit-keyframes cd-rotate-2-out {
477
- 0% {
478
- opacity: 1;
479
- -webkit-transform: translateZ(-20px) rotateX(0);
480
- }
481
- 60% {
482
- opacity: 0;
483
- -webkit-transform: translateZ(-20px) rotateX(-100deg);
484
- }
485
- 100% {
486
- opacity: 0;
487
- -webkit-transform: translateZ(-20px) rotateX(-90deg);
488
- }
489
- }
490
- @-moz-keyframes cd-rotate-2-out {
491
- 0% {
492
- opacity: 1;
493
- -moz-transform: translateZ(-20px) rotateX(0);
494
- }
495
- 60% {
496
- opacity: 0;
497
- -moz-transform: translateZ(-20px) rotateX(-100deg);
498
- }
499
- 100% {
500
- opacity: 0;
501
- -moz-transform: translateZ(-20px) rotateX(-90deg);
502
- }
503
- }
504
- @keyframes cd-rotate-2-out {
505
- 0% {
506
- opacity: 1;
507
- -webkit-transform: translateZ(-20px) rotateX(0);
508
- -moz-transform: translateZ(-20px) rotateX(0);
509
- -ms-transform: translateZ(-20px) rotateX(0);
510
- -o-transform: translateZ(-20px) rotateX(0);
511
- transform: translateZ(-20px) rotateX(0);
512
- }
513
- 60% {
514
- opacity: 0;
515
- -webkit-transform: translateZ(-20px) rotateX(-100deg);
516
- -moz-transform: translateZ(-20px) rotateX(-100deg);
517
- -ms-transform: translateZ(-20px) rotateX(-100deg);
518
- -o-transform: translateZ(-20px) rotateX(-100deg);
519
- transform: translateZ(-20px) rotateX(-100deg);
520
- }
521
- 100% {
522
- opacity: 0;
523
- -webkit-transform: translateZ(-20px) rotateX(-90deg);
524
- -moz-transform: translateZ(-20px) rotateX(-90deg);
525
- -ms-transform: translateZ(-20px) rotateX(-90deg);
526
- -o-transform: translateZ(-20px) rotateX(-90deg);
527
- transform: translateZ(-20px) rotateX(-90deg);
528
- }
529
- }
530
- /* --------------------------------
531
-
532
- xloading-bar
533
-
534
- -------------------------------- */
535
- .cd-headline.loading-bar span {
536
- display: inline-block;
537
- padding: .2em 0;
538
- }
539
- .cd-headline.loading-bar .cd-words-wrapper {
540
- overflow: hidden;
541
- vertical-align: top;
542
- }
543
- .cd-headline.loading-bar .cd-words-wrapper::after {
544
- /* loading bar */
545
- content:'';
546
- position: absolute;
547
- left: 0;
548
- bottom: 0;
549
- height: 3px;
550
- width: 0;
551
- z-index: 2;
552
- -webkit-transition: width 0.3s -0.1s;
553
- -moz-transition: width 0.3s -0.1s;
554
- transition: width 0.3s -0.1s;
555
- }
556
- .cd-headline.loading-bar .cd-words-wrapper.is-loading::after {
557
- width: 100%;
558
- -webkit-transition: width 3s;
559
- -moz-transition: width 3s;
560
- transition: width 3s;
561
- }
562
- .cd-headline.loading-bar b {
563
- top: .2em;
564
- opacity: 0;
565
- -webkit-transition: opacity 0.3s;
566
- -moz-transition: opacity 0.3s;
567
- transition: opacity 0.3s;
568
- }
569
- .cd-headline.loading-bar b.is-visible {
570
- opacity: 1;
571
- top: 0;
572
- }
573
- /* --------------------------------
574
-
575
- xslide
576
-
577
- -------------------------------- */
578
- .cd-headline.slide span {
579
- display: inline-block;
580
- padding: .2em 0;
581
- }
582
- .cd-headline.slide .cd-words-wrapper {
583
- overflow: hidden;
584
- vertical-align: top;
585
- }
586
- .cd-headline.slide b {
587
- opacity: 0;
588
- top: .2em;
589
- }
590
- .cd-headline.slide b.is-visible {
591
- top: 0;
592
- opacity: 1;
593
- -webkit-animation: slide-in 0.6s;
594
- -moz-animation: slide-in 0.6s;
595
- animation: slide-in 0.6s;
596
- }
597
- .cd-headline.slide b.is-hidden {
598
- -webkit-animation: slide-out 0.6s;
599
- -moz-animation: slide-out 0.6s;
600
- animation: slide-out 0.6s;
601
- }
602
- @-webkit-keyframes slide-in {
603
- 0% {
604
- opacity: 0;
605
- -webkit-transform: translateY(-100%);
606
- }
607
- 60% {
608
- opacity: 1;
609
- -webkit-transform: translateY(20%);
610
- }
611
- 100% {
612
- opacity: 1;
613
- -webkit-transform: translateY(0);
614
- }
615
- }
616
- @-moz-keyframes slide-in {
617
- 0% {
618
- opacity: 0;
619
- -moz-transform: translateY(-100%);
620
- }
621
- 60% {
622
- opacity: 1;
623
- -moz-transform: translateY(20%);
624
- }
625
- 100% {
626
- opacity: 1;
627
- -moz-transform: translateY(0);
628
- }
629
- }
630
- @keyframes slide-in {
631
- 0% {
632
- opacity: 0;
633
- -webkit-transform: translateY(-100%);
634
- -moz-transform: translateY(-100%);
635
- -ms-transform: translateY(-100%);
636
- -o-transform: translateY(-100%);
637
- transform: translateY(-100%);
638
- }
639
- 60% {
640
- opacity: 1;
641
- -webkit-transform: translateY(20%);
642
- -moz-transform: translateY(20%);
643
- -ms-transform: translateY(20%);
644
- -o-transform: translateY(20%);
645
- transform: translateY(20%);
646
- }
647
- 100% {
648
- opacity: 1;
649
- -webkit-transform: translateY(0);
650
- -moz-transform: translateY(0);
651
- -ms-transform: translateY(0);
652
- -o-transform: translateY(0);
653
- transform: translateY(0);
654
- }
655
- }
656
- @-webkit-keyframes slide-out {
657
- 0% {
658
- opacity: 1;
659
- -webkit-transform: translateY(0);
660
- }
661
- 60% {
662
- opacity: 0;
663
- -webkit-transform: translateY(120%);
664
- }
665
- 100% {
666
- opacity: 0;
667
- -webkit-transform: translateY(100%);
668
- }
669
- }
670
- @-moz-keyframes slide-out {
671
- 0% {
672
- opacity: 1;
673
- -moz-transform: translateY(0);
674
- }
675
- 60% {
676
- opacity: 0;
677
- -moz-transform: translateY(120%);
678
- }
679
- 100% {
680
- opacity: 0;
681
- -moz-transform: translateY(100%);
682
- }
683
- }
684
- @keyframes slide-out {
685
- 0% {
686
- opacity: 1;
687
- -webkit-transform: translateY(0);
688
- -moz-transform: translateY(0);
689
- -ms-transform: translateY(0);
690
- -o-transform: translateY(0);
691
- transform: translateY(0);
692
- }
693
- 60% {
694
- opacity: 0;
695
- -webkit-transform: translateY(120%);
696
- -moz-transform: translateY(120%);
697
- -ms-transform: translateY(120%);
698
- -o-transform: translateY(120%);
699
- transform: translateY(120%);
700
- }
701
- 100% {
702
- opacity: 0;
703
- -webkit-transform: translateY(100%);
704
- -moz-transform: translateY(100%);
705
- -ms-transform: translateY(100%);
706
- -o-transform: translateY(100%);
707
- transform: translateY(100%);
708
- }
709
- }
710
- /* --------------------------------
711
-
712
- xclip
713
-
714
- -------------------------------- */
715
- .cd-headline.clip span {
716
- display: inline-block;
717
- padding: .2em 0;
718
- }
719
- .cd-headline.clip .cd-words-wrapper {
720
- overflow: hidden;
721
- vertical-align: top;
722
- }
723
- .cd-headline.clip .cd-words-wrapper::after {
724
- /* line */
725
- content:'';
726
- position: absolute;
727
- top: 0;
728
- right: 0;
729
- width: 2px;
730
- height: 100%;
731
- background-color: #aebcb9;
732
- }
733
- .cd-headline.clip b {
734
- opacity: 0;
735
- }
736
- .cd-headline.clip b.is-visible {
737
- opacity: 1;
738
- }
739
- /* --------------------------------
740
-
741
- xzoom
742
-
743
- -------------------------------- */
744
- .cd-headline.zoom .cd-words-wrapper {
745
- -webkit-perspective: 300px;
746
- -moz-perspective: 300px;
747
- perspective: 300px;
748
- }
749
- .cd-headline.zoom b {
750
- opacity: 0;
751
- }
752
- .cd-headline.zoom b.is-visible {
753
- opacity: 1;
754
- -webkit-animation: zoom-in 0.8s;
755
- -moz-animation: zoom-in 0.8s;
756
- animation: zoom-in 0.8s;
757
- }
758
- .cd-headline.zoom b.is-hidden {
759
- -webkit-animation: zoom-out 0.8s;
760
- -moz-animation: zoom-out 0.8s;
761
- animation: zoom-out 0.8s;
762
- }
763
- @-webkit-keyframes zoom-in {
764
- 0% {
765
- opacity: 0;
766
- -webkit-transform: translateZ(100px);
767
- }
768
- 100% {
769
- opacity: 1;
770
- -webkit-transform: translateZ(0);
771
- }
772
- }
773
- @-moz-keyframes zoom-in {
774
- 0% {
775
- opacity: 0;
776
- -moz-transform: translateZ(100px);
777
- }
778
- 100% {
779
- opacity: 1;
780
- -moz-transform: translateZ(0);
781
- }
782
- }
783
- @keyframes zoom-in {
784
- 0% {
785
- opacity: 0;
786
- -webkit-transform: translateZ(100px);
787
- -moz-transform: translateZ(100px);
788
- -ms-transform: translateZ(100px);
789
- -o-transform: translateZ(100px);
790
- transform: translateZ(100px);
791
- }
792
- 100% {
793
- opacity: 1;
794
- -webkit-transform: translateZ(0);
795
- -moz-transform: translateZ(0);
796
- -ms-transform: translateZ(0);
797
- -o-transform: translateZ(0);
798
- transform: translateZ(0);
799
- }
800
- }
801
- @-webkit-keyframes zoom-out {
802
- 0% {
803
- opacity: 1;
804
- -webkit-transform: translateZ(0);
805
- }
806
- 100% {
807
- opacity: 0;
808
- -webkit-transform: translateZ(-100px);
809
- }
810
- }
811
- @-moz-keyframes zoom-out {
812
- 0% {
813
- opacity: 1;
814
- -moz-transform: translateZ(0);
815
- }
816
- 100% {
817
- opacity: 0;
818
- -moz-transform: translateZ(-100px);
819
- }
820
- }
821
- @keyframes zoom-out {
822
- 0% {
823
- opacity: 1;
824
- -webkit-transform: translateZ(0);
825
- -moz-transform: translateZ(0);
826
- -ms-transform: translateZ(0);
827
- -o-transform: translateZ(0);
828
- transform: translateZ(0);
829
- }
830
- 100% {
831
- opacity: 0;
832
- -webkit-transform: translateZ(-100px);
833
- -moz-transform: translateZ(-100px);
834
- -ms-transform: translateZ(-100px);
835
- -o-transform: translateZ(-100px);
836
- transform: translateZ(-100px);
837
- }
838
- }
839
- /* --------------------------------
840
-
841
- xrotate-3
842
-
843
- -------------------------------- */
844
- .cd-headline.rotate-3 .cd-words-wrapper {
845
- -webkit-perspective: 300px;
846
- -moz-perspective: 300px;
847
- perspective: 300px;
848
- }
849
- .cd-headline.rotate-3 i {
850
- display: inline-block;
851
- -webkit-transform: rotateY(180deg);
852
- -moz-transform: rotateY(180deg);
853
- -ms-transform: rotateY(180deg);
854
- -o-transform: rotateY(180deg);
855
- transform: rotateY(180deg);
856
- -webkit-backface-visibility: hidden;
857
- backface-visibility: hidden;
858
- }
859
- .is-visible .cd-headline.rotate-3 i {
860
- -webkit-transform: rotateY(0deg);
861
- -moz-transform: rotateY(0deg);
862
- -ms-transform: rotateY(0deg);
863
- -o-transform: rotateY(0deg);
864
- transform: rotateY(0deg);
865
- }
866
- .cd-headline.rotate-3 i.in {
867
- -webkit-animation: cd-rotate-3-in 0.6s forwards;
868
- -moz-animation: cd-rotate-3-in 0.6s forwards;
869
- animation: cd-rotate-3-in 0.6s forwards;
870
- }
871
- .cd-headline.rotate-3 i.out {
872
- -webkit-animation: cd-rotate-3-out 0.6s forwards;
873
- -moz-animation: cd-rotate-3-out 0.6s forwards;
874
- animation: cd-rotate-3-out 0.6s forwards;
875
- }
876
- .no-csstransitions .cd-headline.rotate-3 i {
877
- -webkit-transform: rotateY(0deg);
878
- -moz-transform: rotateY(0deg);
879
- -ms-transform: rotateY(0deg);
880
- -o-transform: rotateY(0deg);
881
- transform: rotateY(0deg);
882
- opacity: 0;
883
- }
884
- .no-csstransitions .cd-headline.rotate-3 .is-visible i {
885
- opacity: 1;
886
- }
887
- @-webkit-keyframes cd-rotate-3-in {
888
- 0% {
889
- -webkit-transform: rotateY(180deg);
890
- }
891
- 100% {
892
- -webkit-transform: rotateY(0deg);
893
- }
894
- }
895
- @-moz-keyframes cd-rotate-3-in {
896
- 0% {
897
- -moz-transform: rotateY(180deg);
898
- }
899
- 100% {
900
- -moz-transform: rotateY(0deg);
901
- }
902
- }
903
- @keyframes cd-rotate-3-in {
904
- 0% {
905
- -webkit-transform: rotateY(180deg);
906
- -moz-transform: rotateY(180deg);
907
- -ms-transform: rotateY(180deg);
908
- -o-transform: rotateY(180deg);
909
- transform: rotateY(180deg);
910
- }
911
- 100% {
912
- -webkit-transform: rotateY(0deg);
913
- -moz-transform: rotateY(0deg);
914
- -ms-transform: rotateY(0deg);
915
- -o-transform: rotateY(0deg);
916
- transform: rotateY(0deg);
917
- }
918
- }
919
- @-webkit-keyframes cd-rotate-3-out {
920
- 0% {
921
- -webkit-transform: rotateY(0);
922
- }
923
- 100% {
924
- -webkit-transform: rotateY(-180deg);
925
- }
926
- }
927
- @-moz-keyframes cd-rotate-3-out {
928
- 0% {
929
- -moz-transform: rotateY(0);
930
- }
931
- 100% {
932
- -moz-transform: rotateY(-180deg);
933
- }
934
- }
935
- @keyframes cd-rotate-3-out {
936
- 0% {
937
- -webkit-transform: rotateY(0);
938
- -moz-transform: rotateY(0);
939
- -ms-transform: rotateY(0);
940
- -o-transform: rotateY(0);
941
- transform: rotateY(0);
942
- }
943
- 100% {
944
- -webkit-transform: rotateY(-180deg);
945
- -moz-transform: rotateY(-180deg);
946
- -ms-transform: rotateY(-180deg);
947
- -o-transform: rotateY(-180deg);
948
- transform: rotateY(-180deg);
949
- }
950
- }
951
- /* --------------------------------
952
-
953
- xscale
954
-
955
- -------------------------------- */
956
- .cd-headline.scale i {
957
- display: inline-block;
958
- opacity: 0;
959
- -webkit-transform: scale(0);
960
- -moz-transform: scale(0);
961
- -ms-transform: scale(0);
962
- -o-transform: scale(0);
963
- transform: scale(0);
964
- }
965
- .is-visible .cd-headline.scale i {
966
- opacity: 1;
967
- }
968
- .cd-headline.scale i.in {
969
- -webkit-animation: scale-up 0.6s forwards;
970
- -moz-animation: scale-up 0.6s forwards;
971
- animation: scale-up 0.6s forwards;
972
- }
973
- .cd-headline.scale i.out {
974
- -webkit-animation: scale-down 0.6s forwards;
975
- -moz-animation: scale-down 0.6s forwards;
976
- animation: scale-down 0.6s forwards;
977
- }
978
- .no-csstransitions .cd-headline.scale i {
979
- -webkit-transform: scale(1);
980
- -moz-transform: scale(1);
981
- -ms-transform: scale(1);
982
- -o-transform: scale(1);
983
- transform: scale(1);
984
- opacity: 0;
985
- }
986
- .no-csstransitions .cd-headline.scale .is-visible i {
987
- opacity: 1;
988
- }
989
- @-webkit-keyframes scale-up {
990
- 0% {
991
- -webkit-transform: scale(0);
992
- opacity: 0;
993
- }
994
- 60% {
995
- -webkit-transform: scale(1.2);
996
- opacity: 1;
997
- }
998
- 100% {
999
- -webkit-transform: scale(1);
1000
- opacity: 1;
1001
- }
1002
- }
1003
- @-moz-keyframes scale-up {
1004
- 0% {
1005
- -moz-transform: scale(0);
1006
- opacity: 0;
1007
- }
1008
- 60% {
1009
- -moz-transform: scale(1.2);
1010
- opacity: 1;
1011
- }
1012
- 100% {
1013
- -moz-transform: scale(1);
1014
- opacity: 1;
1015
- }
1016
- }
1017
- @keyframes scale-up {
1018
- 0% {
1019
- -webkit-transform: scale(0);
1020
- -moz-transform: scale(0);
1021
- -ms-transform: scale(0);
1022
- -o-transform: scale(0);
1023
- transform: scale(0);
1024
- opacity: 0;
1025
- }
1026
- 60% {
1027
- -webkit-transform: scale(1.2);
1028
- -moz-transform: scale(1.2);
1029
- -ms-transform: scale(1.2);
1030
- -o-transform: scale(1.2);
1031
- transform: scale(1.2);
1032
- opacity: 1;
1033
- }
1034
- 100% {
1035
- -webkit-transform: scale(1);
1036
- -moz-transform: scale(1);
1037
- -ms-transform: scale(1);
1038
- -o-transform: scale(1);
1039
- transform: scale(1);
1040
- opacity: 1;
1041
- }
1042
- }
1043
- @-webkit-keyframes scale-down {
1044
- 0% {
1045
- -webkit-transform: scale(1);
1046
- opacity: 1;
1047
- }
1048
- 60% {
1049
- -webkit-transform: scale(0);
1050
- opacity: 0;
1051
- }
1052
- }
1053
- @-moz-keyframes scale-down {
1054
- 0% {
1055
- -moz-transform: scale(1);
1056
- opacity: 1;
1057
- }
1058
- 60% {
1059
- -moz-transform: scale(0);
1060
- opacity: 0;
1061
- }
1062
- }
1063
- @keyframes scale-down {
1064
- 0% {
1065
- -webkit-transform: scale(1);
1066
- -moz-transform: scale(1);
1067
- -ms-transform: scale(1);
1068
- -o-transform: scale(1);
1069
- transform: scale(1);
1070
- opacity: 1;
1071
- }
1072
- 60% {
1073
- -webkit-transform: scale(0);
1074
- -moz-transform: scale(0);
1075
- -ms-transform: scale(0);
1076
- -o-transform: scale(0);
1077
- transform: scale(0);
1078
- opacity: 0;
1079
- }
1080
- }
1081
- /* --------------------------------
1082
-
1083
- xpush
1084
-
1085
- -------------------------------- */
1086
- .cd-headline.push b {
1087
- opacity: 0;
1088
- }
1089
- .cd-headline.push b.is-visible {
1090
- opacity: 1;
1091
- -webkit-animation: push-in 0.6s;
1092
- -moz-animation: push-in 0.6s;
1093
- animation: push-in 0.6s;
1094
- }
1095
- .cd-headline.push b.is-hidden {
1096
- -webkit-animation: push-out 0.6s;
1097
- -moz-animation: push-out 0.6s;
1098
- animation: push-out 0.6s;
1099
- }
1100
- @-webkit-keyframes push-in {
1101
- 0% {
1102
- opacity: 0;
1103
- -webkit-transform: translateX(-100%);
1104
- }
1105
- 60% {
1106
- opacity: 1;
1107
- -webkit-transform: translateX(10%);
1108
- }
1109
- 100% {
1110
- opacity: 1;
1111
- -webkit-transform: translateX(0);
1112
- }
1113
- }
1114
- @-moz-keyframes push-in {
1115
- 0% {
1116
- opacity: 0;
1117
- -moz-transform: translateX(-100%);
1118
- }
1119
- 60% {
1120
- opacity: 1;
1121
- -moz-transform: translateX(10%);
1122
- }
1123
- 100% {
1124
- opacity: 1;
1125
- -moz-transform: translateX(0);
1126
- }
1127
- }
1128
- @keyframes push-in {
1129
- 0% {
1130
- opacity: 0;
1131
- -webkit-transform: translateX(-100%);
1132
- -moz-transform: translateX(-100%);
1133
- -ms-transform: translateX(-100%);
1134
- -o-transform: translateX(-100%);
1135
- transform: translateX(-100%);
1136
- }
1137
- 60% {
1138
- opacity: 1;
1139
- -webkit-transform: translateX(10%);
1140
- -moz-transform: translateX(10%);
1141
- -ms-transform: translateX(10%);
1142
- -o-transform: translateX(10%);
1143
- transform: translateX(10%);
1144
- }
1145
- 100% {
1146
- opacity: 1;
1147
- -webkit-transform: translateX(0);
1148
- -moz-transform: translateX(0);
1149
- -ms-transform: translateX(0);
1150
- -o-transform: translateX(0);
1151
- transform: translateX(0);
1152
- }
1153
- }
1154
- @-webkit-keyframes push-out {
1155
- 0% {
1156
- opacity: 1;
1157
- -webkit-transform: translateX(0);
1158
- }
1159
- 60% {
1160
- opacity: 0;
1161
- -webkit-transform: translateX(110%);
1162
- }
1163
- 100% {
1164
- opacity: 0;
1165
- -webkit-transform: translateX(100%);
1166
- }
1167
- }
1168
- @-moz-keyframes push-out {
1169
- 0% {
1170
- opacity: 1;
1171
- -moz-transform: translateX(0);
1172
- }
1173
- 60% {
1174
- opacity: 0;
1175
- -moz-transform: translateX(110%);
1176
- }
1177
- 100% {
1178
- opacity: 0;
1179
- -moz-transform: translateX(100%);
1180
- }
1181
- }
1182
- @keyframes push-out {
1183
- 0% {
1184
- opacity: 1;
1185
- -webkit-transform: translateX(0);
1186
- -moz-transform: translateX(0);
1187
- -ms-transform: translateX(0);
1188
- -o-transform: translateX(0);
1189
- transform: translateX(0);
1190
- }
1191
- 60% {
1192
- opacity: 0;
1193
- -webkit-transform: translateX(110%);
1194
- -moz-transform: translateX(110%);
1195
- -ms-transform: translateX(110%);
1196
- -o-transform: translateX(110%);
1197
- transform: translateX(110%);
1198
- }
1199
- 100% {
1200
- opacity: 0;
1201
- -webkit-transform: translateX(100%);
1202
- -moz-transform: translateX(100%);
1203
- -ms-transform: translateX(100%);
1204
- -o-transform: translateX(100%);
1205
- transform: translateX(100%);
1206
- }
1207
- }
1
+ .cd-title {
2
+ position: relative;
3
+ height: 160px;
4
+ line-height: 230px;
5
+ text-align: center;
6
+ }
7
+ .cd-title h1 {
8
+ font-size: 2.4rem;
9
+ font-weight: 700;
10
+ }
11
+ @media only screen and (min-width: 768px) {
12
+ .cd-title {
13
+ line-height: 250px;
14
+ }
15
+ }
16
+ @media only screen and (min-width: 1170px) {
17
+ .cd-title {
18
+ height: 200px;
19
+ line-height: 300px;
20
+ }
21
+ .cd-title h1 {
22
+ font-size: 3rem;
23
+ }
24
+ }
25
+ .cd-intro {
26
+ /*width: 90%;*/
27
+ /*max-width: 768px;*/
28
+ /*text-align: center;*/
29
+ }
30
+ .cd-intro {
31
+ /*margin: 4em auto;*/
32
+ }
33
+ @media only screen and (min-width: 768px) {
34
+ .cd-intro {
35
+ /*margin: 5em auto;*/
36
+ }
37
+ }
38
+ @media only screen and (min-width: 1170px) {
39
+ .cd-intro {
40
+ /*margin: 6em auto;*/
41
+ }
42
+ }
43
+ .cd-headline {
44
+ font-size: 3rem;
45
+ line-height: 1.2;
46
+ }
47
+ @media only screen and (min-width: 768px) {
48
+ .cd-headline {
49
+ font-size: 4.4rem;
50
+ font-weight: 300;
51
+ }
52
+ }
53
+ @media only screen and (min-width: 1170px) {
54
+ .cd-headline {
55
+ font-size: 6rem;
56
+ }
57
+ }
58
+ .cd-words-wrapper {
59
+ display: inline-block;
60
+ position: relative;
61
+ text-align: left;
62
+ }
63
+ .cd-words-wrapper b {
64
+ display: inline-block;
65
+ position: absolute;
66
+ white-space: nowrap;
67
+ left: 0;
68
+ top: 0;
69
+ }
70
+ .cd-words-wrapper b.is-visible {
71
+ position: relative;
72
+ }
73
+ .no-js .cd-words-wrapper b {
74
+ opacity: 0;
75
+ }
76
+ .no-js .cd-words-wrapper b.is-visible {
77
+ opacity: 1;
78
+ }
79
+ /* --------------------------------
80
+
81
+ xrotate-1
82
+
83
+ -------------------------------- */
84
+ .cd-headline.rotate-1 .cd-words-wrapper {
85
+ -webkit-perspective: 300px;
86
+ -moz-perspective: 300px;
87
+ perspective: 300px;
88
+ }
89
+ .cd-headline.rotate-1 b {
90
+ opacity: 0;
91
+ -webkit-transform-origin: 50% 100%;
92
+ -moz-transform-origin: 50% 100%;
93
+ -ms-transform-origin: 50% 100%;
94
+ -o-transform-origin: 50% 100%;
95
+ transform-origin: 50% 100%;
96
+ -webkit-transform: rotateX(180deg);
97
+ -moz-transform: rotateX(180deg);
98
+ -ms-transform: rotateX(180deg);
99
+ -o-transform: rotateX(180deg);
100
+ transform: rotateX(180deg);
101
+ }
102
+ .cd-headline.rotate-1 b.is-visible {
103
+ opacity: 1;
104
+ -webkit-transform: rotateX(0deg);
105
+ -moz-transform: rotateX(0deg);
106
+ -ms-transform: rotateX(0deg);
107
+ -o-transform: rotateX(0deg);
108
+ transform: rotateX(0deg);
109
+ -webkit-animation: cd-rotate-1-in 1.2s;
110
+ -moz-animation: cd-rotate-1-in 1.2s;
111
+ animation: cd-rotate-1-in 1.2s;
112
+ }
113
+ .cd-headline.rotate-1 b.is-hidden {
114
+ -webkit-transform: rotateX(180deg);
115
+ -moz-transform: rotateX(180deg);
116
+ -ms-transform: rotateX(180deg);
117
+ -o-transform: rotateX(180deg);
118
+ transform: rotateX(180deg);
119
+ -webkit-animation: cd-rotate-1-out 1.2s;
120
+ -moz-animation: cd-rotate-1-out 1.2s;
121
+ animation: cd-rotate-1-out 1.2s;
122
+ }
123
+ @-webkit-keyframes cd-rotate-1-in {
124
+ 0% {
125
+ -webkit-transform: rotateX(180deg);
126
+ opacity: 0;
127
+ }
128
+ 35% {
129
+ -webkit-transform: rotateX(120deg);
130
+ opacity: 0;
131
+ }
132
+ 65% {
133
+ opacity: 0;
134
+ }
135
+ 100% {
136
+ -webkit-transform: rotateX(360deg);
137
+ opacity: 1;
138
+ }
139
+ }
140
+ @-moz-keyframes cd-rotate-1-in {
141
+ 0% {
142
+ -moz-transform: rotateX(180deg);
143
+ opacity: 0;
144
+ }
145
+ 35% {
146
+ -moz-transform: rotateX(120deg);
147
+ opacity: 0;
148
+ }
149
+ 65% {
150
+ opacity: 0;
151
+ }
152
+ 100% {
153
+ -moz-transform: rotateX(360deg);
154
+ opacity: 1;
155
+ }
156
+ }
157
+ @keyframes cd-rotate-1-in {
158
+ 0% {
159
+ -webkit-transform: rotateX(180deg);
160
+ -moz-transform: rotateX(180deg);
161
+ -ms-transform: rotateX(180deg);
162
+ -o-transform: rotateX(180deg);
163
+ transform: rotateX(180deg);
164
+ opacity: 0;
165
+ }
166
+ 35% {
167
+ -webkit-transform: rotateX(120deg);
168
+ -moz-transform: rotateX(120deg);
169
+ -ms-transform: rotateX(120deg);
170
+ -o-transform: rotateX(120deg);
171
+ transform: rotateX(120deg);
172
+ opacity: 0;
173
+ }
174
+ 65% {
175
+ opacity: 0;
176
+ }
177
+ 100% {
178
+ -webkit-transform: rotateX(360deg);
179
+ -moz-transform: rotateX(360deg);
180
+ -ms-transform: rotateX(360deg);
181
+ -o-transform: rotateX(360deg);
182
+ transform: rotateX(360deg);
183
+ opacity: 1;
184
+ }
185
+ }
186
+ @-webkit-keyframes cd-rotate-1-out {
187
+ 0% {
188
+ -webkit-transform: rotateX(0deg);
189
+ opacity: 1;
190
+ }
191
+ 35% {
192
+ -webkit-transform: rotateX(-40deg);
193
+ opacity: 1;
194
+ }
195
+ 65% {
196
+ opacity: 0;
197
+ }
198
+ 100% {
199
+ -webkit-transform: rotateX(180deg);
200
+ opacity: 0;
201
+ }
202
+ }
203
+ @-moz-keyframes cd-rotate-1-out {
204
+ 0% {
205
+ -moz-transform: rotateX(0deg);
206
+ opacity: 1;
207
+ }
208
+ 35% {
209
+ -moz-transform: rotateX(-40deg);
210
+ opacity: 1;
211
+ }
212
+ 65% {
213
+ opacity: 0;
214
+ }
215
+ 100% {
216
+ -moz-transform: rotateX(180deg);
217
+ opacity: 0;
218
+ }
219
+ }
220
+ @keyframes cd-rotate-1-out {
221
+ 0% {
222
+ -webkit-transform: rotateX(0deg);
223
+ -moz-transform: rotateX(0deg);
224
+ -ms-transform: rotateX(0deg);
225
+ -o-transform: rotateX(0deg);
226
+ transform: rotateX(0deg);
227
+ opacity: 1;
228
+ }
229
+ 35% {
230
+ -webkit-transform: rotateX(-40deg);
231
+ -moz-transform: rotateX(-40deg);
232
+ -ms-transform: rotateX(-40deg);
233
+ -o-transform: rotateX(-40deg);
234
+ transform: rotateX(-40deg);
235
+ opacity: 1;
236
+ }
237
+ 65% {
238
+ opacity: 0;
239
+ }
240
+ 100% {
241
+ -webkit-transform: rotateX(180deg);
242
+ -moz-transform: rotateX(180deg);
243
+ -ms-transform: rotateX(180deg);
244
+ -o-transform: rotateX(180deg);
245
+ transform: rotateX(180deg);
246
+ opacity: 0;
247
+ }
248
+ }
249
+ /* --------------------------------
250
+
251
+ xtype
252
+
253
+ -------------------------------- */
254
+ .cd-headline.type .cd-words-wrapper {
255
+ vertical-align: top;
256
+ overflow: hidden;
257
+ }
258
+ .cd-headline.type .cd-words-wrapper::after {
259
+ /* vertical bar */
260
+ content:'';
261
+ position: absolute;
262
+ right: 0;
263
+ top: 50%;
264
+ bottom: auto;
265
+ -webkit-transform: translateY(-50%);
266
+ -moz-transform: translateY(-50%);
267
+ -ms-transform: translateY(-50%);
268
+ -o-transform: translateY(-50%);
269
+ transform: translateY(-50%);
270
+ height: 90%;
271
+ width: 1px;
272
+ background-color: #aebcb9;
273
+ }
274
+ .cd-headline.type .cd-words-wrapper.waiting::after {
275
+ -webkit-animation: cd-pulse 1s infinite;
276
+ -moz-animation: cd-pulse 1s infinite;
277
+ animation: cd-pulse 1s infinite;
278
+ }
279
+ .cd-headline.type .cd-words-wrapper.selected {
280
+ background-color: #aebcb9;
281
+ }
282
+ .cd-headline.type .cd-words-wrapper.selected::after {
283
+ visibility: hidden;
284
+ }
285
+ .cd-headline.type .cd-words-wrapper.selected b {
286
+ color: #0d0d0d;
287
+ }
288
+ .cd-headline.type b {
289
+ visibility: hidden;
290
+ }
291
+ .cd-headline.type b.is-visible {
292
+ visibility: visible;
293
+ }
294
+ .cd-headline.type i {
295
+ position: absolute;
296
+ visibility: hidden;
297
+ }
298
+ .cd-headline.type i.in {
299
+ position: relative;
300
+ visibility: visible;
301
+ }
302
+ @-webkit-keyframes cd-pulse {
303
+ 0% {
304
+ -webkit-transform: translateY(-50%) scale(1);
305
+ opacity: 1;
306
+ }
307
+ 40% {
308
+ -webkit-transform: translateY(-50%) scale(0.9);
309
+ opacity: 0;
310
+ }
311
+ 100% {
312
+ -webkit-transform: translateY(-50%) scale(0);
313
+ opacity: 0;
314
+ }
315
+ }
316
+ @-moz-keyframes cd-pulse {
317
+ 0% {
318
+ -moz-transform: translateY(-50%) scale(1);
319
+ opacity: 1;
320
+ }
321
+ 40% {
322
+ -moz-transform: translateY(-50%) scale(0.9);
323
+ opacity: 0;
324
+ }
325
+ 100% {
326
+ -moz-transform: translateY(-50%) scale(0);
327
+ opacity: 0;
328
+ }
329
+ }
330
+ @keyframes cd-pulse {
331
+ 0% {
332
+ -webkit-transform: translateY(-50%) scale(1);
333
+ -moz-transform: translateY(-50%) scale(1);
334
+ -ms-transform: translateY(-50%) scale(1);
335
+ -o-transform: translateY(-50%) scale(1);
336
+ transform: translateY(-50%) scale(1);
337
+ opacity: 1;
338
+ }
339
+ 40% {
340
+ -webkit-transform: translateY(-50%) scale(0.9);
341
+ -moz-transform: translateY(-50%) scale(0.9);
342
+ -ms-transform: translateY(-50%) scale(0.9);
343
+ -o-transform: translateY(-50%) scale(0.9);
344
+ transform: translateY(-50%) scale(0.9);
345
+ opacity: 0;
346
+ }
347
+ 100% {
348
+ -webkit-transform: translateY(-50%) scale(0);
349
+ -moz-transform: translateY(-50%) scale(0);
350
+ -ms-transform: translateY(-50%) scale(0);
351
+ -o-transform: translateY(-50%) scale(0);
352
+ transform: translateY(-50%) scale(0);
353
+ opacity: 0;
354
+ }
355
+ }
356
+ /* --------------------------------
357
+
358
+ xrotate-2
359
+
360
+ -------------------------------- */
361
+ .cd-headline.rotate-2 .cd-words-wrapper {
362
+ -webkit-perspective: 300px;
363
+ -moz-perspective: 300px;
364
+ perspective: 300px;
365
+ }
366
+ .cd-headline.rotate-2 i, .cd-headline.rotate-2 em {
367
+ display: inline-block;
368
+ -webkit-backface-visibility: hidden;
369
+ backface-visibility: hidden;
370
+ }
371
+ .cd-headline.rotate-2 i {
372
+ -webkit-transform-style: preserve-3d;
373
+ -moz-transform-style: preserve-3d;
374
+ -ms-transform-style: preserve-3d;
375
+ -o-transform-style: preserve-3d;
376
+ transform-style: preserve-3d;
377
+ -webkit-transform: translateZ(-20px) rotateX(90deg);
378
+ -moz-transform: translateZ(-20px) rotateX(90deg);
379
+ -ms-transform: translateZ(-20px) rotateX(90deg);
380
+ -o-transform: translateZ(-20px) rotateX(90deg);
381
+ transform: translateZ(-20px) rotateX(90deg);
382
+ opacity: 0;
383
+ }
384
+ .is-visible .cd-headline.rotate-2 i {
385
+ opacity: 1;
386
+ }
387
+ .cd-headline.rotate-2 i.in {
388
+ -webkit-animation: cd-rotate-2-in 0.4s forwards;
389
+ -moz-animation: cd-rotate-2-in 0.4s forwards;
390
+ animation: cd-rotate-2-in 0.4s forwards;
391
+ }
392
+ .cd-headline.rotate-2 i.out {
393
+ -webkit-animation: cd-rotate-2-out 0.4s forwards;
394
+ -moz-animation: cd-rotate-2-out 0.4s forwards;
395
+ animation: cd-rotate-2-out 0.4s forwards;
396
+ }
397
+ .cd-headline.rotate-2 em {
398
+ -webkit-transform: translateZ(20px);
399
+ -moz-transform: translateZ(20px);
400
+ -ms-transform: translateZ(20px);
401
+ -o-transform: translateZ(20px);
402
+ transform: translateZ(20px);
403
+ }
404
+ .no-csstransitions .cd-headline.rotate-2 i {
405
+ -webkit-transform: rotateX(0deg);
406
+ -moz-transform: rotateX(0deg);
407
+ -ms-transform: rotateX(0deg);
408
+ -o-transform: rotateX(0deg);
409
+ transform: rotateX(0deg);
410
+ opacity: 0;
411
+ }
412
+ .no-csstransitions .cd-headline.rotate-2 i em {
413
+ -webkit-transform: scale(1);
414
+ -moz-transform: scale(1);
415
+ -ms-transform: scale(1);
416
+ -o-transform: scale(1);
417
+ transform: scale(1);
418
+ }
419
+ .no-csstransitions .cd-headline.rotate-2 .is-visible i {
420
+ opacity: 1;
421
+ }
422
+ @-webkit-keyframes cd-rotate-2-in {
423
+ 0% {
424
+ opacity: 0;
425
+ -webkit-transform: translateZ(-20px) rotateX(90deg);
426
+ }
427
+ 60% {
428
+ opacity: 1;
429
+ -webkit-transform: translateZ(-20px) rotateX(-10deg);
430
+ }
431
+ 100% {
432
+ opacity: 1;
433
+ -webkit-transform: translateZ(-20px) rotateX(0deg);
434
+ }
435
+ }
436
+ @-moz-keyframes cd-rotate-2-in {
437
+ 0% {
438
+ opacity: 0;
439
+ -moz-transform: translateZ(-20px) rotateX(90deg);
440
+ }
441
+ 60% {
442
+ opacity: 1;
443
+ -moz-transform: translateZ(-20px) rotateX(-10deg);
444
+ }
445
+ 100% {
446
+ opacity: 1;
447
+ -moz-transform: translateZ(-20px) rotateX(0deg);
448
+ }
449
+ }
450
+ @keyframes cd-rotate-2-in {
451
+ 0% {
452
+ opacity: 0;
453
+ -webkit-transform: translateZ(-20px) rotateX(90deg);
454
+ -moz-transform: translateZ(-20px) rotateX(90deg);
455
+ -ms-transform: translateZ(-20px) rotateX(90deg);
456
+ -o-transform: translateZ(-20px) rotateX(90deg);
457
+ transform: translateZ(-20px) rotateX(90deg);
458
+ }
459
+ 60% {
460
+ opacity: 1;
461
+ -webkit-transform: translateZ(-20px) rotateX(-10deg);
462
+ -moz-transform: translateZ(-20px) rotateX(-10deg);
463
+ -ms-transform: translateZ(-20px) rotateX(-10deg);
464
+ -o-transform: translateZ(-20px) rotateX(-10deg);
465
+ transform: translateZ(-20px) rotateX(-10deg);
466
+ }
467
+ 100% {
468
+ opacity: 1;
469
+ -webkit-transform: translateZ(-20px) rotateX(0deg);
470
+ -moz-transform: translateZ(-20px) rotateX(0deg);
471
+ -ms-transform: translateZ(-20px) rotateX(0deg);
472
+ -o-transform: translateZ(-20px) rotateX(0deg);
473
+ transform: translateZ(-20px) rotateX(0deg);
474
+ }
475
+ }
476
+ @-webkit-keyframes cd-rotate-2-out {
477
+ 0% {
478
+ opacity: 1;
479
+ -webkit-transform: translateZ(-20px) rotateX(0);
480
+ }
481
+ 60% {
482
+ opacity: 0;
483
+ -webkit-transform: translateZ(-20px) rotateX(-100deg);
484
+ }
485
+ 100% {
486
+ opacity: 0;
487
+ -webkit-transform: translateZ(-20px) rotateX(-90deg);
488
+ }
489
+ }
490
+ @-moz-keyframes cd-rotate-2-out {
491
+ 0% {
492
+ opacity: 1;
493
+ -moz-transform: translateZ(-20px) rotateX(0);
494
+ }
495
+ 60% {
496
+ opacity: 0;
497
+ -moz-transform: translateZ(-20px) rotateX(-100deg);
498
+ }
499
+ 100% {
500
+ opacity: 0;
501
+ -moz-transform: translateZ(-20px) rotateX(-90deg);
502
+ }
503
+ }
504
+ @keyframes cd-rotate-2-out {
505
+ 0% {
506
+ opacity: 1;
507
+ -webkit-transform: translateZ(-20px) rotateX(0);
508
+ -moz-transform: translateZ(-20px) rotateX(0);
509
+ -ms-transform: translateZ(-20px) rotateX(0);
510
+ -o-transform: translateZ(-20px) rotateX(0);
511
+ transform: translateZ(-20px) rotateX(0);
512
+ }
513
+ 60% {
514
+ opacity: 0;
515
+ -webkit-transform: translateZ(-20px) rotateX(-100deg);
516
+ -moz-transform: translateZ(-20px) rotateX(-100deg);
517
+ -ms-transform: translateZ(-20px) rotateX(-100deg);
518
+ -o-transform: translateZ(-20px) rotateX(-100deg);
519
+ transform: translateZ(-20px) rotateX(-100deg);
520
+ }
521
+ 100% {
522
+ opacity: 0;
523
+ -webkit-transform: translateZ(-20px) rotateX(-90deg);
524
+ -moz-transform: translateZ(-20px) rotateX(-90deg);
525
+ -ms-transform: translateZ(-20px) rotateX(-90deg);
526
+ -o-transform: translateZ(-20px) rotateX(-90deg);
527
+ transform: translateZ(-20px) rotateX(-90deg);
528
+ }
529
+ }
530
+ /* --------------------------------
531
+
532
+ xloading-bar
533
+
534
+ -------------------------------- */
535
+ .cd-headline.loading-bar span {
536
+ display: inline-block;
537
+ padding: .2em 0;
538
+ }
539
+ .cd-headline.loading-bar .cd-words-wrapper {
540
+ overflow: hidden;
541
+ vertical-align: top;
542
+ }
543
+ .cd-headline.loading-bar .cd-words-wrapper::after {
544
+ /* loading bar */
545
+ content:'';
546
+ position: absolute;
547
+ left: 0;
548
+ bottom: 0;
549
+ height: 3px;
550
+ width: 0;
551
+ z-index: 2;
552
+ -webkit-transition: width 0.3s -0.1s;
553
+ -moz-transition: width 0.3s -0.1s;
554
+ transition: width 0.3s -0.1s;
555
+ }
556
+ .cd-headline.loading-bar .cd-words-wrapper.is-loading::after {
557
+ width: 100%;
558
+ -webkit-transition: width 3s;
559
+ -moz-transition: width 3s;
560
+ transition: width 3s;
561
+ }
562
+ .cd-headline.loading-bar b {
563
+ top: .2em;
564
+ opacity: 0;
565
+ -webkit-transition: opacity 0.3s;
566
+ -moz-transition: opacity 0.3s;
567
+ transition: opacity 0.3s;
568
+ }
569
+ .cd-headline.loading-bar b.is-visible {
570
+ opacity: 1;
571
+ top: 0;
572
+ }
573
+ /* --------------------------------
574
+
575
+ xslide
576
+
577
+ -------------------------------- */
578
+ .cd-headline.slide span {
579
+ display: inline-block;
580
+ padding: .2em 0;
581
+ }
582
+ .cd-headline.slide .cd-words-wrapper {
583
+ overflow: hidden;
584
+ vertical-align: top;
585
+ }
586
+ .cd-headline.slide b {
587
+ opacity: 0;
588
+ top: .2em;
589
+ }
590
+ .cd-headline.slide b.is-visible {
591
+ top: 0;
592
+ opacity: 1;
593
+ -webkit-animation: slide-in 0.6s;
594
+ -moz-animation: slide-in 0.6s;
595
+ animation: slide-in 0.6s;
596
+ }
597
+ .cd-headline.slide b.is-hidden {
598
+ -webkit-animation: slide-out 0.6s;
599
+ -moz-animation: slide-out 0.6s;
600
+ animation: slide-out 0.6s;
601
+ }
602
+ @-webkit-keyframes slide-in {
603
+ 0% {
604
+ opacity: 0;
605
+ -webkit-transform: translateY(-100%);
606
+ }
607
+ 60% {
608
+ opacity: 1;
609
+ -webkit-transform: translateY(20%);
610
+ }
611
+ 100% {
612
+ opacity: 1;
613
+ -webkit-transform: translateY(0);
614
+ }
615
+ }
616
+ @-moz-keyframes slide-in {
617
+ 0% {
618
+ opacity: 0;
619
+ -moz-transform: translateY(-100%);
620
+ }
621
+ 60% {
622
+ opacity: 1;
623
+ -moz-transform: translateY(20%);
624
+ }
625
+ 100% {
626
+ opacity: 1;
627
+ -moz-transform: translateY(0);
628
+ }
629
+ }
630
+ @keyframes slide-in {
631
+ 0% {
632
+ opacity: 0;
633
+ -webkit-transform: translateY(-100%);
634
+ -moz-transform: translateY(-100%);
635
+ -ms-transform: translateY(-100%);
636
+ -o-transform: translateY(-100%);
637
+ transform: translateY(-100%);
638
+ }
639
+ 60% {
640
+ opacity: 1;
641
+ -webkit-transform: translateY(20%);
642
+ -moz-transform: translateY(20%);
643
+ -ms-transform: translateY(20%);
644
+ -o-transform: translateY(20%);
645
+ transform: translateY(20%);
646
+ }
647
+ 100% {
648
+ opacity: 1;
649
+ -webkit-transform: translateY(0);
650
+ -moz-transform: translateY(0);
651
+ -ms-transform: translateY(0);
652
+ -o-transform: translateY(0);
653
+ transform: translateY(0);
654
+ }
655
+ }
656
+ @-webkit-keyframes slide-out {
657
+ 0% {
658
+ opacity: 1;
659
+ -webkit-transform: translateY(0);
660
+ }
661
+ 60% {
662
+ opacity: 0;
663
+ -webkit-transform: translateY(120%);
664
+ }
665
+ 100% {
666
+ opacity: 0;
667
+ -webkit-transform: translateY(100%);
668
+ }
669
+ }
670
+ @-moz-keyframes slide-out {
671
+ 0% {
672
+ opacity: 1;
673
+ -moz-transform: translateY(0);
674
+ }
675
+ 60% {
676
+ opacity: 0;
677
+ -moz-transform: translateY(120%);
678
+ }
679
+ 100% {
680
+ opacity: 0;
681
+ -moz-transform: translateY(100%);
682
+ }
683
+ }
684
+ @keyframes slide-out {
685
+ 0% {
686
+ opacity: 1;
687
+ -webkit-transform: translateY(0);
688
+ -moz-transform: translateY(0);
689
+ -ms-transform: translateY(0);
690
+ -o-transform: translateY(0);
691
+ transform: translateY(0);
692
+ }
693
+ 60% {
694
+ opacity: 0;
695
+ -webkit-transform: translateY(120%);
696
+ -moz-transform: translateY(120%);
697
+ -ms-transform: translateY(120%);
698
+ -o-transform: translateY(120%);
699
+ transform: translateY(120%);
700
+ }
701
+ 100% {
702
+ opacity: 0;
703
+ -webkit-transform: translateY(100%);
704
+ -moz-transform: translateY(100%);
705
+ -ms-transform: translateY(100%);
706
+ -o-transform: translateY(100%);
707
+ transform: translateY(100%);
708
+ }
709
+ }
710
+ /* --------------------------------
711
+
712
+ xclip
713
+
714
+ -------------------------------- */
715
+ .cd-headline.clip span {
716
+ display: inline-block;
717
+ padding: .2em 0;
718
+ }
719
+ .cd-headline.clip .cd-words-wrapper {
720
+ overflow: hidden;
721
+ vertical-align: top;
722
+ }
723
+ .cd-headline.clip .cd-words-wrapper::after {
724
+ /* line */
725
+ content:'';
726
+ position: absolute;
727
+ top: 0;
728
+ right: 0;
729
+ width: 2px;
730
+ height: 100%;
731
+ background-color: #aebcb9;
732
+ }
733
+ .cd-headline.clip b {
734
+ opacity: 0;
735
+ }
736
+ .cd-headline.clip b.is-visible {
737
+ opacity: 1;
738
+ }
739
+ /* --------------------------------
740
+
741
+ xzoom
742
+
743
+ -------------------------------- */
744
+ .cd-headline.zoom .cd-words-wrapper {
745
+ -webkit-perspective: 300px;
746
+ -moz-perspective: 300px;
747
+ perspective: 300px;
748
+ }
749
+ .cd-headline.zoom b {
750
+ opacity: 0;
751
+ }
752
+ .cd-headline.zoom b.is-visible {
753
+ opacity: 1;
754
+ -webkit-animation: zoom-in 0.8s;
755
+ -moz-animation: zoom-in 0.8s;
756
+ animation: zoom-in 0.8s;
757
+ }
758
+ .cd-headline.zoom b.is-hidden {
759
+ -webkit-animation: zoom-out 0.8s;
760
+ -moz-animation: zoom-out 0.8s;
761
+ animation: zoom-out 0.8s;
762
+ }
763
+ @-webkit-keyframes zoom-in {
764
+ 0% {
765
+ opacity: 0;
766
+ -webkit-transform: translateZ(100px);
767
+ }
768
+ 100% {
769
+ opacity: 1;
770
+ -webkit-transform: translateZ(0);
771
+ }
772
+ }
773
+ @-moz-keyframes zoom-in {
774
+ 0% {
775
+ opacity: 0;
776
+ -moz-transform: translateZ(100px);
777
+ }
778
+ 100% {
779
+ opacity: 1;
780
+ -moz-transform: translateZ(0);
781
+ }
782
+ }
783
+ @keyframes zoom-in {
784
+ 0% {
785
+ opacity: 0;
786
+ -webkit-transform: translateZ(100px);
787
+ -moz-transform: translateZ(100px);
788
+ -ms-transform: translateZ(100px);
789
+ -o-transform: translateZ(100px);
790
+ transform: translateZ(100px);
791
+ }
792
+ 100% {
793
+ opacity: 1;
794
+ -webkit-transform: translateZ(0);
795
+ -moz-transform: translateZ(0);
796
+ -ms-transform: translateZ(0);
797
+ -o-transform: translateZ(0);
798
+ transform: translateZ(0);
799
+ }
800
+ }
801
+ @-webkit-keyframes zoom-out {
802
+ 0% {
803
+ opacity: 1;
804
+ -webkit-transform: translateZ(0);
805
+ }
806
+ 100% {
807
+ opacity: 0;
808
+ -webkit-transform: translateZ(-100px);
809
+ }
810
+ }
811
+ @-moz-keyframes zoom-out {
812
+ 0% {
813
+ opacity: 1;
814
+ -moz-transform: translateZ(0);
815
+ }
816
+ 100% {
817
+ opacity: 0;
818
+ -moz-transform: translateZ(-100px);
819
+ }
820
+ }
821
+ @keyframes zoom-out {
822
+ 0% {
823
+ opacity: 1;
824
+ -webkit-transform: translateZ(0);
825
+ -moz-transform: translateZ(0);
826
+ -ms-transform: translateZ(0);
827
+ -o-transform: translateZ(0);
828
+ transform: translateZ(0);
829
+ }
830
+ 100% {
831
+ opacity: 0;
832
+ -webkit-transform: translateZ(-100px);
833
+ -moz-transform: translateZ(-100px);
834
+ -ms-transform: translateZ(-100px);
835
+ -o-transform: translateZ(-100px);
836
+ transform: translateZ(-100px);
837
+ }
838
+ }
839
+ /* --------------------------------
840
+
841
+ xrotate-3
842
+
843
+ -------------------------------- */
844
+ .cd-headline.rotate-3 .cd-words-wrapper {
845
+ -webkit-perspective: 300px;
846
+ -moz-perspective: 300px;
847
+ perspective: 300px;
848
+ }
849
+ .cd-headline.rotate-3 i {
850
+ display: inline-block;
851
+ -webkit-transform: rotateY(180deg);
852
+ -moz-transform: rotateY(180deg);
853
+ -ms-transform: rotateY(180deg);
854
+ -o-transform: rotateY(180deg);
855
+ transform: rotateY(180deg);
856
+ -webkit-backface-visibility: hidden;
857
+ backface-visibility: hidden;
858
+ }
859
+ .is-visible .cd-headline.rotate-3 i {
860
+ -webkit-transform: rotateY(0deg);
861
+ -moz-transform: rotateY(0deg);
862
+ -ms-transform: rotateY(0deg);
863
+ -o-transform: rotateY(0deg);
864
+ transform: rotateY(0deg);
865
+ }
866
+ .cd-headline.rotate-3 i.in {
867
+ -webkit-animation: cd-rotate-3-in 0.6s forwards;
868
+ -moz-animation: cd-rotate-3-in 0.6s forwards;
869
+ animation: cd-rotate-3-in 0.6s forwards;
870
+ }
871
+ .cd-headline.rotate-3 i.out {
872
+ -webkit-animation: cd-rotate-3-out 0.6s forwards;
873
+ -moz-animation: cd-rotate-3-out 0.6s forwards;
874
+ animation: cd-rotate-3-out 0.6s forwards;
875
+ }
876
+ .no-csstransitions .cd-headline.rotate-3 i {
877
+ -webkit-transform: rotateY(0deg);
878
+ -moz-transform: rotateY(0deg);
879
+ -ms-transform: rotateY(0deg);
880
+ -o-transform: rotateY(0deg);
881
+ transform: rotateY(0deg);
882
+ opacity: 0;
883
+ }
884
+ .no-csstransitions .cd-headline.rotate-3 .is-visible i {
885
+ opacity: 1;
886
+ }
887
+ @-webkit-keyframes cd-rotate-3-in {
888
+ 0% {
889
+ -webkit-transform: rotateY(180deg);
890
+ }
891
+ 100% {
892
+ -webkit-transform: rotateY(0deg);
893
+ }
894
+ }
895
+ @-moz-keyframes cd-rotate-3-in {
896
+ 0% {
897
+ -moz-transform: rotateY(180deg);
898
+ }
899
+ 100% {
900
+ -moz-transform: rotateY(0deg);
901
+ }
902
+ }
903
+ @keyframes cd-rotate-3-in {
904
+ 0% {
905
+ -webkit-transform: rotateY(180deg);
906
+ -moz-transform: rotateY(180deg);
907
+ -ms-transform: rotateY(180deg);
908
+ -o-transform: rotateY(180deg);
909
+ transform: rotateY(180deg);
910
+ }
911
+ 100% {
912
+ -webkit-transform: rotateY(0deg);
913
+ -moz-transform: rotateY(0deg);
914
+ -ms-transform: rotateY(0deg);
915
+ -o-transform: rotateY(0deg);
916
+ transform: rotateY(0deg);
917
+ }
918
+ }
919
+ @-webkit-keyframes cd-rotate-3-out {
920
+ 0% {
921
+ -webkit-transform: rotateY(0);
922
+ }
923
+ 100% {
924
+ -webkit-transform: rotateY(-180deg);
925
+ }
926
+ }
927
+ @-moz-keyframes cd-rotate-3-out {
928
+ 0% {
929
+ -moz-transform: rotateY(0);
930
+ }
931
+ 100% {
932
+ -moz-transform: rotateY(-180deg);
933
+ }
934
+ }
935
+ @keyframes cd-rotate-3-out {
936
+ 0% {
937
+ -webkit-transform: rotateY(0);
938
+ -moz-transform: rotateY(0);
939
+ -ms-transform: rotateY(0);
940
+ -o-transform: rotateY(0);
941
+ transform: rotateY(0);
942
+ }
943
+ 100% {
944
+ -webkit-transform: rotateY(-180deg);
945
+ -moz-transform: rotateY(-180deg);
946
+ -ms-transform: rotateY(-180deg);
947
+ -o-transform: rotateY(-180deg);
948
+ transform: rotateY(-180deg);
949
+ }
950
+ }
951
+ /* --------------------------------
952
+
953
+ xscale
954
+
955
+ -------------------------------- */
956
+ .cd-headline.scale i {
957
+ display: inline-block;
958
+ opacity: 0;
959
+ -webkit-transform: scale(0);
960
+ -moz-transform: scale(0);
961
+ -ms-transform: scale(0);
962
+ -o-transform: scale(0);
963
+ transform: scale(0);
964
+ }
965
+ .is-visible .cd-headline.scale i {
966
+ opacity: 1;
967
+ }
968
+ .cd-headline.scale i.in {
969
+ -webkit-animation: scale-up 0.6s forwards;
970
+ -moz-animation: scale-up 0.6s forwards;
971
+ animation: scale-up 0.6s forwards;
972
+ }
973
+ .cd-headline.scale i.out {
974
+ -webkit-animation: scale-down 0.6s forwards;
975
+ -moz-animation: scale-down 0.6s forwards;
976
+ animation: scale-down 0.6s forwards;
977
+ }
978
+ .no-csstransitions .cd-headline.scale i {
979
+ -webkit-transform: scale(1);
980
+ -moz-transform: scale(1);
981
+ -ms-transform: scale(1);
982
+ -o-transform: scale(1);
983
+ transform: scale(1);
984
+ opacity: 0;
985
+ }
986
+ .no-csstransitions .cd-headline.scale .is-visible i {
987
+ opacity: 1;
988
+ }
989
+ @-webkit-keyframes scale-up {
990
+ 0% {
991
+ -webkit-transform: scale(0);
992
+ opacity: 0;
993
+ }
994
+ 60% {
995
+ -webkit-transform: scale(1.2);
996
+ opacity: 1;
997
+ }
998
+ 100% {
999
+ -webkit-transform: scale(1);
1000
+ opacity: 1;
1001
+ }
1002
+ }
1003
+ @-moz-keyframes scale-up {
1004
+ 0% {
1005
+ -moz-transform: scale(0);
1006
+ opacity: 0;
1007
+ }
1008
+ 60% {
1009
+ -moz-transform: scale(1.2);
1010
+ opacity: 1;
1011
+ }
1012
+ 100% {
1013
+ -moz-transform: scale(1);
1014
+ opacity: 1;
1015
+ }
1016
+ }
1017
+ @keyframes scale-up {
1018
+ 0% {
1019
+ -webkit-transform: scale(0);
1020
+ -moz-transform: scale(0);
1021
+ -ms-transform: scale(0);
1022
+ -o-transform: scale(0);
1023
+ transform: scale(0);
1024
+ opacity: 0;
1025
+ }
1026
+ 60% {
1027
+ -webkit-transform: scale(1.2);
1028
+ -moz-transform: scale(1.2);
1029
+ -ms-transform: scale(1.2);
1030
+ -o-transform: scale(1.2);
1031
+ transform: scale(1.2);
1032
+ opacity: 1;
1033
+ }
1034
+ 100% {
1035
+ -webkit-transform: scale(1);
1036
+ -moz-transform: scale(1);
1037
+ -ms-transform: scale(1);
1038
+ -o-transform: scale(1);
1039
+ transform: scale(1);
1040
+ opacity: 1;
1041
+ }
1042
+ }
1043
+ @-webkit-keyframes scale-down {
1044
+ 0% {
1045
+ -webkit-transform: scale(1);
1046
+ opacity: 1;
1047
+ }
1048
+ 60% {
1049
+ -webkit-transform: scale(0);
1050
+ opacity: 0;
1051
+ }
1052
+ }
1053
+ @-moz-keyframes scale-down {
1054
+ 0% {
1055
+ -moz-transform: scale(1);
1056
+ opacity: 1;
1057
+ }
1058
+ 60% {
1059
+ -moz-transform: scale(0);
1060
+ opacity: 0;
1061
+ }
1062
+ }
1063
+ @keyframes scale-down {
1064
+ 0% {
1065
+ -webkit-transform: scale(1);
1066
+ -moz-transform: scale(1);
1067
+ -ms-transform: scale(1);
1068
+ -o-transform: scale(1);
1069
+ transform: scale(1);
1070
+ opacity: 1;
1071
+ }
1072
+ 60% {
1073
+ -webkit-transform: scale(0);
1074
+ -moz-transform: scale(0);
1075
+ -ms-transform: scale(0);
1076
+ -o-transform: scale(0);
1077
+ transform: scale(0);
1078
+ opacity: 0;
1079
+ }
1080
+ }
1081
+ /* --------------------------------
1082
+
1083
+ xpush
1084
+
1085
+ -------------------------------- */
1086
+ .cd-headline.push b {
1087
+ opacity: 0;
1088
+ }
1089
+ .cd-headline.push b.is-visible {
1090
+ opacity: 1;
1091
+ -webkit-animation: push-in 0.6s;
1092
+ -moz-animation: push-in 0.6s;
1093
+ animation: push-in 0.6s;
1094
+ }
1095
+ .cd-headline.push b.is-hidden {
1096
+ -webkit-animation: push-out 0.6s;
1097
+ -moz-animation: push-out 0.6s;
1098
+ animation: push-out 0.6s;
1099
+ }
1100
+ @-webkit-keyframes push-in {
1101
+ 0% {
1102
+ opacity: 0;
1103
+ -webkit-transform: translateX(-100%);
1104
+ }
1105
+ 60% {
1106
+ opacity: 1;
1107
+ -webkit-transform: translateX(10%);
1108
+ }
1109
+ 100% {
1110
+ opacity: 1;
1111
+ -webkit-transform: translateX(0);
1112
+ }
1113
+ }
1114
+ @-moz-keyframes push-in {
1115
+ 0% {
1116
+ opacity: 0;
1117
+ -moz-transform: translateX(-100%);
1118
+ }
1119
+ 60% {
1120
+ opacity: 1;
1121
+ -moz-transform: translateX(10%);
1122
+ }
1123
+ 100% {
1124
+ opacity: 1;
1125
+ -moz-transform: translateX(0);
1126
+ }
1127
+ }
1128
+ @keyframes push-in {
1129
+ 0% {
1130
+ opacity: 0;
1131
+ -webkit-transform: translateX(-100%);
1132
+ -moz-transform: translateX(-100%);
1133
+ -ms-transform: translateX(-100%);
1134
+ -o-transform: translateX(-100%);
1135
+ transform: translateX(-100%);
1136
+ }
1137
+ 60% {
1138
+ opacity: 1;
1139
+ -webkit-transform: translateX(10%);
1140
+ -moz-transform: translateX(10%);
1141
+ -ms-transform: translateX(10%);
1142
+ -o-transform: translateX(10%);
1143
+ transform: translateX(10%);
1144
+ }
1145
+ 100% {
1146
+ opacity: 1;
1147
+ -webkit-transform: translateX(0);
1148
+ -moz-transform: translateX(0);
1149
+ -ms-transform: translateX(0);
1150
+ -o-transform: translateX(0);
1151
+ transform: translateX(0);
1152
+ }
1153
+ }
1154
+ @-webkit-keyframes push-out {
1155
+ 0% {
1156
+ opacity: 1;
1157
+ -webkit-transform: translateX(0);
1158
+ }
1159
+ 60% {
1160
+ opacity: 0;
1161
+ -webkit-transform: translateX(110%);
1162
+ }
1163
+ 100% {
1164
+ opacity: 0;
1165
+ -webkit-transform: translateX(100%);
1166
+ }
1167
+ }
1168
+ @-moz-keyframes push-out {
1169
+ 0% {
1170
+ opacity: 1;
1171
+ -moz-transform: translateX(0);
1172
+ }
1173
+ 60% {
1174
+ opacity: 0;
1175
+ -moz-transform: translateX(110%);
1176
+ }
1177
+ 100% {
1178
+ opacity: 0;
1179
+ -moz-transform: translateX(100%);
1180
+ }
1181
+ }
1182
+ @keyframes push-out {
1183
+ 0% {
1184
+ opacity: 1;
1185
+ -webkit-transform: translateX(0);
1186
+ -moz-transform: translateX(0);
1187
+ -ms-transform: translateX(0);
1188
+ -o-transform: translateX(0);
1189
+ transform: translateX(0);
1190
+ }
1191
+ 60% {
1192
+ opacity: 0;
1193
+ -webkit-transform: translateX(110%);
1194
+ -moz-transform: translateX(110%);
1195
+ -ms-transform: translateX(110%);
1196
+ -o-transform: translateX(110%);
1197
+ transform: translateX(110%);
1198
+ }
1199
+ 100% {
1200
+ opacity: 0;
1201
+ -webkit-transform: translateX(100%);
1202
+ -moz-transform: translateX(100%);
1203
+ -ms-transform: translateX(100%);
1204
+ -o-transform: translateX(100%);
1205
+ transform: translateX(100%);
1206
+ }
1207
+ }
extendify-sdk/app/Admin.php CHANGED
@@ -6,6 +6,7 @@
6
  namespace Extendify\ExtendifySdk;
7
 
8
  use Extendify\ExtendifySdk\App;
 
9
 
10
  /**
11
  * This class handles any file loading for the admin area.
@@ -62,8 +63,11 @@ class Admin
62
  */
63
  public function checkItsGutenbergPost($hook = '')
64
  {
65
- // TODO: Maybe there's a better check here so we can show on other pages too.
66
- return $hook && in_array($hook, ['post.php', 'post-new.php'], true);
 
 
 
67
  }
68
 
69
  /**
@@ -94,6 +98,7 @@ class Admin
94
  [
95
  'root' => \esc_url_raw(rest_url(APP::$slug . '/' . APP::$apiVersion)),
96
  'nonce' => \wp_create_nonce('wp_rest'),
 
97
  ]
98
  );
99
  \wp_enqueue_script(App::$slug . '-scripts');
6
  namespace Extendify\ExtendifySdk;
7
 
8
  use Extendify\ExtendifySdk\App;
9
+ use Extendify\ExtendifySdk\User;
10
 
11
  /**
12
  * This class handles any file loading for the admin area.
63
  */
64
  public function checkItsGutenbergPost($hook = '')
65
  {
66
+ if (isset($GLOBALS['typenow']) && use_block_editor_for_post_type($GLOBALS['typenow'])) {
67
+ return $hook && in_array($hook, ['post.php', 'post-new.php'], true);
68
+ }
69
+
70
+ return false;
71
  }
72
 
73
  /**
98
  [
99
  'root' => \esc_url_raw(rest_url(APP::$slug . '/' . APP::$apiVersion)),
100
  'nonce' => \wp_create_nonce('wp_rest'),
101
+ 'user' => json_decode(User::data('extendifysdk_user_data'), true),
102
  ]
103
  );
104
  \wp_enqueue_script(App::$slug . '-scripts');
extendify-sdk/extendify-sdk.php CHANGED
@@ -1,4 +1,5 @@
1
  <?php
 
2
  if (!defined('ABSPATH')) {
3
  exit;
4
  }
1
  <?php
2
+
3
  if (!defined('ABSPATH')) {
4
  exit;
5
  }
extendify-sdk/public/build/extendify-sdk.js CHANGED
@@ -1,2 +1,2 @@
1
  /*! For license information please see extendify-sdk.js.LICENSE.txt */
2
- (()=>{var e,t={135:(e,t,n)=>{e.exports=n(248)},206:(e,t,n)=>{e.exports=n(57)},387:(e,t,n)=>{"use strict";var r=n(485),o=n(570),i=n(940),a=n(581),u=n(574),s=n(845),c=n(338),l=n(524);e.exports=function(e){return new Promise((function(t,n){var f=e.data,d=e.headers;r.isFormData(f)&&delete d["Content-Type"];var p=new XMLHttpRequest;if(e.auth){var m=e.auth.username||"",v=e.auth.password?unescape(encodeURIComponent(e.auth.password)):"";d.Authorization="Basic "+btoa(m+":"+v)}var h=u(e.baseURL,e.url);if(p.open(e.method.toUpperCase(),a(h,e.params,e.paramsSerializer),!0),p.timeout=e.timeout,p.onreadystatechange=function(){if(p&&4===p.readyState&&(0!==p.status||p.responseURL&&0===p.responseURL.indexOf("file:"))){var r="getAllResponseHeaders"in p?s(p.getAllResponseHeaders()):null,i={data:e.responseType&&"text"!==e.responseType?p.response:p.responseText,status:p.status,statusText:p.statusText,headers:r,config:e,request:p};o(t,n,i),p=null}},p.onabort=function(){p&&(n(l("Request aborted",e,"ECONNABORTED",p)),p=null)},p.onerror=function(){n(l("Network Error",e,null,p)),p=null},p.ontimeout=function(){var t="timeout of "+e.timeout+"ms exceeded";e.timeoutErrorMessage&&(t=e.timeoutErrorMessage),n(l(t,e,"ECONNABORTED",p)),p=null},r.isStandardBrowserEnv()){var y=(e.withCredentials||c(h))&&e.xsrfCookieName?i.read(e.xsrfCookieName):void 0;y&&(d[e.xsrfHeaderName]=y)}if("setRequestHeader"in p&&r.forEach(d,(function(e,t){void 0===f&&"content-type"===t.toLowerCase()?delete d[t]:p.setRequestHeader(t,e)})),r.isUndefined(e.withCredentials)||(p.withCredentials=!!e.withCredentials),e.responseType)try{p.responseType=e.responseType}catch(t){if("json"!==e.responseType)throw t}"function"==typeof e.onDownloadProgress&&p.addEventListener("progress",e.onDownloadProgress),"function"==typeof e.onUploadProgress&&p.upload&&p.upload.addEventListener("progress",e.onUploadProgress),e.cancelToken&&e.cancelToken.promise.then((function(e){p&&(p.abort(),n(e),p=null)})),f||(f=null),p.send(f)}))}},57:(e,t,n)=>{"use strict";var r=n(485),o=n(875),i=n(29),a=n(941);function u(e){var t=new i(e),n=o(i.prototype.request,t);return r.extend(n,i.prototype,t),r.extend(n,t),n}var s=u(n(141));s.Axios=i,s.create=function(e){return u(a(s.defaults,e))},s.Cancel=n(132),s.CancelToken=n(603),s.isCancel=n(475),s.all=function(e){return Promise.all(e)},s.spread=n(739),s.isAxiosError=n(835),e.exports=s,e.exports.default=s},132:e=>{"use strict";function t(e){this.message=e}t.prototype.toString=function(){return"Cancel"+(this.message?": "+this.message:"")},t.prototype.__CANCEL__=!0,e.exports=t},603:(e,t,n)=>{"use strict";var r=n(132);function o(e){if("function"!=typeof e)throw new TypeError("executor must be a function.");var t;this.promise=new Promise((function(e){t=e}));var n=this;e((function(e){n.reason||(n.reason=new r(e),t(n.reason))}))}o.prototype.throwIfRequested=function(){if(this.reason)throw this.reason},o.source=function(){var e;return{token:new o((function(t){e=t})),cancel:e}},e.exports=o},475:e=>{"use strict";e.exports=function(e){return!(!e||!e.__CANCEL__)}},29:(e,t,n)=>{"use strict";var r=n(485),o=n(581),i=n(96),a=n(9),u=n(941);function s(e){this.defaults=e,this.interceptors={request:new i,response:new i}}s.prototype.request=function(e){"string"==typeof e?(e=arguments[1]||{}).url=arguments[0]:e=e||{},(e=u(this.defaults,e)).method?e.method=e.method.toLowerCase():this.defaults.method?e.method=this.defaults.method.toLowerCase():e.method="get";var t=[a,void 0],n=Promise.resolve(e);for(this.interceptors.request.forEach((function(e){t.unshift(e.fulfilled,e.rejected)})),this.interceptors.response.forEach((function(e){t.push(e.fulfilled,e.rejected)}));t.length;)n=n.then(t.shift(),t.shift());return n},s.prototype.getUri=function(e){return e=u(this.defaults,e),o(e.url,e.params,e.paramsSerializer).replace(/^\?/,"")},r.forEach(["delete","get","head","options"],(function(e){s.prototype[e]=function(t,n){return this.request(u(n||{},{method:e,url:t,data:(n||{}).data}))}})),r.forEach(["post","put","patch"],(function(e){s.prototype[e]=function(t,n,r){return this.request(u(r||{},{method:e,url:t,data:n}))}})),e.exports=s},96:(e,t,n)=>{"use strict";var r=n(485);function o(){this.handlers=[]}o.prototype.use=function(e,t){return this.handlers.push({fulfilled:e,rejected:t}),this.handlers.length-1},o.prototype.eject=function(e){this.handlers[e]&&(this.handlers[e]=null)},o.prototype.forEach=function(e){r.forEach(this.handlers,(function(t){null!==t&&e(t)}))},e.exports=o},574:(e,t,n)=>{"use strict";var r=n(642),o=n(288);e.exports=function(e,t){return e&&!r(t)?o(e,t):t}},524:(e,t,n)=>{"use strict";var r=n(953);e.exports=function(e,t,n,o,i){var a=new Error(e);return r(a,t,n,o,i)}},9:(e,t,n)=>{"use strict";var r=n(485),o=n(212),i=n(475),a=n(141);function u(e){e.cancelToken&&e.cancelToken.throwIfRequested()}e.exports=function(e){return u(e),e.headers=e.headers||{},e.data=o(e.data,e.headers,e.transformRequest),e.headers=r.merge(e.headers.common||{},e.headers[e.method]||{},e.headers),r.forEach(["delete","get","head","post","put","patch","common"],(function(t){delete e.headers[t]})),(e.adapter||a.adapter)(e).then((function(t){return u(e),t.data=o(t.data,t.headers,e.transformResponse),t}),(function(t){return i(t)||(u(e),t&&t.response&&(t.response.data=o(t.response.data,t.response.headers,e.transformResponse))),Promise.reject(t)}))}},953:e=>{"use strict";e.exports=function(e,t,n,r,o){return e.config=t,n&&(e.code=n),e.request=r,e.response=o,e.isAxiosError=!0,e.toJSON=function(){return{message:this.message,name:this.name,description:this.description,number:this.number,fileName:this.fileName,lineNumber:this.lineNumber,columnNumber:this.columnNumber,stack:this.stack,config:this.config,code:this.code}},e}},941:(e,t,n)=>{"use strict";var r=n(485);e.exports=function(e,t){t=t||{};var n={},o=["url","method","data"],i=["headers","auth","proxy","params"],a=["baseURL","transformRequest","transformResponse","paramsSerializer","timeout","timeoutMessage","withCredentials","adapter","responseType","xsrfCookieName","xsrfHeaderName","onUploadProgress","onDownloadProgress","decompress","maxContentLength","maxBodyLength","maxRedirects","transport","httpAgent","httpsAgent","cancelToken","socketPath","responseEncoding"],u=["validateStatus"];function s(e,t){return r.isPlainObject(e)&&r.isPlainObject(t)?r.merge(e,t):r.isPlainObject(t)?r.merge({},t):r.isArray(t)?t.slice():t}function c(o){r.isUndefined(t[o])?r.isUndefined(e[o])||(n[o]=s(void 0,e[o])):n[o]=s(e[o],t[o])}r.forEach(o,(function(e){r.isUndefined(t[e])||(n[e]=s(void 0,t[e]))})),r.forEach(i,c),r.forEach(a,(function(o){r.isUndefined(t[o])?r.isUndefined(e[o])||(n[o]=s(void 0,e[o])):n[o]=s(void 0,t[o])})),r.forEach(u,(function(r){r in t?n[r]=s(e[r],t[r]):r in e&&(n[r]=s(void 0,e[r]))}));var l=o.concat(i).concat(a).concat(u),f=Object.keys(e).concat(Object.keys(t)).filter((function(e){return-1===l.indexOf(e)}));return r.forEach(f,c),n}},570:(e,t,n)=>{"use strict";var r=n(524);e.exports=function(e,t,n){var o=n.config.validateStatus;n.status&&o&&!o(n.status)?t(r("Request failed with status code "+n.status,n.config,null,n.request,n)):e(n)}},212:(e,t,n)=>{"use strict";var r=n(485);e.exports=function(e,t,n){return r.forEach(n,(function(n){e=n(e,t)})),e}},141:(e,t,n)=>{"use strict";var r=n(61),o=n(485),i=n(446),a={"Content-Type":"application/x-www-form-urlencoded"};function u(e,t){!o.isUndefined(e)&&o.isUndefined(e["Content-Type"])&&(e["Content-Type"]=t)}var s,c={adapter:(("undefined"!=typeof XMLHttpRequest||void 0!==r&&"[object process]"===Object.prototype.toString.call(r))&&(s=n(387)),s),transformRequest:[function(e,t){return i(t,"Accept"),i(t,"Content-Type"),o.isFormData(e)||o.isArrayBuffer(e)||o.isBuffer(e)||o.isStream(e)||o.isFile(e)||o.isBlob(e)?e:o.isArrayBufferView(e)?e.buffer:o.isURLSearchParams(e)?(u(t,"application/x-www-form-urlencoded;charset=utf-8"),e.toString()):o.isObject(e)?(u(t,"application/json;charset=utf-8"),JSON.stringify(e)):e}],transformResponse:[function(e){if("string"==typeof e)try{e=JSON.parse(e)}catch(e){}return e}],timeout:0,xsrfCookieName:"XSRF-TOKEN",xsrfHeaderName:"X-XSRF-TOKEN",maxContentLength:-1,maxBodyLength:-1,validateStatus:function(e){return e>=200&&e<300}};c.headers={common:{Accept:"application/json, text/plain, */*"}},o.forEach(["delete","get","head"],(function(e){c.headers[e]={}})),o.forEach(["post","put","patch"],(function(e){c.headers[e]=o.merge(a)})),e.exports=c},875:e=>{"use strict";e.exports=function(e,t){return function(){for(var n=new Array(arguments.length),r=0;r<n.length;r++)n[r]=arguments[r];return e.apply(t,n)}}},581:(e,t,n)=>{"use strict";var r=n(485);function o(e){return encodeURIComponent(e).replace(/%3A/gi,":").replace(/%24/g,"$").replace(/%2C/gi,",").replace(/%20/g,"+").replace(/%5B/gi,"[").replace(/%5D/gi,"]")}e.exports=function(e,t,n){if(!t)return e;var i;if(n)i=n(t);else if(r.isURLSearchParams(t))i=t.toString();else{var a=[];r.forEach(t,(function(e,t){null!=e&&(r.isArray(e)?t+="[]":e=[e],r.forEach(e,(function(e){r.isDate(e)?e=e.toISOString():r.isObject(e)&&(e=JSON.stringify(e)),a.push(o(t)+"="+o(e))})))})),i=a.join("&")}if(i){var u=e.indexOf("#");-1!==u&&(e=e.slice(0,u)),e+=(-1===e.indexOf("?")?"?":"&")+i}return e}},288:e=>{"use strict";e.exports=function(e,t){return t?e.replace(/\/+$/,"")+"/"+t.replace(/^\/+/,""):e}},940:(e,t,n)=>{"use strict";var r=n(485);e.exports=r.isStandardBrowserEnv()?{write:function(e,t,n,o,i,a){var u=[];u.push(e+"="+encodeURIComponent(t)),r.isNumber(n)&&u.push("expires="+new Date(n).toGMTString()),r.isString(o)&&u.push("path="+o),r.isString(i)&&u.push("domain="+i),!0===a&&u.push("secure"),document.cookie=u.join("; ")},read:function(e){var t=document.cookie.match(new RegExp("(^|;\\s*)("+e+")=([^;]*)"));return t?decodeURIComponent(t[3]):null},remove:function(e){this.write(e,"",Date.now()-864e5)}}:{write:function(){},read:function(){return null},remove:function(){}}},642:e=>{"use strict";e.exports=function(e){return/^([a-z][a-z\d\+\-\.]*:)?\/\//i.test(e)}},835:e=>{"use strict";e.exports=function(e){return"object"==typeof e&&!0===e.isAxiosError}},338:(e,t,n)=>{"use strict";var r=n(485);e.exports=r.isStandardBrowserEnv()?function(){var e,t=/(msie|trident)/i.test(navigator.userAgent),n=document.createElement("a");function o(e){var r=e;return t&&(n.setAttribute("href",r),r=n.href),n.setAttribute("href",r),{href:n.href,protocol:n.protocol?n.protocol.replace(/:$/,""):"",host:n.host,search:n.search?n.search.replace(/^\?/,""):"",hash:n.hash?n.hash.replace(/^#/,""):"",hostname:n.hostname,port:n.port,pathname:"/"===n.pathname.charAt(0)?n.pathname:"/"+n.pathname}}return e=o(window.location.href),function(t){var n=r.isString(t)?o(t):t;return n.protocol===e.protocol&&n.host===e.host}}():function(){return!0}},446:(e,t,n)=>{"use strict";var r=n(485);e.exports=function(e,t){r.forEach(e,(function(n,r){r!==t&&r.toUpperCase()===t.toUpperCase()&&(e[t]=n,delete e[r])}))}},845:(e,t,n)=>{"use strict";var r=n(485),o=["age","authorization","content-length","content-type","etag","expires","from","host","if-modified-since","if-unmodified-since","last-modified","location","max-forwards","proxy-authorization","referer","retry-after","user-agent"];e.exports=function(e){var t,n,i,a={};return e?(r.forEach(e.split("\n"),(function(e){if(i=e.indexOf(":"),t=r.trim(e.substr(0,i)).toLowerCase(),n=r.trim(e.substr(i+1)),t){if(a[t]&&o.indexOf(t)>=0)return;a[t]="set-cookie"===t?(a[t]?a[t]:[]).concat([n]):a[t]?a[t]+", "+n:n}})),a):a}},739:e=>{"use strict";e.exports=function(e){return function(t){return e.apply(null,t)}}},485:(e,t,n)=>{"use strict";var r=n(875),o=Object.prototype.toString;function i(e){return"[object Array]"===o.call(e)}function a(e){return void 0===e}function u(e){return null!==e&&"object"==typeof e}function s(e){if("[object Object]"!==o.call(e))return!1;var t=Object.getPrototypeOf(e);return null===t||t===Object.prototype}function c(e){return"[object Function]"===o.call(e)}function l(e,t){if(null!=e)if("object"!=typeof e&&(e=[e]),i(e))for(var n=0,r=e.length;n<r;n++)t.call(null,e[n],n,e);else for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.call(null,e[o],o,e)}e.exports={isArray:i,isArrayBuffer:function(e){return"[object ArrayBuffer]"===o.call(e)},isBuffer:function(e){return null!==e&&!a(e)&&null!==e.constructor&&!a(e.constructor)&&"function"==typeof e.constructor.isBuffer&&e.constructor.isBuffer(e)},isFormData:function(e){return"undefined"!=typeof FormData&&e instanceof FormData},isArrayBufferView:function(e){return"undefined"!=typeof ArrayBuffer&&ArrayBuffer.isView?ArrayBuffer.isView(e):e&&e.buffer&&e.buffer instanceof ArrayBuffer},isString:function(e){return"string"==typeof e},isNumber:function(e){return"number"==typeof e},isObject:u,isPlainObject:s,isUndefined:a,isDate:function(e){return"[object Date]"===o.call(e)},isFile:function(e){return"[object File]"===o.call(e)},isBlob:function(e){return"[object Blob]"===o.call(e)},isFunction:c,isStream:function(e){return u(e)&&c(e.pipe)},isURLSearchParams:function(e){return"undefined"!=typeof URLSearchParams&&e instanceof URLSearchParams},isStandardBrowserEnv:function(){return("undefined"==typeof navigator||"ReactNative"!==navigator.product&&"NativeScript"!==navigator.product&&"NS"!==navigator.product)&&("undefined"!=typeof window&&"undefined"!=typeof document)},forEach:l,merge:function e(){var t={};function n(n,r){s(t[r])&&s(n)?t[r]=e(t[r],n):s(n)?t[r]=e({},n):i(n)?t[r]=n.slice():t[r]=n}for(var r=0,o=arguments.length;r<o;r++)l(arguments[r],n);return t},extend:function(e,t,n){return l(t,(function(t,o){e[o]=n&&"function"==typeof t?r(t,n):t})),e},trim:function(e){return e.replace(/^\s*/,"").replace(/\s*$/,"")},stripBOM:function(e){return 65279===e.charCodeAt(0)&&(e=e.slice(1)),e}}},473:(e,t,n)=>{"use strict";const r=wp.element;var o=n(804),i=n.n(o);function a(e){let t;const n=new Set,r=(e,r)=>{const o="function"==typeof e?e(t):e;if(o!==t){const e=t;t=r?o:Object.assign({},t,o),n.forEach((n=>n(t,e)))}},o=()=>t,i={setState:r,getState:o,subscribe:(e,r,i)=>r||i?((e,r=o,i=Object.is)=>{let a=r(t);function u(){const n=r(t);if(!i(a,n)){const t=a;e(a=n,t)}}return n.add(u),()=>n.delete(u)})(e,r,i):(n.add(e),()=>n.delete(e)),destroy:()=>n.clear()};return t=e(r,o,i),i}const u="undefined"==typeof window||!window.navigator||/ServerSideRendering|^Deno\//.test(window.navigator.userAgent)?o.useEffect:o.useLayoutEffect;const s=function(e){const t="function"==typeof e?a(e):e,n=(e=t.getState,n=Object.is)=>{const[,r]=(0,o.useReducer)((e=>e+1),0),i=t.getState(),a=(0,o.useRef)(i),s=(0,o.useRef)(e),c=(0,o.useRef)(n),l=(0,o.useRef)(!1),f=(0,o.useRef)();let d;void 0===f.current&&(f.current=e(i));let p=!1;(a.current!==i||s.current!==e||c.current!==n||l.current)&&(d=e(i),p=!n(f.current,d)),u((()=>{p&&(f.current=d),a.current=i,s.current=e,c.current=n,l.current=!1}));const m=(0,o.useRef)(i);return u((()=>{const e=()=>{try{const e=t.getState(),n=s.current(e);c.current(f.current,n)||(a.current=e,f.current=n,r())}catch(e){l.current=!0,r()}},n=t.subscribe(e);return t.getState()!==m.current&&e(),n}),[]),p?d:f.current};return Object.assign(n,t),n[Symbol.iterator]=function*(){console.warn("[useStore, api] = create() is deprecated and will be removed in v4"),yield n,yield t},n};var c="pattern",l=12;function f(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null==n)return;var r,o,i=[],a=!0,u=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(e){u=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(u)throw o}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return d(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function p(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=window.wp.blocks.createBlock;return e.map((function(e){var n=f(Array.isArray(e)?e:[e.name,e.attributes,e.innerBlocks],3),r=n[0],o=n[1],i=n[2];return t(r,o,p(void 0===i?[]:i))}))}function m(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function v(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?m(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function h(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function y(e){return function(e){if(Array.isArray(e))return b(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return b(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return b(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var g=s((function(e,t){return{templates:[],fetchToken:null,activeTemplate:{},activeTemplateBlocks:{},taxonomyDefaultState:{},searchParams:{taxonomies:{},type:c,search:""},nextPage:"",removeTemplates:function(){return e({nextPage:"",templates:[]})},appendTemplates:function(n){return e({templates:y(new Map([].concat(y(t().templates),y(n)).map((function(e){return[e.id,e]}))).values())})},setupDefaultTaxonomies:function(n){var r=Object.keys(n).reduce((function(e,n){return e[n]=function(e){return function(e,t){return"pattern"===e&&"tax_categories"===t?"Default":""}(t().searchParams.type,e)}(n),e}),{}),o={};o.taxonomies=r,e({taxonomyDefaultState:r,searchParams:v({},Object.assign(t().searchParams,o))})},setActive:function(t){var n;if(e({activeTemplate:t}),null!=t&&null!==(n=t.fields)&&void 0!==n&&n.code){var r=window.wp.blocks.parse;e({activeTemplateBlocks:p(r(t.fields.code))})}},resetTaxonomies:function(){var e={tax_categories:"pattern"===t().searchParams.type?"Default":""};t().updateSearchParams({taxonomies:Object.assign(t().taxonomyDefaultState,e)})},updateTaxonomies:function(e){var n={};n.taxonomies=Object.assign({},t().searchParams.taxonomies,e),t().updateSearchParams(n)},updateSearchParams:function(n){null!=n&&n.taxonomies&&!Object.keys(n.taxonomies).length&&(n.taxonomies=t().taxonomyDefaultState),e({templates:[],nextPage:"",searchParams:v({},Object.assign(t().searchParams,n))})}}})),x=s((function(e){return{open:!1,currentPage:"content",setOpen:function(t){e({open:t}),t&&g.getState().removeTemplates()}}})),w=n(135),S=n.n(w),k=Object.defineProperty,j=Object.prototype.hasOwnProperty,O=Object.getOwnPropertySymbols,C=Object.prototype.propertyIsEnumerable,E=(e,t,n)=>t in e?k(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,P=(e,t)=>{for(var n in t||(t={}))j.call(t,n)&&E(e,n,t[n]);if(O)for(var n of O(t))C.call(t,n)&&E(e,n,t[n]);return e};const I=(e,t)=>(n,r,o)=>{const{name:i,getStorage:a=(()=>localStorage),serialize:u=JSON.stringify,deserialize:s=JSON.parse,blacklist:c,whitelist:l,onRehydrateStorage:f,version:d=0,migrate:p}=t||{};let m;try{m=a()}catch(e){}if(!m)return e(((...e)=>{console.warn(`Persist middleware: unable to update ${i}, the given storage is currently unavailable.`),n(...e)}),r,o);const v=async()=>{const e=P({},r());return l&&Object.keys(e).forEach((t=>{!l.includes(t)&&delete e[t]})),c&&c.forEach((t=>delete e[t])),null==m?void 0:m.setItem(i,await u({state:e,version:d}))},h=o.setState;return o.setState=(e,t)=>{h(e,t),v()},(async()=>{const e=(null==f?void 0:f(r()))||void 0;try{const e=await m.getItem(i);if(e){const t=await s(e);if(t.version!==d){const e=await(null==p?void 0:p(t.state,t.version));e&&(n(e),await v())}else n(t.state)}}catch(t){return void(null==e||e(void 0,t))}null==e||e(r(),void 0)})(),e(((...e)=>{n(...e),v()}),r,o)};var N=n(206),T=n.n(N)().create({baseURL:window.extendifySdkData.root,headers:{"X-WP-Nonce":window.extendifySdkData.nonce,"X-Requested-With":"XMLHttpRequest","X-Extendify":!0}});function _(e){return Object.prototype.hasOwnProperty.call(e,"data")?e.data:e}T.interceptors.response.use((function(e){return function(e){return Object.prototype.hasOwnProperty.call(e,"soft_error")&&window.dispatchEvent(new CustomEvent("extendify-sdk::softerror-encountered",{detail:e.soft_error,bubbles:!0})),e}(_(e))}),(function(e){return function(e){if(e.response)return console.error(e.response),Promise.reject(_(e.response))}(e)})),T.interceptors.request.use((function(e){return function(e){return e.headers["X-Extendify-Dev-Mode"]=window.location.search.indexOf("DEVMODE")>-1,e.headers["X-Extendify-Local-Mode"]=window.location.search.indexOf("LOCALMODE")>-1,e}(function(e){return e.data&&(e.data.remaining_imports=G.getState().remainingImports(),e.data.entry_point=G.getState().entryPoint,e.data.total_imports=G.getState().imports),e}(e))}),(function(e){return e}));var R=function(){return T.get("user")},A=function(e){return T.get("user-meta",{params:{key:e}})},L=function(e,t){var n=new FormData;return n.append("email",e),n.append("key",t),T.post("login",n,{headers:{"Content-Type":"multipart/form-data"}})},D=function(e){var t=new FormData;return t.append("data",JSON.stringify(e)),T.post("user",t,{headers:{"Content-Type":"multipart/form-data"}})};function F(e,t,n,r,o,i,a){try{var u=e[i](a),s=u.value}catch(e){return void n(e)}u.done?t(s):Promise.resolve(s).then(r,o)}function M(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){F(i,r,o,a,u,"next",e)}function u(e){F(i,r,o,a,u,"throw",e)}a(void 0)}))}}var B,U,V={getItem:(U=M(S().mark((function e(){return S().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,R();case 2:return e.abrupt("return",e.sent);case 3:case"end":return e.stop()}}),e)}))),function(){return U.apply(this,arguments)}),setItem:(B=M(S().mark((function e(t,n){return S().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",D(n));case 1:case"end":return e.stop()}}),e)}))),function(e,t){return B.apply(this,arguments)})},G=s(I((function(e,t){return{apiKey:"",imports:0,uuid:"",email:"",allowedImports:0,entryPoint:"not-set",enabled:!0,incrementImports:function(){return e({imports:t().imports+1})},canImport:function(){return!!t().apiKey||Number(t().imports)<Number(t().allowedImports)},remainingImports:function(){if(t().apiKey)return"unlimited";var e=Number(t().allowedImports)-Number(t().imports);return e>0?e:0}}}),{name:"extendify-user",getStorage:function(){return V}}));const H=ReactDOM;function q(){return(q=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function W(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}function K(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function z(e,t){var n;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return K(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?K(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0;return function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}return(n=e[Symbol.iterator]()).next.bind(n)}function $(e,t){if(e in t){for(var n=t[e],r=arguments.length,o=new Array(r>2?r-2:0),i=2;i<r;i++)o[i-2]=arguments[i];return"function"==typeof n?n.apply(void 0,o):n}var a=new Error('Tried to handle "'+e+'" but there is no handler defined. Only defined handlers are: '+Object.keys(t).map((function(e){return'"'+e+'"'})).join(", ")+".");throw Error.captureStackTrace&&Error.captureStackTrace(a,$),a}var Q,Y,J;function X(e){var t=e.props,n=e.slot,r=e.defaultTag,o=e.features,i=e.visible,a=void 0===i||i,u=e.name;if(a)return Z(t,n,r,u);var s=null!=o?o:Q.None;if(s&Q.Static){var c=t.static,l=void 0!==c&&c,f=W(t,["static"]);if(l)return Z(f,n,r,u)}if(s&Q.RenderStrategy){var d,p=t.unmount,m=void 0===p||p,v=W(t,["unmount"]);return $(m?Y.Unmount:Y.Hidden,((d={})[Y.Unmount]=function(){return null},d[Y.Hidden]=function(){return Z(q({},v,{hidden:!0,style:{display:"none"}}),n,r,u)},d))}return Z(t,n,r,u)}function Z(e,t,n,r){var i;void 0===t&&(t={});var a=te(e,["unmount","static"]),u=a.as,s=void 0===u?n:u,c=a.children,l=a.refName,f=void 0===l?"ref":l,d=W(a,["as","children","refName"]),p=void 0!==e.ref?((i={})[f]=e.ref,i):{},m="function"==typeof c?c(t):c;if(d.className&&"function"==typeof d.className&&(d.className=d.className(t)),s===o.Fragment&&Object.keys(d).length>0){if(!(0,o.isValidElement)(m)||Array.isArray(m)&&m.length>1)throw new Error(['Passing props on "Fragment"!',"","The current component <"+r+' /> is rendering a "Fragment".',"However we need to passthrough the following props:",Object.keys(d).map((function(e){return" - "+e})).join("\n"),"","You can apply a few solutions:",['Add an `as="..."` prop, to ensure that we render an actual element instead of a "Fragment".',"Render a single element as the child so that we can forward the props onto that element."].map((function(e){return" - "+e})).join("\n")].join("\n"));return(0,o.cloneElement)(m,Object.assign({},function(e,t,n){for(var r,o=Object.assign({},e),i=function(){var n,i=r.value;void 0!==e[i]&&void 0!==t[i]&&Object.assign(o,((n={})[i]=function(n){n.defaultPrevented||e[i](n),n.defaultPrevented||t[i](n)},n))},a=z(n);!(r=a()).done;)i();return o}(function(e){var t=Object.assign({},e);for(var n in t)void 0===t[n]&&delete t[n];return t}(te(d,["ref"])),m.props,["onClick"]),p))}return(0,o.createElement)(s,Object.assign({},te(d,["ref"]),s!==o.Fragment&&p),m)}function ee(e){var t;return Object.assign((0,o.forwardRef)(e),{displayName:null!=(t=e.displayName)?t:e.name})}function te(e,t){void 0===t&&(t=[]);for(var n,r=Object.assign({},e),o=z(t);!(n=o()).done;){var i=n.value;i in r&&delete r[i]}return r}function ne(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];var r=(0,o.useRef)(t);return(0,o.useEffect)((function(){r.current=t}),[t]),(0,o.useCallback)((function(e){for(var t,n=z(r.current);!(t=n()).done;){var o=t.value;null!=o&&("function"==typeof o?o(e):o.current=e)}}),[r])}function re(e){for(var t,n,r=e.parentElement,o=null;r&&!(r instanceof HTMLFieldSetElement);)r instanceof HTMLLegendElement&&(o=r),r=r.parentElement;var i=null!=(t=""===(null==(n=r)?void 0:n.getAttribute("disabled")))&&t;return(!i||!function(e){if(!e)return!1;var t=e.previousElementSibling;for(;null!==t;){if(t instanceof HTMLLegendElement)return!1;t=t.previousElementSibling}return!0}(o))&&i}!function(e){e[e.None=0]="None",e[e.RenderStrategy=1]="RenderStrategy",e[e.Static=2]="Static"}(Q||(Q={})),function(e){e[e.Unmount=0]="Unmount",e[e.Hidden=1]="Hidden"}(Y||(Y={})),function(e){e.Space=" ",e.Enter="Enter",e.Escape="Escape",e.Backspace="Backspace",e.ArrowLeft="ArrowLeft",e.ArrowUp="ArrowUp",e.ArrowRight="ArrowRight",e.ArrowDown="ArrowDown",e.Home="Home",e.End="End",e.PageUp="PageUp",e.PageDown="PageDown",e.Tab="Tab"}(J||(J={}));var oe="undefined"!=typeof window?o.useLayoutEffect:o.useEffect,ie={serverHandoffComplete:!1};function ae(){var e=(0,o.useState)(ie.serverHandoffComplete),t=e[0],n=e[1];return(0,o.useEffect)((function(){!0!==t&&n(!0)}),[t]),(0,o.useEffect)((function(){!1===ie.serverHandoffComplete&&(ie.serverHandoffComplete=!0)}),[]),t}var ue=0;function se(){return++ue}function ce(){var e=ae(),t=(0,o.useState)(e?se:null),n=t[0],r=t[1];return oe((function(){null===n&&r(se())}),[n]),null!=n?""+n:void 0}var le,fe,de,pe,me,ve=["[contentEditable=true]","[tabindex]","a[href]","area[href]","button:not([disabled])","iframe","input:not([disabled])","select:not([disabled])","textarea:not([disabled])"].map((function(e){return e+":not([tabindex='-1'])"})).join(",");function he(e){return void 0===e&&(e=document.body),null==e?[]:Array.from(e.querySelectorAll(ve))}function ye(e,t){var n;return void 0===t&&(t=pe.Strict),e!==document.body&&$(t,((n={})[pe.Strict]=function(){return e.matches(ve)},n[pe.Loose]=function(){for(var t=e;null!==t;){if(t.matches(ve))return!0;t=t.parentElement}return!1},n))}function be(e){null==e||e.focus({preventScroll:!0})}function ge(e,t){var n=Array.isArray(e)?e:he(e),r=document.activeElement,o=function(){if(t&(le.First|le.Next))return de.Next;if(t&(le.Previous|le.Last))return de.Previous;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")}(),i=function(){if(t&le.First)return 0;if(t&le.Previous)return Math.max(0,n.indexOf(r))-1;if(t&le.Next)return Math.max(0,n.indexOf(r))+1;if(t&le.Last)return n.length-1;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")}(),a=t&le.NoScroll?{preventScroll:!0}:{},u=0,s=n.length,c=void 0;do{var l;if(u>=s||u+s<=0)return fe.Error;var f=i+u;if(t&le.WrapAround)f=(f+s)%s;else{if(f<0)return fe.Underflow;if(f>=s)return fe.Overflow}null==(l=c=n[f])||l.focus(a),u+=o}while(c!==document.activeElement);return c.hasAttribute("tabindex")||c.setAttribute("tabindex","0"),fe.Success}function xe(e,t,n){var r=(0,o.useRef)(t);r.current=t,(0,o.useEffect)((function(){function t(e){r.current.call(window,e)}return window.addEventListener(e,t,n),function(){return window.removeEventListener(e,t,n)}}),[e,n])}function we(){var e=(0,o.useRef)(!1);return(0,o.useEffect)((function(){return e.current=!0,function(){e.current=!1}}),[]),e}function Se(e,t,n){void 0===t&&(t=me.All);var r=void 0===n?{}:n,i=r.initialFocus,a=r.containers,u=(0,o.useRef)("undefined"!=typeof window?document.activeElement:null),s=(0,o.useRef)(null),c=we(),l=Boolean(t&me.RestoreFocus),f=Boolean(t&me.InitialFocus);(0,o.useEffect)((function(){l&&(u.current=document.activeElement)}),[l]),(0,o.useEffect)((function(){if(l)return function(){be(u.current),u.current=null}}),[l]),(0,o.useEffect)((function(){if(f&&e.current){var t=document.activeElement;if(null==i?void 0:i.current){if((null==i?void 0:i.current)===t)return void(s.current=t)}else if(e.current.contains(t))return void(s.current=t);if(null==i?void 0:i.current)be(i.current);else if(ge(e.current,le.First)===fe.Error)throw new Error("There are no focusable elements inside the <FocusTrap />");s.current=document.activeElement}}),[e,i,f]),xe("keydown",(function(n){t&me.TabLock&&e.current&&n.key===J.Tab&&(n.preventDefault(),ge(e.current,(n.shiftKey?le.Previous:le.Next)|le.WrapAround)===fe.Success&&(s.current=document.activeElement))})),xe("focus",(function(n){if(t&me.FocusLock){var r=new Set(null==a?void 0:a.current);if(r.add(e),r.size){var o=s.current;if(o&&c.current){var i=n.target;i&&i instanceof HTMLElement?!function(e,t){for(var n,r=z(e);!(n=r()).done;){var o;if(null==(o=n.value.current)?void 0:o.contains(t))return!0}return!1}(r,i)?(n.preventDefault(),n.stopPropagation(),be(o)):(s.current=i,be(i)):be(s.current)}}}}),!0)}!function(e){e[e.First=1]="First",e[e.Previous=2]="Previous",e[e.Next=4]="Next",e[e.Last=8]="Last",e[e.WrapAround=16]="WrapAround",e[e.NoScroll=32]="NoScroll"}(le||(le={})),function(e){e[e.Error=0]="Error",e[e.Overflow=1]="Overflow",e[e.Success=2]="Success",e[e.Underflow=3]="Underflow"}(fe||(fe={})),function(e){e[e.Previous=-1]="Previous",e[e.Next=1]="Next"}(de||(de={})),function(e){e[e.Strict=0]="Strict",e[e.Loose=1]="Loose"}(pe||(pe={})),function(e){e[e.None=1]="None",e[e.InitialFocus=2]="InitialFocus",e[e.TabLock=4]="TabLock",e[e.FocusLock=8]="FocusLock",e[e.RestoreFocus=16]="RestoreFocus",e[e.All=30]="All"}(me||(me={}));var ke=new Set,je=new Map;function Oe(e){e.setAttribute("aria-hidden","true"),e.inert=!0}function Ce(e){var t=je.get(e);t&&(null===t["aria-hidden"]?e.removeAttribute("aria-hidden"):e.setAttribute("aria-hidden",t["aria-hidden"]),e.inert=t.inert)}var Ee=(0,o.createContext)(!1);function Pe(e){return i().createElement(Ee.Provider,{value:e.force},e.children)}function Ie(){var e=(0,o.useContext)(Ee),t=(0,o.useContext)(Re),n=(0,o.useState)((function(){if(!e&&null!==t)return null;if("undefined"==typeof window)return null;var n=document.getElementById("headlessui-portal-root");if(n)return n;var r=document.createElement("div");return r.setAttribute("id","headlessui-portal-root"),document.body.appendChild(r)})),r=n[0],i=n[1];return(0,o.useEffect)((function(){e||null!==t&&i(t.current)}),[t,i,e]),r}var Ne=o.Fragment;function Te(e){var t=e,n=Ie(),r=(0,o.useState)((function(){return"undefined"==typeof window?null:document.createElement("div")}))[0],i=ae();return oe((function(){if(n&&r)return n.appendChild(r),function(){var e;n&&(r&&(n.removeChild(r),n.childNodes.length<=0&&(null==(e=n.parentElement)||e.removeChild(n))))}}),[n,r]),i&&n&&r?(0,H.createPortal)(X({props:t,defaultTag:Ne,name:"Portal"}),r):null}var _e=o.Fragment,Re=(0,o.createContext)(null);Te.Group=function(e){var t=e.target,n=W(e,["target"]);return i().createElement(Re.Provider,{value:t},X({props:n,defaultTag:_e,name:"Popover.Group"}))};var Ae=(0,o.createContext)(null);function Le(){var e=(0,o.useContext)(Ae);if(null===e){var t=new Error("You used a <Description /> component, but it is not inside a relevant parent.");throw Error.captureStackTrace&&Error.captureStackTrace(t,Le),t}return e}function De(){var e=(0,o.useState)([]),t=e[0],n=e[1];return[t.length>0?t.join(" "):void 0,(0,o.useMemo)((function(){return function(e){var t=(0,o.useCallback)((function(e){return n((function(t){return[].concat(t,[e])})),function(){return n((function(t){var n=t.slice(),r=n.indexOf(e);return-1!==r&&n.splice(r,1),n}))}}),[]),r=(0,o.useMemo)((function(){return{register:t,slot:e.slot,name:e.name,props:e.props}}),[t,e.slot,e.name,e.props]);return i().createElement(Ae.Provider,{value:r},e.children)}}),[n])]}function Fe(e){var t=Le(),n="headlessui-description-"+ce();oe((function(){return t.register(n)}),[n,t.register]);var r=e,o=q({},t.props,{id:n});return X({props:q({},r,o),slot:t.slot||{},defaultTag:"p",name:t.name||"Description"})}var Me,Be=(0,o.createContext)(null);function Ue(){return(0,o.useContext)(Be)}function Ve(e){var t=e.value,n=e.children;return i().createElement(Be.Provider,{value:t},n)}Be.displayName="OpenClosedContext",function(e){e[e.Open=0]="Open",e[e.Closed=1]="Closed"}(Me||(Me={}));var Ge,He,qe,We,Ke=(0,o.createContext)((function(){}));function ze(e){var t=e.children,n=e.onUpdate,r=e.type,a=e.element,u=(0,o.useContext)(Ke),s=(0,o.useCallback)((function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];null==n||n.apply(void 0,t),u.apply(void 0,t)}),[u,n]);return oe((function(){return s(Ge.Add,r,a),function(){return s(Ge.Remove,r,a)}}),[s,r,a]),i().createElement(Ke.Provider,{value:s},t)}Ke.displayName="StackContext",function(e){e[e.Add=0]="Add",e[e.Remove=1]="Remove"}(Ge||(Ge={})),function(e){e[e.Open=0]="Open",e[e.Closed=1]="Closed"}(qe||(qe={})),function(e){e[e.SetTitleId=0]="SetTitleId"}(We||(We={}));var $e=((He={})[We.SetTitleId]=function(e,t){return e.titleId===t.id?e:q({},e,{titleId:t.id})},He),Qe=(0,o.createContext)(null);function Ye(e){var t=(0,o.useContext)(Qe);if(null===t){var n=new Error("<"+e+" /> is missing a parent <"+ot.displayName+" /> component.");throw Error.captureStackTrace&&Error.captureStackTrace(n,Ye),n}return t}function Je(e,t){return $(t.type,$e,e,t)}Qe.displayName="DialogContext";var Xe=Q.RenderStrategy|Q.Static,Ze=ee((function(e,t){var n,r=e.open,a=e.onClose,u=e.initialFocus,s=W(e,["open","onClose","initialFocus"]),c=(0,o.useState)(0),l=c[0],f=c[1],d=Ue();void 0===r&&null!==d&&(r=$(d,((n={})[Me.Open]=!0,n[Me.Closed]=!1,n)));var p=(0,o.useRef)(new Set),m=(0,o.useRef)(null),v=ne(m,t),h=e.hasOwnProperty("open")||null!==d,y=e.hasOwnProperty("onClose");if(!h&&!y)throw new Error("You have to provide an `open` and an `onClose` prop to the `Dialog` component.");if(!h)throw new Error("You provided an `onClose` prop to the `Dialog`, but forgot an `open` prop.");if(!y)throw new Error("You provided an `open` prop to the `Dialog`, but forgot an `onClose` prop.");if("boolean"!=typeof r)throw new Error("You provided an `open` prop to the `Dialog`, but the value is not a boolean. Received: "+r);if("function"!=typeof a)throw new Error("You provided an `onClose` prop to the `Dialog`, but the value is not a function. Received: "+a);var b=r?qe.Open:qe.Closed,g=null!==d?d===Me.Open:b===qe.Open,x=(0,o.useReducer)(Je,{titleId:null,descriptionId:null}),w=x[0],S=x[1],k=(0,o.useCallback)((function(){return a(!1)}),[a]),j=(0,o.useCallback)((function(e){return S({type:We.SetTitleId,id:e})}),[S]),O=ae()&&b===qe.Open,C=l>1,E=null!==(0,o.useContext)(Qe);Se(m,O?$(C?"parent":"leaf",{parent:me.RestoreFocus,leaf:me.All}):me.None,{initialFocus:u,containers:p}),function(e,t){void 0===t&&(t=!0),oe((function(){if(t&&e.current){var n=e.current;ke.add(n);for(var r,o=z(je.keys());!(r=o()).done;){var i=r.value;i.contains(n)&&(Ce(i),je.delete(i))}return document.querySelectorAll("body > *").forEach((function(e){if(e instanceof HTMLElement){for(var t,n=z(ke);!(t=n()).done;){var r=t.value;if(e.contains(r))return}1===ke.size&&(je.set(e,{"aria-hidden":e.getAttribute("aria-hidden"),inert:e.inert}),Oe(e))}})),function(){if(ke.delete(n),ke.size>0)document.querySelectorAll("body > *").forEach((function(e){if(e instanceof HTMLElement&&!je.has(e)){for(var t,n=z(ke);!(t=n()).done;){var r=t.value;if(e.contains(r))return}je.set(e,{"aria-hidden":e.getAttribute("aria-hidden"),inert:e.inert}),Oe(e)}}));else for(var e,t=z(je.keys());!(e=t()).done;){var r=e.value;Ce(r),je.delete(r)}}}}),[t])}(m,!!C&&O),xe("mousedown",(function(e){var t,n=e.target;b===qe.Open&&(C||(null==(t=m.current)?void 0:t.contains(n))||k())})),(0,o.useEffect)((function(){if(b===qe.Open&&!E){var e=document.documentElement.style.overflow,t=document.documentElement.style.paddingRight,n=window.innerWidth-document.documentElement.clientWidth;return document.documentElement.style.overflow="hidden",document.documentElement.style.paddingRight=n+"px",function(){document.documentElement.style.overflow=e,document.documentElement.style.paddingRight=t}}}),[b,E]),(0,o.useEffect)((function(){if(b===qe.Open&&m.current){var e=new IntersectionObserver((function(e){for(var t,n=z(e);!(t=n()).done;){var r=t.value;0===r.boundingClientRect.x&&0===r.boundingClientRect.y&&0===r.boundingClientRect.width&&0===r.boundingClientRect.height&&k()}}));return e.observe(m.current),function(){return e.disconnect()}}}),[b,m,k]);var P=De(),I=P[0],N=P[1],T="headlessui-dialog-"+ce(),_=(0,o.useMemo)((function(){return[{dialogState:b,close:k,setTitleId:j},w]}),[b,w,k,j]),R=(0,o.useMemo)((function(){return{open:b===qe.Open}}),[b]),A={ref:v,id:T,role:"dialog","aria-modal":b===qe.Open||void 0,"aria-labelledby":w.titleId,"aria-describedby":I,onClick:function(e){e.stopPropagation()},onKeyDown:function(e){e.key===J.Escape&&b===qe.Open&&(C||(e.preventDefault(),e.stopPropagation(),k()))}},L=s;return i().createElement(ze,{type:"Dialog",element:m,onUpdate:(0,o.useCallback)((function(e,t,n){var r;"Dialog"===t&&$(e,((r={})[Ge.Add]=function(){p.current.add(n),f((function(e){return e+1}))},r[Ge.Remove]=function(){p.current.add(n),f((function(e){return e-1}))},r))}),[])},i().createElement(Pe,{force:!0},i().createElement(Te,null,i().createElement(Qe.Provider,{value:_},i().createElement(Te.Group,{target:m},i().createElement(Pe,{force:!1},i().createElement(N,{slot:R,name:"Dialog.Description"},X({props:q({},L,A),slot:R,defaultTag:"div",features:Xe,visible:g,name:"Dialog"}))))))))})),et=ee((function e(t,n){var r=Ye([ot.displayName,e.name].join("."))[0],i=r.dialogState,a=r.close,u=ne(n),s="headlessui-dialog-overlay-"+ce(),c=(0,o.useCallback)((function(e){if(re(e.currentTarget))return e.preventDefault();e.preventDefault(),e.stopPropagation(),a()}),[a]),l=(0,o.useMemo)((function(){return{open:i===qe.Open}}),[i]);return X({props:q({},t,{ref:u,id:s,"aria-hidden":!0,onClick:c}),slot:l,defaultTag:"div",name:"Dialog.Overlay"})}));var tt,nt,rt,ot=Object.assign(Ze,{Overlay:et,Title:function e(t){var n=Ye([ot.displayName,e.name].join("."))[0],r=n.dialogState,i=n.setTitleId,a="headlessui-dialog-title-"+ce();(0,o.useEffect)((function(){return i(a),function(){return i(null)}}),[a,i]);var u=(0,o.useMemo)((function(){return{open:r===qe.Open}}),[r]);return X({props:q({},t,{id:a}),slot:u,defaultTag:"h2",name:"Dialog.Title"})},Description:Fe});!function(e){e[e.Open=0]="Open",e[e.Closed=1]="Closed"}(nt||(nt={})),function(e){e[e.ToggleDisclosure=0]="ToggleDisclosure",e[e.SetButtonId=1]="SetButtonId",e[e.SetPanelId=2]="SetPanelId",e[e.LinkPanel=3]="LinkPanel",e[e.UnlinkPanel=4]="UnlinkPanel"}(rt||(rt={}));var it=((tt={})[rt.ToggleDisclosure]=function(e){var t;return q({},e,{disclosureState:$(e.disclosureState,(t={},t[nt.Open]=nt.Closed,t[nt.Closed]=nt.Open,t))})},tt[rt.LinkPanel]=function(e){return!0===e.linkedPanel?e:q({},e,{linkedPanel:!0})},tt[rt.UnlinkPanel]=function(e){return!1===e.linkedPanel?e:q({},e,{linkedPanel:!1})},tt[rt.SetButtonId]=function(e,t){return e.buttonId===t.buttonId?e:q({},e,{buttonId:t.buttonId})},tt[rt.SetPanelId]=function(e,t){return e.panelId===t.panelId?e:q({},e,{panelId:t.panelId})},tt),at=(0,o.createContext)(null);function ut(e){var t=(0,o.useContext)(at);if(null===t){var n=new Error("<"+e+" /> is missing a parent <"+lt.name+" /> component.");throw Error.captureStackTrace&&Error.captureStackTrace(n,ut),n}return t}function st(e,t){return $(t.type,it,e,t)}at.displayName="DisclosureContext";var ct=o.Fragment;function lt(e){var t,n=e.defaultOpen,r=void 0!==n&&n,a=W(e,["defaultOpen"]),u="headlessui-disclosure-button-"+ce(),s="headlessui-disclosure-panel-"+ce(),c=(0,o.useReducer)(st,{disclosureState:r?nt.Open:nt.Closed,linkedPanel:!1,buttonId:u,panelId:s}),l=c[0].disclosureState,f=c[1];(0,o.useEffect)((function(){return f({type:rt.SetButtonId,buttonId:u})}),[u,f]),(0,o.useEffect)((function(){return f({type:rt.SetPanelId,panelId:s})}),[s,f]);var d=(0,o.useMemo)((function(){return{open:l===nt.Open}}),[l]);return i().createElement(at.Provider,{value:c},i().createElement(Ve,{value:$(l,(t={},t[nt.Open]=Me.Open,t[nt.Closed]=Me.Closed,t))},X({props:a,slot:d,defaultTag:ct,name:"Disclosure"})))}var ft=ee((function e(t,n){var r=ut([lt.name,e.name].join(".")),i=r[0],a=r[1],u=ne(n),s=(0,o.useCallback)((function(e){switch(e.key){case J.Space:case J.Enter:e.preventDefault(),e.stopPropagation(),a({type:rt.ToggleDisclosure})}}),[a]),c=(0,o.useCallback)((function(e){switch(e.key){case J.Space:e.preventDefault()}}),[]),l=(0,o.useCallback)((function(e){re(e.currentTarget)||t.disabled||a({type:rt.ToggleDisclosure})}),[a,t.disabled]),f=(0,o.useMemo)((function(){return{open:i.disclosureState===nt.Open}}),[i]);return X({props:q({},t,{ref:u,id:i.buttonId,type:"button","aria-expanded":i.disclosureState===nt.Open||void 0,"aria-controls":i.linkedPanel?i.panelId:void 0,onKeyDown:s,onKeyUp:c,onClick:l}),slot:f,defaultTag:"button",name:"Disclosure.Button"})})),dt=Q.RenderStrategy|Q.Static,pt=ee((function e(t,n){var r=ut([lt.name,e.name].join(".")),i=r[0],a=r[1],u=ne(n,(function(){i.linkedPanel||a({type:rt.LinkPanel})})),s=Ue(),c=null!==s?s===Me.Open:i.disclosureState===nt.Open;(0,o.useEffect)((function(){return function(){return a({type:rt.UnlinkPanel})}}),[a]),(0,o.useEffect)((function(){var e;i.disclosureState!==nt.Closed||null!=(e=t.unmount)&&!e||a({type:rt.UnlinkPanel})}),[i.disclosureState,t.unmount,a]);var l=(0,o.useMemo)((function(){return{open:i.disclosureState===nt.Open}}),[i]),f={ref:u,id:i.panelId};return X({props:q({},t,f),slot:l,defaultTag:"div",features:dt,visible:c,name:"Disclosure.Panel"})}));lt.Button=ft,lt.Panel=pt;var mt,vt,ht,yt;function bt(){var e=[],t={requestAnimationFrame:function(e){function t(){return e.apply(this,arguments)}return t.toString=function(){return e.toString()},t}((function(){var e=requestAnimationFrame.apply(void 0,arguments);t.add((function(){return cancelAnimationFrame(e)}))})),nextFrame:function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];t.requestAnimationFrame((function(){t.requestAnimationFrame.apply(t,n)}))},setTimeout:function(e){function t(){return e.apply(this,arguments)}return t.toString=function(){return e.toString()},t}((function(){var e=setTimeout.apply(void 0,arguments);t.add((function(){return clearTimeout(e)}))})),add:function(t){e.push(t)},dispose:function(){for(var t,n=z(e.splice(0));!(t=n()).done;){var r=t.value;r()}}};return t}function gt(){var e=(0,o.useState)(bt)[0];return(0,o.useEffect)((function(){return function(){return e.dispose()}}),[e]),e}function xt(e,t){var n=(0,o.useState)(e),r=n[0],i=n[1],a=(0,o.useRef)(e);return oe((function(){a.current=e}),[e]),oe((function(){return i(a.current)}),[a,i].concat(t)),r}function wt(e,t){var n=t.resolveItems();if(n.length<=0)return null;var r=t.resolveActiveIndex(),o=null!=r?r:-1,i=function(){switch(e.focus){case mt.First:return n.findIndex((function(e){return!t.resolveDisabled(e)}));case mt.Previous:var r=n.slice().reverse().findIndex((function(e,n,r){return!(-1!==o&&r.length-n-1>=o)&&!t.resolveDisabled(e)}));return-1===r?r:n.length-1-r;case mt.Next:return n.findIndex((function(e,n){return!(n<=o)&&!t.resolveDisabled(e)}));case mt.Last:var i=n.slice().reverse().findIndex((function(e){return!t.resolveDisabled(e)}));return-1===i?i:n.length-1-i;case mt.Specific:return n.findIndex((function(n){return t.resolveId(n)===e.id}));case mt.Nothing:return null;default:!function(e){throw new Error("Unexpected object: "+e)}(e)}}();return-1===i?r:i}!function(e){e[e.First=0]="First",e[e.Previous=1]="Previous",e[e.Next=2]="Next",e[e.Last=3]="Last",e[e.Specific=4]="Specific",e[e.Nothing=5]="Nothing"}(mt||(mt={})),function(e){e[e.Open=0]="Open",e[e.Closed=1]="Closed"}(ht||(ht={})),function(e){e[e.OpenListbox=0]="OpenListbox",e[e.CloseListbox=1]="CloseListbox",e[e.SetDisabled=2]="SetDisabled",e[e.GoToOption=3]="GoToOption",e[e.Search=4]="Search",e[e.ClearSearch=5]="ClearSearch",e[e.RegisterOption=6]="RegisterOption",e[e.UnregisterOption=7]="UnregisterOption"}(yt||(yt={}));var St=((vt={})[yt.CloseListbox]=function(e){return e.disabled||e.listboxState===ht.Closed?e:q({},e,{activeOptionIndex:null,listboxState:ht.Closed})},vt[yt.OpenListbox]=function(e){return e.disabled||e.listboxState===ht.Open?e:q({},e,{listboxState:ht.Open})},vt[yt.SetDisabled]=function(e,t){return e.disabled===t.disabled?e:q({},e,{disabled:t.disabled})},vt[yt.GoToOption]=function(e,t){if(e.disabled)return e;if(e.listboxState===ht.Closed)return e;var n=wt(t,{resolveItems:function(){return e.options},resolveActiveIndex:function(){return e.activeOptionIndex},resolveId:function(e){return e.id},resolveDisabled:function(e){return e.dataRef.current.disabled}});return""===e.searchQuery&&e.activeOptionIndex===n?e:q({},e,{searchQuery:"",activeOptionIndex:n})},vt[yt.Search]=function(e,t){if(e.disabled)return e;if(e.listboxState===ht.Closed)return e;var n=e.searchQuery+t.value.toLowerCase(),r=e.options.findIndex((function(e){var t;return!e.dataRef.current.disabled&&(null==(t=e.dataRef.current.textValue)?void 0:t.startsWith(n))}));return-1===r||r===e.activeOptionIndex?q({},e,{searchQuery:n}):q({},e,{searchQuery:n,activeOptionIndex:r})},vt[yt.ClearSearch]=function(e){return e.disabled||e.listboxState===ht.Closed||""===e.searchQuery?e:q({},e,{searchQuery:""})},vt[yt.RegisterOption]=function(e,t){return q({},e,{options:[].concat(e.options,[{id:t.id,dataRef:t.dataRef}])})},vt[yt.UnregisterOption]=function(e,t){var n=e.options.slice(),r=null!==e.activeOptionIndex?n[e.activeOptionIndex]:null,o=n.findIndex((function(e){return e.id===t.id}));return-1!==o&&n.splice(o,1),q({},e,{options:n,activeOptionIndex:o===e.activeOptionIndex||null===r?null:n.indexOf(r)})},vt),kt=(0,o.createContext)(null);function jt(e){var t=(0,o.useContext)(kt);if(null===t){var n=new Error("<"+e+" /> is missing a parent <"+Et.name+" /> component.");throw Error.captureStackTrace&&Error.captureStackTrace(n,jt),n}return t}function Ot(e,t){return $(t.type,St,e,t)}kt.displayName="ListboxContext";var Ct=o.Fragment;function Et(e){var t,n=e.value,r=e.onChange,a=e.disabled,u=void 0!==a&&a,s=W(e,["value","onChange","disabled"]),c=(0,o.useReducer)(Ot,{listboxState:ht.Closed,propsRef:{current:{value:n,onChange:r}},labelRef:(0,o.createRef)(),buttonRef:(0,o.createRef)(),optionsRef:(0,o.createRef)(),disabled:u,options:[],searchQuery:"",activeOptionIndex:null}),l=c[0],f=l.listboxState,d=l.propsRef,p=l.optionsRef,m=l.buttonRef,v=c[1];oe((function(){d.current.value=n}),[n,d]),oe((function(){d.current.onChange=r}),[r,d]),oe((function(){return v({type:yt.SetDisabled,disabled:u})}),[u]),xe("mousedown",(function(e){var t,n,r,o=e.target;f===ht.Open&&((null==(t=m.current)?void 0:t.contains(o))||(null==(n=p.current)?void 0:n.contains(o))||(v({type:yt.CloseListbox}),ye(o,pe.Loose)||(e.preventDefault(),null==(r=m.current)||r.focus())))}));var h=(0,o.useMemo)((function(){return{open:f===ht.Open,disabled:u}}),[f,u]);return i().createElement(kt.Provider,{value:c},i().createElement(Ve,{value:$(f,(t={},t[ht.Open]=Me.Open,t[ht.Closed]=Me.Closed,t))},X({props:s,slot:h,defaultTag:Ct,name:"Listbox"})))}var Pt=ee((function e(t,n){var r,i=jt([Et.name,e.name].join(".")),a=i[0],u=i[1],s=ne(a.buttonRef,n),c="headlessui-listbox-button-"+ce(),l=gt(),f=(0,o.useCallback)((function(e){switch(e.key){case J.Space:case J.Enter:case J.ArrowDown:e.preventDefault(),u({type:yt.OpenListbox}),l.nextFrame((function(){a.propsRef.current.value||u({type:yt.GoToOption,focus:mt.First})}));break;case J.ArrowUp:e.preventDefault(),u({type:yt.OpenListbox}),l.nextFrame((function(){a.propsRef.current.value||u({type:yt.GoToOption,focus:mt.Last})}))}}),[u,a,l]),d=(0,o.useCallback)((function(e){switch(e.key){case J.Space:e.preventDefault()}}),[]),p=(0,o.useCallback)((function(e){if(re(e.currentTarget))return e.preventDefault();a.listboxState===ht.Open?(u({type:yt.CloseListbox}),l.nextFrame((function(){var e;return null==(e=a.buttonRef.current)?void 0:e.focus({preventScroll:!0})}))):(e.preventDefault(),u({type:yt.OpenListbox}))}),[u,l,a]),m=xt((function(){if(a.labelRef.current)return[a.labelRef.current.id,c].join(" ")}),[a.labelRef.current,c]),v=(0,o.useMemo)((function(){return{open:a.listboxState===ht.Open,disabled:a.disabled}}),[a]);return X({props:q({},t,{ref:s,id:c,type:"button","aria-haspopup":!0,"aria-controls":null==(r=a.optionsRef.current)?void 0:r.id,"aria-expanded":a.listboxState===ht.Open||void 0,"aria-labelledby":m,disabled:a.disabled,onKeyDown:f,onKeyUp:d,onClick:p}),slot:v,defaultTag:"button",name:"Listbox.Button"})}));var It,Nt,Tt,_t=Q.RenderStrategy|Q.Static,Rt=ee((function e(t,n){var r,i=jt([Et.name,e.name].join(".")),a=i[0],u=i[1],s=ne(a.optionsRef,n),c="headlessui-listbox-options-"+ce(),l=gt(),f=gt(),d=Ue(),p=null!==d?d===Me.Open:a.listboxState===ht.Open;oe((function(){var e=a.optionsRef.current;e&&a.listboxState===ht.Open&&e!==document.activeElement&&e.focus({preventScroll:!0})}),[a.listboxState,a.optionsRef]);var m=(0,o.useCallback)((function(e){switch(f.dispose(),e.key){case J.Space:if(""!==a.searchQuery)return e.preventDefault(),e.stopPropagation(),u({type:yt.Search,value:e.key});case J.Enter:if(e.preventDefault(),e.stopPropagation(),u({type:yt.CloseListbox}),null!==a.activeOptionIndex){var t=a.options[a.activeOptionIndex].dataRef;a.propsRef.current.onChange(t.current.value)}bt().nextFrame((function(){var e;return null==(e=a.buttonRef.current)?void 0:e.focus({preventScroll:!0})}));break;case J.ArrowDown:return e.preventDefault(),e.stopPropagation(),u({type:yt.GoToOption,focus:mt.Next});case J.ArrowUp:return e.preventDefault(),e.stopPropagation(),u({type:yt.GoToOption,focus:mt.Previous});case J.Home:case J.PageUp:return e.preventDefault(),e.stopPropagation(),u({type:yt.GoToOption,focus:mt.First});case J.End:case J.PageDown:return e.preventDefault(),e.stopPropagation(),u({type:yt.GoToOption,focus:mt.Last});case J.Escape:return e.preventDefault(),e.stopPropagation(),u({type:yt.CloseListbox}),l.nextFrame((function(){var e;return null==(e=a.buttonRef.current)?void 0:e.focus({preventScroll:!0})}));case J.Tab:e.preventDefault(),e.stopPropagation();break;default:1===e.key.length&&(u({type:yt.Search,value:e.key}),f.setTimeout((function(){return u({type:yt.ClearSearch})}),350))}}),[l,u,f,a]),v=xt((function(){var e,t,n;return null!=(e=null==(t=a.labelRef.current)?void 0:t.id)?e:null==(n=a.buttonRef.current)?void 0:n.id}),[a.labelRef.current,a.buttonRef.current]),h=(0,o.useMemo)((function(){return{open:a.listboxState===ht.Open}}),[a]);return X({props:q({},t,{"aria-activedescendant":null===a.activeOptionIndex||null==(r=a.options[a.activeOptionIndex])?void 0:r.id,"aria-labelledby":v,id:c,onKeyDown:m,role:"listbox",tabIndex:0,ref:s}),slot:h,defaultTag:"ul",features:_t,visible:p,name:"Listbox.Options"})}));function At(e){var t=e.container,n=e.accept,r=e.walk,i=e.enabled,a=void 0===i||i,u=(0,o.useRef)(n),s=(0,o.useRef)(r);(0,o.useEffect)((function(){u.current=n,s.current=r}),[n,r]),oe((function(){if(t&&a)for(var e=u.current,n=s.current,r=Object.assign((function(t){return e(t)}),{acceptNode:e}),o=document.createTreeWalker(t,NodeFilter.SHOW_ELEMENT,r,!1);o.nextNode();)n(o.currentNode)}),[t,a,u,s])}Et.Button=Pt,Et.Label=function e(t){var n=jt([Et.name,e.name].join("."))[0],r="headlessui-listbox-label-"+ce(),i=(0,o.useCallback)((function(){var e;return null==(e=n.buttonRef.current)?void 0:e.focus({preventScroll:!0})}),[n.buttonRef]),a=(0,o.useMemo)((function(){return{open:n.listboxState===ht.Open,disabled:n.disabled}}),[n]);return X({props:q({},t,{ref:n.labelRef,id:r,onClick:i}),slot:a,defaultTag:"label",name:"Listbox.Label"})},Et.Options=Rt,Et.Option=function e(t){var n=t.disabled,r=void 0!==n&&n,i=t.value,a=W(t,["disabled","value"]),u=jt([Et.name,e.name].join(".")),s=u[0],c=u[1],l="headlessui-listbox-option-"+ce(),f=null!==s.activeOptionIndex&&s.options[s.activeOptionIndex].id===l,d=s.propsRef.current.value===i,p=(0,o.useRef)({disabled:r,value:i});oe((function(){p.current.disabled=r}),[p,r]),oe((function(){p.current.value=i}),[p,i]),oe((function(){var e,t;p.current.textValue=null==(e=document.getElementById(l))||null==(t=e.textContent)?void 0:t.toLowerCase()}),[p,l]);var m=(0,o.useCallback)((function(){return s.propsRef.current.onChange(i)}),[s.propsRef,i]);oe((function(){return c({type:yt.RegisterOption,id:l,dataRef:p}),function(){return c({type:yt.UnregisterOption,id:l})}}),[p,l]),oe((function(){var e;s.listboxState===ht.Open&&d&&(c({type:yt.GoToOption,focus:mt.Specific,id:l}),null==(e=document.getElementById(l))||null==e.focus||e.focus())}),[s.listboxState]),oe((function(){if(s.listboxState===ht.Open&&f){var e=bt();return e.nextFrame((function(){var e;return null==(e=document.getElementById(l))||null==e.scrollIntoView?void 0:e.scrollIntoView({block:"nearest"})})),e.dispose}}),[l,f,s.listboxState]);var v=(0,o.useCallback)((function(e){if(r)return e.preventDefault();m(),c({type:yt.CloseListbox}),bt().nextFrame((function(){var e;return null==(e=s.buttonRef.current)?void 0:e.focus({preventScroll:!0})}))}),[c,s.buttonRef,r,m]),h=(0,o.useCallback)((function(){if(r)return c({type:yt.GoToOption,focus:mt.Nothing});c({type:yt.GoToOption,focus:mt.Specific,id:l})}),[r,l,c]),y=(0,o.useCallback)((function(){r||f||c({type:yt.GoToOption,focus:mt.Specific,id:l})}),[r,f,l,c]),b=(0,o.useCallback)((function(){r||f&&c({type:yt.GoToOption,focus:mt.Nothing})}),[r,f,c]),g=(0,o.useMemo)((function(){return{active:f,selected:d,disabled:r}}),[f,d,r]);return X({props:q({},a,{id:l,role:"option",tabIndex:-1,"aria-disabled":!0===r||void 0,"aria-selected":!0===d||void 0,onClick:v,onFocus:h,onPointerMove:y,onMouseMove:y,onPointerLeave:b,onMouseLeave:b}),slot:g,defaultTag:"li",name:"Listbox.Option"})},function(e){e[e.Open=0]="Open",e[e.Closed=1]="Closed"}(Nt||(Nt={})),function(e){e[e.OpenMenu=0]="OpenMenu",e[e.CloseMenu=1]="CloseMenu",e[e.GoToItem=2]="GoToItem",e[e.Search=3]="Search",e[e.ClearSearch=4]="ClearSearch",e[e.RegisterItem=5]="RegisterItem",e[e.UnregisterItem=6]="UnregisterItem"}(Tt||(Tt={}));var Lt=((It={})[Tt.CloseMenu]=function(e){return e.menuState===Nt.Closed?e:q({},e,{activeItemIndex:null,menuState:Nt.Closed})},It[Tt.OpenMenu]=function(e){return e.menuState===Nt.Open?e:q({},e,{menuState:Nt.Open})},It[Tt.GoToItem]=function(e,t){var n=wt(t,{resolveItems:function(){return e.items},resolveActiveIndex:function(){return e.activeItemIndex},resolveId:function(e){return e.id},resolveDisabled:function(e){return e.dataRef.current.disabled}});return""===e.searchQuery&&e.activeItemIndex===n?e:q({},e,{searchQuery:"",activeItemIndex:n})},It[Tt.Search]=function(e,t){var n=e.searchQuery+t.value.toLowerCase(),r=e.items.findIndex((function(e){var t;return(null==(t=e.dataRef.current.textValue)?void 0:t.startsWith(n))&&!e.dataRef.current.disabled}));return-1===r||r===e.activeItemIndex?q({},e,{searchQuery:n}):q({},e,{searchQuery:n,activeItemIndex:r})},It[Tt.ClearSearch]=function(e){return""===e.searchQuery?e:q({},e,{searchQuery:""})},It[Tt.RegisterItem]=function(e,t){return q({},e,{items:[].concat(e.items,[{id:t.id,dataRef:t.dataRef}])})},It[Tt.UnregisterItem]=function(e,t){var n=e.items.slice(),r=null!==e.activeItemIndex?n[e.activeItemIndex]:null,o=n.findIndex((function(e){return e.id===t.id}));return-1!==o&&n.splice(o,1),q({},e,{items:n,activeItemIndex:o===e.activeItemIndex||null===r?null:n.indexOf(r)})},It),Dt=(0,o.createContext)(null);function Ft(e){var t=(0,o.useContext)(Dt);if(null===t){var n=new Error("<"+e+" /> is missing a parent <"+Ut.name+" /> component.");throw Error.captureStackTrace&&Error.captureStackTrace(n,Ft),n}return t}function Mt(e,t){return $(t.type,Lt,e,t)}Dt.displayName="MenuContext";var Bt=o.Fragment;function Ut(e){var t,n=(0,o.useReducer)(Mt,{menuState:Nt.Closed,buttonRef:(0,o.createRef)(),itemsRef:(0,o.createRef)(),items:[],searchQuery:"",activeItemIndex:null}),r=n[0],a=r.menuState,u=r.itemsRef,s=r.buttonRef,c=n[1];xe("mousedown",(function(e){var t,n,r,o=e.target;a===Nt.Open&&((null==(t=s.current)?void 0:t.contains(o))||(null==(n=u.current)?void 0:n.contains(o))||(c({type:Tt.CloseMenu}),ye(o,pe.Loose)||(e.preventDefault(),null==(r=s.current)||r.focus())))}));var l=(0,o.useMemo)((function(){return{open:a===Nt.Open}}),[a]);return i().createElement(Dt.Provider,{value:n},i().createElement(Ve,{value:$(a,(t={},t[Nt.Open]=Me.Open,t[Nt.Closed]=Me.Closed,t))},X({props:e,slot:l,defaultTag:Bt,name:"Menu"})))}var Vt,Gt,Ht,qt=ee((function e(t,n){var r,i=Ft([Ut.name,e.name].join(".")),a=i[0],u=i[1],s=ne(a.buttonRef,n),c="headlessui-menu-button-"+ce(),l=gt(),f=(0,o.useCallback)((function(e){switch(e.key){case J.Space:case J.Enter:case J.ArrowDown:e.preventDefault(),e.stopPropagation(),u({type:Tt.OpenMenu}),l.nextFrame((function(){return u({type:Tt.GoToItem,focus:mt.First})}));break;case J.ArrowUp:e.preventDefault(),e.stopPropagation(),u({type:Tt.OpenMenu}),l.nextFrame((function(){return u({type:Tt.GoToItem,focus:mt.Last})}))}}),[u,l]),d=(0,o.useCallback)((function(e){switch(e.key){case J.Space:e.preventDefault()}}),[]),p=(0,o.useCallback)((function(e){if(re(e.currentTarget))return e.preventDefault();t.disabled||(a.menuState===Nt.Open?(u({type:Tt.CloseMenu}),l.nextFrame((function(){var e;return null==(e=a.buttonRef.current)?void 0:e.focus({preventScroll:!0})}))):(e.preventDefault(),e.stopPropagation(),u({type:Tt.OpenMenu})))}),[u,l,a,t.disabled]),m=(0,o.useMemo)((function(){return{open:a.menuState===Nt.Open}}),[a]);return X({props:q({},t,{ref:s,id:c,type:"button","aria-haspopup":!0,"aria-controls":null==(r=a.itemsRef.current)?void 0:r.id,"aria-expanded":a.menuState===Nt.Open||void 0,onKeyDown:f,onKeyUp:d,onClick:p}),slot:m,defaultTag:"button",name:"Menu.Button"})})),Wt=Q.RenderStrategy|Q.Static,Kt=ee((function e(t,n){var r,i,a=Ft([Ut.name,e.name].join(".")),u=a[0],s=a[1],c=ne(u.itemsRef,n),l="headlessui-menu-items-"+ce(),f=gt(),d=Ue(),p=null!==d?d===Me.Open:u.menuState===Nt.Open;(0,o.useEffect)((function(){var e=u.itemsRef.current;e&&u.menuState===Nt.Open&&e!==document.activeElement&&e.focus({preventScroll:!0})}),[u.menuState,u.itemsRef]),At({container:u.itemsRef.current,enabled:u.menuState===Nt.Open,accept:function(e){return"menuitem"===e.getAttribute("role")?NodeFilter.FILTER_REJECT:e.hasAttribute("role")?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT},walk:function(e){e.setAttribute("role","none")}});var m=(0,o.useCallback)((function(e){switch(f.dispose(),e.key){case J.Space:if(""!==u.searchQuery)return e.preventDefault(),e.stopPropagation(),s({type:Tt.Search,value:e.key});case J.Enter:if(e.preventDefault(),e.stopPropagation(),s({type:Tt.CloseMenu}),null!==u.activeItemIndex){var t,n=u.items[u.activeItemIndex].id;null==(t=document.getElementById(n))||t.click()}bt().nextFrame((function(){var e;return null==(e=u.buttonRef.current)?void 0:e.focus({preventScroll:!0})}));break;case J.ArrowDown:return e.preventDefault(),e.stopPropagation(),s({type:Tt.GoToItem,focus:mt.Next});case J.ArrowUp:return e.preventDefault(),e.stopPropagation(),s({type:Tt.GoToItem,focus:mt.Previous});case J.Home:case J.PageUp:return e.preventDefault(),e.stopPropagation(),s({type:Tt.GoToItem,focus:mt.First});case J.End:case J.PageDown:return e.preventDefault(),e.stopPropagation(),s({type:Tt.GoToItem,focus:mt.Last});case J.Escape:e.preventDefault(),e.stopPropagation(),s({type:Tt.CloseMenu}),bt().nextFrame((function(){var e;return null==(e=u.buttonRef.current)?void 0:e.focus({preventScroll:!0})}));break;case J.Tab:e.preventDefault(),e.stopPropagation();break;default:1===e.key.length&&(s({type:Tt.Search,value:e.key}),f.setTimeout((function(){return s({type:Tt.ClearSearch})}),350))}}),[s,f,u]),v=(0,o.useCallback)((function(e){switch(e.key){case J.Space:e.preventDefault()}}),[]),h=(0,o.useMemo)((function(){return{open:u.menuState===Nt.Open}}),[u]);return X({props:q({},t,{"aria-activedescendant":null===u.activeItemIndex||null==(r=u.items[u.activeItemIndex])?void 0:r.id,"aria-labelledby":null==(i=u.buttonRef.current)?void 0:i.id,id:l,onKeyDown:m,onKeyUp:v,role:"menu",tabIndex:0,ref:c}),slot:h,defaultTag:"div",features:Wt,visible:p,name:"Menu.Items"})})),zt=o.Fragment;Ut.Button=qt,Ut.Items=Kt,Ut.Item=function e(t){var n=t.disabled,r=void 0!==n&&n,i=t.onClick,a=W(t,["disabled","onClick"]),u=Ft([Ut.name,e.name].join(".")),s=u[0],c=u[1],l="headlessui-menu-item-"+ce(),f=null!==s.activeItemIndex&&s.items[s.activeItemIndex].id===l;oe((function(){if(s.menuState===Nt.Open&&f){var e=bt();return e.nextFrame((function(){var e;return null==(e=document.getElementById(l))||null==e.scrollIntoView?void 0:e.scrollIntoView({block:"nearest"})})),e.dispose}}),[l,f,s.menuState]);var d=(0,o.useRef)({disabled:r});oe((function(){d.current.disabled=r}),[d,r]),oe((function(){var e,t;d.current.textValue=null==(e=document.getElementById(l))||null==(t=e.textContent)?void 0:t.toLowerCase()}),[d,l]),oe((function(){return c({type:Tt.RegisterItem,id:l,dataRef:d}),function(){return c({type:Tt.UnregisterItem,id:l})}}),[d,l]);var p=(0,o.useCallback)((function(e){return r?e.preventDefault():(c({type:Tt.CloseMenu}),bt().nextFrame((function(){var e;return null==(e=s.buttonRef.current)?void 0:e.focus({preventScroll:!0})})),i?i(e):void 0)}),[c,s.buttonRef,r,i]),m=(0,o.useCallback)((function(){if(r)return c({type:Tt.GoToItem,focus:mt.Nothing});c({type:Tt.GoToItem,focus:mt.Specific,id:l})}),[r,l,c]),v=(0,o.useCallback)((function(){r||f||c({type:Tt.GoToItem,focus:mt.Specific,id:l})}),[r,f,l,c]),h=(0,o.useCallback)((function(){r||f&&c({type:Tt.GoToItem,focus:mt.Nothing})}),[r,f,c]),y=(0,o.useMemo)((function(){return{active:f,disabled:r}}),[f,r]);return X({props:q({},a,{id:l,role:"menuitem",tabIndex:-1,"aria-disabled":!0===r||void 0,onClick:p,onFocus:m,onPointerMove:v,onMouseMove:v,onPointerLeave:h,onMouseLeave:h}),slot:y,defaultTag:zt,name:"Menu.Item"})},function(e){e[e.Open=0]="Open",e[e.Closed=1]="Closed"}(Gt||(Gt={})),function(e){e[e.TogglePopover=0]="TogglePopover",e[e.ClosePopover=1]="ClosePopover",e[e.SetButton=2]="SetButton",e[e.SetButtonId=3]="SetButtonId",e[e.SetPanel=4]="SetPanel",e[e.SetPanelId=5]="SetPanelId"}(Ht||(Ht={}));var $t=((Vt={})[Ht.TogglePopover]=function(e){var t;return q({},e,{popoverState:$(e.popoverState,(t={},t[Gt.Open]=Gt.Closed,t[Gt.Closed]=Gt.Open,t))})},Vt[Ht.ClosePopover]=function(e){return e.popoverState===Gt.Closed?e:q({},e,{popoverState:Gt.Closed})},Vt[Ht.SetButton]=function(e,t){return e.button===t.button?e:q({},e,{button:t.button})},Vt[Ht.SetButtonId]=function(e,t){return e.buttonId===t.buttonId?e:q({},e,{buttonId:t.buttonId})},Vt[Ht.SetPanel]=function(e,t){return e.panel===t.panel?e:q({},e,{panel:t.panel})},Vt[Ht.SetPanelId]=function(e,t){return e.panelId===t.panelId?e:q({},e,{panelId:t.panelId})},Vt),Qt=(0,o.createContext)(null);function Yt(e){var t=(0,o.useContext)(Qt);if(null===t){var n=new Error("<"+e+" /> is missing a parent <"+tn.name+" /> component.");throw Error.captureStackTrace&&Error.captureStackTrace(n,Yt),n}return t}Qt.displayName="PopoverContext";var Jt=(0,o.createContext)(null);function Xt(){return(0,o.useContext)(Jt)}Jt.displayName="PopoverGroupContext";var Zt=(0,o.createContext)(null);function en(e,t){return $(t.type,$t,e,t)}Zt.displayName="PopoverPanelContext";function tn(e){var t,n="headlessui-popover-button-"+ce(),r="headlessui-popover-panel-"+ce(),a=(0,o.useReducer)(en,{popoverState:Gt.Closed,button:null,buttonId:n,panel:null,panelId:r}),u=a[0],s=u.popoverState,c=u.button,l=u.panel,f=a[1];(0,o.useEffect)((function(){return f({type:Ht.SetButtonId,buttonId:n})}),[n,f]),(0,o.useEffect)((function(){return f({type:Ht.SetPanelId,panelId:r})}),[r,f]);var d=(0,o.useMemo)((function(){return{buttonId:n,panelId:r,close:function(){return f({type:Ht.ClosePopover})}}}),[n,r,f]),p=Xt(),m=null==p?void 0:p.registerPopover,v=(0,o.useCallback)((function(){var e;return null!=(e=null==p?void 0:p.isFocusWithinPopoverGroup())?e:(null==c?void 0:c.contains(document.activeElement))||(null==l?void 0:l.contains(document.activeElement))}),[p,c,l]);(0,o.useEffect)((function(){return null==m?void 0:m(d)}),[m,d]),xe("focus",(function(){s===Gt.Open&&(v()||c&&l&&f({type:Ht.ClosePopover}))}),!0),xe("mousedown",(function(e){var t=e.target;s===Gt.Open&&((null==c?void 0:c.contains(t))||(null==l?void 0:l.contains(t))||(f({type:Ht.ClosePopover}),ye(t,pe.Loose)||(e.preventDefault(),null==c||c.focus())))}));var h=(0,o.useMemo)((function(){return{open:s===Gt.Open}}),[s]);return i().createElement(Qt.Provider,{value:a},i().createElement(Ve,{value:$(s,(t={},t[Gt.Open]=Me.Open,t[Gt.Closed]=Me.Closed,t))},X({props:e,slot:h,defaultTag:"div",name:"Popover"})))}var nn=ee((function e(t,n){var r=Yt([tn.name,e.name].join(".")),i=r[0],a=r[1],u=(0,o.useRef)(null),s=Xt(),c=null==s?void 0:s.closeOthers,l=(0,o.useContext)(Zt),f=null!==l&&l===i.panelId,d=ne(u,n,f?null:function(e){return a({type:Ht.SetButton,button:e})}),p=(0,o.useRef)(null),m=(0,o.useRef)("undefined"==typeof window?null:document.activeElement);xe("focus",(function(){m.current=p.current,p.current=document.activeElement}),!0);var v=(0,o.useCallback)((function(e){var t;if(f){if(i.popoverState===Gt.Closed)return;switch(e.key){case J.Space:case J.Enter:e.preventDefault(),e.stopPropagation(),a({type:Ht.ClosePopover}),null==(t=i.button)||t.focus()}}else switch(e.key){case J.Space:case J.Enter:e.preventDefault(),e.stopPropagation(),i.popoverState===Gt.Closed&&(null==c||c(i.buttonId)),a({type:Ht.TogglePopover});break;case J.Escape:if(i.popoverState!==Gt.Open)return null==c?void 0:c(i.buttonId);if(!u.current)return;if(!u.current.contains(document.activeElement))return;a({type:Ht.ClosePopover});break;case J.Tab:if(i.popoverState!==Gt.Open)return;if(!i.panel)return;if(!i.button)return;if(e.shiftKey){var n;if(!m.current)return;if(null==(n=i.button)?void 0:n.contains(m.current))return;if(i.panel.contains(m.current))return;var r=he(),o=r.indexOf(m.current);if(r.indexOf(i.button)>o)return;e.preventDefault(),e.stopPropagation(),ge(i.panel,le.Last)}else e.preventDefault(),e.stopPropagation(),ge(i.panel,le.First)}}),[a,i.popoverState,i.buttonId,i.button,i.panel,u,c,f]),h=(0,o.useCallback)((function(e){var t;if(!f&&(e.key===J.Space&&e.preventDefault(),i.popoverState===Gt.Open&&i.panel&&i.button))switch(e.key){case J.Tab:if(!m.current)return;if(null==(t=i.button)?void 0:t.contains(m.current))return;if(i.panel.contains(m.current))return;var n=he(),r=n.indexOf(m.current);if(n.indexOf(i.button)>r)return;e.preventDefault(),e.stopPropagation(),ge(i.panel,le.Last)}}),[i.popoverState,i.panel,i.button,f]),y=(0,o.useCallback)((function(e){var n,r;re(e.currentTarget)||(t.disabled||(f?(a({type:Ht.ClosePopover}),null==(n=i.button)||n.focus()):(i.popoverState===Gt.Closed&&(null==c||c(i.buttonId)),null==(r=i.button)||r.focus(),a({type:Ht.TogglePopover}))))}),[a,i.button,i.popoverState,i.buttonId,t.disabled,c,f]),b=(0,o.useMemo)((function(){return{open:i.popoverState===Gt.Open}}),[i]);return X({props:q({},t,f?{type:"button",onKeyDown:v,onClick:y}:{ref:d,id:i.buttonId,type:"button","aria-expanded":i.popoverState===Gt.Open||void 0,"aria-controls":i.panel?i.panelId:void 0,onKeyDown:v,onKeyUp:h,onClick:y}),slot:b,defaultTag:"button",name:"Popover.Button"})})),rn=Q.RenderStrategy|Q.Static,on=ee((function e(t,n){var r=Yt([tn.name,e.name].join(".")),i=r[0].popoverState,a=r[1],u=ne(n),s="headlessui-popover-overlay-"+ce(),c=Ue(),l=null!==c?c===Me.Open:i===Gt.Open,f=(0,o.useCallback)((function(e){if(re(e.currentTarget))return e.preventDefault();a({type:Ht.ClosePopover})}),[a]),d=(0,o.useMemo)((function(){return{open:i===Gt.Open}}),[i]);return X({props:q({},t,{ref:u,id:s,"aria-hidden":!0,onClick:f}),slot:d,defaultTag:"div",features:rn,visible:l,name:"Popover.Overlay"})})),an=Q.RenderStrategy|Q.Static,un=ee((function e(t,n){var r=t.focus,a=void 0!==r&&r,u=W(t,["focus"]),s=Yt([tn.name,e.name].join(".")),c=s[0],l=s[1],f=(0,o.useRef)(null),d=ne(f,n,(function(e){l({type:Ht.SetPanel,panel:e})})),p=Ue(),m=null!==p?p===Me.Open:c.popoverState===Gt.Open,v=(0,o.useCallback)((function(e){var t;switch(e.key){case J.Escape:if(c.popoverState!==Gt.Open)return;if(!f.current)return;if(!f.current.contains(document.activeElement))return;e.preventDefault(),l({type:Ht.ClosePopover}),null==(t=c.button)||t.focus()}}),[c,f,l]);(0,o.useEffect)((function(){return function(){return l({type:Ht.SetPanel,panel:null})}}),[l]),(0,o.useEffect)((function(){var e;c.popoverState!==Gt.Closed||null!=(e=t.unmount)&&!e||l({type:Ht.SetPanel,panel:null})}),[c.popoverState,t.unmount,l]),(0,o.useEffect)((function(){if(a&&c.popoverState===Gt.Open&&f.current){var e=document.activeElement;f.current.contains(e)||ge(f.current,le.First)}}),[a,f,c.popoverState]),xe("keydown",(function(e){if(c.popoverState===Gt.Open&&f.current&&e.key===J.Tab&&document.activeElement&&f.current&&f.current.contains(document.activeElement)){e.preventDefault();var t,n=ge(f.current,e.shiftKey?le.Previous:le.Next);if(n===fe.Underflow)return null==(t=c.button)?void 0:t.focus();if(n===fe.Overflow){if(!c.button)return;var r=he(),o=r.indexOf(c.button);ge(r.splice(o+1).filter((function(e){var t;return!(null==(t=f.current)?void 0:t.contains(e))})),le.First)===fe.Error&&ge(document.body,le.First)}}})),xe("focus",(function(){var e;a&&c.popoverState===Gt.Open&&f.current&&((null==(e=f.current)?void 0:e.contains(document.activeElement))||l({type:Ht.ClosePopover}))}),!0);var h=(0,o.useMemo)((function(){return{open:c.popoverState===Gt.Open}}),[c]),y={ref:d,id:c.panelId,onKeyDown:v};return i().createElement(Zt.Provider,{value:c.panelId},X({props:q({},u,y),slot:h,defaultTag:"div",features:an,visible:m,name:"Popover.Panel"}))}));tn.Button=nn,tn.Overlay=on,tn.Panel=un,tn.Group=function(e){var t=(0,o.useRef)(null),n=(0,o.useState)([]),r=n[0],a=n[1],u=(0,o.useCallback)((function(e){a((function(t){var n=t.indexOf(e);if(-1!==n){var r=t.slice();return r.splice(n,1),r}return t}))}),[a]),s=(0,o.useCallback)((function(e){return a((function(t){return[].concat(t,[e])})),function(){return u(e)}}),[a,u]),c=(0,o.useCallback)((function(){var e,n=document.activeElement;return!!(null==(e=t.current)?void 0:e.contains(n))||r.some((function(e){var t,r;return(null==(t=document.getElementById(e.buttonId))?void 0:t.contains(n))||(null==(r=document.getElementById(e.panelId))?void 0:r.contains(n))}))}),[t,r]),l=(0,o.useCallback)((function(e){for(var t,n=z(r);!(t=n()).done;){var o=t.value;o.buttonId!==e&&o.close()}}),[r]),f=(0,o.useMemo)((function(){return{registerPopover:s,unregisterPopover:u,isFocusWithinPopoverGroup:c,closeOthers:l}}),[s,u,c,l]),d=(0,o.useMemo)((function(){return{}}),[]),p={ref:t},m=e;return i().createElement(Jt.Provider,{value:f},X({props:q({},m,p),slot:d,defaultTag:"div",name:"Popover.Group"}))};var sn=(0,o.createContext)(null);function cn(){var e=(0,o.useContext)(sn);if(null===e){var t=new Error("You used a <Label /> component, but it is not inside a relevant parent.");throw Error.captureStackTrace&&Error.captureStackTrace(t,cn),t}return e}function ln(){var e=(0,o.useState)([]),t=e[0],n=e[1];return[t.length>0?t.join(" "):void 0,(0,o.useMemo)((function(){return function(e){var t=(0,o.useCallback)((function(e){return n((function(t){return[].concat(t,[e])})),function(){return n((function(t){var n=t.slice(),r=n.indexOf(e);return-1!==r&&n.splice(r,1),n}))}}),[]),r=(0,o.useMemo)((function(){return{register:t,slot:e.slot,name:e.name,props:e.props}}),[t,e.slot,e.name,e.props]);return i().createElement(sn.Provider,{value:r},e.children)}}),[n])]}var fn,dn;function pn(e){var t=e.passive,n=void 0!==t&&t,r=W(e,["passive"]),o=cn(),i="headlessui-label-"+ce();oe((function(){return o.register(i)}),[i,o.register]);var a=q({},o.props,{id:i}),u=q({},r,a);return n&&delete u.onClick,X({props:u,slot:o.slot||{},defaultTag:"label",name:o.name||"Label"})}!function(e){e[e.RegisterOption=0]="RegisterOption",e[e.UnregisterOption=1]="UnregisterOption"}(dn||(dn={}));var mn=((fn={})[dn.RegisterOption]=function(e,t){return q({},e,{options:[].concat(e.options,[{id:t.id,element:t.element,propsRef:t.propsRef}])})},fn[dn.UnregisterOption]=function(e,t){var n=e.options.slice(),r=e.options.findIndex((function(e){return e.id===t.id}));return-1===r?e:(n.splice(r,1),q({},e,{options:n}))},fn),vn=(0,o.createContext)(null);function hn(e){var t=(0,o.useContext)(vn);if(null===t){var n=new Error("<"+e+" /> is missing a parent <"+gn.name+" /> component.");throw Error.captureStackTrace&&Error.captureStackTrace(n,hn),n}return t}function yn(e,t){return $(t.type,mn,e,t)}vn.displayName="RadioGroupContext";var bn;function gn(e){var t=e.value,n=e.onChange,r=e.disabled,a=void 0!==r&&r,u=W(e,["value","onChange","disabled"]),s=(0,o.useReducer)(yn,{options:[]}),c=s[0].options,l=s[1],f=ln(),d=f[0],p=f[1],m=De(),v=m[0],h=m[1],y="headlessui-radiogroup-"+ce(),b=(0,o.useRef)(null),g=(0,o.useMemo)((function(){return c.find((function(e){return!e.propsRef.current.disabled}))}),[c]),x=(0,o.useMemo)((function(){return c.some((function(e){return e.propsRef.current.value===t}))}),[c,t]),w=(0,o.useCallback)((function(e){var r;if(a)return!1;if(e===t)return!1;var o=null==(r=c.find((function(t){return t.propsRef.current.value===e})))?void 0:r.propsRef.current;return!(null==o?void 0:o.disabled)&&(n(e),!0)}),[n,t,a,c]);At({container:b.current,accept:function(e){return"radio"===e.getAttribute("role")?NodeFilter.FILTER_REJECT:e.hasAttribute("role")?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT},walk:function(e){e.setAttribute("role","none")}});var S=(0,o.useCallback)((function(e){if(b.current){var t=c.filter((function(e){return!1===e.propsRef.current.disabled})).map((function(e){return e.element.current}));switch(e.key){case J.ArrowLeft:case J.ArrowUp:if(e.preventDefault(),e.stopPropagation(),ge(t,le.Previous|le.WrapAround)===fe.Success){var n=c.find((function(e){return e.element.current===document.activeElement}));n&&w(n.propsRef.current.value)}break;case J.ArrowRight:case J.ArrowDown:if(e.preventDefault(),e.stopPropagation(),ge(t,le.Next|le.WrapAround)===fe.Success){var r=c.find((function(e){return e.element.current===document.activeElement}));r&&w(r.propsRef.current.value)}break;case J.Space:e.preventDefault(),e.stopPropagation();var o=c.find((function(e){return e.element.current===document.activeElement}));o&&w(o.propsRef.current.value)}}}),[b,c,w]),k=(0,o.useCallback)((function(e){return l(q({type:dn.RegisterOption},e)),function(){return l({type:dn.UnregisterOption,id:e.id})}}),[l]),j=(0,o.useMemo)((function(){return{registerOption:k,firstOption:g,containsCheckedOption:x,change:w,disabled:a,value:t}}),[k,g,x,w,a,t]),O={ref:b,id:y,role:"radiogroup","aria-labelledby":d,"aria-describedby":v,onKeyDown:S};return i().createElement(h,{name:"RadioGroup.Description"},i().createElement(p,{name:"RadioGroup.Label"},i().createElement(vn.Provider,{value:j},X({props:q({},u,O),defaultTag:"div",name:"RadioGroup"}))))}!function(e){e[e.Empty=1]="Empty",e[e.Active=2]="Active"}(bn||(bn={}));gn.Option=function e(t){var n=(0,o.useRef)(null),r="headlessui-radiogroup-option-"+ce(),a=ln(),u=a[0],s=a[1],c=De(),l=c[0],f=c[1],d=function(e){void 0===e&&(e=0);var t=(0,o.useState)(e),n=t[0],r=t[1];return{addFlag:(0,o.useCallback)((function(e){return r((function(t){return t|e}))}),[r]),hasFlag:(0,o.useCallback)((function(e){return Boolean(n&e)}),[n]),removeFlag:(0,o.useCallback)((function(e){return r((function(t){return t&~e}))}),[r]),toggleFlag:(0,o.useCallback)((function(e){return r((function(t){return t^e}))}),[r])}}(bn.Empty),p=d.addFlag,m=d.removeFlag,v=d.hasFlag,h=t.value,y=t.disabled,b=void 0!==y&&y,g=W(t,["value","disabled"]),x=(0,o.useRef)({value:h,disabled:b});oe((function(){x.current.value=h}),[h,x]),oe((function(){x.current.disabled=b}),[b,x]);var w=hn([gn.name,e.name].join(".")),S=w.registerOption,k=w.disabled,j=w.change,O=w.firstOption,C=w.containsCheckedOption,E=w.value;oe((function(){return S({id:r,element:n,propsRef:x})}),[r,S,n,t]);var P=(0,o.useCallback)((function(){var e;j(h)&&(p(bn.Active),null==(e=n.current)||e.focus())}),[p,j,h]),I=(0,o.useCallback)((function(){return p(bn.Active)}),[p]),N=(0,o.useCallback)((function(){return m(bn.Active)}),[m]),T=(null==O?void 0:O.id)===r,_=k||b,R=E===h,A={ref:n,id:r,role:"radio","aria-checked":R?"true":"false","aria-labelledby":u,"aria-describedby":l,tabIndex:_?-1:R||!C&&T?0:-1,onClick:_?void 0:P,onFocus:_?void 0:I,onBlur:_?void 0:N},L=(0,o.useMemo)((function(){return{checked:R,disabled:_,active:v(bn.Active)}}),[R,_,v]);return i().createElement(f,{name:"RadioGroup.Description"},i().createElement(s,{name:"RadioGroup.Label"},X({props:q({},g,A),slot:L,defaultTag:"div",name:"RadioGroup.Option"})))},gn.Label=pn,gn.Description=Fe;var xn=(0,o.createContext)(null);xn.displayName="GroupContext";var wn=o.Fragment;var Sn;function kn(e){var t=e.checked,n=e.onChange,r=W(e,["checked","onChange"]),i="headlessui-switch-"+ce(),a=(0,o.useContext)(xn),u=(0,o.useCallback)((function(){return n(!t)}),[n,t]),s=(0,o.useCallback)((function(e){if(re(e.currentTarget))return e.preventDefault();e.preventDefault(),u()}),[u]),c=(0,o.useCallback)((function(e){e.key!==J.Tab&&e.preventDefault(),e.key===J.Space&&u()}),[u]),l=(0,o.useCallback)((function(e){return e.preventDefault()}),[]),f=(0,o.useMemo)((function(){return{checked:t}}),[t]),d={id:i,ref:null===a?void 0:a.setSwitch,role:"switch",tabIndex:0,"aria-checked":t,"aria-labelledby":null==a?void 0:a.labelledby,"aria-describedby":null==a?void 0:a.describedby,onClick:s,onKeyUp:c,onKeyPress:l};return"button"===r.as&&Object.assign(d,{type:"button"}),X({props:q({},r,d),slot:f,defaultTag:"button",name:"Switch"})}function jn(){var e=(0,o.useRef)(!0);return(0,o.useEffect)((function(){e.current=!1}),[]),e.current}function On(e){for(var t,n=arguments.length,r=new Array(n>1?n-1:0),o=1;o<n;o++)r[o-1]=arguments[o];e&&r.length>0&&(t=e.classList).add.apply(t,r)}function Cn(e){for(var t,n=arguments.length,r=new Array(n>1?n-1:0),o=1;o<n;o++)r[o-1]=arguments[o];e&&r.length>0&&(t=e.classList).remove.apply(t,r)}function En(e,t,n,r,o){var i=bt(),a=void 0!==o?function(e){var t={called:!1};return function(){if(!t.called)return t.called=!0,e.apply(void 0,arguments)}}(o):function(){};return On.apply(void 0,[e].concat(t,n)),i.nextFrame((function(){Cn.apply(void 0,[e].concat(n)),On.apply(void 0,[e].concat(r)),i.add(function(e,t){var n=bt();if(!e)return n.dispose;var r=getComputedStyle(e),o=[r.transitionDuration,r.transitionDelay].map((function(e){var t=e.split(",").filter(Boolean).map((function(e){return e.includes("ms")?parseFloat(e):1e3*parseFloat(e)})).sort((function(e,t){return t-e}))[0];return void 0===t?0:t})),i=o[0],a=o[1];return 0!==i?n.setTimeout((function(){t(Sn.Finished)}),i+a):t(Sn.Finished),n.add((function(){return t(Sn.Cancelled)})),n.dispose}(e,(function(n){return Cn.apply(void 0,[e].concat(r,t)),a(n)})))})),i.add((function(){return Cn.apply(void 0,[e].concat(t,n,r))})),i.add((function(){return a(Sn.Cancelled)})),i.dispose}function Pn(e){return void 0===e&&(e=""),(0,o.useMemo)((function(){return e.split(" ").filter((function(e){return e.trim().length>1}))}),[e])}kn.Group=function(e){var t=(0,o.useState)(null),n=t[0],r=t[1],a=ln(),u=a[0],s=a[1],c=De(),l=c[0],f=c[1],d=(0,o.useMemo)((function(){return{switch:n,setSwitch:r,labelledby:u,describedby:l}}),[n,r,u,l]);return i().createElement(f,{name:"Switch.Description"},i().createElement(s,{name:"Switch.Label",props:{onClick:function(){n&&(n.click(),n.focus({preventScroll:!0}))}}},i().createElement(xn.Provider,{value:d},X({props:e,defaultTag:wn,name:"Switch.Group"}))))},kn.Label=pn,kn.Description=Fe,function(e){e.Finished="finished",e.Cancelled="cancelled"}(Sn||(Sn={}));var In,Nn=(0,o.createContext)(null);Nn.displayName="TransitionContext",function(e){e.Visible="visible",e.Hidden="hidden"}(In||(In={}));var Tn=(0,o.createContext)(null);function _n(e){return"children"in e?_n(e.children):e.current.filter((function(e){return e.state===In.Visible})).length>0}function Rn(e){var t=(0,o.useRef)(e),n=(0,o.useRef)([]),r=we();(0,o.useEffect)((function(){t.current=e}),[e]);var i=(0,o.useCallback)((function(e,o){var i;void 0===o&&(o=Y.Hidden);var a=n.current.findIndex((function(t){return t.id===e}));-1!==a&&($(o,((i={})[Y.Unmount]=function(){n.current.splice(a,1)},i[Y.Hidden]=function(){n.current[a].state=In.Hidden},i)),!_n(n)&&r.current&&(null==t.current||t.current()))}),[t,r,n]),a=(0,o.useCallback)((function(e){var t=n.current.find((function(t){return t.id===e}));return t?t.state!==In.Visible&&(t.state=In.Visible):n.current.push({id:e,state:In.Visible}),function(){return i(e,Y.Unmount)}}),[n,i]);return(0,o.useMemo)((function(){return{children:n,register:a,unregister:i}}),[a,i,n])}function An(){}Tn.displayName="NestingContext";var Ln=["beforeEnter","afterEnter","beforeLeave","afterLeave"];function Dn(e){for(var t,n={},r=z(Ln);!(t=r()).done;){var o,i=t.value;n[i]=null!=(o=e[i])?o:An}return n}var Fn=Q.RenderStrategy;function Mn(e){var t,n=e.beforeEnter,r=e.afterEnter,a=e.beforeLeave,u=e.afterLeave,s=e.enter,c=e.enterFrom,l=e.enterTo,f=e.leave,d=e.leaveFrom,p=e.leaveTo,m=W(e,["beforeEnter","afterEnter","beforeLeave","afterLeave","enter","enterFrom","enterTo","leave","leaveFrom","leaveTo"]),v=(0,o.useRef)(null),h=(0,o.useState)(In.Visible),y=h[0],b=h[1],g=m.unmount?Y.Unmount:Y.Hidden,x=function(){var e=(0,o.useContext)(Nn);if(null===e)throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");return e}(),w=x.show,S=x.appear,k=function(){var e=(0,o.useContext)(Tn);if(null===e)throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");return e}(),j=k.register,O=k.unregister,C=jn(),E=ce(),P=(0,o.useRef)(!1),I=Rn((function(){P.current||(b(In.Hidden),O(E),D.current.afterLeave())}));oe((function(){if(E)return j(E)}),[j,E]),oe((function(){var e;g===Y.Hidden&&E&&(w&&y!==In.Visible?b(In.Visible):$(y,((e={})[In.Hidden]=function(){return O(E)},e[In.Visible]=function(){return j(E)},e)))}),[y,E,j,O,w,g]);var N=Pn(s),T=Pn(c),_=Pn(l),R=Pn(f),A=Pn(d),L=Pn(p),D=function(e){var t=(0,o.useRef)(Dn(e));return(0,o.useEffect)((function(){t.current=Dn(e)}),[e]),t}({beforeEnter:n,afterEnter:r,beforeLeave:a,afterLeave:u}),F=ae();(0,o.useEffect)((function(){if(F&&y===In.Visible&&null===v.current)throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?")}),[v,y,F]);var M=C&&!S;oe((function(){var e=v.current;if(e&&!M)return P.current=!0,w&&D.current.beforeEnter(),w||D.current.beforeLeave(),w?En(e,N,T,_,(function(e){P.current=!1,e===Sn.Finished&&D.current.afterEnter()})):En(e,R,A,L,(function(e){P.current=!1,e===Sn.Finished&&(_n(I)||(b(In.Hidden),O(E),D.current.afterLeave()))}))}),[D,E,P,O,I,v,M,w,N,T,_,R,A,L]);var B={ref:v},U=m;return i().createElement(Tn.Provider,{value:I},i().createElement(Ve,{value:$(y,(t={},t[In.Visible]=Me.Open,t[In.Hidden]=Me.Closed,t))},X({props:q({},U,B),defaultTag:"div",features:Fn,visible:y===In.Visible,name:"Transition.Child"})))}function Bn(e){var t,n=e.show,r=e.appear,a=void 0!==r&&r,u=e.unmount,s=W(e,["show","appear","unmount"]),c=Ue();void 0===n&&null!==c&&(n=$(c,((t={})[Me.Open]=!0,t[Me.Closed]=!1,t)));if(![!0,!1].includes(n))throw new Error("A <Transition /> is used but it is missing a `show={true | false}` prop.");var l=(0,o.useState)(n?In.Visible:In.Hidden),f=l[0],d=l[1],p=Rn((function(){d(In.Hidden)})),m=jn(),v=(0,o.useMemo)((function(){return{show:n,appear:a||!m}}),[n,a,m]);(0,o.useEffect)((function(){n?d(In.Visible):_n(p)||d(In.Hidden)}),[n,p]);var h={unmount:u};return i().createElement(Tn.Provider,{value:p},i().createElement(Nn.Provider,{value:v},X({props:q({},h,{as:o.Fragment,children:i().createElement(Mn,Object.assign({},h,s))}),defaultTag:o.Fragment,features:Fn,visible:f===In.Visible,name:"Transition"})))}Bn.Child=Mn,Bn.Root=Bn;const Un=wp.i18n;var Vn=n(246);function Gn(e){var t=e.className,n=e.hideLibrary,r=e.initialFocus,o=G((function(e){return e.remainingImports})),i=G((function(e){return e.apiKey})),a=G((function(e){return e.allowedImports}));return(0,Vn.jsx)("div",{className:t,children:(0,Vn.jsxs)("div",{className:"flex justify-between items-center px-6 sm:px-12 h-full",children:[(0,Vn.jsxs)("div",{className:"flex space-x-12 h-full",children:[(0,Vn.jsxs)("div",{className:"font-bold flex items-center space-x-1.5 lg:w-72",children:[(0,Vn.jsxs)("svg",{className:"",width:"30",height:"30",viewBox:"0 0 103 103",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,Vn.jsx)("rect",{y:"25.75",width:"70.8125",height:"77.25",fill:"#000000"}),(0,Vn.jsx)("rect",{x:"45.0625",width:"57.9375",height:"57.9375",fill:"#37C2A2"})]}),(0,Vn.jsx)("span",{className:"text-sm transform translate-y-0.5 whitespace-nowrap",children:(0,Un.__)("Extendify Library","extendify-sdk")})]}),!i.length&&(0,Vn.jsx)(Vn.Fragment,{children:(0,Vn.jsxs)("div",{className:"items-center ml-8 h-full hidden md:flex",children:[(0,Vn.jsxs)("div",{className:"h-full flex items-center px-6 border-l border-r border-gray-300 bg-extendify-lightest",children:[(0,Vn.jsx)("a",{className:"button-extendify-main inline lg:hidden",target:"_blank",href:"https://extendify.com",rel:"noreferrer",children:(0,Un.__)("Sign up","extendify-sdk")}),(0,Vn.jsx)("a",{className:"button-extendify-main hidden lg:block",target:"_blank",href:"https://extendify.com",rel:"noreferrer",children:(0,Un.__)("Sign up today to get unlimited beta access","extendify-sdk")})]}),(0,Vn.jsx)("div",{className:"m-0 p-0 px-6 text-sm bg-gray-50 border-r border-gray-300 h-full flex items-center",children:(0,Un.sprintf)((0,Un.__)("Imports left: %s / %s"),o(),Number(a))})]})})]}),(0,Vn.jsx)("div",{className:"space-x-2 transform sm:translate-x-8",children:(0,Vn.jsxs)("button",{ref:r,type:"button",className:"components-button has-icon",onClick:function(){return n()},children:[(0,Vn.jsx)("svg",{width:"24",height:"24",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",size:"24",role:"img","aria-hidden":"true",focusable:"false",children:(0,Vn.jsx)("path",{d:"M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"})}),(0,Vn.jsx)("span",{className:"sr-only",children:(0,Un.__)("Close library","extendify-sdk")})]})})]})})}const Hn=wp.blockEditor,qn=lodash;var Wn=function(){return T.get("taxonomies")};const Kn=wp.components;var zn=n(42),$n=n.n(zn);function Qn(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Yn(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null==n)return;var r,o,i=[],a=!0,u=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(e){u=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(u)throw o}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Jn(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Jn(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Jn(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Xn(e){var t=Yn(e.taxonomy,2),n=t[0],o=t[1],i=e.open,a=g((function(e){return e.updateTaxonomies})),u=g((function(e){return e.resetTaxonomies})),s=g((function(e){return e.searchParams})),c=Yn((0,r.useState)({}),2),l=c[0],f=c[1],d=Yn((0,r.useState)({}),2),p=d[0],m=d[1],v=(0,r.useRef)(),h=(0,r.useRef)(),y=(0,r.useRef)(),b=(0,r.useRef)(!0),x=function(e){var t;return(null==s?void 0:s.taxonomies[n])===e.term||(null===(t=e.children)||void 0===t?void 0:t.filter((function(e){return e.term===(null==s?void 0:s.taxonomies[n])})).length)>0},w=function(e){var t;return Object.prototype.hasOwnProperty.call(e,"children")?e.children.filter((function(e){return null==e?void 0:e.type.includes(s.type)})).length:null==e||null===(t=e.type)||void 0===t?void 0:t.includes(s.type)};if((0,r.useEffect)((function(){b.current?b.current=!1:(f({}),u())}),[s.type,u]),(0,r.useEffect)((function(){Object.keys(l).length?setTimeout((function(){requestAnimationFrame((function(){m(v.current.clientHeight),y.current.focus()}))}),200):m("auto")}),[l]),!Object.keys(o).length||!Object.values(o).filter((function(e){return w(e)})).length)return"";var S=n.replace("tax_","").replace("_"," ").replace(/\b\w/g,(function(e){return e.toUpperCase()}));return(0,Vn.jsx)(Kn.PanelBody,{title:S,initialOpen:i,children:(0,Vn.jsx)(Kn.PanelRow,{children:(0,Vn.jsxs)("div",{className:"overflow-hidden w-full relative",style:{height:p},children:[(0,Vn.jsxs)("ul",{className:$n()("p-1 m-0 w-full transform transition duration-200",{"-translate-x-full":Object.keys(l).length}),children:[(0,Vn.jsx)("li",{className:"m-0",children:(0,Vn.jsx)("button",{type:"button",className:"text-left cursor-pointer w-full flex justify-between items-center py-1.5 m-0 leading-none hover:text-wp-theme-500 bg-transparent transition duration-200 button-focus",ref:h,onClick:function(){a(Qn({},n,"pattern"===s.type&&"tax_categories"===n?"Default":""))},children:(0,Vn.jsx)("span",{className:$n()({"text-wp-theme-500":!s.taxonomies[n].length||"Default"===(null==s?void 0:s.taxonomies[n])}),children:"pattern"===s.type&&"tax_categories"===n?(0,Un.__)("Default","extendify-sdk"):(0,Un.__)("All","extendify-sdk")})})}),Object.values(o).filter((function(e){return w(e)})).sort((function(e,t){return e.term.localeCompare(t.term)})).map((function(e){return(0,Vn.jsx)("li",{className:"m-0 w-full",children:(0,Vn.jsxs)("button",{type:"button",className:"text-left cursor-pointer w-full flex justify-between items-center py-1.5 m-0 leading-none bg-transparent hover:text-wp-theme-500 transition duration-200 button-focus",onClick:function(){Object.prototype.hasOwnProperty.call(e,"children")?f(e):a(Qn({},n,e.term))},children:[(0,Vn.jsx)("span",{className:$n()({"text-wp-theme-500":x(e)}),children:e.term}),Object.prototype.hasOwnProperty.call(e,"children")&&(0,Vn.jsx)("span",{className:"text-black",children:(0,Vn.jsx)("svg",{width:"8",height:"14",viewBox:"0 0 8 14",className:"stroke-current",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,Vn.jsx)("path",{d:"M1 12.5L6 6.99998L1 1.5",strokeWidth:"1.5"})})})]})},e.term)}))]}),(0,Vn.jsxs)("ul",{ref:v,className:$n()("p-1 m-0 w-full transform transition duration-200 absolute top-0 right-0",{"translate-x-full":!Object.keys(l).length}),children:[Object.values(l).length>0&&(0,Vn.jsx)("li",{className:"m-0",children:(0,Vn.jsxs)("button",{type:"button",className:"text-left cursor-pointer font-bold flex space-x-4 items-center py-2 pr-4 m-0leading-none hover:text-wp-theme-500 bg-transparent transition duration-200 button-focus",ref:y,onClick:function(){f({}),h.current.focus()},children:[(0,Vn.jsx)("svg",{className:"stroke-current transform rotate-180",width:"8",height:"14",viewBox:"0 0 8 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,Vn.jsx)("path",{d:"M1 12.5L6 6.99998L1 1.5",strokeWidth:"1.5"})}),(0,Vn.jsx)("span",{children:l.term})]})}),Object.values(l).length&&Object.values(l.children).filter((function(e){return w(e)})).sort((function(e,t){return e.term.localeCompare(t.term)})).map((function(e){return(0,Vn.jsx)("li",{className:"m-0 pl-6 w-full flex justify-between items-center",children:(0,Vn.jsx)("button",{type:"button",className:"text-left cursor-pointer w-full flex justify-between items-center py-1.5 m-0 leading-none bg-transparent hover:text-wp-theme-500 transition duration-200 button-focus",onClick:function(){a(Qn({},n,e.term))},children:(0,Vn.jsx)("span",{className:$n()({"text-wp-theme-500":x(e)}),children:e.term})})},e.term)}))]})]})})})}function Zn(e,t,n,r,o,i,a){try{var u=e[i](a),s=u.value}catch(e){return void n(e)}u.done?t(s):Promise.resolve(s).then(r,o)}function er(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){Zn(i,r,o,a,u,"next",e)}function u(e){Zn(i,r,o,a,u,"throw",e)}a(void 0)}))}}function tr(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null==n)return;var r,o,i=[],a=!0,u=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(e){u=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(u)throw o}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return nr(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return nr(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function nr(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function rr(){var e,t=g((function(e){return e.updateSearchParams})),n=g((function(e){return e.setupDefaultTaxonomies})),o=g((function(e){return e.searchParams})),i=(0,qn.debounce)((function(e){return t({taxonomies:{},search:e})}),500),a=tr((0,r.useState)(null!==(e=null==o?void 0:o.search)&&void 0!==e?e:""),2),u=a[0],s=a[1],c=tr((0,r.useState)({}),2),l=c[0],f=c[1],d=(0,r.useCallback)(er(S().mark((function e(){var t;return S().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Wn();case 2:t=e.sent,t=Object.keys(t).filter((function(e){return e.startsWith("tax_")})).reduce((function(e,n){return e[n]=t[n],e}),{}),n(t),f(t);case 6:case"end":return e.stop()}}),e)}))),[n]);return(0,r.useEffect)((function(){d()}),[d]),(0,Vn.jsxs)(Vn.Fragment,{children:[(0,Vn.jsx)("div",{className:"pt-1 -mt-1 mb-1 bg-white",children:(0,Vn.jsx)(Hn.__experimentalSearchForm,{placeholder:(0,Un.__)("What are you looking for?","extendify-sdk"),onChange:function(e){g.setState({nextPage:""}),s(e),i(e)},value:u,className:"sm:ml-px sm:mr-1 sm:mb-6 px-6 sm:p-0 sm:px-0",autoComplete:"off"})}),(0,Vn.jsx)("div",{className:"flex-grow hidden overflow-y-auto pb-32 pr-2 sm:block",children:(0,Vn.jsx)(Kn.Panel,{children:Object.entries(l).map((function(e,t){return(0,Vn.jsx)(Xn,{open:!1,taxonomy:e},t)}))})})]})}function or(e){var t=e.taxonomies,n=e.search,r=e.type,o=[],i=Object.entries(t).filter((function(e){return Boolean(e[1].length)})).map((function(e){return"".concat(e[0],' = "').concat(e[1],'"')})).join(", ");return i.length&&o.push(i),n.length&&o.push('OR(FIND(LOWER("'.concat(n,'"), LOWER(title))!= 0, FIND(LOWER("').concat(n,'"), LOWER({tax_categories})) != 0)')),r.length&&o.push('{type}="'.concat(r,'"')),o.length?"AND(".concat(o.join(", "),")").replace(/\r?\n|\r/g,""):""}function ir(e,t,n,r,o,i,a){try{var u=e[i](a),s=u.value}catch(e){return void n(e)}u.done?t(s):Promise.resolve(s).then(r,o)}var ar=0,ur=function(e,t){return(n=S().mark((function n(){var r,o,i;return S().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return ar++,o=N.CancelToken.source(),null!==(r=g.getState().fetchToken)&&void 0!==r&&r.cancel&&g.getState().fetchToken.cancel(),g.setState({fetchToken:o}),n.next=6,T.post("templates",{filterByFormula:or(e),pageSize:l,categories:e.taxonomies,search:e.search,type:e.type,offset:t,initial:1===ar,request_count:ar},{cancelToken:o.token});case 6:return i=n.sent,g.setState({fetchToken:null}),n.abrupt("return",i);case 9:case"end":return n.stop()}}),n)})),function(){var e=this,t=arguments;return new Promise((function(r,o){var i=n.apply(e,t);function a(e){ir(i,r,o,a,u,"next",e)}function u(e){ir(i,r,o,a,u,"throw",e)}a(void 0)}))})();var n},sr=function(e){var t;return T.post("templates/".concat(e.id),{template_id:e.id,maybe_import:!0,pageSize:l,template_name:null===(t=e.fields)||void 0===t?void 0:t.title})},cr=function(e){var t;return T.post("templates/".concat(e.id),{template_id:e.id,single:!0,pageSize:l,template_name:null===(t=e.fields)||void 0===t?void 0:t.title})},lr=function(e){var t;return T.post("templates/".concat(e.id),{template_id:e.id,imported:!0,pageSize:l,template_name:null===(t=e.fields)||void 0===t?void 0:t.title})};function fr(){return(fr=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var dr=new Map,pr=new WeakMap,mr=0;function vr(e){return Object.keys(e).sort().filter((function(t){return void 0!==e[t]})).map((function(t){return t+"_"+("root"===t?(n=e.root)?(pr.has(n)||(mr+=1,pr.set(n,mr.toString())),pr.get(n)):"0":e[t]);var n})).toString()}function hr(e,t,n){if(void 0===n&&(n={}),!e)return function(){};var r=function(e){var t=vr(e),n=dr.get(t);if(!n){var r,o=new Map,i=new IntersectionObserver((function(t){t.forEach((function(t){var n,i=t.isIntersecting&&r.some((function(e){return t.intersectionRatio>=e}));e.trackVisibility&&void 0===t.isVisible&&(t.isVisible=i),null==(n=o.get(t.target))||n.forEach((function(e){e(i,t)}))}))}),e);r=i.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),n={id:t,observer:i,elements:o},dr.set(t,n)}return n}(n),o=r.id,i=r.observer,a=r.elements,u=a.get(e)||[];return a.has(e)||a.set(e,u),u.push(t),i.observe(e),function(){u.splice(u.indexOf(t),1),0===u.length&&(a.delete(e),i.unobserve(e)),0===a.size&&(i.disconnect(),dr.delete(o))}}function yr(e){return"function"!=typeof e.children}var br=function(e){var t,n;function r(t){var n;return(n=e.call(this,t)||this).node=null,n._unobserveCb=null,n.handleNode=function(e){n.node&&(n.unobserve(),e||n.props.triggerOnce||n.props.skip||n.setState({inView:!!n.props.initialInView,entry:void 0})),n.node=e||null,n.observeNode()},n.handleChange=function(e,t){e&&n.props.triggerOnce&&n.unobserve(),yr(n.props)||n.setState({inView:e,entry:t}),n.props.onChange&&n.props.onChange(e,t)},n.state={inView:!!t.initialInView,entry:void 0},n}n=e,(t=r).prototype=Object.create(n.prototype),t.prototype.constructor=t,t.__proto__=n;var i=r.prototype;return i.componentDidUpdate=function(e){e.rootMargin===this.props.rootMargin&&e.root===this.props.root&&e.threshold===this.props.threshold&&e.skip===this.props.skip&&e.trackVisibility===this.props.trackVisibility&&e.delay===this.props.delay||(this.unobserve(),this.observeNode())},i.componentWillUnmount=function(){this.unobserve(),this.node=null},i.observeNode=function(){if(this.node&&!this.props.skip){var e=this.props,t=e.threshold,n=e.root,r=e.rootMargin,o=e.trackVisibility,i=e.delay;this._unobserveCb=hr(this.node,this.handleChange,{threshold:t,root:n,rootMargin:r,trackVisibility:o,delay:i})}},i.unobserve=function(){this._unobserveCb&&(this._unobserveCb(),this._unobserveCb=null)},i.render=function(){if(!yr(this.props)){var e=this.state,t=e.inView,n=e.entry;return this.props.children({inView:t,entry:n,ref:this.handleNode})}var r=this.props,i=r.children,a=r.as,u=r.tag,s=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(r,["children","as","tag","triggerOnce","threshold","root","rootMargin","onChange","skip","trackVisibility","delay","initialInView"]);return(0,o.createElement)(a||u||"div",fr({ref:this.handleNode},s),i)},r}(o.Component);br.displayName="InView",br.defaultProps={threshold:0,triggerOnce:!1,initialInView:!1};function gr(e){return function(e){if(Array.isArray(e))return jr(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||kr(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function xr(e,t,n,r,o,i,a){try{var u=e[i](a),s=u.value}catch(e){return void n(e)}u.done?t(s):Promise.resolve(s).then(r,o)}function wr(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){xr(i,r,o,a,u,"next",e)}function u(e){xr(i,r,o,a,u,"throw",e)}a(void 0)}))}}function Sr(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null==n)return;var r,o,i=[],a=!0,u=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(e){u=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(u)throw o}}return i}(e,t)||kr(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function kr(e,t){if(e){if("string"==typeof e)return jr(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?jr(e,t):void 0}}function jr(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Or(e){var t=e.templates,n=g((function(e){return e.setActive})),i=g((function(e){return e.activeTemplate})),a=g((function(e){return e.appendTemplates})),u=Sr((0,r.useState)(""),2),s=u[0],c=u[1],l=Sr((0,r.useState)(!1),2),f=l[0],d=l[1],p=Sr((0,r.useState)([]),2),m=p[0],v=p[1],h=Sr(function(e){var t=void 0===e?{}:e,n=t.threshold,r=t.delay,i=t.trackVisibility,a=t.rootMargin,u=t.root,s=t.triggerOnce,c=t.skip,l=t.initialInView,f=(0,o.useRef)(),d=(0,o.useState)({inView:!!l}),p=d[0],m=d[1],v=(0,o.useCallback)((function(e){void 0!==f.current&&(f.current(),f.current=void 0),c||e&&(f.current=hr(e,(function(e,t){m({inView:e,entry:t}),t.isIntersecting&&s&&f.current&&(f.current(),f.current=void 0)}),{root:u,rootMargin:a,threshold:n,trackVisibility:i,delay:r}))}),[Array.isArray(n)?n.toString():n,u,a,s,c,i,r]);(0,o.useEffect)((function(){f.current||!p.entry||s||c||m({inView:!!l})}));var h=[v,p.inView,p.entry];return h.ref=h[0],h.inView=h[1],h.entry=h[2],h}(),2),y=h[0],b=h[1],x=g((function(e){return e.updateSearchParams})),w=g((function(e){return e.searchParams})),k=(0,r.useRef)(g.getState().nextPage),j=(0,r.useRef)(g.getState().searchParams);(0,r.useEffect)((function(){return g.subscribe((function(e){return k.current=e}),(function(e){return e.nextPage}))}),[]),(0,r.useEffect)((function(){return g.subscribe((function(e){return j.current=e}),(function(e){return e.searchParams}))}),[]);var O=(0,r.useCallback)(wr(S().mark((function e(){var t,n;return S().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return c(""),d(!1),e.next=4,ur(j.current,k.current).catch((function(e){console.error(e),c(e&&e.message?e.message:(0,Un.__)("Unknown error occured. Check browser console or contact support.","extendify-sdk"))}));case 4:null!=(n=e.sent)&&null!==(t=n.error)&&void 0!==t&&t.length&&c(null==n?void 0:n.error),null!=n&&n.records&&w===j.current&&(a(n.records),d(n.records.length<=0),g.setState({nextPage:n.offset}));case 7:case"end":return e.stop()}}),e)}))),[w,a]);return(0,r.useEffect)((function(){Object.keys(j.current.taxonomies).length&&(v([]),O())}),[O,j]),(0,r.useEffect)((function(){b&&O()}),[b,O]),s.length?(0,Vn.jsxs)("div",{className:"text-left",children:[(0,Vn.jsx)("h2",{className:"text-left",children:(0,Un.__)("Server error","extendify-sdk")}),(0,Vn.jsx)("code",{className:"block max-w-xl p-4 mb-4",style:{minHeight:"10rem"},children:s}),(0,Vn.jsx)(Kn.Button,{isTertiary:!0,onClick:function(){v([]),x({taxonomies:{},search:""}),O()},children:(0,Un.__)("Press here to reload experience")})]}):f?null!=w&&w.search.length?(0,Vn.jsx)("h2",{className:"text-left",children:(0,Un.sprintf)((0,Un.__)("No results for %s.","extendify-sdk"),null==w?void 0:w.search)}):(0,Vn.jsx)("h2",{className:"text-left",children:(0,Un.__)("No results found.","extendify-sdk")}):t.length?(0,Vn.jsxs)(Vn.Fragment,{children:[(0,Vn.jsx)("ul",{className:"flex-grow gap-6 grid xl:grid-cols-2 2xl:grid-cols-3 pb-32 m-0",children:t.map((function(e,t){var r,o,a,u,s,c,l,f,d;return(0,Vn.jsxs)("li",{className:"flex flex-col justify-between group overflow-hidden max-w-lg",children:[(0,Vn.jsx)("div",{className:"flex justify-items-center flex-grow h-80 border-gray-200 bg-white border border-b-0 group-hover:border-wp-theme-500 transition duration-150 cursor-pointer",onClick:function(){return n(e)},children:(0,Vn.jsx)("img",{role:"button",className:"max-w-full block m-auto object-cover",onLoad:function(){return v([].concat(gr(m),[t]))},src:null!==(r=null==e||null===(o=e.fields)||void 0===o||null===(a=o.screenshot[0])||void 0===a||null===(u=a.thumbnails)||void 0===u||null===(s=u.large)||void 0===s?void 0:s.url)&&void 0!==r?r:null==e||null===(c=e.fields)||void 0===c||null===(l=c.screenshot[0])||void 0===l?void 0:l.url})}),(0,Vn.jsx)("span",{role:"img","aria-hidden":"true",className:"h-px w-full bg-gray-200 border group-hover:bg-transparent border-t-0 border-b-0 border-gray-200 group-hover:border-wp-theme-500 transition duration-150"}),(0,Vn.jsxs)("div",{className:"bg-transparent text-left bg-white flex items-center justify-between p-4 border border-t-0 border-transparent group-hover:border-wp-theme-500 transition duration-150 cursor-pointer",role:"button",onClick:function(){return n(e)},children:[(0,Vn.jsxs)("div",{children:[(0,Vn.jsx)("h4",{className:"m-0 font-bold",children:e.fields.title}),(0,Vn.jsx)("p",{className:"m-0",children:null==e||null===(f=e.fields)||void 0===f||null===(d=f.tax_categories)||void 0===d?void 0:d.filter((function(e){return"default"!==e.toLowerCase()})).join(", ")})]}),(0,Vn.jsx)(Kn.Button,{isSecondary:!0,tabIndex:Object.keys(i).length?"-1":"0",className:"sm:opacity-0 group-hover:opacity-100 transition duration-150 focus:opacity-100",onClick:function(t){t.stopPropagation(),n(e)},children:(0,Un.__)("View","extendify-sdk")})]})]},e.id)}))}),g.getState().nextPage&&!!m.length&&m.length===t.length&&(0,Vn.jsxs)(Vn.Fragment,{children:[(0,Vn.jsx)("div",{className:"-translate-y-full flex flex-col h-80 items-end justify-end my-2 relative transform z-0 text",ref:y,style:{zIndex:-1}}),(0,Vn.jsx)("div",{className:"my-4",children:(0,Vn.jsx)(Kn.Spinner,{})})]})]}):(0,Vn.jsx)("div",{className:"flex items-center justify-center w-full sm:mt-64",children:(0,Vn.jsx)(Kn.Spinner,{})})}var Cr=function(){return T.get("plugins")},Er=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=new FormData;return t.append("plugins",JSON.stringify(e)),T.post("plugins",t,{headers:{"Content-Type":"multipart/form-data"}})},Pr=function(){return T.get("active-plugins")};function Ir(e,t,n,r,o,i,a){try{var u=e[i](a),s=u.value}catch(e){return void n(e)}u.done?t(s):Promise.resolve(s).then(r,o)}function Nr(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){Ir(i,r,o,a,u,"next",e)}function u(e){Ir(i,r,o,a,u,"throw",e)}a(void 0)}))}}function Tr(e){return _r.apply(this,arguments)}function _r(){return(_r=Nr(S().mark((function e(t){var n,r,o,i;return S().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if((r=(r=null!==(n=(0,qn.get)(t,"fields.required_plugins"))&&void 0!==n?n:[]).filter((function(e){return"editorplus"!==e}))).length){e.next=4;break}return e.abrupt("return",!1);case 4:return e.t0=Object,e.next=7,Cr();case 7:return e.t1=e.sent,o=e.t0.keys.call(e.t0,e.t1),i=!!r.length&&r.filter((function(e){return!o.some((function(t){return t.includes(e)}))})),e.abrupt("return",i.length);case 11:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function Rr(e){return Ar.apply(this,arguments)}function Ar(){return(Ar=Nr(S().mark((function e(t){var n,r,o,i;return S().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if((r=(r=null!==(n=(0,qn.get)(t,"fields.required_plugins"))&&void 0!==n?n:[]).filter((function(e){return"editorplus"!==e}))).length){e.next=4;break}return e.abrupt("return",!1);case 4:return e.t0=Object,e.next=7,Pr();case 7:if(e.t1=e.sent,o=e.t0.values.call(e.t0,e.t1),!(i=!!r.length&&r.filter((function(e){return!o.some((function(t){return t.includes(e)}))})))){e.next=15;break}return e.next=13,Tr(t);case 13:if(!e.sent){e.next=15;break}return e.abrupt("return",!1);case 15:return e.abrupt("return",i.length);case 16:case"end":return e.stop()}}),e)})))).apply(this,arguments)}var Lr=s(I((function(e){return{wantedTemplate:{},importOnLoad:!1,setWanted:function(t){return e({wantedTemplate:t})},removeWanted:function(){return e({wantedTemplate:{}})}}}),{name:"extendify-wanted-template"}));function Dr(e){var t=e.msg;return(0,Vn.jsxs)(Kn.Modal,{style:{maxWidth:"500px"},title:(0,Un.__)("Error installing plugins","extendify-sdk"),isDismissible:!1,children:[(0,Un.__)("You have encountered an error that we cannot recover from. Please try again.","extendify-sdk"),(0,Vn.jsx)("br",{}),(0,Vn.jsx)(Kn.Notice,{isDismissible:!1,status:"error",children:t}),(0,Vn.jsx)(Kn.Button,{isPrimary:!0,onClick:function(){return(0,r.render)((0,Vn.jsx)(Kr,{}),document.getElementById("extendify-root"))},children:(0,Un.__)("Go back","extendify-sdk")})]})}const Fr=wp.data;function Mr(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null==n)return;var r,o,i=[],a=!0,u=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(e){u=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(u)throw o}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Br(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Br(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Br(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Ur(){var e=Mr((0,r.useState)(!1),2),t=e[0],n=e[1],o=function(){location.reload()};return(0,(0,Fr.select)("core/editor").isEditedPostDirty)()?(0,Vn.jsxs)(Kn.Modal,{title:(0,Un.__)("Reload required","extendify-sdk"),isDismissible:!1,children:[(0,Vn.jsx)("p",{style:{maxWidth:"400px"},children:(0,Un.__)("Just one more thing! We need to reload the page to continue.","extendify-sdk")}),(0,Vn.jsxs)(Kn.ButtonGroup,{children:[(0,Vn.jsx)(Kn.Button,{isPrimary:!0,onClick:o,disabled:t,children:(0,Un.__)("Reload page","extendify-sdk")}),(0,Vn.jsx)(Kn.Button,{isSecondary:!0,onClick:function(){n(!0),(0,Fr.dispatch)("core/editor").savePost(),n(!1)},isBusy:t,style:{margin:"0 4px"},children:(0,Un.__)("Save changes","extendify-sdk")})]})]}):(o(),null)}function Vr(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null==n)return;var r,o,i=[],a=!0,u=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(e){u=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(u)throw o}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Gr(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Gr(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Gr(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Hr(){var e,t=Vr((0,r.useState)(""),2),n=t[0],o=t[1],i=Lr((function(e){return e.wantedTemplate}));return Er(null==i||null===(e=i.fields)||void 0===e?void 0:e.required_plugins.filter((function(e){return"editorplus"!==e}))).then((function(){Lr.setState({importOnLoad:!0}),(0,r.render)((0,Vn.jsx)(Ur,{}),document.getElementById("extendify-root"))})).catch((function(e){var t=e.message;o(t)})),n?(0,Vn.jsx)(Dr,{msg:n}):(0,Vn.jsx)(Kn.Modal,{title:(0,Un.__)("Installing plugins","extendify-sdk"),isDismissible:!1,children:(0,Vn.jsx)(Kn.Button,{style:{width:"100%"},disabled:!0,isPrimary:!0,isBusy:!0,onClick:function(){},children:(0,Un.__)("Installing...","extendify-sdk")})})}var qr=function(e){return function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"broken-event",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"open";G.setState({entryPoint:e}),window.dispatchEvent(new CustomEvent("extendify-sdk::".concat(t,"-library"),{detail:e,bubbles:!0}))}(e,"open")};function Wr(e){switch(e){case"editorplus":return"Editor Plus";case"ml-slider":return"MetaSlider"}return e}function Kr(e){var t,n,o,i,a,u,s,c=Lr((function(e){return e.wantedTemplate})),l=function(){e.forceOpen||(0,r.render)((0,Vn.jsx)(Fo,{show:!0}),document.getElementById("extendify-root"))},f=(null==c||null===(t=c.fields)||void 0===t?void 0:t.required_plugins)||[];return(0,Vn.jsxs)(Kn.Modal,{title:null!==(n=e.title)&&void 0!==n?n:(0,Un.__)("Install required plugins","extendify-sdk"),closeButtonLabel:(0,Un.__)("No thanks, take me back","extendify-sdk"),onRequestClose:l,children:[(0,Vn.jsx)("p",{style:{maxWidth:"400px"},children:null!==(o=e.message)&&void 0!==o?o:(0,Un.__)((0,Un.sprintf)("There is just one more step. This %s requires the following to be automatically installed and activated:",null!==(i=null==c||null===(a=c.fields)||void 0===a?void 0:a.type)&&void 0!==i?i:"template"),"extendify-sdk")}),(null===(u=e.message)||void 0===u?void 0:u.length)>0||(0,Vn.jsx)("ul",{children:f.filter((function(e){return"editorplus"!==e})).map((function(e){return(0,Vn.jsx)("li",{children:Wr(e)},e)}))}),(0,Vn.jsxs)(Kn.ButtonGroup,{children:[(0,Vn.jsx)(Kn.Button,{isPrimary:!0,onClick:function(){return(0,r.render)((0,Vn.jsx)(Hr,{}),document.getElementById("extendify-root"))},children:null!==(s=e.buttonLabel)&&void 0!==s?s:(0,Un.__)("Install Plugins","extendify-sdk")}),e.forceOpen||(0,Vn.jsx)(Kn.Button,{isTertiary:!0,onClick:l,style:{boxShadow:"none",margin:"0 4px"},children:(0,Un.__)("No thanks, take me back","extendify-sdk")})]})]})}function zr(e,t,n,r,o,i,a){try{var u=e[i](a),s=u.value}catch(e){return void n(e)}u.done?t(s):Promise.resolve(s).then(r,o)}function $r(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){zr(i,r,o,a,u,"next",e)}function u(e){zr(i,r,o,a,u,"throw",e)}a(void 0)}))}}var Qr=function(){var e=$r(S().mark((function e(t){return S().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Tr(t);case 2:return e.t0=!e.sent,e.t1=function(){return $r(S().mark((function e(){return S().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:case"end":return e.stop()}}),e)})))()},e.t2=function(){return $r(S().mark((function e(){return S().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",new Promise((function(){(0,r.render)((0,Vn.jsx)(Kr,{}),document.getElementById("extendify-root"))})));case 1:case"end":return e.stop()}}),e)})))()},e.abrupt("return",{id:"hasRequiredPlugins",pass:e.t0,allow:e.t1,deny:e.t2});case 6:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}();function Yr(e){var t=e.msg;return(0,Vn.jsxs)(Kn.Modal,{style:{maxWidth:"500px"},title:(0,Un.__)("Error Activating plugins","extendify-sdk"),isDismissible:!1,children:[(0,Un.__)("You have encountered an error that we cannot recover from. Please try again.","extendify-sdk"),(0,Vn.jsx)("br",{}),(0,Vn.jsx)(Kn.Notice,{isDismissible:!1,status:"error",children:t}),(0,Vn.jsx)(Kn.Button,{isPrimary:!0,onClick:function(){(0,r.render)((0,Vn.jsx)(no,{}),document.getElementById("extendify-root"))},children:(0,Un.__)("Go back","extendify-sdk")})]})}function Jr(e,t,n,r,o,i,a){try{var u=e[i](a),s=u.value}catch(e){return void n(e)}u.done?t(s):Promise.resolve(s).then(r,o)}function Xr(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){Jr(i,r,o,a,u,"next",e)}function u(e){Jr(i,r,o,a,u,"throw",e)}a(void 0)}))}}function Zr(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null==n)return;var r,o,i=[],a=!0,u=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(e){u=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(u)throw o}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return eo(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return eo(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function eo(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function to(){var e,t=Zr((0,r.useState)(""),2),n=t[0],o=t[1],i=Lr((function(e){return e.wantedTemplate}));return Er(null==i||null===(e=i.fields)||void 0===e?void 0:e.required_plugins.filter((function(e){return"editorplus"!==e}))).then((function(){Lr.setState({importOnLoad:!0})})).then(Xr(S().mark((function e(){return S().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,new Promise((function(e){return setTimeout(e,1e3)}));case 2:(0,r.render)((0,Vn.jsx)(Ur,{}),document.getElementById("extendify-root"));case 3:case"end":return e.stop()}}),e)})))).catch((function(e){var t=e.response;o(t.data.message)})),n?(0,Vn.jsx)(Yr,{msg:n}):(0,Vn.jsx)(Kn.Modal,{title:(0,Un.__)("Activating plugins","extendify-sdk"),isDismissible:!1,children:(0,Vn.jsx)(Kn.Button,{style:{width:"100%"},disabled:!0,isPrimary:!0,isBusy:!0,onClick:function(){},children:(0,Un.__)("Activating...","extendify-sdk")})})}function no(e){var t,n,o,i,a=Lr((function(e){return e.wantedTemplate})),u=function(){return(0,r.render)((0,Vn.jsx)(Fo,{show:!0}),document.getElementById("extendify-root"))},s=(null==a||null===(t=a.fields)||void 0===t?void 0:t.required_plugins)||[];return(0,Vn.jsxs)(Kn.Modal,{title:(0,Un.__)("Activate required plugins","extendify-sdk"),closeButtonLabel:(0,Un.__)("No thanks, return to library","extendify-sdk"),onRequestClose:u,children:[(0,Vn.jsx)("p",{style:{maxWidth:"400px"},children:null!==(n=e.message)&&void 0!==n?n:(0,Un.__)((0,Un.sprintf)("There is just one more step. This %s requires the following plugins to be installed and activated:",null!==(o=null==a||null===(i=a.fields)||void 0===i?void 0:i.type)&&void 0!==o?o:"template"),"extendify-sdk")}),(0,Vn.jsx)("ul",{children:s.filter((function(e){return"editorplus"!==e})).map((function(e){return(0,Vn.jsx)("li",{children:Wr(e)},e)}))}),(0,Vn.jsxs)(Kn.ButtonGroup,{children:[(0,Vn.jsx)(Kn.Button,{isPrimary:!0,onClick:function(){return(0,r.render)((0,Vn.jsx)(to,{}),document.getElementById("extendify-root"))},children:(0,Un.__)("Activate Plugins","extendify-sdk")}),e.showClose&&(0,Vn.jsx)(Kn.Button,{isTertiary:!0,onClick:u,style:{boxShadow:"none",margin:"0 4px"},children:(0,Un.__)("No thanks, return to library","extendify-sdk")})]})]})}function ro(e,t,n,r,o,i,a){try{var u=e[i](a),s=u.value}catch(e){return void n(e)}u.done?t(s):Promise.resolve(s).then(r,o)}function oo(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){ro(i,r,o,a,u,"next",e)}function u(e){ro(i,r,o,a,u,"throw",e)}a(void 0)}))}}var io=function(){var e=oo(S().mark((function e(t){return S().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Rr(t);case 2:return e.t0=!e.sent,e.t1=function(){return oo(S().mark((function e(){return S().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:case"end":return e.stop()}}),e)})))()},e.t2=function(){return oo(S().mark((function e(){return S().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",new Promise((function(){(0,r.render)((0,Vn.jsx)(no,{showClose:!0}),document.getElementById("extendify-root"))})));case 1:case"end":return e.stop()}}),e)})))()},e.abrupt("return",{id:"hasPluginsActivated",pass:e.t0,allow:e.t1,deny:e.t2});case 6:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}();function ao(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"==typeof e)return uo(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return uo(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,u=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){u=!0,i=e},f:function(){try{a||null==n.return||n.return()}finally{if(u)throw i}}}}function uo(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function so(e,t,n,r,o,i,a){try{var u=e[i](a),s=u.value}catch(e){return void n(e)}u.done?t(s):Promise.resolve(s).then(r,o)}function co(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){so(i,r,o,a,u,"next",e)}function u(e){so(i,r,o,a,u,"throw",e)}a(void 0)}))}}function lo(e){return function(){return new fo(e.apply(this,arguments))}}function fo(e){var t,n;function r(t,n){try{var i=e[t](n),a=i.value,u=a instanceof po;Promise.resolve(u?a.wrapped:a).then((function(e){u?r("return"===t?"return":"next",e):o(i.done?"return":"normal",e)}),(function(e){r("throw",e)}))}catch(e){o("throw",e)}}function o(e,o){switch(e){case"return":t.resolve({value:o,done:!0});break;case"throw":t.reject(o);break;default:t.resolve({value:o,done:!1})}(t=t.next)?r(t.key,t.arg):n=null}this._invoke=function(e,o){return new Promise((function(i,a){var u={key:e,arg:o,resolve:i,reject:a,next:null};n?n=n.next=u:(t=n=u,r(e,o))}))},"function"!=typeof e.return&&(this.return=void 0)}function po(e){this.wrapped=e}fo.prototype["function"==typeof Symbol&&Symbol.asyncIterator||"@@asyncIterator"]=function(){return this},fo.prototype.next=function(e){return this._invoke("next",e)},fo.prototype.throw=function(e){return this._invoke("throw",e)},fo.prototype.return=function(e){return this._invoke("return",e)};function mo(){return(mo=co(S().mark((function e(t){var n;return S().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:n=vo(t);case 1:return e.next=4,n.next();case 4:if(!e.sent.done){e.next=7;break}return e.abrupt("break",9);case 7:e.next=1;break;case 9:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function vo(e){return ho.apply(this,arguments)}function ho(){return(ho=lo(S().mark((function e(t){var n,r,o;return S().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:n=ao(t),e.prev=1,n.s();case 3:if((r=n.n()).done){e.next=9;break}return o=r.value,e.next=7,o();case 7:e.next=3;break;case 9:e.next=14;break;case 11:e.prev=11,e.t0=e.catch(1),n.e(e.t0);case 14:return e.prev=14,n.f(),e.finish(14);case 17:case"end":return e.stop()}}),e,null,[[1,11,14,17]])})))).apply(this,arguments)}function yo(e,t){return(0,(0,Fr.dispatch)("core/block-editor").insertBlocks)(e).then((function(){window.dispatchEvent(new CustomEvent("extendify-sdk::template-inserted",{detail:{template:t},bubbles:!0}))}))}function bo(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null==n)return;var r,o,i=[],a=!0,u=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(e){u=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(u)throw o}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return go(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return go(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function go(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var xo=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return{hasRequiredPlugins:Qr,hasPluginsActivated:io,stack:[],check:function(t){var n=this;return co(S().mark((function r(){var o,i,a;return S().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:o=ao(e),r.prev=1,a=S().mark((function e(){var r,o;return S().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return r=i.value,e.next=3,n["".concat(r)](t);case 3:o=e.sent,setTimeout((function(){n.stack.push(o.pass?o.allow:o.deny)}),0);case 5:case"end":return e.stop()}}),e)})),o.s();case 4:if((i=o.n()).done){r.next=8;break}return r.delegateYield(a(),"t0",6);case 6:r.next=4;break;case 8:r.next=13;break;case 10:r.prev=10,r.t1=r.catch(1),o.e(r.t1);case 13:return r.prev=13,o.f(),r.finish(13);case 16:case"end":return r.stop()}}),r,null,[[1,10,13,16]])})))()},reset:function(){this.stack=[]}}}(["hasRequiredPlugins","hasPluginsActivated"]);function wo(e){var t=e.template,n=g((function(e){return e.activeTemplateBlocks})),o=G((function(e){return e.canImport})),i=G((function(e){return e.apiKey})),a=x((function(e){return e.setOpen})),u=bo((0,r.useState)(!1),2),s=u[0],c=u[1],l=bo((0,r.useState)(!1),2),f=l[0],d=l[1],p=Lr((function(e){return e.setWanted})),m=function(){(function(e){return mo.apply(this,arguments)})(xo.stack).then((function(){setTimeout((function(){yo(n,t).then((function(){return a(!1)}))}),100)}))};(0,r.useEffect)((function(){return xo.check(t).then((function(){return d(!0)})),function(){return xo.reset()&&d(!1)}}),[t]),(0,r.useEffect)((function(){s&&sr(t)}),[s,t]);return f&&Object.keys(n).length?i||o()?s?(0,Vn.jsx)("button",{type:"button",disabled:!0,className:"components-button is-secondary text-lg sm:text-2xl h-auto py-1.5 px-3 sm:py-2.5 sm:px-5",onClick:function(){},children:(0,Un.__)("Importing...","extendify-sdk")}):(0,Vn.jsx)("button",{type:"button",className:"components-button is-primary text-lg sm:text-2xl h-auto py-1.5 px-3 sm:py-2.5 sm:px-5",onClick:function(){return c(!0),p(t),void m()},children:(0,Un.sprintf)((0,Un.__)("Add %s","extendify-sdk"),t.fields.type)}):(0,Vn.jsx)("a",{className:"button-extendify-main text-lg sm:text-2xl py-1.5 px-3 sm:py-2.5 sm:px-5",target:"_blank",href:"https://extendify.com",rel:"noreferrer",children:(0,Un.__)("Sign up now","extendify-sdk")}):""}function So(e){var t,n,o,i,a,u,s,c=e.template,l=c.fields.tax_categories,f=G((function(e){return e.apiKey}));return(0,r.useEffect)((function(){cr(c)}),[c]),(0,Vn.jsxs)("div",{className:"flex flex-col min-h-screen bg-white sm:min-h-0 items-start overflow-y-auto h-full sm:pr-8 lg:pl-px lg:-ml-px",children:[(0,Vn.jsxs)("div",{className:"flex flex-col lg:flex-row items-start justify-start lg:items-center lg:justify-between w-full max-w-screen-xl",children:[(0,Vn.jsxs)("div",{className:"text-left m-0 sm:mb-6 p-6 sm:p-0",children:[(0,Vn.jsx)("h1",{className:"leading-tight text-left mb-2.5 sm:text-3xl font-normal",children:c.fields.title}),(0,Vn.jsx)(Kn.ExternalLink,{href:c.fields.url,children:(0,Un.__)("Demo","extendify-sdk")})]}),(0,Vn.jsx)("div",{className:$n()({"inline-flex absolute sm:static sm:top-auto right-0 m-6 sm:m-0 sm:my-6 space-x-3":!0,"top-16 mt-5":!f.length,"top-0":f.length>0}),children:(0,Vn.jsx)(wo,{template:c})})]}),(0,Vn.jsx)("div",{className:"max-w-screen-xl sm:w-full sm:m-0 sm:mb-12 m-6 border border-gray-300 m-46",children:(0,Vn.jsx)("img",{className:"max-w-full w-full",src:null!==(t=null==c||null===(n=c.fields)||void 0===n||null===(o=n.screenshot[0])||void 0===o||null===(i=o.thumbnails)||void 0===i||null===(a=i.full)||void 0===a?void 0:a.url)&&void 0!==t?t:null==c||null===(u=c.fields)||void 0===u||null===(s=u.screenshot[0])||void 0===s?void 0:s.url})}),(0,Vn.jsxs)("div",{className:"text-xs text-left p-6 w-full block sm:hidden",children:[(0,Vn.jsx)("h3",{className:"m-0 mb-6",children:(0,Un.__)("Categories","extendify-sdk")}),(0,Vn.jsx)("ul",{className:"text-sm",children:l.map((function(e){return(0,Vn.jsx)("li",{className:"inline-block mr-2 px-4 py-2 bg-gray-100",children:e},e)}))})]})]})}function ko(){return 0===G((function(e){return e.apiKey})).length?(0,Vn.jsx)("button",{className:"components-button",onClick:function(){return x.setState({currentPage:"login"})},children:(0,Un.__)("Log into account","extendify-sdk")}):(0,Vn.jsx)("button",{className:"components-button",onClick:function(){return G.setState({apiKey:""})},children:(0,Un.__)("Log out","extendify-sdk")})}function jo(e){var t=e.children;return(0,Vn.jsxs)(Vn.Fragment,{children:[(0,Vn.jsxs)("aside",{className:"flex-shrink-0 sm:pl-12 py-0 sm:py-6 relative",children:[(0,Vn.jsx)("div",{className:"sm:w-56 lg:w-72 sticky flex flex-col h-full",children:t[0]}),(0,Vn.jsxs)("div",{className:"hidden sm:flex flex-col absolute bottom-0 bg-white p-4 w-72 text-left space-y-4",children:[(0,Vn.jsx)("div",{children:(0,Vn.jsx)(Kn.Button,{isSecondary:!0,target:"_blank",href:"https://extendify.com/feedback",children:(0,Un.__)("Send us your feedback","extendify-sdk")})}),(0,Vn.jsx)("div",{className:"border-t border-gray-300",children:(0,Vn.jsx)(ko,{})})]})]}),(0,Vn.jsx)("main",{id:"extendify-templates",tabIndex:"0",className:"w-full smp:l-12 sm:pt-6 h-full",children:t[1]})]})}function Oo(){var e=g((function(e){return e.updateSearchParams})),t=g((function(e){return e.searchParams})),n=function(t){return e({type:t})};return(0,Vn.jsxs)("div",{className:"text-left w-full bg-white px-6 sm:px-0 pb-4 sm:pb-6 mt-px border-b sm:border-0",children:[(0,Vn.jsx)("h4",{className:"sr-only",children:(0,Un.__)("Type select","extendify-sdk")}),(0,Vn.jsxs)("button",{type:"button",className:$n()({"cursor-pointer p-3.5 space-x-2 inline-flex items-center border border-black button-focus":!0,"bg-gray-900 text-white":"pattern"===t.type,"bg-transparent text-black":"pattern"!==t.type}),onClick:function(){return n("pattern")},children:[(0,Vn.jsx)("svg",{width:"17",height:"13",viewBox:"0 0 17 13",className:"fill-current",xmlns:"http://www.w3.org/2000/svg",children:(0,Vn.jsx)("path",{d:"M1 13H16C16.55 13 17 12.55 17 12V8C17 7.45 16.55 7 16 7H1C0.45 7 0 7.45 0 8V12C0 12.55 0.45 13 1 13ZM0 1V5C0 5.55 0.45 6 1 6H16C16.55 6 17 5.55 17 5V1C17 0.45 16.55 0 16 0H1C0.45 0 0 0.45 0 1Z"})}),(0,Vn.jsx)("span",{className:"",children:(0,Un.__)("Patterns","extendify-sdk")})]}),(0,Vn.jsxs)("button",{type:"button",className:$n()({"cursor-pointer p-3.5 px-4 space-x-2 inline-flex items-center border border-black focus:ring-2 focus:ring-wp-theme-500 ring-offset-1 outline-none -ml-px":!0,"bg-gray-900 text-white":"template"===t.type,"bg-transparent text-black":"template"!==t.type}),onClick:function(){return n("template")},children:[(0,Vn.jsx)("svg",{width:"17",height:"13",viewBox:"0 0 17 13",className:"fill-current",xmlns:"http://www.w3.org/2000/svg",children:(0,Vn.jsx)("path",{d:"M7 13H10C10.55 13 11 12.55 11 12V8C11 7.45 10.55 7 10 7H7C6.45 7 6 7.45 6 8V12C6 12.55 6.45 13 7 13ZM1 13H4C4.55 13 5 12.55 5 12V1C5 0.45 4.55 0 4 0H1C0.45 0 0 0.45 0 1V12C0 12.55 0.45 13 1 13ZM13 13H16C16.55 13 17 12.55 17 12V8C17 7.45 16.55 7 16 7H13C12.45 7 12 7.45 12 8V12C12 12.55 12.45 13 13 13ZM6 1V5C6 5.55 6.45 6 7 6H16C16.55 6 17 5.55 17 5V1C17 0.45 16.55 0 16 0H7C6.45 0 6 0.45 6 1Z"})}),(0,Vn.jsx)("span",{className:"",children:(0,Un.__)("Page templates","extendify-sdk")})]})]})}function Co(e){var t=e.template,n=g((function(e){return e.setActive})),o=(0,r.useRef)(null),i=t.fields,a=i.tax_categories,u=i.required_plugins,s=G((function(e){return e.apiKey}));return(0,r.useEffect)((function(){o.current.focus()}),[]),(0,Vn.jsxs)("div",{className:"flex flex-col items-start justify-start",children:[!s.length&&(0,Vn.jsxs)("div",{className:"h-full flex sm:hidden w-full p-4 justify-between border items-center border-gray-300 bg-extendify-lightest",children:[(0,Vn.jsx)("a",{className:"button-extendify-main",target:"_blank",href:"https://extendify.com",rel:"noreferrer",children:(0,Un.__)("Sign up today to get unlimited beta access","extendify-sdk")}),(0,Vn.jsx)("button",{className:"components-button",onClick:function(){return x.setState({currentPage:"login"})},children:(0,Un.__)("Log in","extendify-sdk")})]}),(0,Vn.jsx)("div",{className:"p-6 sm:p-0",children:(0,Vn.jsxs)("button",{ref:o,type:"button",className:"cursor-pointer text-black bg-transparent font-medium flex items-center p-3 transform -translate-x-3 button-focus",onClick:function(){return n({})},children:[(0,Vn.jsx)("svg",{className:"fill-current",width:"8",height:"12",viewBox:"0 0 8 12",xmlns:"http://www.w3.org/2000/svg",children:(0,Vn.jsx)("path",{d:"M6.70998 9.88047L2.82998 6.00047L6.70998 2.12047C7.09998 1.73047 7.09998 1.10047 6.70998 0.710469C6.31998 0.320469 5.68998 0.320469 5.29998 0.710469L0.70998 5.30047C0.31998 5.69047 0.31998 6.32047 0.70998 6.71047L5.29998 11.3005C5.68998 11.6905 6.31998 11.6905 6.70998 11.3005C7.08998 10.9105 7.09998 10.2705 6.70998 9.88047Z"})}),(0,Vn.jsx)("span",{className:"ml-4",children:(0,Un.__)("Go back","extendify-sdk")})]})}),(0,Vn.jsxs)("div",{className:"text-left pt-14 divide-y w-full hidden sm:block",children:[(0,Vn.jsxs)("div",{className:"w-full py-6",children:[(0,Vn.jsx)("h3",{className:"m-0 mb-6",children:(0,Un.__)("Categories","extendify-sdk")}),(0,Vn.jsx)("ul",{className:"text-sm m-0",children:a.map((function(e){return(0,Vn.jsx)("li",{className:"inline-block mr-2 px-4 py-2 bg-gray-100",children:e},e)}))})]}),u.filter((function(e){return"editorplus"!==e})).length>0&&(0,Vn.jsxs)("div",{className:"pt-4 w-full",children:[(0,Vn.jsx)("h3",{className:"m-0 mb-6",children:(0,Un.__)("Required Plugins","extendify-sdk")}),(0,Vn.jsx)("ul",{className:"text-sm",children:u.filter((function(e){return"editorplus"!==e})).map((function(e){return(0,Vn.jsx)("li",{className:"inline-block mr-2 px-4 py-2 bg-extendify-light",children:Wr(e)},e)}))})]}),(0,Vn.jsx)("div",{className:"py-6",children:(0,Vn.jsx)("a",{href:"https://extendify.com/what-happens-when-a-template-is-added",rel:"noreferrer",target:"_blank",children:(0,Un.__)("What happens when a template is added?","extendify-sdk")})})]})]})}function Eo(){var e=g((function(e){return e.searchParams}));return(0,Vn.jsx)("div",{className:"hidden sm:flex items-start flex-col lg:flex-row -mt-2 lg:-mx-2 mb-4 lg:divide-x-2 lg:leading-none",children:Object.entries(e.taxonomies).map((function(t){return"template"===e.type&&"tax_pattern_types"===t[0]||"pattern"===e.type&&"tax_page_types"===t[0]?"":(0,Vn.jsxs)("div",{className:"lg:px-2 text-left",children:[(0,Vn.jsx)("span",{className:"font-bold",children:(n=t[0],n.replace("tax_","").replace("_"," ").replace(/\b\w/g,(function(e){return e.toUpperCase()})))}),": ",(0,Vn.jsx)("span",{children:t[1]?t[1]:"All"})]},t[0]);var n}))})}function Po(e){var t=e.className,n=e.initialFocus,r=g((function(e){return e.templates})),o=g((function(e){return e.activeTemplate}));return(0,Vn.jsxs)("div",{className:t,children:[(0,Vn.jsx)("a",{href:"#extendify-templates",className:"sr-only focus:not-sr-only focus:text-blue-500",children:(0,Un.__)("Skip to content","extendify-sdk")}),(0,Vn.jsxs)("div",{className:"sm:flex sm:space-x-12 relative bg-white mx-auto max-w-screen-4xl h-full",children:[!!Object.keys(o).length&&(0,Vn.jsx)("div",{className:"absolute bg-white sm:flex inset-0 z-50 sm:space-x-12",children:(0,Vn.jsxs)(jo,{children:[(0,Vn.jsx)(Co,{template:o}),(0,Vn.jsx)(So,{template:o})]})}),(0,Vn.jsxs)(jo,{children:[(0,Vn.jsx)(rr,{initialFocus:n}),(0,Vn.jsxs)(Vn.Fragment,{children:[(0,Vn.jsx)(Oo,{}),(0,Vn.jsx)(Eo,{}),(0,Vn.jsx)("div",{className:"relative h-full z-30 bg-white",children:(0,Vn.jsx)("div",{className:"absolute z-20 inset-0 lg:static h-screen lg:h-full overflow-y-auto pt-4 sm:pt-0 px-6 sm:pl-0 sm:pr-8",children:(0,Vn.jsx)(Or,{templates:r})})})]})]})]})]})}function Io(e,t,n,r,o,i,a){try{var u=e[i](a),s=u.value}catch(e){return void n(e)}u.done?t(s):Promise.resolve(s).then(r,o)}function No(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null==n)return;var r,o,i=[],a=!0,u=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(e){u=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(u)throw o}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return To(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return To(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function To(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function _o(){var e=No((0,r.useState)(G.getState().apiKey),2),t=e[0],n=e[1],o=No((0,r.useState)(G.getState().email),2),i=o[0],a=o[1],u=No((0,r.useState)(""),2),s=u[0],c=u[1],l=No((0,r.useState)("info"),2),f=l[0],d=l[1],p=No((0,r.useState)(""),2),m=p[0],v=p[1];(0,r.useEffect)((function(){return function(){return d("info")}}),[]);var h=function(){var e,n=(e=S().mark((function e(n){var r,o,a,u,s,l;return S().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n.preventDefault(),c(""),r=i.length?i:m,e.next=5,L(r,t);case 5:if(o=e.sent,a=o.token,u=o.error,s=o.exception,void 0===(l=o.message)){e.next=13;break}return d("error"),e.abrupt("return",c(l.length?l:"Error: Are you interacting with the wrong server?"));case 13:if(!u&&!s){e.next=16;break}return d("error"),e.abrupt("return",c(u.length?u:s));case 16:if(a&&"string"==typeof a){e.next=19;break}return d("error"),e.abrupt("return",c((0,Un.__)("Something went wrong","extendify-sdk")));case 19:return d("success"),c("Success!"),e.next=23,new Promise((function(e){return setTimeout(e,1500)}));case 23:G.setState({apiKey:a}),x.setState({currentPage:"content"});case 25:case"end":return e.stop()}}),e)})),function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){Io(i,r,o,a,u,"next",e)}function u(e){Io(i,r,o,a,u,"throw",e)}a(void 0)}))});return function(e){return n.apply(this,arguments)}}();return(0,r.useEffect)((function(){i||A("user_email").then((function(e){return v(e)}))}),[i]),(0,Vn.jsxs)("section",{className:"w-96 text-left md:-mt-32",children:[(0,Vn.jsx)("h1",{className:"border-b border-gray-900 mb-12 pb-4",children:(0,Un.__)("Welcome","extendify-sdk")}),s&&(0,Vn.jsx)("div",{className:$n()({"border-b pb-6 mb-6 -mt-6":!0,"border-gray-900 text-gray-900":"info"===f,"border-wp-alert-red text-wp-alert-red":"error"===f,"border-extendify-main text-extendify-main":"success"===f}),children:s}),(0,Vn.jsxs)("form",{onSubmit:h,className:" space-y-6",children:[(0,Vn.jsxs)("div",{className:"flex items-center",children:[(0,Vn.jsx)("label",{htmlFor:"extendifysdk-login-email",className:"w-32 font-bold",children:(0,Un.__)("Email:","extendify-sdk")}),(0,Vn.jsx)("input",{id:"extendifysdk-login-email",name:"extendifysdk-login-email",type:"email",className:"border px-2 w-full",placeholder:"Email",value:i.length?i:m,onChange:function(e){return a(e.target.value)}})]}),(0,Vn.jsxs)("div",{className:"flex items-center",children:[(0,Vn.jsx)("label",{htmlFor:"extendifysdk-login-license",className:"w-32 font-bold",children:(0,Un.__)("License:","extendify-sdk")}),(0,Vn.jsx)("input",{id:"extendifysdk-login-license",name:"extendifysdk-login-email",type:"text",className:"border px-2 w-full",placeholder:"License key",value:t,onChange:function(e){return n(e.target.value)}})]}),(0,Vn.jsx)("div",{className:"flex justify-end",children:(0,Vn.jsx)("button",{type:"submit",className:"button-extendify-main p-3 px-4",children:(0,Un.__)("Sign in","extendify-sdk")})})]})]})}function Ro(e){var t=e.className;return(0,Vn.jsxs)("div",{className:t,children:[(0,Vn.jsx)("a",{href:"#extendify-templates",className:"sr-only focus:not-sr-only focus:text-blue-500",children:(0,Un.__)("Skip to content","extendify-sdk")}),(0,Vn.jsx)("div",{className:"flex sm:space-x-12 relative mx-auto max-w-screen-4xl h-full",children:(0,Vn.jsxs)("div",{className:"absolute flex inset-0 items-center justify-center z-20 sm:space-x-12",children:[(0,Vn.jsx)("div",{className:"pl-12 py-6 absolute top-0 left-0",children:(0,Vn.jsxs)("button",{type:"button",className:"cursor-pointer text-black bg-transparent font-medium flex items-center p-3 transform -translate-x-3 button-focus",onClick:function(){return x.setState({currentPage:"content"})},children:[(0,Vn.jsx)("svg",{className:"fill-current",width:"8",height:"12",viewBox:"0 0 8 12",xmlns:"http://www.w3.org/2000/svg",children:(0,Vn.jsx)("path",{d:"M6.70998 9.88047L2.82998 6.00047L6.70998 2.12047C7.09998 1.73047 7.09998 1.10047 6.70998 0.710469C6.31998 0.320469 5.68998 0.320469 5.29998 0.710469L0.70998 5.30047C0.31998 5.69047 0.31998 6.32047 0.70998 6.71047L5.29998 11.3005C5.68998 11.6905 6.31998 11.6905 6.70998 11.3005C7.08998 10.9105 7.09998 10.2705 6.70998 9.88047Z"})}),(0,Vn.jsx)("span",{className:"ml-4",children:(0,Un.__)("Go back","extendify-sdk")})]})}),(0,Vn.jsx)("div",{className:"flex justify-center",children:(0,Vn.jsx)(_o,{})})]})})]})}function Ao(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null==n)return;var r,o,i=[],a=!0,u=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(e){u=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(u)throw o}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Lo(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Lo(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Lo(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Do(){var e=Ao((0,r.useState)(!1),2),t=e[0],n=e[1],o=(0,r.useRef)(null),i=x((function(e){return e.open})),a=x((function(e){return e.setOpen})),u=x((function(e){return e.currentPage}));return(0,Vn.jsx)(Bn.Root,{show:i,as:r.Fragment,children:(0,Vn.jsx)(ot,{as:"div",static:!0,className:"extendify-sdk",initialFocus:o,onClose:function(){},children:(0,Vn.jsx)("div",{className:"h-screen w-screen sm:h-auto sm:w-auto fixed z-high inset-0 overflow-y-auto",children:(0,Vn.jsxs)("div",{className:"flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0",children:[(0,Vn.jsx)(Bn.Child,{as:r.Fragment,enter:"ease-out duration-300",enterFrom:"opacity-0",enterTo:"opacity-100",children:(0,Vn.jsx)(ot.Overlay,{className:"fixed inset-0 bg-black bg-opacity-30 transition-opacity"})}),(0,Vn.jsx)(Bn.Child,{as:r.Fragment,enter:"ease-out duration-300",enterFrom:"opacity-0 translate-y-4 sm:translate-y-5",enterTo:"opacity-100 translate-y-0",children:(0,Vn.jsx)("div",{className:$n()({"fixed lg:absolute inset-0 lg:overflow-hidden transform transition-all":!0,"lg:pt-5 lg:p-10":!t}),children:(0,Vn.jsxs)("div",{className:$n()({"bg-white h-full flex flex-col items-center relative shadow-xl":!0,"max-w-screen-4xl mx-auto":!t}),children:[(0,Vn.jsx)(Gn,{className:"w-full h-16 border-solid border-0 border-b border-gray-300 flex-shrink-0",toggleFullScreen:function(){return n(!t)},initialFocus:o,hideLibrary:function(){return a(!1)}}),"content"===u&&(0,Vn.jsx)(Po,{className:"w-full flex-grow overflow-hidden"}),"login"===u&&(0,Vn.jsx)(Ro,{className:"w-full flex-grow overflow-hidden bg-extendify-light"})]})})})]})})})})}function Fo(e){var t=e.show,n=void 0!==t&&t,o=x((function(e){return e.setOpen})),i=(0,r.useCallback)((function(){return o(!0)}),[o]),a=(0,r.useCallback)((function(){o(!1)}),[o]);return(0,r.useEffect)((function(){n&&o(!0)}),[n,o]),(0,r.useEffect)((function(){return window.localStorage.getItem("etfy_library__key")&&G.setState({apiKey:"any-key-will-work-during-beta"}),function(){return window.localStorage.removeItem("etfy_library__key")}}),[]),(0,r.useEffect)((function(){return window.addEventListener("extendify-sdk::open-library",i),window.addEventListener("extendify-sdk::close-library",a),function(){window.removeEventListener("extendify-sdk::open-library",i),window.removeEventListener("extendify-sdk::close-library",a)}}),[a,i]),(0,Vn.jsx)(Do,{})}const Mo=wp.plugins,Bo=wp.editPost;var Uo=function(e){var t,n;qr(null===(t=e.target.closest("[data-extendify-identifier]"))||void 0===t||null===(n=t.dataset)||void 0===n?void 0:n.extendifyIdentifier)},Vo=(0,Vn.jsx)("div",{id:"extendify-templates-inserter",children:(0,Vn.jsxs)("button",{style:"background:#D9F1EE;color:#1e1e1e;border:1px solid #949494;font-weight:bold;font-size:14px;padding:8px;margin-right:8px",type:"button","data-extendify-identifier":"main-button",id:"extendify-templates-inserter-btn",className:"components-button",children:[(0,Vn.jsxs)("svg",{style:"margin-right:0.5rem",width:"20",height:"20",viewBox:"0 0 103 103",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,Vn.jsx)("rect",{y:"25.75",width:"70.8125",height:"77.25",fill:"#000000"}),(0,Vn.jsx)("rect",{x:"45.0625",width:"57.9375",height:"57.9375",fill:"#37C2A2"})]}),(0,Un.__)("Library","extendify-sdk")]})});window._wpLoadBlockEditor&&window.wp.data.subscribe((function(){setTimeout((function(){G.getState().enabled&&(document.getElementById("extendify-templates-inserter-btn")||document.querySelector(".edit-post-header-toolbar")&&(document.querySelector(".edit-post-header-toolbar").insertAdjacentHTML("beforeend",(0,r.renderToString)(Vo)),document.getElementById("extendify-templates-inserter-btn").addEventListener("click",Uo)))}),0)})),window._wpLoadBlockEditor&&window.wp.data.subscribe((function(){setTimeout((function(){if(G.getState().enabled&&document.querySelector("[id$=patterns-view]")&&!document.getElementById("extendify-cta-button")){var e=(0,Vn.jsx)("div",{children:(0,Vn.jsx)("button",{id:"extendify-cta-button",style:"margin:1rem 1rem 0","data-extendify-identifier":"patterns-cta",className:"components-button is-secondary",children:(0,Un.__)("Discover more patterns in Extendify Library","extendify-sdk")})});document.querySelector("[id$=patterns-view]").insertAdjacentHTML("afterbegin",(0,r.renderToString)(e)),document.getElementById("extendify-cta-button").addEventListener("click",Uo)}}),0)}));window._wpLoadBlockEditor&&(0,Mo.registerPlugin)("extendify-temps-more-menu-trigger",{render:function(){return G.getState().enabled&&(0,Vn.jsx)(Bo.PluginSidebarMoreMenuItem,{"data-extendify-identifier":"sidebar-button",onClick:Uo,icon:(0,Vn.jsx)("span",{className:"components-menu-items__item-icon",children:(0,Vn.jsxs)("svg",{width:"20",height:"20",viewBox:"0 0 103 103",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,Vn.jsx)("rect",{y:"25.75",width:"70.8125",height:"77.25",fill:"#000000"}),(0,Vn.jsx)("rect",{x:"45.0625",width:"57.9375",height:"57.9375",fill:"#37C2A2"})]})}),children:(0,Un.__)("Library","extendify-sdk")})}});window._wpLoadBlockEditor&&(0,Mo.registerPlugin)("extendify-settings-enable-disable",{render:function(){return(0,Vn.jsx)(Bo.PluginSidebarMoreMenuItem,{onClick:function(){G.setState({enabled:!G.getState().enabled}),requestAnimationFrame((function(){return location.reload()}))},icon:(0,Vn.jsx)(Vn.Fragment,{}),children:G.getState().enabled?(0,Un.__)("Disable Extendify","extendify-sdk"):(0,Un.__)("Enable Extendify","extendify-sdk")})}}),[{register:function(){var e=(0,Fr.dispatch)("core/notices").createNotice,t=G.getState().incrementImports;window.addEventListener("extendify-sdk::template-inserted",(function(n){e("info",(0,Un.__)("Template Added"),{isDismissible:!0,type:"snackbar"}),setTimeout((function(){var e;t(),lr(null===(e=n.detail)||void 0===e?void 0:e.template)}),0)}))}},{register:function(){var e=this;window.addEventListener("extendify-sdk::softerror-encountered",(function(t){e[(0,qn.camelCase)(t.detail.type)](t.detail)}))},versionOutdated:function(e){(0,r.render)((0,Vn.jsx)(Kr,{title:e.data.title,message:e.data.message,buttonLabel:e.data.buttonLabel,forceOpen:!0}),document.getElementById("extendify-root"))}}].forEach((function(e){return e.register()})),window._wpLoadBlockEditor&&window.wp.domReady((function(){var e=document.createElement("div");if(e.id="extendify-root",document.body.append(e),(0,r.render)((0,Vn.jsx)(Fo,{}),e),Lr.getState().importOnLoad){var t=Lr.getState().wantedTemplate;setTimeout((function(){!function(e){if(!e)throw Error("Template not found");yo(p((0,window.wp.blocks.parse)((0,qn.get)(e,"fields.code"))),e)}(t)}),0)}Lr.setState({importOnLoad:!1,wantedTemplate:{}})}))},42:(e,t)=>{var n;!function(){"use strict";var r={}.hasOwnProperty;function o(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var i=typeof n;if("string"===i||"number"===i)e.push(n);else if(Array.isArray(n)){if(n.length){var a=o.apply(null,n);a&&e.push(a)}}else if("object"===i)if(n.toString===Object.prototype.toString)for(var u in n)r.call(n,u)&&n[u]&&e.push(u);else e.push(n.toString())}}return e.join(" ")}e.exports?(o.default=o,e.exports=o):void 0===(n=function(){return o}.apply(t,[]))||(e.exports=n)}()},716:()=>{},525:e=>{"use strict";var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable;function o(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach((function(e){r[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e,i){for(var a,u,s=o(e),c=1;c<arguments.length;c++){for(var l in a=Object(arguments[c]))n.call(a,l)&&(s[l]=a[l]);if(t){u=t(a);for(var f=0;f<u.length;f++)r.call(a,u[f])&&(s[u[f]]=a[u[f]])}}return s}},61:e=>{var t,n,r=e.exports={};function o(){throw new Error("setTimeout has not been defined")}function i(){throw new Error("clearTimeout has not been defined")}function a(e){if(t===setTimeout)return setTimeout(e,0);if((t===o||!t)&&setTimeout)return t=setTimeout,setTimeout(e,0);try{return t(e,0)}catch(n){try{return t.call(null,e,0)}catch(n){return t.call(this,e,0)}}}!function(){try{t="function"==typeof setTimeout?setTimeout:o}catch(e){t=o}try{n="function"==typeof clearTimeout?clearTimeout:i}catch(e){n=i}}();var u,s=[],c=!1,l=-1;function f(){c&&u&&(c=!1,u.length?s=u.concat(s):l=-1,s.length&&d())}function d(){if(!c){var e=a(f);c=!0;for(var t=s.length;t;){for(u=s,s=[];++l<t;)u&&u[l].run();l=-1,t=s.length}u=null,c=!1,function(e){if(n===clearTimeout)return clearTimeout(e);if((n===i||!n)&&clearTimeout)return n=clearTimeout,clearTimeout(e);try{n(e)}catch(t){try{return n.call(null,e)}catch(t){return n.call(this,e)}}}(e)}}function p(e,t){this.fun=e,this.array=t}function m(){}r.nextTick=function(e){var t=new Array(arguments.length-1);if(arguments.length>1)for(var n=1;n<arguments.length;n++)t[n-1]=arguments[n];s.push(new p(e,t)),1!==s.length||c||a(d)},p.prototype.run=function(){this.fun.apply(null,this.array)},r.title="browser",r.browser=!0,r.env={},r.argv=[],r.version="",r.versions={},r.on=m,r.addListener=m,r.once=m,r.off=m,r.removeListener=m,r.removeAllListeners=m,r.emit=m,r.prependListener=m,r.prependOnceListener=m,r.listeners=function(e){return[]},r.binding=function(e){throw new Error("process.binding is not supported")},r.cwd=function(){return"/"},r.chdir=function(e){throw new Error("process.chdir is not supported")},r.umask=function(){return 0}},426:(e,t,n)=>{"use strict";n(525);var r=n(804),o=60103;if(t.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var i=Symbol.for;o=i("react.element"),t.Fragment=i("react.fragment")}var a=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,u=Object.prototype.hasOwnProperty,s={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,n){var r,i={},c=null,l=null;for(r in void 0!==n&&(c=""+n),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(l=t.ref),t)u.call(t,r)&&!s.hasOwnProperty(r)&&(i[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===i[r]&&(i[r]=t[r]);return{$$typeof:o,type:e,key:c,ref:l,props:i,_owner:a.current}}t.jsx=c,t.jsxs=c},246:(e,t,n)=>{"use strict";e.exports=n(426)},248:e=>{var t=function(e){"use strict";var t,n=Object.prototype,r=n.hasOwnProperty,o="function"==typeof Symbol?Symbol:{},i=o.iterator||"@@iterator",a=o.asyncIterator||"@@asyncIterator",u=o.toStringTag||"@@toStringTag";function s(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{s({},"")}catch(e){s=function(e,t,n){return e[t]=n}}function c(e,t,n,r){var o=t&&t.prototype instanceof h?t:h,i=Object.create(o.prototype),a=new P(r||[]);return i._invoke=function(e,t,n){var r=f;return function(o,i){if(r===p)throw new Error("Generator is already running");if(r===m){if("throw"===o)throw i;return N()}for(n.method=o,n.arg=i;;){var a=n.delegate;if(a){var u=O(a,n);if(u){if(u===v)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(r===f)throw r=m,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);r=p;var s=l(e,t,n);if("normal"===s.type){if(r=n.done?m:d,s.arg===v)continue;return{value:s.arg,done:n.done}}"throw"===s.type&&(r=m,n.method="throw",n.arg=s.arg)}}}(e,n,a),i}function l(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}e.wrap=c;var f="suspendedStart",d="suspendedYield",p="executing",m="completed",v={};function h(){}function y(){}function b(){}var g={};g[i]=function(){return this};var x=Object.getPrototypeOf,w=x&&x(x(I([])));w&&w!==n&&r.call(w,i)&&(g=w);var S=b.prototype=h.prototype=Object.create(g);function k(e){["next","throw","return"].forEach((function(t){s(e,t,(function(e){return this._invoke(t,e)}))}))}function j(e,t){function n(o,i,a,u){var s=l(e[o],e,i);if("throw"!==s.type){var c=s.arg,f=c.value;return f&&"object"==typeof f&&r.call(f,"__await")?t.resolve(f.__await).then((function(e){n("next",e,a,u)}),(function(e){n("throw",e,a,u)})):t.resolve(f).then((function(e){c.value=e,a(c)}),(function(e){return n("throw",e,a,u)}))}u(s.arg)}var o;this._invoke=function(e,r){function i(){return new t((function(t,o){n(e,r,t,o)}))}return o=o?o.then(i,i):i()}}function O(e,n){var r=e.iterator[n.method];if(r===t){if(n.delegate=null,"throw"===n.method){if(e.iterator.return&&(n.method="return",n.arg=t,O(e,n),"throw"===n.method))return v;n.method="throw",n.arg=new TypeError("The iterator does not provide a 'throw' method")}return v}var o=l(r,e.iterator,n.arg);if("throw"===o.type)return n.method="throw",n.arg=o.arg,n.delegate=null,v;var i=o.arg;return i?i.done?(n[e.resultName]=i.value,n.next=e.nextLoc,"return"!==n.method&&(n.method="next",n.arg=t),n.delegate=null,v):i:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,v)}function C(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function E(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function P(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(C,this),this.reset(!0)}function I(e){if(e){var n=e[i];if(n)return n.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,a=function n(){for(;++o<e.length;)if(r.call(e,o))return n.value=e[o],n.done=!1,n;return n.value=t,n.done=!0,n};return a.next=a}}return{next:N}}function N(){return{value:t,done:!0}}return y.prototype=S.constructor=b,b.constructor=y,y.displayName=s(b,u,"GeneratorFunction"),e.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===y||"GeneratorFunction"===(t.displayName||t.name))},e.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,b):(e.__proto__=b,s(e,u,"GeneratorFunction")),e.prototype=Object.create(S),e},e.awrap=function(e){return{__await:e}},k(j.prototype),j.prototype[a]=function(){return this},e.AsyncIterator=j,e.async=function(t,n,r,o,i){void 0===i&&(i=Promise);var a=new j(c(t,n,r,o),i);return e.isGeneratorFunction(n)?a:a.next().then((function(e){return e.done?e.value:a.next()}))},k(S),s(S,u,"Generator"),S[i]=function(){return this},S.toString=function(){return"[object Generator]"},e.keys=function(e){var t=[];for(var n in e)t.push(n);return t.reverse(),function n(){for(;t.length;){var r=t.pop();if(r in e)return n.value=r,n.done=!1,n}return n.done=!0,n}},e.values=I,P.prototype={constructor:P,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(E),!e)for(var n in this)"t"===n.charAt(0)&&r.call(this,n)&&!isNaN(+n.slice(1))&&(this[n]=t)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var n=this;function o(r,o){return u.type="throw",u.arg=e,n.next=r,o&&(n.method="next",n.arg=t),!!o}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],u=a.completion;if("root"===a.tryLoc)return o("end");if(a.tryLoc<=this.prev){var s=r.call(a,"catchLoc"),c=r.call(a,"finallyLoc");if(s&&c){if(this.prev<a.catchLoc)return o(a.catchLoc,!0);if(this.prev<a.finallyLoc)return o(a.finallyLoc)}else if(s){if(this.prev<a.catchLoc)return o(a.catchLoc,!0)}else{if(!c)throw new Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return o(a.finallyLoc)}}}},abrupt:function(e,t){for(var n=this.tryEntries.length-1;n>=0;--n){var o=this.tryEntries[n];if(o.tryLoc<=this.prev&&r.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===e||"continue"===e)&&i.tryLoc<=t&&t<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=e,a.arg=t,i?(this.method="next",this.next=i.finallyLoc,v):this.complete(a)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),v},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),E(n),v}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r=n.completion;if("throw"===r.type){var o=r.arg;E(n)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(e,n,r){return this.delegate={iterator:I(e),resultName:n,nextLoc:r},"next"===this.method&&(this.arg=t),v}},e}(e.exports);try{regeneratorRuntime=t}catch(e){Function("r","regeneratorRuntime = r")(t)}},804:e=>{"use strict";e.exports=React}},n={};function r(e){var o=n[e];if(void 0!==o)return o.exports;var i=n[e]={exports:{}};return t[e](i,i.exports,r),i.exports}r.m=t,e=[],r.O=(t,n,o,i)=>{if(!n){var a=1/0;for(c=0;c<e.length;c++){for(var[n,o,i]=e[c],u=!0,s=0;s<n.length;s++)(!1&i||a>=i)&&Object.keys(r.O).every((e=>r.O[e](n[s])))?n.splice(s--,1):(u=!1,i<a&&(a=i));u&&(e.splice(c--,1),t=o())}return t}i=i||0;for(var c=e.length;c>0&&e[c-1][2]>i;c--)e[c]=e[c-1];e[c]=[n,o,i]},r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e={172:0,106:0};r.O.j=t=>0===e[t];var t=(t,n)=>{var o,i,[a,u,s]=n,c=0;for(o in u)r.o(u,o)&&(r.m[o]=u[o]);if(s)var l=s(r);for(t&&t(n);c<a.length;c++)i=a[c],r.o(e,i)&&e[i]&&e[i][0](),e[a[c]]=0;return r.O(l)},n=self.webpackChunk=self.webpackChunk||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))})(),r.O(void 0,[106],(()=>r(473)));var o=r.O(void 0,[106],(()=>r(716)));o=r.O(o)})();
1
  /*! For license information please see extendify-sdk.js.LICENSE.txt */
2
+ (()=>{var e,t={135:(e,t,n)=>{e.exports=n(248)},206:(e,t,n)=>{e.exports=n(57)},387:(e,t,n)=>{"use strict";var r=n(485),o=n(570),i=n(940),a=n(581),u=n(574),s=n(845),c=n(338),l=n(524);e.exports=function(e){return new Promise((function(t,n){var f=e.data,d=e.headers;r.isFormData(f)&&delete d["Content-Type"];var p=new XMLHttpRequest;if(e.auth){var m=e.auth.username||"",v=e.auth.password?unescape(encodeURIComponent(e.auth.password)):"";d.Authorization="Basic "+btoa(m+":"+v)}var h=u(e.baseURL,e.url);if(p.open(e.method.toUpperCase(),a(h,e.params,e.paramsSerializer),!0),p.timeout=e.timeout,p.onreadystatechange=function(){if(p&&4===p.readyState&&(0!==p.status||p.responseURL&&0===p.responseURL.indexOf("file:"))){var r="getAllResponseHeaders"in p?s(p.getAllResponseHeaders()):null,i={data:e.responseType&&"text"!==e.responseType?p.response:p.responseText,status:p.status,statusText:p.statusText,headers:r,config:e,request:p};o(t,n,i),p=null}},p.onabort=function(){p&&(n(l("Request aborted",e,"ECONNABORTED",p)),p=null)},p.onerror=function(){n(l("Network Error",e,null,p)),p=null},p.ontimeout=function(){var t="timeout of "+e.timeout+"ms exceeded";e.timeoutErrorMessage&&(t=e.timeoutErrorMessage),n(l(t,e,"ECONNABORTED",p)),p=null},r.isStandardBrowserEnv()){var y=(e.withCredentials||c(h))&&e.xsrfCookieName?i.read(e.xsrfCookieName):void 0;y&&(d[e.xsrfHeaderName]=y)}if("setRequestHeader"in p&&r.forEach(d,(function(e,t){void 0===f&&"content-type"===t.toLowerCase()?delete d[t]:p.setRequestHeader(t,e)})),r.isUndefined(e.withCredentials)||(p.withCredentials=!!e.withCredentials),e.responseType)try{p.responseType=e.responseType}catch(t){if("json"!==e.responseType)throw t}"function"==typeof e.onDownloadProgress&&p.addEventListener("progress",e.onDownloadProgress),"function"==typeof e.onUploadProgress&&p.upload&&p.upload.addEventListener("progress",e.onUploadProgress),e.cancelToken&&e.cancelToken.promise.then((function(e){p&&(p.abort(),n(e),p=null)})),f||(f=null),p.send(f)}))}},57:(e,t,n)=>{"use strict";var r=n(485),o=n(875),i=n(29),a=n(941);function u(e){var t=new i(e),n=o(i.prototype.request,t);return r.extend(n,i.prototype,t),r.extend(n,t),n}var s=u(n(141));s.Axios=i,s.create=function(e){return u(a(s.defaults,e))},s.Cancel=n(132),s.CancelToken=n(603),s.isCancel=n(475),s.all=function(e){return Promise.all(e)},s.spread=n(739),s.isAxiosError=n(835),e.exports=s,e.exports.default=s},132:e=>{"use strict";function t(e){this.message=e}t.prototype.toString=function(){return"Cancel"+(this.message?": "+this.message:"")},t.prototype.__CANCEL__=!0,e.exports=t},603:(e,t,n)=>{"use strict";var r=n(132);function o(e){if("function"!=typeof e)throw new TypeError("executor must be a function.");var t;this.promise=new Promise((function(e){t=e}));var n=this;e((function(e){n.reason||(n.reason=new r(e),t(n.reason))}))}o.prototype.throwIfRequested=function(){if(this.reason)throw this.reason},o.source=function(){var e;return{token:new o((function(t){e=t})),cancel:e}},e.exports=o},475:e=>{"use strict";e.exports=function(e){return!(!e||!e.__CANCEL__)}},29:(e,t,n)=>{"use strict";var r=n(485),o=n(581),i=n(96),a=n(9),u=n(941);function s(e){this.defaults=e,this.interceptors={request:new i,response:new i}}s.prototype.request=function(e){"string"==typeof e?(e=arguments[1]||{}).url=arguments[0]:e=e||{},(e=u(this.defaults,e)).method?e.method=e.method.toLowerCase():this.defaults.method?e.method=this.defaults.method.toLowerCase():e.method="get";var t=[a,void 0],n=Promise.resolve(e);for(this.interceptors.request.forEach((function(e){t.unshift(e.fulfilled,e.rejected)})),this.interceptors.response.forEach((function(e){t.push(e.fulfilled,e.rejected)}));t.length;)n=n.then(t.shift(),t.shift());return n},s.prototype.getUri=function(e){return e=u(this.defaults,e),o(e.url,e.params,e.paramsSerializer).replace(/^\?/,"")},r.forEach(["delete","get","head","options"],(function(e){s.prototype[e]=function(t,n){return this.request(u(n||{},{method:e,url:t,data:(n||{}).data}))}})),r.forEach(["post","put","patch"],(function(e){s.prototype[e]=function(t,n,r){return this.request(u(r||{},{method:e,url:t,data:n}))}})),e.exports=s},96:(e,t,n)=>{"use strict";var r=n(485);function o(){this.handlers=[]}o.prototype.use=function(e,t){return this.handlers.push({fulfilled:e,rejected:t}),this.handlers.length-1},o.prototype.eject=function(e){this.handlers[e]&&(this.handlers[e]=null)},o.prototype.forEach=function(e){r.forEach(this.handlers,(function(t){null!==t&&e(t)}))},e.exports=o},574:(e,t,n)=>{"use strict";var r=n(642),o=n(288);e.exports=function(e,t){return e&&!r(t)?o(e,t):t}},524:(e,t,n)=>{"use strict";var r=n(953);e.exports=function(e,t,n,o,i){var a=new Error(e);return r(a,t,n,o,i)}},9:(e,t,n)=>{"use strict";var r=n(485),o=n(212),i=n(475),a=n(141);function u(e){e.cancelToken&&e.cancelToken.throwIfRequested()}e.exports=function(e){return u(e),e.headers=e.headers||{},e.data=o(e.data,e.headers,e.transformRequest),e.headers=r.merge(e.headers.common||{},e.headers[e.method]||{},e.headers),r.forEach(["delete","get","head","post","put","patch","common"],(function(t){delete e.headers[t]})),(e.adapter||a.adapter)(e).then((function(t){return u(e),t.data=o(t.data,t.headers,e.transformResponse),t}),(function(t){return i(t)||(u(e),t&&t.response&&(t.response.data=o(t.response.data,t.response.headers,e.transformResponse))),Promise.reject(t)}))}},953:e=>{"use strict";e.exports=function(e,t,n,r,o){return e.config=t,n&&(e.code=n),e.request=r,e.response=o,e.isAxiosError=!0,e.toJSON=function(){return{message:this.message,name:this.name,description:this.description,number:this.number,fileName:this.fileName,lineNumber:this.lineNumber,columnNumber:this.columnNumber,stack:this.stack,config:this.config,code:this.code}},e}},941:(e,t,n)=>{"use strict";var r=n(485);e.exports=function(e,t){t=t||{};var n={},o=["url","method","data"],i=["headers","auth","proxy","params"],a=["baseURL","transformRequest","transformResponse","paramsSerializer","timeout","timeoutMessage","withCredentials","adapter","responseType","xsrfCookieName","xsrfHeaderName","onUploadProgress","onDownloadProgress","decompress","maxContentLength","maxBodyLength","maxRedirects","transport","httpAgent","httpsAgent","cancelToken","socketPath","responseEncoding"],u=["validateStatus"];function s(e,t){return r.isPlainObject(e)&&r.isPlainObject(t)?r.merge(e,t):r.isPlainObject(t)?r.merge({},t):r.isArray(t)?t.slice():t}function c(o){r.isUndefined(t[o])?r.isUndefined(e[o])||(n[o]=s(void 0,e[o])):n[o]=s(e[o],t[o])}r.forEach(o,(function(e){r.isUndefined(t[e])||(n[e]=s(void 0,t[e]))})),r.forEach(i,c),r.forEach(a,(function(o){r.isUndefined(t[o])?r.isUndefined(e[o])||(n[o]=s(void 0,e[o])):n[o]=s(void 0,t[o])})),r.forEach(u,(function(r){r in t?n[r]=s(e[r],t[r]):r in e&&(n[r]=s(void 0,e[r]))}));var l=o.concat(i).concat(a).concat(u),f=Object.keys(e).concat(Object.keys(t)).filter((function(e){return-1===l.indexOf(e)}));return r.forEach(f,c),n}},570:(e,t,n)=>{"use strict";var r=n(524);e.exports=function(e,t,n){var o=n.config.validateStatus;n.status&&o&&!o(n.status)?t(r("Request failed with status code "+n.status,n.config,null,n.request,n)):e(n)}},212:(e,t,n)=>{"use strict";var r=n(485);e.exports=function(e,t,n){return r.forEach(n,(function(n){e=n(e,t)})),e}},141:(e,t,n)=>{"use strict";var r=n(61),o=n(485),i=n(446),a={"Content-Type":"application/x-www-form-urlencoded"};function u(e,t){!o.isUndefined(e)&&o.isUndefined(e["Content-Type"])&&(e["Content-Type"]=t)}var s,c={adapter:(("undefined"!=typeof XMLHttpRequest||void 0!==r&&"[object process]"===Object.prototype.toString.call(r))&&(s=n(387)),s),transformRequest:[function(e,t){return i(t,"Accept"),i(t,"Content-Type"),o.isFormData(e)||o.isArrayBuffer(e)||o.isBuffer(e)||o.isStream(e)||o.isFile(e)||o.isBlob(e)?e:o.isArrayBufferView(e)?e.buffer:o.isURLSearchParams(e)?(u(t,"application/x-www-form-urlencoded;charset=utf-8"),e.toString()):o.isObject(e)?(u(t,"application/json;charset=utf-8"),JSON.stringify(e)):e}],transformResponse:[function(e){if("string"==typeof e)try{e=JSON.parse(e)}catch(e){}return e}],timeout:0,xsrfCookieName:"XSRF-TOKEN",xsrfHeaderName:"X-XSRF-TOKEN",maxContentLength:-1,maxBodyLength:-1,validateStatus:function(e){return e>=200&&e<300}};c.headers={common:{Accept:"application/json, text/plain, */*"}},o.forEach(["delete","get","head"],(function(e){c.headers[e]={}})),o.forEach(["post","put","patch"],(function(e){c.headers[e]=o.merge(a)})),e.exports=c},875:e=>{"use strict";e.exports=function(e,t){return function(){for(var n=new Array(arguments.length),r=0;r<n.length;r++)n[r]=arguments[r];return e.apply(t,n)}}},581:(e,t,n)=>{"use strict";var r=n(485);function o(e){return encodeURIComponent(e).replace(/%3A/gi,":").replace(/%24/g,"$").replace(/%2C/gi,",").replace(/%20/g,"+").replace(/%5B/gi,"[").replace(/%5D/gi,"]")}e.exports=function(e,t,n){if(!t)return e;var i;if(n)i=n(t);else if(r.isURLSearchParams(t))i=t.toString();else{var a=[];r.forEach(t,(function(e,t){null!=e&&(r.isArray(e)?t+="[]":e=[e],r.forEach(e,(function(e){r.isDate(e)?e=e.toISOString():r.isObject(e)&&(e=JSON.stringify(e)),a.push(o(t)+"="+o(e))})))})),i=a.join("&")}if(i){var u=e.indexOf("#");-1!==u&&(e=e.slice(0,u)),e+=(-1===e.indexOf("?")?"?":"&")+i}return e}},288:e=>{"use strict";e.exports=function(e,t){return t?e.replace(/\/+$/,"")+"/"+t.replace(/^\/+/,""):e}},940:(e,t,n)=>{"use strict";var r=n(485);e.exports=r.isStandardBrowserEnv()?{write:function(e,t,n,o,i,a){var u=[];u.push(e+"="+encodeURIComponent(t)),r.isNumber(n)&&u.push("expires="+new Date(n).toGMTString()),r.isString(o)&&u.push("path="+o),r.isString(i)&&u.push("domain="+i),!0===a&&u.push("secure"),document.cookie=u.join("; ")},read:function(e){var t=document.cookie.match(new RegExp("(^|;\\s*)("+e+")=([^;]*)"));return t?decodeURIComponent(t[3]):null},remove:function(e){this.write(e,"",Date.now()-864e5)}}:{write:function(){},read:function(){return null},remove:function(){}}},642:e=>{"use strict";e.exports=function(e){return/^([a-z][a-z\d\+\-\.]*:)?\/\//i.test(e)}},835:e=>{"use strict";e.exports=function(e){return"object"==typeof e&&!0===e.isAxiosError}},338:(e,t,n)=>{"use strict";var r=n(485);e.exports=r.isStandardBrowserEnv()?function(){var e,t=/(msie|trident)/i.test(navigator.userAgent),n=document.createElement("a");function o(e){var r=e;return t&&(n.setAttribute("href",r),r=n.href),n.setAttribute("href",r),{href:n.href,protocol:n.protocol?n.protocol.replace(/:$/,""):"",host:n.host,search:n.search?n.search.replace(/^\?/,""):"",hash:n.hash?n.hash.replace(/^#/,""):"",hostname:n.hostname,port:n.port,pathname:"/"===n.pathname.charAt(0)?n.pathname:"/"+n.pathname}}return e=o(window.location.href),function(t){var n=r.isString(t)?o(t):t;return n.protocol===e.protocol&&n.host===e.host}}():function(){return!0}},446:(e,t,n)=>{"use strict";var r=n(485);e.exports=function(e,t){r.forEach(e,(function(n,r){r!==t&&r.toUpperCase()===t.toUpperCase()&&(e[t]=n,delete e[r])}))}},845:(e,t,n)=>{"use strict";var r=n(485),o=["age","authorization","content-length","content-type","etag","expires","from","host","if-modified-since","if-unmodified-since","last-modified","location","max-forwards","proxy-authorization","referer","retry-after","user-agent"];e.exports=function(e){var t,n,i,a={};return e?(r.forEach(e.split("\n"),(function(e){if(i=e.indexOf(":"),t=r.trim(e.substr(0,i)).toLowerCase(),n=r.trim(e.substr(i+1)),t){if(a[t]&&o.indexOf(t)>=0)return;a[t]="set-cookie"===t?(a[t]?a[t]:[]).concat([n]):a[t]?a[t]+", "+n:n}})),a):a}},739:e=>{"use strict";e.exports=function(e){return function(t){return e.apply(null,t)}}},485:(e,t,n)=>{"use strict";var r=n(875),o=Object.prototype.toString;function i(e){return"[object Array]"===o.call(e)}function a(e){return void 0===e}function u(e){return null!==e&&"object"==typeof e}function s(e){if("[object Object]"!==o.call(e))return!1;var t=Object.getPrototypeOf(e);return null===t||t===Object.prototype}function c(e){return"[object Function]"===o.call(e)}function l(e,t){if(null!=e)if("object"!=typeof e&&(e=[e]),i(e))for(var n=0,r=e.length;n<r;n++)t.call(null,e[n],n,e);else for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.call(null,e[o],o,e)}e.exports={isArray:i,isArrayBuffer:function(e){return"[object ArrayBuffer]"===o.call(e)},isBuffer:function(e){return null!==e&&!a(e)&&null!==e.constructor&&!a(e.constructor)&&"function"==typeof e.constructor.isBuffer&&e.constructor.isBuffer(e)},isFormData:function(e){return"undefined"!=typeof FormData&&e instanceof FormData},isArrayBufferView:function(e){return"undefined"!=typeof ArrayBuffer&&ArrayBuffer.isView?ArrayBuffer.isView(e):e&&e.buffer&&e.buffer instanceof ArrayBuffer},isString:function(e){return"string"==typeof e},isNumber:function(e){return"number"==typeof e},isObject:u,isPlainObject:s,isUndefined:a,isDate:function(e){return"[object Date]"===o.call(e)},isFile:function(e){return"[object File]"===o.call(e)},isBlob:function(e){return"[object Blob]"===o.call(e)},isFunction:c,isStream:function(e){return u(e)&&c(e.pipe)},isURLSearchParams:function(e){return"undefined"!=typeof URLSearchParams&&e instanceof URLSearchParams},isStandardBrowserEnv:function(){return("undefined"==typeof navigator||"ReactNative"!==navigator.product&&"NativeScript"!==navigator.product&&"NS"!==navigator.product)&&("undefined"!=typeof window&&"undefined"!=typeof document)},forEach:l,merge:function e(){var t={};function n(n,r){s(t[r])&&s(n)?t[r]=e(t[r],n):s(n)?t[r]=e({},n):i(n)?t[r]=n.slice():t[r]=n}for(var r=0,o=arguments.length;r<o;r++)l(arguments[r],n);return t},extend:function(e,t,n){return l(t,(function(t,o){e[o]=n&&"function"==typeof t?r(t,n):t})),e},trim:function(e){return e.replace(/^\s*/,"").replace(/\s*$/,"")},stripBOM:function(e){return 65279===e.charCodeAt(0)&&(e=e.slice(1)),e}}},589:(e,t,n)=>{"use strict";const r=wp.element;var o=n(804),i=n.n(o);function a(e){let t;const n=new Set,r=(e,r)=>{const o="function"==typeof e?e(t):e;if(o!==t){const e=t;t=r?o:Object.assign({},t,o),n.forEach((n=>n(t,e)))}},o=()=>t,i={setState:r,getState:o,subscribe:(e,r,i)=>r||i?((e,r=o,i=Object.is)=>{let a=r(t);function u(){const n=r(t);if(!i(a,n)){const t=a;e(a=n,t)}}return n.add(u),()=>n.delete(u)})(e,r,i):(n.add(e),()=>n.delete(e)),destroy:()=>n.clear()};return t=e(r,o,i),i}const u="undefined"==typeof window||!window.navigator||/ServerSideRendering|^Deno\//.test(window.navigator.userAgent)?o.useEffect:o.useLayoutEffect;const s=function(e){const t="function"==typeof e?a(e):e,n=(e=t.getState,n=Object.is)=>{const[,r]=(0,o.useReducer)((e=>e+1),0),i=t.getState(),a=(0,o.useRef)(i),s=(0,o.useRef)(e),c=(0,o.useRef)(n),l=(0,o.useRef)(!1),f=(0,o.useRef)();let d;void 0===f.current&&(f.current=e(i));let p=!1;(a.current!==i||s.current!==e||c.current!==n||l.current)&&(d=e(i),p=!n(f.current,d)),u((()=>{p&&(f.current=d),a.current=i,s.current=e,c.current=n,l.current=!1}));const m=(0,o.useRef)(i);return u((()=>{const e=()=>{try{const e=t.getState(),n=s.current(e);c.current(f.current,n)||(a.current=e,f.current=n,r())}catch(e){l.current=!0,r()}},n=t.subscribe(e);return t.getState()!==m.current&&e(),n}),[]),p?d:f.current};return Object.assign(n,t),n[Symbol.iterator]=function*(){console.warn("[useStore, api] = create() is deprecated and will be removed in v4"),yield n,yield t},n};var c="pattern",l=12;function f(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null==n)return;var r,o,i=[],a=!0,u=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(e){u=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(u)throw o}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return d(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function p(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=window.wp.blocks.createBlock;return e.map((function(e){var n=f(Array.isArray(e)?e:[e.name,e.attributes,e.innerBlocks],3),r=n[0],o=n[1],i=n[2];return t(r,o,p(void 0===i?[]:i))}))}function m(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function v(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?m(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function h(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function y(e){return function(e){if(Array.isArray(e))return b(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return b(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return b(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var x=s((function(e,t){return{templates:[],fetchToken:null,activeTemplate:{},activeTemplateBlocks:{},taxonomyDefaultState:{},searchParams:{taxonomies:{},type:c,search:""},nextPage:"",removeTemplates:function(){return e({nextPage:"",templates:[]})},appendTemplates:function(n){return e({templates:y(new Map([].concat(y(t().templates),y(n)).map((function(e){return[e.id,e]}))).values())})},setupDefaultTaxonomies:function(n){var r=Object.keys(n).reduce((function(e,n){return e[n]=function(e){return function(e,t){return"pattern"===e&&"tax_categories"===t?"Default":""}(t().searchParams.type,e)}(n),e}),{}),o={};o.taxonomies=r,e({taxonomyDefaultState:r,searchParams:v({},Object.assign(t().searchParams,o))})},setActive:function(t){var n;if(e({activeTemplate:t}),null!=t&&null!==(n=t.fields)&&void 0!==n&&n.code){var r=window.wp.blocks.parse;e({activeTemplateBlocks:p(r(t.fields.code))})}},resetTaxonomies:function(){var e={tax_categories:"pattern"===t().searchParams.type?"Default":""};t().updateSearchParams({taxonomies:Object.assign(t().taxonomyDefaultState,e)})},updateTaxonomies:function(e){var n={};n.taxonomies=Object.assign({},t().searchParams.taxonomies,e),t().updateSearchParams(n)},updateSearchParams:function(n){null!=n&&n.taxonomies&&!Object.keys(n.taxonomies).length&&(n.taxonomies=t().taxonomyDefaultState),e({templates:[],nextPage:"",searchParams:v({},Object.assign(t().searchParams,n))})}}})),g=s((function(e){return{open:!1,currentPage:"content",setOpen:function(t){e({open:t}),t&&x.getState().removeTemplates()}}})),w=n(135),k=n.n(w),S=Object.defineProperty,j=Object.prototype.hasOwnProperty,O=Object.getOwnPropertySymbols,C=Object.prototype.propertyIsEnumerable,E=(e,t,n)=>t in e?S(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,P=(e,t)=>{for(var n in t||(t={}))j.call(t,n)&&E(e,n,t[n]);if(O)for(var n of O(t))C.call(t,n)&&E(e,n,t[n]);return e};const I=(e,t)=>(n,r,o)=>{const{name:i,getStorage:a=(()=>localStorage),serialize:u=JSON.stringify,deserialize:s=JSON.parse,blacklist:c,whitelist:l,onRehydrateStorage:f,version:d=0,migrate:p}=t||{};let m;try{m=a()}catch(e){}if(!m)return e(((...e)=>{console.warn(`Persist middleware: unable to update ${i}, the given storage is currently unavailable.`),n(...e)}),r,o);const v=async()=>{const e=P({},r());return l&&Object.keys(e).forEach((t=>{!l.includes(t)&&delete e[t]})),c&&c.forEach((t=>delete e[t])),null==m?void 0:m.setItem(i,await u({state:e,version:d}))},h=o.setState;return o.setState=(e,t)=>{h(e,t),v()},(async()=>{const e=(null==f?void 0:f(r()))||void 0;try{const e=await m.getItem(i);if(e){const t=await s(e);if(t.version!==d){const e=await(null==p?void 0:p(t.state,t.version));e&&(n(e),await v())}else n(t.state)}}catch(t){return void(null==e||e(void 0,t))}null==e||e(r(),void 0)})(),e(((...e)=>{n(...e),v()}),r,o)};var N=n(206),T=n.n(N)().create({baseURL:window.extendifySdkData.root,headers:{"X-WP-Nonce":window.extendifySdkData.nonce,"X-Requested-With":"XMLHttpRequest","X-Extendify":!0}});function _(e){return Object.prototype.hasOwnProperty.call(e,"data")?e.data:e}T.interceptors.response.use((function(e){return function(e){return Object.prototype.hasOwnProperty.call(e,"soft_error")&&window.dispatchEvent(new CustomEvent("extendify-sdk::softerror-encountered",{detail:e.soft_error,bubbles:!0})),e}(_(e))}),(function(e){return function(e){if(e.response)return console.error(e.response),Promise.reject(_(e.response))}(e)})),T.interceptors.request.use((function(e){return function(e){return e.headers["X-Extendify-Dev-Mode"]=window.location.search.indexOf("DEVMODE")>-1,e.headers["X-Extendify-Local-Mode"]=window.location.search.indexOf("LOCALMODE")>-1,e}(function(e){return e.data&&(e.data.remaining_imports=G.getState().remainingImports(),e.data.entry_point=G.getState().entryPoint,e.data.total_imports=G.getState().imports),e}(e))}),(function(e){return e}));var R=function(){return T.get("user")},A=function(e){return T.get("user-meta",{params:{key:e}})},L=function(e,t){var n=new FormData;return n.append("email",e),n.append("key",t),T.post("login",n,{headers:{"Content-Type":"multipart/form-data"}})},D=function(e){var t=new FormData;return t.append("data",JSON.stringify(e)),T.post("user",t,{headers:{"Content-Type":"multipart/form-data"}})};function F(e,t,n,r,o,i,a){try{var u=e[i](a),s=u.value}catch(e){return void n(e)}u.done?t(s):Promise.resolve(s).then(r,o)}function M(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){F(i,r,o,a,u,"next",e)}function u(e){F(i,r,o,a,u,"throw",e)}a(void 0)}))}}var B,U,V={getItem:(U=M(k().mark((function e(){return k().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,R();case 2:return e.abrupt("return",e.sent);case 3:case"end":return e.stop()}}),e)}))),function(){return U.apply(this,arguments)}),setItem:(B=M(k().mark((function e(t,n){return k().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",D(n));case 1:case"end":return e.stop()}}),e)}))),function(e,t){return B.apply(this,arguments)})},G=s(I((function(e,t){return{apiKey:"",imports:0,uuid:"",email:"",allowedImports:0,entryPoint:"not-set",enabled:!0,incrementImports:function(){return e({imports:t().imports+1})},canImport:function(){return!!t().apiKey||Number(t().imports)<Number(t().allowedImports)},remainingImports:function(){if(t().apiKey)return"unlimited";var e=Number(t().allowedImports)-Number(t().imports);return e>0?e:0}}}),{name:"extendify-user",getStorage:function(){return V}}));const H=ReactDOM;function q(){return(q=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function W(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}function K(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function z(e,t){var n;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return K(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?K(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0;return function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}return(n=e[Symbol.iterator]()).next.bind(n)}function $(e,t){if(e in t){for(var n=t[e],r=arguments.length,o=new Array(r>2?r-2:0),i=2;i<r;i++)o[i-2]=arguments[i];return"function"==typeof n?n.apply(void 0,o):n}var a=new Error('Tried to handle "'+e+'" but there is no handler defined. Only defined handlers are: '+Object.keys(t).map((function(e){return'"'+e+'"'})).join(", ")+".");throw Error.captureStackTrace&&Error.captureStackTrace(a,$),a}var Q,Y,J;function X(e){var t=e.props,n=e.slot,r=e.defaultTag,o=e.features,i=e.visible,a=void 0===i||i,u=e.name;if(a)return Z(t,n,r,u);var s=null!=o?o:Q.None;if(s&Q.Static){var c=t.static,l=void 0!==c&&c,f=W(t,["static"]);if(l)return Z(f,n,r,u)}if(s&Q.RenderStrategy){var d,p=t.unmount,m=void 0===p||p,v=W(t,["unmount"]);return $(m?Y.Unmount:Y.Hidden,((d={})[Y.Unmount]=function(){return null},d[Y.Hidden]=function(){return Z(q({},v,{hidden:!0,style:{display:"none"}}),n,r,u)},d))}return Z(t,n,r,u)}function Z(e,t,n,r){var i;void 0===t&&(t={});var a=te(e,["unmount","static"]),u=a.as,s=void 0===u?n:u,c=a.children,l=a.refName,f=void 0===l?"ref":l,d=W(a,["as","children","refName"]),p=void 0!==e.ref?((i={})[f]=e.ref,i):{},m="function"==typeof c?c(t):c;if(d.className&&"function"==typeof d.className&&(d.className=d.className(t)),s===o.Fragment&&Object.keys(d).length>0){if(!(0,o.isValidElement)(m)||Array.isArray(m)&&m.length>1)throw new Error(['Passing props on "Fragment"!',"","The current component <"+r+' /> is rendering a "Fragment".',"However we need to passthrough the following props:",Object.keys(d).map((function(e){return" - "+e})).join("\n"),"","You can apply a few solutions:",['Add an `as="..."` prop, to ensure that we render an actual element instead of a "Fragment".',"Render a single element as the child so that we can forward the props onto that element."].map((function(e){return" - "+e})).join("\n")].join("\n"));return(0,o.cloneElement)(m,Object.assign({},function(e,t,n){for(var r,o=Object.assign({},e),i=function(){var n,i=r.value;void 0!==e[i]&&void 0!==t[i]&&Object.assign(o,((n={})[i]=function(n){n.defaultPrevented||e[i](n),n.defaultPrevented||t[i](n)},n))},a=z(n);!(r=a()).done;)i();return o}(function(e){var t=Object.assign({},e);for(var n in t)void 0===t[n]&&delete t[n];return t}(te(d,["ref"])),m.props,["onClick"]),p))}return(0,o.createElement)(s,Object.assign({},te(d,["ref"]),s!==o.Fragment&&p),m)}function ee(e){var t;return Object.assign((0,o.forwardRef)(e),{displayName:null!=(t=e.displayName)?t:e.name})}function te(e,t){void 0===t&&(t=[]);for(var n,r=Object.assign({},e),o=z(t);!(n=o()).done;){var i=n.value;i in r&&delete r[i]}return r}function ne(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];var r=(0,o.useRef)(t);return(0,o.useEffect)((function(){r.current=t}),[t]),(0,o.useCallback)((function(e){for(var t,n=z(r.current);!(t=n()).done;){var o=t.value;null!=o&&("function"==typeof o?o(e):o.current=e)}}),[r])}function re(e){for(var t,n,r=e.parentElement,o=null;r&&!(r instanceof HTMLFieldSetElement);)r instanceof HTMLLegendElement&&(o=r),r=r.parentElement;var i=null!=(t=""===(null==(n=r)?void 0:n.getAttribute("disabled")))&&t;return(!i||!function(e){if(!e)return!1;var t=e.previousElementSibling;for(;null!==t;){if(t instanceof HTMLLegendElement)return!1;t=t.previousElementSibling}return!0}(o))&&i}!function(e){e[e.None=0]="None",e[e.RenderStrategy=1]="RenderStrategy",e[e.Static=2]="Static"}(Q||(Q={})),function(e){e[e.Unmount=0]="Unmount",e[e.Hidden=1]="Hidden"}(Y||(Y={})),function(e){e.Space=" ",e.Enter="Enter",e.Escape="Escape",e.Backspace="Backspace",e.ArrowLeft="ArrowLeft",e.ArrowUp="ArrowUp",e.ArrowRight="ArrowRight",e.ArrowDown="ArrowDown",e.Home="Home",e.End="End",e.PageUp="PageUp",e.PageDown="PageDown",e.Tab="Tab"}(J||(J={}));var oe="undefined"!=typeof window?o.useLayoutEffect:o.useEffect,ie={serverHandoffComplete:!1};function ae(){var e=(0,o.useState)(ie.serverHandoffComplete),t=e[0],n=e[1];return(0,o.useEffect)((function(){!0!==t&&n(!0)}),[t]),(0,o.useEffect)((function(){!1===ie.serverHandoffComplete&&(ie.serverHandoffComplete=!0)}),[]),t}var ue=0;function se(){return++ue}function ce(){var e=ae(),t=(0,o.useState)(e?se:null),n=t[0],r=t[1];return oe((function(){null===n&&r(se())}),[n]),null!=n?""+n:void 0}var le,fe,de,pe,me,ve=["[contentEditable=true]","[tabindex]","a[href]","area[href]","button:not([disabled])","iframe","input:not([disabled])","select:not([disabled])","textarea:not([disabled])"].map((function(e){return e+":not([tabindex='-1'])"})).join(",");function he(e){return void 0===e&&(e=document.body),null==e?[]:Array.from(e.querySelectorAll(ve))}function ye(e,t){var n;return void 0===t&&(t=pe.Strict),e!==document.body&&$(t,((n={})[pe.Strict]=function(){return e.matches(ve)},n[pe.Loose]=function(){for(var t=e;null!==t;){if(t.matches(ve))return!0;t=t.parentElement}return!1},n))}function be(e){null==e||e.focus({preventScroll:!0})}function xe(e,t){var n=Array.isArray(e)?e:he(e),r=document.activeElement,o=function(){if(t&(le.First|le.Next))return de.Next;if(t&(le.Previous|le.Last))return de.Previous;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")}(),i=function(){if(t&le.First)return 0;if(t&le.Previous)return Math.max(0,n.indexOf(r))-1;if(t&le.Next)return Math.max(0,n.indexOf(r))+1;if(t&le.Last)return n.length-1;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")}(),a=t&le.NoScroll?{preventScroll:!0}:{},u=0,s=n.length,c=void 0;do{var l;if(u>=s||u+s<=0)return fe.Error;var f=i+u;if(t&le.WrapAround)f=(f+s)%s;else{if(f<0)return fe.Underflow;if(f>=s)return fe.Overflow}null==(l=c=n[f])||l.focus(a),u+=o}while(c!==document.activeElement);return c.hasAttribute("tabindex")||c.setAttribute("tabindex","0"),fe.Success}function ge(e,t,n){var r=(0,o.useRef)(t);r.current=t,(0,o.useEffect)((function(){function t(e){r.current.call(window,e)}return window.addEventListener(e,t,n),function(){return window.removeEventListener(e,t,n)}}),[e,n])}function we(){var e=(0,o.useRef)(!1);return(0,o.useEffect)((function(){return e.current=!0,function(){e.current=!1}}),[]),e}function ke(e,t,n){void 0===t&&(t=me.All);var r=void 0===n?{}:n,i=r.initialFocus,a=r.containers,u=(0,o.useRef)("undefined"!=typeof window?document.activeElement:null),s=(0,o.useRef)(null),c=we(),l=Boolean(t&me.RestoreFocus),f=Boolean(t&me.InitialFocus);(0,o.useEffect)((function(){l&&(u.current=document.activeElement)}),[l]),(0,o.useEffect)((function(){if(l)return function(){be(u.current),u.current=null}}),[l]),(0,o.useEffect)((function(){if(f&&e.current){var t=document.activeElement;if(null==i?void 0:i.current){if((null==i?void 0:i.current)===t)return void(s.current=t)}else if(e.current.contains(t))return void(s.current=t);if(null==i?void 0:i.current)be(i.current);else if(xe(e.current,le.First)===fe.Error)throw new Error("There are no focusable elements inside the <FocusTrap />");s.current=document.activeElement}}),[e,i,f]),ge("keydown",(function(n){t&me.TabLock&&e.current&&n.key===J.Tab&&(n.preventDefault(),xe(e.current,(n.shiftKey?le.Previous:le.Next)|le.WrapAround)===fe.Success&&(s.current=document.activeElement))})),ge("focus",(function(n){if(t&me.FocusLock){var r=new Set(null==a?void 0:a.current);if(r.add(e),r.size){var o=s.current;if(o&&c.current){var i=n.target;i&&i instanceof HTMLElement?!function(e,t){for(var n,r=z(e);!(n=r()).done;){var o;if(null==(o=n.value.current)?void 0:o.contains(t))return!0}return!1}(r,i)?(n.preventDefault(),n.stopPropagation(),be(o)):(s.current=i,be(i)):be(s.current)}}}}),!0)}!function(e){e[e.First=1]="First",e[e.Previous=2]="Previous",e[e.Next=4]="Next",e[e.Last=8]="Last",e[e.WrapAround=16]="WrapAround",e[e.NoScroll=32]="NoScroll"}(le||(le={})),function(e){e[e.Error=0]="Error",e[e.Overflow=1]="Overflow",e[e.Success=2]="Success",e[e.Underflow=3]="Underflow"}(fe||(fe={})),function(e){e[e.Previous=-1]="Previous",e[e.Next=1]="Next"}(de||(de={})),function(e){e[e.Strict=0]="Strict",e[e.Loose=1]="Loose"}(pe||(pe={})),function(e){e[e.None=1]="None",e[e.InitialFocus=2]="InitialFocus",e[e.TabLock=4]="TabLock",e[e.FocusLock=8]="FocusLock",e[e.RestoreFocus=16]="RestoreFocus",e[e.All=30]="All"}(me||(me={}));var Se=new Set,je=new Map;function Oe(e){e.setAttribute("aria-hidden","true"),e.inert=!0}function Ce(e){var t=je.get(e);t&&(null===t["aria-hidden"]?e.removeAttribute("aria-hidden"):e.setAttribute("aria-hidden",t["aria-hidden"]),e.inert=t.inert)}var Ee=(0,o.createContext)(!1);function Pe(e){return i().createElement(Ee.Provider,{value:e.force},e.children)}function Ie(){var e=(0,o.useContext)(Ee),t=(0,o.useContext)(Re),n=(0,o.useState)((function(){if(!e&&null!==t)return null;if("undefined"==typeof window)return null;var n=document.getElementById("headlessui-portal-root");if(n)return n;var r=document.createElement("div");return r.setAttribute("id","headlessui-portal-root"),document.body.appendChild(r)})),r=n[0],i=n[1];return(0,o.useEffect)((function(){e||null!==t&&i(t.current)}),[t,i,e]),r}var Ne=o.Fragment;function Te(e){var t=e,n=Ie(),r=(0,o.useState)((function(){return"undefined"==typeof window?null:document.createElement("div")}))[0],i=ae();return oe((function(){if(n&&r)return n.appendChild(r),function(){var e;n&&(r&&(n.removeChild(r),n.childNodes.length<=0&&(null==(e=n.parentElement)||e.removeChild(n))))}}),[n,r]),i&&n&&r?(0,H.createPortal)(X({props:t,defaultTag:Ne,name:"Portal"}),r):null}var _e=o.Fragment,Re=(0,o.createContext)(null);Te.Group=function(e){var t=e.target,n=W(e,["target"]);return i().createElement(Re.Provider,{value:t},X({props:n,defaultTag:_e,name:"Popover.Group"}))};var Ae=(0,o.createContext)(null);function Le(){var e=(0,o.useContext)(Ae);if(null===e){var t=new Error("You used a <Description /> component, but it is not inside a relevant parent.");throw Error.captureStackTrace&&Error.captureStackTrace(t,Le),t}return e}function De(){var e=(0,o.useState)([]),t=e[0],n=e[1];return[t.length>0?t.join(" "):void 0,(0,o.useMemo)((function(){return function(e){var t=(0,o.useCallback)((function(e){return n((function(t){return[].concat(t,[e])})),function(){return n((function(t){var n=t.slice(),r=n.indexOf(e);return-1!==r&&n.splice(r,1),n}))}}),[]),r=(0,o.useMemo)((function(){return{register:t,slot:e.slot,name:e.name,props:e.props}}),[t,e.slot,e.name,e.props]);return i().createElement(Ae.Provider,{value:r},e.children)}}),[n])]}function Fe(e){var t=Le(),n="headlessui-description-"+ce();oe((function(){return t.register(n)}),[n,t.register]);var r=e,o=q({},t.props,{id:n});return X({props:q({},r,o),slot:t.slot||{},defaultTag:"p",name:t.name||"Description"})}var Me,Be=(0,o.createContext)(null);function Ue(){return(0,o.useContext)(Be)}function Ve(e){var t=e.value,n=e.children;return i().createElement(Be.Provider,{value:t},n)}Be.displayName="OpenClosedContext",function(e){e[e.Open=0]="Open",e[e.Closed=1]="Closed"}(Me||(Me={}));var Ge,He,qe,We,Ke=(0,o.createContext)((function(){}));function ze(e){var t=e.children,n=e.onUpdate,r=e.type,a=e.element,u=(0,o.useContext)(Ke),s=(0,o.useCallback)((function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];null==n||n.apply(void 0,t),u.apply(void 0,t)}),[u,n]);return oe((function(){return s(Ge.Add,r,a),function(){return s(Ge.Remove,r,a)}}),[s,r,a]),i().createElement(Ke.Provider,{value:s},t)}Ke.displayName="StackContext",function(e){e[e.Add=0]="Add",e[e.Remove=1]="Remove"}(Ge||(Ge={})),function(e){e[e.Open=0]="Open",e[e.Closed=1]="Closed"}(qe||(qe={})),function(e){e[e.SetTitleId=0]="SetTitleId"}(We||(We={}));var $e=((He={})[We.SetTitleId]=function(e,t){return e.titleId===t.id?e:q({},e,{titleId:t.id})},He),Qe=(0,o.createContext)(null);function Ye(e){var t=(0,o.useContext)(Qe);if(null===t){var n=new Error("<"+e+" /> is missing a parent <"+ot.displayName+" /> component.");throw Error.captureStackTrace&&Error.captureStackTrace(n,Ye),n}return t}function Je(e,t){return $(t.type,$e,e,t)}Qe.displayName="DialogContext";var Xe=Q.RenderStrategy|Q.Static,Ze=ee((function(e,t){var n,r=e.open,a=e.onClose,u=e.initialFocus,s=W(e,["open","onClose","initialFocus"]),c=(0,o.useState)(0),l=c[0],f=c[1],d=Ue();void 0===r&&null!==d&&(r=$(d,((n={})[Me.Open]=!0,n[Me.Closed]=!1,n)));var p=(0,o.useRef)(new Set),m=(0,o.useRef)(null),v=ne(m,t),h=e.hasOwnProperty("open")||null!==d,y=e.hasOwnProperty("onClose");if(!h&&!y)throw new Error("You have to provide an `open` and an `onClose` prop to the `Dialog` component.");if(!h)throw new Error("You provided an `onClose` prop to the `Dialog`, but forgot an `open` prop.");if(!y)throw new Error("You provided an `open` prop to the `Dialog`, but forgot an `onClose` prop.");if("boolean"!=typeof r)throw new Error("You provided an `open` prop to the `Dialog`, but the value is not a boolean. Received: "+r);if("function"!=typeof a)throw new Error("You provided an `onClose` prop to the `Dialog`, but the value is not a function. Received: "+a);var b=r?qe.Open:qe.Closed,x=null!==d?d===Me.Open:b===qe.Open,g=(0,o.useReducer)(Je,{titleId:null,descriptionId:null}),w=g[0],k=g[1],S=(0,o.useCallback)((function(){return a(!1)}),[a]),j=(0,o.useCallback)((function(e){return k({type:We.SetTitleId,id:e})}),[k]),O=ae()&&b===qe.Open,C=l>1,E=null!==(0,o.useContext)(Qe);ke(m,O?$(C?"parent":"leaf",{parent:me.RestoreFocus,leaf:me.All}):me.None,{initialFocus:u,containers:p}),function(e,t){void 0===t&&(t=!0),oe((function(){if(t&&e.current){var n=e.current;Se.add(n);for(var r,o=z(je.keys());!(r=o()).done;){var i=r.value;i.contains(n)&&(Ce(i),je.delete(i))}return document.querySelectorAll("body > *").forEach((function(e){if(e instanceof HTMLElement){for(var t,n=z(Se);!(t=n()).done;){var r=t.value;if(e.contains(r))return}1===Se.size&&(je.set(e,{"aria-hidden":e.getAttribute("aria-hidden"),inert:e.inert}),Oe(e))}})),function(){if(Se.delete(n),Se.size>0)document.querySelectorAll("body > *").forEach((function(e){if(e instanceof HTMLElement&&!je.has(e)){for(var t,n=z(Se);!(t=n()).done;){var r=t.value;if(e.contains(r))return}je.set(e,{"aria-hidden":e.getAttribute("aria-hidden"),inert:e.inert}),Oe(e)}}));else for(var e,t=z(je.keys());!(e=t()).done;){var r=e.value;Ce(r),je.delete(r)}}}}),[t])}(m,!!C&&O),ge("mousedown",(function(e){var t,n=e.target;b===qe.Open&&(C||(null==(t=m.current)?void 0:t.contains(n))||S())})),(0,o.useEffect)((function(){if(b===qe.Open&&!E){var e=document.documentElement.style.overflow,t=document.documentElement.style.paddingRight,n=window.innerWidth-document.documentElement.clientWidth;return document.documentElement.style.overflow="hidden",document.documentElement.style.paddingRight=n+"px",function(){document.documentElement.style.overflow=e,document.documentElement.style.paddingRight=t}}}),[b,E]),(0,o.useEffect)((function(){if(b===qe.Open&&m.current){var e=new IntersectionObserver((function(e){for(var t,n=z(e);!(t=n()).done;){var r=t.value;0===r.boundingClientRect.x&&0===r.boundingClientRect.y&&0===r.boundingClientRect.width&&0===r.boundingClientRect.height&&S()}}));return e.observe(m.current),function(){return e.disconnect()}}}),[b,m,S]);var P=De(),I=P[0],N=P[1],T="headlessui-dialog-"+ce(),_=(0,o.useMemo)((function(){return[{dialogState:b,close:S,setTitleId:j},w]}),[b,w,S,j]),R=(0,o.useMemo)((function(){return{open:b===qe.Open}}),[b]),A={ref:v,id:T,role:"dialog","aria-modal":b===qe.Open||void 0,"aria-labelledby":w.titleId,"aria-describedby":I,onClick:function(e){e.stopPropagation()},onKeyDown:function(e){e.key===J.Escape&&b===qe.Open&&(C||(e.preventDefault(),e.stopPropagation(),S()))}},L=s;return i().createElement(ze,{type:"Dialog",element:m,onUpdate:(0,o.useCallback)((function(e,t,n){var r;"Dialog"===t&&$(e,((r={})[Ge.Add]=function(){p.current.add(n),f((function(e){return e+1}))},r[Ge.Remove]=function(){p.current.add(n),f((function(e){return e-1}))},r))}),[])},i().createElement(Pe,{force:!0},i().createElement(Te,null,i().createElement(Qe.Provider,{value:_},i().createElement(Te.Group,{target:m},i().createElement(Pe,{force:!1},i().createElement(N,{slot:R,name:"Dialog.Description"},X({props:q({},L,A),slot:R,defaultTag:"div",features:Xe,visible:x,name:"Dialog"}))))))))})),et=ee((function e(t,n){var r=Ye([ot.displayName,e.name].join("."))[0],i=r.dialogState,a=r.close,u=ne(n),s="headlessui-dialog-overlay-"+ce(),c=(0,o.useCallback)((function(e){if(re(e.currentTarget))return e.preventDefault();e.preventDefault(),e.stopPropagation(),a()}),[a]),l=(0,o.useMemo)((function(){return{open:i===qe.Open}}),[i]);return X({props:q({},t,{ref:u,id:s,"aria-hidden":!0,onClick:c}),slot:l,defaultTag:"div",name:"Dialog.Overlay"})}));var tt,nt,rt,ot=Object.assign(Ze,{Overlay:et,Title:function e(t){var n=Ye([ot.displayName,e.name].join("."))[0],r=n.dialogState,i=n.setTitleId,a="headlessui-dialog-title-"+ce();(0,o.useEffect)((function(){return i(a),function(){return i(null)}}),[a,i]);var u=(0,o.useMemo)((function(){return{open:r===qe.Open}}),[r]);return X({props:q({},t,{id:a}),slot:u,defaultTag:"h2",name:"Dialog.Title"})},Description:Fe});!function(e){e[e.Open=0]="Open",e[e.Closed=1]="Closed"}(nt||(nt={})),function(e){e[e.ToggleDisclosure=0]="ToggleDisclosure",e[e.SetButtonId=1]="SetButtonId",e[e.SetPanelId=2]="SetPanelId",e[e.LinkPanel=3]="LinkPanel",e[e.UnlinkPanel=4]="UnlinkPanel"}(rt||(rt={}));var it=((tt={})[rt.ToggleDisclosure]=function(e){var t;return q({},e,{disclosureState:$(e.disclosureState,(t={},t[nt.Open]=nt.Closed,t[nt.Closed]=nt.Open,t))})},tt[rt.LinkPanel]=function(e){return!0===e.linkedPanel?e:q({},e,{linkedPanel:!0})},tt[rt.UnlinkPanel]=function(e){return!1===e.linkedPanel?e:q({},e,{linkedPanel:!1})},tt[rt.SetButtonId]=function(e,t){return e.buttonId===t.buttonId?e:q({},e,{buttonId:t.buttonId})},tt[rt.SetPanelId]=function(e,t){return e.panelId===t.panelId?e:q({},e,{panelId:t.panelId})},tt),at=(0,o.createContext)(null);function ut(e){var t=(0,o.useContext)(at);if(null===t){var n=new Error("<"+e+" /> is missing a parent <"+lt.name+" /> component.");throw Error.captureStackTrace&&Error.captureStackTrace(n,ut),n}return t}function st(e,t){return $(t.type,it,e,t)}at.displayName="DisclosureContext";var ct=o.Fragment;function lt(e){var t,n=e.defaultOpen,r=void 0!==n&&n,a=W(e,["defaultOpen"]),u="headlessui-disclosure-button-"+ce(),s="headlessui-disclosure-panel-"+ce(),c=(0,o.useReducer)(st,{disclosureState:r?nt.Open:nt.Closed,linkedPanel:!1,buttonId:u,panelId:s}),l=c[0].disclosureState,f=c[1];(0,o.useEffect)((function(){return f({type:rt.SetButtonId,buttonId:u})}),[u,f]),(0,o.useEffect)((function(){return f({type:rt.SetPanelId,panelId:s})}),[s,f]);var d=(0,o.useMemo)((function(){return{open:l===nt.Open}}),[l]);return i().createElement(at.Provider,{value:c},i().createElement(Ve,{value:$(l,(t={},t[nt.Open]=Me.Open,t[nt.Closed]=Me.Closed,t))},X({props:a,slot:d,defaultTag:ct,name:"Disclosure"})))}var ft=ee((function e(t,n){var r=ut([lt.name,e.name].join(".")),i=r[0],a=r[1],u=ne(n),s=(0,o.useCallback)((function(e){switch(e.key){case J.Space:case J.Enter:e.preventDefault(),e.stopPropagation(),a({type:rt.ToggleDisclosure})}}),[a]),c=(0,o.useCallback)((function(e){switch(e.key){case J.Space:e.preventDefault()}}),[]),l=(0,o.useCallback)((function(e){re(e.currentTarget)||t.disabled||a({type:rt.ToggleDisclosure})}),[a,t.disabled]),f=(0,o.useMemo)((function(){return{open:i.disclosureState===nt.Open}}),[i]);return X({props:q({},t,{ref:u,id:i.buttonId,type:"button","aria-expanded":i.disclosureState===nt.Open||void 0,"aria-controls":i.linkedPanel?i.panelId:void 0,onKeyDown:s,onKeyUp:c,onClick:l}),slot:f,defaultTag:"button",name:"Disclosure.Button"})})),dt=Q.RenderStrategy|Q.Static,pt=ee((function e(t,n){var r=ut([lt.name,e.name].join(".")),i=r[0],a=r[1],u=ne(n,(function(){i.linkedPanel||a({type:rt.LinkPanel})})),s=Ue(),c=null!==s?s===Me.Open:i.disclosureState===nt.Open;(0,o.useEffect)((function(){return function(){return a({type:rt.UnlinkPanel})}}),[a]),(0,o.useEffect)((function(){var e;i.disclosureState!==nt.Closed||null!=(e=t.unmount)&&!e||a({type:rt.UnlinkPanel})}),[i.disclosureState,t.unmount,a]);var l=(0,o.useMemo)((function(){return{open:i.disclosureState===nt.Open}}),[i]),f={ref:u,id:i.panelId};return X({props:q({},t,f),slot:l,defaultTag:"div",features:dt,visible:c,name:"Disclosure.Panel"})}));lt.Button=ft,lt.Panel=pt;var mt,vt,ht,yt;function bt(){var e=[],t={requestAnimationFrame:function(e){function t(){return e.apply(this,arguments)}return t.toString=function(){return e.toString()},t}((function(){var e=requestAnimationFrame.apply(void 0,arguments);t.add((function(){return cancelAnimationFrame(e)}))})),nextFrame:function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];t.requestAnimationFrame((function(){t.requestAnimationFrame.apply(t,n)}))},setTimeout:function(e){function t(){return e.apply(this,arguments)}return t.toString=function(){return e.toString()},t}((function(){var e=setTimeout.apply(void 0,arguments);t.add((function(){return clearTimeout(e)}))})),add:function(t){e.push(t)},dispose:function(){for(var t,n=z(e.splice(0));!(t=n()).done;){var r=t.value;r()}}};return t}function xt(){var e=(0,o.useState)(bt)[0];return(0,o.useEffect)((function(){return function(){return e.dispose()}}),[e]),e}function gt(e,t){var n=(0,o.useState)(e),r=n[0],i=n[1],a=(0,o.useRef)(e);return oe((function(){a.current=e}),[e]),oe((function(){return i(a.current)}),[a,i].concat(t)),r}function wt(e,t){var n=t.resolveItems();if(n.length<=0)return null;var r=t.resolveActiveIndex(),o=null!=r?r:-1,i=function(){switch(e.focus){case mt.First:return n.findIndex((function(e){return!t.resolveDisabled(e)}));case mt.Previous:var r=n.slice().reverse().findIndex((function(e,n,r){return!(-1!==o&&r.length-n-1>=o)&&!t.resolveDisabled(e)}));return-1===r?r:n.length-1-r;case mt.Next:return n.findIndex((function(e,n){return!(n<=o)&&!t.resolveDisabled(e)}));case mt.Last:var i=n.slice().reverse().findIndex((function(e){return!t.resolveDisabled(e)}));return-1===i?i:n.length-1-i;case mt.Specific:return n.findIndex((function(n){return t.resolveId(n)===e.id}));case mt.Nothing:return null;default:!function(e){throw new Error("Unexpected object: "+e)}(e)}}();return-1===i?r:i}!function(e){e[e.First=0]="First",e[e.Previous=1]="Previous",e[e.Next=2]="Next",e[e.Last=3]="Last",e[e.Specific=4]="Specific",e[e.Nothing=5]="Nothing"}(mt||(mt={})),function(e){e[e.Open=0]="Open",e[e.Closed=1]="Closed"}(ht||(ht={})),function(e){e[e.OpenListbox=0]="OpenListbox",e[e.CloseListbox=1]="CloseListbox",e[e.SetDisabled=2]="SetDisabled",e[e.GoToOption=3]="GoToOption",e[e.Search=4]="Search",e[e.ClearSearch=5]="ClearSearch",e[e.RegisterOption=6]="RegisterOption",e[e.UnregisterOption=7]="UnregisterOption"}(yt||(yt={}));var kt=((vt={})[yt.CloseListbox]=function(e){return e.disabled||e.listboxState===ht.Closed?e:q({},e,{activeOptionIndex:null,listboxState:ht.Closed})},vt[yt.OpenListbox]=function(e){return e.disabled||e.listboxState===ht.Open?e:q({},e,{listboxState:ht.Open})},vt[yt.SetDisabled]=function(e,t){return e.disabled===t.disabled?e:q({},e,{disabled:t.disabled})},vt[yt.GoToOption]=function(e,t){if(e.disabled)return e;if(e.listboxState===ht.Closed)return e;var n=wt(t,{resolveItems:function(){return e.options},resolveActiveIndex:function(){return e.activeOptionIndex},resolveId:function(e){return e.id},resolveDisabled:function(e){return e.dataRef.current.disabled}});return""===e.searchQuery&&e.activeOptionIndex===n?e:q({},e,{searchQuery:"",activeOptionIndex:n})},vt[yt.Search]=function(e,t){if(e.disabled)return e;if(e.listboxState===ht.Closed)return e;var n=e.searchQuery+t.value.toLowerCase(),r=e.options.findIndex((function(e){var t;return!e.dataRef.current.disabled&&(null==(t=e.dataRef.current.textValue)?void 0:t.startsWith(n))}));return-1===r||r===e.activeOptionIndex?q({},e,{searchQuery:n}):q({},e,{searchQuery:n,activeOptionIndex:r})},vt[yt.ClearSearch]=function(e){return e.disabled||e.listboxState===ht.Closed||""===e.searchQuery?e:q({},e,{searchQuery:""})},vt[yt.RegisterOption]=function(e,t){return q({},e,{options:[].concat(e.options,[{id:t.id,dataRef:t.dataRef}])})},vt[yt.UnregisterOption]=function(e,t){var n=e.options.slice(),r=null!==e.activeOptionIndex?n[e.activeOptionIndex]:null,o=n.findIndex((function(e){return e.id===t.id}));return-1!==o&&n.splice(o,1),q({},e,{options:n,activeOptionIndex:o===e.activeOptionIndex||null===r?null:n.indexOf(r)})},vt),St=(0,o.createContext)(null);function jt(e){var t=(0,o.useContext)(St);if(null===t){var n=new Error("<"+e+" /> is missing a parent <"+Et.name+" /> component.");throw Error.captureStackTrace&&Error.captureStackTrace(n,jt),n}return t}function Ot(e,t){return $(t.type,kt,e,t)}St.displayName="ListboxContext";var Ct=o.Fragment;function Et(e){var t,n=e.value,r=e.onChange,a=e.disabled,u=void 0!==a&&a,s=W(e,["value","onChange","disabled"]),c=(0,o.useReducer)(Ot,{listboxState:ht.Closed,propsRef:{current:{value:n,onChange:r}},labelRef:(0,o.createRef)(),buttonRef:(0,o.createRef)(),optionsRef:(0,o.createRef)(),disabled:u,options:[],searchQuery:"",activeOptionIndex:null}),l=c[0],f=l.listboxState,d=l.propsRef,p=l.optionsRef,m=l.buttonRef,v=c[1];oe((function(){d.current.value=n}),[n,d]),oe((function(){d.current.onChange=r}),[r,d]),oe((function(){return v({type:yt.SetDisabled,disabled:u})}),[u]),ge("mousedown",(function(e){var t,n,r,o=e.target;f===ht.Open&&((null==(t=m.current)?void 0:t.contains(o))||(null==(n=p.current)?void 0:n.contains(o))||(v({type:yt.CloseListbox}),ye(o,pe.Loose)||(e.preventDefault(),null==(r=m.current)||r.focus())))}));var h=(0,o.useMemo)((function(){return{open:f===ht.Open,disabled:u}}),[f,u]);return i().createElement(St.Provider,{value:c},i().createElement(Ve,{value:$(f,(t={},t[ht.Open]=Me.Open,t[ht.Closed]=Me.Closed,t))},X({props:s,slot:h,defaultTag:Ct,name:"Listbox"})))}var Pt=ee((function e(t,n){var r,i=jt([Et.name,e.name].join(".")),a=i[0],u=i[1],s=ne(a.buttonRef,n),c="headlessui-listbox-button-"+ce(),l=xt(),f=(0,o.useCallback)((function(e){switch(e.key){case J.Space:case J.Enter:case J.ArrowDown:e.preventDefault(),u({type:yt.OpenListbox}),l.nextFrame((function(){a.propsRef.current.value||u({type:yt.GoToOption,focus:mt.First})}));break;case J.ArrowUp:e.preventDefault(),u({type:yt.OpenListbox}),l.nextFrame((function(){a.propsRef.current.value||u({type:yt.GoToOption,focus:mt.Last})}))}}),[u,a,l]),d=(0,o.useCallback)((function(e){switch(e.key){case J.Space:e.preventDefault()}}),[]),p=(0,o.useCallback)((function(e){if(re(e.currentTarget))return e.preventDefault();a.listboxState===ht.Open?(u({type:yt.CloseListbox}),l.nextFrame((function(){var e;return null==(e=a.buttonRef.current)?void 0:e.focus({preventScroll:!0})}))):(e.preventDefault(),u({type:yt.OpenListbox}))}),[u,l,a]),m=gt((function(){if(a.labelRef.current)return[a.labelRef.current.id,c].join(" ")}),[a.labelRef.current,c]),v=(0,o.useMemo)((function(){return{open:a.listboxState===ht.Open,disabled:a.disabled}}),[a]);return X({props:q({},t,{ref:s,id:c,type:"button","aria-haspopup":!0,"aria-controls":null==(r=a.optionsRef.current)?void 0:r.id,"aria-expanded":a.listboxState===ht.Open||void 0,"aria-labelledby":m,disabled:a.disabled,onKeyDown:f,onKeyUp:d,onClick:p}),slot:v,defaultTag:"button",name:"Listbox.Button"})}));var It,Nt,Tt,_t=Q.RenderStrategy|Q.Static,Rt=ee((function e(t,n){var r,i=jt([Et.name,e.name].join(".")),a=i[0],u=i[1],s=ne(a.optionsRef,n),c="headlessui-listbox-options-"+ce(),l=xt(),f=xt(),d=Ue(),p=null!==d?d===Me.Open:a.listboxState===ht.Open;oe((function(){var e=a.optionsRef.current;e&&a.listboxState===ht.Open&&e!==document.activeElement&&e.focus({preventScroll:!0})}),[a.listboxState,a.optionsRef]);var m=(0,o.useCallback)((function(e){switch(f.dispose(),e.key){case J.Space:if(""!==a.searchQuery)return e.preventDefault(),e.stopPropagation(),u({type:yt.Search,value:e.key});case J.Enter:if(e.preventDefault(),e.stopPropagation(),u({type:yt.CloseListbox}),null!==a.activeOptionIndex){var t=a.options[a.activeOptionIndex].dataRef;a.propsRef.current.onChange(t.current.value)}bt().nextFrame((function(){var e;return null==(e=a.buttonRef.current)?void 0:e.focus({preventScroll:!0})}));break;case J.ArrowDown:return e.preventDefault(),e.stopPropagation(),u({type:yt.GoToOption,focus:mt.Next});case J.ArrowUp:return e.preventDefault(),e.stopPropagation(),u({type:yt.GoToOption,focus:mt.Previous});case J.Home:case J.PageUp:return e.preventDefault(),e.stopPropagation(),u({type:yt.GoToOption,focus:mt.First});case J.End:case J.PageDown:return e.preventDefault(),e.stopPropagation(),u({type:yt.GoToOption,focus:mt.Last});case J.Escape:return e.preventDefault(),e.stopPropagation(),u({type:yt.CloseListbox}),l.nextFrame((function(){var e;return null==(e=a.buttonRef.current)?void 0:e.focus({preventScroll:!0})}));case J.Tab:e.preventDefault(),e.stopPropagation();break;default:1===e.key.length&&(u({type:yt.Search,value:e.key}),f.setTimeout((function(){return u({type:yt.ClearSearch})}),350))}}),[l,u,f,a]),v=gt((function(){var e,t,n;return null!=(e=null==(t=a.labelRef.current)?void 0:t.id)?e:null==(n=a.buttonRef.current)?void 0:n.id}),[a.labelRef.current,a.buttonRef.current]),h=(0,o.useMemo)((function(){return{open:a.listboxState===ht.Open}}),[a]);return X({props:q({},t,{"aria-activedescendant":null===a.activeOptionIndex||null==(r=a.options[a.activeOptionIndex])?void 0:r.id,"aria-labelledby":v,id:c,onKeyDown:m,role:"listbox",tabIndex:0,ref:s}),slot:h,defaultTag:"ul",features:_t,visible:p,name:"Listbox.Options"})}));function At(e){var t=e.container,n=e.accept,r=e.walk,i=e.enabled,a=void 0===i||i,u=(0,o.useRef)(n),s=(0,o.useRef)(r);(0,o.useEffect)((function(){u.current=n,s.current=r}),[n,r]),oe((function(){if(t&&a)for(var e=u.current,n=s.current,r=Object.assign((function(t){return e(t)}),{acceptNode:e}),o=document.createTreeWalker(t,NodeFilter.SHOW_ELEMENT,r,!1);o.nextNode();)n(o.currentNode)}),[t,a,u,s])}Et.Button=Pt,Et.Label=function e(t){var n=jt([Et.name,e.name].join("."))[0],r="headlessui-listbox-label-"+ce(),i=(0,o.useCallback)((function(){var e;return null==(e=n.buttonRef.current)?void 0:e.focus({preventScroll:!0})}),[n.buttonRef]),a=(0,o.useMemo)((function(){return{open:n.listboxState===ht.Open,disabled:n.disabled}}),[n]);return X({props:q({},t,{ref:n.labelRef,id:r,onClick:i}),slot:a,defaultTag:"label",name:"Listbox.Label"})},Et.Options=Rt,Et.Option=function e(t){var n=t.disabled,r=void 0!==n&&n,i=t.value,a=W(t,["disabled","value"]),u=jt([Et.name,e.name].join(".")),s=u[0],c=u[1],l="headlessui-listbox-option-"+ce(),f=null!==s.activeOptionIndex&&s.options[s.activeOptionIndex].id===l,d=s.propsRef.current.value===i,p=(0,o.useRef)({disabled:r,value:i});oe((function(){p.current.disabled=r}),[p,r]),oe((function(){p.current.value=i}),[p,i]),oe((function(){var e,t;p.current.textValue=null==(e=document.getElementById(l))||null==(t=e.textContent)?void 0:t.toLowerCase()}),[p,l]);var m=(0,o.useCallback)((function(){return s.propsRef.current.onChange(i)}),[s.propsRef,i]);oe((function(){return c({type:yt.RegisterOption,id:l,dataRef:p}),function(){return c({type:yt.UnregisterOption,id:l})}}),[p,l]),oe((function(){var e;s.listboxState===ht.Open&&d&&(c({type:yt.GoToOption,focus:mt.Specific,id:l}),null==(e=document.getElementById(l))||null==e.focus||e.focus())}),[s.listboxState]),oe((function(){if(s.listboxState===ht.Open&&f){var e=bt();return e.nextFrame((function(){var e;return null==(e=document.getElementById(l))||null==e.scrollIntoView?void 0:e.scrollIntoView({block:"nearest"})})),e.dispose}}),[l,f,s.listboxState]);var v=(0,o.useCallback)((function(e){if(r)return e.preventDefault();m(),c({type:yt.CloseListbox}),bt().nextFrame((function(){var e;return null==(e=s.buttonRef.current)?void 0:e.focus({preventScroll:!0})}))}),[c,s.buttonRef,r,m]),h=(0,o.useCallback)((function(){if(r)return c({type:yt.GoToOption,focus:mt.Nothing});c({type:yt.GoToOption,focus:mt.Specific,id:l})}),[r,l,c]),y=(0,o.useCallback)((function(){r||f||c({type:yt.GoToOption,focus:mt.Specific,id:l})}),[r,f,l,c]),b=(0,o.useCallback)((function(){r||f&&c({type:yt.GoToOption,focus:mt.Nothing})}),[r,f,c]),x=(0,o.useMemo)((function(){return{active:f,selected:d,disabled:r}}),[f,d,r]);return X({props:q({},a,{id:l,role:"option",tabIndex:-1,"aria-disabled":!0===r||void 0,"aria-selected":!0===d||void 0,onClick:v,onFocus:h,onPointerMove:y,onMouseMove:y,onPointerLeave:b,onMouseLeave:b}),slot:x,defaultTag:"li",name:"Listbox.Option"})},function(e){e[e.Open=0]="Open",e[e.Closed=1]="Closed"}(Nt||(Nt={})),function(e){e[e.OpenMenu=0]="OpenMenu",e[e.CloseMenu=1]="CloseMenu",e[e.GoToItem=2]="GoToItem",e[e.Search=3]="Search",e[e.ClearSearch=4]="ClearSearch",e[e.RegisterItem=5]="RegisterItem",e[e.UnregisterItem=6]="UnregisterItem"}(Tt||(Tt={}));var Lt=((It={})[Tt.CloseMenu]=function(e){return e.menuState===Nt.Closed?e:q({},e,{activeItemIndex:null,menuState:Nt.Closed})},It[Tt.OpenMenu]=function(e){return e.menuState===Nt.Open?e:q({},e,{menuState:Nt.Open})},It[Tt.GoToItem]=function(e,t){var n=wt(t,{resolveItems:function(){return e.items},resolveActiveIndex:function(){return e.activeItemIndex},resolveId:function(e){return e.id},resolveDisabled:function(e){return e.dataRef.current.disabled}});return""===e.searchQuery&&e.activeItemIndex===n?e:q({},e,{searchQuery:"",activeItemIndex:n})},It[Tt.Search]=function(e,t){var n=e.searchQuery+t.value.toLowerCase(),r=e.items.findIndex((function(e){var t;return(null==(t=e.dataRef.current.textValue)?void 0:t.startsWith(n))&&!e.dataRef.current.disabled}));return-1===r||r===e.activeItemIndex?q({},e,{searchQuery:n}):q({},e,{searchQuery:n,activeItemIndex:r})},It[Tt.ClearSearch]=function(e){return""===e.searchQuery?e:q({},e,{searchQuery:""})},It[Tt.RegisterItem]=function(e,t){return q({},e,{items:[].concat(e.items,[{id:t.id,dataRef:t.dataRef}])})},It[Tt.UnregisterItem]=function(e,t){var n=e.items.slice(),r=null!==e.activeItemIndex?n[e.activeItemIndex]:null,o=n.findIndex((function(e){return e.id===t.id}));return-1!==o&&n.splice(o,1),q({},e,{items:n,activeItemIndex:o===e.activeItemIndex||null===r?null:n.indexOf(r)})},It),Dt=(0,o.createContext)(null);function Ft(e){var t=(0,o.useContext)(Dt);if(null===t){var n=new Error("<"+e+" /> is missing a parent <"+Ut.name+" /> component.");throw Error.captureStackTrace&&Error.captureStackTrace(n,Ft),n}return t}function Mt(e,t){return $(t.type,Lt,e,t)}Dt.displayName="MenuContext";var Bt=o.Fragment;function Ut(e){var t,n=(0,o.useReducer)(Mt,{menuState:Nt.Closed,buttonRef:(0,o.createRef)(),itemsRef:(0,o.createRef)(),items:[],searchQuery:"",activeItemIndex:null}),r=n[0],a=r.menuState,u=r.itemsRef,s=r.buttonRef,c=n[1];ge("mousedown",(function(e){var t,n,r,o=e.target;a===Nt.Open&&((null==(t=s.current)?void 0:t.contains(o))||(null==(n=u.current)?void 0:n.contains(o))||(c({type:Tt.CloseMenu}),ye(o,pe.Loose)||(e.preventDefault(),null==(r=s.current)||r.focus())))}));var l=(0,o.useMemo)((function(){return{open:a===Nt.Open}}),[a]);return i().createElement(Dt.Provider,{value:n},i().createElement(Ve,{value:$(a,(t={},t[Nt.Open]=Me.Open,t[Nt.Closed]=Me.Closed,t))},X({props:e,slot:l,defaultTag:Bt,name:"Menu"})))}var Vt,Gt,Ht,qt=ee((function e(t,n){var r,i=Ft([Ut.name,e.name].join(".")),a=i[0],u=i[1],s=ne(a.buttonRef,n),c="headlessui-menu-button-"+ce(),l=xt(),f=(0,o.useCallback)((function(e){switch(e.key){case J.Space:case J.Enter:case J.ArrowDown:e.preventDefault(),e.stopPropagation(),u({type:Tt.OpenMenu}),l.nextFrame((function(){return u({type:Tt.GoToItem,focus:mt.First})}));break;case J.ArrowUp:e.preventDefault(),e.stopPropagation(),u({type:Tt.OpenMenu}),l.nextFrame((function(){return u({type:Tt.GoToItem,focus:mt.Last})}))}}),[u,l]),d=(0,o.useCallback)((function(e){switch(e.key){case J.Space:e.preventDefault()}}),[]),p=(0,o.useCallback)((function(e){if(re(e.currentTarget))return e.preventDefault();t.disabled||(a.menuState===Nt.Open?(u({type:Tt.CloseMenu}),l.nextFrame((function(){var e;return null==(e=a.buttonRef.current)?void 0:e.focus({preventScroll:!0})}))):(e.preventDefault(),e.stopPropagation(),u({type:Tt.OpenMenu})))}),[u,l,a,t.disabled]),m=(0,o.useMemo)((function(){return{open:a.menuState===Nt.Open}}),[a]);return X({props:q({},t,{ref:s,id:c,type:"button","aria-haspopup":!0,"aria-controls":null==(r=a.itemsRef.current)?void 0:r.id,"aria-expanded":a.menuState===Nt.Open||void 0,onKeyDown:f,onKeyUp:d,onClick:p}),slot:m,defaultTag:"button",name:"Menu.Button"})})),Wt=Q.RenderStrategy|Q.Static,Kt=ee((function e(t,n){var r,i,a=Ft([Ut.name,e.name].join(".")),u=a[0],s=a[1],c=ne(u.itemsRef,n),l="headlessui-menu-items-"+ce(),f=xt(),d=Ue(),p=null!==d?d===Me.Open:u.menuState===Nt.Open;(0,o.useEffect)((function(){var e=u.itemsRef.current;e&&u.menuState===Nt.Open&&e!==document.activeElement&&e.focus({preventScroll:!0})}),[u.menuState,u.itemsRef]),At({container:u.itemsRef.current,enabled:u.menuState===Nt.Open,accept:function(e){return"menuitem"===e.getAttribute("role")?NodeFilter.FILTER_REJECT:e.hasAttribute("role")?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT},walk:function(e){e.setAttribute("role","none")}});var m=(0,o.useCallback)((function(e){switch(f.dispose(),e.key){case J.Space:if(""!==u.searchQuery)return e.preventDefault(),e.stopPropagation(),s({type:Tt.Search,value:e.key});case J.Enter:if(e.preventDefault(),e.stopPropagation(),s({type:Tt.CloseMenu}),null!==u.activeItemIndex){var t,n=u.items[u.activeItemIndex].id;null==(t=document.getElementById(n))||t.click()}bt().nextFrame((function(){var e;return null==(e=u.buttonRef.current)?void 0:e.focus({preventScroll:!0})}));break;case J.ArrowDown:return e.preventDefault(),e.stopPropagation(),s({type:Tt.GoToItem,focus:mt.Next});case J.ArrowUp:return e.preventDefault(),e.stopPropagation(),s({type:Tt.GoToItem,focus:mt.Previous});case J.Home:case J.PageUp:return e.preventDefault(),e.stopPropagation(),s({type:Tt.GoToItem,focus:mt.First});case J.End:case J.PageDown:return e.preventDefault(),e.stopPropagation(),s({type:Tt.GoToItem,focus:mt.Last});case J.Escape:e.preventDefault(),e.stopPropagation(),s({type:Tt.CloseMenu}),bt().nextFrame((function(){var e;return null==(e=u.buttonRef.current)?void 0:e.focus({preventScroll:!0})}));break;case J.Tab:e.preventDefault(),e.stopPropagation();break;default:1===e.key.length&&(s({type:Tt.Search,value:e.key}),f.setTimeout((function(){return s({type:Tt.ClearSearch})}),350))}}),[s,f,u]),v=(0,o.useCallback)((function(e){switch(e.key){case J.Space:e.preventDefault()}}),[]),h=(0,o.useMemo)((function(){return{open:u.menuState===Nt.Open}}),[u]);return X({props:q({},t,{"aria-activedescendant":null===u.activeItemIndex||null==(r=u.items[u.activeItemIndex])?void 0:r.id,"aria-labelledby":null==(i=u.buttonRef.current)?void 0:i.id,id:l,onKeyDown:m,onKeyUp:v,role:"menu",tabIndex:0,ref:c}),slot:h,defaultTag:"div",features:Wt,visible:p,name:"Menu.Items"})})),zt=o.Fragment;Ut.Button=qt,Ut.Items=Kt,Ut.Item=function e(t){var n=t.disabled,r=void 0!==n&&n,i=t.onClick,a=W(t,["disabled","onClick"]),u=Ft([Ut.name,e.name].join(".")),s=u[0],c=u[1],l="headlessui-menu-item-"+ce(),f=null!==s.activeItemIndex&&s.items[s.activeItemIndex].id===l;oe((function(){if(s.menuState===Nt.Open&&f){var e=bt();return e.nextFrame((function(){var e;return null==(e=document.getElementById(l))||null==e.scrollIntoView?void 0:e.scrollIntoView({block:"nearest"})})),e.dispose}}),[l,f,s.menuState]);var d=(0,o.useRef)({disabled:r});oe((function(){d.current.disabled=r}),[d,r]),oe((function(){var e,t;d.current.textValue=null==(e=document.getElementById(l))||null==(t=e.textContent)?void 0:t.toLowerCase()}),[d,l]),oe((function(){return c({type:Tt.RegisterItem,id:l,dataRef:d}),function(){return c({type:Tt.UnregisterItem,id:l})}}),[d,l]);var p=(0,o.useCallback)((function(e){return r?e.preventDefault():(c({type:Tt.CloseMenu}),bt().nextFrame((function(){var e;return null==(e=s.buttonRef.current)?void 0:e.focus({preventScroll:!0})})),i?i(e):void 0)}),[c,s.buttonRef,r,i]),m=(0,o.useCallback)((function(){if(r)return c({type:Tt.GoToItem,focus:mt.Nothing});c({type:Tt.GoToItem,focus:mt.Specific,id:l})}),[r,l,c]),v=(0,o.useCallback)((function(){r||f||c({type:Tt.GoToItem,focus:mt.Specific,id:l})}),[r,f,l,c]),h=(0,o.useCallback)((function(){r||f&&c({type:Tt.GoToItem,focus:mt.Nothing})}),[r,f,c]),y=(0,o.useMemo)((function(){return{active:f,disabled:r}}),[f,r]);return X({props:q({},a,{id:l,role:"menuitem",tabIndex:-1,"aria-disabled":!0===r||void 0,onClick:p,onFocus:m,onPointerMove:v,onMouseMove:v,onPointerLeave:h,onMouseLeave:h}),slot:y,defaultTag:zt,name:"Menu.Item"})},function(e){e[e.Open=0]="Open",e[e.Closed=1]="Closed"}(Gt||(Gt={})),function(e){e[e.TogglePopover=0]="TogglePopover",e[e.ClosePopover=1]="ClosePopover",e[e.SetButton=2]="SetButton",e[e.SetButtonId=3]="SetButtonId",e[e.SetPanel=4]="SetPanel",e[e.SetPanelId=5]="SetPanelId"}(Ht||(Ht={}));var $t=((Vt={})[Ht.TogglePopover]=function(e){var t;return q({},e,{popoverState:$(e.popoverState,(t={},t[Gt.Open]=Gt.Closed,t[Gt.Closed]=Gt.Open,t))})},Vt[Ht.ClosePopover]=function(e){return e.popoverState===Gt.Closed?e:q({},e,{popoverState:Gt.Closed})},Vt[Ht.SetButton]=function(e,t){return e.button===t.button?e:q({},e,{button:t.button})},Vt[Ht.SetButtonId]=function(e,t){return e.buttonId===t.buttonId?e:q({},e,{buttonId:t.buttonId})},Vt[Ht.SetPanel]=function(e,t){return e.panel===t.panel?e:q({},e,{panel:t.panel})},Vt[Ht.SetPanelId]=function(e,t){return e.panelId===t.panelId?e:q({},e,{panelId:t.panelId})},Vt),Qt=(0,o.createContext)(null);function Yt(e){var t=(0,o.useContext)(Qt);if(null===t){var n=new Error("<"+e+" /> is missing a parent <"+tn.name+" /> component.");throw Error.captureStackTrace&&Error.captureStackTrace(n,Yt),n}return t}Qt.displayName="PopoverContext";var Jt=(0,o.createContext)(null);function Xt(){return(0,o.useContext)(Jt)}Jt.displayName="PopoverGroupContext";var Zt=(0,o.createContext)(null);function en(e,t){return $(t.type,$t,e,t)}Zt.displayName="PopoverPanelContext";function tn(e){var t,n="headlessui-popover-button-"+ce(),r="headlessui-popover-panel-"+ce(),a=(0,o.useReducer)(en,{popoverState:Gt.Closed,button:null,buttonId:n,panel:null,panelId:r}),u=a[0],s=u.popoverState,c=u.button,l=u.panel,f=a[1];(0,o.useEffect)((function(){return f({type:Ht.SetButtonId,buttonId:n})}),[n,f]),(0,o.useEffect)((function(){return f({type:Ht.SetPanelId,panelId:r})}),[r,f]);var d=(0,o.useMemo)((function(){return{buttonId:n,panelId:r,close:function(){return f({type:Ht.ClosePopover})}}}),[n,r,f]),p=Xt(),m=null==p?void 0:p.registerPopover,v=(0,o.useCallback)((function(){var e;return null!=(e=null==p?void 0:p.isFocusWithinPopoverGroup())?e:(null==c?void 0:c.contains(document.activeElement))||(null==l?void 0:l.contains(document.activeElement))}),[p,c,l]);(0,o.useEffect)((function(){return null==m?void 0:m(d)}),[m,d]),ge("focus",(function(){s===Gt.Open&&(v()||c&&l&&f({type:Ht.ClosePopover}))}),!0),ge("mousedown",(function(e){var t=e.target;s===Gt.Open&&((null==c?void 0:c.contains(t))||(null==l?void 0:l.contains(t))||(f({type:Ht.ClosePopover}),ye(t,pe.Loose)||(e.preventDefault(),null==c||c.focus())))}));var h=(0,o.useMemo)((function(){return{open:s===Gt.Open}}),[s]);return i().createElement(Qt.Provider,{value:a},i().createElement(Ve,{value:$(s,(t={},t[Gt.Open]=Me.Open,t[Gt.Closed]=Me.Closed,t))},X({props:e,slot:h,defaultTag:"div",name:"Popover"})))}var nn=ee((function e(t,n){var r=Yt([tn.name,e.name].join(".")),i=r[0],a=r[1],u=(0,o.useRef)(null),s=Xt(),c=null==s?void 0:s.closeOthers,l=(0,o.useContext)(Zt),f=null!==l&&l===i.panelId,d=ne(u,n,f?null:function(e){return a({type:Ht.SetButton,button:e})}),p=(0,o.useRef)(null),m=(0,o.useRef)("undefined"==typeof window?null:document.activeElement);ge("focus",(function(){m.current=p.current,p.current=document.activeElement}),!0);var v=(0,o.useCallback)((function(e){var t;if(f){if(i.popoverState===Gt.Closed)return;switch(e.key){case J.Space:case J.Enter:e.preventDefault(),e.stopPropagation(),a({type:Ht.ClosePopover}),null==(t=i.button)||t.focus()}}else switch(e.key){case J.Space:case J.Enter:e.preventDefault(),e.stopPropagation(),i.popoverState===Gt.Closed&&(null==c||c(i.buttonId)),a({type:Ht.TogglePopover});break;case J.Escape:if(i.popoverState!==Gt.Open)return null==c?void 0:c(i.buttonId);if(!u.current)return;if(!u.current.contains(document.activeElement))return;a({type:Ht.ClosePopover});break;case J.Tab:if(i.popoverState!==Gt.Open)return;if(!i.panel)return;if(!i.button)return;if(e.shiftKey){var n;if(!m.current)return;if(null==(n=i.button)?void 0:n.contains(m.current))return;if(i.panel.contains(m.current))return;var r=he(),o=r.indexOf(m.current);if(r.indexOf(i.button)>o)return;e.preventDefault(),e.stopPropagation(),xe(i.panel,le.Last)}else e.preventDefault(),e.stopPropagation(),xe(i.panel,le.First)}}),[a,i.popoverState,i.buttonId,i.button,i.panel,u,c,f]),h=(0,o.useCallback)((function(e){var t;if(!f&&(e.key===J.Space&&e.preventDefault(),i.popoverState===Gt.Open&&i.panel&&i.button))switch(e.key){case J.Tab:if(!m.current)return;if(null==(t=i.button)?void 0:t.contains(m.current))return;if(i.panel.contains(m.current))return;var n=he(),r=n.indexOf(m.current);if(n.indexOf(i.button)>r)return;e.preventDefault(),e.stopPropagation(),xe(i.panel,le.Last)}}),[i.popoverState,i.panel,i.button,f]),y=(0,o.useCallback)((function(e){var n,r;re(e.currentTarget)||(t.disabled||(f?(a({type:Ht.ClosePopover}),null==(n=i.button)||n.focus()):(i.popoverState===Gt.Closed&&(null==c||c(i.buttonId)),null==(r=i.button)||r.focus(),a({type:Ht.TogglePopover}))))}),[a,i.button,i.popoverState,i.buttonId,t.disabled,c,f]),b=(0,o.useMemo)((function(){return{open:i.popoverState===Gt.Open}}),[i]);return X({props:q({},t,f?{type:"button",onKeyDown:v,onClick:y}:{ref:d,id:i.buttonId,type:"button","aria-expanded":i.popoverState===Gt.Open||void 0,"aria-controls":i.panel?i.panelId:void 0,onKeyDown:v,onKeyUp:h,onClick:y}),slot:b,defaultTag:"button",name:"Popover.Button"})})),rn=Q.RenderStrategy|Q.Static,on=ee((function e(t,n){var r=Yt([tn.name,e.name].join(".")),i=r[0].popoverState,a=r[1],u=ne(n),s="headlessui-popover-overlay-"+ce(),c=Ue(),l=null!==c?c===Me.Open:i===Gt.Open,f=(0,o.useCallback)((function(e){if(re(e.currentTarget))return e.preventDefault();a({type:Ht.ClosePopover})}),[a]),d=(0,o.useMemo)((function(){return{open:i===Gt.Open}}),[i]);return X({props:q({},t,{ref:u,id:s,"aria-hidden":!0,onClick:f}),slot:d,defaultTag:"div",features:rn,visible:l,name:"Popover.Overlay"})})),an=Q.RenderStrategy|Q.Static,un=ee((function e(t,n){var r=t.focus,a=void 0!==r&&r,u=W(t,["focus"]),s=Yt([tn.name,e.name].join(".")),c=s[0],l=s[1],f=(0,o.useRef)(null),d=ne(f,n,(function(e){l({type:Ht.SetPanel,panel:e})})),p=Ue(),m=null!==p?p===Me.Open:c.popoverState===Gt.Open,v=(0,o.useCallback)((function(e){var t;switch(e.key){case J.Escape:if(c.popoverState!==Gt.Open)return;if(!f.current)return;if(!f.current.contains(document.activeElement))return;e.preventDefault(),l({type:Ht.ClosePopover}),null==(t=c.button)||t.focus()}}),[c,f,l]);(0,o.useEffect)((function(){return function(){return l({type:Ht.SetPanel,panel:null})}}),[l]),(0,o.useEffect)((function(){var e;c.popoverState!==Gt.Closed||null!=(e=t.unmount)&&!e||l({type:Ht.SetPanel,panel:null})}),[c.popoverState,t.unmount,l]),(0,o.useEffect)((function(){if(a&&c.popoverState===Gt.Open&&f.current){var e=document.activeElement;f.current.contains(e)||xe(f.current,le.First)}}),[a,f,c.popoverState]),ge("keydown",(function(e){if(c.popoverState===Gt.Open&&f.current&&e.key===J.Tab&&document.activeElement&&f.current&&f.current.contains(document.activeElement)){e.preventDefault();var t,n=xe(f.current,e.shiftKey?le.Previous:le.Next);if(n===fe.Underflow)return null==(t=c.button)?void 0:t.focus();if(n===fe.Overflow){if(!c.button)return;var r=he(),o=r.indexOf(c.button);xe(r.splice(o+1).filter((function(e){var t;return!(null==(t=f.current)?void 0:t.contains(e))})),le.First)===fe.Error&&xe(document.body,le.First)}}})),ge("focus",(function(){var e;a&&c.popoverState===Gt.Open&&f.current&&((null==(e=f.current)?void 0:e.contains(document.activeElement))||l({type:Ht.ClosePopover}))}),!0);var h=(0,o.useMemo)((function(){return{open:c.popoverState===Gt.Open}}),[c]),y={ref:d,id:c.panelId,onKeyDown:v};return i().createElement(Zt.Provider,{value:c.panelId},X({props:q({},u,y),slot:h,defaultTag:"div",features:an,visible:m,name:"Popover.Panel"}))}));tn.Button=nn,tn.Overlay=on,tn.Panel=un,tn.Group=function(e){var t=(0,o.useRef)(null),n=(0,o.useState)([]),r=n[0],a=n[1],u=(0,o.useCallback)((function(e){a((function(t){var n=t.indexOf(e);if(-1!==n){var r=t.slice();return r.splice(n,1),r}return t}))}),[a]),s=(0,o.useCallback)((function(e){return a((function(t){return[].concat(t,[e])})),function(){return u(e)}}),[a,u]),c=(0,o.useCallback)((function(){var e,n=document.activeElement;return!!(null==(e=t.current)?void 0:e.contains(n))||r.some((function(e){var t,r;return(null==(t=document.getElementById(e.buttonId))?void 0:t.contains(n))||(null==(r=document.getElementById(e.panelId))?void 0:r.contains(n))}))}),[t,r]),l=(0,o.useCallback)((function(e){for(var t,n=z(r);!(t=n()).done;){var o=t.value;o.buttonId!==e&&o.close()}}),[r]),f=(0,o.useMemo)((function(){return{registerPopover:s,unregisterPopover:u,isFocusWithinPopoverGroup:c,closeOthers:l}}),[s,u,c,l]),d=(0,o.useMemo)((function(){return{}}),[]),p={ref:t},m=e;return i().createElement(Jt.Provider,{value:f},X({props:q({},m,p),slot:d,defaultTag:"div",name:"Popover.Group"}))};var sn=(0,o.createContext)(null);function cn(){var e=(0,o.useContext)(sn);if(null===e){var t=new Error("You used a <Label /> component, but it is not inside a relevant parent.");throw Error.captureStackTrace&&Error.captureStackTrace(t,cn),t}return e}function ln(){var e=(0,o.useState)([]),t=e[0],n=e[1];return[t.length>0?t.join(" "):void 0,(0,o.useMemo)((function(){return function(e){var t=(0,o.useCallback)((function(e){return n((function(t){return[].concat(t,[e])})),function(){return n((function(t){var n=t.slice(),r=n.indexOf(e);return-1!==r&&n.splice(r,1),n}))}}),[]),r=(0,o.useMemo)((function(){return{register:t,slot:e.slot,name:e.name,props:e.props}}),[t,e.slot,e.name,e.props]);return i().createElement(sn.Provider,{value:r},e.children)}}),[n])]}var fn,dn;function pn(e){var t=e.passive,n=void 0!==t&&t,r=W(e,["passive"]),o=cn(),i="headlessui-label-"+ce();oe((function(){return o.register(i)}),[i,o.register]);var a=q({},o.props,{id:i}),u=q({},r,a);return n&&delete u.onClick,X({props:u,slot:o.slot||{},defaultTag:"label",name:o.name||"Label"})}!function(e){e[e.RegisterOption=0]="RegisterOption",e[e.UnregisterOption=1]="UnregisterOption"}(dn||(dn={}));var mn=((fn={})[dn.RegisterOption]=function(e,t){return q({},e,{options:[].concat(e.options,[{id:t.id,element:t.element,propsRef:t.propsRef}])})},fn[dn.UnregisterOption]=function(e,t){var n=e.options.slice(),r=e.options.findIndex((function(e){return e.id===t.id}));return-1===r?e:(n.splice(r,1),q({},e,{options:n}))},fn),vn=(0,o.createContext)(null);function hn(e){var t=(0,o.useContext)(vn);if(null===t){var n=new Error("<"+e+" /> is missing a parent <"+xn.name+" /> component.");throw Error.captureStackTrace&&Error.captureStackTrace(n,hn),n}return t}function yn(e,t){return $(t.type,mn,e,t)}vn.displayName="RadioGroupContext";var bn;function xn(e){var t=e.value,n=e.onChange,r=e.disabled,a=void 0!==r&&r,u=W(e,["value","onChange","disabled"]),s=(0,o.useReducer)(yn,{options:[]}),c=s[0].options,l=s[1],f=ln(),d=f[0],p=f[1],m=De(),v=m[0],h=m[1],y="headlessui-radiogroup-"+ce(),b=(0,o.useRef)(null),x=(0,o.useMemo)((function(){return c.find((function(e){return!e.propsRef.current.disabled}))}),[c]),g=(0,o.useMemo)((function(){return c.some((function(e){return e.propsRef.current.value===t}))}),[c,t]),w=(0,o.useCallback)((function(e){var r;if(a)return!1;if(e===t)return!1;var o=null==(r=c.find((function(t){return t.propsRef.current.value===e})))?void 0:r.propsRef.current;return!(null==o?void 0:o.disabled)&&(n(e),!0)}),[n,t,a,c]);At({container:b.current,accept:function(e){return"radio"===e.getAttribute("role")?NodeFilter.FILTER_REJECT:e.hasAttribute("role")?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT},walk:function(e){e.setAttribute("role","none")}});var k=(0,o.useCallback)((function(e){if(b.current){var t=c.filter((function(e){return!1===e.propsRef.current.disabled})).map((function(e){return e.element.current}));switch(e.key){case J.ArrowLeft:case J.ArrowUp:if(e.preventDefault(),e.stopPropagation(),xe(t,le.Previous|le.WrapAround)===fe.Success){var n=c.find((function(e){return e.element.current===document.activeElement}));n&&w(n.propsRef.current.value)}break;case J.ArrowRight:case J.ArrowDown:if(e.preventDefault(),e.stopPropagation(),xe(t,le.Next|le.WrapAround)===fe.Success){var r=c.find((function(e){return e.element.current===document.activeElement}));r&&w(r.propsRef.current.value)}break;case J.Space:e.preventDefault(),e.stopPropagation();var o=c.find((function(e){return e.element.current===document.activeElement}));o&&w(o.propsRef.current.value)}}}),[b,c,w]),S=(0,o.useCallback)((function(e){return l(q({type:dn.RegisterOption},e)),function(){return l({type:dn.UnregisterOption,id:e.id})}}),[l]),j=(0,o.useMemo)((function(){return{registerOption:S,firstOption:x,containsCheckedOption:g,change:w,disabled:a,value:t}}),[S,x,g,w,a,t]),O={ref:b,id:y,role:"radiogroup","aria-labelledby":d,"aria-describedby":v,onKeyDown:k};return i().createElement(h,{name:"RadioGroup.Description"},i().createElement(p,{name:"RadioGroup.Label"},i().createElement(vn.Provider,{value:j},X({props:q({},u,O),defaultTag:"div",name:"RadioGroup"}))))}!function(e){e[e.Empty=1]="Empty",e[e.Active=2]="Active"}(bn||(bn={}));xn.Option=function e(t){var n=(0,o.useRef)(null),r="headlessui-radiogroup-option-"+ce(),a=ln(),u=a[0],s=a[1],c=De(),l=c[0],f=c[1],d=function(e){void 0===e&&(e=0);var t=(0,o.useState)(e),n=t[0],r=t[1];return{addFlag:(0,o.useCallback)((function(e){return r((function(t){return t|e}))}),[r]),hasFlag:(0,o.useCallback)((function(e){return Boolean(n&e)}),[n]),removeFlag:(0,o.useCallback)((function(e){return r((function(t){return t&~e}))}),[r]),toggleFlag:(0,o.useCallback)((function(e){return r((function(t){return t^e}))}),[r])}}(bn.Empty),p=d.addFlag,m=d.removeFlag,v=d.hasFlag,h=t.value,y=t.disabled,b=void 0!==y&&y,x=W(t,["value","disabled"]),g=(0,o.useRef)({value:h,disabled:b});oe((function(){g.current.value=h}),[h,g]),oe((function(){g.current.disabled=b}),[b,g]);var w=hn([xn.name,e.name].join(".")),k=w.registerOption,S=w.disabled,j=w.change,O=w.firstOption,C=w.containsCheckedOption,E=w.value;oe((function(){return k({id:r,element:n,propsRef:g})}),[r,k,n,t]);var P=(0,o.useCallback)((function(){var e;j(h)&&(p(bn.Active),null==(e=n.current)||e.focus())}),[p,j,h]),I=(0,o.useCallback)((function(){return p(bn.Active)}),[p]),N=(0,o.useCallback)((function(){return m(bn.Active)}),[m]),T=(null==O?void 0:O.id)===r,_=S||b,R=E===h,A={ref:n,id:r,role:"radio","aria-checked":R?"true":"false","aria-labelledby":u,"aria-describedby":l,tabIndex:_?-1:R||!C&&T?0:-1,onClick:_?void 0:P,onFocus:_?void 0:I,onBlur:_?void 0:N},L=(0,o.useMemo)((function(){return{checked:R,disabled:_,active:v(bn.Active)}}),[R,_,v]);return i().createElement(f,{name:"RadioGroup.Description"},i().createElement(s,{name:"RadioGroup.Label"},X({props:q({},x,A),slot:L,defaultTag:"div",name:"RadioGroup.Option"})))},xn.Label=pn,xn.Description=Fe;var gn=(0,o.createContext)(null);gn.displayName="GroupContext";var wn=o.Fragment;var kn;function Sn(e){var t=e.checked,n=e.onChange,r=W(e,["checked","onChange"]),i="headlessui-switch-"+ce(),a=(0,o.useContext)(gn),u=(0,o.useCallback)((function(){return n(!t)}),[n,t]),s=(0,o.useCallback)((function(e){if(re(e.currentTarget))return e.preventDefault();e.preventDefault(),u()}),[u]),c=(0,o.useCallback)((function(e){e.key!==J.Tab&&e.preventDefault(),e.key===J.Space&&u()}),[u]),l=(0,o.useCallback)((function(e){return e.preventDefault()}),[]),f=(0,o.useMemo)((function(){return{checked:t}}),[t]),d={id:i,ref:null===a?void 0:a.setSwitch,role:"switch",tabIndex:0,"aria-checked":t,"aria-labelledby":null==a?void 0:a.labelledby,"aria-describedby":null==a?void 0:a.describedby,onClick:s,onKeyUp:c,onKeyPress:l};return"button"===r.as&&Object.assign(d,{type:"button"}),X({props:q({},r,d),slot:f,defaultTag:"button",name:"Switch"})}function jn(){var e=(0,o.useRef)(!0);return(0,o.useEffect)((function(){e.current=!1}),[]),e.current}function On(e){for(var t,n=arguments.length,r=new Array(n>1?n-1:0),o=1;o<n;o++)r[o-1]=arguments[o];e&&r.length>0&&(t=e.classList).add.apply(t,r)}function Cn(e){for(var t,n=arguments.length,r=new Array(n>1?n-1:0),o=1;o<n;o++)r[o-1]=arguments[o];e&&r.length>0&&(t=e.classList).remove.apply(t,r)}function En(e,t,n,r,o){var i=bt(),a=void 0!==o?function(e){var t={called:!1};return function(){if(!t.called)return t.called=!0,e.apply(void 0,arguments)}}(o):function(){};return On.apply(void 0,[e].concat(t,n)),i.nextFrame((function(){Cn.apply(void 0,[e].concat(n)),On.apply(void 0,[e].concat(r)),i.add(function(e,t){var n=bt();if(!e)return n.dispose;var r=getComputedStyle(e),o=[r.transitionDuration,r.transitionDelay].map((function(e){var t=e.split(",").filter(Boolean).map((function(e){return e.includes("ms")?parseFloat(e):1e3*parseFloat(e)})).sort((function(e,t){return t-e}))[0];return void 0===t?0:t})),i=o[0],a=o[1];return 0!==i?n.setTimeout((function(){t(kn.Finished)}),i+a):t(kn.Finished),n.add((function(){return t(kn.Cancelled)})),n.dispose}(e,(function(n){return Cn.apply(void 0,[e].concat(r,t)),a(n)})))})),i.add((function(){return Cn.apply(void 0,[e].concat(t,n,r))})),i.add((function(){return a(kn.Cancelled)})),i.dispose}function Pn(e){return void 0===e&&(e=""),(0,o.useMemo)((function(){return e.split(" ").filter((function(e){return e.trim().length>1}))}),[e])}Sn.Group=function(e){var t=(0,o.useState)(null),n=t[0],r=t[1],a=ln(),u=a[0],s=a[1],c=De(),l=c[0],f=c[1],d=(0,o.useMemo)((function(){return{switch:n,setSwitch:r,labelledby:u,describedby:l}}),[n,r,u,l]);return i().createElement(f,{name:"Switch.Description"},i().createElement(s,{name:"Switch.Label",props:{onClick:function(){n&&(n.click(),n.focus({preventScroll:!0}))}}},i().createElement(gn.Provider,{value:d},X({props:e,defaultTag:wn,name:"Switch.Group"}))))},Sn.Label=pn,Sn.Description=Fe,function(e){e.Finished="finished",e.Cancelled="cancelled"}(kn||(kn={}));var In,Nn=(0,o.createContext)(null);Nn.displayName="TransitionContext",function(e){e.Visible="visible",e.Hidden="hidden"}(In||(In={}));var Tn=(0,o.createContext)(null);function _n(e){return"children"in e?_n(e.children):e.current.filter((function(e){return e.state===In.Visible})).length>0}function Rn(e){var t=(0,o.useRef)(e),n=(0,o.useRef)([]),r=we();(0,o.useEffect)((function(){t.current=e}),[e]);var i=(0,o.useCallback)((function(e,o){var i;void 0===o&&(o=Y.Hidden);var a=n.current.findIndex((function(t){return t.id===e}));-1!==a&&($(o,((i={})[Y.Unmount]=function(){n.current.splice(a,1)},i[Y.Hidden]=function(){n.current[a].state=In.Hidden},i)),!_n(n)&&r.current&&(null==t.current||t.current()))}),[t,r,n]),a=(0,o.useCallback)((function(e){var t=n.current.find((function(t){return t.id===e}));return t?t.state!==In.Visible&&(t.state=In.Visible):n.current.push({id:e,state:In.Visible}),function(){return i(e,Y.Unmount)}}),[n,i]);return(0,o.useMemo)((function(){return{children:n,register:a,unregister:i}}),[a,i,n])}function An(){}Tn.displayName="NestingContext";var Ln=["beforeEnter","afterEnter","beforeLeave","afterLeave"];function Dn(e){for(var t,n={},r=z(Ln);!(t=r()).done;){var o,i=t.value;n[i]=null!=(o=e[i])?o:An}return n}var Fn=Q.RenderStrategy;function Mn(e){var t,n=e.beforeEnter,r=e.afterEnter,a=e.beforeLeave,u=e.afterLeave,s=e.enter,c=e.enterFrom,l=e.enterTo,f=e.leave,d=e.leaveFrom,p=e.leaveTo,m=W(e,["beforeEnter","afterEnter","beforeLeave","afterLeave","enter","enterFrom","enterTo","leave","leaveFrom","leaveTo"]),v=(0,o.useRef)(null),h=(0,o.useState)(In.Visible),y=h[0],b=h[1],x=m.unmount?Y.Unmount:Y.Hidden,g=function(){var e=(0,o.useContext)(Nn);if(null===e)throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");return e}(),w=g.show,k=g.appear,S=function(){var e=(0,o.useContext)(Tn);if(null===e)throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");return e}(),j=S.register,O=S.unregister,C=jn(),E=ce(),P=(0,o.useRef)(!1),I=Rn((function(){P.current||(b(In.Hidden),O(E),D.current.afterLeave())}));oe((function(){if(E)return j(E)}),[j,E]),oe((function(){var e;x===Y.Hidden&&E&&(w&&y!==In.Visible?b(In.Visible):$(y,((e={})[In.Hidden]=function(){return O(E)},e[In.Visible]=function(){return j(E)},e)))}),[y,E,j,O,w,x]);var N=Pn(s),T=Pn(c),_=Pn(l),R=Pn(f),A=Pn(d),L=Pn(p),D=function(e){var t=(0,o.useRef)(Dn(e));return(0,o.useEffect)((function(){t.current=Dn(e)}),[e]),t}({beforeEnter:n,afterEnter:r,beforeLeave:a,afterLeave:u}),F=ae();(0,o.useEffect)((function(){if(F&&y===In.Visible&&null===v.current)throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?")}),[v,y,F]);var M=C&&!k;oe((function(){var e=v.current;if(e&&!M)return P.current=!0,w&&D.current.beforeEnter(),w||D.current.beforeLeave(),w?En(e,N,T,_,(function(e){P.current=!1,e===kn.Finished&&D.current.afterEnter()})):En(e,R,A,L,(function(e){P.current=!1,e===kn.Finished&&(_n(I)||(b(In.Hidden),O(E),D.current.afterLeave()))}))}),[D,E,P,O,I,v,M,w,N,T,_,R,A,L]);var B={ref:v},U=m;return i().createElement(Tn.Provider,{value:I},i().createElement(Ve,{value:$(y,(t={},t[In.Visible]=Me.Open,t[In.Hidden]=Me.Closed,t))},X({props:q({},U,B),defaultTag:"div",features:Fn,visible:y===In.Visible,name:"Transition.Child"})))}function Bn(e){var t,n=e.show,r=e.appear,a=void 0!==r&&r,u=e.unmount,s=W(e,["show","appear","unmount"]),c=Ue();void 0===n&&null!==c&&(n=$(c,((t={})[Me.Open]=!0,t[Me.Closed]=!1,t)));if(![!0,!1].includes(n))throw new Error("A <Transition /> is used but it is missing a `show={true | false}` prop.");var l=(0,o.useState)(n?In.Visible:In.Hidden),f=l[0],d=l[1],p=Rn((function(){d(In.Hidden)})),m=jn(),v=(0,o.useMemo)((function(){return{show:n,appear:a||!m}}),[n,a,m]);(0,o.useEffect)((function(){n?d(In.Visible):_n(p)||d(In.Hidden)}),[n,p]);var h={unmount:u};return i().createElement(Tn.Provider,{value:p},i().createElement(Nn.Provider,{value:v},X({props:q({},h,{as:o.Fragment,children:i().createElement(Mn,Object.assign({},h,s))}),defaultTag:o.Fragment,features:Fn,visible:f===In.Visible,name:"Transition"})))}Bn.Child=Mn,Bn.Root=Bn;const Un=wp.i18n;var Vn=n(246);function Gn(e){var t=e.className,n=e.hideLibrary,r=e.initialFocus,o=G((function(e){return e.remainingImports})),i=G((function(e){return e.apiKey})),a=G((function(e){return e.allowedImports}));return(0,Vn.jsx)("div",{className:t,children:(0,Vn.jsxs)("div",{className:"flex justify-between items-center px-6 sm:px-12 h-full",children:[(0,Vn.jsxs)("div",{className:"flex space-x-12 h-full",children:[(0,Vn.jsxs)("div",{className:"font-bold flex items-center space-x-1.5 lg:w-72",children:[(0,Vn.jsxs)("svg",{className:"",width:"30",height:"30",viewBox:"0 0 103 103",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,Vn.jsx)("rect",{y:"25.75",width:"70.8125",height:"77.25",fill:"#000000"}),(0,Vn.jsx)("rect",{x:"45.0625",width:"57.9375",height:"57.9375",fill:"#37C2A2"})]}),(0,Vn.jsx)("span",{className:"text-sm transform translate-y-0.5 whitespace-nowrap",children:(0,Un.__)("Extendify Library","extendify-sdk")})]}),!i.length&&(0,Vn.jsx)(Vn.Fragment,{children:(0,Vn.jsxs)("div",{className:"items-center ml-8 h-full hidden md:flex",children:[(0,Vn.jsxs)("div",{className:"h-full flex items-center px-6 border-l border-r border-gray-300 bg-extendify-lightest",children:[(0,Vn.jsx)("a",{className:"button-extendify-main inline lg:hidden",target:"_blank",href:"https://extendify.com",rel:"noreferrer",children:(0,Un.__)("Sign up","extendify-sdk")}),(0,Vn.jsx)("a",{className:"button-extendify-main hidden lg:block",target:"_blank",href:"https://extendify.com",rel:"noreferrer",children:(0,Un.__)("Sign up today to get unlimited access","extendify-sdk")})]}),(0,Vn.jsx)("div",{className:"m-0 p-0 px-6 text-sm bg-gray-50 border-r border-gray-300 h-full flex items-center",children:(0,Un.sprintf)((0,Un.__)("Imports left: %s / %s"),o(),Number(a))})]})})]}),(0,Vn.jsx)("div",{className:"space-x-2 transform sm:translate-x-8",children:(0,Vn.jsxs)("button",{ref:r,type:"button",className:"components-button has-icon",onClick:function(){return n()},children:[(0,Vn.jsx)("svg",{width:"24",height:"24",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",size:"24",role:"img","aria-hidden":"true",focusable:"false",children:(0,Vn.jsx)("path",{d:"M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"})}),(0,Vn.jsx)("span",{className:"sr-only",children:(0,Un.__)("Close library","extendify-sdk")})]})})]})})}const Hn=wp.blockEditor,qn=lodash;var Wn=function(){return T.get("taxonomies")};const Kn=wp.components;var zn=n(42),$n=n.n(zn);function Qn(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Yn(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null==n)return;var r,o,i=[],a=!0,u=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(e){u=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(u)throw o}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Jn(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Jn(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Jn(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Xn(e){var t=Yn(e.taxonomy,2),n=t[0],o=t[1],i=e.open,a=x((function(e){return e.updateTaxonomies})),u=x((function(e){return e.resetTaxonomies})),s=x((function(e){return e.searchParams})),c=Yn((0,r.useState)({}),2),l=c[0],f=c[1],d=Yn((0,r.useState)({}),2),p=d[0],m=d[1],v=(0,r.useRef)(),h=(0,r.useRef)(),y=(0,r.useRef)(),b=(0,r.useRef)(!0),g=function(e){var t;return(null==s?void 0:s.taxonomies[n])===e.term||(null===(t=e.children)||void 0===t?void 0:t.filter((function(e){return e.term===(null==s?void 0:s.taxonomies[n])})).length)>0},w=function(e){var t;return Object.prototype.hasOwnProperty.call(e,"children")?e.children.filter((function(e){return null==e?void 0:e.type.includes(s.type)})).length:null==e||null===(t=e.type)||void 0===t?void 0:t.includes(s.type)};if((0,r.useEffect)((function(){b.current?b.current=!1:(f({}),u())}),[s.type,u]),(0,r.useEffect)((function(){Object.keys(l).length?setTimeout((function(){requestAnimationFrame((function(){m(v.current.clientHeight),y.current.focus()}))}),200):m("auto")}),[l]),!Object.keys(o).length||!Object.values(o).filter((function(e){return w(e)})).length)return"";var k=n.replace("tax_","").replace("_"," ").replace(/\b\w/g,(function(e){return e.toUpperCase()}));return(0,Vn.jsx)(Kn.PanelBody,{title:k,initialOpen:i,children:(0,Vn.jsx)(Kn.PanelRow,{children:(0,Vn.jsxs)("div",{className:"overflow-hidden w-full relative",style:{height:p},children:[(0,Vn.jsxs)("ul",{className:$n()("p-1 m-0 w-full transform transition duration-200",{"-translate-x-full":Object.keys(l).length}),children:[(0,Vn.jsx)("li",{className:"m-0",children:(0,Vn.jsx)("button",{type:"button",className:"text-left cursor-pointer w-full flex justify-between items-center py-1.5 m-0 leading-none hover:text-wp-theme-500 bg-transparent transition duration-200 button-focus",ref:h,onClick:function(){a(Qn({},n,"pattern"===s.type&&"tax_categories"===n?"Default":""))},children:(0,Vn.jsx)("span",{className:$n()({"text-wp-theme-500":!s.taxonomies[n].length||"Default"===(null==s?void 0:s.taxonomies[n])}),children:"pattern"===s.type&&"tax_categories"===n?(0,Un.__)("Default","extendify-sdk"):(0,Un.__)("All","extendify-sdk")})})}),Object.values(o).filter((function(e){return w(e)})).sort((function(e,t){return e.term.localeCompare(t.term)})).map((function(e){return(0,Vn.jsx)("li",{className:"m-0 w-full",children:(0,Vn.jsxs)("button",{type:"button",className:"text-left cursor-pointer w-full flex justify-between items-center py-1.5 m-0 leading-none bg-transparent hover:text-wp-theme-500 transition duration-200 button-focus",onClick:function(){Object.prototype.hasOwnProperty.call(e,"children")?f(e):a(Qn({},n,e.term))},children:[(0,Vn.jsx)("span",{className:$n()({"text-wp-theme-500":g(e)}),children:e.term}),Object.prototype.hasOwnProperty.call(e,"children")&&(0,Vn.jsx)("span",{className:"text-black",children:(0,Vn.jsx)("svg",{width:"8",height:"14",viewBox:"0 0 8 14",className:"stroke-current",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,Vn.jsx)("path",{d:"M1 12.5L6 6.99998L1 1.5",strokeWidth:"1.5"})})})]})},e.term)}))]}),(0,Vn.jsxs)("ul",{ref:v,className:$n()("p-1 m-0 w-full transform transition duration-200 absolute top-0 right-0",{"translate-x-full":!Object.keys(l).length}),children:[Object.values(l).length>0&&(0,Vn.jsx)("li",{className:"m-0",children:(0,Vn.jsxs)("button",{type:"button",className:"text-left cursor-pointer font-bold flex space-x-4 items-center py-2 pr-4 m-0leading-none hover:text-wp-theme-500 bg-transparent transition duration-200 button-focus",ref:y,onClick:function(){f({}),h.current.focus()},children:[(0,Vn.jsx)("svg",{className:"stroke-current transform rotate-180",width:"8",height:"14",viewBox:"0 0 8 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,Vn.jsx)("path",{d:"M1 12.5L6 6.99998L1 1.5",strokeWidth:"1.5"})}),(0,Vn.jsx)("span",{children:l.term})]})}),Object.values(l).length&&Object.values(l.children).filter((function(e){return w(e)})).sort((function(e,t){return e.term.localeCompare(t.term)})).map((function(e){return(0,Vn.jsx)("li",{className:"m-0 pl-6 w-full flex justify-between items-center",children:(0,Vn.jsx)("button",{type:"button",className:"text-left cursor-pointer w-full flex justify-between items-center py-1.5 m-0 leading-none bg-transparent hover:text-wp-theme-500 transition duration-200 button-focus",onClick:function(){a(Qn({},n,e.term))},children:(0,Vn.jsx)("span",{className:$n()({"text-wp-theme-500":g(e)}),children:e.term})})},e.term)}))]})]})})})}function Zn(e,t,n,r,o,i,a){try{var u=e[i](a),s=u.value}catch(e){return void n(e)}u.done?t(s):Promise.resolve(s).then(r,o)}function er(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){Zn(i,r,o,a,u,"next",e)}function u(e){Zn(i,r,o,a,u,"throw",e)}a(void 0)}))}}function tr(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null==n)return;var r,o,i=[],a=!0,u=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(e){u=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(u)throw o}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return nr(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return nr(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function nr(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function rr(){var e,t=x((function(e){return e.updateSearchParams})),n=x((function(e){return e.setupDefaultTaxonomies})),o=x((function(e){return e.searchParams})),i=(0,qn.debounce)((function(e){return t({taxonomies:{},search:e})}),500),a=tr((0,r.useState)(null!==(e=null==o?void 0:o.search)&&void 0!==e?e:""),2),u=a[0],s=a[1],c=tr((0,r.useState)({}),2),l=c[0],f=c[1],d=(0,r.useCallback)(er(k().mark((function e(){var t;return k().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Wn();case 2:t=e.sent,t=Object.keys(t).filter((function(e){return e.startsWith("tax_")})).reduce((function(e,n){return e[n]=t[n],e}),{}),n(t),f(t);case 6:case"end":return e.stop()}}),e)}))),[n]);return(0,r.useEffect)((function(){d()}),[d]),(0,Vn.jsxs)(Vn.Fragment,{children:[(0,Vn.jsx)("div",{className:"pt-1 -mt-1 mb-1 bg-white",children:(0,Vn.jsx)(Hn.__experimentalSearchForm,{placeholder:(0,Un.__)("What are you looking for?","extendify-sdk"),onChange:function(e){x.setState({nextPage:""}),s(e),i(e)},value:u,className:"sm:ml-px sm:mr-1 sm:mb-6 px-6 sm:p-0 sm:px-0",autoComplete:"off"})}),(0,Vn.jsx)("div",{className:"flex-grow hidden overflow-y-auto pb-32 pr-2 sm:block",children:(0,Vn.jsx)(Kn.Panel,{children:Object.entries(l).map((function(e,t){return(0,Vn.jsx)(Xn,{open:!1,taxonomy:e},t)}))})})]})}function or(e){var t=e.taxonomies,n=e.search,r=e.type,o=[],i=Object.entries(t).filter((function(e){return Boolean(e[1].length)})).map((function(e){return"".concat(e[0],' = "').concat(e[1],'"')})).join(", ");return i.length&&o.push(i),n.length&&o.push('OR(FIND(LOWER("'.concat(n,'"), LOWER(title))!= 0, FIND(LOWER("').concat(n,'"), LOWER({tax_categories})) != 0)')),r.length&&o.push('{type}="'.concat(r,'"')),o.length?"AND(".concat(o.join(", "),")").replace(/\r?\n|\r/g,""):""}function ir(e,t,n,r,o,i,a){try{var u=e[i](a),s=u.value}catch(e){return void n(e)}u.done?t(s):Promise.resolve(s).then(r,o)}var ar=0,ur=function(e,t){return(n=k().mark((function n(){var r,o,i;return k().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return ar++,o=N.CancelToken.source(),null!==(r=x.getState().fetchToken)&&void 0!==r&&r.cancel&&x.getState().fetchToken.cancel(),x.setState({fetchToken:o}),n.next=6,T.post("templates",{filterByFormula:or(e),pageSize:l,categories:e.taxonomies,search:e.search,type:e.type,offset:t,initial:1===ar,request_count:ar},{cancelToken:o.token});case 6:return i=n.sent,x.setState({fetchToken:null}),n.abrupt("return",i);case 9:case"end":return n.stop()}}),n)})),function(){var e=this,t=arguments;return new Promise((function(r,o){var i=n.apply(e,t);function a(e){ir(i,r,o,a,u,"next",e)}function u(e){ir(i,r,o,a,u,"throw",e)}a(void 0)}))})();var n},sr=function(e){var t;return T.post("templates/".concat(e.id),{template_id:e.id,maybe_import:!0,pageSize:l,template_name:null===(t=e.fields)||void 0===t?void 0:t.title})},cr=function(e){var t;return T.post("templates/".concat(e.id),{template_id:e.id,single:!0,pageSize:l,template_name:null===(t=e.fields)||void 0===t?void 0:t.title})},lr=function(e){var t;return T.post("templates/".concat(e.id),{template_id:e.id,imported:!0,pageSize:l,template_name:null===(t=e.fields)||void 0===t?void 0:t.title})};function fr(){return(fr=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var dr=new Map,pr=new WeakMap,mr=0;function vr(e){return Object.keys(e).sort().filter((function(t){return void 0!==e[t]})).map((function(t){return t+"_"+("root"===t?(n=e.root)?(pr.has(n)||(mr+=1,pr.set(n,mr.toString())),pr.get(n)):"0":e[t]);var n})).toString()}function hr(e,t,n){if(void 0===n&&(n={}),!e)return function(){};var r=function(e){var t=vr(e),n=dr.get(t);if(!n){var r,o=new Map,i=new IntersectionObserver((function(t){t.forEach((function(t){var n,i=t.isIntersecting&&r.some((function(e){return t.intersectionRatio>=e}));e.trackVisibility&&void 0===t.isVisible&&(t.isVisible=i),null==(n=o.get(t.target))||n.forEach((function(e){e(i,t)}))}))}),e);r=i.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),n={id:t,observer:i,elements:o},dr.set(t,n)}return n}(n),o=r.id,i=r.observer,a=r.elements,u=a.get(e)||[];return a.has(e)||a.set(e,u),u.push(t),i.observe(e),function(){u.splice(u.indexOf(t),1),0===u.length&&(a.delete(e),i.unobserve(e)),0===a.size&&(i.disconnect(),dr.delete(o))}}function yr(e){return"function"!=typeof e.children}var br=function(e){var t,n;function r(t){var n;return(n=e.call(this,t)||this).node=null,n._unobserveCb=null,n.handleNode=function(e){n.node&&(n.unobserve(),e||n.props.triggerOnce||n.props.skip||n.setState({inView:!!n.props.initialInView,entry:void 0})),n.node=e||null,n.observeNode()},n.handleChange=function(e,t){e&&n.props.triggerOnce&&n.unobserve(),yr(n.props)||n.setState({inView:e,entry:t}),n.props.onChange&&n.props.onChange(e,t)},n.state={inView:!!t.initialInView,entry:void 0},n}n=e,(t=r).prototype=Object.create(n.prototype),t.prototype.constructor=t,t.__proto__=n;var i=r.prototype;return i.componentDidUpdate=function(e){e.rootMargin===this.props.rootMargin&&e.root===this.props.root&&e.threshold===this.props.threshold&&e.skip===this.props.skip&&e.trackVisibility===this.props.trackVisibility&&e.delay===this.props.delay||(this.unobserve(),this.observeNode())},i.componentWillUnmount=function(){this.unobserve(),this.node=null},i.observeNode=function(){if(this.node&&!this.props.skip){var e=this.props,t=e.threshold,n=e.root,r=e.rootMargin,o=e.trackVisibility,i=e.delay;this._unobserveCb=hr(this.node,this.handleChange,{threshold:t,root:n,rootMargin:r,trackVisibility:o,delay:i})}},i.unobserve=function(){this._unobserveCb&&(this._unobserveCb(),this._unobserveCb=null)},i.render=function(){if(!yr(this.props)){var e=this.state,t=e.inView,n=e.entry;return this.props.children({inView:t,entry:n,ref:this.handleNode})}var r=this.props,i=r.children,a=r.as,u=r.tag,s=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(r,["children","as","tag","triggerOnce","threshold","root","rootMargin","onChange","skip","trackVisibility","delay","initialInView"]);return(0,o.createElement)(a||u||"div",fr({ref:this.handleNode},s),i)},r}(o.Component);br.displayName="InView",br.defaultProps={threshold:0,triggerOnce:!1,initialInView:!1};function xr(e){return function(e){if(Array.isArray(e))return jr(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||Sr(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function gr(e,t,n,r,o,i,a){try{var u=e[i](a),s=u.value}catch(e){return void n(e)}u.done?t(s):Promise.resolve(s).then(r,o)}function wr(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){gr(i,r,o,a,u,"next",e)}function u(e){gr(i,r,o,a,u,"throw",e)}a(void 0)}))}}function kr(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null==n)return;var r,o,i=[],a=!0,u=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(e){u=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(u)throw o}}return i}(e,t)||Sr(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Sr(e,t){if(e){if("string"==typeof e)return jr(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?jr(e,t):void 0}}function jr(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Or(e){var t=e.templates,n=x((function(e){return e.setActive})),i=x((function(e){return e.activeTemplate})),a=x((function(e){return e.appendTemplates})),u=kr((0,r.useState)(""),2),s=u[0],c=u[1],l=kr((0,r.useState)(!1),2),f=l[0],d=l[1],p=kr((0,r.useState)([]),2),m=p[0],v=p[1],h=kr(function(e){var t=void 0===e?{}:e,n=t.threshold,r=t.delay,i=t.trackVisibility,a=t.rootMargin,u=t.root,s=t.triggerOnce,c=t.skip,l=t.initialInView,f=(0,o.useRef)(),d=(0,o.useState)({inView:!!l}),p=d[0],m=d[1],v=(0,o.useCallback)((function(e){void 0!==f.current&&(f.current(),f.current=void 0),c||e&&(f.current=hr(e,(function(e,t){m({inView:e,entry:t}),t.isIntersecting&&s&&f.current&&(f.current(),f.current=void 0)}),{root:u,rootMargin:a,threshold:n,trackVisibility:i,delay:r}))}),[Array.isArray(n)?n.toString():n,u,a,s,c,i,r]);(0,o.useEffect)((function(){f.current||!p.entry||s||c||m({inView:!!l})}));var h=[v,p.inView,p.entry];return h.ref=h[0],h.inView=h[1],h.entry=h[2],h}(),2),y=h[0],b=h[1],g=x((function(e){return e.updateSearchParams})),w=x((function(e){return e.searchParams})),S=(0,r.useRef)(x.getState().nextPage),j=(0,r.useRef)(x.getState().searchParams);(0,r.useEffect)((function(){return x.subscribe((function(e){return S.current=e}),(function(e){return e.nextPage}))}),[]),(0,r.useEffect)((function(){return x.subscribe((function(e){return j.current=e}),(function(e){return e.searchParams}))}),[]);var O=(0,r.useCallback)(wr(k().mark((function e(){var t,n;return k().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return c(""),d(!1),e.next=4,ur(j.current,S.current).catch((function(e){console.error(e),c(e&&e.message?e.message:(0,Un.__)("Unknown error occured. Check browser console or contact support.","extendify-sdk"))}));case 4:null!=(n=e.sent)&&null!==(t=n.error)&&void 0!==t&&t.length&&c(null==n?void 0:n.error),null!=n&&n.records&&w===j.current&&(a(n.records),d(n.records.length<=0),x.setState({nextPage:n.offset}));case 7:case"end":return e.stop()}}),e)}))),[w,a]);return(0,r.useEffect)((function(){Object.keys(j.current.taxonomies).length&&(v([]),O())}),[O,j]),(0,r.useEffect)((function(){b&&O()}),[b,O]),s.length?(0,Vn.jsxs)("div",{className:"text-left",children:[(0,Vn.jsx)("h2",{className:"text-left",children:(0,Un.__)("Server error","extendify-sdk")}),(0,Vn.jsx)("code",{className:"block max-w-xl p-4 mb-4",style:{minHeight:"10rem"},children:s}),(0,Vn.jsx)(Kn.Button,{isTertiary:!0,onClick:function(){v([]),g({taxonomies:{},search:""}),O()},children:(0,Un.__)("Press here to reload experience")})]}):f?null!=w&&w.search.length?(0,Vn.jsx)("h2",{className:"text-left",children:(0,Un.sprintf)((0,Un.__)("No results for %s.","extendify-sdk"),null==w?void 0:w.search)}):(0,Vn.jsx)("h2",{className:"text-left",children:(0,Un.__)("No results found.","extendify-sdk")}):t.length?(0,Vn.jsxs)(Vn.Fragment,{children:[(0,Vn.jsx)("ul",{className:"flex-grow gap-6 grid xl:grid-cols-2 2xl:grid-cols-3 pb-32 m-0",children:t.map((function(e,t){var r,o,a,u,s,c,l,f,d;return(0,Vn.jsxs)("li",{className:"flex flex-col justify-between group overflow-hidden max-w-lg",children:[(0,Vn.jsx)("div",{className:"flex justify-items-center flex-grow h-80 border-gray-200 bg-white border border-b-0 group-hover:border-wp-theme-500 transition duration-150 cursor-pointer",onClick:function(){return n(e)},children:(0,Vn.jsx)("img",{role:"button",className:"max-w-full block m-auto object-cover",onLoad:function(){return v([].concat(xr(m),[t]))},src:null!==(r=null==e||null===(o=e.fields)||void 0===o||null===(a=o.screenshot[0])||void 0===a||null===(u=a.thumbnails)||void 0===u||null===(s=u.large)||void 0===s?void 0:s.url)&&void 0!==r?r:null==e||null===(c=e.fields)||void 0===c||null===(l=c.screenshot[0])||void 0===l?void 0:l.url})}),(0,Vn.jsx)("span",{role:"img","aria-hidden":"true",className:"h-px w-full bg-gray-200 border group-hover:bg-transparent border-t-0 border-b-0 border-gray-200 group-hover:border-wp-theme-500 transition duration-150"}),(0,Vn.jsxs)("div",{className:"bg-transparent text-left bg-white flex items-center justify-between p-4 border border-t-0 border-transparent group-hover:border-wp-theme-500 transition duration-150 cursor-pointer",role:"button",onClick:function(){return n(e)},children:[(0,Vn.jsxs)("div",{children:[(0,Vn.jsx)("h4",{className:"m-0 font-bold",children:e.fields.title}),(0,Vn.jsx)("p",{className:"m-0",children:null==e||null===(f=e.fields)||void 0===f||null===(d=f.tax_categories)||void 0===d?void 0:d.filter((function(e){return"default"!==e.toLowerCase()})).join(", ")})]}),(0,Vn.jsx)(Kn.Button,{isSecondary:!0,tabIndex:Object.keys(i).length?"-1":"0",className:"sm:opacity-0 group-hover:opacity-100 transition duration-150 focus:opacity-100",onClick:function(t){t.stopPropagation(),n(e)},children:(0,Un.__)("View","extendify-sdk")})]})]},e.id)}))}),x.getState().nextPage&&!!m.length&&m.length===t.length&&(0,Vn.jsxs)(Vn.Fragment,{children:[(0,Vn.jsx)("div",{className:"-translate-y-full flex flex-col h-80 items-end justify-end my-2 relative transform z-0 text",ref:y,style:{zIndex:-1}}),(0,Vn.jsx)("div",{className:"my-4",children:(0,Vn.jsx)(Kn.Spinner,{})})]})]}):(0,Vn.jsx)("div",{className:"flex items-center justify-center w-full sm:mt-64",children:(0,Vn.jsx)(Kn.Spinner,{})})}var Cr=function(){return T.get("plugins")},Er=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=new FormData;return t.append("plugins",JSON.stringify(e)),T.post("plugins",t,{headers:{"Content-Type":"multipart/form-data"}})},Pr=function(){return T.get("active-plugins")};function Ir(e,t,n,r,o,i,a){try{var u=e[i](a),s=u.value}catch(e){return void n(e)}u.done?t(s):Promise.resolve(s).then(r,o)}function Nr(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){Ir(i,r,o,a,u,"next",e)}function u(e){Ir(i,r,o,a,u,"throw",e)}a(void 0)}))}}function Tr(e){return _r.apply(this,arguments)}function _r(){return(_r=Nr(k().mark((function e(t){var n,r,o,i;return k().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if((r=(r=null!==(n=(0,qn.get)(t,"fields.required_plugins"))&&void 0!==n?n:[]).filter((function(e){return"editorplus"!==e}))).length){e.next=4;break}return e.abrupt("return",!1);case 4:return e.t0=Object,e.next=7,Cr();case 7:return e.t1=e.sent,o=e.t0.keys.call(e.t0,e.t1),i=!!r.length&&r.filter((function(e){return!o.some((function(t){return t.includes(e)}))})),e.abrupt("return",i.length);case 11:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function Rr(e){return Ar.apply(this,arguments)}function Ar(){return(Ar=Nr(k().mark((function e(t){var n,r,o,i;return k().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if((r=(r=null!==(n=(0,qn.get)(t,"fields.required_plugins"))&&void 0!==n?n:[]).filter((function(e){return"editorplus"!==e}))).length){e.next=4;break}return e.abrupt("return",!1);case 4:return e.t0=Object,e.next=7,Pr();case 7:if(e.t1=e.sent,o=e.t0.values.call(e.t0,e.t1),!(i=!!r.length&&r.filter((function(e){return!o.some((function(t){return t.includes(e)}))})))){e.next=15;break}return e.next=13,Tr(t);case 13:if(!e.sent){e.next=15;break}return e.abrupt("return",!1);case 15:return e.abrupt("return",i.length);case 16:case"end":return e.stop()}}),e)})))).apply(this,arguments)}var Lr=s(I((function(e){return{wantedTemplate:{},importOnLoad:!1,setWanted:function(t){return e({wantedTemplate:t})},removeWanted:function(){return e({wantedTemplate:{}})}}}),{name:"extendify-wanted-template"}));function Dr(e){var t=e.msg;return(0,Vn.jsxs)(Kn.Modal,{style:{maxWidth:"500px"},title:(0,Un.__)("Error installing plugins","extendify-sdk"),isDismissible:!1,children:[(0,Un.__)("You have encountered an error that we cannot recover from. Please try again.","extendify-sdk"),(0,Vn.jsx)("br",{}),(0,Vn.jsx)(Kn.Notice,{isDismissible:!1,status:"error",children:t}),(0,Vn.jsx)(Kn.Button,{isPrimary:!0,onClick:function(){return(0,r.render)((0,Vn.jsx)(Kr,{}),document.getElementById("extendify-root"))},children:(0,Un.__)("Go back","extendify-sdk")})]})}const Fr=wp.data;function Mr(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null==n)return;var r,o,i=[],a=!0,u=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(e){u=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(u)throw o}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Br(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Br(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Br(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Ur(){var e=Mr((0,r.useState)(!1),2),t=e[0],n=e[1],o=function(){location.reload()};return(0,(0,Fr.select)("core/editor").isEditedPostDirty)()?(0,Vn.jsxs)(Kn.Modal,{title:(0,Un.__)("Reload required","extendify-sdk"),isDismissible:!1,children:[(0,Vn.jsx)("p",{style:{maxWidth:"400px"},children:(0,Un.__)("Just one more thing! We need to reload the page to continue.","extendify-sdk")}),(0,Vn.jsxs)(Kn.ButtonGroup,{children:[(0,Vn.jsx)(Kn.Button,{isPrimary:!0,onClick:o,disabled:t,children:(0,Un.__)("Reload page","extendify-sdk")}),(0,Vn.jsx)(Kn.Button,{isSecondary:!0,onClick:function(){n(!0),(0,Fr.dispatch)("core/editor").savePost(),n(!1)},isBusy:t,style:{margin:"0 4px"},children:(0,Un.__)("Save changes","extendify-sdk")})]})]}):(o(),null)}function Vr(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null==n)return;var r,o,i=[],a=!0,u=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(e){u=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(u)throw o}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Gr(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Gr(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Gr(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Hr(){var e,t=Vr((0,r.useState)(""),2),n=t[0],o=t[1],i=Lr((function(e){return e.wantedTemplate}));return Er(null==i||null===(e=i.fields)||void 0===e?void 0:e.required_plugins.filter((function(e){return"editorplus"!==e}))).then((function(){Lr.setState({importOnLoad:!0}),(0,r.render)((0,Vn.jsx)(Ur,{}),document.getElementById("extendify-root"))})).catch((function(e){var t=e.message;o(t)})),n?(0,Vn.jsx)(Dr,{msg:n}):(0,Vn.jsx)(Kn.Modal,{title:(0,Un.__)("Installing plugins","extendify-sdk"),isDismissible:!1,children:(0,Vn.jsx)(Kn.Button,{style:{width:"100%"},disabled:!0,isPrimary:!0,isBusy:!0,onClick:function(){},children:(0,Un.__)("Installing...","extendify-sdk")})})}var qr=function(e){return function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"broken-event",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"open";G.setState({entryPoint:e}),window.dispatchEvent(new CustomEvent("extendify-sdk::".concat(t,"-library"),{detail:e,bubbles:!0}))}(e,"open")};function Wr(e){switch(e){case"editorplus":return"Editor Plus";case"ml-slider":return"MetaSlider"}return e}function Kr(e){var t,n,o,i,a,u,s,c=Lr((function(e){return e.wantedTemplate})),l=function(){e.forceOpen||(0,r.render)((0,Vn.jsx)(Do,{show:!0}),document.getElementById("extendify-root"))},f=(null==c||null===(t=c.fields)||void 0===t?void 0:t.required_plugins)||[];return(0,Vn.jsxs)(Kn.Modal,{title:null!==(n=e.title)&&void 0!==n?n:(0,Un.__)("Install required plugins","extendify-sdk"),closeButtonLabel:(0,Un.__)("No thanks, take me back","extendify-sdk"),onRequestClose:l,children:[(0,Vn.jsx)("p",{style:{maxWidth:"400px"},children:null!==(o=e.message)&&void 0!==o?o:(0,Un.__)((0,Un.sprintf)("There is just one more step. This %s requires the following to be automatically installed and activated:",null!==(i=null==c||null===(a=c.fields)||void 0===a?void 0:a.type)&&void 0!==i?i:"template"),"extendify-sdk")}),(null===(u=e.message)||void 0===u?void 0:u.length)>0||(0,Vn.jsx)("ul",{children:f.filter((function(e){return"editorplus"!==e})).map((function(e){return(0,Vn.jsx)("li",{children:Wr(e)},e)}))}),(0,Vn.jsxs)(Kn.ButtonGroup,{children:[(0,Vn.jsx)(Kn.Button,{isPrimary:!0,onClick:function(){return(0,r.render)((0,Vn.jsx)(Hr,{}),document.getElementById("extendify-root"))},children:null!==(s=e.buttonLabel)&&void 0!==s?s:(0,Un.__)("Install Plugins","extendify-sdk")}),e.forceOpen||(0,Vn.jsx)(Kn.Button,{isTertiary:!0,onClick:l,style:{boxShadow:"none",margin:"0 4px"},children:(0,Un.__)("No thanks, take me back","extendify-sdk")})]})]})}function zr(e,t,n,r,o,i,a){try{var u=e[i](a),s=u.value}catch(e){return void n(e)}u.done?t(s):Promise.resolve(s).then(r,o)}function $r(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){zr(i,r,o,a,u,"next",e)}function u(e){zr(i,r,o,a,u,"throw",e)}a(void 0)}))}}var Qr=function(){var e=$r(k().mark((function e(t){return k().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Tr(t);case 2:return e.t0=!e.sent,e.t1=function(){return $r(k().mark((function e(){return k().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:case"end":return e.stop()}}),e)})))()},e.t2=function(){return $r(k().mark((function e(){return k().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",new Promise((function(){(0,r.render)((0,Vn.jsx)(Kr,{}),document.getElementById("extendify-root"))})));case 1:case"end":return e.stop()}}),e)})))()},e.abrupt("return",{id:"hasRequiredPlugins",pass:e.t0,allow:e.t1,deny:e.t2});case 6:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}();function Yr(e){var t=e.msg;return(0,Vn.jsxs)(Kn.Modal,{style:{maxWidth:"500px"},title:(0,Un.__)("Error Activating plugins","extendify-sdk"),isDismissible:!1,children:[(0,Un.__)("You have encountered an error that we cannot recover from. Please try again.","extendify-sdk"),(0,Vn.jsx)("br",{}),(0,Vn.jsx)(Kn.Notice,{isDismissible:!1,status:"error",children:t}),(0,Vn.jsx)(Kn.Button,{isPrimary:!0,onClick:function(){(0,r.render)((0,Vn.jsx)(no,{}),document.getElementById("extendify-root"))},children:(0,Un.__)("Go back","extendify-sdk")})]})}function Jr(e,t,n,r,o,i,a){try{var u=e[i](a),s=u.value}catch(e){return void n(e)}u.done?t(s):Promise.resolve(s).then(r,o)}function Xr(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){Jr(i,r,o,a,u,"next",e)}function u(e){Jr(i,r,o,a,u,"throw",e)}a(void 0)}))}}function Zr(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null==n)return;var r,o,i=[],a=!0,u=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(e){u=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(u)throw o}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return eo(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return eo(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function eo(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function to(){var e,t=Zr((0,r.useState)(""),2),n=t[0],o=t[1],i=Lr((function(e){return e.wantedTemplate}));return Er(null==i||null===(e=i.fields)||void 0===e?void 0:e.required_plugins.filter((function(e){return"editorplus"!==e}))).then((function(){Lr.setState({importOnLoad:!0})})).then(Xr(k().mark((function e(){return k().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,new Promise((function(e){return setTimeout(e,1e3)}));case 2:(0,r.render)((0,Vn.jsx)(Ur,{}),document.getElementById("extendify-root"));case 3:case"end":return e.stop()}}),e)})))).catch((function(e){var t=e.response;o(t.data.message)})),n?(0,Vn.jsx)(Yr,{msg:n}):(0,Vn.jsx)(Kn.Modal,{title:(0,Un.__)("Activating plugins","extendify-sdk"),isDismissible:!1,children:(0,Vn.jsx)(Kn.Button,{style:{width:"100%"},disabled:!0,isPrimary:!0,isBusy:!0,onClick:function(){},children:(0,Un.__)("Activating...","extendify-sdk")})})}function no(e){var t,n,o,i,a=Lr((function(e){return e.wantedTemplate})),u=function(){return(0,r.render)((0,Vn.jsx)(Do,{show:!0}),document.getElementById("extendify-root"))},s=(null==a||null===(t=a.fields)||void 0===t?void 0:t.required_plugins)||[];return(0,Vn.jsxs)(Kn.Modal,{title:(0,Un.__)("Activate required plugins","extendify-sdk"),closeButtonLabel:(0,Un.__)("No thanks, return to library","extendify-sdk"),onRequestClose:u,children:[(0,Vn.jsx)("p",{style:{maxWidth:"400px"},children:null!==(n=e.message)&&void 0!==n?n:(0,Un.__)((0,Un.sprintf)("There is just one more step. This %s requires the following plugins to be installed and activated:",null!==(o=null==a||null===(i=a.fields)||void 0===i?void 0:i.type)&&void 0!==o?o:"template"),"extendify-sdk")}),(0,Vn.jsx)("ul",{children:s.filter((function(e){return"editorplus"!==e})).map((function(e){return(0,Vn.jsx)("li",{children:Wr(e)},e)}))}),(0,Vn.jsxs)(Kn.ButtonGroup,{children:[(0,Vn.jsx)(Kn.Button,{isPrimary:!0,onClick:function(){return(0,r.render)((0,Vn.jsx)(to,{}),document.getElementById("extendify-root"))},children:(0,Un.__)("Activate Plugins","extendify-sdk")}),e.showClose&&(0,Vn.jsx)(Kn.Button,{isTertiary:!0,onClick:u,style:{boxShadow:"none",margin:"0 4px"},children:(0,Un.__)("No thanks, return to library","extendify-sdk")})]})]})}function ro(e,t,n,r,o,i,a){try{var u=e[i](a),s=u.value}catch(e){return void n(e)}u.done?t(s):Promise.resolve(s).then(r,o)}function oo(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){ro(i,r,o,a,u,"next",e)}function u(e){ro(i,r,o,a,u,"throw",e)}a(void 0)}))}}var io=function(){var e=oo(k().mark((function e(t){return k().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Rr(t);case 2:return e.t0=!e.sent,e.t1=function(){return oo(k().mark((function e(){return k().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:case"end":return e.stop()}}),e)})))()},e.t2=function(){return oo(k().mark((function e(){return k().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",new Promise((function(){(0,r.render)((0,Vn.jsx)(no,{showClose:!0}),document.getElementById("extendify-root"))})));case 1:case"end":return e.stop()}}),e)})))()},e.abrupt("return",{id:"hasPluginsActivated",pass:e.t0,allow:e.t1,deny:e.t2});case 6:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}();function ao(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"==typeof e)return uo(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return uo(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,u=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){u=!0,i=e},f:function(){try{a||null==n.return||n.return()}finally{if(u)throw i}}}}function uo(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function so(e,t,n,r,o,i,a){try{var u=e[i](a),s=u.value}catch(e){return void n(e)}u.done?t(s):Promise.resolve(s).then(r,o)}function co(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){so(i,r,o,a,u,"next",e)}function u(e){so(i,r,o,a,u,"throw",e)}a(void 0)}))}}function lo(e){return function(){return new fo(e.apply(this,arguments))}}function fo(e){var t,n;function r(t,n){try{var i=e[t](n),a=i.value,u=a instanceof po;Promise.resolve(u?a.wrapped:a).then((function(e){u?r("return"===t?"return":"next",e):o(i.done?"return":"normal",e)}),(function(e){r("throw",e)}))}catch(e){o("throw",e)}}function o(e,o){switch(e){case"return":t.resolve({value:o,done:!0});break;case"throw":t.reject(o);break;default:t.resolve({value:o,done:!1})}(t=t.next)?r(t.key,t.arg):n=null}this._invoke=function(e,o){return new Promise((function(i,a){var u={key:e,arg:o,resolve:i,reject:a,next:null};n?n=n.next=u:(t=n=u,r(e,o))}))},"function"!=typeof e.return&&(this.return=void 0)}function po(e){this.wrapped=e}fo.prototype["function"==typeof Symbol&&Symbol.asyncIterator||"@@asyncIterator"]=function(){return this},fo.prototype.next=function(e){return this._invoke("next",e)},fo.prototype.throw=function(e){return this._invoke("throw",e)},fo.prototype.return=function(e){return this._invoke("return",e)};function mo(){return(mo=co(k().mark((function e(t){var n;return k().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:n=vo(t);case 1:return e.next=4,n.next();case 4:if(!e.sent.done){e.next=7;break}return e.abrupt("break",9);case 7:e.next=1;break;case 9:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function vo(e){return ho.apply(this,arguments)}function ho(){return(ho=lo(k().mark((function e(t){var n,r,o;return k().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:n=ao(t),e.prev=1,n.s();case 3:if((r=n.n()).done){e.next=9;break}return o=r.value,e.next=7,o();case 7:e.next=3;break;case 9:e.next=14;break;case 11:e.prev=11,e.t0=e.catch(1),n.e(e.t0);case 14:return e.prev=14,n.f(),e.finish(14);case 17:case"end":return e.stop()}}),e,null,[[1,11,14,17]])})))).apply(this,arguments)}function yo(e,t){return(0,(0,Fr.dispatch)("core/block-editor").insertBlocks)(e).then((function(){window.dispatchEvent(new CustomEvent("extendify-sdk::template-inserted",{detail:{template:t},bubbles:!0}))}))}function bo(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null==n)return;var r,o,i=[],a=!0,u=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(e){u=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(u)throw o}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return xo(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return xo(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function xo(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var go=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return{hasRequiredPlugins:Qr,hasPluginsActivated:io,stack:[],check:function(t){var n=this;return co(k().mark((function r(){var o,i,a;return k().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:o=ao(e),r.prev=1,a=k().mark((function e(){var r,o;return k().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return r=i.value,e.next=3,n["".concat(r)](t);case 3:o=e.sent,setTimeout((function(){n.stack.push(o.pass?o.allow:o.deny)}),0);case 5:case"end":return e.stop()}}),e)})),o.s();case 4:if((i=o.n()).done){r.next=8;break}return r.delegateYield(a(),"t0",6);case 6:r.next=4;break;case 8:r.next=13;break;case 10:r.prev=10,r.t1=r.catch(1),o.e(r.t1);case 13:return r.prev=13,o.f(),r.finish(13);case 16:case"end":return r.stop()}}),r,null,[[1,10,13,16]])})))()},reset:function(){this.stack=[]}}}(["hasRequiredPlugins","hasPluginsActivated"]);function wo(e){var t=e.template,n=x((function(e){return e.activeTemplateBlocks})),o=G((function(e){return e.canImport})),i=G((function(e){return e.apiKey})),a=g((function(e){return e.setOpen})),u=bo((0,r.useState)(!1),2),s=u[0],c=u[1],l=bo((0,r.useState)(!1),2),f=l[0],d=l[1],p=Lr((function(e){return e.setWanted})),m=function(){(function(e){return mo.apply(this,arguments)})(go.stack).then((function(){setTimeout((function(){yo(n,t).then((function(){return a(!1)}))}),100)}))};(0,r.useEffect)((function(){return go.check(t).then((function(){return d(!0)})),function(){return go.reset()&&d(!1)}}),[t]),(0,r.useEffect)((function(){s&&sr(t)}),[s,t]);return f&&Object.keys(n).length?i||o()?s?(0,Vn.jsx)("button",{type:"button",disabled:!0,className:"components-button is-secondary text-lg sm:text-2xl h-auto py-1.5 px-3 sm:py-2.5 sm:px-5",onClick:function(){},children:(0,Un.__)("Importing...","extendify-sdk")}):(0,Vn.jsx)("button",{type:"button",className:"components-button is-primary text-lg sm:text-2xl h-auto py-1.5 px-3 sm:py-2.5 sm:px-5",onClick:function(){return c(!0),p(t),void m()},children:(0,Un.sprintf)((0,Un.__)("Add %s","extendify-sdk"),t.fields.type)}):(0,Vn.jsx)("a",{className:"button-extendify-main text-lg sm:text-2xl py-1.5 px-3 sm:py-2.5 sm:px-5",target:"_blank",href:"https://extendify.com",rel:"noreferrer",children:(0,Un.__)("Sign up now","extendify-sdk")}):""}function ko(e){var t,n,o,i,a,u,s,c=e.template,l=c.fields.tax_categories,f=G((function(e){return e.apiKey}));return(0,r.useEffect)((function(){cr(c)}),[c]),(0,Vn.jsxs)("div",{className:"flex flex-col min-h-screen bg-white sm:min-h-0 items-start overflow-y-auto h-full sm:pr-8 lg:pl-px lg:-ml-px",children:[(0,Vn.jsxs)("div",{className:"flex flex-col lg:flex-row items-start justify-start lg:items-center lg:justify-between w-full max-w-screen-xl",children:[(0,Vn.jsxs)("div",{className:"text-left m-0 sm:mb-6 p-6 sm:p-0",children:[(0,Vn.jsx)("h1",{className:"leading-tight text-left mb-2.5 sm:text-3xl font-normal",children:c.fields.title}),(0,Vn.jsx)(Kn.ExternalLink,{href:c.fields.url,children:(0,Un.__)("Demo","extendify-sdk")})]}),(0,Vn.jsx)("div",{className:$n()({"inline-flex absolute sm:static sm:top-auto right-0 m-6 sm:m-0 sm:my-6 space-x-3":!0,"top-16 mt-5":!f.length,"top-0":f.length>0}),children:(0,Vn.jsx)(wo,{template:c})})]}),(0,Vn.jsx)("div",{className:"max-w-screen-xl sm:w-full sm:m-0 sm:mb-12 m-6 border border-gray-300 m-46",children:(0,Vn.jsx)("img",{className:"max-w-full w-full",src:null!==(t=null==c||null===(n=c.fields)||void 0===n||null===(o=n.screenshot[0])||void 0===o||null===(i=o.thumbnails)||void 0===i||null===(a=i.full)||void 0===a?void 0:a.url)&&void 0!==t?t:null==c||null===(u=c.fields)||void 0===u||null===(s=u.screenshot[0])||void 0===s?void 0:s.url})}),(0,Vn.jsxs)("div",{className:"text-xs text-left p-6 w-full block sm:hidden",children:[(0,Vn.jsx)("h3",{className:"m-0 mb-6",children:(0,Un.__)("Categories","extendify-sdk")}),(0,Vn.jsx)("ul",{className:"text-sm",children:l.map((function(e){return(0,Vn.jsx)("li",{className:"inline-block mr-2 px-4 py-2 bg-gray-100",children:e},e)}))})]})]})}function So(){return 0===G((function(e){return e.apiKey})).length?(0,Vn.jsx)("button",{className:"components-button",onClick:function(){return g.setState({currentPage:"login"})},children:(0,Un.__)("Log into account","extendify-sdk")}):(0,Vn.jsx)("button",{className:"components-button",onClick:function(){return G.setState({apiKey:""})},children:(0,Un.__)("Log out","extendify-sdk")})}function jo(e){var t=e.children;return(0,Vn.jsxs)(Vn.Fragment,{children:[(0,Vn.jsxs)("aside",{className:"flex-shrink-0 sm:pl-12 py-0 sm:py-6 relative",children:[(0,Vn.jsx)("div",{className:"sm:w-56 lg:w-72 sticky flex flex-col h-full",children:t[0]}),(0,Vn.jsxs)("div",{className:"hidden sm:flex flex-col absolute bottom-0 bg-white p-4 w-72 text-left space-y-4",children:[(0,Vn.jsx)("div",{children:(0,Vn.jsx)(Kn.Button,{isSecondary:!0,target:"_blank",href:"https://extendify.com/feedback",children:(0,Un.__)("Send us your feedback","extendify-sdk")})}),(0,Vn.jsx)("div",{className:"border-t border-gray-300",children:(0,Vn.jsx)(So,{})})]})]}),(0,Vn.jsx)("main",{id:"extendify-templates",tabIndex:"0",className:"w-full smp:l-12 sm:pt-6 h-full",children:t[1]})]})}function Oo(){var e=x((function(e){return e.updateSearchParams})),t=x((function(e){return e.searchParams})),n=function(t){return e({type:t})};return(0,Vn.jsxs)("div",{className:"text-left w-full bg-white px-6 sm:px-0 pb-4 sm:pb-6 mt-px border-b sm:border-0",children:[(0,Vn.jsx)("h4",{className:"sr-only",children:(0,Un.__)("Type select","extendify-sdk")}),(0,Vn.jsxs)("button",{type:"button",className:$n()({"cursor-pointer p-3.5 space-x-2 inline-flex items-center border border-black button-focus":!0,"bg-gray-900 text-white":"pattern"===t.type,"bg-transparent text-black":"pattern"!==t.type}),onClick:function(){return n("pattern")},children:[(0,Vn.jsx)("svg",{width:"17",height:"13",viewBox:"0 0 17 13",className:"fill-current",xmlns:"http://www.w3.org/2000/svg",children:(0,Vn.jsx)("path",{d:"M1 13H16C16.55 13 17 12.55 17 12V8C17 7.45 16.55 7 16 7H1C0.45 7 0 7.45 0 8V12C0 12.55 0.45 13 1 13ZM0 1V5C0 5.55 0.45 6 1 6H16C16.55 6 17 5.55 17 5V1C17 0.45 16.55 0 16 0H1C0.45 0 0 0.45 0 1Z"})}),(0,Vn.jsx)("span",{className:"",children:(0,Un.__)("Patterns","extendify-sdk")})]}),(0,Vn.jsxs)("button",{type:"button",className:$n()({"cursor-pointer p-3.5 px-4 space-x-2 inline-flex items-center border border-black focus:ring-2 focus:ring-wp-theme-500 ring-offset-1 outline-none -ml-px":!0,"bg-gray-900 text-white":"template"===t.type,"bg-transparent text-black":"template"!==t.type}),onClick:function(){return n("template")},children:[(0,Vn.jsx)("svg",{width:"17",height:"13",viewBox:"0 0 17 13",className:"fill-current",xmlns:"http://www.w3.org/2000/svg",children:(0,Vn.jsx)("path",{d:"M7 13H10C10.55 13 11 12.55 11 12V8C11 7.45 10.55 7 10 7H7C6.45 7 6 7.45 6 8V12C6 12.55 6.45 13 7 13ZM1 13H4C4.55 13 5 12.55 5 12V1C5 0.45 4.55 0 4 0H1C0.45 0 0 0.45 0 1V12C0 12.55 0.45 13 1 13ZM13 13H16C16.55 13 17 12.55 17 12V8C17 7.45 16.55 7 16 7H13C12.45 7 12 7.45 12 8V12C12 12.55 12.45 13 13 13ZM6 1V5C6 5.55 6.45 6 7 6H16C16.55 6 17 5.55 17 5V1C17 0.45 16.55 0 16 0H7C6.45 0 6 0.45 6 1Z"})}),(0,Vn.jsx)("span",{className:"",children:(0,Un.__)("Page templates","extendify-sdk")})]})]})}function Co(e){var t=e.template,n=x((function(e){return e.setActive})),o=(0,r.useRef)(null),i=t.fields,a=i.tax_categories,u=i.required_plugins,s=G((function(e){return e.apiKey}));return(0,r.useEffect)((function(){o.current.focus()}),[]),(0,Vn.jsxs)("div",{className:"flex flex-col items-start justify-start",children:[!s.length&&(0,Vn.jsxs)("div",{className:"h-full flex sm:hidden w-full p-4 justify-between border items-center border-gray-300 bg-extendify-lightest",children:[(0,Vn.jsx)("a",{className:"button-extendify-main",target:"_blank",href:"https://extendify.com",rel:"noreferrer",children:(0,Un.__)("Sign up today to get unlimited access","extendify-sdk")}),(0,Vn.jsx)("button",{className:"components-button",onClick:function(){return g.setState({currentPage:"login"})},children:(0,Un.__)("Log in","extendify-sdk")})]}),(0,Vn.jsx)("div",{className:"p-6 sm:p-0",children:(0,Vn.jsxs)("button",{ref:o,type:"button",className:"cursor-pointer text-black bg-transparent font-medium flex items-center p-3 transform -translate-x-3 button-focus",onClick:function(){return n({})},children:[(0,Vn.jsx)("svg",{className:"fill-current",width:"8",height:"12",viewBox:"0 0 8 12",xmlns:"http://www.w3.org/2000/svg",children:(0,Vn.jsx)("path",{d:"M6.70998 9.88047L2.82998 6.00047L6.70998 2.12047C7.09998 1.73047 7.09998 1.10047 6.70998 0.710469C6.31998 0.320469 5.68998 0.320469 5.29998 0.710469L0.70998 5.30047C0.31998 5.69047 0.31998 6.32047 0.70998 6.71047L5.29998 11.3005C5.68998 11.6905 6.31998 11.6905 6.70998 11.3005C7.08998 10.9105 7.09998 10.2705 6.70998 9.88047Z"})}),(0,Vn.jsx)("span",{className:"ml-4",children:(0,Un.__)("Go back","extendify-sdk")})]})}),(0,Vn.jsxs)("div",{className:"text-left pt-14 divide-y w-full hidden sm:block",children:[(0,Vn.jsxs)("div",{className:"w-full py-6",children:[(0,Vn.jsx)("h3",{className:"m-0 mb-6",children:(0,Un.__)("Categories","extendify-sdk")}),(0,Vn.jsx)("ul",{className:"text-sm m-0",children:a.map((function(e){return(0,Vn.jsx)("li",{className:"inline-block mr-2 px-4 py-2 bg-gray-100",children:e},e)}))})]}),u.filter((function(e){return"editorplus"!==e})).length>0&&(0,Vn.jsxs)("div",{className:"pt-4 w-full",children:[(0,Vn.jsx)("h3",{className:"m-0 mb-6",children:(0,Un.__)("Required Plugins","extendify-sdk")}),(0,Vn.jsx)("ul",{className:"text-sm",children:u.filter((function(e){return"editorplus"!==e})).map((function(e){return(0,Vn.jsx)("li",{className:"inline-block mr-2 px-4 py-2 bg-extendify-light",children:Wr(e)},e)}))})]}),(0,Vn.jsx)("div",{className:"py-6",children:(0,Vn.jsx)("a",{href:"https://extendify.com/what-happens-when-a-template-is-added",rel:"noreferrer",target:"_blank",children:(0,Un.__)("What happens when a template is added?","extendify-sdk")})})]})]})}function Eo(){var e=x((function(e){return e.searchParams}));return(0,Vn.jsx)("div",{className:"hidden sm:flex items-start flex-col lg:flex-row -mt-2 lg:-mx-2 mb-4 lg:divide-x-2 lg:leading-none",children:Object.entries(e.taxonomies).map((function(t){return"template"===e.type&&"tax_pattern_types"===t[0]||"pattern"===e.type&&"tax_page_types"===t[0]?"":(0,Vn.jsxs)("div",{className:"lg:px-2 text-left",children:[(0,Vn.jsx)("span",{className:"font-bold",children:(n=t[0],n.replace("tax_","").replace("_"," ").replace(/\b\w/g,(function(e){return e.toUpperCase()})))}),": ",(0,Vn.jsx)("span",{children:t[1]?t[1]:"All"})]},t[0]);var n}))})}function Po(e){var t=e.className,n=e.initialFocus,r=x((function(e){return e.templates})),o=x((function(e){return e.activeTemplate}));return(0,Vn.jsxs)("div",{className:t,children:[(0,Vn.jsx)("a",{href:"#extendify-templates",className:"sr-only focus:not-sr-only focus:text-blue-500",children:(0,Un.__)("Skip to content","extendify-sdk")}),(0,Vn.jsxs)("div",{className:"sm:flex sm:space-x-12 relative bg-white mx-auto max-w-screen-4xl h-full",children:[!!Object.keys(o).length&&(0,Vn.jsx)("div",{className:"absolute bg-white sm:flex inset-0 z-50 sm:space-x-12",children:(0,Vn.jsxs)(jo,{children:[(0,Vn.jsx)(Co,{template:o}),(0,Vn.jsx)(ko,{template:o})]})}),(0,Vn.jsxs)(jo,{children:[(0,Vn.jsx)(rr,{initialFocus:n}),(0,Vn.jsxs)(Vn.Fragment,{children:[(0,Vn.jsx)(Oo,{}),(0,Vn.jsx)(Eo,{}),(0,Vn.jsx)("div",{className:"relative h-full z-30 bg-white",children:(0,Vn.jsx)("div",{className:"absolute z-20 inset-0 lg:static h-screen lg:h-full overflow-y-auto pt-4 sm:pt-0 px-6 sm:pl-0 sm:pr-8",children:(0,Vn.jsx)(Or,{templates:r})})})]})]})]})]})}function Io(e,t,n,r,o,i,a){try{var u=e[i](a),s=u.value}catch(e){return void n(e)}u.done?t(s):Promise.resolve(s).then(r,o)}function No(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null==n)return;var r,o,i=[],a=!0,u=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(e){u=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(u)throw o}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return To(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return To(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function To(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function _o(){var e=No((0,r.useState)(G.getState().apiKey),2),t=e[0],n=e[1],o=No((0,r.useState)(G.getState().email),2),i=o[0],a=o[1],u=No((0,r.useState)(""),2),s=u[0],c=u[1],l=No((0,r.useState)("info"),2),f=l[0],d=l[1],p=No((0,r.useState)(""),2),m=p[0],v=p[1];(0,r.useEffect)((function(){return function(){return d("info")}}),[]);var h=function(){var e,n=(e=k().mark((function e(n){var r,o,a,u,s,l;return k().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n.preventDefault(),c(""),r=i.length?i:m,e.next=5,L(r,t);case 5:if(o=e.sent,a=o.token,u=o.error,s=o.exception,void 0===(l=o.message)){e.next=13;break}return d("error"),e.abrupt("return",c(l.length?l:"Error: Are you interacting with the wrong server?"));case 13:if(!u&&!s){e.next=16;break}return d("error"),e.abrupt("return",c(u.length?u:s));case 16:if(a&&"string"==typeof a){e.next=19;break}return d("error"),e.abrupt("return",c((0,Un.__)("Something went wrong","extendify-sdk")));case 19:return d("success"),c("Success!"),e.next=23,new Promise((function(e){return setTimeout(e,1500)}));case 23:G.setState({apiKey:a}),g.setState({currentPage:"content"});case 25:case"end":return e.stop()}}),e)})),function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){Io(i,r,o,a,u,"next",e)}function u(e){Io(i,r,o,a,u,"throw",e)}a(void 0)}))});return function(e){return n.apply(this,arguments)}}();return(0,r.useEffect)((function(){i||A("user_email").then((function(e){return v(e)}))}),[i]),(0,Vn.jsxs)("section",{className:"w-96 text-left md:-mt-32",children:[(0,Vn.jsx)("h1",{className:"border-b border-gray-900 mb-12 pb-4",children:(0,Un.__)("Welcome","extendify-sdk")}),s&&(0,Vn.jsx)("div",{className:$n()({"border-b pb-6 mb-6 -mt-6":!0,"border-gray-900 text-gray-900":"info"===f,"border-wp-alert-red text-wp-alert-red":"error"===f,"border-extendify-main text-extendify-main":"success"===f}),children:s}),(0,Vn.jsxs)("form",{onSubmit:h,className:" space-y-6",children:[(0,Vn.jsxs)("div",{className:"flex items-center",children:[(0,Vn.jsx)("label",{htmlFor:"extendifysdk-login-email",className:"w-32 font-bold",children:(0,Un.__)("Email:","extendify-sdk")}),(0,Vn.jsx)("input",{id:"extendifysdk-login-email",name:"extendifysdk-login-email",type:"email",className:"border px-2 w-full",placeholder:"Email",value:i.length?i:m,onChange:function(e){return a(e.target.value)}})]}),(0,Vn.jsxs)("div",{className:"flex items-center",children:[(0,Vn.jsx)("label",{htmlFor:"extendifysdk-login-license",className:"w-32 font-bold",children:(0,Un.__)("License:","extendify-sdk")}),(0,Vn.jsx)("input",{id:"extendifysdk-login-license",name:"extendifysdk-login-email",type:"text",className:"border px-2 w-full",placeholder:"License key",value:t,onChange:function(e){return n(e.target.value)}})]}),(0,Vn.jsx)("div",{className:"flex justify-end",children:(0,Vn.jsx)("button",{type:"submit",className:"button-extendify-main p-3 px-4",children:(0,Un.__)("Sign in","extendify-sdk")})})]})]})}function Ro(e){var t=e.className;return(0,Vn.jsxs)("div",{className:t,children:[(0,Vn.jsx)("a",{href:"#extendify-templates",className:"sr-only focus:not-sr-only focus:text-blue-500",children:(0,Un.__)("Skip to content","extendify-sdk")}),(0,Vn.jsx)("div",{className:"flex sm:space-x-12 relative mx-auto max-w-screen-4xl h-full",children:(0,Vn.jsxs)("div",{className:"absolute flex inset-0 items-center justify-center z-20 sm:space-x-12",children:[(0,Vn.jsx)("div",{className:"pl-12 py-6 absolute top-0 left-0",children:(0,Vn.jsxs)("button",{type:"button",className:"cursor-pointer text-black bg-transparent font-medium flex items-center p-3 transform -translate-x-3 button-focus",onClick:function(){return g.setState({currentPage:"content"})},children:[(0,Vn.jsx)("svg",{className:"fill-current",width:"8",height:"12",viewBox:"0 0 8 12",xmlns:"http://www.w3.org/2000/svg",children:(0,Vn.jsx)("path",{d:"M6.70998 9.88047L2.82998 6.00047L6.70998 2.12047C7.09998 1.73047 7.09998 1.10047 6.70998 0.710469C6.31998 0.320469 5.68998 0.320469 5.29998 0.710469L0.70998 5.30047C0.31998 5.69047 0.31998 6.32047 0.70998 6.71047L5.29998 11.3005C5.68998 11.6905 6.31998 11.6905 6.70998 11.3005C7.08998 10.9105 7.09998 10.2705 6.70998 9.88047Z"})}),(0,Vn.jsx)("span",{className:"ml-4",children:(0,Un.__)("Go back","extendify-sdk")})]})}),(0,Vn.jsx)("div",{className:"flex justify-center",children:(0,Vn.jsx)(_o,{})})]})})]})}function Ao(e){var t=e.show,n=function(){var e=document.getElementById("beacon-container");e&&(e.style.position="relative",e.style.zIndex=Number.MAX_SAFE_INTEGER,e.style.display="block")},o=function(){var e=document.getElementById("beacon-container");e&&(e.style.display="none",window.Beacon("close"))};return(0,r.useEffect)((function(){if(t)return window.Beacon?(n(),function(){return o()}):(function(e,t,n){function r(){var e,n=t.getElementsByTagName("script")[0],r=t.createElement("script");r.async=!0,r.src="https://beacon-v2.helpscout.net",null===(e=n.parentNode)||void 0===e||e.insertBefore(r,n)}if(e.Beacon=n=function(t,n,r){e.Beacon.readyQueue.push({method:t,options:n,data:r})},n.readyQueue=[],"complete"===t.readyState)return r();e.attachEvent?e.attachEvent("onload",r):e.addEventListener("load",r,!1)}(window,document,window.Beacon||function(){}),window.Beacon("init","2b8c11c0-5afc-4cb9-bee0-a5cb76b2fc91"),window.Beacon("on","ready",n),function(){window.Beacon("off","ready",n),o()})}),[t]),(0,Vn.jsx)(Vn.Fragment,{})}function Lo(){var e=(0,r.useRef)(null),t=g((function(e){return e.open})),n=g((function(e){return e.setOpen})),o=g((function(e){return e.currentPage}));return(0,Vn.jsx)(Bn.Root,{show:t,as:r.Fragment,children:(0,Vn.jsx)(ot,{as:"div",static:!0,className:"extendify-sdk",initialFocus:e,onClose:function(){},children:(0,Vn.jsx)("div",{className:"h-screen w-screen sm:h-auto sm:w-auto fixed z-high inset-0 overflow-y-auto",children:(0,Vn.jsxs)("div",{className:"flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0",children:[(0,Vn.jsx)(Bn.Child,{as:r.Fragment,enter:"ease-out duration-300",enterFrom:"opacity-0",enterTo:"opacity-100",children:(0,Vn.jsx)(ot.Overlay,{className:"fixed inset-0 bg-black bg-opacity-30 transition-opacity"})}),(0,Vn.jsx)(Bn.Child,{as:r.Fragment,enter:"ease-out duration-300",enterFrom:"opacity-0 translate-y-4 sm:translate-y-5",enterTo:"opacity-100 translate-y-0",children:(0,Vn.jsxs)("div",{className:"fixed lg:absolute inset-0 lg:overflow-hidden transform transition-all lg:pt-5 lg:p-10",children:[(0,Vn.jsxs)("div",{className:"bg-white h-full flex flex-col items-center relative shadow-xl max-w-screen-4xl mx-auto",children:[(0,Vn.jsx)(Gn,{className:"w-full h-16 border-solid border-0 border-b border-gray-300 flex-shrink-0",initialFocus:e,hideLibrary:function(){return n(!1)}}),"content"===o&&(0,Vn.jsx)(Po,{className:"w-full flex-grow overflow-hidden"}),"login"===o&&(0,Vn.jsx)(Ro,{className:"w-full flex-grow overflow-hidden bg-extendify-light"})]}),(0,Vn.jsx)(Ao,{show:t})]})})]})})})})}function Do(e){var t=e.show,n=void 0!==t&&t,o=g((function(e){return e.setOpen})),i=(0,r.useCallback)((function(){return o(!0)}),[o]),a=(0,r.useCallback)((function(){o(!1)}),[o]);return(0,r.useEffect)((function(){n&&o(!0)}),[n,o]),(0,r.useEffect)((function(){return window.localStorage.getItem("etfy_library__key")&&G.setState({apiKey:"any-key-will-work-during-beta"}),function(){return window.localStorage.removeItem("etfy_library__key")}}),[]),(0,r.useEffect)((function(){return window.addEventListener("extendify-sdk::open-library",i),window.addEventListener("extendify-sdk::close-library",a),function(){window.removeEventListener("extendify-sdk::open-library",i),window.removeEventListener("extendify-sdk::close-library",a)}}),[a,i]),(0,Vn.jsx)(Lo,{})}const Fo=wp.plugins,Mo=wp.editPost;function Bo(e,t,n,r,o,i,a){try{var u=e[i](a),s=u.value}catch(e){return void n(e)}u.done?t(s):Promise.resolve(s).then(r,o)}function Uo(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){Bo(i,r,o,a,u,"next",e)}function u(e){Bo(i,r,o,a,u,"throw",e)}a(void 0)}))}}var Vo=function(e){var t,n;qr(null===(t=e.target.closest("[data-extendify-identifier]"))||void 0===t||null===(n=t.dataset)||void 0===n?void 0:n.extendifyIdentifier)},Go=function(){var e,t,n;return null===window.extendifySdkData.user||(null===(e=window.extendifySdkData)||void 0===e||null===(t=e.user)||void 0===t||null===(n=t.state)||void 0===n?void 0:n.enabled)},Ho=(0,Vn.jsx)("div",{id:"extendify-templates-inserter",children:(0,Vn.jsxs)("button",{style:"background:#D9F1EE;color:#1e1e1e;border:1px solid #949494;font-weight:bold;font-size:14px;padding:8px;margin-right:8px",type:"button","data-extendify-identifier":"main-button",id:"extendify-templates-inserter-btn",className:"components-button",children:[(0,Vn.jsxs)("svg",{style:"margin-right:0.5rem",width:"20",height:"20",viewBox:"0 0 103 103",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,Vn.jsx)("rect",{y:"25.75",width:"70.8125",height:"77.25",fill:"#000000"}),(0,Vn.jsx)("rect",{x:"45.0625",width:"57.9375",height:"57.9375",fill:"#37C2A2"})]}),(0,Un.__)("Library","extendify-sdk")]})});window._wpLoadBlockEditor&&window.wp.data.subscribe((function(){setTimeout((function(){Go()&&(document.getElementById("extendify-templates-inserter-btn")||document.querySelector(".edit-post-header-toolbar")&&(document.querySelector(".edit-post-header-toolbar").insertAdjacentHTML("beforeend",(0,r.renderToString)(Ho)),document.getElementById("extendify-templates-inserter-btn").addEventListener("click",Vo)))}),0)})),window._wpLoadBlockEditor&&window.wp.data.subscribe((function(){setTimeout((function(){if(Go()&&document.querySelector("[id$=patterns-view]")&&!document.getElementById("extendify-cta-button")){var e=(0,Vn.jsx)("div",{children:(0,Vn.jsx)("button",{id:"extendify-cta-button",style:"margin:1rem 1rem 0","data-extendify-identifier":"patterns-cta",className:"components-button is-secondary",children:(0,Un.__)("Discover more patterns in Extendify Library","extendify-sdk")})});document.querySelector("[id$=patterns-view]").insertAdjacentHTML("afterbegin",(0,r.renderToString)(e)),document.getElementById("extendify-cta-button").addEventListener("click",Vo)}}),0)}));window._wpLoadBlockEditor&&Go()&&(0,Fo.registerPlugin)("extendify-temps-more-menu-trigger",{render:function(){return(0,Vn.jsx)(Mo.PluginSidebarMoreMenuItem,{"data-extendify-identifier":"sidebar-button",onClick:Vo,icon:(0,Vn.jsx)("span",{className:"components-menu-items__item-icon",children:(0,Vn.jsxs)("svg",{width:"20",height:"20",viewBox:"0 0 103 103",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,Vn.jsx)("rect",{y:"25.75",width:"70.8125",height:"77.25",fill:"#000000"}),(0,Vn.jsx)("rect",{x:"45.0625",width:"57.9375",height:"57.9375",fill:"#37C2A2"})]})}),children:(0,Un.__)("Library","extendify-sdk")})}});window._wpLoadBlockEditor&&(0,Fo.registerPlugin)("extendify-settings-enable-disable",{render:function(){return(0,Vn.jsx)(Mo.PluginSidebarMoreMenuItem,{onClick:Uo(k().mark((function e(){var t;return k().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,R();case 2:return t=e.sent,(t=JSON.parse(t)).state.enabled=!Go(),e.next=7,D(JSON.stringify(Object.assign({},t)));case 7:location.reload();case 8:case"end":return e.stop()}}),e)}))),icon:(0,Vn.jsx)(Vn.Fragment,{}),children:Go()?(0,Un.__)("Disable Extendify","extendify-sdk"):(0,Un.__)("Enable Extendify","extendify-sdk")})}}),[{register:function(){var e=(0,Fr.dispatch)("core/notices").createNotice,t=G.getState().incrementImports;window.addEventListener("extendify-sdk::template-inserted",(function(n){e("info",(0,Un.__)("Template Added"),{isDismissible:!0,type:"snackbar"}),setTimeout((function(){var e;t(),lr(null===(e=n.detail)||void 0===e?void 0:e.template)}),0)}))}},{register:function(){var e=this;window.addEventListener("extendify-sdk::softerror-encountered",(function(t){e[(0,qn.camelCase)(t.detail.type)](t.detail)}))},versionOutdated:function(e){(0,r.render)((0,Vn.jsx)(Kr,{title:e.data.title,message:e.data.message,buttonLabel:e.data.buttonLabel,forceOpen:!0}),document.getElementById("extendify-root"))}}].forEach((function(e){return e.register()})),window._wpLoadBlockEditor&&window.wp.domReady((function(){var e=document.createElement("div");if(e.id="extendify-root",document.body.append(e),(0,r.render)((0,Vn.jsx)(Do,{}),e),Lr.getState().importOnLoad){var t=Lr.getState().wantedTemplate;setTimeout((function(){!function(e){if(!e)throw Error("Template not found");yo(p((0,window.wp.blocks.parse)((0,qn.get)(e,"fields.code"))),e)}(t)}),0)}Lr.setState({importOnLoad:!1,wantedTemplate:{}})}))},42:(e,t)=>{var n;!function(){"use strict";var r={}.hasOwnProperty;function o(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var i=typeof n;if("string"===i||"number"===i)e.push(n);else if(Array.isArray(n)){if(n.length){var a=o.apply(null,n);a&&e.push(a)}}else if("object"===i)if(n.toString===Object.prototype.toString)for(var u in n)r.call(n,u)&&n[u]&&e.push(u);else e.push(n.toString())}}return e.join(" ")}e.exports?(o.default=o,e.exports=o):void 0===(n=function(){return o}.apply(t,[]))||(e.exports=n)}()},716:()=>{},525:e=>{"use strict";var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable;function o(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach((function(e){r[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e,i){for(var a,u,s=o(e),c=1;c<arguments.length;c++){for(var l in a=Object(arguments[c]))n.call(a,l)&&(s[l]=a[l]);if(t){u=t(a);for(var f=0;f<u.length;f++)r.call(a,u[f])&&(s[u[f]]=a[u[f]])}}return s}},61:e=>{var t,n,r=e.exports={};function o(){throw new Error("setTimeout has not been defined")}function i(){throw new Error("clearTimeout has not been defined")}function a(e){if(t===setTimeout)return setTimeout(e,0);if((t===o||!t)&&setTimeout)return t=setTimeout,setTimeout(e,0);try{return t(e,0)}catch(n){try{return t.call(null,e,0)}catch(n){return t.call(this,e,0)}}}!function(){try{t="function"==typeof setTimeout?setTimeout:o}catch(e){t=o}try{n="function"==typeof clearTimeout?clearTimeout:i}catch(e){n=i}}();var u,s=[],c=!1,l=-1;function f(){c&&u&&(c=!1,u.length?s=u.concat(s):l=-1,s.length&&d())}function d(){if(!c){var e=a(f);c=!0;for(var t=s.length;t;){for(u=s,s=[];++l<t;)u&&u[l].run();l=-1,t=s.length}u=null,c=!1,function(e){if(n===clearTimeout)return clearTimeout(e);if((n===i||!n)&&clearTimeout)return n=clearTimeout,clearTimeout(e);try{n(e)}catch(t){try{return n.call(null,e)}catch(t){return n.call(this,e)}}}(e)}}function p(e,t){this.fun=e,this.array=t}function m(){}r.nextTick=function(e){var t=new Array(arguments.length-1);if(arguments.length>1)for(var n=1;n<arguments.length;n++)t[n-1]=arguments[n];s.push(new p(e,t)),1!==s.length||c||a(d)},p.prototype.run=function(){this.fun.apply(null,this.array)},r.title="browser",r.browser=!0,r.env={},r.argv=[],r.version="",r.versions={},r.on=m,r.addListener=m,r.once=m,r.off=m,r.removeListener=m,r.removeAllListeners=m,r.emit=m,r.prependListener=m,r.prependOnceListener=m,r.listeners=function(e){return[]},r.binding=function(e){throw new Error("process.binding is not supported")},r.cwd=function(){return"/"},r.chdir=function(e){throw new Error("process.chdir is not supported")},r.umask=function(){return 0}},426:(e,t,n)=>{"use strict";n(525);var r=n(804),o=60103;if(t.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var i=Symbol.for;o=i("react.element"),t.Fragment=i("react.fragment")}var a=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,u=Object.prototype.hasOwnProperty,s={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,n){var r,i={},c=null,l=null;for(r in void 0!==n&&(c=""+n),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(l=t.ref),t)u.call(t,r)&&!s.hasOwnProperty(r)&&(i[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===i[r]&&(i[r]=t[r]);return{$$typeof:o,type:e,key:c,ref:l,props:i,_owner:a.current}}t.jsx=c,t.jsxs=c},246:(e,t,n)=>{"use strict";e.exports=n(426)},248:e=>{var t=function(e){"use strict";var t,n=Object.prototype,r=n.hasOwnProperty,o="function"==typeof Symbol?Symbol:{},i=o.iterator||"@@iterator",a=o.asyncIterator||"@@asyncIterator",u=o.toStringTag||"@@toStringTag";function s(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{s({},"")}catch(e){s=function(e,t,n){return e[t]=n}}function c(e,t,n,r){var o=t&&t.prototype instanceof h?t:h,i=Object.create(o.prototype),a=new P(r||[]);return i._invoke=function(e,t,n){var r=f;return function(o,i){if(r===p)throw new Error("Generator is already running");if(r===m){if("throw"===o)throw i;return N()}for(n.method=o,n.arg=i;;){var a=n.delegate;if(a){var u=O(a,n);if(u){if(u===v)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(r===f)throw r=m,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);r=p;var s=l(e,t,n);if("normal"===s.type){if(r=n.done?m:d,s.arg===v)continue;return{value:s.arg,done:n.done}}"throw"===s.type&&(r=m,n.method="throw",n.arg=s.arg)}}}(e,n,a),i}function l(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}e.wrap=c;var f="suspendedStart",d="suspendedYield",p="executing",m="completed",v={};function h(){}function y(){}function b(){}var x={};x[i]=function(){return this};var g=Object.getPrototypeOf,w=g&&g(g(I([])));w&&w!==n&&r.call(w,i)&&(x=w);var k=b.prototype=h.prototype=Object.create(x);function S(e){["next","throw","return"].forEach((function(t){s(e,t,(function(e){return this._invoke(t,e)}))}))}function j(e,t){function n(o,i,a,u){var s=l(e[o],e,i);if("throw"!==s.type){var c=s.arg,f=c.value;return f&&"object"==typeof f&&r.call(f,"__await")?t.resolve(f.__await).then((function(e){n("next",e,a,u)}),(function(e){n("throw",e,a,u)})):t.resolve(f).then((function(e){c.value=e,a(c)}),(function(e){return n("throw",e,a,u)}))}u(s.arg)}var o;this._invoke=function(e,r){function i(){return new t((function(t,o){n(e,r,t,o)}))}return o=o?o.then(i,i):i()}}function O(e,n){var r=e.iterator[n.method];if(r===t){if(n.delegate=null,"throw"===n.method){if(e.iterator.return&&(n.method="return",n.arg=t,O(e,n),"throw"===n.method))return v;n.method="throw",n.arg=new TypeError("The iterator does not provide a 'throw' method")}return v}var o=l(r,e.iterator,n.arg);if("throw"===o.type)return n.method="throw",n.arg=o.arg,n.delegate=null,v;var i=o.arg;return i?i.done?(n[e.resultName]=i.value,n.next=e.nextLoc,"return"!==n.method&&(n.method="next",n.arg=t),n.delegate=null,v):i:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,v)}function C(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function E(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function P(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(C,this),this.reset(!0)}function I(e){if(e){var n=e[i];if(n)return n.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,a=function n(){for(;++o<e.length;)if(r.call(e,o))return n.value=e[o],n.done=!1,n;return n.value=t,n.done=!0,n};return a.next=a}}return{next:N}}function N(){return{value:t,done:!0}}return y.prototype=k.constructor=b,b.constructor=y,y.displayName=s(b,u,"GeneratorFunction"),e.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===y||"GeneratorFunction"===(t.displayName||t.name))},e.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,b):(e.__proto__=b,s(e,u,"GeneratorFunction")),e.prototype=Object.create(k),e},e.awrap=function(e){return{__await:e}},S(j.prototype),j.prototype[a]=function(){return this},e.AsyncIterator=j,e.async=function(t,n,r,o,i){void 0===i&&(i=Promise);var a=new j(c(t,n,r,o),i);return e.isGeneratorFunction(n)?a:a.next().then((function(e){return e.done?e.value:a.next()}))},S(k),s(k,u,"Generator"),k[i]=function(){return this},k.toString=function(){return"[object Generator]"},e.keys=function(e){var t=[];for(var n in e)t.push(n);return t.reverse(),function n(){for(;t.length;){var r=t.pop();if(r in e)return n.value=r,n.done=!1,n}return n.done=!0,n}},e.values=I,P.prototype={constructor:P,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(E),!e)for(var n in this)"t"===n.charAt(0)&&r.call(this,n)&&!isNaN(+n.slice(1))&&(this[n]=t)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var n=this;function o(r,o){return u.type="throw",u.arg=e,n.next=r,o&&(n.method="next",n.arg=t),!!o}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],u=a.completion;if("root"===a.tryLoc)return o("end");if(a.tryLoc<=this.prev){var s=r.call(a,"catchLoc"),c=r.call(a,"finallyLoc");if(s&&c){if(this.prev<a.catchLoc)return o(a.catchLoc,!0);if(this.prev<a.finallyLoc)return o(a.finallyLoc)}else if(s){if(this.prev<a.catchLoc)return o(a.catchLoc,!0)}else{if(!c)throw new Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return o(a.finallyLoc)}}}},abrupt:function(e,t){for(var n=this.tryEntries.length-1;n>=0;--n){var o=this.tryEntries[n];if(o.tryLoc<=this.prev&&r.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===e||"continue"===e)&&i.tryLoc<=t&&t<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=e,a.arg=t,i?(this.method="next",this.next=i.finallyLoc,v):this.complete(a)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),v},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),E(n),v}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r=n.completion;if("throw"===r.type){var o=r.arg;E(n)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(e,n,r){return this.delegate={iterator:I(e),resultName:n,nextLoc:r},"next"===this.method&&(this.arg=t),v}},e}(e.exports);try{regeneratorRuntime=t}catch(e){Function("r","regeneratorRuntime = r")(t)}},804:e=>{"use strict";e.exports=React}},n={};function r(e){var o=n[e];if(void 0!==o)return o.exports;var i=n[e]={exports:{}};return t[e](i,i.exports,r),i.exports}r.m=t,e=[],r.O=(t,n,o,i)=>{if(!n){var a=1/0;for(c=0;c<e.length;c++){for(var[n,o,i]=e[c],u=!0,s=0;s<n.length;s++)(!1&i||a>=i)&&Object.keys(r.O).every((e=>r.O[e](n[s])))?n.splice(s--,1):(u=!1,i<a&&(a=i));u&&(e.splice(c--,1),t=o())}return t}i=i||0;for(var c=e.length;c>0&&e[c-1][2]>i;c--)e[c]=e[c-1];e[c]=[n,o,i]},r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e={172:0,106:0};r.O.j=t=>0===e[t];var t=(t,n)=>{var o,i,[a,u,s]=n,c=0;for(o in u)r.o(u,o)&&(r.m[o]=u[o]);if(s)var l=s(r);for(t&&t(n);c<a.length;c++)i=a[c],r.o(e,i)&&e[i]&&e[i][0](),e[a[c]]=0;return r.O(l)},n=self.webpackChunk=self.webpackChunk||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))})(),r.O(void 0,[106],(()=>r(589)));var o=r.O(void 0,[106],(()=>r(716)));o=r.O(o)})();
extendify-sdk/readme.txt CHANGED
@@ -1,5 +1,5 @@
1
  === Extendify Sdk ===
2
  Requires at least: 5.4
3
- Stable tag: 3.6
4
  Requires PHP: 5.6
5
  Tested up to: 5.7.0
1
  === Extendify Sdk ===
2
  Requires at least: 5.4
3
+ Stable tag: 4.1
4
  Requires PHP: 5.6
5
  Tested up to: 5.7.0
extendify-sdk/src/buttons.js CHANGED
@@ -2,13 +2,16 @@ import { __ } from '@wordpress/i18n'
2
  import { renderToString } from '@wordpress/element'
3
  import { registerPlugin } from '@wordpress/plugins'
4
  import { openModal } from './util/general'
5
- import { useUserStore } from './state/User'
6
  import { PluginSidebarMoreMenuItem } from '@wordpress/edit-post'
 
7
 
8
  const openLibrary = (event) => {
9
  openModal(event.target.closest('[data-extendify-identifier]')?.dataset?.extendifyIdentifier)
10
  }
11
 
 
 
 
12
  const mainButton = <div id="extendify-templates-inserter">
13
  <button
14
  style="background:#D9F1EE;color:#1e1e1e;border:1px solid #949494;font-weight:bold;font-size:14px;padding:8px;margin-right:8px"
@@ -27,7 +30,8 @@ const mainButton = <div id="extendify-templates-inserter">
27
  // Add the MAIN button when Gutenberg is available and ready
28
  window._wpLoadBlockEditor && window.wp.data.subscribe(() => {
29
  setTimeout(() => {
30
- if (!useUserStore.getState().enabled) {
 
31
  return
32
  }
33
  if (document.getElementById('extendify-templates-inserter-btn')) {
@@ -44,7 +48,8 @@ window._wpLoadBlockEditor && window.wp.data.subscribe(() => {
44
  // The CTA button inside patterns
45
  window._wpLoadBlockEditor && window.wp.data.subscribe(() => {
46
  setTimeout(() => {
47
- if (!useUserStore.getState().enabled) {
 
48
  return
49
  }
50
  if (!document.querySelector('[id$=patterns-view]')) {
@@ -68,7 +73,7 @@ window._wpLoadBlockEditor && window.wp.data.subscribe(() => {
68
  })
69
 
70
  // The right dropdown side menu
71
- const SideMenuButton = () => useUserStore.getState().enabled && <PluginSidebarMoreMenuItem
72
  data-extendify-identifier="sidebar-button"
73
  onClick={openLibrary}
74
  icon={
@@ -82,26 +87,29 @@ const SideMenuButton = () => useUserStore.getState().enabled && <PluginSidebarMo
82
  >
83
  {__('Library', 'extendify-sdk')}
84
  </PluginSidebarMoreMenuItem>
85
- window._wpLoadBlockEditor && registerPlugin('extendify-temps-more-menu-trigger', {
86
  render: SideMenuButton,
87
  })
88
 
89
- // Everything above this line will be enabled or disabled based on the
90
- // users "enabled" state, which is controlled by another button here
91
  const LibraryEnableDisable = () => <PluginSidebarMoreMenuItem
92
- onClick={() => {
93
- useUserStore.setState({
94
- enabled: !useUserStore.getState().enabled,
95
- })
96
- requestAnimationFrame(() => location.reload())
 
 
 
97
  }}
98
  icon={<></>}
99
  >
100
- {useUserStore.getState().enabled
101
  ? __('Disable Extendify', 'extendify-sdk')
102
  : __('Enable Extendify', 'extendify-sdk')}
103
  </PluginSidebarMoreMenuItem>
104
 
 
105
  window._wpLoadBlockEditor && registerPlugin('extendify-settings-enable-disable', {
106
  render: LibraryEnableDisable,
107
  })
2
  import { renderToString } from '@wordpress/element'
3
  import { registerPlugin } from '@wordpress/plugins'
4
  import { openModal } from './util/general'
 
5
  import { PluginSidebarMoreMenuItem } from '@wordpress/edit-post'
6
+ import { User } from './api/User'
7
 
8
  const openLibrary = (event) => {
9
  openModal(event.target.closest('[data-extendify-identifier]')?.dataset?.extendifyIdentifier)
10
  }
11
 
12
+ // This returns true if the user object is null (Library never opened), or if it's enabled in the user settings
13
+ const isLibraryEnabled = () => window.extendifySdkData.user === null || window.extendifySdkData?.user?.state?.enabled
14
+
15
  const mainButton = <div id="extendify-templates-inserter">
16
  <button
17
  style="background:#D9F1EE;color:#1e1e1e;border:1px solid #949494;font-weight:bold;font-size:14px;padding:8px;margin-right:8px"
30
  // Add the MAIN button when Gutenberg is available and ready
31
  window._wpLoadBlockEditor && window.wp.data.subscribe(() => {
32
  setTimeout(() => {
33
+ // Redundant extra check added because of a bug where the above check wasn't working
34
+ if (!isLibraryEnabled()) {
35
  return
36
  }
37
  if (document.getElementById('extendify-templates-inserter-btn')) {
48
  // The CTA button inside patterns
49
  window._wpLoadBlockEditor && window.wp.data.subscribe(() => {
50
  setTimeout(() => {
51
+ // Redundant extra check added because of a bug where the above check wasn't working
52
+ if (!isLibraryEnabled()) {
53
  return
54
  }
55
  if (!document.querySelector('[id$=patterns-view]')) {
73
  })
74
 
75
  // The right dropdown side menu
76
+ const SideMenuButton = () => <PluginSidebarMoreMenuItem
77
  data-extendify-identifier="sidebar-button"
78
  onClick={openLibrary}
79
  icon={
87
  >
88
  {__('Library', 'extendify-sdk')}
89
  </PluginSidebarMoreMenuItem>
90
+ window._wpLoadBlockEditor && isLibraryEnabled() && registerPlugin('extendify-temps-more-menu-trigger', {
91
  render: SideMenuButton,
92
  })
93
 
94
+ // This will add a button to enable or disable the library button
 
95
  const LibraryEnableDisable = () => <PluginSidebarMoreMenuItem
96
+ onClick={async () => {
97
+ // This works even when the Library hasn't been opened yet
98
+ // because User.getData() will build a barebones User object
99
+ let userData = await User.getData()
100
+ userData = JSON.parse(userData)
101
+ userData.state.enabled = !isLibraryEnabled()
102
+ await User.setData(JSON.stringify(Object.assign({}, userData)))
103
+ location.reload()
104
  }}
105
  icon={<></>}
106
  >
107
+ {isLibraryEnabled()
108
  ? __('Disable Extendify', 'extendify-sdk')
109
  : __('Enable Extendify', 'extendify-sdk')}
110
  </PluginSidebarMoreMenuItem>
111
 
112
+ // Load this button always, which is used to enable or disable
113
  window._wpLoadBlockEditor && registerPlugin('extendify-settings-enable-disable', {
114
  render: LibraryEnableDisable,
115
  })
extendify-sdk/src/components/Beacon.js ADDED
@@ -0,0 +1,75 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ import { useEffect } from '@wordpress/element'
2
+
3
+ export default function Beacon({ show }) {
4
+
5
+ const showBeacon = () => {
6
+ const container = document.getElementById('beacon-container')
7
+ if (container) {
8
+ container.style.position = 'relative'
9
+ container.style.zIndex = Number.MAX_SAFE_INTEGER
10
+ container.style.display = 'block'
11
+ }
12
+ }
13
+
14
+ const hideBeacon = () => {
15
+ const container = document.getElementById('beacon-container')
16
+ if (container) {
17
+ container.style.display = 'none'
18
+ window.Beacon('close')
19
+ }
20
+ }
21
+
22
+ useEffect(() => {
23
+ if (!show) {
24
+ return
25
+ }
26
+
27
+ if (window.Beacon) {
28
+ showBeacon()
29
+ return () => hideBeacon()
30
+ }
31
+
32
+ // Code direct from HS
33
+ (function (
34
+ e, t, n,
35
+ ) {
36
+ function a() {
37
+ const e = t.getElementsByTagName('script')[0],
38
+ n = t.createElement('script')
39
+ ;(n.async = !0), (n.src = 'https://beacon-v2.helpscout.net'), e.parentNode?.insertBefore(n, e)
40
+ }
41
+ if (
42
+ ((e.Beacon = n = function (
43
+ t, n, a,
44
+ ) {
45
+ e.Beacon.readyQueue.push({
46
+ method: t, options: n, data: a,
47
+ })
48
+ }),
49
+ (n.readyQueue = []),
50
+ 'complete' === t.readyState)
51
+ )
52
+ return a()
53
+ e.attachEvent
54
+ ? e.attachEvent('onload', a)
55
+ : e.addEventListener(
56
+ 'load', a, !1,
57
+ )
58
+ })(
59
+ window, document, window.Beacon || function () {},
60
+ )
61
+
62
+ window.Beacon('init', '2b8c11c0-5afc-4cb9-bee0-a5cb76b2fc91')
63
+ window.Beacon(
64
+ 'on', 'ready', showBeacon,
65
+ )
66
+ return () => {
67
+ window.Beacon(
68
+ 'off', 'ready', showBeacon,
69
+ )
70
+ hideBeacon()
71
+ }
72
+ }, [show])
73
+
74
+ return <></>
75
+ }
extendify-sdk/src/components/SidebarSingle.js CHANGED
@@ -22,7 +22,7 @@ export default function SidebarSingle({ template }) {
22
  target="_blank"
23
  href="https://extendify.com"
24
  rel="noreferrer">
25
- {__('Sign up today to get unlimited beta access', 'extendify-sdk')}
26
  </a>
27
  <button
28
  className="components-button"
22
  target="_blank"
23
  href="https://extendify.com"
24
  rel="noreferrer">
25
+ {__('Sign up today to get unlimited access', 'extendify-sdk')}
26
  </a>
27
  <button
28
  className="components-button"
extendify-sdk/src/layout/MainWindow.js CHANGED
@@ -1,15 +1,12 @@
1
- import {
2
- Fragment, useRef, useState,
3
- } from '@wordpress/element'
4
  import { Dialog, Transition } from '@headlessui/react'
5
  import Toolbar from './Toolbar'
6
  import Content from './Content'
7
  import Login from './Login'
8
- import classNames from 'classnames'
9
  import { useGlobalStore } from '../state/GlobalState'
10
 
11
  export default function MainWindow() {
12
- const [fullScreen, setFullScreen] = useState(false)
13
  const initialFocus = useRef(null)
14
  const open = useGlobalStore(state => state.open)
15
  const setOpen = useGlobalStore(state => state.setOpen)
@@ -40,17 +37,10 @@ export default function MainWindow() {
40
  enterFrom="opacity-0 translate-y-4 sm:translate-y-5"
41
  enterTo="opacity-100 translate-y-0"
42
  >
43
- <div className={classNames({
44
- 'fixed lg:absolute inset-0 lg:overflow-hidden transform transition-all': true,
45
- 'lg:pt-5 lg:p-10': !fullScreen,
46
- })}>
47
- <div className={classNames({
48
- 'bg-white h-full flex flex-col items-center relative shadow-xl': true,
49
- 'max-w-screen-4xl mx-auto': !fullScreen,
50
- })}>
51
  <Toolbar
52
  className="w-full h-16 border-solid border-0 border-b border-gray-300 flex-shrink-0"
53
- toggleFullScreen={() => setFullScreen(!fullScreen)}
54
  initialFocus={initialFocus}
55
  hideLibrary={() => setOpen(false)}/>
56
  {currentPage === 'content' &&
@@ -60,6 +50,7 @@ export default function MainWindow() {
60
  <Login className="w-full flex-grow overflow-hidden bg-extendify-light"/>
61
  }
62
  </div>
 
63
  </div>
64
  </Transition.Child>
65
  </div>
1
+ import { Fragment, useRef } from '@wordpress/element'
 
 
2
  import { Dialog, Transition } from '@headlessui/react'
3
  import Toolbar from './Toolbar'
4
  import Content from './Content'
5
  import Login from './Login'
6
+ import Beacon from '../components/Beacon'
7
  import { useGlobalStore } from '../state/GlobalState'
8
 
9
  export default function MainWindow() {
 
10
  const initialFocus = useRef(null)
11
  const open = useGlobalStore(state => state.open)
12
  const setOpen = useGlobalStore(state => state.setOpen)
37
  enterFrom="opacity-0 translate-y-4 sm:translate-y-5"
38
  enterTo="opacity-100 translate-y-0"
39
  >
40
+ <div className="fixed lg:absolute inset-0 lg:overflow-hidden transform transition-all lg:pt-5 lg:p-10">
41
+ <div className="bg-white h-full flex flex-col items-center relative shadow-xl max-w-screen-4xl mx-auto">
 
 
 
 
 
 
42
  <Toolbar
43
  className="w-full h-16 border-solid border-0 border-b border-gray-300 flex-shrink-0"
 
44
  initialFocus={initialFocus}
45
  hideLibrary={() => setOpen(false)}/>
46
  {currentPage === 'content' &&
50
  <Login className="w-full flex-grow overflow-hidden bg-extendify-light"/>
51
  }
52
  </div>
53
+ <Beacon show={open}/>
54
  </div>
55
  </Transition.Child>
56
  </div>
extendify-sdk/src/layout/Toolbar.js CHANGED
@@ -33,7 +33,7 @@ export default function Toolbar({ className, hideLibrary, initialFocus }) {
33
  target="_blank"
34
  href="https://extendify.com"
35
  rel="noreferrer">
36
- {__('Sign up today to get unlimited beta access', 'extendify-sdk')}
37
  </a>
38
  </div>
39
  <div className="m-0 p-0 px-6 text-sm bg-gray-50 border-r border-gray-300 h-full flex items-center">
@@ -45,10 +45,6 @@ export default function Toolbar({ className, hideLibrary, initialFocus }) {
45
  </>}
46
  </div>
47
  <div className="space-x-2 transform sm:translate-x-8">
48
- {/* <button type="button" className="components-button has-icon" onClick={() => toggleFullScreen()}>
49
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" size="24" role="img" aria-hidden="true" focusable="false"><path d="M4.2 9h1.5V5.8H9V4.2H4.2V9zm14 9.2H15v1.5h4.8V15h-1.5v3.2zM15 4.2v1.5h3.2V9h1.5V4.2H15zM5.8 15H4.2v4.8H9v-1.5H5.8V15z"></path></svg>
50
- <span className="sr-only">{__('Toggle fullscreen', 'extendify-sdk')}</span>
51
- </button> */}
52
  <button ref={initialFocus} type="button" className="components-button has-icon" onClick={() => hideLibrary()}>
53
  <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" size="24" role="img" aria-hidden="true" focusable="false"><path d="M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"></path></svg>
54
  <span className="sr-only">{__('Close library', 'extendify-sdk')}</span>
33
  target="_blank"
34
  href="https://extendify.com"
35
  rel="noreferrer">
36
+ {__('Sign up today to get unlimited access', 'extendify-sdk')}
37
  </a>
38
  </div>
39
  <div className="m-0 p-0 px-6 text-sm bg-gray-50 border-r border-gray-300 h-full flex items-center">
45
  </>}
46
  </div>
47
  <div className="space-x-2 transform sm:translate-x-8">
 
 
 
 
48
  <button ref={initialFocus} type="button" className="components-button has-icon" onClick={() => hideLibrary()}>
49
  <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" size="24" role="img" aria-hidden="true" focusable="false"><path d="M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"></path></svg>
50
  <span className="sr-only">{__('Close library', 'extendify-sdk')}</span>
free-acf-blocks.php CHANGED
@@ -1,436 +1,436 @@
1
- <?php
2
- // Register Blocks
3
- add_action('acf/init', 'acfb_blocks_free');
4
- function acfb_blocks_free() {
5
-
6
- // check function exists.
7
- if( function_exists('acf_register_block_type') ) {
8
-
9
- // register a testimonial block.
10
- acf_register_block_type(array(
11
- 'name' => 'acfb-testimonial',
12
- 'mode' => 'preview',
13
- 'title' => __('Testimonial'),
14
- 'description' => __('Let others know what your clients or customers say about you.'),
15
- 'render_callback' => 'acf_blocks_template',
16
- 'category' => 'acfb-blocks',
17
- 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"></defs><title/><g data-name="22-chat" id="_22-chat"><polygon class="acfb_svg_icon" points="31 3 1 3 1 23 8 23 14 29 14 23 31 23 31 3"/><line class="acfb_svg_icon" x1="7" x2="25" y1="9" y2="9"/><line class="acfb_svg_icon" x1="7" x2="25" y1="13" y2="13"/><line class="acfb_svg_icon" x1="7" x2="25" y1="17" y2="17"/></g></svg>',
18
- 'enqueue_assets' => function(){
19
- wp_enqueue_style( 'acfb-blocks-css', plugin_dir_url( __FILE__ ) . 'css/acfblocks.css' );
20
- },
21
- ));
22
-
23
- // register a team block.
24
- acf_register_block_type(array(
25
- 'name' => 'acfb-team',
26
- 'mode' => 'preview',
27
- 'title' => __('Team'),
28
- 'description' => __('Introduce your team to your site visitors in style.'),
29
- 'render_callback' => 'acf_blocks_template',
30
- 'category' => 'acfb-blocks',
31
- 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><title/><g data-name="79-users" id="_79-users"><circle class="acfb_svg_icon" cx="16" cy="13" r="5"/><path class="acfb_svg_icon" d="M23,28A7,7,0,0,0,9,28Z"/><path class="acfb_svg_icon" d="M24,14a5,5,0,1,0-4-8"/><path class="acfb_svg_icon" d="M25,24h6a7,7,0,0,0-7-7"/><path class="acfb_svg_icon" d="M12,6a5,5,0,1,0-4,8"/><path class="acfb_svg_icon" d="M8,17a7,7,0,0,0-7,7H7"/></g></svg>',
32
- 'enqueue_assets' => function(){
33
- wp_enqueue_style( 'acfb-blocks-css', plugin_dir_url( __FILE__ ) . 'css/acfblocks.css' );
34
- },
35
- ));
36
-
37
- // register a multi buttons block.
38
- acf_register_block_type(array(
39
- 'name' => 'acfb-multibuttons',
40
- 'mode' => 'preview',
41
- 'title' => __('Multi Buttons'),
42
- 'description' => __('Display multiple buttons inline with ease.'),
43
- 'render_callback' => 'acf_blocks_template',
44
- 'category' => 'acfb-blocks',
45
- 'icon' => '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title/><g data-name="36.option-memu" id="_36.option-memu"><rect class="acfb_svg_icon" height="4" width="4" x="1" y="10"/><rect class="acfb_svg_icon" height="4" width="4" x="10" y="10"/><rect class="acfb_svg_icon" height="4" width="4" x="19" y="10"/></g></svg>',
46
- 'enqueue_assets' => function(){
47
- wp_enqueue_style( 'acfb-blocks-css', plugin_dir_url( __FILE__ ) . 'css/acfblocks.css' );
48
- },
49
- ));
50
-
51
- // register a pricing box block.
52
- acf_register_block_type(array(
53
- 'name' => 'acfb-pricingbox',
54
- 'mode' => 'preview',
55
- 'title' => __('Pricing Box'),
56
- 'description' => __('Display your plans and offers in style.'),
57
- 'render_callback' => 'acf_blocks_template',
58
- 'category' => 'acfb-blocks',
59
- 'icon' => '<svg height="512pt" viewBox="0 -47 512 512" width="512pt" xmlns="http://www.w3.org/2000/svg"><path d="m85.332031 145.859375v-43.800781c9.648438 2.433594 16.574219 10.882812 17.066407 20.820312 0 4.714844 3.820312 8.535156 8.535156 8.535156 4.710937 0 8.53125-3.820312 8.53125-8.535156-.652344-19.355468-14.988282-35.507812-34.132813-38.460937v-7.617188c0-4.714843-3.820312-8.535156-8.53125-8.535156-4.714843 0-8.535156 3.820313-8.535156 8.535156v7.617188c-19.140625 2.949219-33.476563 19.105469-34.132813 38.460937.65625 19.359375 14.992188 35.511719 34.132813 38.460938v43.804687c-9.648437-2.433593-16.574219-10.886719-17.066406-20.824219 0-4.714843-3.820313-8.535156-8.53125-8.535156-4.714844 0-8.535157 3.820313-8.535157 8.535156.65625 19.359376 14.992188 35.511719 34.132813 38.460938v7.617188c0 4.714843 3.820313 8.535156 8.535156 8.535156 4.710938 0 8.53125-3.820313 8.53125-8.535156v-7.617188c19.144531-2.949219 33.480469-19.101562 34.132813-38.460938-.652344-19.359374-14.988282-35.511718-34.132813-38.460937zm-34.132812-22.980469c.496093-9.9375 7.421875-18.386718 17.066406-20.820312v41.644531c-9.644531-2.4375-16.570313-10.886719-17.066406-20.824219zm34.132812 82.265625v-41.644531c9.925781 1.988281 17.066407 10.703125 17.066407 20.824219 0 10.121093-7.140626 18.835937-17.066407 20.824219zm0 0"/><path d="m298.667969 109.226562c0 4.714844 3.820312 8.535157 8.53125 8.535157 4.714843 0 8.535156-3.820313 8.535156-8.535157 0-26.597656-22.304687-48.613281-51.199219-52.300781v-14.257812c0-4.714844-3.824218-8.535157-8.535156-8.535157s-8.535156 3.820313-8.535156 8.535157v14.257812c-28.894532 3.6875-51.199219 25.703125-51.199219 52.300781 0 26.597657 22.304687 48.617188 51.199219 52.308594v71.554688c-18.386719-1.878906-32.773438-16.683594-34.132813-35.117188 0-4.710937-3.820312-8.53125-8.53125-8.53125-4.714843 0-8.535156 3.820313-8.535156 8.53125 0 26.597656 22.304687 48.613282 51.199219 52.300782v14.261718c0 4.710938 3.824218 8.53125 8.535156 8.53125s8.535156-3.820312 8.535156-8.53125v-14.257812c28.894532-3.691406 51.199219-25.703125 51.199219-52.300782 0-26.601562-22.304687-48.617187-51.199219-52.304687v-71.558594c18.386719 1.875 32.773438 16.679688 34.132813 35.113281zm-85.335938 0c1.359375-18.433593 15.746094-33.234374 34.132813-35.113281v70.230469c-18.386719-1.878906-32.773438-16.683594-34.132813-35.117188zm85.335938 88.746094c-1.359375 18.433594-15.746094 33.234375-34.132813 35.113282v-70.230469c18.386719 1.882812 32.773438 16.683593 34.132813 35.117187zm0 0"/><path d="m426.667969 161.339844v43.804687c-9.648438-2.433593-16.574219-10.882812-17.066407-20.820312 0-4.710938-3.820312-8.535157-8.535156-8.535157-4.710937 0-8.53125 3.824219-8.53125 8.535157.652344 19.359375 14.988282 35.511719 34.132813 38.460937v7.613282c0 4.714843 3.820312 8.535156 8.53125 8.535156 4.714843 0 8.535156-3.820313 8.535156-8.535156v-7.617188c19.140625-2.949219 33.476563-19.101562 34.132813-38.460938-.65625-19.359374-14.992188-35.511718-34.132813-38.460937v-43.800781c9.648437 2.433594 16.574219 10.882812 17.066406 20.820312 0 4.714844 3.820313 8.535156 8.53125 8.535156 4.714844 0 8.535157-3.820312 8.535157-8.535156-.65625-19.355468-14.992188-35.507812-34.132813-38.460937v-7.617188c0-4.714843-3.820313-8.535156-8.535156-8.535156-4.710938 0-8.53125 3.820313-8.53125 8.535156v7.617188c-19.144531 2.949219-33.480469 19.105469-34.132813 38.460937.652344 19.359375 14.988282 35.511719 34.132813 38.460938zm34.132812 22.980468c-.492187 9.9375-7.417969 18.386719-17.066406 20.820313v-41.640625c9.648437 2.433594 16.574219 10.882812 17.066406 20.820312zm-34.132812-82.261718v41.644531c-9.648438-2.4375-16.574219-10.886719-17.066407-20.824219.492188-9.9375 7.417969-18.386718 17.066407-20.820312zm0 0"/><path d="m494.933594 25.601562h-128v-8.535156c-.011719-9.421875-7.644532-17.0546872-17.066406-17.066406h-187.734376c-9.421874.0117188-17.054687 7.644531-17.066406 17.066406v8.535156h-128c-9.421875.007813-17.0546872 7.644532-17.066406 17.066407v221.867187c.0117188 9.417969 7.644531 17.054688 17.066406 17.066406h128v8.53125c.011719 9.421876 7.644532 17.054688 17.066406 17.066407h187.734376c9.421874-.011719 17.054687-7.644531 17.066406-17.066407v-8.53125h128c9.421875-.011718 17.054687-7.648437 17.066406-17.066406v-221.867187c-.011719-9.421875-7.644531-17.058594-17.066406-17.066407zm-477.867188 238.933594v-221.867187h128v221.867187zm145.066406 25.597656v-273.066406h187.734376v17.066406l.007812 238.894532-.007812.039062.007812.039063v17.027343zm332.800782-25.597656h-128v-221.867187h128zm0 0"/><path d="m222.382812 362.15625c-5-4.992188-13.097656-4.992188-18.097656 0l-34.132812 34.128906c-3.660156 3.660156-4.757813 9.164063-2.777344 13.945313 1.984375 4.78125 6.648438 7.902343 11.824219 7.902343h68.265625c5.175781-.003906 9.839844-3.121093 11.820312-7.902343 1.980469-4.777344.886719-10.28125-2.769531-13.941407zm-32.882812 38.910156 23.832031-23.832031 23.835938 23.832031zm0 0"/><path d="m341.332031 358.398438h-68.265625c-5.175781.003906-9.835937 3.121093-11.816406 7.902343s-.890625 10.285157 2.765625 13.945313l34.136719 34.132812c5 4.988282 13.097656 4.988282 18.097656 0l34.132812-34.128906c3.660157-3.660156 4.753907-9.164062 2.773438-13.949219-1.980469-4.78125-6.648438-7.898437-11.824219-7.902343zm-34.132812 40.902343-23.832031-23.835937h47.667968zm0 0"/><path d="m119.464844 298.667969h-85.332032c-4.710937 0-8.53125 3.820312-8.53125 8.53125 0 4.714843 3.820313 8.535156 8.53125 8.535156h85.332032c4.714844 0 8.535156-3.820313 8.535156-8.535156 0-4.710938-3.820312-8.53125-8.535156-8.53125zm0 0"/><path d="m315.734375 341.332031c4.710937 0 8.53125-3.820312 8.53125-8.53125 0-4.714843-3.820313-8.535156-8.53125-8.535156h-119.46875c-4.710937 0-8.53125 3.820313-8.53125 8.535156 0 4.710938 3.820313 8.53125 8.53125 8.53125zm0 0"/><path d="m477.867188 298.667969h-85.332032c-4.714844 0-8.535156 3.820312-8.535156 8.53125 0 4.714843 3.820312 8.535156 8.535156 8.535156h85.332032c4.710937 0 8.53125-3.820313 8.53125-8.535156 0-4.710938-3.820313-8.53125-8.53125-8.53125zm0 0"/></svg>',
60
- 'enqueue_assets' => function(){
61
- wp_enqueue_style( 'acfb-blocks-css', plugin_dir_url( __FILE__ ) . 'css/acfblocks.css' );
62
- },
63
- ));
64
-
65
- // register a Star Rating block.
66
- acf_register_block_type(array(
67
- 'name' => 'acfb-starrating',
68
- 'mode' => 'preview',
69
- 'title' => __('Star Rating'),
70
- 'description' => __('Add start ratings anywhere easily.'),
71
- 'render_callback' => 'acf_blocks_template',
72
- 'category' => 'acfb-blocks',
73
- 'icon' => '<svg id="Outlined" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><title/><g id="Fill"><path d="M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z"/></g></svg>',
74
- 'enqueue_assets' => function(){
75
- wp_enqueue_style( 'acfb-blocks-css', plugin_dir_url( __FILE__ ) . 'css/acfblocks.css' );
76
- },
77
- ));
78
-
79
- // register a Progress Bar block.
80
- acf_register_block_type(array(
81
- 'name' => 'acfb-progressbar',
82
- 'mode' => 'preview',
83
- 'title' => __('Progress Bar'),
84
- 'description' => __('Show your progress using percentage defined progress bars.'),
85
- 'render_callback' => 'acf_blocks_template',
86
- 'category' => 'acfb-blocks',
87
- 'icon' => '<svg width="455.14px" height="455.14px" enable-background="new 0 0 455.138 455.139" version="1.1" viewBox="0 0 455.138 455.139" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
88
- <path d="m0 141.65v171.83h455.14v-171.83h-455.14zm432.72 149.42h-410.31v-127h410.31v127h-5e-3zm-328.43-19.606h-59.766v-89.652h59.767v89.652zm89.653 0h-59.765v-89.652h59.765v89.652zm93.387 0h-59.768v-89.652h59.768v89.652z"/>
89
- </svg>',
90
- 'enqueue_assets' => function(){
91
- wp_enqueue_style( 'acfb-blocks-css', plugin_dir_url( __FILE__ ) . 'css/acfblocks.css' );
92
- },
93
- ));
94
-
95
- // register a Counter Number block.
96
- acf_register_block_type(array(
97
- 'name' => 'acfb-counternumber',
98
- 'mode' => 'preview',
99
- 'title' => __('Counter Number'),
100
- 'description' => __('Display stats with animated counter numbers.'),
101
- 'render_callback' => 'acf_blocks_template',
102
- 'category' => 'acfb-blocks',
103
- 'icon' => '<svg id="Outlined" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><title/><g id="Fill"><path d="M16.71,22.29l-1.42,1.42L17.59,26H16A10,10,0,0,1,8.93,8.93L7.51,7.51A12,12,0,0,0,16,28h1.59l-2.3,2.29,1.42,1.42L20,28.41a2,2,0,0,0,0-2.82Z"/><path d="M16,4H14.41l2.3-2.29L15.29.29,12,3.59a2,2,0,0,0,0,2.82l3.29,3.3,1.42-1.42L14.41,6H16a10,10,0,0,1,7.07,17.07l1.42,1.42A12,12,0,0,0,16,4Z"/></g></svg>',
104
- 'enqueue_assets' => function(){
105
- wp_enqueue_style( 'acfb-blocks-css', plugin_dir_url( __FILE__ ) . 'css/acfblocks.css' );
106
- wp_enqueue_script( 'acfb-blocks-js', plugin_dir_url( __FILE__ ) . 'js/frontend.js', array('jquery'), '', false );
107
- },
108
- ));
109
-
110
- // register a Price List block.
111
- acf_register_block_type(array(
112
- 'name' => 'acfb-pricelist',
113
- 'mode' => 'preview',
114
- 'title' => __('Price List'),
115
- 'description' => __('Display price list for any product easily.'),
116
- 'render_callback' => 'acf_blocks_template',
117
- 'category' => 'acfb-blocks',
118
- 'icon' => '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title/><g data-name="6.list-menu" id="_6.list-menu"><line class="acfb_svg_icon" x1="1" x2="4" y1="6" y2="6"/><line class="acfb_svg_icon" x1="1" x2="4" y1="12" y2="12"/><line class="acfb_svg_icon" x1="1" x2="4" y1="18" y2="18"/><line class="acfb_svg_icon" x1="8" x2="23" y1="6" y2="6"/><line class="acfb_svg_icon" x1="8" x2="23" y1="12" y2="12"/><line class="acfb_svg_icon" x1="8" x2="23" y1="18" y2="18"/></g></svg>',
119
- 'enqueue_assets' => function(){
120
- wp_enqueue_style( 'acfb-blocks-css', plugin_dir_url( __FILE__ ) . 'css/acfblocks.css' );
121
- },
122
- ));
123
-
124
- // register a Click To Tweet block.
125
- acf_register_block_type(array(
126
- 'name' => 'acfb-clicktotweet',
127
- 'mode' => 'preview',
128
- 'title' => __('Click To Tweet'),
129
- 'description' => __('Add a tweet-able quote to let your reader tweet with 1-click.'),
130
- 'render_callback' => 'acf_blocks_template',
131
- 'category' => 'acfb-blocks',
132
- 'icon' => '<svg enable-background="new 0 0 511.271 511.271" version="1.1" viewBox="0 0 511.271 511.271" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
133
- <path d="m508.34 94.243c-2.603-2.603-6.942-3.471-10.414-2.603l-17.356 6.075c10.414-12.149 17.356-25.166 21.695-37.315 1.736-4.339 0.868-7.81-1.736-10.414-2.603-2.603-6.942-3.471-10.414-1.736-24.298 10.414-45.125 19.092-62.481 24.298 0 0.868-0.868 0-1.736 0-13.885-7.81-47.729-25.166-72.027-25.166-61.614 0.868-111.08 52.936-111.08 116.28v3.471c-90.251-17.356-139.72-43.39-193.52-99.797l-8.676-8.678-5.207 10.414c-29.505 56.407-8.678 107.61 25.166 142.32-15.62-2.603-26.034-7.81-35.58-15.62-3.471-2.603-7.81-3.471-12.149-0.868-3.471 1.736-5.207 6.942-4.339 11.281 12.149 40.786 42.522 73.763 75.498 93.722-15.62 0-28.637-1.736-41.654-10.414-3.471-1.736-8.678-1.736-12.149 0.868s-5.207 6.942-3.471